@charset "utf-8";

.contenedorBorde .ui-tabs {
	border: 0px;
}

#pestanas\:formLogger {
	margin: 1rem 0;
}

#pestanas\:formLogger\:campos {
	margin-bottom: 1rem;
	width: 100%;
}

.ui-tabs-header.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active {
	top: 2px;
}

.panelOtros {
	clear:both;
	/* padding: 10px; */
}

.colPpal {
	padding: 0px;
}

#volver, #altaPersona, #altaPersonaMasiva {
	/* font-size: .7rem;  */  /* 0.75rem tienen los otros botones  */
	
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
	background-image: url("/acreditaciones-portal/javax.faces.resource/images/ui-icons_1380A6_256x240.png.xhtml?ln=primefaces-semilla");
}

.incContenedor {
	
}

#pestanas\:tabMonitor {
	padding: 0px;
}

.tabMonitor {
	display: block;
	position: relative;
	overflow: hidden;
	height: 500px;
}

.monitor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.datosIncompletos{
	margin-left: 5px;
}

.datosIncompletos:hover{
	cursor: pointer;
}

.ui-selectcheckboxmenu-multiple-container.ui-widget.ui-inputfield.ui-state-default.ui-corner-all.ui-state-disabled {
	background: transparent ! important;
}
/*Centra la marca de seleccionado en los checked y cambia la escala del icono para hacerlo mas grande (OJO que tambien afecta a los iconos activos)*/
/* CORREGIR PONIENDO CLASES SOLO PARA CHECKS  --   REVISAR*/
/* .ui-state-active .ui-icon, .ui-button:active .ui-icon  */
.ui-chkbox .ui-state-active .ui-icon, .ui-chkbox .ui-button:active .ui-icon 

{
	transform: scale(1.3);
	margin-top: -7px;
	margin-left: -5px;	
}

