@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

    :root {
        --bs-body-font-family: "IBM Plex Sans", sans-serif !important;
        /* --bs-body-font-family: "Source Sans 3", sans-serif !important; */
        --bs-body-bg: #f8f8f8;
    }

    .swal2-popup {
        font-family: Figtree,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
        border-radius: 1rem;
        padding: 1.5rem;
    }

    .swal2-title {
        font-size: 1.25rem;
        font-weight: 600;
    }

    .swal2-confirm {
        padding: 0.5rem 1.25rem;
    }

    div:where(.swal2-icon){
        margin: .5em auto .6em;
    }

    .swal2-popup{
        padding: 1.7rem 1.5rem;
    }

    .swal2-confirm {
        padding: 0.3rem 2rem;
    }

    /* Error (merah terang Bootstrap) */
    .swal2-icon.swal2-error {
        background-color: #f8d7da !important;
        color: #dc3545 !important;
        border-color: #dc3545 !important;
    }

    /* Success (hijau terang Bootstrap) */
    .swal2-icon.swal2-success {
        background-color: #d1e7dd !important;
        color: #198754 !important;
        border-color: #198754 !important;
    }

    /* Info (biru Bootstrap) */
    .swal2-icon.swal2-info {
        background-color: #cff4fc !important;
        color: #0dcaf0 !important;
        border-color: #0dcaf0 !important;
    }

    /* Warning (kuning Bootstrap) */
    .swal2-icon.swal2-warning {
        background-color: #fff3cd !important;
        color: #ffc107 !important;
        border-color: #ffc107 !important;
    }

    /* sidbar */
    html[data-bs-theme=dark] .sidebar-wrapper .sidebar-header img,
    .sidebar-wrapper .sidebar-header img {
        height: 2rem;
    }

    .sidebar-wrapper .sidebar-header,
    .sidebar-wrapper .sidebar-footer{
        background-color: #ffffff;
    }
    html[data-bs-theme=dark] .sidebar-wrapper .sidebar-header,
    html[data-bs-theme=dark] .sidebar-wrapper .sidebar-footer{
        background-color: #1e1e2d;
    }
    html[data-bs-theme=dark] .sidebar-wrapper .menu,
    .sidebar-wrapper .menu{
        padding: 0 1em;
        margin-top: 7rem;
        margin-bottom: 5rem;
    }

    .sidebar-wrapper .sidebar-header {
        padding: 1rem 2rem;
    }

    .sidebar-header, .sidebar-footer{
        width: 300px;
    }

    .light-logo{
        display: none;
    }
    .dark-logo{
        display: block;
    }

    html[data-bs-theme=dark] .light-logo{
        display: block;
    }
    html[data-bs-theme=dark] .dark-logo{
        display: none;
    }


        /* Sidebar mini mode */
        #sidebar.sidebar-mini .sidebar-wrapper {
            width: 80px;
        }

        /* #sidebar.sidebar-mini #toggle-sidebar .bi-caret-right-fill, */
        #sidebar #toggle-sidebar .bi-caret-right-fill{
            display: none;
        }
        #sidebar.sidebar-mini #toggle-sidebar .bi-caret-right-fill{
            display: block;
        }
        #sidebar.sidebar-mini #toggle-sidebar .bi-caret-left-fill{
            display: none;
        }

        #sidebar.sidebar-mini .sidebar-wrapper .sidebar-header,
        #sidebar.sidebar-mini .sidebar-wrapper .sidebar-menu {
            overflow: hidden;
        }

        #sidebar.sidebar-mini .sidebar-wrapper .sidebar-menu .menu .sidebar-item .sidebar-link span {
            display: none;
        }

        #sidebar.sidebar-mini .sidebar-wrapper .sidebar-menu .menu .sidebar-item .sidebar-link {
            justify-content: center;
        }

        @media screen and (min-width: 1200px) {
            /* Default full sidebar */
            html[data-bs-theme=dark] #sidebar ~ #main,
            #sidebar ~ #main {
                /* margin-left: 300px; */
                /* transition: margin-left 0.3s; */
            }
            

            /* Mini sidebar (80px) */
            html[data-bs-theme=dark] #sidebar.sidebar-mini ~ #main,
            #sidebar.sidebar-mini ~ #main {
                margin-left: 80px;
            }

            /* Saat sidebar mini, kecilkan header juga */
            #sidebar.sidebar-mini .sidebar-header {
                width: 80px;
                padding-left: 0.5rem;
                padding-right: 0.5rem;
                justify-content: center;
            }

            #sidebar.sidebar-mini .sidebar-header .logo {
                display: flex;
                justify-content: center;
                width: 100%;
            }

            /* Sembunyikan logo teks (jika ada) dan hanya tampilkan icon */
            #sidebar.sidebar-mini .sidebar-header .logo a:not(:first-child) {
                display: none;
            }
      
            
            /* Sidebar mini - sesuaikan footer */
            #sidebar.sidebar-mini .sidebar-footer {
                width: 80px;
                padding-left: 0.5rem;
                padding-right: 0.5rem;
                justify-content: center;
            }

            /* Tengahin isi dropdown avatar */
            #sidebar.sidebar-mini .sidebar-footer .dropdown,
            #sidebar.sidebar-mini .sidebar-footer .theme-toggle {
                justify-content: center;
                width: 100%;
            }

            /* Sembunyikan elemen yang tidak perlu ditampilkan saat mini */
            #sidebar.sidebar-mini .sidebar-footer .theme-toggle svg,
            #sidebar.sidebar-mini .sidebar-footer .theme-toggle label,
            #sidebar.sidebar-mini .sidebar-footer .theme-toggle .form-check {
                display: none;
            }
        }


    html[data-bs-theme=dark] .dropup .dropdown-toggle:after,
    .dropup .dropdown-toggle:after{
        display: none;
    }

    html[data-bs-theme=dark] .sidebar-wrapper .sidebar-header img, .sidebar-wrapper .sidebar-header img{
        height: 1.5rem;
    }

    #toggle-sidebar {
        position: absolute;
        top: -2px;
        right: -3px;
    }

    .logo {
        display: flex;
        align-items: center;
        gap: 20px; /* jarak antar elemen, opsional */
    }



    /* google maps */
    .gm-style-mtc {
        transform: scale(0.75); /* ubah skalanya sesuai kebutuhan */
        transform-origin: top left; /* biar posisinya tetap */
    }
      
    :root, [data-bs-theme=light]{
        --bs-body-font-size: .8rem !important;
    }
    .form-select{
        padding-right: 2rem;
    }    
    .form-control, .form-select, .choices__inner{
        font-size: 12px !important;
        background-color: #ffffff !important;
    }

    .choices[data-type*=select-one] .choices__inner{
        padding-bottom: 0 !important;
    }
    .choices__inner{
        padding: 3px 7.5px 3.75px !important;
        min-height: 33px !important;
    }

    .choices__list, .choices__list--dropdown .choices__item--selectable.is-highlighted{
        background: none;
    }

    .marker-pin-label{
        margin-top: 83px;
        background-color: white;
        color: navy !important;
        padding: 2px 6px;
        border-radius: 5px;
    }
    .marker-label{
        margin-top: 60px;
        background-color: navy;
        padding: 2px 6px;
        border-radius: 5px;
        opacity: .8;
    }


    @media (max-width: 768px) {
        .sidebar-header,
        .sidebar-footer {
            width: 100% !important;
            position: relative !important; /* untuk mencegah posisi tetap */
            padding-left: 1rem;
            padding-right: 1rem;
        }
        #toggle-sidebar {
            display: none;
        }
        .sidebar-wrapper .sidebar-toggler.x {
            right: 0.75rem !important;
        }
        html[data-bs-theme=dark] .sidebar-wrapper .menu, .sidebar-wrapper .menu{
            /* margin-bottom: 50vh; */
        }
        .burger-btn{
            margin-top: -10px;
        }
        header span{
            padding-left: 10px;
        }
        header span .bi{
            /* margin-left: .8rem; */
            display: none;
        }
        .submenu-link{
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    header span .bi{
        margin-right: .4rem;
    }

    .submenu .submenu-item:first-child {
        margin-top: 10px; /* ubah sesuai kebutuhan */
    }

    .submenu-item .bi.bi-circle-fill{
        font-size: 0.4rem !important;
        margin-right: 10px;
        vertical-align: 4px;
        color: #c9c9c9;
    }
    .submenu-item.active .bi.bi-circle-fill{
        color: red;
    }

    .sidebar-wrapper .menu .submenu .submenu-item a{
        padding: .7rem 1rem;
    }

    .sidebar-mini .sidebar-wrapper .menu .submenu{
        padding-left: 7px !important;
        width: 32px;
    }
    .sidebar-mini .bi-circle-fill{
        display: none;
    }

    .h-300{
        height: 300px;
    }

    .highcharts-axis-line{
        display: none;
    }