:root {
    /*Color de empresa*/
    --rojoPrincipal: #e44c42;

    /*Utilizado para letras*/
    --negroPrincipal: #464646;

    /*******************************/
    /********* GRISES **************/
    /*******************************/
    /*Utilizado para box-shadow*/
    --grisClaroPrincipal: #ececec;

    /*Usado para bordes de tablas o contenedores*/
    --grisMedioPrincipal: #d3d3d3;

    /*Utilizado para cabeceras secundarias*/
    --grisOscuroSecundario: #818181;

    /**************************************/
    /****** COLORES COMPLEMENTARIOS *******/
    /**************************************/
    /*Colores representativos de los modulos de Gesgraph*/
    --colorModuloConfiguracion : #768591;
    --colorModuloOrganizacion : #886dc8;
    --colorModuloPresupuestos : #457b9d;
    --colorModuloProduccion : #ee9854;
    --colorModuloAreaEconomica : #2a9d8f;

    /*Colores secundarios para interfaces por ejemplo etiquetas*/
    --colorAzul:  #708fa2;
    --colorAzulClaro:#92abbb;
    --colorVerdeClaro: #EEFFD3;
    --colorRojoClaro: #FFD3D3;
}

body {
  font-family: 
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;
}
label {
    font-weight: 400;
}
#ppp {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
    overflow-x: hidden;
}

#ppp::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}
.ui-dialog .ui-dialog-titlebar
{
	min-height: 30px;
}

.boton
{
    
    FONT-SIZE: 8pt;
    cursor:pointer;
}

