/*
*	ESTE ARCHIVO FUE CREADO PARA INCORPORAR ESTILOS PERSONALIZADOS 
*	SE DEBEN INCORPORAR REGLAS DE ESTILO SOBRE ELEMENTOS DE ENTRADA DE DATOS (INPUTS, SELECTS, ETC)
*/
.w-100 input{
	width: 100%;
}

.min-input-height{
	min-height: 71.7px;
}


/* ===================== INPUT BASE ===================== */
.input-base.ui-inputfield,
.input-base input.ui-inputfield{
	color: var(--gris);
	background: var(--white);
	border: 1px solid var(--gris-inactivo);
	border-radius: 4px;
	/* Estilos iguales que texto-pequeno-2 */
	font-size: 0.938rem; /* 15px */
	line-height: 1.25rem; /* 20px */
}
.input-base.ui-inputfield.ui-state-focus,
.input-base input.ui-inputfield.ui-state-focus{
	border-color: var(--color-principal);
    outline: 0 none;
    box-shadow: none;
}
.input-base.ui-inputfield.ui-state-hover,
.input-base input.ui-inputfield.ui-state-hover{
	border-color: var(--color-principal);
}

/* ===================== INPUT RESALTADO ===================== */
.input-resaltado.ui-inputfield,
.input-resaltado input.ui-inputfield{
	color: var(--gris-texto);
	background: var(--gris-fondo-inputs);
	border: 1px solid var(--gris-bordes);
	border-radius: 4px;
}
.input-resaltado.ui-inputfield.ui-state-focus,
.input-resaltado input.ui-inputfield.ui-state-focus{
	border-color: var(--color-principal);
    outline: 0 none;
    box-shadow: 0 0 0 0.2em var(--color-principal-lighter);
}
.input-resaltado.ui-inputfield.ui-state-hover,
.input-resaltado input.ui-inputfield.ui-state-hover{
	border-color: var(--color-principal);
}


/* ===================== SELECT ONE MENU BASE ===================== */
.select-base.ui-selectonemenu .ui-inputfield{
	color: var(--gris);
}
.select-base.ui-selectonemenu{
	color: var(--gris);
	background: var(--white);
	border: 1px solid var(--gris-inactivo);
	border-radius: 4px;
	/* Estilos iguales que texto-pequeno-2 */
	font-size: 0.938rem; /* 15px */
	line-height: 1.25rem; /* 20px */
}
.select-base.ui-selectonemenu.ui-state-focus{
	border-color: var(--color-principal);
    outline: 0 none;
    box-shadow: none;
}
.select-base.ui-selectonemenu.ui-state-hover{
	border-color: var(--color-principal);
}
.panel-select-base.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item{
	color: var(--gris-texto);
}
.panel-select-base.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight{
	background: var(--color-principal-lighter);
	color: var(--gris-texto);
}
.panel-select-base.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover{
	border-color: var(--gris-fondos);
	color: var(--gris-texto);
}
/* ESTILOS PARA EL INPUT DEL FILTER (IGUALES AL INPUT BASE) */
.panel-select-base .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield{
	color: var(--gris);
	background: var(--white);
	border: 1px solid var(--gris-inactivo);
	border-radius: 4px;
	/* Estilos iguales que texto-pequeno-2 */
	font-size: 0.938rem; /* 15px */
	line-height: 1.25rem; /* 20px */
}
.panel-select-base .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield.ui-state-focus{
	border-color: var(--color-principal);
    outline: 0 none;
    box-shadow: none;
}
.panel-select-base .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield.ui-state-hover{
	border-color: var(--color-principal);
}

/* ============================= */
/* == SELECT BOOLEAN CHECKBOX == */
/* ============================= */
.chk-base.ui-chkbox .ui-chkbox-box{
	background: var(--white);
	border: 1px solid var(--gris-inactivo);
	border-radius: 4px;
}
.chk-base.ui-chkbox .ui-chkbox-box.ui-state-hover{
	border-color: var(--color-principal);
}
.chk-base.ui-chkbox .ui-chkbox-box.ui-state-active{
	border-color: var(--color-principal);
    background: var(--color-principal);
}
.chk-base.ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover{
	background: var(--color-principal-darker);
}
.chk-base.ui-chkbox .ui-chkbox-box.ui-state-focus{
	box-shadow: 0 0 0 0.2em var(--color-principal-lighter);
    outline: 0 none;
}

.chk-label-me-1.ui-chkbox .ui-chkbox-label{
	margin-right: 0.25rem;
}

/* ========================== */
/* == SELECT CHECKBOX MENU == */
/* ========================== */
.select-chk-menu.ui-selectcheckboxmenu .ui-inputfield{
	color: var(--gris);
}
.select-chk-menu.ui-selectcheckboxmenu{
	color: var(--gris);
	background: var(--white);
	border: 1px solid var(--gris-inactivo);
	border-radius: 4px;
	/* Estilos iguales que texto-pequeno-2 */
	font-size: 0.938rem; /* 15px */
	line-height: 1.25rem; /* 20px */
}
.select-chk-menu.ui-selectcheckboxmenu.ui-state-focus{
	border-color: var(--color-principal);
    outline: 0 none;
    box-shadow: none;
}
.select-chk-menu.ui-selectcheckboxmenu.ui-state-hover{
	border-color: var(--color-principal);
}
.select-chk-menu.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token{
    color: var(--gris-texto);
    background: var(--color-principal-lighter);
    padding: 0.3rem;
    margin: 2px;
}
.select-chk-menu-panel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox .ui-chkbox-box,
.select-chk-menu-panel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box{
	background: var(--white);
	border: 1px solid var(--gris-inactivo);
	border-radius: 4px;
}
.select-chk-menu-panel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox .ui-chkbox-box.ui-state-hover,
.select-chk-menu-panel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box.ui-state-hover{
	border-color: var(--color-principal);
}
.select-chk-menu-panel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox .ui-chkbox-box.ui-state-active,
.select-chk-menu-panel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box.ui-state-active{
	border-color: var(--color-principal);
    background: var(--color-principal);
}
.select-chk-menu-panel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover,
.select-chk-menu-panel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover{
	background: var(--color-principal-darker);
}
.select-chk-menu-panel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox .ui-chkbox-box.ui-state-focus,
.select-chk-menu-panel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box.ui-state-focus{
	box-shadow: 0 0 0 0.2em var(--color-principal-lighter);
    outline: 0 none;
}