.navbar-custom {
    position:fixed;
    top:0;
    left:0;
    border-bottom:none;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius:0;
    background-color:#ffffff;
    width:100%;
    -webkit-box-shadow: 0 3px 6px rgba(20, 20, 20, .2);
            box-shadow: 0 3px 6px rgba(20, 20, 20, .2);
}

.navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover {
    color:#95C11F;
}

.navbar-custom .nav li a.current,.navbar-custom .nav li a:active {
    border-bottom:3px solid #95c11f;
}

.navbar-custom .navbar-toggle {
    position:relative;
    background-color: #ffffff;
    border-color: #575756;
}

.navbar-custom .navbar-toggle:focus,.navbar-custom .navbar-toggle:hover {
    border-color: #838a94;


}.navbar-custom .navbar-toggle .icon-bar {
    background-color: #575756;
}

.navbar-custom .navbar-brand {
}

.navbar-default .navbar-collapse {
    border-color:#e7e7e7
}

.navbar-logo {
    width: 212px;
}

.breadcrumb {
    background-color: #EEEEEE;
}

.highlight-brand {
    background-color:#95c11f;
    border-color:#95c11f;
}

.highlight-brand:hover {
    background-color:#B5E13f;
    border-color:#B5E13f;
}

.highlight {
    color: #41AFDA !important;
}

.highlight-bg {
    background-color: #41AFDA !important;
}

.highlight-off {
    color: #AAB2BD !important;
}

.btn-on {
    color: #585858 !important;
    font-weight: bold;
    background: #CCEBC5 !important;
    border: 0px !important;
}

.btn-off {
    color: #585858 !important;
    font-weight: bold;
    background: #EFEFEF !important;
    border: 0px !important;
}

.btn-on:hover,
.btn-on:focus,
.btn-on:active,
.btn-on.active {
    background: #CCEBC5 !important;
    color: #606060 !important;
}

.btn-off:hover,
.btn-off:focus,
.btn-off:active,
.btn-off.active {
    background: #EFEFEF !important;
    color: #606060 !important;
}

.bg-on {
    background: #CCEBC5 !important;
}

.bg-off {
    background: #EFEFEF !important;
}


.scala-bg-none {
    background: #cccccc !important;
}

.scala-bg-1 {
    background: #f7fcf0 !important;
}

.scala-bg-2 {
    background: #e0f3db !important;
}

.scala-bg-3 {
    background: #ccebc5 !important;
}

.scala-bg-4 {
    background: #a8ddb5 !important;
}

.scala-bg-5 {
    background: #7bccc4 !important;
}

.scala-bg-6 {
    background: #4eb3d3 !important;
}

.scala-bg-7 {
    background: #2b8cbe !important;
}

.scala-bg-8 {
    background: #0868ac !important;
}

.scala-bg-9 {
    background: #085081 !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

.slider.round {
  border-radius: 18px;
}

.slider.round:before {
  border-radius: 50%;
}

