#header .navbar {
  background: #00afaa;
  height: 60px !important;
}
.login-page {
  /*margin-top: 17%;*/
  background: #00afaa !important;
}
body.login-page #login #logo {
  position: absolute;
  top: -75px;
  left: 50%;
  margin-left: -75px;
  width: 138px !important;
  height: 60px !important;
}
#header .navbar {
  background: #00afaa !important;
}
.modal .modal-content .modal-header {
  background: #00afaa !important;
}
#Loginlogo {
  max-width: 42%;
  /*height:95px;*/

}
.navbar-brand > img {
  height: 60px !important;
}
#header.navbar.nav li.dropdown.open .dropdown-menu li a:hover {
  color: #00afaa;
}
.nav li a:hover {
  color: #00afaa;
}
#header .navbar .nav li a:hover,
#header .navbar .nav li a:focus {
  background: #00afaa;
}
#header .navbar .nav.navbar-nav > .open > a,
#header .navbar .nav.navbar-nav > .open > a:focus {
  background: #00afaa;
}
.shortcut-button a:hover i.color-blue {
  color: #00afaa;
}
body.login-page {
  background: #00afaa;
}
#header {
  height: 50px;
  background: #00afaa;
  z-index: 999;
  position: absolute;
  width: 100%;
  top: 0;
}
#header .navbar .navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  background-color: #00afaa;
}
#header .navbar .nav li.dropdown.open .dropdown-menu li a:hover i {
  color: #00afaa;
}
.panel-primary > .panel-heading {
  background-color: #00afaa;
  border-color: #00afaa;
}
.panel-primary > .panel-body {
  border: 1px solid #00afaa;
  border-top: none;
}
.btn-primary {
  background-color: #00afaa;
  border-color: #00afaa;
}
.toggle-on.btn {
  padding-top: 3px !important;
}
.toggle-on.btn-sm {
  padding-right: 20px;
}
.toggle-on.btn {
  padding-right: 24px;
}
.btn-primary.btn-alt {
  color: #00afaa;
  background-color: transparent;
  border-color: #00afaa;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #00afaa;
  border-color: #00afaa;
}
.btn-primary.btn-alt:hover,
.btn-primary.btn-alt:focus,
.btn-primary.btn-alt:active,
.btn-primary.btn-alt.active {
  background-color: transparent;
  color: #00afaa;
}
.btn-primary.btn-alt:hover,
.btn-primary.btn-alt:focus,
.btn-primary.btn-alt:active,
.btn-primary.btn-alt.active,
.open .dropdown-toggle.btn-primary.btn-alt {
  border-color: #00afaa;
}
.modal .modal-content .modal-header {
  background: #00afaa;
}
a:hover,
a:focus {
  color: #00afaa;
}
a {
  color: #00afaa;
}
toggle-sidebar-li:hover {
  color: #00afaa !important;
}
toggle-sidebar-li:focus {
  color: #00afaa !important;
}
@media (max-width: 767px) {
  #header .navbar .top-nav {
    background: #00afaa;
  }
}
#header .navbar .nav.navbar-nav > .open > a,
#header .navbar .nav.navbar-nav > .open > a:focus {
  background: #00afaa !important;
}
#sidebar #sideNav li a.expand i {
  color: #00afaa;
}
#sidebar #sideNav li a i:hover i {
  color: #00afaa;
}
#sidebar #sideNav li a:hover i,
#sidebar #sideNav li a.active i {
  color: #00afaa;
  text-shadow: none;
}
/*#header .navbar .top-nav
{
    float: left;
    width: 100%;
    background: @MainColor1;
    height: 50px;
    padding: 0 25px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}*/
/*#log {
    width: 100px;
    height: 100px;
    background: blue;
    top: 0;
    right: 100%;
}*/