.horz-bars ul{list-style-type:none;padding:35px 0;margin:0}.horz-bars{min-width:100%;padding-left:115px}.horz-bars .data li{height:44px;line-height:44px;margin:0 0 18px;position:relative;background-color:rgba(0,0,0,0.1);z-index:10}.horz-bars .data li:last-child{margin-bottom:0}.horz-bars .bar-label{position:absolute;left:-115px;width:115px;height:100%;background-color:#222;text-align:center;border-radius:22px 0 0 22px;color:#fff}.horz-bars .bar-label:before{content:"";background-color:rgba(0,0,0,0.1);width:100%;height:100%;position:absolute;left:0;border-radius:22px 0 0 22px}.horz-bars .data{}.horz-bars .bar{background:#222;float:left;height:100%;width:0;border-radius:0 22px 22px 0}.horz-bars .value{float:left;padding:13px 5px}.horz-bars .line-labels{display:table;width:100%}.horz-bars .line-labels div{display:table-cell;position:relative;height:32px}.line-labels span{border-radius:50%;width:32px;height:32px;line-height:32px;display:inline-block;text-align:center;font-size:12px;position:absolute;left:-16px;top:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.line-labels span.active{color:#fff;box-shadow:-1px 1px 4px #ccc;background-color:#222}.data-wrap{position:relative}.vertical-line{position:absolute;height:100%;bottom:0;border-left:1px dashed #ccc}@media (max-width:500px){.horz-bars .data li{height:30px;line-height:30px}.horz-bars{padding-left:80px}.horz-bars .bar-label{width:80px;left:-80px}}