/* General Styles */
body,
.content-wrapper,
.main-sidebar {
    background-color: #1C2426 !important;
    color: #FFFFFF !important;
}

/* General styles for the entire admin panel */
body {
    /* Or .jazzmin-theme-darkly for the darkly theme only */
    background-color: #1C2426 !important;
    color: white !important;
    /* Text color */
}

input,
input:focus,
textarea,
textarea:focus,
select,
select:focus {
    background-color: #2E3B3F !important;
    border: 0 !important;
    outline: 0 !important;
    color: white !important;
}

input::placeholder,
textarea::placeholder {
    color: white !important;
}

/* Button styling */
.btn-primary {
    background-color: #94BECC !important;
    color: black !important;
    border-radius: 20px !important;
    border: 1px solid transparent !important;
}

.btn-primary:hover {
    background-color: #94BECC !important;
    /* Maintain color on hover */
    color: black !important;
    border: 1px solid transparent !important;
}

/* Other elements */
.brand-image {
    border-radius: 0 !important;
    box-shadow: 0 0 0 0 !important;
}

.main-footer div {
    display: none !important;
}

.navbar {
    /* Adjust navbar background */
    background-color: #1C2426 !important;
}

.sidebar {
    /* Sidebar background */
    background-color: #1C2426 !important;
}

/* Tables */
.table {
    color: white !important;
}

.table thead th {
    color: #94BECC !important;
    /* Table header color */
}

/* Cards */
.card {
    background-color: #2E3B3F !important;
    /* Card background */
    color: white !important;
    /* Text color within cards */
    border: none !important;
}

/* Login page */
.jazzmin-login-page,
.jazzmin-login-page .card-body {
    background-color: #1C2426 !important;
}

.jazzmin-login-page input,
.jazzmin-login-page input:focus {
    background-color: #2E3B3F !important;
    border: 0 !important;
    outline: 0 !important;
    color: white !important;
}

.jazzmin-login-page input::placeholder {
    color: white !important;
}

.jazzmin-login-page .input-group-append {
    display: none !important;
}

.jazzmin-login-page button {
    background-color: #94BECC !important;
    color: black !important;
    border-radius: 20px !important;
    outline: 0 !important;
    border: 1px solid transparent !important;
}

.jazzmin-login-page button:hover {
    background-color: #94BECC !important;
    color: black !important;
    border-radius: 20px !important;
    outline: 0 !important;
    border: 1px solid transparent !important;
}

.login-logo img {
    width: 100% !important;
}


/* Sidebar links */
.nav-sidebar .nav-link {
    color: white !important;
}

.nav-sidebar .nav-link:hover,
.nav-sidebar .nav-link.active {
    background-color: #2E3B3F !important;
    /* Slightly darker background on hover/active */
    color: #94BECC !important;
    /* Highlight color on hover/active */
}

/* main.css (continued) */

/* ... (Previous Styles) ... */

/* Tables */
.table {
    background-color: #2E3B3F !important;
    /* Table background */
    color: white !important;
    /* Text color within table */
    border: none !important;
    /* Remove table border */
}

.table thead th {
    color: #94BECC !important;
    /* Table header color */
    border-bottom: 1px solid #94BECC !important;
    /* Header bottom border */
}

.table tbody tr:hover {
    background-color: #445558 !important;
    /* Subtle highlight on row hover */
}

/* Filters (Changelist) */
.jazzmin-change-list .module .filters {
    background-color: #2E3B3F !important;
    border: none !important;
}

.jazzmin-change-list .module .filters .form-control {
    background-color: #445558 !important;
    /* Slightly lighter background for filter inputs */
    color: white !important;
    border: none !important;
}

.jazzmin-change-list .module .filters .btn {
    background-color: #94BECC !important;
    color: black !important;
    border: none !important;
}

.jazzmin-change-list .results .addlink {
    background-color: #94BECC !important;
    color: black !important;
    border: none !important;
    border-radius: 20px !important;
}

/* Filter Dropdown Backgrounds */
.select2-container--default .select2-selection--single {
    background-color: #2E3B3F !important;
    color: white !important;
    border: none !important;
}

.fa-user,
.fa {
    color: #000000 !important;
}

#jazzy-usermenu {
    background-color: #2E3B3F !important;
    color: white !important;
    border: none !important;
}

.btn,
.btn-success {
    background-color: #94BECC !important;
    color: black !important;
    border: none !important;
}

/* Login Page Styles */
.jazzmin-login-page,
.jazzmin-login-page .card-body {
    background-color: #1C2426 !important;
}

.jazzmin-login-page input,
.jazzmin-login-page input:focus {
    background-color: #2E3B3F !important;
    border: 0 !important;
    outline: 0 !important;
    color: white !important;
}

