@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/fonts/PlusJakartaSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/fonts/PlusJakartaSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/fonts/PlusJakartaSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

.category-box:has(select:disabled), select:disabled {
    background-color: #f5f5f5;
    color: #aaa;
    pointer-events: none; /* Nếu bạn muốn vô hiệu hóa luôn click */
}

html {
    font-size: 14px;
}

html, body, .pb-3 {
    height: 100%;
}

html, body {
    overflow: auto;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-size: 14px;
    background: #fff;
    /* font-family: 'Roboto', sans-serif;*/
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 400;
    color: #212121;
}

a {
    color: #4B4A59;
}

.head {
    line-height: 80px;
    border-bottom: 1px solid #E9EEF4;
    color: #616161;
}

    .head .dealtoday-logo {
        float: left;
    }

    .head ul {
        float: left;
        margin-bottom: 0;
        padding-left: 10px;
    }

        .head ul li {
            float: left;
            list-style: none;
            padding: 0 13px
        }

            .head ul li a {
                text-decoration: none;
                color: #616161;
                font-size: 16px;
                font-weight: 400;
            }

                .head ul li a:hover {
                    text-decoration: underline;
                    font-weight: 400;
                    color: #616161;
                }

    .head .account {
        display: flex;
    }

.link-login {
    height: 40px;
    border: 1px solid #1E2B35;
    text-align: center;
    border-radius: 20px;
    padding: 10px 15px;
    text-decoration: none;
    color: #616161;
    margin-right: 10px;
}

.link-register {
    height: 40px;
    text-align: center;
    border-radius: 20px;
    padding: 10px 23px;
    text-decoration: none;
    color: #fff;
    background: #F6911E;
}

.link-login:hover {
    color: #616161;
}

.link-register:hover {
    color: #fff;
}

.icon-noti {
    background: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/notification.svg") no-repeat;
    width: 32px;
    height: 80px;
    background-position: center;
    position: relative;
    float: left;
    margin: 0 10px 0 0px;
    position: relative;
}

.account .icon-noti .noti-icon {
    width: 12px;
    height: 12px;
    background: #F6911E;
    color: #fff;
    position: absolute;
    top: 25px;
    right: 2px;
    border-radius: 20px;
}

.icon-noti .dropdown-noti {
    width: 400px;
    background: white;
    box-shadow: 0 5px 5px #1A202C0F;
    padding: 15px;
    z-index: 1000;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E9EEF4;
    display: none;
    flex-direction: column;
}

    .icon-noti .dropdown-noti .noti-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .icon-noti .dropdown-noti .noti-header span {
            color: #111827;
            font-weight: 700;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0.3px;
        }

.info-login-head {
    float: left;
    height: 80px;
    align-items: center;
    justify-content: center;
    display: flex;
    background: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/chevron-down.svg") no-repeat;
    background-position: right center;
    width: 240px;
    position: relative;
}

.lnk-login-head img {
    float: left;
    margin-right: 10px;
}

.info-partner-head {
    float: left;
    width: 145px;
}

    .info-partner-head .login-parnter,
    .info-partner-head .login-account {
        display: block;
        line-height: 25px;
        color: #1E2B35;
    }

        .info-partner-head .login-parnter marquee .logo-seller {
            height: 21px;
            width: 40px;
        }

    .info-partner-head .login-parnter {
        font-weight: 500;
        font-size: 18px;
        color: #1E2B35;
        position: relative;
        height: 24px;
    }

.header-box .vip-seller {
    background: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/vip-partner.svg") no-repeat;
    width: 40px;
    height: 21px;
    display: inline-block;
}

.info-partner-head .login-account {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 25px;
    padding-top: 2px;
}

.info-login-head:hover .acc-info-extend {
    display: block;
}

.acc-info-extend {
    position: absolute;
    background-color: #fff;
    top: 78px;
    border: 1px solid #E9EEF4;
    border-radius: 20px;
    padding: 10px 20px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/fill-arr-top.svg");
    background-repeat: no-repeat;
    background-color: #fff;
    display: none;
    z-index: 2;
}

    .acc-info-extend a {
        display: block;
        line-height: 30px;
        text-decoration: none;
        color: #000;
    }

    .acc-info-extend .access-sc {
        background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/fast-access.svg");
        background-repeat: no-repeat;
        background-position: left 0px center;
        padding-left: 23px;
    }

    .acc-info-extend .acc-info-sc {
        background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/profile.svg");
        background-repeat: no-repeat;
        background-position: left 0px center;
        padding-left: 23px;
    }

    .acc-info-extend .acc-logout {
        background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/logout.svg");
        background-repeat: no-repeat;
        background-position: left 0px center;
        padding-left: 23px;
        color: #E03137;
    }

.img-intro {
    position: relative;
    margin-top: 30px;
}

    .img-intro img {
        width: 100%;
    }

.title-intro {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    color: #3B3A40;
}

.box-partner-hot {
    padding: 20px 0;
}

    .box-partner-hot .inside {
        padding: 20px 0;
    }

    .box-partner-hot .swiper-container {
        width: 100%;
        height: 100px;
    }

    .box-partner-hot .swiper-wrapper {
        display: flex;
    }

    .box-partner-hot .swiper-slide {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .box-partner-hot .swiper-slide img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain; /* Giữ tỷ lệ ảnh */
        }

.bg-step-create {
    background-color: #FEF3E2;
    padding: 20px 0 30px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/icon-dtd-left.png"), url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/icon-dtd-right.png");
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
}

    .bg-step-create .title-intro {
        font-size: 48px;
        padding: 30px 0;
    }

    .bg-step-create .swiper-slide {
        text-align: center;
    }

    .bg-step-create .title-step {
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        /*font-family: 'Roboto', sans-serif;*/
    }

    .bg-step-create .des-step {
        font-size: 18px;
        padding: 10px 0;
        height: 74px;
    }

.step-img img {
    width: 60%;
}

.box-benefit {
    padding: 30px 0;
}

.title-benefit {
    color: #F6911E;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px;
    letter-spacing: 4px;
}

.why-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 54px;
    color: #181726;
}

.des-benefit {
    padding: 20px 17px;
    font-size: 18px;
    color: #4B4A59;
}

.box-benefit .row .col-6:last-child {
    display: flex;
    align-items: center;
    height: inherit;
}

.lst-benefit .item {
    background-color: #FEF3E2;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: 24px;
    flex: 1;
    height: 100%;
}

.lst-benefit .resp-web {
    display: flex;
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap;
}

.lst-benefit .toi-uu-icon {
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/toi-uu.svg");
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
}

.lst-benefit .phat-trien-icon {
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/phat-trien.svg");
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
}

.lst-benefit .quan-ly-icon {
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/quan-ly.svg");
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
}

.lst-benefit .cham-soc-icon {
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/cham-soc.svg");
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
}

.lst-benefit .item-title {
    font-size: 24px;
    font-weight: 700;
}

.lst-benefit .item-des {
    color: #2F404C;
    font-size: 18px;
}

.success-dtd {
    padding: 20px 0 30px;
}

    .success-dtd .title-top {
        color: #F6911E;
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 2px;
    }

    .success-dtd .title-success {
        font-size: 38px;
        font-weight: 700;
        text-align: center;
    }

    .success-dtd .swiper-slide {
        text-align: center;
        padding: 0 80px;
    }

    .success-dtd .textdtd-success {
        font-size: 38px;
        text-align: center;
    }

    .success-dtd .box-success-slide {
        padding: 30px 00px;
    }

.box-success-slide .swiper-button-next {
    background: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/btn-next-swiper.png) no-repeat;
    width: 48px;
    height: 48px;
    background-position: center -19px;
}

.box-success-slide .swiper-button-prev {
    background: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/btn-pre-swiper.png) no-repeat;
    width: 48px;
    height: 48px;
    background-position: center -19px;
}

.box-success-slide .logo-success {
    padding: 40px 0 0;
}

.box-success-slide .swiper-container {
    padding-bottom: 60px;
}

.swiper-pagination-bullet-active {
    background: #FF8343 !important;
    width: 40px;
    height: 10px;
    border-radius: 5px;
}

.swiper-pagination-bullet {
    opacity: unset;
    background: #E4E4E7;
}

.box-package .title {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
}

.box-package .day-package {
    text-align: center;
    background: #E9EEF4;
    height: 44px;
    border-radius: 50px;
    width: 310px;
    margin: 0 auto;
    line-height: 44px;
    padding: 5px;
}

.lst-package .day-item {
    float: left;
    text-align: center;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    font-weight: 500;
}

.wap-menu .not-login-menu {
    margin-top: auto;
    display: flex;
    gap: 16px;
    padding-bottom: 24px;
    padding-left: 16px;
}

    .wap-menu .not-login-menu a {
        flex: 1;
        max-width: 191px;
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 185%;
        letter-spacing: 0.3px;
        vertical-align: middle;
        padding: 8px 16px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
    }

.lst-package .day-item.active {
    background: #fff;
    border-radius: 40px;
    font-weight: 700;
}

.plan.active .item-package {
    flex: 1;
    min-width: 0;
}

    .plan.active .item-package .item-detail-pack {
        height: 100%;
    }


.item-package .item-pkg {
    background-color: #FEF3E2;
    padding: 24px;
    border-radius: 32px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
}

.item-package .biz-package .pack-icon {
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/biz-package-icon.png");
    background-repeat: no-repeat;
    width: 304px;
    height: 167px;
}

.item-package .pro-package .pack-icon {
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/pro-package-icon.png");
    background-repeat: no-repeat;
    width: 304px;
    height: 167px;
}

.item-package .vip-package .pack-icon {
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/vip-package-icon.png");
    background-repeat: no-repeat;
    width: 304px;
    height: 167px;
}

.item-package .pkg-name {
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 800;
}

.item-package .pkg-price {
    display: block;
    text-align: center;
    border-bottom: 1px dashed #597488;
    padding-bottom: 20px;
    height: 117px;
}

.pkg-price .pkg-price-thous {
    font-weight: 700;
    font-size: 36px;
}

.pkg-price .pkg-price-unit, .service-management .coupon-detail .counpon-detail .coupon-service-info span, .list-service span {
    font-weight: 500;
    font-size: 24px;
}

.pkg-price .pkg-price-day {
    font-weight: 600;
    font-size: 14px;
    color: #4D6577;
}

.pkg-price .pkg-desc {
    display: block;
    font-style: italic;
    color: #1E2B35;
}

.item-pkg-des {
    padding-top: 20px;
}

    .item-pkg-des .item-pkg-group {
        font-weight: 700;
        display: block;
    }

    .item-pkg-des ul {
        padding: 0;
    }

        .item-pkg-des ul:last-child {
            padding-bottom: 60px;
        }

        .item-pkg-des ul li {
            list-style: none;
            background: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/icon-list-pkg.svg") no-repeat;
            background-position: left 3px;
            padding: 5px 0 3px 30px;
        }

.button-reg-pkg {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
}

    .button-reg-pkg .btn-reg {
        height: 58px;
        text-align: center;
        background: #F6911E;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        font-weight: 600;
        border-radius: 20px;
        line-height: 58px;
        display: block;
    }

.box-abount-dtd {
    padding: 20px 0;
}

    .box-abount-dtd .title-about {
        font-size: 60px;
        font-weight: 500;
        background: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/icon-quote.svg") no-repeat;
        padding-left: 120px;
    }

.lst-about-dtd {
    padding: 20px 0;
}

    .lst-about-dtd .swiper-slide {
        border-right: 1px solid #D1D0D6;
        height: 250px;
        padding-right: 30px;
    }

    .lst-about-dtd .about-title {
        font-size: 20px;
        font-weight: 700;
        padding: 10px 0;
    }

    .lst-about-dtd .about-desc {
        font-size: 16px;
        color: #3B3A40;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
    }

    .lst-about-dtd .swiper-container {
        padding-bottom: 55px;
    }

.box-become-seller {
    padding: 30px;
    background-color: #FEF3E2;
    border-radius: 20px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/icon-dtd-center.png");
    background-repeat: no-repeat;
    background-position: bottom 0px center;
    margin-bottom: 30px;
}

    .box-become-seller .title-contact {
        font-weight: 700;
        letter-spacing: 2px;
        padding: 40px 0 10px;
    }

.title-become {
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
}

.des-become {
    font-size: 16px;
    padding: 10px 0;
}

.box-become-seller .hotline-dtd {
    border: 1px solid #4D6577;
    height: 58px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    line-height: 58px;
    display: flex;
    width: 248px;
    text-decoration: none;
    font-weight: 600;
    margin-top: 10px;
}

    .box-become-seller .hotline-dtd b {
        font-size: 24px;
        font-weight: 700;
        padding-left: 5px
    }

.bg-info-right {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
}

.label-title {
    position: relative;
    padding-bottom: 10px;
}

    .label-title b {
        position: absolute;
        color: #E03137;
    }

.input-value {
    height: 54px;
    padding: 0 0 0 15px;
    border: 1px solid #E9EAEC;
    border-radius: 10px;
    width: 100%;
    outline: none;
}

    .input-value:focus,
    .ta-input-value:focus,
    .register .register-body .info-box input:focus, .pwd-box .info-box input:focus, .box-info.selectitem select:focus, .dropdown-input:focus, .info-box .fill-info:focus, .select-wrapper select:focus,
    .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .detail-info .infomation input:focus, .new-etk-list .eticket-detail .etk-info .detail-info .infomation input:focus {
        border: 1px solid #F6911E;
        outline: none;
    }


.bg-info-right .row {
    padding-bottom: 20px;
}

.ta-input-value {
    border: 1px solid #E9EAEC;
    border-radius: 10px;
    width: 100%;
    outline: none;
    padding: 15px;
}

.btn-send {
    height: 48px;
    line-height: 48px;
    background: #F6911E;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 700;
}

.footer {
    background: #FEF3E2;
    padding: 30px 0 0;
}

.text-download {
    font-size: 16px;
    font-weight: 800;
    padding: 25px 0 10px;
}

.footer-btn-download {
    padding-bottom: 10px;
    display: block;
}

.lnk-footer-logo img {
    width: 100%;
}

.footer-title {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
}

.label-office {
    color: #656473;
}

.address-office {
    font-size: 18px;
    font-weight: 500;
    padding: 5px 0 20px;
}

.info-office {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 5px;
}

.contact-footer {
    width: 267px;
}

    .contact-footer .row {
        padding-bottom: 10px;
    }

.footer ul {
    padding: 0;
}

    .footer ul li {
        list-style: none;
        padding: 7px 0;
    }

        .footer ul li a {
            text-decoration: none;
            cursor: pointer;
        }

.footer-bottom {
    border-top: 1px solid #E9EEF4;
    height: 96px;
    line-height: 96px;
}

    .footer-bottom .social {
        float: right;
        text-align: right;
    }

        .footer-bottom .social a {
            padding: 0 10px;
        }

.wap-menu {
    display: none;
    z-index: 1000;
}

.bg-step-create .swiper-pagination {
    display: none;
}

.resp-mobile {
    display: none;
}

.item-package .item-pkg:hover {
    background-color: #F6911E;
    color: #FEF3E2;
}

    .item-package .item-pkg:hover span {
        color: #FEF3E2;
    }

    .item-package .item-pkg:hover .pkg-price {
        border-bottom: 1px dashed #FEF3E2;
    }

    .item-package .item-pkg:hover .item-pkg-des ul li {
        background: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/icon-list-pkg-active.svg) no-repeat;
    }

    .item-package .item-pkg:hover .button-reg-pkg .btn-reg {
        color: #F6911E;
        background: #FEF3E2;
    }

