crayon.css

.chart-container {
  fill: none;
  fill-rule: nonzero;
  stroke: #e2e2e2;
  stroke-opacity: 1;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
}

.legend-container {
  fill: #f8f8f8;
  fill-opacity: 1;
  fill-rule: nonzero;
  stroke: #e2e2e2;
  stroke-opacity: 1;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  stroke-width: 5px;
}
.legend-box {
  cursor: pointer;
}
.legend-rect {
  fill: #fdfdfd;
  fill-opacity: 1;
  fill-rule: nonzero;
  stroke: #dddddd;
  stroke-width: 1px;
  font-size: 10px;
}
.legend-rect.disabled {
  fill: #cdcdcd;
}
.legend-line {
  fill: none;
  stroke: #000;
  stroke-width: 3px;
}
.legend-text {
  font: 11px sans-serif;
  fill: #707070;
}

.tooltip path {
  fill: #fff;
  stroke: #000;
}
.tooltip text {
  font: 10px sans-serif;
  font-weight: bold;
}
  
.line-chart {
  fill: none;
  stroke: #000;
  stroke-width: 1.5px;
}
.line-axis text {
  fill: #a5a5a5;
  font: 9px sans-serif;
}
.line-axis path {
  fill: none;
  stroke: #ccc;
  stroke-width: 1px;
}
.line-axis line {
  fill: none;
  stroke: #ccc;
  stroke-width: 0.5px;
}
.y.line-axis line {
  stroke-opacity: 1;
  stroke-dasharray: 3, 3;
  stroke-dashoffset: 0;
}
.y.line-axis line.zero {
  stroke: none;
}

.sparkline-chart {
  fill: none;
  stroke-width: 1px;    
}
.x.sparkline-axis path, .y.sparkline-axis path {
  fill: none;
  stroke: #ccc;
  stroke-width: 1px;
}

.bar-chart {
  stroke-width: 1px;
}
.bar-axis text {
  fill: #a2a2a2;
  font: 9px sans-serif;
}
.bar-axis path {
  fill: none;
  stroke: #ccc;
  stroke-width: 1px;
}
.x.bar-axis path.domain {
  stroke: none;
}
.bar-axis line {
  fill: none;
  stroke: #ccc;
  stroke-width: 0.5px;
}
.y.bar-axis line {
  stroke-opacity: 1;
  stroke-dasharray: 3, 3;
  stroke-dashoffset: 0;
} 
.y.bar-axis line.zero {
  stroke: none;
}