﻿/*Home and login */
.app-banner .banner-caption .banner-title {
    color: #333333;
}

.main-logo-view-in {
    background-image: url(../../images/cobranding/oysteraero.airpartslist.com/logo.png);
    height: 54px;
}

.login-box-body .right-sec .adv-title {
    font-size: 19px;
}

.side-br-img {
    background-image: url(../../images/advertise.jpg)
}

.login-box-body .right-sec .adv-title {
    font-size: 18px;
    margin: 0 0 15px;
}

.login-page, .app-banner {
    background-image: url(../../images/cobranding/oysteraero.airpartslist.com/loginbg.png);
    background-position: center center;
}

.login-box #btnLogin, .login-box #Save {
    border-color: #87bcde;
    background: #87bcde;
}

    .login-box #btnLogin:hover, .login-box #Save:hover {
        background-color: #00346b;
        border-color: #00346b;
    }

.login-box .form-control, .login-box .form-control:hover, .login-box .form-control:focus, .login-box .form-control.active {
    border-color: #00346B;
}

.checkbox input[type=checkbox] + span {
    border-color: #00346B;
}

.checkbox input[type=checkbox]:checked + span:after {
    background-color: #00346B;
}

body .zsiq_flt_rel {
    background-color: #00346b !important;
}

.white-logo-view {
    background-image: url(../../images/cobranding/oysteraero.airpartslist.com/quote-white-logo.png);
    height: 80px;
    max-width: 350px
}

.home-graphic-view {
    background-image: url(../../images/cobranding/oysteraero.airpartslist.com/app.png);
}

a.apple-store .store-btn {
    left: 52%;
    bottom: -50px;
    top: auto;
}

a.google-store .store-btn {
    left: 32%;
    bottom: -50px;
    top: auto;
}

.com-btn > span {
    color: #00346B;
}

.com-btn:hover span {
    background-color: #87bcde;
}

.appwebsite .navbar-default .navbar-nav > li > a:hover, .appwebsite .navbar-default .navbar-nav > li > a:focus {
    color: #00346B;
}

#loader:before {
    border-top-color: #00346B;
}

#loader:after {
    border-top-color: #949494;
}

.preloader:after {
    background-image: url(../../images/cobranding/oysteraero.airpartslist.com/small-logo.png)
}

.app-banner .banner-caption .com-btn.learn, .flex-set .com-btn, a.new-btn-block {
    border-color: #87bcde;
    color: #fff;
    background: #87bcde;
}

.app-banner .banner-caption .com-btn {
    margin: 0 0 15px;
    border-color: #fff;
    padding: 15px;
    padding: 12px 25px !important;
    font-weight: 500;
    letter-spacing: 0;
    border-color: #87bcde;
    color: #87bcde;
}

.appwebsite .navbar-default .navbar-nav > li > a.com-btn {
    border: 2px solid #00346B;
}

.appwebsite .navbar-default .navbar-nav > li.modal-main > a:hover {
    border-top: 2px solid #87bcde;
    border-bottom: 2px solid #87bcde;
    color: #87bcde;
}

.appwebsite .navbar-default .navbar-nav > li > a:hover, .appwebsite .navbar-default .navbar-nav > li > a:focus {
    color: #87bcde;
}

.appwebsite .com-btn > span {
    top: 5px;
}

.appwebsite .navbar-default .navbar-nav > li > a.com-btn:hover, .appwebsite .navbar-default .navbar-nav > li > a.com-btn:focus {
    color: #fff !important;
    background-color: #87bcde;
}

.footer p {
    color: #333;
}

.footer.min-footer p a {
    color: #00346b;
}

.login-page .footer.min-footer p a:hover {
    color: #87bcde !important;
}

.app-banner .banner-caption .com-btn.learn:hover, .flex-set .com-btn:hover, .app-banner .banner-caption .com-btn:hover, a.new-btn-block:hover {
    border-color: #00346b;
    color: #fff;
    background: #00346b;
}

.footer ul.btm-link-view {
    margin: 0;
}

.footer > p {
    margin: 4px 0 0;
    color: #fff !important;
}

.bottom-footer {
    background-color: #00346b;
    padding: 10px 0;
}

.footer ul.btm-link-view li a:hover {
    color: #87bcde;
}

a.forgot-pwd:hover {
    color: #00346B;
}

.appwebsite .navbar-default .navbar-nav {
    margin: 0 0 0 auto !important;
}

.feature-block {
    min-height: 240px;
}

.list-group-unbordered > .list-group-item b i {
    background-color: #00346b;
}

body .dx-tab.dx-tab-selected:before {
    background-color: #00346b;
}

.myprofile .widget-user-header.bg-yellow {
    background-color: #00346b !important;
}

