/* ================================================================================================
   Dark Theme Override CSS - Version 2 Style
   This file overrides all light theme styles to match the dark theme design
   ================================================================================================ */

/* ===== GLOBAL BODY & BACKGROUND ===== */
body {
    background-color: #020618 !important;
    color: #ffffff !important;
}

body.layout-boxed {
    background-color: #020618 !important;
}

.main-container {
    background-color: #020618 !important;
}

.main-content {
    background-color: #020618 !important;
}

.layout-px-spacing {
    background-color: #020618 !important;
}

.middle-content {
    background-color: #020618 !important;
}

/* ===== HEADER / TOP MENU ===== */
.header-container,
.header-container.container-xxl,
.olympus-header,
div.header-container,
div.header-container.container-xxl,
div.olympus-header,
header.header,
header.header.navbar,
header.navbar,
.expand-header,
.header-container header,
.header-container .header,
.header-container header.header,
.header-container header.navbar {
    background-color: #080E22 !important;
    border-bottom: none !important;
}

/* Override inline styles for header */
.header-container[style*="background-color"],
.header-container.container-xxl[style*="background-color"],
.olympus-header[style*="background-color"],
header.header[style*="background-color"],
header.navbar[style*="background-color"] {
    background-color: #080E22 !important;
    border-bottom: 1px solid #1E2C50 !important;

}

.header.navbar {
    background-color: #080E22 !important;
}

.navbar-item .theme-brand,
.navbar-item .theme-logo {
    color: #ffffff !important;
}

.navbar-item .theme-text a {
    color: #ffffff !important;
}

/* User Profile Dropdown */
.userProfileDropdown {
    background-color: #ffffff !important;
    color: #080E22 !important;
}

.userProfileDropdown span b {
    color: #080E22 !important;
}

.dropdown-menu {
    background-color: #2d3142 !important;
    border: 1px solid #3d4154 !important;
}

.dropdown-menu .user-profile-section {
    background-color: #2d3142 !important;
}

.dropdown-menu .user-profile-section .media-body h5 {
    color: #ffffff !important;
}

.dropdown-menu .user-profile-section .media-body p {
    color: #a0a5b8 !important;
}

.dropdown-menu .dropdown-item a {
    color: #ffffff !important;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #3d4154 ;
}

.dropdown-menu .dropdown-item:hover a {
    color: #4B8BD2 !important;
}

/* ===== SIDEBAR / NAVIGATION ===== */
.sidebar-wrapper {
    background-color: #080E22 !important;
}

.sidebar-wrapper.sidebar-theme {
    background-color: #080E22 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.sidebar-wrapper #sidebar {
    background-color: #080E22 !important;
    border-bottom: 1px solid #080E22 !important;
    box-shadow: none !important;
}

.sidebar-wrapper.sidebar-theme #sidebar {
    background-color: #080E22 !important;
    border-bottom: 1px solid #080E22 !important;
    box-shadow: none !important;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle {
    color: #ffffff !important;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle span {
    color: #90A1B9 !important;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle svg:not(.badge-icon) {
    color: #a0a5b8 !important;
}

#sidebar ul.menu-categories li.menu:hover > .dropdown-toggle,
#sidebar ul.menu-categories li.menu:hover > .dropdown-toggle span {
    color: #2975DF!important;
}

#sidebar ul.menu-categories li.menu:hover > .dropdown-toggle svg:not(.badge-icon) {
    color: #2975DF!important;
}

#sidebar ul.menu-categories li.menu.active > .dropdown-toggle,
#sidebar ul.menu-categories li.menu.active > .dropdown-toggle span {
    color: #2975DF!important;
}

#sidebar ul.menu-categories li.menu.active > .dropdown-toggle svg:not(.badge-icon) {
    color: #2975DF!important;
}
.menu.active svg rect,
.menu.active svg line {
    stroke: #1E62C2 !important;
    fill: none !important;

}
.menu.hover svg rect,
.menu.hover svg line {
    stroke: #1E62C2 !important;
    fill: none !important;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"],
#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"] span {
    color: #1E62C2 !important;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"] svg:not(.badge-icon) {
    color: #1E62C2 !important;
}

#sidebar ul.menu-categories ul.submenu {
    background-color: #2d3142 !important;
    border: 1px solid #3d4154 !important;
}

#sidebar ul.menu-categories ul.submenu > li a {
    color: #ffffff !important;
}

#sidebar ul.menu-categories ul.submenu > li a:hover,
#sidebar ul.menu-categories ul.submenu > li.active a {
    color: #2975DF!important;
    background-color: #3d4154 !important;
}

/* ===== CONTENT AREA ===== */
/* .widget-content {
    background-color: #020618 !important;
    border:none !important;
} */

/* ===== WIDGET CONTENT AREA - APPLY TO ALL PAGES ===== */