/*****
1. FIND and replace  30,170,226  with primary RGB value
***/
.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,
.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(30,170,226,1); /* primary RGB */
} 
footer.index {
    background: rgba(30,170,226,.97); /* primary RGB */
}
.tab-bar {
	background: rgba(30,170,226,.86); /* primary RGB */
	opacity:1;
}
.login-box a, .orderNum a, 
h1.formLabel, h1.formLabel.faq,
.breadcrumb > .active,
h1.receiptLabel {
	color: rgba(30,170,226,1); /* primary RGB */
}
.btn-primary, .btn-primary:focus, a.btn-primary, .btn-upload,
.btn-secondary, .btn-secondary:focus, a.btn-secondary,
.btn-info
{
	background-color:rgba(30,170,226,.95); /* primary RGB */
	background: -webkit-linear-gradient(top, rgba(30,170,226,.95) 1%,rgba(30,170,226,1) 100%); /* primary RGB */
	background: -moz-linear-gradient(top,  rgba(30,170,226,.95) 1%, rgba(30,170,226,1) 100%); /* primary RGB */
	background: -o-linear-gradient(top,  rgba(30,170,226,.95) 1%,rgba(30,170,226,1) 100%); /* primary RGB */
	background: -ms-linear-gradient(top,  rgba(30,170,226,.95) 1%,rgba(30,170,226,1) 100%); /* primary RGB */
	background: linear-gradient(to bottom,  rgba(30,170,226,.95) 1%,rgba(30,170,226,1) 100%); /* primary RGB */
}
.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: rgba(30,170,226,1); /* primary RGB */
}

/******* Small devices (tablets, 768px and up) ********/
@media (min-width: 768px) {
	.content-box {
	    background-color: rgba(30,170,226,.87); /* primary RGB */
	}
	.wrapper-index { 
		background: url('background.jpg') left top;
		background-size: cover;
    	background-repeat: no-repeat;
	}
}
/******* Small devices (tablets, 900px and up) ********/
@media (min-width: 900px) {
	footer.index{
	    background: rgba(0,0,0,.25);
	}
}