/*Solo afecta a los iconos (flechas) de ordenacion de las tablas en su estado active (para que vuelvan a su tamaño original*/
th.ui-state-active .ui-icon, th.ui-button:active .ui-icon {
	transform: scale(1);	
}
/*Destaca el tr que este seleccionado para ver o editar en la tabla*/
tr.ui-state-highlight{background-color:#FFEFBF !important;}


/* table tr td div div span.ui-chkbox-icon.ui-icon.ui-icon-check.ui-c */

/* td .ui-state-active .ui-icon, td .ui-button:active .ui-icon { */
	/* transform: scale(1.3); */
	
	/* margin-top: -7px; */
	/* margin-left: -5px; */
	
	
/* } */

.filaSub {
	margin: 17px;
	background-color: white;
	padding: 1em;
}

.filaSub button {
	display: inline-block;
}

.filaSub:hover {
	-webkit-box-shadow: 12px -8px 28px -13px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 12px -8px 28px -13px rgba(0, 0, 0, 0.75);
	box-shadow: 12px -8px 28px -13px rgba(0, 0, 0, 0.75);
}

.celdaEtiqueta {
	height: 38px;
}

.celdaEtiqueta .texto {
	font-weight: bold;
}

.celdaEtiqueta .titulo {
	font-size: 1.2em;
	font-weight: bold;
}

.panelOtros.ui-outputpanel, .panelOtros.ui-panel {
	box-shadow: 1px 1px 1px rgb(245, 245, 245);
}

.celdaCampo {
	padding-right: 0px;
}
.filaSub .celdaCampo button{margin-bottom:22px;}

.celdaError {
	padding: 5px 10px 15px 10px;
}

.incTextArea {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	resize: none;
}

.filaEstado>div {
	height: 39px;
}

.mapaProvincias {
	max-width: 800px;
}

/* .blckElem.ui-widget-overlay { */
	
/* } */

.scroll-component {
	overflow-y: scroll;
	max-height: 100%;
}

.divSitu .ui-fieldset-legend {
	margin-bottom: unset;
	background-color: transparent;
}

.usuInactivo {
	color: #969696;
}

.ui-outputlabel.subEtiqueta {
	font-size: 0.75em;
	width: 100%;
	margin: 0px;
}

button.ui-state-default.instruccionesBtn {
	background-color: transparent ! important;
	border: none;
	margin: 0px;
}

button.ui-state-default.instruccionesBtn span {
	padding: 0px;
	font-size: 1em;
	font-weight: lighter;
}

button.ui-state-default.instruccionesBtn span:before {
	content: "\f15c";
	color: #fff;
	padding-right: 5px;
	font-size: 1.4em;
}

.ui-datatable thead th.filtroRangoFechas {
	width: 120px;
	padding: 4px 0px;
}
/* Cambiado el padding de 4 a 7px */
.ui-datatable .ui-column-filter{
	padding: 7px;
}

.filtroRangoFechas input.ui-widget {
	width: 100%;
	font-size: 0.85em;
}

.textLeft {
	text-align: left;
}

.persFilaResExtr label {
	width: auto;
}

.persFilaResExtr .ui-selectbooleancheckbox {
	margin-left: 10px;
}

.ui-datatable th .fa {
	color: #fff;
}
/* regla anulada por el layout linea 1327 */
/* .ui-messages li { */
	/* text-align: left; */
/* } */

textarea {
	resize: none;
}

/* .ui-message-error  llevado a layout*/

/* Iconos de estado de la acreditacion */
.iconoEstado.fa {
	font-size: 2em;
	position: relative;
	text-align: center;
	color:#0676A9;
}

.iconoEstado>span.fa {
	font-size: 0.7em;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.iconoDENEGADA::before {
	content: '\f056';
	color: #a20000;
}

.iconoBAJA::before {
	content: '\f2bc';
}

.iconoBAJA>span {
	width: 110%;
    border-top: 4px solid #a20000;
    -webkit-transform: rotate(-32deg);
    -ms-transform:rotateZ(-32deg);
    top: 10px;
    left: 1px;
}

.iconoRETIRADA::before {
	content: '\f2bc';
}

.iconoRETIRADA>span::before {
	content: '\f05e';
	color: #a20000;
}

.iconoNUEVA::before {
	content: '\f007';
}

.iconoCONCEDIDA::before {
	content: '\f2bc';
}
/* Icono de estado de la valoracion */
.icValCADUCADO::before {
	content: '\f017';
}

.icValCADUCADO>span::before {
	content: '\f071';
	right: -10px;
	position: absolute;
	bottom: 0px;
	color: #f7ab1c;
}

.icValEN_PROCESO::before {
	content: '\f252';
}

.icValNUEVO::before {
	/* content: '\f068'; */
	/* content: '\f128'; */
	/* content: '\f28b'; */
	content: '\f059';
}

.icValPDTE_REVAL::before {
	content: '\f1da';
}

.icValPROX_CADUC::before {
	content: '\f00c';
	color: #00bb00;
}

.icValPROX_CADUC>span::before {
	content: '\f017';
	color: #ff3333;
}

.icValRECHAZADO::before {
	content: '\f00d';
	color: #a20000;
}

.icValVALIDADO::before {
	content: '\f00c';
	color: #00bb00;
}

.icValVALID_AUTO::before {
	content: '\f00c';
	color: #00bb00;
}

.icValVALID_AUTO>span::before {
	content: 'A';
	font-family: Verdana, Arial, sans-serif;
	color: #5c24ff;
	font-weight: bold;
}

.icValVALID_PROV::before {
	content: '\f00c';
	color: #f7ab1c;
}

.leyendas .icValREVALORAR::before {
	content: '\f0c8';
	color: #fff;
}

.icValREVALORAR > .iconoSup::before{
	content: 'R';
	color: black;
    font-weight: bold;
    font-family: Arial;
}



/*AFECTA AL BOTON DE LIMPIAR ES UN PADDING PARA ALINEARLO CON EL BOTON DE ACCIONES */
.ui-datatable-header .ui-widget {
	padding:3px;  	
}

.cabIzq .ui-outputlabel {
	margin-left: 10px;
}

.ui-widget-header .row div {
	margin: 0px;
}

/* Filtros de acreditaciones */
.filtrosAcre .ui-calendar input{
	width: 100px;
}

.filtrosAcre .ui-outputLabel {
	display: block;
}


/* ++++++++++++++++++++++++++++++++PASADO a LAYOUT++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* .ui-widget-header { */
	/* EMMA */
	/* font-weight:bold; */
	/* border:0; */
/* } */

.eliminado_true{
	background-color: #ffb7b7;
}

.roles li {
	    list-style-type: none;
}

.roles ul {
	margin: auto;
	padding: 5px;
}

.color .ui-datalist-content.ui-widget-content {
	background: transparent;
}

.ui-datatable .colUltimaMovil {border-right-width: 1px !important;}


/* tr td:nth-child(2){border-right:1px solid #CFDEE3; box-shadow: 3px 5px 7px 0px #777;} */
/* tr th:nth-child(2){border-right:1px solid #CFDEE3; box-shadow: 4px 0px 3px -2px #777;} */


/*Oscar disponemos una altura de la tabla si no hay resultados*/
.ui-datatable .colSinResultado {
    height: 208px;
	color: #EE0701; /*rojo*/
	font-weight: bold;
}

/*Oscar cambia el color del fondo de azul a naranja de la fleha de los 2 selectores de la cabecera de acreditación*/
#formListado\:listaAcreditacion\:tipoOrganizacion > div,
#formListado\:listaAcreditacion\:organizacion > div{ 
	border: 1px solid #fb9e25;
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
}

/*TABLA ACREDITACIONES - controla la posicion (superior) de la caja de texto que contiene el label en la tabla acreditaciones  */
.tablaAcredit th {
	vertical-align:top; 
	padding-top:4px !important;
}
/*TABLA ACREDITACIONES - controla la caja del texto de la tabla acreditaciones */
.tablaAcredit span div.tituloCabecera label{
	text-align:center; 
	font-weight:bold; 
	height: 26px;
}
/*TABLA ACREDITACIONES - controla la posicion del icono de la flecha de ordenacion en la tabla acreditaciones */
.tablaAcredit tr th span:nth-child(2){
	position: absolute; 
	bottom: 1px; 
	margin:0;
	}
/*FORMULARIOS - afecta a los labels de los formularios los alinea a la izquierda y les da un margen */
div #formCampos label.ui-outputlabel, .ui-tabs-panel label.ui-outputlabel {
	width: 93%; 
	text-align: left; 
	margin: 0 0 0 20px; 
	font-weight: bold;
}
#formCampos .ui-tabs-panel .colEtiquetaBf label.ui-outputlabel{margin-left:2px;width:95%}
#formCampos .ui-tabs-panel .line label{width:100%;}
/*FORMULARIOS - Esta etiqueta da altura a algunos de los inputs (los que no llevan selectores) */
div #formCampos input{
	height: 35px;
} 
/* ---------------- PASADO A LAYOUT------*/
/* #formCampos\:datosPersonales_content{ */
	/* background-color:#f1f1f1;  */
	/* margin-bottom: 25px; */
