.yourCart {
    display: block;
    overflow: hidden;
}

    .yourCart > span {
        float: right;
        padding: 9px 10px;
    }

.buymore {
    float: left;
    overflow: hidden;
    font-size: 14px;
    color: #288ad6;
    line-height: 16px;
    padding: 10px;
}

    .buymore:before {
        content: "";
        width: 8px;
        height: 8px;
        border-top: 1px solid #288ad6;
        border-left: 1px solid #288ad6;
        display: inline-block;
        vertical-align: middle;
        margin: 0 3px 2px 0;
        transform: rotate(-45deg);
    }

.listing-cart {
    display: flex;
    flex-flow: column wrap;
}

    .listing-cart .product-item {
        display: block;
        padding: 10px 30px;
        width: 100%;
        box-sizing: border-box;
    }

        .listing-cart .product-item .imgsp {
            float: left;
            width: 16%;
        }

    .listing-cart .imgsp a, .listing-cart .imgsp a img {
        display: block;
        overflow: hidden;
    }

        .listing-cart .imgsp a img {
            width: 75px;
            margin: auto;
        }

    .listing-cart .imgsp button {
        display: block;
        overflow: hidden;
        margin: 15px auto 0;
        border: 0;
        background: #fff;
        color: #999;
        font-size: 12px;
        cursor: pointer;
    }

        .listing-cart .imgsp button span {
            float: left;
            background: #ccc;
            border-radius: 50%;
            width: 12px;
            height: 12px;
            position: relative;
            margin: 2px 3px 0 0;
        }

            .listing-cart .imgsp button span:after, .listing-cart .imgsp button span:before {
                content: "";
                width: 2px;
                height: 8px;
                background: #fff;
                position: absolute;
                transform: rotate(45deg);
                top: 2px;
                left: 5px;
            }

            .listing-cart .imgsp button span:after {
                transform: rotate(-45deg);
            }

    .listing-cart .product-item .infosp {
        display: block;
        margin-left: 95px;
    }

    .listing-cart .infosp .name-price {
        display: block;
    }

    .listing-cart .name-price a {
        float: left;
        width: 70%;
        font-size: 14px;
        color: #333;
        font-weight: 700;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .listing-cart .name-price span {
        float: right;
        color: #f30c28;
        font-size: 14px;
        text-align: right;
        margin-bottom: 2px;
    }

        .listing-cart .name-price span strike {
            display: block;
            overflow: hidden;
            color: #666;
        }

    .listing-cart .promo {
        display: block;
        overflow: hidden;
        width: 75%;
    }

        .listing-cart .promo label {
            display: block;
            overflow: hidden;
            color: #288ad6;
            font-size: 12px;
            padding: 8px 0 0;
            cursor: pointer;
        }

            .listing-cart .promo label:after {
                content: "";
                border-top: 6px solid #288ad6;
                border-right: 6px solid transparent;
                border-left: 6px solid transparent;
                display: inline-block;
                vertical-align: middle;
                margin-left: 5px;
            }

        .listing-cart .promo small {
            display: none;
            overflow: hidden;
            font-size: 12px;
            color: #666;
            padding: 6px 0 0 10px;
        }

            .listing-cart .promo small:before {
                content: "\2022";
                color: #d8d8d8;
                display: inline-block;
                vertical-align: middle;
                margin: 0 3px 0 -7px;
            }

    .listing-cart .choose-color {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        position: relative;
    }

        .listing-cart .choose-color label {
            float: left;
            color: #288ad6;
            font-size: 12px;
            padding: 6px 0 0;
            cursor: pointer;
            margin-right: 30px;
        }

            .listing-cart .choose-color label:after {
                content: "";
                border-top: 6px solid #288ad6;
                border-right: 6px solid transparent;
                border-left: 6px solid transparent;
                display: inline-block;
                vertical-align: middle;
                margin-left: 5px;
            }

        .listing-cart .choose-color .sg-color {
            position: absolute;
            top: 30px;
            left: -35px;
            width: 210px;
            padding: 0 10px;
            background: #fff;
            border: 1px solid #d8d8d8;
            z-index: 1;
            border-radius: 4px;
            box-sizing: border-box;
            box-shadow: 0 4px 4px rgba(0,0,0,.25);
        }

            .listing-cart .choose-color .sg-color:before {
                content: "";
                width: 10px;
                height: 10px;
                background: #fff;
                border-top: 1px solid #d8d8d8;
                border-right: 1px solid #d8d8d8;
                transform: rotate(-45deg);
                position: absolute;
                display: block;
                top: -6px;
                left: 70px;
            }

            .listing-cart .choose-color .sg-color .select-color {
                display: block;
                overflow: hidden;
                padding: 10px 0;
                border-bottom: 1px solid #ddd;
                cursor: pointer;
            }

                .listing-cart .choose-color .sg-color .select-color:last-child {
                    border-bottom: 0;
                }

        .listing-cart .choose-color .select-color img {
            display: inline-block;
            vertical-align: middle;
            width: 30px;
        }

        .listing-cart .choose-color .select-color small {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            color: #288ad6;
            margin-left: 8px;
        }

        .listing-cart .choose-color .select-color.active small {
            font-weight: 600;
        }

.area-total, .area-total .discountcode {
    display: block;
    overflow: visible;
}

    .area-total .discountcode {
        margin-bottom: 20px;
        position: relative;
    }

        .area-total .discountcode .usecode {
            position: relative;
            padding: 10px;
            cursor: pointer;
            width: calc(50% - 5px);
            border-radius: 4px;
            float: left;
            text-align: left;
            border: 1px solid #e0e0e0;
            display: flex;
            align-items: center;
            height: auto;
        }

            .area-total .discountcode .usecode .usecode__icon {
                display: flex;
                justify-content: center;
                width: 23px;
                flex-direction: row-reverse;
            }

            .area-total .discountcode .usecode.coupon-code {
                margin-right: 10px;
            }

            .area-total .discountcode .usecode.singlebox {
                width: auto;
                min-height: auto;
            }

                .area-total .discountcode .usecode.singlebox .usecode__title {
                    margin-right: 25px;
                }

            .area-total .discountcode .usecode.coupon-code:after {
                content: "";
                border-top: 6px solid #000;
                border-right: 6px solid transparent;
                border-left: 6px solid transparent;
                display: inline-block;
                vertical-align: middle;
                margin: 0 auto;
                position: absolute;
                right: 10px;
            }

            .area-total .discountcode .usecode span {
                display: inline-block;
                vertical-align: middle;
                overflow: hidden;
                font-size: 14px;
                margin-left: 10px;
                text-align: left;
            }

.total-provisional {
    display: block;
    overflow: hidden;
    padding: 10px 30px;
}

    .total-provisional > span {
        float: left;
        color: #333;
    }

        .total-provisional > span:nth-child(2) {
            float: right;
        }

.area-total .total-price {
    display: block;
    overflow: hidden;
    padding: 10px 0 10px;
    width: 100%;
}

.area-total .line-break {
    border-top: 1px solid #d1d1d1;
    position: absolute;
    width: calc(100% + 60px);
    left: -30px;
    bottom: -20px;
}

.area-total .total-price strong {
    float: left;
    color: #333;
}

    .area-total .total-price strong:nth-child(2) {
        float: right;
        color: #f30c28;
    }

.infor-customer {
    display: block;
    overflow: hidden;
    border-top: 1px solid #d1d1d1;
    padding: 10px 30px;
}

    .infor-customer h4 {
        display: block;
        overflow: hidden;
        font-size: 14px;
        text-transform: uppercase;
        color: #333;
    }

    .infor-customer .form-customer {
        display: none;
        overflow: hidden;
        padding: 10px 0 0;
    }

.form-customer .sex-customer {
    display: block;
    overflow: hidden;
}

    .form-customer .sex-customer span {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        color: #333;
        margin-right: 15px;
        cursor: pointer;
    }

        .form-customer .sex-customer span i {
            display: inline-block;
            vertical-align: top;
            margin: 2px 2px 0 0;
        }

.form-customer .fillinform {
    display: block;
    overflow: hidden;
    padding: 12px 0 10px;
}

    .form-customer .fillinform .fillname {
        float: left;
        width: 49%;
        margin: 0 1% 0 0;
    }

        .form-customer .fillinform .fillname input {
            display: block;
            overflow: hidden;
            border: 1px solid #d1d1d1;
            border-radius: 4px;
            padding: 10px;
            color: #333;
            box-sizing: border-box;
            width: 100%;
            /* border: 1px solid #d1d1d1; */
        }

            .form-customer .fillinform .fillname input:focus {
                border: 1px solid #fc9639;
                box-shadow: 0 0 4px #fc9639;
            }

        .form-customer .fillinform .fillname:nth-child(2) {
            float: right;
            margin-right: 0;
        }

.choosegetgoods {
    display: block;
    padding: 0 30px;
}

    .choosegetgoods h4 {
        display: block;
        overflow: hidden;
        text-transform: uppercase;
    }

    .choosegetgoods .click-choose {
        display: block;
    }

        .choosegetgoods .click-choose .choose-link {
            background: none;
            color: #333;
            display: inline-block;
            vertical-align: middle;
            padding: 10px 20px 10px 0;
            position: relative;
            cursor: pointer;
        }

            .choosegetgoods .click-choose .choose-link.current:after {
                content: "";
                width: 10px;
                height: 10px;
                border-top: 1px solid #e1e1e1;
                border-right: 1px solid #e1e1e1;
                background: #f6f6f6;
                transform: rotate(-45deg);
                display: block;
                position: absolute;
                bottom: -6px;
                left: 70px;
            }

            .choosegetgoods .click-choose .choose-link.current i {
                background-position: 0 0;
            }

    .choosegetgoods .choose-content {
        display: none;
        background: #f6f6f6;
        padding: 10px 10px;
        border: 1px solid #e1e1e1;
    }

        .choosegetgoods .choose-content.current {
            display: inherit !important;
        }

    .choosegetgoods .deli-address {
        display: block;
    }

        .choosegetgoods .deli-address form {
            display: none;
        }

            .choosegetgoods .deli-address form.active {
                display: block;
                margin-bottom: 15px;
            }

            .choosegetgoods .deli-address form p {
                display: block;
                overflow: hidden;
                color: #333;
            }

.cntry-district .btn-click:nth-child(2) {
    margin-right: 0;
    float: right;
}

.cntry-district .btn-click button {
    display: block;
    padding: 10px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    width: 100%;
    background: #fff;
    text-align: left;
    color: #288ad6;
    position: relative;
    cursor: pointer;
}

    .cntry-district .btn-click button:after {
        content: "";
        border-top: 6px solid #288ad6;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        position: absolute;
        right: 10px;
        top: 18px;
    }

    .cntry-district .btn-click button:before {
        content: "";
        width: 8px;
        height: 8px;
        background: #fff;
        border-top: 1px solid #d1d1d1;
        border-left: 1px solid #d1d1d1;
        transform: rotate(45deg);
        display: block;
        position: absolute;
        bottom: -12px;
        left: 30px;
        z-index: 2;
        display: none;
    }

.cntry-district .district button:before {
    right: 30px;
    left: unset;
}

.cntry-district .btn-click .select {
    position: absolute;
    top: 46px;
    left: 0;
    right: 0;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    background: #fff;
    z-index: 1;
    padding: 0 10px;
    width: -moz-max-content;
    width: max-content;
}

.cntry-district .btn-click.district .select {
    right: 0;
    left: unset;
}

.cntry-district .btn-click .select .boxsearch {
    position: relative;
    display: block;
    margin: 10px 0;
}

.cntry-district .btn-click .boxsearch a {
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

#tab-2 .cntry-district .btn-click .select .boxsearch {
    margin: 0;
}

#tab-2 .cntry-district .btn-click .boxsearch a {
    top: 10px;
}

