#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;
}

#depth-profile-chart {
  margin-top: 45px;
  margin-left: 15px;
  overflow: visible;
}

#depth-profile-chart .row-label,
#depth-profile-chart .col-label {
  fill: #656565;
}

#depth-profile-chart .axis-highlight {
  font-weight: bold;
  fill: #2196F3;
}

#depth-profile-chart .bordered {
  stroke: #FFFF00;
  stroke-width: 2px;
}

[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;
  color: #FFF;
  padding: 4px;
  display: inline-block;
  font-size: 1.3rem;
}

.legend {
  margin-top: 20px;
}

.grid line {
  stroke: #d3d3d3;
  stroke-opacity: .7;
  shape-rendering: crispEdges;
}

.grid path {
    stroke-width: 0;
}

.line { fill: none; stroke-width: 2px; }

.context-menu {
  opacity: 0;
  background-color: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #444;
  position: absolute;
  margin: 5px;
  padding: 15px;
  box-shadow: 0 2px 4px -1px rgba(0,0,0,.2);
}

.tooltip-card {
  opacity: 0;
  background-color: rgba(20,20,20,0.9);
  color: #FFF;
  border-radius: 4px;
  border: 1px solid #444;
  position: absolute;
  margin: 5px;
  padding: 15px;
  box-shadow: 0 2px 4px -1px rgba(0,0,0,.2);
}

.ts-tooltip-title {
  font-size: 1.45rem;
  margin-bottom: 5px;
}

.ts-tooltip-value {
  font-size: 1.45rem;
  margin-bottom: 5px;
}

.ts-tooltip-legend,
.ts-tooltip-value {
  display: inline-block;
}

.ts-tooltip-legend {
  vertical-align: middle;
  width: 25px;
  height: 4px;
  margin-right: 5px;
}

#daily-avg-stats {
  width: 90%;
  margin-right: 5%;
}