.login-logo, .register-logo{
    font-size:2.1rem;
    font-weight:300;
    margin-bottom:.9rem;
    text-align:center;
}

.login-logo a, .register-logo a{
    color:var(--color-admin-login-gray-dark-alt);
}

.login-page, .register-page{
    -ms-flex-align:center;
    align-items:center;
    background:var(--color-default-background);
    display:-ms-flexbox;
    display:flex;
    height:100vh;
    -ms-flex-pack:center;
    justify-content:center;
}

.login-box, .register-box{
    width:360px;
}

@media (max-width:576px){
    .login-box, .register-box{
        margin-top:20px;
        width:90%;
    }
}

.login-card-body, .register-card-body{
    border-top:0;
    color:var(--color-admin-login-gray-dark);
    padding:20px;
}

.login-card-body .input-group-append, .register-card-body .input-group-append{
    background:var(--color-white-100);
}

.login-card-body .input-group .form-control,
.register-card-body .input-group .form-control{
    border-right:0;
}

.login-card-body .input-group .form-control:focus,
.register-card-body .input-group .form-control:focus{
    box-shadow:none;
}

.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
.register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text{
    border-color:var(--color-admin-login-focus);
}

.login-card-body .input-group .form-control.is-valid:focus,
.register-card-body .input-group .form-control.is-valid:focus{
    box-shadow:none;
}

.login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
.register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text{
    border-color:var(--color-admin-login-valid);
}

.login-card-body .input-group .form-control.is-invalid:focus,
.register-card-body .input-group .form-control.is-invalid:focus{
    box-shadow:none;
}

.login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
.register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text{
    border-color:var(--color-admin-login-invalid);
}

.login-card-body .input-group .input-group-text,
.register-card-body .input-group .input-group-text{
    background-color:transparent;
    border-bottom-right-radius:0.25rem;
    border-left:0;
    border-top-right-radius:0.25rem;
    color:var(--color-admin-login-text-color);
    transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.login-box-msg,
.register-box-msg{
    margin:0;
    padding:0 20px 20px;
    text-align:center;
}

.login-box input[type="checkbox"], .login-box .radio-check input[type="radio"]{
    margin-right:0.5rem;
    height:1.5rem;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:1px solid var(--color-admin-login-box-border);
    width:1.5rem;
    vertical-align:top;
    background:var(--color-white-100);
    opacity:1;
    position:initial;
}

.login-box input[type="checkbox"]:before, .login-box .radio-check input[type="radio"]:before{
    font-family:"Font Awesome 6 Pro", sans-serif;
    content:'\f00c';
    font-weight:900;
    line-height:1.5rem;
    text-align:center;
    display:block;
    visibility:hidden;
}

.login-box input[type="checkbox"]:checked:before, .login-box .radio-check input[type="radio"]:checked:before{
    visibility:visible;
}

.login-box label{
    display:inline-block;
    margin-bottom:0.2rem;
    font-weight:500 !important;
}

.login-box label.custom-control-label:before, .login-box label.custom-control-label:after{
    display:none;
}

.login-box .custom-checkbox{
    padding:0.5rem 0;
}

.login-box .input-group input{
    height:3rem;
}

.login-box, .register-box{
    width:330px;
    margin:0 2rem;
}

.login-box .card-container{
    border-top:1px solid var(--color-admin-login-box-border);
    margin-top:0.75rem;
    padding-top:0.5rem;
}

.login-card-body, .register-card-body{
    padding:0;
}