.botonCierre
{
    BACKGROUND: #ddddff;
    
    FONT-SIZE: 8pt;
}
.campo
{
    
    FONT-SIZE: 9pt;
}
.texto
{
    
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none ; 
}
.fondoNormal 
{
    BACKGROUND-COLOR: white;
    padding-bottom:40px;
}
.fondo
{
    BACKGROUND-COLOR: white;
    COLOR: black;
    
    FONT-SIZE: 10pt;
}
.fondo2
{
    BACKGROUND: #a1acaa;
    COLOR: black;
}
.fondoBuscar
{
    BACKGROUND-COLOR: #eeffee;
    COLOR: black;
    
    FONT-SIZE: 10pt;
}
.titulo-container {
    margin:30px;
    text-align: center;
}
.titulo1
{
    FONT-SIZE: 18px;	
    FONT-WEIGHT: 700;
    color: var(--negroPrincipal);
    letter-spacing: 1px;
}
.titulo2
{
    
    FONT-STYLE: italic;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
.titulo3
{
    
    FONT-STYLE: italic;
    FONT-WEIGHT: bold;
}
.subTitulo {
    color: #8e8e8e;
    font-size: 15px;
}
.azulito
{    
    /*border:solid 1px #bbb;
	background:#FCD2A4;
	
    FONT-SIZE: 8pt;*/
    BACKGROUND: #cfe3ff;
    
}
.cab
{
    BACKGROUND: url(../pics/degradad.png) repeat-y;
}
.butano
{
  background-color:#fba;
}

.fila
{
    BACKGROUND: #aaccff;
    CURSOR: pointer;
    
    FONT-SIZE: 8pt;
}

.incluido2
{
	background-image:url('/netoffice2/pics/incluidoS2.jpg');
	padding-left:20px;
	background-position:left;
	background-repeat:no-repeat;
	resize:none;
}


.incluido
{
	background-image:url('/netoffice2/pics/incluidoS.jpg');
	padding-left:20px;
	background-position:left;
	background-repeat:no-repeat;
	resize:none;
}

.noIncluido
{
	background-image:url('/netoffice2/pics/noIncluidoS.jpg');
	padding-left:13px;
	background-position:left;
	background-repeat:no-repeat;
	resize:none;
}

.mayor
{
	background-image:url('/netoffice2/pics/mayor.jpg');
	padding-left:13px;
	background-position:left;
	background-repeat:no-repeat;
	resize:none;
}

.menorIgual
{
	background-image:url('/netoffice2/pics/menorIgual.jpg');
	padding-left:20px;
	background-position:left;
	background-repeat:no-repeat;
	resize:none;
}




/*
.incluido
{
	background-image:url('/netoffice2/pics/incluido.jpg');
	background-position:center left;
	background-repeat:no-repeat;
}

.noIncluido
{
	background-image:url('/netoffice2/pics/noIncluido.jpg');
	background-position:center left;
	background-repeat:no-repeat;
}
*/
/*--------------INFORMES--------------------*/
/*
Para las cabeceras cabInforme
Para las Filas: colorESTADO o lineaInforme o filaInforme
Para resultados: resultadoInforme
*/

.cabInforme td,
.cabInforme th
{
    font-size:95%;
    BACKGROUND: var(--rojoPrincipal);
    COLOR: #ffffff;
}

.filaInforme
{
    BACKGROUND: #ffffff;
    CURSOR: pointer;
    
}

.lineaInforme
{
	border-right: solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #ddd;
	background:#fff;
	padding-left:3px;
	padding-right:2px;
}

.colorTomaDatos
{
    BACKGROUND: #F7BE81;
    
    color:black !important;
}

.colorTomaDatosSelec td
{
	border-top: 2px solid red; 
	border-bottom: 2px solid red; 
    BACKGROUND: #F7BE81;
    CURSOR: pointer;
    
}


.colorPlanteamiento
{
    BACKGROUND: #CEE3F6;
    
    color:black !important;
}

.colorPlanteamientoSelec td
{
	border-top: 2px solid red; 
	border-bottom: 2px solid red; 

    BACKGROUND: #CEE3F6;
    CURSOR: pointer;
    
}

.colorPendAprobEmpresa
{
    BACKGROUND: #7BA7E1;
    
    color:black !important;
}

.colorPendAprobEmpresaSelec td
{
	border-top: 2px solid red; 
	border-bottom: 2px solid red; 

    BACKGROUND: #7BA7E1;
    CURSOR: pointer;
    
}

.colorPendAprobCliente
{
    BACKGROUND: #F5A9F2;
    
    color:black !important;
}

.colorPendAprobClienteSelec td
{
	border-top: 2px solid red; 
	border-bottom: 2px solid red; 

    BACKGROUND: #F5A9F2;
    CURSOR: pointer;
    
}

.colorAprobadoPorEmpresa
{
    BACKGROUND: #e3c9ff;
    
    color:black !important;
}

.colorAprobadoPorEmpresaSelec td
{
	border-top: 2px solid red; 
	border-bottom: 2px solid red; 

    BACKGROUND: #e3c9ff;
    CURSOR: pointer;
    
}


.colorAprobadoCliente
{
    BACKGROUND: #CCFFCC;
    
    color:black !important;
}

.colorAprobadoClienteSelec td
{
	border-top: 2px solid red; 
	border-bottom: 2px solid red; 

    BACKGROUND: #CCFFCC;
    CURSOR: pointer;
    
}


.colorTerminado
{
    BACKGROUND: #D8D8D8;
    
    color:black !important;
}

.colorTerminadoSelec td
{
	border-top: 2px solid red; 
	border-bottom: 2px solid red; 

    BACKGROUND: #D8D8D8;
    CURSOR: pointer;
    
}

.colorCancelado
{
    BACKGROUND: #FFCCCC;
    
    color:black !important;
}

.colorCanceladoSelec td
{
	border-top: 2px solid red; 
	border-bottom: 2px solid red; 

    BACKGROUND: #FFCCCC;
    CURSOR: pointer;
    
}

.colorRechazado
{
    BACKGROUND: #FFCCCC;
    
    color:black !important;
}

.colorRechazadoSelec td
{
	border-top: 2px solid red; 
	border-bottom: 2px solid red; 

    BACKGROUND: #FFCCCC;
    CURSOR: pointer;
    
}


.colorSeleccionado
{
    BACKGROUND: #fc836e;
    color:#000000;
    CURSOR: pointer;
}

.resultadoInforme
{
	background:#FBEFEF;
}
.subCabTabla 
{
    background: #7C7C7C;
    color: White;
    
    padding:5px;
    text-transform:uppercase;
    font-weight:700;
}

.subCabTabla td, .subCabTabla  th {
    border-width:0px 1px 0px 1px !important;
}

.buttonG 
{
    cursor:pointer;
    /*background-color: #A8A8A8;*/
    background: #7C7C7C;
    color:#fff; 
    border: 5px solid #7C7C7C;
    margin-top:5px;
    font-size:12px;
    border-radius:3px;
    letter-spacing:0.6px;
}
.redText 
{
    padding: 5px;   
    text-align:left;
    font-weight:700; 
    text-transform:uppercase;
    color: White;
    letter-spacing: 0.6px;        
}
/*----------FIN-INFORMES----------------*/

.cabTabla td,
.cabTabla th,
div.cabTabla,
li.cabTabla
{
    BACKGROUND: var(--rojoPrincipal);
    COLOR: #ffffff;
        
}

.finTabla
{
    BACKGROUND: var(--rojoPrincipal);
    COLOR: #ffffff;
    
    font-size: 6pt;
    padding:3px;
}
.finTabla td, .finTabla th {
    padding:3px !important;
}

.fila2
{
    BACKGROUND: #8fbfdf;
    CURSOR: pointer;
}
.cabTabla2
{
    BACKGROUND: #3a6a85;
    COLOR: #ffffff;
    
}
.lista
{
    COLOR: black;
    
    FONT-SIZE: 8pt;
}
.resaltar
{
	background:#ffff11; 
	color:#1122ff;
}

.datos {
	background:#FBEFEF;
}

.proyecto {
	background:#ffff00;
}
.azulito2
{
    BACKGROUND: #99bbff;
}
.naranja
{
	background: #DD9999;
}
.consejo {
	font-size:8pt;
	font-style:italic;
}

.filaSinCursor
{
    BACKGROUND: #FBEFEF;
    
    FONT-SIZE: 9pt;
}

.campoCursor
{
    CURSOR: pointer;
}
/*
.linea
{
	border-right: solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #ddd;
	background:#fff;
	font-size:8pt;
	padding-left:3px;
	padding-right:2px;
}
*/
tr.linea td
{
	border-bottom:solid 1px #ccc;
}

.lineaRosa
{
	border-right: solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #ddd;
    background:#FFCCCC;
	padding-left:3px;
	padding-right:2px;
}


.filaNoVisible
{
    /*BACKGROUND: #FFCCCC;*/
    
    FONT-SIZE: 75%;
}
.lila
{
    BACKGROUND: #DDDDFF;
}
.titulo4
{
    
    FONT-STYLE: italic;
    FONT-WEIGHT: bold;
	 font-size:12px;
	 text-decoration:underline;
}
.cuadroAzul {
	padding:2px;
	margin-top:5px;
	padding-top:0px;
	border:solid 2px #338;
}

.azulTitulo
{
	font-size:9pt; 
	border-width:1px;
	background-color:#78a;
	color:#fff;
}

.azulPlomo
{
	font-size:9pt; 
	border-width:1px;
	background-color:#cdf;
	color:#000;
}

.grisaceo
{
	font-size:9pt; 
	background:#f0f0f4;
	border-width:1px;
	border-right:0px;
}

.detalleHijo
{
    background-color:GrayText;
    color:#fff;
}
	
.padre
{
    background-color:Gray;
    color:#fff;
}
	

/* ---------- Estilos ToolTips ------------ */
.info{position:relative; 
    z-index:24; 
    color:#000;
    text-decoration:none;}

.info:hover{z-index:25; background-color:#fff;}

.info span{display: none} /* ocultar el SPAN */

.info:hover span{ /* Mostrar el span cuando paso por el link */
    display:block;
    position:absolute;
    top:2em; left:-18em; 
    width:20em;
    border:1px solid #000;
    background-color: #FFFFFF; 
	color:#000;
    text-align: left;
	padding:3px;
	font-size:11px;
	font-weight: normal;
	}
	
.info_dch
{
	position:relative; 
    z-index:24; 
    color:#000;
    text-decoration:none;
}
.info_dch span {
    display: none;
    background: white;
    padding: 20px;
    border: 1px solid #a7a5a5;
    border-radius: 0px 7px 7px;
} /* ocultar el SPAN */

.info_dch:hover span{ /* Mostrar el span cuando paso por el link */
    display:block;
    position:absolute;
    top:2em; 
    width:30em;
	color:#000;
    text-align: left;
	font-size:11px;
	font-weight: normal;
}	
/* ---------- FIN Estilos ToolTips ------------ */

.rojo1
{
	background:var(--rojoPrincipal);	
}
.rojo2
{
	color:white;
	background: var(--rojoPrincipal);
}
.cabTablaGris
{
	color:white !important;
	background:var(--grisMedioPrincipal);	
    border-color: white;
}
.cabTablaGris2 {
    color: #676565 !important;
    background:var(--grisClaroPrincipal) !important;	
    border-color: white !important;
}
.cabTablaGris2 i {
    color: #676565 !important;
}
.cabTablaGrisSecundario {
    color:white !important;
    background: var(--grisOscuroSecundario);
    border-color: white;
}
.naranja1
{
	background:#f9a346;	
}
.naranja2
{
	background:#f8b542;	
}
.naranja3
{
	background:#ffb769;	
}
.gris1
{
	background-color:#bbbbbb;	
}
.gris1_5
{
	background-color:#cccccc;
}
.gris2
{
	background-color:#dddddd;	
}
.gris3
{
	background-color:#eeeeee;	
}
.gris4
{
	background-color:#e6e6e6;
}
.gris5
{
	background-color:#aaaaaa;
}


.gris0
{
	background-color:#808080;
	color:#ffffff;
}



/* Estilo para los menus de la configuracion */

.colorLinea
{
	color:#bbb;
}

.b1 { 
    padding:0px;
    width:98%;
	font-size:8pt; 
	text-align:left;
    border:0px;
	height:22px;
	padding-left:16px;
	cursor:pointer;
    background-image:url('/netoffice2/pics/central.gif');
    background-repeat:no-repeat;
    background-position:0px center;    
}
	
.cabHijo 
{
	width:160px;
	font-size:9pt; 
	color:#fff;
	cursor:pointer;
	text-align:left;	
	padding-bottom:3px;
	padding-top:3px;
	padding-left:10px;
	color:#000;
	cursor:pointer;
	list-style-type: none;
    background-image: url('/netoffice2/pics/flecha_dcha.gif'); 
    background-repeat:no-repeat;
    background-position:0px center;            
}
	
	
.cabHijoPequenyo
{
	width:160px;
	font-size:8pt; 
	color:#fff;
	cursor:pointer;
	text-align:left;	
	padding-bottom:0px;
	padding-top:0px;
	padding-left:20px;
	color:#000;
	cursor:pointer;
	list-style-type: none; 
    background-image: url('/netoffice2/pics/ok.gif'); 
    background-repeat:no-repeat;
    background-position:5px center;            
}
	
	
.cabNieto
{
	width:200px;
	font-size:8pt; 
	color:#fff;
	cursor:pointer;
	text-align:left;	
	padding-bottom:0px;
	padding-top:0px;
	padding-left:25px;
	color:#000;
	cursor:pointer;
	list-style-type: none;
	background-image: url('/netoffice2/pics/punto_negro.png');
    background-repeat:no-repeat;
    background-position:10px center;            
}


.cabBisNieto
{
	width:200px;
	font-size:8pt; 
	
	color:#fff;
	cursor:pointer;
	text-align:left;	
	padding-bottom:0px;
	padding-top:0px;
	padding-left:30px;
	color:#000;
	cursor:pointer;
	list-style-type: none; 
    background-image: url('/netoffice2/pics/arrow_r.gif'); 
    background-repeat:no-repeat;
    background-position:20px center;            
}

.titulo5
{
    padding:1px;
    padding-left:5px;
    background-color:var(--rojoPrincipal);
    list-style-type: none; 
    /*background-image:url('/netoffice2/pics/raya.gif');*/
    background-repeat:no-repeat;
    background-position:5px center;    
    color:#fff;
    margin-top:7px;
    text-align:left;
    font-weight:bold;
    font-style:normal;
    width:100%;
    border-bottom:1px solid #bbb;
    font-size:8pt;
    
    
}	

.datos2
{
	background:#eee;
}

.cabTablaRojo1 td,
.cabTablaRojo1 th
{
    font-size:8pt;
    BACKGROUND: var(--rojoPrincipal);
    COLOR: #ffffff;
       
}

.cabTablaGris3
{
    BACKGROUND: #ddd;
    COLOR: #000;
       
}

tr.cabTabla td
{
   padding:3px 5px 3px 5px;   
   font-size:8pt;
}

.cabTablaRojo1SB
{
   BACKGROUND: var(--rojoPrincipal);
   COLOR: #ffffff;
   
   padding:3px 5px 3px 5px;   
   font-size:8pt;
   font-weight:bold;   
}

.cabGris
{
   BACKGROUND: #848484;
   COLOR: #ffffff;
   
   padding:3px 5px 3px 5px;   
   font-size:8pt;
   font-weight:bold;   	
}

.colGris
{
	background-color:#dddddd;
}

.naranjaCampo
{
	
	border:1px solid #bbb;
	/*background:#FCD2A4;*/
	background:#e8e5e5 !important;
	
    FONT-SIZE: 8pt;
}

.span-input{
    padding:3px;
    background: #e8e5e5 !important;
    border: solid 1px lightgray;
    border-radius:3px;
    display: inline-block;
}

.cajaGris
{
	background:#eee;
	border:1px outset #fff;	
}

.boton3
{
	background:#ddd;	
	
	FONT-SIZE: 8pt;
}

tr.filaLinea td
{
    border-bottom:1px solid #bbb;
    font-weight:normal;
}

tr.filaLineaGris td
{
    border-bottom:solid 1px #bbb;
    background:#eee;
    font-weight:normal;

}

.filaNaranja
{
    border-bottom:solid 1px #bbb;
}

.darkRed
{
	color:#8B0000;
	
    FONT-SIZE: 8pt;
}	

.blancoLinea
{
	border-right: solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #ddd;
	background:#fff;
	font-size:8pt;
	padding-left:3px;
	padding-right:2px;
}

.grisLinea
{
	border-right: solid 1px #ddd;	
	border-top:solid 1px #ddd;
	background:#eee;
	font-size:8pt;
	padding-left:3px;
	padding-right:2px;
}

.cuadroObs
{
	position:absolute;
	z-index:25;     
    width:20em;
    border:1px solid #000;
    background-color: #FFFFFF; 
	color:#000;
    text-align: left;
	padding:3px;
	
	
	font-size:11px;
	font-weight: normal;
}
/******************************/


.ejemplaresIV {
	background:#333333;
	color:#ffffff;
	padding-left:5px;
	padding-right:5px;
}
.c_coste{
    padding: 0px 4px;
}

@media print {
.noPrint {
    display:none;
  }
}


.leyenda {
	border:1pt solid #999999;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
}
/*.divConfiguracion{

}*/
.divConfiguracion div{
	margin:10px 10px 0px 10px;
	text-align: left;
	font-size: 10pt;
	overflow: auto;
	vertical-align: top;
}
.buscadorSpan 
{
    border:1px solid #A7A7A7;
    border-radius: 0px 12px 12px 12px;
    padding:4px;
    background-color: white !important; 
    /*anterior*/ 
    display:none;
    position:absolute;
    top:0px; 
    left:462px;
    width:170px;
    color:#000;
    text-align: center;
    
    font-size:9px;
    z-index:9999;
}
.buscadorSpan .texto 
{
    width:100%;
    font-weight:700;
    padding:10px;    
}
.buscadorSpan .form-control
{ 
    width:80%;
    margin: 10px auto;
    text-align:center;
}

/************************************************/
/************* -- Nuevos estilos -- *************/
/************************************************/


/***Globales***/
fieldset {
    border: 1px solid #929292;
    padding: 15px 55px;
}

.ges-flex {
    display: flex;
}
.ges-flex-just-center {
    justify-content: center;
}

/*Estilo titulo*/
.ges-titulo 
{
    text-align:center;
    padding:30px;
    font-weight:700;
    font-size:14px;
}
.ges-subtitulo 
{
    color:#005ed7;
    text-align:center;
    margin: 0px;
    font-size: 15px;
    letter-spacing: 1px;
}
.ges-subtitulo--grande {
    font-size: 20px;
}

/*cabecera para tipo de coste*/
.tipoCoste 
{
    background: var(--colorAzulClaro);
    color:White;
    /*letter-spacing:1.5px;*/
    text-transform:capitalize;     
}

/*Input de boostrap*/
.form-control:not(textarea)
{
    height:28px;
    font-size:11px; 
    width: 85%;
    text-align: left;  
}
textarea.form-control
{
    font-size:11px;  
}
.form-control:focus 
{
    box-shadow: none !important;
    border-color:#5A4848;
}

/*Estilo input deshabilitado*/
.opcionDeshabilitada 
{
    color: #676767 !important;
    border:0px !important;    
    background: #DFDFDF;
}

/**** Cajas de botones ****/
.botonesLote {    
    width: 80%;
    margin: 10px auto;
}

.botonesLotesGrupo {
    display: flex;
    width: 400px;
}

.botonesLotesGrupo label {
    width: 120px;
    padding-right: 10px;
}
.botonesLotesGrupo .boton2 {
    margin: 0 10px;
}

/*Nuevo estilo boton*/
.boton2 
{
    background: #898989;
    border:0px;
    color:White;
    border-radius: 3px;
    padding: 6px 20px;
    font-size: 14px;
    text-align:center;
}
.boton2:focus 
{
    outline:0px;
}
.boton2:hover 
{
    background: #6E6E6E;
    cursor:pointer;   
}
.boton2:disabled {
    background: #ccc;
}
.boton2-color {
    background-color: white;
    color:#333333;
}
.boton2-color:hover 
{
    background: #e2e2e2;
    cursor:pointer;   
}

.boton-fino {
    padding:3px;
}
.botonDisable, .botonDisable:hover
{
    background:#dcdcdc;   
    cursor:default; 
}

/*Nuevo estilo tablas*/
.ges-table td, .ges-table th, .cabTabla th, .cabTabla td, .cabTablaRojo1 th, .cabTablaRojo1 td 
{
    padding:9px 3px;
    text-align:center;
    border:1px solid white;
    /*outline: 1px solid white;*/
    vertical-align: middle;
    font-size: 11px;
    text-transform: none;
    font-weight: 400;
}
.ges-table-resumen-conceptos td, .ges-table-resumen-conceptos th {
    padding:4px 3px;
}
.ges-table th, .cabTabla th {
    font-size: 12px;
    letter-spacing: 0.5px;
}
.ges-table, table:has(.cabTabla), table:has(.cabTablaRojo1), table:has(.cabInforme) {
    border-collapse: separate !important;
    border-spacing: 0;
    border-radius: 5px;
} 
table tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) th:first-of-type,
table tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) td:first-of-type {
    border-top-left-radius: 5px;
    background-clip: padding-box;
    overflow: hidden;    
}
table tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) ,
table tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) {
    border: none;
}
table tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) ~ tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) th:first-of-type,
table tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) ~ tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) td:first-of-type {
    border-top-left-radius: 0 !important;
}
table tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) th:last-of-type,
table tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) td:last-of-type {
    border-top-right-radius: 5px;
    background-clip: padding-box;
    overflow: hidden;
}
table tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) ~ tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) th:last-of-type,
table tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) ~ tr:is(.cabTabla, .cabTablaRojo1, .cabInforme, .gestionCab) td:last-of-type {
    border-top-right-radius: 0 !important;
}
.ges-table .ges-linea:hover,  .ges-table .ges-linea:hover td 
{ 
    background: #EBEBEB;
    border:0.5px solid #F5F5F5;
}
.ges-table .ges-linea-border, .ges-table .ges-linea-border td {
    background-color: White;
    border-bottom: 0.5px solid #DADADA;
}
.filaExtra 
{
    background: #BDBDBD;
}
.filaExtra td , .filaExtra th
{
    padding: 5px;
    color:White;
    font-size: 13px;
}
.ges-cabecera 
{
    font-size:15px;
    background:var(--rojoPrincipal);
    color: White;    
}
.ges-cabecera td
{
    font-size:11px;
    font-weight: 450;
}
.divGesPalet, .divGesPalet:hover, .leyendPal {
    background:#5c88e8 !important;
    color:white !important; 
}
/***** FORMULARIO DIV *******/
.form-general {
    width:80%;
    margin: 0 auto;
    padding:30px;
}
.general-campo {
    display: flex;
    width: 40%;
    align-items: center;
    margin: 0 auto;
}
.w-75 {
    width: 75%;
}
.general-campo label{
    width: 185px;
    min-width: 185px;
    text-align: left;   
    margin-bottom:0px; 
}
.general-campo input[type='text'],
.general-campo textarea {
    width: 70%;
}
.general-botones {
    margin: 30px auto;
    text-align: center;
}
/******ICONOS******/
.icon-plotter {
    color:#888888;
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    height: 14px;
    width: 14px;
    box-shadow:
        inset 0 0 0 2px,
        2px 0 0 0,
        -2px 0 0 0;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent
 }
 .icon-impresion {
    color:#888888;
    background:
      linear-gradient(to left,
        currentColor 5px,transparent 0)
        no-repeat 0 10px/6px 2px,
      linear-gradient(to left,
        currentColor 5px,transparent 0)
        no-repeat 14px 10px/6px 2px,
      linear-gradient(to left,
        currentColor 5px,transparent 0)
        no-repeat 4px 4px/2px 2px;
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 24px;
    height: 14px;
    border: 2px solid transparent;
    border-bottom: 0;
    box-shadow:
      inset 0 2px 0,
      inset 2px 2px 0,
      inset -2px 2px 0,
      inset -2px 2px 0
}
.icon-impresion::after,
.icon-impresion::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    border: 2px solid;
    left: 4px
}
.icon-impresion::before {
    height: 6px;
    top: -4px
}
.icon-impresion::after {
    height: 8px;
    top: 8px
}
.icon-fusion {
    color:#888888;
    box-sizing: border-box;
    position: relative;
    transform: scale(var(--ggs,1));
    display: block;
    width: 18px;
    height: 18px
}
.icon-fusion::after,
.icon-fusion::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute
}
.icon-fusion::after {
    width: 10px;
    height: 10px;
    border: 2px solid;
    left: 4px;
    top: 4px
}
.icon-fusion::before {
    width: 8px;
    height: 8px;
    background: currentColor;
    box-shadow: 10px 10px 0
}

