/* Estilos OMIE */

  /* Reset*/
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed, 
  figure, figcaption, footer, header, hgroup, 
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: middle; font-family: Arial, Verdana, Helvetica, sans-serif;}
  html, body {width: 100%; height: 100%;}
  ol, ul {list-style: none;}
  blockquote, q {quotes: none;}
  blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
  table {border-collapse: collapse; border-spacing: 0;}
  /* ESTILOS GENERALES ________________________________________________*/
  html {font-size: 62.5%;}
  body {font-size: 1.2em; line-height: 1.4; font-family: Arial, Verdana, Helvetica, sans-serif; 
	background: linear-gradient (bottom, #ccccce 0%, #ffffff 70%) fixed;
  }
  #todo { 
  	height: 100%;
  	background-color:transparent;
  	overflow:auto;
  }


  em {font-style: italic;}
  a:active,a:focus {
	outline: none;
   }
  button:active,button:focus {
	outline: none;
   }
   
  .negrita {font-weight: bold;}

  .oculto, .oculto a:link, .oculto a:visited, .oculto a:hover, .oculto a:focus, 
  .oculto a:active {position: absolute; left: -32697px; width: 0; overflow: hidden; height: 0; font-size: 0; line-height: 0;}
  select {font-size: 1em; font-family: Arial, Helvetica, sans-serif;}
  input {font-size: 1em; font-family: Arial, Helvetica, sans-serif; border: 1px solid #e5e5e5;outline:none}
  input[disabled] {background-color: #f2f2f2; color: #7f7f7f;}  
  input.atenuado {background-color: #f2f2f2; color: #7f7f7f;}
  label {color: #363636; font-size: 1em;}
  legend {font-weight: bold; margin-bottom: 10px; font-size: 1.1em}
  
  .ancho-5 {width: 5%;}		.ancho-10 {width: 10%;}
  .ancho-15 {width: 15%;}	.ancho-20 {width: 20%;} 
  .ancho-25 {width: 25%;}	.ancho-30 {width: 30%;} 
  .ancho-35 {width: 35%;}   .ancho-40 {width: 40%;} 
  .ancho-45 {width: 45%;}   .ancho-50 {width: 50%;} 
  .ancho-55 {width: 55%;}   .ancho-60 {width: 60%;} 
  .ancho-65 {width: 65%;}   .ancho-70 {width: 70%;} 
  .ancho-75 {width: 75%;}   .ancho-80 {width: 80%;} 
  .ancho-85 {width: 85%;}   .ancho-90 {width: 90%;} 
  .ancho-95 {width: 95%;}   .ancho-100 {width: 100%;}
  
  .alto100{
	height:100%;
  }
  
  .relativo {position: relative;}
  .absoluto { position: absolute;}
  .bloque {
    box-shadow: 0 0 5px #8d8d8d;
  	padding: 5px; 
  	width: 100%;
  	margin-bottom: 10px;
  	border-radius: 5px;
   }
  
  /* Tooltip ________________________________________________*/
/*   #tooltip {position: absolute; z-index: 200; max-width: 250px; color: #393939;} */
/*   #todo #tooltip.bloque, */
/*   #cuerpo #tooltip.bloque {border-color: #9e9e9e; padding: 0; background: linear-gradient(bottom, #e7e7e7 0%, #ffffff 55%);padding: 10px;} */
/*   #tooltip p {margin-bottom: 0;}  */
/*   .ayuda {vertical-align: sub;} */
/*   .msgError {font-weight: bold; color: #ff0000;} */

    /* Clear fix */
    .cf:before,
    .cf:after {content:""; display:table;}
    .cf:after {clear:both;}
     
      
  /* Resto de paginas ________________________________________________*/
	#todo{ min-width: 1167px;
	}

    /* CABECERA */
    	/* items Cabecera ________________________________________________*/
    	#cabecera-logo{
		    width: 330px;
		    height: 110px;
    	}
    	
    	.logo-GIG{
    		width: 340px;
    	}
    	
    	.logo-appVersion{
			position: absolute;
			margin-top: -25px;
			margin-left: 339px;
   		 }
   		 
		.logo-appVersion-cabecera {
		    position: absolute;
		    margin-top: -22px;
		    margin-left: 279px;
		}   		 
    	
    	#cabecera-info{
/*     		background: #bbbcbf; */
		    height: 112px;
/* 		    border-radius: 5px; */
			left: 355px;
			right: 7px;
			top: 7px;
		    position: absolute;
		    font-size: 1.3em
    	}
    	
    	#cabecera-info #cabecera-usuarioBtn {
    		width: 120px;
    	}
    	
    	.info-div{
    		height: 52px;
    		position: relative;
    	}    
    	
    	.info-datos-top{
    		position: absolute;
    		width: fit-content;
    		top: 3px;
    		right: 3px;
    	}
    	
    	.info-datos-bottom{
    	   	position: absolute;
    		width: fit-content;
    		bottom: 3px;
    		right: 3px;
    	}
    	
    	#cabecera-info-opciones{
    		margin-top: 87px;
    		float: right;
    		width: fit-content; 		
    	}
    
    /* CUERPO */
    #cuerpo {
    	top: 175px !important; 
    	position: absolute;
    	padding-left: 20px;
    	padding-right: 20px;}
    
    /* TABLAS RELACIONADAS (se abren en una nueva ventana) */
    #tablaRelacionada {
    	top: 10px !important; 
    	position: absolute;
    	padding-left: 20px;
    	padding-right: 20px;}
    	
	/* MENU */



    /* FORMULARIOS */
	#form-menu{
		position: absolute;
		top: 120px;
		width: 100%;
	}

    /* Intro Secciones ________________________________________________*/
    


	.enlace{cursor: pointer;}


	/* Titulo ________________________________________________*/
        