.cntry-district .listName {
    display: block;
    overflow-y: scroll;
    max-height: 190px;
}

    .cntry-district .listName aside {
        min-width: 140px;
    }

.cntry-district .select input {
    margin: 10px 0;
    border: 1px solid #d1d1d1;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

.cntry-district .select aside {
    float: left;
    width: -moz-fit-content;
    width: fit-content;
    overflow: hidden;
}

    .cntry-district .select aside span {
        display: block;
        overflow: hidden;
        padding: 6px;
        color: #288ad6;
        margin: 0 5px 5px 0;
        max-width: 150px;
    }

.cntry-district .select span.active {
    background: #288ad6;
    color: #fff;
}

.wards .listName {
    display: block;
    flex-flow: row wrap;
    overflow-y: scroll;
    max-height: 190px;
}

    .wards .listName aside {
        float: left;
        width: -moz-fit-content;
        width: fit-content;
        overflow: hidden;
        min-width: 140px;
    }

.deli-address .wards button {
    display: block;
    background: #fff;
    border: 1px solid #d1d1d1;
    color: #288ad6;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
}

.deli-address .wards.disable button {
    background: #f5f5f5;
}

.deli-address .wards button:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    bottom: -12px;
    left: 30px;
    z-index: 2;
    display: none;
}

.deli-address .wards button:after {
    content: "";
    border-top: 6px solid #288ad6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    right: 10px;
    top: 18px;
}

form .wards .select input {
    margin: 10px 0;
}

.deli-address .wards .select {
    position: absolute;
    left: 0;
    right: 0;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    background: #fff;
    z-index: 1;
    margin-top: 6px;
    padding: 0 10px;
    width: -moz-max-content;
    width: max-content;
}

.deli-address .wards aside span.active {
    background: #288ad6;
    color: #fff;
}

.deli-address .wards .select span {
    display: block;
    overflow: hidden;
    padding: 6px;
    cursor: pointer;
    color: #288ad6;
    margin: 0 5px 5px 0;
}

    .deli-address .wards .select span.active {
        background: #288ad6;
        color: #fff;
    }

