.login {
    min-height: 100dvh;
}

.background-image {
    background-image:    url('../images/login-backgrounds/03.jpg');
    background-size:     cover;
    background-position: center;
    transition:          background 1000ms ease-in 1000ms;
}


body.bg-photo {
    background-image:    url("../images/login-backgrounds/01.jpg");
    background-size:     cover;
    background-position: center top;
    background-repeat:   no-repeat;
    box-shadow:          inset 0 0 0 50vw rgba(0, 0, 0, 0.7);
}

/* ### Login Form ### */
.container-login {
    display:         flex;
    justify-content: center;
    align-items:     center;
    min-height:      100dvh;
}

.login-wrapper {
    border:        1px solid silver;
    border-radius: 5px;
}

.form-login {
    width:     100%;
    max-width: 460px;
    padding:   1em;
    margin:    auto;
}

/* Fix bug in floating label background */
.form-floating > .form-control:not(:placeholder-shown) ~ label::after {
    background-color: transparent;
}