.chart{zoom:1;width:90%}
.chart:after{clear:both;content:'.';display:block;height:0;visibility:hidden}
.chart div{display:block;height:23px;margin-top:3px;position:relative}
.chart div:before{color:#fff;content:attr(title);left:5px;position:absolute}
.chart div.title:before{color:black;font-weight:bold;left:0}
.chart div:first-child{margin-top:0}
.chart div .bar{background:#2B3067;height:100%; background-image: linear-gradient(to right, #2B3067 , #6f76c3 );}
.chartabs div .bar{ background:#1a1a1a !important; height:100% !important; background-image: linear-gradient(to right, #686868 , #bfbfbf ) !important; }
.tnumber div {color:black;font-size:18px;padding-left:5px;position:absolute;top:-2px}
.chart div.past .bar{background:#2B3067; background-image: linear-gradient(to right, #2B3067 , #6f76c3 ); }
.tnumber div.past {color:#000}
@media screen and (max-width: 480px){
	.chart div{height:auto}
	.chart div:before{color:black;display:block;left:0;position:relative}
	.chart div.title:before{border-bottom:1px solid}
	.chart div .bar{height:23px}
	.tnumber div {display:block;left:0 !important;padding-left:0;position:relative;top:-8px}
}