@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
#filtro {height:100px}
#filtro * {font-family:"Lato",Arial,Helvetica,sans-serif; }
#filtro select, #filtro input {width:inherit; display:inline}
#viz { max-width:100%;height:600px; }
#viz * {font-family:"Montserrat",Arial,Helvetica,sans-serif; }
#viz .d3plus_label {text-transform:uppercase}
#viz1, #viz2{ width:48%;max-width:48%;height:600px; float:left; margin-right:5px;}
#viz1 .d3plus_label,#viz2 .d3plus_label {text-transform:uppercase}


#grafico-gastos {margin:40px 0 80px 0; display:block}
#extras {margin-top:40px}
#extras h4 {text-align:center; color:#666; margin-bottom:24px}
#partidas, #tablaDetalle {float:left; font-size:14px; font-family:"Lato",Arial,Helvetica,sans-serif;}
#partidas {margin-right:30px; margin-bottom:30px}
#partidas, #tablaDetalle {background:#f1f1f1;  }
#partidas td { background:#fff; padding:6px; vertical-align:top; font-size:14px; border:1px solid #ccc}
#partidas th {border:1px solid #ccc}
#tablaDetalle td{ background:#fff; border: 1px solid #ccc}
#tablaDetalle th{border: 1px solid #ccc}

#tablaDetalle tr:nth-child(2n+1) {background-color: transparent}
#tablaDetalle .des  {background-color:#e1e1e1}
#tablaDetalle td { padding:6px; vertical-align:top;}

#partidas {
	width: inherit;
}
#partidas th,#tablaDetalle th, .stablaDetalle th { padding:6px; background:#f2f2f2}
#tablaDetalle td.des {position:relative; padding:20px 15px}

.stablaDetalle {  font-size:12px; background-color:#fff;position:relative; top:0; left:0; 
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
}
.stablaDetalle td {font-size:13px; background:#fff; padding:6px; vertical-align:top; }
.stablaDetalle tr:nth-child(2n+1)  td {background-color:#f2f2f2}
.stablaDetalle th.masDatos {color:#e50102; cursor:pointer; font-weight:bold}
.stablaDetalle th.masDatos:hover {color:#000}
.stablaDetalle td.ocData {background-color:#eee}
.stablaDetalle td.ocData p {margin-bottom:0px; text-align:center}
.stablaDetalle td.ocData a {color:#395ABD; font-weight:bold; text-decoration:none}
.stablaDetalle td.ocData a:hover {color:#000; font-weight:bold; text-decoration:underline}

div.espera { width:100%; height:100%; position:absolute; top:0; left:0; z-index:400; background:rgba(0,0,0,0.1); display:none}
div.espera p {text-align:center; margin:40px auto; background: rgba(255, 255, 255, 1); padding:20px  0px; width:350px}
#bgEspera {width:100%; height:100%; position:absolute; top:0; left:0; z-index:390; background:rgba(255,255,255,0.4); display:none}


#tablaDetalle span {color:#E50102; cursor:pointer}
#tablaDetalle span:hover {color:#000}

.den {color:#E50102; cursor:pointer}
.den:hover  {color:#000; text-decoration:underline}
.monto {text-align:right}
#detallePartidas {  max-width:980px; min-height:90px; float:left }

.oculto {  display: none}
.visible {  display:table-row}
.visible td{ padding:6px 20px}

#filtro {  margin-bottom: 20px; padding: 6px 0; }

#wnd {width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:2000; display:none; background:rgba(0,0,0,0.5);}
#proceso {background:rgba(255,255,255,1); min-width:50%; min-height:50%; max-width:1000px; max-height:75%; margin:10% auto; font-size:12px; padding:25px;
-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); 
}
#proceso table {margin:20px auto}
#closewnd {text-align:right; cursor:pointer; float:right}
#tablaResultados { font-size:11px; font-family:Arial, Helvetica, sans-serif}


/* TIPO DE GRAFICO */
#arbol {background:url('/presupuesto/img/i-arbol.png') 0px -66px; cursor:pointer }
#bubble {background:url('/presupuesto/img/i-burbuja.png') 0px -66px; margin: 0px 15px; cursor:pointer;  margin-top:-10px}
#pie {background: url('/presupuesto/img/i-torta.png') 0px -66px; cursor:pointer }
#arbol:hover {background-position: 0px -132px }
#bubble:hover {background-position: 0px -132px;}
#pie:hover {background-position: 0px -132px }
#arbol.activo {background-position: 0px 0px }
#bubble.activo {background-position: 0px 0px;}
#pie.activo {background-position: 0px 0px }


#filtro div.tit { text-align:center; color: #666; font-size:13px; float:left; line-height:24px; margin-right:40px; background-color:yellow; background:url('/presupuesto/img/bg00.png') repeat-x 0px 3px }
div.tit span {background-color:#fff; padding:0 6px}
#filtro input  {background-color:#BDC0C1; padding:10px 14px; color: #444; border:0; border-radius:3px; font-weight:bold; cursor:pointer; font-size:15px; font-family:"Lato",Arial,Helvetica,sans-serif; text-transform: none}
#filtro input:hover {background-color:#eee; color:#000; text-shadow:none}
#filtro input.activo { background-color:#E40303; color:#fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);}
#slanio {font-size:24px; padding:0px 10px; text-align:right; color: #333; margin:0; border:1px solid #eee; font-family:"Lato",Arial,Helvetica,sans-serif}

.tipo div {width:49px; height:51px; display:inline-block;}
.tipo p {margin:0px}