.chart {
	position: relative;
	overflow: hidden;
}
.chart ul.segments{
  list-style: none;
  margin-left:60px;
}
.chart ul.segments li{
  display: inline-block;
  padding-right: 20px;
  padding-left: 5px;
  cursor: pointer;
}
.chart ul.segments li:hover{
  opacity:.7;
}
.chart ul.segments.disabled li:hover{
  opacity:1;
}
.chart ul.segments.disabled li{
	cursor: auto;
}
.chart ul.segments li span{
  width: 18px;
  display: inline-block;
  margin-right: 5px;
  height: 18px;
  vertical-align: middle;
  margin-bottom: 2px;
  border:1px solid;
}
.chart ul.segments li.disabled span{
  background-color: #FFF !important;
}
.chart ul.segments li.disabled img{
  visibility : hidden;
}
.chart ul.segments li span img{
  vertical-align: top;
  margin-top: 1px;
  margin-left: 1px;
}
.chart ul.segments li strong{
  font-weight:bold;
}
.chart .unit {
	position: absolute;
	top: 12px;
	right: 19px;
}
.chart svg .axis-quater text{
	font-weight:bold;
}
.chart svg .axis line,
.chart svg .axis path {
  display: none;
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.chart svg rect:hover {
  opacity: 0.9;
}
.chart svg rect.primary {
  fill: #74C6F3;
}
.chart svg rect.seg {
  stroke-width: 1;
  stroke: #FFFFFF;
}
.chart svg path.tick {
  shape-rendering: crispEdges;
  stroke-width: 1;
  stroke: #D9DDE2;
  fill: none;
}
.chart svg path.line {
  stroke-width: 2;
  stroke: #74C6F3;
  fill: none;
}
.chart svg circle {
  r: 4;
  fill: #74C6F3;
}
.chart.pie svg {
  overflow: visible;
}
.chart.pie svg text.title {
  fill: #656D78;
  text-anchor: middle;
  font-weight: 700;
  font-size: 14px;
}
.chart.pie svg path.slice {
  stroke-width: 2px;
  stroke: #FFF;
  cursor: pointer;
}
.chart.pie svg .lines polyline {
  opacity: .3;
  stroke: black;
  stroke-width: 1px;
  fill: none;
}
.chart.pie svg .labels {
  font-weight: 700;
  font-size: 12px;
  fill: #656D78;
}
.chart.pie svg .labels text.value {
  font-size: 19px;
}
.chart.pie svg .percents {
  fill: #EEEEEE;
  text-anchor: middle;
  font-weight: 700;
  font-size: 23px;
}
.chart.pie svg {
	margin : 10px 0;
}
.chart.pie svg text.title,
.chart.pie svg .lines polyline,
.chart.pie svg .labels {
	display: block;
}
@media screen and (max-width: 640px) {
	.chart.pie svg text.title,
	.chart.pie svg .lines polyline,
	.chart.pie svg .labels {
		display: none;
	}
}