/* } */


/*BOTONES - Modificacion de estilos de los botones mas importante de cada seccion*/
#formBotonesAlta {display:inline; }

/*================================ CALENDARIO ===================================================== */

/*controla que el segundo input de calendario no asuma las directrices del primer input, por estructura comparte posicion con ese elemento */
.tablaAcredit span.ui-calendar{
	position:static !important; 
	/* background-color:transparent !important; */
	/* margin: 0 !important; */
}
/*Cambia el color de la cabecera del calendario */
#ui-datepicker-div .ui-widget-header{
	background-color:#CFDEE3;
}
/*Cambia elementos del interior del calendario */
.ui-datepicker-calendar > tbody  tr td  a{
	background-color:#fff !important;
	color:#135982 !important;
	border:1px solid #dde6e8 !important; 
}
/*Cambia el color de todos los botones dentro del calendario*/
button.ui-datepicker-close, button.ui-datepicker-current, a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all {
	box-shadow: 1px 2px 4px 0px #777!important;
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%)!important;
	border:1px solid #eeb44f!important;
	color:#373030 !important;
	padding:6px !important;
	font-weight:bold !important;
}
/*Cambia el color de fondo del dia activo*/
a.ui-state-default.ui-state-highlight.ui-state-active, a.ui-state-default.ui-state-highlight{
	background:none; 
	background-color:forestgreen !important; 
	color:white !important;
	font-weight:bold;
}
/*Cambia el color de las flechas de seleccion laterales de mes y años */
a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all{
	margin-top: 3px;
	top:0;
}
a.ui-datepicker-next.ui-corner-all{
	right:4px;
}
a.ui-datepicker-prev.ui-corner-all{
	left:4px;
}

/*==================================== LEYENDA ======================================================*/

/*Controla la sombra de la caja de la leyenda, color de fondo y borde de la misma*/
div.leyendas{
	border: 4px solid #dde6e8; 
	background-color: #f6f6fb;
	box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.6);
}
/*Controla padding de la caja de la leyenda*/
div.leyendas div{
	padding: 6px 0 0 15px;
}

/* Cambia grosor de texto y paddings en los textos de la leyenda*/
.leyendas dl dt div label{
	font-weight:normal;
	font-size:0.8rem;
	color:#444;
	padding:5px 0 0 0; 
}

