/*** the custom side nav dark ***/

/* START - left side bar menu dark color*/
.main-sidebar {
    background-color: #212E3D;
}
body.sidebar-mini .main-sidebar:after {
    background-color: #212E3D;
}
body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
    color: #212E3D;
    /*background-color: #007BFF;*/
}
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu {
    background-color: #212E3D;
}
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
    color: #212E3D;
    /*background-color: #007BFF !important;/*
}
body.layout-2 .main-sidebar .sidebar-menu li a:hover {
    /*color: #007BFF;*/
    background-color: transparent;
}
.main-sidebar .sidebar-brand a {
    color: #FFF;
}
.main-sidebar .sidebar-menu li.menu-header {
    color: #c1c8ce;
}
.main-sidebar .sidebar-menu li a {
    color: #98a2aa;
}
.main-sidebar .sidebar-menu li.active a {
    /*color: #007BFF;*/
    background-color: #212E3D;
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a {
    color: #868e96;
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
    /*color: #007BFF;*/
    background-color: inherit;
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
    /*color: #007BFF;*/
}
/* END - left side bar menu dark color*/

/* START - top bar menu for dark color*/
.navbar.active {
    background-color: #FFF;
    box-shadow: rgba(0, 123, 255, 0.2) rgba(0, 0, 0, 0.03);
}
.navbar-bg {
    background-color: #EAECEF;
}
.navbar .navbar-brand {
    color: #212E3D;
}
.navbar .form-inline .form-control {
    background-color: #212E3D;
}
.navbar .form-inline .btn {
    background-color: #212E3D;
}
.navbar .form-inline .search-backdrop {
    background-color: #fff;
}
.navbar .form-inline .search-result {
    background-color: #212E3D;
}
.navbar .form-inline .search-result:before {
    color: #212E3D;
}
.navbar .form-inline .search-result .search-header {
    color: #34395e;
}
.navbar .form-inline .search-result .search-item a {
    color: #bcc1c6;
}
.navbar .form-inline .search-result .search-item a:hover {
    background-color: #99caff;
}
.navbar .active .nav-link {
    color: #212E3D;
}
.navbar .navbar-text {
    color: #212E3D;
}
.navbar .nav-link {
    color: #34395e;
}
.navbar .nav-link.nav-link-user {
    color: #212E3D;
}
.navbar .nav-link.nav-link-img .flag-icon {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
}
.navbar .nav-link:hover {
    color: #212E3D;
}
.navbar .nav-link.disabled {
    color: #212E3D;
    opacity: .6;
}

@media (max-width: 1024px) {
    .nav-collapse .navbar-nav {
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
    }
    .nav-collapse .navbar-nav .nav-item .nav-link {
        background-color: #212E3D;
        color: #6c757d;
    }
    .nav-collapse .navbar-nav .nav-item .nav-link:hover {
        background-color: #212E3D;
        /*color: #007BFF;*/
    }
    .nav-collapse .navbar-nav .nav-item:focus > a, .nav-collapse .navbar-nav .nav-item.active > a {
        /*background-color: #007BFF;*/
        color: #212E3D;
    }
}

.section .section-header {
    background-color: #FFF;
}
.section .section-header h1 {
    color: #34395e;
}
/* END - top bar menu for dark color*/