/*
body {
  padding: 40px;
}
label {
  display: inline-block;
  width: 10em;
}
*/

#plume_plot {
 height: 600px;
}

svg {
  /*border: 1px solid black;*/
  overflow: visible !important;
}

path.line {
  fill: none;
  stroke: #666;
  stroke-width: 1.5px;
}

path.future {
  stroke: red;
  fill: none;
}
path.historical {
  stroke: blue;
  fill: none;
}
path.historicalMean, path.futureMean {
  stroke: silver;
  fill: none;
  stroke-width: 2px;
}
path.historical-10, path.historical-90, path.future-10, path.future-90 {
  stroke: silver;
  fill: none;
}
.axis {
  shape-rendering: crispEdges;
  font-family: sans-serif;
  font-size: 0.8em;
}

.x.axis line {
  stroke: #fff;
  file: none;
}

.x.axis .minor {
  stroke-opacity: .5;
}

.x.axis path {
  stroke: #000;
  fill: none;
}

.y.axis line, .y.axis path {
  fill: none;
  stroke: #000;
}

path.area {
  fill: #F0F0F0; 
  opacity: 0.7; 
}

.grid .tick line {
  stroke: lightgrey;
  opacity: 0.9; 
}

g.grid path {
  stroke-width: 0;
}

g.grid line.zero {
  stroke: silver;
  stroke-width: 2;
  /*opacity: 1;*/
}

chart.svg {
  overflow: visible;
}