.chart-svg {
  font-family: "Open Sans", apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}

.x-axis .domain,
.y-axis .domain {
	display: none;
}

.x-axis line,
.y-axis line {
	stroke: #777;
}

.y-axis line {
	stroke-width: 1;
}

.x-axis text,
.y-axis text {
	fill: #222;
  font-size: 13px;
}

.annotation line {
  stroke: #777;
  stroke-dasharray: 4 6;
}

.annotation path {
  fill: #777;
}

.annotation text {
  fill: #222;
}

text.axis-label {
    text-anchor: middle;
    font-size: 12px;
    fill: #222;
    font-weight: 600;
}

.bar rect {
	fill: #999;
  stroke: #fff;
}

.bar text {
	fill: #333;
}

.bar .count {
	font-size: 14px;
	font-weight: bold;
	fill: #222;
}

.bar .count.bg {
  fill: #fff;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-linecap: butt;
  stroke-width: 3;
}

.de-highlight.bar {
	opacity: 0.3;
}

.de-highlight.line {
	opacity: 0.2;
}

.de-highlight .line-halo{
	stroke-opacity: 0.0;
}

.bar .cause,
.cause-group .cause {
	font-size: 14px;
	fill: #222;
}

.bar .cause.bg,
.cause-group .cause.bg {
  fill: #fff;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-linecap: butt;
  stroke-width: 4;
}

.line-group .bg {
	fill: #fff;
	stroke: #000;
	opacity: 0.9;
}

.line path {
	fill: none;
	stroke: #aaa;
	stroke-width: 2;
}

.line .line-halo {
	stroke: #fff;
	stroke-width: 4;
	stroke-opacity: 1.0;
	fill: none;
}

.line-label text {
  font-size: 12px;
  font-weight: 600;
}

.line-label text.fg {
  fill: #333;
  stroke: none;
}

.line-label text.bg {
  fill: #fff;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-linecap: butt;
  stroke-width: 2;
}

.line.highlight text {
	fill-opacity: 1.0;
}

.btn .description {
  margin-left: 0.3em;
}

.btn:hover {
  text-decoration: none;
}