.header-account {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

    .header-account .phone-number {
        display: flex;
        align-items: center;
        padding-right: 70px;
    }

        .header-account .phone-number .phoneNumber {
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: 0px;
        }

.register {
    display: flex;
    justify-content: flex-start;
    gap: 6%;
    align-items: center;
}

    .register .img-box img {
        max-width: 948px;
        max-height: 974px;
        width: 100%;
        aspect-ratio: auto;
        object-fit: cover;
        min-width: 300px;
    }

    .register .box-info {
        padding-top: 50px;
        flex: 1;
    }

    .register .register-box {
        background: #fff;
        border-radius: 32px;
        padding: 32px 24px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        min-width: 550px
    }

    .register .register-info {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .register .register-header .logo {
        padding-bottom: 4px;
    }

    .register .register-header .text-logo {
        height: 24px;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.2px;
    }

input::placeholder {
    color: #A0AEC0;
    font-weight: 400;
    font-size: 14px;
}

.register .register-body .info {
    padding-top: 16px;
}

    .register .register-body .info .info-label, .info-label, .eticket-type span, .eticket-list .attribute span:first-child, .service-information .eticket-type span {
        padding-bottom: 4px;
        font-weight: 600;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
    }

        .register .register-body .info .info-label .obligatory, .info-label .obligatory {
            color: #E03137;
            line-height: 160%;
        }

.register .register-body .info-box, .pwd-box .info-box {
    display: flex;
    padding-top: 10px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

    .register .register-body .info-box input, .seller-info-body .info input, .popup .box-info input, .pwd-box .info-box input, #pwd-reset-box .info-box input, .info-box input, .popup .extend-program .publish-more .box-count .count-box .count {
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        vertical-align: middle;
        height: 54px;
        width: 100%;
        align-items: center;
        border-radius: 12px;
        justify-content: space-between;
        border: 1px solid #CAD5DE;
        padding-left: 10px;
    }

        .register .register-body .info-box input:focus, .popup .box-info input:focus, .info-box input:focus {
            outline: none;
            box-shadow: none;
        }

    .register .register-body .info-box .show-password {
        height: 20px;
        width: 20px;
        align-items: center;
        align-items: center;
        margin-right: 15px;
        cursor: pointer;
    }

.register .register-footer {
    height: 38px;
    display: flex;
    align-items: center;
}

    .register .register-footer input {
        height: 20px;
        width: 20px;
    }

.register .register-footer {
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    letter-spacing: 0px;
    padding-bottom: 32px;
    padding-top: 25px;
}

    .register .register-footer .footer-text {
        padding-left: 10px;
        color: #687588;
        font-weight: 400;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0px;
    }

    .register .register-footer span {
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0px;
        color: #F6911E;
    }

.popup .store-logo span {
    font-weight: 600;
}

.policy {
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    letter-spacing: 0px;
    color: #F6911E;
    text-decoration: none;
    cursor: pointer;
}

.register .register-btn {
    height: 48px;
    border-radius: 100px;
    background-color: #E0E0E0;
    line-height: 48px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.3px;
    vertical-align: middle;
}

.register .already-account {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    height: 22px;
    padding: 32px 0;
    color: #A0AEC0;
}

    .register .already-account .sign-in-now {
        color: #F6911E;
        text-decoration: none;
    }

.show-password {
    position: absolute;
    right: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    user-select: none;
    opacity: 0.7;
}

    .show-password:hover {
        opacity: 1;
    }

.remember-login {
    display: flex;
}

    .remember-login .footer-text {
        padding-left: 9px;
        line-height: 21px;
        color: #687588;
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
    }

.other-login-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    gap: 10px;
    flex: none;
    order: 0;
    flex-grow: 1;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    height: 42px;
}

.delete-icon {
    width: 16px;
    height: 16px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/delete-icon.png");
    background-size: cover;
    transition: 0.3s ease;
    cursor: pointer;
    position: relative;
}

.other-login-text .border-text {
    height: 1px;
    background: #CAD5DE;
    flex: none;
    order: 0;
    flex-grow: 1;
}

.third-party-login {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    .third-party-login .third-party {
        width: 48.5%;
        border-radius: 100px;
        border-width: 1px;
        padding-top: 16px;
        padding-right: 24px;
        padding-bottom: 16px;
        padding-left: 24px;
        gap: 12px;
        border: 1px solid #E9EAEC;
    }

        .third-party-login .third-party .third-party-content {
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .third-party-login .third-party-name {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.2px;
        text-align: center;
        vertical-align: middle;
        padding-left: 6px;
        height: 22px;
    }

.gap-reg-26 {
    height: 26px;
}

.no-account {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    color: #A0AEC0;
}

    .no-account .policy {
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        text-align: center;
    }

.verify-box, .account-confirm {
    background: #fff;
    padding: 32px 24px;
    border-radius: 32px;
}

.verify-otp {
    width: 100%;
}


    .verify-otp .header-otp, .header-otp {
        font-weight: 700;
        font-size: 32px;
        line-height: 125%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    .verify-otp .body-otp {
        font-weight: 400;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0px;
        height: 55px;
        margin-top: 32px;
    }

        .verify-otp .body-otp .policy {
            font-weight: 700;
            font-size: 18px;
            line-height: 150%;
            letter-spacing: 0px;
        }

    .verify-otp .otp {
        padding-top: 32px;
        display: flex;
        justify-content: space-between;
        padding-bottom: 32px;
        gap: 16px;
    }

        .verify-otp .otp input {
            height: 54px;
            border: 1px solid #E9EEF4;
            border-radius: 12px;
            text-align: center;
            outline: none;
            min-width: 0;
            flex: 1;
            max-width: 79px;
        }

#benefit {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.verify-otp .confirm-btn {
    height: 48px;
    border-radius: 100px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    background-color: #F6911E;
    font-weight: 600;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0.3px;
    vertical-align: middle;
    color: #FFFFFF;
    text-align: center;
}

.account-confirm p {
    height: 40px;
    font-weight: 700;
    font-size: 32px;
    line-height: 125%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-align: center;
}

.account-confirm .email-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0px;
    text-align: center;
}

    .account-confirm .email-text .policy {
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0px;
        text-align: center;
    }

.account-confirm {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    min-width: 455px;
}

    .account-confirm .confirm-btn {
        width: 160px;
        border-radius: 100px;
        padding: 8px 12px 8px 12px;
        background-color: #F6911E;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.3px;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }

    .account-confirm .btn-confirm-box {
        height: 48px;
        margin-top: 24px;
        display: flex;
        justify-content: space-between;
        gap: 8px;
    }

.btn-confirm-box .reject-btn {
    flex: 1;
    border-radius: 100px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    border-width: 1px;
    border: 1px solid #1E2B35;
    text-align: center;
    line-height: 29px;
    background-color: #fff;
}

.btn-confirm-box .confirm-btn {
    flex: 1;
    border-radius: 100px;
    padding-top: 8px;
    padding-right: 18px;
    padding-bottom: 8px;
    padding-left: 18px;
    border-width: 1px;
    text-align: center;
    line-height: 29px;
    background-color: #F6911E;
    color: #FFFFFF;
}

.success-confirm {
    width: 100%;
    text-align: center;
}

.notification-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0px;
}

    .notification-text .policy {
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0px;
        text-align: center;
    }

.header-box {
    display: flex;
    justify-content: space-between;
}

.upgrade-box {
    padding: 0px 20px;
    text-decoration: none;
}

    .upgrade-box .policy {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.2px;
    }

.upgrade-img {
    padding-left: 5px;
}

.dealtoday-uni {
    font-weight: 400;
    font-size: 16px;
    padding: 0px 20px;
    text-decoration: none;
}

.navbar {
    height: 74px;
}

.menu {
    display: flex;
    list-style: none;
    justify-content: center;
    align-items: center;
}

    .menu li {
        position: relative;
    }

    .menu a {
        text-decoration: none;
        display: flex;
        align-items: center;
        transition: color 0.3s ease;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.3px;
    }

        .menu a.active {
            font-weight: 700;
            color: #212121;
        }

        .menu a:hover {
            color: #f6911e;
            text-decoration: none !important;
        }

            .menu a:hover .icon {
                color: #F6911E;
                transform: rotate(180deg);
            }

a:hover {
    color: #F0821B
}

.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.payment-status .payment-success .img-fail {
    min-width: 350px;
}

.dropdown li {
    width: 200px;
}

.dropdown a {
    padding: 10px;
    color: #333;
    font-size: 14px;
}

.menu li:hover .dropdown {
    display: block;
}

.dropdown a:hover {
    background-color: #F6911E;
    color: #fff;
}

.has-dropdown:hover .dropdown {
    display: block;
}

.dashboard {
    padding-top: 24px;
    background-color: #fff4e4;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.content-text {
    padding-bottom: 16px;
    font-weight: 500;
    font-size: 24px;
    line-height: 125%;
    letter-spacing: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modify h2 {
    color: #4D6577;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    margin-bottom: 0px;
}

.modify {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #4D6577;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
}

.detail-box {
    background-color: white;
    height: 122px;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    overflow-x: auto;
}

    .detail-box .box {
        padding: 16px;
        flex: 1;
        border-right: 1px solid #F1F2F4;
    }

        .detail-box .box .box-text {
            display: flex;
            height: 22px;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            align-items: center;
            min-width: max-content;
        }

            .detail-box .box .box-text img {
                height: 12px;
                width: 12px;
                margin-left: 10px;
                margin-top: 2px;
            }

.detail {
    font-weight: 700;
    font-size: 32px;
    line-height: 125%;
    letter-spacing: 0px;
    padding: 16px 16px 16px 0px;
    display: flex;
    align-items: center;
}

    .detail .up-trend {
        height: 27px;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-radius: 10px;
        font-weight: 700;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.2px;
        color: #27A376;
        margin-left: 16px;
        background-color: #E7F7EF;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .detail .down-trend span {
        color: #E03137;
        font-weight: 700;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.2px;
    }

    .detail .up-trend span {
        color: #27A376;
        font-weight: 700;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.2px;
    }

    .detail .equal-trend span {
        color: #212121;
        font-weight: 700;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.2px;
    }

    .detail .down-trend {
        height: 27px;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        gap: 4px;
        border-radius: 10px;
        background-color: #FFEDEC;
        border-radius: 10px;
        font-weight: 700;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.2px;
        margin-left: 16px;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .detail .equal-trend {
        height: 27px;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        gap: 4px;
        border-radius: 10px;
        background-color: #EEEEEE;
        border-radius: 10px;
        font-weight: 700;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.2px;
        margin-left: 16px;
        display: flex;
        align-items: center;
        gap: 4px;
    }

.services-box {
    padding-left: 12px;
    padding-right: 12px;
}

.fast-connect-box {
    display: flex;
    justify-content: center;
    background-color: white;
    border-radius: 17px;
    overflow-x: auto;
    gap: 24px;
}

    .fast-connect-box .fast {
        width: 100px;
        padding-top: 8px;
        padding-right: 12px;
        padding-bottom: 8px;
        padding-left: 12px;
        border-radius: 12px;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .fast-connect-box .fast-icon {
        width: 64px;
        height: 64px;
        border-radius: 117px;
        padding: 18px;
        background-color: #E9EEF4;
        margin-left: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .fast-connect-box .fast-icon img {
            height: 32px;
            width: 32px;
        }

.sidebar .menu-item .menu-icon {
    width: 64px;
    height: 64px;
    border-radius: 117px;
    padding: 18px;
    background-color: #E9EEF4;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .sidebar .menu-item .menu-icon img {
        width: 32px;
        height: 32px;
    }

.fast-connect-box .detail-text, .popup .extend-program .date-combo-box .date-time-popup .date-box span {
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    color: #212121;
}

.service-types {
    height: 81px;
    display: flex;
    justify-content: space-between;
}

    .service-types .service {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        flex-direction: column;
        flex: 1;
        min-width: 95px;
        height: 82px;
    }

        .service-types .service.active .service-text {
            color: #F6911E;
        }

        .service-types .service .service-text {
            font-weight: 590;
            font-size: 14px;
            line-height: 100%;
            letter-spacing: 0;
            margin-top: 8px;
        }

.service .all-service-icon {
    width: 24px;
    height: 24px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/all.png");
    background-size: cover;
    transition: 0.3s ease;
}

.service-types .service.active .all-service-icon {
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/all-active.png");
}

.service-types .service.active .evoucher-service-icon {
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/evoucher-active.png");
}

.evoucher-service-icon {
    width: 24px;
    height: 24px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/evoucher.png");
    background-size: cover;
    transition: 0.3s ease;
}

.service-types .service.active .eticket-service-icon {
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/eticket-active.png");
}

.eticket-service-icon {
    width: 24px;
    height: 24px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/eticket.png");
    background-size: cover;
    transition: 0.3s ease;
}

.service-types .service.active .egift-service-icon {
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/egift-active.png");
}

.egift-service-icon {
    width: 24px;
    height: 24px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/egift.png");
    background-size: cover;
    transition: 0.3s ease;
}

.service-types .service.active .ebooking-service-icon {
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/ebooking-active.png");
}

.service .ebooking-service-icon {
    width: 24px;
    height: 24px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/ebooking.png");
    background-size: cover;
    transition: 0.3s ease;
}

.filters {
    width: 82px;
    height: 42px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    gap: 8px;
    border-radius: 12px;
    border-width: 1px;
    border: 1px solid #616161;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .filters .filter-icon {
        width: 16px;
        height: 16px;
        background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/filter-icon.png");
        background-size: cover;
        transition: 0.3s ease;
    }

    .filters .filter-text {
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0px;
        width: 37px;
        height: 19px;
    }

.filter-service-box {
    border-radius: 17px;
    background-color: white;
    padding: 16px 32px 0px 32px;
}

.filter-serivces {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-box {
    padding: 0px 24px;
    border-left: 1px solid #E0E0E0;
}

.no-serivce {
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-detail-box {
    padding-top: 16px;
    padding-bottom: 50px;
    padding-left: 12px;
    padding-right: 12px;
}

    .service-detail-box .no-serivce {
        height: 508px;
        padding-top: 16px;
        padding-right: 32px;
        padding-bottom: 16px;
        padding-left: 32px;
        gap: 32px;
        border-radius: 24px;
        background-color: #fff;
    }

.no-serivce .no-service-img {
    text-align: center;
    vertical-align: middle;
}

.no-serivce .create-now {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #1E2B35;
    height: 28px;
}

.no-serivce .first-customer {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.2px;
    text-align: center;
    height: 24px;
}

.no-serivce .confirm {
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

    .no-serivce .confirm .confirm-btn {
        width: 408px;
        height: 48px;
        margin-top: 18px;
        text-align: center;
        padding-top: 8px;
        padding-right: 12px;
        padding-bottom: 8px;
        padding-left: 12px;
        border-radius: 100px;
        background-color: #F6911E;
        color: white;
        font-weight: 600;
        font-size: 16px;
        line-height: 170%;
        letter-spacing: 0.3px;
        vertical-align: middle;
    }

.detail-filter-box {
    display: flex;
    gap: 24px;
    padding-left: 18px;
    padding-bottom: 16px;
    padding-top: 16px;
    /*border-top: 1px solid #CAD5DE;*/
}

    .detail-filter-box .search-box, #content-info .search-box, .service-management .booking-management .filter-booking-box .filter-voucher-box .search-box {
        display: flex;
        height: 54px;
        width: 290px;
        justify-content: space-around;
        align-items: center;
        border: 1px solid #BDBDBD;
        border-radius: 12px;
    }

        .detail-filter-box .search-box .search-content, #content-info .search-box .search-content, .service-management .booking-management .filter-booking-box .filter-voucher-box .search-box .search-content {
            width: 228px;
            height: 38px;
        }

            .detail-filter-box .search-box .search-content .search-header, #content-info .search-box .search-content .search-header, .service-management .booking-management .filter-booking-box .filter-voucher-box .search-box .search-content .search-header {
                font-weight: 700;
                font-size: 10px;
                line-height: 160%;
                letter-spacing: 0.2px;
            }

            .detail-filter-box .search-box .search-content input, #content-info .search-box .search-content input, .service-management .booking-management .filter-booking-box .filter-voucher-box .search-box .search-content input {
                border: none;
                outline: none;
                width: 100%;
                font-weight: 400;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
            }

    .detail-filter-box .text-label, .filter-tab .text-label {
        font-weight: 700;
        font-size: 10px;
        line-height: 160%;
        letter-spacing: 0.2px;
    }

    .detail-filter-box select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: none;
        width: 87px;
        color: #333;
        cursor: pointer;
        outline: none;
        padding-left: 0;
    }

    .category-box, .point-box, .status-box, .detail-filter-box .service-box {
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-radius: 17px;
        border: 1px solid #616161;
        position: relative;
        cursor: pointer;
    }

    .category-box, .detail-filter-box .service-box {
        width: 139px;
    }

.point-box {
    width: 156px;
}

    .point-box .use-point .text-label, .detail-filter-box .service-box .services .text-label {
        font-weight: 700;
        font-size: 10px;
        line-height: 160%;
        letter-spacing: 0.2px;
    }

.seller-transaction .point-box .use-point span {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    max-width: 90px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.status-box {
    width: 133px;
}

.search-btn {
    width: 75px;
    height: 54px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    border-radius: 12px;
    background-color: #F6911E;
    color: white;
    font-weight: 600;
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.service-list {
    background-color: #fff;
    width: 100%;
    border-radius: 32px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}


    .service-list .evoucher-item, .service-list .eticket-item, .service-list .header-list, .service-list .egift-item, .service-list .ebooking-item {
        display: grid;
        grid-template-columns: 1fr 4fr 2fr 2fr 2fr 2fr 1fr;
        align-items: center;
        --bs-gutter-x: 0;
    }

        .service-list .evoucher-item .col, .service-list .eticket-item .col, .service-list .header-list .col, .service-list .egift-item .col, .service-list .ebooking-item .col {
            padding-left: 0px;
            padding-right: 0px;
        }


    .service-list .id-property {
        color: #212121;
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
    }

    .service-list .evoucher-item .price .price-detail {
        display: flex;
        align-items: center;
    }

        .service-list .evoucher-item .price .price-detail .original-price {
            font-weight: 500;
            font-size: 12px;
            line-height: 160%;
            letter-spacing: 0px;
            color: #9E9E9E;
        }

    .service-list .item-service {
        display: flex;
        gap: 12px;
    }

        .service-list .item-service img {
            border-radius: 4px;
        }

    .service-list .item-name {
        display: flex;
        gap: 4px;
        padding-right: 10px
    }

        .service-list .item-name span, .service-list .item-name {
            color: #212121;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            flex: 1;
        }

            .service-list .item-name .show-detail {
                background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/show-detail.png);
                width: 24px;
                height: 24px;
                background-size: cover;
                transition: 0.3s ease;
                position: unset;
            }

    .service-list .header-list .col {
        color: #212121;
        font-weight: 700;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.2px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4px;
        text-align: left;
    }

    .service-list .evoucher-item .item-type {
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0px;
        color: #15B097;
    }

    .service-list .egift-item .item-type {
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0px;
        color: #2F78EE;
    }

    .service-list .ebooking-item .item-type {
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0px;
        color: #8C62FF;
    }

    .service-list .eticket-item .item-type {
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0px;
        color: #EDA145;
    }


    .service-list .evoucher-item .price {
        font-weight: 700;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.2px;
        color: #F6911E;
        vertical-align: middle;
    }

    .service-list .evoucher-item .sale-price {
        display: flex;
        align-items: center;
        gap: 4px;
        padding-right: 8px;
    }

.login-btn {
    width: 100%;
    height: 48px;
    border-radius: 100px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.3px;
    vertical-align: middle;
    background-color: #F6911E;
    border: none;
}

.btn-register {
    width: 100%;
    height: 48px;
    border-radius: 100px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.3px;
    vertical-align: middle;
    background-color: #E0E0E0;
    border: none;
}

.service-list .eticket-item .price, .service-list .ebooking-item .price {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    color: #212121;
}

.service-list .operate {
    text-align: left;
}

.service-list .eticket-item .price span, .service-list .ebooking-item .price span, .service-list .egift-item .price span {
    font-weight: 700;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0.2px;
    color: #F6911E;
    margin-left: 2px;
}

.service-list .list-items .price .original-price {
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    letter-spacing: 0px;
    color: #9E9E9E;
}

.service-list .price .discount {
    border-radius: 4px;
    padding: 2px 2px;
    background-color: #F6911E;
    color: #FEF3E2;
    font-weight: 600;
    font-size: 10px;
    line-height: 160%;
    letter-spacing: 0px;
    margin-left: 5px;
}

.service-list .publish, .service-list .publish-time span {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    color: #212121;
}

    .service-list .publish span, .service-list .publish-time {
        font-weight: 700;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.2px;
        color: #F6911E;
    }

.operate {
    text-align: center;
    vertical-align: middle;
}

    .operate .operation {
        cursor: pointer;
    }

.pagination-items {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .pagination-items .paging {
        height: 32px;
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
    }

        .pagination-items .paging a {
            border: none;
            background-color: #fff;
            height: 24px;
            width: 24px;
            border-radius: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            text-align: center;
            vertical-align: middle;
            text-decoration: none;
            cursor: pointer;
        }

        .pagination-items .paging .active {
            background-color: #F6911E;
            color: #FAFAFA;
            font-weight: 600;
            font-size: 12px;
            line-height: 160%;
            letter-spacing: 0px;
            cursor: not-allowed;
        }

        .pagination-items .paging .chevron-left {
            padding-right: 14px;
        }

        .pagination-items .paging .chevron-right {
            padding-left: 14px;
        }

.error-message {
    font-weight: 400;
    font-size: 10px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #E03137;
}

.seller-profile {
    display: flex;
    gap: 12px;
    padding-top: 32px;
    justify-content: center;
}

    .seller-profile .question {
        margin-top: 200px;
        flex: 1;
        max-width: 310px;
    }

        .seller-profile .question .service-question {
            background-color: #fff;
            padding: 12px;
            border-radius: 16px;
        }

            .seller-profile .question .service-question p, .catgory-info .text-head, .caution-content h {
                font-weight: 700;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.3px;
                vertical-align: middle;
                padding-top: 10px
            }

            .seller-profile .question .service-question .text-question, .service-create .content-info .galleries .gallery-box .logo-box span, .service-create .content-info .galleries .gallery-box .gallery-list span, .service-create .content-info .galleries .gallery-box .detail-editor span {
                font-weight: 500;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0.2px;
                color: #111827;
            }

                .seller-profile .question .service-question .text-question span, .caution .caution-content p span {
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    color: #F6911E;
                }

    .seller-profile .more-info {
        padding-top: 12px;
        text-align: right;
        padding-right: 12px;
        padding-bottom: 12px;
    }

        .seller-profile .more-info a:first-child, .seller-profile .more-info .caution-btn {
            font-weight: 400;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            color: #F6911E;
            margin-right: 5px;
            text-decoration: none;
        }

        .seller-profile .more-info a {
            font-weight: 400;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            color: #2F404C;
        }

.catgory-info {
    background-color: #fff;
    margin-top: 12px;
    padding: 12px;
    border-radius: 16px;
}

    .catgory-info p {
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        color: #111827;
        padding-top: 5px;
    }

.seller-info {
    background-color: #fff;
    flex: 2;
    padding: 32px 24px 32px 24px;
    border-radius: 32px;
    max-width: 728px;
}

.step-group {
    display: flex;
    gap: 8px;
    height: 22px;
    align-items: center;
}

.step {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background-color: #E9EEF4;
}

.step-active {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background-color: #FCCE86;
}

.step-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #A0AEC0;
}

.seller-info-header p, .service-create .content-info .galleries span, .service-create .content-info .dksd-info span, .service-create .ecode .ecode-config span, .service-create .ecode .ecode-apply span {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #1E2B35;
}

.businesstype {
    padding-top: 12px;
    padding-bottom: 12px;
}

    .businesstype .type {
        display: flex;
        height: 56px;
        justify-content: left;
        gap: 12px;
        padding-top: 8px;
    }

        .businesstype .type .btype {
            display: flex;
            width: 195px;
            height: 100%;
            align-items: center;
            gap: 12px;
            border: 1px solid #CAD5DE;
            border-radius: 12px;
            justify-content: center;
        }

            .businesstype .type .btype input {
                height: 24px;
                width: 24px;
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                border: 1px solid #CAD5DE;
                border-radius: 50%;
                outline: none;
                cursor: pointer;
            }

                .businesstype .type .btype input:checked {
                    border-radius: 60%;
                    border: 6px solid orange;
                    background: white;
                    cursor: pointer;
                    position: relative;
                }

            .businesstype .type .btype p {
                font-weight: 500;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
                color: #2F404C;
                margin: 0;
            }

            .businesstype .type .btype img {
                width: 16px;
                height: 16px;
            }

.seller-info-body .info input:focus, .contact .contact-type input:focus, .popup .box-info input:focus, #pwd-reset-box .info-box input:focus {
    border: 1px solid #F6911E;
    outline: none;
}

.contact {
    display: flex;
    gap: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

    .contact .contact-type {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .contact .contact-type input, .contact .contact-type select, .edit-box select {
            height: 54px;
            border: 1px solid #CAD5DE;
            border-radius: 12px;
            padding-left: 8px;
        }

.position {
    padding-top: 12px;
    display: flex;
    gap: 16px;
}

.contact-type select, .edit-box select {
    width: 100%;
    height: 54px;
    padding: 8px;
    border-radius: 12px;
    border: 1px solid #CAD5DE;
    outline: none;
}

.seller-info-footer {
    margin-top: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 1px solid #CAD5DE;
    border-radius: 16px;
}

    .seller-info-footer p {
        font-weight: 700;
        font-size: 18px;
        line-height: 140%;
        letter-spacing: 0px;
        vertical-align: middle;
        color: #1E2B35;
        margin: 0;
    }

    .seller-info-footer .contact {
        padding-top: 0;
    }

.btn-box {
    display: flex;
    margin-top: 16px;
    justify-content: end;
    gap: 16px;
}

.marketing-service .item-list .marketing-item .item-footer.tem-footer-view .item-detail-btn, .related-service .marketing-item .item-footer.tem-footer-view .item-detail-btn {
    background-color: #fff;
    color: #1E2B35 !important;
    border: 1px solid #1E2B35;
}

.btn-box .reject-btn {
    text-align: center;
    height: 48px;
    border-radius: 100px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    border-width: 1px;
    border: 1px solid #1E2B35;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.3px;
    vertical-align: middle;
    color: #1E2B35;
    background-color: #fff;
    text-decoration: none;
}

.btn-box .confirm-btn, #content-info .acc-pwd .pwd-box .btn-box .confirm-btn, #content-info .acc-pwd .btn-box .confirm-btn, .account-info .btn-box .confirm-btn {
    height: 48px;
    border-radius: 100px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    background-color: #F6911E;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.3px;
    vertical-align: middle;
    color: #fff;
    border: none;
    text-align: center;
    text-decoration: none;
}

.caution {
    flex: 1;
    height: 146px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 175px;
    max-width: 310px;
}

    .caution .caution-content, .caution-box .caution-item .caution-content {
        background-color: #fff;
        border-radius: 16px;
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        white-space: normal;
        word-break: break-word;
        overflow-wrap: break-word;
    }

        .caution .caution-content p, .caution-box .caution-item .caution-content p {
            margin: 0;
        }

.caution-box {
    flex: 1;
    margin-top: 125px;
    gap: 32px;
    display: flex;
    flex-direction: column;
    max-width: 307px;
}

    .caution-box .caution-item {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

.invoice-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .invoice-info p {
        margin: 0;
        font-weight: 700;
        font-size: 18px;
        line-height: 140%;
        letter-spacing: 0px;
        vertical-align: middle;
        color: #212121;
    }

    .invoice-info .info {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .invoice-info .info .info-label {
            font-weight: 500;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            color: #111827;
        }

        .invoice-info .info input {
            height: 54px;
            border-radius: 12px;
            padding: 16px;
            border-width: 1px;
            outline: none;
            border: 1px solid #CAD5DE;
        }

            .invoice-info .info input:focus {
                border: 1px solid #F6911E;
            }

.payment-info {
    display: flex;
    flex-direction: column;
    gap: 32px;
    height: fit-content;
}

.img-success {
    max-width: 265px;
    max-height: 140px;
}

.payment-info h1 {
    font-weight: 700;
    font-size: 32px;
    line-height: 125%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #1E2B35;
    text-align: center;
}

.noti-content {
    text-align: center;
}

    .noti-content p {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.2px;
        text-align: center;
        color: #1E2B35;
    }

        .noti-content p span {
            font-weight: 700;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0.3px;
            text-align: center;
            color: #F6911E;
        }

    .noti-content .noti {
        font-weight: 400;
        font-style: italic;
        font-size: 12px;
        line-height: 150%;
        letter-spacing: 0.2px;
        text-align: center;
    }

        .noti-content .noti span {
            font-weight: 700;
        }

.btn-box .reject-defalt-btn {
    flex: 1;
    min-height: 48px;
    border-radius: 100px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    border-width: 1px;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.3px;
    vertical-align: middle;
    color: #1E2B35;
    background-color: #fff;
    text-decoration: none;
    text-align: center;
    border: 1px solid;
    cursor: pointer;
}

.btn-box .confirm-default-btn {
    flex: 1;
    min-height: 48px;
    border-radius: 100px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.3px;
    vertical-align: middle;
    color: #FFFFFF;
    background-color: #F6911E;
    border: none;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.header-back {
    display: flex;
    gap: 8px;
    height: 22px;
    align-items: center;
    padding-top: 16px;
}

    .header-back p {
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 0.2px;
        margin: 0;
        color: #616161;
    }

.package-info {
    display: flex;
    padding-top: 16px;
    gap: 12px;
}

    .package-info .pack-info {
        flex: 2;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding: 32px 24px 32px 24px;
        border-radius: 32px;
    }

    .package-info .payment-info {
        flex: 1;
        background-color: #fff;
    }

    .package-info .pack-info h1 {
        font-weight: 700;
        font-size: 32px;
        line-height: 125%;
        letter-spacing: 0px;
        vertical-align: middle;
        color: #1E2B35;
    }

    .package-info .pack-info .pack-detail {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

        .package-info .pack-info .pack-detail .pack-type {
            display: flex;
            gap: 24px;
        }

            .package-info .pack-info .pack-detail .pack-type p {
                margin: 0;
            }

            .package-info .pack-info .pack-detail .pack-type .type {
                flex: 1;
                display: flex;
                gap: 16px;
                height: 56px;
                align-items: center;
                border: 1px solid #CAD5DE;
                border-radius: 12px;
                padding-left: 16px;
            }

                .package-info .pack-info .pack-detail .pack-type .type input {
                    width: 24px;
                    height: 24px;
                }

.duration h2, .pack-info-detail h2, .general h2, .popup .extend-program span {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #1E2B35;
}

.pack-info-detail {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.general-pack {
    height: 88px;
}

.service-package {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 24px 16px 24px;
    border: 1px solid #AAB9C5;
    border-radius: 24px;
}

    .service-package .type-services {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

        .service-package h2, .service-package .type-services h2 {
            font-weight: 500;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            color: #111827;
        }

        .service-package .type-services .list-services {
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
        }

            .service-package .type-services .list-services:has(:nth-child(5)) {
                grid-template-columns: 1fr 1fr;
            }

            .service-package .type-services .list-services .serv {
                display: flex;
                gap: 12px;
                align-items: center;
            }

                .service-package .type-services .list-services .serv img {
                    height: 24px;
                    width: 24px;
                }

.package-info .payment-info {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 32px 24px 32px 24px;
    border-radius: 24px;
    height: fit-content;
}

    .package-info .payment-info .payment-detail {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .package-info .payment-info .payment-detail .bill-info {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

            .package-info .payment-info .payment-detail .bill-info p, .coupon p, .payment-type p {
                margin: 0;
                font-weight: 700;
                font-size: 18px;
                line-height: 140%;
                letter-spacing: 0px;
                vertical-align: middle;
                color: #1E2B35;
            }

            .package-info .payment-info .payment-detail .bill-info .pack-common {
                display: flex;
                justify-content: space-between;
                padding-left: 12px;
                align-items: center;
            }

                .package-info .payment-info .payment-detail .bill-info .pack-common p {
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    color: #212121;
                }

                .package-info .payment-info .payment-detail .bill-info .pack-common span {
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0.2px;
                    color: #212121;
                }

.bill-info .bill-pack, .bill-info .discount {
    height: 38px;
}

.bill-info .total {
    border-top: 1px solid #CAD5DE;
    height: 46px;
}

.line-seperate {
    height: 1px;
    background-color: #CAD5DE;
}

.coupon {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .coupon .input-coupon {
        height: 54px;
        display: flex;
        gap: 12px;
    }

        .coupon .input-coupon input {
            flex: 3.8;
            outline: none;
            border: 1px solid #CAD5DE;
            border-radius: 12px;
            padding-left: 12px;
        }

        .coupon .input-coupon button {
            flex: 1;
            border-radius: 8px;
            background-color: #F6911E;
            border: none;
            font-weight: 600;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0.3px;
            vertical-align: middle;
            color: #fff;
            min-width: fit-content;
        }

.has-dropdown-menu .dropdown.dropdown-extention {
    display: none !important;
}

.dropdown.dropdown-extention {
    list-style: none;
    margin: 0;
    border-radius: 8px;
    padding: 0;
    display: flex;
    width: fit-content;
    flex-direction: column;
}

    .dropdown.dropdown-extention li {
        display: flex;
        width: unset;
    }

        .dropdown.dropdown-extention li:hover {
            width: 100%;
            background-color: #FEF3E2;
        }

        .dropdown.dropdown-extention li a:hover {
            width: 100%;
            font-weight: 400;
            padding: 10px;
            background: none;
            font-weight: 400;
            color: #616161;
        }

        .dropdown.dropdown-extention li a {
            width: fit-content;
            text-decoration: none;
        }

.payment-type {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .payment-type .type {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 16px;
        border-radius: 12px;
        border: 1px solid #2F404C;
    }

        .payment-type .type .type-btn {
            display: flex;
            gap: 12px;
            align-items: center;
        }

        .payment-type .type .type-detail {
            display: flex;
            flex-direction: column;
        }

            .payment-type .type .type-detail .type-input {
                display: flex;
                gap: 12px;
                align-items: center;
            }

                .payment-type .type .type-detail .type-input input {
                    height: 16px;
                    width: 16px;
                }

                .payment-type .type .type-detail .type-input p {
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    vertical-align: middle;
                    color: #1E2B35;
                }

            .payment-type .type .type-detail h2 {
                font-weight: 400;
                font-size: 10px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
                color: #1E2B35;
                margin-left: 28px;
            }

            .payment-type .type .type-detail .credit {
                margin-left: 28px;
            }

            .payment-type .type .type-detail h2 span {
                font-weight: 700;
                font-size: 10px;
                line-height: 160%;
                letter-spacing: 0.2px;
                vertical-align: middle;
                color: #F6911E;
            }

.pay-btn {
    height: 48px;
    border: none;
    background-color: #F6911E;
    border-radius: 100px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.3px;
    vertical-align: middle;
}

.service-management {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 8px;
    min-height: 100vh;
}

    .service-management .redirect {
        display: flex;
        gap: 8px;
        align-items: center;
    }

        .service-management .redirect a {
            font-weight: 500;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            color: #616161;
            text-decoration: none;
        }

        .service-management .redirect img {
            height: 20px;
            width: 20px;
        }

        .service-management .redirect p {
            margin: 0;
            font-weight: 700;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0.2px;
            color: #212121;
        }

    .service-management .service-filter {
        display: flex;
        gap: 8px;
        padding-top: 16px;
    }

        .service-management .service-filter .chosen-box {
            background-color: #fff;
            height: fit-content;
            padding: 16px;
            border-radius: 16px;
            gap: 16px;
            display: flex;
            flex-direction: column;
        }

        .service-management .service-filter .info-store {
            flex: 3.13;
            background-color: #fff;
        }

        .service-management .service-filter .chosen-box .store-info-box {
            padding: 12px 16px 12px 16px;
            display: flex;
            gap: 8px;
            align-items: center;
        }

            .service-management .service-filter .chosen-box .store-info-box span {
                font-weight: 700;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.3px;
            }

        .service-management .service-filter .chosen-box button {
            padding: 12px 16px;
            display: flex;
            gap: 8px;
            justify-content: center;
            background-color: #fff;
            border-radius: 12px;
            border: 2px solid transparent;
            background-image: linear-gradient(white, white), linear-gradient(to right, #F6911E, #FCCE86);
            background-origin: border-box;
            background-clip: padding-box, border-box;
            outline: none;
        }

        .service-management .service-filter .info-store {
            display: flex;
            flex-direction: column;
            gap: 24px;
            padding: 24px 32px 24px 32px;
            border-radius: 24px;
            flex: 1;
            overflow: hidden;
        }

            .service-management .service-filter .info-store .header-info {
                display: flex;
                justify-content: space-between;
            }

                .service-management .service-filter .info-store .header-info h1 {
                    font-weight: 700;
                    font-size: 24px;
                    line-height: 130%;
                    letter-spacing: 0px;
                    color: #000000;
                    margin: 0;
                }

                .service-management .service-filter .info-store .header-info button {
                    display: flex;
                    background-color: #fff;
                    border-radius: 100px;
                    border: 1px solid #1E2B35;
                    gap: 8px;
                    justify-content: center;
                    align-items: center;
                }

                    .service-management .service-filter .info-store .header-info button img {
                        height: 12px;
                        width: 12px;
                    }

                    .service-management .service-filter .info-store .header-info button h2 {
                        font-weight: 600;
                        font-size: 12px;
                        line-height: 160%;
                        letter-spacing: 0px;
                        vertical-align: middle;
                        color: #1E2B35;
                        margin: 0;
                    }

            .service-management .service-filter .info-store .body-info {
                display: flex;
                gap: 24px;
                flex-direction: column;
            }

                .service-management .service-filter .info-store .body-info h2 {
                    margin: 0;
                    font-weight: 500;
                    font-size: 18px;
                    line-height: 150%;
                    letter-spacing: 0px;
                    color: #000000
                }

                .service-management .service-filter .info-store .body-info .logo-info {
                    display: flex;
                    gap: 32px;
                    align-items: center;
                }

                .service-management .service-filter .info-store .body-info .line-seperate {
                    background-color: #D9D9D9;
                }

                .service-management .service-filter .info-store .body-info p {
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 150%;
                    letter-spacing: 0.2px;
                    margin: 0;
                    color: #616161;
                }

                .service-management .service-filter .info-store .body-info .header-gallery {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    width: 100%;
                }

                    .service-management .service-filter .info-store .body-info .header-gallery a {
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0px;
                        color: #1E2B35;
                        text-decoration: underline;
                    }

                .service-management .service-filter .info-store .body-info .swiper {
                    width: 100%;
                    max-width: 900px;
                    height: auto;
                    overflow: hidden;
                    position: relative;
                    display: flex;
                }

                .service-management .service-filter .info-store .body-info .swiper-wrapper {
                    display: flex;
                    align-items: center;
                    margin-left: 18px
                }

                .service-management .service-filter .info-store .body-info .swiper-slide {
                }

                    .service-management .service-filter .info-store .body-info .swiper-slide img {
                        height: 130px;
                        width: 260px;
                        border-radius: 8px;
                        object-fit: cover;
                    }

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 32px;
    height: 32px;
    display: none;
    background-size: 32px 32px;
}

.service-management .service-filter .info-store .body-info .swiper-button-next {
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/silder-next-icon.png");
}

.service-management .service-filter .info-store .body-info .swiper-button-prev {
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/slider-pre-icon.png");
    left: 0px;
}

.gallery:hover .swiper-button-next,
.gallery:hover .swiper-button-prev {
    display: block;
}

.service-management .service-filter .info-store .body-info .swiper-pagination {
    width: 100%;
    max-width: 900px;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-self: center;
    position: unset;
}

.service-management .service-filter .info-store .body-info .gallery {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.description .des-content {
    max-height: 150px;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.btn-box-save {
    padding-top: 16px;
    display: flex;
    justify-content: end;
    gap: 10px;
    padding-right: 12px;
}

    .btn-box-save #cancel-btn {
        width: 80px;
        height: 32px;
        border-radius: 100px;
        padding-top: 8px;
        padding-right: 12px;
        padding-bottom: 8px;
        padding-left: 12px;
        border-width: 1px;
        background-color: #fff;
        border: 1px solid #1E2B35;
        font-weight: 600;
        font-size: 12px;
        line-height: 140%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    .btn-box-save #save-btn {
        background-color: #F6911E;
        width: 100px;
        height: 32px;
        border-radius: 100px;
        padding-top: 8px;
        padding-right: 12px;
        padding-bottom: 8px;
        padding-left: 12px;
        border: none;
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

.header-acceptance {
    display: flex;
    justify-content: space-between;
}

    .header-acceptance h1 {
        font-weight: 700;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0px;
        color: #1E2B35;
    }

    .header-acceptance .acc-btn-box {
        display: flex;
        gap: 8px;
    }

        .header-acceptance .acc-btn-box button {
            background-color: #fff;
            display: flex;
            height: 32px;
            justify-content: center;
            gap: 8px;
            align-items: center;
            border-radius: 100px;
            padding: 8px 12px 8px 12px;
        }

            .header-acceptance .acc-btn-box button p {
                margin: 0;
            }

            .header-acceptance .acc-btn-box button img {
                height: 12px;
                width: 12px;
            }

        .header-acceptance .acc-btn-box .see-map {
            border-radius: 100px;
        }

        .header-acceptance .acc-btn-box .add-acc {
            background-color: #F6911E;
            border: none;
            font-weight: 600;
            font-size: 12px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
            color: #fff;
        }

.acceptance-points {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.acceptance-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .acceptance-box p {
        margin: 0;
        color: black;
        font-weight: 500;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0px;
    }

    .acceptance-box .acceptance-point .view-mode {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 16px 16px 8px 16px;
        border-radius: 16px;
        border: 1px solid #CAD5DE;
    }

    .acceptance-box .acceptance-point .header-point {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 42px;
    }

        .acceptance-box .acceptance-point .header-point p {
            display: flex;
            gap: 8px;
            font-weight: 500;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0.2px;
            vertical-align: middle;
            color: #1E2B35;
            height: 100%;
            position: relative;
        }

        .acceptance-box .acceptance-point .header-point button {
            background-color: #fff;
            border: none;
            width: 24px;
            height: 24px;
            margin-right: 6px;
        }

    .acceptance-box .acceptance-point .contact-box-info {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .acceptance-box .acceptance-point p {
        display: flex;
        align-items: center;
        margin: 0;
    }

        .acceptance-box .acceptance-point p .label {
            min-width: 150px;
            font-weight: 400;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            color: #687588;
        }

        .acceptance-box .acceptance-point p .value {
            color: #111827;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

    .acceptance-box .acceptance-point .respresent-box {
        display: flex;
        gap: 16px;
        flex-direction: column;
        padding-top: 16px;
    }

        .acceptance-box .acceptance-point .respresent-box .represent {
            display: flex;
            gap: 16px;
        }

            .acceptance-box .acceptance-point .respresent-box .represent p:nth-of-type(1) {
                min-width: 350px;
            }

.toggle-btn-box a {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.toggle-icon {
    transition: transform 0.3s ease;
}

    .toggle-icon.rotated {
        transform: rotate(180deg);
    }

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 100%;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider-switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 20px;
}

    .slider-switch:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }

input:checked + .slider-switch {
    background-color: #f90;
}

    input:checked + .slider-switch:before {
        transform: translateX(20px);
    }

.view-mode, .edit-mode {
    transition: opacity 0.3s ease-in-out;
}

.edit-mode {
    display: flex;
    flex-direction: column;
    border: 1px solid #CAD5DE;
    padding: 16px;
    border-radius: 16px;
    gap: 16px;
}

    .edit-mode .header-edit {
        display: flex;
        justify-content: space-between;
        height: 42px;
        gap: 12px;
        padding-right: 12px;
    }

        .edit-mode .header-edit p, .acceptance-point .edit-mode .header-edit .status-edit-box p {
            color: #1E2B35;
            font-weight: 500;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0.2px;
            vertical-align: middle;
        }

        .edit-mode .header-edit .status-edit-box {
            display: flex;
            gap: 12px;
            align-items: center;
        }

    .edit-mode label {
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        color: #1E2B35;
    }

    .edit-mode .edit-info-box {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .edit-mode .edit-info-box .edit-box {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

            .edit-mode .edit-info-box .edit-box input {
                border-radius: 12px;
                padding: 16px;
                font-weight: 400;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
                color: #1E2B35;
            }

                .edit-mode .edit-info-box .edit-box input:focus {
                    outline: none;
                }

            .edit-mode .edit-info-box .edit-box .map-location {
                display: flex;
                justify-content: space-between;
                gap: 16px;
                align-items: center;
            }

                .edit-mode .edit-info-box .edit-box .map-location p {
                    display: flex;
                    gap: 4px;
                    color: #F6911E;
                    font-weight: 500;
                    font-size: 12px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    vertical-align: middle;
                    min-width: 125px;
                }

                    .edit-mode .edit-info-box .edit-box .map-location p img {
                        height: 20px;
                        width: 20px;
                    }

        .edit-mode .edit-info-box .position-box {
            display: flex;
            justify-content: space-between;
            gap: 16px;
        }

            .edit-mode .edit-info-box .position-box .edit-box {
                flex: 1;
            }

    .edit-mode .edit-represent-box {
        display: flex;
        flex-direction: column;
        gap: 12px;
        border-radius: 16px;
        padding: 16px;
        border: 1px solid #AAB9C5;
    }

    .edit-mode .update-btn-box {
        display: flex;
        gap: 8px;
        justify-content: end;
    }

        .edit-mode .update-btn-box .cancel-btn {
            width: 102px;
            height: 40px;
            background-color: #fff;
            border-radius: 100px;
            padding-top: 8px;
            padding-right: 12px;
            padding-bottom: 8px;
            padding-left: 12px;
            border-width: 1px;
            color: #1E2B35;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
            border: 1px solid #1E2B35;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
        }

        .edit-mode .update-btn-box .save-btn {
            width: 110px;
            height: 40px;
            border-radius: 100px;
            padding-top: 8px;
            padding-right: 12px;
            padding-bottom: 8px;
            padding-left: 12px;
            border: none;
            background-color: #F6911E;
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
            text-decoration: none;
            cursor: pointer;
        }

.edit-btn {
    pointer-events: auto !important;
}

.popup {
    display: none;
    position: absolute;
    top: 64vh;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    width: 728px;
    border-radius: 32px;
    padding-top: 32px;
    padding-right: 24px;
    padding-bottom: 32px;
    padding-left: 24px;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, 0.2);
    z-index: 999;
}

.overlay-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, 0.2);
    z-index: 1100;
}

.account-head .info-login-head {
    background: none;
}

    .account-head .info-login-head img {
        display: none;
    }

.register-box .confirm-btn {
    width: 100%;
    border: none;
}

.italics {
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    color: #1E2B35;
}

.btn-confirm-box a {
    text-decoration: none;
}

.gap-reg-52 {
    height: 52px;
}

.waitting-seller {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px 32px 24px 32px;
    background-color: #fff;
    border-radius: 24px;
}

.head-start h1 {
    font-weight: 500;
    font-size: 32px;
    line-height: 125%;
    letter-spacing: 0px;
    color: #000000;
}

.head-start h2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.2px;
    color: #597488;
}

.body-start {
    display: flex;
    flex-direction: row;
    gap: 32px;
}

    .body-start .box-start {
        flex: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

        .body-start .box-start .box-item {
            display: flex;
            gap: 24px;
            flex-direction: column;
        }

            .body-start .box-start .box-item p {
                margin: 0;
                font-weight: 700;
                font-size: 20px;
                line-height: 140%;
                letter-spacing: 0px;
                text-align: center;
                vertical-align: middle;
                color: #1E2B35;
                max-width: 240px;
                min-height: 56px;
            }

            .body-start .box-start .box-item .status-info.processing {
                font-weight: 600;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.3px;
                vertical-align: middle;
                color: #007AFF;
            }

            .body-start .box-start .box-item .success-pay p {
                margin: 0;
                min-height: unset;
                max-height: unset;
                display: flex;
                align-items: center;
                color: #0CAF60;
                font-weight: 600;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.3px;
                vertical-align: middle;
                gap: 4px;
                text-align: center;
                justify-content: center;
            }

            .body-start .box-start .box-item .success-pay .pay-info {
                font-weight: 400;
                font-style: italic;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                text-decoration: underline;
                color: #616161;
                cursor: pointer;
            }

.seller-btn {
    border-radius: 100px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.3px;
    vertical-align: middle;
}

    .seller-btn.active {
        background-color: #F6911E;
        color: #FFFFFF;
        cursor: pointer;
    }

    .seller-btn.inactive {
        background-color: #E0E0E0;
        color: #FFFFFF;
    }

#payment-detail {
    gap: 32px;
    width: 527px;
    top: 50%;
}

    #payment-detail h1 {
        font-weight: 700;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0px;
        vertical-align: middle;
        color: #1E2B35;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        #payment-detail h1 img {
            cursor: pointer;
        }

    #payment-detail .detail-pay {
        padding: 16px 8px 16px 8px;
    }

        #payment-detail .detail-pay .property {
            display: flex;
            height: 38px;
        }

            #payment-detail .detail-pay .property p {
                margin: 0;
                flex: 1;
                font-weight: 400;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                color: #212121;
            }

            #payment-detail .detail-pay .property span {
                flex: 1;
                font-weight: 700;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                color: #212121;
            }

.popup .store-head {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}

    .popup .store-head h1, .add-account h1 {
        color: #000000;
        font-weight: 700;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0px;
        margin: 0;
    }

    .popup .store-head a {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px 8px 12px;
        border: 1px solid #1E2B35;
        border-radius: 100px;
        text-decoration: none;
    }

        .popup .store-head a p {
            margin: 0;
        }

.popup .image-box, .edit-mode .image-box, .image-upload-container .image-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .popup .image-box .image-list, .edit-mode .image-box .image-list, .image-box .image-list, .service-create .content-info .galleries .gallery-box .image-list {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        justify-content: start;
    }

#store-info {
    gap: 24px;
    flex-direction: column;
}

.popup .store-body {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

    .popup .store-body .store-logo {
        display: flex;
        gap: 32px;
        align-items: center;
    }

        .popup .store-body .store-logo h1, .popup .store-body .box-info h2, .description-box h2, .account-info .box-info h2 {
            color: #1E2B35;
            font-weight: 500;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            min-width: 105px;
            margin: 0;
        }

        .popup .store-body .store-logo .upload-btn {
            padding: 8px 12px 8px 12px;
            border-radius: 100px;
            border: 1px solid #1E2B35;
            color: black;
            height: 40px;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
            white-space: nowrap;
            text-decoration: none;
            cursor: pointer;
        }

        .popup .store-body .store-logo ul, .image-notes {
            padding: 0;
            margin: 0;
        }

            .popup .store-body .store-logo ul li, .image-notes li {
                color: #000000;
                font-weight: 400;
                font-size: 12px;
                line-height: 160%;
                letter-spacing: 0px;
            }

    .popup .store-body .box-info {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

.popup .image-upload-container {
    display: flex;
    flex-direction: row;
    gap: 24px;
    justify-content: space-between;
}

.popup .store-body .description-box {
    display: flex;
    flex-direction: column;
}

    .popup .store-body .description-box h2 {
        padding-bottom: 24px;
    }

.popup .image-upload-container label {
    min-width: 129px;
    color: #111827;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
}

.popup .image-upload-container .image-item, .edit-mode .gallery .image-item, .image-box .image-item {
    position: relative;
    overflow: visible;
}

    .popup .image-upload-container .image-item img, .edit-mode .gallery .image-item img, .image-box .image-item img {
        width: 243px;
        height: 126px;
        object-fit: cover;
        border-radius: 10px;
    }

    .popup .image-upload-container .image-list .image-item .remove-btn, .edit-mode .gallery .image-list .image-item .remove-btn, .image-box .image-item .remove-btn, .photo-box .remove-btn {
        position: absolute;
        top: -10px;
        right: -8px;
        background: #E9EEF4;
        border: none;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        cursor: pointer;
        background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/remove-img-icon.png);
        background-repeat: no-repeat;
        background-position: center;
    }

.image-upload-box {
    width: 243px;
    height: 126px;
    border: 2px dashed #ccc;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .image-upload-box .image-input {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

.upload-placeholder {
    text-align: center;
    color: #999;
}

.image-notes {
    padding-left: 18px;
}

.tox-statusbar {
    display: none !important;
}

.store-foot {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 24px;
}

    .store-foot .reject-btn {
        text-decoration: none;
        padding: 8px 16px 8px 16px;
        border-radius: 100px;
        border: 1px solid #212121;
        color: #212121;
        font-weight: 600;
        font-size: 16px;
        line-height: 190%;
        letter-spacing: 0.3px;
        vertical-align: middle;
        height: 48px;
        cursor: pointer;
    }

    .store-foot .confirm-btn {
        text-decoration: none;
        padding: 8px 16px 8px 16px;
        border-radius: 100px;
        border: none;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 16px;
        line-height: 200%;
        letter-spacing: 0.3px;
        vertical-align: middle;
        height: 48px;
        background-color: #F6911E;
    }

.ql-html-buttonGroup {
    bottom: -17px !important;
}

.account-partner {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.redirect-line {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 12px;
}

    .redirect-line h1 {
        color: #616161;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        margin: 0;
    }

    .redirect-line span {
        color: #212121;
        font-weight: 700;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.2px;
    }

.customer .detail-filter-box .point-box span {
    max-width: unset
}

.information {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex: 1;
}

    .information .tab {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        padding: 16px;
        border-radius: 16px;
        height: fit-content;
        min-width: 352px;
    }

        .information .tab a {
            text-decoration: none;
            display: flex;
            gap: 8px;
            cursor: pointer;
            align-items: center;
            padding: 9px 16px 9px 16px;
        }

            .information .tab a span {
                color: #597488;
                font-weight: 400;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.2px;
            }

            .information .tab a.active span {
                color: #1E2B35;
                font-weight: 700;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.3px;
            }

.tab #account i {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/seller-info.png);
    height: 24px;
    min-width: 24px;
}

.tab #account.active i {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/seller-info-active.png);
}

.tab #profile i {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/seller-profile.png);
    height: 24px;
    width: 24px;
}

.tab #profile.active i {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/seller-profile-active.png);
}

.tab #users i {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/users-management.png);
    height: 24px;
    min-width: 24px;
}

.tab #users.active i {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/users-management-active.png);
}

.tab #finance i, .tab #noti i {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/finance-management.png);
    height: 24px;
    width: 24px;
}

.tab #finance.active i {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/finance-management-active.png);
}

.tab #noti i {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/noti-management.png);
}

.tab #noti.active i {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/noti-management-active.png);
}

#content-info, #package-registration {
    background-color: #fff;
    padding: 24px 32px 24px 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 24px;
    width: -webkit-fill-available;
    flex: 3.2;
    height: fit-content;
}

    #content-info .my-account {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

.box-info.selectitem {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .box-info.selectitem select {
        height: 54px;
        border-radius: 12px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        padding-right: 20px;
        background-image: none;
        border: 1px solid #E9EAEC;
        padding-left: 10px
    }

#add-account {
    gap: 32px;
    flex-direction: column;
    top: 50%;
}

    #add-account .account-info {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    #add-account a {
        text-decoration: none;
    }

    #content-info h2, .user-header h2, #add-account h1 {
        color: #000000;
        font-weight: 700;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0px;
        margin: 0;
    }

#content-info .my-account h2, #content-info .acc-pwd h2 {
    color: #000000;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0px;
}

#content-info .my-account-detail {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    #content-info .my-account-detail .des {
        display: flex;
        gap: 24px;
    }

        #content-info .my-account-detail .des div {
            display: flex;
            gap: 16px;
            min-width: 300px;
        }

            #content-info .my-account-detail .des div h3 {
                color: #687588;
                font-weight: 400;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
            }

            #content-info .my-account-detail .des div span {
                color: #111827;
                font-weight: 600;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
            }

