@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;
}