/* OVERRIDES for bootstrap css */

/*
div[class="row"] {
    border: 1px dotted rgba(256, 256, 256, 0.5);
}

div[class^="col-"] {
    border: 1px dotted rgba(255, 256, 256, 0.5);
}
*/

.carousel-control.left {background-image:none;}
.carousel-control.right{background-image:none;}


.nopad{padding:0px !important;}

td{
	padding:10px;
}

.navbar-collapse li a{
	border-radius:4px;
	margin-top:0px;
	margin-bottom:0px;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 18px 10px;
/*   font-family: Oswald, Helvetica, Arial, sans-serif; */
   font-family: 'Open Sans Condensed', sans-serif;
   font-weight:700;
}



/*////////////////// Color styles */

body {
  font-family: Exo 2, sans-serif !important;
  font-weight: 300; 
  font-size: 16px;
  line-height: 1.42857143;
  color: #333;
  background-color: #BBB;
  border:10px solid #BBB;
}

.text-info {color:#888;}



.bg-success {
  background-color: #A040A0;
}


a {
  color: #00B040;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #D3DB30;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #C2C2C2;
  background-color: rgba(0, 138, 207, 0.30);
  border: 1px solid #A2A2A2;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-sm {
  padding: 9px;
  border-radius: 10px;
  background-color: rgba(0, 138, 207, 0.50);
  background-color: rgba(0, 0, 0, 0.45);
  background-color: rgba(120, 214, 155, 0.5);
}

.navbar_bg{
	position:relative;
	background-color: #666;
	xx_background-image: linear-gradient(#00334C, #005782 60%, #008ACF);
	xx_background-image: linear-gradient(#555, #aaa 60%, #ddd);	
	z-index:999;
}

.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 0px;
	border: 0px solid transparent;
}

.navbar-inverse {
	background-color: #005782;
	/* background-image: linear-gradient(#00334C, #005782 60%, #008ACF);*/

	xx_background-image: linear-gradient(#5B5E15, #00B040 60%, #D3DB30);

	background-color: #666;	
	xx_background-image: linear-gradient(#555, #aaa 60%, #ddd);	
	
  	border-color: #BBB;
  	font-size:110%;
}

.navbar-inverse .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #008ACF;
}

.navbar-inverse .navbar-nav > li > a:focus {
	color: #ffffff;
/*////// menu hover color*/
	background-color:#D3DB30;
	border-top:0px solid #D3DB30;

}
.navbar-inverse .navbar-nav>li>a {
	color: #fff;
	border-right:1px solid transparent;
}

.navbar-inverse .navbar-nav > li > a:hover {
	color: #ffffff;
/*////// menu hover color*/
	background-color:#85C9C7;
	background-color:#78D69B;
}



.navbar-toggle {
	position: relative;
	text-align:center;
	margin-right: 0px;
	padding: 9px 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #00B040;
	background-image: none;
	border: 0px solid transparent;
	border-radius: 4px;
}



.navbar-inverse .navbar-toggle {
  	border-color: #D3DB30;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #00B040;
}


.navbar-inverse .navbar-toggle:focus {
  background-color: #00B040;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #00B040;
  background-color: #00B040;

}



@media (max-width: 767px) {

  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
   border-color: #193010;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #193010;
  }
  .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: #193010;
  }
  .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: #193010;
  }
  .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;
  }

/* Decrease title font size on mobile displays */
	h1, .h1 {
	font-size: 25px;
	}
	h2, .h2 {
	font-size: 18px;
	}
	#footer_text{font-size: 12px;}	
	#main{padding-left:20px;}
}

@media (min-width: 768px) {
	
	.menu_pad{padding:0px !important;}


	.lborder_md{border-left:10px solid #BBB;}

	.navbar-collapse li a{
	border-radius:0px;
	margin-top:0px;
	margin-bottom:0px;
	}

	img.photo_img{
	xx_max-width:180px;
	}

	.nav > li > a {
	  position: relative;
	  display: block;
	  padding: 15px 10px;
	}
	
	h1, .h1 {
	font-size: 36px;
	}

	h2, .h2{
	font-size:24px;
	}
	
	#main{padding-left:40px;}	
	
}

@media (min-width: 992px) {
	.navbar-inverse {
  	font-size:120%;
	}

	.nav > li > a {
	  padding: 15px 15px;
	  padding-top:18px;
	}

}

hr {
  margin-top: 0px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px dotted #666;
  width:100%;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	line-height: 1.2;
	color: #666;
	margin-top: 5px;
	margin-bottom: 5px;  
}
h1,.h1{
  color:#00B040;
}




.text-primary {
  color: #000;
}
.highlight_border_color{
  border-color: #008ACF;
  border-top-width: 20px;
}

#media_device{
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	width:5px;
	height:5px;
	z-index:10000;
}

/* Large desktop */
@media (min-width: 980px) {#media_device{background-color:purple;right:4px;}}
 
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {#media_device{background-color:green;right:3px;}}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {#media_device{background-color:brown;right:2px;}}
 
/* Landscape phones and down */
@media (max-width: 480px) {#media_device{background-color:blue;right:1px;}}