/*animacion para rotar flecha*/
.animation-rotate {
    transition-duration: 0.3s;
    transition-property: transform;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.animation-rotateReverse {
    transition-duration: 0.3s;
    transition-property: transform;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/* end animacion para rotar flecha*/

.nav-tabs .nav-link {
    color: black !important;
}

.ges-nav.nav{
    padding: 0px 2px;
}

.ges-nav .nav-link{
    cursor: pointer;
    font-size: 14px;
    border: solid 1px lightgray;
    margin-left:1px;
    margin-right:1px;
}

.ges-nav .nav-item{
    height: 30px;
    line-height: 15px;
    margin-bottom: 3px;
}

.ges-nav .nav-link.active{
    background-color:var(--rojoPrincipal) !important;
    color: white !important;
    border:none;
}

/*Estilo para los iconos de fontawesome*/
i:hover
{
    cursor:pointer;    
}
.fas, .fa, .far, .fab
{
   font-size:16px;  
   color:#888888;
}
.iconDisabled, .iconDisabled:hover
{
    color:#dedede !important;
}
i:hover 
{
    cursor:pointer;   
    color:Black; 
}
.fa-plus-circle
{
    color: #235698; 
}
.fa-plus-circle:hover
{
    color: #2B71CC; 
}
.fa-info-circle {
    color: #00059c;
}
.fa-info-circle:hover {
    color: #4346B1;
}
.fa-plus 
{
    color:#53C967;
}
.fa-plus:hover
{        
    color:#5CE073;
}
.fa-calendar-alt
{
   color:#5F8EC1;
}   
.fa-calendar-alt:hover
{
   color:#73ADEB;
}
.fa-search 
{
    color: #337FAD;   
}
.fa-search:hover 
{
    color: #3CA0DC;   
}
.fa-times 
{
    color: #C61D1D;
}
.fa-times:hover 
{
    color: #EE3A3A;
}
.fa-exclamation-triangle 
{
    color: #FFAD1E;
}
.fa-upload {
    color:white;
}
.fa-check-circle {
    color: var(--colorAzul);
}

.marcaTexto {
    color: #F50030;
}

a.tooltip {
    text-decoration: none;
}
a.tooltip:hover {
    position: relative;
}
a.tooltip span {
    display: none;
}
a.tooltip:hover span {
    border: #666 1px solid;
    padding: 5px 5px 5px 5px;
    display: block;
    z-index: 100;
    background: #ffffff;
    left: -50px;
    margin: 15px;
    position: absolute;
    top: 5px;
    text-decoration: none;
}
input[type="file"].docEscaneado {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
 }
label.docEscaneado {
    font-size: 12px;
    color: #fff;
    background-color: #335899;
    display: inline-block;
    transition: all .5s;
    cursor: pointer;
    padding: 3px 7px !important;
    text-align: center;
    border-radius: 4px;
}
label.docEscaneado:hover {
    background-color: #547DC4;
}
label.docEscaneado .fa-upload, .fa-upload:hover {
    color:white;
    padding:5px;
    font-size:12px;
}

/* productos internos */
#divBusqueda {
    width:550px;
}
#divBusqueda ul {
    list-style-type: none;
    margin:0px;
    padding:0px;
}
#divBusqueda ul li {
    padding: 13px 25px;
    border-bottom: 1px solid rgb(192, 192, 192);
    cursor:pointer;
}
#divBusqueda ul li:hover {
    background: rgb(228, 228, 228);
}
#divBusqueda ul li a{
    text-decoration: none;
    color:black;
}
.levelHolderClass i.floatLeft, .levelHolderClass i.floatRight {
    padding: 5px;
    color: white;
    font-size: 21px !important;
}
.tablePlastificados .plastificado {
    min-height: 44px;
}
.modal-header, .modal-header button {
    background: #c5c5c5;
    color:white;
}
.ges-botonStyle {
    letter-spacing: 1.5px;
    background: white;
    border:1px solid black;
    color:black;
    font-size: 14px;
    padding:8px 12px;
}
.ges-botonStyle:hover {
    background: black;
    color:white;
    outline:0px;
}
.ges-botonStyleColor {
    background: var(--rojoPrincipal) !important;
    border:1px solid var(--rojoPrincipal) !important;
    color:white;
}
.ges-botonStyleColor:hover {
    background: white !important;
    color: var(--rojoPrincipal) !important;
}
.ges-botonStyleColor2 {
    background: black;
    border:1px solid black;
    color:white;
}
.gesgraphCheck .fa-check {
    color: #B40404 !important;
}
.contenedor-prod-tintas {
    display: flex;
    width:180px;
    justify-content: space-between;
    margin-bottom:12px;
}
.prod-tintas-item {
    display: flex;
    flex-direction: column;
    align-items: center;    
}
.prod-tintas-item label {
    margin: 0px 5px !important;
}
/* Fin productos internos */



