/*////////////////////////////////////////////////////////////////////////////////////////////
// SECCION MODIFICADA ALVARO
//
// - Se modifican las propiedades de algunos componentes localmente	
////////////////////////////////////////////////////////////////////////////////////////////*/

/********************************************************************** 
 * Se modifica el aspecto de la secci�n superior de la página.
 * 		- Se modifica el aspecto del menu(menuBar) con id #formMenu para asemejarlo al 
 *		  de la página principal de AGROSEGURO.
 * 		- Se modifica el aspecto del breadCrumb(breadcrumbMenu) con id #formBreadCrumb 
 * 		  para simplificarlo y adaptarlo al tema
 * 		- Se modifica el aspecto del monitor(submitMonitor) para reducir su tama�o
 **********************************************************************/
#formMenu\:menu_principal > div > div > ul {
	width: 100%;
}
#formMenu\:menu_principal > div > div > ul >li.wijmo-wijmenu-separator{
	border: 0px !important;
}
#formMenu\:menu_principal > div > div > ul > li:last-child{
	float:right;
}
#formMenu\:menu_principal > div.ui-widget.ui-widget-content {
	border: 1px solid #ffffff;
	display: table-row;
}
#formMenu\:menu_principal > div > div > ul > li > a {
	border: 1px solid #ffffff !important; 
    border-top: 3px solid #ffffff !important;
  
}
#formMenu\:menu_principal > div > div > ul > li > a > span > span  {
    padding-top: 4px;
}
#formMenu\:menu_principal > div > div > ul > li > a > span > span,
#formMenu\:menu_principal > div > div > ul > li > a > span > span > span {
    font-size: 14px;
    font-weight: 900;
}
#formMenu\:menu_principal > div > div > ul > li > a.ui-state-hover > span > span {
    border-top: 3px solid #587A43 !important;
    border-radius: 0px;
    background: #ffffff;
    color: #587A43;
}
#formMenu\:menu_principal > div > div > ul > li > a.ui-state-hover  {
    background: #ffffff;
}
#formMenu\:menu_principal > div > div > ul > li > a.ui-state-hover > span > span {
    text-decoration: none;
}
#formMenu\:menu_principal > div > div > ul > li > a.ui-state-active {
    border-radius: 0px;
    background: #ffffff !important;
    color: #8CAF75 !important;
    font-weight: normal;
}
ul > li > a.wijmo-wijmenu-link.ui-state-active {
	color: #FFFFFF;
}
#formMenu\:menu_principal > div > div > ul > li > a.ui-state-active > span > span {
    text-decoration: none;
}
#formMenu\:menu_principal > div > div > ul > li > a.wijmo-wijmenu-link > span.wijmo-wijmenu-text{
    padding-left: 20px;
}
.wijmo-wijmenu-flyout,
.wijmo-wijmenu-item > a {
	border-radius: 15px;
}
form#formBreadCrumb,
form#formBreadCrumb > div.ui-breadcrumb-menu{
	float: left;
}    
form#formBreadCrumb > div.ui-breadcrumb-menu > div > div > ul > li > a.wijmo-wijmenu-link{
	padding-right: 4px;
}
form#formBreadCrumb > div.ui-breadcrumb-menu > div > div > ul > li > a.wijmo-wijmenu-link.ui-state-hover{
	background: #8CAF75;
	padding-right: 4px;
    border-radius: 12px;
}
a[title=Inicio] > span{
    padding-left: 10px !important;
}
.monitor_breadCrumb > div > .ice-sub-mon-img.ui-icon-alert,
.monitor_breadCrumb > div > .ice-sub-mon-img.ui-icon-clock{
    background-size: auto;
    background-position: -31px -192px;
}
form#formBreadCrumb > div.ui-breadcrumb-menu > div{
	border: 1px solid transparent;
}
span.wijmo-wijmenu-text > span.wijmo-wijmenu-text > span.ui-icon{
	position: relative;
    top: 2px;
}
#formMenu{
	margin-bottom: 5px;
}
#submitMonitor{
    margin-top: 3px;
    position: relative;
    left: 10px;
    width: 320px;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 5px;
}
.monitor_breadCrumb > div > .ice-sub-mon-img{
    background-size: 25px 25px;
}

.ice-sub-mon > .ice-sub-mon-mid.idle > .ice-sub-mon-img {
    background-image: url("/images/connect_idle.gif") !important;
}

.ice-sub-mon > .ice-sub-mon-mid.active > .ice-sub-mon-img {
    background-image: url("/images/connect_active.gif") !important;
}

div#formBreadCrumb\:menu_bc > div.ui-widget.ui-widget-content.wijmo-wijmenu{
	background: transparent;
	border: 1px solid transparent;
}
div.ice-ace-menu-bar{
	border-bottom: 2px solid #587A43;
}
.ace-splitpane > div:first-child {
	border-radius: 15px 0px 0px 15px !important;	
}
.ace-splitpane > div {
	border-radius: 0px 15px 15px 0px;
}
/********************************************************************** 
 * Modificamos el aspecto de los TITULOS 
 *		- Cambiamos el color de las letras de los titulos
 **********************************************************************/
div.ui-datatable > div.ui-datatable-footer,
div.if-list-dl-cnt  > div.if-list-nctrl-foot{
	color: #262824;
	border-radius: 0px 0px 15px 15px;
}
div.ui-header-column > span > span.ui-header-text,
span.ui-header-text, 
div.if-list-dl-cnt  > div.if-list-nctrl-head,
div.ui-widget-header{
	color: #262824;
	border-radius:  15px 15px 0px 0px;
}
div.ui-datatable  {
	overflow-x: hidden;
    border-radius: 15px;
    border: 1px solid #587A43;
}

div.ui-datatable > div.ui-paginator-bottom {
    background-color: #8CAF75;
    border-top: 0px;
	border-radius: 0px;
}
th.ui-widget-header{
    background-color: #8CAF75;
    border-left: 1px solid #587A43;
}


tr > th.ui-widget-header:first-child {
    border-left: 1px solid #8CAF75;
}
.ui-datatable input.ui-column-filter {
    width: 95%;
    margin-bottom: 3px;
    border-radius: 15px;
    border: 0px;
}

/********************************************************************** 
 * Modificamos el aspecto de los PANELES 
 * 		- Establecemos el color del borde 
 * 		- Aumentamos el tama�o de los titulos
 * 		- Fijamos el alto para que se ajuste al contenido
 **********************************************************************/
