.select2-container--default .select2-selection--single {
    background-color: white;
    color: #2A3042;
    border: 1px solid #ccc;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #2A3042;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #2A3042;
}

/* Dark mode styles */
.dark-mode .select2-container--default .select2-selection--single {
    background-color: #2A3042;
    color: white;
    border: 1px solid #32394E;
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white;
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: white;
}

/* Dropdown styles */
.select2-container--default .select2-dropdown {
    background-color: white;
    border: 1px solid #ccc;
}

.select2-container--default .select2-results__option {
    background-color: white;
    color: #2A3042;
}

.select2-container--default .select2-results__option--highlighted {
    background-color: #f0f0f0;
    color: #2A3042;
}

/* Dark mode dropdown styles */
.dark-mode .select2-container--default .select2-dropdown {
    background-color: #2A3042;
    border: 1px solid #32394E;
}

.dark-mode .select2-container--default .select2-results__option {
    background-color: #2A3042;
    color: white;
}

.dark-mode .select2-container--default .select2-results__option--highlighted {
    background-color: #32394E;
    color: white;
}


div.dataTables_wrapper div.dataTables_processing {
    z-index: 1000;
}

table.dataTable {
    min-width: 100%;
    table-layout: fixed;
}

.max-length {
    z-index: 1; /* Atur nilai ini lebih rendah */
}

.swal2-container {
    z-index: 9999 !important; /* Atur nilai ini sesuai kebutuhan */
}
/* Professional sidebar ---------------------------------------------------- */
.vertical-menu { width:220px; border-right:1px solid rgba(255,255,255,.10); box-shadow:6px 0 22px rgba(15,23,42,.09); }
.main-content { margin-left:220px; }
.navbar-brand-box { width:220px; }
.sidebar-user { display:flex; align-items:center; gap:9px; margin:12px 10px 6px; padding:10px 9px; color:#fff; background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.07)); border:1px solid rgba(255,255,255,.14); border-radius:10px; backdrop-filter:blur(6px); }
.sidebar-user__avatar { width:36px; height:36px; flex:0 0 36px; object-fit:cover; border:2px solid rgba(255,255,255,.72); border-radius:50%; box-shadow:0 3px 10px rgba(15,23,42,.16); }
.sidebar-user__info { min-width:0; flex:1; line-height:1.25; }
.sidebar-user__info strong,.sidebar-user__info span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sidebar-user__info strong { font-size:13px; font-weight:600; letter-spacing:.01em; }
.sidebar-user__info span { margin-top:3px; color:rgba(255,255,255,.68); font-size:10px; }
.sidebar-user__meta { display:flex !important; align-items:center; gap:5px; }
.sidebar-user__status { width:6px; height:6px; flex:0 0 6px; background:#4ade80; border:1px solid rgba(255,255,255,.75); border-radius:50%; box-shadow:0 0 0 2px rgba(74,222,128,.13); }
.sidebar-user__profile { display:grid; width:25px; height:25px; place-items:center; color:rgba(255,255,255,.72); border-radius:7px; transition:.2s ease; }
.sidebar-user__profile i { font-size:17px; }
.sidebar-user__profile:hover { color:#fff; background:rgba(255,255,255,.14); transform:translateX(2px); }
#sidebar-menu { padding:5px 9px 24px; }
#sidebar-menu .menu-title { padding:14px 9px 5px !important; color:rgba(255,255,255,.48) !important; font-size:9px; font-weight:700; letter-spacing:.11em; }
#sidebar-menu > ul > li > a { display:flex; align-items:center; min-height:39px; margin:2px 0; padding:8px 10px; color:rgba(255,255,255,.74) !important; font-size:12px; font-weight:500; border-radius:8px; transition:background-color .18s ease,color .18s ease,transform .18s ease; }
#sidebar-menu > ul > li > a i { min-width:25px; color:rgba(255,255,255,.66) !important; font-size:17px; }
#sidebar-menu > ul > li > a:hover { color:#fff !important; background:rgba(255,255,255,.09); transform:translateX(2px); }
#sidebar-menu > ul > li.mm-active > a,#sidebar-menu > ul > li > a.mm-active { color:#fff !important; background:rgba(255,255,255,.16); box-shadow:inset 3px 0 0 rgba(255,255,255,.9); }
#sidebar-menu > ul > li.mm-active > a i { color:#fff !important; }
#sidebar-menu ul li ul.sub-menu { margin:2px 0 5px; padding:2px 0 2px 16px; }
#sidebar-menu ul li ul.sub-menu li a { position:relative; margin:1px 0; padding:6px 9px 6px 21px; color:rgba(255,255,255,.61) !important; font-size:11.5px; border-radius:7px; }
#sidebar-menu ul li ul.sub-menu li a::before { position:absolute; top:50%; left:8px; width:5px; height:5px; content:''; background:currentColor; border-radius:50%; opacity:.55; transform:translateY(-50%); }
#sidebar-menu ul li ul.sub-menu li a:hover,#sidebar-menu ul li ul.sub-menu li a.mm-active { color:#fff !important; background:rgba(255,255,255,.08); }
.vertical-collpsed .vertical-menu { width:70px !important; }
.vertical-collpsed .main-content { margin-left:70px; }
.vertical-collpsed .navbar-brand-box { width:70px !important; }
.vertical-collpsed .sidebar-user { justify-content:center; margin:10px 7px 5px; padding:7px; }
.vertical-collpsed .sidebar-user__info,.vertical-collpsed .sidebar-user__profile { display:none; }
.vertical-collpsed #sidebar-menu { padding-right:6px; padding-left:6px; }
/* Keep the minimized sidebar usable: centered targets and a readable flyout. */
@media (min-width:992px) {
    .vertical-collpsed .vertical-menu { position:fixed; z-index:1003; }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li { margin:3px 0; }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {
        justify-content:center;
        width:58px;
        min-height:46px;
        margin:0;
        padding:10px;
        border-radius:10px;
    }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {
        min-width:0;
        margin:0;
        font-size:20px;
        text-align:center;
    }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a,
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:focus-within > a {
        justify-content:flex-start;
        width:248px;
        padding-left:19px;
        color:#fff !important;
        background:#273553 !important;
        border-radius:10px 10px 0 10px;
        box-shadow:8px 8px 22px rgba(15,23,42,.18);
    }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a span,
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:focus-within > a span {
        display:inline-block;
        padding-left:16px;
        font-size:12px;
        font-weight:600;
    }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul,
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:focus-within > ul {
        display:block;
        left:64px;
        width:184px;
        margin-top:0;
        padding:6px;
        overflow:hidden;
        background:#fff;
        border:1px solid #e8edf4;
        border-radius:0 0 10px 10px;
        box-shadow:8px 12px 24px rgba(15,23,42,.16);
    }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul li a,
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:focus-within > ul li a {
        width:auto;
        min-height:34px;
        margin:1px 0;
        padding:8px 10px 8px 23px;
        color:#526079 !important;
        white-space:normal;
        border-radius:7px;
    }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul li a:hover,
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:focus-within > ul li a:hover,
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul li a.mm-active {
        color:#4055c8 !important;
        background:#eef2ff;
    }
}
@media (max-width:991.98px) {
    .main-content { margin-left:0 !important; }
    .navbar-brand-box { width:auto; }
    .sidebar-user { margin-top:10px; }
}