.wards .select .boxsearch {
    position: relative;
    display: block;
}

    .wards .select .boxsearch a {
        padding: 10px;
        position: absolute;
        right: 0;
        top: 0;
    }

.deli-address .filladdress input {
    margin: 0;
}

    .deli-address .filladdress input:focus {
        border: 1px solid #fc9639;
        box-shadow: 0 0 4px #fc9639;
    }

.deli-address input {
    display: block;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 10px;
    margin: 1.7% 0;
    width: 100%;
    box-sizing: border-box;
}

.choose-address {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

    .choose-address, .choose-address ul {
        display: block;
        overflow: hidden;
    }

        .choose-address a {
            display: block;
            overflow: hidden;
            color: #288ad6;
        }

            .choose-address a:after {
                content: "";
                border-top: 6px solid #288ad6;
                border-right: 6px solid transparent;
                border-left: 6px solid transparent;
                display: inline-block;
                vertical-align: middle;
                margin-left: 5px;
            }

.anotheroption {
    display: block;
    border-bottom: 1px solid #d1d1d1;
    padding: 20px 30px;
}

    .anotheroption input {
        display: block;
        overflow: hidden;
        border: 1px solid #d1d1d1;
        border-radius: 4px;
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 7px;
    }

        .anotheroption input:focus {
            border: 1px solid #fc9639;
            box-shadow: 0 0 4px #fc9639;
        }

    .anotheroption ul, .anotheroption ul li {
        display: block;
        overflow: hidden;
    }

        .anotheroption ul li {
            padding: 10px 0 0;
        }

            .anotheroption ul li i {
                display: inline-block;
                vertical-align: middle;
                margin: 0 4px 2px 0;
            }

            .anotheroption ul li label {
                display: block;
                overflow: hidden;
                color: #333;
                cursor: pointer;
            }

    .anotheroption li form {
        border: 1px solid #288ad6;
        padding: 10px 10px 3px;
        border-radius: 4px;
        background: #f6f6f6;
        margin: 10px 0 0;
        position: relative;
    }

.infouser__inputs-container:after {
    content: "";
    display: table;
    clear: both;
}

.anotheroption li form:before {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #288ad6;
    border-left: 1px solid #288ad6;
    background: #f6f6f6;
    transform: rotate(45deg);
    position: absolute;
    top: -5px;
    left: 50px;
}

.anotheroption li form .cough {
    display: block;
    overflow: hidden;
    padding: 0 0 10px;
}

.anotheroption form .cough span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    cursor: pointer;
}

.anotheroption form .fillinput {
    overflow: hidden;
    margin-right: 5px;
}

    .anotheroption form .fillinput.halfwidth {
        width: 49%;
        display: inline-block;
    }

        .anotheroption form .fillinput.halfwidth.left {
            float: left;
        }

.finaltotal {
    display: block;
    overflow: visible;
    padding: 20px 30px;
    position: relative;
}

    .finaltotal button.submitorder {
        display: block;
        overflow: hidden;
        color: #fff;
        text-align: center;
        height: 50px;
        margin: 10px auto;
        width: 100%;
        border-radius: 4px;
        border: 0;
        cursor: pointer;
        background: linear-gradient(180deg,#f79429,#f7712e);
    }

    .finaltotal small {
        display: block;
        overflow: hidden;
        color: #666;
        font-size: 12px;
        text-align: center;
    }

.popup-promo {
    display: block;
}

.bg-promo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #333;
    opacity: .9;
    height: 100vh;
    z-index: 999;
}

.alert-promo {
    position: fixed;
    width: 340px;
    background-color: #fff;
    border-radius: 4px;
    z-index: 99999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .alert-promo span {
        font-size: 16px;
        color: #646464;
        padding: 24px 0 10px;
    }

    .alert-promo p, .alert-promo span {
        display: block;
        overflow: hidden;
        text-align: center;
    }

    .alert-promo p {
        color: #333;
        padding: 0 30px;
    }

    .alert-promo a:not(.morepolicy) {
        display: block;
        overflow: hidden;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        padding: 10px;
        background: linear-gradient(180deg,#f79429,#f7712e);
        border-radius: 4px;
        width: 230px;
        margin: 30px auto;
    }

.error-order ul li strong {
    display: block;
    overflow: hidden;
    font-weight: 400;
    font-size: 12px;
    padding: 0 0 10px;
}

.error-order li strong b {
    color: #f30c28;
}

.footCart {
    display: block;
    overflow: hidden;
    color: #999;
    font-size: 11px;
    text-align: center;
    padding: 20px 0;
}

    .footCart span {
        cursor: pointer;
    }

.infor-customer .form-customer {
    display: block !important;
}

.choosegetgoods .deli-address form {
    display: block !important;
}

.cate-printing-ink-note {
    padding: 10px 20px;
}

.cate-printing-ink-note__message {
    border-radius: 4px;
    border: 1px dashed #f6a623;
    background: #fff4de;
    margin: 0 10px;
    padding: 15px 10px;
}

.capitalize {
    text-transform: capitalize;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize::placeholder {
    text-transform: none;
}

#app .lazyload {
    opacity: 0;
    transition: opacity .4s;
}

#app img.lazyloaded {
    opacity: 1;
}

div.clr {
    clear: both;
}

.loyalty-confirm-popup__content {
    position: fixed;
    width: 340px;
    background-color: #fff;
    border-radius: 4px;
    z-index: 99999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: calc(100% - 20px);
}

.loyalty-confirm-popup__content__close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.loyalty-confirm-popup__content__message {
    margin: 0 10px;
    display: inline-block;
    text-align: center;
    width: calc(100% - 20px);
    margin-top: 34px;
}

.loyalty-confirm-popup__content__actions {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin: 0 10px 10px 10px;
}

    .loyalty-confirm-popup__content__actions .btn {
        width: calc(50% - 22px);
        display: inline-block;
        text-align: center;
        margin: 10px 10px;
        padding: 10px 0;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        cursor: pointer;
    }

.loyalty-confirm-popup__content__actions__btn-ok.btn-orange {
    color: #fff;
    border-color: #fb6e2e;
    background-color: #fb6e2e;
}

.listing-cart .product-size-and-color-selection {
    display: flex;
    flex-direction: row;
    width: 75%;
}

.cntry-district {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-gap: 10px;
    margin-top: 10px;
}

.cntry-district, .filladdress, .fillname {
    position: relative;
}

.form-label {
    position: absolute;
    top: 11px;
    left: 10px;
    transition: all .2s;
    cursor: text !important;
}

input:disabled ~ .form-label, input:focus ~ .form-label, input:valid ~ .form-label {
    top: -9px;
    background: #fff;
    padding: 0 5px;
    line-height: 18px;
    font-size: 12px;
}

.filladdress input:focus ~ .form-label, .filladdress input:valid ~ .form-label {
    background: linear-gradient(-180deg,#f6f6f6 55%,#fff 0) !important;
}

.anotheroption .customer-note {
    position: relative;
}

.form-customer .fillinform .fillemail {
    float: left;
    width: 100%;
    margin: 0 1% 0 0;
}

    .form-customer .fillinform .fillemail input {
        display: block;
        overflow: hidden;
        border: 1px solid #d1d1d1;
        border-radius: 4px;
        padding: 10px;
        color: #333;
        box-sizing: border-box;
        width: 100%;
    }

        .form-customer .fillinform .fillemail input:focus {
            border: 1px solid #fc9639;
            box-shadow: 0 0 4px #fc9639;
        }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    border: 0;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

.clr {
    clear: both;
}

button, h4, input, label {
    font: 14px/18px Arial,Helvetica,sans-serif;
    color: #333;
    outline: none;
}

p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    text-rendering: geometricPrecision;
}

input[type=tel], input[type=text] {
    -webkit-appearance: none;
}

[class*=cartnew-], [class^=cartnew-] {
    background-image: url(https://cdn.tgdd.vn/mwgcart/vue-pro/css/img/cart-mobile-1.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 133px 305px;
}

#app > section {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: auto;
    min-width: 0;
    min-height: calc(100vh - 28rem);
    margin-top: 2rem;
}

.cartnew-select {
    background-position: -80px 0;
    width: 17px;
    height: 16px;
}

.cartnew-discount {
    background-position: 0 -158px;
    width: 18px;
    height: 13px;
}

.cartnew-choose {
    background-position: -19px 0;
    width: 14px;
    height: 14px;
    margin: 0 7px 3px 0;
}

.cartnew-search {
    background-position: -77px -121px;
    width: 16px;
    height: 16px;
}

.cartnew-cheque-message-close {
    background-position: -61px -161px;
    width: 11px;
    height: 8px;
}

.box-order {
    display: block;
    border: 1px solid #d1d1d1;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
}

    .box-order ul {
        display: block;
        overflow: hidden;
        padding: 0 10px;
    }

        .box-order ul li {
            display: block;
            overflow: hidden;
            padding: 10px 0;
            border-bottom: 1px solid #e6e6e6;
        }

            .box-order ul li:last-child {
                border: 0;
            }

    .box-order li .img-order {
        float: left;
        width: 11%;
    }

        .box-order li .img-order img {
            display: block;
            overflow: hidden;
            width: 40px;
        }

    .box-order li .text-order {
        display: block;
        overflow: hidden;
        margin-left: 10px;
    }

        .box-order li .text-order .amount-color {
            display: block;
            overflow: hidden;
        }

    .box-order li .amount-color small {
        display: inline-block;
        margin-right: 15px;
        color: #666;
        font-size: 11px;
    }

#tab-3 .box-order {
    margin-bottom: 0 !important;
}

