.timeline-pf-zoom-area {
  cursor: pointer;
  fill: transparent;
}

.timeline-pf-y-tick {
  fill: none;
  stroke: black;
  stroke-width: 1px;
}

.timeline-pf-axes {
  fill: #fafafa;
}

.timeline-pf-x-axis {
  fill: none;
  position: absolute;
  shape-rendering: crispEdges;
  stroke: #d1d1d1;
  stroke-width: 1px;
  z-index: 50;
}

.timeline-pf-x-axis text {
  fill: black;
  font-family: 'Open Sans';
  font-size: 12px;
  stroke: none;
}

.timeline-pf-label {
  font-weight: 400;
}

text.timeline-pf-drop {
  cursor: pointer;
  font-family: 'FontAwesome';
  font-size: 10px;
  opacity: .7;
  stroke: none;
  text-rendering: auto;
}

text.timeline-pf-drop:hover {
  font-size: 21px;
  font-weight: bold;
  paint-order: stroke;
}

text.timeline-pf-event-group {
  font-size: 18px;
}

.timeline-pf-grid {
  cursor: all-scroll;
  shape-rendering: crispEdges;
  stroke: #d1d1d1;
}

.timeline-pf-graph-body .timeline-pf-line {
  height: 20px;
  padding: 10px;
}

.timeline-pf-timestamp text {
  fill: #fff;
}

.timeline-pf-timestamp rect {
  fill: #000;
  opacity: .7;
}

.timeline-pf-marker {
  pointer-events: none;
}

.timeline-pf-brush .extent {
  fill: #0088ce;
  fill-opacity: .25;
  shape-rendering: crispEdges;
  stroke: none;
}

.timeline-pf-graph-body .timeline-pf-line {
  height: 20px;
  padding: 10px;
}

.timeline-pf-zoom {
  position:absolute;
}

.timeline-pf-context .timeline-pf-bar {
  fill: #bbbbbb;
  shape-rendering: crispEdges;
}

.timeline-pf-slider {
  padding: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.timeline-pf-grid-stripes rect {
  fill: #fafafa;
  shape-rendering: crispEdges;
}

 .timeline-pf-grid-stripes line {
  shape-rendering: crispEdges;
  stroke: #d1d1d1;
  stroke-width: 1px;
}