/* Resaltar emptyMessage de compomnente autocomplete con cursiva y rojo */
.ui-autocomplete-emptyMessage {
	font-style: italic;
	color: #ff0000;
}

/* Para evitar que los input sean mas anchos que el div en que se encuentran. Necesario para responsive. */
.ui-grid-row input {
	width: 100%;
	float: left;
	box-sizing: border-box;
}

/* Eliminamos bordes y background a las migas de pan */
/*
.ui-breadcrumb {
	border: 0;
	background: none;
}
*/
.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	background-image: none;
	font-weight: normal;
	text-shadow: none;
}

/* En Chrome se aniade un scroll si el ancho es 100% */
.ui-datatable table {
	width: 99.7%;
}

/* Seleccion multiple en tablas con checks*/
.ui-datatable .ui-state-highlight {
	background: #2FA4E7 !important;
}

.ui-datatable .ui-state-highlight .datatable-link {
	text-shadow: none;
}

/*Tablas sin mostrar el header de las columnas*/
.datatable-no-header-columns table thead tr {
	display: none;
}

.ui-datatable .ui-helper-clearfix::after {
	float: left !important;
}

/* Las columnas de las tablas crecen hacia abajo si llegan al 100% del ancho*/
.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td,
	.ui-datatable-resizable tfoot td {
	white-space: normal;
}

/* p:messages y p:growl */
.ui-growl {
	right: 40%;
	top: 150px;
}

/* Listas ordenadas */
.ui-orderlist .ui-orderlist-list {
	width: 100%;
	height: initial;
}

.ui-orderlist .ui-orderlist-caption {
	padding: 0px;
}

/*Se sobreescribe el estilo por defecto de primefaces 
para que no muestre el outline de los elementos con focus
ya que al renderizar componentes como el fileupload o el button 
para pasar elementos de una tabla a otra dejaba visible una linea punteada*/
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
	{
	outline: 0 none;
}

/*Modificaciones en los estilos propios de primefaces para el menu */
/* Limite maximo del contenedor de los elementos de menu */
.ui-menu.ui-menubar .ui-menu-parent .ui-menu-child {
	min-width: 12.5em;
	width: auto;
}
/* Aplicar un ancho especial a los elementos que lo necesiten */
.special-large {
	padding-right: 1em !important;
}

.special-large.ui-state-hover {
	width: 94% !important;
}

.special-large-parent {
	min-width: 17em;
}

.special-large-parent ul {
	margin-left: -10px !important;
}

.ui-steps .ui-steps-title {
	white-space: normal;
}

/*Diagramas*/
.ui-diagram-element {
	width: 14em;
	height: 4em;
	line-height: 4em;
	text-align: center;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
	border-radius: 4px;
	border: 1px solid #646D7E;
	background-color: #646D7E;
	color: #ffffff;
}

.ui-diagram-element:hover {
	background-color: #828B9C;
}

.start-node {
	width: 4em;
	border-radius: 6px;
	background-color: #000000 !important;
}

.flow-label {
	color: #464F60;
	font-size: 18px;
	font-weight: bold;
}

/*Fin Diagramas*/

/*InputNumber*/
.inputNumberInTable input {
	width: 97%;
	text-align: right;
}

/*SelectCheckBoxMenu*/
.ui-selectcheckboxmenu-panel label {
	font-weight: normal;
	text-align: left;
}

/*Evita bordes en los p:dataGrid*/
.datagrid-no-border .ui-datagrid-content {
	border: 0;
}

.datagrid-column-no-padding .ui-datagrid-column {
	padding: 0 !important;
}

.align-right .ui-inputnumber input, .ui-inputnumber input {
	text-align: right;
}

.width90Por .ui-inputnumber {
	width: 90%;
}

/* Evita que aparezcan los asteriscos de un campo obligatorio */
.no-show-asterisk .ui-outputlabel-rfi {
	display: none;
}

.selectRolesParametros .ui-selectcheckboxmenu-label {
	width: 200px;
	text-align: left;
}

.ui-inputfield.ui-state-error, .ui-widget-content .ui-inputfield.ui-state-focus.ui-state-error,
	.ui-widget-header .ui-inputfield.ui-state-focus.ui-state-error,
	.ui-selectonemenu.ui-state-error, .ui-inputfield.ui-state-error {
	border: 1px solid #cd0a0a !important;
	color: #b94a48 !important;
}

/* Para que la tabla ocupe el 100% en caso de redimensionar la pantalla */
.ui-datatable-tablewrapper>table {
	table-layout: auto;
}

/* Cambio en el grid dinámico */
.pe-dynaform-grid {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}