@font-face {
    font-family: 'Inter';
    src: url(../font/Inter/Inter-VariableFont_slnt,wght.ttf);
}

@font-face {
    font-family: 'Montserrat';
    src: url(../font/Montserrat/Montserrat-VariableFont_wght.ttf);
}

body {
    font-family: 'Inter';
    font-style: normal;
}

:root {
    /* Color Style: Primary */
    --primary-darker: #162664;
    --primary-dark: #253EA7;
    --primary-base: #375DFB;
    --primary-light: #C2D6FF;
    --primary-lighter: #EBF1FF;
    /* Color Style: Background */
    --bg-strong: #0A0D14;
    --bg-surface: #20232D;
    --bg-soft: #E2E4E9;
    --bg-weak: #F6F8FA;
    --bg-white: #FFFFFF;
    /* Color Style: Content */
    --text-main: #0A0D14;
    --text-sub: #525866;
    --text-soft: #868C98;
    --text-disabled: #E2E4E9;
    --text-white: #FFFFFF;
    /* Color Style: Border */
    --border-strong: #0A0D14;
    --border-sub: #CDD0D5;
    --border-soft: #E2E4E9;
    --border-disable: #F6F8FA;
    --border-white: #FFFFFF;
    /* Color Style: State */
    --state-success: #38C793;
    --state-warning: #F17B2C;
    --state-error: #DF1C41;
    --state-information: #375DFB;
    --state-away: #F2AE40;
    --state-neutral: #868C98;
    --state-link: #35B9E9;
}

/***********SCROLL BAR OPTION************/

/**::-webkit-scrollbar {
    width: 8px;
}

*::-webkit-scrollbar-track {
    background: #375DFB !important;
    border-radius: 12px;
}

*::-webkit-scrollbar-thumb {
    background: var(--primary-dark);
    border-radius: 12px;
}


*::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}
*/
.content-wrapper {
    background-color: var(--primary-lighter)
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px;
}

    .row > *[class*="col-"] {
        padding-right: 8px;
        padding-left: 8px;
    }

    .row.big-row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -12px;
        margin-left: -12px;
    }

        .row.big-row > *[class*="col-"] {
            padding-right: 12px;
            padding-left: 12px;
        }
.mainDb {
    display:flex;
    flex-wrap: wrap;
    flex-direction: unset !important;
    margin: 0 -8px;
}
.mainDb .itemDb {
    display: flex;
    margin: 0;
    padding: 0 8px;
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
}
.mainDb .itemDb .customItemDb {
    display:flex;
    align-items:center;
    width: 100%;
    background: var(--white);
    border: 1px solid var(--bg-soft);
    border-radius:8px;
    padding:16px;
}
.mainDb .itemDb .customItemDb .imgDash{
    margin-right:16px;
    border-radius:4px;
    padding:8px;

}
    .mainDb .itemDb:nth-child(1) .imgDash {
        background: #FDEDF0;
    }
    .mainDb .itemDb:nth-child(2) .imgDash,
    .StatisticalConversation .mainDb .itemDb:nth-child(4) .imgDash {
        background: #FEF3EB;
    }
    .mainDb .itemDb:nth-child(3) .imgDash,
    .StatisticalConversation .mainDb .itemDb:nth-child(2) .imgDash {
        background: #FEF7EC;
    }
    .mainDb .itemDb:nth-child(4) .imgDash,
    .StatisticalConversation .mainDb .itemDb:nth-child(3) .imgDash {
        background: #EFFAF6;
    }
    .mainDb .itemDb:nth-child(5) .imgDash {
        background: #EBF1FF;
    }
    .mainDb .itemDb span {
        margin-bottom: 8px;
        display: block;
        color: var(--text-main);
    }
    .contenVote,
    .form-group {
        flex-direction: column !important;
        display: flex;
    }
#showAllYk .form-group {
    flex-direction: column !important;
}
#tenGiaoVien.Toggle_Cautruc1 {
    position: sticky;
    top: -20px;
    z-index: 1;
    background: #fff;
    padding: 10px 0;
    margin-bottom:14px;
}
    .form-group .form-group {
        margin-bottom: 0;
    }

    .form-group.flex-row {
        flex-direction: row !important;
    }

.flex-end {
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

.flex-center {
    align-items: center !important;
    justify-content: center !important;
}

#BasicNewsSettings fieldset.dnnClear > .row {
    margin-bottom: 0;
}

.text-center {
    text-align: center !important;
    vertical-align: middle !important
}

.text-left {
    text-align: left !important;
    vertical-align: middle !important
}

.text-right {
    text-align: right !important;
    vertical-align: middle !important
}

.hide {
    display: none;
}

.prewrap {
    white-space: pre-wrap;
}

ul, li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.red-text {
    color: var(--state-error) !important;
}

.blue-text {
    color: var(--primary-base) !important;
}

.green-text {
    color: var(--state-success) !important;
}

.yellow-text {
    color: var(--state-away) !important;
}

.gray-text {
    color: var(--text-main) !important;
}

*[class*="icon"] {
    cursor: pointer;
}

svg {
    cursor: pointer;
}

/****************************************************************************************************************/
/***********************************************************************CMS - BUTTON*************************************************************************/
/****************************************************************************************************************/
.btn {
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-family: 'Inter';
    font-style: normal;
    font-size: 14px !important;
    line-height: 1.43 !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
    min-width: 120px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    margin-bottom: 0;
}

.btn-primary {
    background: var(--primary-base) !important;
}

.btn-login-form {
    background-color: #963600 !important;
    border-color: #963600 !important;
    box-shadow: none;
}

.btn-success {
    background: var(--state-success) !important;
}

.btn.btn-warning,
a.btn.btn-warning,
.btn.btn-danger,
a.btn.btn-danger {
    background: var(--state-error) !important;
    color: var(--white) !important;
}

.btn-outline-danger {
    background: var(--white);
    border: 1px solid var(--state-error) !important;
    color: var(--state-error) !important;
}
/* .btn-secondary {
    background: var(--btn-secondary) !important;
    border-radius: 4px;
    padding: 8px 16px !important;
    margin-right: 8px;
} */
/* .btn-secondary:hover {
    background: var(--btn-secondary) !important;
} */
.btn-outline-primary {
    background: var(--white) !important;
    border: 1px solid var(--border-soft) !important;
    padding: 8px 16px;
    color: var(--text-main) !important;
}

.btn-outline-success {
    background: var(--white) !important;
    border: 1px solid var(--state-success) !important;
    padding: 8px 16px;
    color: var(--state-success) !important;
}

.btn-outline-secondary {
    background: var(--white) !important;
    border: 1px solid var(--primary-base) !important;
    padding: 8px 16px;
    color: var(--primary-base) !important;
}

.btn-outline-primary:hover {
    background: var(--white) !important;
    color: #000;
}

.btn-outline-primary:focus {
    outline: none;
}

.btn-warning:hover {
    background: var(--state-error) !important;
}

.group-button-custom {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: 0;
}

.group-button-center {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.group-button {
    display: flex;
    align-items: center;
    gap: 8px;
}

.nowrap_space {
    line-break: anywhere;
}

.back_button {
    position: absolute;
    top: -48px;
    right: 0;
}

/****************************************************************************************************************/
/***********************************************************************CMS - CHECK BOX / RADIO BOX*************************************************************************/
/****************************************************************************************************************/
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        font-family: 'Inter' !important;
        font-style: normal;
        font-weight: 400 !important;
        font-size: 16px;
        line-height: 24px;
        color: #363636;
        margin-bottom: 0;
    }

        [type="radio"]:checked + label:before,
        [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #fff;
        }

        [type="radio"]:checked + label:before {
            border-color: var(--primary-base);
        }

        [type="radio"]:checked + label:after,
        [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 12px;
            height: 12px;
            background: var(--primary-base);
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.statusCheckBox {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

    .statusCheckBox input {
        margin-right: 8px;
    }

    .statusCheckBox label {
        margin-bottom: 0 !important;
    }

[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: transparent;
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 100%;
    height: 1.15em;
    /* border: 0.15em solid #C9D7F5; */
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    box-sizing: border-box;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    width: 24px;
}

th [type="checkbox"],
td [type="checkbox"] {
    margin-top: -7px;
    right: 16px;
}

[type="checkbox"]::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 6.25C3 4.45 4.46 3 6.25 3H17.75C19.55 3 21 4.46 21 6.25V17.75C21 19.55 19.54 21 17.75 21H6.25C5.38805 21 4.5614 20.6576 3.9519 20.0481C3.34241 19.4386 3 18.612 3 17.75V6.25ZM6.25 4.5C5.28 4.5 4.5 5.28 4.5 6.25V17.75C4.5 18.72 5.28 19.5 6.25 19.5H17.75C18.72 19.5 19.5 18.72 19.5 17.75V6.25C19.5 5.28 18.72 4.5 17.75 4.5H6.25Z" fill="%23E2E4E9"/></svg>');
    transition: all 0.2s ease-in-out;
}

[type="checkbox"]:checked::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_28_4142" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_28_4142)"><path d="M10.6 13.4L8.45 11.25C8.26667 11.0667 8.03333 10.975 7.75 10.975C7.46667 10.975 7.23333 11.0667 7.05 11.25C6.86667 11.4333 6.775 11.6667 6.775 11.95C6.775 12.2333 6.86667 12.4667 7.05 12.65L9.9 15.5C10.1 15.7 10.3333 15.8 10.6 15.8C10.8667 15.8 11.1 15.7 11.3 15.5L16.95 9.85C17.1333 9.66667 17.225 9.43333 17.225 9.15C17.225 8.86667 17.1333 8.63333 16.95 8.45C16.7667 8.26667 16.5333 8.175 16.25 8.175C15.9667 8.175 15.7333 8.26667 15.55 8.45L10.6 13.4ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="%2335C19B"/></g></svg>');
}

[type="checkbox"]:indeterminate::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 13H17V11H7V13ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="%235E82D1"/></svg>');
}

[type="checkbox"]:disabled {
    --form-control-color: var(--form-control-disabled);
    color: var(--form-control-disabled);
    cursor: not-allowed;
}

.modal .btn-close {
    border: none;
    background-color: transparent;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="DF1C41"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>');
}


/****************************************************************************************************************/
/***********************************************************************LEFT SIDEBAR**************************************************************************/
/****************************************************************************************************************/
[class*="sidebar-dark-"] {
    background-color: var(--primary-darker);
}

.sidebar {
    padding: 8px 12px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .sidebar .bottom_nav {
        padding: 16px 8px 0 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #FFFFFF33;
    }

.nav-link {
    padding: 8px;
}

.nav-sidebar > .nav-item.HasChildren > a {
    padding: 8px 40px 8px 8px;
}

.nav-sidebar .nav-item > .nav-link {
    margin-bottom: 4px;
    /* Title/Medium */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.15px;
    /* Content/text-white */
    color: var(--text-white);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

.nav-sidebar > .nav-item.menu-is-opening.menu-open > .nav-link {
    background-color: var(--primary-dark);
}

.nav-sidebar > .nav-item > .nav-treeview > .nav-item > a {
    padding: 8px 8px 8px 30px;
}

.sidebar-dark-primary .nav-sidebar > .nav-item:hover > .nav-link {
    /* Primary/primary-base */
    border-radius: 8px;
    background: var(--primary-dark);
}

.nav-sidebar > .nav-item > .nav-treeview > .nav-item > a.active {
    /* Title/Medium */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    /* identical to box height, or 150% */
    letter-spacing: 0.15px;
    /* Primary/primary-darker */
    color: var(--primary-darker);
}

.nav-sidebar > .nav-item.HasChildren {
    position: relative;
}

    .nav-sidebar > .nav-item.HasChildren::after {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.22007 8.46991C4.52007 8.16991 4.99007 8.16991 5.28007 8.46991L12.0001 15.1899L18.7201 8.46991C18.7887 8.39622 18.8715 8.33712 18.9635 8.29613C19.0555 8.25514 19.1548 8.23309 19.2556 8.23132C19.3563 8.22954 19.4563 8.24807 19.5497 8.28579C19.6431 8.32351 19.7279 8.37965 19.7991 8.45087C19.8703 8.52209 19.9265 8.60692 19.9642 8.70031C20.0019 8.7937 20.0204 8.89373 20.0187 8.99443C20.0169 9.09513 19.9948 9.19445 19.9539 9.28645C19.9129 9.37845 19.8538 9.46125 19.7801 9.52991L12.5301 16.7799C12.2301 17.0799 11.7601 17.0799 11.4701 16.7799L4.22007 9.52991C4.07962 9.38928 4.00073 9.19866 4.00073 8.99991C4.00073 8.80116 4.07962 8.61054 4.22007 8.46991Z" fill="white"/></svg>');
        position: absolute;
        top: 10px;
        right: 8px;
        transition: background-image 0.5s ease;
    }

    .nav-sidebar > .nav-item.HasChildren.menu-is-opening::after {
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.22012 15.5301C4.52012 15.8301 4.99012 15.8301 5.28012 15.5301L12.0001 8.81007L18.7201 15.5301C18.7888 15.6038 18.8716 15.6629 18.9636 15.7039C19.0556 15.7448 19.1549 15.7669 19.2556 15.7687C19.3563 15.7704 19.4563 15.7519 19.5497 15.7142C19.6431 15.6765 19.7279 15.6203 19.7992 15.5491C19.8704 15.4779 19.9265 15.3931 19.9642 15.2997C20.002 15.2063 20.0205 15.1063 20.0187 15.0056C20.0169 14.9048 19.9949 14.8055 19.9539 14.7135C19.9129 14.6215 19.8538 14.5387 19.7801 14.4701L12.5301 7.22007C12.3895 7.07962 12.1989 7.00073 12.0001 7.00073C11.8014 7.00073 11.6107 7.07962 11.4701 7.22007L4.22012 14.4701C3.92012 14.7701 3.92012 15.2401 4.22012 15.5301Z" fill="white"/></svg>');
    }

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    /* Primary/primary-lighter */
    background: var(--primary-lighter);
    border-radius: 8px;
    color: var(--primary-darker) !important;
    cursor: pointer;
}

.sidebar-dark-primary a[title="Trang chủ"] > span::before,
.sidebar-dark-primary a[title="Lớp học"] > span::before,
.sidebar-dark-primary a[title="Lịch đào tạo"] > span::before,
.sidebar-dark-primary a[title="Khảo sát đánh giá"] > span::before,
.sidebar-dark-primary a[title="Hỏi - Đáp"] > span::before,
.sidebar-dark-primary a[title="Báo cáo - thống kê"] > span::before,
.sidebar-dark-primary a[title="Quản trị người dùng"] > span::before,
.sidebar-dark-primary a[title="Cấu hình hệ thống"] > span::before,
.sidebar-dark-primary a[title="Danh mục"] > span::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
}