.sponsored-advertising {
    display: flex;
    align-items: center;
}

    .sponsored-advertising .sponserdby-bx {
        width: 120px;
        text-align: right;
        margin: 0 10px 0 0;
    }

    .sponsored-advertising .sponserd-image-box {
        width: calc(100% - 120px);
        text-align: center;
        border: 1px solid #ddd;
        padding: 4px;
        border-radius: 6px;
    }

        .sponsored-advertising .sponserd-image-box img {
            height: 65px;
            max-width: 100%;
        }

@media screen and (max-width: 1350px) {
    .feature-block {
        min-height: 290px;
    }
}

@media screen and (max-width: 1150px) {
    .feature-block {
        min-height: 340px;
    }
}

@media screen and (max-width: 1024px) {
    .feature-block {
        min-height: 350px;
    }
}

@media screen and (max-width: 991px) {
    .appwebsite .navbar-default .navbar-toggle {
        border-color: #00346b;
        background-color: #00346b;
    }

    .white-logo-view {
        height: 60px;
    }

    a.google-store .store-btn, a.apple-store .store-btn {
        position: unset;
    }

    .action-store-btn {
        margin-bottom: 20px;
    }

    .feature-block {
        min-height: 290px;
    }

    .main-header .navbar-custom-menu a, .main-header .navbar-right a {
        background-color: #00346b;
    }
}

@media screen and (max-width: 767px) {
    .white-logo-view {
        height: 60px;
    }

    a.google-store .store-btn, a.apple-store .store-btn {
        top: 0;
    }

    .action-store-btn {
        text-align: left;
    }

    a.google-store .store-btn, a.apple-store .store-btn {
        top: 0;
        left: 0;
        bottom: 0;
    }

    .feature-block {
        min-height: auto;
    }
}

/*RFQ Portal */

.logo-set-vq {
    background-image: url(../../images/cobranding/oysteraero.airpartslist.com/circle-logo.png)
}

body.skin-yellow .main-header .navbar {
    background-color: #00346B;
}

body.skin-yellow .sidebar-menu > li.active > a {
    border-left-color: #00346B;
}

.Q-active.link-desc {
    border-bottom: 2px solid #00346B;
    color: #00346B;
}

body .dx-pager .dx-pages .dx-selection, body .dx-pager .dx-page-sizes .dx-selection {
    background-color: #00346B;
}

.box.box-primary {
    border-top-color: #00346B;
}

body.skin-yellow .main-header .navbar .sidebar-toggle:hover {
    background-color: #004ba1;
}

.btn-warning {
    background-color: #00346B;
    border-color: #00346B;
}

    .btn-warning:hover, .btn-warning:active, .btn-warning.hover {
        background-color: #004ba1;
        border-color: #004ba1;
    }

a.dx-link.dx-icon-edit {
    background-color: #00346B;
}

a.link-desc:hover {
    color: #00346B;
}

.max-box .cir-ico {
    border-color: #00346B;
}

.max-box > a {
    color: #00346B;
}

.bottm-menu > span:hover {
    color: #00346B;
}

.direct-chat-contacts-view .dx-item:hover .contacts-list-name {
    color: #00346B;
}

a:hover, a:active, a:focus {
    color: #00346B;
}

.box.box-warning {
    border-top-color: #00346B;
}

.form-control:focus {
    border-color: #00346B;
}

.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
    background-color: #00346B;
    border-color: #00346B;
}

.dx-loadindicator-segment-inner {
    border-color: #00346B;
}

#filter-btn-container .dx-buttongroup-item.dx-button.dx-item-selected {
    background-color: #00346B;
}

    #filter-btn-container .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-normal, #filter-btn-container .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-normal .dx-icon {
        color: #fff;
    }

body .pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before {
    border-color: #00346B;
}

body .pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
    background-color: #00346B !important;
}

a.tb-in-link.orange {
    background: #00346B;
}

body.skin-yellow .main-header li.user-header {
    background-color: #00346B;
}

.tabs-view-multi .nav-tabs > li.active > a, .tabs-view-multi .nav-tabs > li.active > a:focus, .tabs-view-multi .nav-tabs > li.active > a:hover {
    color: #00346B;
    border-color: #00346B;
    border-bottom-color: transparent;
}

.warning-alert {
    color: #2c4563;
    background-color: #eef6ff;
    border: 1px solid #c7e1ff;
}

    .warning-alert .content-alert a {
        color: #00346B;
    }

.btn-warning:focus, .btn-warning.focus {
    background-color: #00346B;
    border-color: #00346B;
}

.input-group .orange-view {
    background-color: #00346B;
    border-color: #00346B;
}

.invoice {
    border-top-color: #00346B;
}

.dx-calendar-cell.dx-calendar-selected-date span, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today span {
    background-color: #00346B;
}

.dx-calendar-navigator .dx-button {
    color: #00346B;
}

.dx-calendar-navigator-next-view.dx-button .dx-icon, .dx-calendar-navigator-next-month.dx-button .dx-icon {
    color: #00346B;
}

#cookieConsent .alert {
    background-color: #00346b !important;
    border: 1px solid #00346b;
}

