/*******************************************************************************
 * Header
 ******************************************************************************/
.light-theme header {background: #0d6efd!important}
.light-theme header {background: #00678d!important}
.light-theme header .app-toggle {background-color: rgba(0,0,0,0);border-color: rgba(255,255,255,0)!important; border-radius: 25px; color: rgba(255,255,255,1)!important}
.light-theme header .app-toggle:hover {background-color: rgba(0,0,0,.4)}
.light-theme header .navbar-brand {color: #fff}

/* Desktop */
@media (min-width: 768px) {
.light-theme header #headerNavbar .nav-item > a,
.light-theme header #headerNavbar .nav-item > div a.dropdown-toggle {background-color: rgba(0, 0, 0, .05); border-radius: 25px; color: #fff}
.light-theme header #headerNavbar .nav-item > a:hover,
.light-theme header #headerNavbar .nav-item > div a.dropdown-toggle:hover {background-color: rgba(0, 0, 0, .4)}
.light-theme header #headerNavbar .nav-item > div .dropdown-menu {border: 1px solid rgba(0,0,0,.1); box-shadow: 0 0 6px rgba(0, 0, 0, .4)}
.light-theme header #headerNavbar .nav-item > div a.dropdown-item {color: #333}
.light-theme header #headerNavbar .nav-item > div a.dropdown-item:hover,
.light-theme header #headerNavbar .nav-item > div a.dropdown-item:focus,
.light-theme header #headerNavbar .nav-item > div a.dropdown-item:active {background-color: #e9ecef}
.light-theme header #headerNavbar .nav-item > div .dropdown-menu i {color: #00678d}
}

/* Mobile */
@media (max-width: 767.98px) {
.light-theme header #headerNavbar {background-color: #fff; border: 1px solid #ccc; box-shadow: 0 0 8px rgba(0, 0, 0, .6)}
.light-theme header #headerNavbar .nav-item > a,
.light-theme header #headerNavbar .nav-item > div a.dropdown-toggle,
.light-theme header #headerNavbar .nav-item > div a.dropdown-item {color: #333}
.light-theme header #headerNavbar .nav-item > a:hover,
.light-theme header #headerNavbar .nav-item > a:focus,
.light-theme header #headerNavbar .nav-item > a:active,
.light-theme header #headerNavbar .nav-item > div a.dropdown-toggle:hover,
.light-theme header #headerNavbar .nav-item > div a.dropdown-item:hover,
.light-theme header #headerNavbar .nav-item > div a.dropdown-item:focus,
.light-theme header #headerNavbar .nav-item > div a.dropdown-item:active {background-color: #e9ecef}
.light-theme header #headerNavbar i {color: #00678d}
}



/*******************************************************************************
 * Sidebar
 ******************************************************************************/
.light-theme .sidebar-wrapper {background-color: #e5e5e5; background-position: center; background-size: cover; background-repeat: no-repeat; border-top: 1px solid #fff}
.light-theme .sidebar-wrapper {/* background-image: url(../img/theme-light/bg.jpg); */}
.light-theme .sidebar-wrapper:before {/* background-color: rgba(255, 255, 255, 0); */}
.light-theme .sidebar-wrapper .sidebar-item {border-top: 1px solid transparent}
.light-theme .sidebar-wrapper .sidebar-item:first-child {border-top: none}
.light-theme .sidebar-wrapper a:not(.dropdown-item) {color: #333}
.light-theme .sidebar-wrapper a i {color: #00678d}
.light-theme .sidebar-wrapper a:hover i {font-size: 1.2em}
.light-theme .sidebar-wrapper a .menu-text {border-bottom: 1px solid #fff; padding: 5px 0}
.light-theme .sidebar-wrapper a:not(.dropdown-item):hover,
.light-theme .sidebar-wrapper .sidebar-menu li.active > a {background-color: #ddd; color: #000; font-weight: bold}
.light-theme .sidebar-wrapper .sidebar-menu a:hover i,
.light-theme .sidebar-wrapper .sidebar-menu a:hover:before,
.light-theme .sidebar-wrapper .sidebar-menu li.active a i {color: #000}
.light-theme .sidebar-wrapper .sidebar-menu ul li a i {background-color: #f9f9f9}
.light-theme .sidebar-wrapper .sidebar-menu .header-menu span {color: #6c7b88}

/* Submenu */
.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:not(.collapsed) {background-color: #ddd}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {border-left: 1px solid #aaa}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:hover {background-color: transparent; border-left-color: #00678d}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .submenu-text {border-bottom: 1px solid #fff}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:hover .submenu-text {background-color: #f5f5f5}

/* Scroolbar */
.light-theme .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.light-theme .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.light-theme .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #A4A29E; border-radius: 0}
.light-theme .mCSB_scrollTools .mCSB_draggerRail {background-color: transparent}



/*******************************************************************************
 * Toolbar
 ******************************************************************************/
.toolbar > div {background: #eee}

/* Breadcrumb */
.toolbar .nav-bc .breadcrumb li:first-child,
.toolbar .nav-bc .breadcrumb li a,
.toolbar .nav-bc .breadcrumb li.active,
.toolbar .nav-bc .breadcrumb li.active a {color: #777}
.toolbar .nav-bc .breadcrumb li a:hover,
.toolbar .nav-bc .breadcrumb li.active a:hover {color: #444}

/* Search form */
.toolbar .nav-search > div > a {background: #ddd}
.toolbar .nav-search > div > a:hover {background: #bbb}
.toolbar .nav-search .form-search .search-icon {color: #888; left: 2px}
.toolbar .nav-search .form-search .search-filter {color: #000; right: 2px}
.toolbar .nav-search .form-search .search-filter:hover {background-color: rgba(0, 0, 0, .1)}



/*******************************************************************************
 * Main panel
 ******************************************************************************/

/* Welcome Banner */
.banner-container .banner-content {background: #00678d}

/* Welcome Footer */
.welcome-footer {background: #00678d}
.welcome-footer .social-media a {color: white}



/*******************************************************************************
 * Main panel
 ******************************************************************************/
.black-icon {color: #000}