.skin-blue .main-header .navbar {
    background-color: #0052cc;
    /* background-color: #3c8dbc; */
}
.skin-blue .main-header .navbar .nav>li>a {
    color: #fff;
    font-weight: 600;
}
.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: #020132;
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #020132;
    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: #0052cc;
}
@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: #efb224;
}
}.skin-blue .main-header .logo {
    background-color: #005ce6;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
    background-color: #edab12;
    color: #020132;
}
.skin-blue .main-header li.user-header {
    background-color: #0052cc;
}
.skin-blue .content-header {
    background: transparent;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #020132;
}
.skin-blue .user-panel>.info, .skin-blue .user-panel>.info>a {
    color: #fff;
}
.skin-blue .sidebar-menu>li.header {
    color: white;
    background: #010119;
}
.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, .skin-blue .sidebar-menu>li.menu-open>a {
    color: #fff;
    background: #020146;
}
.skin-blue .sidebar-menu>li.active>a {
    border-left-color: #edab12;
}
.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #030264;
}
.skin-blue .sidebar a {
    color: #b8c7ce;
}
.skin-blue .sidebar a:hover {
    text-decoration: none;
}
.skin-blue .sidebar-menu .treeview-menu>li>a {
    color: #fff;
    font-weight: 400;
}
.skin-blue .sidebar-menu .treeview-menu>li.active>a, .skin-blue .sidebar-menu .treeview-menu>li>a:hover {
    color: #efb42a;
}
.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;
}
.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: #edab12;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8;
}

/* --------------------------------------------------------------------------
   Colombo Scouts - Professional Sidebar Balanced Theme
   This override keeps the navbar blue and gives the sidebar a darker navy
   shade so the menu is not too bright.
-------------------------------------------------------------------------- */

/* Top navbar */
body.skin-blue .main-header .navbar{
   background-color: #0052cc !important;
}

body.skin-blue .main-header .navbar .nav > li > a{
   color: #ffffff !important;
   font-weight: 600 !important;
}

body.skin-blue .main-header .navbar .nav > li > a:hover,
body.skin-blue .main-header .navbar .nav > li > a:active,
body.skin-blue .main-header .navbar .nav > li > a:focus,
body.skin-blue .main-header .navbar .nav .open > a,
body.skin-blue .main-header .navbar .nav .open > a:hover,
body.skin-blue .main-header .navbar .nav .open > a:focus,
body.skin-blue .main-header .navbar .nav > .active > a{
   background-color: rgba(0, 0, 0, 0.12) !important;
   color: #ffffff !important;
}

body.skin-blue .main-header .navbar .sidebar-toggle{
   color: #ffffff !important;
}

body.skin-blue .main-header .navbar .sidebar-toggle:hover{
   color: #ffffff !important;
   background-color: #1a75ff !important;
}

/* Logo area */
body.skin-blue .main-header .logo{
   background-color: #003d99 !important;
   color: #ffffff !important;
   border-bottom: 0 solid transparent !important;
}

body.skin-blue .main-header .logo:hover{
   background-color: #1a75ff !important;
   color: #ffffff !important;
}

body.skin-blue .main-header li.user-header{
   background-color: #003d99 !important;
}

/* Sidebar main background */
body.skin-blue .wrapper,
body.skin-blue .main-sidebar,
body.skin-blue .left-side{
   background-color: #071833 !important;
}

/* User panel in sidebar */
body.skin-blue .main-sidebar .user-panel{
   background-color: #071833 !important;
}

body.skin-blue .user-panel > .info,
body.skin-blue .user-panel > .info > a{
   color: #ffffff !important;
}

/* MAIN CONTENT title strip */
body.skin-blue .sidebar-menu > li.header{
   background-color: #06142b !important;
   color: #ffffff !important;
}

/* Main menu normal item */
body.skin-blue .sidebar-menu > li > a{
   color: #d8e3f0 !important;
   background-color: #071833 !important;
   border-left: 3px solid transparent !important;
}

/* Main menu hover/open/active */
body.skin-blue .sidebar-menu > li:hover > a,
body.skin-blue .sidebar-menu > li.active > a,
body.skin-blue .sidebar-menu > li.menu-open > a{
   color: #ffffff !important;
   background-color: #0b2f66 !important;
   border-left-color: #edab12 !important;
}

