.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(225, 30, 37, .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: #e11e25 !important;
    border-color: #e11e25 !important;
}
.no-sub:not(.active) a:hover {
    color: #e11e25 !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;
}

/* Default Sidebar Styling */
.dark-sidebar {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

/* Custom Scrollbar for Sidebar */
.dark-sidebar::-webkit-scrollbar,
.dark-sidebar .simplebar-scrollbar::before {
    width: 6px;
    background-color: transparent;
}

.dark-sidebar::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.dark-sidebar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}

.dark-sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.4);
}

/* If SimpleBar is active, make its scrollbar match */
.dark-sidebar .simplebar-scrollbar::before {
    background: rgba(255, 255, 255, 0.3) !important;
    border-radius: 10px !important;
    left: 2px !important;
    right: 2px !important;
}
.dark-sidebar .simplebar-track.simplebar-vertical {
    background: rgba(0, 0, 0, 0.15) !important;
    width: 8px !important;
}

/* Sidebar Nav Wrapper Padding Top */
.main-nav {
    padding-top: 20px !important;
}

/* Collapsed Sidebar (semi-nav) Styles */
/* Category dividers text color becomes blue when collapsed */
.app-wrapper nav.semi-nav:not(:hover) .app-nav .menu-title span {
    color: #74A6DA !important;
}

/* Active Link Styling */
.app-wrapper nav.dark-sidebar .main-nav li a.active-link {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-left: 4px solid #74A6DA !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    font-weight: 700 !important;
}

.app-wrapper nav.dark-sidebar .main-nav li a.active-link i {
    color: #74A6DA !important;
}