/****************************************************************************************************************/
/***********************************************************************CMS - ĐĂNG KÝ TUYỂN SINH*************************************************************************/
/****************************************************************************************************************/
.bl-header {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 1.27;
    color: var(--text-main) !important;
    margin-bottom: 16px;
    text-align: center;
}

.bl-subheader {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 1.27;
    color: var(--text-main) !important;
    margin-bottom: 16px;
}

small {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 1.27;
    color: var(--text-main) !important;
}

small.notice {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 1.27;
    color: var(--text-main) !important;
    margin-bottom: 16px;
    display: block;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important
}

.dataTables_paginate {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .dataTables_paginate .paginate_button > i::before,
    .dataTables_paginate .paginate_button > a::before,
    .chev-prev-cal::before,
    .chev-next-cal::before {
        display: block;
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        content: "";
    }

    .dataTables_paginate .paginate_button.previous > i::before,
    .dataTables_paginate .paginate_button.previous > a::before,
    .dataTables_paginate .paginate_button.previous > span::before,
    .chev-prev-cal::before {
        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="M12.9418 3.51666C13.1918 3.76666 13.1918 4.15833 12.9418 4.4L7.34177 10L12.9418 15.6C13.0032 15.6572 13.0524 15.7262 13.0866 15.8029C13.1207 15.8795 13.1391 15.9623 13.1406 16.0462C13.1421 16.1301 13.1266 16.2135 13.0952 16.2913C13.0638 16.3692 13.017 16.4398 12.9576 16.4992C12.8983 16.5585 12.8276 16.6053 12.7498 16.6368C12.6719 16.6682 12.5886 16.6836 12.5047 16.6822C12.4207 16.6807 12.338 16.6623 12.2613 16.6281C12.1847 16.594 12.1157 16.5447 12.0584 16.4833L6.01677 10.4417C5.89973 10.3245 5.83398 10.1656 5.83398 10C5.83398 9.83437 5.89973 9.67552 6.01677 9.55833L12.0584 3.51666C12.3084 3.26666 12.7001 3.26666 12.9418 3.51666Z" fill="%230A0D14"/></svg>');
    }
    .dataTables_paginate .paginate_button.next > i::before,
    .dataTables_paginate .paginate_button.next > a::before,
    .dataTables_paginate .paginate_button.next > span::before,
    .chev-next-cal::before {
        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="%230A0D14"/></svg>');
    }
.dataTables_paginate .paginate_button.first > i::before,
.dataTables_paginate .paginate_button.first > a::before,
.dataTables_paginate .paginate_button.first > span::before {
    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="M4.79167 2.5C4.47501 2.5 4.20834 2.73333 4.17501 3.04167L4.16667 3.125V16.875C4.15562 17.0408 4.21087 17.2041 4.32027 17.3291C4.42966 17.4542 4.58424 17.5306 4.75 17.5417C4.91577 17.5527 5.07913 17.4975 5.20415 17.3881C5.32917 17.2787 5.40562 17.1241 5.41667 16.9583V3.125C5.41667 2.95924 5.35082 2.80027 5.23361 2.68306C5.1164 2.56585 4.95743 2.5 4.79167 2.5ZM15.65 2.68333C15.5437 2.57698 15.4026 2.51254 15.2526 2.50182C15.1025 2.49111 14.9537 2.53484 14.8333 2.625L14.7667 2.68333L7.89167 9.55833C7.78532 9.66466 7.72088 9.80578 7.71016 9.95579C7.69945 10.1058 7.74318 10.2546 7.83334 10.375L7.89167 10.4417L14.7667 17.3167C14.8786 17.4277 15.0283 17.4923 15.1859 17.4975C15.3434 17.5028 15.4971 17.4483 15.6162 17.345C15.7353 17.2417 15.811 17.0973 15.8281 16.9406C15.8451 16.7839 15.8024 16.6265 15.7083 16.5L15.65 16.4333L9.21667 10L15.65 3.56667C15.9 3.31667 15.9 2.925 15.65 2.68333Z" fill="%230A0D14"/></svg>');
}
.dataTables_paginate .paginate_button.last > i::before,
.dataTables_paginate .paginate_button.last > a::before,
.dataTables_paginate .paginate_button.last > span::before {
    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="M15.2084 2.5C15.525 2.5 15.7917 2.73333 15.825 3.04167L15.8334 3.125V16.875C15.8388 16.9571 15.8281 17.0394 15.8017 17.1173C15.7754 17.1953 15.7339 17.2672 15.6798 17.3291C15.6256 17.3911 15.5598 17.4417 15.486 17.4781C15.4123 17.5146 15.3321 17.5362 15.25 17.5417C15.1679 17.5471 15.0856 17.5364 15.0077 17.51C14.9297 17.4837 14.8578 17.4422 14.7959 17.3881C14.734 17.3339 14.6833 17.2681 14.6469 17.1943C14.6104 17.1206 14.5888 17.0404 14.5834 16.9583V3.125C14.5834 2.78333 14.8667 2.5 15.2084 2.5ZM4.35002 2.68333C4.45635 2.57698 4.59746 2.51254 4.74747 2.50182C4.89748 2.49111 5.04632 2.53484 5.16669 2.625L5.23335 2.68333L12.1084 9.55833C12.3334 9.78333 12.3584 10.125 12.1667 10.375L12.1084 10.4417L5.23335 17.3167C5.12142 17.4277 4.97168 17.4923 4.81414 17.4975C4.65659 17.5028 4.50288 17.4483 4.38379 17.345C4.26471 17.2417 4.18905 17.0973 4.17196 16.9406C4.15488 16.7839 4.19765 16.6265 4.29169 16.5L4.35002 16.4333L10.7834 10L4.35002 3.56667C4.23298 3.44948 4.16724 3.29063 4.16724 3.125C4.16724 2.95937 4.23298 2.80052 4.35002 2.68333Z" fill="%230A0D14"/></svg>');
}

.dataTables_paginate > span {
    display: flex;
    align-items: center;
}

    .dataTables_paginate .paginate_button,
    .chev-prev-cal,
    .chev-next-cal {
        padding: 8px !important;
        border: none !important;
        background: none !important;
        margin: 0;
        width: 36px;
        height: 36px;
        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;
        color: var(--text-main);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

.New_Table .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--primary-base) !important;
    color: var(--text-white) !important;
    border-radius: 8px;
}

