/* Custom Black Theme Styles (Sidebar & Header) */

/* Sidebar */
.sidebar {
    background-color: #0a0a0a !important;
    border-right: 1px solid #262626 !important;
}

.sidebar ul.nav li a {
    color: #a3a3a3 !important;
    transition: all 0.2s ease;
}

.sidebar ul.nav li a i.menu-icon {
    color: #737373 !important;
}

.sidebar ul.nav li a:hover,
.sidebar ul.nav li a:focus,
.sidebar ul.nav li.active > a {
    background-color: #171717 !important;
    color: #fed878 !important;
    border-color: #404040 !important;
}

.sidebar ul.nav li.active > a i.menu-icon,
.sidebar ul.nav li a:hover i.menu-icon {
    color: #fed878 !important;
}

.sidebar ul.nav li .nav-second-level {
    background-color: #0f0f0f !important;
}

.sidebar ul.nav li .nav-second-level li a {
    color: #737373 !important;
}

.sidebar ul.nav li .nav-second-level li a:hover,
.sidebar ul.nav li .nav-second-level li.active a {
    color: #fed878 !important;
    background-color: transparent !important;
}

/* Sidebar User Profile Area */
.sidebar-user-profile .profile {
    background-color: #171717 !important;
    border-color: #262626 !important;
}

.sidebar-user-profile .profile:hover {
    background-color: #262626 !important;
}

/* Header */
#header {
    background-color: #000000 !important;
    border-bottom: 1px solid #262626 !important;
    box-shadow: none !important;
}

#header .navbar-nav > li > a {
    color: #a3a3a3 !important;
    transition: all 0.2s ease;
}

#header .navbar-nav > li > a:hover,
#header .navbar-nav > li > a:focus,
#header .navbar-nav > li.open > a {
    color: #fed878 !important;
    background-color: #171717 !important;
}

#header .navbar-nav > li a i {
    color: #737373 !important;
}

#header .navbar-nav > li a:hover i,
#header .navbar-nav > li.open a i {
    color: #fed878 !important;
}

#header li > a.active {
    background: #262626 !important;
    color: #fed878 !important;
}

/* Header Specific Icons/Indicators */
.icon-total-indicator {
    background-color: #ef4444 !important; /* Modern red for notifications */
    color: #ffffff !important;
}

#header .navbar-right {
    margin-right: 15px !important;
}

/* Search bar in header if applicable */
#search_input {
    background-color: transparent !important;
    border: 1px solid #fed878 !important;
    color: #fed878 !important;
}

#search_input::placeholder {
    color: #fed878 !important;
    opacity: 0.8 !important;
}

#search_input::-webkit-input-placeholder {
    color: #fed878 !important;
}

#search_input::-moz-placeholder {
    color: #fed878 !important;
}

#search_input:-ms-input-placeholder {
    color: #fed878 !important;
}

#search_input:-moz-placeholder {
    color: #fed878 !important;
}

#top_search_button button i {
    color: #fed878 !important;
}

button.hide-menu svg {
    color: #fed878 !important;
}

 # w r a p p e r   . n a v - t a b s   { 
         b a c k g r o u n d - c o l o r :   # 0 a 0 a 0 a   ! i m p o r t a n t ; 
 } 
 
 # w r a p p e r   . n a v - t a b s   l i   a   { 
         b a c k g r o u n d - c o l o r :   t r a n s p a r e n t   ! i m p o r t a n t ; 
         c o l o r :   # f f f f f f   ! i m p o r t a n t ; 
 }  
 
 . b a d g e   { 
         b a c k g r o u n d - c o l o r :   r g b ( 2 5 5   2 1 7   1 2 0 )   ! i m p o r t a n t ; 
         c o l o r :   # 0 0 0 0 0 0   ! i m p o r t a n t ; 
 }  
 