/* -------------------------ESTILOS LOGIN-------------------------------*/
.customlogin-title{
    font-family: "Ubuntu", sans-serif;
    font-size:20px;
    text-align:center;
    font-weight:700;
    
    margin-top:30px;
}


.login{
    width:700px;
    margin:auto;
    
    font-family: "Ubuntu", sans-serif;
    font-size:18px;
    
    margin-bottom:130px;
}

.login .control-group{
    text-align:center;
    margin: 2em 0;
}


.login .control-label{
    color:#000;
}


.login .validate-username, .login .validate-password{
    
    width: 300px;
    height: 38px;
     
    border: 1px solid #000;
    
    color:#000;
    padding-left:10px;
    
}


.login div.control-group:nth-child(4) {
  display: none;
}



.login + div {
  display: none;
}



@media(max-width: 750px) {
    .login{
        width:100%;
        
    }
}

@media(max-width: 320px) {
    .login .validate-username, .login .validate-password{
    
        width: 100%;
        
    }
}

/* -------------------------FIN ESTILOS LOGIN-------------------------------*/










/* -------------------------ESTILOS RECUPERACION DE PASSWORD-------------------------------*/
.reset, .reset-confirm, .reset-complete{
    text-align: center;
    margin-top: 150px;
    margin-bottom: 200px;
}
/* -------------------------FIN ESTILOS RECUPERACION DE PASSWORD-------------------------------*/










/* -------------------------ESTILOS BOTONES DE LOGIN Y RECUPERACION DE PASSWORD-------------------------------*/
.login .btn.btn-primary, .reset .btn.btn-primary, .reset-confirm .btn.btn-primary, .reset-complete .btn.btn-primary{
    
    background-color: var(--color_pq_primary);
    color: #FFF;
    
    font-family: 'Staatliches', cursive;
    border: none;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);

}
/* -------------------------FIN ESTILOS BOTONES DE LOGIN Y RECUPERACION DE PASSWORD-------------------------------*/