:root {
    --bs-body-font-family: "Noto Sans Thai", sans-serif !important;
    --bs-primary: #447FEC !important;
    --bs-primary-rgb: 33, 88, 189 !important;
    --bs-primary-light: #53B6E7 !important;
    --bs-secondary: #0054A4 !important;
    --bs-secondary-dark: #061F48 !important;
    --bs-yellow: #FFD600 !important;
    --bs-green: #00AC26 !important;
    --bs-red: #FF0000 !important;
    --bs-blue: #447FEC !important;
    --bs-blue-pastel: #24A6FF !important;
    --bs-breadcrumb-divider: '>';
    --bs-breadcrumb-divider-color: #1e2022 !important;
}

.btn {
    --bs-btn-font-weight: 500 !important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0054a4 !important;
    --bs-btn-border-color: #0054a4 !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00478b !important;
    --bs-btn-hover-border-color: #003a71 !important;
    --bs-btn-focus-shadow-rgb: 85,145,255 !important;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #003a71 !important;
    --bs-btn-active-border-color: #295ebf !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0054a4 !important;
    --bs-btn-disabled-border-color: #0054a4 !important;
}

.btn-outline-primary {
    --bs-btn-color: #0054a4 !important;
    --bs-btn-border-color: #0054a4 !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0054a4 !important;
    --bs-btn-hover-border-color: #0054a4 !important;
    --bs-btn-focus-shadow-rgb: 55,125,255 !important;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0054a4 !important;
    --bs-btn-active-border-color: #0054a4 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0054a4 !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0054a4 !important;
    --bs-gradient: none;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #447fec !important;
    --bs-btn-border-color: #447fec !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2d6fea !important;
    --bs-btn-hover-border-color: #2d6fea !important;
    --bs-btn-focus-shadow-rgb: 68,127,236 !important;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2d6fea !important;
    --bs-btn-active-border-color: #556576;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #447fec !important;
    --bs-btn-disabled-border-color: #447fec !important;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff6d6d !important;
    --bs-btn-border-color: #ff6d6d !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff5454 !important;
    --bs-btn-hover-border-color: #ff5454 !important;
    --bs-btn-focus-shadow-rgb: 255,109,109 !important;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff5454 !important;
    --bs-btn-active-border-color: #ff5454 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff6d6d !important;
    --bs-btn-disabled-border-color: #ff6d6d !important;
}

.btn-outline-danger {
    --bs-btn-color: #ff6d6d !important;
    --bs-btn-border-color: #ff6d6d !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff6d6d !important;
    --bs-btn-hover-border-color: #ff6d6d !important;
    --bs-btn-focus-shadow-rgb: 237,76,120 !important;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff6d6d !important;
    --bs-btn-active-border-color: #ff6d6d !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ff6d6d !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ff6d6d !important;
    --bs-gradient: none;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #53B6E7 !important;
    --bs-btn-border-color: #53B6E7 !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #53b1e7 !important;
    --bs-btn-hover-border-color: #53b1e7 !important;
    --bs-btn-focus-shadow-rgb: 83, 201, 231;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #53b1e7 !important;
    --bs-btn-active-border-color: #53b1e7 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #53B6E7 !important;
    --bs-btn-disabled-border-color: #53B6E7 !important;
}

.btn-outline-info {
    --bs-btn-color: #53B6E7 !important;
    --bs-btn-bg: #fff !important;
    --bs-btn-border-color: #53B6E7 !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #53B6E7 !important;
    --bs-btn-hover-border-color: #53B6E7 !important;
    --bs-btn-focus-shadow-rgb: 9,165,190;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #53B6E7 !important;
    --bs-btn-active-border-color: #53B6E7 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #53B6E7 !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #53B6E7 !important;
    --bs-gradient: none;
}