.appwebsite .navbar-default.sticky .navbar-nav > li > .active > a, .appwebsite .navbar-default.sticky .navbar-nav > .active > a:focus, .appwebsite .navbar-default.sticky .navbar-nav > .active > a:hover, .appwebsite .navbar-default.sticky .navbar-nav > li > a:hover, .appwebsite .navbar-default .navbar-nav .dropdown-menu a:hover, .appwebsite .navbar-default .navbar-nav .dropdown-menu a:focus {
    color: #00346B;
}

.navbar-default .navbar-nav .dropdown-menu a:hover {
    background: #e9f4ff;
    color: #00346B;
}

.footer-logo img {
    display: none;
}

.inside-view .form-control {
    border-color: #00346B;
}

.all-pop-before-login .modal-dialog .close, #Support .modal-dialog .close {
    color: #00346B;
}

.inside-view .main-title span {
    background-color: #00346B;
}

.selct-input {
    border-color: #00346B;
    background: rgba(0, 92, 199,0.2);
}

.submit-view .com-btn:hover {
    color: #00346B;
}

.button-list .btn-quick:hover {
    color: #00346B;
}

    .button-list .btn-quick:hover svg {
        fill: #00346B;
    }

.dx-checkbox-checked .dx-checkbox-icon {
    background-color: #00346B;
}

.appwebsite .navbar-default .navbar-nav > li > a {
    color: #333333;
}

.appwebsite .navbar-default .navbar-nav > li.modal-main > a:hover {
    color: #fff;
}

.appwebsite .navbar-default .navbar-brand {
    display: none;
}

.new-theme-web {
    display: none;
}

.app-banner {
    display: block;
}

.footer.main-footer {
    display: none;
}

.appwebsite .navbar-default .navbar-nav > li > a.com-btn {
    border: 2px solid #ffffff;
    background-color: #ffffff;
    color: #000;
}

.com-btn > span {
    color: #fff;
    background-color: #00346b;
}

.appwebsite .navbar-default .navbar-nav > li > a.com-btn:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection {
    background-color: #00346B;
    color: #fff;
}

ul.status-btn > li .btn:hover, ul.status-btn > li .btn:focus, ul.status-btn > li .btn.active {
    border-color: #00346B;
    background-color: #edf6ff;
}

.max-box .cir-ico:hover {
    background: #eaf4ff;
}

.login-box-body .left-sec {
    min-height: 466px;
}

.login-page .footer p, .login-page .footer.min-footer p a {
    color: #333333 !important;
}

.login-box-body .right-sec {
    padding: 50px 50px 0 50px;
}

.side-br-img {
    margin-left: 50px;
    margin-top: -40px;
}

.user-guide .tabing-view ul > li.active > a {
    color: #00346B;
}

.user-guide .tabing-view ul > li > a {
    color: #333333;
}

.max-box.video:hover h3 {
    color: #00346B;
}

.tabing-view .nav-tabs {
    border-bottom: 1px solid #dedede;
}

.title-block .form-title {
    color: #fff;
}

.main-page-view .breadcrumb > li > a:hover, .email-show {
    color: #00346B;
}

a.forgot-pwd:hover {
    color: #87bcde;
}

body .dx-radiobutton-icon-checked:before {
    border-color: #00346B;
}

body .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background: #00346B;
}

body .dx-radiobutton.dx-radiobutton-checked.dx-state-active .dx-radiobutton-icon-checked:after, .dx-radiobutton.dx-radiobutton-checked.dx-state-focused .dx-radiobutton-icon-checked:after {
    background-color: rgb(0 92 199 / 10%);
}

.checklist-count, .buyer-response a span {
    background-color: #00346B;
}

.back-view a:hover {
    color: #00346B;
}

.input-group .orange-view:hover {
    background-color: #004ba2;
}

.email-forword .form-group label {
    background: #d9eaff;
    color: #00346B;
}

body .dx-tab.dx-tab-selected {
    color: #00346B;
}

body .direct-chat-text {
    background: #d9eaff;
}

body .dx-loadindicator-segment-inner {
    border-color: #00346B;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

body .dx-texteditor.dx-state-focused:before, .dx-texteditor.dx-state-active:before {
    border-bottom-color: #00346B;
}

@media screen and (max-width: 1679px) {
    body .app-banner .banner-caption .banner-title {
        font-size: 42px;
        line-height: 54px;
    }
}

@media screen and (max-width: 1500px) {
    body .app-banner .banner-caption .banner-title {
        font-size: 38px;
        line-height: 48px;
    }
}

@media screen and (max-width: 1199px) {
    body .app-banner .banner-caption .banner-title {
        font-size: 32px;
        line-height: 42px;
    }
}

@media screen and (max-width: 767px) {
    .white-logo-view {
        height: 44px;
    }

    .app-banner {
        height: unset;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 475px) {
    body .app-banner .banner-caption .banner-title {
        font-size: 24px;
        line-height: 34px;
    }
}
