/* found navbar stuff on http://work.smarchal.com/twbscolor/css/ */
/* WARNING:Check the icon-bar colours are visible */
.navbar-default .navbar-brand {color: #4169E1;}
.navbar-default
{ font-size: 17px;
  background-color: rgba(255, 153, 153, 1);
  background: -webkit-linear-gradient(top, rgba(255, 255, 153, 1) 0%, rgba(255, 153, 153, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 153, 1) 0%, rgba(255, 153, 153, 1) 100%);
  border-width: 0px;
  border-radius: 0px;
}
.navbar-default .navbar-nav>li>a {color: #4169E1; background-color: rgba(248, 248, 248, 0);}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {color:red; background-color: rgba(248, 248, 248, 0);}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {color: #4169E1; background-color: rgba(231, 231, 231, 1);}
.navbar-default .navbar-toggle {border-color: #ddd;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #ddd;}
.navbar-default .navbar-toggle .icon-bar {background-color: #888;}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {background-color: #ff9999;}
.navbar {margin-bottom:0;}

.navbar-xs {min-height:38px; height:38px;}
.navbar-xs .navbar-brand {padding:0px 12px;font-size:16px;line-height:38px;}
.navbar-xs .navbar-nav > li > a {padding-top:0px; padding-bottom:0px; line-height:38px;}

/* Collapse NavBar on Tablets */
@media (max-width:960px)
{ .navbar-header { float:none;}
   .navbar-left,.navbar-right {float:none !important;}
   .navbar-toggle {display:block;}
/*   .navbar-collapse {border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);}
   .navbar-fixed-top {top:0; border-width:0 0 1px;} */
   .navbar-collapse.collapse {display:none!important;}
   .navbar-nav {float:none!important; margin-top:7.5px;}
   .navbar-nav>li {float:none;}
   .navbar-nav>li>a {padding-top:10px; padding-bottom:10px;}
   .collapse.in{display:block !important;}
}
