body {
    background: #18191b;
    color: #9d99ae;
}

.btn-primary {
    background: #00bfd7;
    border: none;
}

.btn-primary:hover,
.btn-primary:focus {
    background: #117484;
}

.sticky-header .sidebar-left,
.header-section {
    background: #25262e;
}

.panel-title {
    padding: 5px;
    font-size: 15px;
    color: #9d99ae
}

.sticky-header .sidebar-left:before {
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    content: "";
    display: block;
}

.header-section,
.panel-heading {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    color: #335f86;
    background: #212228;
}

.panel .panel-heading {
    background: transparent !important;
}

.page-head h3 {
    margin-bottom: 0;
}

.page-head {
    background: #25262e;
    margin-bottom: 20px;
}

.body-content {
    background: #18191b;
}

.sticky-header .logo {}

.white-logo-bg {
    background: #fff;
}

.logo.white-logo-bg a {
    color: #32323a;
}

.logo.gray-logo-bg a {
    color: #32323a;
}

.sidebar-left .nav > li > a:hover,
.sidebar-left .nav > li > a:focus,
.side-navigation > li.active > a,
.side-navigation > li.active > a:hover,
.side-navigation > li.active > a:focus,
.side-navigation > li.menu-list > a:hover,
.side-navigation > li.nav-active > a,
.side-navigation .child-list,
.sidebar-collapsed .side-navigation > li.nav-hover > a,
.sidebar-collapsed .side-navigation > li.nav-hover.active > a,
.sidebar-collapsed .side-navigation li.nav-hover.active a span,
.sidebar-collapsed .side-navigation li a span,
.sidebar-collapsed .side-navigation li.nav-hover ul {
    background-color: #18191b;
}

.side-navigation > li.active > a,
.side-navigation > li.active > a:hover,
.side-navigation > li.active > a:focus,
.side-navigation .child-list > li > a:hover,
.side-navigation .child-list > li > a:active,
.side-navigation .child-list > li > a:focus,
.mega-menu ul li ul li a:hover,
.weather-widget .weather-info .degree,
.weather-widget .weather-info .degree:after,
.side-navigation > li.nav-active > a,
.side-navigation > li > a:hover,
.side-navigation > li > a:active,
.side-navigation > li.nav-active > a:after {
    color: #00bfd7;
}

.r-close-btn:hover {
    background: #00bfd7;
}

.side-navigation .child-list > li > a:hover,
.side-navigation .child-list > li > a:active,
.side-navigation .child-list > li > a:focus,
.sidebar-collapsed .side-navigation ul a:hover {
    background: rgba(0, 0, 0, 0.2);
}

.navigation-title {
    color: rgba(255, 255, 255, 0.2);
}

.sidebar-widget {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.side-navigation .child-list > li.active > a {
    color: #00bfd7;
}

.panel,
.footer {
    background-image: -moz-linear-gradient( 90deg, rgb(27, 27, 34) 0%, rgb(35, 36, 42) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(27, 27, 34) 0%, rgb(35, 36, 42) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(27, 27, 34) 0%, rgb(35, 36, 42) 100%);
}

.side-navigation > li > a {
    color: #9d99ae;
}

.main-nav li a {
    color: #9d99ae;
}

.main-nav li.active a,
.main-nav li a:hover,
.main-nav li a:focus {
    color: #00bfd7;
    background-color: #18191b !important;
}

.main-nav li.active a:after {
    border-bottom: 1px solid #00bfd7;
}

.toggle-btn {
    color: #9d99ae;
}

.toggle-btn:hover,
.notification-menu .dropdown-toggle:hover,
.notification-menu .dropdown-toggle:focus,
.notification-menu .dropdown-toggle:active,
.notification-menu .dropdown-toggle.active,
.notification-menu .open .dropdown-toggle.dropdown-toggle {
    color: #00bfd7;
}

.notification-menu .dropdown-toggle:hover,
.notification-menu .open .dropdown-toggle.dropdown-toggle {
    background: #18191b;
}

.dropdown-menu {
    background: #18191b;
}

.dropdown-usermenu.purple {
    width: 240px;
}

.dropdown-usermenu.purple:after {
    border-bottom: 6px solid #00bfd7;
}

.dropdown-usermenu.purple {
    border-top: 1px solid #00bfd7;
}

.tab-dark .nav-tabs {
    background: #25262e;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.tab-dark .nav-tabs > li > a {
    margin: 0;
    border: none;
    color: #335f86;
    position: relative;
}

.tab-dark .nav-tabs>li>a:hover {
    background-color: #1f2026;
    border: none;
    color: #00bfd7;
}

.tab-dark .nav-tabs>li.active>a,
.tab-dark .nav-tabs>li.active>a:focus,
.tab-dark .nav-tabs>li.active>a:hover {
    background-color: #212228;
    border: none;
    color: #00bfd7;
}

.tab-dark .nav-tabs>li.active>a:after {
    border-bottom: 1px solid #00bfd7;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover .state-alt .h1 {
    color: #fff;
}

.table.table-dark>tbody>tr>td,
.table.table-dark>tbody>tr>th {
    border-top: 1px solid rgba(255, 255, 255, .05);
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block;
    height: 0;
    overflow-y: hidden;
}

.tab-content > .active,
.pill-content > .active {
    height: auto;
}
.tab-content>.tab-pane{ overflow: hidden; }
.section.heading{ margin-bottom: 15px; padding-left: 15px; }
