/* Minification failed. Returning unminified contents.
(157,35): run-time error CSS1039: Token not allowed after unary operator: '-ct-border-color'
(216,32): run-time error CSS1034: Expected closing parenthesis, found 'rem'
(216,32): run-time error CSS1042: Expected function, found 'rem'
(216,37): run-time error CSS1019: Unexpected token, found ' '
(216,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(302,27): run-time error CSS1046: Expect comma, found '47'
(302,32): run-time error CSS1046: Expect comma, found ')'
(385,29): run-time error CSS1046: Expect comma, found '0'
(385,33): run-time error CSS1046: Expect comma, found '/'
 */


.bg-filter {
    background-color: #F3F8E6;
}

    .bg-filter.card .card-header {
        background-color: #F3F8E6;
        border-bottom: 1px solid #d4d5cf;
    }


.multiselect .multiselect__element input[type='checkbox'] {
    background-size: 60% 60%;
    background-color: #EFF2F5;
    border: 0 !important;
    margin: 0;
    float: none;
    flex-shrink: 0;
    cursor: pointer;
    appearance: none;
    border-radius: 0.45em;
    transition: none;
    width: 1.75rem;
    height: 1.75rem;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0.45em;
    border: 1px solid #628d00 !important;
}

    .multiselect .multiselect__element input[type='checkbox']:checked {
        background-color: #84BD00;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e") !important;
    }

/*.select2-selection__clear {
    color: #6D6F71 !important;
    background-image: none !important;
}

select2-selection__rendered {
    color: #6D6F71 !important;
}*/

.select2.select2-container.select2-container--disabled .selection .select2-selection {
    background-color: #EFF2F5 !important;
}

.select2-container .selection .select2-selection {
    font-size: 1.1rem !important;
    height: 46px;
}

.select2-results__option.select2-results__option--selectable {
    color: #3e3e3e !important;
    font-size: 1.1rem;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    color: white !important;
    font-size: 1.1rem;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    color: white !important;
    font-size: 1.1rem;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    top: 50%;
    left: 0;
    height: 1.35rem;
    width: 1.35rem;
    line-height: 1.5;
    margin-top: -0.675rem;
    margin-right: 0.675rem;
    display: inline-block;
    position: relative;
    font-size: 0.9rem;
    border: 0;
    box-shadow: none;
    text-align: center;
    text-indent: 0 !important;
    content: "+";
    color: #6D6F71;
    /*font-family: "sarabun", "Poppins", Tahoma, "sans-serif";*/
    background-color: #E4E6EF;
    border-radius: 0.475rem;
}


/*========== Begin ComboTree ==========*/

.comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover {
    background-color: #84BD00 !important;
}

    .comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover input[type='checkbox'] {
        border: 1px solid #628d00 !important;
    }

.comboTreeInputBox:focus {
    border: 1px solid #84BD00 !important;
    outline-width: 0;
}

.comboTreeArrowBtn {
    border: none !important;
    background: none !important;
}

.comboTreeArrowBtnImg {
    margin-top: 4px !important;
    margin-right: 8px !important;
    font-size: 1.25rem;
}

/*
.comboTreeWrapper ul li {
    padding: 0.5rem 0.5rem 0.6rem 1.5rem;
}*/

.comboTreeWrapper input[type='checkbox'] {
    background-size: 60% 60%;
    background-color: #EFF2F5;
    border: 1px solid #a0a0a0 !important;
    margin: 0;
    float: none;
    flex-shrink: 0;
    cursor: pointer;
    appearance: none;
    border-radius: 0.45em;
    transition: none;
    width: 1.75rem;
    height: 1.75rem;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0.45em;
    margin-bottom: 0.3rem !important;
}

    .comboTreeWrapper input[type='checkbox']:checked {
        background-color: #84BD00;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e") !important;
    }

.multiplesFilter {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--ct-border-color);
    border: 1px solid #84BD00 !important;
    border-collapse: collapse !important;
    box-shadow: none;
    outline-width: 0;
}

.comboTreeInputBox {
    height: 46px;
}

/*========== End ComboTree ==========*/



a .menu-item-link, a i {
    color: #d5d5d5;
    font-weight: 500;
}

    a .menu-item-link:hover {
        color: #48A23F !important;
    }


.menu-item:hover i, .menu-item:hover .menu-item-link {
    color: #48A23F !important;
}


.menu-title-dark .menu-item .menu-link .menu-title:hover {
    color: #84BD00 !important;
}

.menu-item.here:hover i, .menu-item.here:hover .menu-item-link {
    color: white !important;
}