/* Cambia alineacion, tamaño de texto, grosor y color del titular de la leyenda*/
.leyendas label{
	color:#fff; 
	font-weight:bold; 
	text-align:left; 
	font-size:0.9rem;
}
/*LEYENDA - le damos aspecto de boton al desplegable del acordeon que esconde la leyenda*/
.abreleyenda{margin-top:20px;}
.abreleyenda .ui-panel-titlebar{padding: 12px 4px 3px 0px !important;} /* para que ALTA el titulo fluya en corts pequeños luego tenemos que sobre escribir estos elementos*/
.abreleyenda div.ui-panel-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-all a{
	box-shadow: 1px 2px 4px 0px #777;
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%); 
	border:1px solid #eeb44f;
	position: relative; 
	height: 42px; 
	margin: -16px -5px -2px 0; 
	width: 66px;
	
}
/*LEYENDA - Estilos que controlan el texto y la cabecera del acordeon de la leyenda*/
.abreleyenda div.ui-panel-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-all span.ui-panel-title{
	display:block !important;
	width: 206px; 
	height: 36px; 
	margin: -17px -30px -14px 0;
	padding:14px; /*oscar 10px*/
}


.panelFiltro{
	margin-bottom:20px;
}

.panelFiltro .ui-panel-titlebar{
	padding: 12px 4px 3px 0px !important;
}

.panelFiltro div.ui-panel-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-all a{
	box-shadow: 1px 2px 4px 0px #777;
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%); 
	border:1px solid #eeb44f;
	position: relative; 
	height: 42px; 
	margin: -52px -5px -2px 0; 
	width: 66px;
}

.panelFiltro div.ui-panel-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-all span.ui-panel-title{
	display:block !important;
	margin: 0px;
	padding: 0px;
	height: 42px;
}


/* SUSTITUYE ICONOS SPRITE POR FONTAWESOME*/
/*  */
/*sustituye imagen sprite por iconos de fontawesome en botones de añadir usuario y ver leyenda en su estado plegado y desplegado.Filtros de ordenación regla general*/
#panel_header a#panel_toggler span.ui-icon.ui-icon-plusthick ,
.abreleyenda div a span, .panelFiltro div a span,
#panel_header a#panel_toggler span.ui-icon.ui-icon-minusthick,
.abreleyenda div a span.ui-icon.ui-icon-minusthick,
.panelFiltro div a span.ui-icon.ui-icon-minusthick,
#formListado span.ui-icon-carat-2-n-s,
#pestanas span.ui-icon-carat-2-n-s{
	font:normal normal normal 1.7rem/1.7rem FontAwesome; 
	text-indent: 0; 
	overflow: inherit;
	background-image:none;
}

/*sustiye imagen sprite por iconos de fontawesome en los filtros de ordenación, regla especifica  */
#formListado span.ui-icon-carat-2-n-s,#pestanas span.ui-icon-carat-2-n-s{
	font:normal normal normal 0.9rem/0.9rem FontAwesome;
	margin: 0 0 -2px 3px;
	padding: 1px 0;
}
/*Añade el icono de la flecha abajo en una de las pantallas pop-up, que no se mostraba el sprite*/ 
#formOrgz div span.ui-icon.ui-icon-triangle-1-s.ui-c{
	font:normal normal normal 1rem/1rem FontAwesome; 
	margin: 7px 0 0 3px;
}
/*Posicion y tamaño del icono plegado, regla especifica*/
#panel_header a#panel_toggler span.ui-icon.ui-icon-plusthick {
	font-size:1.7rem; 
	margin: -8px 38px 0 0;
}
/*da estilo, tamaño y posicion al icono de la leyenda desplegado, regla especifica  */
.abreleyenda div a span.ui-icon.ui-icon-plusthick{
	font-size:1.6rem;
	margin: -7px 32px 0 0;
}

.panelFiltro div a span.ui-icon.ui-icon-plusthick{
	font-size:1.6rem;
	margin: -5px 29px 0 0;
}

/*Posicion y tamaño del icono desplegado, regla especifica */
#panel_header a#panel_toggler span.ui-icon.ui-icon-minusthick {
	margin: -7px 35px 0 0;
}
.abreleyenda div a span.ui-icon.ui-icon-minusthick,
.panelFiltro div a span.ui-icon.ui-icon-minusthick {
	margin: -8px 28px 0 0;
}
/* DEFINE LOS ICONOS FONTAWESOME*/

