:root {
    --color-green: #198000
}

.sidebar-wrapper #sidebar.petugas {
    background: #7D0A0A;
}

.sidebar-wrapper #sidebar.admin {
    background: var(--color-green);
}

body.dark .sidebar-wrapper #sidebar {
    background: #195595;
}

#sidebar ul.menu-categories li.menu>.dropdown-toggle {
    font-size: 13px;
    font-weight: bold;
    border-right: 1px solid white;
}

#sidebar.admin ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] i,
#sidebar.admin ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] span {
    color: #34F430;
}

#sidebar.admin ul.menu-categories ul.submenu>li a:hover {
    color: var(--color-green) !important;
}

#sidebar.petugas ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] i,
#sidebar.petugas ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] span {
    color: #E7515A;
}

#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] i,
#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] span {
    color: #E7515A;
}

table {
    color: #000000;
}

.orange-text {
    color: orange;
}

.red-text {
    color: red;
}

.table thead tr th {
    background: white;
    font-weight: bold;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

table tr td {
    /* max-width: 100px; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    white-space: normal !important;
}

.picker__select--year,
.picker__select--month {
    height: max-content;
}

.form-control:disabled:not(.flatpickr-input),
.form-control[readonly]:not(.flatpickr-input) {
    background-color: white;
    color: black;
}

.bg-gray {
    background-color: #eee;
}

.form-check .form-check-input {
    border: 1px solid;
}

.btn-danger {
    color: #fff !important;
    background-color: #7D0A0A;
    border-color: #7D0A0A;
    box-shadow: 0 10px 20px -10px rgba(231, 81, 90, 0.59);
}

/* .align-self-center{
    align-self:end !important;
} */

.auth-cover img {
    width: 55vw !important;
    height: 50vw;
    object-fit: cover;
}

.auth-overlay {
    background: none;
}

.navbar .navbar-item .nav-item.notification-dropdown .dropdown-menu .notification-scroll {
    height: auto;
}

.nav.nav-pills.admin li.nav-item button.nav-link svg,
.nav.nav-pills.admin li.nav-item button.nav-link {
    color: green;
    /* Warna teks */
}

.nav.nav-pills.petugas li.nav-item button.nav-link svg,
.nav.nav-pills.petugas li.nav-item button.nav-link {
    color: red;
    /* Warna teks */
}

.nav.nav-pills.admin {
    background: #0dff0d14
}

.nav.nav-pills.petugas {
    background: #ff150d14
}

.header-container .theme-brand .theme-logo a img {
    width: 45px;
    height: 45px;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-lg {
    max-width: 60%;
}

.modal-content {
    margin: auto;
}

.btn-download {
    background-color: #28a745;
    align-items: left;
    justify-content: left;
    color: white;
}

.btn-download:hover {
    background-color: #218838;
    /* Warna hijau lebih gelap untuk efek hover */
}

.text-center {
    text-align: left;
}

.btn-cancel {
    background-color: #6c757d;
    /* Warna abu-abu */
    color: white;
}

.btn-cancel:hover {
    background-color: #5a6268;
    /* Warna abu-abu lebih gelap untuk efek hover */
}

.btn-import {
    background-color: #7D0A0A;
    /* Warna merah */
    color: white;
}

.btn-import:hover {
    background-color: #660808;
    /* Warna merah lebih gelap untuk efek hover */
    color: #E7515A;
}

.form-input-login {
    margin-top: 40px;
}

.auth-cover img {
    width: 54vw !important;
    object-fit: cover;
    padding-left: 40px;
    object-fit: cover;
}

.auth-logo {
    position: absolute;
    width: 200px !important;
    top: 0;
    left: 0;
    margin: 20px;
    z-index: 1;
}