div.ui-panel-titlebar {
 	border: 1px solid #ffffff;
    background-color: #ffffff;
}
div.header-text-row > span.ui-panel-title{
	font-size: 15px;
	color: #587A43;
}
div.ui-panel > div.ui-panel-content{
	padding: 5px;
}
.ui-panel-content.ui-widget-content{
	height: auto;
}

/********************************************************************** 
 * Modificamos el aspecto de los ACCORDION
 * 		- Eliminamos el exceso de padding
 **********************************************************************/
div.ui-accordion h3.ui-accordion-header{
	padding: 0px;
}

/********************************************************************** 
 * Modificamos el aspecto de la ETIQUETA 
 * 		- Eliminamos el cursor de seleccion al posicionarse encima
 * 		- Fijamos el tama�o de las etiquetas
 * 		- Ponemos en negrita
 **********************************************************************/
span{
	cursor: default;
	font-size: 11px;
}
label.ui-input-label{
	font-size: 11px;
	width: auto !important;
}
table {
	font-size: 11px;
}
.multiple-select-table{
	border: 1px solid #587A43;
    border-radius: 15px;
    border-collapse: separate !important;
    border-spacing: 0px;
    margin-top: 5px;
}
table.multiple-select-table > tr > td {
	border-width: 0px !important;
    border-radius: 15px;
}

