#login {
    background: var(--cor-principal);
}

.login-usuario {
    background-size: 100% 100%;
    position: absolute;
    overflow: auto;
    min-height: 100%;
    max-height: 200%;
    width: 100%;
    margin: 0;
    left: 0;
    top: 0;
    font-family: 'Roboto', sans-serif;
}

    .login-usuario .card-content {
        padding-bottom: 0px;
        padding-top: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .login-usuario .card-content > .row {
            margin: 0px;
            padding: 0px;
        }

            .login-usuario .card-content > .row .input-field input:focus + label {
                color: var(--cor-principal) !important;
            }

            .login-usuario .card-content > .row .input-field input:focus {
                border-bottom: 1px solid var(--cor-principal) !important;
                box-shadow: 0 1px 0 0 var(--cor-principal) !important;
            }

    .login-usuario .card-action > .row {
        margin: 0px;
        padding: 0px;
        font-size: 12px;
    }

    .login-usuario .btn {
        background: var(--cor-principal);
        width: 100px !important;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

@media (max-width: 480px) {
    .login-usuario #logoEvento {
        width: 50% !important;
        margin-top: 20px;
    }

    .login-usuario #logoInstituicao {
        width: 40% !important;
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .login-usuario #logoEvento {
        width: 50%;
        margin-top: 20px;
    }

    .login-usuario #logoInstituicao {
        width: 30%;
        margin-top: 10px;
    }
}

@media (min-width: 768px) {
    .login-usuario #logoEvento {
        width: 45%;
        margin-top: 20px;
    }

    .login-usuario #logoInstituicao {
        width: 35%;
        margin-top: 10px;
    }
}

@media (min-width: 1200px) {
    .login-usuario #logoEvento {
        width: 35%;
        margin-top: 20px;
    }

    .login-usuario #logoInstituicao {
        width: 25%;
        margin-top: 10px;
    }
}

.input-field {
    position: relative;
}

#togglePassword {
    cursor: pointer;
    position: absolute;
    right: 10px;
    margin-top: -10px;
    font-size: 24px;
}