.text-order__product-name {
    color: #333;
}

.choosenumber {
    float: right;
    overflow: hidden;
    position: relative;
    width: 100px;
    border: 1px solid #dfdfdf;
    background: #fff;
    border-radius: 3px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
}

    .choosenumber input {
        border: none;
        margin: 1px 0 1px 1px;
    }

    .choosenumber .minus {
        float: left;
        border-right: 1px solid #dfdfdf;
        background: #fff;
        width: 32%;
        height: 30px;
        position: relative;
        pointer-events: none;
        cursor: pointer;
    }

        .choosenumber .minus i {
            width: 12px;
            height: 2px;
            background: #ccc;
            display: block;
            margin: 14px auto;
        }

    .choosenumber .number {
        font-size: 14px;
        color: #333;
        float: left;
        width: 33%;
        height: 30px;
        text-align: center;
    }

    .choosenumber .plus {
        float: right;
        border-left: 1px solid #dfdfdf;
        background: #fff;
        width: 32%;
        height: 30px;
        position: relative;
        cursor: pointer;
    }

        .choosenumber .plus i:first-child {
            width: 12px;
            height: 2px;
            background: #288ad6;
            display: block;
            margin: 14px auto;
        }

        .choosenumber .plus i:nth-child(2) {
            width: 2px;
            height: 12px;
            background: #288ad6;
            display: block;
            margin: 0 auto;
            position: absolute;
            top: 9px;
            left: 0;
            right: 0;
        }

.close-popup {
    position: absolute;
    top: 6px;
    right: 20px;
    cursor: pointer;
}

    .close-popup i {
        display: block;
        position: relative;
    }

        .close-popup i:after, .close-popup i:before {
            content: "";
            width: 3px;
            height: 24px;
            background-color: #747474;
            border-radius: 10px;
            transform: rotate(45deg);
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }

        .close-popup i:before {
            transform: rotate(-45deg);
        }

.middleCart {
    display: block;
    background: #fff;
    box-shadow: 0 0 18px rgba(0,0,0,.12);
    border-radius: 2px;
}

.hide {
    display: none !important;
}

.loading-cart {
    display: none;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    background: hsla(0,0%,100%,.5);
    top: 0;
    left: 0;
    z-index: 100000;
    clear: both;
    text-align: center;
    overflow: hidden;
}

.loading-cart {
    position: fixed;
}

    .loading-cart .csdot {
        width: 8px;
        height: 8px;
        border: 1px solid #288ad6;
        background: #288ad6;
        border-radius: 50%;
        float: left;
        margin: 0 2px;
        transform: scale(0);
        animation: fx 1s ease 0ms infinite;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    }

    .loading-cart .cswrap {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.popup-promo {
    display: none !important;
}

.promotionName a {
    overflow: hidden;
    color: #288ad6;
    padding: 5px 0 0;
}

.common-popup {
    display: none !important;
}

.common-popup-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #333;
    opacity: .9;
    height: 100vh;
    z-index: 999;
}

.popup-content {
    position: fixed;
    width: 340px;
    background-color: #fff;
    border-radius: 4px;
    padding: 30px 30px 15px 30px;
    line-height: 22px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
}

    .popup-content button {
        display: block;
        margin: auto;
        margin-top: 10px;
        padding: 15px 60px;
        background: #288ad6;
        color: #fff;
        border: 0;
        border-radius: 4px;
        text-transform: uppercase;
        font-size: 14px;
        cursor: pointer;
        font-weight: 700;
    }

.csdot:nth-child(2) {
    animation: fx 1s ease .3s infinite;
}

.csdot:nth-child(3) {
    animation: fx 1s ease .6s infinite;
}

::placeholder {
    text-transform: none;
}

button, h4, input, label {
    font: 14px/18px Helvetica Neue,Helvetica,Arial,SF Pro Display,sans-serif;
}

.godox .yourCart {
    font-weight: 400;
}

.godox .listing-cart .product-size-and-color-selection {
    display: flex;
    flex-direction: row;
    width: 75%;
}

