/* LOGIN */

.bg-login{
    background-image: url('../images/login/sfondo-login.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.container-login{
    width: 45%;
    min-height: 500px;
    background-color: var(--bg-container-login);
    display: flex;
    justify-content: center;
    align-items: center;
    row-gap: 4rem;
    flex-direction: column;
}

.form-control{
    padding: .5rem 1rem;
}

.form-control, .input-group-text{
    background-color: transparent !important;
    border-radius: 1.25rem;
    border: 1px solid var(--border-color-login) !important;
}

.form-control, .input-group{
    width: 350px;
}

.form-control:hover::placeholder{
    opacity: .8;
    color: var(--border-color-login);
}

.form-control:focus{
    box-shadow: 0 0 10px var(--border-color-login) !important;
}

.form-label{
    margin: 0;
    width: 73px;
    text-align: end;
}

.input-group-text{
    cursor: pointer;
}

.input-group-text:hover img{
    transform: scale(.9);
}

.btn-login{
    width: 150px;
    background-color: var(--bg-btn-login);
}

.btn-login:hover{
    background-color: transparent;
    border-color: var(--border-color-login);
    color: var(--border-color-login);
}

.btn-login:hover img{
    transform: scale(1.35);
}