:root, [data-bs-theme=light] {
    /*--bs-body-font-family: 'Arial', sans-serif;*/
    --bs-body-bg-image: none !important;
    /*--bs-body-bg-cover: none !important;*/
    --bs-body-bg-cover: url(/assets/adds/images/bg_projectcontrol.jpeg) !important;
    --bs-theme: #f54646;
    /* 127e5e */
}

/* Warna huruf dasar tajam di mode light */
html[data-bs-theme="light"] body {
    color: #000 !important;
}

/* Warna huruf menu samping tajam di mode light */
html[data-bs-theme="light"] .app-sidebar .menu .menu-item .menu-link,
html[data-bs-theme="light"] .app-sidebar .menu .menu-item .menu-link .menu-icon,
html[data-bs-theme="light"] .app-sidebar .menu .menu-header {
    color: #000 !important;
}

/* Warna menu saat di-hover dan aktif di mode light */
html[data-bs-theme="light"] .app-sidebar .menu .menu-item .menu-link:hover,
html[data-bs-theme="light"] .app-sidebar .menu .menu-item .menu-link:hover .menu-icon {
    color: var(--bs-theme) !important;
}

html[data-bs-theme="light"] .app-sidebar .menu .menu-item.active > .menu-link {
    color: var(--bs-theme) !important;
}

html[data-bs-theme="light"] .app-sidebar .menu .menu-item.active > .menu-link .menu-icon {
    color: var(--bs-theme) !important;
}
/* Warna huruf tabel di mode light */
html[data-bs-theme="light"] .table>:not(caption)>*>* {
    color: #000;
}
.app-header .menu-toggler .bar, .app-header .menu-toggler:hover .bar {
    background: #fff;
}
.text-theme {
    color: #fff !important;
}
.app-header {
    background: var(--bs-theme);
    color: #fff !important;
}
.app-header .brand .brand-logo {
    color: #fff !important;
}
.app-header .menu .menu-item .menu-link {
    color: #fff !important;
}
.app-sidebar .app-sidebar-content .menu .menu-header {
    font-weight: normal !important;
}





table.dataTable td,
table.dataTable th {
    vertical-align: top !important;
    padding: 5px !important;
}



/* LIGHT MODE */
html[data-bs-theme="light"] input[readonly] {
    background-color: #eee;
    color: #495057;
}
/* DARK MODE */
html[data-bs-theme="dark"] input[readonly] {
    background-color: #2b3035;
    color: #adb5bd;
    border-color: #495057;
}

/* Fix Select2 dropdown alignment issues */
.select2-container {
    z-index: 99999 !important;
}

.modal-body {
    position: relative;
}

.parsley-errors-list li {
    color: red !important;
}
.card {
    --bs-border-color-rgb: var(--bs-body-color-rgb);
    position: relative;
    border: none;
}
.btn-xs{
    padding: 0.05rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}