.godox .listing-cart .choose-color {
    margin-top: 15px;
}

    .godox .listing-cart .choose-color label {
        padding: 6px 28px 6px 10px;
        border-radius: 8px;
        font-size: 15px;
        border: 1px solid var(--lightgray2);
        position: relative;
    }

        .godox .listing-cart .choose-color label:after, .godox .listing-cart .choose-color label:before {
            content: "";
            position: absolute;
            background: #000;
            border-radius: 24px;
            display: block;
            width: 5px;
            height: 1px;
            top: 50%;
        }

        .godox .listing-cart .choose-color label:before {
            border: 0;
            transform: rotate(45deg);
            left: unset;
            bottom: unset;
            right: 20px;
            z-index: 0;
        }

        .godox .listing-cart .choose-color label:after {
            border: 0;
            transform: rotate(-45deg);
            left: unset;
            right: 17px;
        }

    .godox .listing-cart .choose-color .select-color img {
        height: 30px;
        width: 30px;
    }

    .godox .listing-cart .choose-color .select-color.active img {
        border: 1px solid #0084FF;
        border-radius: 2px;
        padding: 1px;
    }

    .godox .listing-cart .choose-color .select-color small {
        color: #000;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
    }

    .godox .listing-cart .choose-color .select-color.active small {
        color: #0084FF;
    }

    .godox .listing-cart .choose-color .sg-color {
        border: 0;
        box-shadow: 0 3px 8px rgba(50,50,50,.25);
        border-radius: 12px;
        top: 38px;
        left: 0;
    }

        .godox .listing-cart .choose-color .sg-color .select-color {
            padding: 12px 0;
            border-bottom: 1px solid var(--lightgray);
        }

        .godox .listing-cart .choose-color .sg-color:before {
            left: 40px;
            display: none;
        }

.godox .listing-cart .promo {
    width: 80%;
}

    .godox .listing-cart .promo label {
        color: #000;
        font-size: 14px;
        position: relative;
        overflow: visible;
        display: inline-block;
    }

    .godox .listing-cart .promo > aside > label:after, .godox .listing-cart .promo > aside > label:before {
        content: "";
        position: absolute;
        background: #000;
        border-radius: 24px;
        display: block;
        width: 5px;
        height: 1px;
        top: 60%;
    }

    .godox .listing-cart .promo > aside > label:before {
        border: 0;
        transform: rotate(45deg);
        bottom: unset;
        right: -10px;
        z-index: 0;
    }

    .godox .listing-cart .promo > aside > label:after {
        border: 0;
        transform: rotate(-45deg);
        right: -13px;
    }

    .godox .listing-cart .promo small {
        color: #000;
        font-size: 14px;
        color: #000;
    }

        .godox .listing-cart .promo small:before {
            color: #000;
            margin: 0 6px 0 -7px;
            font-size: 20px;
        }

.godox .listing-cart .name-price .name-container a {
    font-weight: 400;
    font-size: 15px;
    color: #000;
    line-height: 20px;
}

.godox .listing-cart .name-price span {
    color: #000;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
}

    .godox .listing-cart .name-price span strike {
        font-weight: 400;
        color: var(--darkgray);
        font-size: 14px;
        line-height: 21px;
    }

.godox .listing-cart .imgsp a img {
    width: 80px;
}

.godox .listing-cart .imgsp button {
    margin: 4px auto;
    padding: 0 8px 0 2px;
    background: #fafafb;
    border-radius: 4px;
    font-size: 11px;
    color: #9e9e9f;
}

    .godox .listing-cart .imgsp button span:after, .godox .listing-cart .imgsp button span:before {
        width: 1px;
        height: 6px;
        background: #9e9e9f;
        top: 6px;
        left: 5.5px;
        border-radius: 4px;
    }

    .godox .listing-cart .imgsp button span {
        background: #fafafb;
        width: 13px;
        height: 13px;
        color: var(--darkgray2);
        margin: 0;
    }

.godox .listing-cart .product-item:first-child {
    padding-top: 30px;
}

.godox .total-provisional {
    line-height: 21px;
    padding: 0 30px 17px;
}

    .godox .total-provisional > span {
        color: #000;
    }

    .godox .total-provisional span .total-label, .godox .total-provisional span:nth-child(2) {
        font-weight: 700;
    }

.godox .finaltotal button.submitorder {
    background: #ec5523;
    border-radius: 12px;
    font-size: 15px;
}

.godox .area-total .total-price {
    line-height: 21px;
}

    .godox .area-total .total-price strong {
        color: #000;
    }

        .godox .area-total .total-price strong:nth-child(2) {
            color: var(--red);
        }

.godox .area-total .discountcode .line-break {
    display: none;
}

.godox .area-total .discountcode .usecode span {
    margin-left: 5px;
    color: #000;
}

.godox .area-total .discountcode .usecode.singlebox {
    padding-left: 0;
    border: 0;
    border-radius: 12px;
    padding-bottom: 0;
}

    .godox .area-total .discountcode .usecode.singlebox .usecode__title {
        color: #0084FF;
        position: relative;
        overflow: visible;
    }

.godox .area-total .discountcode .usecode.coupon-code:after {
    display: none;
}

.godox .area-total .discountcode .usecode .usecode__icon {
    width: 27px;
}

.godox .cntry-district .btn-click .boxsearch a {
    padding: 0;
}

.godox .cntry-district .btn-click .select {
    border: 1px solid #bdbdbd;
    top: 56px;
}

.godox .cntry-district .btn-click .button {
    color: #000;
    border-radius: 12px;
    border: 1px solid var(--lightgray2);
    padding: 15px;
    font-size: 13px;
    line-height: 18px;
    width: 100%;
    text-align: left;
}

    .godox .cntry-district .btn-click .button:after, .godox .cntry-district .btn-click button:before, .godox .deli-address .wards button:after, .godox .deli-address .wards button:before {
        content: "";
        position: absolute;
        background: #000;
        border-radius: 24px;
        display: block;
        width: 5px;
        height: 1px;
        top: 50%;
    }

.godox .cntry-district .btn-click button:before, .godox .deli-address .wards button:before {
    border: 0;
    transform: rotate(45deg);
    left: unset;
    bottom: unset;
    right: 18px;
    z-index: 0;
}

.godox .cntry-district .btn-click button:after, .godox .deli-address .wards button:after {
    border: 0;
    transform: rotate(-45deg);
    left: unset;
    right: 15px;
}

.godox .cntry-district .select span.active {
    color: #fff;
    background: #0084FF;
    border-radius: 8px;
}

.godox .cntry-district .select aside span {
    color: #000;
    padding: 7px;
    font-size: 13px;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 5px 6px 0;
}

.godox .cntry-district .select input {
    border-radius: 12px;
    border: 1px solid var(--lightgray2);
    font-size: 13px;
    line-height: 18px;
    padding: 15px;
}

.godox .cntry-district .btn-click {
    margin: 0 1% 1% 0;
    padding: 2px;
}

.godox .cntry-district .listName::-webkit-scrollbar, .godox .wards .listName::-webkit-scrollbar {
    width: 2px;
    height: 46px;
}

.godox .cntry-district .listName::-webkit-scrollbar-track, .godox .wards .listName::-webkit-scrollbar-track {
    background: #fff;
    margin-bottom: 15px;
}

