.new-cart-wrapper {
    width: 100%;
    display: inline-block
    }
.new-cart-wrapper > .top {
    display: block;
    width: 100%;
    height: 30px;
    border-bottom: 2px solid #eee;
    margin: 0;
    padding: 0 5px
    }
.new-cart-wrapper > .top > div {
    float: left;
    font-weight: 600
    }
.new-cart-wrapper > .top > .art {
    width: 35%;
    text-align: left
    }
.new-cart-wrapper > .top > .number {
    width: 120px;
    margin-left: 3px;
    text-align: left
    }
.new-cart-wrapper > .top > .old-price {
    width: calc(20% - 58px);
    text-align: right
    }
.new-cart-wrapper > .top > .new-price {
    width: calc(24% - 60px);
    text-align: right
    }
.new-cart-wrapper > .top > .total {
    width: 20%;
    text-align: right;
    float: right
    }
.new-cart-wrapper .item > .left-top {
    padding: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #eee
    }
.new-cart-wrapper .item > .right-bottom {
    border-bottom: 1px solid #eee;
    padding: 5px
    }
.new-cart-wrapper .item > .right-bottom > div {
    float: left
    }
.new-cart-wrapper .item > .right-bottom > .number {
    width: 120px;
    margin-left: 10px
    }
.new-cart-wrapper .item > .right-bottom > .old-price {
    width: calc(32% - 65px);
    text-align: right;
    display: list-item;
    overflow: hidden
    }
.new-cart-wrapper .item > .right-bottom > .new-price {
    width: calc(38% - 67px);
    text-align: right
    }
.new-cart-wrapper .item > .right-bottom > .total {
    width: 30%;
    text-align: right;
    float: right
    }
.new-cart-wrapper > .bar-left {
    padding: 5px 28px 4px 0;
    font-weight: 600;
    border-bottom: 1px solid #eee
    }
.new-cart-wrapper > .bar-left a.btn-voucher-delete {
    background: none;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    display: inline-flex;
    width: 15px;
    height: 30px;
    position: absolute;
    margin: 0 0 0 -23px
    }
.new-cart-wrapper > .bar-left a.btn-voucher-delete:after {
    font-family: FontAwesome;
    content: "";
    display: block;
    font-size: 15px;
    color: #405677
    }
.new-cart-wrapper > .bar-left.green {
    color: #4f9e50
    }
.new-cart-wrapper > .bar-right {
    padding: 6px 5px 3px 0;
    font-weight: 600;
    border-bottom: 1px solid #eee
    }
.new-cart-wrapper > .bar-right.green {
    color: #4f9e50
    }
@media (max-width: 767px) {
    .new-cart-wrapper .item > .left-top {
        border-top: 1px solid #eee;
        border-bottom: 0;
        overflow: visible;
        white-space: normal;
        text-overflow: initial;
        line-height: 1.4
        }
    .new-cart-wrapper .item:nth-of-type(even) .left-top, .new-cart-wrapper .item:nth-of-type(even) .right-bottom {
        background: #eee
        }
    .new-cart-wrapper .item > .right-bottom > .number {
        width: 40%;
        margin-left: 0
        }
    .new-cart-wrapper .item > .right-bottom > .number .form-control {
        width: 100% !important
        }
    .new-cart-wrapper > .bar-left {
        padding: 0
        }
    .new-cart-wrapper > .bar-right {
        padding: 0 5px 0 0
        }
    .new-cart-wrapper .item > .right-bottom > .total {
        position: absolute;
        bottom: 2px;
        right: 5px
        }
    .new-cart-wrapper > .bar-left.total {
        padding: 10px 0
        }
    .new-cart-wrapper > .bar-right.total {
        padding: 10px 6px 10px 0
        }
    }