.page-record-custom {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}
.page-record-margin{
    margin-bottom:20px;
}
.dataTables_length label {
    margin-bottom: 0;
}

.dataTables_length 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;
    min-width: 100px;
}

/****************************************************************************************************************/
/***********************************************************************CMS - MODAL*************************************************************************/
/****************************************************************************************************************/

.modal-content {
    box-shadow: 0px 0px 8px 0px #00123D1F;
    border-radius: 16px;
}

.modal-header {
    padding: 16px 24px;
    border-bottom: 1px solid #E2E4E9
} 

.modal-header h5 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    /* identical to box height, or 127% */
    /* Content/text-main */
    color: var(--text-main);
}

.modal-body {
    padding: 24px;
}

.modal-footer {
    padding: 16px 24px;
    border-top: 1px solid #E2E4E9
}

.modal-footer>:not(:last-child) {
    margin: 0;
}

.Delete_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}

.Delete_info .warning {
    /* Body/Large */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    /* or 150% */
    text-align: center;
    letter-spacing: 0.5px;
    /* Content/text-main */
    color: var(--text-main);
    display: flex;
    flex-direction: column;
}

/****************************************************************************************************************/
/***********************************************************************CMS - EXTRA*************************************************************************/
/****************************************************************************************************************/
.can_toggle {
    position: relative;
}

.can_toggle::after {
    content:"";
    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="M19.7799 8.46993C19.4799 8.16993 19.0099 8.16993 18.7199 8.46993L11.9999 15.1899L5.27988 8.46993C5.21122 8.39624 5.12842 8.33714 5.03642 8.29615C4.94442 8.25515 4.84511 8.23311 4.7444 8.23134C4.6437 8.22956 4.54367 8.24808 4.45029 8.2858C4.3569 8.32353 4.27206 8.37967 4.20084 8.45089C4.12963 8.52211 4.07348 8.60694 4.03576 8.70033C3.99804 8.79372 3.97951 8.89375 3.98129 8.99445C3.98307 9.09515 4.00511 9.19447 4.0461 9.28647C4.08709 9.37847 4.1462 9.46127 4.21988 9.52993L11.4699 16.7799C11.6105 16.9204 11.8011 16.9993 11.9999 16.9993C12.1986 16.9993 12.3893 16.9204 12.5299 16.7799L19.7799 9.52993C20.0799 9.22993 20.0799 8.75993 19.7799 8.46993Z" fill="%230A0D14"/></svg>');
    display: block;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right: 0
}

.table-relative {
    position: relative;
}

.modal-footer > * {
    margin: 0;
}

.table-relative > button,
.table-relative > a,
.table-relative > .group-button {
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 1;
}

table-relative > .group-button button {
    position: static
}

.dataTables_filter label {
    margin-bottom: 0;
}