.sidebar-dark-primary a[title="Trang chủ"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10.55 2.53C11.39 1.83 12.61 1.83 13.45 2.53L20.2 8.23C20.7 8.65 21 9.28 21 9.94V19.25C21 20.22 20.22 21 19.25 21H15.75C14.78 21 14 20.22 14 19.25V14.25C14 14.1837 13.9737 14.1201 13.9268 14.0732C13.8799 14.0263 13.8163 14 13.75 14H10.25C10.1837 14 10.1201 14.0263 10.0732 14.0732C10.0263 14.1201 10 14.1837 10 14.25V19.25C10 20.22 9.22 21 8.25 21H4.75C3.78 21 3 20.22 3 19.25V9.95C3 9.28 3.3 8.65 3.8 8.22L10.55 2.53ZM12.48 3.68C12.3452 3.56775 12.1754 3.50628 12 3.50628C11.8246 3.50628 11.6548 3.56775 11.52 3.68L4.77 9.38C4.68757 9.44861 4.62082 9.5341 4.57424 9.6307C4.52767 9.72731 4.50235 9.83278 4.5 9.94V19.25C4.5 19.39 4.61 19.5 4.75 19.5H8.25C8.39 19.5 8.5 19.4 8.5 19.25V14.25C8.5 13.28 9.28 12.5 10.25 12.5H13.75C14.72 12.5 15.5 13.28 15.5 14.25V19.25C15.5 19.39 15.61 19.5 15.75 19.5H19.25C19.39 19.5 19.5 19.4 19.5 19.25V9.95C19.5 9.72 19.4 9.51 19.23 9.37L12.48 3.67V3.68Z" fill="white"/></svg>');
}
/*.sidebar-dark-primary a[title="Chương trình đào tạo"] > span::before {
    background-image: url('data:image/svg+xml,<svg b-0fe4yotiz7="" class="iconsmall nav-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path b-0fe4yotiz7="" d="M10.25 4.25C10.66 4.25 11 4.59 11 5V13H19C19.38 13 19.7 13.28 19.74 13.65L19.75 13.75C19.75 18.72 15.72 22.25 10.75 22.25C8.36305 22.25 6.07387 21.3018 4.38604 19.614C2.69821 17.9261 1.75 15.6369 1.75 13.25C1.75 8.28 5.28 4.25 10.25 4.25ZM9.5 5.79L9.3 5.81C5.6 6.28 3.25 9.43 3.25 13.25C3.25 15.2391 4.04018 17.1468 5.4467 18.5533C6.85322 19.9598 8.76088 20.75 10.75 20.75C14.57 20.75 17.72 18.4 18.19 14.71L18.21 14.5H10.25C10.069 14.4992 9.89435 14.433 9.75835 14.3135C9.62234 14.194 9.53413 14.0294 9.51 13.85L9.5 13.75V5.79ZM13.25 1.75C15.6369 1.75 17.9261 2.69821 19.614 4.38604C21.3018 6.07387 22.25 8.36305 22.25 10.75C22.25 11.16 21.91 11.5 21.5 11.5H13.25C13.0511 11.5 12.8603 11.421 12.7197 11.2803C12.579 11.1397 12.5 10.9489 12.5 10.75V2.5C12.5 2.09 12.84 1.75 13.25 1.75ZM14 3.29V10H20.71L20.69 9.8C20.4817 8.15044 19.7312 6.61684 18.5565 5.44026C17.3817 4.26367 15.8492 3.51081 14.2 3.3H14V3.29Z" fill="white"></path></svg>');
}
.sidebar-dark-primary a[title="Môn học"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M7 6C7 5.73478 7.10536 5.48043 7.29289 5.29289C7.48043 5.10536 7.73478 5 8 5H16C16.2652 5 16.5196 5.10536 16.7071 5.29289C16.8946 5.48043 17 5.73478 17 6V8C17 8.26522 16.8946 8.51957 16.7071 8.70711C16.5196 8.89464 16.2652 9 16 9H8C7.73478 9 7.48043 8.89464 7.29289 8.70711C7.10536 8.51957 7 8.26522 7 8V6ZM8.5 7.5H15.5V6.5H8.5V7.5ZM4 4.5C4 3.83696 4.26339 3.20107 4.73223 2.73223C5.20107 2.26339 5.83696 2 6.5 2H18C18.3283 2 18.6534 2.06466 18.9567 2.1903C19.26 2.31594 19.5356 2.50009 19.7678 2.73223C19.9999 2.96438 20.1841 3.23998 20.3097 3.54329C20.4353 3.84661 20.5 4.1717 20.5 4.5V18.75C20.5 19.16 20.16 19.5 19.75 19.5H5.5C5.5 19.7652 5.60536 20.0196 5.79289 20.2071C5.98043 20.3946 6.23478 20.5 6.5 20.5H19.75C19.9489 20.5 20.1397 20.579 20.2803 20.7197C20.421 20.8603 20.5 21.0511 20.5 21.25C20.5 21.4489 20.421 21.6397 20.2803 21.7803C20.1397 21.921 19.9489 22 19.75 22H6.5C5.83696 22 5.20107 21.7366 4.73223 21.2678C4.26339 20.7989 4 20.163 4 19.5V4.5ZM5.5 18H19V4.5C19 4.23478 18.8946 3.98043 18.7071 3.79289C18.5196 3.60536 18.2652 3.5 18 3.5H6.5C6.23478 3.5 5.98043 3.60536 5.79289 3.79289C5.60536 3.98043 5.5 4.23478 5.5 4.5V18Z" fill="white"/></svg>');
}*/
/*.sidebar-dark-primary a[title="Giáo viên"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M5.5 8C5.5 7.33696 5.76339 6.70107 6.23223 6.23223C6.70107 5.76339 7.33696 5.5 8 5.5C8.66304 5.5 9.29893 5.76339 9.76777 6.23223C10.2366 6.70107 10.5 7.33696 10.5 8C10.5 8.66304 10.2366 9.29893 9.76777 9.76777C9.29893 10.2366 8.66304 10.5 8 10.5C7.33696 10.5 6.70107 10.2366 6.23223 9.76777C5.76339 9.29893 5.5 8.66304 5.5 8ZM8 4C6.93913 4 5.92172 4.42143 5.17157 5.17157C4.42143 5.92172 4 6.93913 4 8C4 9.06087 4.42143 10.0783 5.17157 10.8284C5.92172 11.5786 6.93913 12 8 12C9.06087 12 10.0783 11.5786 10.8284 10.8284C11.5786 10.0783 12 9.06087 12 8C12 6.93913 11.5786 5.92172 10.8284 5.17157C10.0783 4.42143 9.06087 4 8 4ZM15.5 9C15.5 8.60218 15.658 8.22064 15.9393 7.93934C16.2206 7.65804 16.6022 7.5 17 7.5C17.3978 7.5 17.7794 7.65804 18.0607 7.93934C18.342 8.22064 18.5 8.60218 18.5 9C18.5 9.39782 18.342 9.77936 18.0607 10.0607C17.7794 10.342 17.3978 10.5 17 10.5C16.6022 10.5 16.2206 10.342 15.9393 10.0607C15.658 9.77936 15.5 9.39782 15.5 9ZM17 6C16.2044 6 15.4413 6.31607 14.8787 6.87868C14.3161 7.44129 14 8.20435 14 9C14 9.79565 14.3161 10.5587 14.8787 11.1213C15.4413 11.6839 16.2044 12 17 12C17.7956 12 18.5587 11.6839 19.1213 11.1213C19.6839 10.5587 20 9.79565 20 9C20 8.20435 19.6839 7.44129 19.1213 6.87868C18.5587 6.31607 17.7956 6 17 6ZM14.25 19.04C14.95 19.32 15.85 19.5 17 19.5C19.28 19.5 20.59 18.8 21.3 17.94C21.7033 17.4476 21.9474 16.8443 22 16.21V16.18C22 14.98 21.03 14 19.82 14H14.1C14.5 14.41 14.78 14.93 14.91 15.5H19.82C19.911 15.5 20.0011 15.5182 20.0849 15.5536C20.1688 15.589 20.2446 15.6409 20.308 15.7062C20.3715 15.7715 20.4211 15.8488 20.4541 15.9336C20.4871 16.0185 20.5027 16.109 20.5 16.2L20.46 16.38C20.42 16.54 20.33 16.76 20.14 16.98C19.8 17.42 18.97 18 17 18C16.02 18 15.33 17.85 14.83 17.66C14.73 18.06 14.55 18.54 14.25 19.04ZM4.25 14C3.01 14 2 15 2 16.25V16.53C2.0001 16.5968 2.00344 16.6635 2.01 16.73C2.03 16.87 2.05 17.05 2.11 17.26C2.2 17.68 2.4 18.24 2.79 18.81C3.61 19.97 5.17 21 8 21C10.83 21 12.39 19.97 13.2 18.8C13.6687 18.1305 13.9454 17.3455 14 16.53V16.25C14 15.01 13 14 11.75 14H4.25ZM3.5 16.5V16.25C3.5 15.84 3.84 15.5 4.25 15.5H11.75C12.16 15.5 12.5 15.84 12.5 16.25V16.59L12.44 16.92C12.37 17.2 12.24 17.57 11.98 17.94C11.48 18.65 10.42 19.5 8 19.5C5.58 19.5 4.51 18.65 4.02 17.94C3.72625 17.5162 3.54712 17.0235 3.5 16.51V16.5Z" fill="white"/></svg>');
}
.sidebar-dark-primary a[title="Học viên"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 4.5C11.5359 4.5 11.0908 4.68437 10.7626 5.01256C10.4344 5.34075 10.25 5.78587 10.25 6.25C10.25 6.71413 10.4344 7.15925 10.7626 7.48744C11.0908 7.81563 11.5359 8 12 8C12.4641 8 12.9093 7.81563 13.2375 7.48744C13.5656 7.15925 13.75 6.71413 13.75 6.25C13.75 5.78587 13.5656 5.34075 13.2375 5.01256C12.9093 4.68437 12.4641 4.5 12 4.5ZM8.75002 6.25C8.75002 5.38805 9.09243 4.5614 9.70192 3.9519C10.3114 3.34241 11.1381 3 12 3C12.862 3 13.6886 3.34241 14.2981 3.9519C14.9076 4.5614 15.25 5.38805 15.25 6.25C15.25 7.11195 14.9076 7.9386 14.2981 8.5481C13.6886 9.15759 12.862 9.5 12 9.5C11.1381 9.5 10.3114 9.15759 9.70192 8.5481C9.09243 7.9386 8.75002 7.11195 8.75002 6.25ZM5.00002 6.5C4.60219 6.5 4.22066 6.65804 3.93936 6.93934C3.65805 7.22064 3.50002 7.60218 3.50002 8C3.50002 8.39782 3.65805 8.77936 3.93936 9.06066C4.22066 9.34196 4.60219 9.5 5.00002 9.5C5.39784 9.5 5.77937 9.34196 6.06068 9.06066C6.34198 8.77936 6.50002 8.39782 6.50002 8C6.50002 7.60218 6.34198 7.22064 6.06068 6.93934C5.77937 6.65804 5.39784 6.5 5.00002 6.5ZM2.00002 8C2.00002 7.20435 2.31609 6.44129 2.8787 5.87868C3.4413 5.31607 4.20437 5 5.00002 5C5.79567 5 6.55873 5.31607 7.12134 5.87868C7.68395 6.44129 8.00002 7.20435 8.00002 8C8.00002 8.79565 7.68395 9.55871 7.12134 10.1213C6.55873 10.6839 5.79567 11 5.00002 11C4.20437 11 3.4413 10.6839 2.8787 10.1213C2.31609 9.55871 2.00002 8.79565 2.00002 8ZM17.5 8C17.5 7.60218 17.6581 7.22064 17.9394 6.93934C18.2207 6.65804 18.6022 6.5 19 6.5C19.3978 6.5 19.7794 6.65804 20.0607 6.93934C20.342 7.22064 20.5 7.60218 20.5 8C20.5 8.39782 20.342 8.77936 20.0607 9.06066C19.7794 9.34196 19.3978 9.5 19 9.5C18.6022 9.5 18.2207 9.34196 17.9394 9.06066C17.6581 8.77936 17.5 8.39782 17.5 8ZM19 5C18.2044 5 17.4413 5.31607 16.8787 5.87868C16.3161 6.44129 16 7.20435 16 8C16 8.79565 16.3161 9.55871 16.8787 10.1213C17.4413 10.6839 18.2044 11 19 11C19.7957 11 20.5587 10.6839 21.1213 10.1213C21.6839 9.55871 22 8.79565 22 8C22 7.20435 21.6839 6.44129 21.1213 5.87868C20.5587 5.31607 19.7957 5 19 5ZM7.50002 12.75C7.50002 11.78 8.28002 11 9.25002 11H14.75C15.72 11 16.5 11.78 16.5 12.75V16.5C16.5 17.6935 16.0259 18.8381 15.182 19.682C14.3381 20.5259 13.1935 21 12 21C10.8065 21 9.66195 20.5259 8.81804 19.682C7.97412 18.8381 7.50002 17.6935 7.50002 16.5V12.75ZM9.25002 12.5C9.18371 12.5 9.12012 12.5263 9.07324 12.5732C9.02635 12.6201 9.00002 12.6837 9.00002 12.75V16.5C9.00002 17.2956 9.31609 18.0587 9.8787 18.6213C10.4413 19.1839 11.2044 19.5 12 19.5C12.7957 19.5 13.5587 19.1839 14.1213 18.6213C14.6839 18.0587 15 17.2956 15 16.5V12.75C15 12.6837 14.9737 12.6201 14.9268 12.5732C14.8799 12.5263 14.8163 12.5 14.75 12.5H9.25002ZM6.61002 11.98C6.54002 12.22 6.50002 12.48 6.50002 12.75V13.56L3.69002 14.31C3.6576 14.3181 3.62713 14.3327 3.60043 14.3527C3.57372 14.3728 3.55132 14.3981 3.53454 14.427C3.51776 14.4559 3.50694 14.4879 3.50273 14.521C3.49852 14.5542 3.50099 14.5878 3.51002 14.62L4.22002 17.28C4.40496 17.9592 4.82283 18.5517 5.4005 18.9538C5.97818 19.356 6.67889 19.5423 7.38002 19.48C7.70002 19.98 8.08002 20.41 8.53002 20.78C7.9474 20.9723 7.33163 21.0434 6.72053 20.989C6.10942 20.9345 5.51591 20.7557 4.97644 20.4635C4.43698 20.1713 3.96297 19.7719 3.58353 19.2898C3.2041 18.8076 2.92725 18.253 2.77002 17.66L2.06002 15.01C1.81002 14.07 2.36002 13.11 3.30002 12.87L6.61002 11.97V11.98ZM15.47 20.78L15.72 20.85C16.8723 21.1552 18.0987 20.9907 19.1298 20.3926C20.161 19.7945 20.9127 18.8118 21.22 17.66L21.94 15.01C22.19 14.07 21.64 13.11 20.7 12.87L17.39 11.97C17.46 12.22 17.5 12.48 17.5 12.75V13.56L20.32 14.31C20.45 14.35 20.52 14.49 20.49 14.62L19.79 17.28C19.6048 17.961 19.1854 18.5549 18.6056 18.9573C18.0259 19.3596 17.3228 19.5447 16.62 19.48C16.3 19.98 15.92 20.41 15.47 20.78Z" fill="white"/></svg>');
}
.sidebar-dark-primary a[title="Khóa đào tạo"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9.9 3.70001C10.5258 3.29574 11.255 3.08069 12 3.08069C12.745 3.08069 13.4742 3.29574 14.1 3.70001L22.15 8.87001C22.2558 8.93716 22.3431 9.02976 22.4039 9.13933C22.4647 9.24891 22.4971 9.37198 22.4981 9.49729C22.4991 9.6226 22.4687 9.74617 22.4096 9.85669C22.3505 9.96722 22.2647 10.0612 22.16 10.13L19 12.19V17.75C19 17.91 18.95 18.07 18.85 18.2L18.84 18.22C18.805 18.2647 18.7683 18.3081 18.73 18.35C18.2682 18.8499 17.7399 19.2839 17.16 19.64C15.601 20.5668 13.8133 21.038 12 21C10.1867 21.038 8.39903 20.5668 6.84 19.64C6.20772 19.2474 5.63803 18.7619 5.15 18.2C5.05263 18.0702 5 17.9123 5 17.75V12.2L3 10.9V16.26C3 16.4589 2.92098 16.6497 2.78033 16.7903C2.63968 16.931 2.44891 17.01 2.25 17.01C2.05109 17.01 1.86032 16.931 1.71967 16.7903C1.57902 16.6497 1.5 16.4589 1.5 16.26V9.50001C1.5 9.23001 1.64 9.00001 1.86 8.86001L9.9 3.70001ZM14.12 15.38C13.4895 15.7914 12.7529 16.0104 12 16.0104C11.2471 16.0104 10.5105 15.7914 9.88 15.38L6.5 13.18V17.47L6.63 17.6C6.84 17.8 7.17 18.08 7.63 18.36C8.95124 19.1416 10.4653 19.5365 12 19.5C13.5347 19.5365 15.0488 19.1416 16.37 18.36C16.7814 18.1103 17.1608 17.8114 17.5 17.47V13.17L14.12 15.38ZM13.28 4.96001C12.5 4.46001 11.5 4.46001 10.72 4.96001L3.63 9.51001L10.7 14.13C11.49 14.64 12.51 14.64 13.3 14.13L20.37 9.51001L13.28 4.96001Z" fill="white"/></svg>');
}*/
.sidebar-dark-primary a[title="Lớp học"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6.25 3.5C6.05109 3.5 5.86032 3.57902 5.71967 3.71967C5.57902 3.86032 5.5 4.05109 5.5 4.25V20.5H7.5V17.75C7.5 17.06 8.06 16.5 8.75 16.5H15.25C15.94 16.5 16.5 17.06 16.5 17.75V20.5H18.5V11.75C18.5 11.5511 18.421 11.3603 18.2803 11.2197C18.1397 11.079 17.9489 11 17.75 11H15.75C15.5511 11 15.3603 10.921 15.2197 10.7803C15.079 10.6397 15 10.4489 15 10.25V4.25C15 4.05109 14.921 3.86032 14.7803 3.71967C14.6397 3.57902 14.4489 3.5 14.25 3.5H6.25ZM9 18V20.5H11.25V18H9ZM12.75 18V20.5H15V18H12.75ZM19.25 22H4.75C4.55109 22 4.36032 21.921 4.21967 21.7803C4.07902 21.6397 4 21.4489 4 21.25V4.25C4 3.01 5 2 6.25 2H14.25C15.49 2 16.5 3 16.5 4.25V9.5H17.75C18.99 9.5 20 10.5 20 11.75V21.25C20 21.66 19.66 22 19.25 22ZM7.5 6.5C7.5 6.23478 7.60536 5.98043 7.79289 5.79289C7.98043 5.60536 8.23478 5.5 8.5 5.5C8.76522 5.5 9.01957 5.60536 9.20711 5.79289C9.39464 5.98043 9.5 6.23478 9.5 6.5C9.5 6.76522 9.39464 7.01957 9.20711 7.20711C9.01957 7.39464 8.76522 7.5 8.5 7.5C8.23478 7.5 7.98043 7.39464 7.79289 7.20711C7.60536 7.01957 7.5 6.76522 7.5 6.5ZM8.5 12.5C8.23478 12.5 7.98043 12.6054 7.79289 12.7929C7.60536 12.9804 7.5 13.2348 7.5 13.5C7.5 13.7652 7.60536 14.0196 7.79289 14.2071C7.98043 14.3946 8.23478 14.5 8.5 14.5C8.76522 14.5 9.01957 14.3946 9.20711 14.2071C9.39464 14.0196 9.5 13.7652 9.5 13.5C9.5 13.2348 9.39464 12.9804 9.20711 12.7929C9.01957 12.6054 8.76522 12.5 8.5 12.5ZM8.5 9C8.23478 9 7.98043 9.10536 7.79289 9.29289C7.60536 9.48043 7.5 9.73478 7.5 10C7.5 10.2652 7.60536 10.5196 7.79289 10.7071C7.98043 10.8946 8.23478 11 8.5 11C8.76522 11 9.01957 10.8946 9.20711 10.7071C9.39464 10.5196 9.5 10.2652 9.5 10C9.5 9.73478 9.39464 9.48043 9.20711 9.29289C9.01957 9.10536 8.76522 9 8.5 9ZM12 5.5C11.7348 5.5 11.4804 5.60536 11.2929 5.79289C11.1054 5.98043 11 6.23478 11 6.5C11 6.76522 11.1054 7.01957 11.2929 7.20711C11.4804 7.39464 11.7348 7.5 12 7.5C12.2652 7.5 12.5196 7.39464 12.7071 7.20711C12.8946 7.01957 13 6.76522 13 6.5C13 6.23478 12.8946 5.98043 12.7071 5.79289C12.5196 5.60536 12.2652 5.5 12 5.5ZM12 12.5C11.7348 12.5 11.4804 12.6054 11.2929 12.7929C11.1054 12.9804 11 13.2348 11 13.5C11 13.7652 11.1054 14.0196 11.2929 14.2071C11.4804 14.3946 11.7348 14.5 12 14.5C12.2652 14.5 12.5196 14.3946 12.7071 14.2071C12.8946 14.0196 13 13.7652 13 13.5C13 13.2348 12.8946 12.9804 12.7071 12.7929C12.5196 12.6054 12.2652 12.5 12 12.5ZM15.5 12.5C15.2348 12.5 14.9804 12.6054 14.7929 12.7929C14.6054 12.9804 14.5 13.2348 14.5 13.5C14.5 13.7652 14.6054 14.0196 14.7929 14.2071C14.9804 14.3946 15.2348 14.5 15.5 14.5C15.7652 14.5 16.0196 14.3946 16.2071 14.2071C16.3946 14.0196 16.5 13.7652 16.5 13.5C16.5 13.2348 16.3946 12.9804 16.2071 12.7929C16.0196 12.6054 15.7652 12.5 15.5 12.5ZM12 9C11.7348 9 11.4804 9.10536 11.2929 9.29289C11.1054 9.48043 11 9.73478 11 10C11 10.2652 11.1054 10.5196 11.2929 10.7071C11.4804 10.8946 11.7348 11 12 11C12.2652 11 12.5196 10.8946 12.7071 10.7071C12.8946 10.5196 13 10.2652 13 10C13 9.73478 12.8946 9.48043 12.7071 9.29289C12.5196 9.10536 12.2652 9 12 9Z" fill="white"/></svg>');
}

.sidebar-dark-primary a[title="Lịch đào tạo"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17.75 3C19.55 3 21 4.46 21 6.25V17.75C21 19.55 19.54 21 17.75 21H6.25C5.38805 21 4.5614 20.6576 3.9519 20.0481C3.34241 19.4386 3 18.612 3 17.75V6.25C3 4.45 4.46 3 6.25 3H17.75ZM19.5 8.5H4.5V17.75C4.5 18.72 5.28 19.5 6.25 19.5H17.75C18.72 19.5 19.5 18.72 19.5 17.75V8.5ZM7.75 14.5C8.08152 14.5 8.39946 14.6317 8.63388 14.8661C8.8683 15.1005 9 15.4185 9 15.75C9 16.0815 8.8683 16.3995 8.63388 16.6339C8.39946 16.8683 8.08152 17 7.75 17C7.41848 17 7.10054 16.8683 6.86612 16.6339C6.6317 16.3995 6.5 16.0815 6.5 15.75C6.5 15.4185 6.6317 15.1005 6.86612 14.8661C7.10054 14.6317 7.41848 14.5 7.75 14.5ZM12 14.5C12.3315 14.5 12.6495 14.6317 12.8839 14.8661C13.1183 15.1005 13.25 15.4185 13.25 15.75C13.25 16.0815 13.1183 16.3995 12.8839 16.6339C12.6495 16.8683 12.3315 17 12 17C11.6685 17 11.3505 16.8683 11.1161 16.6339C10.8817 16.3995 10.75 16.0815 10.75 15.75C10.75 15.4185 10.8817 15.1005 11.1161 14.8661C11.3505 14.6317 11.6685 14.5 12 14.5ZM7.75 10.5C8.08152 10.5 8.39946 10.6317 8.63388 10.8661C8.8683 11.1005 9 11.4185 9 11.75C9 12.0815 8.8683 12.3995 8.63388 12.6339C8.39946 12.8683 8.08152 13 7.75 13C7.41848 13 7.10054 12.8683 6.86612 12.6339C6.6317 12.3995 6.5 12.0815 6.5 11.75C6.5 11.4185 6.6317 11.1005 6.86612 10.8661C7.10054 10.6317 7.41848 10.5 7.75 10.5ZM12 10.5C12.3315 10.5 12.6495 10.6317 12.8839 10.8661C13.1183 11.1005 13.25 11.4185 13.25 11.75C13.25 12.0815 13.1183 12.3995 12.8839 12.6339C12.6495 12.8683 12.3315 13 12 13C11.6685 13 11.3505 12.8683 11.1161 12.6339C10.8817 12.3995 10.75 12.0815 10.75 11.75C10.75 11.4185 10.8817 11.1005 11.1161 10.8661C11.3505 10.6317 11.6685 10.5 12 10.5ZM16.25 10.5C16.5815 10.5 16.8995 10.6317 17.1339 10.8661C17.3683 11.1005 17.5 11.4185 17.5 11.75C17.5 12.0815 17.3683 12.3995 17.1339 12.6339C16.8995 12.8683 16.5815 13 16.25 13C15.9185 13 15.6005 12.8683 15.3661 12.6339C15.1317 12.3995 15 12.0815 15 11.75C15 11.4185 15.1317 11.1005 15.3661 10.8661C15.6005 10.6317 15.9185 10.5 16.25 10.5ZM17.75 4.5H6.25C5.28 4.5 4.5 5.28 4.5 6.25V7H19.5V6.25C19.5 5.28 18.72 4.5 17.75 4.5Z" fill="white"/></svg>');
}

.sidebar-dark-primary a[title="Khảo sát đánh giá"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M7.25 14C7.05109 14 6.86032 14.079 6.71967 14.2197C6.57902 14.3603 6.5 14.5511 6.5 14.75C6.5 14.9489 6.57902 15.1397 6.71967 15.2803C6.86032 15.421 7.05109 15.5 7.25 15.5H10.75C10.9489 15.5 11.1397 15.421 11.2803 15.2803C11.421 15.1397 11.5 14.9489 11.5 14.75C11.5 14.5511 11.421 14.3603 11.2803 14.2197C11.1397 14.079 10.9489 14 10.75 14H7.25ZM6.5 9.25C6.5 8.84 6.84 8.5 7.25 8.5H10.75C10.9489 8.5 11.1397 8.57902 11.2803 8.71967C11.421 8.86032 11.5 9.05109 11.5 9.25C11.5 9.44891 11.421 9.63968 11.2803 9.78033C11.1397 9.92098 10.9489 10 10.75 10H7.25C7.05109 10 6.86032 9.92098 6.71967 9.78033C6.57902 9.63968 6.5 9.44891 6.5 9.25ZM17.78 8.78C17.9125 8.63783 17.9846 8.44978 17.9812 8.25548C17.9777 8.06118 17.899 7.87579 17.7616 7.73838C17.6242 7.60097 17.4388 7.52225 17.2445 7.51883C17.0502 7.5154 16.8622 7.58752 16.72 7.72L15.25 9.19L14.78 8.72C14.7113 8.64631 14.6285 8.58721 14.5365 8.54622C14.4445 8.50523 14.3452 8.48318 14.2445 8.48141C14.1438 8.47963 14.0438 8.49816 13.9504 8.53588C13.857 8.5736 13.7722 8.62974 13.701 8.70096C13.6297 8.77218 13.5736 8.85701 13.5359 8.9504C13.4982 9.04379 13.4796 9.14382 13.4814 9.24452C13.4832 9.34522 13.5052 9.44454 13.5462 9.53654C13.5872 9.62854 13.6463 9.71134 13.72 9.78L14.72 10.78C15.02 11.08 15.49 11.08 15.78 10.78L17.78 8.78ZM17.78 13.22C18.08 13.52 18.08 13.99 17.78 14.28L15.78 16.28C15.48 16.58 15.01 16.58 14.72 16.28L13.72 15.28C13.6463 15.2113 13.5872 15.1285 13.5462 15.0365C13.5052 14.9445 13.4832 14.8452 13.4814 14.7445C13.4796 14.6438 13.4982 14.5438 13.5359 14.4504C13.5736 14.357 13.6297 14.2722 13.701 14.201C13.7722 14.1297 13.857 14.0736 13.9504 14.0359C14.0438 13.9982 14.1438 13.9796 14.2445 13.9814C14.3452 13.9832 14.4445 14.0052 14.5365 14.0462C14.6285 14.0872 14.7113 14.1463 14.78 14.22L15.25 14.69L16.72 13.22C17.02 12.92 17.49 12.92 17.78 13.22ZM6.25 3C5.38805 3 4.5614 3.34241 3.9519 3.9519C3.34241 4.5614 3 5.38805 3 6.25V17.75C3 19.55 4.46 21 6.25 21H17.75C19.55 21 21 19.54 21 17.75V6.25C21 4.45 19.54 3 17.75 3H6.25ZM4.5 6.25C4.5 5.28 5.28 4.5 6.25 4.5H17.75C18.72 4.5 19.5 5.28 19.5 6.25V17.75C19.5 18.72 18.72 19.5 17.75 19.5H6.25C5.28 19.5 4.5 18.72 4.5 17.75V6.25Z" fill="white"/></svg>');
}

.sidebar-dark-primary a[title="Hỏi - Đáp"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M8.14 6.3C8.61446 6.06143 9.14646 5.96117 9.67521 6.01069C10.2039 6.0602 10.7081 6.25749 11.13 6.58C11.65 7 12 7.65 12 8.5C12 9.47 11.31 10 10.92 10.3L10.84 10.37C10.41 10.7 10.24 10.88 10.24 11.25C10.24 11.4489 10.161 11.6397 10.0203 11.7803C9.87968 11.921 9.68891 12 9.49 12C9.29109 12 9.10032 11.921 8.95967 11.7803C8.81902 11.6397 8.74 11.4489 8.74 11.25C8.74 10.12 9.46 9.55 9.91 9.19C10.42 8.79 10.5 8.69 10.5 8.5C10.5 8.1 10.35 7.88 10.18 7.74C9.98 7.58 9.72 7.5 9.5 7.5C9.2 7.5 9 7.55 8.85 7.63C8.71 7.71 8.55 7.84 8.41 8.11C8.31154 8.27692 8.1523 8.39924 7.96564 8.45134C7.77898 8.50344 7.57941 8.48126 7.40874 8.38946C7.23807 8.29766 7.10956 8.14337 7.05014 7.95891C6.99072 7.77445 7.00501 7.57416 7.09 7.4C7.35 6.91 7.7 6.54 8.14 6.3ZM9.5 15C9.76522 15 10.0196 14.8946 10.2071 14.7071C10.3946 14.5196 10.5 14.2652 10.5 14C10.5 13.7348 10.3946 13.4804 10.2071 13.2929C10.0196 13.1054 9.76522 13 9.5 13C9.23479 13 8.98043 13.1054 8.7929 13.2929C8.60536 13.4804 8.5 13.7348 8.5 14C8.5 14.2652 8.60536 14.5196 8.7929 14.7071C8.98043 14.8946 9.23479 15 9.5 15ZM9.5 3C8.23865 2.99952 6.99755 3.31717 5.89152 3.92357C4.78549 4.52996 3.85027 5.40551 3.17237 6.46922C2.49447 7.53292 2.09579 8.75041 2.01323 10.0091C1.93066 11.2677 2.16687 12.5269 2.7 13.67L1.98 16.51C1.74 17.43 2.57 18.26 3.48 18.04L6.41 17.34C7.42951 17.7985 8.53864 18.0234 9.65623 17.9981C10.7738 17.9728 11.8716 17.6979 12.8693 17.1937C13.867 16.6895 14.7394 15.9686 15.4226 15.0838C16.1059 14.199 16.5826 13.1726 16.8181 12.0798C17.0536 10.987 17.0418 9.85541 16.7836 8.76776C16.5254 7.6801 16.0274 6.66391 15.3259 5.79353C14.6244 4.92315 13.7372 4.2206 12.7292 3.73726C11.7212 3.25392 10.6179 3.00203 9.5 3ZM3.5 10.5C3.49931 9.19509 3.92405 7.92552 4.70985 6.88373C5.49564 5.84194 6.59965 5.08472 7.85454 4.72686C9.10942 4.36899 10.4468 4.42999 11.6639 4.9006C12.881 5.37121 13.9115 6.22577 14.5992 7.33477C15.2869 8.44376 15.5943 9.74672 15.4748 11.0462C15.3553 12.3456 14.8155 13.5707 13.9371 14.5357C13.0587 15.5007 11.8897 16.153 10.6071 16.3938C9.32464 16.6346 7.99859 16.4507 6.83 15.87L6.59 15.75L6.32 15.82L3.53 16.48L4.23 13.78L4.29 13.5L4.16 13.25C3.72292 12.3994 3.49657 11.4563 3.5 10.5ZM14.5 21C12.6081 21.0032 10.7854 20.2885 9.4 19C10.135 19.0105 10.8681 18.923 11.58 18.74C12.4304 19.2163 13.3844 19.4772 14.3588 19.4999C15.3333 19.5226 16.2984 19.3063 17.17 18.87L17.41 18.75L17.68 18.82C18.6 19.04 19.64 19.26 20.42 19.42C20.24 18.68 20 17.67 19.77 16.78L19.7 16.5L19.84 16.25C20.5317 14.9243 20.7008 13.3874 20.3138 11.943C19.9268 10.4987 19.0119 9.25218 17.75 8.45C17.5731 7.73813 17.3042 7.05235 16.95 6.41C17.9432 6.75279 18.8532 7.30042 19.6212 8.0174C20.3892 8.73439 20.998 9.60473 21.4081 10.572C21.8182 11.5393 22.0205 12.582 22.0019 13.6325C21.9833 14.683 21.7441 15.7178 21.3 16.67L21.97 19.47C22.17 20.37 21.39 21.17 20.5 20.97C19.77 20.82 18.63 20.58 17.59 20.34C16.64 20.76 15.59 21 14.49 21H14.5Z" fill="white"/></svg>');
}