.ges-acciones 
{
    text-align:left !important;
}
.ges-acciones i 
{
    padding: 0px 6px;
}
.ges-acciones:hover 
{
    cursor:pointer;
}
.ges-acciones .caret 
{
    font-size: 20px;
    color: #888888;
    padding:7px;
}    
.ges-acciones .dropdown-menu 
{
    left:-84px !important;
    /*max-width: 12rem;*/
    min-width: 12rem;
}
.ges-acciones .dropdown-menu .div-option:hover  span
{
    color:#2C4C76 !important;
}
.ges-acciones .dropdown-menu .div-option:hover i 
{
    color:Black;
}
.ges-acciones .dropdown-menu  li 
{
    padding: 0px 8px 0px 8px;
}

.ges-acciones .dropdown-menu .div-option span 
{
    line-height: 33px;
}
.ges-botones {
    margin:30px;
}
.dashboard {
    display:flex;
    flex-direction: row;
    padding: 2rem;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.85),
            rgba(255, 255, 255, 0.85)
        ),
        url('./../pics/LogoGesgraphNuevoNegroRojo.png');

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: auto;
    height: 100%;
    gap:1.5rem;
}
@media screen and (max-width: 1200px)  {/* TABLET */
    .dashboard {
        flex-direction: column;
        align-items: center;
        width:100%;
    }
}
.dashboard__shortcuts {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap:1.5rem;
    align-items: flex-start;
    align-content: flex-start; 
    justify-content: flex-start;
}
.dashboard__shortcuts.has-favoritos {
    width: 60%;
    border-right: 2px solid #ede7f3;
}