/*define el icono fontawesome de añadir usuario y ver leyenda en su estado plegado y desplegado regla general */
#panel_header a#panel_toggler span.ui-icon.ui-icon-plusthick:before,
.abreleyenda div a span.ui-icon.ui-icon-plusthick:before,
.panelFiltro div a span.ui-icon.ui-icon-plusthick:before{
	color:#373030;
}
/*define el icono fontawesome de añadir usuario y ver leyenda en su estado plegado regla especifica */
.INSERTAR #panel_header a#panel_toggler span.ui-icon.ui-icon-plusthick:before{
	content:"\f234";
}
.MODIFICAR #panel_header a#panel_toggler span.ui-icon.ui-icon-plusthick:before{
	content:"\f234";
}
.CONSULTAR #panel_header a#panel_toggler span.ui-icon.ui-icon-plusthick:before{
	content:"\f007";
}
.abreleyenda div a span.ui-icon.ui-icon-plusthick:before{
	content:"\f279";
}
.panelFiltro div a span.ui-icon.ui-icon-plusthick:before{
	content:"\f067";
}
/*define el icono fontawesome de añadir usuario y ver leyenda en su estado desplegado regla general */
#panel_header a#panel_toggler span.ui-icon.ui-icon-minusthick:before,
.abreleyenda div a span.ui-icon.ui-icon-minusthick:before,
.panelFiltro div a span.ui-icon.ui-icon-minusthick:before{
	color:#373030; 
	content:"\f00d";
}
/*define el icono de fontawesome del filtro de ordenación de las tablas: arriba */
#formListado span.ui-icon-carat-2-n-s:before, #pestanas span.ui-icon-carat-2-n-s:before{
	color:#135971;
	content:"\f0de";
	padding:3px;
	background:linear-gradient(to bottom, #fff 70%, #CFDEE3 25%);
	
}

/*define el icono de fontawesome del filtro de ordenaciónde las tablas: abajo */
#formListado span.ui-icon-triangle-1-n:before, #pestanas span.ui-icon-triangle-1-n:before{
	color:#373030;
	content:"\f0dd";
	padding:3px;
	background:linear-gradient(to top, #ffc477 70%, #CFDEE3 30%);
}
/*define el icono de la flecha abajo en una de las pantallas pop-up, que no se mostraba el sprite*/ 
#formOrgz div span.ui-icon.ui-icon-triangle-1-s.ui-c:before{
	color:#fff; 
	content:"\f0d7";
}

.ui-inputtext {
	text-transform: uppercase;
}

.ui-inputtextarea {
	text-transform: uppercase;
}

.ui-inputtext.noTransform{
	text-transform: none;
}

/* CONTROLA EL INPUT QUE ERA AZUL */

/*Controla el color de fondo y borde de las flechas del input que era azul */


#pestanas a.ui-spinner-button.ui-spinner-up, #pestanas a.ui-spinner-button.ui-spinner-down{
	background:#1380A6; 
	border: 1px solid #1380A6; 
	border-radius: 2px; 
	box-shadow: 0 0 0 0 #777;
	cursor: pointer;
	
}
.ui-spinner .ui-icon {
    left: 2px;
    top: 51%;
}

#pestanas\:formLog\:desde, #pestanas\:formLog\:host, #pestanas\:formLogger\:logger{height:34px;}

/* ALTAS MASIVAS*/

/*Da mas aire y color de fondo a la caja de altasmasivas (cabecera de la tabla)*/
#empresaPanel_content{
	min-height:70px;
	background-color:#e2ddd9;
	padding:28px 18px 10px 28px;
	margin-bottom:14px;
}

#infoAlta_content{
	background-color:#e2ddd9;
}

/* Mensaje que aparece al abrir sesion */
/* #mensajesPopup_container{top: 110px; right: 246px; width: 309px;} */
/* .ui-growl-item-container{display:block;} */