.godox .cntry-district .listName::-webkit-scrollbar-thumb, .godox .wards .listName::-webkit-scrollbar-thumb {
    background: var(--lightgray2);
    min-height: 46px;
}

    .godox .cntry-district .listName::-webkit-scrollbar-thumb:hover, .godox .wards .listName::-webkit-scrollbar-thumb:hover {
        background: var(--darkgray);
    }

.godox .deli-address .wards button {
    color: #000;
    border-radius: 12px;
    border: 1px solid var(--lightgray2);
    padding: 15px;
    font-size: 13px;
    line-height: 18px;
}

.godox .deli-address .wards .select {
    border: 1px solid var(--lightgray2);
    box-sizing: border-box;
    box-shadow: 0 4px 6px rgba(0,0,0,.15);
    border-radius: 12px;
}

    .godox .deli-address .wards .select span {
        color: #000;
        padding: 7px;
        font-size: 13px;
        line-height: 18px;
        margin: 0 5px 6px 0;
    }

        .godox .deli-address .wards .select span.active {
            color: #fff;
            background: #0084FF;
            border-radius: 8px;
        }

.godox .deli-address form .wards {
    padding: 2px;
    margin: 0 1% 2% 0;
}

.godox .deli-address form .filladdress {
    padding: 2px;
}

.godox .deli-address .filladdress input {
    color: #000;
    border-radius: 12px;
    border: 1px solid var(--lightgray2);
    padding: 15px;
    font-size: 13px;
    line-height: 18px;
}

    .godox .deli-address .filladdress input:focus {
        border: 1px solid #fc9639;
        box-shadow: 0 0 4px #fc9639;
    }

.godox .choosegetgoods .deli-address form.active {
    margin-bottom: 10px;
}

.godox .yourCart > span {
    padding: 15px 7px 13px;
    color: #000;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    white-space: nowrap;
}

.godox .buymore {
    color: #000;
    padding: 15px 15px 13px;
    position: relative;
    line-height: 21px;
}

    .godox .buymore:after, .godox .buymore:before {
        content: "";
        position: absolute;
        background: #000;
        border-radius: 24px;
        display: block;
        width: 6px;
        height: 1px;
        top: 50%;
    }

    .godox .buymore:before {
        border: 0;
        transform: rotate(-45deg);
        left: 0;
        bottom: unset;
        right: unset;
        z-index: 0;
        top: 23px;
    }

    .godox .buymore:after {
        border: 0;
        transform: rotate(-135deg);
        left: 0;
        right: unset;
        top: 27px;
    }

.godox .middleCart {
    border-radius: 12px;
    box-shadow: 0 24px 80px rgba(0,0,0,.07),0 10.0266px 33.4221px rgba(0,0,0,.0503198),0 5.36071px 17.869px rgba(0,0,0,.0417275),0 3.00517px 10.0172px rgba(0,0,0,.035),0 1.59602px 5.32008px rgba(0,0,0,.0282725),0 .664142px 2.21381px rgba(0,0,0,.0196802);
}

.godox form .wards .select input {
    border: 1px solid var(--lightgray2);
    margin: 10px 0;
    border-radius: 12px;
    font-size: 13px;
    line-height: 18px;
    padding: 15px;
}

.godox .wards .select .boxsearch a {
    padding: 0;
}

.godox .product-size-and-color-selection .color-label {
    display: none;
}

.godox .product-size-and-color-selection .color-label {
    color: #555;
    line-height: 20px;
}

.godox .product-size-and-color-selection .color-text {
    color: #000;
    line-height: 20px;
}

.godox .form-customer .fillinform .fillname {
    padding: 5px 2px;
}

.godox .form-customer .fillinform {
    padding: 15px 0 5px 0;
}

    .godox .form-customer .fillinform .fillname input {
        border: 1px solid var(--lightgray2);
        border-radius: 12px;
        color: #000;
        padding: 15px;
        border: 1px solid #d1d1d1;
    }

        .godox .form-customer .fillinform .fillname input:focus {
            border: 1px solid #fc9639;
            box-shadow: 0 0 4px #fc9639;
        }

        .godox .form-customer .fillinform .fillname input::placeholder {
            color: #555;
        }

.godox .anotheroption form .fillinput {
    padding: 2px;
}

.godox .anotheroption form .cough span, .godox .anotheroption input {
    line-height: 18px;
    font-size: 13px;
    color: #000;
}

.godox .anotheroption input {
    padding: 15px;
    border: 1px solid var(--lightgray2);
    border-radius: 12px;
}

    .godox .anotheroption input:focus {
        border: 1px solid #fc9639;
        box-shadow: 0 0 4px #fc9639;
    }

    .godox .anotheroption input::placeholder {
        color: #555;
    }

.godox section {
    padding: 0;
}

.godox .choosenumber {
    border-radius: 0;
    border: 0;
    height: 24px;
    width: 76px;
}

    .godox .choosenumber .number {
        width: 24px;
        border-radius: 4px;
        height: 24px;
        line-height: 22px;
        background: var(--lightgray);
        color: #000;
        font-size: 13px;
        margin: 0 0;
    }

    .godox .choosenumber input {
        border: none;
        margin: 1px 0 1px 1px;
    }

    .godox .choosenumber .minus {
        margin-right: 2px;
        float: left;
        border: 1px solid var(--lightgray2);
        background: #fff;
        width: 24px;
        height: 24px;
        border-radius: 4px;
    }

        .godox .choosenumber .minus i {
            border-radius: 4px;
            width: 10px;
            height: 1px;
            background: var(--lightgray2);
            display: block;
            margin: 11px auto;
        }

    .godox .choosenumber .plus {
        border-radius: 4px;
        border: 1px solid var(--lightgray2);
        width: 24px;
        height: 24px;
    }

        .godox .choosenumber .plus i:first-child {
            border-radius: 4px;
            width: 10px;
            margin: 10px auto;
            height: 1px;
        }

        .godox .choosenumber .plus i:nth-child(2) {
            border-radius: 4px;
            top: 6px;
            width: 1px;
            height: 10px;
        }

.godox .choosegetgoods h4, .godox .infor-customer h4 {
    line-height: 20px;
    font-weight: 600;
    color: #000;
    text-transform: none;
    font-size: 15px;
}

.godox .form-customer .sex-customer span {
    font-size: 13px;
    margin-right: 40px;
    color: #000;
}

.godox .anotheroption li form:before {
    border-top: 1px solid var(--lightgray);
    background: var(--lightgray);
    border-left: 1px solid var(--lightgray);
}

.godox .anotheroption li form {
    border: 0;
    background: var(--lightgray);
    border-radius: 12px;
}

.godox .choosegetgoods .choose-content {
    background: #f5f5f7;
    border: 0;
    border-radius: 12px;
    padding: 10px 12px 5px;
}

.godox .choosegetgoods .click-choose .choose-link.current:after {
    border-top: 0;
    border-right: 0;
    background: #f5f5f7;
}

