.login-wrapper {
    background: url("/images/LOGIN_BG.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

header .header__logo {
    background: url("/images/valdo_logo.png") no-repeat center center / 100%;
    height: 62px;
}

header, header .header__secondary {
    background-color: #022169   ;
}

header {
    box-shadow: 0px 1px 5px rgba(15, 20, 20, 0.5);
}

header .header__day_names .day-names-label {
    color: #ffffff;
}

header .header__day_names .name-list {
    color: #ffffff;
}

header .header__profile-wrapper .business-profile .drop-down {
    color: #ffffff;
}

footer {
    background-color: #F6F5F3;
    z-index: 10;
    box-shadow:0px -2px  5px rgb(0 0 0 / 10%);
}

.menu__btn span {
    background-color: #ffffff;
}

.tile {
    background-color: #022169;
}

.white-tile {
    background-color: #fff;
}

.btn-primary, .btn-type-1 {
    background-color: #022169  !important;
    border-color: #022169 !important;
}

.btn.btn-danger {
    background-color: #1F1F20  !important;
    border-color: #1F1F20 !important;
}

.btn-primary:hover, .btn-type-1:hover {
    background-color: #0032a6 !important;
}

label.styled-file-upload, label.ajax-file-upload {
    border-color: #022169;
    color: #022169;
}

.login__forgot-password {
    color: #022169!important;
}

.login .btn__custom--bg-blue:active {
    outline: 0;
    background-color: #022169 !important;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: inset 0 0 0 2px rgb(16 74 157);
}

.login .nav-link--border-none.active {
    border-bottom: 3px solid #022169;
}

.btn-outline-primary {
    border-color: #022169 !important;
    color: #022169 !important;
}

.login .btn__custom--outline-blue:active {
    outline: 0 !important;
    background-color: #022169 !important;
    border-color: #022169 !important;
}

.btn-outline-primary:hover, .btn-outline-primary:active {
    background-color: transparent !important;
    color: #022169 !important;
}

.login .btn__custom--outline-blue .title {
    color: #022169;
}

.login .nav-link--border-none:hover, .login .nav-link--border-none:focus{
    border-bottom: 3px solid #022169;
}

input:focus-visible, .select2:focus-visible, .select2-selection:focus-visible, .form-control:focus, .form-control:focus-visible {
    box-shadow: inset 0 0 0 2px #a9a9a99c !important;
    border-color: ##a9a9a9 !important;
}

.pagination li.active {
    background-color: #1F1F20;
}

.btn-back {
    color: #1F1F20;
    background-color: #e5e5e5;
    border-color: #cbcbcb;
}

.btn-back:hover {
    border-color: #d7d7d7;
}

.contact-tooltip .tooltiptext {
    border:1px solid #1F1F20;
    background-color: #d7d7d7;
    color:#1F1F20;
}

.dashboard {
    background-color: #3b8bff10;
}

.menu {
    background-color: #3b8bff25;
}

.menu__item-inner:hover .title {
    color: #1F1F20;
}

.menu__item .title, .menu__sub-item:hover, .menu__sub-item.active > a  {
    color: #1F1F20;
}

.menu [data-submenu-item]:checked + .menu__item-inner {
    background-color: #247dff40;
}

.menu [data-submenu-item]:checked + .menu__item-inner, div.menu_height_adjust.active {
    background: #247dff40;
}

.menu__item-inner.active {
    background-color: #247dff40;
    border-radius: 5px;
}

label.menu_height_adjust:hover, div.menu_height_adjust:hover {
    background: #247dff40;
}

.type-selector div.active {
    background-color: #ee7900;
}

.view-switcher div.active {
    background-color: #ee7900;
}

button.invertedButtonColors, .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #1F1F20;
}

.add-new-shift {
    border-top: 5px solid #1F1F20;
}

.icon-color {
    fill: #1F1F20;
    stroke:#1F1F20;
}

.btn-dropdown {
    color: #1F1F20;
    border: 1px solid #1F1F20;
}

.form-header {
    background-color: #ee7900;
}

.table-caption > .hide-table.active {
    background: #1F1F20!important;
}

header .header__secondary .notification .notification-quantity {
    background-color: #ee7900;
    color:#1F1F20;
}

div.shift-function-bar-column > div > button {
    transition: all 0.2s;
}

div.shift-function-bar-column > div > button:hover {
    background-color: #ee7900;
    color:#ffffff;
    transition: all 0.15s;
}

.sub-menu-container .sub-menu-item > a {
    color: #1F1F20!important;
}