:root {
    --bs-primary: #374151 !important;
    --bs-secondary: #EF4444 !important;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #1F2937 !important;
    border-color: #1F2937 !important;
}

.btn-secondary {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    color: white; !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #DC2626 !important;
    border-color: #DC2626 !important;
    color: white; !important;
}

.main-header.navbar.navbar-dark.bg-primary {
    background-color: var(--bs-primary) !important;
}

.nav-sidebar .nav-item > .nav-link.active {
    box-shadow: none !important;
    filter: none !important;
    background-image: none !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--bs-primary) !important;
}

.sidebar-dark-primary {
    background-color: #1F2937 !important;
}

[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: #EF4444 !important;
    color: #fff !important;
}

.auth-background {
    background: linear-gradient(135deg, #e83626 0%,rgb(238, 120, 110) 100%);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--bs-secondary) !important;
}

.nav-pills .nav-link:not(.active):hover {
    color: var(--bs-secondary);
}

.nav-tabs .nav-link.active, .nav-tabs .show > .nav-link {
}

.nav-tabs a {
    color: #000;
}

.logo-container {
    background-color: white;
    text-align: center;
    padding: 24px;
}

.dropdown-menu {
    border-radius: 12px !important;
}
.dropdown-item:hover {
    background-color: #f8f9fa;
    border-radius: 8px;
}
.dropdown-item i {
    width: 18px;
    text-align: center;
}

/* Pagination active page number - red background */
.page-item.active .page-link {
    background-color: #EF4444 !important;
    border-color: #EF4444 !important;
    color: #fff !important;
}

.page-item.active .page-link:hover,
.page-item.active .page-link:focus {
    background-color: #DC2626 !important;
    border-color: #DC2626 !important;
    color: #fff !important;
}