.graph-countgraph .axis-group text {
  font-size: 1.5em;
  fill: #222A2E;
  font-weight: 400;
}

/* X Axis */

.graph-countgraph .axis-x .tick line {
  display: none;
}
.graph-countgraph .axis-x .tick text {
  transform: translate(0, 10px);
}
.graph-countgraph .axis-x .domain {
  display: none;
}

/* Y Axis */

.graph-countgraph .axis-y .tick line {
  stroke-dasharray: 2 6;
  stroke-linecap: square;
  stroke-width: 1px;
  stroke: #B4B8BF;
}
.graph-countgraph .axis-y .tick text {
  transform: translate(-20px, 0);
}
.graph-countgraph .axis-y .domain {
  display: none;
}

/* Graph */

.graph-countgraph .graph-path {
  fill: #cbcfd6;
  shape-rendering: crispEdges;
}

/* Flag lines */

.graph-countgraph .flag .flag-line {
  stroke: #3663E5;
}
.graph-countgraph .flag .flag-line-label {
  fill: #fff;
  transform: translate(10px, 20px);
}
.graph-countgraph .flag .flag-line-label-background {
  fill: #3663E5;
}

/* Overlay marker line (the line with the circle that tracks the mouse cursor) */

.graph-countgraph .overlay-line path {
  stroke: #B4B8BF;
  stroke-width: 1;
}

.graph-countgraph .overlay-line circle {
  fill: #3663E5;
}

/* Overlay marker dialog (the popup with time / count in it) */

.graph-countgraph .overlay-dialog {
  transition: transform .08s;
}

.graph-countgraph .overlay-dialog-shadow {
  fill: #B4B8BF;
  opacity: 0.35;
}

.graph-countgraph .overlay-dialog-bg {
  fill: #FFF;
  stroke-width: 0.5;
  user-select: none;
}
.graph-countgraph .overlay-dialog-bg-primary {
  fill: #3663E5;
  user-select: none;
}

.graph-countgraph .overlay-dialog-time {
  fill: #FFF;
  font-size: 16px;
  font-weight: 600;
}

.graph-countgraph .overlay-dialog-count {
  font-size: 16px;
  fill: #3663E5;
  font-weight: 600;
}