.dataTables_filter input {
    background: #FFFFFF;
    border: 1px solid #E2E4E9;
    border-radius: 8px;
    padding: 7px 40px 7px 12px;
    margin-bottom: 16px;
    min-width: 300px;
    /* 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);
    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.0001 2.75C11.3704 2.74968 12.7127 3.13769 13.8714 3.86906C15.0302 4.60044 15.958 5.64523 16.5472 6.88234C17.1365 8.11945 17.3631 9.49822 17.2008 10.8588C17.0384 12.2195 16.4938 13.5062 15.6301 14.57L20.5301 19.47C20.6633 19.6043 20.7408 19.784 20.7471 19.9731C20.7534 20.1621 20.6881 20.3466 20.5641 20.4895C20.4402 20.6324 20.2668 20.7232 20.0788 20.7437C19.8907 20.7642 19.7019 20.7128 19.5501 20.6L19.4701 20.53L14.5701 15.63C13.669 16.3611 12.6056 16.8652 11.4692 17.1C10.3329 17.3348 9.15675 17.2934 8.0397 16.9793C6.92266 16.6652 5.89732 16.0876 5.04985 15.295C4.20239 14.5024 3.55756 13.5179 3.16954 12.4243C2.78153 11.3307 2.66167 10.16 2.82004 9.01051C2.97841 7.861 3.41038 6.7663 4.07965 5.81839C4.74892 4.87048 5.63593 4.09706 6.66616 3.56313C7.69638 3.02919 8.83972 2.75034 10.0001 2.75ZM10.0001 4.25C9.24499 4.25 8.49728 4.39873 7.79966 4.68769C7.10203 4.97666 6.46816 5.4002 5.93422 5.93414C5.40029 6.46807 4.97674 7.10195 4.68778 7.79957C4.39881 8.49719 4.25009 9.2449 4.25009 10C4.25009 10.7551 4.39881 11.5028 4.68778 12.2004C4.97674 12.8981 5.40029 13.5319 5.93422 14.0659C6.46816 14.5998 7.10203 15.0233 7.79966 15.3123C8.49728 15.6013 9.24499 15.75 10.0001 15.75C11.5251 15.75 12.9876 15.1442 14.0659 14.0659C15.1443 12.9875 15.7501 11.525 15.7501 10C15.7501 8.47501 15.1443 7.01247 14.0659 5.93414C12.9876 4.8558 11.5251 4.25 10.0001 4.25Z" fill="%230A0D14"/></svg>');
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 50%;
    outline: none;
}

.name-text {
    font-weight: 500 !important;
    /* cursor: pointer; */
}

.top_back_btn {
    position: absolute;
    top: -49px;
    right: 0;
}
/****************************************************************************************************************/
/***********************************************************************CMS - SPECIAL ICON TABLE*************************************************************************/
/****************************************************************************************************************/

table thead tr th.Check_Icon input {
    display: none;
}

table thead tr th.Check_Icon::before {
    content: "Sử dụng";
    display: block;
}

table tbody tr td.Check_Icon input[type="checkbox"] {
    cursor: pointer;
}


table tbody tr td.Check_Icon input[type="checkbox"]::before {
    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.40021 4.54991L4.47021 4.46991C4.5978 4.34229 4.76714 4.26496 4.94715 4.2521C5.12716 4.23924 5.30577 4.29172 5.45021 4.39991L5.53021 4.46991L12.0002 10.9399L18.4702 4.46991C18.5389 4.39622 18.6217 4.33712 18.7137 4.29613C18.8057 4.25514 18.905 4.23309 19.0057 4.23132C19.1064 4.22954 19.2064 4.24807 19.2998 4.28579C19.3932 4.32351 19.478 4.37965 19.5492 4.45087C19.6205 4.52209 19.6766 4.60692 19.7143 4.70031C19.7521 4.7937 19.7706 4.89373 19.7688 4.99443C19.767 5.09513 19.745 5.19445 19.704 5.28645C19.663 5.37845 19.6039 5.46125 19.5302 5.52991L13.0602 11.9999L19.5302 18.4699C19.8002 18.7399 19.8302 19.1499 19.6002 19.4499L19.5302 19.5299C19.4026 19.6575 19.2333 19.7349 19.0533 19.7477C18.8733 19.7606 18.6946 19.7081 18.5502 19.5999L18.4702 19.5299L12.0002 13.0599L5.53021 19.5299C5.38803 19.6624 5.19999 19.7345 5.00568 19.7311C4.81138 19.7277 4.626 19.6489 4.48858 19.5115C4.35117 19.3741 4.27246 19.1887 4.26903 18.9944C4.2656 18.8001 4.33773 18.6121 4.47021 18.4699L10.9402 11.9999L4.47021 5.52991C4.34259 5.40231 4.26525 5.23298 4.2524 5.05297C4.23954 4.87296 4.29202 4.69435 4.40021 4.54991Z" fill="%23DF1C41"></path></svg>');
}

table tbody tr td.Check_Icon input[type="checkbox"]:checked::before {
    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="%2338C793"></path></svg> ');
}