.field-validation-error {
    max-width: 300px !important;
    text-align: justify;
}

#divSecond {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#divIMG1 {
    margin-right: -25px;
    margin-top: -4px;
}

.login-form-principal {
    border: none;
    z-index: 10;
}
.login-page::before {
    content: "";
    display: block;
    z-index: 1;
    background: url(../assets/images/fondo.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100%;
}
.bg-primario {
    color: #A8123E;
}
.btn-login {
    color: white;
    background-color: #A8123E;
    border-color: #A8123E;
}

    .btn-login:hover {
        color: white;
        background-color: #691C32;
        border-color: #691C32;
    }

.imgFondo2 {
    object-fit: cover;
    width: 32em;
    height: 100%;
}

#div-registroUsuario{
    width:800px;
}

#loginForm {
    width: 350px;
}

a:hover, a:focus, span:hover, span:focus {
    text-decoration: none;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    #loginForm {
        width: 200px;
    }
}

@media all and (max-width: 492px) {
    #loginForm {
        width: 100% !important;
    }
}