#content-info .acc-pwd {
    gap: 12px;
    display: flex;
    flex-direction: column;
    max-width: 50%;
}

    #content-info .acc-pwd div {
        gap: 10px;
        display: flex;
    }

        #content-info .acc-pwd div a {
            padding: 8px 12px 8px 12px;
            border-radius: 100px;
            border: 1px solid #1E2B35;
            background-color: #fff;
            cursor: pointer;
            text-decoration: none;
        }

            #content-info .acc-pwd div a.reject-btn {
                width: 110px;
                text-align: center;
            }

.pwd-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .pwd-box div {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .pwd-box .info-box {
        padding-top: 0px;
    }

        .pwd-box .info-box .show-password {
            top: 16px;
        }

    .pwd-box label {
        color: #1E2B35;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
    }

    .pwd-box .btn-box, .account-info .btn-box {
        display: flex;
        flex-direction: row;
    }

.slider-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .slider-switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider-switch {
    position: absolute;
    cursor: pointer;
    top: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #b0bec5;
    transition: 0.4s;
    border-radius: 34px;
}

    .slider-switch:before {
        position: absolute;
        content: "–";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        color: #90a4ae;
        font-size: 20px;
        text-align: center;
        line-height: 26px;
        border-radius: 50%;
        transition: 0.4s;
        line-height: 25px;
    }

input:checked + .slider-switch {
    background-color: #f7931e;
}

.popup .extend-program .date-combo-box .date-time-popup .date-box .datetime-input {
    color: #F6911E;
    font-weight: 700;
}

#AlertDangerPopup #detail-error p, #AlertWarningPopup #detail-warning p {
    text-align: center;
}

#des-warning p {
    font-size: 18px;
    font-weight: 600;
}

#AlertWarningPopup .img-box {
    width: 304px;
    display: flex;
    justify-content: center;
}

.information .finance .transaction-history .tran-list .item-tran {
    border-bottom: 1px solid #CAD5DE;
}

    .information .finance .transaction-history .tran-list .item-tran:nth-last-of-type(1) {
        border-bottom: none;
    }

input:checked + .slider-switch:before {
    transform: translateX(26px);
    content: "✔";
    color: #f7931e;
}

table .user-item td {
    height: 54px;
    color: #1E2B35;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    min-width: 80px;
}

table .user-item .username {
    color: #212121;
    font-weight: 700;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0.2px;
}

.user-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .user-header .add-user, .add-service {
        text-decoration: none;
        background-color: #F6911E;
        padding: 8px 16px 8px 16px;
        display: flex;
        align-items: center;
        border-radius: 100px;
        gap: 8px;
    }

        .user-header .add-user p, .add-service p {
            margin: 0px;
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
        }

#AlertSuccessPopup, #AlertDangerPopup, #AlertWarningPopup {
    top: 48vh;
    gap: 18px;
    justify-content: center;
    flex-direction: column;
    width: auto;
    align-items: center;
    z-index: 1200;
    position: fixed;
}

    #AlertDangerPopup .close-btn, #AlertSuccessPopup .close-btn, #AlertWarningPopup .close-btn {
        padding: 8px 12px 8px 12px;
        background-color: #F6911E;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.3px;
        vertical-align: middle;
        border: none;
        border-radius: 100px;
        width: 100%;
    }

#thumbnaillogo {
    height: 80px;
    width: 80px;
    cursor: pointer;
}

.hidden-input {
    display: none;
}

.header-index .navbar .dropdown {
    padding: 0;
    border-radius: 8px;
}

    .header-index .navbar .dropdown li {
        padding: 0;
        width: max-content;
        min-width: 100%;
        border-radius: 8px;
    }

.header-index .navbar .has-dropdown:active {
    background-color: #FEF3E2;
}

.header-index .navbar .dropdown li a {
    width: 100%;
}

    .header-index .navbar .dropdown li a:hover {
        background-color: #FEF3E2;
        color: #2F404C;
    }

#edit-logo-btn {
    padding: 8px 12px 8px 12px;
    border-radius: 100px;
    border: 1px solid #1E2B35;
    background-color: #fff;
    text-decoration: none;
}

.description .btn-box-save #cancel-btn {
    height: 48px;
    color: #1E2B35;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.3px;
    vertical-align: middle;
    cursor: pointer;
}

.description .btn-box-save #save-btn {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.3px;
    vertical-align: middle;
    height: 48px;
    width: fit-content;
    cursor: pointer;
}

.disabled-btn {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.confirmPopup .popup-content h1 {
    color: #1E2B35;
    font-weight: 700;
    font-size: 32px;
    line-height: 125%;
    letter-spacing: 0px;
    vertical-align: middle;
}

.confirmPopup .popup-content #popupMessage {
    color: #1E2B35;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.2px;
    text-align: center;
}

#confirmPopup {
    width: fit-content;
    top: 30%;
}

#resetPopup {
    width: 478px;
    top: 30%;
    text-align: center;
}

    #resetPopup p {
        color: #1E2B35;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.2px;
    }

        #resetPopup p span {
            font-weight: 700;
        }

    #confirmPopup .btn-confirm-box, #resetPopup .btn-confirm-box {
        display: flex;
        gap: 24px;
    }

        #confirmPopup .btn-confirm-box button, #resetPopup .btn-confirm-box button {
            flex: 1;
            cursor: pointer;
        }

        #confirmPopup .btn-confirm-box .confirm-btn, #resetPopup .btn-confirm-box .confirm-btn {
            border: none;
        }

.info-items {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

    .info-items .item-info {
        color: #687588;
        font-weight: 400;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0px;
    }

.shortcut {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/shortcut-icon.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

#content-info .detail-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#content-info .section {
    gap: 24px;
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 24px 32px 24px 32px;
    border-radius: 24px;
}

#content-info .content-body {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

#content-info .content-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0px;
    padding-bottom: 12px;
}

#content-info .section-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0px;
}

#content-info .label {
    color: #687588;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
}

#content-info .value {
    color: #111827;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    overflow-wrap: break-word;
}

#content-info .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#content-info .col {
    flex: 1 1 45%;
    max-width: 50%;
}

#content-info.label {
    font-size: 14px;
    color: #666;
}

#content-info .value {
    font-size: 15px;
    font-weight: 500;
}

.store-info-icon {
    min-width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/store-info-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

    .store-info-icon.active {
        background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/store-info-icon-active.png");
    }

.store-info-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/store-info-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.acceptance-icon {
    min-width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/acceptance-point-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

    .acceptance-icon.active {
        background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/acceptance-point-icon-active.png");
    }

.processing-status {
    color: #007AFF;
    font-weight: 500;
    font-size: 10px;
    line-height: 160%;
    letter-spacing: 0.2px;
    text-align: right;
    vertical-align: middle;
    padding: 4px 16px 4px 16px;
    background-color: #C5E1FF;
    border-radius: 8px;
}

.address-box {
    display: flex;
    gap: 16px;
    margin-top: 16px;
}

    .address-box .address {
        width: 60%;
    }

    .address-box .coordinate {
        width: 40%;
    }

    .address-box .coordinate-display, .popup .map-location {
        position: relative;
    }

        .address-box .coordinate-display a, .popup .map-location a {
            position: absolute;
            right: 0;
            bottom: 0;
            text-decoration: none;
            width: 140px;
            top: 16px;
            left: 193px;
            height: 20px;
            color: #F6911E;
            display: flex;
            align-items: center;
            gap: 4px;
        }

.map-link {
    white-space: nowrap;
}

.popup .map-location a {
    left: 75%;
}

.plan {
    flex-direction: row;
    gap: 24px;
}

.lst-package {
    width: 100%;
}

    .lst-package .swiper-container {
        display: none;
    }

        .lst-package .swiper-container.active {
            display: flex;
            width: 100%;
        }

            .lst-package .swiper-container.active .plan {
                display: flex;
            }

                .lst-package .swiper-container.active .plan .swiper-slide {
                    width: unset;
                    flex: 1;
                    height: auto;
                    min-width: 0;
                }

                    .lst-package .swiper-container.active .plan .swiper-slide .item-detail-pack {
                        height: 100%;
                    }

.box-package {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

    .box-package .days-tab {
        padding: 4px;
        background-color: #E9EEF4;
        border-radius: 100px;
        display: flex;
        flex-direction: row;
        gap: 8px;
    }

        .box-package .days-tab .pack-tab {
            padding: 8px 12px 8px 12px;
            border-radius: 100px;
            color: black;
            font-weight: 500;
            font-size: 16px;
            line-height: 100%;
            letter-spacing: 0.4px;
            vertical-align: bottom;
            text-decoration: none;
        }

            .box-package .days-tab .pack-tab.active {
                background-color: #fff;
                font-weight: 700;
                font-size: 16px;
                line-height: 100%;
                letter-spacing: 0.4px;
                vertical-align: bottom;
            }

.up-trend-icon {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/up-trend.png);
    width: 14px;
    height: 14px;
    background-size: cover;
    transition: 0.3s ease;
}

.equal-trend-icon {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/equal-trend-icon.png);
    width: 14px;
    height: 14px;
    background-size: cover;
    transition: 0.3s ease;
}

.down-trend-icon {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/down-trend.png);
    width: 14px;
    height: 14px;
    background-size: cover;
    transition: 0.3s ease;
}

.box .value-static {
    color: #111827;
    font-weight: 700;
    font-size: 32px;
    line-height: 125%;
    letter-spacing: 0px;
    margin: 0;
}

#customize-popup {
    width: 100%;
    flex-direction: column;
    padding: 24px 32px 24px 32px;
    gap: 24px;
    position: absolute;
    top: 380px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.category-box.disabled {
    background-color: #BDBDBD;
    cursor: not-allowed;
    pointer-events: none;
}

#customize-popup .header-box span, #customize-popup .other-function h3, .marketing-service span {
    font-weight: 500;
    font-size: 24px;
    line-height: 125%;
    letter-spacing: 0px;
}


#customize-popup .fast-connect-box {
    display: flex;
    justify-content: center;
}

    #customize-popup .fast-connect-box .fast {
        position: relative;
    }

.remove-icon {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/remove-icon.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    transition: 0.3s ease;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.add-icon {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/add-icon.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    transition: 0.3s ease;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}


.function-box .header-box .close-icon, .header-popup .close-icon, .popup-header .close-icon, #reject .close-icon {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/close-icon.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    transition: 0.3s ease;
    cursor: pointer;
}

#customize-popup .function-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

#customize-popup .footer-active {
    display: flex;
    justify-content: space-between;
}

    #customize-popup .footer-active .text-count, #customize-popup .function-box p, #customize-popup .other-function .function span {
        color: #2F404C;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        margin: 0;
    }

        #customize-popup .footer-active .text-count span {
            font-weight: 700;
        }

    #customize-popup .footer-active .acc-btn-box {
        display: flex;
        gap: 12px;
    }

        #customize-popup .footer-active .acc-btn-box .reject-btn {
            width: 110px;
            height: 40px;
            gap: 8px;
            border-radius: 100px;
            padding: 8px 12px 8px 12px;
            border: 1px solid #1E2B35;
            text-align: center;
            text-decoration: none;
            color: #1E2B35;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
            cursor: pointer;
        }

        #customize-popup .footer-active .acc-btn-box .confirm-btn {
            padding: 8px 12px 8px 12px;
            background-color: #F6911E;
            border-radius: 100px;
            width: 110px;
            height: 40px;
            border: none;
            color: #FFF;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
            text-decoration: none;
            text-align: center;
            cursor: pointer;
        }

#customize-popup .other-function .function-total {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

    #customize-popup .other-function .function-total .function .fast-connect-box {
        display: flex;
        justify-content: start;
    }

.function .fast {
    position: relative;
}

.show-detail {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/show-detail.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    transition: 0.3s ease;
    position: absolute;
    top: 34%;
    right: 0;
    cursor: pointer;
    min-width: 24px;
    min-height: 24px;
}

.service-table {
    display: flex;
    flex-direction: column;
    margin-left: 70px;
    font-size: 14px;
    border: 1px solid #CAD5DE;
    border-radius: 16px;
    overflow: visible;
}

#add-acceptance-point {
    top: 100px;
    transform: translate(-50%);
}

.service-row {
    display: flex;
    border-top: 1px solid #CAD5DE;
}

.service-table .service-row:last-child .service-group {
    border-bottom-left-radius: 16px;
}

.service-group {
    display: grid;
    grid-template-columns: 160px 2fr 1fr 1fr 1fr 1fr 1fr 60px;
    padding: 12px 16px;
    background: #FEF3E2;
    padding: 16px;
    width: 160px;
    display: flex;
    align-items: center;
    border-right: 1px solid #CAD5DE;
    position: relative;
}

    .service-group .group-name {
        font-weight: bold;
        display: flex;
        align-items: center;
        gap: 6px;
        padding-left: 18px;
    }

.ticket-list {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.ticket-item {
    display: grid;
    grid-template-columns: 160px 3fr 2fr 2fr 2fr 2fr 2fr 60px;
    border-bottom: 1px solid #CAD5DE;
    align-items: center;
    background: #fff;
}

    .ticket-item .group-name {
        padding: 12px 16px;
        background-color: #FEF3E2;
        border-bottom-left-radius: 12px;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .ticket-item .name {
        color: #212121;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
    }

    .ticket-item .column-service {
        padding-left: 12px;
        padding-right: 12px;
        display: flex;
        border-left: 1px solid #CAD5DE;
        height: 100%;
        align-items: center;
    }

    .ticket-item .column-service-combo {
        display: flex;
        flex-direction: column;
    }

.ticket-list .ticket-item:last-child {
    border-bottom-left-radius: 12px;
}

.service-table .ticket-table .column-2 {
    max-width: 170px;
    width: 170px;
    padding-left: 8px;
    padding-right: 8px;
    color: #212121;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    border-right: 1px solid #CAD5DE;
}


.service-table .ticket-table thead .column-2, .service-table .ticket-table thead .column-1 {
    border: none;
}

.service-table .ticket-table tbody .column-1:last-child {
    border-right: none;
}

.service-management .seller-performance .detail-statistic .filter-voucher-box .point-box .use-point span {
    font-size: 14px;
}

.service-table .ticket-table tbody .group-name {
    background-color: #FEF3E2;
    border-bottom-left-radius: 16px;
    border-top: 1px solid #CAD5DE;
}

.service-table .ticket-table .column-1 {
    max-width: 123px;
    width: 123px;
    padding-left: 8px;
    padding-right: 8px;
    height: 76px;
    border-bottom: 1px solid #CAD5DE;
    color: #212121;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    position: relative;
}

    .service-table .ticket-table .column-1 span b, .service-table .ticket-table .column-2 span {
        color: #F6911E;
        font-weight: 700;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.2px;
    }

.service-table .ticket-table tbody .variant-row:last-child .column-1 {
    border-bottom: none;
    position: relative;
}

.service-table .ticket-table thead {
    height: 56px;
    border-bottom: 1px solid #CAD5DE;
}

.tag {
    background: #E9EEF4;
    border-radius: 8px;
    padding: 2px 4px 2px 4px;
    display: inline-block;
    margin-bottom: 4px;
    color: #1E2B35;
    font-weight: 400;
    font-size: 10px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
}


.ticket-item .status.active, .ticket-table .status.active {
    background: #E7F7EF;
    color: #098046;
    padding: 4px 16px 4px 16px;
    border-radius: 8px;
    display: inline-block;
    font-weight: 500;
    font-size: 10px;
    line-height: 160%;
    letter-spacing: 0.2px;
    text-align: right;
    vertical-align: middle;
    width: fit-content;
}

.sold {
    color: #F6911E;
}

.table-header {
    display: grid;
    grid-template-columns: 160px 3fr 2fr 2fr 2fr 2fr 2fr 60px;
    border-bottom: 1px solid #CAD5DE;
    font-weight: 700;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0.2px;
}

    .table-header .header-item, .table-header .header-group {
        padding: 12px 16px;
    }

.group-name .show-detail {
    position: unset;
}

.eticket .ticket-list.collapsed .ticket-item:nth-child(n+3) {
    display: none;
}

.eticket.expanded .show-detail, .show-detail.rotate, .dropdown-icon.rotate {
    transform: rotate(180deg);
}

.table-header.egift {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.ticket-item.egift {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background: unset;
}

    .ticket-item.egift .status, .ticket-item.egift .operate {
        margin-left: 16px;
    }

.service.inactive {
    cursor: pointer;
}

.service.active {
    cursor: not-allowed;
    border-bottom: 1px solid #F6911E;
}

.servicelist {
    padding: 16px 24px 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dropdown-content a {
    cursor: pointer;
}

.servicelist .filter-tab {
    display: flex;
    border-bottom: 1px solid #E0E0E0;
}

    .servicelist .filter-tab .type-tab {
        text-decoration: none;
        padding: 12px 16px 12px 16px;
        height: 42px;
        text-align: center;
        color: #757575;
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        text-align: center;
        cursor: pointer;
    }

        .servicelist .filter-tab .type-tab.active {
            color: #F6911E;
            font-weight: 700;
            border-bottom: 2px solid #F6911E;
        }

.service-create {
    display: flex;
    gap: 24px;
}

    .service-create .needed-info {
        display: flex;
        flex-direction: column;
        gap: 150px;
    }

        .service-create .needed-info .info-need {
            background-color: #fff;
            padding: 16px;
            border-radius: 16px;
            gap: 16px;
            display: flex;
            flex-direction: column;
            min-width: 350px;
        }

            .service-create .needed-info .info-need .info-complete {
                display: flex;
                align-items: center;
                gap: 12px;
            }

                .service-create .needed-info .info-need .info-complete p, .caution-service-box p, .service-create .needed-info .caution-service-box .box-btn {
                    margin: 0;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 150%;
                    letter-spacing: 0.2px;
                    color: #1E2B35;
                    max-width: 320px;
                }

.info-complete-icon {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/info-complete.png);
    width: 16px;
    height: 16px;
    background-size: cover;
    transition: 0.3s ease;
}

    .info-complete-icon.active {
        background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/info-complete-active.png);
    }

.service-create .needed-info .caution-service-box {
    background-color: #fff;
    padding: 16px;
    border-radius: 16px;
    gap: 12px;
    display: flex;
    flex-direction: column;
    min-width: 350px;
}

    .service-create .needed-info .caution-service-box .box-btn {
        display: flex;
        gap: 12px;
        justify-content: end;
    }

        .service-create .needed-info .caution-service-box .box-btn #category-more {
            color: #F6911E;
            text-decoration: none;
        }

    .service-create .needed-info .info-need span, .service-create .needed-info .caution-service-box span {
        color: #1E2B35;
        font-weight: 700;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

.service-create .service-info .service-information {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 24px;
    gap: 24px;
    border-radius: 32px;
}

.service-information span, .service-acceptance span, .service-price span, .egift-price span, .name-header span, .service-info .ebooking-info span, .service-info .ebooking-price span {
    color: #1E2B35;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0px;
    vertical-align: middle;
}

.service-create .service-info .service-information .service-type {
    display: flex;
    gap: 24px;
}

    .service-create .service-info .service-information .service-type .type {
        width: 183.5px;
        height: 104px;
        border-radius: 12px;
        justify-content: space-between;
        padding: 16px;
        display: flex;
        border-radius: 12px;
        border: 1px solid #CAD5DE;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        cursor: pointer;
    }

        .service-create .service-info .service-information .service-type .type.active {
            border: 2px solid #F6911E;
            cursor: not-allowed;
        }

            .service-create .service-info .service-information .service-type .type.active .name-type span {
                font-weight: 700;
                color: #F6911E;
            }

            .service-create .service-info .service-information .service-type .type.active .name-type .evoucher-icon, .fee-service .service-fee-box .fee-box .service-type .type.active .evoucher-icon {
                background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/evoucher-32-icon-active.png);
            }

            .service-create .service-info .service-information .service-type .type.active .name-type .egift-icon, .fee-service .service-fee-box .fee-box .service-type .type.active .egift-icon {
                background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/egift-32-icon-active.png);
            }

            .service-create .service-info .service-information .service-type .type.active .name-type .ebooking-icon, .fee-service .service-fee-box .fee-box .service-type .type.active .ebooking-icon {
                background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/ebooking-32-icon-active.png);
            }

            .service-create .service-info .service-information .service-type .type.active .name-type .eticket-icon, .fee-service .service-fee-box .fee-box .service-type .type.active .eticket-icon {
                background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/eticket-32-icon-active.png);
            }

.question-icon {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/question-icon.png);
    width: 16px;
    height: 16px;
    background-size: cover;
    transition: 0.3s ease;
}

.evoucher-icon {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/evoucher-32-icon.png);
    width: 32px;
    height: 32px;
    background-size: cover;
    transition: 0.3s ease;
}

.egift-icon {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/egift-32-icon.png);
    width: 32px;
    height: 32px;
    background-size: cover;
    transition: 0.3s ease;
}

.ebooking-icon {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/ebooking-32-icon.png);
    width: 32px;
    height: 32px;
    background-size: cover;
    transition: 0.3s ease;
}

.eticket-icon {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/eticket-32-icon.png);
    width: 32px;
    height: 32px;
    background-size: cover;
    transition: 0.3s ease;
}

.service-create .service-info .service-information .service-type .type .name-type {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .service-create .service-info .service-information .service-type .type .name-type span {
        color: #757575;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.2px;
        vertical-align: middle;
        text-decoration: none;
    }

.menu-list {
    width: 350px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

    .menu-list .menu-item {
        cursor: pointer;
        border-radius: 8px;
        transition: background-color 0.2s;
        position: relative;
    }


    .menu-list .menu-title {
        padding: 10px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.dropdown-menu .menu-list .menu-title span {
    color: #616161;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
}

.menu-list .submenu {
    margin-left: 15px;
    display: none;
    flex-direction: column;
}

    .menu-list .submenu.active {
        border-left: 2px solid #E9EEF4;
    }

    .menu-list .submenu.active {
        display: flex;
    }

.menu-list .submenu-item .curve {
    width: 12px;
    border-bottom-left-radius: 6px;
    border-bottom: 2px solid #E9EEF4;
}

.menu-list .submenu-item {
    padding: 8px 15px 8px 0px;
    position: relative;
    display: flex;
}

#dropdownMenu .menu-list .submenu-item span {
    color: #616161;
    border-radius: 6px;
    transition: background-color 0.2s;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
}

#dropdownMenu .menu-list .submenu-item:hover {
    background-color: #F5F5F5;
}

#dropdownMenu .menu-list .menu-title:hover {
    background-color: #F5F5F5;
}

#dropdownMenu .menu-list .submenu-item.active span {
    color: #F6911E;
    font-weight: 700;
}

.remove-pack-icon {
    width: 24px;
    height: 24px;
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/remove-pack-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.custom-select-container {
    display: flex;
    flex-direction: column;
    position: relative;
}

    .custom-select-container .input-select {
        display: flex;
        width: 100%;
        align-items: center;
        border-radius: 12px;
        border: 1px solid #CAD5DE;
        padding-right: 4px;
    }

        .custom-select-container .input-select input {
            border: none;
            flex: 1;
        }

            .custom-select-container .input-select input:focus {
                border: none;
            }

.custom-select-list.hidden {
    display: none;
}
#lst-report .refuse-box {
    display: flex;
    flex-direction: column;
}
.service-management .reconcil-report #lst-report .total{
    padding-right: 178px;
    display: flex;  
    justify-content: end;
}
    .service-management .reconcil-report #lst-report .total .total-text-box {
        width: 356px;
        border: 1px solid #AAB9C5;
        border-radius: 16px;
        display: flex;
        justify-content: space-between; 
        background-color: #F5F5F5;
    }
        .service-management .reconcil-report #lst-report .total .total-text-box .total-text {
            padding: 16px;
            height: 54px;
            flex: 1;
            font-weight: 700;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0.2px;
        }
        .service-management .reconcil-report #lst-report .total .total-text-box span.total-text {
            text-align: right;
        }
            #lst-report a.noti-text {
                cursor: pointer;
            }
#lst-report .noti-text {
    font-weight: 500;
    font-style: Italic;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: right;
}

.custom-select-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 12px;
    max-height: 300px;
    overflow-y: auto;
}

    .custom-select-list .custom-select-option {
        padding: 4px 8px;
        cursor: pointer;
        transition: background-color 0.2s ease;
    }

        .custom-select-list .custom-select-option:hover {
            background-color: #e9e9e9;
        }

.menu-title .dropdown-icon, .sidebar-menu .menu-item .dropdown-icon, .custom-select-container .dropdown-icon, .price-box-detail .dropdown-icon, .header-etk .dropdown-icon, .etk-header .dropdown-icon, .target .attribute .dropdown-icon, #discountType .dropdown-icon {
    width: 16px;
    height: 16px;
    background-image: url('//cdn.dealtoday.vn/assets/sellercenter/v2/images/dropdown-icon-20.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.arrow-cate {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.tax-info span {
    color: #1E2B35;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
}

    .tax-info span a {
        color: #F6911E;
        font-weight: 500;
        text-decoration: none;
    }

.info .date-combo-box {
    display: grid;
    grid-template-columns: 5fr 1fr 5fr 1fr;
    gap: 12px;
    align-items: center;
    justify-content: center;
    height: 54px;
    border-radius: 12px;
    border: 1px solid #E9EEF4;
    padding-left: 10px;
    cursor: pointer;
}

.information .finance .transaction-history .header-tran {
    border-bottom: 1px solid #CAD5DE;
}

.popup .extend-program #etk-new-list .eticket-create-box .date-combo-box {
    border-radius: 12px;
    border: 1px solid #E9EEF4;
    padding-left: 10px;
    padding-right: 10px;
    height: 54px;
}

.info .date-combo-box .date-time {
    display: flex;
    gap: 8px;
    align-items: center;
    flex: 1;
}

    .info .date-combo-box .date-time span.datetime-input.inactive, .service-create .ecode .ecode-info .ecode-detail-info .info span.datetime-input.inactive {
        color: #AAB9C5;
        font-weight: 400;
    }

    .info .date-combo-box .date-time span {
        color: #1E2B35;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    .info .date-combo-box .date-time input {
        width: 100%;
        border: none;
        outline: none;
    }

.from-to-icon {
    min-width: 20px;
    height: 20px;
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/from-to-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.new-etk-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.datetime-icon {
    min-width: 20px;
    height: 20px;
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/datetime-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#datepicker, #datepicker-double {
    top: 50%;
    position: fixed;
}

.datepicker {
    width: 724px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.time-picker {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .time-picker h1 {
        margin: 0px;
        font-weight: 700;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0px;
        vertical-align: middle;
        color: #1E2B35;
    }

    .time-picker .display-datetime {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .time-picker .display-datetime .show-date-box {
            display: flex;
            gap: 8px;
        }

.day-box {
    display: flex;
    gap: 8px;
    padding: 8px 12px 8px 12px;
    align-items: center;
    border: 1px solid #1E2B35;
    border-radius: 12px;
}

    .day-box span {
        font-weight: 600;
        font-size: 12px;
        letter-spacing: 0px;
        vertical-align: middle;
    }

.datetime-icon {
    width: 20px;
    height: 20px;
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/datetime-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.prev {
    width: 16px;
    height: 16px;
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/chevron-left.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.next {
    width: 16px;
    height: 16px;
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/chevron-right.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.time-box {
    padding: 8px 12px 8px 12px;
    border-radius: 8px;
    border: 1px solid #AAB9C5;
}

.datetime-picker {
    display: flex;
    gap: 32px;
    border-radius: 12px;
    border: 1px solid #CAD5DE;
    align-items: top;
    justify-content: space-between;
    padding: 12px;
}

.date-box {
    flex: 1;
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.month-year {
    color: #1E2B35;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0px;
    vertical-align: middle;
}

.days-header, .days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

    .days-header span {
        color: #A0AEC0;
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
    }

    .days span {
        cursor: pointer;
        height: 34px;
        width: 34px;
        line-height: 34px;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        color: #111827;
        margin-left: 5px;
        border-radius: 10px;
    }

        .days span:hover {
            background-color: #f0f0f0;
            border-radius: 5px;
        }

.footer {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.days span.prev-month, .next-month, .popup .extend-program .info-label, .popup .extend-program .price-change .info-box-combo .info span, .popup .extend-program .publish-more .box-count .count-box span {
    color: #597488;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0px;
    vertical-align: middle;
    padding: 0px;
}

.current-month {
    font-weight: bold;
    cursor: pointer;
}

.days .active {
    background-color: #F6911E !important;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    margin-left: 5px;
}

.footer-picker {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .footer-picker h3 {
        margin: 0px;
        color: #4D6577;
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

        .footer-picker h3 span {
            color: #1E2B35;
            font-weight: 500;
            font-size: 16px;
        }

    .footer-picker .btn-box {
        margin: 0px;
    }

.sidebar {
    position: fixed;
    right: -65px;
    bottom: 10px;
    transform: translate(-50%, -50%);
    z-index: 10;
    background: white;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    padding: 12px 16px 12px 16px;
    border-radius: 16px;
    display: flex;
    height: max-content;
}

    .sidebar.expanded {
        top: 50%;
        bottom: 10px;
    }

        .sidebar.expanded .fast-access-btn {
            display: none;
        }

    .sidebar.collapsed .menu-list {
        display: none;
    }

    .sidebar .fast-access-btn {
        display: flex;
        gap: 12px;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        cursor: pointer;
    }

    .sidebar .fast-access {
        width: 24px;
        height: 24px;
        background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images//fast-access-icon.png");
        background-size: cover;
        transition: 0.3s ease;
    }

    .sidebar .fast-access-btn span {
        color: #1E2B35;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        text-align: center;
    }

    .sidebar .menu-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: unset;
        border-radius: unset;
        box-shadow: none;
    }

    .sidebar .menu-item-list {
        max-height: 72vh;
        overflow: auto;
    }

        .sidebar .menu-item-list::-webkit-scrollbar {
            display: none;
        }

    .sidebar #collaped-btn {
        display: flex;
        gap: 4px;
        justify-content: center;
        align-items: center;
    }

    .sidebar .dropdown-icon, .popup .eticket-group .pack-item .header-etk .dropdown-icon, .popup .extend-program .egift-service .price-list-egift .price-item .header-price-item .dropdown-icon, #service-popup .lst-item .item-box .dropdown-icon-24, .header-box .dropdown-icon-24, .coupon-detail .item .dropdown-icon-24, .header-uni .head-box .user-info .dropdown-icon-24 {
        min-width: 24px;
        height: 24px;
        background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images//dropdown-icon-24.png");
        background-size: cover;
        transition: 0.3s ease;
        cursor: pointer;
    }

    .sidebar .menu-item {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px 8px 12px;
        flex-direction: column;
        border-bottom: 1px solid #E9EEF4;
    }

    .sidebar .modify {
        display: flex;
        gap: 12px;
        padding: 8px 16px 8px 16px;
    }

    .sidebar .shortcut-icon {
        background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/shortcut-icon.png);
        display: inline-block;
        width: 24px;
        height: 24px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .sidebar a {
        cursor: pointer;
        word-wrap: break-word;
        max-width: 135px;
        text-align: center;
        text-decoration: none;
    }

    .sidebar span {
        color: #1E2B35;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        text-align: center;
    }

.description #content img {
    max-width: 970px;
}

.service-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .service-info .service-acceptance {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        gap: 16px;
        padding: 24px;
        border-radius: 24px;
    }

        .service-info .service-acceptance .filter-acceptances {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .service-info .service-acceptance .filter-acceptances a {
                color: #F6911E;
                font-weight: 500;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                cursor: pointer;
            }

            .service-info .service-acceptance .filter-acceptances .search, .counpon-detail .list-service .search {
                display: flex;
                gap: 12px;
                align-items: center;
            }

                .service-info .service-acceptance .filter-acceptances .search .search-info input, .counpon-detail .list-service .search .search-info input {
                    border: none;
                    outline: none;
                    width: 100%;
                }

                .service-info .service-acceptance .filter-acceptances .search .search-info, .counpon-detail .list-service .search .search-info {
                    padding: 8px 16px 8px 16px;
                    border-radius: 12px;
                    border: 1px solid #BDBDBD;
                    width: 333px;
                    display: flex;
                    gap: 24px;
                    align-items: center;
                }

                .service-info .service-acceptance .filter-acceptances .search a, .counpon-detail .list-service .search a {
                    padding: 8px 16px 8px 16px;
                    background-color: #F6911E;
                    border-radius: 12px;
                    color: #fff;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    vertical-align: middle;
                    cursor: pointer;
                }

    .service-info .egift-price {
        padding: 24px;
        gap: 24px;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        border-radius: 24px;
    }

        .service-info .egift-price .type-price {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

            .service-info .egift-price .type-price

            .search-icon, .counpon-detail .list-service .search .search-icon, .detail-filter-box .search-box .search-icon, .filter-search-box .search-box .search-icon, .header-uni .head-box .search-icon, .service-management .booking-management .filter-booking-box .filter-voucher-box .search-box .search-icon {
                background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/search-icon.png);
                width: 16px;
                min-width: 16px;
                height: 16px;
                background-size: contain;
                background-repeat: no-repeat;
            }

    .service-info .service-acceptance .list-group-acc {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .service-info .service-acceptance .list-group-acc .acc-box {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

            .service-info .service-acceptance .list-group-acc .acc-box span, .egift-price .type-price span, .egift-price .price-list-detail span {
                color: #1E2B35;
                font-weight: 500;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
            }

            .service-info .service-acceptance .list-group-acc .acc-box .list-acc {
                display: flex;
                flex-wrap: wrap;
                gap: 24px;
            }

                .service-info .service-acceptance .list-group-acc .acc-box .list-acc a {
                    width: 390px;
                    padding: 12px;
                    border-radius: 12px;
                    border: 1px solid #CAD5DE;
                    display: flex;
                    flex-direction: column;
                    cursor: pointer;
                    text-decoration: none;
                }

                    .service-info .service-acceptance .list-group-acc .acc-box .list-acc a .main-content {
                        display: flex;
                        align-items: center;
                        gap: 12px;
                    }

                    .service-info .service-acceptance .list-group-acc .acc-box .list-acc a .detail-acc {
                        padding-left: 28px;
                        color: #111827;
                        font-weight: 400;
                        font-size: 10px;
                        line-height: 160%;
                        letter-spacing: 0px;
                    }

.checkbox-icon {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/checkbox-icon.png);
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox-disabled, .price-box-disabled .checkbox-icon-disabled, .price-box .checkbox-icon-disabled {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/checkbox-icon-disabled.png);
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox-icon-inactive {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/checkbox-icon-inactive.png);
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}



.service-info .service-acceptance .list-group-acc .acc-box .list-acc a.active {
    border: 1px solid #F6911E;
    background-color: #FEF3E2;
}

    .service-info .service-acceptance .list-group-acc .acc-box .list-acc a.active .checkbox-icon, .tick.active .checkbox-icon, #service-popup .lst-item .item-box.etk .price-list .pack .list-etk .price-box.active .checkbox-icon, #service-popup .lst-item .item-box.egift .price-box.active .checkbox-icon, .service-create .ecode .ecode-apply .target .service-apply .header-apply .tick-box.active .checkbox-icon {
        background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/checkbox-active-icon.png);
    }

.service-info .service-price {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 24px;
    border-radius: 24px;
    gap: 24px;
}

    .service-info .service-price .price-box {
        display: flex;
        gap: 16px;
    }

        .service-info .service-price .price-box .info-box, .service-info .service-price .price-box .count-box {
            flex: 0 0 30%;
        }


            .service-info .service-price .price-box .count-box .info-box, .egift-price .price-list-detail .count .info-box, .popup .extend-program .eticket-group #etk-new-list .eticket-create-box .detail-eticket .eticket-list .etk-list .eticket-detail .etk-info .detail-info .count .info-box {
                position: relative;
            }

            .service-info .service-price .price-box .count-box .hint, .egift-price .price-list-detail .count .hint, .count .hint, .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .box-count .count-box .hint, .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .count-price-item .count-box .hint, .new-etk-list .etk-info .detail-info .count .hint, .popup .extend-program .eticket-group #etk-new-list .eticket-create-box .detail-eticket .eticket-list .etk-list .eticket-detail .etk-info .detail-info .count .hint {
                color: #71889A;
                font-weight: 400;
                font-size: 12px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
            }

            .service-info .service-price .price-box .info-box .max-count, .egift-price .price-list-detail .info-box .max-count {
                color: #F6911E;
                font-weight: 500;
                font-size: 12px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
                position: absolute;
                top: 18px;
                right: 12px;
                cursor: pointer;
            }

.popup .extend-program .publish-more .box-count .count-box .info-input-box .max-count, .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .box-count .count-box .info-input-box .max-count, .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .count-price-item .count-box .info-input-box .max-count {
    color: #F6911E;
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    cursor: pointer;
}

.service-info .service-price .vat-box, .detail-info .vat-box, .detail-eticket .vat-box, .service-info .ebooking-price .vat-box, .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .vat-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .service-info .service-price .vat-box span, .detail-info .vat-box span, .detail-eticket .vat-box span, .service-info .ebooking-price .vat-box span, .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .vat-box span {
        color: #111827;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
    }

    .service-info .service-price .vat-box input, .detail-info .vat-box input, .detail-eticket .vat-box input, .service-info .ebooking-price .vat-box input, .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .vat-box input {
        border-radius: 12px;
        padding: 8px 12px 8px 12px;
        border: 1px solid #CAD5DE;
        outline: none;
    }

.checkbox-icon-24, #service-popup .lst-item .item-box.etk .header-box .checkbox, #service-popup .lst-item .item-box.egift .header-box .checkbox {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/checkbox-icon-24.png);
    min-width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.checkbox-24-disabled {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/checkbox-24-icon-disabled.png);
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox-icon-24.active, #service-popup .lst-item .item-box.etk .header-box .checkbox.active, #service-popup .lst-item .item-box.etk.active .checkbox, #service-popup .lst-item .item-box.egift.active .checkbox-icon-24, #service-popup .lst-item .item-box.evc.active .checkbox-icon-24 {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/checkbox-active-icon-24.png);
}

.head.action-footer {
    background-color: #fff;
}

.footer-action {
    margin-top: 200px;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 80px;
}

    .footer-action .process-line {
        height: 2px;
        width: 100%;
    }

    .footer-action .action {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .footer-action .action .box-action {
            display: flex;
            gap: 12px;
        }

            .footer-action .action .box-action #back-btn {
                font-weight: 590;
                font-size: 16px;
                line-height: 100%;
                text-decoration: underline;
                cursor: pointer;
            }

            .footer-action .action .box-action #save-btn {
                border-radius: 100px;
                padding: 8px 24px 8px 24px;
                border: 1px solid #1E2B35;
                color: #1E2B35;
                font-weight: 600;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.3px;
                vertical-align: middle;
                cursor: pointer;
                text-decoration: none;
            }

            .footer-action .action .box-action #preview-btn {
                border-radius: 100px;
                padding: 8px 24px 8px 24px;
                border: none;
                background-color: #E0E0E0;
                color: #fff;
                font-weight: 600;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.3px;
                vertical-align: middle;
                text-decoration: none;
            }

                .footer-action .action .box-action #preview-btn.active {
                    background-color: #F6911E;
                }

                .footer-action .action .box-action #confirm-btn, .footer-action .action .box-action #preview-btn.confirm-default-btn {
                    padding: 8px 24px 8px 24px;
                    background-color: #F6911E;
                    border-radius: 100px;
                    color: #fff;
                    font-weight: 600;
                    font-size: 16px;
                    line-height: 150%;
                    letter-spacing: 0.3px;
                    vertical-align: middle;
                    cursor: pointer;
                    text-decoration: none;
                }

