.chart{zoom:1;width:90%}

.chart:after{clear:both;content:'.';display:block;height:0;visibility:hidden}

.chart li{display:block;height:33px;margin-top:3px;position:relative}

.chart li:before{color:#fff;content:attr(title);left:5px;position:absolute}

.chart li.title:before{color:#212b54; font-weight:normal; left:0}

.chart li:first-child{margin-top:0}

.chart li .bar{background:#212b54;height:100%}

.chart li .number{color:white;font-size:14px;font-weight:normal;padding-left:15px;position:absolute;top:5px}

.chart li.past .bar{background:#aaa}

.chart li.past .number{color:#aaa}@media screen and (max-width: 420px){.chart li{height:auto}

.chart li:before{color:black;display:block;left:0;position:relative}

.chart li.title:before{border-bottom:1px solid}

.chart li .bar{height:23px}

.chart li .number{display:block;left:0 !important;padding-left:0;position:relative;top:-8px}}