/* 
*** Logo *** 
*/
h3.logo,
.navbar-brand {
    background: url(../img/light-blue-logo.svg);
    height: 56px;
    background-repeat: no-repeat;
    background-size: contain;
}

h3.logo {
    width: 280px;
    height: 80px;
}

.login-page div.logo {
    background: url(../img/light-blue-logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 280px;
    height: 80px;
}

/* 
*** Buttons *** 
*/

button.custom-btn, 
a.custom-btn {
    background: #fff;
    border: 2px solid #bea869;
    color: #0084B4;
}

button.custom-btn-reverse,
a.custom-btn-reverse {
    background: #0084B4;
    border: 2px solid #0084B4;
    color: #fff !important;
}

button.custom-btn::before,
button.custom-btn::after,
a.custom-btn::before,
a.custom-btn::after {
    background: #fff;
}

button.custom-btn-reverse::before,
button.custom-btn-reverse::after,
a.custom-btn-reverse::before,
a.custom-btn-reverse::after {
    background: #fff;
}

button.custom-btn-reverse:hover, 
a.custom-btn-reverse:hover {
    color: #0084B4 !important;
}

button.custom-btn:hover,
a.custom-btn:hover {
    color: #0084B4;
}

.custom-regi a.back-btn {
    background: #0084B4;
    color: #fff;
}

.button.custom-resend-btn {
    color: #fff;
    background-color: #0084B4;
}

/* 
*** Login *** 
*/

.slide {
    background: #f1efeb;
    background-size: contain;
}

    .slide:before {
        background: #f1efeb;
        background-size: contain;
    }

.tab-navigation h2 {
    background-color: #0084B4;
    color: #fff;
}

footer {
    background: #0084B4;
    background: linear-gradient(#0084B4, #0084B4);
    background-image: -webkit-linear-gradient(#0084B4, #0084B4);
    background-image: -moz-linear-gradient(#0084B4, #0084B4);
    background-image: -o-linear-gradient(#0084B4, #0084B4);
    background-image: -ms-linear-gradient(#0084B4, #0084B4);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0084B4', endColorStr='#0084B4', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0084B4', endColorStr='#0084B4', GradientType=0)";
}


.links h2 {
    color: #0084B4;
}

.links i {
    color: #0084B4;
}


.links a:hover {
    background-color: #bea869;
    color: #fff;
}

/* Change This Banner (Login Page)*/

.showcase {
    background: url(../img/box-light-blue-JED-background.jpg);
    background-size: cover;
}

.showcase h2.title {
    color: #0084B4;
}

.showcase p.sub-title {
    background-color: #bea869;
    color: #fff;
}

#ngProgress {
    background-color: #bea869 !important;
    color: #5e6574 !important;
}

.bar-heading {
    background: #0084B4;
    background: linear-gradient(#0084B4, #0084B4);
    background-image: -webkit-linear-gradient(#0084B4, #0084B4);
    background-image: -moz-linear-gradient(#0084B4, #0084B4);
    background-image: -o-linear-gradient(#0084B4, #0084B4);
    background-image: -ms-linear-gradient(#0084B4, #0084B4);
    /*IE7-*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0084B4', endColorStr='#0084B4', GradientType=0);
    /*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0084B4', endColorStr='#0084B4', GradientType=0)";
}

/* 
*** Labels *** 
*/

ol.custom-breadcrumb {
    background-color: #bea869;
    color: #fff;
}

ol.custom-breadcrumb li.active {
    color: #fff;
}


header {
    background: #0084B4;
    background: linear-gradient(#0084B4, #0084B4);
    background-image: -webkit-linear-gradient(#0084B4, #0084B4);
    background-image: -moz-linear-gradient(#0084B4, #0084B4);
    background-image: -o-linear-gradient(#0084B4, #0084B4);
    background-image: -ms-linear-gradient(#0084B4, #0084B4);
    /*IE7-*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0084B4', endColorStr='#0084B4', GradientType=0);
    /*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0084B4', endColorStr='#0084B4', GradientType=0)";
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: #bea869;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #0084B4;
}

.nreq-pinned {
    background-color: #0084B4;
}

.nreq-wizard .active .nreq-wizard-item {
    background-color: #bea869 !important;
    color: #fff !important;
}

.bg-blue {
    border-color: #4183d7 !important;
    background-color: #0084B4 !important;
    color: #FFFFFF !important;
}

.login-controls a:hover {
    color: #bea869;
}

h3.validate-title {
    color: #0084B4;
    border-bottom: 2px solid #0084B4;
}

.SendWay {
    color: #0084B4 !important;
}

.switch.checked {
    background: #bea869 !important;
    border-color: #bea869 !important;
}

.mouse {
    border: 1px solid #bea869;
    background: #fff;
}

.mouse:after {
    background-color: #bea869;
}

.profile-data {
    background: linear-gradient(#0084B4, #0084B4);
    background-image: -webkit-linear-gradient(#0084B4, #0084B4);
    background-image: -moz-linear-gradient(#0084B4, #0084B4);
    background-image: -o-linear-gradient(#0084B4, #0084B4);
    background-image: -ms-linear-gradient(#0084B4, #0084B4);
    /*IE7-*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0084B4', endColorStr='#0084B4', GradientType=0);
    /*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0084B4', endColorStr='#0084B4', GradientType=0)";
}

.record-title h3 span {
    color: #0084B4;
}

.tabbable-custom > .nav-tabs > li.active > a {
    background-color: #fff;
    color: #0084B4;
    border: 2px solid #0084B4 !important;
}

.tabbable-custom > .nav-tabs > li a p {
    color: #0084B4;
}

.tabbable-custom > .nav-tabs > li.active > a:hover {
    background-color: #fff;
    color: #0084B4;
    border: 2px solid #bea869 !important;
}

a.edit-address-btn {
    color: #0084B4;
}

.modal .modal-header {
    border-bottom: 1px solid #0084B4;
    color: white;
    background-color: #0084B4;
}

.WSSCalenderSwitch {
    background-color: #0084B4;
    color: white;
}

.table-controls button:hover,
.table-controls a:hover {
    background: #0084B4;
    color: #fff !important;
}

.nreq-category h3 {
    background-color: #0084B4;
    color: #fff;
}

.nreq-pinned-item a span {
    background-color: #bea869;
}

.nreq-category ul li a span {
    background-color: #bea869;
}

.custom-title h4 {
    color: #0084B4;
    border-bottom: 2px solid #0084B4;
}

.font-blue {
    color: #0084B4 !important;
}

.req-validation-msg {
    border: 2px dashed #0084B4;
}

.form-box h4 {
    color: #0084B4;
}

.req-file-upload span.upload-btn-cs {
    background: #0084B4;
    color: #fff;
}

.submit {
    background: #0084B4;
    background: linear-gradient(#0084B4, #0084B4);
    background-image: -webkit-linear-gradient(#0084B4, #0084B4);
    background-image: -moz-linear-gradient(#0084B4, #0084B4);
    background-image: -o-linear-gradient(#0084B4, #0084B4);
    background-image: -ms-linear-gradient(#0084B4, #0084B4);
    /*IE7-*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0084B4', endColorStr='#0084B4', GradientType=0);
    /*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0084B4', endColorStr='#0084B4', GradientType=0)";
}

.WSSCalenderSwitch {
    background: #0084B4 !important;
}

table .bg-grey-silver {
    background-color: #0084B4 !important;
}

.badge-custom {
    background: #0084B4;
}

button.customized-btn {
    background: #0084B4;
    border: 2px solid #fff;
    color: #fff;
}

.checkout-body .title {
    color: #fff;
    background: #0084B4;
    background: linear-gradient(#0084B4, #0084B4);
    background-image: -webkit-linear-gradient(#0084B4, #0084B4);
    background-image: -moz-linear-gradient(#0084B4, #0084B4);
    background-image: -o-linear-gradient(#0084B4, #0084B4);
    background-image: -ms-linear-gradient(#0084B4, #0084B4);
    /*IE7-*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0084B4', endColorStr='#0084B4', GradientType=0);
    /*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0084B4', endColorStr='#0084B4', GradientType=0)";
}

.credit-card i, .sadad-card i {
    color: #0084B4;
}


.payment-button {
    color: #fff;
    background-color: #0084B4;
    box-shadow: 0px 5px 0px 0px #306865;
}

#PaymentForm ul.nav li a {
    border: 3px solid #0084B4;
}

#PaymentForm ul.nav li.active a {
    background-color: #bea869;
    color: #fff;
}


.blue-color {
    background-color: #0084B4;
}

.record-title h3:after {
    background: #0084B4;
}

table .nav-pills > li > a {
    background-color: #fff;
    color: #0084B4;
}

.active-tab {
    border-bottom: 2px solid #0084B4;
}

.change-pass .has-success .input-icon > i {
    color: #0084B4;
}


/* Register */

.form-wizard .steps > li > a.step > .desc {
    background: #0084B4;
}

.form-wizard .steps > li.active > a.step > .desc {
    background: #bea869;
    color: #fff;
    border: 4px solid #0084B4;
}

.form-steps:before {
    background: #0084B4;
}

.print-icon a{
    color: #bea869;
}

.login-modal .modal-content {
    background-color: #0084B4 !important;
}

.custom-promo-details h4 {
    color: #0084B4;
    border-bottom: 2px solid #0084B4;
}

.wizard-step-ul li.active > div {
    border-color: #0084B4 !important;
}

.wizard-step-ul li.active > div:after {
    background: #0084B4 !important;
}

.wizard-step-ul li .wizard-step-item:hover {
    border: 2px solid #bea869;
}

btn.confirm {
    background-color: #0084B4 !important;
}

.req-file-upload .remove {
    background: #0084B4;
}

.req-file-upload .remove:hover {
    background: #2d6562;
}

.bill-receipt-action .btn-primary,
.bill-receipt-action .btn-primary:hover {
    background-color: #bea869 !important;
}

.req-content h4 {
    color: #0084B4;
    border-bottom: 2px solid #0084B4;
}

.iconbox-icon {
    background-color: #0084B4;
}
.ngn-success {
    background-color: #168db8;
    z-index: 2147483647;
}

.calendars-month-header, .calendars-month-header select, .calendars-month-header input {
    background-color: #0084B4 !important;
}

.calendars-ctrl {
    background-color: #0084B4;
}

/* Request Colors */

.req-price {
    background: #0084B4;
}

.request-app a:hover {
    background: #0084B4;
}



/* Landing Page */
.mc-color-reverse {
    color: #0084B4;
    background: #fff;
}
.mc-color {
    background: #0084B4;
    color: #fff;
}

    .custom-card-btn,
    .mc-color .custom-card-footer .custom-btn {
        background: #f2f4f9;
        color: #333;
    }