body {
    background: var(--eld-light);
}

.navbar-default,
.navbar-inverse,
#smooth-hover .head-skeleton,
.app-fleet-sidebar,
.main-sidebar, .app-sidebar,
.app-sidebar.app-sidebar-is-not-valid,
.cpm-dropdown-content,
#smooth-hover .sidebar-skeleton,
.toggle-menu-fix,
.modal-header,
.pay-step.active .pay-step-icon,
.navbar-nav .expand-btn,
.support-task-chat-header {
    background-color: var(--eld-dark);
}

#smooth-hover .spinner,
.admin-main-screen-menu:hover .fa {
    color: var(--eld-primary3);
}

a.app-sidebar-item,
.cpm-dropicon {
    color: #ddddd5;
}

.reg-page .main-section::after {
    top: 70px;
}

.navbar-brand img {
    margin: 0 !important;
    height: 100%;
    width: auto;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: var(--eld-dark);
}

.cpm-dropdown-content a,
.ui-grid-row.ui-grid-row-selected a,
.contactBlockInNavbar p,
body .contactBlockInNavbar p,
body .contactBlockInNavbar a,
body .navbar-inverse .navbar-nav>li>a,
.profile,
.btn-link,
.text-light a,
.uib-day button:hover span, .uib-month button:hover span, .uib-year button:hover span {
    color: #fff;
}

.cpm-dropdown-content a:hover {
    background-color: var(--eld-primary2);
}

.shop-tab .nav-tabs li.active a,
.shop-list .shop-item-header,
.panel-default>.panel-heading,
.cp-main .provider-header,
.bg-primary,
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell,
.customs-tab .nav-tabs li.active a,
.new-order .section-title,
.panel-primary>.panel-heading,
.messages-sidebar-second,
input.search-input-in-session-contact,
.messages-sidebar-first .btn-new-session button,
.loginBox .title,
.loginBox input[type="submit"], button,
.reg-page .reg-btn-1,
.te-item-picker-wrapper div > h4,
input:checked + .slider,
.truck-profile .truck-profile-tab .nav-tabs li.active a,
#distance-calculator-header,
.pc-tab .nav-tabs li.active a {
    background-color: var(--eld-dark);
    color: #fff;
}

.btn:hover, .btn:focus, .btn.focus {
    background-color: var(--eld-primary3);
    border-color: var(--eld-primary2);
    color: #fff;
}

.btn-te,
.btn-primary,
.driver-profile .btn-te,
.truck-profile .btn-te,
.panel-blue .btn-custom,
.btn-default:not(.show-god-mode-password-btn),
.btn-default,
.bt_main,
.tabs-selected {
    background: var(--eld-primary);
    border-color: var(--eld-primary3);
    color: #fff;
}

.btn-primary:hover,
.btn-te:hover,
.btn:not(.ui-select-toggle):not(.select-search-list-item_selection):hover,
.driver-profile .btn-te:hover,
.truck-profile .btn-te,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active,
.btn-primary:active,
.bt_main:active,
.bt_main:focus,
.bt_main:hover,
.btn-default[disabled]:hover,
.open>.dropdown-toggle.btn-primary,
.btn-primary.disabled.focus, .btn-primary.disabled:focus,
.btn-primary.disabled:hover, .btn-primary[disabled].focus,
.btn-primary[disabled]:focus, .btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover,
.panel-blue .btn-custom:hover,
.panel-blue .btn-custom:focus,
.btn-link:focus,
input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: var(--eld-primary3);
    border-color: var(--eld-primary2);
    color: #fff !important;
}

.fa-icon-size:hover,
.primary-color,
body .contactBlockInNavbar a:hover,
body .navbar-inverse .navbar-nav>li>a:focus,
body .navbar-inverse .navbar-nav>li>a:hover,
.drivers-page .ui-grid-row.ui-grid-row-selected .ui-grid-cell:not(.text-light) a,
.drivers-page .ui-grid-row.ui-grid-row-selected .ui-grid-cell a.light-a__on-select {
    color: var(--eld-primary2);
}

