.timeline-chart {
  width: 90%;
  background: white;
  opacity: 0.9;
  border-radius: 5px;
  border: 1px solid #B9B9B9;
}

.timeline-chart .axis path {
  fill: none;
  stroke: none; }

.timeline-chart line {
  stroke: #B9B9B9; }

.timeline-chart .vertical-marker {
  stroke-width: 1; }

.timeline-chart line.vertical-marker.now {
  stroke: #c00; }

.timeline-chart rect, .timeline-chart rect.chart-bounds {
  fill: transparent; }

.timeline-chart rect.chart-bounds:hover, .timeline-chart rect.interval:hover {
  cursor: -webkit-grab;
  cursor: grab; }

.timeline-chart rect.chart-bounds:active, .timeline-chart rect.interval:active {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.timeline-chart .dot:hover {
  cursor: pointer; }

.timeline-chart .interval-text {
  pointer-events: none; }

.timeline-chart rect.interval {
  ry: 5;
  rx: 5;
  fill: black;
  stroke: white; }

/* Override d3tip */

.d3-tip {
    background: white;
    color: black;
}