.sidebar-dark-primary a[title="Báo cáo - thống kê"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M8.5 5.22998C8.5 3.98998 9.5 2.97998 10.75 2.97998H13.25C14.49 2.97998 15.5 3.97998 15.5 5.22998V6.99998H18.75C19.99 6.99998 21 7.99998 21 9.24998V20.25C21 20.66 20.66 21 20.25 21H3.75C3.55109 21 3.36032 20.921 3.21967 20.7803C3.07902 20.6397 3 20.4489 3 20.25V12.25C3 11.01 4 9.99998 5.25 9.99998H8.5V5.22998ZM10 19.5H14V5.22998C14 5.03107 13.921 4.8403 13.7803 4.69965C13.6397 4.559 13.4489 4.47998 13.25 4.47998H10.75C10.5511 4.47998 10.3603 4.559 10.2197 4.69965C10.079 4.8403 10 5.03107 10 5.22998V19.5ZM8.5 11.5H5.25C5.05109 11.5 4.86032 11.579 4.71967 11.7197C4.57902 11.8603 4.5 12.0511 4.5 12.25V19.5H8.5V11.5ZM15.5 19.5H19.5V9.24998C19.5 9.05107 19.421 8.8603 19.2803 8.71965C19.1397 8.579 18.9489 8.49998 18.75 8.49998H15.5V19.5Z" fill="white"/></svg>');
}

.sidebar-dark-primary a[title="Quản trị người dùng"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M5.5 7C5.5 6.33696 5.76339 5.70107 6.23223 5.23223C6.70107 4.76339 7.33696 4.5 8 4.5C8.66304 4.5 9.29893 4.76339 9.76777 5.23223C10.2366 5.70107 10.5 6.33696 10.5 7C10.5 7.66304 10.2366 8.29893 9.76777 8.76777C9.29893 9.23661 8.66304 9.5 8 9.5C7.33696 9.5 6.70107 9.23661 6.23223 8.76777C5.76339 8.29893 5.5 7.66304 5.5 7ZM8 3C6.93913 3 5.92172 3.42143 5.17157 4.17157C4.42143 4.92172 4 5.93913 4 7C4 8.06087 4.42143 9.07828 5.17157 9.82843C5.92172 10.5786 6.93913 11 8 11C9.06087 11 10.0783 10.5786 10.8284 9.82843C11.5786 9.07828 12 8.06087 12 7C12 5.93913 11.5786 4.92172 10.8284 4.17157C10.0783 3.42143 9.06087 3 8 3ZM15.5 8C15.5 7.60218 15.658 7.22064 15.9393 6.93934C16.2206 6.65804 16.6022 6.5 17 6.5C17.3978 6.5 17.7794 6.65804 18.0607 6.93934C18.342 7.22064 18.5 7.60218 18.5 8C18.5 8.39782 18.342 8.77936 18.0607 9.06066C17.7794 9.34196 17.3978 9.5 17 9.5C16.6022 9.5 16.2206 9.34196 15.9393 9.06066C15.658 8.77936 15.5 8.39782 15.5 8ZM17 5C16.2044 5 15.4413 5.31607 14.8787 5.87868C14.3161 6.44129 14 7.20435 14 8C14 8.79565 14.3161 9.55871 14.8787 10.1213C15.4413 10.6839 16.2044 11 17 11C17.7956 11 18.5587 10.6839 19.1213 10.1213C19.6839 9.55871 20 8.79565 20 8C20 7.20435 19.6839 6.44129 19.1213 5.87868C18.5587 5.31607 17.7956 5 17 5ZM4.25 13C3.01 13 2 14 2 15.25V15.53C2.0001 15.5968 2.00344 15.6635 2.01 15.73C2.03 15.87 2.05 16.05 2.11 16.26C2.2 16.68 2.4 17.24 2.79 17.81C3.61 18.97 5.17 20 8 20C9.37 20 10.44 19.76 11.28 19.38C11.1274 18.8762 11.0367 18.3557 11.01 17.83C10.36 18.21 9.41 18.5 8 18.5C5.58 18.5 4.51 17.65 4.02 16.94C3.72625 16.5162 3.54712 16.0235 3.5 15.51V15.25C3.5 14.84 3.84 14.5 4.25 14.5H11.73C11.98 14.02 12.29 13.58 12.64 13.18C12.3587 13.0599 12.0558 12.9986 11.75 13H4.25ZM14.28 13.98C14.3553 14.2387 14.3774 14.51 14.3453 14.7775C14.3131 15.0451 14.2271 15.3033 14.0926 15.5368C13.9582 15.7703 13.7779 15.9742 13.5626 16.1363C13.3474 16.2984 13.1016 16.4153 12.84 16.48L12.25 16.62C12.1552 17.2163 12.1552 17.8237 12.25 18.42L12.8 18.55C13.0636 18.6135 13.3115 18.7299 13.5287 18.8922C13.7459 19.0545 13.9278 19.2592 14.0634 19.4939C14.1991 19.7287 14.2855 19.9886 14.3176 20.2578C14.3497 20.527 14.3267 20.7999 14.25 21.06L14.06 21.7C14.5 22.08 15 22.4 15.55 22.62L16.04 22.1C16.2268 21.9033 16.4517 21.7467 16.701 21.6397C16.9503 21.5327 17.2187 21.4775 17.49 21.4775C17.7613 21.4775 18.0297 21.5327 18.279 21.6397C18.5283 21.7467 18.7532 21.9033 18.94 22.1L19.44 22.62C19.9795 22.4035 20.4796 22.0994 20.92 21.72L20.72 21.02C20.6447 20.7613 20.6226 20.49 20.6547 20.2225C20.6869 19.9549 20.7729 19.6967 20.9074 19.4632C21.0418 19.2297 21.2221 19.0258 21.4374 18.8637C21.6526 18.7016 21.8984 18.5847 22.16 18.52L22.75 18.38C22.8415 17.7832 22.8381 17.1757 22.74 16.58L22.2 16.45C21.9364 16.3865 21.6885 16.2701 21.4713 16.1078C21.2541 15.9455 21.0722 15.7408 20.9366 15.5061C20.8009 15.2713 20.7145 15.0114 20.6824 14.7422C20.6503 14.473 20.6733 14.2001 20.75 13.94L20.94 13.31C20.5 12.92 20 12.61 19.45 12.38L18.96 12.9C18.7732 13.0967 18.5483 13.2533 18.299 13.3603C18.0497 13.4673 17.7813 13.5225 17.51 13.5225C17.2387 13.5225 16.9703 13.4673 16.721 13.3603C16.4717 13.2533 16.2468 13.0967 16.06 12.9L15.56 12.38C15.02 12.6 14.52 12.91 14.08 13.29L14.28 13.98ZM17.5 19C16.7 19 16.05 18.33 16.05 17.5C16.05 16.67 16.7 16 17.5 16C18.3 16 18.95 16.67 18.95 17.5C18.95 18.33 18.3 19 17.5 19Z" fill="white"/></svg>');
}

.sidebar-dark-primary a[title="Cấu hình hệ thống"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12.01 2.25C12.75 2.25 13.48 2.35 14.19 2.5C14.51 2.57 14.74 2.83 14.78 3.15L14.95 4.68C14.9744 4.89423 15.0487 5.09977 15.1669 5.28013C15.285 5.46048 15.4438 5.61064 15.6305 5.71856C15.8172 5.82648 16.0265 5.88915 16.2418 5.90156C16.457 5.91396 16.6722 5.87576 16.87 5.79L18.27 5.18C18.57 5.05 18.91 5.12 19.12 5.35C20.1314 6.43396 20.8836 7.73324 21.32 9.15C21.42 9.45 21.32 9.78 21.06 9.97L19.81 10.89C19.6364 11.0183 19.4952 11.1856 19.3979 11.3784C19.3007 11.5711 19.25 11.7841 19.25 12C19.25 12.2159 19.3007 12.4289 19.3979 12.6216C19.4952 12.8144 19.6364 12.9817 19.81 13.11L21.06 14.03C21.32 14.22 21.42 14.55 21.33 14.85C20.8936 16.2668 20.1414 17.566 19.13 18.65C19.0234 18.7628 18.8843 18.8398 18.7321 18.8702C18.5798 18.9007 18.4219 18.8831 18.28 18.82L16.88 18.2C16.681 18.1121 16.464 18.0726 16.2468 18.0845C16.0295 18.0965 15.8182 18.1596 15.63 18.2689C15.4418 18.3781 15.2821 18.5302 15.164 18.7129C15.0458 18.8956 14.9725 19.1036 14.95 19.32L14.78 20.84C14.7631 20.9952 14.6981 21.1413 14.5941 21.2578C14.4901 21.3744 14.3524 21.4555 14.2 21.49C12.7535 21.8336 11.2466 21.8336 9.80004 21.49C9.64957 21.4537 9.51401 21.3718 9.41196 21.2554C9.30991 21.139 9.24636 20.9939 9.23004 20.84L9.06004 19.32C9.03616 19.1045 8.96182 18.8976 8.84305 18.7162C8.72428 18.5347 8.56442 18.3838 8.37644 18.2757C8.18846 18.1676 7.97765 18.1053 7.76109 18.0939C7.54454 18.0825 7.32835 18.1223 7.13004 18.21L5.73004 18.83C5.5872 18.8919 5.42863 18.9079 5.27632 18.8756C5.12401 18.8434 4.98551 18.7645 4.88004 18.65C3.86873 17.566 3.11652 16.2668 2.68004 14.85C2.58004 14.55 2.68004 14.22 2.94004 14.03L4.19004 13.11C4.36373 12.9817 4.50488 12.8144 4.60216 12.6216C4.69943 12.4289 4.7501 12.2159 4.7501 12C4.7501 11.7841 4.69943 11.5711 4.60216 11.3784C4.50488 11.1856 4.36373 11.0183 4.19004 10.89L2.95004 9.97C2.82427 9.87909 2.72979 9.75139 2.67964 9.60453C2.62949 9.45766 2.62614 9.29885 2.67004 9.15C3.10652 7.73324 3.85873 6.43396 4.87004 5.35C5.10004 5.12 5.44004 5.05 5.73004 5.18L7.13004 5.8C7.53004 5.97 7.99004 5.95 8.38004 5.72C8.76004 5.5 9.01004 5.12 9.06004 4.68L9.23004 3.15C9.24701 2.99476 9.31202 2.84868 9.41599 2.73216C9.51997 2.61563 9.65772 2.53447 9.81004 2.5C10.53 2.34 11.26 2.26 12.01 2.25ZM12.01 3.75C11.56 3.75 11.11 3.79 10.66 3.87L10.55 4.84C10.5002 5.29031 10.3451 5.72259 10.0975 6.10195C9.84976 6.4813 9.51635 6.79711 9.12412 7.02388C8.7319 7.25065 8.29185 7.38203 7.8395 7.40741C7.38715 7.43279 6.93517 7.35147 6.52004 7.17L5.62004 6.77C5.05329 7.4694 4.60409 8.25635 4.29004 9.1L5.09004 9.69C5.45386 9.9576 5.74965 10.307 5.9535 10.71C6.15736 11.1131 6.26358 11.5584 6.26358 12.01C6.26358 12.4616 6.15736 12.9069 5.9535 13.31C5.74965 13.713 5.45386 14.0624 5.09004 14.33L4.29004 14.92C4.61118 15.7615 5.06715 16.545 5.64004 17.24L6.54004 16.84C6.95378 16.6584 7.40445 16.5767 7.85561 16.6015C8.30677 16.6263 8.74577 16.7569 9.13711 16.9827C9.52846 17.2086 9.86118 17.5234 10.1084 17.9016C10.3556 18.2798 10.5103 18.7109 10.56 19.16L10.66 20.15C11.56 20.3 12.46 20.3 13.36 20.15L13.46 19.16C13.5098 18.7109 13.6645 18.2798 13.9117 17.9016C14.1589 17.5234 14.4916 17.2086 14.883 16.9827C15.2743 16.7569 15.7133 16.6263 16.1645 16.6015C16.6156 16.5767 17.0663 16.6584 17.48 16.84L18.38 17.24C18.9529 16.545 19.4089 15.7615 19.73 14.92L18.93 14.33C18.5662 14.0624 18.2704 13.713 18.0666 13.31C17.8627 12.9069 17.7565 12.4616 17.7565 12.01C17.7565 11.5584 17.8627 11.1131 18.0666 10.71C18.2704 10.307 18.5662 9.9576 18.93 9.69L19.73 9.1C19.4089 8.25854 18.9529 7.47497 18.38 6.78L17.48 7.18C17.0663 7.3616 16.6156 7.44331 16.1645 7.41851C15.7133 7.39371 15.2743 7.26311 14.883 7.03726C14.4916 6.81141 14.1589 6.49664 13.9117 6.11841C13.6645 5.74018 13.5098 5.30909 13.46 4.86L13.36 3.88C12.91 3.8 12.46 3.77 12.02 3.76L12.01 3.75ZM12 8.25C12.9946 8.25 13.9484 8.64509 14.6517 9.34835C15.355 10.0516 15.75 11.0054 15.75 12C15.75 12.9946 15.355 13.9484 14.6517 14.6517C13.9484 15.3549 12.9946 15.75 12 15.75C11.0055 15.75 10.0517 15.3549 9.34839 14.6517C8.64513 13.9484 8.25004 12.9946 8.25004 12C8.25004 11.0054 8.64513 10.0516 9.34839 9.34835C10.0517 8.64509 11.0055 8.25 12 8.25ZM12 9.75C11.4033 9.75 10.831 9.98705 10.409 10.409C9.98709 10.831 9.75004 11.4033 9.75004 12C9.75004 12.5967 9.98709 13.169 10.409 13.591C10.831 14.0129 11.4033 14.25 12 14.25C12.5968 14.25 13.1691 14.0129 13.591 13.591C14.013 13.169 14.25 12.5967 14.25 12C14.25 11.4033 14.013 10.831 13.591 10.409C13.1691 9.98705 12.5968 9.75 12 9.75Z" fill="white"/></svg>');
}

.sidebar-dark-primary a[title="Danh mục"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3.25 17.5C3.58152 17.5 3.89946 17.6317 4.13388 17.8661C4.3683 18.1005 4.5 18.4185 4.5 18.75C4.5 19.0815 4.3683 19.3995 4.13388 19.6339C3.89946 19.8683 3.58152 20 3.25 20C2.91848 20 2.60054 19.8683 2.36612 19.6339C2.1317 19.3995 2 19.0815 2 18.75C2 18.4185 2.1317 18.1005 2.36612 17.8661C2.60054 17.6317 2.91848 17.5 3.25 17.5ZM21.25 18C21.4489 17.9867 21.6449 18.053 21.795 18.1843C21.945 18.3156 22.0367 18.5011 22.05 18.7C22.0633 18.8989 21.997 19.0949 21.8657 19.245C21.7344 19.395 21.5489 19.4867 21.35 19.5H6.75C6.55109 19.5133 6.35505 19.447 6.20503 19.3157C6.055 19.1844 5.96326 18.9989 5.95 18.8C5.93674 18.6011 6.00304 18.4051 6.13431 18.255C6.26559 18.105 6.45109 18.0133 6.65 18H21.25ZM3.25 11C3.58152 11 3.89946 11.1317 4.13388 11.3661C4.3683 11.6005 4.5 11.9185 4.5 12.25C4.5 12.5815 4.3683 12.8995 4.13388 13.1339C3.89946 13.3683 3.58152 13.5 3.25 13.5C2.91848 13.5 2.60054 13.3683 2.36612 13.1339C2.1317 12.8995 2 12.5815 2 12.25C2 11.9185 2.1317 11.6005 2.36612 11.3661C2.60054 11.1317 2.91848 11 3.25 11ZM21.25 11.5C21.4489 11.4867 21.6449 11.553 21.795 11.6843C21.945 11.8156 22.0367 12.0011 22.05 12.2C22.0633 12.3989 21.997 12.5949 21.8657 12.745C21.7344 12.895 21.5489 12.9867 21.35 13H6.75C6.55109 13.0133 6.35505 12.947 6.20503 12.8157C6.055 12.6844 5.96326 12.4989 5.95 12.3C5.93674 12.1011 6.00304 11.9051 6.13431 11.755C6.26559 11.605 6.45109 11.5133 6.65 11.5H21.25ZM3.25 4.5C3.58152 4.5 3.89946 4.6317 4.13388 4.86612C4.3683 5.10054 4.5 5.41848 4.5 5.75C4.5 6.08152 4.3683 6.39946 4.13388 6.63388C3.89946 6.8683 3.58152 7 3.25 7C2.91848 7 2.60054 6.8683 2.36612 6.63388C2.1317 6.39946 2 6.08152 2 5.75C2 5.41848 2.1317 5.10054 2.36612 4.86612C2.60054 4.6317 2.91848 4.5 3.25 4.5ZM21.25 5C21.4489 4.98674 21.6449 5.05304 21.795 5.18431C21.945 5.31559 22.0367 5.50109 22.05 5.7C22.0633 5.89891 21.997 6.09495 21.8657 6.24497C21.7344 6.395 21.5489 6.48674 21.35 6.5H6.75C6.55109 6.51326 6.35505 6.44696 6.20503 6.31569C6.055 6.18441 5.96326 5.99891 5.95 5.8C5.93674 5.60109 6.00304 5.40505 6.13431 5.25503C6.26559 5.105 6.45109 5.01326 6.65 5H21.25Z" fill="white"/></svg>');
}
/*.sidebar-dark-primary a[title="Quản lý xe"] > span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15.8 3C17.29 3 18.59 4.01 18.95 5.46L19.34 7H20.25C20.63 7 20.95 7.28 20.99 7.65L21 7.75C21 8.13 20.72 8.45 20.35 8.49L20.25 8.5H19.71L19.92 9.33C20.57 9.73 21 10.43 21 11.25V19.75C21 20.71 20.22 21.5 19.25 21.5H17.75C16.78 21.5 16 20.71 16 19.75V18.5H8V19.75C8 20.71 7.22 21.5 6.25 21.5H4.75C3.78 21.5 3 20.7 3 19.75V11.25C3 10.44 3.43 9.72 4.08 9.33L4.28 8.5H3.75C3.56898 8.4992 3.39435 8.43296 3.25835 8.3135C3.12234 8.19403 3.03413 8.02941 3.01 7.85L3 7.75C3 7.37 3.28 7.05 3.65 7.01L3.75 7H4.66L5.05 5.46C5.226 4.75766 5.6315 4.13421 6.20215 3.68855C6.77281 3.24289 7.47594 3.00056 8.2 3H15.8ZM6.5 18.5H4.5V19.75C4.5 19.88 4.61 20 4.75 20H6.25C6.39 20 6.5 19.88 6.5 19.75V18.5ZM19.5 18.5H17.5V19.75C17.5 19.88 17.61 20 17.75 20H19.25C19.39 20 19.5 19.88 19.5 19.75V18.5ZM18.75 10.5H5.25C5.05109 10.5 4.86032 10.579 4.71967 10.7197C4.57902 10.8603 4.5 11.0511 4.5 11.25V17H19.5V11.25C19.5 11.0511 19.421 10.8603 19.2803 10.7197C19.1397 10.579 18.9489 10.5 18.75 10.5ZM13.75 14C13.9489 13.9867 14.1449 14.053 14.295 14.1843C14.445 14.3156 14.5367 14.5011 14.55 14.7C14.5633 14.8989 14.497 15.0949 14.3657 15.245C14.2344 15.395 14.0489 15.4867 13.85 15.5H10.25C10.0511 15.5133 9.85505 15.447 9.70503 15.3157C9.555 15.1844 9.46326 14.9989 9.45 14.8C9.43674 14.6011 9.50304 14.4051 9.63431 14.255C9.76559 14.105 9.95109 14.0133 10.15 14H13.75ZM17 12C17.2652 12 17.5196 12.1054 17.7071 12.2929C17.8946 12.4804 18 12.7348 18 13C18 13.2652 17.8946 13.5196 17.7071 13.7071C17.5196 13.8946 17.2652 14 17 14C16.7348 14 16.4804 13.8946 16.2929 13.7071C16.1054 13.5196 16 13.2652 16 13C16 12.7348 16.1054 12.4804 16.2929 12.2929C16.4804 12.1054 16.7348 12 17 12ZM7 12C7.26522 12 7.51957 12.1054 7.70711 12.2929C7.89464 12.4804 8 12.7348 8 13C8 13.2652 7.89464 13.5196 7.70711 13.7071C7.51957 13.8946 7.26522 14 7 14C6.73478 14 6.48043 13.8946 6.29289 13.7071C6.10536 13.5196 6 13.2652 6 13C6 12.7348 6.10536 12.4804 6.29289 12.2929C6.48043 12.1054 6.73478 12 7 12ZM15.8 4.5H8.2C7.4 4.5 6.7 5.05 6.5 5.83L5.71 9H18.3L17.5 5.82C17.31 5.05 16.61 4.5 15.8 4.5Z" fill="white"/></svg>');
}*/

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active > span::before {
    filter: brightness(0) saturate(100%) invert(10%) sepia(46%) saturate(3908%) hue-rotate(222deg) brightness(97%) contrast(96%);
}

