.ss-profile .box-content-and-tabs .box-tabs {
    width: 16rem;
    background-color: rgb(243 244 246);
    border-right: 1px solid rgb(229 231 235);
}
.ss-profile button {
    margin: 0;
}

.box-tabs ul {
    margin: 0;
}

.box-tabs li {
    color: rgb(55 65 81);
    margin-bottom: 0;
    cursor: pointer;
}

.box-tabs li.active {
    background-color: rgb(240 253 244);
    color: rgb(28 140 100);
}

.box-tabs li:hover {
    background-color: rgb(229 231 235);
}

.box-tabs li + li {
    margin-top: .5rem;
}

.ss-profile .box-content-and-tabs .box-contents {
    width: calc(100% - 16rem);
}

/* css box tab overview  */
.box-tab-overview {
    background-color: rgb(255 255 255);
}

.box-tab-overview .box-header {
    border: 1px solid rgb(226 232 240);
    border-radius: .5rem;
}

.ss-profile .hanh-thanh-vien {
    border-radius: 1rem;
    color: rgb(180 83 9);
    background-color: rgb(254 243 199);
}

.box-tab-overview .box-infor .box-actions a,
.box-tab-overview .box-infor .box-actions span {
    border: 1px solid rgb(226 232 240);
    background-color: rgb(255 255 255);
    cursor: pointer;
}

.ss-profile .box-total-chi-tieu,
.ss-profile .total-voucher {
    background-color: rgb(240 253 244);
    border: 1px solid rgb(187 247 208);
}

.ss-profile .box-total-chi-tieu .icon-tien {
    color: rgb(28 140 100);
    background-color: rgb(28 140 100 / 10%);
    border-radius: 50%;
}

.ss-profile .box-total-chi-tieu .tong-tien,
.ss-profile .total-order p,
.ss-profile .total-voucher p,
.ss-profile .total-voucher span {
    color: rgb(28 140 100);
}

.box-kham-pha .box-xep-hangs .hang-gold {
    background-image: linear-gradient(to bottom right, #facc15 , #f97316);
}

.box-kham-pha .box-xep-hangs .hang-no {
    background-image: linear-gradient(to bottom right, #1f2937, #111827);
}

.box-xep-hangs .item-hang {
    width: calc(100% / 3);
}

/* css tab voucher  */
.box-list-voucher .voucher-item .type-voucher {
    background-color: rgb(28 140 100);
    border-radius: .5rem 0 0 .5rem;
}

.voucher-item .btn-lay-voucher {
    background-color: rgb(28 140 100);
}

.box-list-voucher .voucher-item .content-voucher {
    width: calc(100% - 5rem);
}
.voucher-item .content-info {
    width: calc(100% - 3.5rem);
}

.voucher-item .content-info:not(.btn-lay-voucher) {
    width: 100%;
}

.voucher-item .status {
    background-color: rgb(220 252 231);
}

.voucher-item .chua_kich_hoat {
    background-color: rgb(255 237 213);
    color: rgb(194 65 12);
}

.voucher-item .status:hover {
    background-color: rgb(44 182 112 / 80%);
}

.voucher-item .open-modal-dieu-kien:hover {
    background-color: rgb(239 246 255);
    border-color: rgb(147 197 253);
}

.voucher-item .show-voucher-kich-hoat {
    border-radius: 0 0 .75rem .75rem;
}

.table-lich-su-voucher th {
    text-transform: initial;
}

/* .table-lich-su-voucher tr td:last-child, 
.table-lich-su-voucher tr th:last-child {
    padding-left: 1rem;
}    */

/* Css table lish su mua hang  */
.table-list-products-order td, 
.table-list-products-order th {
    border-bottom: 0;
}

/* Css popup dieu kien  */
.tm-close {
    padding: 0;
    margin: 0;
}

.btn-closed-modal-qr-code {
    background-color: rgb(28 140 100);
}

/* Css header profile  */
.ss-profile-header .box-infor {
    background-image: linear-gradient(to right, #1C8C64 , #22c55e)
}

.ss-profile-header { display: none; }

@media (max-width: 834px) {
    .ss-profile-header { display: block; }
    .ss-profile .box-content-and-tabs .box-tabs,
    .ss-profile .box-header { display: none; }
    .ss-profile .box-content-and-tabs .box-contents { width: 100%; }

    .ss-profile-header .box-tabs li {
        width: calc(100% / 4);
        text-align: center;
    }

    .box-tabs li + li {
        margin-top: 0;
    }

    .ss-profile-header .box-tabs li span:first-child {
        background-color: #f3f4f6;
    }

    .ss-profile-header .box-tabs li.active,
    .ss-profile-header .box-tabs li:hover {
        background-color: transparent;
    }

    .ss-profile-header .box-tabs li.active span:first-child {
        background-color: #1c8c64;
    }

    .ss-profile-header .box-tabs li.active span:last-child {
        color: #1C8C64;
    }

    .ss-profile-header .box-tabs li.active span svg {
        color: #fff;
    }

    .box-xep-hangs {
        overflow-x: scroll;
    }
    .box-xep-hangs .item-hang {
        min-width: 60%;
    }
}

@media (max-width: 576px) {
    .ss-profile-header .box-toals {
        flex-wrap: wrap;
    }
    .ss-profile-header .box-toals .box-total-chi-tieu {
        width: 100%;
    }
    .ss-profile-header .box-toals .total-order,
    .ss-profile-header .box-toals .total-voucher  {
        flex: 1;
    }
}

[data-tab="infor"] {
    display: none !important;
}