@media screen and (max-width: 1200px)  {/* TABLET */
    .dashboard__shortcuts, .dashboard__shortcuts.has-favoritos {
        width: 100%;
        justify-content: center;
    }
    .dashboard__shortcuts.has-favoritos {
        border-right: 0px;
        border-bottom: 2px solid #ede7f3;
        padding-bottom: 30px;
    }
}
.dashboard__reports {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap:2rem;
    align-items: flex-start;
    align-content: flex-start; 
    justify-content: flex-start;
}
.dashboard__reports.has-sitios {
    width: 40%;
    justify-content: center;
}
.dashboard__shortcuts__titulo, .dashboard__reports__titulo {
    width: 90%;
    border-bottom: 1px solid rgb(223 223 223);
    color: rgb(73, 73, 73);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 auto;
}
.dashboard__shortcuts__item, .dashboard__reports__item {
    box-shadow: 0px 0px 13px 0px #d7d7d7;
    border-radius: 10px;
    background-color: #ffffffd6;
}

.dashboard__shortcuts__item {
    width: 14.5rem;
}
.dashboard__reports__item {
    width: 15.5rem;
}

@media screen and (max-width: 1200px)  {/* TABLET */
    .dashboard__reports, .dashboard__reports.has-sitios {
        width: 100%;
        justify-content: center;
    }
    .dashboard__shortcuts__item, .dashboard__reports__item {
        width:90%;
    }
}
.dashboard__shortcuts__item .item__header, .dashboard__reports__item .item__header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    font-weight: 500;
    color: white;
    letter-spacing: 1.5px;
    font-size: 15px;
    padding: 9px;
    display: flex;
    justify-content: space-between;
    cursor:pointer;
}
.dashboard__shortcuts__item .item__content, .dashboard__reports__item .item__content {
    border-bottom:1px solid #e7e7e7;
    width: 90%;
    margin: 0 auto;
    padding: 9px 20px;
    font-size: 14px;
    cursor: pointer;
    color: rgb(80, 80, 80);
}
.dashboard__shortcuts__item .item__content:hover, .dashboard__reports__item .item__content:hover{
    color: black;
}
.dashboard__reports__item .item__content {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
}
.dashboard__shortcuts__item .item__content:last-child, .dashboard__reports__item .item__content:last-child {
    border:0px;
}
.vencimientoEstado {
    color: white !important;
    letter-spacing: 1px;
    font-size: 12px !important;
    padding: 0px 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
.vencimientoPendiente {
    background-color: #e15151 !important;
}
.iconoVencimientoPendiente {
    color: #e15151 !important;
}
.vencimientoPagado {
    background-color: #93cdb0 !important;
}
.iconoVencimientoPagado {
    color: #93cdb0 !important;
}
.vencimientoDevueltoCarteDescontado {
    background-color: #bf9ad9 !important;
}
.iconoVencimientoDevueltoCarteDescontado {
    color: #bf9ad9 !important;
}
.etiquetaAzul{
    background-color: var(--colorAzulClaro);
    color:white;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 10px;
} 
.etiquetaAlta {
    background-color: var(--colorVerdeClaro);
    color: var(--negroPrincipal);
    font-weight: 500;
    padding: 5px 10px;
    width: 80px;
    display: block;
    text-align: center;
    border-radius: 10px;
}
.etiquetaBaja{
    background-color: var(--colorRojoClaro);
    color: var(--negroPrincipal);
    font-weight: 500;
    padding: 5px 10px;
    width: 80px;
    display: block;
    text-align: center;
    border-radius: 10px;
}