/* Estilos para boton Acceso al Sistemae */
.buttonAcceso{
    display: block;
    float: right;
    width: 100%;
    padding: 0px 15px 5px 15px;
    box-sizing: border-box;
}
.buttonAcceso__button{
    background-color: #019501 !Important;
    color: #ffffff;
    border: none;
    height: 2.5rem;
    border-radius: 0.5rem;
    width:100%;
    cursor: pointer;
    transition-property: background-color, color;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 1s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 1s;
    -o-transition-timing-function: ease-out;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: ease-out;
}


.buttonAcceso__button:hover {
    background-color: #CCCCCC;
    color: #333333;
    transition-property: background-color, color;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 1s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 1s;
    -o-transition-timing-function: ease-out;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: ease-out;
}
/* Contenedor principal de Formulario */
#loginForm{
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Estilos generales para inputs */
.inputContainer{
    position: relative;
    border-radius: 8px;
    padding:1px;
    border: 1px solid #ffffff;

}
.inputContainer__img{
    position: absolute;
    width: 18px;
    height: 20px;
    top:7px;
    left:10px;
}
.inputContainer__input{
    font-family: Tahoma,Arial,sans-serif ;
    box-sizing: border-box;
    width: 100%;
    padding: 1px 10px 5px 35px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    height:32px;
}
.inputForm{
    width: 100%;
    background-color: #fff;
    outline: none !Important;
    border: none;
    margin: 3px 0;
}

.inputForm::placeholder{
    color: #767171;
}
/* Estilo personalizado para input  Password */
.inputForm-password{
    width: 90% !important;
}
/* Estilos para ojo de Password */
.inputContainer__divojo-img{
    cursor:pointer;
    position: absolute;
    top:11px;
    right:10px;
}

/* Estilo para boton Iniciar Sesión dentro de Dialog */
.loginForm__boton{
    width: 100%;
    border: none;
    border-radius: 8px;
    background-color: #019501 !Important;
    color: #fff;
    padding: 10.5px;
    cursor: pointer;
    transition-property: background-color, color;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 1s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 1s;
    -o-transition-timing-function: ease-out;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: ease-out;
}
.loginForm__boton:hover{
    background-color: #CCCCCC;
    color: #333333;
    transition-property: background-color, color;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 1s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 1s;
    -o-transition-timing-function: ease-out;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: ease-out;   
}
/* Estilos para texto Olvidaste o bloqueaste clave */
.loginForm__clave{
    font-family: 'Arial', sans-serif;
    font-size: 11px;
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
    margin: 0px;
    cursor: pointer;
    /* POR DANILO CARRASCO EN FECHA 11-08-2025. MOTIVO: REQUERIMIENTO 12817 */
    line-height: 13px;
    /* FIN REQUERIMIENTO 12817 */
}

/* POR DANILO CARRASCO EN FECHA 11-08-2025. MOTIVO: REQUERIMIENTO 12817 */
/* Estilos para texto Descargar App */
.texto_descargar_app {
    font-family: Helvetica, Roboto, Arial, sans-serif;
    font-size: 11px;
    color: #212121;
    text-align: center;
    margin: 0px;
    line-height: 13px;
}

.contenedor_descargar_app {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    gap: 10px;
}

.icono_descargar_app {
    display: flex;
    justify-content: center;
}

.img_descargar_app {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px 5px;
    width:100%;
    max-width: 80px;
    box-sizing: border-box;
}
/* FIN REQUERIMIENTO 12817 */

/* Estilos para Dialog */
/* Estilo del encabezado del diálogo */
.ui-dialog .ui-widget-header {
    background: #019501;
}

/* Estilo del cuadro de diálogo */
.ui-dialog {
    top: 205.05px;
    width: 90%;
}

/* Estilo del cuerpo del diálogo */
#body_dialog2 {
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}


/* Estilos para resolución Desktop */
@media only screen and (min-width: 1024px) {
    .buttonAcceso{
        display: none;
    }
}