/* Zone "LinearChart" */
#svg
{
  display: block;
  margin: auto;
}

#chart
{
  border: 1px solid #DEDEDE;
}

.line
{
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.horizontalGrid
{
  fill: none;
  shape-rendering: crispEdges;
  stroke: lightgrey;
  stroke-width: 1px;
}

.verticalLine
{
  fill: none;
  shape-rendering: crispEdges;
  stroke: lightgrey;
  stroke-width: 1px;
}

.chart-tooltip
{
  position: absolute;
  opacity: 0.8;
  z-index: 1000;
  text-align: left;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 8px;
  color: #fff;
  background-color: #000;
  font: 12px sans-serif;
  max-width: 300px;
  height: 53px;
}

/* Zone "BarChart" */
/*
#svg
{
  display: block;
  margin: auto;
}

#chart
{
  margin-top: 20px;
  border: 1px solid #DEDEDE;
}

.bar
{
  fill: steelblue;
}

  .bar:hover
  {
    fill: #23415A;
  }

.chart-tooltip
{
  position: absolute;
  opacity: 0.8;
  z-index: 1000;
  text-align: left;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 8px;
  color: #fff;
  background-color: #000;
  font: 12px sans-serif;
  max-width: 300px;
}
*/

/* Zone "FirstStep" */
/*
#svg1, #svg2
{
  height: 75px;
}

#svg3, #svg4, #svg5, #svg6, #svg7
{
  height: 100px;
}

#svg8
{
  height: 150px;
}
*/