body {
  font: 62.5% "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

div.fila_menu_sias {
    margin-left:1rem;
}

.img_sia {
    /*
    margin-top:20px;
    margin-bottom:20px;
    */
    max-width:50px;
    max-height:50px;
}

#row_sias .sia p {
    font-size: 1rem;
    font-weight: bold;
    margin:0;
    padding:0;
} 

div.sia {
    text-align: center;
    padding:0;
    margin:0;
    border:2px solid white;
}

div.sia.selected {
    border:2px solid var(--DARK_GREEN);
}

.sia.PIL p {
    color: #6d451f;
    margin:0;
}

.sia.FOOD p {
    color: #c7db96;
    margin:0;
}

.sia.MIG p {
    color: #635f60;
    margin:0;
}

.sia.ART p {
    color: #f8b445;
    margin:0;
}

.sia.RES p {
    color: #b28252;
    margin:0;
}

.sia.LAND p {
    color: #0d9142;
    margin:0;
}

#menu .row .col {
  width:99vw;
  height:20px;
}
#menu .nav-link {
  padding:0;
  font-size:1rem;
}
#menu .row {
  margin-left:2rem;
}

h1.titulo {
  margin-top:20px;
  margin-left:20px;
  font-size:18px;
}

/* .col, .col-6 {
 padding:10px;
} */

/*
#row-knobs div.col {
  max-width:150px;
}
*/

#row-knobs p {
  font-size: .8rem;
  text-align: center;
  margin:0;
}

#row-knobs p.label_capital {
    font-size: .9rem;
    font-weight:bold;
}

#row-knobs p.label_kpis {
    font-size: .9rem;
    font-weight:bold;
}

div.clase_knob {
    padding:0; 
    max-height:70px;
}

#row-ppal {
  /*height:75vh;*/
  margin-bottom:5px;
}

#graph1, #graph2 {
  height: 35vh;
}
#graph3 {
  height: 20vh;
}

#diagram {
  border:1px solid gray;
  background-color: lightgray;
}
#form_system_dynamics {
  /*margin-top:2rem;*/
  background-color: white;
}

button.boton_mostrar_kpis {
    border:1px solid black;
    height:25px;
    padding:0;
    padding-left:5px;
    padding-right:5px;
}

button.boton_mostrar_kpis:hover {
    border: 2px solid black;
    background-color:white;
    color:black;
}
input.form-control, span.input-group-text {
    height:25px !important;
}
hr {
    border-top: 2px solid black;
}

#budget_total {
    font-size:1rem;
    text-align: center;
    margin-bottom:0;
}

div.col.instrucciones  {
    margin-bottom:10px;
}

.instrucciones p {
    font-size:1rem;
    text-align:center;
    padding:0;
    margin:0;
}
