#barchart {
	background-color: #f5f6c8;
}

.inner {
	fill: #fbfcea;
	stroke-width: 1;
	stroke: #4c4c4c;
}

.bar {
	fill: #7e85b8;
/*
	stroke: #4c4c4c;
	stroke-width: 1;
*/
}

.bar:hover {
  fill: brown;
}

.tooltip {
  color: #222; 
  background: #fff; 
  padding: .5em; 
  text-shadow: #f5f5f5 0 1px 0;
  border-radius: 2px; 
  box-shadow: 0px 0px 2px 0px #a6a6a6; 
  opacity: 0.9; 
  position: absolute;
  font-size: 14px;
  font-family: sans-serif;
  font-weight: normal;
  vertical-align: middle;
}

.axis text {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis g.tick line {
	visibility: hidden;
}

.x.axis path {
  display: none;
}

.label {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
  fill: #4c4c4c;
}

.horizontalGrid {
	stroke: lightgrey;
	stroke-width: 1px;
	opacity: 0.7;
}

.grid .tick {
	stroke: lightgrey;
	opacity: 0.7;
}
.grid path {
	stroke-width: 0;
}