.info-footer .address {
    max-width: 352px;
}

.info-footer {
    display: flex;
    gap: 12px;
    justify-content: space-around;
}

.price-box .price-list {
    display: flex;
    gap: 8px;
}

.type-price .price-box {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px 8px 12px;
    border-radius: 12px;
    gap: 10px;
    border: 1px solid #E9EEF4;
    align-items: center;
    width: 100%;
    height: 54px;
}

.price-box .price-list .price-value {
    display: flex;
    padding: 2px 4px 2px 4px;
    background-color: #E9EEF4;
    border-radius: 4px;
    gap: 4px;
    align-items: center;
}

.price-list-detail {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .price-list-detail .price-box-detail {
        padding-top: 8px;
        padding-bottom: 8px;
        border: 1px solid #CAD5DE;
        border-radius: 16px;
        display: flex;
        gap: 8px;
        flex-direction: column;
    }

        .price-list-detail .price-box-detail .header-box {
            padding: 8px 24px 8px 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
        }

.footer-bottom {
    background: #FEF3E2;
}

.price-list-detail .price-box-detail .header-box span {
    color: #1E2B35;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.2px;
    vertical-align: middle;
}

.price-list-detail .price-box-detail .detail-info {
    display: flex;
    flex-direction: row;
    gap: 5px;
    padding-left: 16px;
    padding-right: 16px;
    border-top: 1px solid #CAD5DE;
    padding-top: 8px;
}

    .price-list-detail .price-box-detail .detail-info .count {
        display: flex;
        gap: 8px;
        flex: 1;
        flex-direction: column;
    }

#eticket-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    #eticket-container .eticket-create-box {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 24px;
        border-radius: 32px;
        background-color: #fff;
    }

.eticket-create-box .header-etk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.eticket-create-box .detail-eticket .eticket-name .info-box {
    display: flex;
    gap: 16px;
}

    .eticket-create-box .detail-eticket .eticket-name .info-box .tick {
        display: flex;
        align-items: center;
        gap: 8px;
    }

.popup .extend-program .eticket-create-box .detail-eticket .eticket-name .info-box .tick span, .popup .extend-program .eticket-create-box .detail-eticket .eticket-name span {
    font-size: 14px;
    font-weight: 500;
}

.popup .extend-program .eticket-create-box .detail-eticket .eticket-name .info-box .tick {
    min-width: fit-content;
}

.eticket-create-box .detail-eticket .eticket-name .info-box input {
    max-width: 635px;
}

.eticket-create-box .header-etk .name-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.eticket-create-box .header-etk .eticket-name span, .eticket-create-box .header-etk .info .info-label {
    color: #1E2B35;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
}

.eticket-create-box .detail-eticket .eticket-type {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.select-wrapper {
    position: relative;
}

    .select-wrapper select {
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 100%;
        padding: 8px 16px 8px 16px;
        border-radius: 12px;
        border: 1px solid #CAD5DE;
        height: 54px;
        outline: none;
    }

    .select-wrapper .dropdown-icon {
        position: absolute;
        top: 16px;
        right: 10px;
    }

.eticket-create-box .detail-eticket {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .eticket-create-box .detail-eticket .eticket-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

        .eticket-create-box .detail-eticket .eticket-list .etk-list {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .eticket-create-box .detail-eticket .eticket-list .etk-header {
            padding: 8px 24px 8px 24px;
            display: flex;
            justify-content: space-between;
            cursor: pointer;
        }

            .eticket-create-box .detail-eticket .eticket-list .etk-header span {
                color: #1E2B35;
                font-weight: 700;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.2px;
                vertical-align: middle;
            }

        .eticket-create-box .detail-eticket .eticket-list .eticket-detail, .new-etk-list .eticket-detail {
            display: flex;
            flex-direction: column;
            padding-top: 8px;
            padding-bottom: 8px;
            gap: 8px;
            border-radius: 16px;
            border: 1px solid #CAD5DE;
        }

            .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info, .new-etk-list .eticket-detail .etk-info {
                border-top: 1px solid #CAD5DE;
                display: flex;
                padding-right: 16px;
                padding-left: 16px;
                flex-direction: column;
                gap: 8px;
                padding-top: 8px;
            }

                .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .detail-info, .new-etk-list .eticket-detail .etk-info .detail-info {
                    display: flex;
                    gap: 12px;
                }

                    .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .detail-info .infomation, .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .detail-info .count, .new-etk-list .eticket-detail .etk-info .detail-info .count {
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        gap: 4px;
                    }

                        .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .detail-info .count .info-box, .new-etk-list .eticket-detail .etk-info .detail-info .count .info-box {
                            position: relative;
                        }

                        .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .detail-info .infomation input, .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .detail-info .count input, .new-etk-list .eticket-detail .etk-info .detail-info .count input {
                            height: 38px;
                            padding: 8px 12px 8px 12px;
                            border-radius: 12px;
                            border: 1px solid #CAD5DE;
                        }

                        .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .detail-info .count .max-count, .new-etk-list .eticket-detail .etk-info .detail-info .count .max-count {
                            color: #F6911E;
                            font-weight: 500;
                            font-size: 12px;
                            line-height: 160%;
                            letter-spacing: 0px;
                            vertical-align: middle;
                            position: absolute;
                            top: 9px;
                            right: 12px;
                            cursor: pointer;
                        }

                .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .attribute-info, .new-etk-list .eticket-detail .etk-info .attribute-info, .eticket-group .etk-detail .attribute-info {
                    display: flex;
                    gap: 12px;
                    flex-wrap: wrap;
                }

                    .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .attribute-info .attribute, .new-etk-list .eticket-detail .etk-info .attribute-info .attribute, .eticket-group .etk-detail .attribute-info .attribute {
                        flex: 1 1 35%;
                        display: flex;
                        flex-direction: column;
                        gap: 4px;
                    }

.remove-etk-icon {
    width: 12px;
    height: 12px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/remove-etk-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .delete-eticket, .new-etk-list .eticket-detail .etk-info .delete-eticket {
    display: flex;
    justify-content: end;
}

.eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .remove-etk, .new-etk-list .eticket-detail .etk-info .remove-etk {
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 100px;
    border: 1px solid #E03137;
    padding: 8px 12px 8px 12px;
    width: fit-content;
    text-decoration: none;
    cursor: pointer;
}

    .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .remove-etk span, .new-etk-list .eticket-detail .etk-info .remove-etk span {
        color: #E03137;
        font-weight: 600;
        font-size: 12px;
        line-height: 177%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

.eticket-create-box .detail-eticket .eticket-list .add-ticket {
    display: flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    cursor: pointer;
}

    .eticket-create-box .detail-eticket .eticket-list .add-ticket span {
        font-size: 12px;
        color: #222222;
    }

.add-btn-icon {
    width: 16px;
    height: 16px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/add-btn-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.create-etk-service {
    padding: 32px 24px 32px 24px;
    background-color: #fff;
    border-radius: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .create-etk-service span {
        color: #1E2B35;
        font-weight: 700;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    .create-etk-service .add-etk-service span {
        font-weight: 600;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    .create-etk-service .add-etk-service {
        display: flex;
        align-items: center;
        gap: 8px;
        text-decoration: none;
        cursor: pointer;
        padding: 8px 12px 8px 12px;
        border-radius: 100px;
        border: 1px solid #1E2B35;
    }

.action #back-btn {
    font-size: 16px;
    font-weight: 600;
    color: #222222;
}

.service-info .ebooking-info {
    background-color: #fff;
    padding: 24px;
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    gap: 24px;
}

    .service-info .ebooking-info .info-box-combo {
        display: flex;
        gap: 16px;
    }

        .service-info .ebooking-info .info-box-combo .info-box {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

.service-info .ebooking-price {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 24px;
    padding: 24px;
    gap: 24px;
}

    .service-info .ebooking-price .pricebox {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .service-info .ebooking-price .pricebox span {
            color: #111827;
            font-weight: 500;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

        .service-info .ebooking-price .pricebox .price-range {
            display: flex;
            padding: 16px;
            gap: 12px;
            border-radius: 12px;
            border: 1px solid #E9EEF4;
            align-items: center;
            justify-content: space-between;
        }

            .service-info .ebooking-price .pricebox .price-range .price-from {
                flex: 1;
                display: flex;
                gap: 4px;
            }

                .service-info .ebooking-price .pricebox .price-range .price-from input {
                    border: none;
                    outline: none;
                    flex: 1;
                }




.price-select-wrapper {
    position: relative;
    cursor: pointer;
}

.selected-prices {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

    .selected-prices .price-tag {
        background-color: #f1f1f1;
        padding: 4px 8px;
        border-radius: 4px;
    }

.price-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ccc;
    width: 100%;
    z-index: 10;
}

.price-option {
    padding: 8px;
}

    .price-option:hover {
        background-color: #eee;
    }

.service-content-info {
    display: flex;
    flex-direction: column;
    border-radius: 32px;
    padding: 24px;
    gap: 24px;
    background-color: #fff;
}

    .service-content-info span {
        color: #1E2B35;
        font-weight: 700;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    .service-content-info .store-logo {
        display: flex;
        gap: 24px;
    }

        .service-content-info .store-logo span, .service-content-info .image-upload-container label, .service-content-info .service-detail span {
            color: #111827;
            font-weight: 500;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            min-width: max-content;
        }

        .service-content-info .store-logo .photo-box {
            flex: 1;
            display: flex;
            gap: 24px;
            align-items: center;
        }

            .service-content-info .store-logo .photo-box #thumbnaillogo {
                height: 126px;
                width: 126px;
            }

            .service-content-info .store-logo .photo-box .logo-input, #content-info-popup .store-logo .photo-box .logo-input {
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 10px;
                border: 2px dashed #AAB9C5;
                width: 126px;
                height: 126px;
                cursor: pointer;
            }

            .service-content-info .store-logo .photo-box ul {
                margin: 0;
                flex: 1;
            }

.add-image-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/add-image-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.service-content-info .image-upload-container {
    display: flex;
    gap: 24px;
}

    .service-content-info .image-upload-container .image-box {
        display: flex;
        gap: 24px;
    }

.service-content-info .detail-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .service-content-info .detail-content .thumbnai-info {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

.service-content-info .service-detail {
    display: flex;
    flex-direction: column;
}

    .service-content-info .service-detail span {
        padding-bottom: 8px;
    }

.attribute .multi-select {
    position: relative;
}

    .attribute .multi-select .options-list {
        position: absolute;
        background: white;
        border: 1px solid #ccc;
        width: 100%;
        max-height: 150px;
        overflow-y: auto;
        display: none;
        z-index: 10;
    }

.attribute .selected-items {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.attribute .multi-select .options-list .option-item:hover {
    background-color: #ccc;
    cursor: pointer;
}

.attribute .multi-select .options-list .option-item {
    padding-left: 8px;
}

.attribute .multi-select-box .selected-items {
    display: none;
}

.attribute .multi-select-box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 8px 12px 8px 12px;
    border-radius: 8px;
    border: 1px solid #CAD5DE;
    cursor: pointer;
}

.attribute .selected-items .selected-item {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 4px 2px 4px;
    background-color: #E9EEF4;
}

    .attribute .selected-items .selected-item span {
        color: #2F404C;
        font-weight: 500;
        font-size: 12px;
        line-height: 150%;
        letter-spacing: 0.2px;
        vertical-align: middle;
        padding: 0;
    }

.etk-info .detail-info > div:empty, .etk-info > div:empty {
    display: none;
}

.editor-etk-item span:first-child {
    padding: 0 !important;
    line-height: unset !important;
}

#known, #category-more {
    cursor: pointer;
}

.service-create .info-service-box {
    display: flex;
    background-color: #fff;
    flex-direction: column;
    padding: 16px;
    border-radius: 16px;
    gap: 8px;
    min-width: 350px;
    height: fit-content;
}

.dropdown-item-icon {
    height: 54px;
    width: 20px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/icon-dropdown-item.png");
    background-repeat: no-repeat;
}

.detail-content .info-service .dropdown-icon {
    width: 16px;
    height: 16px;
    background-image: url('//cdn.dealtoday.vn/assets/sellercenter/v2/images/dropdown-icon-20.png');
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
}

.detail-content .info-service.active .dropdown-icon {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/drop-down-icon-active.png);
}

.detail-content .info-service .info-selling {
    display: flex;
    gap: 8px;
    align-items: center;
}

.detail-content .info-service {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 42px;
    cursor: pointer;
}

.info-service .info-selling .selling-info-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/seller-info-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.info-service.active .info-selling .selling-info-icon {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/seller-info-icon-active.png);
}

.info-service .info-selling .selling-content-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/detail-content-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.info-service.active .info-selling .selling-content-icon {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/detail-content-icon-active.png);
}

.detail-content .info-service .info-selling span {
    color: #597488;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.2px;
}

.detail-content .info-service.active .info-selling span {
    color: #1E2B35;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.3px;
}

.detail-content .dropdown-list-item .menu-item {
    display: flex;
    align-items: center;
    height: 54px;
}

    .detail-content .dropdown-list-item .menu-item span {
        color: #71889A;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        padding: 16px 8px 16px 8px;
    }

.marketing-service {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 24px;
    gap: 24px;
    border-radius: 24px;
}

    .marketing-service .marketing-list {
        display: flex;
        gap: 8px;
    }

        .marketing-service .marketing-list .marketing-type {
            padding: 8px 16px 8px 16px;
            border: 1px solid #BDBDBD;
            border-radius: 100px;
            color: #71889A;
            font-weight: 400;
            font-size: 12px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
            text-decoration: none;
            cursor: pointer;
        }

            .marketing-service .marketing-list .marketing-type.active {
                border: 1px solid #F6911E;
                background-color: #FEF3E2;
                color: #F6911E;
                font-weight: 500;
                cursor: not-allowed;
            }

    .marketing-service .item-list {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }

        .marketing-service .item-list .marketing-item, .related-service .marketing-item {
            display: flex;
            flex-direction: column;
            padding: 16px;
            gap: 4px;
            border-radius: 24px;
            border: 1px solid #CAD5DE;
            flex: 0 0 24%;
            min-width: 345px;
        }

            .marketing-service .item-list .marketing-item .item-info .title-item, .related-service .marketing-item .item-info .title-item {
                word-break: break-word;
                font-weight: 500;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.2px;
            }

            .marketing-service .item-list .marketing-item .item-info, .related-service .marketing-item .item-info {
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

                .marketing-service .item-list .marketing-item .item-info .detail-marketing, .related-service .marketing-item .item-info .detail-marketing {
                    display: flex;
                }

                    .marketing-service .item-list .marketing-item .item-info .detail-marketing .channel, .marketing-service .item-list .marketing-item .item-info .detail-marketing .value,
                    .related-service .marketing-item .item-info .detail-marketing .channel, .related-service .marketing-item .item-info .detail-marketing .value {
                        flex: 1;
                    }

                        .marketing-service .item-list .marketing-item .item-info .detail-marketing .channel span, .marketing-service .item-list .marketing-item .item-info .detail-marketing .value span,
                        .related-service .marketing-item .item-info .detail-marketing .channel span, .related-service .marketing-item .item-info .detail-marketing .value span {
                            color: #4D6577;
                            font-weight: 500;
                            font-size: 12px;
                            line-height: 160%;
                            letter-spacing: 0px;
                        }

                        .marketing-service .item-list .marketing-item .item-info .detail-marketing .channel .channel-name, .related-service .marketing-item .item-info .detail-marketing .channel .channel-name {
                            color: #1E2B35;
                            font-weight: 500;
                            font-size: 14px;
                            line-height: 160%;
                            letter-spacing: 0px;
                        }

                        .marketing-service .item-list .marketing-item .item-info .detail-marketing .value .money-value, .related-service .marketing-item .item-info .detail-marketing .value .money-value {
                            color: #F6911E;
                            font-weight: 500;
                            font-size: 14px;
                            line-height: 160%;
                            letter-spacing: 0px;
                        }

            .marketing-service .item-list .marketing-item .item-detail-btn, .related-service .marketing-item .item-detail-btn {
                padding: 8px 16px 8px 16px;
                border-radius: 100px;
                background-color: #F6911E;
                color: #FAFAFA;
                font-weight: 600;
                font-size: 12px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
                width: fit-content;
                text-decoration: none;
                cursor: pointer;
            }

            .marketing-service .item-list .marketing-item .item-footer, .related-service .marketing-item .item-footer {
                display: flex;
                justify-content: end;
            }

.coupon-publish {
    display: flex;
    background-color: #fff;
    gap: 16px;
    padding: 16px 24px 16px 24px;
    align-items: center;
}

    .coupon-publish .icon-box {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #E9EEF4;
        height: 54px;
        width: 54px;
        border-radius: 100px;
    }

        .coupon-publish .icon-box .coupon-publish-icon {
            width: 24px;
            height: 24px;
            background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/coupon-publish-icon.png");
            background-size: cover;
            transition: 0.3s ease;
        }

    .coupon-publish .publish {
        display: flex;
        justify-content: space-between;
        flex: 1;
        align-items: center;
    }

        .coupon-publish .publish .title-publish span {
            font-weight: 700;
            font-size: 24px;
            line-height: 130%;
            letter-spacing: 0px;
        }

        .coupon-publish .publish .title-publish h3 {
            max-width: 640px;
            margin: 0;
            color: #4D6577;
            font-weight: 400;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

        .coupon-publish .publish .add-coupon {
            display: flex;
            gap: 8px;
            padding: 8px 16px 8px 16px;
            background-color: #F6911E;
            text-decoration: none;
            align-items: center;
            height: fit-content;
            border-radius: 100px;
            cursor: pointer;
        }

            .coupon-publish .publish .add-coupon span {
                color: #FAFAFA;
                font-weight: 600;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.3px;
                vertical-align: middle;
            }

.create-icon-16 {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/create-icon.png);
    width: 16px;
    height: 16px;
    background-size: cover;
    transition: 0.3s ease;
}

.coupon-filter-box {
    background-color: #fff;
    padding: 16px 24px 16px 24px;
    gap: 24px;
    display: flex;
    flex-direction: column;
    border-radius: 24px;
}

    .coupon-filter-box .status-box-type {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #E0E0E0;
    }

        .coupon-filter-box .status-box-type .status-type {
            padding-left: 16px;
            padding-right: 16px;
            text-decoration: none;
            height: 42px;
            text-align: center;
            line-height: 42px;
        }

    .coupon-filter-box .filter-voucher-box, .detail-statistic .filter-voucher-box, .service-management .seller-transaction .filter-transaction-box .filter-service-box .filter-voucher-box {
        display: flex;
        gap: 16px;
    }

        .coupon-filter-box .filter-voucher-box .date-filter-box, .service-management .reviewing .review-list .filter-tab .date-filter-box, .detail-statistic .filter-voucher-box .date-filter-box, .service-management .seller-transaction .filter-transaction-box .filter-service-box .filter-voucher-box .date-filter-box, .service-management .booking-management .filter-booking-box .filter-voucher-box .date-filter-box, .month-filter-box .filter-voucher-box .date-filter-box, .service-management .reconcil-report .filter-box .filter-voucher-box .date-filter-box {
            display: flex;
            padding: 8px 16px 8px 16px;
            gap: 24px;
            align-items: center;
            border-radius: 12px;
            border: 1px solid #616161;
        }

            .coupon-filter-box .filter-voucher-box .date-filter-box .date-filter, .service-management .reviewing .review-list .filter-tab .date-filter-box .date-filter, .detail-statistic .filter-voucher-box .date-filter-box .date-filter, .service-management .seller-transaction .filter-transaction-box .filter-service-box .filter-voucher-box .date-filter-box .date-filter, .service-management .booking-management .filter-booking-box .filter-voucher-box .date-filter-box .date-filter, .month-filter-box .filter-voucher-box .date-filter-box .date-filter, .service-management .reconcil-report .filter-box .filter-voucher-box .date-filter-box .date-filter {
                display: flex;
                gap: 8px;
            }

                .coupon-filter-box .filter-voucher-box .date-filter-box .date-filter .date, .service-management .reviewing .review-list .filter-tab .date-filter-box .date-filter .date, .detail-statistic .filter-voucher-box .date-filter-box .date-filter .date, .service-management .seller-transaction .filter-transaction-box .filter-service-box .filter-voucher-box .date-filter-box .date-filter .date, .service-management .booking-management .filter-booking-box .filter-voucher-box .date-filter-box .date-filter .date, .month-filter-box .filter-voucher-box .date-filter-box .date-filter .date, .service-management .reconcil-report .filter-box .filter-voucher-box .date-filter-box .date-filter .date {
                    display: flex;
                    flex-direction: column;
                    width: 112px;
                }

                    .coupon-filter-box .filter-voucher-box .date-filter-box .date-filter .date span, .service-management .reviewing .review-list .filter-tab .date-filter-box .date-filter .date span, .detail-statistic .filter-voucher-box .date-filter-box .date-filter span, .service-management .seller-transaction .filter-transaction-box .filter-service-box .filter-voucher-box .date-filter-box .date-filter span, .service-management .booking-management .filter-booking-box .filter-voucher-box .date-filter-box .date-filter span, .month-filter-box .filter-voucher-box .date-filter-box .date-filter span, .service-management .reconcil-report .filter-box .filter-voucher-box .date-filter-box .date-filter span {
                        font-weight: 700;
                        font-size: 10px;
                        line-height: 160%;
                        letter-spacing: 0.2px;
                    }

                    .coupon-filter-box .filter-voucher-box .date-filter-box .date-filter .date input, .service-management .reviewing .review-list .filter-tab .date-filter-box .date-filter .date input, .detail-statistic .filter-voucher-box .date-filter-box .date-filter .date input, .service-management .seller-transaction .filter-transaction-box .filter-service-box .filter-voucher-box .date-filter-box .date-filter .date input, .service-management .booking-management .filter-booking-box .filter-voucher-box .date-filter-box .date-filter .date input, .month-filter-box .filter-voucher-box .date-filter-box .date-filter .date input, .service-management .reconcil-report .filter-box .filter-voucher-box .date-filter-box .date-filter .date input {
                        border: none;
                        outline: none;
                    }

.list-coupon {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 16px;
    gap: 32px;
    border-radius: 24px;
}

    .list-coupon .header-voucher-box {
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1.5fr 1fr;
        border-bottom: 2px solid #CAD5DE;
    }

        .list-coupon .header-voucher-box .header-title {
            padding: 16px;
            color: #212121;
            font-weight: 700;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0.2px;
        }

    .list-coupon .item-coupon {
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1.5fr 1fr;
    }

        .list-coupon .item-coupon .coupon-name {
            padding: 8px 16px 8px 16px;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .list-coupon .item-coupon .comming {
            background-color: #FFEDEC;
            padding: 0px 8px 0px 4px;
            width: fit-content;
            color: #E03137;
            font-weight: 400;
            font-size: 10px;
            line-height: 160%;
            letter-spacing: 0.2px;
            text-align: right;
            vertical-align: middle;
        }

        .list-coupon .item-coupon .name-voucher {
            color: #212121;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

        .list-coupon .item-coupon .code-voucher {
            color: #597488;
            font-weight: 400;
            font-size: 12px;
            line-height: 160%;
            letter-spacing: 0px;
        }

        .list-coupon .item-coupon .discount {
            padding: 16px;
            color: #212121;
            font-weight: 400;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            display: flex;
            align-items: center;
        }

        .list-coupon .item-coupon .customer {
            padding: 16px;
            display: flex;
            gap: 12px;
            align-items: center;
            flex-direction: row;
        }

            .list-coupon .item-coupon .customer span {
                font-weight: 500;
                font-size: 14px;
            }

.info-icon {
    display: inline-flex;
    width: 16px;
    height: 16px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/info-icon.png");
    background-size: cover;
    transition: 0.3s ease;
    cursor: pointer;
}

.list-coupon .item-coupon .service-applied {
    display: flex;
    align-items: center;
    color: #212121;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    padding: 16px;
}

.list-coupon .item-coupon .code-count {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .list-coupon .item-coupon .code-count .total, .list-coupon .item-coupon .expiration .date-publish span {
        color: #212121;
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
    }

        .list-coupon .item-coupon .code-count .total span, .list-coupon .item-coupon .expiration .date-publish {
            color: #F6911E;
            font-weight: 700;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0.2px;
        }

.list-coupon .item-coupon .expiration, .list-coupon .item-coupon .operation {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tools-icon {
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/tools-icon.png");
    background-size: cover;
    transition: 0.3s ease;
    cursor: pointer;
}

.account .icon-noti i.tools-icon {
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/tools-icon.png");
    background-size: cover;
    transition: 0.3s ease;
    cursor: pointer;
    position: unset;
    background-color: #fff;
    color: #fff;
    border-radius: 0px;
}

#content-info-popup, #sell-info-popup, #store-info.popup, #profile-detail, #detail-booking {
    display: none;
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    width: 728px;
    border-radius: 32px;
    padding-top: 32px;
    padding-right: 24px;
    padding-bottom: 32px;
    padding-left: 24px;
    height: auto;
    flex-direction: column;
    gap: 24px;
}

.header-popup {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .header-popup span {
        color: #1E2B35;
        font-weight: 700;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

.info-set {
    padding: 8px 12px 8px 12px;
    border-radius: 12px;
    background-color: #E9EEF4;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .info-set .selling-information {
        display: flex;
    }

.info-sell span {
    color: #687588;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
}

.info-sell .service-name {
    color: #212121;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    word-wrap: break-word;
}

.info-sell {
    flex: 1;
}

    .info-sell .publish-count h3, .info-sell .time h3 span {
        margin: 0;
        color: #212121;
        font-weight: 700;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.2px;
    }

        .info-sell .publish-count h3 span, .info-sell .time h3 {
            margin: 0;
            color: #F6911E;
            font-weight: 700;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

.popup .store-logo {
    display: flex;
    gap: 24px;
}

    .popup .store-logo span {
        min-width: 95px;
    }

    .popup .store-logo .photo-box {
        display: flex;
        position: relative;
    }

        .popup .store-logo .photo-box #thumbnaillogo {
            width: 126px;
            height: 126px;
            border-radius: 10px;
        }

.popup .detail-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .popup .detail-content .thumbnai-info {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

#profile-detail {
    flex-direction: column;
    gap: 24px;
}

    #profile-detail .box-infomation {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        #profile-detail .box-infomation span {
            color: #1E2B35;
            font-weight: 700;
            font-size: 20px;
            line-height: 140%;
            letter-spacing: 0px;
            vertical-align: middle;
        }

        #profile-detail .box-infomation .info-seller {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

            #profile-detail .box-infomation .info-seller .company {
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

                #profile-detail .box-infomation .info-seller .company span {
                    font-weight: 500;
                    font-size: 18px;
                    line-height: 150%;
                    letter-spacing: 0px;
                }

                #profile-detail .box-infomation .info-seller .company .box-info {
                    display: flex;
                }

                    #profile-detail .box-infomation .info-seller .company .box-info .item, #profile-detail .box-infomation .info-seller .company .item {
                        display: flex;
                        gap: 16px;
                        flex: 1;
                    }

                        #profile-detail .box-infomation .info-seller .company .box-info .item span, #profile-detail .box-infomation .info-seller .company .item span {
                            color: #687588;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 160%;
                            letter-spacing: 0px;
                        }

                        #profile-detail .box-infomation .info-seller .company .box-info .item .value, #profile-detail .box-infomation .info-seller .company .item .value {
                            color: #111827;
                            font-weight: 600;
                            font-size: 14px;
                            line-height: 160%;
                            letter-spacing: 0px;
                        }

    #profile-detail .close-box {
        display: flex;
        justify-content: end;
    }

        #profile-detail .close-box .confirm-default-btn {
            padding: 8px 16px 8px 16px;
            background-color: #F6911E;
            border-radius: 100px;
            color: #fff;
            font-weight: 600;
            font-size: 16px;
            line-height: 185%;
            letter-spacing: 0.3px;
            vertical-align: middle;
            text-decoration: none;
            height: 48px;
            width: 117px;
            text-align: center;
            cursor: pointer;
        }

.popup .extend-program {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .popup .extend-program .info {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .popup .extend-program .date-combo-box {
        border: none;
        padding: 0px;
        gap: 15px;
        display: flex;
        justify-content: space-between;
    }

        .popup .extend-program .date-combo-box .date-time-popup {
            display: flex;
            padding: 16px;
            gap: 12px;
            border-radius: 12px;
            border: 1px solid #CAD5DE;
            align-items: center;
            flex: 1;
        }

            .popup .extend-program .date-combo-box .date-time-popup .date-box {
                display: flex;
                gap: 8px;
            }

                .popup .extend-program .date-combo-box .date-time-popup .date-box input {
                    border: none;
                    background: none;
                    color: #F6911E;
                    font-weight: 700;
                }

.date-combo-box .date-time input {
    border: none;
    background: none;
    color: #F6911E;
    font-weight: 700;
}

.service-create .content-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
    width: 100%;
}

    .service-create .content-info .galleries {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding: 24px;
        border-radius: 24px;
        gap: 24px;
    }

        .service-create .content-info .galleries .gallery-box {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

            .service-create .content-info .galleries .gallery-box .logo-box, .service-create .content-info .galleries .gallery-box .gallery-list {
                display: flex;
                gap: 24px;
            }

        .service-create .content-info .galleries img {
            border-radius: 10px;
        }

        .service-create .content-info .galleries .gallery-box .gallery-list span, .service-create .content-info .galleries .gallery-box .logo-box span {
            min-width: 129px;
        }

        .service-create .content-info .galleries .gallery-box .detail-editor {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

            .service-create .content-info .galleries .gallery-box .detail-editor .editor-box, .service-create .content-info .dksd-info .editor-box {
                padding: 16px;
                border-radius: 12px;
                border: 1px solid #CAD5DE;
            }

    .service-create .content-info .dksd-info {
        display: flex;
        background-color: #fff;
        padding: 24px;
        border-radius: 32px;
        gap: 24px;
        flex-direction: column;
    }

.popup .extend-program .price-change .info-box-combo {
    display: flex;
    gap: 16px;
}

    .popup .extend-program .price-change .info-box-combo .info {
        flex: 1;
    }

        .popup .extend-program .price-change .info-box-combo .info input {
            padding: 16px;
            height: 54px;
            border: 1px solid #CAD5DE;
            border-radius: 12px;
            outline: none;
        }

.popup .extend-program .publish-more, .popup .extend-program .price-change {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .popup .extend-program .publish-more .box-count {
        display: flex;
        gap: 16px;
    }

        .popup .extend-program .publish-more .box-count .count-box {
            display: flex;
            flex-direction: column;
            gap: 8px;
            flex: 1;
        }

            .popup .extend-program .publish-more .box-count .count-box:first-child {
                max-width: 145px;
            }

            .popup .extend-program .publish-more .box-count .count-box .info-input-box {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 8px 12px 8px 12px;
                border-radius: 12px;
                border: 1px solid #CAD5DE;
                height: 54px;
            }

                .popup .extend-program .publish-more .box-count .count-box .info-input-box input {
                    border: none;
                    outline: none;
                    flex: 1;
                }

.popup .extend-program .btn-box {
    display: flex;
    justify-content: end;
    margin: 0;
}

    .popup .extend-program .btn-box .reject-defalt-btn, #content-info-popup .btn-box .reject-defalt-btn {
        max-width: 80px;
    }

    .popup .extend-program .btn-box .confirm-default-btn, #content-info-popup .btn-box .confirm-default-btn {
        max-width: 120px;
    }

.popup .extend-program .price-change .info-combo-box {
    display: flex;
    gap: 16px;
}

    .popup .extend-program .price-change .info-box span, .popup .extend-program .price-change .info-combo-box .from-to-box span {
        color: #597488;
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
    }

.popup .extend-program .price-change .info-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.popup .extend-program .price-change .info-combo-box {
    display: flex;
    gap: 16px;
}

    .popup .extend-program .price-change .info-combo-box .from-to-box {
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 8px
    }

        .popup .extend-program .price-change .info-combo-box .from-to-box .from-to-money {
            display: flex;
            gap: 12px;
            padding: 16px;
            border-radius: 12px;
            border: 1px solid #CAD5DE;
            height: 54px;
        }

            .popup .extend-program .price-change .info-combo-box .from-to-box .from-to-money .price-from {
                display: flex;
                gap: 4px;
                align-items: center;
                flex: 1;
            }

                .popup .extend-program .price-change .info-combo-box .from-to-box .from-to-money .price-from span {
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    vertical-align: middle;
                    color: #1E2B35;
                }

                .popup .extend-program .price-change .info-combo-box .from-to-box .from-to-money .price-from .policy {
                    color: #F6911E;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0.2px;
                    vertical-align: middle;
                }

                .popup .extend-program .price-change .info-combo-box .from-to-box .from-to-money .price-from input {
                    border: none;
                    outline: none;
                    max-width: 90px;
                }

.popup .eticket-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .popup .eticket-group .pack-item {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 12px;
        background-color: #E9EEF4;
        border-radius: 8px;
    }

        .popup .eticket-group .pack-item .header-etk {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
        }

            .popup .eticket-group .pack-item .header-etk span {
                font-weight: 500;
            }

        .popup .eticket-group .pack-item .etk-detail {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            border-radius: 12px;
            padding: 12px;
            gap: 8px;
        }

            .popup .eticket-group .pack-item .etk-detail .etk-pack-time {
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

            .popup .eticket-group .pack-item .etk-detail .etk-list {
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

                .popup .eticket-group .pack-item .etk-detail .etk-list span {
                    color: #1E2B35;
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

                .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail {
                    display: flex;
                    flex-direction: column;
                    gap: 8px;
                    border-radius: 16px;
                    border: 1px solid #CAD5DE;
                }

                    .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-header, .new-etk-list .etk-header {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        padding: 16px 24px 16px 24px;
                        cursor: pointer;
                    }

                        .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-header span, .etk-header, .new-etk-list .etk-header span {
                            color: #1E2B35;
                            font-weight: 700;
                            font-size: 16px;
                            line-height: 150%;
                            letter-spacing: 0.2px;
                            vertical-align: middle;
                        }

                    .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info {
                        padding-right: 16px;
                        padding-left: 16px;
                        padding-bottom: 16px;
                        display: flex;
                        flex-direction: column;
                        gap: 8px;
                        border-top: 1px solid #CAD5DE;
                        padding-top: 8px;
                    }

                        .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .info-combo-box {
                            display: flex;
                            gap: 16px;
                        }

                            .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .info-combo-box .infomation {
                                display: flex;
                                flex-direction: column;
                                gap: 8px;
                                flex: 1;
                            }

                                .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .info-combo-box .infomation span, .new-etk-list .etk-info .detail-info .infomation span {
                                    color: #1E2B35;
                                    font-weight: 400;
                                    font-size: 14px;
                                    line-height: 160%;
                                    letter-spacing: 0px;
                                }

                                .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .info-combo-box .infomation input, .new-etk-list .etk-info .detail-info .infomation input {
                                    border-radius: 12px;
                                    border: 1px solid #CAD5DE;
                                    padding: 16px;
                                    height: 38px;
                                    outline: none;
                                }

                        .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .box-count {
                            display: grid;
                            gap: 12px;
                            grid-template-columns: 2fr 5fr;
                        }

                            .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .box-count .count-box {
                                display: flex;
                                flex-direction: column;
                                gap: 4px;
                            }

                                .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .box-count .count-box span {
                                    color: #1E2B35;
                                    font-weight: 400;
                                    font-size: 14px;
                                    line-height: 160%;
                                    letter-spacing: 0px;
                                }

                                .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .box-count .count-box .count {
                                    padding: 16px;
                                    height: 38px;
                                    border-radius: 12px;
                                    border: 1px solid #CAD5DE;
                                    outline: none;
                                }

                                .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .box-count .count-box .info-input-box {
                                    display: flex;
                                    justify-content: space-between;
                                    padding: 16px;
                                    align-items: center;
                                    height: 38px;
                                    border-radius: 12px;
                                    border: 1px solid #CAD5DE;
                                }

                                    .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .box-count .count-box .info-input-box input {
                                        border: none;
                                        outline: none;
                                    }

.service-management .title-header {
    display: flex;
    justify-content: space-between;
    max-width: 900px;
}

    .service-management .title-header span {
        font-weight: 700;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0px;
    }

    .service-management .title-header .confirm-btn {
        padding: 8px 16px 8px 16px;
        background-color: #F6911E;
        border-radius: 100px;
        text-decoration: none;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

.service-management .service-detail-box .marketing-detail {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 900px;
    flex: 1;
}

.service-management .service-detail-box .detail-mar-box, .service-management .service-detail-box .demo-box {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 32px;
    background-color: #fff;
}

    .service-management .service-detail-box .detail-mar-box .title-service, .service-management .service-detail-box .demo-box .title-service {
        height: 56px;
        border-bottom: 1px solid #CAD5DE;
        font-weight: 700;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0px;
    }

    .service-management .service-detail-box .detail-mar-box .row-detail {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 24px;
        align-items: center;
    }

        .service-management .service-detail-box .detail-mar-box .row-detail span {
            color: #1E2B35;
            font-weight: 500;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0.2px;
        }

        .service-management .service-detail-box .detail-mar-box .row-detail .value {
            color: #4D6577;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0.2px;
        }

    .service-management .service-detail-box .demo-box .clipboard {
        display: flex;
        gap: 8px;
        padding: 8px 16px 8px 16px;
        border-radius: 100px;
        border: 1px solid #1E2B35;
        text-decoration: none;
        max-width: 195px;
        align-items: center;
    }

        .service-management .service-detail-box .demo-box .clipboard span {
            color: #1E2B35;
            font-weight: 600;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0.3px;
            vertical-align: middle;
        }

.clipboard-icon {
    width: 16px;
    height: 16px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/clipboard-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.service-management .service-detail-box .register-box {
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    border-radius: 32px;
    padding: 24px;
    align-items: center;
}

    .service-management .service-detail-box .register-box .register-infomation {
        background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/background-marketing-image.png);
        background-position-y: -20px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .service-management .service-detail-box .register-box .register-infomation .info-register {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

            .service-management .service-detail-box .register-box .register-infomation .info-register span {
                color: #1E2B35;
                font-weight: 400;
                font-size: 28px;
                line-height: 100%;
                letter-spacing: 0px;
                height: 38px;
            }

            .service-management .service-detail-box .register-box .register-infomation .info-register p {
                margin: 0px;
                color: #1E2B35;
                font-weight: 400;
                font-size: 14px;
                line-height: 150%;
                letter-spacing: 0.2px;
            }

        .service-management .service-detail-box .register-box .register-infomation .hotline-box {
            display: flex;
            gap: 4px;
            justify-content: center;
            align-items: center;
            padding: 12px 32px 12px 32px;
            border-radius: 12px;
            border: 1px solid #4D6577;
            max-width: 250px;
            color: #1E2B35;
            font-weight: 600;
            font-size: 14px;
            line-height: 100%;
            letter-spacing: 0.17px;
        }

            .service-management .service-detail-box .register-box .register-infomation .hotline-box span {
                font-weight: 700;
                font-size: 24px;
                line-height: 140%;
                letter-spacing: 0px;
            }

    .service-management .service-detail-box .register-box .content-box {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

        .service-management .service-detail-box .register-box .content-box .text-box {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

            .service-management .service-detail-box .register-box .content-box .text-box span {
                color: #111827;
                font-weight: 500;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
            }

            .service-management .service-detail-box .register-box .content-box .text-box textarea {
                padding: 8px 12px 8px 12px;
                border-radius: 12px;
                border: 1px solid #CAD5DE;
                min-height: 108px;
            }

        .service-management .service-detail-box .register-box .content-box .confirm-btn {
            padding: 8px 12px 8px 12px;
            background-color: #F6911E;
            border-radius: 100px;
            text-decoration: none;
            color: #fff;
            font-weight: 600;
            font-size: 16px;
            line-height: 190%;
            letter-spacing: 0.3px;
            vertical-align: middle;
            text-align: center;
            height: 48px;
            cursor: pointer;
        }

.service-detail-box.marketing-detail-box {
    padding: 0;
    display: flex;
    gap: 24px;
}

.marketing-detail-box .related-service {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 32px;
    background-color: #fff;
    height: fit-content;
    max-width: 477px;
    width: 477px;
}

    .marketing-detail-box .related-service span {
        font-weight: 700;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0px;
    }

.service-management .coupon-detail {
    display: flex;
    gap: 12px;
}

    .service-management .coupon-detail .coupon-info {
        display: flex;
        flex-direction: column;
        width: 352px;
        background-color: #fff;
        padding: 16px;
        gap: 8px;
        border-radius: 24px;
        height: fit-content;
        min-width: 275px;
    }

        .service-management .coupon-detail .coupon-info .info-content {
            display: flex;
            padding: 12px 16px 12px 16px;
            gap: 8px;
            height: 42px;
            text-decoration: none;
            align-items: center;
            cursor: pointer;
        }

            .service-management .coupon-detail .coupon-info .info-content span {
                color: #597488;
                font-weight: 400;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.2px;
            }

.info-coupon-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/info-coupon-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.list-coupon-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/list-coupon-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.service-management .coupon-detail .counpon-detail {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .service-management .coupon-detail .counpon-detail .coupon-service-info {
        background-color: #fff;
        border-radius: 24px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 24px;
    }

        .service-management .coupon-detail .counpon-detail .coupon-service-info .detail-coupon-box {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
        }

            .service-management .coupon-detail .counpon-detail .coupon-service-info .detail-coupon-box .row-box {
                display: flex;
                gap: 10px;
                align-items: center;
            }

                .service-management .coupon-detail .counpon-detail .coupon-service-info .detail-coupon-box .row-box span {
                    color: #687588;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

                    .service-management .coupon-detail .counpon-detail .coupon-service-info .detail-coupon-box .row-box span.value, .service-management .coupon-detail .counpon-detail .coupon-service-info .detail-coupon-box .row-box .hsd span {
                        color: #111827;
                        font-weight: 600;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0px;
                        display: flex;
                        align-items: center;
                        gap: 4px;
                    }

    .service-management .coupon-detail .counpon-detail .list-service {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 24px;
        border-radius: 24px;
        background-color: #fff;
    }

        .service-management .coupon-detail .counpon-detail .list-service .type-tab {
            display: flex;
            gap: 8px;
        }

            .service-management .coupon-detail .counpon-detail .list-service .type-tab .tab {
                padding: 8px 16px 8px 16px;
                border-radius: 100px;
                border: 1px solid #BDBDBD;
                color: #71889A;
                cursor: pointer;
                font-weight: 400;
                font-size: 12px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
                text-decoration: none;
            }

                .service-management .coupon-detail .counpon-detail .list-service .type-tab .tab.active {
                    color: #F6911E;
                    background-color: #FEF3E2;
                    border: 1px solid #F6911E;
                    cursor: not-allowed;
                }

        .service-management .coupon-detail .counpon-detail .list-service .item {
            padding: 8px 24px 8px 24px;
            display: flex;
            gap: 12px;
            border-radius: 24px;
            border: 1px solid #CAD5DE;
            height: 99px;
            align-items: center;
        }

            .service-management .coupon-detail .counpon-detail .list-service .item img {
                width: 64px;
                height: 64px;
                border-radius: 8px;
            }

            .service-management .coupon-detail .counpon-detail .list-service .item .info-item {
                display: flex;
                flex-direction: column;
                gap: 4px;
            }

                .service-management .coupon-detail .counpon-detail .list-service .item .info-item span {
                    color: #212121;
                    font-weight: 600;
                    font-size: 16px;
                    line-height: 150%;
                    letter-spacing: 0.3px;
                }

                .service-management .coupon-detail .counpon-detail .list-service .item .info-item .sell-price {
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

                    .service-management .coupon-detail .counpon-detail .list-service .item .info-item .sell-price span {
                        font-weight: 700;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0px;
                    }

.service-create .ecode {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
}

    .service-create .ecode .ecode-info {
        padding: 24px;
        background-color: #fff;
        border-radius: 32px;
        gap: 24px;
        display: flex;
        flex-direction: column;
    }

        .service-create .ecode .ecode-info span {
            color: #1E2B35;
            font-weight: 700;
            font-size: 24px;
            line-height: 130%;
            letter-spacing: 0px;
            vertical-align: middle;
        }

        .service-create .ecode .ecode-info .ecode-detail-info {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

            .service-create .ecode .ecode-info .ecode-detail-info .info {
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

                .service-create .ecode .ecode-info .ecode-detail-info .info span, .service-create .ecode .ecode-config .ecode-detail-config .config-type span, .service-create .ecode .ecode-config .ecode-detail-config .discount-level span, .service-create .ecode .ecode-config .ecode-detail-config .info span, .service-create .ecode .ecode-apply .target span {
                    color: #111827;
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

                .service-create .ecode .ecode-info .ecode-detail-info .info .fill-info {
                    padding: 16px;
                    height: 54px;
                    border-radius: 12px;
                    border: 1px solid #E9EEF4;
                    outline: none;
                }

                .service-create .ecode .ecode-info .ecode-detail-info .info .ecode-input {
                    display: flex;
                    flex-direction: column;
                    gap: 4px;
                }

                    .service-create .ecode .ecode-info .ecode-detail-info .info .ecode-input span {
                        color: #71889A;
                        font-weight: 400;
                        font-size: 12px;
                        line-height: 160%;
                        letter-spacing: 0px;
                        vertical-align: middle;
                    }

                    .service-create .ecode .ecode-info .ecode-detail-info .info .ecode-input .ecode-input-box {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        padding: 16px;
                        border-radius: 12px;
                        border: 1px solid #E9EEF4;
                    }

                        .service-create .ecode .ecode-info .ecode-detail-info .info .ecode-input .ecode-input-box span, .service-create .ecode .ecode-info .ecode-detail-info .info .ecode-input .ecode-input-box .ecode-name span {
                            color: #71889A;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 160%;
                            letter-spacing: 0px;
                            vertical-align: middle;
                        }

                        .service-create .ecode .ecode-info .ecode-detail-info .info .ecode-input .ecode-input-box .ecode-name {
                            display: flex;
                            gap: 12px;
                        }

                            .service-create .ecode .ecode-info .ecode-detail-info .info .ecode-input .ecode-input-box .ecode-name input {
                                border: none;
                                outline: none;
                            }

.line-seperate-y {
    width: 1px;
    background-color: #E9EEF4;
}

.service-create .ecode .ecode-config {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 24px;
    gap: 24px;
    border-radius: 32px;
}

    .service-create .ecode .ecode-config .ecode-detail-config {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .service-create .ecode .ecode-config .ecode-detail-config .level {
            display: grid;
            grid-template-columns: 1fr 2fr;
        }

            .service-create .ecode .ecode-config .ecode-detail-config .level #discountType {
                height: 54px;
                padding-top: 8px;
                padding-right: 12px;
                padding-bottom: 8px;
                padding-left: 12px;
                border-top-left-radius: 12px;
                border-bottom-left-radius: 12px;
                outline: none;
                border: 1px solid #CAD5DE;
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
                position: relative;
                cursor: pointer;
            }

                .service-create .ecode .ecode-config .ecode-detail-config .level #discountType .dropdown-select-content .value-select {
                    padding: 8px;
                }

                    .service-create .ecode .ecode-config .ecode-detail-config .level #discountType .dropdown-select-content .value-select:hover {
                        background-color: #FEF3E2;
                    }

            .service-create .ecode .ecode-config .ecode-detail-config .level .input-value-currentcy {
                display: flex;
                height: 54px;
                padding-top: 8px;
                padding-right: 12px;
                padding-bottom: 8px;
                padding-left: 12px;
                border: 1px solid #CAD5DE;
                border-top-right-radius: 12px;
                border-bottom-right-radius: 12px;
                border-left: none;
                align-items: center;
            }

                .service-create .ecode .ecode-config .ecode-detail-config .level .input-value-currentcy input, .service-create .ecode .ecode-config .ecode-detail-config .discount-level .input-currentcy input {
                    /*width: 2ch;*/
                    border: none;
                    outline: none;
                    flex: 1;
                }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.service-create .ecode .ecode-config .ecode-detail-config .discount-level {
    display: flex;
    gap: 16px;
}

    .service-create .ecode .ecode-config .ecode-detail-config .discount-level .input-currentcy {
        height: 54px;
        padding-top: 8px;
        padding-right: 12px;
        padding-bottom: 8px;
        padding-left: 12px;
        border-radius: 12px;
        outline: none;
        border: 1px solid #CAD5DE;
        display: flex;
        align-items: center;
    }

    .service-create .ecode .ecode-config .ecode-detail-config .discount-level .info {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

.service-create .ecode .ecode-config .ecode-detail-config .info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .service-create .ecode .ecode-config .ecode-detail-config .info .ecode-total {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

        .service-create .ecode .ecode-config .ecode-detail-config .info .ecode-total .input-currentcy {
            display: flex;
            padding: 8px 12px 8px 12px;
            justify-content: space-between;
            border-radius: 12px;
            border: 1px solid #CAD5DE;
            height: 54px;
            align-items: center;
        }

            .service-create .ecode .ecode-config .ecode-detail-config .info .ecode-total .input-currentcy input {
                flex: 1;
                border: none;
                outline: none;
            }

        .service-create .ecode .ecode-config .ecode-detail-config .info .ecode-total span {
            color: #71889A;
            font-weight: 400;
            font-size: 12px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
        }

.service-create .ecode .ecode-apply {
    display: flex;
    flex-direction: column;
    border-radius: 32px;
    background-color: #fff;
    gap: 24px;
    padding: 24px;
}

    .service-create .ecode .ecode-apply .target {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .service-create .ecode .ecode-apply .target .attribute {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

            .service-create .ecode .ecode-apply .target .attribute .multi-select-box {
                align-items: center;
                height: 54px;
            }

            .service-create .ecode .ecode-apply .target .attribute .total-customer {
                font-weight: 400;
                font-size: 12px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
                color: #71889A;
                display: flex;
                align-items: baseline;
                gap: 4px;
            }

                .service-create .ecode .ecode-apply .target .attribute .total-customer span {
                    font-weight: 700;
                }

        .service-create .ecode .ecode-apply .target .service-apply {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

            .service-create .ecode .ecode-apply .target .service-apply .header-apply {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

                .service-create .ecode .ecode-apply .target .service-apply .header-apply .tick-box {
                    display: flex;
                    gap: 4px;
                    align-items: center;
                }

            .service-create .ecode .ecode-apply .target .service-apply .apply-type {
                display: flex;
                gap: 16px;
            }

                .service-create .ecode .ecode-apply .target .service-apply .apply-type .type-apply {
                    flex: 1;
                    padding: 12px 16px 12px 16px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    border-radius: 12px;
                    border: 1px solid #CAD5DE;
                }

                    .service-create .ecode .ecode-apply .target .service-apply .apply-type .type-apply.disabled {
                        opacity: 0.5;
                        pointer-events: none;
                        user-select: none;
                    }

                    .service-create .ecode .ecode-apply .target .service-apply .apply-type .type-apply .type-name {
                        display: flex;
                        align-items: center;
                        gap: 8px;
                    }

                        .service-create .ecode .ecode-apply .target .service-apply .apply-type .type-apply .type-name .detail-apply {
                            display: flex;
                            flex-direction: column;
                        }

                            .service-create .ecode .ecode-apply .target .service-apply .apply-type .type-apply .type-name .detail-apply .name {
                                color: #1E2B35;
                                font-weight: 600;
                                font-size: 14px;
                                line-height: 160%;
                                letter-spacing: 0px;
                            }

                            .service-create .ecode .ecode-apply .target .service-apply .apply-type .type-apply .type-name .detail-apply .total {
                                color: #1E2B35;
                                font-weight: 400;
                                font-size: 10px;
                                line-height: 160%;
                                letter-spacing: 0px;
                                vertical-align: middle;
                            }

                                .service-create .ecode .ecode-apply .target .service-apply .apply-type .type-apply .type-name .detail-apply .total span {
                                    color: #597488;
                                    font-weight: 400;
                                    font-size: 10px;
                                }

                                .service-create .ecode .ecode-apply .target .service-apply .apply-type .type-apply .type-name .detail-apply .total .all-service-text {
                                    color: #0CAF60;
                                    font-weight: 500;
                                    font-size: 10px;
                                    line-height: 160%;
                                    letter-spacing: 0px;
                                    vertical-align: middle;
                                }

.popup .extend-program .egift-service {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 12px;
    padding-left: 12px;
}

    .popup .extend-program .egift-service .price-list-egift {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .popup .extend-program .egift-service .price-list-egift .price-item {
            display: flex;
            flex-direction: column;
            background-color: #E9EEF4;
            border-radius: 12px;
            padding: 12px;
            gap: 4px;
        }

            .popup .extend-program .egift-service .price-list-egift .price-item .header-price-item {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item {
                padding: 12px;
                gap: 8px;
                display: flex;
                flex-direction: column;
                background-color: #fff;
                border-radius: 12px;
            }

                .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .count-price-item {
                    display: grid;
                    grid-template-columns: 2fr 5fr;
                    gap: 12px;
                }

                    .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .count-price-item .count-box {
                        display: flex;
                        flex-direction: column;
                        gap: 4px;
                    }

                        .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .count-price-item .count-box span {
                            color: #1E2B35;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 160%;
                            letter-spacing: 0px;
                        }

                        .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .count-price-item .count-box .count {
                            outline: none;
                            padding: 16px;
                            height: 38px;
                            border-radius: 12px;
                            border: 1px solid #CAD5DE;
                        }

                        .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .count-price-item .count-box .info-input-box {
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            padding: 8px 12px 8px 12px;
                            border-radius: 12px;
                            border: 1px solid #CAD5DE;
                        }

                            .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .count-price-item .count-box .info-input-box input {
                                border: none;
                                outline: none;
                            }

.editor-box ol li {
    word-wrap: break-word;
}

.acceptance-points .detail-filter-box .confirm-default-btn {
    padding: 8px 16px 8px 16px;
    background: #F6911E;
    border-radius: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 210%;
    letter-spacing: 0.3px;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
}

#service-popup {
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column;
    gap: 24px;
    top: 35%;
}

#pos-detail .pos-detail .pos-information {
    min-width: 400px;
}

#service-popup .popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    #service-popup .popup-header span {
        color: #000000;
        font-weight: 700;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0px;
    }

#service-popup .filter-box {
    display: flex;
    padding: 0;
    border: none;
    align-items: center;
    justify-content: space-between;
}

    #service-popup .filter-box .filter-search-box {
        display: flex;
        gap: 12px;
        align-items: center;
    }

        #service-popup .filter-box .filter-search-box .search-box {
            display: flex;
            align-items: center;
            gap: 24px;
            padding: 8px 16px 8px 16px;
            border: 1px solid #BDBDBD;
            border-radius: 12px;
        }

            #service-popup .filter-box .filter-search-box .search-box input {
                width: 270px;
                border: none;
                outline: none;
            }

        #service-popup .filter-box .filter-search-box .confirm-default-btn {
            padding: 8px 16px 8px 16px;
            border-radius: 12px;
            height: 38px;
            background-color: #F6911E;
            color: #FFFFFF;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
            text-decoration: none;
        }

#service-popup .lst-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    #service-popup .lst-item .item-box.etk, #service-popup .lst-item .item-box.egift {
        display: flex;
        flex-direction: column;
        padding: 16px;
        border-radius: 24px;
        gap: 8px;
        border: 1px solid #CAD5DE;
    }

        #service-popup .lst-item .item-box.etk.active, #service-popup .lst-item .item-box.egift.active {
            border: 1px solid #F6911E;
        }

        #service-popup .lst-item .item-box.etk .header-box, #service-popup .lst-item .item-box.egift .header-box {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            #service-popup .lst-item .item-box.etk .header-box .info-head, #service-popup .lst-item .item-box.egift .header-box .info-head {
                display: flex;
                align-items: center;
                gap: 12px;
                cursor: pointer;
            }

                #service-popup .lst-item .item-box.etk .header-box .info-head img, #service-popup .lst-item .item-box.egift .header-box .info-head img {
                    height: 64px;
                    width: 64px;
                    border-radius: 8px;
                }

        #service-popup .lst-item .item-box.etk .price-list {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

            #service-popup .lst-item .item-box.etk .price-list .pack {
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

                #service-popup .lst-item .item-box.etk .price-list .pack span {
                    padding: 4px 8px 4px 8px;
                    color: #1E2B35;
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

                #service-popup .lst-item .item-box.etk .price-list .pack .list-etk {
                    display: flex;
                    gap: 16px;
                }

                    #service-popup .lst-item .item-box.etk .price-list .pack .list-etk .price-box {
                        display: flex;
                        padding: 8px 12px 8px 12px;
                        border-radius: 12px;
                        border: 1px solid #BDBDBD;
                        align-items: center;
                        text-decoration: none;
                        gap: 8px;
                        cursor: pointer;
                    }

                    #service-popup .lst-item .item-box.etk .price-list .pack .list-etk .price-box-disabled {
                        display: flex;
                        padding: 8px 12px 8px 12px;
                        border-radius: 12px;
                        border: 1px solid #BDBDBD;
                        align-items: center;
                        text-decoration: none;
                        gap: 8px;
                        background-color: #F5F5F5;
                    }

                    #service-popup .lst-item .item-box.etk .price-list .pack .list-etk .price-box.active {
                        border: 1px solid #F6911E;
                    }

                    #service-popup .lst-item .item-box.etk .price-list .pack .list-etk .price-box .price-detail, #service-popup .lst-item .item-box.etk .price-list .pack .list-etk .price-box-disabled .price-detail {
                        display: flex;
                        flex-direction: column;
                    }

                        #service-popup .lst-item .item-box.etk .price-list .pack .list-etk .price-box .price-detail span, #service-popup .lst-item .item-box.etk .price-list .pack .list-etk .price-box-disabled .price-detail span {
                            font-weight: 500;
                            font-size: 12px;
                            line-height: 160%;
                            letter-spacing: 0px;
                            vertical-align: middle;
                            padding: 0;
                        }

                        #service-popup .lst-item .item-box.etk .price-list .pack .list-etk .price-box .price-detail h3, #service-popup .lst-item .item-box.etk .price-list .pack .list-etk .price-box-disabled .price-detail h3 {
                            color: #1E2B35;
                            font-weight: 400;
                            font-size: 10px;
                            line-height: 160%;
                            letter-spacing: 0px;
                            margin: 0;
                            padding: 0;
                        }

                            #service-popup .lst-item .item-box.etk .price-list .pack .list-etk .price-box .price-detail h3 span, #service-popup .lst-item .item-box.etk .price-list .pack .list-etk .price-box-disabled .price-detail h3 span {
                                font-weight: 700;
                                font-size: 10px;
                                line-height: 160%;
                                letter-spacing: 0.2px;
                            }

#service-popup .combo-3-btn {
    display: flex;
    justify-content: end;
    gap: 24px;
}

    #service-popup .combo-3-btn .reject-defalt-btn {
        height: 40px;
        border-radius: 100px;
        padding: 8px 16px 8px 16px;
        text-decoration: none;
        border: 1px solid #1E2B35;
        color: #1E2B35;
        font-weight: 600;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        vertical-align: middle;
        cursor: pointer;
        width: 100px;
        text-align: center;
    }

    #service-popup .combo-3-btn .confirm-default-btn {
        padding: 8px 16px 8px 16px;
        border-radius: 100px;
        background-color: #F6911E;
        height: 40px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        vertical-align: middle;
        cursor: pointer;
        text-decoration: none;
        width: 100px;
        text-align: center;
    }

#service-popup .lst-item .item-box-disabled {
    display: flex;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 24px;
    border: 1px solid #CAD5DE;
    align-items: center;
}

    #service-popup .lst-item .item-box-disabled img {
        height: 64px;
        width: 64px;
        border-radius: 8px;
    }

    #service-popup .lst-item .item-box-disabled .detail {
        display: flex;
        flex-direction: column;
        gap: 4px;
        align-items: flex-start;
    }

        #service-popup .lst-item .item-box-disabled .detail p {
            margin: 0px;
            color: #212121;
            font-weight: 500;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

        #service-popup .lst-item .item-box-disabled .detail span {
            color: #EDA145;
            font-weight: 400;
            font-style: Italic;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0.2px;
        }

