/*Local selector*/
.btn-group.localSwitcher img {
    margin-right: 3px;
}

.btn-group.localSwitcher {
    float: right;
}

.btn-group.localSwitcher ul.dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

ul.dropdown-menu:after {
    right: 34px !important;
}

ul.dropdown-menu:before, ul.dropdown-menu:after {
    right: 33px !important;
    left: auto !important;
}

button.backToLogin {
    margin-right: 5px;
}

.forget-password h4{
    cursor: pointer;
}
.row.registrationWrapper input.form-control.datePicker {
    z-index: 0 !important;
}


/**** new dark mode style  ********************************/
li.toggle-mode{
    padding: 10px !important;
}
.dark-mode-switch {
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* Hide checkbox */
.dark-mode-switch .toggle-switch {
    display: none;
}

/* Switch container */
.dark-mode-switch .switch {
    position: relative;
    width: 65px;
    height: 30px;
    background: #000000;
    border: 1px solid #1b1b1b;
    border-radius: 50px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

/* Sun & Moon Icons */
.dark-mode-switch .icon {
    font-size: 14px;
    position: absolute;
    transition: opacity 0.3s ease-in-out;
    /* z-index: 9;*/
}

.dark-mode-switch .moon {
    left: 5px;
    color: #ffcc00;

}

.dark-mode-switch .sun{
    right: 5px;
    color: #555;

}

/* Slider (toggle button) */
.dark-mode-switch .slider {
    position: absolute;
    left: 0px;
    width: 21px;
    height: 21px;
    background: #fff;
    border-radius: 50% !important;
    transition: transform 0.3s ease-in-out;
}

/* When checked, switch to dark mode */
.dark-mode-switch .toggle-switch:checked + .switch {
    background: #3433331a;
    border: 1px solid #cbcbcb;
}

.dark-mode-switch .toggle-switch:checked + .switch .slider {
    transform: translateX(25px);
}

.darkTheme .dark-mode-switch .slider {
    left: -1px;
    background: #fff;
}

.dark-mode-switch .toggle-switch:checked + .switch .sun {
    opacity: 0;
}

.dark-mode-switch .toggle-switch:checked + .switch .moon {
    opacity: 1;
}
.dark-mode-switch .toggle-switch + .switch .moon {
    opacity: 0;
}

.dark-mode-switch .toggle-switch + .switch .sun {
    opacity: 1;
}

.darkModeTheme .dark-mode-switch .slider {
    left: -1px;
    background: #fff;
}
.dark-mode-switch .slider {
    left: 8px;
    background: #060606;
}