.cp-main .uiOptionsBlock, .cp-main .uiAddressBookBlock, .cp-main .sysFuelCardBlock, .cp-main .sysDriverMessagingSystem, .cp-main .uiEldBlock, .cp-main .sysEldBlock {
    border-left: 5px solid var(--eld-dark);
}

.te-main-container .ui-grid-header-cell,
.te-main-container .ui-grid-header-canvas,
#collapse:hover,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.ui-grid-row .ui-grid-cell.bg-primary,
.admin-mobile-menu .navbar-inverse {
    background-color: var(--eld-dark) !important;
}

.driver-profile-list-wrapper a:not([class*='btn']):hover,
a.app-sidebar-item:hover,
.app-sidebar-item.active,
.session-active p, .session-active i,
.app-fleet-sidebar-item:hover, .app-fleet-sidebar-item:active, .app-fleet-sidebar-item:focus,
.admin-main-screen-menu svg,
.app-fleet-sidebar-item.active {
    color: var(--eld-primary) !important;
}


.app-fleet-sidebar-item.expanded-item:hover, .app-fleet-sidebar-item.expanded-item:active,
.app-fleet-sidebar-item.expanded-item:focus,
.app-fleet-sidebar-item.expanded-item.active {
    color: var(--eld-dark) !important;
}


.app-fleet-sidebar-item.expanded-item {
    background-color: var(--eld-primary);
}

.app-fleet-sidebar-item.expanded-item {
    color: var(--eld-light);
}

.ui-grid-row:nth-child(even) .ui-grid-cell,
.forum-content:nth-child(even),
.ui-grid-top-panel,
.cp-main, .driver-profile,
.btn-light {
    background-color: var(--eld-light);
}

.truck-profile .truck-profile-tab .nav-tabs li.active a,
.forum-header {
    background-color: var(--eld-dark);
    border-bottom-color: var(--eld-dark);
}

.ui-select-choices-row.active>a,
.panel-blue .panel-heading,
.own .message-holder,
.own .message-avatar {
    background-color: var(--eld-primary2) !important;
}

.pay-step.activated .pay-step-icon {
    background-color: var(--eld-primary2);
    color: #fff;
    border: 1px solid var(--eld-primary2);
}

.message-holder-right:after {
    border-left-color: var(--eld-primary2);
}

::-webkit-scrollbar-thumb {
    background-color: var(--eld-dark);
}

::-webkit-scrollbar-track,
.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: var(--eld-light);
}

.navbar-inverse {
    height: 70px;
}

.contactBlockInNavbar p,
.contactBlockInNavbar a,
.navbar-inverse .navbar-nav>li>a,
.messages-session-list .title-session-list,
.messages-session-list .last-message-session-list,
.messages-session-list .icon-session-list {
    color: #e8e8e8;
}

.uib-day button, .uib-month button, .uib-year button,
.btn-default.form-control {
    background-color: #fff;
    color: #000;
}

.btn-default[disabled]:hover span,
.select-search-list-item {
    color: #000;
}

.show-god-mode-password-btn:focus {
    background-color: transparent;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

.btn-secondary {
    background: var(--eld-light);
    border-color: var(--eld-primary3);
}

.form-control:focus, oi-select.focused .select-search, oi-select .select-dropdown {
    border-color: var(--eld-primary3);
    box-shadow: none;
}

#productStockTable tbody > tr.prodStockTr:hover>td {
    background: var(--eld-dark) !important;
}

.admin-main-screen-menu:hover svg {
    color: var(--eld-primary3) !important;
}

.admin-main-screen-menu .fa {
    color: var(--eld-primary);
}

.admin-mobile-menu .navbar-inverse .navbar-toggle:hover, .admin-mobile-menu .navbar-inverse .navbar-toggle:focus {
    background-color: var(--eld-primary3) !important;
}
.admin-mobile-menu .navbar-brand img {
    margin: 0 !important;
    height: 100% !important;
    width: auto !important;
}

.ui-grid-menu-items button {
    color: #333;
}