/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/

.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;  
  width: auto;
  text-align: center;
}

/* EXAMPLE 6 - Background Logo*/
.navbar-custom .navbar-brand{ 
  background: url(../images/Logo.jpg) center / contain no-repeat;
  width: 200px;
  padding: 20px;
}

.navbar-nav>li>.dropdown-menu {
	z-index: 9999;
}

/* main menu bar */
.navbar-custom {
  background-color: #ffffff;
  /*border-color: #0a4969;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#117eb6), to(#0d5e87));
  background-image: -webkit-linear-gradient(top, #117eb6, 0%, #0d5e87, 100%);
  background-image: -moz-linear-gradient(top, #117eb6 0%, #0d5e87 100%);
  background-image: linear-gradient(to bottom, #117eb6 0%, #0d5e87 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff117eb6', endColorstr='#ff0d5e87', GradientType=0); */
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li > a {
  padding: 20px;
}
.navbar-custom .navbar-nav > li > a {
  /*color: #ffffff;*/
  color: #1c1b1b;
  font-weight: bolder;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  /* color: #c0c0c0;
  background-color: transparent; */
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  /*color: #c0c0c0;
  background-color: #0a4969;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0a4969), to(#0f6997));
  background-image: -webkit-linear-gradient(top, #0a4969, 0%, #0f6997, 100%);
  background-image: -moz-linear-gradient(top, #0a4969 0%, #0f6997 100%);
  background-image: linear-gradient(to bottom, #0a4969 0%, #0f6997 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0a4969', endColorstr='#ff0f6997', GradientType=0);*/
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #0a4766;
}

.dropdown-menu>li {    
    padding: 5px;
}

/* submenus */
.dropdown-menu>li>a:hover {    
    background-color: #77777b;
    color: #ffffff;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #1c1b1b;
  border-bottom-color: #1c1b1b;
}

/* Active tab focus */
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #77777b;
  color: #ffffff;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #0a4969;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #c0c0c0;
}