/*         Tablas detalle */



.ancho-35px .ui-column-filter.ui-inputfield{
	width:35px;
}
.ancho-55px .ui-column-filter.ui-inputfield{
	width:55px;
}
.ancho-50px .ui-column-filter.ui-inputfield{
	width:50px;
}
.ancho-100px .ui-column-filter.ui-inputfield{
	width:100px;
}
.ancho-515px .ui-column-filter.ui-inputfield{
	width:515px;
}

.tablaMonitor.log select.ui-column-filter {
	width:67px;	
}
.tablaMonitor.log.tablaAnalizador select.ui-column-filter {
	width:53px;	
}
.tablaGraficos select.ui-column-filter {
	width:56px;
}

.tablaMonitor.log span.ui-column-resizer.ui-draggable {
	height:35px;	
}

.log .ui-paginator-current{
	color:#496969;
}
.valign-top{
	vertical-align:top;
}
.letraPeque{
	font-size: 9.7px;
}
.letraMed{
	font-size: 11px;
}
.letraGrand{
	font-size: 20px;
}
.letra09em{
	font-size: 0.90em !important;
}
.letra12{
	font-size:12px
}
.datosCabecera{
	color: #5d5d5d;	
}
.tablaRow tr td{	
	font-size: 11px !important;
	text-align:left !important;
	border-bottom-width: 0 !important;
	border-left-width: 0 !important;
	border-right-width: 0 !important;
	border-top-width: 0 !important;
}
.textoIzquierdaImp{
	text-align:left !important;
}

.textoGris{
	font-weight: bold;
	color:#7F7F7F; /*FF0000;*/
}
.textoRojo{
	font-weight: bold;
	color:#B93A37; /*FF0000;*/
}
.textoNegro{
	font-weight: bold;
	color:#000000; /*FF0000;*/
}
.textoAzul{
	font-weight: bold;
	color:#5D93D5
}
.textoNaranja{
	font-weight: bold;
	color:#EEA66A;  /*#EA8D40;*/
}
.textoVerde{
	font-weight: bold;
	color:#4E635A;  /*#EA8D40;*/
}
.textoVerdeClaro{
	font-weight: bold;
	color:#9BBB59;  /*#EA8D40;*/
}
.labelColorDisabled label{
	color: #7f7f7f; 	
}
.colorDisabled{
	color: #7f7f7f; 
	background-color: rgb(242, 242, 242);
}
.rojoDisabled{
	color: #B93A37; 
	background-color: rgb(242, 242, 242);
}
.celdaStatus{	
	/*padding: 0 8px 0 8px;*/	
	width:85px;
	margin-left:auto;
	margin-right:auto;	
	color:#ffffff;
	border-radius: 3px 3px 3px 3px;
	line-height:23px;
}
.fondoBlanco tbody tr td{
	background-color: #ffffff; 
}
.inputForm{
	font-size:12px;
	color:#363636;
}

/* ------------------ IMAGENES PARA ESTADOS DASHBOARD ---------------------------------------------------------*/

