* {
    font-family: "Roboto", sans-serif !important;
}

.form-control {
    border-radius: 15px;
}
.input-group-append {
    border-radius: 15px;
}

.toggle-mobile {
    display: none;
}

.logo-full {
    display: block;
}

.logo-mini {
    display: none;
}

.sidebar-xs .logo-full {
    display: none !important;
}

.sidebar-xs .logo-mini {
    display: block !important;
}

/* .sidebar-expand-md {
height: calc(100vh - 50px);
position: sticky;
top: 25px;
} */

.bottom-toggle {
    position: absolute;
    bottom: 90px;
    right: 40px;
    width: 100%;
}

.sidebar-light .nav-sidebar .nav-link {
    margin: 5px 10px 5px 10px;
}

.sidebar-light .nav-sidebar .nav-item > .nav-link.active {
    background-color: #f5f5f5;
    color: #333;
    border-radius: 15px;
    margin: 5px 10px 5px 10px;
}

.sidebar-light .nav-sidebar .nav-item > .nav-link:hover {
    background-color: #f5f5f5;
    color: #333;
    border-radius: 15px;
    margin: 5px 10px 5px 10px;
}

@media only screen and (max-width: 768px) {
    .toggle-mobile {
        display: block;
    }

    .toggle-sidebar {
        display: none;
    }

    .div-clock {
        width: 100%;
        text-align: left;
    }

    .ultah-img {
        width: 100%;
        /* Lebar gambar 100% dari container */
        height: auto;
        /* Tinggi gambar disesuaikan agar tetap proporsional */
        max-width: 100%;
        /* Jaga agar gambar tidak melebihi lebar maksimum container */
        max-height: 100%;
        /* Jaga agar gambar tidak melebihi tinggi maksimum container */
        display: block;
        /* Hapus margin tambahan yang mungkin muncul */
        margin: 0 auto;
        /* Pusatkan gambar di dalam container jika perlu */
    }
}

/* breadcrumb search */
 .btn-search-pegawai {
            color: #fff;
            /* Text color on hover */
            background-color: #236D46;
            /* Background color on hover */
            border-radius: 10px;
        }

        .custom-filter-success {
            color: #236D46;
            /* Text color on hover */
            background-color: #fff;
            /* Background color on hover */
            border: 1px solid #236D46;
            border-radius: 10px;
        }

        .custom-filter-success:hover {
            color: #fff;
            /* Text color on hover */
            background-color: #236D46;
            /* Background color on hover */
        }

        .custom-input-search {
            color: #A1A1AA;
            /* Text color on hover */
            background-color: #E9EBE9;
            border-radius: 10px;
        }

        .custom-input-search:focus {
            color: #A1A1AA;
            /* Text color on hover */
            background-color: #fff;
        }

        .custom-select {
            color: #A1A1AA;
            /* Text color on hover */
            background-color: #E9EBE9;
            border-radius: 10px;
        }

        .custom-select:focus {
            color: #A1A1AA;
            /* Text color on hover */
            background-color: #fff;
        }

        .custom-select {
            color: #A1A1AA;
            /* Text color on hover */
            background-color: #E9EBE9;
            border-radius: 10px;
        }

        .custom-select:focus {
            color: #A1A1AA;
            /* Text color on hover */
            background-color: #fff;
        }