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

header .header__logo {
    height: 69px;
    background: url(/images/White_logo.png) center center / 100%;
}

header {
    box-shadow: none;
    background-color: #00B19D;
}

.menu {
    box-shadow: none;
}

.menu__item .icon {
    width: 21px !important;
    height: 21px!important;
}

span.icon.mr-2 {
    margin-right: 1rem !important;
}

label.menu_height_adjust:hover, div.menu_height_adjust:hover {
    background: #f2f2f2; // Menu item on hover
}

.menu__item-inner:hover .title {
    color: #00B19D; // Menu item text on hover
}

li.menu__sub-item:hover {
    text-decoration: none;
    scale:1;
    color: #00B19D !important;
    transition: all 0.1s;
}

.menu__sub-item > a:hover, .menu__sub-item.active > a {
    color: #00B19D;
}

.tile {
    background-color: #00B19D;
}

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

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

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

.pagination li.active {
    background-color: #004b42;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-header {
    background-color: #00B19D;
}

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

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

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

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

.login .nav-link--border-none.active, .login .nav-link--border-none:hover {
    border-bottom: 3px solid #00B19D;
}

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