/*****
1. FIND and replace  0,98,65  with primary RGB value
***/
:root {
	--o-primary: #044b74;
	--o-primary-2: #044b74f2; /** f2 = 95% **/
	--o-primary-3: #044b74d9; /** d9 = 85% **/
}
.logo-index{
	width: 210px;
	background: url('logo-inner.png?v=1') no-repeat left; 
	background-size: 210px 58px;
}
.logo-inner {
	background: url( "logo-mg-index.png?v=1" );
	background-size: contain;
	background-repeat: no-repeat;
	height: 100%;
}
.headBox.grey {
	background-color: var(--o-primary);
}
.userInfo {
	color: #ffffff;
}
a.logout {
	color: #ffffff;
}
.fa.fa-bars,
.far.fa-bars,
.fas.fa-bars,
.fab.fa-bars{
	color: #ffffff;
}
.navbar-brand {
	padding: 0; 
}
p.custSupport{
	color: #ffffff;
}
.contentBox, footer.index{
    background-color: var(--o-primary);
}
#orderDataPanel .tab-bar {
	background-color: var(--o-primary);
}
.tab-bar {
	background: #efefef;
	opacity:1;
}
p.custSupport::before {
	filter: brightness(0) invert(1);
}
.row.dark,
.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: var(--o-primary);
}
.nav.maintab > li:not( .active ) > a {
	color: #58585a; 
}
.nav.maintab > li > a:hover,
.nav.maintab > li > a:active,
.nav.maintab > li > a:focus {
	color: #ffffff; 
}
.login-box a, .orderNum a, 
h1.formLabel, h1.formLabel.faq,
.breadcrumb > .active,
h1.receiptLabel { 
	color: var(--o-primary); /* primary HEX */
}
.btn-primary, .btn-primary:focus, a.btn-primary, .btn-upload,
.btn-secondary, .btn-secondary:focus, a.btn-secondary,
.btn-info
{
	background-color: var(--o-primary); /* primary RGB */
	background: -webkit-linear-gradient(top, var(--o-primary) 1%, var(--o-primary-2) 100%); /* primary RGB */
	background: -moz-linear-gradient(top, var(--o-primary) 1%,  var(--o-primary-2) 100%); /* primary RGB */
	background: -o-linear-gradient(top, var(--o-primary) 1%, var(--o-primary-2) 100%); /* primary RGB */
	background: -ms-linear-gradient(top, var(--o-primary) 1%, var(--o-primary-2) 100%); /* primary RGB */
	background: linear-gradient(to bottom, var(--o-primary) 1%, var(--o-primary-2) 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: var(--o-primary-2); /* primary RGB */
}

@media (min-width: 768px) {
	.logo-index{
		width: 210px;
		background: url('logo-inner.png?v=1') no-repeat left; 
		background-size: 210px 58px;
	}
	.container-fluid.main {
		position: absolute;
		top: 72px;
		right: 0;
		left: 0;
		bottom: 163px;
		width: 100%;
		min-height: 710px;
	    background: url('background.jpg') right center;
	    background-size: cover;
    	background-repeat: no-repeat;
	}
	.container-fluid.main:after {
	    background-image: linear-gradient(to right, rgba(0,0,0,.74) 35%, rgba(0,0,0,.34)100%);
	}
	.contentBox {
	    background-color: transparent;
	}
	.loginBox {
	    background: rgba(206,206,206,.20);
	}
	.form-control.login {
	    background-color: rgba(255,255,255,.18);
	}
}