[class*="sidebar-dark"] .brand-link {
    height: 60px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.brand-link .brand-image {
    margin: 0;
}

[class*="sidebar-dark"] .brand-link .logocontent {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    [class*="sidebar-dark"] .brand-link .logocontent .bottomlogocontent {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 900;
        font-size: 16px;
        line-height: 1.14;
        color: var(--text-white);
    }

    [class*="sidebar-dark"] .brand-link .logocontent .toplogocontent {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.4;
        /* identical to box height, or 114% */
        letter-spacing: 0.11em;
        color: var(--text-white);
    }

/****************************************************************************************************************/
/***********************************************************************CONTENT HEADER*************************************************************************/
/****************************************************************************************************************/

.content-wrapper .content-header .nav-link {
    display: flex;
    padding: 0;
    gap: 16px;
}

    .content-wrapper .content-header .nav-link h6,
    .content-wrapper .content-header h6 a,
    .content-wrapper .content-header h6 span {
        /* Title/Large */
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 1.27;
        /* identical to box height, or 127% */
        /* Content/text-main */
        color: var(--text-main);
    }

.content-header {
    padding: 16px 32px;
    justify-content: unset;
}

/****************************************************************************************************************/
/***********************************************************************MAIN CONTENT*************************************************************************/
/****************************************************************************************************************/

.content-wrapper > .content {
    padding: 0 32px 32px;
}

.content-container {
    padding: 0;
    background: none;
    box-shadow: none;
    border-radius: 0;
}

/****************************************************************************************************************/
/***********************************************************************CMS - SELECT2 - VER 3.3.1*************************************************************************/
/****************************************************************************************************************/



.form-group .select2-container {
    background: #FFFFFF;
    padding: 8px 0 0 0;
    border-radius: 8px;
    border: 1px solid var(--bg-soft);
    min-height: 42px;
}

    .form-group .select2-container .select2-choice {
        height: auto;
        border: none;
        background: #FFF;
        border-radius: 0;
        outline: none;
        box-shadow: none;
        padding: 0 16px;
    }

        .form-group .select2-container .select2-choice span {
            padding: 0;
 Body/Large 
font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 1.5;
 identical to box height, or 150% 
letter-spacing: 0.5px;
 Content/text-main 
color: var(--Content-text-primary);
        }

        .form-group .select2-container .select2-choice div b {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.22007 8.47C4.52007 8.17 4.99007 8.17 5.28007 8.47L12.0001 15.19L18.7201 8.47C18.7887 8.39631 18.8715 8.33721 18.9635 8.29622C19.0555 8.25523 19.1548 8.23319 19.2556 8.23141C19.3563 8.22963 19.4563 8.24816 19.5497 8.28588C19.6431 8.3236 19.7279 8.37974 19.7991 8.45096C19.8703 8.52218 19.9265 8.60702 19.9642 8.7004C20.0019 8.79379 20.0204 8.89382 20.0187 8.99452C20.0169 9.09523 19.9948 9.19454 19.9539 9.28654C19.9129 9.37854 19.8538 9.46134 19.7801 9.53L12.5301 16.78C12.2301 17.08 11.7601 17.08 11.4701 16.78L4.22007 9.53C4.07962 9.38938 4.00073 9.19875 4.00073 9C4.00073 8.80125 4.07962 8.61063 4.22007 8.47Z" fill="%230A0D14"/></svg>');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }

.select2-drop {
    margin-top: 4px;
    border: 1px solid var(--bg-soft);
    padding: 8px 12px;
}

    .select2-drop .select2-search input {
        background: #FFFFFF;
        padding: 4px 12px;
        border-radius: 8px;
        border: 1px solid var(--bg-soft);
        margin-bottom: 8px;
        margin-top: 4px;
        box-shadow: none;
 Body/Large 
font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
 identical to box height, or 150% 
letter-spacing: 0.5px;
 Content/text-main 
color: var(--Content-text-primary);
    }

    .select2-drop .select2-results::-webkit-scrollbar,
    .hienthi #categoryTree::-webkit-scrollbar,
    #RoleAssignment table > tbody > tr > td .form-control::-webkit-scrollbar {
        width: 4px;
    }

    .select2-drop .select2-results::-webkit-scrollbar-track,
    .hienthi #categoryTree::-webkit-scrollbar-track,
    #RoleAssignment table > tbody > tr > td .form-control::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 12px;
    }

    .select2-drop .select2-results::-webkit-scrollbar-thumb,
    .hienthi #categoryTree::-webkit-scrollbar-thumb,
    #RoleAssignment table > tbody > tr > td .form-control::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 12px;
    }

        .select2-drop .select2-results::-webkit-scrollbar-thumb:hover,
        .hienthi #categoryTree::-webkit-scrollbar-thumb:hover,
        #RoleAssignment table > tbody > tr > td .form-control::-webkit-scrollbar-thumb:hover {
            background: #979595;
            border-radius: 12px;
        }

    .select2-drop .select2-results .select2-result-label {
 Body/Large 
font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
 identical to box height, or 150% 
letter-spacing: 0.5px;
 Content/text-main 
color: var(--Content-text-primary);
        padding: 8px;
    }

.form-group .select2-container .select2-choice div {
    background: none !important;
    width: 25px;
    border: none;
    margin-right: 16px;
}

.select2-drop .select2-results .select2-result-label:hover,
.select2-drop .select2-results .select2-highlighted .select2-result-label {
    background-color: var(--primary-dark);
    color: var(--text-white);
}

.ui-dropdownchecklist-selector,
.ms-parent > button {
    background: #FFFFFF;
    border: 1px solid var(--bg-soft);
    padding: 8px 12px !important;
    border-radius: 8px;
    outline: none;
    height: 42px !important;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.22007 8.47C4.52007 8.17 4.99007 8.17 5.28007 8.47L12.0001 15.19L18.7201 8.47C18.7887 8.39631 18.8715 8.33721 18.9635 8.29622C19.0555 8.25523 19.1548 8.23319 19.2556 8.23141C19.3563 8.22963 19.4563 8.24816 19.5497 8.28588C19.6431 8.3236 19.7279 8.37974 19.7991 8.45096C19.8703 8.52218 19.9265 8.60702 19.9642 8.7004C20.0019 8.79379 20.0204 8.89382 20.0187 8.99452C20.0169 9.09523 19.9948 9.19454 19.9539 9.28654C19.9129 9.37854 19.8538 9.46134 19.7801 9.53L12.5301 16.78C12.2301 17.08 11.7601 17.08 11.4701 16.78L4.22007 9.53C4.07962 9.38938 4.00073 9.19875 4.00073 9C4.00073 8.80125 4.07962 8.61063 4.22007 8.47Z" fill="%230A0D14"/></svg>');
    margin-bottom: 0;
}

.ms-parent {
    width: 100% !important
}

.ui-dropdownchecklist {
    width: 100% !important;
}

.ui-dropdownchecklist-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: var(--Content-text-primary);
}

.ms-drop ul > li > label {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 12px;
}

.ms-choice > span {
    top: 50%;
    transform: translateY(-50%);
 Body/Large 
font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
 identical to box height, or 150% 
letter-spacing: 0.5px;
 Content/text-main 
color: var(--Content-text-primary);
    padding: 0 16px;
}

.multi-selection .select2-container {
    padding: 0;
    margin: 0;
}

    .multi-selection .select2-container .select2-selection {
        margin-top: -8px;
        height: 50px !important;
        padding: 15px 16px 0 16px !important;
        border: none;
        background-color: transparent;
    }

        .multi-selection .select2-container .select2-selection .select2-selection__rendered {
            margin: 0;
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 1.5;
            letter-spacing: 0.5px;
            color: var(--Content-text-primary) !important;
            box-shadow: none !important;
        }

.form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-right: 28px !important;
}
**************************************************************************************************************
**********************************************************************CMS - SELECT2 - VER 4.X************************************************************************
**************************************************************************************************************
.select2-container .select2-selection {
    margin-top: -8px;
    min-height: 40px !important;
    padding: 8px 40px 8px 16px !important;
    border: none;
    background-color: transparent;
    height: 100%;
    cursor: pointer;
    border-radius: 8px;
}

    .select2-container .select2-selection .select2-selection__rendered {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0.5px;
        color: var(--Content-text-primary) !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-wrap: wrap;
        gap: 8px;
    }

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18 9.00005C18 9.00005 13.5811 15 12 15C10.4188 15 6 9 6 9" stroke="%23101828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -4px;
    top: 9px;
}

.select2-container--default .select2-selection--multiple {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18 9.00005C18 9.00005 13.5811 15 12 15C10.4188 15 6 9 6 9" stroke="%23101828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 50%;
    padding-right: 40px !important;
    border: none !important;
}

.select2-dropdown {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 1px solid var(--bg-soft) !important;
    padding: 8px 12px;
    border-radius: 8px !important;
}

    .select2-dropdown .select2-search input {
        background: #FFFFFF;
        padding: 4px 12px;
        border-radius: 8px;
        border: 1px solid var(--bg-soft);
        margin-bottom: 8px;
        margin-top: 4px;
        box-shadow: none;
 Body/Large 
font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
 identical to box height, or 150% 
letter-spacing: 0.5px;
 Content/text-main 
color: var(--Content-text-primary);
        height: 40px;
    }

    .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar {
        width: 4px;
    }

    .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 12px;
    }

    .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 12px;
    }

        .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb:hover {
            background: #979595;
            border-radius: 12px;
        }

    .select2-dropdown .select2-results .select2-results__options li {
 Body/Large 
font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
 identical to box height, or 150% 
letter-spacing: 0.5px;
 Content/text-main 
color: var(--Content-text-primary);
        padding: 8px 16px 8px 40px;
        border-radius: 8px;
        margin-bottom: 4px;
        position: relative;
        margin: 0 12px;
    }

        .select2-dropdown .select2-results .select2-results__options li:hover,
        .select2-container .select2-results__option--highlighted[aria-selected] {
            background-color: var(--primary-lighter) !important;
            color: var(--text-green) !important;
        }

.select2-container .select2-results__options .select2-results__option[aria-selected="true"] {
    background-color: transparent !important;
    color: var(--primary-base) !important;
}

.select2-dropdown .select2-results .select2-results__options li:hover::before,
.select2-container .select2-results__option--highlighted[aria-selected]::before {
    content: "";
    width: 4px;
    height: 100%;
    background-color: var(--primary-base);
    position: absolute;
    left: -12px;
    top: 0;
    border-radius: 0 8px 8px 0;
}

.select2-container .select2-results__options .select2-results__option[aria-selected="true"]::after {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.9375 6.15241C20.1297 6.6702 19.8657 7.2457 19.3479 7.43782C18.289 7.83068 17.1274 8.64841 15.9514 9.72885C14.7866 10.799 13.6641 12.074 12.6793 13.3107C11.6965 14.5449 10.8631 15.7254 10.2751 16.5981C9.98143 17.0339 9.74984 17.3917 9.59237 17.6394C9.51365 17.7632 9.45351 17.8594 9.41344 17.924L9.36861 17.9966L9.35785 18.0142L9.35545 18.0182C9.17177 18.3209 8.84114 18.5048 8.48701 18.5002C8.13282 18.4956 7.8075 18.304 7.63176 17.9964C6.68252 16.3352 5.89836 15.5873 5.42654 15.257C5.19208 15.0929 5.03257 15.0302 4.96242 15.0079C4.94586 15.0026 4.93369 14.9994 4.92605 14.9976C4.4083 14.9597 4 14.5277 4 14.0003C4 13.448 4.44772 13.0003 5 13.0003C5.118 13.0082 5.39696 13.0397 5.56883 13.102C5.84243 13.1891 6.18292 13.3452 6.57346 13.6185C7.13325 14.0104 7.79014 14.6389 8.5059 15.6453C8.54176 15.5916 8.57862 15.5367 8.61646 15.4805C9.22514 14.5772 10.0902 13.3515 11.1148 12.0648C12.1374 10.7807 13.3311 9.42028 14.5983 8.25607C15.8543 7.10213 17.2404 6.08653 18.6521 5.56272C19.1699 5.37061 19.7454 5.63462 19.9375 6.15241Z" fill="%23375DFB"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
}


.select2-container .select2-dropdown {
    padding: 0;
}

.select2-container .select2-search {
    padding: 12px;
    border-bottom: 1px solid var(--bg-soft);
}

    .select2-container .select2-search .select2-search__field {
        margin: 0;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
 identical to box height, or 150% 
letter-spacing: 0.5px;
        box-shadow: none;
 Content/text-main 
color: var(--Content-text-primary);
        border: 1px solid var(--bg-soft);
        border-radius: 8px;
    }

.select2-container .select2-dropdown .select2-results {
    padding: 12px 0;
}

.select2-container .select2-selection--multiple .select2-search__field {
    width: auto !important;
    height: 24px;
    margin: 0 !important
}

.select2-container .select2-selection .select2-selection__choice {
    margin: 0;
    border: none;
    background: var(--primary-lighter) !important;
    border-radius: 8px;
    margin-right: 0;
 Label/Large 
font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.43;
 identical to box height, or 143% 
letter-spacing: 0.1px;
 Content/text-main 
color: var(--Content-text-primary);
    padding: 2px 8px;
    margin: 0 !important;
}

.select2-container .select2-selection .select2-search--inline {
    display: none;
}

.select2-container .select2-selection .select2-selection__choice__remove {
    font-size: 0;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    right: 6px;
    left: unset;
    padding: 0;
    margin: 0;
}

    .select2-container .select2-selection .select2-selection__choice__remove::before {
        content: "";
        width: 16px;
        height: 16px;
        display: block;
        flex-shrink: 0;
        background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.93331 3.03333L2.97997 2.98C3.06504 2.89492 3.17793 2.84336 3.29794 2.83479C3.41794 2.82622 3.53701 2.86121 3.63331 2.93333L3.68664 2.98L7.99998 7.29333L12.3133 2.98C12.3591 2.93088 12.4143 2.89147 12.4756 2.86415C12.5369 2.83682 12.6032 2.82212 12.6703 2.82094C12.7374 2.81976 12.8041 2.8321 12.8664 2.85725C12.9286 2.8824 12.9852 2.91983 13.0327 2.96731C13.0801 3.01479 13.1176 3.07134 13.1427 3.1336C13.1679 3.19586 13.1802 3.26255 13.179 3.32968C13.1779 3.39682 13.1632 3.46303 13.1358 3.52436C13.1085 3.58569 13.0691 3.64089 13.02 3.68667L8.70664 8L13.02 12.3133C13.2 12.4933 13.22 12.7667 13.0666 12.9667L13.02 13.02C12.9349 13.1051 12.822 13.1566 12.702 13.1652C12.582 13.1738 12.4629 13.1388 12.3666 13.0667L12.3133 13.02L7.99998 8.70667L3.68664 13.02C3.59186 13.1083 3.46649 13.1564 3.33696 13.1541C3.20743 13.1518 3.08384 13.0994 2.99223 13.0077C2.90062 12.9161 2.84814 12.7926 2.84586 12.663C2.84357 12.5335 2.89165 12.4081 2.97997 12.3133L7.29331 8L2.97997 3.68667C2.89489 3.6016 2.84334 3.48871 2.83477 3.36871C2.8262 3.2487 2.86118 3.12963 2.93331 3.03333Z" fill="%230A0D14"/></svg>');
    }

.select2-container.select2-container--disabled .select2-selection--single {
    background-color: #E2E4E9;
    cursor: default;
}

.select2-container .select2-selection .select2-selection__clear {
    font-size: 0;
    padding: 0;
    margin: 0;
    height: 24px;
    right: 8px;
}

    .select2-container .select2-selection .select2-selection__clear::before {
        content: "";
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        display: block;
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.39996 4.54918L4.46996 4.46918C4.59756 4.34156 4.7669 4.26422 4.9469 4.25137C5.12691 4.23851 5.30552 4.29099 5.44996 4.39918L5.52996 4.46918L12 10.9392L18.47 4.46918C18.5386 4.39549 18.6214 4.33639 18.7134 4.2954C18.8054 4.2544 18.9047 4.23236 19.0054 4.23059C19.1061 4.22881 19.2062 4.24733 19.2996 4.28505C19.3929 4.32278 19.4778 4.37892 19.549 4.45014C19.6202 4.52136 19.6764 4.60619 19.7141 4.69958C19.7518 4.79297 19.7703 4.893 19.7686 4.9937C19.7668 5.0944 19.7447 5.19372 19.7037 5.28571C19.6628 5.37771 19.6037 5.46052 19.53 5.52918L13.06 11.9992L19.53 18.4692C19.8 18.7392 19.83 19.1492 19.6 19.4492L19.53 19.5292C19.4024 19.6568 19.233 19.7341 19.053 19.747C18.873 19.7598 18.6944 19.7074 18.55 19.5992L18.47 19.5292L12 13.0592L5.52996 19.5292C5.38779 19.6617 5.19974 19.7338 5.00544 19.7304C4.81114 19.7269 4.62575 19.6482 4.48834 19.5108C4.35093 19.3734 4.27222 19.188 4.26879 18.9937C4.26536 18.7994 4.33748 18.6114 4.46996 18.4692L10.94 11.9992L4.46996 5.52918C4.34234 5.40158 4.26501 5.23224 4.25215 5.05224C4.23929 4.87223 4.29177 4.69362 4.39996 4.54918Z" fill="%23868C98"/></svg>');
    }

.select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--bootstrap4.select2-container--focus .select2-selection:focus {
    box-shadow: none;
}

.select2-container .select2-selection .select2-selection__placeholder {
    color: var(--Content-text-tertiary, #99A1AF);
 Inter/Body/Large 
font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;  150% 
letter-spacing: 0.5px;
}
.form-group .select2-container {
    background: #FFFFFF;
    padding: 8px 0 0 0;
    border-radius: 8px;
    border: 1px solid #E2E4E9;
    min-height: 42px;
}

    .form-group .select2-container .select2-choice {
        height: auto;
        border: none;
        background: #FFF;
        border-radius: 0;
        outline: none;
        box-shadow: none;
        padding: 0 16px;
    }

        .form-group .select2-container .select2-choice span {
            padding: 0;
            /* Body/Large */
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 1.5;
            /* identical to box height, or 150% */
            letter-spacing: 0.5px;
            /* Content/text-main */
            color: var(--text-main);
        }

        .form-group .select2-container .select2-choice div b {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.22007 8.47C4.52007 8.17 4.99007 8.17 5.28007 8.47L12.0001 15.19L18.7201 8.47C18.7887 8.39631 18.8715 8.33721 18.9635 8.29622C19.0555 8.25523 19.1548 8.23319 19.2556 8.23141C19.3563 8.22963 19.4563 8.24816 19.5497 8.28588C19.6431 8.3236 19.7279 8.37974 19.7991 8.45096C19.8703 8.52218 19.9265 8.60702 19.9642 8.7004C20.0019 8.79379 20.0204 8.89382 20.0187 8.99452C20.0169 9.09523 19.9948 9.19454 19.9539 9.28654C19.9129 9.37854 19.8538 9.46134 19.7801 9.53L12.5301 16.78C12.2301 17.08 11.7601 17.08 11.4701 16.78L4.22007 9.53C4.07962 9.38938 4.00073 9.19875 4.00073 9C4.00073 8.80125 4.07962 8.61063 4.22007 8.47Z" fill="%230A0D14"/></svg>');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }

.select2-drop {
    margin-top: 4px;
    border: 1px solid #E2E4E9;
    padding: 8px 12px;
}

    .select2-drop .select2-search input {
        background: #FFFFFF;
        padding: 4px 12px;
        border-radius: 8px;
        border: 1px solid #E2E4E9;
        margin-bottom: 8px;
        margin-top: 4px;
        box-shadow: none;
        /* Body/Large */
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        letter-spacing: 0.5px;
        /* Content/text-main */
        color: var(--text-main);
    }

    .select2-drop .select2-results::-webkit-scrollbar,
    .hienthi #categoryTree::-webkit-scrollbar,
    #RoleAssignment table > tbody > tr > td .form-control::-webkit-scrollbar {
        width: 4px;
    }

    .select2-drop .select2-results::-webkit-scrollbar-track,
    .hienthi #categoryTree::-webkit-scrollbar-track,
    #RoleAssignment table > tbody > tr > td .form-control::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 12px;
    }

    .select2-drop .select2-results::-webkit-scrollbar-thumb,
    .hienthi #categoryTree::-webkit-scrollbar-thumb,
    #RoleAssignment table > tbody > tr > td .form-control::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 12px;
    }

        .select2-drop .select2-results::-webkit-scrollbar-thumb:hover,
        .hienthi #categoryTree::-webkit-scrollbar-thumb:hover,
        #RoleAssignment table > tbody > tr > td .form-control::-webkit-scrollbar-thumb:hover {
            background: #979595;
            border-radius: 12px;
        }

    .select2-drop .select2-results .select2-result-label {
        /* Body/Large */
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        /* identical to box height, or 150% */
        letter-spacing: 0.5px;
        /* Content/text-main */
        color: var(--text-main);
        padding: 8px;
    }

.form-group .select2-container .select2-choice div {
    background: none !important;
    width: 25px;
    border: none;
    margin-right: 16px;
}

.select2-drop .select2-results .select2-result-label:hover,
.select2-drop .select2-results .select2-highlighted .select2-result-label {
    background-color: var(--primary-dark);
    color: var(--text-white);
}

.ui-dropdownchecklist-selector,
.ms-parent > button {
    background: #FFFFFF;
    border: 1px solid #E2E4E9;
    padding: 8px 12px !important;
    border-radius: 8px;
    outline: none;
    height: 42px !important;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.22007 8.47C4.52007 8.17 4.99007 8.17 5.28007 8.47L12.0001 15.19L18.7201 8.47C18.7887 8.39631 18.8715 8.33721 18.9635 8.29622C19.0555 8.25523 19.1548 8.23319 19.2556 8.23141C19.3563 8.22963 19.4563 8.24816 19.5497 8.28588C19.6431 8.3236 19.7279 8.37974 19.7991 8.45096C19.8703 8.52218 19.9265 8.60702 19.9642 8.7004C20.0019 8.79379 20.0204 8.89382 20.0187 8.99452C20.0169 9.09523 19.9948 9.19454 19.9539 9.28654C19.9129 9.37854 19.8538 9.46134 19.7801 9.53L12.5301 16.78C12.2301 17.08 11.7601 17.08 11.4701 16.78L4.22007 9.53C4.07962 9.38938 4.00073 9.19875 4.00073 9C4.00073 8.80125 4.07962 8.61063 4.22007 8.47Z" fill="%230A0D14"/></svg>');
    margin-bottom: 0;
}

.ms-parent {
    width: 100% !important
}

.ui-dropdownchecklist {
    width: 100% !important;
}

.ui-dropdownchecklist-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: var(--text-main);
}

.ms-drop ul > li > label {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 12px;
}

.ms-choice > span {
    top: 50%;
    transform: translateY(-50%);
    /* Body/Large */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    /* identical to box height, or 150% */
    letter-spacing: 0.5px;
    /* Content/text-main */
    color: var(--text-main);
    padding: 0 16px;
}

.multi-selection .select2-container {
    padding: 0;
    margin: 0;
}

    .multi-selection .select2-container .select2-selection {
        margin-top: -8px;
        height: 50px !important;
        padding: 15px 16px 0 16px !important;
        border: none;
        background-color: transparent;
    }

        .multi-selection .select2-container .select2-selection .select2-selection__rendered {
            margin: 0;
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 1.5;
            letter-spacing: 0.5px;
            color: var(--text-main) !important;
            box-shadow: none !important;
        }

.form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-left: 8px;
}

/****************************************************************************************************************/
/***********************************************************************CMS - SELECT2 - VER 4.X*************************************************************************/
/****************************************************************************************************************/
.wSelect .select2-container .select2-selection{
    min-width:120px;
}
.select2-container .select2-selection {
    margin-top: -8px;
    min-height: 40px !important;
    padding: 8px 40px 8px 16px !important;
    border: none;
    background-color: transparent;
    height: 100%;
    cursor: pointer;
}

    .select2-container .select2-selection .select2-selection__rendered {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0.5px;
        color: var(--text-main) !important;
        display: block;
        padding: 0 !important;
        margin: 0 !important;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
}
.titleDetail,
.content-wrapper .content-header h6 a.breadrum {
    padding-right: 8px;
    padding-left: 16px;
    display: flex;
    align-items: center;
}
.titleDetail{
    padding-left:0;
}
.rowGroupCol {
    cursor: pointer;
    background: var(--bg-weak);
}

.titleType span {
    margin-left: 8px;
    font-weight: 500;
}

.titleType,
.content-header h6 {
    display: flex;
}
.titleDetail:before,
.titleType:before,
.content-wrapper .content-header h6 a.breadrum:after,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.22007 8.47C4.52007 8.17 4.99007 8.17 5.28007 8.47L12.0001 15.19L18.7201 8.47C18.7887 8.39631 18.8715 8.33721 18.9635 8.29622C19.0555 8.25523 19.1548 8.23319 19.2556 8.23141C19.3563 8.22963 19.4563 8.24816 19.5497 8.28588C19.6431 8.3236 19.7279 8.37974 19.7991 8.45096C19.8703 8.52218 19.9265 8.60702 19.9642 8.7004C20.0019 8.79379 20.0204 8.89382 20.0187 8.99452C20.0169 9.09523 19.9948 9.19454 19.9539 9.28654C19.9129 9.37854 19.8538 9.46134 19.7801 9.53L12.5301 16.78C12.2301 17.08 11.7601 17.08 11.4701 16.78L4.22007 9.53C4.07962 9.38938 4.00073 9.19875 4.00073 9C4.00073 8.80125 4.07962 8.61063 4.22007 8.47Z" fill="%230A0D14"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -4px;
    top: 8px;
}

    .titleType:before,
    .content-wrapper .content-header h6 a.breadrum:after,
    .titleDetail:before {
        position: unset;
        content: "";
        transform: rotate(-90deg);
        display: block;
        margin-left: 8px;
    }
