.skin-blue .main-header .navbar {
 background-color:#003638
}
.skin-blue .main-header .navbar .nav>li>a {
 color:#fff
}
.skin-blue .main-header .navbar .nav>li>a:hover,
.skin-blue .main-header .navbar .nav>li>a:active,
.skin-blue .main-header .navbar .nav>li>a:focus,
.skin-blue .main-header .navbar .nav .open>a,
.skin-blue .main-header .navbar .nav .open>a:hover,
.skin-blue .main-header .navbar .nav .open>a:focus,
.skin-blue .main-header .navbar .nav>.active>a {
 background:rgba(0,0,0,0.1);
 color:#f6f6f6
}
.skin-blue .main-header .navbar .sidebar-toggle {
 color:#fff
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
 color:#f6f6f6;
 background:rgba(0,0,0,0.1)
}
.skin-blue .main-header .navbar .sidebar-toggle {
 color:#fff
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
 background-color:#003638
}
@media (max-width:767px) {
 .skin-blue .main-header .navbar .dropdown-menu li.divider {
  background-color:rgba(255,255,255,0.1)
 }
 .skin-blue .main-header .navbar .dropdown-menu li a {
  color:#fff
 }
 .skin-blue .main-header .navbar .dropdown-menu li a:hover {
  background:#003638
 }
}
.skin-blue .main-header .logo {
 background-color:#003638 !important;
 color:#fff;
 border-bottom:0 solid transparent
}
.skin-blue .main-header .logo:hover {
 background-color:#055052 !important;
}
.skin-blue .main-header li.user-header {
 background-color:#055052
}
.skin-blue .content-header {
 background:transparent
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
 background-color:#222d32
}
.skin-blue .user-panel>.info,
.skin-blue .user-panel>.info>a {
 color:#fff
}
.skin-blue .sidebar-menu>li.header {
 color:#4b646f;
 background:#1a2226
}
.skin-blue .sidebar-menu>li>a {
 border-left:3px solid transparent
}
.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a {
 color:#fff;
 background:#1e282c;
 border-left-color:#3c8dbc
}
.skin-blue .sidebar-menu>li>.treeview-menu {
 margin:0 1px;
 background:#2c3b41
}
.skin-blue .sidebar a {
 color:#b8c7ce
}
.skin-blue .sidebar a:hover {
 text-decoration:none
}
.skin-blue .treeview-menu>li>a {
 color:#8aa4af
}
.skin-blue .treeview-menu>li.active>a,
.skin-blue .treeview-menu>li>a:hover {
 color:#fff
}
.skin-blue .sidebar-form {
 border-radius:3px;
 border:1px solid #374850;
 margin:10px 10px
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
 box-shadow:none;
 background-color:#374850;
 border:1px solid transparent;
 height:35px;
 -webkit-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out
}
.skin-blue .sidebar-form input[type="text"] {
 color:#666;
 border-top-left-radius:2px;
 border-top-right-radius:0;
 border-bottom-right-radius:0;
 border-bottom-left-radius:2px
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
 background-color:#fff;
 color:#666
}
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
 border-left-color:#fff
}
.skin-blue .sidebar-form .btn {
 color:#999;
 border-top-left-radius:0;
 border-top-right-radius:2px;
 border-bottom-right-radius:2px;
 border-bottom-left-radius:0
}
.skin-blue.layout-top-nav .main-header>.logo {
 background-color:#3c8dbc;
 color:#fff;
 border-bottom:0 solid transparent
}
.skin-blue.layout-top-nav .main-header>.logo:hover {
 background-color:#3b8ab8
}