.godox .choose-address a {
    color: #000;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px;
}

    .godox .choose-address a:after {
        display: none;
    }

    .godox .choose-address a > span {
        position: relative;
        display: inline-block;
        line-height: 20px;
    }

        .godox .choose-address a > span:after, .godox .choose-address a > span:before {
            content: "";
            position: absolute;
            background: #000;
            border-radius: 30px;
            display: block;
            width: 6px;
            height: 1.5px;
            top: 50%;
        }

        .godox .choose-address a > span:before {
            border: 0;
            transform: rotate(45deg);
            left: unset;
            bottom: unset;
            right: -15.7px;
            z-index: 0;
        }

        .godox .choose-address a > span:after {
            border: 0;
            transform: rotate(-45deg);
            left: unset;
            right: -19px;
        }

.godox .infor-customer {
    border-top: 4px solid #e5e5e5;
    border-bottom: 4px solid #e5e5e5;
    padding: 15px 30px 10px;
}

.godox .choosegetgoods {
    padding: 15px 30px 0;
}

.godox .anotheroption {
    border-bottom: 4px solid #e5e5e5;
}

.godox .finaltotal {
    padding: 10px 30px;
}

    .godox .finaltotal small {
        color: #000;
    }

.godox .anotheroption ul li {
    padding: 5px 0 0;
}

    .godox .anotheroption ul li label {
        line-height: 21px;
        color: #000;
    }

.godox [class*=cartnew-], .godox [class^=cartnew-] {
    height: 30px;
    width: 30px;
    line-height: 30px;
}

