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

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

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

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: #cf2d01;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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: #222222;
}

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

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

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

.dashboard {
    background-color: #c6c6c669;
}

.menu {
    background-color: #f1f1f169;
}

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

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

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

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

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

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

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

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

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

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

.icon-color {
    fill: #222222;
    stroke:#222222;
}

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

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

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

header .header__secondary .notification .notification-quantity {
    background-color: #222222;
    color:#ffffff;
}

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

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

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