@font-face {
  font-family: 'Karla', sans-serif;
  src: url("https://fonts.googleapis.com/css?family=Karla") format("opentype");
  font-weight: 300; }

.britechart {
  font-family: 'Karla', sans-serif;
  -webkit-font-smoothing: antialiased; }

.vertical-grid-line,
.horizontal-grid-line {
  fill: none;
  shape-rendering: crispEdges;
  stroke: #EFF2F5;
  stroke-width: 1;
  stroke-dasharray: 4, 4; }

.extended-y-line,
.extended-x-line {
  fill: none;
  shape-rendering: crispEdges;
  stroke: #D2D6DF;
  stroke-width: 1; }

.tick line {
  fill: none;
  stroke: #ADB0B6;
  stroke-width: 1;
  shape-rendering: crispEdges; }

.tick text {
  font-size: 1rem;
  fill: #666A73;
  padding: 12px; }

.y-axis-label,
.x-axis-label {
  font-size: 1rem;
  fill: #ADB0B6; }

.vertical-marker-container .vertical-marker {
  stroke: #D2D6DF;
  stroke-width: 1;
  fill: none; }

.vertical-marker-container .data-point-highlighter {
  fill: #ffffff;
  stroke-width: 2; }

.tooltip-background {
  fill: rgba(255, 255, 255, 0.97);
  stroke: #D2D6DF;
  stroke-width: 1;
  border-radius: 2px; }

.britechart-legend .legend-line.is-faded .legend-entry-name,
.britechart-legend .legend-line.is-faded .legend-entry-value,
.britechart-legend .legend-line.is-faded .legend-circle {
  opacity: 0.97;
  transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out; }

.britechart-legend .legend-line.is-faded .legend-entry-name,
.britechart-legend .legend-line.is-faded .legend-entry-value,
.britechart-legend .legend-line.is-faded .legend-circle {
  opacity: 0.2; }

.bar-chart .bar {
  shape-rendering: crispEdges; }

.bar-chart .y-axis-group .tick text {
  font-size: 14px; }

.bar-chart .axis path {
  display: none; }

.bar-chart .tick line {
  display: none; }

.bar-chart .adjust-upwards {
  transform: translate(0, -10px); }

.bar-chart .percentage-label {
  fill: #666A73; }

.line-chart .topic .line {
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round; }

.line-chart .x.axis path,
.line-chart .y.axis path {
  display: none; }

.line-chart .month-axis path {
  display: none; }

.line-chart .masking-rectangle {
  fill: #ffffff; }

.sparkline {
  stroke: #ADB0B6;
  stroke-width: 1;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round; }
  .sparkline .line {
    stroke: url(#sparkline-line-gradient);
    stroke-width: 4; }
  .sparkline .sparkline-circle {
    fill: #ff584c;
    stroke-width: 0;
    display: none; }
  .sparkline .sparkline-area {
    fill: url(#sparkline-area-gradient);
    stroke: none; }

.stacked-area .dot {
  display: none; }

.stacked-area .y-axis-group path {
  display: none; }

.stacked-area .x-axis-group path {
  display: none; }

.step-chart .step {
  fill: #8FDAD8;
  stroke-width: 0;
  shape-rendering: crispEdges; }
  .step-chart .step:hover {
    fill: #39C2C9; }

.step-chart .axis path {
  display: none; }

.step-chart .tick line {
  display: none; }

.brush-chart .brush-area {
  fill: url("#brush-area-gradient"); }

.brush-chart .extent.brush-rect {
  stroke: #fff;
  stroke-width: 3;
  fill: rgba(69, 73, 78, 0.05); }

.brush-chart .axis path {
  display: none; }