body,html{margin:0;padding:0;background-color:#fff}#chart{font-family:Arial;shape-rendering:crispEdges}.bargraph .barGroup rect{shape-rendering:crispEdges}.bargraph .barGroup rect.positive{fill:#069}.bargraph .barGroup rect.negative{fill:#f90}.bargraph .barGroup text{text-anchor:middle;font-family:Arial;font-weight:600;font-size:11px}.bargraph .axis{font-family:Arial;font-weight:600;font-size:11px}.bargraph .axis.xaxis text{transform:translate(-11px,10px) rotate(-90deg);text-anchor:end}.mainRect rect{fill:#069}.mainRect text{fill:#fff;font-size:16px;font-family:"Open Sans"}.subRect rect{fill:#f3f3f3;width:232px;height:66px;filter:url(#dropshadow)}.subRect text{text-anchor:middle;transform:translate(115px,0);font-size:10px;font-family:"Open Sans"}.hovRect rect{fill:#f3f3f3;width:140px;height:78px;filter:url(#dropshadow)}.hovRect text{text-anchor:left;transform:translate(5px,0);font-size:10px;font-family:"Open Sans"}.hidden{display:none}.hoverBar{fill:rgba(188,188,188,.5)}.legend rect{fill:#f3f3f3;width:380px;height:47px;transform:translate(185px,10px);filter:url(#dropshadow)}.legend text{text-anchor:middle;font-size:12px;font-family:"Open Sans";font-weight:600}