/* Customize the navbar links to be fill the entire space of the .navbar */

.nav a, .nav .dropdown-menu > li > a {
	font-weight: bold;
	color: white;
}

.nav > li > a:focus {
	background-color: black;
}

.nav a:hover, .nav > li > a:hover {
	text-decoration: underline;
	background-color: red;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
 background-color:red;
}

	
.navbar-toggle {
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
}

.navbar-toggle .icon-bar {
	background-color: white;
	height: 4px;
	width:100% !important;
}

.nav-label {
	font-size: 9px;
	font-weight:bold;
}

.dropdown-menu {
	background-color: #000000;
}

.nav .dropdown-menu > li > a:hover {
	text-decoration: underline;
	background-color: red;
}

.nav .dropdown-menu > .active > a {
	color:#fff;
	background-color: #63b7a7;
}

@media screen and (max-width: 767px) {
	.navbar {
		border-width: 0 0 1px;
	    top: 0;
	    border-radius: 0;
	    left: 0;
	    position: fixed;
	    right: 0;
	    z-index: 1030;
	    background-color: black;
	    color:white
	    max-height: 100%;
	    overflow-y:auto;
	    overflow-x:hiden;
	}
}


/* width greater than or equal to 768 */
@media screen and (min-width: 768px) {
	.nav a {
		text-align:center;
		background-color: #337ab7;
		border: 1px solid white;
		margin: 5px 5px;
	}
	
	.dropdown-menu {
		background-color: rgba(0,0,0,.5);
	}
	
	.navbar .navbar-nav {
	    display: inline-block;
	    float: none;
	    vertical-align: top;
	    
	}
	
	.navbar .navbar-collapse {
	    text-align: center;
	    padding-left: 0px;
	    padding-right:0px;
	}
	
	.navbar {
		margin-bottom:10px !important;
	}
}

/* width greater than or equal to 992 */
@media screen and (min-width: 992px) {}

/* width greater than or equal to 1200 */
@media screen and (min-width: 1200px) {}