.titleDetail:before {
    margin-right: 8px;
}
    .titleType:before {
        transform: rotate(-180deg);
        margin-left: 0;
    }

.collapsed .titleType:before {
    transform: rotate(0deg);
}

.select2-container--default .select2-selection--multiple {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.22007 8.47C4.52007 8.17 4.99007 8.17 5.28007 8.47L12.0001 15.19L18.7201 8.47C18.7887 8.39631 18.8715 8.33721 18.9635 8.29622C19.0555 8.25523 19.1548 8.23319 19.2556 8.23141C19.3563 8.22963 19.4563 8.24816 19.5497 8.28588C19.6431 8.3236 19.7279 8.37974 19.7991 8.45096C19.8703 8.52218 19.9265 8.60702 19.9642 8.7004C20.0019 8.79379 20.0204 8.89382 20.0187 8.99452C20.0169 9.09523 19.9948 9.19454 19.9539 9.28654C19.9129 9.37854 19.8538 9.46134 19.7801 9.53L12.5301 16.78C12.2301 17.08 11.7601 17.08 11.4701 16.78L4.22007 9.53C4.07962 9.38938 4.00073 9.19875 4.00073 9C4.00073 8.80125 4.07962 8.61063 4.22007 8.47Z" fill="%230A0D14"/></svg>');
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) 50%;
    padding-right: 40px !important;
}

.select2-dropdown {
    margin-top: 4px;
    border: 1px solid #E2E4E9;
    padding: 8px 12px;
}

    .select2-dropdown .select2-search input {
        background: #FFFFFF;
        padding: 4px 12px;
        border-radius: 8px;
        border: 1px solid #E2E4E9;
        margin-bottom: 8px;
        margin-top: 4px;
        box-shadow: none;
        /* Body/Large */
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        letter-spacing: 0.5px;
        /* Content/text-main */
        color: var(--text-main);
        height: 40px;
    }

    .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar {
        width: 4px;
    }

    .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 12px;
    }

    .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 12px;
    }

        .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb:hover {
            background: #979595;
            border-radius: 12px;
        }

    .select2-dropdown .select2-results .select2-results__options li {
        /* Body/Large */
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        /* identical to box height, or 150% */
        letter-spacing: 0.5px;
        /* Content/text-main */
        color: var(--text-main);
        padding: 8px 8px 8px 42px;
    }

        .select2-dropdown .select2-results .select2-results__options li:hover,
        .select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted {
            background-color: var(--primary-dark);
            color: var(--text-white);
        }

.select2-container .select2-search .select2-search__field {
    margin: 0;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    /* identical to box height, or 150% */
    letter-spacing: 0.5px;
    box-shadow: none;
    /* Content/text-main */
    color: var(--text-main);
}

.select2-container .select2-selection--multiple .select2-search__field {
    width: auto !important;
    height: 24px;
    margin: 0 !important
}

.select2-container .select2-selection .select2-selection__choice {
    margin: 0;
    border: none;
    background: var(--bg-soft);
    border-radius: 8px;
    margin-right: 0;
    /* Label/Large */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.43;
    /* identical to box height, or 143% */
    letter-spacing: 0.1px;
    /* Content/text-main */
    color: var(--text-main);
    padding: 2px 8px 2px 0;
    margin-bottom: 0;
}

/*.select2-container .select2-selection .select2-search--inline {
    display: none;
}*/

.select2-container .select2-selection .select2-selection__choice__remove {
    font-size: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 2px;
    margin-right: 0;
}

    .select2-container .select2-selection .select2-selection__choice__remove::before {
        content: "";
        width: 16px;
        height: 16px;
        display: block;
        flex-shrink: 0;
        background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.93331 3.03333L2.97997 2.98C3.06504 2.89492 3.17793 2.84336 3.29794 2.83479C3.41794 2.82622 3.53701 2.86121 3.63331 2.93333L3.68664 2.98L7.99998 7.29333L12.3133 2.98C12.3591 2.93088 12.4143 2.89147 12.4756 2.86415C12.5369 2.83682 12.6032 2.82212 12.6703 2.82094C12.7374 2.81976 12.8041 2.8321 12.8664 2.85725C12.9286 2.8824 12.9852 2.91983 13.0327 2.96731C13.0801 3.01479 13.1176 3.07134 13.1427 3.1336C13.1679 3.19586 13.1802 3.26255 13.179 3.32968C13.1779 3.39682 13.1632 3.46303 13.1358 3.52436C13.1085 3.58569 13.0691 3.64089 13.02 3.68667L8.70664 8L13.02 12.3133C13.2 12.4933 13.22 12.7667 13.0666 12.9667L13.02 13.02C12.9349 13.1051 12.822 13.1566 12.702 13.1652C12.582 13.1738 12.4629 13.1388 12.3666 13.0667L12.3133 13.02L7.99998 8.70667L3.68664 13.02C3.59186 13.1083 3.46649 13.1564 3.33696 13.1541C3.20743 13.1518 3.08384 13.0994 2.99223 13.0077C2.90062 12.9161 2.84814 12.7926 2.84586 12.663C2.84357 12.5335 2.89165 12.4081 2.97997 12.3133L7.29331 8L2.97997 3.68667C2.89489 3.6016 2.84334 3.48871 2.83477 3.36871C2.8262 3.2487 2.86118 3.12963 2.93331 3.03333Z" fill="%230A0D14"/></svg>');
    }

.select2-container.select2-container--disabled .select2-selection--single {
    background-color: #E2E4E9;
    cursor: default;
}

.select2-container .select2-selection .select2-selection__clear {
    font-size: 0;
    padding: 0;
    margin: 0;
    height: 24px;
    right: 8px;
}

    .select2-container .select2-selection .select2-selection__clear::before {
        content: "";
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        display: block;
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.39996 4.54918L4.46996 4.46918C4.59756 4.34156 4.7669 4.26422 4.9469 4.25137C5.12691 4.23851 5.30552 4.29099 5.44996 4.39918L5.52996 4.46918L12 10.9392L18.47 4.46918C18.5386 4.39549 18.6214 4.33639 18.7134 4.2954C18.8054 4.2544 18.9047 4.23236 19.0054 4.23059C19.1061 4.22881 19.2062 4.24733 19.2996 4.28505C19.3929 4.32278 19.4778 4.37892 19.549 4.45014C19.6202 4.52136 19.6764 4.60619 19.7141 4.69958C19.7518 4.79297 19.7703 4.893 19.7686 4.9937C19.7668 5.0944 19.7447 5.19372 19.7037 5.28571C19.6628 5.37771 19.6037 5.46052 19.53 5.52918L13.06 11.9992L19.53 18.4692C19.8 18.7392 19.83 19.1492 19.6 19.4492L19.53 19.5292C19.4024 19.6568 19.233 19.7341 19.053 19.747C18.873 19.7598 18.6944 19.7074 18.55 19.5992L18.47 19.5292L12 13.0592L5.52996 19.5292C5.38779 19.6617 5.19974 19.7338 5.00544 19.7304C4.81114 19.7269 4.62575 19.6482 4.48834 19.5108C4.35093 19.3734 4.27222 19.188 4.26879 18.9937C4.26536 18.7994 4.33748 18.6114 4.46996 18.4692L10.94 11.9992L4.46996 5.52918C4.34234 5.40158 4.26501 5.23224 4.25215 5.05224C4.23929 4.87223 4.29177 4.69362 4.39996 4.54918Z" fill="%23868C98"/></svg>');
    }

/****************************************************************************************************************/
/***********************************************************************CMS - INPUT / TEXTAREA / SELECT*************************************************************************/
/****************************************************************************************************************/
.form-group select,
.filterForm fieldset.bgFilter .select-language select {
    background: #FFFFFF;
    border: 1px solid #E2E4E9;
    padding: 8px 12px;
    border-radius: 8px;
    outline: none;
    height: 42px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    /* identical to box height, or 150% */
    letter-spacing: 0.5px;
    box-shadow: none;
    /* Content/text-main */
    color: var(--text-main);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.22007 8.47C4.52007 8.17 4.99007 8.17 5.28007 8.47L12.0001 15.19L18.7201 8.47C18.7887 8.39631 18.8715 8.33721 18.9635 8.29622C19.0555 8.25523 19.1548 8.23319 19.2556 8.23141C19.3563 8.22963 19.4563 8.24816 19.5497 8.28588C19.6431 8.3236 19.7279 8.37974 19.7991 8.45096C19.8703 8.52218 19.9265 8.60702 19.9642 8.7004C20.0019 8.79379 20.0204 8.89382 20.0187 8.99452C20.0169 9.09523 19.9948 9.19454 19.9539 9.28654C19.9129 9.37854 19.8538 9.46134 19.7801 9.53L12.5301 16.78C12.2301 17.08 11.7601 17.08 11.4701 16.78L4.22007 9.53C4.07962 9.38938 4.00073 9.19875 4.00073 9C4.00073 8.80125 4.07962 8.61063 4.22007 8.47Z" fill="%230A0D14"/></svg>');
    margin-bottom: 0;
}

.box_content input[type="text"]:disabled,
.box_content input[type="number"]:disabled {
    background-color: var(--text-disabled) !important;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.box_content input[type="text"], .box_content input[type="number"], .box_content input[type="password"], .box_content input[type="email"], .box_content input[type="tel"], .box_content textarea {
    background-color: #FFFFFF !important;
    border: 1px solid #E2E4E9 !important;
    padding: 8px 16px;
    border-radius: 8px;
    outline: none;
    height: 42px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: var(--text-main) !important;
    box-shadow: none !important;
    margin-bottom: 0;
}

.box_content textarea {
    min-height: 150px;
}

.form-group input[id*="Date"],
.form-group input[id*="Day"],
.form-group .hasDatepicker {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 3C19.55 3 21 4.46 21 6.25V17.75C21 19.55 19.54 21 17.75 21H6.25C5.38805 21 4.5614 20.6576 3.9519 20.0481C3.34241 19.4386 3 18.612 3 17.75V6.25C3 4.45 4.46 3 6.25 3H17.75ZM19.5 8.5H4.5V17.75C4.5 18.72 5.28 19.5 6.25 19.5H17.75C18.72 19.5 19.5 18.72 19.5 17.75V8.5ZM7.75 14.5C8.08152 14.5 8.39946 14.6317 8.63388 14.8661C8.8683 15.1005 9 15.4185 9 15.75C9 16.0815 8.8683 16.3995 8.63388 16.6339C8.39946 16.8683 8.08152 17 7.75 17C7.41848 17 7.10054 16.8683 6.86612 16.6339C6.6317 16.3995 6.5 16.0815 6.5 15.75C6.5 15.4185 6.6317 15.1005 6.86612 14.8661C7.10054 14.6317 7.41848 14.5 7.75 14.5ZM12 14.5C12.3315 14.5 12.6495 14.6317 12.8839 14.8661C13.1183 15.1005 13.25 15.4185 13.25 15.75C13.25 16.0815 13.1183 16.3995 12.8839 16.6339C12.6495 16.8683 12.3315 17 12 17C11.6685 17 11.3505 16.8683 11.1161 16.6339C10.8817 16.3995 10.75 16.0815 10.75 15.75C10.75 15.4185 10.8817 15.1005 11.1161 14.8661C11.3505 14.6317 11.6685 14.5 12 14.5ZM7.75 10.5C8.08152 10.5 8.39946 10.6317 8.63388 10.8661C8.8683 11.1005 9 11.4185 9 11.75C9 12.0815 8.8683 12.3995 8.63388 12.6339C8.39946 12.8683 8.08152 13 7.75 13C7.41848 13 7.10054 12.8683 6.86612 12.6339C6.6317 12.3995 6.5 12.0815 6.5 11.75C6.5 11.4185 6.6317 11.1005 6.86612 10.8661C7.10054 10.6317 7.41848 10.5 7.75 10.5ZM12 10.5C12.3315 10.5 12.6495 10.6317 12.8839 10.8661C13.1183 11.1005 13.25 11.4185 13.25 11.75C13.25 12.0815 13.1183 12.3995 12.8839 12.6339C12.6495 12.8683 12.3315 13 12 13C11.6685 13 11.3505 12.8683 11.1161 12.6339C10.8817 12.3995 10.75 12.0815 10.75 11.75C10.75 11.4185 10.8817 11.1005 11.1161 10.8661C11.3505 10.6317 11.6685 10.5 12 10.5ZM16.25 10.5C16.5815 10.5 16.8995 10.6317 17.1339 10.8661C17.3683 11.1005 17.5 11.4185 17.5 11.75C17.5 12.0815 17.3683 12.3995 17.1339 12.6339C16.8995 12.8683 16.5815 13 16.25 13C15.9185 13 15.6005 12.8683 15.3661 12.6339C15.1317 12.3995 15 12.0815 15 11.75C15 11.4185 15.1317 11.1005 15.3661 10.8661C15.6005 10.6317 15.9185 10.5 16.25 10.5ZM17.75 4.5H6.25C5.28 4.5 4.5 5.28 4.5 6.25V7H19.5V6.25C19.5 5.28 18.72 4.5 17.75 4.5Z" fill="%230A0D14"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 12px) center !important;
}

.box_content .form-group .input_Warning {
    /* Body/Small */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.33;
    /* identical to box height, or 133% */
    letter-spacing: 0.4px;
    /* State/state-error */
    color: var(--state-error);
    margin-top: 4px;
}

.box_content .form-group label.False_Input {
    color: var(--state-error) !important;
}

    .box_content .form-group input.False_Input,
    .box_content .form-group input.False_Input::placeholder,
    .box_content .form-group label.False_Input ~ .select2 {
        border-color: var(--state-error) !important;
        color: var(--state-error) !important;
    }

/****************************************************************************************************************/
/***********************************************************************CMS - CHUYÊN MỤC BÀI VIẾT*************************************************************************/
/****************************************************************************************************************/

.box_content .form-group label {
    /* Title/Small */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.1px;
    /* Content/text-main */
    color: var(--text-main);
    margin-bottom: 4px;
    margin-top: 0;
}

.blockquestion {
    margin-bottom: 24px;
}

    .blockquestion label,
    .blockResponse label {
        margin-bottom: 0;
    }

.box_content .blockQuestion {
    margin-bottom: 8px;
}

    .box_content .view-detail .form-group label:first-child,
    .box_content .blockQuestion .form-group label,
    .box_content .blockResponse .view-detail .form-group label {
        color: #525866;
        min-width: 180px;
    }

    .box_content .blockResponse .view-detail .form-group img,
    .box_content .blockQuestion .form-group img {
        margin-right: 8px;
    }

.box_content tr .view-detail .form-group label:first-child {
    min-width: 120px;
}

.box_content .view-update .form-group label,
.box_content .view-detail .form-group label {
    font-size: 16px;
    line-height: 1.43;
}

.box_content .view-detail .form-group label {
    word-break: break-all;
}

.box_content .form-group > span {
    /* Title/Small */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.43;
    letter-spacing: 0.1px;
    /* Content/text-main */
    color: var(--text-main);
    margin-bottom: 4px;
    margin-top: 0;
}

.box_content .form-group.no-input > span {
    font-size: 16px;
    font-weight: 400;
}

.box_content .form-group .div_option label,
.box_content .form-group.fix_checkbox label,
.box_content .form-group .fix_checkbox label,
.box_content .form-group.div_checkbox label {
    font-size: 16px;
    font-weight: 400;
}

.box_content,
.box_contentedit {
    background: #FFFFFF;
    border: 1px solid #E2E4E9;
    padding: 24px;
    border-radius: 8px;
    position: relative;
}

    .box_content > .group-action {
        margin-bottom: 16px;
        display: flex;
        align-items: center;
    }

.blockResponse {
    border-radius: 8px;
    padding: 24px;
    background: var(--bg-weak);
    margin-bottom: 24px;
}

.new_menu_ks {
    display: flex;
    justify-content: center;
    padding: 16px 0;
    border-radius: 8px 8px 0 0;
    background: var(--primary-light);
}

    .new_menu_ks a {
        color: var(--primary-dark);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        display: flex;
    }

    .new_menu_ks img {
        margin-right: 4px;
    }

    .new_menu_ks a.active {
        color: var(--primary-base);
    }

    .new_menu_ks a:not(:last-child) {
        margin-right: 24px;
    }

.box_content_cus {
    border-top: 0;
    border-radius: 0 0 8px 8px;
}

.box_content > .group-action h2 {
    /* Title/Large */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.27;
    /* identical to box height, or 127% */
    /* Content/text-main */
    color: var(--text-main);
}

#categoryTree > div table tbody tr td:last-child a {
    /* Body/Large */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    /* identical to box height, or 150% */
    letter-spacing: 0.5px;
    /* Content/text-main */
    color: var(--text-main);
    margin-left: 0;
}

#categoryTree > div table tbody tr td:last-child {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 8px;
}
/* #categoryTree > div table tbody tr td:nth-last-child(2) img{
    width: 0;
    height: 0;
}
#categoryTree > div table tbody tr td:nth-last-child(2) img::after{
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    flex-shrink: 0;
}
#categoryTree > div table tbody tr td:nth-last-child(2) img[alt*="Collapse"]::after {
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.81333 10.3533C3.01333 10.5533 3.32666 10.5533 3.52 10.3533L8 5.87334L12.48 10.3533C12.5258 10.4025 12.581 10.4419 12.6423 10.4692C12.7036 10.4965 12.7698 10.5112 12.837 10.5124C12.9041 10.5136 12.9708 10.5012 13.0331 10.4761C13.0953 10.4509 13.1519 10.4135 13.1994 10.366C13.2468 10.3186 13.2843 10.262 13.3094 10.1997C13.3346 10.1375 13.3469 10.0708 13.3457 10.0037C13.3445 9.93652 13.3298 9.87032 13.3025 9.80898C13.2752 9.74765 13.2358 9.69245 13.1867 9.64667L8.35333 4.81334C8.25958 4.71971 8.1325 4.66711 8 4.66711C7.8675 4.66711 7.74041 4.71971 7.64666 4.81334L2.81333 9.64667C2.61333 9.84667 2.61333 10.16 2.81333 10.3533Z" fill="%230A0D14"/></svg>');
}
#categoryTree > div table tbody tr td:nth-last-child(2) img[alt*="Expand"]::after {
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.1864 5.64678C12.9864 5.44678 12.6731 5.44678 12.4798 5.64678L7.99976 10.1268L3.51976 5.64678C3.47398 5.59766 3.41878 5.55825 3.35745 5.53093C3.29612 5.5036 3.22991 5.4889 3.16277 5.48772C3.09564 5.48654 3.02895 5.49889 2.96669 5.52403C2.90444 5.54918 2.84788 5.58661 2.8004 5.63409C2.75292 5.68157 2.71549 5.73812 2.69034 5.80038C2.6652 5.86264 2.65285 5.92933 2.65403 5.99646C2.65522 6.0636 2.66991 6.12981 2.69724 6.19114C2.72457 6.25247 2.76397 6.30767 2.81309 6.35345L7.64643 11.1868C7.74018 11.2804 7.86726 11.333 7.99976 11.333C8.13226 11.333 8.25934 11.2804 8.35309 11.1868L13.1864 6.35345C13.3864 6.15345 13.3864 5.84011 13.1864 5.64678Z" fill="%230A0D14"/></svg>');
} */

.breadcrum_header {
    position: absolute;
    top: -44px;
    background: none;
    left: 266px;
}

    .breadcrum_header .listTitle {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 1.27;
        color: var(--text-main) !important;
        display: flex;
        align-items: center;
        gap: 8px;
    }

        .breadcrum_header .listTitle::before {
            content: "";
            width: 20px;
            height: 20px;
            display: block;
            flex-shrink: 0;
            background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.0583 3.51665C6.8083 3.76665 6.8083 4.15831 7.0583 4.39998L12.6583 9.99998L7.0583 15.6C6.99689 15.6572 6.94764 15.7262 6.91348 15.8029C6.87932 15.8795 6.86095 15.9623 6.85947 16.0462C6.85799 16.1301 6.87343 16.2135 6.90486 16.2913C6.9363 16.3691 6.98308 16.4398 7.04243 16.4992C7.10178 16.5585 7.17248 16.6053 7.2503 16.6367C7.32812 16.6682 7.41148 16.6836 7.4954 16.6821C7.57932 16.6807 7.66208 16.6623 7.73875 16.6281C7.81541 16.594 7.88441 16.5447 7.94163 16.4833L13.9833 10.4416C14.2333 10.1916 14.2333 9.79998 13.9833 9.55831L7.94163 3.51665C7.82444 3.3996 7.66559 3.33386 7.49997 3.33386C7.33434 3.33386 7.17549 3.3996 7.0583 3.51665Z" fill="%23525866"/></svg>');
        }

div[id*="ChuyenMuc"] .box_content > table > tbody > tr > td {
    border: none;
}

ul.dnnAdminTabNav {
    border-bottom: 1px solid #E2E4E9 !important;
    display: flex !important;
    align-items: center;
    gap: 24px;
    min-height: unset;
}

    ul.dnnAdminTabNav li a {
        /* Title/Medium */
        font-family: 'Inter';
        font-style: normal;
        font-weight: 500 !important;
        font-size: 16px;
        line-height: 1.5 !important;
        /* identical to box height, or 150% */
        letter-spacing: 0.15px;
        /* Content/text-main */
        color: var(--text-main) !important;
        padding: 0 0 8px !important;
        margin: 0 !important;
        min-width: unset;
        min-height: unset;
        transition: none;
        background: none;
        border: none;
    }

        ul.dnnAdminTabNav li a:hover {
            color: var(--primary-base) !important;
            background: none;
            border: none;
        }

        ul.dnnAdminTabNav li a:focus {
            box-shadow: none;
        }

    ul.dnnAdminTabNav li.ui-tabs-active a,
    ul.dnnAdminTabNav li.ui-tabs-active a:hover {
        color: var(--primary-base) !important;
        border: none;
        border-bottom: 2px solid var(--primary-base);
    }

        ul.dnnAdminTabNav li.ui-tabs-active a::after {
            content: none;
        }

.div_checkbox {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}

    .div_checkbox .groupcheckbox {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 4px;
    }

.New_Table {
    overflow: auto;
    margin-top: 8px;
}

.FileDinhKem label {
    margin: 0 16px 6px 0;
}

.FileDinhKem {
    color: var(--state-information);
    font-weight: 500;
}

    .FileDinhKem span {
        color: var(--state-neutral);
    }

    .FileDinhKem a {
        display: flex;
    }

        .FileDinhKem a img {
            margin-left: 8px;
        }

.New_Table div[id*="dataGrid"] {
    position: relative;
}

    .New_Table div[id*="dataGrid"] .dataTables_length {
        /*position: absolute;*/
        bottom: 0;
        z-index: 10;
        cursor: pointer;
    }

.edit-delete-detail {
    display: flex;
    justify-content: center;
}

    .edit-delete-detail span {
        display: block;
        width: 24px;
        height: 24px;
    }

        .edit-delete-detail span:not(:last-child) {
            margin-right: 8px;
        }

@media screen and (max-width:1600px) {
}

