.legend-con {
  cursor: pointer;
  font-family: Arial;
  font-size: 12px;
  color: grey;
  display: inline-block;
}
.legend-con ul {
  list-style: none;
}
.legend-con li {
  display: flex;
  align-items: left;
  margin-bottom: 2px;
}

.legend-con li.hidden{
  text-decoration: line-through;
}

.legend-con li span {
  display: inline-block;
}
.legend-con li span.chart-legend {
  width: 40px;
  height: 12px;
  margin-right: 5px;
}

.legendSeleccionado {
  text-decoration:line-through;
}

.containerGrafica {
  width: auto;
  margin: auto;
}

canvas {
	margin: auto;
}

.centradoSelectTipoGrafica{
  display:block;
  margin-left: auto;
  margin-right: auto;
}

.tipoGrafica {
	font-size:20px;
}
.btnGrafica{
	background-color: #fff;
	color: black; 
}

.graficaSeleccionada {
	background-color: #666666; 
	color: white;	
}

.checkVariable{
	text-align: left !important;
	margin-left: 10px;
	padding-left: 10px;
}

.checkVariable label {
    padding: 0px 10px;
    font: inherit;
    color: gray;
    cursor: pointer;
}

.checkVariable input:checked  + label{
 font-family:'Open Sans',sans-serif;
 font-weight:600;
}