.btn-warning {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #FFC700 !important;
    --bs-btn-border-color: #FFC700 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #ffca2c !important;
    --bs-btn-hover-border-color: #ffc720 !important;
    --bs-btn-focus-shadow-rgb: 208, 172, 130 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #FFC700 !important;
    --bs-btn-active-border-color: #FFC700 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #FFC700 !important;
    --bs-btn-disabled-border-color: #FFC700 !important;
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: rgba(231, 234, 243, 0.7);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: #f9fafc;
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: #f1f7ff !important;
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-color: #677788;
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 0;
    --bs-pagination-border-color: #e7eaf3;
    --bs-pagination-border-radius: 0.3125rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #E4E4E4;
    --bs-pagination-hover-border-color: #e7eaf3;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #E4E4E4;
    --bs-pagination-focus-box-shadow: 0 0 1rem 0 rgba(140, 152, 164, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0054a4 !important;
    --bs-pagination-active-border-color: #0054a4 !important;
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 1rem;
    --bs-toast-padding-y: 1rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px !important;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-border-width: 0.0625rem;
    --bs-toast-border-color: rgba(231, 234, 243, 0.7);
    --bs-toast-border-radius: 0.75rem;
    --bs-toast-box-shadow: 0rem 0.375rem 0.75rem rgba(140, 152, 164, 0.075);
}

.toast {
    background-color: #f0faff !important;
    padding: 0.5rem 1rem !important;
    border-radius: 0.25rem !important;
    margin-bottom: 1rem !important;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.14) !important;
}

    .toast.toast-info {
        background-color: #f0faff !important;
    }

        .toast.toast-info .toast-body i {
            color: #447fec !important;
        }

        .toast.toast-info .btn-toast-close i {
            color: #447fec !important;
        }

    .toast.toast-danger {
        background-color: #ffeded !important;
    }

        .toast.toast-danger .toast-body i {
            color: #ff6d6d !important;
        }

        .toast.toast-danger .btn-toast-close i {
            color: #ff6d6d !important;
        }

    .toast.toast-success {
        background-color: #f6fff8 !important;
    }

        .toast.toast-success .toast-body i {
            color: #00ac26 !important;
        }

        .toast.toast-success .btn-toast-close i {
            color: #00ac26 !important;
        }

    .toast.toast-warning {
        background-color: #fffbee !important;
    }

        .toast.toast-warning .toast-body i {
            color: #ffc107 !important;
        }

        .toast.toast-warning .btn-toast-close i {
            color: #ffc107 !important;
        }


.nav-pills .nav-link.active {
    color: #447EEC !important;
    background-color: #F0F9FF !important;
}

