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


	.ui-outputlabel-rfi{
	color: red !important;
	}

	body .ui-panelgrid .ui-panelgrid-cell {
			padding-bottom: 5px;
			padding-left: 10px;
			padding-right: 15px;
			padding-top: 5px;
	}

	th {
	background: darkgray !important;
	}

	@media ( min-width : 641px) {


		.ui-titulo{
		font-size: 30px !important;
		font-weight: bold !important;
		}

		.ui-subtitulo{
		font-size: 20px !important;
		font-weight: bold !important;
		}

		.ui-botton{
		display: flex !important;
		justify-content: flex-end !important;
		}


	}

	@media ( max-width : 640px) {
		td{
		text-align: left !important;
		}

		.ui-titulo{
			font-size: 22px !important;
			font-weight: bold !important;
		}

		.ui-subtitulo{
			font-size: 15px !important;
			font-weight: bold !important;
			}

		.ui-botton{
		display: flex !important;
		justify-content: flex-start !important;

		}



		.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title{
			padding: .4em;
			min-width: 50%;
			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) {
		    text-align: left !important;
		    border: 0 none;
		    width: 100%;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    box-sizing: border-box;
		    float: left;
		    clear: left;
		    align-items: center !important;
		    display: grid !important;
		    flex-wrap: wrap;
		}


		.ui-datatable-reflow .ui-reflow-label, .ui-datatable-reflow .ui-reflow-dropdown {
		    display: flow;
		    padding-left: 8px;
		}
		.ui-datatable-reflow .ui-reflow-label, .ui-datatable-reflow .ui-reflow-dropdown {
		    margin-bottom: 0px;

		}
	}