/* Sidebar links */
body.skin-blue .sidebar a{
   color: #d8e3f0 !important;
}

body.skin-blue .sidebar a:hover{
   text-decoration: none !important;
}

/* Main menu icons */
body.skin-blue .main-sidebar .sidebar-menu > li > a > i,
body.skin-blue .main-sidebar .sidebar-menu > li > a > .fa,
body.skin-blue .main-sidebar .sidebar-menu > li > a > .glyphicon,
body.skin-blue .main-sidebar .sidebar-menu > li > a > .ion{
   color: #edab12 !important;
   width: 20px !important;
   text-align: center !important;
}

/* Main menu icons hover/open/active */
body.skin-blue .main-sidebar .sidebar-menu > li:hover > a > i,
body.skin-blue .main-sidebar .sidebar-menu > li.active > a > i,
body.skin-blue .main-sidebar .sidebar-menu > li.menu-open > a > i,
body.skin-blue .main-sidebar .sidebar-menu > li:hover > a > .fa,
body.skin-blue .main-sidebar .sidebar-menu > li.active > a > .fa,
body.skin-blue .main-sidebar .sidebar-menu > li.menu-open > a > .fa{
   color: #edab12 !important;
}

/* Submenu background */
body.skin-blue .sidebar-menu > li > .treeview-menu{
   background-color: #0a234d !important;
   margin: 0 !important;
}

/* Submenu normal link */
body.skin-blue .sidebar-menu .treeview-menu > li > a{
   color: #d8e3f0 !important;
   background-color: transparent !important;
   font-weight: 400 !important;
}

/* Submenu hover/active */
body.skin-blue .sidebar-menu .treeview-menu > li.active > a,
body.skin-blue .sidebar-menu .treeview-menu > li > a:hover{
   color: #edab12 !important;
   background-color: #103a78 !important;
}

/* Convert submenu circle icon to arrow */
body.skin-blue .sidebar-menu .treeview-menu > li > a > i.fa-circle-o{
   font-size: 0 !important;
   width: 20px !important;
   text-align: center !important;
}

body.skin-blue .sidebar-menu .treeview-menu > li > a > i.fa-circle-o:before{
   content: "\f090";
   font-family: FontAwesome;
   font-size: 14px !important;
   color: #00c0ef !important;
}

/* Submenu icon normal */
body.skin-blue .sidebar-menu .treeview-menu > li > a > i,
body.skin-blue .sidebar-menu .treeview-menu > li > a > .fa{
   color: #00c0ef !important;
}

/* Submenu icon hover/active */
body.skin-blue .sidebar-menu .treeview-menu > li.active > a > i,
body.skin-blue .sidebar-menu .treeview-menu > li > a:hover > i,
body.skin-blue .sidebar-menu .treeview-menu > li.active > a > .fa,
body.skin-blue .sidebar-menu .treeview-menu > li > a:hover > .fa,
body.skin-blue .sidebar-menu .treeview-menu > li.active > a > i.fa-circle-o:before,
body.skin-blue .sidebar-menu .treeview-menu > li > a:hover > i.fa-circle-o:before{
   color: #edab12 !important;
}

/* Sidebar search form */
body.skin-blue .sidebar-form{
   border-radius: 3px !important;
   border: 1px solid #173b75 !important;
   margin: 10px 10px !important;
}

body.skin-blue .sidebar-form input[type="text"],
body.skin-blue .sidebar-form .btn{
   box-shadow: none !important;
   background-color: #0a234d !important;
   border: 1px solid transparent !important;
   height: 35px !important;
}

body.skin-blue .sidebar-form input[type="text"]{
   color: #ffffff !important;
}

body.skin-blue .sidebar-form input[type="text"]:focus,
body.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn{
   background-color: #ffffff !important;
   color: #333333 !important;
}

body.skin-blue .sidebar-form .btn{
   color: #d8e3f0 !important;
}

/* Mobile dropdown */
@media (max-width: 767px){
   body.skin-blue .main-header .navbar .dropdown-menu li.divider{
      background-color: rgba(255, 255, 255, 0.1) !important;
   }

   body.skin-blue .main-header .navbar .dropdown-menu li a{
      color: #ffffff !important;
   }

   body.skin-blue .main-header .navbar .dropdown-menu li a:hover{
      background-color: #edab12 !important;
      color: #071833 !important;
   }
}