/* Small devices (mobile, 768px and below) */
.logo-index{
	background: url('logo-index.png') no-repeat center; 
	background-size: contain;
}
.logo-inner{ 
	background: url('logo-inner.png') no-repeat left; 
	background-size: 210px 58px;
}
.content-box {
	background: rgba(20,88,144,1);
} 
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.content-box {
	    background: rgba(20,88,144,.87);
	}
	.wrapper-index { 
		background: url(background.jpg) left top;
		background-size: cover;
    	background-repeat: no-repeat;
	}
	.wrapper-index:before { 
		content:"";
		display:block;
		position:absolute;
		left: 0;
		top:0;
		width:100%;
		height:100%;
		z-index:-1;
		background: linear-gradient(to bottom, rgba(0,0,0,.15) 40%, rgba(0,0,0,.18) 60%);
	}
}
footer.index {
    background: rgba(20,88,144,.97);
}
/* Small devices (tablets, 900px and up) */
@media (min-width: 900px) {
	footer.index{
	    background: rgba(0,0,0,.25);
	}
}
.tab-bar {
	background: rgba(20,88,144,.86);
	opacity:1;
}
.row.dark,
.nav-tabs>li>a.active, 
.nav-tabs>li>a.active:focus, 
.nav-tabs>li>a.active:hover,
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:hover,
.nav-tabs>li>a:active,
.nav-tabs>li>a:active:focus,
.nav-tabs>li>a:focus{
	background-color: rgba(20,88,144,1);
}
.login-box a, .orderNum a, 
h1.formLabel, h1.formLabel.faq,
.breadcrumb > .active,
h1.receiptLabel {
	color: #045381;
}

/**button styles**/
.btn-primary, .btn-primary:focus, a.btn-primary, .btn-upload,
.btn-secondary, .btn-secondary:focus, a.btn-secondary,
.btn-info
{
	background-color:#115287;
	background: -webkit-linear-gradient(top, #115287 1%,#115287 100%);
	background: -moz-linear-gradient(top,  #115287 1%, #115287 100%);
	background: -o-linear-gradient(top,  #115287 1%,#115287 100%);
	background: -ms-linear-gradient(top,  #115287 1%,#115287 100%);
	background: linear-gradient(to bottom,  #115287 1%,#115287 100%);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:active:focus, a.btn-primary:focus, a:hover.btn-primary, a:focus.btn-primary, 
.btn-upload:hover, .btn-upload:active:focus, .btn-upload:focus,
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:active:focus, a:hover.btn-secondary, a:focus.btn-secondary,
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:focus
{
	background: #045381;
}