@media screen and (max-width:1366px) {
    th [type="checkbox"], td [type="checkbox"] {
        right: unset;
    }
    /*.New_Table table {
        min-width: 1400px;
    }*/
    .New_Table div[id*="dataGrid"] {
        position: static;
    }

    .page-record-customt {
        position: absolute;
        right: 0;
        bottom: 3px;
        padding-right: 150px;
    }

    .layout-fixed.sidebar-collapse .anhDaiDienDetail img {
        width: 95px !important;
        height: 95px !important;
    }

    .layout-fixed .anhDaiDienDetail img {
        width: 75px !important;
        height: 75px !important;
    }
}
@media screen and (max-width:992px) {
    .mainDb .itemDb:nth-child(1),
    .mainDb .itemDb:nth-child(2),
    .mainDb .itemDb:nth-child(3) {
        margin-bottom: 16px;
    }
    .mainDb .itemDb {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
}
.New_Table .div_checkbox {
    justify-content: center;
}

.div_checkbox input {
    position: static !important;
    z-index: unset !important;
    opacity: 1 !important;
    width: 24px;
    flex-shrink: 0;
    padding: 0 8px 0 0 !important;
}

.New_Table .div_checkbox input {
    padding: 0 !important;
}

.div_checkbox label {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.div_checkbox .dnnCheckbox {
    display: none !important;
}

.div_radiobox {
    height: 40px;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 20px;
}

.box_content .form-group .div_radiobox label {
    margin-bottom: 0;
}

.div_radiobox label {
    font-size: 16px !important;
}

.div_radiobox.div_radiobox_column {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
}

.div_radiobox .groupradiobox {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.dsCauHoiCd [type="radio"]:checked + label:before,
.dsCauHoiCd [type="radio"]:not(:checked) + label:before {
    position: unset;
    display: block;
}

.dsCauHoiCd [type="radio"]:checked + label,
.dsCauHoiCd [type="radio"]:not(:checked) + label {
    padding-left: 0;
}

.dsCauHoiCd table {
    width: 100%;
}

    .dsCauHoiCd table tr:not(:last-child) {
        border-bottom: 1px solid var(--text-disabled);
    }

    .dsCauHoiCd table .thEmpty {
        width: 40%;
        padding: 12px 16px;
    }

    .dsCauHoiCd table .thNonEmpty {
        width: 12%;
        font-weight: 500;
        text-align: center;
        padding: 12px 16px;
        white-space: nowrap;
    }

    .tableCalendar table tr th,
    .tableCalendar table tr td,
    .dsCauHoiCd table .groupradiobox {
        text-align: center;
        padding: 12px 16px;
        font-weight: 500;
    }

    .dsCauHoiCd table tr:nth-child(2) th.thNonEmpty {
        border-top: 0;
    }

        .dsCauHoiCd table tr:nth-child(2) th.thNonEmpty:first-child {
            border-left: none;
        }

.table_calendar tbody tr.even td {
    padding: 24px 16px;
}

.thuNgay,
.lineCustom,
.add_class,
.item_info .detailSchedule {
    display: flex;
}

    .lineCustom.lineTeacher {
        align-items: center;
    }

        .lineCustom.lineTeacher img {
            margin-right: 8px;
            border-radius: 50%;
        }

        .lineCustom.lineTeacher .nameTeacher {
            font-weight: 400;
            font-size: 14px;
        }

    .lineCustom:not(:last-child) {
        justify-content: space-between;
        margin-bottom: 4px;
    }

.item_info .detailSchedule {
    flex-direction: column;
}

.thuNgay {
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

    .thuNgay .thuItem {
        font-weight: 400;
    }

    .thuNgay .dateItem {
        font-weight: 500;
    }

table tr th:first-child .thuNgay {
    align-items: flex-start;
}

    table tr th:first-child .thuNgay .thuItem {
        font-weight: 500;
    }

.active .thuNgay .dateItem {
    color: var(--bg-white);
    display: flex;
    width: 32px;
    height: 32px;
    background: var(--primary-base);
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.info_class {
    display: block;
    border-radius: 8px;
    background: var(--primary-lighter);
    padding: 8px;
}

    .info_class:has(div.active),
    .info_class:has(img.active),
    .info_class:has(span.active) {
        border: 1px solid var(--primary-base);
    }

.addSchedule img {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.addSchedule.active img {
    border: 1px solid var(--state-success);
    border-radius: 4px;
}

.item_info .detailSchedule .lineTeacher img {
    margin-right: 8px;
}

.add_class {
    justify-content: flex-end;
    margin-bottom: 8px;
}

    .add_class img {
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

.input_time {
    position: relative;
}

.icon_time::before {
    position: absolute;
    right: 16px;
    top: 33px;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background: url(/images/input_time.svg) no-repeat;
}

.dsCauHoiCd.tableKhaoSat thead {
    background: var(--primary-lighter);
}

.dsCauHoiCd.tableKhaoSat tbody .groupradiobox {
    text-align: left;
    border-right: 1px solid var(--text-disabled);
}
/*.tableCalendar table tr td:has(span.add_class_area),
.tableCalendar table tr td:has(div.add_class_area) {
    position: relative;
}
.add_class_area{
    position:absolute;
    top:12px;
    right:16px;
}*/
.tableCalendar table tr td .item_calendar .info_class {
    margin-bottom: 8px;
    cursor: pointer;
}

    .tableCalendar table tr td .item_calendar .info_class span.detailTitle {
        margin: 0 4px;
    }

.tableCalendar table tr td {
    text-align: right;
    border-right: 1px solid var(--text-disabled);
}

    .tableCalendar table tr td.sorting_1 {
        text-align: left;
        font-weight: 500;
    }

.tableCalendar table tr th {
    text-align: center;
}

.dsCauHoiCd.tableKhaoSat tbody .groupradiobox.danhSachDiem {
    text-align: center;
}

.dsCauHoiCd.tableKhaoSat tbody .diemtb {
    border-right: 1px solid var(--text-disabled);
}

.dsCauHoiCd.tableKhaoSat tbody .groupradiobox.danhSachDiem span {
    display: flex;
    justify-content: flex-end;
}

.dsCauHoiCd.tableKhaoSat table tr {
    border: 1px solid var(--text-disabled);
}

.dsCauHoiCd.heightTable.tableKhaoSat {
    height: 660px;
    overflow: auto;
}

.dsCauHoiCd.widthTable.tableKhaoSat {
    min-width: 1000px;
    overflow-x: auto;
}

.dsCauHoiCd.tableKhaoSat table thead tr th {
    position: sticky;
    top: 0;
}

.dsCauHoiCd table .contentVote {
    padding: 12px 16px;
    color: var(--bg-strong);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 350px;
}

    table tr th,
    table tr td {
        border-right: 1px solid var(--bg-soft);
        border-bottom: 1px solid var(--bg-soft);
        padding: 5px;
    }

        table tr th:first-child,
        table tr td:first-child {
            border-left: 1px solid var(--bg-soft);
        }

        table tr td:first-child {
            text-align: center;
        }

    table tr th {
        background: var(--primary-lighter);
        text-align: left;
        border-top: 1px solid var(--bg-soft);
    }
.dsCauHoiCd table tr td:first-child {
    text-align: left;
}
.bootstrap-datetimepicker-widget table {
    min-width: unset;
}

    .bootstrap-datetimepicker-widget table td:first-child,
    .bootstrap-datetimepicker-widget table td {
        border: unset;
    }
/* top-left border-radius */
table tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

/* top-right border-radius */
table tr:first-child th:last-child {
    border-top-right-radius: 6px;
}

/* bottom-left border-radius */
table tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
table tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

/* .div_radiobox input {
    position: static !important;
    z-index: unset !important; 
    opacity: 1 !important;    
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    padding: 0;
} */
.div_radiobox .dnnRadiobutton {
    display: none !important;
}

.formUpdate h2 {
    margin: 0;
}

h2.dnnFormSectionHead > a,
h2.dnnFormSectionHead > a:hover {
    padding: 0;
    /* Title/Medium */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 1.5;
    /* identical to box height, or 150% */
    letter-spacing: 0.15px;
    /* Content/text-main */
    color: var(--text-main) !important;
    padding-bottom: 8px;
    border-bottom: 1px solid #E2E4E9;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.22007 8.47003C4.52007 8.17003 4.99007 8.17003 5.28007 8.47003L12.0001 15.19L18.7201 8.47003C18.7887 8.39635 18.8715 8.33724 18.9635 8.29625C19.0555 8.25526 19.1548 8.23322 19.2556 8.23144C19.3563 8.22966 19.4563 8.24819 19.5497 8.28591C19.6431 8.32363 19.7279 8.37978 19.7991 8.45099C19.8703 8.52221 19.9265 8.60705 19.9642 8.70043C20.0019 8.79382 20.0204 8.89385 20.0187 8.99455C20.0169 9.09526 19.9948 9.19457 19.9539 9.28657C19.9129 9.37857 19.8538 9.46137 19.7801 9.53003L12.5301 16.78C12.2301 17.08 11.7601 17.08 11.4701 16.78L4.22007 9.53003C4.07962 9.38941 4.00073 9.19878 4.00073 9.00003C4.00073 8.80128 4.07962 8.61066 4.22007 8.47003Z" fill="%230A0D14"/></svg>');
}

    h2.dnnFormSectionHead > a.dnnSectionExpanded,
    h2.dnnFormSectionHead > a.dnnSectionExpanded:hover {
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.22012 15.53C4.52012 15.83 4.99012 15.83 5.28012 15.53L12.0001 8.80995L18.7201 15.53C18.7888 15.6036 18.8716 15.6627 18.9636 15.7037C19.0556 15.7447 19.1549 15.7668 19.2556 15.7685C19.3563 15.7703 19.4563 15.7518 19.5497 15.7141C19.6431 15.6764 19.7279 15.6202 19.7992 15.549C19.8704 15.4778 19.9265 15.3929 19.9642 15.2995C20.002 15.2062 20.0205 15.1061 20.0187 15.0054C20.0169 14.9047 19.9949 14.8054 19.9539 14.7134C19.9129 14.6214 19.8538 14.5386 19.7801 14.47L12.5301 7.21995C12.3895 7.0795 12.1989 7.00061 12.0001 7.00061C11.8014 7.00061 11.6107 7.0795 11.4701 7.21995L4.22012 14.47C3.92012 14.77 3.92012 15.24 4.22012 15.53Z" fill="%23525866"/></svg>');
    }

span.dnnInputFileWrapper, span.dnnInputFileWrapper:hover, .uploadimagebtn {
    background: #FFFFFF;
    border: 1px solid #E2E4E9;
    padding: 8px 16px;
    min-width: 120px;
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.1px;
    color: var(--primary-base);
    margin: 0;
    text-shadow: none;
    box-shadow: none;
}

.dnnFormMessage.dnnFormError, .dnnFormMessage.dnnFormValidationSummary {
    padding: 8px 12px;
    margin-top: 12px;
    /* Body/Large */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    /* identical to box height, or 150% */
    letter-spacing: 0.5px;
    /* Content/text-main */
    color: var(--text-main);
}

.group-ChuyenMuc-action table tbody tr td {
    padding: 0 0 8px;
    border: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.group-ChuyenMuc-action label {
    margin-bottom: 0 !important;
    /* Body/Large */
    font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    /* identical to box height, or 150% */
    letter-spacing: 0.5px !important;
    /* Content/text-main */
    color: var(--text-main) !important;
}

#RoleAssignment .table-responsive {
    margin-top: 0;
}

    #RoleAssignment .table-responsive table tbody tr td {
        border-bottom: 1px solid #E2E4E9;
        padding: 24px 12px;
    }

    #RoleAssignment .table-responsive table tbody tr:first-child td {
        padding: 0 12px 24px;
    }

    #RoleAssignment .table-responsive table tbody tr td:first-child {
        /* Title/Medium */
        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.5;
        /* or 150% */
        letter-spacing: 0.15px;
        /* Content/text-main */
        color: var(--text-main);
        padding-left: 0
    }

    #RoleAssignment .table-responsive table tbody tr td:last-child {
        padding-right: 0
    }

    #RoleAssignment .table-responsive table tbody tr td select {
        border: 1px solid #E2E4E9;
        border-radius: 8px;
        padding: 8px 16px;
        height: 184px;
        overflow: auto;
        outline: none;
    }

        #RoleAssignment .table-responsive table tbody tr td select option {
            /* Title/Medium */
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 1.5;
            /* identical to box height, or 150% */
            letter-spacing: 0.15px;
            /* Content/text-sub */
            color: var(--text-sub);
            padding: 0 0 8px 0;
        }

    #RoleAssignment .table-responsive table tbody tr td:nth-child(3) input {
        width: 40px !important;
        height: 40px !important;
        background: #F6F8FA;
        border: 1px solid #E2E4E9;
        border-radius: 8px;
        padding: 8px;
        font-size: 0;
        background-repeat: no-repeat;
        background-position: center;
    }

        #RoleAssignment .table-responsive table tbody tr td:nth-child(3) input:not(:last-child) {
            margin-bottom: 8px;
        }

        #RoleAssignment .table-responsive table tbody tr td:nth-child(3) input:nth-child(1) {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.2501 3C18.6301 3 18.9501 3.28 18.9901 3.65L19.0001 3.75V20.25C19.0066 20.3485 18.9937 20.4473 18.9621 20.5408C18.9305 20.6343 18.8808 20.7207 18.8158 20.795C18.7508 20.8693 18.6718 20.93 18.5833 20.9738C18.4948 21.0175 18.3986 21.0434 18.3001 21.05C18.2016 21.0566 18.1028 21.0437 18.0093 21.012C17.9157 20.9804 17.8294 20.9307 17.7551 20.8657C17.6808 20.8007 17.6201 20.7217 17.5763 20.6332C17.5325 20.5447 17.5066 20.4485 17.5001 20.35V3.75C17.5001 3.34 17.8401 3 18.2501 3ZM5.22007 3.22C5.34767 3.09238 5.51701 3.01505 5.69701 3.00219C5.87702 2.98933 6.05563 3.04181 6.20007 3.15L6.28007 3.22L14.5301 11.47C14.8001 11.74 14.8301 12.15 14.6001 12.45L14.5301 12.53L6.28007 20.78C6.14575 20.9132 5.96607 20.9907 5.77701 20.997C5.58796 21.0033 5.4035 20.938 5.2606 20.814C5.1177 20.6901 5.0269 20.5167 5.00641 20.3287C4.98591 20.1407 5.03723 19.9518 5.15007 19.8L5.22007 19.72L12.9401 12L5.22007 4.28C5.07962 4.13937 5.00073 3.94875 5.00073 3.75C5.00073 3.55125 5.07962 3.36063 5.22007 3.22Z" fill="%230A0D14"/></svg>');
        }

        #RoleAssignment .table-responsive table tbody tr td:nth-child(3) input:nth-child(3) {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.46991 4.22007C8.16991 4.52007 8.16991 4.99007 8.46991 5.28007L15.1899 12.0001L8.46991 18.7201C8.39622 18.7887 8.33712 18.8715 8.29613 18.9635C8.25514 19.0555 8.23309 19.1548 8.23132 19.2556C8.22954 19.3563 8.24807 19.4563 8.28579 19.5497C8.32351 19.6431 8.37965 19.7279 8.45087 19.7991C8.52209 19.8703 8.60692 19.9265 8.70031 19.9642C8.7937 20.0019 8.89373 20.0204 8.99443 20.0187C9.09513 20.0169 9.19445 19.9948 9.28645 19.9539C9.37845 19.9129 9.46125 19.8538 9.52991 19.7801L16.7799 12.5301C17.0799 12.2301 17.0799 11.7601 16.7799 11.4701L9.52991 4.22007C9.38928 4.07962 9.19866 4.00073 8.99991 4.00073C8.80116 4.00073 8.61054 4.07962 8.46991 4.22007Z" fill="%230A0D14"/></svg>');
        }

        #RoleAssignment .table-responsive table tbody tr td:nth-child(3) input:nth-child(5) {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5301 4.22012C15.8301 4.52012 15.8301 4.99012 15.5301 5.28012L8.81007 12.0001L15.5301 18.7201C15.6038 18.7888 15.6629 18.8716 15.7039 18.9636C15.7448 19.0556 15.7669 19.1549 15.7687 19.2556C15.7704 19.3563 15.7519 19.4563 15.7142 19.5497C15.6765 19.6431 15.6203 19.7279 15.5491 19.7992C15.4779 19.8704 15.3931 19.9265 15.2997 19.9642C15.2063 20.002 15.1063 20.0205 15.0056 20.0187C14.9048 20.0169 14.8055 19.9949 14.7135 19.9539C14.6215 19.9129 14.5387 19.8538 14.4701 19.7801L7.22007 12.5301C7.07962 12.3895 7.00073 12.1989 7.00073 12.0001C7.00073 11.8014 7.07962 11.6107 7.22007 11.4701L14.4701 4.22012C14.7701 3.92012 15.2401 3.92012 15.5301 4.22012Z" fill="%230A0D14"/></svg>');
        }

        #RoleAssignment .table-responsive table tbody tr td:nth-child(3) input:nth-child(7) {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.74996 3C5.36996 3 5.04996 3.28 5.00996 3.65L4.99996 3.75V20.25C4.9867 20.4489 5.053 20.6449 5.18427 20.795C5.31555 20.945 5.50104 21.0367 5.69996 21.05C5.89887 21.0633 6.0949 20.997 6.24493 20.8657C6.39496 20.7344 6.4867 20.5489 6.49996 20.35V3.75C6.49996 3.55109 6.42094 3.36032 6.28029 3.21967C6.13964 3.07902 5.94887 3 5.74996 3ZM18.78 3.22C18.6524 3.09238 18.483 3.01505 18.303 3.00219C18.123 2.98933 17.9444 3.04181 17.8 3.15L17.72 3.22L9.46996 11.47C9.34234 11.5976 9.265 11.7669 9.25215 11.9469C9.23929 12.127 9.29177 12.3056 9.39996 12.45L9.46996 12.53L17.72 20.78C17.8543 20.9132 18.034 20.9907 18.223 20.997C18.4121 21.0033 18.5965 20.938 18.7394 20.814C18.8823 20.6901 18.9731 20.5167 18.9936 20.3287C19.0141 20.1407 18.9628 19.9518 18.85 19.8L18.78 19.72L11.06 12L18.78 4.28C19.08 3.98 19.08 3.51 18.78 3.22Z" fill="%230A0D14"/></svg>');
        }

    #RoleAssignment .table-responsive table tbody tr:last-child td {
        border-bottom: none;
        padding: 24px 0 0;
    }

    #RoleAssignment .table-responsive table tbody tr:last-child td {
        position: relative;
    }

        #RoleAssignment .table-responsive table tbody tr:last-child td input {
            z-index: 2 !important;
            opacity: 1 !important;
            width: 24px;
            flex-shrink: 0;
            padding: 0 8px 0 0 !important;
            position: absolute !important;
            margin-top: 4px;
        }

        #RoleAssignment .table-responsive table tbody tr:last-child td .dnnCheckbox {
            display: none;
        }

        #RoleAssignment .table-responsive table tbody tr:last-child td label {
            margin-left: 32px;
        }

#OtherOption .form-group {
    margin-bottom: 0;
}
/****************************************************************************************************************/
/***********************************************************************CMS - BÀI VIẾT*************************************************************************/
/****************************************************************************************************************/

span[id*="pageSizePanel"] {
    position: relative;
    top: 0;
}

.box_content.have_Header {
    padding-top: 0;
    overflow: hidden;
}

.have_Header .ChuyenMuc_Header .funcList {
    margin: 0 -25px 24px;
    background: var(--primary-light);
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
}

    .have_Header .ChuyenMuc_Header .funcList ul {
        display: flex;
        gap: 16px;
    }

.funcList ul li a img {
    margin-right: 0;
}

.funcList ul li a {
    display: flex;
    align-items: center;
    gap: 4px;
}

.have_Header .ChuyenMuc_Header .funcList ul li {
    margin: 0;
}

.funcList ul li a, .funcList ul li a:visited {
    /* Title/Medium */
    font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    /* identical to box height, or 150% */
    letter-spacing: 0.15px !important;
    /* Primary/primary-dark */
    color: var(--primary-dark) !important;
    display: flex;
    align-items: center;
}

.TieuDe h2 {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
}


.tongSoLuongXe h2,
.tongSoLuongHv h2{
    margin-left: 4px;
}

.TieuDe h2 a,
.TieuDe h2 {
    /* Title/Large */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 22px;
    line-height: 1.27;
    /* identical to box height, or 127% */
    /* Content/text-main */
    color: var(--text-main) !important;
}

.TieuDe.view_khaoSat h2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500 !important;
}

.TieuDe.view_khaoSat .title-button {
    border-bottom: 1px solid var(--bg-soft);
}

.TieuDe.view_khaoSat .dsCauHoiCd {
    margin-top: 8px;
}

.TieuDe.insite-view h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
    color: #162664 !important;
}

.TieuDe.insite-view.insite-view-calendar .title-button {
    margin-bottom: 4px;
}

.TieuDe.insite-view.insite-view-calendar h2 {
    margin-bottom: 0;
}

.TieuDe .title-button .nav .nav-link {
    margin-right: 24px;
}

.TieuDe .title-button .nav .nav-link {
    padding: 0 0 8px 0;
}

    .TieuDe .title-button .nav .nav-link.active h2 {
        color: var(--primary-base) !important;
        background: none;
    }

    .TieuDe .title-button .nav .nav-link.active {
        background: none;
        border-radius: unset;
        border-bottom: 3px solid var(--primary-base);
    }

.TieuDe .title-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .TieuDe .title-button.title-thongke {
        align-items: flex-start;
        margin-bottom: 24px;
        flex-direction: row !important;
    }

.TieuDe .title-calendar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.filter-week {
    display: flex;
}

.TieuDe .title-calendar h2 {
    margin-right: 16px;
}

.title_calendar .TieuDe .title-button {
    justify-content: center;
    margin-bottom: 16px;
}

.title_calendar .form-group {
    flex-direction: row !important;
    align-items: center;
}

    .title_calendar .form-group span.name_item {
        min-width: 135px;
        padding: 8px 16px;
        height: 40px;
        border-radius: 8px 0 0 8px;
        border: 1px solid var(--border-sub);
        border-right: none;
    }

    .title_calendar .form-group .select2-container,
    .title-calendar .form-group .select2-container {
        min-width: 215px;
        border-radius: 0 8px 8px 0;
        height: 40px;
        min-height: 40px;
        border-color: var(--border-sub)
    }

.title-calendar .form-group .select2-container {
    min-width: 230px;
    border-radius: 8px;
}

.box_content .title-calendar .form-group > span {
    margin-bottom: 0;
}

.view_calendar .select2-container--default .select2-selection--single .select2-selection__placeholder,
.title-calendar .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--text-main);
}

.title-calendar .btn-chev-calendar {
    display: flex;
    margin-left: 16px;
}

    .title-calendar .btn-chev-calendar .btn-chev:first-child {
        margin-right: 8px;
    }

    .title-calendar .btn-chev-calendar .btn-chev {
        width: 40px;
        height: 40px;
        border: 1px solid var(--border-sub) !important;
        border-radius: 8px;
    }

.title-calendar .group-button button {
    margin-left: 8px;
    border-color: var(--border-sub) !important;
    height: 40px;
}

.title-button-border {
    padding-top: 16px;
    border-top: 1px solid var(--bg-soft);
    margin-top: 24px;
}

.view_calendar {
    display: flex;
    justify-content: center;
}

    .view_calendar .item_calendar:first-child {
        margin-right: 24px;
    }

.view-detail.view-detail-new .form-group {
    margin-bottom: 0;
}

.view-detail-new {
    display: flex;
}

.blockResponse .view-detail-new {
    margin-top: 8px;
    margin-bottom: 16px;
}

.item-view-detail:not(:last-child) {
    padding-right: 24px;
    margin-right: 24px;
    border-right: 1px solid var(--border-sub);
}

.box_content .view-detail.view-detail-new .form-group label:first-child {
    min-width: auto;
    margin-right: 8px;
}

.box_content .blockResponse .view-detail.view-detail-new .form-group label:first-child {
    margin-right: 0;
}

.view-detail .form-group {
    flex-direction: row !important;
    margin-bottom: 8px;
}

.view-detail.view-detail_calendar .form-group {
    flex-direction: column !important;
    margin-bottom: 16px;
}

.view-detail .form-group label {
    margin-bottom: 0;
}

    .view-detail .form-group label:first-child {
        margin-right: 16px;
    }

.view-detail.view-detail_calendar .form-group label:first-child img {
    margin-right: 16px;
}

.view-detail.view-detail_calendar .form-group label:last-child {
    margin-left: 40px;
}

.view-detail.view-detail_calendar .dayMonthYear label {
    margin-left: 0 !important;
}

.New_Table table {
    border-collapse: separate;
}

.addTable {
    background: var(--primary-lighter);
    padding: 16px;
    border-radius: 8px;
    margin: 16px 0;
}