#service-popup .lst-item .item-box.egift {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 24px;
    border: 1px solid #CAD5DE;
}

    #service-popup .lst-item .item-box.egift .header-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #service-popup .lst-item .item-box.egift .price-list {
        display: flex;
        gap: 16px;
    }

        #service-popup .lst-item .item-box.egift .price-list .price-box-disabled {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 12px;
            border-radius: 12px;
            border: 1px solid #BDBDBD;
            background-color: #F5F5F5;
        }

            #service-popup .lst-item .item-box.egift .price-list .price-box span, #service-popup .lst-item .item-box.egift .price-list .price-box-disabled span {
                color: #1E2B35;
                font-weight: 500;
                font-size: 12px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
            }

        #service-popup .lst-item .item-box.egift .price-list .price-box.disabled span {
            color: #AAB9C5;
            font-weight: 500;
            font-size: 12px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
        }

        #service-popup .lst-item .item-box.egift .price-list .price-box.inactive {
            padding: 12px;
            border: 1px solid #BDBDBD;
            border-radius: 12px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        #service-popup .lst-item .item-box.egift .price-list .price-box.active {
            padding: 12px;
            border: 1px solid #F6911E;
            border-radius: 12px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        #service-popup .lst-item .item-box.egift .price-list .price-box.disabled {
            padding: 12px;
            border: 1px solid #BDBDBD;
            border-radius: 12px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
        }

.service-management .pos {
    display: flex;
    background-color: #FEF3E2;
    gap: 16px;
}

    .service-management .pos .pos-box {
        flex: 1;
        background-color: #fff;
        padding: 24px;
        border-radius: 32px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        height: fit-content;
        overflow-x: hidden;
    }

        .service-management .pos .pos-box span {
            color: #1E2B35;
            font-weight: 700;
            font-size: 24px;
            line-height: 130%;
            letter-spacing: 0px;
            vertical-align: middle;
        }

        .service-management .pos .pos-box .confirm-box {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

            .service-management .pos .pos-box .confirm-box .pos-info {
                display: flex;
                gap: 12px;
                align-items: center;
            }

                .service-management .pos .pos-box .confirm-box .pos-info input {
                    flex: 1;
                    outline: none;
                    border: 1px solid #CAD5DE;
                    padding: 8px 12px;
                    border-radius: 12px;
                    height: 54px;
                }

                .service-management .pos .pos-box .confirm-box .pos-info .confirm-default-btn {
                    padding: 8px 12px;
                    border-radius: 12px;
                    background-color: #F6911E;
                    text-decoration: none;
                    color: #fff;
                    font-weight: 600;
                    font-size: 16px;
                    line-height: 230%;
                    letter-spacing: 0.3px;
                    vertical-align: middle;
                    height: 54px;
                    cursor: pointer;
                }

                .service-management .pos .pos-box .confirm-box .pos-info .remove-ecode {
                    padding: 8px 12px;
                    border-radius: 12px;
                    text-decoration: none;
                    color: #E03137;
                    font-weight: 600;
                    font-size: 16px;
                    line-height: 230%;
                    letter-spacing: 0.3px;
                    vertical-align: middle;
                    height: 54px;
                    cursor: pointer;
                    border: 1px solid #E03137;
                    height: 54px;
                    width: 100px;
                    text-align: center;
                }

        .service-management .pos .pos-box .reject-defalt-btn, #pos-detail .pos-detail .pos-confirm-info .btn-box .reject-defalt-btn {
            display: flex;
            gap: 8px;
            width: 160px;
            height: 40px;
            justify-content: center;
            padding: 8px 12px;
            border-radius: 100px;
            border: 1px solid #1E2B35;
            text-decoration: none;
            align-items: center;
            cursor: pointer;
        }

            .service-management .pos .pos-box .reject-defalt-btn span, #pos-detail .pos-detail .pos-confirm-info .btn-box .reject-defalt-btn span {
                color: #1E2B35;
                font-weight: 600;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
                align-items: center;
            }

.add-ecode-icon {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/add-ecode-icon.png);
    width: 14px;
    height: 14px;
    background-size: cover;
    transition: 0.3s ease;
}

.reset-icon {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/reset-icon.png);
    width: 16px;
    height: 16px;
    background-size: cover;
    transition: 0.3s ease;
}

.service-management .pos .pos-box .note {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .service-management .pos .pos-box .note span {
        color: #1E2B35;
        font-weight: 700;
        font-size: 18px;
        line-height: 140%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    .service-management .pos .pos-box .note textarea {
        border: 1px solid #CAD5DE;
        outline: none;
        padding: 8px 12px;
        height: 108px;
        border-radius: 12px;
    }

.service-management .pos .pos-box .btn-box, #pos-detail .pos-detail .pos-confirm-info .btn-box {
    display: flex;
    justify-content: flex-end;
}

    .service-management .pos .pos-box .btn-box .btn-action-box, #pos-detail .pos-detail .pos-confirm-info .btn-box .btn-action-box {
        display: flex;
        gap: 8px;
    }

.service-management .pos .pos-box .item-box {
    border: 1px solid #CAD5DE;
    border-radius: 24px;
    display: flex;
    padding: 12px;
}

    .service-management .pos .pos-box .item-box.evc {
        gap: 12px;
    }

        .service-management .pos .pos-box .item-box.evc .detail {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 4px;
        }

            .service-management .pos .pos-box .item-box.evc .detail .evoucher {
                color: #15B097;
                font-weight: 500;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
            }

            .service-management .pos .pos-box .item-box.evc .detail .sell-box {
                display: flex;
                gap: 24px;
            }

                .service-management .pos .pos-box .item-box.evc .detail .sell-box .sell-text {
                    color: #1E2B35;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    display: flex;
                    gap: 4px;
                }

                    .service-management .pos .pos-box .item-box.evc .detail .sell-box .sell-text span {
                        color: #F6911E;
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0px;
                    }

    .service-management .pos .pos-box .item-box.egift, .pos-box .item-box.etk {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .service-management .pos .pos-box .item-box.egift .header-box, .pos-box .item-box.etk .header-box {
            align-items: center;
        }

            .service-management .pos .pos-box .item-box.egift .header-box .detail {
                display: flex;
                gap: 12px;
            }

                .service-management .pos .pos-box .item-box.egift .header-box .detail img, .service-management .pos .pos-box .item-box.etk .header-box .info-head img, .service-management .pos .pos-box .item-box.evc img {
                    height: 74px;
                    width: 74px;
                    border-radius: 12px;
                }

                .service-management .pos .pos-box .item-box.egift .header-box .detail .name-box {
                    display: flex;
                    flex-direction: column;
                    gap: 4px;
                }

.service-management .pos .pos-box #lst-service {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.service-management .pos .pos-box .item-box .name, .service-management .pos .pos-box .item-box.etk .header-box .info-head span, .service-management .pos .pos-box .item-box.evc .detail .name {
    color: #212121;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.2px;
}

.service-management .pos .pos-box .item-box.egift .header-box .detail .name-box .detail-item {
    display: flex;
    flex-direction: column;
}

    .service-management .pos .pos-box .item-box.egift .header-box .detail .name-box .detail-item .egift {
        color: #2F78EE;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
    }


.service-management .pos .pos-box .item-box .expiration-date {
    color: #1E2B35;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
}

    .service-management .pos .pos-box .item-box .expiration-date span {
        color: #F6911E;
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
    }

.service-management .pos .pos-box .item-box.egift .price-list {
    display: flex;
    gap: 8px;
}

    .service-management .pos .pos-box .item-box.egift .price-list .price-box {
        padding: 12px 16px;
        border: 1px solid #BDBDBD;
        border-radius: 12px;
    }

        .service-management .pos .pos-box .item-box.egift .price-list .price-box span {
            color: #1E2B35;
            font-weight: 500;
            font-size: 12px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
        }