/* ------------------ FIN IMAGENES PARA ESTADOS DASHBOARD ---------------------------------------------------------*/

/* ------------------ Iconos de primefaces en nuestros botones ---------------------------------------------------------*/
.btn.icoPrime {
	padding: 3px 10px 3px 35px; 
	position: relative;   
}
.btn.icoPrime:before {	
	content: '';
	position: absolute;	
    width: 15px;
    height: 15px;
    left: 10px;
	background-repeat: no-repeat;
}
/* ------------------ FIN Iconos de primefaces en nuestros botones ---------------------------------------------------------*/




/* ------------------ DataTables  tipo tablaMonitor ---------------------------------------------------------*/
/*Los inputs en las cabeceras de las columnas  (solo en los dialogos)

/* ------------------ FIN DataTables  tipo tablaMonitor ---------------------------------------------------------*/



/* ------------------ Dialogos---------------------------------------------------------*/
/*Eliminar padding en los dialogos*/
.ui-dialog .ui-dialog-content {
	padding: 0px;
}

/* ------------------ FIN Dialogos ---------------------------------------------------------*/

/* ------------------ INI Botonera---------------------------------------------------------*/
.ui-button {
	margin:5px 5px 5px 5px;	
	height: 27px;
}
.ui-button-text {
	 padding-top:0em !important;
	 padding-bottom:0em !important;
	 color:black;
}

.ui-state-disabled.btn{
	opacity: 0.45;
	filter: Alpha(Opacity=94);
}

/* ------------------ FIN Botonera ---------------------------------------------------------*/

/* ------------------ Mapa áreas ---------------------------------------------------------*/

.mapaImportExport{
	border-radius:6px;
	border-spacing:2px;
	border-collapse:separate;
	border-style:solid !important; 
}

.mapaImportExport td{
	padding:0px;
	border:0px;
}

#form\:editorMail div{
border-left-width:0px;
border-right-width:0px;
}
 #divEntornoSecundario div.ioperbloq{
 	background-color: #FFF; border: 2px solid #FFF; border-radius: 12px 12px 12px 12px; box-shadow: 0 0 5px #7A7A7A; padding: 5px;
 	margin: 10px; border: 1px solid #9C9C9C; box-shadow: 2px 2px 3px #bababa; background: linear-gradient(bottom, #e7e7e7 0%, #ffffff 55%) !important;
	border: 1px solid #FAC090; box-shadow: 2px 2px 3px #984807; background-color:#FCD5B5; 
}

#linkVolcado{
	color:#FF0000;
}
#linkVolcado:hover{
	color:#900;
}
.cabeceraValidacion{
	color:#FFFFFF;
	background-color:#c0c0c0;
	font-weight:bold;
}
.tablaMonitor table span.cabeceraValidacionPeq{

	font-size:11px;
}
.ventanaAvisos td{
	white-space: normal !important;
}

select.ui-column-filter.ui-widget.ui-state-default.ui-corner-left.filtroTabla.comboPeques{
	width:40px;
}

.cabecerasCentro table th.ui-state-default{
	text-align:center !important;
}
.dialogoBlockUI{
	border: 1px solid #9c9c9c; 
	border-radius: 12px 12px 12px 12px; 
	box-shadow: 3px 5px 10px rgba(0,0,0,0.8)	
}
.dialogoBlockUI .ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top{
	padding:0px;
	background-color:transparent;
}
.textoNoVigente{
	color:#7f7f7f;
}
.filaSeparada{
	border-top:15px !important;
	border-top-style:solid !important;
	border-top-color: #e0e4d9 !important;/*#D0D4C9 !important;*/
	
}
#divOferta .acordeon h3.ui-accordion-header{
	padding-left:34px;
	padding-right:7px;
	padding-top:7px;
	padding-bottom:7px;
}
.vAlignTop{
	vertical-align:top;
}
#cuerpo .gridDash > .ui-datagrid-content{
	float:left;
	border: 0px;
	margin-top:3px;
	width:100%;
}
#cuerpo .gridDash table.ui-datagrid-data{
	border: 0px;
	width:100%;
}
#cuerpo .gridDash table.ui-datagrid-data .ui-datagrid-column{
	border: 0px;
}
.gridDash h3{
	text-align:left;
	line-height:18px;
}
#cuerpo .gridDash tr td{
	text-align:left;	
}

