.authentication-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-height: 100vh;
    width: 100%
}

.authentication-wrapper .authentication-inner {
    width: 100%
}

.authentication-wrapper.authentication-1, .authentication-wrapper.authentication-2, .authentication-wrapper.authentication-4 {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.authentication-wrapper.authentication-1 .authentication-inner {
    max-width: 300px
}

.authentication-wrapper.authentication-2 .authentication-inner {
    max-width: 50vw;
}
.btn-login{width: auto}
@media (max-width: 768px){
    .authentication-wrapper.authentication-2 .authentication-inner {
        max-width: 100vw;
    }
    .btn-login{width: 100%}
}
.authentication-wrapper.authentication-3 {
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.authentication-wrapper.authentication-3 .authentication-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.authentication-wrapper.authentication-4 .authentication-inner {
    max-width: 800px
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .authentication-wrapper::after {
        content: '';
        display: block;
        -ms-flex: 0 0 0%;
        flex: 0 0 0%;
        min-height: inherit;
        width: 0;
        font-size: 0
    }
}

.text-light-blue{color: #2175D9!important;}
.text-dark-blue{color: #0F1941!important;}
.text-white{color: #fff!important;}
.authentication-inner .card{border:none;box-shadow: none;}
.bg-login{background: url('/theme/frontend/images/UNIR_login_background-image.jpg');background-position: left center;background-size: cover;}
.authentication-inner .form-control{height: 60px; padding: 16px;gap: 12px}
.show-passwd{
    color: #2175D9;
    background-color: #fff;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 1px solid rgba(24, 28, 33, 0.1) !important;
    border-left:none!important;
}
.form-label, .col-form-label {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 0;
    line-height: 24px;
    letter-spacing: 0;
}
.btn{border-radius: 4px!important;padding: 15px 24px!important;}
a{text-decoration: underline;}
.show-passwd{
    color: #2175D9;
    background-color: #fff;
    border-radius: 0 4px 4px 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 1px solid rgba(24, 28, 33, 0.1) !important;
    border-left:none!important;
    padding: 0px 10px!important;
}
.form-control.is-invalid {
    border-color: #E00F0F;
}
.form-control .is-invalid::after {
    content: '';
    display: inline-block;
    width: 16px; /* Ajusta el tamaño según sea necesario */
    height: 16px; /* Ajusta el tamaño según sea necesario */
    margin-left: 8px; /* Espacio entre el campo y el ícono */
    background-image: url('/img/error-message-icon.png');
    background-size: cover; /* Asegura que la imagen se ajuste correctamente */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    vertical-align: middle; /* Alinea el ícono con el input */

}
.alert-danger {
    background-color: #FDF3F3;
    color: #E00F0F;
    border: none;
}
#goBackButton{position: absolute;top: 20px;right: 20px;z-index: 2;color:#2175D9;font-size: 25px;}
div:where(.swal2-container) div:where(.swal2-popup){border-radius: 5px!important;padding: 40px 80px !important;}
div:where(.swal2-container) img:where(.swal2-image){margin: 0 auto!important;}
div:where(.swal2-container) h2:where(.swal2-title){font-weight: 400!important;padding: 20px 0px 20px !important;}
div:where(.swal2-container) div:where(.swal2-html-container){padding: 0px!important;}
div:where(.swal2-container) div:where(.swal2-actions){width: 100%!important;padding: 0px !important;}
div:where(.swal2-container) div:where(.swal2-actions) button{--swal2-action-button-focus-box-shadow:unset!important;}
.btn-primary {border-color: rgba(0,0,0,0);background: #2175D9;color: #fff;border-radius: 5px;padding: 10px 0;}
.btn-primary:hover {border-color: rgba(0,0,0,0);background: transparent;color: #2175D9;border: 1px solid #2175D9;}
.margin-20px-right{margin-right: 10px}
.margin-20px-bottom{margin-bottom: 20px;}
.margin-40px-bottom{margin-bottom: 40px;}
.form-label{font-weight: 400;}