/* Borrowed from:
    http://bl.ocks.org/rkirsling/33a9e350516da54a5d4f
*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);

svg {
  font: 14px 'Open Sans';
  font-weight: 500;

  --chart-dark: rgba(26, 66, 103, 1.0);
  --chart-body-blue: rgba(47, 158, 183, 1.0);
  --chart-light-blue: rgba(148, 230, 247, 1.0);
  --chart-light-orange: rgba(255, 131, 13, 0.5);
  --chart-dark-orange: rgba(255, 131, 13, 0.8);
  --chart-red: rgba(205, 57, 82, 0.8);
}

.axis path,
.axis line {
  fill: none;
  stroke: var(--chart-dark);
  shape-rendering: crispEdges;
}

.axis text {
  fill: var(--chart-dark);
  font-size: 1.4em;
}

.axis text.data {
  fill: white;
}

.axis .tick line {
  stroke: rgba(0, 0, 0, 0.1);
}

.area {
  stroke-width: 1;
}

.area.transfer,
.legend .transfer {
  fill: var(--chart-light-blue);
  /*
  stroke: rgba(94, 70, 38, 0.8);
  */
}

.area.setup,
.legend .setup {
  fill: var(--chart-dark);
  stroke: var(--chart-dark);
}

.area.client,
.legend .client {
  /*
  fill: rgba(140, 190, 178, 0.8);
  stroke: rgba(64, 87, 81, 0.8);
  */
  fill: var(--chart-body-blue);
  /*
  stroke: rgba(89, 36, 36, 0.8);
  */
}

.budget-line {
  fill: none;
  stroke: var(--chart-dark);
  stroke-dasharray: 4;
  stroke-width: 2;
}

.median-line,
.legend .median-line {
  fill: none;
  /*
  stroke: rgba(92, 75, 81, 1.0);
  */
  stroke: var(--chart-dark);
  stroke-width: 2;
  /*
  shape-rendering: geometricPrecision;
  */
}

.legend .legend-bg {
  fill: rgba(0, 0, 0, 0.4);
  stroke: rgba(0, 0, 0, 0.5);
}

/*
.marker .marker-bg,
.marker path {
  fill: rgba(255, 127, 0, 0.8);
  stroke: rgba(255, 127, 0, 0.8);
  stroke-width: 3;
}
*/

.marker .marker-bg,
.marker path {
  fill: rgba(0, 153, 51, 0.8);
  stroke: rgba(0, 153, 51, 0.8);
  fill: rgba(140, 190, 178, 1);
  stroke: rgba(64, 87, 81, 0.8);
  stroke-width: 2;
}

.marker path {
  fill: none;
}

.legend text,
.marker text {
  fill: white;
}

.marker text {
  text-anchor: middle;
}

#connCountValue {
  width: 2em;
}