/*Header*/
[data-bs-theme=light] .app-header .menu-separator {
    background: var(--bs-gray-400);
}

.app-header .menu-separator {
    width: 1px;
    height: 20px;
    border-radius: 8px 8px 0 0;
}
input::placeholder {
    font-size: 11px; 
    font-weight: 300; 
}
textarea::placeholder {
    font-size: 11px;
    font-weight: 300;
}
/*Select2*/
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    margin-left: .25rem !important;
    font-weight: 600 !important;
}

.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm .select2-search__field {
    height: 19px !important;
}

.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field {
    margin-left: .25rem !important;
}
/*InputGroup*/
.input-group-select {
    border-radius: 0 .425rem .425rem 0 !important;
}

/*tree theme color */

/*.jstree-default .jstree-clicked {
    background-color: #656869;
}*/
.jqx-grid-cell.no-hover-bg:hover,
.jqx-grid-cell.no-hover-bg.jqx-fill-state-hover,
.jqx-grid-cell.no-hover-bg.jqx-fill-state-focus,
.jqx-grid-cell.no-hover-bg.jqx-fill-state-pressed,
.jqx-grid-cell.no-hover-bg.jqx-fill-state-selected {
    background-color: inherit !important;
    box-shadow: none !important;
    outline: none !important;
    color: inherit !important;
    border-color: var(--jqx-border) !important;
}
.jqx-widget-light .jqx-grid-column-header-light {
    color: var(--bs-gray-700) !important;
    font-weight: 300 !important;
}
.jqx-button-light, .jqx-button-light.jqx-fill-state-normal-light {
    text-transform: unset !important;
}
.jqx-tree-light .jqx-checkbox-light .jqx-checkbox-default-light,
.jqx-checkbox-light[checked] .jqx-checkbox-default-light,
.jqx-tree-grid-checkbox[checked].jqx-checkbox-default-light, .jqx-radiobutton-light[checked] .jqx-radiobutton-default-light {
    background-color: var(--bs-dark) !important;
    border-color: var(--bs-dark) !important;
}

.jqx-grid-column-header .form-check-input:checked {
    background-color: var(--bs-gray-100) !important;
    border-color: var(--bs-dark) !important;
    width: 18px;
    height: 18px;
}

.jqx-grid-cell-selected, .jqx-grid-cell-selected-hover {
    background-color: var(--jqx-background-color) !important;
    color: var(--bs-gray-100) !important;
}
/*.jqx-grid-cell-selected div {
    color: var(--bs-gray-900) !important;
}*/
.jqx-grid-cell-selected div .jqx-checkbox-check-checked {
    color: var(--bs-gray-100) !important;
}

.jqx-grid-cell-selected-light {
    border-color: unset !important;
}

.jqx-grid-cell-selected-dark {
    border-color: unset !important;
}
.jqx-checkbox-hover-light {
    background-color: #252F4A !important;
    border-color: #252F4A !important;
}

.jqx-grid-cell-selected-light {
    background: rgb(188 189 190 / 60%) !important
}

.jqx-grid-cell-selected-dark {
    color: var(--bs-gray-200) !important;
}
.jqx-tree-dark .jqx-checkbox-dark .jqx-checkbox-default-dark, .jqx-checkbox-dark[checked] .jqx-checkbox-default-dark, .jqx-tree-grid-checkbox[checked].jqx-checkbox-default-dark, .jqx-radiobutton-dark[checked] .jqx-radiobutton-default-dark {
    color: var(--jqx-primary-color);
    background-color: var(--bs-gray-900);
    border-color: var(--bs-gray-700);
}

.jqx-calendar-cell-light.jqx-fill-state-pressed-light:after {
    border: 0px solid var(--jqx-background);
}

.jqx-primary-light.jqx-action-button-light {
    background-color: var(--bs-gray-900) !important;
    border-color: var(--bs-gray-700) !important;
}
.jqx-primary .jqx-icon-arrow-up {
    content: '\ef6c' !important;
    background-image: unset !important;
}
.jqx-primary .jqx-icon-arrow-down {
    content: '\eba0' !important;
    background-image: unset !important;
}
.swal2-popup .swal2-title {
    font-weight: 400;
    font-size: 1.1rem;
}
.w-60{
    width: 60% !important;
}
.w-65 {
    width: 65% !important;
}
.w-80 {
    width: 80% !important;
}
.w-85 {
    width: 85% !important;
}
.w-30 {
    width: 30% !important;
}
.w-35 {
    width: 35% !important;
}

#kt_docs_jstree_basic {
    min-height: 650px; /* 기본 최소 높이 */
}

@media (max-width: 1400px) {
    #kt_docs_jstree_basic {
        min-height: 300px !important; /* 패드 화면에서는 최소 높이 300px */
    }
}

@media (max-width: 1024px) {
    #kt_docs_jstree_basic {
        min-height: 300px !important; /* 패드 화면에서는 최소 높이 300px */
    }
}

@media (max-width: 768px) {
    #kt_docs_jstree_basic {
        min-height: 300px !important; /* 작은 화면에서는 최소 높이 300px */
    }
}