/* traidas del componente de Faces... components.css     PASAR A layout.css, o traer los AVISOS de layout.css a custom.css*/
.ui-growl{position:fixed;top:20px;right:20px;width:301px}
.ui-growl-item-container{position:relative;margin:0 0 10px 0;opacity:.85;filter:alpha(opacity=85);}
.ui-growl-item{display:block;padding:10px 15px}
.ui-growl-item p{padding:0;margin:0}
.ui-growl-icon-close{position:absolute;top:5px;right:3px;cursor:pointer}
.ui-growl-title{font-weight:bold;padding:0 0 7px 0;display:block}
.ui-growl-image{width:32px;height:32px;float:left;margin:0;padding:0;display:block;
 background:url("/acreditaciones-portal/javax.faces.resource/messages/messages.png.xhtml?ln=primefaces&v=6.2") no-repeat;
 
 
		 /*sobrescribir  ANIADIDOS*/
		 background-image:none;
		 display:inline-block;
		 font:normal normal normal 2rem/1rem FontAwesome; 
		 }
		 
		 .ui-growl-image{height:40px;width:44px;border-radius:5px;}
		 
		 .ui-growl-image-info{background-color:#0f809a;}
		 .ui-growl-image-warn{background-color:#e65122;}
		 .ui-growl-image-error{background-color:#d42d2d;}
		 .ui-growl-image-fatal{background-color:#3d0e54;}
		 
		 .ui-growl-image:before{color:#fff;padding:13px 0 0 8px;display:inline-block;}
		 .ui-growl-image-info:before{content:"\f05a";}
		 .ui-growl-image-warn:before{content:"\f071";padding-left:7px}
		 .ui-growl-image-error:before{content:"\f057";}
		 .ui-growl-image-fatal:before{content:"\f05e";}


		 
		 .ui-growl-item-container{border-radius:4px;}
		 .ui-growl-info{background-color:#bae6e2;border:2px solid #0f809a;}
		 .ui-growl-warn{background-color:#fbf1ce;border:2px solid #e65122;}
		 .ui-growl-error{background-color:#f1deda;border:2px solid #d42d2d;}
		 .ui-growl-fatal{background-color:#e2e1d4;border:2px solid #3d0e54;}
		 
		 .ui-growl-info .ui-growl-title{color:#334950;}
		 .ui-growl-warn .ui-growl-title{color:#a4473b;}
		 .ui-growl-error .ui-growl-title{color:#614239;}
		 .ui-growl-fatal .ui-growl-title{color:#7d143f;}
		 
		 
		 
 
 /* cont ...  traidas del componente de Faces... components.css*/
.ui-growl-image-info{background-position:0 -264px}
.ui-growl-image-warn{background-position:0 -396px}
.ui-growl-image-error{background-position:0 0}
.ui-growl-image-fatal{background-position:0 -132px}
.ui-growl-message{padding:0 0 5px 0;width:220px;float:right}
.ui-growl-message p{font-weight:normal}





/*  ***********************************************************

******** pantalla ENTORNO desarrollo pestanias ********

******** ******** ******** *********************************  */
#pestanas .ui-outputpanel .ui-tabs-panel{min-height:500px;}
.tabMonitor{height:500px;}
.ui-tabs{padding:0;margin-bottom:25px;}

/* dentro UL pestanias    #tabViewListado es para alta masiva  */
#tabViewListado ul{display:block} /*retira el margen superior blanco en alta masiva*/
#pestanas .ui-tabs-nav, #tabViewListado .ui-tabs-nav{background-color:#f5f5f5/*color fondo recoge pestanias*/;}
/*aplica a pantalla ALTA PERSONA*/
#formCampos .ui-tabs-nav{background-color:#f1f1f1/*color fondo recoge pestanias*/;}
.ui-tabs-nav{padding:.4em .2em 0 .6em;border-bottom:1px solid #d4ceca!important}
.ui-tabs-nav .ui-state-default{background-color:#fdb85e;color:#2f2622;border:1px solid #d4ceca;}
.ui-tabs-nav .ui-state-active, .ui-tabs-nav .ui-state-hover {color:#2f2622;font-weight:bold;}
.ui-tabs-nav .ui-state-hover {background-color:#f3cfa0;}
.ui-tabs-nav .ui-state-active{background-color:#fff;}
.ui-tabs .ui-tabs-nav li a{color:#2f2622;padding:.8em 1.1em}
/* .ui-tabs-nav .ui-state-default a, .ui-tabs-nav .ui-state-default a:link{color:#fff;} */

/* panel fuera UL pestanias*/
.ui-tabs-panels{border:1px solid #d4ceca;border-top:0;}
.ui-tabs-panel input{height:34px;}

.ui-tabs-panel form div textarea{width:90%;height:200px;margin:5px auto 9px auto;display:block;}
.ui-tabs-panel form div:nth-child(3) textarea{height:150px}

.ui-tabs-panels hr + button{display:block;margin:0 auto;}


.ui-tabs-panel a.exportLink{background-color:transparent;border:0;box-shadow:none;color:#c8511c;}
.ui-tabs-panel .exportLink:hover{color:#c8511c;}
.ui-tabs-panel .exportLink:before{content:'\f019';display:inline-block;font:normal normal normal 1rem/1rem FontAwesome;padding-right:6px; }

/* sobre escribe de layout linea 45 */
.ui-tabs-nav.ui-widget-header .ui-state-active{box-shadow: none;
	background:none;
	background-color:#fff;
	}


/*  ************************************************** */
     /*  ******   ALTA PERSONA  ****** */
/*  ********** ******** ******** *********************************  */

#formCampos .ui-tabs .ui-tabs-panel{
	padding:1em 0
}
.line label{
	display:block;
	text-align:center!important;
	padding:0 0 10px 0;
	font-size:1.2rem;
	text-transform:uppercase
}
/* .line .ui-datatable .ui-datatable-scrollable-header-box,  
.line .ui-datatable{overflow:hidden;}*/
/* .line .ui-datatable-scrollable, .line .ui-datatable-scrollable-header-box{overflow-x:hidden;} */
/* EMMA  - ALTA*/

.ui-fileupload .ui-widget-header {
	color:#135971;
	background-color:#cfdee3;
	padding:16px 0 0 25px;
}



.ui-fileupload {margin-bottom:20px}
.ui-fileupload + label{margin-bottom:10px!important;padding-top:8px}

.ui-fileupload-choose .ui-icon-plusthick{
	position:relative;
	background-image:none;
	display:block;
	font: normal normal normal 1.1rem/1.1rem FontAwesome;
	float:left;
	width:18px;
	height:18px;
	margin:0 0 0 -15px;
	padding:2px 0 0 0;
	text-indent:0
}
.ui-fileupload-choose .ui-icon-plusthick:before{content:"\f093";color:#373030; font-size: 1rem; display:inline;}
.ui-fileupload .ui-button:hover .ui-icon{background-image:none;}


.ui-fileupload .ui-state-active .ui-icon, .ui-button:active .ui-icon{transform:none;margin-top:0;background-image:none;margin-left:0;}
/*boton alta masiva upload al hacer click se desconfigura el icono, por eso no se incluye en la linea superior el margen izdo*/
.ui-fileupload .ui-button:active .ui-icon, .ui-fileupload .ui-state-active .ui-icon{margin-left:-15px !important;}
.ui-fileupload  .ui-state-hover .ui-icon, .ui-fileupload .ui-state-focus .ui-icon, .ui-fileupload .ui-button:hover .ui-icon, .ui-fileupload .ui-button:focus .ui-icon{background-image:none;}


.textare textarea{height:43px;}



/* ALTA MASIVA CARGA EXCEL */

/* ALTAS CON ERRORES solo aplica a la segunda pestaña cuando carga el excel, los pares: even */
#tabViewListado .ui-tabs-panel:nth-of-type(even) .colEtiquetaBf, #tabViewListado .ui-tabs-panel:nth-of-type(even) .ui-selectonemenu, #tabViewListado .ui-tabs-panel:nth-of-type(even) .colCampoBf{min-height:auto; }
#tabViewListado .ui-tabs-panel:nth-of-type(even) .ui-selectonemenu, #tabViewListado .ui-tabs-panel:nth-of-type(even) .ui-inputfield{padding:3px;}
#tabViewListado .ui-tabs-panel:nth-of-type(even) .ui-selectonemenu, #tabViewListado .ui-tabs-panel:nth-of-type(even) .ui-inputfield{height:29px;}
/* #tabViewListado .ui-tabs-panel:nth-of-type(even) .ui-tabs-panel input{} */
#tabViewListado .ui-tabs-panel:nth-of-type(even) .ui-datatable-data .ui-state-hover {font-weight:normal!important;color:#444;font-size:inherit;}
#tabViewListado .ui-tabs-panel:nth-of-type(even) .ui-datatable-data .ui-state-hover .ui-selectonemenu-label{color:#444;font-size:inherit;}







/* float: right; */
	/* margin-right: 3rem; */
	/* margin-top: -2px; */
	/* padding: .55rem; */
	/* background-image:none; */
	
	/* margin: -0.1rem 0 0 0; */
	/* float: left; */

/* .ui-button-text-icon-left .ui-icon{position:absolute;top:50%;} */





	
	
/**************************************************************************************************/
/*************************************   MEDIA QUERIES  *******************************************/
/**************************************************************************************************/


/*  sobre escribir UI-FILEUPLOAD*/
@media screen and (max-width: 40em){
.ui-fileupload-buttonbar .ui-button .ui-button-text{display:block;}
}

@media ( min-width : 1201px) {
	.filaSub {min-height:254px;}
}

@media ( max-width : 1200px) {
	/*******   ALTA PERSONA  ****** */
	.line label{padding-top:25px;}
}

@media ( max-width : 991px) {
div #formCampos label.ui-outputlabel, .ui-tabs-panel label.ui-outputlabel{margin-left:0;}/*  Necesario  para que no se salga en entorno*/


}

@media ( min-width : 768px) {
	
}



@media ( max-width : 767px) {
	.ui-tabs .container-fluid{padding-left:25px;}
	#empresaPanel_content{padding:22px 12px 22px 28px;}
}





/**************************************************************************************************/
/************************   AÑADIR CORTE 1550PX  SEPARAR EN OTRO CSS  ***************************/
/**************************************************************************************************/

@media (min-width: 1550px) {




	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {float: left;}
	/* .col-xl-12 {width: 100%;} */
	/* .col-xl-11 {width: 91.66666666666666%;} */
	/* .col-xl-10 {width: 83.33333333333334%;} */
	/* .col-xl-9 {width: 75%;} */
	/* .col-xl-8 {width: 66.66666666666666%;} */
	/* .col-xl-7 {width: 58.333333333333336%;} */
	/* .col-xl-6 {width: 50%;} */
	/* .col-xl-5 {width: 41.66666666666667%;} */
	/* .col-xl-4 {width: 33.33333333333333%;} */
	/* .col-xl-3 {width: 25%;} */
	.col-xl-2 {width: 16.666666666666664%;}
	.col-xl-1 {width: 8.333333333333332%;}
	/* .col-xl-pull-12 {right: 100%;} */
	/* .col-xl-pull-11 {right: 91.66666666666666%;} */
	/* .col-xl-pull-10 {right: 83.33333333333334%;} */
	/* .col-xl-pull-9 {right: 75%;} */
	/* .col-xl-pull-8 {right: 66.66666666666666%;} */
	/* .col-xl-pull-7 {right: 58.333333333333336%;} */
	/* .col-xl-pull-6 {right: 50%;} */
	/* .col-xl-pull-5 {right: 41.66666666666667%;} */
	/* .col-xl-pull-4 {right: 33.33333333333333%;} */
	/* .col-xl-pull-3 {right: 25%;} */
	/* .col-xl-pull-2 {right: 16.666666666666664%;} */
	/* .col-xl-pull-1 {right: 8.333333333333332%;} */
	/* .col-xl-pull-0 {right: auto;} */
	/* .col-xl-push-12 {left: 100%;} */
	/* .col-xl-push-11 {left: 91.66666666666666%;} */
	/* .col-xl-push-10 {left: 83.33333333333334%;} */
	/* .col-xl-push-9 {left: 75%;} */
	/* .col-xl-push-8 {left: 66.66666666666666%;} */
	/* .col-xl-push-7 {left: 58.333333333333336%;} */
	/* .col-xl-push-6 {left: 50%;} */
	/* .col-xl-push-5 {left: 41.66666666666667%;} */
	/* .col-xl-push-4 {left: 33.33333333333333%;} */
	/* .col-xl-push-3 {left: 25%;} */
	/* .col-xl-push-2 {left: 16.666666666666664%;} */
	/* .col-xl-push-1 {left: 8.333333333333332%;} */
	/* .col-xl-push-0 {left: auto;} */
	/* .col-xl-offset-12 {margin-left: 100%;} */
	/* .col-xl-offset-11 {margin-left: 91.66666666666666%;} */
	/* .col-xl-offset-10 {margin-left: 83.33333333333334%;} */
	/* .col-xl-offset-9 {margin-left: 75%;} */
	/* .col-xl-offset-8 {margin-left: 66.66666666666666%;} */
	/* .col-xl-offset-7 {margin-left: 58.333333333333336%;} */
	/* .col-xl-offset-6 {margin-left: 50%;} */
	/* .col-xl-offset-5 {margin-left: 41.66666666666667%;} */
	/* .col-xl-offset-4 {margin-left: 33.33333333333333%;} */
	/* .col-xl-offset-3 {margin-left: 25%;} */
	/* .col-xl-offset-2 {margin-left: 16.666666666666664%;} */
	/* .col-xl-offset-1 {margin-left: 8.333333333333332%;} */
	/* .col-xl-offset-0 {margin-left: 0%;} */
}


.textoRojo{
	color: #a20000;
}

.fa.reducido:before {
	font-size: 1rem;
}

.divMarcoGrande{
	position: relative;
}

.divMarcoGrande .iconCentrado {
	position: absolute;
	right: 5.4px;
	bottom: 14px;
}

.divMarcoGrande .iconCentrado2 {
	position: absolute;
	right: 0px;
	bottom: 16.5px;
}

.iconCentrado3 {
	position: absolute;
	right: 0px;
	bottom: 24px;
}