/* 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

    }

}