/***
default theme
***/

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

/***
Page header
***/
.header .navbar-inner {
  filter:none !important;
  background-image: none !important;
  background-color: #434343 !important;
}

.header .btn-navbar {  
  background-color: #434343 !important;
}

.header .nav .dropdown-toggle:hover,
.header .nav .dropdown.open .dropdown-toggle {
    /*background-color: #333 !important;*/
    background-color: #40a181 !important
}

.header .nav li.dropdown .dropdown-toggle i {
  color: #808080 !important;
}



.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px!important;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.panel-default {
border-color: #ddd;
}

.panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}

.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}

.panel-heading {
background-color: #F5F4F9;
background-image: linear-gradient(to bottom, #F5F4F9 0%, #ECEAF3 100%);
background-repeat: repeat-x;
border-bottom: 1px solid #CDCDCD;
border-radius: 6px 6px 0 0!important;
box-shadow: 0 1px 0 #FFFFFF inset;
height: 36px;
padding-left: 40px;
position: relative;
line-height: 16px;
}

.page-header-fixed .page-container {
margin-top: 42px;
}

.container-fluid {
    padding: 0px 20px;
}

.panel-heading > [class^="fa-"], .panel-heading > [class*=" fa-"], .panel-heading > [class^="icon-"], .panel-heading > [class*=" icon-"], .panel-heading > [class^="clip-"], .panel-heading > [class*=" clip-"] {
border-right: 1px solid #CDCDCD;
box-shadow: 1px 0 0 0 #FFFFFF;
opacity: 0.7;
padding: 12px 10px 8px;
position: absolute;
left: 0;
top: 0;
height: 36px;
}

.panel-body {
padding: 15px;
}

.panel-tools {
position: absolute;
right: 5px;
top: 8px;
}

.panel-tools .btn-link {
color: #666666;
border-style: none;
border-color: transparent;
background-color: transparent;
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}

.panel-tools .btn-link:hover {
color: #101010;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


/***
Page sidebar
***/
.page-sidebar > ul > li > a {
  border-top: 1px solid #D9D9D9 !important;
  font-weight: 400;
}

.page-sidebar > ul > li:last-child > a {
   border-bottom: 1px solid transparent !important;
}

.page-sidebar > ul > li a i {
   color: #bbb !important;
}


.page-sidebar > ul > li.open > a, 
.page-sidebar > ul > li >a:hover, 
.page-sidebar > ul > li:hover >a {  
  background: #DDD;
}




.page-sidebar > ul > li.active > a {
  background: #28b779 !important;  
  border-top-color: transparent !important;
  color:#fff!important;
}  

.page-sidebar > ul > li.active > a i {
  color:#fff !important;
}

.page-sidebar > ul > li > a.open {
  background: #313131;
}

.page-sidebar ul > li > a > .arrow:before,
.page-sidebar > ul > li > a > .arrow.open:before {  
   color: #919091 !important;
}

.page-sidebar ul > li.active > a .arrow:before,
.page-sidebar > ul > li.active > a .arrow.open:before {  
   color: #fff !important;
}

.page-sidebar > ul > li > ul.sub-menu > li > a {
  margin-left:0px;  
  padding-left: 5px; 
  color: #333 !important;
  font-size: 14px;
  font-weight: 400;
}

.page-sidebar > ul > li > ul.sub-menu > li:first-child > a {
  border-top: 0px !important;
}

.page-sidebar > ul > li > ul.sub-menu > li.active > a, 
.page-sidebar > ul > li > ul.sub-menu > li > a:hover {
  color: #818181 !important;
  background: #efefef !important;  
}

.page-sidebar > ul > li > ul.sub-menu > li > a:hover {
  background: #ddd !important;  
}

/* 3rd level sub menu */
.page-sidebar > ul > li > ul.sub-menu  li > ul.sub-menu > li.active > a, 
.page-sidebar > ul > li > ul.sub-menu  li > ul.sub-menu > li > a:hover,
.page-sidebar > ul > li > ul.sub-menu  li.open > a  {
  color: #fff !important;
  background: #4b4b4b !important;  
}

.page-sidebar > ul > li > ul.sub-menu  a .arrow:before,
.page-sidebar > ul > li > ul.sub-menu  a .arrow.open:before {  
   color: #626262 !important;
}

/* sidebar search */

.page-sidebar .sidebar-search input{
  background-color: #3d3d3d  !important;  
  color: #bababa !important;
}

.page-sidebar .sidebar-search .input-box {
  border-bottom-color: #959595  !important;
}

.page-sidebar .sidebar-search .submit {
  background-image: url(../../images/search-icon.png);
}

/***
Sidebar toggler
***/
.sidebar-toggler {  
  background-image: url(../../images/sidebar-toggler.jpg);
  background-color: #333;
}

/* search box bg color on expanded */
.page-sidebar-closed .page-sidebar .sidebar-search.open {
  background-color: #3d3d3d !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .remove {  
  background-image: url("../../images/sidebar-search-close.png");
}

/* sub menu bg color on hover menu item */
.page-sidebar-closed .page-sidebar > ul > li:hover .sub-menu {
  background-color: #FFF;
  padding-left: 10px;
}

/***
Horizontal Menu(new in v1.2)
***/

/*search*/

.header .hor-menu .hor-menu-search-form-toggler.hide {
  background: #101010 url(../../images/hor-menu-search-close.png) no-repeat center;
}

.header .hor-menu .search-form {
  background:#101010;
}

.header .hor-menu .search-form .btn {
  color: #999;
  background: #2d2d2d url(../../images/search-icon.png) no-repeat center;
}

.header .hor-menu .search-form form input {
  color: #999;
}

.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}

/***
Landscape phone to portrait tablet
***/
@media (max-width:979px) { 
  /***
  page sidebar
  ***/
  .page-sidebar {
    background-color: #F6F6F6 !important;
  }

  .page-sidebar > ul > li > a {
  }

  .page-sidebar > ul > li:last-child > a {
    border-bottom: 0 !important;
  }

  .page-sidebar .sidebar-search input{
    background-color: #232427  !important;  
  }
}