.service-management .pos .pos-box .item-box.etk .header-box .info-head {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .service-management .pos .pos-box .item-box.etk .header-box .info-head .etk {
        color: #EDA145;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
    }

.service-management .pos .pos-box .item-box.etk .price-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .service-management .pos .pos-box .item-box.etk .price-list .pack {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

        .service-management .pos .pos-box .item-box.etk .price-list .pack span {
            color: #1E2B35;
            font-weight: 500;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

        .service-management .pos .pos-box .item-box.etk .price-list .pack .list-etk {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }

            .service-management .pos .pos-box .item-box.etk .price-list .pack .list-etk .price-detail {
                display: flex;
                flex-direction: column;
                border: 1px solid #BDBDBD;
                border-radius: 12px;
                padding: 8px 12px;
                height: 52px;
            }

                .service-management .pos .pos-box .item-box.etk .price-list .pack .list-etk .price-detail span {
                    font-weight: 500;
                    font-size: 12px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    vertical-align: middle;
                }

                .service-management .pos .pos-box .item-box.etk .price-list .pack .list-etk .price-detail h3 {
                    font-weight: 400;
                    font-size: 10px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    color: #1E2B35;
                    margin: 0;
                    display: flex;
                    align-items: baseline;
                }

                    .service-management .pos .pos-box .item-box.etk .price-list .pack .list-etk .price-detail h3 span {
                        font-weight: 700;
                    }

#pos-detail .pos-detail {
    display: flex;
    gap: 16px;
}

    #pos-detail .pos-detail .pos-information {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

        #pos-detail .pos-detail .pos-information .cashier-info {
            background-color: #fff;
            padding: 16px 24px;
            display: flex;
            flex-direction: column;
            gap: 16px;
            border-radius: 24px;
            max-width: 477px;
        }

            #pos-detail .pos-detail .pos-information .cashier-info span {
                color: #1E2B35;
                font-weight: 500;
                font-size: 18px;
                line-height: 150%;
                letter-spacing: 0px;
                vertical-align: middle;
            }

            #pos-detail .pos-detail .pos-information .cashier-info .info-detail {
                display: flex;
                flex-direction: column;
                gap: 12px;
            }

                #pos-detail .pos-detail .pos-information .cashier-info .info-detail .info-text {
                    display: flex;
                    gap: 16px;
                    align-items: baseline;
                }

                    #pos-detail .pos-detail .pos-information .cashier-info .info-detail .info-text .label-text {
                        color: #687588;
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0px;
                        min-width: max-content;
                    }

                    #pos-detail .pos-detail .pos-information .cashier-info .info-detail .info-text .acceptance p {
                        margin: 0;
                        color: #2F404C;
                        font-weight: 400;
                        font-size: 10px;
                        line-height: 160%;
                        letter-spacing: 0px;
                    }

                    #pos-detail .pos-detail .pos-information .cashier-info .info-detail .info-text span {
                        color: #111827;
                        font-weight: 600;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0px;
                    }

    #pos-detail .pos-detail .pos-confirm-info {
        display: flex;
        flex-direction: column;
        padding: 16px 24px;
        gap: 24px;
        border-radius: 24px;
        background-color: #fff;
        flex: 1;
    }

        #pos-detail .pos-detail .pos-confirm-info span {
            color: #1E2B35;
            font-weight: 700;
            font-size: 24px;
            line-height: 130%;
            letter-spacing: 0px;
        }

        #pos-detail .pos-detail .pos-confirm-info .table-info {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

            #pos-detail .pos-detail .pos-confirm-info .table-info .ecode-table {
                padding: 16px;
                display: flex;
                flex-direction: column;
                gap: 16px;
                border: 1px solid #CAD5DE;
                border-radius: 24px;
            }

                #pos-detail .pos-detail .pos-confirm-info .table-info .ecode-table .header-table {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }

                    #pos-detail .pos-detail .pos-confirm-info .table-info .ecode-table .header-table span, #pos-detail .pos-detail .pos-confirm-info .table-info .group-table-note .note-table span {
                        color: #1E2B35;
                        font-weight: 700;
                        font-size: 18px;
                        line-height: 140%;
                        letter-spacing: 0px;
                        vertical-align: middle;
                    }

.acceptance-box .acceptance-point .more-content {
    border-top: 1px solid #CAD5DE;
}

#pos-detail .pos-detail .pos-confirm-info .table-info .ecode-table .header-list, #pos-detail .pos-detail .pos-confirm-info .table-info .ecode-table .ecode-item {
    display: grid;
    grid-template-columns: 2fr 5fr 2fr 2fr 2fr;
    align-items: center;
    padding: 0px 12px;
}

    #pos-detail .pos-detail .pos-confirm-info .table-info .ecode-table .header-list .header-text {
        color: #212121;
        font-weight: 700;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.2px;
    }

    #pos-detail .pos-detail .pos-confirm-info .table-info .ecode-table .ecode-item .ecode-text, #pos-detail .pos-detail .pos-confirm-info .table-info .group-table-note .note-table .text-note, #pos-detail .pos-detail .pos-confirm-info .table-info .group-table-note .note-table .total .value span {
        color: #212121;
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
    }

    #pos-detail .pos-detail .pos-confirm-info .table-info .ecode-table .ecode-item .ecode-service {
        display: flex;
        flex-direction: column;
    }

        #pos-detail .pos-detail .pos-confirm-info .table-info .ecode-table .ecode-item .ecode-service .egift {
            color: #2F78EE;
            font-weight: 500;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

        #pos-detail .pos-detail .pos-confirm-info .table-info .ecode-table .ecode-item .ecode-service .etk {
            color: #EDA145;
            font-weight: 500;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

        #pos-detail .pos-detail .pos-confirm-info .table-info .ecode-table .ecode-item .ecode-service .evc {
            color: #15B097;
            font-weight: 500;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

        #pos-detail .pos-detail .pos-confirm-info .table-info .ecode-table .ecode-item .ecode-service span {
            color: #212121;
            font-weight: 400;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

#pos-detail .pos-detail .pos-confirm-info .table-info .group-table-note {
    display: flex;
    gap: 24px;
}

    #pos-detail .pos-detail .pos-confirm-info .table-info .group-table-note .note-table {
        padding: 16px;
        flex: 1;
        border-radius: 24px;
        border: 1px solid #CAD5DE;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        #pos-detail .pos-detail .pos-confirm-info .table-info .group-table-note .note-table .total {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

            #pos-detail .pos-detail .pos-confirm-info .table-info .group-table-note .note-table .total .value {
                display: flex;
                justify-content: space-between;
            }

                #pos-detail .pos-detail .pos-confirm-info .table-info .group-table-note .note-table .total .value .money {
                    color: #212121;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0.2px;
                }

.service-management .customer {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .service-management .customer span {
        font-weight: 500;
        font-size: 24px;
        line-height: 125%;
        letter-spacing: 0px;
    }

    .service-management .customer .detail-filter-box {
        background-color: #fff;
        border-radius: 24px;
    }

    .service-management .customer #lst-customer {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding: 16px 32px;
        border-radius: 24px;
    }

        .service-management .customer #lst-customer .header-table, .service-management .customer #lst-customer .item-row {
            display: grid;
            grid-template-columns: 1fr 5fr 5fr 5fr;
        }

            .service-management .customer #lst-customer .header-table .header-text, .service-management .customer #lst-customer .item-row .header-text {
                color: #212121;
                font-weight: 700;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0.2px;
                height: 54px;
                display: flex;
                align-items: center;
            }

            .service-management .customer #lst-customer .item-row .item-col {
                height: 54px;
                display: flex;
                align-items: center;
            }

        .service-management .customer #lst-customer .header-table {
            border-bottom: 2px solid #CAD5DE;
        }

        .service-management .customer #lst-customer .item-row {
            border-bottom: 1px solid #CAD5DE;
        }

.service-management .reviewing {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .service-management .reviewing .statics {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding-bottom: 24px;
        border-bottom: 1px solid #CAD5DE;
    }

        .service-management .reviewing .statics .header-static {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .service-management .reviewing .statics .header-static span, .service-management .reviewing .review-list span {
                font-weight: 500;
                font-size: 24px;
                line-height: 125%;
                letter-spacing: 0px;
            }

            .service-management .reviewing .statics .header-static .data-time {
                color: #4D6577;
                font-weight: 400;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
            }

        .service-management .reviewing .statics .detail-static {
            background-color: #fff;
            border-radius: 24px;
            display: flex;
        }

            .service-management .reviewing .statics .detail-static .box-static {
                padding: 24px;
                display: flex;
                flex-direction: column;
                gap: 12px;
                flex: 1;
            }

                .service-management .reviewing .statics .detail-static .box-static span {
                    color: #111827;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

                .service-management .reviewing .statics .detail-static .box-static .value {
                    display: flex;
                    gap: 16px;
                    align-items: center;
                }

                    .service-management .reviewing .statics .detail-static .box-static .value .count {
                        font-family: Roboto;
                        font-weight: 700;
                        font-size: 32px;
                        line-height: 125%;
                        letter-spacing: 0px;
                    }

                    .service-management .reviewing .statics .detail-static .box-static .value .up-trend {
                        display: flex;
                        background-color: #E7F7EF;
                        border-radius: 10px;
                        padding: 4px 10px;
                        gap: 4px;
                        align-items: center;
                    }

                        .service-management .reviewing .statics .detail-static .box-static .value .up-trend span {
                            color: #27A376;
                            font-weight: 700;
                            font-size: 12px;
                            line-height: 160%;
                            letter-spacing: 0.2px;
                        }

                    .service-management .reviewing .statics .detail-static .box-static .value .down-trend {
                        display: flex;
                        background-color: #FFEDEC;
                        border-radius: 10px;
                        padding: 4px 10px;
                        gap: 4px;
                        align-items: center;
                    }

                        .service-management .reviewing .statics .detail-static .box-static .value .down-trend span {
                            color: #E03137;
                            font-weight: 700;
                            font-size: 12px;
                            line-height: 160%;
                            letter-spacing: 0.2px;
                        }

    .service-management .reviewing .review-list {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .service-management .reviewing .review-list .filter-tab {
            background-color: #fff;
            padding: 16px 24px;
            border-radius: 24px;
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

            .service-management .reviewing .review-list .filter-tab .status-box-type {
                border-bottom: 1px solid #E0E0E0;
                display: flex;
                align-items: center;
            }

                .service-management .reviewing .review-list .filter-tab .status-box-type .status-type {
                    padding-left: 16px;
                    padding-right: 16px;
                    color: #757575;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 40px;
                    letter-spacing: 0px;
                    text-align: center;
                    height: 40px;
                    text-decoration: none;
                    cursor: pointer;
                }

                    .service-management .reviewing .review-list .filter-tab .status-box-type .status-type.active {
                        color: #F6911E;
                        font-weight: 700;
                        font-size: 14px;
                        text-align: center;
                        border-bottom: 2px solid #F6911E;
                    }

            .service-management .reviewing .review-list .filter-tab .filter-voucher-box {
                display: flex;
                gap: 16px;
                align-items: center;
            }

                .service-management .reviewing .review-list .filter-tab .filter-voucher-box .point-box, .service-management .seller-performance .detail-statistic .filter-voucher-box .point-box, .service-management .seller-transaction .filter-transaction-box .filter-service-box .filter-voucher-box .point-box, .service-management .reconcil-report .filter-box .filter-voucher-box .point-box {
                    padding: 8px 16px;
                }

                    .service-management .reviewing .review-list .filter-tab .filter-voucher-box .point-box select, .service-management .seller-performance .detail-statistic .filter-voucher-box .point-box select, .service-management .seller-transaction .filter-transaction-box .filter-service-box .filter-voucher-box .point-box select, .service-management .reconcil-report .filter-box .filter-voucher-box .point-box select {
                        border: none;
                        outline: none;
                    }

        .service-management .reviewing .review-list .header-list, .service-management .reviewing .review-list #lst-review .item-row {
            display: grid;
            grid-template-columns: 2fr 3fr;
            background-color: #fff;
        }

        .service-management .reviewing .review-list .header-list {
            border-radius: 16px;
            padding-left: 16px;
            padding-right: 16px;
            height: 54px;
            align-items: center;
        }

            .service-management .reviewing .review-list .header-list span {
                color: #212121;
                font-weight: 700;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0.2px;
            }

        .service-management .reviewing .review-list #lst-review .item-row {
            padding: 16px;
            border-radius: 24px;
        }

            .service-management .reviewing .review-list #lst-review .item-row .item-name {
                display: flex;
                gap: 16px;
                border-right: 1px solid #CAD5DE;
                padding: 16px;
            }

                .service-management .reviewing .review-list #lst-review .item-row .item-name img {
                    width: 120px;
                    height: 120px;
                    border-radius: 8px;
                }

        .service-management .reviewing .review-list #lst-review {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

            .service-management .reviewing .review-list #lst-review .item-row .item-name .name {
                display: flex;
                flex-direction: column;
            }

.item-coupon .dropdown-content {
    top: 60px;
}


.service-management .reviewing .review-list #lst-review .item-row .item-name .name .etk {
    color: #EDA145;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
}

.service-management .reviewing .review-list #lst-review .item-row .item-name .name span {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0px;
}

.service-management .reviewing .review-list #lst-review .item-row .item-review {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .service-management .reviewing .review-list #lst-review .item-row .item-review .detail-review {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .service-management .reviewing .review-list #lst-review .item-row .item-review .detail-review .customer-info {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

            .service-management .reviewing .review-list #lst-review .item-row .item-review .detail-review .customer-info .customer-infomation {
                color: #1E2B35;
                font-weight: 700;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0.2px;
                display: flex;
                gap: 12px;
                align-items: baseline;
            }

                .service-management .reviewing .review-list #lst-review .item-row .item-review .detail-review .customer-info .customer-infomation span {
                    color: #4D6577;
                    font-weight: 400;
                    font-size: 12px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

            .service-management .reviewing .review-list #lst-review .item-row .item-review .detail-review .customer-info .rate {
                display: flex;
            }

                .service-management .reviewing .review-list #lst-review .item-row .item-review .detail-review .customer-info .rate .rating-icon {
                    height: 16px;
                    width: 16px;
                    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/rating-icon.png");
                    background-size: cover;
                    transition: 0.3s ease;
                }

            .service-management .reviewing .review-list #lst-review .item-row .item-review .detail-review .customer-info .name-item {
                color: #71889A;
                font-weight: 400;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
            }

        .service-management .reviewing .review-list #lst-review .item-row .item-review .detail-review .review-content {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

            .service-management .reviewing .review-list #lst-review .item-row .item-review .detail-review .review-content img {
                width: 84px;
                height: 84px;
                border-radius: 2.69px;
            }

            .service-management .reviewing .review-list #lst-review .item-row .item-review .detail-review .review-content span {
                color: #1E2B35;
                font-weight: 500;
                font-size: 18px;
                line-height: 150%;
                letter-spacing: 0px;
            }

    .service-management .reviewing .review-list #lst-review .item-row .item-review .response {
        display: flex;
        gap: 8px;
        padding-left: 24px;
    }

.tree-dropdown-icon {
    min-width: 21px;
    min-height: 65px;
    background: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/tree-dropdown-icon.png") no-repeat;
    background-size: auto;
    transition: 0.3s ease;
}

.redirect-review-icon {
    width: 16px;
    height: 16px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/redirect-review-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.service-management .reviewing .review-list #lst-review .item-row .item-review .response .response-data {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 16px;
}

.selling-btn.disabled, .stop-selling-btn.disabled, .selling-all-btn.disabled, .stop-selling-all-btn.disabled, .cancel-service-request.disabled {
    color: #666;
    cursor: not-allowed;
    pointer-events: none;
}

.service-management .reviewing .review-list #lst-review .item-row .item-review .response .response-data .name {
    display: flex;
    align-items: baseline;
    color: #1E2B35;
    font-weight: 700;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0.2px;
    gap: 4px;
}

    .service-management .reviewing .review-list #lst-review .item-row .item-review .response .response-data .name span {
        color: #4D6577;
        font-weight: 400;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0px;
    }

.service-management .reviewing .review-list #lst-review .item-row .item-review .response .response-data span {
    color: #1E2B35;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.2px;
}

#service-popup .lst-item .item-box.evc {
    display: flex;
    padding: 12px 16px;
    gap: 12px;
    border-radius: 24px;
    border: 1px solid #CAD5DE;
    align-items: center;
}

    #service-popup .lst-item .item-box.evc.active {
        border: 2px solid #F6911E;
    }

    #service-popup .lst-item .item-box.evc img {
        width: 64px;
        height: 64px;
        border-radius: 8px;
    }

    #service-popup .lst-item .item-box.evc .detail {
        display: flex;
        flex-direction: column;
        gap: 4px;
        align-items: flex-start;
    }

        #service-popup .lst-item .item-box.evc .detail p {
            margin: 0px;
            color: #212121;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

        #service-popup .lst-item .item-box.evc .detail h3 {
            margin: 0px;
            color: #1E2B35;
            font-weight: 500;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

            #service-popup .lst-item .item-box.evc .detail h3 span {
                font-weight: 700;
            }

