#filters-wrapper .mercury-form-group {
  max-width: 23%;
}

#filters-wrapper .mercury-form-date-input {
  padding: 6px 12px;
}

#filters-wrapper .mercury-form-select {
  padding: 8px 12px;
}

#filters-wrapper i {
  vertical-align: middle;
}

#filters-wrapper label {
  color: #2196F3;
}

#filters-wrapper .checkbox-dropdown-select-box {
  font-size: 1.4rem;
  background-color: #FFF;
  border: 1.5px solid #CCC;
  border-radius: 4px;
  padding: 10px 20px;
  margin: 10px 0 0 0;
}

#filters-wrapper .checkbox-dropdown-arrow {
  color: #2196F3;
}

#filters-wrapper .checkbox-option-icon {
  color: #2196F3;
}

#filters-wrapper .checkbox-option-text {
  font-size: 1.4rem;
  font-weight: 400;
  color: #2196F3;
}

#daily-avg-heatmap {
  margin-top: 70px;
  margin-left: 15px;
  overflow: visible;
}

#daily-15-min-heatmap {
  margin-top: 140px;
  margin-left: 15px;
  overflow: visible;
}

#daily-avg-heatmap .row-label,
#daily-avg-heatmap .col-label.
#daily-15-min-heatmap .row-label,
#daily-15-min-heatmap .col-label {
  fill: #656565;
}

#daily-avg-heatmap .axis-highlight,
#daily-15-min-heatmap .axis-highlight {
  font-weight: bold;
  fill: #2196F3;
}

#daily-avg-heatmap .bordered,
#daily-15-min-heatmap .bordered {
  stroke: #FFFF00;
  stroke-width: 2px;
}

#daily-graph-title,
#daily-15-min-graph-title {
  color: #0D47A1;
}

[id*=card-tooltip-] {
  position: absolute;
  text-align: center;
  /* width: 60px;
  height: 28px; */
  padding: 2px;
  font: 12px sans-serif;
  background: #444;
  border: 0px;
  border-radius: 8px;
  pointer-events: none;
  color: #FFF;
}

[id*=card-tooltip-] .tooltip-value {
  vertical-align: middle;
  text-transform: none;
  color: #FFF;
  padding: 4px;
  font-size: 1.3rem;
}

.legend {
  margin-top: 20px;
}