@font-face {
    font-family: Ubuntu;
    src: url(../../../fonts/Ubuntu/Ubuntu-Regular.ttf);
}

body {
    font-family: Ubuntu;
}

.switch {
    position: relative;
}

.switch input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.switch input[type=checkbox]:hover + label:after {
    box-shadow: 0 2px 15px 0 #0002, 0 3px 8px 0 #0001;
}

.switch input[type=checkbox]:checked + label:before {
    background: #095CFF;
}

.switch input[type=checkbox]:checked + label:after {
    left: 41px;
}

.switch label {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.switch label:before {
    content: "";
    width: 90px;
    height: 42px;
    background: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    transition: 0.2s ease-in;
    box-shadow: inset 0px 4.5308px 4.5308px rgba(0, 0, 0, 0.25);
}

.switch label:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    left: 0;
    top: -5px;
    z-index: 2;
    background: #fff;
    box-shadow: 1.1327px 4.5308px 14.7251px 1.1327px rgb(0 0 0 / 25%);
    transition: 0.2s ease-in;
}

body.modal-open > :not(.modal, #toast-container, .swal2-container, .jquery-loading-modal) {
    filter: blur(8px);
}

.modal.fade .modal-dialog {
    transform: scale(0)
}

.modal.fade.show .modal-dialog {
    transform: scale(1)
}

.modal-backdrop {
    background: rgba(120, 120, 120, 1);
}

.modal-backdrop.show {
    opacity: 0.7;
}