/* 
We created a this custom.css file so you can add customize styles without modifying the bootstrap stylesheet. However, you can use your own stylesheets if you prefer.  
*/
html {
  position: relative;
  min-height: 100%;
  overflow: auto;
}

body {
	margin-top: 50px;
	padding-bottom: 60px;
}

body.login {
	background: url(images/banner.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.container-bg {

	background: url(images/bckgrnd.jpg) no-repeat center center fixed;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	opacity: 0.2;
}

h1.login {
	color: Cornsilk;
	font-size: 50px;
	font-weight: 500;
}

h3.login {
	color: Cornsilk;
}

@media all and (max-width: 768px) {

h1.login {
	font-size: 200%;
}

h3.login {
	font-size: 80%;
}
}

.divider {
	border-top: 1px solid #f0f0f0;
}


.panel-login {
	opacity: 0.9;
	margin-top: 50px;
}

.navbar-fixed-bottom {
	background-color: rgba(241, 234, 232, 1);
	opacity: 0.9;
}

.banner {
	opacity: 0.9;
	margin: auto;
}


.nav-tabs > .active > a, .nav-tabs > .active > a:hover { 
outline: 0;


}

td {
	vertical-align: middle !important;
}

tfoot {
	font-weight: bold;
	font-size: 120%;
}