.godox [class*=cartnew-], .godox [class^=cartnew-] {
    background-image: url(https://cdn.tgdd.vn/mwgcart/vue-pro/css/img/TZ_Sprite_2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-size: 624px 758px;
}

.godox .cartnew-choose {
    margin-top: -2px;
    width: 16px;
    height: 16px;
    background-position: -257px -46px;
}

.godox .form-customer .sex-customer span i {
    background-position: -257px -46px;
    margin: 0 3px 0 0;
}

.godox .choosegetgoods .click-choose .choose-link {
    padding: 10px 30px 10px 0;
    color: #000;
    font-size: 13px;
}

    .godox .choosegetgoods .click-choose .choose-link .cartnew-choose {
        margin-bottom: 2px;
    }

    .godox .choosegetgoods .click-choose .choose-link.current i {
        background-position: -221px -46px;
    }

.godox .cartnew-select {
    margin-right: 10px;
    background-position: -293px -46px;
    width: 16px;
    height: 16px;
    margin-bottom: 3px;
}

.godox .cartnew-discount {
    background-position: -184px -48px;
    width: 15px;
    height: 15px;
}

.godox .cartnew-search {
    background-position: -184px -7px;
    width: 18px;
    height: 18px;
    margin: 16px;
}

.godox .box-order {
    border: 0;
    border-radius: 12px;
    font-size: 13px;
}

    .godox .box-order ul li {
        border-top: 1px solid var(--lightgray2);
        border-bottom: 0;
    }

    .godox .box-order.error-order {
        padding: 1px;
    }

        .godox .box-order.error-order ul li:first-child {
            border-top: 0;
        }

.godox .text-order__product-name {
    color: #000;
    font-size: 12px;
    display: block;
    line-height: 16px;
    padding-bottom: 2px;
}

.godox .box-order li .text-order {
    line-height: 24px;
}

.godox .box-order li .amount-color > small {
    color: var(--darkgray);
    margin-right: 0;
    font-size: 12px;
    line-height: 16px;
}

.godox .box-order li .amount-color small small {
    margin-right: 20px;
    color: #000;
    font-size: 12px;
    vertical-align: unset;
}

.godox .box-order li .amount-color > small:last-child {
    display: block;
}

.godox .box-order li .img-order img {
    width: 50px;
}

.godox .footCart {
    color: #555;
}

.godox .finaltotal button.submitorder b {
    text-transform: none !important;
}

.godox .alert-promo {
    border-radius: 12px;
}

    .godox .alert-promo p, .godox .alert-promo span {
        color: #000;
    }

    .godox .alert-promo a:not(.morepolicy) {
        background: #0084FF;
        border-radius: 12px;
        font-size: 15px;
    }

.godox .form-label {
    top: 16px;
    left: 15px;
}

.godox .filladdress input:focus ~ .form-label, .godox .filladdress input:valid ~ .form-label {
    background: linear-gradient(-180deg,#f5f5f7 55%,#fff 0) !important;
}
/*! CSS Used from: Embedded */
.resize-triggers {
    animation: 1ms resizeanim;
    visibility: hidden;
    opacity: 0;
}

    .resize-triggers, .resize-triggers > div, .contract-trigger:before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

        .resize-triggers > div {
            background: #eee;
            overflow: auto;
        }

.contract-trigger:before {
    width: 200%;
    height: 200%;
}
/*! CSS Used keyframes */
@keyframes fx {
    50% {
        transform: scale(1);
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.cartempty {
    margin-top: 100px;
}

    .cartempty, .cartempty i {
        display: block;
        overflow: hidden;
    }

        .cartempty i {
            margin: auto;
        }

        .cartempty .backhome, .cartempty span {
            display: block;
            overflow: hidden;
            text-align: center;
            padding: 10px;
        }

        .cartempty .backhome {
            text-transform: uppercase;
            font-weight: 600;
            border-radius: 4px;
            border: 1px solid #288ad6;
            margin: 0 10px;
            color: #288ad6;
        }

        .cartempty p {
            display: block;
            overflow: hidden;
            padding: 10px;
            text-align: center;
        }

            .cartempty p a {
                color: #288ad6;
            }

.cartnew-choose {
    background-position: -19px 0;
    width: 14px;
    height: 14px;
    margin: 0 7px 3px 0;
}

.cartnew-success {
    background-position: 0 -20px;
    width: 41px;
    height: 49px;
}

.middleCart {
    display: block;
    background: #fff;
    box-shadow: 0 0 18px rgba(0,0,0,.12);
    border-radius: 2px;
}

.error {
    color: #dd4b39 !important;
}

.alertsuccess {
    display: block;
    overflow: hidden;
    background-color: #f5f5f5;
    text-align: center;
    padding: 10px 0;
}

    .alertsuccess i {
        margin-right: 5px;
    }

    .alertsuccess i, .alertsuccess strong {
        display: inline-block;
        vertical-align: middle;
    }

    .alertsuccess strong {
        color: #34c772;
        font-size: 16px;
        text-transform: uppercase;
    }

.ordercontent {
    display: block;
    overflow: hidden;
    padding: 0 20px;
}

    .ordercontent p {
        display: block;
        overflow: hidden;
        line-height: 22px;
        color: #333;
        padding: 10px;
    }

    .ordercontent .info-order {
        display: block;
        background-color: #f3f3f3;
        padding: 10px 0;
        margin: 0 10px 10px;
        border-radius: 4px;
    }

        .ordercontent .info-order h4 {
            display: block;
            overflow: hidden;
            color: #333;
            text-transform: uppercase;
        }

        .ordercontent .info-order label {
            display: block;
            color: #333;
            padding: 5px 15px;
        }

        .ordercontent .info-order .info-order__dot-icon:before {
            content: "\2022";
            color: #c4c4c4;
            float: left;
            margin: 0 5px 0 0;
        }

        .ordercontent .info-order label span {
            display: block;
            overflow: hidden;
        }

            .ordercontent .info-order label span > strong {
                display: contents;
            }

        .ordercontent .info-order label b.red {
            color: #f30c28;
        }

.cancel-order-popup, .success-popup {
    background: rgba(0,0,0,.4);
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
}

    .cancel-order-popup span {
        font-weight: 800;
        color: #288ad6;
    }

    .cancel-order-popup .helper, .success-popup .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .cancel-order-popup div, .success-popup > div {
        background-color: #fff;
        box-shadow: 10px 10px 60px #555;
        display: inline-block;
        height: auto;
        max-width: 350px;
        min-height: 100px;
        vertical-align: middle;
        width: 80%;
        position: relative;
        border-radius: 8px;
        padding: 30px 30px;
    }

    .cancel-order-popup h1 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 16px;
    }

    .cancel-order-popup p, .success-popup p {
        font-size: 13px;
        line-height: 20px;
        margin: 10px 0 5px;
        text-align: left;
        font-size: 14px;
        padding: 0;
    }

    .cancel-order-popup button {
        padding: 10px;
        border-radius: 4px;
        color: #333;
        font-size: 14px;
        border: none;
        cursor: pointer;
        width: 130px;
        text-transform: uppercase;
    }

    .cancel-order-popup .close-cancel-popup {
        color: #288ad6;
        background-color: #fff;
        border: 1px solid #288ad6;
    }

    .cancel-order-popup .confirm-cancel-popup {
        color: #fff;
        background-color: #288ad6;
        border: 1px solid #288ad6;
    }

    .success-popup h1 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 16px;
    }

    .success-popup p.conut-success {
        color: red;
        text-align: center;
    }

    .success-popup p {
        text-align: center;
    }

    .success-popup button {
        padding: 10px;
        border-radius: 4px;
        color: #288ad6;
        font-size: 14px;
        border: none;
        cursor: pointer;
        width: 130px;
        text-transform: uppercase;
        background-color: #fff;
        border: 1px solid #288ad6;
        margin: 10px 0;
    }

@media screen and (max-width:320px) {
    .cancel-order-popup button {
        width: 120px;
        font-size: 12px;
    }
}

@media screen and (max-width: 700px) {
    .listing-cart .name-price a {
        width: 100%;
    }

    .godox .choosenumber {
        width: 87px;
    }

    .cntry-district {
        grid-template-columns: 1fr;
    }

    .form-customer .fillinform .fillname {
        width: 100%;
    }
}

.cancel-order-popup__content__reason__item {
    display: block;
    margin-bottom: 10px;
}

.cancel-order-popup__content__note {
    font-style: italic;
}

.cancel-order-popup__content__error {
    display: block;
    margin-bottom: 10px;
}

.cancel-order-popup__content__reason__item > :not(textarea) {
    cursor: pointer;
}

.cancel-order-popup__content__actions {
    display: block;
}

.cancel-order-popup__content__actions__button {
    width: calc(50% - 3px) !important;
}

.cart-result-fl {
    float: left;
}

.cart-result-fr {
    float: right;
}

.cancel-order-popup__content__reason__item span {
    font-weight: 400 !important;
    color: #333 !important;
}

    .cancel-order-popup__content__reason__item span i {
        float: left;
        margin: 2px 4px 0 0;
    }

.info-order-header .header-right > a {
    color: #2f80ed;
}

.info-order .info-order-header {
    display: flex;
    justify-content: space-between;
    padding: 2px 14px 5px 11px;
}

.info-order-header .cancel-order-new, .info-order-header .header-right {
    display: flex;
}

.cancel-order-new > a {
    color: #dd1c1a;
}

.cancel-order-new > span {
    color: #333;
}

.cartnew-choose {
    margin: 2px 5px 0 0;
}

.info-order label > small {
    padding: 0 0 0 10px;
    display: block;
    color: #666;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}

button, h1, h4, input, label {
    font: 14px/18px Helvetica Neue,Helvetica,Arial,SF Pro Display,sans-serif;
}

.godox .middleCart {
    border-radius: 12px;
    box-shadow: 0 24px 80px rgba(0,0,0,.07),0 10.0266px 33.4221px rgba(0,0,0,.0503198),0 5.36071px 17.869px rgba(0,0,0,.0417275),0 3.00517px 10.0172px rgba(0,0,0,.035),0 1.59602px 5.32008px rgba(0,0,0,.0282725),0 .664142px 2.21381px rgba(0,0,0,.0196802);
}

.godox .alertsuccess {
    background-color: #f5f5f7;
    border-radius: 12px 12px 0 0;
    padding: 10px 0;
}

    .godox .alertsuccess strong {
        color: #00a651;
        font-size: 15px;
        font-weight: 700;
        text-transform: none;
        line-height: 20px;
    }

.godox .ordercontent p {
    line-height: 21px;
    color: #323232;
    padding: 15px 8px 15px 12px;
}

.godox .ordercontent .info-order {
    background-color: #f5f5f7;
    border-radius: 12px;
    margin-left: 12px;
    margin-right: 8px;
}

    .godox .ordercontent .info-order h4 {
        font-weight: 700;
        text-transform: inherit;
        font-size: 14px;
        color: #000;
        line-height: 21px;
    }

        .godox .ordercontent .info-order h4 > span {
            font-weight: 400;
            color: #0071e3;
        }

    .godox .ordercontent .info-order label {
        line-height: 21px;
        padding: 5px 20px;
    }

    .godox .ordercontent .info-order .info-order__dot-icon:before {
        color: #000;
        font-size: 14px;
    }

    .godox .ordercontent .info-order label span strong {
        font-weight: 700;
        color: #000;
    }

    .godox .ordercontent .info-order label b.red {
        color: #333;
        font-weight: 700;
    }

.godox .cartnew-success {
    background-image: url(https://cdn.tgdd.vn/mwgcart/vue-pro/css/img/TZ_Sprite_2x.png);
    background-size: 624px 758px;
    background-position: -315px -86px;
    height: 30px;
}

.godox .cartnew-choose {
    background-image: url(https://cdn.tgdd.vn/mwgcart/vue-pro/css/img/TZ_Sprite_2x.png);
    width: 18px;
    height: 17px;
    background-position: -257px -46px;
    background-size: 624px 758px;
}

.godox .cancel-order-popup .confirm-cancel-popup {
    background: #323232;
    border: 1px solid #323232;
    border-radius: 12px;
}

.godox .cancel-order-popup .close-cancel-popup, .godox .success-popup button {
    border: 1px solid #e5e5e5;
    color: #323232;
    border-radius: 12px;
}

.godox .cancel-order-popup p, .godox .success-popup p {
    padding: 0;
}

.godox .cancel-order-popup div, .godox .success-popup > div {
    border-radius: 12px;
}