.aside-menu .menu .menu-item.here {
    background: linear-gradient(90deg, #3AA537 0%, #91BD27 100%);
}

    .aside-menu .menu .menu-item.here .menu-sub .menu-icon i {
        color: #48A23F !important;
    }

.separator {
    border-bottom: 1px solid #84BD00 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.btn-leaf {
    background: linear-gradient(180deg, #91BD27 0%, #3AA537 100%);
    color: #fff;
    border-radius: 12px 0 12px 0 !important;
    border: 1px solid #48A23F !important;
    font-weight: bold;
    height: calc(1.5em + 1.5rem + 2px);
    width: calc(1.5em + 1.5rem rem + 2px);
}

.table td {
    vertical-align: middle !important;
}

.table thead td, .table thead th {
    /*    color: #212529 !important;
*/ font-size: 15px !important;
}

.table tbody td, .table tbody th {
    /*    color: #212529 !important;
*/
}
/*========== Begin Select Option ==========*/
/*select:focus > option:checked {
    background-color: #84BD00 !important;
}

option:hover {
    background-color: #84BD00 !important;
    color: red !important;
}*/
/*========== End Select Option ==========*/
#kt_content #toastr-container {
    top: 80px;
    right: 20px;
}

#kt_header_user_menu_toggle .symbol {
    border-radius: 50%;
    overflow: hidden;
}

#kt_header_user_menu_toggle .user-menu-row {
    margin-left: 12px;
    font-weight: 500;
}

#kt_header_user_menu_toggle .user-menu-name {
    font-size: 18px;
    color: #212529;
}

#kt_header_user_menu_toggle .user-menu-email {
    font-size: 14px;
    color: #888B8D !important;
}

#kt_activities_toggle, #kt_activities_close {
    box-shadow: none !important;
}

    #kt_activities_toggle .activity-icon {
        font-size: 24px !important;
    }

    #kt_activities_toggle .badge {
        top: 25% !important;
        left: 85% !important;
        font-size: 0.75rem;
    }

@media (max-width: 991px) {
    .user-menu-row {
        display: none;
    }
}


.multiselect__option--highlight {
    background: #84BD00 !important;
}

.fv-plugins-bootstrap5-row-invalid .select2-selection {
    border-color: rgb(185, 74, 72) !important;
}

.fv-plugins-bootstrap5-row-invalid .ck-editor__editable {
    border-color: rgb(185, 74, 72) !important;
}

.has-error {
    /*border-color: rgb(185, 74, 72) !important;*/
    border-color: rgb(221 47 44) !important;
}

.fv-plugins-message-container {
    display: none !important;
}

.glider-next {
    right: 8px !important;
    top: 50% !important;
    height: 20px !important;
    width: 29px !important;
}

.glider-prev {
    left: 8px !important;
    top: 50% !important;
    height: 20px !important;
    width: 29px !important;
}

.input-group.input-group-solid .form-control:disabled, .input-group.input-group-solid .form-control[readonly] {
    background-color: #EFF2F5;
    opacity: 1;
}

.input-group.input-group-solid .form-control.flatpickr-input[readonly] {
    background-color: white;
}


ul::-webkit-scrollbar {
    width: 1.0rem;
    height: 0.4rem;
}

ul::-webkit-scrollbar-thumb {
    background-color: #C1C1C1 !important;
}

    ul::-webkit-scrollbar-thumb:hover {
        background-color: #A8A8A8 !important;
    }

.model-body::-webkit-scrollbar {
    width: 1.0rem;
    height: 0.4rem;
}

@media (min-width: 992px) {
    div::-webkit-scrollbar {
        width: 0.8rem;
        height: 0.4rem;
    }

    div::-webkit-scrollbar-thumb {
        background-color: #C1C1C1 !important;
    }

        div::-webkit-scrollbar-thumb:hover {
            background-color: #A8A8A8 !important;
        }
}

div::-webkit-scrollbar {
    width: 0.8rem;
    height: 0.4rem;
}

    /*div::-webkit-scrollbar:vertical {
        width: 12px;
    }*/

    div::-webkit-scrollbar:horizontal {
        height: 10px;
    }

.select2-results__group {
    font-size: 1.2rem !important;
}


.bg-loading {
    background-color: rgb(0 0 0 / 0.25) !important;
}

.cls-loading-msg {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


#notiManage label {
    font-size: 1.25rem;
}

#notiManage h5 {
    font-size: 1.25rem;
}

#notiManage #tableApproveUM thead td, #tableApproveUM thead th {
    font-size: 1.25rem !important;
}

#notiManage #tableApproveMA thead td, #tableApproveMA thead th {
    font-size: 1.25rem !important;
}

#notiManage div .badge {
    font-size: 1.25rem !important;
}

#notiManage button {
    font-size: 1.25rem;
}
.jstree-default-large .jstree-anchor {
    font-size: 20px !important
}