/* Timeline */
/* Timeline decoration: Grid */
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.grid-line {
  stroke: #ccc;
  stroke-width: 1;
  stroke-dasharray: 3,3;
}

/* Timeline decoration: Labels */
.label {
  font-size: 12px;
}
.time-label {
  font-family: sans-serif;
  font-size: 12px;
  fill: black;
}
.value-text {
  font-size: 10px;
  text-anchor: middle;
  dominant-baseline: middle;
}

/* Timeline decoration: Values */
.hexagon {
  stroke: black;
  stroke-width: 1px;
  color: green;
}
.bool-background {
  opacity: 0.3;
}

/* Toolbar buttons */
button {
  width: 100px !important;
  height: 48px !important;
  border-radius: 24px !important;
  background-color: #f1316b !important;
  color: #fff !important;
  margin-top: 45px !important;
  border:none !important;
  font-size: 12px !important;
}