@charset "UTF-8";

/* Colocar aquí SOLO estilos que puedan ser reutilizados en diferentes pantallas. 
   Si son estilos que solo se usarán en un xhtml en particular es mejor colocarlos en el propio xhtml o un un .css particular */

.ui-panelgrid-sin-pading .ui-panelgrid-cell {
	padding: 0px 0 !important;
}

.ui-panelgrid-sin-fondo {
	background: none !important;
}

/* Se sobreescribe este estilo de la datatable solo agregándole !important.
* Lo anterior debido a que si el panelGrid usa ui-panelgrid-blank o ui-noborder quitará los bordes del panel pero también cualquier
* borde de las datatable anidadas. Esto afecta sobretodo a la separación entre renglones de una datatable cuando está en modo reflow en responsive
*/
.ui-datatable-reflow .ui-datatable-data tr {
	border-bottom: 1px solid rgba(0, 0, 0, .08) !important;
}

/* Se sobreescribe este estilo del div del picklist que muestra los listados de seleccionado y no seleccionado
* Se incrementa el alto de dichos divs para que se vean todos los elementos ya que el default solo muestra 5 renglones aprox.
* 
* También se sobreescribe el border solo agregándole el !important. 
* Lo anterior debido a que si el panelGrid usa ui-panelgrid-blank o ui-noborder quitará los bordes del panel pero también cualquier borde de picklist anidado
*/
.ui-picklist .ui-picklist-list {
	height: 100%;
	border: 1px solid #dee2e6 !important;
	font-size: x-small;
}

/** Se sobreescribe el estlo del titulo de cada listado del picklist para que muestre sus margenes a pesar de que el panelGrid tenga noborder */
.ui-picklist .ui-picklist-caption {
	border: 1px solid #dee2e6 !important;
}

/** Estilos para paneles */

body .ui-panelgrid .ui-panelgrid-cell {
	background: none;
	padding: 5px 15px 5px 10px;
}

.ui-columns-topbottom1px-padding.ui-panelgrid .ui-panelgrid-cell {
	padding: 1px 0 !important;
}

.ui-columns-sin-padding.ui-panelgrid .ui-panelgrid-cell {
	padding: 0 !important;
}

.ui-panel-sin-pading .ui-panelgrid-cell {
	padding: 5px 0 !important;
}

.ui-columns-padding-img.ui-panelgrid .ui-panelgrid-cell {
	background: none;
	padding: 0px 15px 0px 10px;
}

.ui-columns-padding-banner-in.ui-panelgrid .ui-panelgrid-cell {
	background: none;
	padding: 0 !important;
}

/* Estilo para los renglones y columnas del p:panelGrid */
.ui-grid-row .ui-grid-col-4 {
	padding: 0.5em 0;
}

/*MESSAGES*/

.ui-message-info-detail,
.ui-message-warn-detail,
.ui-message-error-detail,
.ui-message-fatal-detail {
	margin-left: 0 !important;
	font-size: 1.6rem !important;
	font-weight: 600 !important;
}
.ui-message-warn-summary{
	font-size: 1.6rem !important;
	font-weight: 800 !important;
}

.ui-message-error {
	background-color: #FBECEC !important;
	border-radius: 4px !important;
	padding: 3px 1px !important;
	color: #AE1C22 !important;
}

.ui-message-error-detail {
	color: #AE1C22;
}

.ui-outputlabel.ui-state-error {
	border: none !important;
	background: none !important;
	color: #cd0a0a !important;
}

.ui-message-info {
	background-color: #C7EFBD !important;
	border-radius: 0 !important;
	padding: 3px 1px !important;
	color: #1B5C4F !important;
	border: none !important;
}

.contenido-panel {
	display: flex;
	align-items: start;
	gap: 5px;
}

.panel-rojo {
	border-radius: 8px;
	background: #FAE5E5;
}

.text-rojo {
	color: #AE1C22;
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 19px;
}