/***
Default theme
***/
/***
Reset and overrides  
***/
body {
  /*background-color: #3d3d3d !important;*/
  /*background-color: #F6F6F6 !important;*/
}

/***
Page header
***/
.header .navbar-inner{
  background-image: none; background-color: #fff;
  filter: none;  
  box-shadow:1px 0 3px rgba(0,0,0,.45);
}
  .header .btn-navbar{}
  .header .nav li.dropdown.open>.dropdown-toggle, .header .nav li.dropdown.active>.dropdown-toggle, .header .nav li.dropdown.open.active>.dropdown-toggle, .header .nav li.dropdown>.dropdown-toggle:hover, .header .nav li.dropdown>.dropdown-toggle:focus{
     background-color: #eaeaea; color: #444; 
  }
    .header .nav li.dropdown .dropdown-toggle i{ color: #8a8a8a; }
      .header .nav li.dropdown .dropdown-toggle:hover i{ color: #444; }
  .brand-mobile{ display: none; float: left; width: 50px; margin-left: -10px; }

/***
Page sidebar
***/
.page-sidebar{}
  ul.page-sidebar-menu > li > a{ border-top: 1px solid #eee; color: #3d3d3d; }
  ul.page-sidebar-menu > li:last-child > a{ border-bottom: 1px solid #eee !important; }
    ul.page-sidebar-menu > li a i{ font-size: 18px; color: #3d3d3d; }
      ul.page-sidebar-menu > li.open > a, ul.page-sidebar-menu > li > a:hover, ul.page-sidebar-menu > li:hover > a{ background: #0064a0; color:#fff; }
        ul.page-sidebar-menu > li.open > a i, ul.page-sidebar-menu > li:hover > a:hover i{ color:#fff; }
        ul.page-sidebar-menu > li > a > .arrow.open:before { color: #fff; }
          ul.page-sidebar-menu > li.active > a .arrow:before, ul.page-sidebar-menu > li.active > a .arrow.open:before { color: #fff; }
      ul.page-sidebar-menu > li.active > a{ background: #004063; color: #fff; }
        ul.page-sidebar-menu > li.active > a i{ color: #fff; }
  /*2nd level*/
  ul.page-sidebar-menu > li.open > ul.sub-menu { border-left:5px solid #0064a0; }
    ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a{ border-top: 0px; }
      ul.page-sidebar-menu li > ul.sub-menu > li > a { color: #3d3d3d; font-size:12px; }
        ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover{ background:#dcdee6; border-left:5px solid #00bec5; }
        ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before{ color: #707070; }
      ul.page-sidebar-menu > li > ul.sub-menu > li.active > a{ background: #efefef; border-left:5px solid #732982; font-weight:bold; }
        ul.page-sidebar-menu > li > ul.sub-menu > li.active > a:hover{ background:#ccc !important; }
          ul.page-sidebar-menu > li.active > ul.sub-menu > li.active > a .arrow.open:before{ color: #707070; }
      ul.page-sidebar-menu > li > ul.sub-menu li.open > a { border-left-color: #732982; background: #e3e5ef; color: #3d3d3d; }
    /*3rd level*/
    ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu { background: #e3e5ef; }
      ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a{ font-size: 12px; }
        ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover{ margin-left: -5px; border-left: 5px solid #0fcee4; background: #f9f9f9; color: #000; }
        ul.page-sidebar-menu > li.active > ul.sub-menu li.active > ul.sub-menu > li.active > a{ margin-left: -5px; border-left: 5px solid #0fcee4; background: #fefefe; }
      /*ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a{ color: #ffffff !important; background: #0f767b !important; border-left:12px solid #ad228f; } */
          ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active{ border-left-color: #f09; }
            ul.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu{ background: #efefef; }

/* sidebar search */
.page-sidebar .sidebar-search input{ background-color: #2a2a2a; color: #bfbfbf; }
.page-sidebar .sidebar-search input::-webkit-input-placeholder{
  color: #7d7d7d;
}
.page-sidebar .sidebar-search input:-moz-placeholder{
  color: #7d7d7d;
}
.page-sidebar .sidebar-search input:-ms-input-placeholder{
  color: #7d7d7d;
}
.page-sidebar .sidebar-search .input-box{ border-bottom: 1px solid #7d7d7d; }
.page-sidebar .sidebar-search .submit{ background-image: url(../../img/search-icon.png); }

/***
Sidebar toggler
***/
.sidebar-toggler{
  float: left; display: inline-block; width: 29px; height: 29px; margin: 0; padding: 15px 10px 6px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center; cursor: pointer;
  opacity: 0.5; filter: alpha(opacity=50);
}
  .header.navbar .sidebar-toggler i { color:#999; }
/* search box bg color on expanded */
.page-sidebar-closed .page-sidebar .sidebar-search.open{ background-color: #f6f6f6; }
  .page-sidebar-closed .page-sidebar .sidebar-search.open .remove{ background-image: url("../../img/sidebar-search-close.png"); }
/* sub menu bg color on hover menu item */
  .page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu{ background-color: #f6f6f6; }

/***
Horizontal Menu(new in v1.2)
***/
/*search*/
.header .hor-menu .hor-menu-search-form-toggler.hide{ background: #000000 url(../../img/hor-menu-search-close.png) no-repeat center; }
.header .hor-menu .search-form { background: #000; }
  .header .hor-menu .search-form .btn{ color: #d6d6d6; background: #000000 url(../../img/search-icon.png) no-repeat center; }
  .header .hor-menu .search-form form input{ color: #d6d6d6; }
  .header .hor-menu .search-form form input::-webkit-input-placeholder {
    color: #d6d6d6;
  }
  .header .hor-menu .search-form form input:-moz-placeholder {
    color: #d6d6d6;
  }
  .header .hor-menu .search-form form input::-moz-placeholder {
    color: #d6d6d6;
  }
  .header .hor-menu .search-form form input:-ms-input-placeholder {
    color: #d6d6d6;
  }

/***
Content
***/
.select-resp{ width: 100%; }

/***
Footer 
***/
.footer .footer-inner, .footer .footer-inner a{ color: #666; }
.footer .footer-tools .go-top{
  padding: 8px 12px; background-color: #004063; font-size: 30px; line-height: 20px;
  -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; -o-border-radius: 4px !important; -ms-border-radius: 4px !important;
}
  .footer .footer-tools .go-top:hover{ opacity: 0.7; filter: alpha(opacity=70); }
  .footer .footer-tools .go-top i{ color: #fff; }

/***
Footer Layouts (new in v1.3)
***/
/* begin:fixed footer */
.page-footer-fixed .footer{ background-color: #242424; }
  .page-footer-fixed .footer .footer-inner{ color: #999; }
  .page-footer-fixed .footer .footer-tools .go-top{ background-color: #4f4f4f; }
    .page-footer-fixed .footer .footer-tools .go-top i{ color: #8a8a8a; }
/* end:fixed footer */

/***
Gritter Notifications 
***/
.gritter-top{ background: url(../../plugins/gritter/images/gritter.png) no-repeat left -30px; }
.gritter-bottom{ background: url(../../plugins/gritter/images/gritter.png) no-repeat left bottom; }
.gritter-item{ display: block; background: url(../../plugins/gritter/images/gritter.png) no-repeat left -40px; }
.gritter-close{ background: url(../../plugins/gritter/images/gritter.png) no-repeat left top; }
.gritter-title{ text-shadow: none; }
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item, .gritter-light .gritter-bottom, .gritter-light .gritter-top, .gritter-light .gritter-close{ background-image: url(../../plugins/gritter/images/gritter-light.png); }
.gritter-item-wrapper a{ color: #18a5ed; }
  .gritter-item-wrapper a:hover{ color: #0b6694; }

/* begin: boxed page */
@media (min-width: 980px) {
  .page-boxed{ background-color: #2e2e2e; }
    .page-boxed .page-container{ background-color: #3d3d3d; border-left: 1px solid #5e5e5e; border-bottom: 1px solid #5e5e5e; }
      .page-boxed.page-sidebar-fixed .page-container{ border-left: 0; border-bottom: 0; }
      .page-boxed.page-sidebar-fixed .page-sidebar{ border-left: 1px solid #5e5e5e; }
        .page-boxed.page-sidebar-fixed.page-footer-fixed .footer{ background-color: #2e2e2e; }
}
/* end: boxed page */

/***
Landscape phone to portrait tablet
***/
@media (max-width: 979px) {
  /***
    page sidebar
    ***/
  .page-sidebar{ background-color: #f6f6f6; }
  ul.page-sidebar-menu > li > a{ border-top: 1px solid #eaeaea; }
  ul.page-sidebar-menu > li:last-child > a { border-bottom: 0 !important; }
    .page-sidebar .sidebar-search input{ background-color: #f6f6f6; }
    ul.page-sidebar-menu > li.open > a, ul.page-sidebar-menu > li > a:hover, ul.page-sidebar-menu > li:hover > a{ background: #1da8af; }
}