@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;
	padding: 0px 25px !important;
	margin: 0px 0px !important;
}

.ui_panelgrid-sin-padding {
	padding: 0px 0px !important;
}

.ui-panelgrid-sin-padding-sitios {
	background: none !important;
	padding: 0px 0px !important;
}

.ui-divider.ui-divider-solid.ui-divider-vertical:before {
	border-left-style: solid;
	border-left-width: thin;
}

@media ( max-width : 640px) {
	#idBr {
		display: block !important;
	}
	.text_url {
		font-size: 12px !important;
	}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title
		{
		padding: .4em;
		min-width: 60%;
		display: inline-block;
		margin: -.4em .5em -.4em -.4em;
		font-weight: bold
	}
	.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
		border-radius: 8px;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		margin: 25px 0 25px 3%;
		display: table;
		width: 95%;
	}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden)
		{
		display: block;
		border: 0 none;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		clear: left;
	}

	td{
			text-align: left !important
			}
}