body {
    background-color: var(--blue) !important;
}

.logo-login {
    width: 12rem;
    height: auto;
    margin-top: 2rem;
}

.box-login {
    height: 70%;
    width: 100%;
    background-color: var(--blue) !important;
}

.login {
    background-color: var(--white) !important;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    height: 100%;
    width: 100%;
    padding-top: 2rem;
}

.btn-custom-blue {
    padding: .6rem;
}

@media (max-width: 700px) {
    .logo-login {
        height: auto;
        margin-top: 2rem;
    }

    .box-login {
        height: 70%;
        margin-top: 2rem;
    }

}

@media (max-width: 400px) {
    .logo-login {
        height: auto;
        margin-top: 2rem;
    }

    .box-login {
        height: 70%;
        margin-top: 2rem;
    }

}


.btn-eye {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 5px;
}

#eye {
    font-size: 1.5rem;
    color: var(--black-50);
    padding-top: .5rem;
    padding-bottom: .5rem;
}