.cdv-eval-time .graph {
  display: table-cell;
  vertical-align: middle;
  font-weight: 300;
}
.cdv-eval-time .axis {
  font-size: 12px;
  font-weight: 400;
}
.cdv-eval-time .axis path,
.cdv-eval-time .axis line {
  fill: none;
  stroke: black;
}
.cdv-eval-time .axis .axis-label {
  fill: #777;
}
.cdv-eval-time .bar {
  opacity: 0.9;
}
.cdv-eval-time .bar.white {
  fill: white;
}
.cdv-eval-time .line {
  fill: none;
  stroke: black;
  stroke-width: 1.5px;
}
.cdv-eval-time .line.white {
  stroke: white;
}
.cdv-eval-time .area {
  fill: black;
  opacity: 0.65;
}
.cdv-eval-time .area.white {
  fill: white;
}
.cdv-eval-time .eval-guides {
  opacity: 0.75;
}
.cdv-eval-time .eval-guide-line {
  stroke: black;
  fill: none;
  stroke-dasharray: 9 4;
  stroke-width: 0.5px;
}
.cdv-eval-time .eval-guide-text {
  font-size: 10px;
  text-transform: uppercase;
}
.cdv-eval-time .interactive-layer {
  fill: none;
}
.cdv-eval-time .interactive-layer .guide {
  stroke: red;
  stroke-width: 1px;
  stroke-dasharray: 5 1;
}
.cdv-eval-time .interactive-layer .guide.hidden {
  display: none;
}
.cdv-eval-time.wrap {
  display: table;
  margin: 0 auto;
  text-align: center;
}
.cdv-heatmap .white rect {
  fill: white;
}
.cdv-heatmap .white .label {
  fill: black;
}
.cdv-heatmap .black rect {
  fill: black;
}
.cdv-heatmap .black .label {
  fill: white;
}
.cdv-heatmap .label {
  text-transform: lowercase;
  font-family: sans-serif;
  font-size: 12px;
}
.cdv-heatmap .heat-square {
  fill: red;
  opacity: 0.8;
}
.cdv-openings .arc {
  stroke: #fff;
  stroke-width: 0.5;
}
.cdv-openings .san {
  fill: #fff;
  font-size: 12px;
  pointer-events: none;
}
.cdv-move-paths .white rect {
  fill: white;
}
.cdv-move-paths .white .label {
  fill: black;
}
.cdv-move-paths .black rect {
  fill: black;
}
.cdv-move-paths .black .label {
  fill: white;
}
.cdv-move-paths .label {
  text-transform: lowercase;
  font-family: sans-serif;
  font-size: 12px;
}
.cdv-move-paths .move-path {
  fill: transparent;
  stroke: white;
  stroke-width: 1px;
  opacity: 0.1;
}