/* Make navbar shrink on scroll for larger screens. */
@media(min-width:768px) {

	body {
		margin-top: 125px;  /* 80px for the .main-menu, 35px in case of a .sub-menu, 10px to be nice. */
	}

/*  Not a fan of overriding this here but the value in bootstrap isn't 508 compliant.     */
	a {
  	color: #0066CC;
  	text-decoration: none;
  }
  
  /*  BOOTSTRAP override for 508 compliance.     */
  .btn-primary {
  	background-color: #033C73;
  }
  .btn-info {
  	background-color: #077cbf;
	}
	.btn-link {
  	color: #0066cc;  	
	}

	/*  BOOTSTRAP override for 508 compliance.     */
	.breadcrumb > .active {
  color: #707070;
	}

	/*  BOOTSTRAP override for 508 compliance.     */
	.label-default {
	  background-color: #767676;
	}

	/*  BOOTSTRAP override for 508 compliance.     */
	.label-success {
  background-color: #2c882c;
	}

	/*  BOOTSTRAP override for 508 compliance.     */
	.label-warning, .btn-warning {
  background-color: #aa6708;
	}

	/*  BOOTSTRAP override for 508 compliance.     */
	.btn-warning:hover,
	.btn-warning:focus,
	.btn-warning:active,
	.btn-warning.active,
	.open .dropdown-toggle.btn-warning {
		background-color: #92590a;
	}
	
	/*  BOOTSTRAP override for 508 compliance.     */
	.text-warning {
  color: #896c3a;
	}
	
	/*  BOOTSTRAP override for 508 compliance.     */
	.btn-success {
  color: #fff;
	background-color:#007B00;         
	border-color:    #007B00;
	}
	
	.btn-danger {
  color: #fff;
	background-color: #CC4C33;         
	border-color:     #CC4C33;
	}

	
	/*  BOOTSTRAP override for 508 compliance.     */
	.btn-success:hover, .btn-success:focus, .btn-success:active, btn-success.active, .open .dropdown-toggle.btn-success {
		background-color: #2c882c;
		border-color: #2c882c;
		
	}

	/*  BOOTSTRAP override for 508 compliance.     */
	h1 small,
	h2 small,
	h3 small,
	h4 small,
	h5 small,
	h6 small,
	.h1 small,
	.h2 small,
	.h3 small,
	.h4 small,
	.h5 small,
	.h6 small,
	h1 .small,
	h2 .small,
	h3 .small,
	h4 .small,
	h5 .small,
	h6 .small,
	.h1 .small,
	.h2 .small,
	.h3 .small,
	.h4 .small,
	.h5 .small,
	.h6 .small {
	  color: #767676;
	}

/* BOOTSTRAP override for 508 compliance.   */
  .form-control::-moz-placeholder {
	  color: #767676;
	  opacity: 1;
	}
	.form-control:-ms-input-placeholder {
	  color: #767676;
	}
	.form-control::-webkit-input-placeholder {
	  color: #767676;
  
}
  
  
  /*  BOOTSTRAP override for 508 compliance.     */
  .panel-primary > .panel-heading {
  color: #fff;
  background-color: #317ab9;
  border-color: #317ab9;
}

/*  BOOTSTRAP override for 508 compliance.     */
	.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #ffffff;
    background-color: #077cbf;
}


/*  BOOTSTRAP override for 508 compliance.     */
	.navbar-inverse {
		background-color:#033c73;
		border-color:#022f5a}
	.navbar-inverse .navbar-brand {
		color:#ffffff}
	.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
		color:#ffffff;background-color:none}
	.navbar-inverse .navbar-text {
		color:#ffffff}
	.navbar-inverse .navbar-nav>li>a{
			color:#ffffff}
	.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{
		color:#ffffff;
		background-color:#022f5a}
	.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{
		color:#ffffff;
		background-color:#022f5a}
	.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{
		color:#cccccc;
		background-color:transparent}
	.navbar-inverse .navbar-toggle{
		border-color:#022f5a}
	.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{
		background-color:#022f5a}
	.navbar-inverse .navbar-toggle .icon-bar{
		background-color:#ffffff}
	.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{
		border-color:#022a50}
	.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{
		background-color:#022f5a;
		color:#ffffff}
		
		
	/*  BOOTSTRAP override for 508 compliance.     */	
	@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{
		border-color:#022f5a}
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider{
		background-color:#022f5a}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
		color:#ffffff}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{
		color:#ffffff;
		background-color:#022f5a}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{
		color:#ffffff;
		background-color:#022f5a}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{
		color:#cccccc;
		background-color:transparent}}
	.navbar-inverse .navbar-link{
		color:#ffffff}
	.navbar-inverse .navbar-link:hover{
		color:#ffffff}
	.navbar-inverse .btn-link{
		color:#ffffff}
	.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{
		color:#ffffff}
	.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{
		color:#cccccc}

	.afsac-nav>.main-menu {
		padding: 15px 0;
		z-index: 20;
		height: 80px;
	}
	
	.afsac-nav>.main-menu .navbar-brand {
		width: 220px; /* Need fixed width so left-aligned links don't move on shrink. */
	    font-size: 2em;
	}
	
	.afsac-nav>.main-menu-shrink {
		padding: 0;
		height: 50px;
	}	
	
	.afsac-nav>.main-menu-shrink .navbar-brand {
	    font-size: 1.5em;
	}
	
	/* Set a width for the navbar login form, otherwise it's really small. */
	.navbar-login {
		width: 300px;
	}



	.transition	{
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}


}


/* Make a divider in the xs navbar */
@media (max-width:768px) {
	
	body {
		margin-top: 60px;
	}
	
	.nav>li.divider {
		*width: 100%;
		height: 1px;
		margin: 9px 1px;
		*margin: -5px 0 5px;
		overflow: hidden;
		background-color: #022F5A;
	}
	
	.nav p>strong {
		color: #fff;
	}
	
}

/* Sub menu */
.sub-menu {
	top: 80px;
	background-color: #fff;
	background-image: none;
	min-height: 0;
	z-index:10;
}


.sub-menu>.container>.navbar-brand,
.sub-menu>.container>.navbar-nav>li>a {
	color: #000000;
	padding-top: 7px;
	padding-bottom: 7px;
	height: auto;
}

.sub-menu>.container>.navbar-brand:hover {
	color:  #157AB5;
}

.sub-menu>.container>.navbar-nav>li>a:hover {
	color: #000000;
	background-color: #BCBCBC;
}











/************************************** Yamm Fix ***************************************
 * Out of the box, yamm dropdown-menus in navbar-right navbars right align 
 * with viewport instead of the dropdown-toggle. Setting them back to position:relative 
 * fixes this, but yamm-fw dropdowns must remain position:static to achieve full width. */
.yamm .dropdown {
	position: relative;
}
.yamm .dropdown.yamm-fw {
	position: static;
}





/* System message support */

.notice {
	position:fixed;
	right:0px;
	left:0px;
	z-index:9;
	margin-bottom:0px;

	top:0px;
}
.notice p {
	margin: 0px;
}