/* here you can put your own css to customize and override the theme */
.header .navbar-brand {
    display: inline-block;
    margin-top: -1px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 400px;
}
.navbar-brand {
    float: left;
    padding: 5px 5px;
    font-size: 18px;
    line-height: 20px;
}














.page-sidebar2 {
  background-color: #3d3d3d;
}
ul.page-sidebar2-menu > li > a {
  border-top: 1px solid #5c5c5c !important;
  color: #ffffff !important;
}
ul.page-sidebar2-menu > li:last-child > a {
  border-bottom: 1px solid transparent !important;
}
ul.page-sidebar2-menu > li a i {
  color: #575757;
}
ul.page-sidebar2-menu > li.open > a,
ul.page-sidebar2-menu > li > a:hover,
ul.page-sidebar2-menu > li:hover > a {
  background: #303030;
}
ul.page-sidebar2-menu > li.active > a {
  background: #27a9e3 !important;
  border-top-color: transparent !important;
  color: #ffffff;
}
ul.page-sidebar2-menu > li.active > a i {
  color: #ffffff;
}
ul.page-sidebar2-menu > li > ul.sub-menu > li:first-child > a {
  border-top: 0px !important;
}
ul.page-sidebar2-menu > li > ul.sub-menu > li.active > a,
ul.page-sidebar2-menu > li > ul.sub-menu > li > a:hover {
  color: #ffffff !important;
  background: #575757 !important;
}
ul.page-sidebar2-menu > li > ul.sub-menu > li > a:hover {
  background: #575757 !important;
}
/* 3rd level sub menu */
ul.page-sidebar2-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
ul.page-sidebar2-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
ul.page-sidebar2-menu > li > ul.sub-menu li.open > a {
  color: #ffffff !important;
  background: #575757 !important;
}
/* font color for all sub menu links*/
ul.page-sidebar2-menu li > ul.sub-menu > li > a {
  color: #56565b;
  font-weight: bold;
}
/* menu arrows */
ul.page-sidebar2-menu > li > a .arrow:before,
ul.page-sidebar2-menu > li > a .arrow.open:before {
  color: #7d7d7d !important;
}
ul.page-sidebar2-menu > li > ul.sub-menu a .arrow:before,
ul.page-sidebar2-menu > li > ul.sub-menu a .arrow.open:before {
  color: #707070 !important;
}
ul.page-sidebar2-menu > li > a > .arrow.open:before {
  color: #8a8a8a !important;
}
ul.page-sidebar2-menu > li.active > a .arrow:before,
ul.page-sidebar2-menu > li.active > a .arrow.open:before {
  color: #ffffff !important;
}
/* sidebar2 search */
.page-sidebar2 .sidebar2-search input {
  background-color: #242424 !important;
  color: #7d7d7d;
}
.page-sidebar2 .sidebar2-search input::-webkit-input-placeholder {
  color: #7d7d7d !important;
}
.page-sidebar2 .sidebar2-search input:-moz-placeholder {
  color: #7d7d7d !important;
}
.page-sidebar2 .sidebar2-search input:-ms-input-placeholder {
  color: #7d7d7d !important;
}
.page-sidebar2 .sidebar2-search input {
  background-color: #3d3d3d !important;
  color: #bfbfbf !important;
}
.page-sidebar2 .sidebar2-search .input-box {
  border-bottom: 1px solid #7d7d7d !important;
}
.page-sidebar2 .sidebar2-search .submit {
  background-image: url(../../img/search-icon.png);
}
/***
sidebar2 toggler
***/
.sidebar2-toggler {
  background-image: url(../../img/sidebar-toggler.jpg);
  background-color: #242424;
}
/* search box bg color on expanded */
.page-sidebar2-closed .page-sidebar2 .sidebar2-search.open .form-container {
  background-color: #3d3d3d !important;
}
.page-sidebar2-closed .page-sidebar2 .sidebar2-search.open .form-container .remove {
  background-image: url("../../img/sidebar-search-close.png");
}
/* sub menu bg color on hover menu item */
.page-sidebar2-closed ul.page-sidebar2-menu > li:hover .sub-menu {
  background-color: #3d3d3d;
}