.service-management .coupon-detail .counpon-detail .list-service .item.etk {
    display: flex;
    flex-direction: column;
    height: unset;
    align-items: flex-start;
}

    .service-management .coupon-detail .counpon-detail .list-service .item.etk .header-item, .service-management .coupon-detail .counpon-detail .list-service .item.egift .header-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

        .service-management .coupon-detail .counpon-detail .list-service .item.etk .header-item .header-box span, .service-management .coupon-detail .counpon-detail .list-service .item.egift .header-item span {
            font-weight: 600;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0.3px;
        }

        .service-management .coupon-detail .counpon-detail .list-service .item.etk .header-item .header-box, .service-management .coupon-detail .counpon-detail .list-service .item.egift .header-item .header-box {
            display: flex;
            align-items: center;
            gap: 12px;
        }

    .service-management .coupon-detail .counpon-detail .list-service .item.etk .price-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
        border-top: 1px solid #CAD5DE;
        width: 100%;
        padding-top: 8px;
    }

        .service-management .coupon-detail .counpon-detail .list-service .item.etk .price-list .etk-pack {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

            .service-management .coupon-detail .counpon-detail .list-service .item.etk .price-list .etk-pack span {
                color: #1E2B35;
                font-weight: 500;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
            }

            .service-management .coupon-detail .counpon-detail .list-service .item.etk .price-list .etk-pack .etk-price-list {
                display: flex;
                gap: 8px;
            }

                .service-management .coupon-detail .counpon-detail .list-service .item.etk .price-list .etk-pack .etk-price-list .etk-price {
                    display: flex;
                    flex-direction: column;
                    gap: 8px;
                    padding: 8px 16px;
                    border-radius: 12px;
                    border: 1px solid #BDBDBD;
                }

                    .service-management .coupon-detail .counpon-detail .list-service .item.etk .price-list .etk-pack .etk-price-list .etk-price span {
                        font-weight: 500;
                        font-size: 12px;
                        line-height: 160%;
                        letter-spacing: 0px;
                        vertical-align: middle;
                    }

                    .service-management .coupon-detail .counpon-detail .list-service .item.etk .price-list .etk-pack .etk-price-list .etk-price .price {
                        display: flex;
                        align-items: baseline;
                        font-weight: 400;
                        font-size: 10px;
                        line-height: 160%;
                        letter-spacing: 0px;
                        gap: 2px;
                    }

                        .service-management .coupon-detail .counpon-detail .list-service .item.etk .price-list .etk-pack .etk-price-list .etk-price .price span {
                            font-weight: 700;
                        }

.service-management .coupon-detail .counpon-detail .list-service .item.egift {
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 24px;
    gap: 8px;
    border-radius: 24px;
    border: 1px solid #CAD5DE;
    height: unset;
}

    .service-management .coupon-detail .counpon-detail .list-service .item.egift .price-list {
        display: flex;
        gap: 8px;
        border-top: 1px solid #CAD5DE;
        padding-top: 8px;
        width: 100%;
    }

        .service-management .coupon-detail .counpon-detail .list-service .item.egift .price-list .eg-price {
            padding: 12px;
            border: 1px solid #BDBDBD;
            border-radius: 12px;
            color: #1E2B35;
            font-weight: 500;
            font-size: 12px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
        }

.stop-sell-icon {
    width: 16px;
    height: 16px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/stop-sell-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.service-management .service-detail-box .register-box .content-box .disabled-btn, .contract-confirm .confirm-defalt-btn.disabled-btn {
    padding: 8px 12px;
    border-radius: 100px;
    height: 48px;
    background-color: #E0E0E0;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    line-height: 185%;
    letter-spacing: 0.3px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
}

.information .finance span {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0px;
}

.information .finance .package-money {
    display: flex;
    gap: 16px;
}

    .information .finance .package-money .package-info {
        padding: 12px 16px;
        display: flex;
        flex-direction: column;
        gap: 4px;
        background-color: #F5F5F5;
        border-radius: 16px;
        flex: 1;
    }

        .information .finance .package-money .package-info .info {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

            .information .finance .package-money .package-info .info span {
                color: #fff;
                font-weight: 500;
                font-size: 12px;
                line-height: 160%;
                letter-spacing: 0px;
            }

            .information .finance .package-money .package-info .info .store-info span {
                color: #fff;
                font-weight: 500;
                font-size: 24px;
                line-height: 150%;
                letter-spacing: 0.45px;
            }

            .information .finance .package-money .package-info .info .store-info {
                display: flex;
                flex-direction: column;
                gap: 12px;
            }

                .information .finance .package-money .package-info .info .store-info p {
                    margin: 0;
                    font-weight: 400;
                    font-size: 12px;
                    color: #fff;
                }

                    .information .finance .package-money .package-info .info .store-info p span {
                        font-weight: 700;
                        font-size: 12px;
                    }

        .information .finance .package-money .package-info a {
            display: flex;
            justify-content: flex-end;
            gap: 4px;
            cursor: pointer;
            color: #fff;
        }

            .information .finance .package-money .package-info a span {
                font-size: 14px;
                font-weight: 500;
            }

.information .package-registration .my-pack .box-pack .detail-pack .detail p {
    align-items: center;
}

.information .finance .package-money .balance-info {
    display: flex;
    flex: 1;
    border-radius: 16px;
    border: 1px solid #CAD5DE;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
}

    .information .finance .package-money .balance-info .balance-money {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .information .finance .package-money .balance-info .balance-money .balance {
            display: flex;
            gap: 12px;
            align-items: center;
        }

            .information .finance .package-money .balance-info .balance-money .balance span {
                color: #1E2B35;
                font-weight: 500;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
            }

        .information .finance .package-money .balance-info .balance-money .balance-total {
            color: #1E2B35;
            font-weight: 500;
            font-size: 36px;
            line-height: 120%;
            letter-spacing: 0px;
            position: relative;
        }

            .information .finance .package-money .balance-info .balance-money .balance-total span {
                font-weight: 500;
                line-height: 20px;
                position: absolute;
            }

    .information .finance .package-money .balance-info a {
        display: flex;
        gap: 4px;
    }

        .information .finance .package-money .balance-info a span {
            font-weight: 500;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0.2px;
        }

.information .finance .transaction-history .header-tran, .information .finance .transaction-history .item-tran {
    display: grid;
    grid-template-columns: 3fr 3fr 2fr 3fr;
}

    .information .finance .transaction-history .header-tran span, .information .finance .transaction-history .item-tran .tran-text {
        font-weight: 700;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.2px;
        padding: 16px;
    }

    .information .finance .transaction-history .item-tran span {
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        padding: 16px;
    }

.information .package-registration .header-pack, .information .money-charge .money-box .header-pack, .information .package-payment .detail-package .header-pack, .package-info .pack-info .header-pack {
    display: flex;
    gap: 12px;
    align-items: center;
}

    .information .package-registration .header-pack .dropdown-icon-24, .information .money-charge .money-box .header-pack .dropdown-icon-24, .information .package-payment .detail-package .header-pack .dropdown-icon-24, .package-info .pack-info .header-pack .dropdown-icon-24 {
        width: 24px;
        height: 24px;
        background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images//dropdown-icon-24.png");
        background-size: cover;
        transition: 0.3s ease;
        cursor: pointer;
        transform: rotate(90deg);
    }

    .information .package-registration .header-pack span, .information .package-registration span, .information .money-charge .money-box .header-pack span, .information .package-payment .detail-package .header-pack span, .package-info .pack-info .header-pack span {
        font-weight: 700;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0px;
    }

.information .package-registration .my-pack {
    display: flex;
    gap: 24px;
}

    .information .package-registration .my-pack .box-pack {
        flex: 1;
        flex-direction: column;
        gap: 12px;
        display: flex;
    }

        .information .package-registration .my-pack .box-pack .detail-pack {
            padding: 16px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            border-radius: 24px;
            padding: 16px;
        }

            .information .package-registration .my-pack .box-pack .detail-pack .detail {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                padding: 0px;
            }

                .information .package-registration .my-pack .box-pack .detail-pack .detail span, .information .package-registration .pack-group-box .store-type-box .header-box .info span {
                    font-weight: 500;
                    font-size: 12px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

                .information .package-registration .my-pack .box-pack .detail-pack .detail p, .information .package-registration .pack-group-box .store-type-box .header-box .info .name {
                    margin: 0;
                    display: flex;
                    gap: 6px;
                    padding: 4px;
                    height: 56px;
                    font-weight: 500;
                    font-size: 32px;
                    line-height: 150%;
                    letter-spacing: 0.45px;
                }

            .information .package-registration .my-pack .box-pack .detail-pack .hsd {
                font-weight: 500;
                font-size: 12px;
                line-height: 160%;
                color: #fff;
            }

                .information .package-registration .my-pack .box-pack .detail-pack .hsd span {
                    font-weight: 700;
                    font-size: 12px;
                }

            .information .package-registration .my-pack .box-pack .detail-pack .extend-pack {
                display: flex;
                gap: 12px;
                border-radius: 12px;
                padding: 8px 12px;
                align-items: center;
                background-color: #fff;
                width: fit-content;
            }

                .information .package-registration .my-pack .box-pack .detail-pack .extend-pack span {
                    color: #1E2B35;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

                .information .package-registration .my-pack .box-pack .detail-pack .extend-pack .switch {
                    height: 26px;
                    width: 44px;
                }

                .information .package-registration .my-pack .box-pack .detail-pack .extend-pack .slider-switch {
                    height: 26px;
                    width: 44px;
                    top: 0;
                }

                    .information .package-registration .my-pack .box-pack .detail-pack .extend-pack .slider-switch:before {
                        width: 22px;
                        height: 22px;
                        bottom: 2px;
                        left: 3px;
                        line-height: 16px;
                    }

                .information .package-registration .my-pack .box-pack .detail-pack .extend-pack .switch input:checked + .slider-switch::before {
                    transform: translateX(16px);
                    line-height: 19px;
                }

        .information .package-registration .my-pack .box-pack .extend-box {
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

            .information .package-registration .my-pack .box-pack .extend-box a {
                padding: 8px 12px;
                border-radius: 100px;
                border: 1px solid #1E2B35;
                height: 32px;
                color: #1E2B35;
                font-weight: 600;
                font-size: 12px;
                line-height: 120%;
                letter-spacing: 0px;
                vertical-align: middle;
                cursor: pointer;
            }

        .information .package-registration .my-pack .box-pack .sku {
            padding: 12px 16px;
            height: 210px;
            width: 246px;
            border-radius: 24px;
            border: 1px solid #CAD5DE;
            display: flex;
            flex-direction: column;
            gap: 12px;
            justify-content: center;
        }

            .information .package-registration .my-pack .box-pack .sku .sky-active {
                display: flex;
                gap: 12px;
                align-items: center;
            }

                .information .package-registration .my-pack .box-pack .sku .sky-active span {
                    color: #1E2B35;
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    vertical-align: middle;
                }

            .information .package-registration .my-pack .box-pack .sku .sku-count {
                font-weight: 500;
                font-size: 48px;
                position: relative;
            }

                .information .package-registration .my-pack .box-pack .sku .sku-count span {
                    font-weight: 500;
                    font-size: 32px;
                    position: absolute;
                    bottom: 0;
                }

.information .package-registration .pack-group-box {
    display: flex;
    gap: 24px;
}

    .information .package-registration .pack-group-box .store-type-box {
        border-radius: 24px;
        display: flex;
        flex-direction: column;
    }

        .information .package-registration .pack-group-box .store-type-box .header-box {
            padding: 16px 16px 12px 16px;
            display: flex;
            align-items: center;
            background-color: #0B7B69;
            border-top-left-radius: 24px;
            border-top-right-radius: 24px;
        }

        .information .package-registration .pack-group-box .store-type-box.vip-seller .header-box {
            background-color: #F6AA00;
        }

        .information .package-registration .pack-group-box .store-type-box.pro-seller .header-box {
            background-color: #1A1265;
        }

        .information .package-registration .pack-group-box .store-type-box .header-box .info {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

            .information .package-registration .pack-group-box .store-type-box .header-box .info p {
                margin: 0;
                font-weight: 400;
                font-style: Italic;
                font-size: 14px;
                line-height: 100%;
                letter-spacing: 0px;
                color: #FAFAFA;
                height: 28px;
            }

            .information .package-registration .pack-group-box .store-type-box .header-box .info .price-pack {
                display: flex;
                position: relative;
            }

                .information .package-registration .pack-group-box .store-type-box .header-box .info .price-pack .price {
                    font-weight: 600;
                    font-size: 36px;
                    display: flex;
                    align-items: baseline;
                    color: #FAFAFA;
                }

                    .information .package-registration .pack-group-box .store-type-box .header-box .info .price-pack .price span {
                        font-weight: 500;
                        font-size: 24px;
                        color: #FAFAFA;
                    }

                .information .package-registration .pack-group-box .store-type-box .header-box .info .price-pack p {
                    font-weight: 600;
                    font-size: 14px;
                    font-style: unset;
                    color: #FAFAFA;
                }

            .information .package-registration .pack-group-box .store-type-box .header-box .info span, .information .package-registration .pack-group-box .store-type-box .header-box .info .name {
                color: #FAFAFA;
            }

        .information .package-registration .pack-group-box .store-type-box .header-box .choose-pack-btn {
            border-radius: 100px;
            border: 1px solid #FAFAFA;
            padding: 8px 16px;
            height: 40px;
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            line-height: 140%;
            letter-spacing: 0px;
            vertical-align: middle;
            text-decoration: none;
            cursor: pointer;
        }

        .information .package-registration .pack-group-box .store-type-box .detail-type-box {
            padding: 12px 16px;
            border-bottom-left-radius: 24px;
            border-bottom-right-radius: 24px;
            border-bottom: 1px solid #CAD5DE;
            border-left: 1px solid #CAD5DE;
            border-right: 1px solid #CAD5DE;
            background-color: #FFFFFF;
            flex: 1;
        }

            .information .package-registration .pack-group-box .store-type-box .detail-type-box .service {
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

                .information .package-registration .pack-group-box .store-type-box .detail-type-box .service span {
                    font-weight: 500;
                    font-size: 14px;
                }

                .information .package-registration .pack-group-box .store-type-box .detail-type-box .service .list-services {
                    display: flex;
                    flex-direction: column;
                    gap: 8px;
                }

                    .information .package-registration .pack-group-box .store-type-box .detail-type-box .service .list-services .active-service {
                        display: flex;
                        gap: 12px;
                        align-items: center;
                    }

                        .information .package-registration .pack-group-box .store-type-box .detail-type-box .service .list-services .active-service span {
                            font-weight: 500;
                            font-size: 14px;
                        }

.info .date-combo-box .date-time span.datetime-input, .service-create .ecode .ecode-info .ecode-detail-info .info span.datetime-input {
    color: #F6911E;
    font-weight: 700;
}

.information .money-charge {
    display: flex;
    gap: 24px;
    flex: 1;
}

    .information .money-charge .money-box {
        flex: 1;
        background-color: #fff;
        padding: 24px;
        display: flex;
        flex-direction: column;
        border-radius: 32px;
        gap: 24px;
    }

        .information .money-charge .money-box .body-money {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

            .information .money-charge .money-box .body-money .price-list-box {
                display: flex;
                flex-direction: column;
                gap: 32px;
            }

                .information .money-charge .money-box .body-money .price-list-box .price-list {
                    display: flex;
                    flex-direction: column;
                    gap: 12px;
                }

                    .information .money-charge .money-box .body-money .price-list-box .price-list span, .information .money-charge .money-box .body-money .payment span, .information .money-charge .money-detail .detail-money-charge span {
                        font-weight: 700;
                        font-size: 18px;
                    }

                    .information .money-charge .money-box .body-money .price-list-box .price-list .price-list-item {
                        display: grid;
                        grid-template-columns: 1fr 1fr 1fr 1fr;
                        gap: 16px;
                    }

                        .information .money-charge .money-box .body-money .price-list-box .price-list .price-list-item .price-box {
                            padding: 16px;
                            height: 56px;
                            border-radius: 12px;
                            border: 1px solid #CAD5DE;
                            display: flex;
                            justify-content: center;
                            font-weight: 500;
                            font-size: 14px;
                            line-height: 160%;
                            letter-spacing: 0px;
                            vertical-align: middle;
                            text-decoration: none;
                            cursor: pointer;
                            color: #000000;
                        }

#content-info .list-noti .item .noti-detail {
    flex: 1;
}

.information .money-charge .money-box .body-money .price-list-box .price-list .price-list-item .price-box.active {
    border: 1px solid #F6911E;
    color: #F6911E;
}

.information .money-charge .money-box .body-money .price-list-box .price-list .other-price, .information .package-payment .payment-detail-box .payment-count-box .coupon .other-price {
    display: flex;
    gap: 12px;
}

    .information .money-charge .money-box .body-money .price-list-box .price-list .other-price input, .information .package-payment .payment-detail-box .payment-count-box .coupon .other-price input {
        border-radius: 12px;
        border: 1px solid #CAD5DE;
        padding: 8px 12px;
        height: 54px;
        outline: none;
        flex: 1;
    }

    .information .money-charge .money-box .body-money .price-list-box .price-list .other-price .confirm-default-btn, .information .package-payment .payment-detail-box .payment-count-box .coupon .other-price .confirm-default-btn {
        padding: 8px 12px;
        height: 54px;
        background-color: #F6911E;
        border-radius: 12px;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        line-height: 210%;
        letter-spacing: 0.3px;
        vertical-align: middle;
        text-decoration: none;
        cursor: pointer;
    }

.information .money-charge .money-box .body-money .payment, .information .package-payment .payment-detail-box .payment-count-box .payment {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .information .money-charge .money-box .body-money .payment .payment-way, .information .package-payment .payment-detail-box .payment-count-box .payment .payment-way {
        display: flex;
        flex-direction: column;
        gap: 16px;
        border-radius: 12px;
        padding: 16px;
        border: 1px solid #2F404C;
    }

        .information .money-charge .money-box .body-money .payment .payment-way .vnpay, .information .package-payment .payment-detail-box .payment-count-box .payment .payment-way .vnpay {
            display: flex;
            gap: 12px;
            align-items: center;
        }

            .information .money-charge .money-box .body-money .payment .payment-way .vnpay span, .information .package-payment .payment-detail-box .payment-count-box .payment .payment-way .vnpay span {
                color: #1E2B35;
                font-weight: 500;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: 0.2px;
                vertical-align: middle;
            }

        .information .money-charge .money-box .body-money .payment .payment-way .payment-list, .information .package-payment .payment-detail-box .payment-count-box .payment .payment-way .payment-list {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

            .information .money-charge .money-box .body-money .payment .payment-way .payment-list .qr-pay, .information .package-payment .payment-detail-box .payment-count-box .payment .payment-way .payment-list .qr-pay {
                display: flex;
                flex-direction: column;
            }

                .information .money-charge .money-box .body-money .payment .payment-way .payment-list .qr-pay .header-pay, .information .package-payment .payment-detail-box .payment-count-box .payment .payment-way .payment-list .qr-pay .header-pay {
                    display: flex;
                    gap: 12px;
                    align-items: center;
                }

                    .information .money-charge .money-box .body-money .payment .payment-way .payment-list .qr-pay .header-pay span, .information .package-payment .payment-detail-box .payment-count-box .payment .payment-way .payment-list .qr-pay .header-pay span {
                        font-weight: 500;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0px;
                        vertical-align: middle;
                    }

                .information .money-charge .money-box .body-money .payment .payment-way .payment-list .qr-pay .detail-pay, .information .package-payment .payment-detail-box .payment-count-box .payment .payment-way .payment-list .qr-pay .detail-pay {
                    padding-left: 28px;
                    font-weight: 400;
                    font-size: 10px;
                }

                    .information .money-charge .money-box .body-money .payment .payment-way .payment-list .qr-pay .detail-pay span, .information .package-payment .payment-detail-box .payment-count-box .payment .payment-way .payment-list .qr-pay .detail-pay span {
                        font-weight: 700;
                        font-size: 10px;
                        color: #F6911E;
                    }

                .information .money-charge .money-box .body-money .payment .payment-way .payment-list .qr-pay .detail-pay-list, .information .package-payment .payment-detail-box .payment-count-box .payment .payment-way .payment-list .qr-pay .detail-pay-list {
                    display: flex;
                    gap: 6px;
                    padding-left: 28px;
                }

.information .money-charge .money-detail {
    background-color: #fff;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 24px;
    min-width: 360px;
    height: fit-content;
    flex: 1;
}

    .information .money-charge .money-detail .detail-money-charge {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .information .money-charge .money-detail .detail-money-charge .money-text {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
        }

            .information .money-charge .money-detail .detail-money-charge .money-text span {
                font-weight: 700;
                font-size: 14px;
                padding: 8px 16px;
            }

            .information .money-charge .money-detail .detail-money-charge .money-text p {
                margin: 0;
                padding: 8px 16px;
                font-weight: 400;
                font-size: 14px;
            }

            .information .money-charge .money-detail .detail-money-charge .money-text:first-child {
                border-bottom: 1px solid #CAD5DE;
            }

    .information .package-payment .payment-detail-box .disable-btn, .information .money-charge .money-detail .confirm-default-btn {
        padding: 8px 16px;
        border-radius: 100px;
        height: 48px;
        background-color: #F6911E;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        line-height: 180%;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }

        .information .money-charge .money-detail .confirm-default-btn.disable-btn {
            padding: 8px 16px;
            border-radius: 100px;
            height: 48px;
            background-color: #E0E0E0;
            color: #fff;
            font-weight: 600;
            font-size: 16px;
            line-height: 180%;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
        }

.information .money-charge .money-box .body-money .price-list-box .price-list .other-price .confirm-default-btn.disabled, .popup .extend-program .btn-box .confirm-default-btn.disabled, #content-info-popup .btn-box .confirm-default-btn.disabled {
    background-color: #E0E0E0;
    pointer-events: none;
    cursor: not-allowed;
}

.information .package-payment {
    display: flex;
    gap: 12px;
    width: 100%;
}

    .information .package-payment .detail-package {
        display: flex;
        flex-direction: column;
        padding: 24px;
        gap: 24px;
        border-radius: 32px;
        background-color: #fff;
        flex: 1;
    }

    .information .package-payment .payment-detail-box {
        max-width: 450px;
        padding: 32px 24px;
        display: flex;
        flex-direction: column;
        gap: 32px;
        border-radius: 24px;
        background-color: #fff;
        height: fit-content;
    }

    .information .package-payment .detail-package .body-package {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

        .information .package-payment .detail-package .body-package .pack-type {
            display: flex;
            gap: 24px;
        }

            .information .package-payment .detail-package .body-package .pack-type .type {
                display: flex;
                gap: 16px;
                padding: 16px;
                border-radius: 12px;
                border: 1px solid #CAD5DE;
                height: 56px;
                flex: 1;
                cursor: pointer;
            }

        .information .package-payment .detail-package .body-package .expiration {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

            .information .package-payment .detail-package .body-package .expiration span, .information .package-payment .detail-package .body-package .general-pack span, .information .package-payment .detail-package .body-package .package-detail-box span {
                color: #1E2B35;
                font-weight: 700;
                font-size: 18px;
            }

            .information .package-payment .detail-package .body-package .expiration .days-box {
                display: flex;
                gap: 16px;
            }

                .information .package-payment .detail-package .body-package .expiration .days-box .day {
                    display: flex;
                    padding: 12px 16px;
                    gap: 8px;
                    border-radius: 12px;
                    border: 1px solid #CAD5DE;
                    flex: 1;
                    cursor: pointer;
                }

                    .information .package-payment .detail-package .body-package .expiration .days-box .day span {
                        color: #2F404C;
                        font-weight: 500;
                        font-size: 14px;
                    }

        .information .package-payment .detail-package .body-package .package-detail-box {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

            .information .package-payment .detail-package .body-package .package-detail-box .detail-package {
                padding: 16px 24px;
                border-radius: 24px;
                border: 1px solid #AAB9C5;
                display: flex;
                flex-direction: column;
                gap: 16px;
            }

                .information .package-payment .detail-package .body-package .package-detail-box .detail-package .service-box {
                    display: flex;
                    flex-direction: column;
                    gap: 8px;
                }

                    .information .package-payment .detail-package .body-package .package-detail-box .detail-package .service-box span {
                        color: #111827;
                        font-weight: 500;
                        font-size: 14px;
                    }

                    .information .package-payment .detail-package .body-package .package-detail-box .detail-package .service-box .list-services {
                        display: grid;
                        justify-content: space-between;
                        grid-template-columns: 1fr 1fr;
                    }

                        .information .package-payment .detail-package .body-package .package-detail-box .detail-package .service-box .list-services .active-service {
                            display: flex;
                            gap: 12px;
                            align-items: center;
                        }

.package-list-icon {
    width: 24px;
    height: 24px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/icon-list-pkg.svg");
    background-size: cover;
    transition: 0.3s ease;
}

.information .package-payment .payment-detail-box .payment-count-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .information .package-payment .payment-detail-box .payment-count-box .money-info, .information .package-payment .payment-detail-box .payment-count-box .coupon {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

        .information .package-payment .payment-detail-box .payment-count-box .money-info span, .information .package-payment .payment-detail-box .payment-count-box .coupon span {
            color: #1E2B35;
            font-weight: 700;
            font-size: 18px;
        }

        .information .package-payment .payment-detail-box .payment-count-box .money-info .box-money-detail .money-text {
            display: flex;
            justify-content: space-between;
        }

            .information .package-payment .payment-detail-box .payment-count-box .money-info .box-money-detail .money-text:last-child {
                border-top: 1px solid #CAD5DE;
            }

            .information .package-payment .payment-detail-box .payment-count-box .money-info .box-money-detail .money-text span {
                padding: 8px 16px;
                color: #212121;
                font-weight: 700;
                font-size: 14px;
            }

            .information .package-payment .payment-detail-box .payment-count-box .money-info .box-money-detail .money-text p {
                padding: 8px 16px;
                font-weight: 400;
                font-size: 14px;
                color: #212121;
            }

.service-management .reviewing .review-list #lst-review .item-row .item-review .response-review {
    display: flex;
    gap: 32px;
    padding-left: 24px;
    align-items: center;
}

    .service-management .reviewing .review-list #lst-review .item-row .item-review .response-review .store-name {
        display: flex;
        gap: 4px;
        align-items: center;
        margin-top: 0px;
        margin-left: 0px;
    }

        .service-management .reviewing .review-list #lst-review .item-row .item-review .response-review .store-name img {
            height: 32px;
            width: 32px;
        }

        .service-management .reviewing .review-list #lst-review .item-row .item-review .response-review .store-name span {
            color: #1E2B35;
            font-weight: 500;
            font-size: 16px;
        }

    .service-management .reviewing .review-list #lst-review .item-row .item-review .response-review .input-reply-box {
        display: flex;
        gap: 16px;
        align-items: center;
        padding: 8px 12px;
        border-radius: 12px;
        border: 1px solid #CAD5DE;
        flex: 1;
    }

        .service-management .reviewing .review-list #lst-review .item-row .item-review .response-review .input-reply-box input {
            border: none;
            outline: none;
            flex: 1;
        }

.marketing-service .item-list .marketing-item {
    display: flex;
    min-height: 200px;
    min-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reply-comment-icon {
    height: 32px;
    min-width: 32px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/reply-comment-icon.png");
    background-size: cover;
    transition: 0.3s ease;
    cursor: pointer;
}

.header-uni {
    display: flex;
    justify-content: space-between;
}

    .header-uni .logo-head {
        display: flex;
        gap: 12px;
        align-items: center;
    }

        .header-uni .logo-head span {
            color: #1E2B35;
            font-weight: 400;
            font-size: 24px;
        }

    .header-uni .head-box {
        display: flex;
        gap: 8px;
        align-items: center;
        width: 100%;
    }

        .header-uni .head-box .search-box {
            padding: 8px 12px;
            gap: 10px;
            border-radius: 12px;
            border: 1px solid #CAD5DE;
            max-width: 320px;
            display: flex;
            align-items: center;
            position: relative;
            margin-left: auto;
        }

            .header-uni .head-box .search-box input {
                flex: 1;
                border: none;
                outline: none;
            }

        .header-uni .head-box .user-info {
            display: flex;
            gap: 12px;
            align-items: center;
            line-height: unset;
        }

            .header-uni .head-box .user-info img {
                width: 48px;
                height: 48px;
            }

            .header-uni .head-box .user-info .brand {
                display: flex;
                flex-direction: column;
                line-height: unset;
            }

                .header-uni .head-box .user-info .brand span {
                    font-weight: 400;
                    font-size: 12px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

                .header-uni .head-box .user-info .brand .brand-name {
                    display: flex;
                    gap: 8px;
                    align-items: center;
                }

                    .header-uni .head-box .user-info .brand .brand-name span {
                        font-weight: 500;
                        font-size: 16px;
                        line-height: 150%;
                        letter-spacing: 0.2px;
                    }

.footer-uni {
    display: flex;
    border-top: 1px solid #E9EEF4;
    min-height: 96px;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

    .footer-uni .social-box {
        display: flex;
        gap: 24px;
    }

        .footer-uni .social-box a img {
            height: 24px;
            width: 24px;
        }

.d2d-uni {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

    .d2d-uni .introduction {
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding-top: 20px;
    }

        .d2d-uni .introduction span, .d2d-uni .rules span {
            font-weight: 500;
            font-size: 24px;
            line-height: 125%;
            letter-spacing: 0px;
        }

    .d2d-uni .rules .question-btn {
        cursor: pointer;
        text-decoration: none;
    }

    .d2d-uni .introduction .use-group-box {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 16px;
    }

        .d2d-uni .introduction .use-group-box .use-box {
            padding: 16px 32px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            border-radius: 16px;
            background-color: #fff;
            align-items: center;
            text-decoration: none;
            cursor: pointer;
        }

            .d2d-uni .introduction .use-group-box .use-box .icon-box {
                background-color: #E9EEF4;
                border-radius: 100px;
                padding: 16px;
                align-items: center;
                display: flex;
                width: fit-content;
            }

            .d2d-uni .introduction .use-group-box .use-box span {
                font-weight: 500;
                font-size: 16px;
            }

            .d2d-uni .introduction .use-group-box .use-box .icon-box .icon-topic {
                height: 32px;
                width: 32px;
            }

    .d2d-uni .rules {
        display: flex;
        gap: 24px;
        flex-direction: column;
    }

        .d2d-uni .rules .questions {
            display: flex;
            flex-direction: column;
            padding: 24px;
            gap: 16px;
            border-radius: 24px;
            background-color: #fff;
        }

    .d2d-uni .contact, .service-management .contact {
        display: flex;
        flex-direction: column;
        border-radius: 32px;
        padding: 42px 64px;
        background-color: #fff;
        align-items: center;
    }

.information .content-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
}

    .information .content-info .contact {
        display: flex;
        flex-direction: column;
        border-radius: 32px;
        padding: 42px 64px;
        background-color: #fff;
        align-items: center;
        background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/bg-support.svg);
        background-repeat: no-repeat;
    }

        .d2d-uni .contact span, .service-management .contact span, .information .content-info .contact span {
            color: #1E2B35;
            font-size: 32px;
            line-height: 100%;
            letter-spacing: 0px;
        }

        .d2d-uni .contact .support-box, .service-management .contact .support-box, .information .content-info .contact .support-box {
            display: flex;
            gap: 24px;
        }

            .d2d-uni .contact .support-box .hotline, .service-management .contact .support-box .hotline, .information .content-info .contact .support-box .hotline {
                padding: 12px 32px;
                display: flex;
                gap: 4px;
                border-radius: 12px;
                border: 1px solid #4D6577;
                align-items: center;
                font-weight: 400;
                font-size: 14px;
                line-height: 100%;
                letter-spacing: 0.17px;
            }

                .d2d-uni .contact .support-box .hotline span, .service-management .contact .support-box .hotline span, .information .content-info .contact .support-box .hotline span {
                    font-weight: 700;
                    font-size: 18px;
                    line-height: 140%;
                    letter-spacing: 0px;
                }

                    .information .content-info .contact .support-box .hotline span a {
                        text-decoration: none;
                    }

.service-management .detail-topic {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 24px 32px;
    border-radius: 24px;
    gap: 16px;
}

    .service-management .detail-topic .questions {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

        .service-management .detail-topic .questions span, .service-management .detail-topic .regular-question span {
            font-weight: 700;
            font-size: 24px;
            line-height: 140%;
            letter-spacing: 0px;
        }

        .service-management .detail-topic .questions .question-topic {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 24px;
        }

            .service-management .detail-topic .questions .question-topic .question-box span {
                padding-top: 4px;
                padding-bottom: 4px;
                font-weight: 700;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0.2px;
            }

            .service-management .detail-topic .questions .question-topic .question-box .question-detail {
                display: flex;
                flex-direction: column;
            }

                .service-management .detail-topic .questions .question-topic .question-box .question-detail a {
                    padding: 4px 0px 4px 4px;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    cursor: pointer;
                    text-decoration: none;
                }

    .service-management .detail-topic .regular-question {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

        .service-management .detail-topic .regular-question a {
            cursor: pointer;
            text-decoration: none;
            font-weight: 500;
            font-size: 18px;
            line-height: 150%;
            letter-spacing: 0px;
        }

.header-uni .box-login {
    display: flex;
    gap: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .header-uni .box-login a:first-child {
        padding: 8px 16px;
        height: 40px;
        width: 120px;
        border-radius: 100px;
        border: 1px solid #1E2B35;
        color: #616161;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.2px;
        vertical-align: middle;
        text-decoration: none;
        text-align: center;
    }

    .header-uni .box-login a:last-child {
        padding: 8px 16px;
        height: 40px;
        width: 111px;
        border-radius: 100px;
        background-color: #F6911E;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        text-decoration: none;
        text-align: center;
    }

.popup .eticket-group .pack-item .etk-detail .etk-list .add-ticket {
    display: flex;
    text-decoration: none;
    gap: 4px;
    align-items: center;
    cursor: pointer;
}

.new-etk-list .etk-info .detail-info .infomation {
    flex: 1;
}

.popup .extend-program #etk-new-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .popup .extend-program #etk-new-list .eticket-create-box {
        padding: 24px;
        border-radius: 32px;
        gap: 16px;
        display: flex;
        flex-direction: column;
    }

.popup .extend-program .eticket-group #etk-new-list .eticket-create-box .detail-eticket .eticket-list .etk-list .eticket-detail .etk-info .detail-info .infomation span, .popup .extend-program .eticket-group #etk-new-list .eticket-create-box .detail-eticket .eticket-list .etk-list .eticket-detail .etk-info .detail-info .count span {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
}

.service-management .detail-faq {
    display: flex;
    gap: 12px;
}

    .service-management .detail-faq .list-content-box {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        max-width: 350px;
        border-radius: 24px;
        padding: 16px 12px;
        gap: 4px;
        height: fit-content;
    }

        .service-management .detail-faq .list-content-box a {
            padding: 8px 12px;
            color: #597488;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0.2px;
            text-decoration: none;
            cursor: pointer;
        }

            .service-management .detail-faq .list-content-box a.active {
                font-weight: 500;
                color: #1E2B35;
                cursor: not-allowed;
            }

    .service-management .detail-faq .answer {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding: 24px 32px;
        border-radius: 24px;
        flex: 1;
        gap: 32px;
    }

        .service-management .detail-faq .answer .header-answer {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

            .service-management .detail-faq .answer .header-answer span {
                color: #4D6577;
                font-weight: 400;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
            }

            .service-management .detail-faq .answer .header-answer h1 {
                color: #111827;
                font-weight: 700;
                font-size: 24px;
                line-height: 140%;
                letter-spacing: 0px;
                margin: 0;
            }

        .service-management .detail-faq .answer .answer-body {
            display: flex;
            flex-direction: column;
            gap: 4px;
            line-height: 1.5;
        }

#suggestions {
    position: absolute;
    background: white;
    z-index: 1000;
    top: 59px;
    width: 500px;
    left: 0;
    border-top: none;
    display: flex;
    flex-direction: column;
    display: none;
    padding: 4px;
    border-radius: 12px;
}

.suggestion-box div {
    padding: 8px;
    cursor: pointer;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
}

    .suggestion-box div:hover {
        background-color: #FEF3E2;
    }

.service-management .seller-performance {
    display: flex;
    flex-direction: column;
}

    .service-management .seller-performance span {
        font-family: Roboto;
        font-weight: 500;
        font-size: 24px;
        line-height: 125%;
        letter-spacing: 0px;
    }

    .service-management .seller-performance .statistics-performance {
        display: flex;
        background-color: #fff;
        border-radius: 16px;
    }

        .service-management .seller-performance .statistics-performance .stastic {
            padding: 24px;
            gap: 12px;
            display: flex;
            flex-direction: column;
            flex: 1;
            border-right: 1px solid #F1F2F4;
        }

            .service-management .seller-performance .statistics-performance .stastic:last-child {
                border-right: none;
            }

            .service-management .seller-performance .statistics-performance .stastic .title {
                display: flex;
                align-items: center;
                gap: 8px;
            }

                .service-management .seller-performance .statistics-performance .stastic .title span {
                    color: #111827;
                    font-weight: 600;
                    font-size: 14px;
                    letter-spacing: 0px;
                }

            .service-management .seller-performance .statistics-performance .stastic .detail {
                display: flex;
                gap: 16px;
                align-items: center;
            }

                .service-management .seller-performance .statistics-performance .stastic .detail h2 {
                    color: #111827;
                    font-weight: 700;
                    font-size: 32px;
                    letter-spacing: 0px;
                    margin: 0;
                }

                .service-management .seller-performance .statistics-performance .stastic .detail .equal-trend span {
                    font-weight: 700;
                    font-size: 12px;
                    letter-spacing: 0.2px;
                }

    .service-management .seller-performance .detail-statistic {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .service-management .seller-performance .detail-statistic .filter-voucher-box {
            padding: 16px 24px;
            background-color: #fff;
            border-radius: 16px;
            align-items: center;
        }

        .service-management .seller-performance .detail-statistic .table-performance {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

.service-management .seller-transaction {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .service-management .seller-transaction span {
        font-weight: 500;
        font-size: 24px;
        line-height: 125%;
        letter-spacing: 0px;
    }

    .service-management .seller-transaction .filter-transaction-box {
        display: flex;
        flex-direction: column;
        padding: 16px 24px;
        gap: 24px;
        border-radius: 24px;
        background-color: #fff;
    }

        .service-management .seller-transaction .filter-transaction-box .service-tab {
            display: flex;
            align-items: center;
        }

            .service-management .seller-transaction .filter-transaction-box .service-tab .tab {
                padding-left: 16px;
                padding-right: 16px;
                color: #757575;
                font-weight: 400;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                text-align: center;
                text-decoration: none;
                cursor: pointer;
                height: 42px;
                display: flex;
                align-items: center;
            }

                .service-management .seller-transaction .filter-transaction-box .service-tab .tab.active {
                    font-weight: 700;
                    color: #F6911E;
                    border-bottom: 2px solid #F6911E;
                    pointer-events: none;
                    cursor: not-allowed;
                }

        .service-management .seller-transaction .filter-transaction-box .filter-service-box {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

.download-icon {
    width: 14px;
    height: 14px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/download-icon.png");
    background-size: cover;
}

.service-management .seller-transaction .filter-transaction-box .filter-service-box .download {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid #1E2B35;
    border-radius: 12px;
    text-decoration: none;
    cursor: pointer;
}

    .service-management .seller-transaction .filter-transaction-box .filter-service-box .download span {
        color: #1E2B35;
        font-weight: 600;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

#list-transaction {
    display: flex;
    flex-direction: column;
    padding: 16px 24px;
    border-radius: 24px;
    background-color: #fff;
}

    #list-transaction .header-table {
        display: grid;
        grid-template-columns: 8fr 21fr 14fr 43fr 20fr 20fr 20fr 22fr 40fr;
        border-bottom: 2px solid #CAD5DE;
    }

        #list-transaction .header-table > *, #list-transaction .item > * {
            min-width: 0;
            overflow: hidden;
        }

        #list-transaction .header-table span {
            padding: 16px;
            color: #212121;
            font-weight: 700;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0.2px;
        }

    #list-transaction .item {
        display: grid;
        grid-template-columns: 8fr 21fr 14fr 43fr 20fr 20fr 20fr 22fr 40fr;
        border-bottom: 1px solid #CAD5DE;
    }

        #list-transaction .item span {
            padding: 16px;
            color: #212121;
            font-weight: 400;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

        #list-transaction .item .service-item {
            display: flex;
            flex-direction: column;
            padding: 8px 16px;
            min-width: 0;
        }

            #list-transaction .item .service-item .evc {
                color: #15B097;
                font-weight: 700;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0.2px;
                padding: 0px;
            }

            #list-transaction .item .service-item .egt {
                color: #2F78EE;
                font-weight: 700;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0.2px;
                padding: 0px;
            }

            #list-transaction .item .service-item .ebk {
                color: #8C62FF;
                font-weight: 700;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0.2px;
                padding: 0px;
            }

            #list-transaction .item .service-item .etk {
                color: #EDA145;
                font-weight: 700;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0.2px;
                padding: 0px;
            }

            #list-transaction .item .service-item span {
                font-weight: 600;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                display: inline-block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 0;
            }

        #list-transaction .item .acceptance-point {
            display: flex;
            padding: 8px 16px;
            gap: 8px;
            /*justify-content: center;*/
            align-items: flex-start;
        }

            #list-transaction .item .acceptance-point .map-acceptance-icon {
                margin-top: 8px;
            }

            #list-transaction .item .acceptance-point .detail {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                min-width: 0;
                padding: 0;
            }

                #list-transaction .item .acceptance-point .detail span {
                    color: #2F404C;
                    font-weight: 500;
                    font-size: 12px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    padding: 0;
                }

                #list-transaction .item .acceptance-point .detail p {
                    margin: 0;
                    font-weight: 400;
                    font-size: 10px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    color: #2F404C;
                    display: inline-block;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    max-width: 100%;
                    display: block;
                }

.map-acceptance-icon {
    min-width: 16px;
    height: 16px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/map-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.service-management .seller-performance .detail-statistic .header-list {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    padding-right: 24px;
    padding-left: 24px;
    border-radius: 16px;
    background-color: #fff;
}

    .service-management .seller-performance .detail-statistic .header-list span {
        padding: 16px;
        height: 56px;
        font-weight: 700;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.2px;
    }


.service-management .seller-performance .detail-statistic #order-list-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .service-management .seller-performance .detail-statistic #order-list-item .order-item {
        padding: 0px 16px 0px 16px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        border-radius: 24px;
        background-color: #fff;
    }

        .service-management .seller-performance .detail-statistic #order-list-item .order-item .order-header {
            border-bottom: 1px solid #CAD5DE;
            display: flex;
        }

            .service-management .seller-performance .detail-statistic #order-list-item .order-item .order-header .order-id {
                padding: 16px;
                display: flex;
                gap: 4px;
                align-items: center;
            }

                .service-management .seller-performance .detail-statistic #order-list-item .order-item .order-header .order-id span {
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

                .service-management .seller-performance .detail-statistic #order-list-item .order-item .order-header .order-id p {
                    margin: 0;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0.2px;
                }

            .service-management .seller-performance .detail-statistic #order-list-item .order-item .order-header .customer-info {
                flex: 1;
                display: flex;
                align-items: baseline;
            }

                .service-management .seller-performance .detail-statistic #order-list-item .order-item .order-header .customer-info span {
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    color: #212121;
                    padding: 16px;
                }

                .service-management .seller-performance .detail-statistic #order-list-item .order-item .order-header .customer-info p {
                    margin: 0;
                    padding: 16px;
                    font-weight: 600;
                    color: #212121;
                    font-size: 16px;
                    line-height: 150%;
                    letter-spacing: 0.3px;
                    flex: 1;
                }

        .service-management .seller-performance .detail-statistic #order-list-item .order-item .list-services {
            display: grid;
            grid-template-columns: 2fr 1fr 2fr;
            align-items: center;
        }

            .service-management .seller-performance .detail-statistic #order-list-item .order-item .list-services .list-item {
                display: flex;
                flex-direction: column;
                padding: 16px;
                gap: 12px;
                flex: 1;
            }

                .service-management .seller-performance .detail-statistic #order-list-item .order-item .list-services .list-item .service-item {
                    display: flex;
                    gap: 12px;
                    align-items: center;
                }

                    .service-management .seller-performance .detail-statistic #order-list-item .order-item .list-services .list-item .service-item span {
                        color: #212121;
                        font-weight: 600;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0px;
                        padding: 0;
                    }

                    .service-management .seller-performance .detail-statistic #order-list-item .order-item .list-services .list-item .service-item .evc {
                        /* color: #15B097;
                        font-weight: 700;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0.2px;
                        padding: 0;*/
                        color: #15B097;
                        font-weight: 700;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0.2px;
                        padding: 0;
                    }

                    .service-management .seller-performance .detail-statistic #order-list-item .order-item .list-services .list-item .service-item .egt {
                        color: #2F78EE;
                        font-weight: 700;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0.2px;
                        padding: 0;
                    }

                    .service-management .seller-performance .detail-statistic #order-list-item .order-item .list-services .list-item .service-item .ebk {
                        color: #8C62FF;
                        font-weight: 700;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0.2px;
                        padding: 0;
                    }

                    .service-management .seller-performance .detail-statistic #order-list-item .order-item .list-services .list-item .service-item .etk {
                        color: #EDA145;
                        font-weight: 700;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0.2px;
                        padding: 0;
                    }

                    .service-management .seller-performance .detail-statistic #order-list-item .order-item .list-services .list-item .service-item .service-info {
                        gap: 0px;
                    }

            .service-management .seller-performance .detail-statistic #order-list-item .order-item .list-services span {
                color: #212121;
                font-weight: 700;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0.2px;
                padding: 16px;
            }

.copy-orderid-icon {
    width: 16px;
    height: 16px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/copy-orderid-icon.png");
    background-size: cover;
    transition: 0.3s ease;
    cursor: pointer;
}

.service-management .booking-management {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .service-management .booking-management span {
        font-weight: 500;
        font-size: 24px;
        line-height: 125%;
        letter-spacing: 0px;
    }

    .service-management .booking-management .filter-booking-box {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding: 16px 24px;
        border-radius: 24px;
        gap: 24px;
    }

        .service-management .booking-management .filter-booking-box .status-tab {
            display: flex;
            border-bottom: 1px solid #E0E0E0;
            align-items: center;
        }

            .service-management .booking-management .filter-booking-box .status-tab .tab {
                height: 40px;
                padding: 0px 16px;
                font-weight: 400;
                color: #757575;
                font-size: 14px;
                letter-spacing: 0px;
                text-align: center;
                text-decoration: none;
                cursor: pointer;
                display: flex;
                align-items: center;
            }

                .service-management .booking-management .filter-booking-box .status-tab .tab.active {
                    cursor: not-allowed;
                    pointer-events: none;
                    border-bottom: 2px solid #F6911E;
                    color: #F6911E;
                    font-weight: 700;
                    font-size: 14px;
                }

        .service-management .booking-management .filter-booking-box .filter-voucher-box {
            display: flex;
            gap: 16px;
            align-items: center;
        }

    .service-management .booking-management #list-booking {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .service-management .booking-management #list-booking .header-list {
            background-color: #fff;
            padding: 0px 24px;
            border-radius: 12px;
        }

        .service-management .booking-management #list-booking .item {
            padding: 0px 32px;
            border-radius: 24px;
            background-color: #fff;
        }

            .service-management .booking-management #list-booking .header-list.processing, .service-management .booking-management #list-booking .item.processing .detail-item {
                display: grid;
                /*grid-template-columns: 6fr 5fr 5fr 5fr 5fr;*/
                grid-template-columns: 8fr 4fr 6fr 4fr 4fr;
                align-items: center;
            }

            .service-management .booking-management #list-booking .header-list.done, .service-management .booking-management #list-booking .item.done .detail-item {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr 1fr;
                align-items: center;
            }

        .service-management .booking-management #list-booking .header-list span {
            padding: 16px;
            height: 56px;
            font-weight: 700;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0.2px;
        }

            .service-management .booking-management #list-booking .header-list span:last-child {
                text-align: right;
            }

        .service-management .booking-management #list-booking .item .detail-item .item-name {
            padding: 16px;
            display: flex;
            gap: 12px;
            align-items: center;
        }

            .service-management .booking-management #list-booking .item .detail-item .item-name img {
                min-width: 64px;
                height: 64px;
                border-radius: 4px;
            }

            .service-management .booking-management #list-booking .item .detail-item .item-name span {
                font-weight: 600;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                color: #212121;
                padding: 0px;
            }

        .service-management .booking-management #list-booking .item .detail-item span {
            font-weight: 400;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            color: #212121;
            padding: 16px;
        }

        .service-management .booking-management #list-booking .item .detail-item .order-date {
            display: flex;
            flex-direction: column;
            padding: 16px;
        }

        .service-management .booking-management #list-booking .item.done .detail-item .booking-info, .service-management .booking-management #list-booking .item.done .detail-item .detail-booking {
            text-align: right;
            cursor: pointer;
            text-decoration: underline;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
        }

        .service-management .booking-management #list-booking .item .detail-item .order-date span {
            color: #1E2B35;
            font-weight: 500;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0.2px;
            padding: 0;
        }

        .service-management .booking-management #list-booking .item.processing .detail-item .order-date p {
            color: #597488;
            font-weight: 400;
            font-size: 12px;
            line-height: 160%;
            letter-spacing: 0px;
        }

        .service-management .booking-management #list-booking .item.processing .detail-item .status {
            padding: 16px;
        }

            .service-management .booking-management #list-booking .item.processing .detail-item .status .inprocessing {
                padding: 4px 16px;
                background-color: #E7F7EF;
                border-radius: 8px;
                font-weight: 600;
                font-size: 11px;
                line-height: 160%;
                letter-spacing: 0.2px;
                text-align: right;
                vertical-align: middle;
                color: #098046;
            }

            .service-management .booking-management #list-booking .item.processing .detail-item .status .booking-expiration {
                padding: 4px 16px;
                background-color: #FFEDEC;
                border-radius: 8px;
                font-weight: 600;
                font-size: 11px;
                line-height: 160%;
                letter-spacing: 0.2px;
                text-align: right;
                vertical-align: middle;
                color: #E03137;
            }

        .service-management .booking-management #list-booking .item.processing .detail-item .request-manage {
            text-align: right;
            text-decoration: none;
            cursor: pointer;
            color: #007AFF;
            font-weight: 500;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0.2px;
        }

        .service-management .booking-management #list-booking .item .order-header {
            display: flex;
            border-top: 1px solid #CAD5DE;
        }

            .service-management .booking-management #list-booking .item .order-header .order-id {
                padding: 16px;
                display: flex;
                gap: 4px;
                align-items: baseline;
                flex: 1;
            }

                .service-management .booking-management #list-booking .item .order-header .order-id span {
                    color: #212121;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

                .service-management .booking-management #list-booking .item .order-header .order-id p {
                    margin: 0;
                    color: #1E2B35;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0.2px;
                }

            .service-management .booking-management #list-booking .item .order-header .customer-info {
                display: flex;
                flex: 1;
            }

                .service-management .booking-management #list-booking .item .order-header .customer-info span {
                    color: #212121;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    flex: 1;
                    padding: 16px;
                }

                .service-management .booking-management #list-booking .item .order-header .customer-info p {
                    margin: 0;
                    flex: 1;
                    font-weight: 600;
                    font-size: 16px;
                    line-height: 150%;
                    letter-spacing: 0.3px;
                    color: #212121;
                    padding: 16px;
                }

                .service-management .booking-management #list-booking .item .order-header .customer-info .cus-info {
                    display: flex;
                    flex-direction: column;
                    flex: 1;
                    padding: 16px;
                }

                    .service-management .booking-management #list-booking .item .order-header .customer-info .cus-info p {
                        padding: 0;
                        margin: 0;
                        font-weight: 700;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0.2px;
                    }

        .service-management .booking-management #list-booking .info-items {
            padding: 16px 24px;
            border-radius: 24px;
            background-color: #fff;
        }

#detail-booking .booking-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    #detail-booking .booking-info .customer-info, #detail-booking .booking-info .information {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

        #detail-booking .booking-info .customer-info .detail span, #detail-booking .booking-info .information span, #detail-booking .booking-info .charge .charge-man span {
            font-weight: 500;
            color: #111827;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

        #detail-booking .booking-info .customer-info .detail {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
        }

            #detail-booking .booking-info .customer-info .detail .header-text, #detail-booking .booking-info .information .detail .status, #detail-booking .booking-info .charge .charge-man .detail .header-text {
                display: flex;
                gap: 10px;
                color: #687588;
                font-weight: 400;
                font-size: 14px;
                letter-spacing: 0px;
                line-height: 160%;
            }

                #detail-booking .booking-info .customer-info .detail .header-text span, #detail-booking .booking-info .charge .charge-man .detail .header-text span {
                    color: #111827;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

        #detail-booking .booking-info .information .detail {
            display: flex;
            flex-direction: column;
            gap: 8px;
            padding: 0;
            align-items: unset;
        }

            #detail-booking .booking-info .information .detail .status .processing {
                padding: 4px 16px;
                border-radius: 8px;
                background-color: #FFF6D3;
                font-weight: 500;
                font-size: 12px;
                line-height: 160%;
                letter-spacing: 0.2px;
                text-align: right;
                vertical-align: middle;
                color: #65520E;
            }

            #detail-booking .booking-info .information .detail .status .done {
                padding: 4px 16px;
                border-radius: 8px;
                background-color: #E7F7EF;
                font-weight: 500;
                font-size: 12px;
                line-height: 160%;
                letter-spacing: 0.2px;
                text-align: right;
                vertical-align: middle;
                color: #098046;
            }

            #detail-booking .booking-info .information .detail .status .reject {
                padding: 4px 16px;
                border-radius: 8px;
                background-color: #FFEDEC;
                font-weight: 500;
                font-size: 12px;
                line-height: 160%;
                letter-spacing: 0.2px;
                text-align: right;
                vertical-align: middle;
                color: #E03137;
            }

            #detail-booking .booking-info .information .detail .timebox {
                display: flex;
                gap: 32px;
            }

                #detail-booking .booking-info .information .detail .timebox .time {
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                    gap: 4px;
                }

                    #detail-booking .booking-info .information .detail .timebox .time span, #detail-booking .booking-info .information .detail .note span, #detail-booking .booking-info .information .detail .note, #detail-booking .booking-info .charge .note span {
                        color: #687588;
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0px;
                    }

                    #detail-booking .booking-info .information .detail .timebox .time p, #detail-booking .booking-info .information .detail .timebox .time .time-detail span {
                        color: #1E2B35;
                        font-weight: 500;
                        font-size: 16px;
                        line-height: 150%;
                        letter-spacing: 0.2px;
                        margin: 0;
                    }

                    #detail-booking .booking-info .information .detail .timebox .time .time-detail {
                        display: flex;
                        flex-direction: column;
                    }

                        #detail-booking .booking-info .information .detail .timebox .time .time-detail p {
                            color: #597488;
                            font-weight: 400;
                            font-size: 12px;
                            line-height: 160%;
                            letter-spacing: 0px;
                        }

            #detail-booking .booking-info .information .detail .note, #detail-booking .booking-info .charge .note {
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

                #detail-booking .booking-info .information .detail .note textarea, #detail-booking .booking-info .information .detail .note textarea, #detail-booking .booking-info .charge .note textarea {
                    border: 1px solid #CAD5DE;
                    padding: 16px;
                    border-radius: 12px;
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 150%;
                    letter-spacing: 0.2px;
                    vertical-align: middle;
                    color: #212121;
                    height: 108px;
                }

    #detail-booking .booking-info .charge {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        #detail-booking .booking-info .charge .charge-man {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

            #detail-booking .booking-info .charge .charge-man .detail {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 8px;
            }

    #detail-booking .booking-info .btn-booking-box {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
    }

        #detail-booking .booking-info .btn-booking-box .reject-btn {
            height: 40px;
            width: 100px;
            padding: 8px 12px;
            border-radius: 100px;
            border: 1px solid #1E2B35;
            color: #1E2B35;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
        }

        #detail-booking .booking-info .btn-booking-box .refuse-btn {
            height: 40px;
            width: 100px;
            padding: 8px 12px;
            border-radius: 100px;
            color: #FAFAFA;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            background-color: #F6251E;
        }

        #detail-booking .booking-info .btn-booking-box .success-btn {
            height: 40px;
            width: 100px;
            padding: 8px 12px;
            border-radius: 100px;
            color: #FAFAFA;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            background-color: #0CAF60;
        }

