body{
    margin: 0;
}

/*============ /logo ==============*/
#login h1 a, ma.login h1 a {
    background-image: url(../imgs/logo-asas-branca.svg);
    height:100px;
    width:300px;
    background-size: 300px 100px;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    outline: 0;
    box-shadow: 0 0 0 0;
    border: 0 none;
}
/*============ /logo ==============*/

#login {
    padding-left: 15px;
    padding-right: 15px;
}

.login {
    background-image: url('../imgs/bg-striped.png');
    background-color: var(--purple);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: 100vh;  
}

.title-screen {
    text-align: center;
    color: var(--purple);
    font-size: 30px;
}

.login form {
    margin-top: 20px;
    padding: 15px 25px 20px;
    overflow: hidden;
    background-color: var(--white);
    box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
    border-radius: 20px;
}

.login .button.wp-hide-pw:hover {
    background: transparent!important;
    border: 0!important;
}

.login form .submit {
    text-align: center;
}

.login label {
    font-family: var(--merregular);
    margin-top: 15px!important;
}

.button, .btn-resend {
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    font-family: var(--merrbold);
    cursor: pointer;
    transition: all .5s ease;
}

.button-primary {
    background-color: var(--purple) !important;
    border: 1px solid var(--purple) !important;
    color: var(--white);
}

.button-primary:hover {
    background-color: var(--orange) !important;
    border: 1px solid var(--orange) !important;
    transition: all .5s ease !important;
}

.button-esconder-senha {
    background-image: url('../imgs/mostrar-senha-black.svg') ;
    background-repeat: no-repeat ;
    background-position: center ;
    border: 1px solid transparent ;
    box-shadow: none ;
    min-width: 40px ;
    min-height: 40px ;
    position: absolute ;
    cursor: pointer ;
    margin: 0 ;
    right: 0 ;
    top: 0 ;
}

.button-mostrar-senha {
    background-image: url('../imgs/esconder-senha-black.svg');
    background-repeat: no-repeat ;
    background-position: center ;
    border: 1px solid transparent ;
    box-shadow: none ;
    min-width: 40px ;
    min-height: 40px ;
    position: absolute ;
    cursor: pointer ;
    margin: 0 ;
    right: 0 ;
    top: 0 ;
}

.user-pass-wrap {
    margin-bottom: 15px!important;
}

.recover-password {
    text-align: center;
    align-items: center;
    display: flex;
    margin-top: 5px;
}

.recover-password a {
    color: var(--purple);
    text-decoration: none;
    font-family: var(--merrbold);
    font-size: 16px;
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    box-shadow: 0 0 0 transparent;
    border-radius: 4px;
    border: 1px solid #8c8f94;
    background-color: #fff;
    color: #2c3338;
}

input:focus {
    box-shadow: 0 0 0 0;
    outline: 0;
}

#loginform input[type=text], #loginform input[type=password] {
    background-color: var(--lightgray);
    border: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    font-family: var(--merregular);
    box-shadow: 0 0 0 0;
    outline: 0;
}

.login form .input, .login form input[type=checkbox], .login input[type=text] {
    background-color: var(--lightgray)!important;
    border: 0;
    font-size: 16px!important;
    font-family: var(--merregular);
    box-shadow: 0 0 0 0!important;
    outline: 0!important;
    font-family: var(--merregular)!important;
}

#user_login::-webkit-input-placeholder, #user_pass::-webkit-input-placeholder, #codValidation::-webkit-input-placeholder{
    color: var(--darkgray);
    font-family: var(--merregular);
    font-size: 16px;
}

.logotipo figure {
    width: 100%;
    height: 100%;
    margin: 0;
}

.logotipo img {
    width: 100%;
    max-height: 127px;
    outline: none;
}

.login .button.wp-hide-pw:focus, .login .button.wp-hide-pw:active {
    background: 0 0;
    border-color: var(--lightgray)!important;
    box-shadow: none!important;
    outline: transparent!important;
}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus, .recover-password a:focus {
    box-shadow: none!important;
}

.recover-password a:hover {
    color: var(--orange);
}

#login_error a {
    color: var(--yellow)!important;
    display: none;
}

#lostpasswordform h1 {
    margin-bottom: 15px!important;
}

.login #login_error:before {
    content: '';
    display: inline-flex; 
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    z-index: 1;
    background-image: url(../imgs/icon-alert-erro.svg);
    background-size: contain;
    padding-left: 5px;
    align-items: center;
    vertical-align: text-top;
    margin-bottom: 5px;
}

/*============ Alert de Erro ==============*/
.login #login_error {
    border-left-color: var(--yellow)!important;
}

.login #login_error, .login .message, .login .success {
    border-left: 0!important;
    border-left: 0;
    background-color: var(--purple)!important;
    border: 0;
    border-radius: 10px;
    color: var(--yellow);
    font-family: var(--merregular);
    font-size: 14px;
    border: 1px solid var(--yellow);
    border-left: 1px solid var(--yellow)!important;
}
/*============ /Alert de Erro ==============*/

/*============ Tela de Redefinir Senha ==============*/
.button {
    justify-content: space-between !important;
    display: flex !important;
}

.text-information {
    color: var(--gray);
    font-family: var(--merregular);
    font-size: 16px;
}

.button-cancel {
    background-color: transparent;
    border: 1px solid var(--purple);
    color: var(--purple);
}

.button-cancel:hover {
    background-color: var(--purple);
    border: 1px solid var(--purple);
    color: var(--white);
    transition: all .5s ease;
}

.dashicons-hidden:before {
    display: table-column-group!important;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
    color: var(--purple);
    border-color: var(--purple);
    background: var(--white);
    vertical-align: top;
}

.wp-core-ui .button-secondary:hover, .wp-core-ui .button.hover, .wp-core-ui .button:hover {
    background: var(--white)!important;
    border: 1px solid var(--orange)!important;
    color: var(--orange)!important;
}

.description {
    font-family: var(--merregular)!important;
    font-size: 13px;
}

.pw-weak {
    display: flex!important;
    align-items: center;
}

.pw-weak label {
    margin-top: 0!important;
    font-size: 13px;
}

#pass1-text.short, #pass1.short {
    border-color: #E65054;
    font-family: var(--merregular);
}

#pass1-text.short, #pass1.short {
    border-color: #E65054;
    font-family: var(--merregular);
    margin-bottom: 10px;
}

#pass1-text.strong, #pass1.strong {
    border-color: #68DE7C;
    margin-bottom: 10px;
}
/*============ /Tela de Redefinir Senha ==============*/

/*============ Media Query ==============*/
@media screen and (max-width: 425px) {
    .login form .input, .login input[type=password], .login input[type=text] {
        min-width: 240px;
        min-height: 40px;
    }
}
/*============ /Media Query ==============*/


/* OCULTANDO ELEMENTOS DA PAGINA */
.forgetmenot, #nav, .message{
    display: none;
}
/* OCULTANDO ELEMENTOS DA PAGINA */

#backtoblog>a{
    color: white !important;
}

.reset-pass{
    display: block;
}