section>article{
    min-height: 45vh;
    width: 100%;
}






/*****************************ESTILOS DE MENSAJE DE ACTIVACION***************************************/


.UsuarioActivado >div>.usuario{
    font-weight: 600;
    text-transform: uppercase;
    color: #777;
    padding: 10px 10px;
}
.UsuarioActivado>div>a{
    width: 90%;
    text-align: center;
    display: block;
    text-decoration: none;
    margin: 3em auto;
}
.UsuarioActivado{
    display:flex;
    justify-content: center;
}

@media (min-width:768px){
    .UsuarioActivado >div{
        margin-left: 5px;
        min-width: 80%;
    }

}

/*****************************ESTILOS DE CAMBIO DE CONNNTRASEŅA***************************************/
.CambiarContrasenia{

    display:flex;
    justify-content:   center;

}


.CambiarContrasenia #usuario {
    font-weight: 600;
    text-transform: uppercase;
    color: #777;
}



.errorNotify{
    display:none;
    height: 0px;
    padding: 0px 1em;
    font-size: 0.8em;
    color:white;
    margin-bottom: 10px;
    transition: all 2s;

}
.errorNotify.show{
    display:block!important;
    height: 3em;;
    padding:10px;
    border:red 1px solid;
    border-radius: 5px;
    background-color: rgba(255,0,0,0.5);
}

#passwordHelpBlock{
    font-size:65%;
    transform: translateY(-1em);
    padding-left: 10px;
    clear: both;
}


.CambiarContrasenia h2,
.UsuarioActivado h2{
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px #eee solid;
    text-align: center;
    padding: 5px;
    margin-bottom: 15px;
}


@media (max-width:768px){
    .error-code{
        min-height: 200px;
        font-size: 16px;
        justify-content: center;
        align-items:flex-start;
    }
    .error-code>p:first-child{
        margin-top: 10px;
    }

    .error-code>p{
        min-width: auto;

    }

    .CambiarContrasenia h2,
    .UsuarioActivado h2{
        font-size:22px;
        margin-bottom: 5px;
    }
}