.navbar.navbar-container {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.navbar-vertical-aside .navbar-brand-logo-mini {
    width: 2.8rem !important;
    margin-bottom: 4px;
    margin-left: -2px;
}

.navbar-brand-logo {
    min-width: 9rem !important;
    max-width: 9rem !important;
}

@media (min-width: 768px) {
    .navbar-vertical-aside .navbar-aside-toggler {
        left: 1.2rem !important;
        right: unset !important;
    }

    .navbar-brand-logo {
        min-width: 10rem !important;
        max-width: 10rem !important;
    }
}

.navbar-vertical-aside .navbar-aside-toggler {
    left: unset !important;
    right: 1.2rem !important;
}

.navbar-aside-toggler {
    background-color: #E3E6E9 !important;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside {
    width: 5.25rem !important;
}

.aside-tooltip {
    display: none !important;
}

.navbar-vertical-aside-mini-mode .aside-tooltip {
    display: block !important;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside .nav-link {
    justify-content: center;
    text-align: center;
}

    .navbar-vertical-aside-mini-mode .navbar-vertical-aside .nav-link .nav-icon {
        display: block;
        flex: 0 0;
    }

.navbar-vertical-aside .nav-icon {
    display: flex;
    justify-content: start;
    align-items: center;
    opacity: 1;
}

    .navbar-vertical-aside .nav-icon.icon {
        height: unset;
        width: unset;
    }

.navbar-vertical-aside .nav-pills {
    --bs-nav-pills-border-radius: 2rem !important;
    --bs-nav-pills-link-active-color: #2B2B2B !important;
    --bs-nav-pills-link-active-bg: #D4E3FC !important;
}

.navbar-vertical-aside .nav-vertical.nav-pills .nav-item .nav-link {
    color: #8E8B8B;
}

    .navbar-vertical-aside .nav-vertical.nav-pills .nav-item .nav-link.active {
        color: #2B2B2B;
        font-weight: 700 !important;
        background-color: var(--bs-nav-pills-link-active-bg) !important;
    }

body:not(.navbar-vertical-aside-mini-mode) .nav-vertical.nav-pills .nav-item .nav-link.active {
    margin-left: 0 !important;
    padding-left: calc(1.25rem + .875rem) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.nav-vertical.nav-pills .nav-item .nav-link,
.nav-vertical.nav-pills .nav-item.welcome-display {
    margin-left: 1.25rem !important;
}

.nav-vertical.nav-pills .nav-link.active .nav-icon {
    color: #2B2B2B;
    font-weight: 700 !important;
}

.nav-vertical.nav-pills .nav-link.active {
    transition: all 150ms ease;
}

.nav-vertical.nav-pills .nav-link:hover {
    background-color: var(--bs-nav-pills-link-active-bg) !important;
}

.navbar-vertical-aside-mini-mode .welcome-display {
    display: none !important;
}

.navbar-vertical-aside-mini-mode .nav-pills {
    padding-top: 1.5rem !important;
}

.bg-danger {
    background-color: #FF6D6D !important;
}

.bg-aot-intranet {
    background-color: #f7f9fc !important;
}

.aot-rouded {
    border-radius: 1rem !important;
}

.card {
    /*--bs-card-border-radius: 2rem !important;*/
}

.content-card {
    border-radius: 2rem !important;
}

.search-input-group {
    border-radius: 4rem !important;
}

    .search-input-group input:not([type='checkbox']) {
        background-color: #EAF1FF !important;
    }

    .search-input-group .input-group-append {
        padding-right: 0.2rem;
    }

        .search-input-group .input-group-append .btn-icon {
            background-color: #fff;
            border: none !important;
            height: 2.1rem;
            width: 2.1rem;
        }

#clearSearchResultsIcon {
    margin-right: 0.5rem;
}

.navbar-input-group {
    min-width: 100% !important;
}

@media (min-width: 576px) {
}

@media (min-width: 992px) {


    .navbar-expand-lg .navbar-nav-wrap .navbar-aside-toggler {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .navbar-vertical-aside-show-xl .navbar:not(.navbar-vertical-aside) .navbar-brand {
        display: block !important;
    }

    .navbar-vertical-aside-show-xl .navbar:not(.navbar-vertical) {
        margin-left: 0 !important;
    }

    .navbar-vertical-aside.navbar-vertical {
        margin-top: 3.875rem !important;
    }

    .navbar-input-group {
        min-width: 21rem !important;
    }
}

@media (min-width: 1400px) {
    .navbar-input-group {
        min-width: 38rem !important;
    }
}

.btn-dialog {
    min-width: 6rem;
}

.we-dlg-icon {
    border: none !important;
}

    .we-dlg-icon .swal2-icon-content {
        font-size: 5em;
    }

.book-shadow {
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.40);
}

.btn-rounded, .input-rounded, .page-link-rounded {
    border-radius: 0.75rem !important;
}

.we-table .sorting::after,
.we-table .sorting_asc::after,
.we-table .sorting_desc::after {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    width: .7rem;
    height: .7rem;
    background-image: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23dde1ee'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23dde1ee'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: .7rem .7rem;
    content: "";
    margin-left: .5rem;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
}

.we-table .sorting, .we-table .sorting_asc, .we-table .sorting_desc {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    user-select: none;
}

    .we-table .sorting_asc::after {
        background-image: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23377dff'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23dde1ee'/%3E%3C/svg%3E%0A");
        content: "";
    }

    .we-table .sorting_desc::after {
        background-image: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23dde1ee'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23377dff'/%3E%3C/svg%3E%0A");
        content: "";
    }

.breadcrumb .breadcrumb-item a {
    color: #1e2022 !important;
}

.breadcrumb .breadcrumb-item.active {
    color: #0054a4 !important;
}

.preload-page {
    position: absolute;
    z-index: 80;
    overflow: hidden;
    width: 100%;
    left: 0;
    top: 0;
}

    .preload-page .preload-page-inner {
        height: 100vh;
    }

.preload-container {
    position: absolute;
    z-index: 80;
    overflow: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

    .preload-container .preload-page-inner {
        height: 100%;
    }

.flatpickr-calendar .flatpickr-day.today:not(.selected) {
    color: #377dff !important;
    border: 1px solid #377dff !important;
    background-color: transparent !important;
}

.progress-bar {
    border-radius: var(--bs-progress-border-radius) !important;
}

.icon[class*="tpbs-icon-"], .icon[class*="intra-icon-"] {
    width: unset !important;
    height: unset !important;
}

.form-group label.require::after,
.col-form-label.require::after {
    content: " *";
    color: #ee1010;
}

.flatpickr-calendar .flatpickr-next-month,
.flatpickr-calendar .flatpickr-prev-month {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flatpickr-calendar .numInputWrapper span.arrowDown,
.flatpickr-calendar .numInputWrapper span.arrowUp {
    display: block !important;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    color: rgba(57, 57, 57, 0.1) !important;
}

.tom-select-custom .ts-dropdown .option.selected {
    background-color: rgba(var(--bs-primary-rgb), 0.25);
    color: #1e2022;
}

    .tom-select-custom .ts-dropdown .option.selected:hover {
        background-color: rgba(var(--bs-primary-rgb), 0.4);
        color: #1e2022;
    }

    .tom-select-custom .ts-dropdown .option.selected::after {
        display: none !important;
    }

.tom-select-custom.tom-select-no-search .dropdown-input-wrap {
    display: none;
}

.tom-select-custom .dropdown-input-wrap:not(:has(input)) {
    display: none;
}


.tom-select-custom.tom-select-no-search .plugin-dropdown_input .dropdown-input-wrap {
    display: none;
}

.tom-select-custom.we-tom-select .ts-custom-placeholder, .tom-select-custom .ts-selected-count {
    color: #B7B7B7 !important;
    opacity: 1 !important;
}

.disabled .ts-control {
    color: #B7B7B7 !important;
    background-color: #E4E4E4 !important;
    opacity: 1 !important;
}

.select2-container--bootstrap-5 .select2-selection {
    border: .0625rem solid rgba(231,234,243,.7) !important;
    border-radius: 0.75rem !important;
    padding: .6125rem 1rem !important;
    font-size: .875rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #1e2022 !important;
}

    .select2-container--bootstrap-5 .select2-selection::-moz-placeholder {
        color: #B7B7B7 !important;
        opacity: 1 !important;
    }

    .select2-container--bootstrap-5 .select2-selection:-ms-input-placeholder {
        color: #B7B7B7 !important;
        opacity: 1 !important;
    }

    .select2-container--bootstrap-5 .select2-selection::-ms-input-placeholder {
        color: #B7B7B7 !important;
        opacity: 1 !important;
    }

    .select2-container--bootstrap-5 .select2-selection::placeholder {
        color: #B7B7B7 !important;
        opacity: 1 !important;
    }

    .select2-container--bootstrap-5 .select2-selection:disabled {
        background-color: #E4E4E4 !important;
        opacity: 1 !important;
    }

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    color: #1e2022 !important;
    background-color: #fff !important;
    border-color: rgba(140,152,164,.25) !important;
    outline: 0 !important;
    box-shadow: 0 0 1rem 0 rgba(140,152,164,.25) !important;
}

.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top-color: transparent !important;
}

.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-color: transparent !important;
}

.input-group.is-invalid {
    border-color: #ed4c78 !important;
}

.is-invalid + .select2-container--bootstrap-5 .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5 .select2-selection {
    border-color: #ed4c78 !important;
}

.select2-container--bootstrap-5.select2-container--open .select2-dropdown.select2-dropdown--above {
    border-color: rgba(140,152,164,.25) !important;
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
}

.select2-container--bootstrap-5.select2-container--open .select2-dropdown.select2-dropdown--below {
    border-color: rgba(140,152,164,.25) !important;
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
}

.select2-container--bootstrap-5.select2-container--open .select2-dropdown .select2-results__option {
    font-size: .875rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #1e2022 !important;
    padding: .6125rem 1rem !important;
}

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

.text-secondary {
    color: var(--bs-secondary) !important;
}

.text-secondary-dark {
    color: var(--bs-secondary-dark) !important;
}

.text-success {
    color: #00AC26 !important;
}

.text-warn {
    color: #FFA904 !important;
}

.text-danger {
    color: #FF6D6D !important;
}

.text-default {
    color: #6c757d !important;
}

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

.text-light-blue {
    color: #467E9F !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

/* #region Button State */
.btn-multiple-state {
    position: relative;
    transition: opacity 500ms;
}

    .btn-multiple-state .spinner,
    .btn-multiple-state .state-icon {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        opacity: 0;
        visibility: hidden;
        top: 50%;
        transform: translateY(-50%);
        transition: opacity 500ms;
        color: #fff;
    }

        .btn-multiple-state .state-icon i {
            vertical-align: text-bottom;
            font-size: 18px;
        }

    .btn-multiple-state .label {
        transition: opacity 500ms;
    }

    .btn-multiple-state.show-spinner .label {
        opacity: 0;
    }

    .btn-multiple-state.show-spinner .spinner {
        opacity: 1;
        visibility: visible;
    }

    .btn-multiple-state.show-success .label {
        opacity: 0;
    }

    .btn-multiple-state.show-success .state-icon.success {
        opacity: 1;
        visibility: visible;
    }

    .btn-multiple-state.show-fail .label {
        opacity: 0;
    }

    .btn-multiple-state.show-fail .state-icon.fail {
        opacity: 1;
        visibility: visible;
    }

    .btn-multiple-state.btn-primary:disabled {
        opacity: 1;
    }
/* #endregion Button State */

/* #region Spinner */
.spinner {
    width: 36px;
    text-align: center;
}

    .spinner > div {
        width: 6px;
        height: 6px;
        background-color: #fff;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.2s infinite ease-in-out both;
        animation: sk-bouncedelay 1.2s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/* #endregion Spinner */

.form-control:disabled::placeholder, .form-control:disabled {
    color: #B7B7B7 !important;
    background-color: #E4E4E4 !important;
    opacity: 1 !important;
}

.flatpickr-calendar .flatpickr-month .numInputWrapper span.arrowDown,
.flatpickr-calendar .flatpickr-month .numInputWrapper span.arrowUp {
    display: none !important;
}

.flatpickr-input:disabled::placeholder {
    color: #B7B7B7 !important;
    background-color: #E4E4E4 !important;
    opacity: 1 !important;
    cursor: default;
}

.flatpickr-input:disabled {
    color: #B7B7B7 !important;
    background-color: #E4E4E4 !important;
    opacity: 1 !important;
    cursor: default;
}

    .flatpickr-input:disabled ~ div .flatpickr-clear-btn {
        display: none;
    }
.dropdown-toggle::after {
    border-top: none;
}


.card-user {
    background-color: #f7f9fc !important;
}

.btn-edit-action {
    min-width: 6.5rem;
}


.tree {
    padding: 0px;
    list-style-type: none;
}

    .tree .tree-item {
        padding: 5px;
        position: relative;
    }

        .tree .tree-item label {
            margin: 0px;
        }

            .tree .tree-item label.icon {
                position: absolute;
                left: 0px;
                padding-bottom: 20px;
            }

            .tree .tree-item label.detail {
                position: relative;
                margin-left: 40px;
            }

        .tree .tree-item i.icon {
            color: var(--bs-primary);
            position: absolute;
            left: -25px;
        }

        .tree .tree-item .tree-name {
            position: relative;
        }

        .tree .tree-item .item.active .tree-name, .tree .tree-item .item.active {
            color: var(--bs-primary);
        }

        .tree .tree-item *:hover {
            cursor: pointer;
        }

    .tree.children {
        padding-left: 15px;
    }