#list-transaction .item-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

#list-transaction .header-table-thch {
    border-bottom: 1px solid #CAD5DE;
}

#list-transaction .header-table-thch,
#list-transaction .item-thch {
    display: table-row;
}

    #list-transaction .header-table-thch > div,
    #list-transaction .item-thch > div {
        display: table-cell;
    }

    #list-transaction .header-table-thch > div {
        padding: 16px;
        height: 56px;
        color: #212121;
        font-weight: 700;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.2px;
    }

    #list-transaction .item-thch > div {
        padding: 16px;
        color: #212121;
        font-weight: 700;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.2px;
    }

        #list-transaction .header-table-thch > div:nth-child(1),
        #list-transaction .item-thch > div:nth-child(1) {
            width: 60px;
        }

        #list-transaction .header-table-thch > div:nth-child(5),
        #list-transaction .item-thch > div:nth-child(5) {
            width: 240px;
        }

        #list-transaction .header-table-thch > div:last-child,
        #list-transaction .item-thch > div:last-child {
            width: 80px;
        }

#list-transaction .info-items {
    padding-top: 12px;
}

#content-info.notification {
    gap: 16px;
}

#content-info .header-noti {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}


    #content-info .header-noti span {
        font-weight: 700;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0px;
    }

#content-info .noti-tab {
    display: flex;
    border-bottom: 1px solid #E0E0E0;
    align-items: center;
    height: 40px;
}

    #content-info .noti-tab .tab {
        height: 40px;
        padding: 0px 16px 0px 16px;
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        text-align: center;
        color: #757575;
        cursor: pointer;
        text-decoration: none;
        border-radius: 0px;
        border-bottom: 1px solid #E0E0E0;
        min-width: fit-content;
    }

        #content-info .noti-tab .tab.active {
            border-bottom: 2px solid #F6911E;
            color: #F6911E;
            font-weight: 700;
            font-size: 14px;
        }

#content-info .list-noti {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.redirect-line a {
    text-decoration: none;
}

#content-info .list-noti .item {
    display: flex;
    gap: 24px;
    padding: 16px 24px;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 16px;
    border: 1px solid #CAD5DE;
}

    #content-info .list-noti .item.active {
        border: 1px solid #F6911E;
    }

    #content-info .list-noti .item .icon-box {
        padding: 10px;
        border-radius: 100px;
        background-color: #FEF3E2;
        display: flex;
        align-items: center;
        height: 44px;
        width: 44px;
    }

.noti-contract-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/noti-contract-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.noti-review-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/noti-review-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.pos-deal-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/pos-deal-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.noti-payment-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/noti-payment-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.noti-pos-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/noti-pos-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

#content-info .list-noti .item .noti-detail {
    display: flex;
    flex-direction: column;
}

#des-error p, #des-warning p {
    margin: 0;
    text-align: center;
}

#content-info .list-noti .item .noti-detail .header-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    #content-info .list-noti .item .noti-detail .header-detail span {
        color: #1E2B35;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    #content-info .list-noti .item .noti-detail .header-detail .time-get {
        display: flex;
        gap: 4px;
        align-items: center;
    }

        #content-info .list-noti .item .noti-detail .header-detail .time-get span {
            color: #899DAD;
            font-weight: 400;
            font-size: 10px;
            line-height: 160%;
            letter-spacing: 0px;
            text-align: right;
            vertical-align: middle;
        }

#content-info .list-noti .item .noti-detail .detail-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}

    #content-info .list-noti .item .noti-detail .detail-body .title-body {
        color: #4D6577;
        font-weight: 400;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

        #content-info .list-noti .item .noti-detail .detail-body .title-body p {
            margin: 0px;
        }

            #content-info .list-noti .item .noti-detail .detail-body .title-body p:first-child {
                font-weight: 500;
                font-size: 12px;
            }

.otpbox.verifysuccess .verify-box {
    width: 603px;
}

#content-info .list-noti .item .noti-detail .detail-body .dropdown-content, .icon-noti .dropdown-noti .noti-header .noti-tools .dropdown-content {
    position: absolute;
    left: 95%;
    display: flex;
    flex-direction: column;
    width: max-content;
    z-index: 1000;
    top: 18px;
    padding: 4px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    display: none;
}

    #content-info .list-noti .item .noti-detail .detail-body .dropdown-content .read-btn, #content-info .header-noti .dropdown-content .read-all-btn, .icon-noti .dropdown-noti .noti-header .noti-tools .dropdown-content .read-all-btn {
        display: flex;
        gap: 8px;
        padding: 8px;
        text-decoration: none;
        align-items: center;
    }

        #content-info .list-noti .item .noti-detail .detail-body .dropdown-content .read-btn span, #content-info .header-noti .dropdown-content .read-all-btn span, .icon-noti .dropdown-noti .noti-header .noti-tools .dropdown-content .read-all-btn span {
            color: #2F404C;
            font-family: Roboto;
            font-weight: 400;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

    #content-info .list-noti .item .noti-detail .detail-body .dropdown-content .delete-btn, #content-info .header-noti .dropdown-content .delete-all-btn, .icon-noti .dropdown-noti .noti-header .noti-tools .dropdown-content .delete-all-btn {
        display: flex;
        gap: 8px;
        padding: 8px;
        text-decoration: none;
        align-items: center;
    }

        #content-info .list-noti .item .noti-detail .detail-body .dropdown-content .delete-btn span, #content-info .header-noti .dropdown-content .delete-all-btn span, .icon-noti .dropdown-noti .noti-header .noti-tools .dropdown-content .delete-all-btn span {
            color: #E03137;
            font-weight: 400;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

    #content-info .list-noti .item .noti-detail .detail-body .dropdown-content a:hover, #content-info .header-noti .dropdown-content a:hover, .icon-noti .dropdown-noti .noti-header .noti-tools .dropdown-content a:hover {
        background-color: #FFF5E7;
    }

#content-info .header-noti .dropdown-content, .icon-noti .dropdown-noti .noti-header .noti-tools .dropdown-content {
    position: absolute;
    left: 90%;
    display: flex;
    flex-direction: column;
    width: max-content;
    z-index: 1000;
    top: 20px;
    padding: 4px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    display: none;
}

.unread-noti-icon {
    width: 8px;
    height: 8px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/unread-noti-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.service-package .type-services .list-services .serv p {
    color: #1E2B35;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
    margin: 0;
}

.package-info .payment-info .payment-detail .coupon .coupon-code {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px 16px;
    border-radius: 12px;
    background-color: #FEF3E2;
    width: fit-content;
}

    .package-info .payment-info .payment-detail .coupon .coupon-code span {
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        vertical-align: middle;
        color: #1E2B35;
    }

.payment-status {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .payment-status .payment-success {
        display: flex;
        flex-direction: column;
        width: 550px;
        background-color: #fff;
        margin-top: 35px;
        padding: 32px 24px;
        border-radius: 24px;
        align-items: center;
        line-height: unset;
    }

        .payment-status .payment-success img {
            width: 265px;
            min-height: 168px;
        }

        .payment-status .payment-success .success-tran {
            display: flex;
            flex-direction: column;
            gap: 24px;
            width: 100%;
        }

            .payment-status .payment-success .success-tran span {
                color: #1E2B35;
                font-weight: 700;
                font-size: 32px;
                line-height: 125%;
                letter-spacing: 0px;
                vertical-align: middle;
                text-align: center;
            }

            .payment-status .payment-success .success-tran .detail-box {
                display: flex;
                flex-direction: column;
                padding: 16px 8px;
                height: auto;
            }

                .payment-status .payment-success .success-tran .detail-box .content-box {
                    display: flex;
                }

                    .payment-status .payment-success .success-tran .detail-box .content-box span:first-child {
                        padding: 8px 16px;
                        color: #212121;
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0px;
                        flex: 1;
                        text-align: left;
                    }

                    .payment-status .payment-success .success-tran .detail-box .content-box span:last-child {
                        padding: 8px 16px;
                        color: #212121;
                        font-weight: 500;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0px;
                        flex: 1;
                        text-align: left;
                    }

        .payment-status .payment-success .confirm-default-btn {
            padding: 8px 12px;
            height: 48px;
            border-radius: 100px;
            background-color: #F6911E;
            width: 100%;
            text-align: center;
            font-weight: 600;
            font-size: 16px;
            line-height: 180%;
            letter-spacing: 0.3px;
            vertical-align: middle;
            color: #fff;
            text-decoration: none;
            cursor: pointer;
        }

        .payment-status .payment-success .btn-box {
            display: flex;
            gap: 16px;
            align-items: center;
            width: 100%;
        }

            .payment-status .payment-success .btn-box a {
                flex: 1;
            }

            .payment-status .payment-success .btn-box .confirm-defalt-btn, .contract-confirm .confirm-defalt-btn {
                padding: 8px 12px;
                height: 48px;
                border-radius: 100px;
                background-color: #F6911E;
                text-align: center;
                font-weight: 600;
                font-size: 16px;
                line-height: 180%;
                letter-spacing: 0.3px;
                vertical-align: middle;
                color: #fff;
                text-decoration: none;
                cursor: pointer;
            }

.balance-seller-icon {
    width: 32px;
    height: 32px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/balance-seller-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.extend-package-icon {
    width: 16px;
    height: 16px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/extend-package-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.extend-active-icon {
    width: 16px;
    height: 16px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/extend-active-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.information .finance .package-money .package-info.pro-seller, .information .package-registration .my-pack .box-pack .detail-pack.pro-pack {
    background-color: #1A1265;
}

.information .finance .package-money .package-info.vip-seller, .information .package-registration .my-pack .box-pack .detail-pack.vip-pack {
    background-color: #F6AA00;
}

.information .finance .package-money .package-info.biz-seller, .information .package-registration .my-pack .box-pack .detail-pack.biz-pack {
    background-color: #288783;
}

.information .finance .package-money .package-info.pro-seller .seller-icon, .information .package-registration .my-pack .box-pack .detail-pack.pro-pack .seller-icon, .store-type-box.pro-seller .seller-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/pro-seller-finance-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.information .finance .package-money .package-info.vip-seller .seller-icon, .information .package-registration .my-pack .box-pack .detail-pack.vip-pack .seller-icon, .store-type-box.vip-seller .seller-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/vip-seller-finance-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.information .finance .package-money .package-info.biz-seller .seller-icon, .information .package-registration .my-pack .box-pack .detail-pack.biz-pack .seller-icon {
    width: 24px;
    height: 24px;
    background-image: url("https://cdn.dealtoday.vn/assets/sellercenter/v2/images/biz-seller-finance-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.information .package-registration .my-pack .box-pack .detail-pack .detail span, .information .package-registration .my-pack .box-pack .detail-pack .detail p {
    color: #fff;
}

.information .package-registration .pack-group-box .store-type-box .header-box .info .name {
    display: flex;
    align-items: center;
}

.information .package-registration .my-pack .box-pack .detail-pack.pro-pack .extend-pack input:checked + .slider-switch {
    color: #1A1265;
    background-color: #1A1265;
}

    .information .package-registration .my-pack .box-pack .detail-pack.pro-pack .extend-pack input:checked + .slider-switch::before {
        color: #1A1265;
    }

.information .package-registration .my-pack .box-pack .detail-pack.vip-pack .extend-pack input:checked + .slider-switch {
    color: #F6AA00;
    background-color: #F6AA00;
}

    .information .package-registration .my-pack .box-pack .detail-pack.vip-pack .extend-pack input:checked + .slider-switch::before {
        color: #F6AA00;
    }

.information .package-registration .my-pack .box-pack .detail-pack.biz-pack .extend-pack input:checked + .slider-switch {
    color: #288783;
    background-color: #288783;
}

    .information .package-registration .my-pack .box-pack .detail-pack.biz-pack .extend-pack input:checked + .slider-switch::before {
        color: #288783;
    }

.sku-count-icon {
    background-image: url(https://cdn.dealtoday.vn/assets/sellercenter/v2/images/sku-count-icon.png);
    width: 32px;
    height: 32px;
    background-size: cover;
    transition: 0.3s ease;
}

.package-info .pack-info .header-pack {
    display: flex;
}

.service-management .reconcil-report {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .service-management .reconcil-report span {
        font-weight: 500;
        font-size: 24px;
        line-height: 125%;
        letter-spacing: 0px;
    }

    .service-management .reconcil-report .filter-box {
        padding: 16px 24px;
        display: flex;
        background-color: #fff;
        border-radius: 16px;
        justify-content: space-between;
        border: none;
        align-items: center;
    }

    .service-management .reconcil-report .filter-report-box {
        display: flex;
        gap: 8px;
        align-items: center;
    }

        .service-management .reconcil-report .filter-report-box .confirm-btn {
            padding: 8px 16px;
            height: 54px;
            border-radius: 12px;
            background-color: #F6911E;
            color: #fff;
            font-weight: 600;
            font-size: 16px;
            line-height: 230%;
            letter-spacing: 0.3px;
            vertical-align: middle;
            text-decoration: none;
            cursor: pointer;
        }

    .service-management .reconcil-report .filter-box .month-filter-box {
        padding: 8px 16px;
        border: 1px solid #616161;
        border-radius: 12px;
        display: flex;
        gap: 16px;
        align-items: center;
        cursor: pointer;
    }

        .service-management .reconcil-report .filter-box .month-filter-box .month-box {
            display: flex;
            flex-direction: column;
        }

            .service-management .reconcil-report .filter-box .month-filter-box .month-box span {
                font-weight: 700;
                font-size: 10px;
                line-height: 160%;
                letter-spacing: 0.2px;
            }

            .service-management .reconcil-report .filter-box .month-filter-box .month-box p {
                color: #F6911E;
                font-weight: 600;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                margin: 0;
            }

    .service-management .reconcil-report .filter-box .download {
        display: flex;
        text-decoration: none;
        padding: 8px 12px;
        border-radius: 12px;
        border: 1px solid #1E2B35;
        align-items: center;
        gap: 8px;
        height: 38px;
        cursor: pointer;
    }

        .service-management .reconcil-report .filter-box .download span {
            color: #1E2B35;
            font-weight: 600;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
            vertical-align: middle;
        }

    .service-management .reconcil-report #lst-report {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding: 16px 24px;
        border-radius: 24px;
        overflow-x: auto;
    }

        .service-management .reconcil-report #lst-report .header-table {
            display: grid;
            grid-template-columns: 1fr 0.78fr 1fr repeat(6, 1fr);
            border-bottom: 1px solid #CAD5DE;
        }

            .service-management .reconcil-report #lst-report .header-table > div {
                padding: 16px;
                color: #212121;
                font-weight: 700;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0.2px;
                min-width: 0;
            }

    .service-management .reconcil-report .filter-box .filter-voucher-box .date-filter-box .date-filter .date input {
        color: #F6911E;
        font-weight: 600;
    }

    .service-management .reconcil-report #lst-report .list-item {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .service-management .reconcil-report #lst-report .list-item .item {
            display: grid;
            grid-template-columns: 1fr 0.78fr 1fr repeat(6, 1fr);
            border-bottom: 1px solid #CAD5DE;
        }

            .service-management .reconcil-report #lst-report .list-item .item > div {
                padding: 16px;
                font-weight: 400;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                color: #212121;
                min-width: 0;
            }

            .service-management .reconcil-report #lst-report .list-item .item .service-type {
                display: flex;
                flex-direction: column;
            }

                .service-management .reconcil-report #lst-report .list-item .item .service-type .evc {
                    color: #15B097;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0.2px;
                }

                .service-management .reconcil-report #lst-report .list-item .item .service-type .etk {
                    color: #EDA145;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0.2px;
                }

                .service-management .reconcil-report #lst-report .list-item .item .service-type .egift {
                    color: #2F78EE;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0.2px;
                }

                .service-management .reconcil-report #lst-report .list-item .item .service-type p {
                    margin: 0;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

        .service-management .reconcil-report #lst-report .list-item .total-value {
            display: flex;
            justify-content: flex-end;
        }

            .service-management .reconcil-report #lst-report .list-item .total-value span {
                padding: 10px;
                color: #212121;
                font-weight: 600;
                font-size: 14px;
                line-height: 150%;
                letter-spacing: 0.3px;
                /*min-width: 130px;*/
            }

        .service-management .reconcil-report #lst-report .list-item .total-box {
            display: flex;
            justify-content: flex-end;
        }

            .service-management .reconcil-report #lst-report .list-item .total-box .detail-total-box {
                width: 635px;
                padding: 16px;
                border-radius: 24px;
                border: 1px solid #CAD5DE;
                gap: 8px;
                display: flex;
                flex-direction: column;
            }

                .service-management .reconcil-report #lst-report .list-item .total-box .detail-total-box span {
                    color: #1E2B35;
                    font-weight: 700;
                    font-size: 18px;
                    line-height: 140%;
                    letter-spacing: 0px;
                    vertical-align: middle;
                }

                .service-management .reconcil-report #lst-report .list-item .total-box .detail-total-box .detail-total {
                    display: flex;
                    flex-direction: column;
                }

                    .service-management .reconcil-report #lst-report .list-item .total-box .detail-total-box .detail-total .box, .service-management .reconcil-report #lst-report .list-item .total-box .detail-total-box .box {
                        display: flex;
                        align-items: baseline;
                    }

                        .service-management .reconcil-report #lst-report .list-item .total-box .detail-total-box .detail-total .box span, .service-management .reconcil-report #lst-report .list-item .total-box .detail-total-box .box span {
                            padding: 8px 16px;
                            height: 32px;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 160%;
                            letter-spacing: 0px;
                            flex: 1;
                        }

                        .service-management .reconcil-report #lst-report .list-item .total-box .detail-total-box .detail-total .box p, .service-management .reconcil-report #lst-report .list-item .total-box .detail-total-box .box p {
                            margin: 0;
                            font-weight: 700;
                            font-size: 14px;
                            line-height: 160%;
                            letter-spacing: 0.2px;
                            text-align: right;
                            padding: 8px 16px;
                            height: 32px;
                            flex: 1;
                        }

        .service-management .reconcil-report #lst-report .list-item .btn-box {
            margin: 0;
            display: flex;
            justify-content: flex-end;
        }

            .service-management .reconcil-report #lst-report .list-item .btn-box .reject-defalt-btn, #lst-report .btn-box .reject-btn {
                max-width: 100px;
                max-height: 40px;
                border-radius: 100px;
                padding: 8px 12px;
                border: 1px solid #E03137;
                color: #E03137;
                font-weight: 600;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
                min-height: unset;
                cursor: pointer;
            }

            .service-management .reconcil-report #lst-report .list-item .btn-box .confirm-defalt-btn, #lst-report .btn-box .confirm-defalt-btn {
                width: 100px;
                max-height: 40px;
                border-radius: 100px;
                padding: 8px 12px;
                color: #fff;
                font-weight: 600;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
                background-color: #F6911E;
                text-decoration: none;
                cursor: pointer;
                text-align: center;
            }

#monthPicker {
    flex-direction: column;
    gap: 16px;
    width: 320px;
    top: 48vh;
}

    #monthPicker .month-pick {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

        #monthPicker .month-pick span {
            color: #1E2B35;
            font-weight: 700;
            font-size: 16px;
            line-height: 130%;
            letter-spacing: 0px;
            vertical-align: middle;
        }

        #monthPicker .month-pick .month-picker-box {
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding: 12px;
            border-radius: 12px;
            border: 1px solid #CAD5DE;
        }

            #monthPicker .month-pick .month-picker-box .year-box {
                display: flex;
                justify-content: space-between;
            }

            #monthPicker .month-pick .month-picker-box .month-list {
                display: flex;
                gap: 12px;
            }

                #monthPicker .month-pick .month-picker-box .month-list a {
                    padding-top: 8px;
                    padding-bottom: 8px;
                    height: 34px;
                    border-radius: 10px;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 100%;
                    letter-spacing: 0px;
                    text-align: center;
                    vertical-align: middle;
                    flex: 1;
                    text-decoration: none;
                    color: #1E2B35;
                    cursor: pointer;
                }

                    #monthPicker .month-pick .month-picker-box .month-list a:hover {
                        background-color: #FEF3E2;
                        color: #1E2B35;
                    }

                    #monthPicker .month-pick .month-picker-box .month-list a.active {
                        background-color: #F6911E;
                        color: #fff;
                        cursor: not-allowed;
                        pointer-events: none;
                    }

    #monthPicker .btn-confirm-box {
        justify-content: flex-end;
        display: flex;
        gap: 8px;
    }

        #monthPicker .btn-confirm-box .reject-btn {
            width: 54px;
            height: 32px;
            border-radius: 100px;
            padding: 8px 16px;
            flex: unset;
            font-weight: 600;
            font-size: 12px;
            line-height: 120%;
            letter-spacing: 0px;
            vertical-align: middle;
            cursor: pointer;
        }

        #monthPicker .btn-confirm-box .confirm-btn {
            width: 85px;
            height: 32px;
            border-radius: 100px;
            padding: 8px 16px;
            flex: unset;
            font-weight: 600;
            font-size: 12px;
            line-height: 120%;
            letter-spacing: 0px;
            vertical-align: middle;
            cursor: pointer;
        }

#reject {
    top: 50vh;
    flex-direction: column;
    gap: 16px;
}

    #reject .header-reject {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        #reject .header-reject span {
            font-weight: 700;
            font-size: 20px;
            line-height: 140%;
            letter-spacing: 0px;
            vertical-align: middle;
        }

    #reject .detail-reject {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        #reject .detail-reject textarea {
            border-radius: 12px;
            border: 1px solid #CAD5DE;
            padding: 8px 16px;
            height: 108px;
        }

        #reject .detail-reject .btn-box {
            margin: 0;
            display: flex;
            justify-content: flex-end;
        }

            #reject .detail-reject .btn-box .reject-defalt-btn {
                max-width: 110px;
                max-height: 40px;
                min-height: unset;
                line-height: 160%;
                font-weight: 600;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
            }

            #reject .detail-reject .btn-box .send-btn {
                padding: 8px 12px;
                background-color: #F6251E;
                width: 110px;
                height: 40px;
                font-weight: 600;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
                color: #FAFAFA;
                border-radius: 100px;
                text-align: center;
                text-decoration: none;
                cursor: pointer;
            }

.service-management .reconcil-report .filter-box .month-filter-box.month-filter-thch {
    border: none;
}

    .service-management .reconcil-report .filter-box .month-filter-box.month-filter-thch .filter-voucher-box {
        display: flex;
        gap: 8px;
    }

.service-management .reconcil-report .filter-box .filter-voucher-box {
    display: flex;
    gap: 8px;
    align-items: center;
}

.service-management .reconcil-report #lst-report.list-ecode-report .header-table, .service-management .reconcil-report #lst-report.list-ecode-report .list-item .item {
    display: grid;
    grid-template-columns: 1fr 3fr 3.33fr 3fr 2.67fr 3fr 3fr 2.95fr 3fr;
}

    .service-management .reconcil-report #lst-report.list-ecode-report .header-table > div {
        height: unset;
    }

.information .package-registration .pack-list-box {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr;
}

.icon-noti .noti-box .list-noti .item {
    display: flex;
    padding: 12px;
    gap: 12px;
    align-items: center;
}

    .icon-noti .noti-box .list-noti .item .icon-box {
        display: flex;
        padding: 10px;
        background-color: #FEF3E2;
        border-radius: 100px;
        align-items: center;
        height: 44px;
        min-width: 44px;
    }

    .icon-noti .noti-box .list-noti .item .noti-detail {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .icon-noti .noti-box .list-noti .item .noti-detail .header-detail {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .icon-noti .noti-box .list-noti .item .noti-detail .header-detail span {
                color: #1E2B35;
                font-weight: 600;
                font-size: 12px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 223px;
            }

            .icon-noti .noti-box .list-noti .item .noti-detail .header-detail .time-get {
                display: flex;
            }

                .icon-noti .noti-box .list-noti .item .noti-detail .header-detail .time-get span {
                    color: #899DAD;
                    font-weight: 400;
                    font-size: 10px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    text-align: right;
                    vertical-align: middle;
                }

        .icon-noti .noti-box .list-noti .item .noti-detail .detail-body {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .icon-noti .noti-box .list-noti .item .noti-detail .detail-body .title-body p {
                color: #4D6577;
                font-weight: 400;
                font-size: 10px;
                line-height: 160%;
                letter-spacing: 0px;
                vertical-align: middle;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 270px;
                display: none;
                margin: 0;
            }

                .icon-noti .noti-box .list-noti .item .noti-detail .detail-body .title-body p:first-child {
                    display: flex;
                }

.icon-noti .dropdown-noti .noti-box {
    display: flex;
    flex-direction: column;
}

    .icon-noti .dropdown-noti .noti-box a {
        text-align: center;
    }

.icon-noti .dropdown-noti .noti-header .noti-tools {
    display: flex;
    position: relative;
}

    .icon-noti .dropdown-noti .noti-header .noti-tools .dropdown-content {
        transform: translateX(-50%);
    }

        .icon-noti .dropdown-noti .noti-header .noti-tools .dropdown-content .open-noti-page-btn {
            display: flex;
            gap: 8px;
            padding: 8px;
            text-decoration: none;
            align-items: center;
        }

            .icon-noti .dropdown-noti .noti-header .noti-tools .dropdown-content .open-noti-page-btn span {
                color: #2F404C;
                font-weight: 400;
                font-size: 14px;
                line-height: 160%;
                letter-spacing: 0px;
            }

.open-noti-page-icon {
    width: 16px;
    height: 16px;
    background-image: url("../images/open-noti-page-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.read-icon {
    width: 16px;
    height: 16px;
    background-image: url("../images/read-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.delete-noti-icon {
    width: 16px;
    height: 16px;
    background-image: url("../images/delete-noti-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.package-info .pack-info .pack-detail .general {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

input[type="radio"]:checked {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 60%;
    border: 6px solid orange;
    background: white;
    cursor: pointer;
    position: relative;
}

.dropdown-select-content {
    display: none;
    position: absolute;
    background-color: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 10px 0;
    z-index: 10;
    left: 0px;
    top: 45px;
    width: 100%;
}

    .dropdown-select-content a {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px;
        text-decoration: none;
        color: black;
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        text-align: left;
    }

        .dropdown-select-content a:hover {
            background-color: #f1f1f1;
        }

.category-box .cateogry span, .detail-filter-box .service-box .services span, .detail-filter-box .point-box span {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    max-width: 90px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.fee-service {
    display: flex;
    justify-content: center;
}

    .fee-service .service-fee-box {
        margin-top: 80px;
        padding: 24px;
        border-radius: 32px;
        background-color: #fff;
        max-width: 728px;
    }

        .fee-service .service-fee-box .fee-box {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

            .fee-service .service-fee-box .fee-box span {
                color: #1E2B35;
                font-weight: 700;
                font-size: 24px;
                line-height: 130%;
                letter-spacing: 0px;
                vertical-align: middle;
            }

            .fee-service .service-fee-box .fee-box .service-type {
                display: flex;
                gap: 8px;
                flex-direction: column;
            }

                .fee-service .service-fee-box .fee-box .service-type .list-type {
                    display: flex;
                    gap: 16px;
                }

                .fee-service .service-fee-box .fee-box .service-type .type {
                    padding: 12px 16px;
                    display: flex;
                    flex-direction: column;
                    gap: 8px;
                    border: 1px solid #CAD5DE;
                    border-radius: 12px;
                    flex: 1;
                    max-width: 200px;
                }

                    .fee-service .service-fee-box .fee-box .service-type .type.active {
                        border: 2px solid #F6911E;
                    }

                .fee-service .service-fee-box .fee-box .service-type span {
                    color: #1E2B35;
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

                .fee-service .service-fee-box .fee-box .service-type .type .header-type {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                }

                .fee-service .service-fee-box .fee-box .service-type .type.active .header-type span {
                    color: #F6911E;
                }

                .fee-service .service-fee-box .fee-box .service-type .type .header-type span {
                    color: #757575;
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 150%;
                    letter-spacing: 0.2px;
                    vertical-align: middle;
                }

                .fee-service .service-fee-box .fee-box .service-type .type.active .fee-text {
                    color: #F6911E;
                }

                .fee-service .service-fee-box .fee-box .service-type .type .fee-text {
                    color: #757575;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                    vertical-align: middle;
                    display: flex;
                    align-items: baseline;
                    gap: 4px;
                }

                    .fee-service .service-fee-box .fee-box .service-type .type .fee-text span {
                        color: #F6911E;
                        font-weight: 700;
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0.2px;
                        vertical-align: middle;
                    }

            .fee-service .service-fee-box .fee-box .fee-detail-box {
                display: flex;
                flex-direction: column;
                gap: 16px;
            }

                .fee-service .service-fee-box .fee-box .fee-detail-box .category-fee {
                    display: grid;
                    grid-template-columns: 1fr 1fr 1fr 1fr;
                    gap: 12px;
                }

                    .fee-service .service-fee-box .fee-box .fee-detail-box .category-fee .cate-fee-box {
                        padding: 8px 12px;
                        flex-direction: column;
                        gap: 4px;
                        border-radius: 12px;
                        border: 1px solid #CAD5DE;
                    }

                        .fee-service .service-fee-box .fee-box .fee-detail-box .category-fee .cate-fee-box span {
                            font-weight: 400;
                            vertical-align: middle;
                            font-size: 12px;
                        }

                        .fee-service .service-fee-box .fee-box .fee-detail-box .category-fee .cate-fee-box .policy {
                            color: #F6911E;
                            font-weight: 700;
                            font-style: Italic;
                            font-size: 12px;
                            line-height: 160%;
                            letter-spacing: 0.2px;
                            vertical-align: middle;
                        }

                .fee-service .service-fee-box .fee-box .fee-detail-box .caution-text {
                    color: #1E2B35;
                    font-weight: 400;
                    font-style: Italic;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0px;
                }

            .fee-service .service-fee-box .fee-box .btn-box .confirm-btn {
                line-height: 180%;
                cursor: pointer;
            }
/*extra css*/
.inputtext-selected-orrange {
    color: #F6911E;
    font-weight: 700;
    background-color: #fff;
}

.no-arrow {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
}

.service-create .content-info .dksd-info .editor-box span {
    font-size: 14px;
    font-weight: 500;
}

.days.year-pick {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: center;
    gap: 4px;
}

    .days.year-pick .year-cell {
        padding: 4px;
        height: 40px;
        width: 60px;
    }

.days.months-pick {
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    gap: 8px;
}

    .days.months-pick .month-cell {
        padding: 4px;
        height: 40px;
        width: 75px;
        cursor: pointer;
    }

        .days.months-pick .month-cell.disabled, .days.year-pick .year-cell.disabled {
            pointer-events: none;
            cursor: not-allowed;
            background: #f0f0f0;
        }

.footer .containter {
    display: flex;
    padding-left: 0px;
    padding-right: 0px;
}

.contact-footer .contact-detail {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .contact-footer .contact-detail .contact-item {
        display: flex;
        gap: 24px;
    }

        .contact-footer .contact-detail .contact-item span {
            color: #656473;
            font-weight: 400;
            font-size: 14px;
            line-height: 160%;
            min-width: 72px;
        }

        .contact-footer .contact-detail .contact-item .list-phone span {
            font-weight: 500;
            font-size: 16px;
            line-height: 160%;
            color: #1E2B35;
        }

.checkbox-icon-20 {
    background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/checkbox-icon-24.png);
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .checkbox-icon-20.active {
        background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/checkbox-active-icon-24.png);
        min-width: 20px;
        width: 20px;
        height: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer;
    }

.contract-confirm {
    display: flex;
    flex-direction: column;
    gap: 32px;
    border-radius: 32px;
    padding: 32px;
    background: #fff;
}

    .contract-confirm .contract-detail {
        display: flex;
        flex-direction: column;
        gap: 16px;
        position: relative;
    }

        .contract-confirm .contract-detail span {
            font-weight: 700;
            font-size: 20px;
            line-height: 140%;
            letter-spacing: 0px;
            vertical-align: middle;
        }

        .contract-confirm .contract-detail .contract-info {
            max-height: 559px;
        }

            .contract-confirm .contract-detail .contract-info a {
                position: absolute;
                height: 48px;
                width: 48px;
                border-radius: 100px;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #F6911E;
                bottom: 30px;
                right: 20px;
            }

            .contract-confirm .contract-detail .contract-info iframe {
                max-height: 559px;
            }

.download-document-icon {
    min-width: 32px;
    width: 32px;
    height: 32px;
    background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/download-document-icon.png");
    background-size: cover;
    transition: 0.3s ease;
}

.contract-confirm .detail-accept {
    display: flex;
    gap: 16px;
}

    .contract-confirm .detail-accept .detail-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
    }

        .contract-confirm .detail-accept .detail-text a {
            color: #F6911E;
            font-weight: 400;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0px;
        }

.item-change {
    font-size: 12px;
    font-style: italic;
    color: #3cb903;
}


/* 1. CONTAINER */
.tooltip-container {
    position: relative;
    display: inline-flex; 
    align-items: center;
    cursor: pointer;
}

/* 2. PHẦN TOOLTIP */
.tooltip-text {
    /* Ẩn mặc định */
    visibility: hidden;
    opacity: 0;
    /* Kích thước & Vị trí */
    width: 240px;
    position: absolute;
    z-index: 100;
    left: 100%; 
    top: -10px; 
    margin-left: 15px; 
    background-color: #fff; 
    color: #333; 
    padding: 12px 15px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    text-align: left;
    border: 1px solid #ebebeb; 
    box-shadow: 0 4px 20px rgba(0,0,0,0.08); 
    transition: opacity 0.2s ease, transform 0.2s ease;
    transform: translateX(-10px);
}
.tooltip-text::before {
    content: "";
    position: absolute;
    top: 14px;
    right: 100%;
    margin-top: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent #ebebeb transparent transparent;
}

.tooltip-text::after {
    content: "";
    position: absolute;
    top: 14px; 
    right: 100%;
    margin-top: -5px; 
    border-width: 5px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
}
/* 4. HOVER EFFECT */
.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    transform: translateX(0); 
}


/* 1. Style cho Label bắt buộc */
.info-label.required::after {
    content: " *";
    color: #e74c3c; 
    font-weight: bold;
    margin-left: 4px; 
    font-size: 14px;
}
.no-css.required::after {
    content: " *";
    color: #e74c3c;
    font-weight: bold;
    margin-left: 4px;
    font-size: 14px;
}
.mg-bt-5px {
    margin-bottom: 5px;
}