#depth-profile-chart {
  margin-top: 65px;
  margin-left: 0;
  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;
}

#depth-profile-chart .row-label,
#depth-profile-chart .col-label,
#depth-profile-chart .legend text {
  font-size: 1.3rem;
}

[id*=card-tooltip-] {
  position: absolute;
  text-align: center;
  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;
}