/* LOGIN */
main {
    background: #e7e7e7;
}

.login-page {
    height: 80vh;
    display: flex;
    align-items: center;
}

    .login-page h1 {
        margin: 0;
        font-size: 28px
    }

    .login-page .returning-wrapper {
        width: 450px;
        margin: 0 auto;
    }

        .login-page .returning-wrapper .handleError {
            margin-top: 15px;
            padding: 5px 15px;
            display: none;
            background: #e86365;
            color: #fff;
            border-radius: 5px;
        }

            .login-page .returning-wrapper .handleError.active {
                display:block
            }

        .login-page .returning-wrapper .login-button {
            width: 100%;
            margin: 0;
            background: #1cbd03;
            border: 0;
            border-radius: 5px;
            font-weight: 700;
            text-transform: none;
            text-shadow: none;
            font-size: 15px;
        }

            .login-page .returning-wrapper .login-button:hover {
                background: #179204;
            }

        .login-page .returning-wrapper .strike {
            font-size: 12px;
            color: #666;
        }

    .login-page .register-button {
        margin: 0;
        background: #f2f2f2;
        color: #0a0a0a;
        width: 100%;
        display: block;
        border: 1px solid #d6d6d6;
        border-radius: 5px;
        text-transform: none;
        font-weight: 700;
        letter-spacing: 0;
        font-size: 15px;
        text-shadow: none;
    }

        .login-page .register-button:hover {
            background: #d6d6d6;
        }

    .login-page .returning-wrapper .forgot-password {
        display: block;
        text-align: right;
    }

        .login-page .returning-wrapper .forgot-password a {
            color: #444;
        }

            .login-page .returning-wrapper .forgot-password a:hover {
                text-decoration: underline;
            }

    .login-page .returning-wrapper .field-validation-error {
        display: block;
    }


.login-box.active,
.email-only-box.active,
.email-password-box.active,
.access-code-box.active,
.email-only-reset-password-box.active,
.reset-password-box.active {
    display: block;
}

.login-box,
.email-only-box,
.email-password-box,
.access-code-box,
.email-only-reset-password-box,
.reset-password-box {
    display: none;
}

    .login-box .fast-login {
        margin-bottom: 15px;
        padding: 10px 20px;
        width: 100%
    }

    .login-box .email-password-login {
        padding: 10px 20px;
        width: 100%;
        background: #dbdbdb
    }


    .email-password-box .voltar,
    .access-code-box .voltar,
    .email-only-box .voltar,
    .email-only-reset-password-box .voltar,
    .reset-password-box .voltar {
        margin: 10px 0;
        color: #1a4e95;
        cursor: pointer;
        display: inline-block;
    }

    .email-password-box .esqueceu-senha,
    .email-password-box .nao-tenho-senha {
        color: #1a4e95;
        cursor: pointer;
        float: right;
        margin: 5px 0
    }

    .email-password-box .nao-tenho-senha {
        margin-bottom: 20px
    }

    .email-password-box .btn-login,
    .access-code-box .btn-login,
    .email-only-box .btn-login,
    .email-only-reset-password-box .btn-login,
    .reset-password-box .btn-login {
        padding: 8px 45px;
    }

    .email-password-box .link-buttons,
    .access-code-box .link-buttons,
    .email-only-box .link-buttons,
    .email-only-reset-password-box .link-buttons,
    .reset-password-box .link-buttons {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
        clear: both
    }


@media screen and (max-width:480px) {
    .login-page .returning-wrapper {
        width: 100%
    }
}