:root {
    --primary: 0, 51, 153; /* ADEM TRANSMISSIE Blue from sign */
}

.loader{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 0.6rem;
    z-index: 99;
}
.spin {
    animation: spin 1.5s linear infinite;
    vertical-align: middle;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.bg-selected{
    background-color: rgba(var(--primary), .2) !important;
}
.table-xs thead th{
    padding: .5rem 1rem !important;
}
.table-xs tbody td{
    padding: 0 1rem !important;
    vertical-align: middle !important;
}
.btn-primary:disabled{
    background-color: rgb(var(--primary)) !important;
    border-color: rgb(var(--primary)) !important;
}
.no-sub:not(.active) a:hover {
    color: rgb(var(--primary)) !important;
}
.form-label{
    margin-bottom: .2rem;
}

/* ==================== LOGS CSS ==================== */
/* Activity Log Icon Colors and Backgrounds */

/* Green - CREATE, LOGIN */
.text-green-600 {
    color: #16a34a;
}
.bg-green-50 {
    background-color: #f0fdf4;
}

/* Blue - UPDATE, EMAIL_SENT */
.text-blue-600 {
    color: #2563eb;
}
.bg-blue-50 {
    background-color: #eff6ff;
}

/* Red - DELETE, EMAIL_FAILED */
.text-red-600 {
    color: #dc2626;
}
.bg-red-50 {
    background-color: #fef2f2;
}

/* Gray - LOGOUT, NULL/Unknown */
.text-gray-600 {
    color: #4b5563;
}
.bg-gray-50 {
    background-color: #f9fafb;
}

/* ==================== SIDEBAR LIGHT THEME ==================== */
nav.dark-sidebar {
    background-color: #ffffff !important;
    border-right: 1px solid #ebedf0;
}

nav.dark-sidebar .main-nav li a {
    color: #1c2835 !important;
}

nav.dark-sidebar .main-nav li a i {
    color: #1c2835 !important;
}

nav.dark-sidebar .main-nav li a:hover,
nav.dark-sidebar .main-nav li a.active {
    background-color: rgba(var(--primary), 0.08) !important;
    color: rgb(var(--primary)) !important;
}

nav.dark-sidebar .main-nav li a:hover i,
nav.dark-sidebar .main-nav li a.active i {
    color: rgb(var(--primary)) !important;
}

nav.dark-sidebar .menu-title {
    background-color: #f8f9fa !important;
    padding: 10px 15px !important;
}

nav.dark-sidebar .menu-title span {
    color: #626262 !important;
    font-weight: 600;
}

/* Fix for logo area with white sidebar */
nav.dark-sidebar .app-logo {
    background-color: #ffffff !important;
}

/* Semi-nav (Open state in this theme) logo toggle */
nav.semi-nav .full-logo {
    display: block !important;
}
nav.semi-nav .mini-logo {
    display: none !important;
}

/* Collapsed state (No semi-nav class) */
nav:not(.semi-nav) .full-logo {
    display: none !important;
}
nav:not(.semi-nav) .mini-logo {
    display: block !important;
}