.ui-panelgrid td, .ui-panelgrid tr {
	border-style: none !important;
	padding: 3px;
}

.botonIngreso {
	width: 100%;
}

.separador {
	height: 1px;
	border: 0px;
	background: transparent;
}

.ui-widget {
	font-size: 12px;
}

.ui-widget .ui-widget {
	font-size: 12px;
}

input:FOCUS {
	background-color: #FFFFBF !important;
}

.logoInstitucion {
	width: 100%;
	height: 100px;
}

.logoBanner {
	width: 52%;
	height: 103px;
	position: absolute;
	left: 35%;
	top: 1px;
}

.iconoMenu {
	width: 110px;
	height: 110px;
}

.botonGeneral {
	width: 100px;
}

.campoTexto160 {
	width: 160px;
}

.cuentaUsuario {
	position: absolute;
	top: 128px;
	right: 10px;
}

.ui-widget-content, .nombreUsuario {
	/*background: none !important;
	background-color: transparent !important;*/
	border: 0 none;
}

.ui-outputlabel, .colorLabel {
	color: #000000 !important;
	font-weight: bold !important;
}

.botonCerrarSesion {
	background-image: none !important;
	background-color: #D8D8D8 !important;
	width: 115px;
}

.labelUsuario {
	position: absolute;
	top: 100px;
	right: 130px
}

.selectonemenu100 .ui-selectonemenu {
	width: 100% !important;
}

.ui-widget-content.menu-icono {
	border: 0px !important;
}

.copyright {
	float: right;
	font-size: 12px;
}

.logo {
	width: 80px;
	height: 100px;
}

.pgFechaLectura {
	border: 0 none;
}

.pgSocioLectura {
	border: 0 none;
}

.pgLectura {
	border: 0 none;
}

.pg-lectura-editar {
	border: 0 none;
}

.pgProducto {
	border: 0 none;
}

.pgCobrar {
	border: 0 none;
}

.pgProveedor {
	border: 0 none;
}

.pgSocio {
	border: 0 none;
}

.pgPersona {
	border: 0 none;
}

.ui-panel pnCatalogo {
	border: 0 none;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: -10px;
}

body .ui-datatable .ui-datatable-data>tr>td {
	padding: 0.2rem 0.2rem !important;
}

body .ui-button.ui-button-icon-only {
	width: 1.7rem !important;
}

/* body .ui-button.ui-button-icon-only .ui-button-text { */
/* 	padding: 0.3rem !important; */
/* } */
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
	padding: 0.5rem 0.5rem !important;
}

body .ui-panelgrid .ui-panelgrid-cell {
	padding: 0.1rem !important;
}

body .ui-inputfield {
	padding: 0.3rem 0.3rem !important;
	font-size: 0.75rem !important;
}

body .ui-dialog .ui-dialog-titlebar {
	padding: 1rem !important;
}

body .ui-panel .ui-panel-content {
	padding: 0.8rem !important;
}

body .ui-panel .ui-panel-footer {
	padding: 0.5rem !important;
}

body .ui-dialog .ui-dialog-content {
	padding: 0 1rem 1rem 1rem !important;
}

body .ui-panel .ui-panel-titlebar {
	padding: 0.5rem !important;
}

body .ui-datatable thead th {
	padding: 0.5rem 0.5rem !important;
}

body .ui-datatable tfoot td {
	padding: 0.2rem 0.2rem !important;
}

body .ui-datepicker .ui-datepicker-header {
	padding: 0.5rem !important;
}

body .ui-datepicker .ui-datepicker-calendar th {
	padding: 0.2rem !important;
}

body .ui-datepicker .ui-datepicker-calendar td {
	padding: 0.1rem !important;
}

body .ui-datepicker .ui-datepicker-calendar td a {
	width: 1.7rem !important;
	height: 1.7rem !important;
	line-height: 1.7rem !important;
}

body .ui-datepicker .ui-datepicker-next, body .ui-datepicker .ui-datepicker-prev
	{
	width: 1.5rem !important;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 0.9em !important;
}

body .ui-selectonemenu .ui-selectonemenu-label {
	min-height: calc(1rem + 3px) !important;
}

body .ui-datepicker .ui-monthpicker-month {
	margin: 0.3rem 0 !important;
	padding: 0.1rem !important;
}

input.ui-spinner-input {
	width: 70% !important;
}

.graficoConsumo {
	display: flex;
	align-items: center;
	justify-content: center;
}

#consumo {
	max-width: 700px;
	max-height: 400px;
}

.rojo {
	background-color: red;
	color: white;
	display: block;
}

.amarillo {
	background-color: yellow;
	color: black;
	display: block;
}

.verde {
	background-color: green;
	color: white;
	display: block;
}