.tablaMonitor tbody tr td.celdaEstadoDash,
.tablaMonitor tbody tr td.celdaEstadoDash a{
	width:45px;
	padding:0px;
	margin:0px;
	vertical-align:middle;
	text-align:center;
	border-color:#BDBDBD;
	color:#ffffff;	
}
.tablaMonitor tbody tr td.celdaEstadoDash a{
	width:95%;
	height:100%;
	display:block;
}
.tablaMonitor.fondoBlanco table th{
	border-color:#BDBDBD;	
}
	
.tablaMonitor.fondoBlanco table tbody tr td{
	line-height:25px;
}
.tabCompact, 
.tabCompact table,
.tablaMonitor.tabCompact table tbody tr td{
	line-height:22px;
	font-size:11px;
}
button.botonTxtRojo span{
	color:red;
}

.contieneCodigo{	
	border:1px;
	border-style:solid;
	border-color:#e0e4d9;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	font-family:consolas;
}
.tablaMonitor table thead tr th.celdaVacia{
	background-color:transparent;
	background-image:none;
	border-top-width:0px;
	border-left-width:0px;
	
}

.enBloque{
	display: inline-block;
}

/* ------------------ Fin Mapa áreas ---------------------------------------------------------*/



.centrado {
	margin: auto;
}

.DATE_TYPE {margin: 0 auto; text-align:center;}
.NUMBER_TYPE {text-align: right;}

.enlace {
    text-decoration: none;
    color: #222222;
}

.enlace:hover{
/* 	font-weight: bold; */
	color: #407017;
}

h1{
	font-size: x-large;
}

h2{
	font-size: large;
}

.formulario-item {
	display: flex;
    align-items: center;
}

.sinBorde{
	border: 2px solid transparent !important;
}

a.sinBorde {
	text-align: right;
}

.ui-datatable table {
    min-width: 100%;
    width: auto;
}

.ui-datepicker-header {
	color: #222222;
    background-color: #ffffff;
    background-image: linear-gradient(transparent, transparent);
}

.select-menu{
	width: 100%;
	display: contents;
}

.messageMantenimiento{
	width: 100%;
    margin-top: -10px;
    display: inline-block;
}

.messageMantenimiento:empty{
	display: none;
}

.transparente {
    border: transparent !important;
    background-color: transparent !important;
}

.logInfo {
	color: #949494;
}

.logWarn {
	color:orange;
	font-weight: bold;
}

.logError {
	color:red;
	font-weight: bold;
}

.marcarDesmarcar span {
	text-decoration: underline;
    color: grey;
    font-style: italic;
}

.textoCentrado {
	text-align: center;
}

.textoDerecha{
	text-align: end;
}

.padding-listaEnTable {
	padding-right: 5px;
}

.enPequenno {
	font-size: 9px;
}

.respetaBlanco {
	white-space: pre-wrap;
}

.asTexto input{
	border: transparent;
}

.menu-title, .ui-widget.menu-title{
	font-size: large;
}

/* li.menu-title a { */
/* 	color: #92c368 */
/* } */

.menu-subtitle, .ui-widget.menu-subtitle{
	font-size: initial;
}

.verdeClaro {
	color: #92c368;
}

.celldBorderPosIntgr{
	border: 1px solid #92c368 !important;
}

.divPosIntgr input.ui-inputfield.ui-state-disabled {
	text-align: right;
	border: transparent !important;
	background: #ffffff !important;
	color: black !important;
	opacity: 1;
	filter: Alpha(Opacity = 100);
}

.divPosIntgr input.ui-inputfield {
	text-align: right;
	border: transparent !important;
	background-color: #bdf082 !important;
	font-weight: normal !important;
	-webkit-box-shadow: inset 0 0px 0px transparent !important;
	box-shadow: inset 0 0px 0px transparent !important;
	color: #222222 !important;
}

.panelPosIntgr {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 1% 1% 1% 1%;
}

.leyenda {
	padding-top: 10px;
    max-width: fit-content;
}

.titulo-leyenda,  .titulo-leyenda label{
    color: black;
    font-size: 20px;
    font-style: italic;
    text-decoration: underline;
    padding: 0px 0px 0px 15px;
}

.fila-leyenda, .fila-leyenda label {
    color: black;
    font-size: 14px;
    padding: 0px 0px 0px 2px;
}

.sinBorde {
	border: 0px solid;
}

.listaSiNo{
	width: 120px;
}