.New_Table table thead tr {
    border: none !important;
    background: #EBF1FF;
}

    .New_Table table thead tr th, .New_Table table thead tr th.GiaTien.green-text {
        border: none !important;
        background: none;
        padding: 16px;
        /* Title/Medium */
        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        letter-spacing: 0.15px;
        /* Content/text-main */
        color: var(--text-main) !important;
        white-space: normal;
        vertical-align: middle;
    }

.New_Table table tbody tr td:first-child {
    border-left: 1px solid #DEE5ED !important;
}

.New_Table table tbody tr td:last-child {
    border-right: 1px solid #DEE5ED !important;
}

.New_Table table thead tr th:first-child {
    border-radius: 8px 0 0 0;
}

.New_Table table thead tr th:last-child {
    border-radius: 0 8px 0 0;
}

.New_Table table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 8px;
}

.New_Table table tbody tr:last-child td:last-child {
    border-radius: 0 0 8px 0;
}

.New_Table table tbody tr:last-child td.dataTables_empty {
    border-radius: 0 0 8px 8px;
    text-align: center;
}

.New_Table table tbody tr td {
    border: none !important;
    border-bottom: 1px solid #DEE5ED !important;
    /* Body/Large */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    /* identical to box height, or 150% */
    letter-spacing: 0.5px;
    /* Content/text-main */
    color: var(--text-main) !important;
    padding: 16px;
}

    .New_Table table tbody tr td a {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        /* identical to box height, or 150% */
        letter-spacing: 0.5px;
        /* Content/text-main */
        color: var(--text-main) !important;
    }

    .New_Table table tbody tr td.semibold a,
    .New_Table table tbody tr td.semibold {
        font-weight: 600;
    }

    .New_Table table tbody tr td:nth-child(2) a {
        color: var(--text-main) !important;
        font-weight: 500 !important;
    }

.New_Table table tbody tr {
    border-left: 1px solid #E2E4E9;
    border-right: 1px solid #E2E4E9;
}

.thongTinGiaoVien {
    display: flex;
    white-space: nowrap;
    align-items: center;
}

    .thongTinGiaoVien img {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        margin-right: 8px;
        object-fit: cover;
        flex-shrink: 0;
    }

.showYk {
    display: flex;
    justify-content: space-between;
    cursor:pointer;
}
    .showYk:hover,
    .content-wrapper .content-header h6 a.breadrum:hover,
    .detailView:hover {
        color: var(--primary-base);
    }
.showYk .chuDeGr {
    height: 100px;
    overflow: auto;
}
.anhDaiDienDetail {
    width: 120px;
    height: 120px;
}

    .anhDaiDienDetail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.anhDaiDienGV {
    width: 100px;
    height: 100px;
    border: 1px solid var(--primary-lighter);
    border-radius: 5px;
}

    .anhDaiDienGV img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
        object-fit: cover;
    }

.name-id {
    display: flex;
    flex-direction: column;
}

.detailView {
    cursor: pointer;
    font-weight: 500;
}

.maDinhDanhGv {
    font-size: 14px;
    color: var(--text-sub);
    margin-top: 2px;
}

.articleStatus, .articleAuthor {
    width: auto
}

.table_button .group_button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.page_size,
#pagelistnumber {
    height: 38px !important;
    max-height: 45px !important;
    position: relative;
    text-align: center !important;
}

.page_size,
#pagelistnumber,
.pagination-number {
    text-align: center !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 24px;
}

    .page_size a,
    #pagelistnumber a {
        font-family: inherit;
        font-weight: 600;
        font-size: 14px;
        line-height: 1.5;
        color: #333333 !important;
        border: none;
        background: none;
        width: 36px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 4px;
        border-radius: 8px;
    }

        .page_size a::before,
        #pagelistnumber a::before {
            display: block;
            width: 36px;
            height: 36px;
            flex-shrink: 0;
        }

        .page_size a:nth-of-type(1),
        .page_size a:nth-of-type(2),
        .page_size a:nth-last-of-type(1),
        .page_size a:nth-last-of-type(2),
        #pagelistnumber a:nth-of-type(1),
        #pagelistnumber a:nth-of-type(2),
        #pagelistnumber a:nth-last-of-type(1),
        #pagelistnumber a:nth-last-of-type(2) {
            font-size: 0 !important;
        }

            .page_size a:nth-of-type(2)::before,
            #pagelistnumber a:nth-of-type(2)::before {
                content: "";
                background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.9418 11.5167C21.1918 11.7667 21.1918 12.1583 20.9418 12.4L15.3418 18L20.9418 23.6C21.0032 23.6572 21.0524 23.7262 21.0866 23.8029C21.1207 23.8795 21.1391 23.9623 21.1406 24.0462C21.1421 24.1301 21.1266 24.2135 21.0952 24.2913C21.0638 24.3692 21.017 24.4398 20.9576 24.4992C20.8983 24.5585 20.8276 24.6053 20.7498 24.6368C20.6719 24.6682 20.5886 24.6836 20.5047 24.6822C20.4207 24.6807 20.338 24.6623 20.2613 24.6281C20.1847 24.594 20.1157 24.5447 20.0584 24.4833L14.0168 18.4417C13.8997 18.3245 13.834 18.1656 13.834 18C13.834 17.8344 13.8997 17.6755 14.0168 17.5583L20.0584 11.5167C20.3084 11.2667 20.7001 11.2667 20.9418 11.5167Z" fill="%230A0D14"/></svg>');
            }

            .page_size a:nth-of-type(1)::before,
            #pagelistnumber a:nth-of-type(1)::before {
                content: "";
                background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.7914 10.5C12.4748 10.5 12.2081 10.7333 12.1748 11.0417L12.1664 11.125V24.875C12.1554 25.0408 12.2106 25.2041 12.32 25.3291C12.4294 25.4542 12.584 25.5306 12.7498 25.5417C12.9155 25.5527 13.0789 25.4975 13.2039 25.3881C13.3289 25.2787 13.4054 25.1241 13.4164 24.9583V11.125C13.4164 10.9592 13.3506 10.8003 13.2334 10.6831C13.1162 10.5658 12.9572 10.5 12.7914 10.5ZM23.6498 10.6833C23.5434 10.577 23.4023 10.5125 23.2523 10.5018C23.1023 10.4911 22.9535 10.5348 22.8331 10.625L22.7664 10.6833L15.8914 17.5583C15.7851 17.6647 15.7206 17.8058 15.7099 17.9558C15.6992 18.1058 15.7429 18.2546 15.8331 18.375L15.8914 18.4417L22.7664 25.3167C22.8784 25.4277 23.0281 25.4923 23.1856 25.4975C23.3432 25.5028 23.4969 25.4483 23.616 25.345C23.7351 25.2417 23.8107 25.0973 23.8278 24.9406C23.8449 24.7839 23.8021 24.6265 23.7081 24.5L23.6498 24.4333L17.2164 18L23.6498 11.5667C23.8998 11.3167 23.8998 10.925 23.6498 10.6833Z" fill="%230A0D14"/></svg>');
            }

            .page_size a:nth-last-of-type(2)::before,
            #pagelistnumber a:nth-last-of-type(2)::before {
                content: "";
                background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.0583 11.5166C14.8083 11.7666 14.8083 12.1583 15.0583 12.4L20.6583 18L15.0583 23.6C14.9969 23.6572 14.9476 23.7262 14.9135 23.8029C14.8793 23.8795 14.861 23.9623 14.8595 24.0462C14.858 24.1301 14.8734 24.2135 14.9049 24.2913C14.9363 24.3691 14.9831 24.4398 15.0424 24.4992C15.1018 24.5585 15.1725 24.6053 15.2503 24.6367C15.3281 24.6682 15.4115 24.6836 15.4954 24.6821C15.5793 24.6807 15.6621 24.6623 15.7387 24.6281C15.8154 24.594 15.8844 24.5447 15.9416 24.4833L21.9833 18.4416C22.2333 18.1916 22.2333 17.8 21.9833 17.5583L15.9416 11.5166C15.8244 11.3996 15.6656 11.3339 15.5 11.3339C15.3343 11.3339 15.1755 11.3996 15.0583 11.5166Z" fill="%230A0D14"/></svg>');
            }

            .page_size a:nth-last-of-type(1)::before,
            #pagelistnumber a:nth-last-of-type(1)::before {
                content: "";
                background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.2081 10.5C23.5248 10.5 23.7914 10.7333 23.8248 11.0417L23.8331 11.125V24.875C23.8386 24.9571 23.8278 25.0394 23.8015 25.1173C23.7751 25.1953 23.7337 25.2672 23.6795 25.3291C23.6253 25.3911 23.5595 25.4417 23.4858 25.4781C23.412 25.5146 23.3319 25.5362 23.2498 25.5417C23.1677 25.5471 23.0853 25.5364 23.0074 25.51C22.9295 25.4837 22.8575 25.4422 22.7956 25.3881C22.7337 25.3339 22.6831 25.2681 22.6466 25.1943C22.6102 25.1206 22.5886 25.0404 22.5831 24.9583V11.125C22.5831 10.7833 22.8664 10.5 23.2081 10.5ZM12.3498 10.6833C12.4561 10.577 12.5972 10.5125 12.7472 10.5018C12.8972 10.4911 13.0461 10.5348 13.1664 10.625L13.2331 10.6833L20.1081 17.5583C20.3331 17.7833 20.3581 18.125 20.1664 18.375L20.1081 18.4417L13.2331 25.3167C13.1212 25.4277 12.9714 25.4923 12.8139 25.4975C12.6563 25.5028 12.5026 25.4483 12.3835 25.345C12.2645 25.2417 12.1888 25.0973 12.1717 24.9406C12.1546 24.7839 12.1974 24.6265 12.2914 24.5L12.3498 24.4333L18.7831 18L12.3498 11.5667C12.2327 11.4495 12.167 11.2906 12.167 11.125C12.167 10.9594 12.2327 10.8005 12.3498 10.6833Z" fill="%230A0D14"/></svg>');
            }

    .page_size .page_disabled:not(:nth-of-type(1), :nth-of-type(2), :nth-last-of-type(1), :nth-last-of-type(2)),
    #pagelistnumber .page_selected:not(:nth-of-type(1), :nth-of-type(2), :nth-last-of-type(1), :nth-last-of-type(2)) {
        background: #003ECF;
        border-radius: 8px;
        color: #FFF !important;
    }

select[id*="ddlpPageSize"] {
    padding: 8px 16px !important;
    width: 100px !important;
    border-radius: 8px;
    border: 1px solid #E3E5ED;
    font-size: 16px;
    line-height: 24px;
    color: #000730;
    margin: 0 0 0 8px !important;
    box-shadow: none;
    appearance: none;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_779_5259" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect x="24" width="24" height="24" transform="rotate(90 24 0)" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_779_5259)"><path d="M12 12.9462L16.0731 8.87309C16.2116 8.73462 16.3856 8.66379 16.5952 8.66059C16.8048 8.65737 16.982 8.7282 17.1269 8.87309C17.2718 9.01795 17.3442 9.19359 17.3442 9.39999C17.3442 9.60639 17.2718 9.78202 17.1269 9.92689L12.6327 14.4211C12.5391 14.5147 12.4404 14.5807 12.3365 14.6192C12.2327 14.6577 12.1205 14.6769 12 14.6769C11.8795 14.6769 11.7673 14.6577 11.6635 14.6192C11.5596 14.5807 11.4609 14.5147 11.3673 14.4211L6.87311 9.92689C6.73465 9.78844 6.66381 9.6144 6.66061 9.40479C6.6574 9.19519 6.72823 9.01795 6.87311 8.87309C7.01798 8.7282 7.19361 8.65576 7.40001 8.65576C7.60641 8.65576 7.78205 8.7282 7.92691 8.87309L12 12.9462Z" fill="black"/></g></svg>');
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    /* Body/Large */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    /* identical to box height, or 150% */
    letter-spacing: 0.5px;
    /* Content/text-main */
    color: #0A0D14;
}

.TinBai_Content .newstitle {
    /* Title/Medium */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    /* or 150% */
    letter-spacing: 0.15px;
    /* Content/text-main */
    color: var(--text-main);
    margin-bottom: 8px;
}

.fix_chuyenmuckhac select,
.fix_chuyenmuckhac .select2-container .select2-choice div b {
    background: none !important;
}

.fix_chuyenmuckhac select {
    height: 100px;
}

.input-group input[type="file"] {
    padding: 0 !important;
}

input[type="file"]::file-selector-button {
    width: 120px;
    background: #FFFFFF;
    border: 1px solid #E2E4E9;
    border-radius: 8px;
    padding: 8px 16px;
    /* Label/Large */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    letter-spacing: 0.1px;
    /* Primary/primary-base */
    color: var(--primary-base);
}

.dnnTextEditor .CommandButton {
    display: none;
}

.fix-udpLinkTyp table tbody tr td {
    border-top: none;
    padding: 0;
    padding-right: 16px;
    padding-top: 4px;
}

    .fix-udpLinkTyp table tbody tr td label {
        margin-left: 0;
    }

.fix-udpLinkTyp .div_option {
    display: flex;
    align-items: center;
    gap: 120px;
}

.div_option tbody tr td {
    padding: 0;
    padding-right: 12px;
}

.dnnFormRadioButtons label, .dnnFormItem input[type=radio] + label {
    margin: 0 16px 0 0;
}

.AddMedia_TinBai {
    background: #EBF1FF;
    border-radius: 8px;
    padding: 16px;
    margin: 0 0 24px 0;
}

.MediaSettings .dnnPrimaryAction {
    margin-bottom: 0;
}

.Title_text {
    /* Title/Large */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.27;
    /* identical to box height, or 127% */
    /* Content/text-main */
    color: var(--text-main);
    display: block;
    margin-bottom: 16px;
}

.New_Table a[id*="btnEdit"] {
    font-size: 0;
}

    .New_Table a[id*="btnEdit"]::after {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9001 3.04995C16.225 2.68727 16.6206 2.3947 17.0624 2.19013C17.5043 1.98556 17.9833 1.87329 18.4701 1.86018C18.9569 1.84708 19.4412 1.93342 19.8935 2.11392C20.3457 2.29442 20.7564 2.56528 21.1004 2.90995C21.4444 3.25461 21.7144 3.66583 21.894 4.11845C22.0736 4.57106 22.159 5.05556 22.1449 5.54231C22.1309 6.02905 22.0177 6.50781 21.8122 6.9493C21.6068 7.39079 21.3134 7.78572 20.9501 8.10995L20.0601 9.00995L15.0001 3.92995L15.9001 3.02995V3.04995ZM13.9301 4.99995L3.9301 14.9999C3.5301 15.3999 3.2301 15.9199 3.1101 16.4799L2.0101 21.0799C1.98134 21.204 1.98464 21.3333 2.01968 21.4557C2.05472 21.5781 2.12036 21.6896 2.21039 21.7797C2.30043 21.8697 2.41191 21.9353 2.53432 21.9704C2.65674 22.0054 2.78606 22.0087 2.9101 21.9799L7.5101 20.8799C8.0724 20.7537 8.58838 20.4732 9.0001 20.0699L19.0001 10.0699L13.9401 4.99995H13.9301Z" fill="%23F2AE40"/></svg>');
    }

.New_Table a[id*="btnDelete"] {
    font-size: 0;
}

    .New_Table a[id*="btnDelete"]::after {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 5H14C14 4.46957 13.7893 3.96086 13.4142 3.58579C13.0391 3.21071 12.5304 3 12 3C11.4696 3 10.9609 3.21071 10.5858 3.58579C10.2107 3.96086 10 4.46957 10 5ZM8.5 5C8.5 4.54037 8.59053 4.08525 8.76642 3.66061C8.94231 3.23597 9.20012 2.85013 9.52513 2.52513C9.85013 2.20012 10.236 1.94231 10.6606 1.76642C11.0852 1.59053 11.5404 1.5 12 1.5C12.4596 1.5 12.9148 1.59053 13.3394 1.76642C13.764 1.94231 14.1499 2.20012 14.4749 2.52513C14.7999 2.85013 15.0577 3.23597 15.2336 3.66061C15.4095 4.08525 15.5 4.54037 15.5 5H21.25C21.4489 5 21.6397 5.07902 21.7803 5.21967C21.921 5.36032 22 5.55109 22 5.75C22 5.94891 21.921 6.13968 21.7803 6.28033C21.6397 6.42098 21.4489 6.5 21.25 6.5H19.93L18.76 18.61C18.6705 19.5375 18.239 20.3984 17.5495 21.0251C16.8599 21.6518 15.9618 21.9993 15.03 22H8.97C8.03822 21.9993 7.14007 21.6518 6.45053 21.0251C5.76099 20.3984 5.32945 19.5375 5.24 18.61L4.07 6.5H2.75C2.55109 6.5 2.36032 6.42098 2.21967 6.28033C2.07902 6.13968 2 5.94891 2 5.75C2 5.55109 2.07902 5.36032 2.21967 5.21967C2.36032 5.07902 2.55109 5 2.75 5H8.5ZM10.5 9.75C10.5 9.55109 10.421 9.36032 10.2803 9.21967C10.1397 9.07902 9.94891 9 9.75 9C9.55109 9 9.36032 9.07902 9.21967 9.21967C9.07902 9.36032 9 9.55109 9 9.75V17.25C9 17.4489 9.07902 17.6397 9.21967 17.7803C9.36032 17.921 9.55109 18 9.75 18C9.94891 18 10.1397 17.921 10.2803 17.7803C10.421 17.6397 10.5 17.4489 10.5 17.25V9.75ZM14.25 9C14.0511 9 13.8603 9.07902 13.7197 9.21967C13.579 9.36032 13.5 9.55109 13.5 9.75V17.25C13.5 17.4489 13.579 17.6397 13.7197 17.7803C13.8603 17.921 14.0511 18 14.25 18C14.4489 18 14.6397 17.921 14.7803 17.7803C14.921 17.6397 15 17.4489 15 17.25V9.75C15 9.55109 14.921 9.36032 14.7803 9.21967C14.6397 9.07902 14.4489 9 14.25 9Z" fill="%23DF1C41"/></svg>');
    }

.form-function .File_image input[type="image"] {
    border: none;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 25%;
}

.dnnClear .avatar {
    margin-right: 10px;
    margin-bottom: 10px;
}

.Title_Button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

    .Title_Button .Title_text {
        margin-bottom: 0;
    }

.fix_checkbox table tbody tr td {
    border-top: none;
    padding: 0;
    padding-right: 12px;
}

.page-item.active .page-link, .aspNetDisabled {
    z-index: 0;
}

/****************************************************************************************************************/
/***********************************************************************CMS - TỔ CHỨC HÀNH CHÍNH*************************************************************************/
/****************************************************************************************************************/