table.multiple-select-table > tr > td > button{
	background: #587A43;
    border: 0px;
    border-radius: 15px;
    color: #ffffff;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

table.multiple-select-table > tr:last-child > td {
	border-bottom: 0px solid #587A43 !important;
}
label{
	font-weight: 600;
}

/********************************************************************** 
 * Modificamos el aspecto de la CHECK_BUTTON 
 * 		- Eliminamos el marco totalmente innecesario
 * 		- Fijamos el cursor con forma de dedo al posicionarse sobre el componente
 **********************************************************************/
span.yui-button.yui-checkboxbutton-button.ui-button.ui-widget{
    background: transparent;
    border: 1px solid transparent;
    padding: 0px;
    margin: 0px;
    cursor: default;
}
button.ice-checkboxbutton-checked,
button.ice-checkboxbutton-unchecked{
	padding: 0px;
    margin: 0px;
    border-radius: 3px;
}
button.ice-checkboxbutton-checked:hover,
button.ice-checkboxbutton-unchecked.ui-state-hover{
	cursor: pointer;
	background: #b6ffb6 url("/images-jsf/ui-bg_highlight-soft_100_XXXXXX_1x100.png") 50% 50% repeat-x;
} 
span.yui-button.yui-checkboxbutton-button.ui-button.ui-widget > span > button.ui-state-hover > span,
span.yui-button.yui-checkboxbutton-button.ui-button.ui-widget > span > button.ui-state-active > span{
    cursor: pointer;
}

/********************************************************************** 
 * Modificamos el aspecto de la CHECK_BUTTONS 
 * 		CLASES: lista_vertical_derecha, lista_vertical_izquierda
 * 		- Modificamos el aspecto de los grupo de botones CHECKBOX
 **********************************************************************/
div.ice-ace-checkboxbuttons.lista_vertical_derecha{
	display:table;
	text-align: right;
}
div.ice-ace-checkboxbuttons.lista_vertical_izquierda{
	display:table;
	text-align: left;
}
div.ice-ace-checkboxbuttons.lista_vertical_derecha > div.ice-checkboxbutton,
div.ice-ace-checkboxbuttons.lista_vertical_izquierda > div.ice-checkboxbutton{
	display:block;
}

/********************************************************************** 
 * Modificamos el aspecto de la RADIO_BUTTON 
 * 		- Adaptamos el label cuando se desactiva el elemento
 **********************************************************************/
.ice-ace-radiobutton[onmouseover=""] .ui-input-label{
	color: #D3D3D3;
}

/********************************************************************** 
 * Modificamos el aspecto de TODOS los botones [h:commandButton, ace:pushButton]
 * 		- Modificamos el aspecto por defecto
 * 		- Modificamos el aspecto al posicionarse sobre el componente
 * 		- Modificamos el aspecto al pulsar sobre el componente
 * 		- Modificamos el aspecto cuando se desactiva el componente
 **********************************************************************/
input[type=submit],
input[type=button],
button.ui-button.ui-button-text-only,
div.ice-pushbutton > span > button.ui-button{
    border: 1px solid #587A43 ;
    background-color: #587A43;
    font-weight: 600;
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    border-radius: 12px;
}
input[type=submit]:hover,
input[type=button]:hover,
button.ui-button.ui-button-text-only.ui-state-hover,
div.ice-pushbutton > span > button.ui-button.ui-state-hover{
	border: 1px solid #8CAF75 !important;
    background-color: #8CAF75;
 	cursor: pointer;
 	font-weight: 600;   
}
input[type=image]:hover{
	cursor: pointer;
}
input[type=image][disabled]:hover,
input[type=image][disabled=disabled]:hover{
	cursor: default;
	opacity: 0.75;
}
input[type=submit]:active,
input[type=button]:active,
button.ui-button.ui-button-text-only.ui-state-active,
div.ice-pushbutton > span > button.ui-button:active,
div.ice-pushbutton > span > button.ui-button.ui-state-active{
    border: 1px solid #D3D3D3 !important;
    background: #D3D3D3;
    color: #587A43;
 	cursor: pointer;  
 	font-weight: 600;
}
input[type=submit][disabled=true],
input[type=submit][disabled=disabled],
input[type=submit][disabled],
input[type=button][disabled=true],
input[type=button][disabled=disabled],
input[type=button][disabled],
div.ice-pushbutton > span > button[disabled=true].ui-button,
div.ice-pushbutton > span > button[disabled=disabled].ui-button,
div.ice-pushbutton > span > button[disabled].ui-button{
	background: #D3D3D3;
    color: #262824;
    border: 1px solid #D3D3D3;
    opacity: 1;
    cursor: default;
    font-weight: normal;
}
button.ui-button > span{
	cursor:pointer;
}
button.ui-button.ui-button-text-only > span.ui-button-text,
button.ui-button.ui-button-text-only > span.ui-button-text > span{
	padding: 0px;
	cursor: pointer;
}
button.ui-button.ui-button-text-only{
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
/********************************************************************** 
 * Modificamos el aspecto de TODOS los select [ace:comboBox, ace:selectMenu, ace:simpleSelectOneMenu]
 * 		- Modificamos el aspecto por defecto
 * 		- Modificamos el aspecto cuando se desactiva el componente
 **********************************************************************/
/* Cuerpo de los select */
select,
span.ui-simpleselectonemenu > select.ui-inputfield,
div.ui-selectmenu > a.ui-selectmenu-value,
div.ui-combobox > span.ui-combobox-value > div.ui-combobox-table > div.ui-combobox-row > span.ui-combobox-cell-left > input.ui-inputfield {
    background: #d3d3d3;
    color: #262824;
    border-radius: 12px;
    cursor: pointer;
}
select,
span.ui-simpleselectonemenu > select.ui-inputfield,
div.ui-selectmenu > a.ui-selectmenu-value,
div.ui-combobox > span.ui-combobox-value{
	border: 1px solid #ffffff;
	border-radius: 12px;	
}
/* botón de los select */
div.ui-combobox > span.ui-combobox-value > div > div > span > span,
div.ui-combobox > span.ui-combobox-value > div > div > span > span > span,
div.ui-selectmenu > a.ui-selectmenu-value > span.ui-selectmenu-button,
div.ui-selectmenu > a.ui-selectmenu-value > span.ui-selectmenu-button > span{
	cursor: pointer;
}
div.ui-combobox > span.ui-combobox-value > div > div > span > span,
div.ui-combobox > span.ui-combobox-value > div > div > span > span > span,
div.ui-selectmenu > a.ui-selectmenu-value > span.ui-selectmenu-button{
	background: #587A43;
	border-radius: 15px;
	height: 100%;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
}
div.ui-combobox > span.ui-combobox-value > div > div > span.ui-combobox-cell-right {
	background: #587A43;
	border-radius: 15px
}
div.ui-combobox > span.ui-combobox-value > div > div > span > span,
div.ui-selectmenu > a.ui-selectmenu-value > span.ui-selectmenu-button{
	border: 1px solid #587A43;
    border-bottom: 0px;
    border-top: 0px;
    border-right: 0px;
    padding-top: 5px;
    padding-right: 3px;
    border-radius: 0px 0px 15px 15px;
}
div.ui-selectmenu > a.ui-selectmenu-value > span.ui-selectmenu-button > span,
div.ui-combobox > span.ui-combobox-value > div > div > span > span > span{
	color: #FFFFFF;
}
div.ui-combobox > span.ui-combobox-value > div.ui-combobox-table > div.ui-combobox-row > span.ui-combobox-cell-right > span.ui-combobox-button{
    display: inline-block;
	border-radius: 15px;
    width: 15px;
}

/* Cuerpo de los select desactivado */
div.ui-combobox > span.ui-combobox-value.ui-state-disabled,
div.ui-selectmenu > a.ui-selectmenu-value.ui-state-disabled,
span.ui-simpleselectonemenu > select[disabled=disabled].ui-inputfield{
	opacity: 1;
	border: 1px solid #D3D3D3;
    border-radius: 12px;	
}
div.ui-combobox > span.ui-combobox-value.ui-state-disabled > div.ui-combobox-table > div.ui-combobox-row > span.ui-combobox-cell-left > input.ui-inputfield ,
div.ui-selectmenu > a.ui-selectmenu-value.ui-state-disabled,
span.ui-simpleselectonemenu > select[disabled=disabled].ui-inputfield {
	color: #262824;
    background: #D3D3D3;
    border-radius: 12px;
}
  
/* botón de los select desactivado */
div.ui-combobox > span.ui-combobox-value.ui-state-disabled > div > div > span > span,
div.ui-combobox > span.ui-combobox-value.ui-state-disabled > div > div > span > span > span,
div.ui-selectmenu > a.ui-selectmenu-value.ui-state-disabled > span.ui-selectmenu-button{
	background: #D3D3D3 ;
}
div.ui-combobox > span.ui-combobox-value.ui-state-disabled > div > div > span > span,
div.ui-selectmenu > a.ui-selectmenu-value.ui-state-disabled > span.ui-selectmenu-button{
	border: 1px solid #D3D3D3;
    border-bottom: 0px;
    border-top: 0px;
    border-right: 0px;
}

/* Corrección del padding (simpleSelectOneMenu) */
span.ui-simpleselectonemenu > select.ui-inputfield{
    padding: 1px;
}
/* Corrección del ancho (selectMenu) */
div.ui-selectmenu > a.ui-selectmenu-value{
	width: auto !important;
	min-width: 200px;
}

/********************************************************************** 
 * Modificamos el aspecto del componente de lista "h:selectManyListbox"
 * 		- Modificamos el aspecto de un select por defecto y los asemejamos a nuestras listas
 **********************************************************************/
select[multiple] {
	border: 1px solid #D3D3D3;
	background: transparent;
	min-width: 150px;
}

select[multiple]:focus{
	outline: 2px solid #587A43;
}


select[multiple] > option{
    border: 1px solid transparent;
    border-radius: 12px;
    color: #262824;
    margin: 2px;
    background: transparent;
    font-size: 11px;
    padding: 2px;
    padding-left: 15px;
}

select[multiple] > option:hover{
    border: 1px solid #D3D3D3;
    border-radius: 12px;
    color: #262824;
    background: #D3D3D3;
}

select[multiple]:focus > option:checked{
    border: 1px solid #587A43 !important;
    border-radius: 12px !important;
    background: #587A43 repeat  url("/images-jsf/pixel-587A43.png");
}
select[multiple] > option:checked{
    border: 1px solid #587A43 !important;
    border-radius: 12px !important;
    background: #587A43 repeat  url("/images-jsf/pixel-8CAF75.png");
    
}

/********************************************************************** 
 * Modificamos el aspecto de TODAS las entradas de texto [ace:autoCompleteEntry, ace:maskedEntry, ace:textEntry, ace:textAreaEntry]
 * 		- Modificamos el aspecto por defecto
 * 		- Modificamos el aspecto cuando se desactiva el componente
 **********************************************************************/
input.ui-inputfield.ui-textentry,
textarea.ui-inputfield.ui-textareaentry,
input.ui-inputfield.ui-inputmask,
div.ui-autocompleteentry > span > input.ui-inputfield,
input.hasDatepicker.ui-inputfield.ui-widget,
input[type=text],
input.ui-inputfield.ui-widget {
    border: 1px solid #ffffff;
    border-radius: 12px;
    background: #D3D3D3;
    font-weight: normal;
    color: #262824;
}
input[disabled].ui-inputfield.ui-widget,
input[disabled=disabled].ui-inputfield.ui-widget,
input[disabled=disabled].ui-inputfield.ui-textentry,
input[disabled].ui-inputfield.ui-textentry,
textarea[disabled=disabled].ui-inputfield.ui-textareaentry,
textarea[disabled].ui-inputfield.ui-textareaentry,
input[disabled=disabled].ui-inputfield.ui-inputmask,
input[disabled].ui-inputfield.ui-inputmask,
div.ui-autocompleteentry > span > input[disabled=disabled].ui-inputfield,
div.ui-autocompleteentry > span > input[disabled].ui-inputfield {
	background: #D3D3D3;
    color: #aaaaaa;
    border: 1px solid #D3D3D3;
    opacity: 1;
    cursor: default;
}

/********************************************************************** 
 * Modificamos el aspecto del componente ace:dataTable
 * 		- Reducimos el padding de todas las celdas
 *		- Cambiamos el aspecto de las celdas de edici�n
 *		- Establecemos el color de las filas impares (ui-datatable-even)
 * 		- Modificamos el comportamiento de la tabla para que genere scroll cuando no entre de ancho
 * 		- Centramos el paginador
 **********************************************************************/
.ui-datatable thead .ui-sortable-column .ui-sortable-column-icon {
    right: 10px;
}
div.ui-cell-editor > span > input[type=text]{
    border-radius: 12px;
    background-color: #D3D3D3;
    font-weight: normal;
    color: #262824;
}
div.ui-state-highlight.ui-cell-editor,
div.ui-row-editor.ui-state-highlight{
	border-radius: 15px;
	height: 100%;
	padding: 0px !important;
	background: transparent;
    border: 0px;
}
div.ui-cell-editor > span > input {
	border: 1px solid #587A43 !important;
}
div.ui-row-editor.ui-state-highlight{
	background-color: #587A43;
	border-top: 3px solid #587A43;
    border-bottom: 2px solid #587A43;
}

div.ui-row-editor.ui-state-highlight > a.ui-icon{
	background-image: url("/images-jsf/ui-icons_ffffff_256x240.png");
}
tr.ui-datatable-even,
tr.ui-datatable-odd  {
	border: 1px solid #587A43;
}

tbody.ui-datatable-data > tr:last-child,
tbody.ui-datatable-data > tr:last-child > td {
	border-bottom: 1px solid transparent !important;
}    
    
tr.ui-datatable-odd  {
	background: #d3d3d3;
}
div.ui-datatable.ui-widget > div{
	overflow-x:  auto;
}
td.ui-editable-column > div.ui-cell-editor > span > input {
	width: 95%;
    text-align: center;
    border-radius: 12px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 0px;
}
div.ui-datatable.ui-widget > div > table > thead > tr > th.ui-widget-header.ui-state-active > div.ui-header-column > span > span {
	color: #fff;
}

div.ui-datatable.ui-widget > div.ui-paginator,
div.ui-datatable.ui-widget > div.ui-datatable-footer{
	width: auto !important;
	overflow-x: auto; 
}
tbody.ui-datatable-data{
	white-space: nowrap;
}

td.columna_cambio_linea {
	white-space: normal;
}

/********************************************************************** 
 * Modificamos el aspecto del componente ace:sliderEntry
 * 		- Cambiamos el color del botón
 **********************************************************************/
div.ui-slider > a.ui-slider-handle{
   	border: 1px solid #587A43;
    background: #587A43;
    font-weight: normal;
    color: #D3D3D3;
    border-radius: 12px;
    cursor: pointer;
}

/********************************************************************** 
 * Modificamos el aspecto del componente ace:message 
 * 		- Establecemos el display en tabla y ajustamos el tama�o a nivel de error
 **********************************************************************/

span.ui-faces-message > span.ui-state-error,
span.ui-faces-message > span.ui-state-error{
	display: table;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
    font-weight: 600;
}

div.ui-faces-messages > div.ui-state-error {
    display: table;
    width: auto;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
    font-weight: 600;
    line-height: 20px;
}
/********************************************************************** 
 * Modificamos el aspecto del componente ace:tabSet
 * 		- Ajustamos el padding de los paneles
 **********************************************************************/
div.ui-tabs-panel.ui-widget-content {
	border: 1px solid #d3d3d3;
    border-radius: 0px 15px 15px 15px;
}
.ui-tabset .ui-tabs-nav {
	padding:0px;	
}

/********************************************************************** 
 * Modificamos el aspecto del componente ace:linkButton
 * 		- Eliminamos el marco completamente innecesario
 *		- Establecemos el cursor a pointer y a default cuando se desactiva
 *		- Cambiamos el color cuando esta en hover
 *		- Cambiamos el color cuando esta en active
 **********************************************************************/
div.ice-linkbutton.ui-state-hover,
span.yui-button.yui-link-button,
div.ice-linkbutton > .yui-button.ui-button:active {
	border: 1px solid transparent !important; 
    background: transparent !important;  
    font-weight: 600; 
    cursor:pointer;
    padding:0px;
    margin:0px;
   	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
span.yui-button.yui-link-button > span{
	cursor:pointer;
}
span.yui-button-disabled.yui-link-button-disabled,
span.yui-button-disabled.yui-link-button-disabled > span{
	cursor:default;
}
div.ice-linkbutton{
	padding:0px;
}
div.ice-linkbutton.ui-state-hover,
div.ice-linkbutton:hover{
    border-radius: 12px;
    background: #8CAF75 !important;
    border: 1px solid transparent !important;
}
div[onmouseover=""].ice-linkbutton:hover{
    background: transparent; 
}
div.ice-linkbutton.ui-state-active,
div.ice-linkbutton:active{
    font-weight: 600;
    color: #ffffff !important;
    border-radius: 12px;
    border: 1px solid transparent;
}

/********************************************************************** 
 * Modificamos el aspecto del componente ace:list
 * 		- Quita el fondo y el borde a las opciones de los list 
 **********************************************************************/
li.if-list-item.ui-state-default {
	background:transparent; 
	border: 1px solid transparent;
	margin:1px !important;
	font-weight:normal;
}
div.if-list > ul.if-list-body > li.if-list-item.ui-state-active{
    border: 1px solid #ffffff;
    border-radius: 12px;
    color: #262824;
    background: #8CAF75;
}
div.if-list > ul.if-list-body > li.if-list-item.ui-state-hover{
	border: 1px solid #ffffff;
    border-radius: 12px;
    color: #262824;
    background: #D3D3D3;
}

/********************************************************************** 
 * Secci�n de clases personalizadas necesarias por las exigencias de los requisitos
 * 		- alineacionDerecha, alineacionIzquierda: clase que modifica la alineaci�n
 *		- recursoImagenIzquierda: clase que corrige la posici�n de la imagen de un botón
 *		- etiqueta_negrita: clase que establece un texto en negrita para una etiqueta
 *		- subpanel: clase que reduce el padding y el tama�o del texto
 *		- arriba, abajo, izda, decha: justifican el texto dentro de un contenedor
 *		- readonly-como-label: Esta clase hace que cuando se pone la propiedad readonly="true" 
 *		  el textEntry se muestre como un outputText, es decir, sin aspecto de caja de texto.
 *		- errorList: clase que cambia el aspecto a tonos rojos de error
 *		- boton-invisible: clase que modifica el boton para que no se vea
 *		- tablaCompacta: Elimina los paddings asociados a los componentes de una tabla para hacerla m�s compacta.
 *		- agro-compact: Elimina o reduce los paddings de diversos componentes ace de icefaces
 *		- pulsador-gris: clase que mofica el pushButton para convertilo en un pulsador redondo
 **********************************************************************/
/* Clases .alineacionDerecha */
.ui-datatable tbody.ui-datatable-data > tr > td.alineacionDerecha,
.ui-datatable tbody.ui-datatable-data-empty > tr > td.alineacionDerecha,
tfoot > tr > td.alineacionDerecha,
.alineacionDerecha{
    text-align: right;
}
tr > th.alineacionDerechaCabecera > div.ui-header-column{
	text-align: right;
}

/* Clases .alineacionIzquierda */
.ui-datatable tbody.ui-datatable-data > tr > td.alineacionIzquierda,
.ui-datatable tbody.ui-datatable-data-empty > tr > td.alineacionIzquierda,
tfoot > tr > td.alineacionIzquierda,
.alineacionIzquierda{
    text-align: left;
}
tr > th.alineacionIzquierdaCabecera > div.ui-header-column{
	text-align: left;
}

/* Clases .alineacionDerecha .alineacionIzquierda */
td.alineacionDerecha > div.ui-footer-column,
td.alineacionIzquierda > div.ui-footer-column{
    padding-left: 2px;
    padding-right: 2px;
}


/* Clases .arriba .abajo .izda .decha */
.arriba {vertical-align:top;}
.abajo {vertical-align:bottom;}
.izda {text-align:left;}
.dcha {text-align:right;}

/* Clase .recursoImagenIzquierda */
.recursoImagenIzquierda > span{
    position: relative;
    bottom: 18px;
    left: 25px;
} 

/* Clase .etiqueta_negrita */
span.etiqueta_negrita,
label.ui-input-label{
	font-weight: 600;
}

/* Clase .boton-invisible */
div.boton-invisible > span.first-child > button.ui-button {
	padding: 0px;
	background: transparent;
	border:none;
}

/* Clase .subpanel */
.subpanel.ui-panel .ui-panel-titlebar {
	padding: 0 5; 
}
.subpanel.ui-panel .ui-panel-titlebar * {
	font-weight: 600;
}
div.subpanel > div > div > div.header-text-row > span.ui-panel-title{
	font-size: 11px;
}

/* Clase .readonly-como-label */
.readonly-como-label input.ui-inputfield.ui-textentry.ui-widget[readonly=readonly] {
	background:transparent !important;
	border:none !important;
}

/* Clase .errorList */
.errorList{
	color:red;
	font-size: 12px;
	font-weight: 600;
}

/* Clase .tablaCompacta */
div.tablaCompacta > div > table > tbody.ui-datatable-data > tr.ui-datatable-even > td,
div.tablaCompacta > div > table > tbody.ui-datatable-data > tr.ui-datatable-odd  > td{
	height: 100%;	
}
div.tablaCompacta > div > table > thead > tr > th > div.ui-header-column,
div.tablaCompacta > div > table > tbody.ui-datatable-data > tr.ui-datatable-even > td,
div.tablaCompacta > div > table > tbody.ui-datatable-data > tr.ui-datatable-odd  > td,
div.tablaCompacta > div.ui-datatable-footer {
	padding: 1px;
	padding-left: 2px;
    padding-right: 2px;
}

/* Clase .tabla-compacta (alias para tablaCompacta)*/
div.tabla-compacta > div > table > tbody.ui-datatable-data > tr.ui-datatable-even > td,
div.tabla-compacta > div > table > tbody.ui-datatable-data > tr.ui-datatable-odd  > td{
	height: 100%;	
}
div.tabla-compacta > div > table > thead > tr > th > div.ui-header-column,
div.tabla-compacta > div > table > tbody.ui-datatable-data > tr.ui-datatable-even > td,
div.tabla-compacta > div > table > tbody.ui-datatable-data > tr.ui-datatable-odd  > td,
div.tabla-compacta > div.ui-datatable-footer {
	padding: 1px;
	padding-left: 2px;
    padding-right: 2px;
}
div.fuente_minima_10 > div > table > tbody > tr > td > span,
div.fuente_minima_10 > div > table > tbody > tr > td > input,
div.fuente_minima_10 > div > table > tbody > tr > td > span > span,
div.fuente_minima_10 > div > table > tbody > tr > td > div > span > span > a,
div.fuente_minima_10 > div > table > tbody > tr > td > div > span > button > span,
div.fuente_minima_10 > div > table > tbody > tr > td > span > div > span > span > a,
div.fuente_minima_10 > div > table > tbody > tr > td > div > span > span,
div.fuente_minima_10 > div > table > tbody > tr > td > div > span > input,
div.fuente_minima_10 > div > table > tbody > tr > td > div > span > span > span,
div.fuente_minima_10 > div > table > tbody > tr > td > div > span > div > span > span > a,
div.fuente_minima_10 > div > table > tbody > tr > td > div > span > div > span > button > span,
div.fuente_minima_10 > div > table > tbody > tr > td > div > span > span > div > span > span > a {
	font-size: 10px;
}
div.fuente_minima_9 > div > table > tbody > tr > td > span,
div.fuente_minima_9 > div > table > tbody > tr > td > input,
div.fuente_minima_9 > div > table > tbody > tr > td > span > span,
div.fuente_minima_9 > div > table > tbody > tr > td > div > span > span > a,
div.fuente_minima_9 > div > table > tbody > tr > td > div > span > button > span,
div.fuente_minima_9 > div > table > tbody > tr > td > span > div > span > span > a,
div.fuente_minima_9 > div > table > tbody > tr > td > div > span > span,
div.fuente_minima_9 > div > table > tbody > tr > td > div > span > input,
div.fuente_minima_9 > div > table > tbody > tr > td > div > span > span > span,
div.fuente_minima_9 > div > table > tbody > tr > td > div > span > div > span > span > a,
div.fuente_minima_9 > div > table > tbody > tr > td > div > span > div > span > button > span,
div.fuente_minima_9 > div > table > tbody > tr > td > div > span > span > div > span > span > a  {
	font-size: 9px;
}
div.fuente_minima_8 > div > table > tbody > tr > td > span,
div.fuente_minima_8 > div > table > tbody > tr > td > input,
div.fuente_minima_8 > div > table > tbody > tr > td > span > span,
div.fuente_minima_8 > div > table > tbody > tr > td > div > span > span > a,
div.fuente_minima_8 > div > table > tbody > tr > td > div > span > button > span,
div.fuente_minima_8 > div > table > tbody > tr > td > span > div > span > span > a,
div.fuente_minima_8 > div > table > tbody > tr > td > div > span > span,
div.fuente_minima_8 > div > table > tbody > tr > td > div > span > input,
div.fuente_minima_8 > div > table > tbody > tr > td > div > span > span > span,
div.fuente_minima_8 > div > table > tbody > tr > td > div > span > div > span > span > a,
div.fuente_minima_8 > div > table > tbody > tr > td > div > span > div > span > button > span,
div.fuente_minima_8 > div > table > tbody > tr > td > div > span > span > div > span > span > a  {
	font-size: 8px;
}

/* Clase .agro-compact */
.agro-compact.if-list .if-list-body .if-list-item{
	padding-top: 0px;
    padding-bottom: 0px;
}

.agro-compact .ui-tabset .ui-tabs-panel { 
	padding:0 
}
.agro-compact input.ui-inputfield.ui-textentry.ui-widget {
	padding: 1 3;
	border: solid 1px #D3D3D3 !important;
}
.agro-compact .ui-selectmenu a.ui-selectmenu-value{
	border: solid 1px #D3D3D3 !important;
}
.agro-compact .ui-selectmenu .ui-inputfield  {
	padding: 1 3;
}

/* ******************* Clase .color_azul ******************* */
.color_azul{
	color: #0000ff;
}

/* ******************* Clase .fondo_rojo ******************* */
input[type=button].fondo_rojo,
input[type=submit].fondo_rojo,
button.fondo_rojo,
div.fondo_rojo > span > span > a,

input[type=button].fondo_rojo:hover,
input[type=submit].fondo_rojo:hover,
button.fondo_rojo:hover,
div.fondo_rojo.ui-state-hover,
div.fondo_rojo.ui-state-hover > span > span,
div.fondo_rojo.ui-state-hover > span > span > a,

input[type=button].fondo_rojo:active,
input[type=submit].fondo_rojo:active,
button.fondo_rojo:active,
div.fondo_rojo.ui-state-active,

span.fondo_rojo,
input[type=text].fondo_rojo.ui-inputfield.ui-textentry.ui-widget.ui-state-default.ui-corner-all{
    background: #d29586;
    cursor:default;
    font-weight: 600;
    color:#262824;
    border: 1px solid transparent;
}

div.fondo_rojo.ui-state-hover,
div.fondo_rojo.ui-state-hover > span > span,
div.fondo_rojo.ui-state-hover > span > span > a{
	padding: 0px;
}
/* ******************* Clase .color_rojo ******************* */
.color_rojo{
	color: #ff3200;
}

/* ******************* Clase .fondo_verde ******************* */
input[type=button].fondo_verde,
input[type=submit].fondo_verde,
button.fondo_verde,
div.fondo_verde > span > span > a,

input[type=button].fondo_verde:hover,
input[type=submit].fondo_verde:hover,
button.fondo_verde:hover,
div.fondo_verde.ui-state-hover,
div.fondo_verde.ui-state-hover > span > span,
div.fondo_verde.ui-state-hover > span > span > a,

input[type=button].fondo_verde:active,
input[type=submit].fondo_verde:active,
button.fondo_verde:active,
div.fondo_verde.ui-state-active,

span.fondo_verde,
input[type=text].fondo_verde.ui-inputfield.ui-textentry.ui-widget.ui-state-default.ui-corner-all{
    background: #8CAF75;
    cursor:default;
    font-weight: 600;
    color:#262824;
    border: 1px solid transparent;
}

div.fondo_verde.ui-state-hover,
div.fondo_verde.ui-state-hover > span > span,
div.fondo_verde.ui-state-hover > span > span > a{
	padding: 0px;
}
/* ******************* Clase .color_verde ******************* */
.color_verde{
	color: #8CAF75;
}

/* ******************* Clase .fondo_amarillo ******************* */
input[type=button].fondo_amarillo,
input[type=submit].fondo_amarillo,
button.fondo_amarillo,
div.fondo_amarillo > span > span > a,

input[type=button].fondo_amarillo:hover,
input[type=submit].fondo_amarillo:hover,
button.fondo_amarillo:hover,
div.fondo_amarillo.ui-state-hover,
div.fondo_amarillo.ui-state-hover > span > span,
div.fondo_amarillo.ui-state-hover > span > span > a,

input[type=button].fondo_amarillo:active,
input[type=submit].fondo_amarillo:active,
button.fondo_amarillo:active,
div.fondo_amarillo.ui-state-active,

span.fondo_amarillo,
input[type=text].fondo_amarillo.ui-inputfield.ui-textentry.ui-widget.ui-state-default.ui-corner-all{
    background: #ffff80;
    cursor:default;
    font-weight: 600;
    color:#262824;
    border: 1px solid transparent;
}

div.fondo_amarillo.ui-state-hover,
div.fondo_amarillo.ui-state-hover > span > span,
div.fondo_amarillo.ui-state-hover > span > span > a{
	padding: 0px;
}
/* ******************* Clase .color_amarillo ******************* */
.color_amarillo{
	color: #ffff80;
}

/* ******************* Clase .fondo_gris ******************* */
input[type=button].fondo_gris,
input[type=submit].fondo_gris,
button.fondo_gris,
div.fondo_gris > span > span > a,

input[type=button].fondo_gris:hover,
input[type=submit].fondo_gris:hover,
button.fondo_gris:hover,
div.fondo_gris.ui-state-hover,
div.fondo_gris.ui-state-hover > span > span,
div.fondo_gris.ui-state-hover > span > span > a,

input[type=button].fondo_gris:active,
input[type=submit].fondo_gris:active,
button.fondo_gris:active,
div.fondo_gris.ui-state-active,

span.fondo_gris,
input[type=text].fondo_gris.ui-inputfield.ui-textentry.ui-widget.ui-state-default.ui-corner-all{
    background: #D3D3D3;
    cursor:default;
    font-weight: 600;
    color:#262824;
    border: 1px solid transparent;
}

div.fondo_gris.ui-state-hover,
div.fondo_gris.ui-state-hover > span > span,
div.fondo_gris.ui-state-hover > span > span > a{
	padding: 0px;
}
/* ******************* Clase .color_gris ******************* */
.color_gris{
	color: #D3D3D3;
}

/* ******************* Clase .fondo_transparente******************* */
input[type=button].fondo_transparente,
input[type=submit].fondo_transparente,
button.fondo_transparente,
div.fondo_transparente > span > span > a,

input[type=button].fondo_transparente:hover,
input[type=submit].fondo_transparente:hover,
button.fondo_transparente:hover,
div.fondo_transparente.ui-state-hover,
div.fondo_transparente.ui-state-hover > span > span,
div.fondo_transparente.ui-state-hover > span > span > a,

input[type=button].fondo_transparente:active,
input[type=submit].fondo_transparente:active,
button.fondo_transparente:active,
div.fondo_transparente.ui-state-active,

span.fondo_transparente,
input[type=text].fondo_transparente.ui-inputfield.ui-textentry.ui-widget.ui-state-default.ui-corner-all{
    background: transparent;
    cursor:default;
    font-weight: 600;
    color:blue;
    border:none;
    font-size:9px;
}

div.fondo_transparente.ui-state-hover,
div.fondo_transparente.ui-state-hover > span > span,
div.fondo_transparente.ui-state-hover > span > span > a{
	padding: 0px;
}
/* ******************* Clase .color_transparente ******************* */
.color_transparente{
	color: blue;
}

/* pulsador-gris */
input.pulsador-gris,
div.ice-pushbutton.pulsador-gris > span > button.ui-button{
	border-radius: 15px;
    width: 23px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    font-weight: 600;
    line-height: 10px;
    border: 1px solid #D3D3D3;
    background: #ffffff url("/images-jsf/ui-bg_highlight-hard_100_XXXXXX_1x100.png") 50% 50% repeat-x;
    color: #262824;
}
input.pulsador-gris:hover,
div.ice-pushbutton.pulsador-gris  > span > button.ui-button.ui-state-hover{
	background: #8CAF75 url("/images-jsf/ui-bg_highlight-hard_100_XXXXXX_1x100.png") 50% 50% repeat-x;
}
input.pulsador-gris:active,
div.ice-pushbutton.pulsador-gris > span > button.ui-button.ui-state-active{
	background: #8CAF75 url("/images-jsf/ui-bg_inset-hard_100_XXXXXX_1x100.png") 50% 50% repeat-x;
}

/* pulsador-azul */
input.pulsador-azul,
button.pulsador-azul{
	border-radius: 20px;
    padding: 2px;
    padding-left: 4px;
    padding-right: 5px;
    height: 20px;
    width: 20px;
    padding-top: 0px;
    line-height: 0px;
    font-size: 20px;
    border: 1px solid #3a716a;
    background: #587A43 url("/images-jsf/ui-bg_highlight-soft_60_XXXXXX_1x100.png") 50% 50% repeat-x;
}
input.pulsador-azul:hover,
button.pulsador-azul:hover{
    background: #8CAF75 url("/images-jsf/ui-bg_highlight-soft_100_XXXXXX_1x100.png") 50% 50% repeat-x;
}

/* boton-una-letra */
input.boton-una-letra,
button.boton-una-letra{
	font-size: 16px;
    padding: 2px;
    line-height: 14px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: 600;
}
input.boton-una-letra:hover,
button.boton-una-letra:hover {
	font-size: 16px;
    padding: 2px;
    line-height: 14px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: 600;
}

/* boton-lupa */
input.boton-lupa{
	border: 1px solid transparent;
    background: transparent url("/images-jsf/lupa-default.png");
    background-repeat: no-repeat;
    padding: 0px;
    width: 20px;
    height: 20px;
}
input.boton-lupa:active,
input.boton-lupa:hover{
	border: 1px solid transparent;
    background: transparent url("/images-jsf/lupa-active.png");
    background-repeat: no-repeat;
    padding: 0px;
    width: 20px;
    height: 20px;
}

input.boton-delete{
	border: 1px solid transparent;
    background: transparent url("/images-jsf/delete.gif");
    background-repeat: no-repeat;
    padding: 0px;
    width: 20px;
    height: 20px;
}
input.boton-delete:active,
input.boton-delete:hover{
	border: 1px solid transparent;
    background: transparent url("/images-jsf/delete.gif");
    background-repeat: no-repeat;
    opacity:0.50;
    padding: 0px;
    width: 20px;
    height: 20px;
}


/* boton-pdf */
input.boton-pdf{
	border: 1px solid transparent;
    background: transparent url("/images-jsf/pdficon.gif");
    background-repeat: no-repeat;
    padding: 0px;
    width: 20px;
    height: 20px;
}
input.boton-pdf:active,
input.boton-pdf:hover{
	border: 1px solid transparent;
    background: transparent url("/images-jsf/pdficon_hov.png");
    background-repeat: no-repeat;
    padding: 0px;
    width: 20px;
    height: 20px;
}
input.icono-pdf{
 	background: transparent url("/images-jsf/pdf-icon.png");
    border: 2px solid #440801;
    background-repeat: no-repeat;
    opacity: 1;
    padding: 0px;
    width: 21px;
    height: 21px;
    border-radius: 5px;
}
input.icono-pdf:hover{
	background: transparent url("/images-jsf/pdf-icon.png");
    border: 2px solid #440801;
    background-repeat: no-repeat;
    opacity:0.75;
    padding: 0px;
    width: 21px;
    height: 21px;
    border-radius: 5px;
}
input.icono-pdf:active{
	background: transparent url("/images-jsf/pdf-icon.png");
	border: 2px solid #f3c4be;
    background-repeat: no-repeat;
    opacity:0.75;
    padding: 0px;
    width: 21px;
    height: 21px;
    border-radius: 5px;
}

input[disabled].icono-pdf,
input[disabled].icono-pdf:hover,
input[disabled].icono-pdf:active{
	cursor:default;
	background: transparent url("/images-jsf/pdf-icon.png");
	border: 0px solid #262824;
    background-repeat: no-repeat;
    opacity:0.75;
    padding: 0px;
    width: 20px;
    height: 20px;
    border-radius: 5px;
}

input.icono-editar{
 	background: transparent url("/images-jsf/lapiz.gif");
    border: 2px solid transparent;
    background-repeat: no-repeat;
    opacity: 1;
    padding: 0px;
    width: 21px;
    height: 21px;
    border-radius: 5px;
}
input.icono-editar:hover{
	background: transparent url("/images-jsf/lapiz.gif");
    border: 2px solid transparent;
    background-repeat: no-repeat;
    opacity:0.75;
    padding: 0px;
    width: 21px;
    height: 21px;
    border-radius: 5px;
}
input.icono-editar:active{
	background: transparent url("/images-jsf/lapiz.gif");
	border: 2px solid #f3c4be;
    background-repeat: no-repeat;
    opacity:0.75;
    padding: 0px;
    width: 21px;
    height: 21px;
    border-radius: 5px;
}

/* botón centrado */
.max_width{
	width: 100%;
}
.centrado{
	margin: auto;
    display: block;
}
.panelCentrado{
	width:auto; 
	margin:auto;
}

/* Tabla centrada al top*/
table.table_top > tbody > tr > td{
	vertical-align: top;
}

/* recursoImagenExcel para el ace:dynamicResource con IMG  image="images/excel-icon.png"*/
.recursoImagenExcel{
    height: 20px;
    display: block;
	opacity: 1;
	border: 1px solid transparent;
}

input.recursoImagenExcel{
    height: 22px;
    background: transparent url("/images-jsf/excel-icon.png");
    display: block;
	opacity: 1;
	border: 1px solid transparent;
}
input.recursoImagenExcel:hover{
    height: 22px;
    background: transparent url("/images-jsf/excel-icon.png");
    display: block;
	opacity: 0.75;
	border: 1px solid transparent;
}
input.recursoImagenExcel:active{
    height: 22px;
    background: transparent url("/images-jsf/excel-icon.png");
    display: block;
	opacity: 0.75;
	border: 1px solid #fff800;
}


.recursoImagenExcel:hover{
	opacity: 0.75;
	border: 1px solid transparent;
}
.recursoImagenExcel:active{
	border: 1px solid #fff800;
	background: #fffdba;
}

/* clase para el componente h:commandButton */
.recursoImagenExcelBotton{
	background: url("/images-jsf/excel-icon.png") !important;
    height: 22px;
    width: 15px;
    display: block;
    opacity: 1;
    border: 1px solid transparent !important;
}

.recursoImagenExcelBotton:hover{
	opacity: 0.75;
	border: 1px solid transparent;
}
.recursoImagenExcelBotton:active{
	border: 1px solid #fff800;
	background: #fffdba;
}

input[disabled=disabled].recursoImagenExcel:hover,
input[disabled=disabled].recursoImagenExcel:active,
input[disabled=disabled].recursoImagenExcel {
	background: url("/images-jsf/excel-icon.png") !important;
    height: 22px;
    width: 15px;
    display: block;
    opacity: 0.75;
    border: 1px solid transparent !important;
    cursor: auto;
}

/* clase para el componente h:outputText */
.resaltarTexto{
    background: #587A43;
    color: #ffffff;
    font-weight: 600;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 12px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.resaltarTexto::selection,
.resaltarTexto::-moz-selection {
    background: #006fd3 !important;
    color: #ffffff !important;
}

/* Otros */
.ui-datatable tbody.ui-datatable-data > tr > td,
.ui-datatable tbody.ui-datatable-data-empty > tr > td {
	border: 1px solid #587A43;
    border-left-color: transparent;
}

.ui-datatable tbody.ui-datatable-data > tr > td:last-child,
.ui-datatable tbody.ui-datatable-data-empty > tr > td:last-child {
	border-right: 1px solid transparent;
}

.ui-panel .ui-panel-content {
	border: 0;
	background: none;
	text-align: left;
	padding: 0.5em 1em;
}

div.ice-file-entry > div.buttonbar > div.buttons > span,
div.ice-file-entry > div.buttonbar > div.buttons > button{
    border: 1px solid #587A43;
    background: #587A43;
	color: #ffffff;
    border-radius: 12px;
    padding: 0px 5px 0px 5px;
}

div.ice-file-entry > div.buttonbar > div.buttons > span > span > span,
div.ice-file-entry > div.buttonbar > div.buttons > button > span {
    font: 12px arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
}

div.ice-file-entry > div.buttonbar > div.buttons > span:hover,
div.ice-file-entry > div.buttonbar > div.buttons > button:hover{
    background: #587A43;
}

div.ice-file-entry > div.buttonbar > div.buttons > span:active,
div.ice-file-entry > div.buttonbar > div.buttons > button:active{
	background: #587A43;
    color: #ffffff;
 	cursor: pointer;  
 	font-weight: 600;
}

div.ice-file-entry > div.buttonbar > div.buttons > span > span.ui-icon,
div.ice-file-entry > div.buttonbar > div.buttons > button > span.ui-icon{
	background-image: url("/images-jsf/ui-icons_ffffff_256x240.png");
}
/*
 * borde rojo alrededor de las cajas de texto con errores de validacion.
*/
input.ui-state-error {border: solid 1px firebrick !important; background-color: mistyrose !important;}


.if-node-wrp {
    border-radius: 15px;
}
.textoAzul{
	font-family: Mulish !important;
	color: #262824 !important;
}