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


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

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

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

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

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

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

.pagination li.active {
    background-color: #21233d;
}

.btn-back {
    color: #21233d;
    background-color: #EDD8C1;
    border-color: #EDD8C1;
}

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

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

.dashboard {
    background-color: rgba(61, 63, 109, 0.3);
}

.menu {
    background-color: #fbfbfb69;
}

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

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

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

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

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

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

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

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

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

.icon-color {
    fill: #3d3f6d;
    stroke:#3d3f6d;
}

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

.form-header {
    background-color: #3d3f6d;
}

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

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

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

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

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