:root {
    --navy: #001f3f;
}

body.jazzmin-login-page {
    background-color: var(--navy);
}

span.brand-text.font-weight-light {
    color: var(--white);
}
.login-logo,
.register-logo {
    font-size: 2.1rem;
    padding: 10px;
    font-weight: 300;
    margin-bottom: 0.9rem;
    text-align: center;
    background-color: white;
    border-radius: 0.25rem;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--navy);
    border-color: var(--navy);
}

.btn-outline-primary {
    color: var(--navy);
}

.switch-item {
    display: flex;
    width: 4rem;
}

.switch-item .label {
    margin-left: 4px;
    vertical-align: middle;
    font-size: 16px;
    color: #000;
}

.switch-item .control[type="checkbox"] {
    appearance: none;
    position: relative;
    width: 40px;
    height: 20px;
    padding: 3px;
    border-radius: 34px !important;
    background-color: #b31b1b;
    vertical-align: middle;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.1, 1.4);
}

.switch-item .control[type="checkbox"]:after {
    content: "";
    position: relative;
    display: block;
    left: 0;
    width: 60.9%;
    height: 100%;
    border-radius: 28px;
    background-color: #fff;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        padding 0.3s ease, margin 0.3s ease;
    box-sizing: content-box;
}

.switch-item .control[type="checkbox"]:active:after {
    padding-right: 8px;
}

.switch-item .control[type="checkbox"]:checked {
    background-color: rgb(1, 118, 58);
}

.switch-item .control[type="checkbox"]:checked:after {
    left: 39.1%;
}

.switch-item .control[type="checkbox"]:checked:active:after {
    margin-left: -8px;
}

.switch-item .control[type="checkbox"]:disabled {
    opacity: 0.3;
}

.switch-item .control[type="checkbox"]:disabled:active:after {
    padding-right: 0;
    margin-left: 0;
}