/* indicator base colors
 */
.indicator {
  /*
  height: 50px;
  width: 100px;
  */
  /* background-color: #555; */

  opacity: 1;
  fill: whitesmoke;
  fill-opacity: 0.1;
}

/* map the color names (models.py::Color) to html colors
 * NB: duplicated see highcharts-point below
 */
.indicator.blue {
  fill: blue;
}
.indicator.light_blue {
  fill: dodgerblue;
}
.indicator.grey_light_blue {
  fill: lightsteelblue;
}
.indicator.lightyellow {
  fill: lightyellow;
}
.indicator.yellow {
  fill: lemonchiffon;
}
.indicator.bright_yellow {
  fill: yellow;
}
.indicator.orange {
  fill: goldenrod;
}
.indicator.bright_orange {
  fill: orange;
}
.indicator.dark_orange {
  fill: orangered;
}
.indicator.red {
  fill: red;
}
.indicator.purple {
  fill: purple;
}
.indicator.green {
  fill: lightgreen;
}



.indicator-text {
  padding-top: 10px;
  /* text-muted by default */
  color: #9e9e9e!important;
}

/* toggling the indicators
 */
.indicator-text.enabled {
  padding-top: 10px;
  color: var(--bs-body-color)!important;
  font-weight: 700!important;
}

.indicator.enabled {
  fill-opacity: 1;
}

#chart {
    height: 250px;
}
/* barchart colors
 */
.highcharts-point {
    stroke: none;
}


.highcharts-point.blue {
  fill: blue;
}
.highcharts-point.light_blue {
  fill: dodgerblue;
}
.highcharts-point.grey_light_blue {
  fill: lightsteelblue;
}
.highcharts-point.lightyellow {
  fill: lightyellow;
}
.highcharts-point.yellow {
  fill: lemonchiffon;
}
.highcharts-point.bright_yellow {
  fill: yellow;
}
.highcharts-point.orange {
  fill: goldenrod;
}
.highcharts-point.bright_orange {
  fill: orange;
}
.highcharts-point.dark_orange {
  fill: orangered;
}
.highcharts-point.red {
  fill: red;
}
.highcharts-point.purple {
  fill: purple;
}
.highcharts-point.green {
  fill: lightgreen;
}