/* body {
    background-image: url("http://localhost/qcagrez.v2/public/img/login/login.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
} */


/*LOGIN*/


.contenedor-1{
    position: relative;
    height: 100vh;
}


.caja-1{
    position: absolute;
    top: 20%;
    left: 35%;
    margin: 0 -25px; /* aplicar a top y al margen izquierdo un valor negativo para completar el centrado del elemento hijo */
}



.no-border {
    border-radius: 0%;
}





/*margenes login*/
.form-card{
    width: 65%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.9);
}

@media(max-width: 1260px) {
    .form-card{
        width: 90%;
        margin: auto;
        background-color: rgba(255, 255, 255, 0.9);
    }
}

@media(max-width: 920px) {
    .form-card{
        width: 65%;
        margin: auto;
        margin-top: 45px;
        background-color: rgba(255, 255, 255, 0.9);
    }
}

@media(max-width: 520px) {
    .form-card{
        width: 99%;
        margin: auto;
        background-color: rgba(255, 255, 255, 0.9);
    }
}




.button-login {
    background-color: #960025;
    color: white;
    width: 80%;
    margin: auto
}

.button-login:hover {
    background-color: #960025;
    color: white;
    width: 80%;
    margin: auto
}

@media(max-width: 920px) {
    .button-login {
        background-color: #960025;
        color: white;
        width: 80%;
        margin: auto
    }
    .button-login:hover {
        background-color: #960025;
        color: white;
        width: 80%;
        margin: auto
    }
}

@media(max-width: 520px) {
    .button-login {
        background-color: #960025;
        color: white;
        width: 100%;
        margin: auto
    }
    .button-login:hover {
        background-color: #960025;
        color: white;
        width: 80%;
        margin: auto
    }
}