.jazzmin-login-page input::placeholder {
    color: white !important;
}

.jazzmin-login-page .input-group-append {
    display: none !important;
}

.jazzmin-login-page button {
    background-color: #94BECC !important;
    color: black !important;
    border-radius: 20px !important;
    outline: 0 !important;
    border: 1px solid transparent !important;
}

.jazzmin-login-page button:hover {
    background-color: #94BECC !important;
    color: black !important;
    opacity: 0.9 !important;
}

/* Logo Styles */
.login-logo img,
.brand-image {
    width: 100% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Sidebar Styles */
.main-sidebar {
    background-color: #1C2426 !important;
}

.nav-sidebar .nav-item>.nav-link {
    color: #FFFFFF !important;
}

.nav-sidebar .nav-item>.nav-link:hover {
    background-color: #94BECC !important;
    color: #1C2426 !important;
}

/* Content Area Styles */
.content-wrapper>.content {
    background-color: #1C2426 !important;
}

.card {
    background-color: #2E3B3F !important;
    border: none !important;
}

.card-header {
    background-color: #0A0A0A !important;
    color: #FFFFFF !important;
}

/* Table Styles */
.table {
    color: #FFFFFF !important;
}

.table thead th {
    background-color: #0A0A0A !important;
    color: #94BECC !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #1C2426 !important;
}

/* Form Styles */
.form-control {
    background-color: #2E3B3F !important;
    color: #FFFFFF !important;
    border: 1px solid #94BECC !important;
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(148, 190, 204, 0.25) !important;
}

/* Button Styles */
.btn-primary {
    background-color: #94BECC !important;
    border-color: #94BECC !important;
    color: #1C2426 !important;
}

.btn-primary:hover {
    background-color: #D6C887 !important;
    border-color: #D6C887 !important;
}

/* Footer Styles */
.main-footer {
    background-color: #1C2426 !important;
    color: #94BECC !important;
    border-top: 1px solid #2E3B3F !important;
}

.main-footer div {
    display: none !important;
}

/* Overriding specific Jazzmin classes */
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #94BECC !important;
    color: #1C2426 !important;
}

.page-item.active .page-link {
    background-color: #94BECC !important;
    border-color: #94BECC !important;
    color: #1C2426 !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: #2E3B3F !important;
    border: 1px solid #94BECC !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #FFFFFF !important;
}

/* Icon colors */
.fa,
.fas,
.far,
.fab {
    color: #000 !important;
}

/* Ensuring all text is visible */
* {
    color: #FFFFFF !important;
}

/* Exception for buttons and active elements */
.btn,
.nav-link.active,
.page-link {
    color: #1C2426 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #94BECC !important;
    /* Background color when highlighted/selected */
    color: black !important;
    /* Text color when highlighted/selected */
}

input[type="submit"] {
    color: #fff !important;
}

input,
input:focus,
textarea,
textarea:focus {
    background-color: #2E3B3F !important;
    outline: 0 !important;
    color: white !important;
    border: 1px solid #94BECC !important;
}

a:hover {
    background-color: #000 !important;
    color: #fff !important;
}


/* Style the select element */
select {
    appearance: none;
    background-color: #000;
    /* Custom background color */
    border: 1px solid #ccc;
    padding: 8px 16px;
    border-radius: 4px;
    position: relative;
}

/* Create a custom arrow icon for the select */
select::after {
    content: "▼";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #fff;
}

/* Remove default arrow icon */
select {
    background: #f0f0f0;
    /* Background when select is closed */
    appearance: none;
    /* Hide native dropdown arrow */
}

/* Change background color when the select is active (focus state) */
select:focus {
    background-color: #000;
    /* Change background on focus */
}

/* Option styling */
select option {
    background-color: #000;
    /* This may not work in all browsers */
}

aside .fas,
.main-header .fas {
    color: #fff !important;
}

.timeline>div>.timeline-item {
    background-color: #94BECC !important;
}

.nav-item .dropdown a:hover {
    background-color: #94BECC !important;
    color: #1C2426 !important;
}

/* Hide the logo in the side navigation */
.brand-link .brand-image {
    display: none !important;
}

/* Hide user icon in the sidebar */
.user-panel .image {
    display: none !important;
}

/* Adjust padding for the username to compensate for hidden icon */
.user-panel .info {
    padding-left: 0 !important;
}
.user-panel {
    padding-bottom: 20px !important;
}
.callout-danger {
    background: transparent !important;
}

span.select2-results__options,
span .select2-results ul,
.select2-results,
.select2-dropdown,
.select2-search .select2-search--dropdown {
    background: #2E3B3F !important;
    color: #fff !important;
}

.select2-results__option--selected {
    background-color: #000 !important;
    color: #fff !important;
}