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


.login {
    background-image: url("https://qcmanager.cl/monfrut/public/img/login/login.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100%;
}


/* .login:before {
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
} */


.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: #004d40;
    color: white;
    width: 80%;
    margin: auto
}

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

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


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


}