.menu_tchc {
    background: #FFFFFF;
    border: 1px solid #E2E4E9;
    border-radius: 8px;
    min-height: calc(100vh - 92px);
    padding: 16px 24px;
}

    .menu_tchc .menu-m3 > ul {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .menu_tchc .menu-m3 > ul > li {
            border: none;
        }

            .menu_tchc .menu-m3 > ul > li > a {
                font-family: 'Inter';
                font-style: normal;
                font-weight: 600 !important;
                font-size: 22px !important;
                line-height: 1.27 !important;
                color: var(--text-main) !important;
                background: none;
                padding: 0;
                border-bottom: 1px solid #E2E4E9;
                padding-bottom: 16px;
                text-transform: none;
            }

            .menu_tchc .menu-m3 > ul > li > div > ul {
                background: none;
                padding: 0;
                border: none;
            }

                .menu_tchc .menu-m3 > ul > li > div > ul > li {
                    padding: 8px 0;
                }

                    .menu_tchc .menu-m3 > ul > li > div > ul > li > a {
                        /* Title/Medium */
                        font-family: 'Inter';
                        font-style: normal;
                        font-weight: 500 !important;
                        font-size: 16px !important;
                        line-height: 1.5;
                        /* identical to box height, or 150% */
                        letter-spacing: 0.15px;
                        /* Content/text-main */
                        color: var(--text-main) !important;
                    }

.Title_header {
    border: 1px solid #E2E4E9;
    border-radius: 8px 8px 0 0;
    padding: 16px 24px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.27;
    color: var(--text-main);
    background: var(--white);
    border-bottom: none;
}

.box_content.box_v2 {
    border-radius: 0 0 8px 8px;
    /* min-height: calc(100vh - 153px); */
}

.New_Table .text-table {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .New_Table .text-table a {
        /* Title/Medium */
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
        /* identical to box height, or 150% */
        letter-spacing: 0.15px;
        /* Content/text-main */
        color: var(--text-main) !important;
    }

    .New_Table .text-table .MaDinhDanh {
        /* Body/Large */
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        letter-spacing: 0.5px;
        /* Content/text-sub */
        color: var(--text-sub);
    }

        .New_Table .text-table .MaDinhDanh strong {
            /* Body/Large */
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400 !important;
            font-size: 16px;
            line-height: 24px;
            /* identical to box height, or 150% */
            letter-spacing: 0.5px;
            /* Content/text-main */
            color: var(--text-main);
        }

.New_Table tbody tr td input[type="text"] {
    padding: 8px 12px;
}

.hc-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.New_Table .text-table .semibold {
    font-weight: 600 !important;
    line-height: 1.5;
    font-size: 16px;
}

.dnnTextPanelView {
    display: none !important;
}

.body-content {
    padding-top: 0;
}

    .body-content.box_content {
        padding-top: 20px;
    }

/****************************************************************************************************************/
/***********************************************************************NAV TAB**************************************************************************/
/****************************************************************************************************************/

.box_content .nav-tabs {
    background-color: transparent;
    padding-top: 0;
    gap: 24px;
    border-bottom: 1px solid #E2E4E9 !important;
    border-radius: 0;
    margin-bottom: 16px;
}

    .box_content .nav-tabs .nav-item .nav-link {
        background: none;
        margin-bottom: 0;
        border: none;
        border-radius: 0;
        font-size: 16px;
        line-height: 20px;
        color: #616161 !important;
        padding: 0 0 8px 0;
        font-family: inherit;
        font-weight: 500 !important;
        position: relative;
        transition: none;
    }

        .box_content .nav-tabs .nav-item .nav-link.active,
        .box_content .nav-tabs .nav-item:hover .nav-link {
            color: var(--primary-base) !important;
            border: none;
            border-bottom: 2px solid var(--primary-base);
        }

.TrangThai {
    padding: 4px 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.14;
    /* identical to box height, or 114% */
    letter-spacing: 0.5px;
    border-radius: 4px;
    min-width: 67px;
    display: block;
    text-align: center;
}

    .TrangThai.red-text {
        color: var(--state-error);
        background: #FDEDF0;
    }

    .TrangThai.green-text {
        color: var(--state-success) !important;
        background: #EFFAF6;
    }

    .TrangThai.blue-text {
        color: #0084E4;
        background: #F1F5FF;
    }

    .TrangThai.yellow-text {
        background: #FEF7EC;
    }

    .TrangThai.gray-text {
        background: var(--bg-weak);
    }

td .TrangThai {
    display: unset;
    white-space: nowrap;
}

.GiaTien {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    /* identical to box height, or 150% */
    letter-spacing: 0.5px;
}

.KetQua {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    /* identical to box height, or 150% */
    letter-spacing: 0.5px;
}

    .GiaTien.red-text,
    .KetQua.red-text {
        color: var(--state-error);
    }

    .GiaTien.green-text,
    .KetQua.green-text {
        color: #00C314 !important;
    }

/***********************NOTIFY**************************/
div[data-notify="container"] {
    border-radius: 8px !important;
    padding: 12px !important;
    z-index: 1000000000000 !important;
    max-width: 600px;
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

    div[data-notify="container"] span[data-notify="message"] {
        font-family: 'Inter';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5; /* 150% */
        letter-spacing: 0.5px;
    }

    div[data-notify="container"] button[data-notify="dismiss"],
    div[data-notify="container"] span[data-notify="icon"] {
        font-size: 0;
        opacity: 1 !important;
        min-width: 24px;
        height: 24px;
    }

    div[data-notify="container"] button[data-notify="dismiss"] {
        top: 50% !important;
        transform: translateY(-50%);
    }

    div[data-notify="container"] span[data-notify="icon"] {
        margin-right: 12px;
    }

        div[data-notify="container"] button[data-notify="dismiss"]::after,
        div[data-notify="container"] span[data-notify="icon"]::after {
            content: '';
            display: block;
            width: 24px;
            height: 24px;
        }

.alert-warning {
    border: 1px solid #FFD182 !important;
    background: #FFECCC !important;
}

    .alert-warning span[data-notify="message"] {
        color: #FFA200;
    }

    .alert-warning button[data-notify="dismiss"]::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_620_10061" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_620_10061)"><path d="M11.9998 13.4L7.0998 18.3C6.91647 18.4833 6.68314 18.575 6.3998 18.575C6.11647 18.575 5.88314 18.4833 5.6998 18.3C5.51647 18.1167 5.4248 17.8833 5.4248 17.6C5.4248 17.3167 5.51647 17.0833 5.6998 16.9L10.5998 12L5.6998 7.1C5.51647 6.91667 5.4248 6.68334 5.4248 6.4C5.4248 6.11667 5.51647 5.88334 5.6998 5.7C5.88314 5.51667 6.11647 5.425 6.3998 5.425C6.68314 5.425 6.91647 5.51667 7.0998 5.7L11.9998 10.6L16.8998 5.7C17.0831 5.51667 17.3165 5.425 17.5998 5.425C17.8831 5.425 18.1165 5.51667 18.2998 5.7C18.4831 5.88334 18.5748 6.11667 18.5748 6.4C18.5748 6.68334 18.4831 6.91667 18.2998 7.1L13.3998 12L18.2998 16.9C18.4831 17.0833 18.5748 17.3167 18.5748 17.6C18.5748 17.8833 18.4831 18.1167 18.2998 18.3C18.1165 18.4833 17.8831 18.575 17.5998 18.575C17.3165 18.575 17.0831 18.4833 16.8998 18.3L11.9998 13.4Z" fill="%23FFA200"/></g></svg>');
    }

    .alert-warning span[data-notify="icon"]::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_620_10059" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_620_10059)"><path d="M2.72479 21C2.54146 21 2.37479 20.9542 2.22479 20.8625C2.07479 20.7708 1.95812 20.65 1.87479 20.5C1.79146 20.35 1.74562 20.1875 1.73729 20.0125C1.72896 19.8375 1.77479 19.6667 1.87479 19.5L11.1248 3.5C11.2248 3.33333 11.354 3.20833 11.5123 3.125C11.6706 3.04167 11.8331 3 11.9998 3C12.1665 3 12.329 3.04167 12.4873 3.125C12.6456 3.20833 12.7748 3.33333 12.8748 3.5L22.1248 19.5C22.2248 19.6667 22.2706 19.8375 22.2623 20.0125C22.254 20.1875 22.2081 20.35 22.1248 20.5C22.0415 20.65 21.9248 20.7708 21.7748 20.8625C21.6248 20.9542 21.4581 21 21.2748 21H2.72479ZM4.44979 19H19.5498L11.9998 6L4.44979 19ZM11.9998 18C12.2831 18 12.5206 17.9042 12.7123 17.7125C12.904 17.5208 12.9998 17.2833 12.9998 17C12.9998 16.7167 12.904 16.4792 12.7123 16.2875C12.5206 16.0958 12.2831 16 11.9998 16C11.7165 16 11.479 16.0958 11.2873 16.2875C11.0956 16.4792 10.9998 16.7167 10.9998 17C10.9998 17.2833 11.0956 17.5208 11.2873 17.7125C11.479 17.9042 11.7165 18 11.9998 18ZM11.9998 15C12.2831 15 12.5206 14.9042 12.7123 14.7125C12.904 14.5208 12.9998 14.2833 12.9998 14V11C12.9998 10.7167 12.904 10.4792 12.7123 10.2875C12.5206 10.0958 12.2831 10 11.9998 10C11.7165 10 11.479 10.0958 11.2873 10.2875C11.0956 10.4792 10.9998 10.7167 10.9998 11V14C10.9998 14.2833 11.0956 14.5208 11.2873 14.7125C11.479 14.9042 11.7165 15 11.9998 15Z" fill="%23FFA200"/></g></svg>');
    }

.alert-success {
    border: 1px solid #9DE1CE !important;
    background: #D7F3EB !important;
}

    .alert-success span[data-notify="message"] {
        color: #35C19B;
    }

    .alert-success button[data-notify="dismiss"]::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_620_10051" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_620_10051)"><path d="M11.9998 13.4L7.0998 18.3C6.91647 18.4833 6.68314 18.575 6.3998 18.575C6.11647 18.575 5.88314 18.4833 5.6998 18.3C5.51647 18.1167 5.4248 17.8833 5.4248 17.6C5.4248 17.3167 5.51647 17.0833 5.6998 16.9L10.5998 12L5.6998 7.09999C5.51647 6.91665 5.4248 6.68332 5.4248 6.39999C5.4248 6.11665 5.51647 5.88332 5.6998 5.69999C5.88314 5.51665 6.11647 5.42499 6.3998 5.42499C6.68314 5.42499 6.91647 5.51665 7.0998 5.69999L11.9998 10.6L16.8998 5.69999C17.0831 5.51665 17.3165 5.42499 17.5998 5.42499C17.8831 5.42499 18.1165 5.51665 18.2998 5.69999C18.4831 5.88332 18.5748 6.11665 18.5748 6.39999C18.5748 6.68332 18.4831 6.91665 18.2998 7.09999L13.3998 12L18.2998 16.9C18.4831 17.0833 18.5748 17.3167 18.5748 17.6C18.5748 17.8833 18.4831 18.1167 18.2998 18.3C18.1165 18.4833 17.8831 18.575 17.5998 18.575C17.3165 18.575 17.0831 18.4833 16.8998 18.3L11.9998 13.4Z" fill="%2335C19B"/></g></svg>');
    }

    .alert-success span[data-notify="icon"]::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_620_10049" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_620_10049)"><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C12.8 2 13.5792 2.09167 14.3375 2.275C15.0958 2.45833 15.825 2.725 16.525 3.075C16.775 3.20833 16.9375 3.40833 17.0125 3.675C17.0875 3.94167 17.0417 4.19167 16.875 4.425C16.7083 4.65833 16.4875 4.80833 16.2125 4.875C15.9375 4.94167 15.6667 4.90833 15.4 4.775C14.8667 4.525 14.3125 4.33333 13.7375 4.2C13.1625 4.06667 12.5833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.8667 19.9958 11.7375 19.9875 11.6125C19.9792 11.4875 19.9667 11.3583 19.95 11.225C19.9167 10.9417 19.9708 10.6708 20.1125 10.4125C20.2542 10.1542 20.4667 9.98333 20.75 9.9C21.0167 9.81667 21.2667 9.84167 21.5 9.975C21.7333 10.1083 21.8667 10.3083 21.9 10.575C21.9333 10.8083 21.9583 11.0417 21.975 11.275C21.9917 11.5083 22 11.75 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM10.6 13.8L19.9 4.475C20.0833 4.29167 20.3125 4.19583 20.5875 4.1875C20.8625 4.17917 21.1 4.275 21.3 4.475C21.4833 4.65833 21.575 4.89167 21.575 5.175C21.575 5.45833 21.4833 5.69167 21.3 5.875L11.3 15.9C11.1 16.1 10.8667 16.2 10.6 16.2C10.3333 16.2 10.1 16.1 9.9 15.9L7.05 13.05C6.86667 12.8667 6.775 12.6333 6.775 12.35C6.775 12.0667 6.86667 11.8333 7.05 11.65C7.23333 11.4667 7.46667 11.375 7.75 11.375C8.03333 11.375 8.26667 11.4667 8.45 11.65L10.6 13.8Z" fill="%2335C19B"/></g></svg>');
    }

.alert-info {
    border: 1px solid #85A3E0 !important;
    background: #CDD9F2 !important;
}

    .alert-info span[data-notify="message"] {
        color: #0543BD;
    }

    .alert-info button[data-notify="dismiss"]::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_620_10056" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_620_10056)"><path d="M11.9998 13.4L7.0998 18.3C6.91647 18.4833 6.68314 18.575 6.3998 18.575C6.11647 18.575 5.88314 18.4833 5.6998 18.3C5.51647 18.1167 5.4248 17.8833 5.4248 17.6C5.4248 17.3167 5.51647 17.0833 5.6998 16.9L10.5998 12L5.6998 7.1C5.51647 6.91667 5.4248 6.68334 5.4248 6.4C5.4248 6.11667 5.51647 5.88334 5.6998 5.7C5.88314 5.51667 6.11647 5.425 6.3998 5.425C6.68314 5.425 6.91647 5.51667 7.0998 5.7L11.9998 10.6L16.8998 5.7C17.0831 5.51667 17.3165 5.425 17.5998 5.425C17.8831 5.425 18.1165 5.51667 18.2998 5.7C18.4831 5.88334 18.5748 6.11667 18.5748 6.4C18.5748 6.68334 18.4831 6.91667 18.2998 7.1L13.3998 12L18.2998 16.9C18.4831 17.0833 18.5748 17.3167 18.5748 17.6C18.5748 17.8833 18.4831 18.1167 18.2998 18.3C18.1165 18.4833 17.8831 18.575 17.5998 18.575C17.3165 18.575 17.0831 18.4833 16.8998 18.3L11.9998 13.4Z" fill="%230543BD"/></g></svg>');
    }

    .alert-info span[data-notify="icon"]::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_620_10054" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_620_10054)"><path d="M12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16V12C13 11.7167 12.9042 11.4792 12.7125 11.2875C12.5208 11.0958 12.2833 11 12 11C11.7167 11 11.4792 11.0958 11.2875 11.2875C11.0958 11.4792 11 11.7167 11 12V16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="%230543BD"/></g></svg>');
    }

.alert-danger {
    border: 1px solid #E98888 !important;
    background: #F6CECE !important;
}

    .alert-danger span[data-notify="message"] {
        color: #D20808;
    }

    .alert-danger button[data-notify="dismiss"]::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_620_10066" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_620_10066)"><path d="M11.9998 13.4L7.0998 18.3C6.91647 18.4833 6.68314 18.575 6.3998 18.575C6.11647 18.575 5.88314 18.4833 5.6998 18.3C5.51647 18.1167 5.4248 17.8833 5.4248 17.6C5.4248 17.3167 5.51647 17.0833 5.6998 16.9L10.5998 12L5.6998 7.1C5.51647 6.91667 5.4248 6.68334 5.4248 6.4C5.4248 6.11667 5.51647 5.88334 5.6998 5.7C5.88314 5.51667 6.11647 5.425 6.3998 5.425C6.68314 5.425 6.91647 5.51667 7.0998 5.7L11.9998 10.6L16.8998 5.7C17.0831 5.51667 17.3165 5.425 17.5998 5.425C17.8831 5.425 18.1165 5.51667 18.2998 5.7C18.4831 5.88334 18.5748 6.11667 18.5748 6.4C18.5748 6.68334 18.4831 6.91667 18.2998 7.1L13.3998 12L18.2998 16.9C18.4831 17.0833 18.5748 17.3167 18.5748 17.6C18.5748 17.8833 18.4831 18.1167 18.2998 18.3C18.1165 18.4833 17.8831 18.575 17.5998 18.575C17.3165 18.575 17.0831 18.4833 16.8998 18.3L11.9998 13.4Z" fill="%23D20808"/></g></svg>');
    }

    .alert-danger span[data-notify="icon"]::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_620_10064" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_620_10064)"><path d="M2.72479 21C2.54146 21 2.37479 20.9542 2.22479 20.8625C2.07479 20.7708 1.95812 20.65 1.87479 20.5C1.79146 20.35 1.74562 20.1875 1.73729 20.0125C1.72896 19.8375 1.77479 19.6667 1.87479 19.5L11.1248 3.5C11.2248 3.33333 11.354 3.20833 11.5123 3.125C11.6706 3.04167 11.8331 3 11.9998 3C12.1665 3 12.329 3.04167 12.4873 3.125C12.6456 3.20833 12.7748 3.33333 12.8748 3.5L22.1248 19.5C22.2248 19.6667 22.2706 19.8375 22.2623 20.0125C22.254 20.1875 22.2081 20.35 22.1248 20.5C22.0415 20.65 21.9248 20.7708 21.7748 20.8625C21.6248 20.9542 21.4581 21 21.2748 21H2.72479ZM4.44979 19H19.5498L11.9998 6L4.44979 19ZM11.9998 18C12.2831 18 12.5206 17.9042 12.7123 17.7125C12.904 17.5208 12.9998 17.2833 12.9998 17C12.9998 16.7167 12.904 16.4792 12.7123 16.2875C12.5206 16.0958 12.2831 16 11.9998 16C11.7165 16 11.479 16.0958 11.2873 16.2875C11.0956 16.4792 10.9998 16.7167 10.9998 17C10.9998 17.2833 11.0956 17.5208 11.2873 17.7125C11.479 17.9042 11.7165 18 11.9998 18ZM11.9998 15C12.2831 15 12.5206 14.9042 12.7123 14.7125C12.904 14.5208 12.9998 14.2833 12.9998 14V11C12.9998 10.7167 12.904 10.4792 12.7123 10.2875C12.5206 10.0958 12.2831 10 11.9998 10C11.7165 10 11.479 10.0958 11.2873 10.2875C11.0956 10.4792 10.9998 10.7167 10.9998 11V14C10.9998 14.2833 11.0956 14.5208 11.2873 14.7125C11.479 14.9042 11.7165 15 11.9998 15Z" fill="%23D20808"/></g></svg>');
    }

.rowGroup_Group,
.dataTotal_MainGroup {
    display: flex;
    justify-content: space-between;
}

.dataTotal_MainGroup {
    gap: 32px;
}

.rowgroup_head {
    background: #D6E3FE !important;
}

    .rowgroup_head .dataSrc_Group {
        font-weight: 600;
    }

.dtrg-level-1 .rowgroup_head {
    background: #FFF !important;
}

    .dtrg-level-1 .rowgroup_head .dataSrc_Group {
        color: #003ebf;
        font-weight: 600;
    }

.rowgroup_head .dataTotal_Group {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

.dtrg-level-1 .rowgroup_head .dataTotal_Group {
    color: #003ebf;
}

.dataTables_wrapper {
    position: relative;
}

.dataTables_filter {
    display: none;
}

.New_Table .dt-buttons {
    float: right;
    margin-bottom: 12px;
}

.New_Table .buttons-excel {
    margin: 0;
}

.label_div1 {
    color: var(--text-main);
    /* Body/Large */
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
}

.label_div2 {
    color: var(--text-sub);
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42; /* 142.857% */
    letter-spacing: 0.25px;
}

.Khung_MaQR {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* border: 1px solid #ECD7C5;
    padding: 24px; */
    border-radius: 24px;
    gap: 8px;
}

    .Khung_MaQR span {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        /* identical to box height, or 150% */
        /* HueCollege/text-content */
        color: #333333;
    }

        .Khung_MaQR span span {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 1.33;
            /* identical to box height, or 133% */
            /* HueCollege/title */
            color: #FA6666;
        }

.modalLoading {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.spinner-border {
    width: 4rem;
    height: 4rem;
    border: 0.4em solid currentColor;
    border-right-color: transparent;
}

.modalLoading span {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: var(--text-main);
}

/****************************************************************************************************************/
/***********************************************************************CMS - ĐĂNG KÝ LỊCH XE*************************************************************************/
/****************************************************************************************************************/
.LoaiXe.text-table {
    flex-direction: row;
    flex-wrap: wrap;
    cursor: pointer;
}

.New_Table table tbody tr td.buttonCalendar {
    padding: 5px;
    position: relative;
    height: 56px;
}

.buttonCalendar button {
    display: block;
    width: calc(100% - 10px);
    height: 46px;
    border: none;
    padding: 0;
    position: absolute;
    top: 5px;
    border-radius: 4px;
}

    .buttonCalendar button.ChuaDat {
        background: var(--primary-lighter);
    }

    .buttonCalendar button.DaChon {
        background-color: var(--primary-darker);
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.53009 12.97C4.38792 12.8375 4.19987 12.7654 4.00557 12.7688C3.81127 12.7723 3.62588 12.851 3.48847 12.9884C3.35106 13.1258 3.27234 13.3112 3.26892 13.5055C3.26549 13.6998 3.33761 13.8878 3.47009 14.03L7.97009 18.53C8.27009 18.83 8.74009 18.83 9.03009 18.53L20.0301 7.53C20.1626 7.38782 20.2347 7.19978 20.2313 7.00548C20.2278 6.81118 20.1491 6.62579 20.0117 6.48838C19.8743 6.35096 19.6889 6.27225 19.4946 6.26882C19.3003 6.2654 19.1123 6.33752 18.9701 6.47L8.50009 16.94L4.53009 12.97Z" fill="%23FFF"></path></svg>');
        background-position: center;
        background-repeat: no-repeat;
    }

    .buttonCalendar button.DaDat {
        background: #C2C2C2;
        /* background-color: var(--primary-darker); */
    }

    .buttonCalendar button.KhuyenMai::before {
        content: '';
        display: block;
        width: 100%;
        height: 24px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="DF1C41"><path d="M300-520q-58 0-99-41t-41-99q0-58 41-99t99-41q58 0 99 41t41 99q0 58-41 99t-99 41Zm0-80q25 0 42.5-17.5T360-660q0-25-17.5-42.5T300-720q-25 0-42.5 17.5T240-660q0 25 17.5 42.5T300-600Zm360 440q-58 0-99-41t-41-99q0-58 41-99t99-41q58 0 99 41t41 99q0 58-41 99t-99 41Zm0-80q25 0 42.5-17.5T720-300q0-25-17.5-42.5T660-360q-25 0-42.5 17.5T600-300q0 25 17.5 42.5T660-240Zm-444 80-56-56 584-584 56 56-584 584Z" fill="%23FFF"/></svg>');
    }

/* Modal trượt từ bên phải */
.modal.side-modal .modal-dialog {
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    transform: translateX(100%);
    transition: transform 0.3s ease-out;
}

.modal.side-modal.show .modal-dialog {
    transform: translateX(0);
}

.modal.side-modal .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0;
}

/* Phần body cuộn */
.modal.side-modal .modal-body {
    overflow-y: auto;
    flex-grow: 1;
    padding: 20px;
}

/* Giữ header & footer cố định theo chiều cao */
.modal.side-modal .modal-header,
.modal.side-modal .modal-footer {
    flex-shrink: 0;
    padding: 1rem;
    background-color: #fff;
    z-index: 1;
}

.modal.side-modal .modal-body .title {
    color: #234874;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    padding: 0 0 16px 0;
}

.modal .box_content,
.modal .box_contentedit {
    margin-bottom: 20px;
}

.modal .Title {
    font-size: 20px;
    line-height: 20px;
    font-family: inherit;
    font-weight: 600;
    color: var(--primary-dark);
    margin-bottom: 20px;
}

.KhungGio {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    padding: 20px 0;
    font-size: 18px;
    font-weight: 500;
}

#dataGridLichXeModal tbody {
    height: 57px;
    display: table-row-group;
}

.tooltip-inner {
    background-color: #FFF;
    color: var(--text-main);
    font-size: 16px;
    font-weight: 400;
    padding: 8px 12px;
    max-width: 300px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.tooltip .arrow {
    background-color: #FFF;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    color: #FFF;
    display: none;
}

.percent-wrapper {
    text-align: center;
    margin-bottom: 10px;
}

.percent-input {
    font-size: 24px;
    font-weight: bold;
    color: #111;
    border: 2px solid red;
    border-radius: 4px;
    padding: 5px 10px;
    width: 80px;
    text-align: center;
}

    .percent-input::after {
        content: "%";
    }

input[type=range] {
    width: 100%;
    margin-top: 10px;
}

.marks {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    font-size: 12px;
    color: gray;
    padding-left: 16px;
}

    .marks > span {
        display: block;
        margin: 0 -8px;
    }

input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    background: #ddd;
    border-radius: 8px;
    outline: none;
    transition: background 0.3s;
}

    /* Track khi hover */
    input[type="range"]:hover {
        background: #a8a8a8;
    }

    /* Dành cho Chrome, Safari, Edge (webkit) */
    input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 18px;
        height: 18px;
        background: #007bff;
        border-radius: 50%;
        cursor: pointer;
        border: 2px solid white;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        margin-top: 0; /* căn chỉnh vertical */
    }

    input[type="range"]::-webkit-slider-runnable-track {
    }

    /* Dành cho Firefox */
    input[type="range"]::-moz-range-thumb {
        width: 18px;
        height: 18px;
        background: #007bff;
        border-radius: 50%;
        cursor: pointer;
        border: 2px solid white;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    }

    /* Dành cho IE */
    input[type="range"]::-ms-thumb {
        width: 18px;
        height: 18px;
        background: #007bff;
        border-radius: 50%;
        cursor: pointer;
        border: 2px solid white;
    }

    /* Firefox - thanh track */
    input[type="range"]::-moz-range-track {
        height: 6px;
        background: #ddd;
        border-radius: 5px;
    }

    /* IE - thanh track */
    input[type="range"]::-ms-track {
        height: 6px;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    /* Phần đã kéo (track filled - Firefox) */
    input[type="range"]::-moz-range-progress {
        background: #007bff;
        height: 6px;
        border-radius: 5px;
    }

.groupKhungGio {
    display: flex;
    gap: 16px;
}

.timeRanges .time-range-item {
    padding: 8px 12px;
    background-color: #FFFFFF;
    border: 1px solid #E2E4E9;
    width: fit-content;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 16px;
}

    .timeRanges .time-range-item.active {
        color: var(--white);
        background-color: var(--primary-base);
    }

.timeRanges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#khungGioContainer {
    width: 100%
}

    #khungGioContainer .flatpickr-wrapper {
        width: calc(50% - 10px);
    }

        #khungGioContainer .flatpickr-wrapper input {
            width: 100%
        }

/* Đảm bảo table container có thể scroll */
.dataTables_wrapper .dataTables_scroll {
    overflow: auto;
}

/* Cố định chiều rộng container nếu cần */
#dataGridLichXe_wrapper {
    width: 100%;
    overflow-x: auto;
}

.dataTables_scroll {
    margin-bottom: 16px
}

    .dataTables_scroll table.dataTable {
        table-layout: fixed;
        width: 100% !important;
        margin-bottom: 8px
    }

        .dataTables_scroll table.dataTable td,
        .dataTables_scroll table.dataTable th {
            white-space: nowrap;
            text-align: center;
            vertical-align: middle;
        }

    .dataTables_scroll .dataTables_scrollHeadInner > table {
        margin-bottom: 0;
    }

table.dataTable thead tr > .dtfc-fixed-left, table.dataTable thead tr > .dtfc-fixed-right, table.dataTable tfoot tr > .dtfc-fixed-left, table.dataTable tfoot tr > .dtfc-fixed-right {
    background: #EBF1FF;
}

.dtfc-has-left {
    margin-bottom: 0;
    padding-bottom: 10px;
}

.Table_Info ul {
    display: flex;
    gap: 50px;
    justify-content: flex-end;
}

    .Table_Info ul li {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #333;
        font-family: Mulish;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 125% */
    }

        .Table_Info ul li span {
            width: 40px;
            height: 18px;
            aspect-ratio: 1/1;
            border-radius: 4px;
            display: block;
        }

        .Table_Info ul li .ChuaDat {
            background-color: var(--primary-lighter);
            border: 1px solid #b9ddff;
        }

        .Table_Info ul li .DaDat {
            background: #C2C2C2;
            border: 1px solid #919191;
        }

/*Login*/
.login-page {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    background: url(/images/login-background.png);
    background-size: cover;
}

.LoginPanel {
    width: 600px;
    overflow: hidden;
    padding: 30px 40px 50px 40px;
    border: 10px solid rgba(255, 255, 255, 0.3);
    border-radius: 32px;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    background: rgb(255, 255, 255);
}