.b24-chart-text-img {
  display:block; width: 100%; min-height: 48px; margin-top:.6em;
}
.b24-chart-box-spacer {
  display:block; margin:0.5em 0 0 0;
}
.b24-chart, .b24-chart-big {
  zoom: 1; width: 83%; margin:1em 0 1em 0; padding:0 6em 0 0; line-height: 1em; overflow: hidden; display: block;
}
.b24-chart-big {
  width: 70%;
}
.b24-chart:after, .b24-chart-big:after {
  clear: both; content: '.'; display: block; height: 0; visibility: hidden;
}
.b24-chart li, .b24-chart-big li {
  display: block; height: 1.3em; line-height: 1.3em; margin-top: 5px; position: relative; margin-left: 0;
}

.b24-chart li:before, .b24-chart-big li:before {
  color: #080878; content: attr(title); left: 5px; font-size:.9em; width: 100%; position: absolute;
}
.b24-chart li.title:before, .b24-chart-big li.title:before {
  color: #080878; font-weight: normal; left: 0;
}
.b24-chart li:first-child, .b24-chart-big li:first-child { margin-top: 0; }
.b24-chart li .bar, .b24-chart-big li .bar {
  background: #c0c0c0; height: 100%; min-width: 115px;
}
.b24-chart-big li .bar {
  min-width: auto;
}
.b24-chart li .number, .b24-chart-big li .number {
  color: #080878; font-size:.9em; font-weight: bold; padding:0 0 0 5px; background:#fff;  position: absolute;
}
.b24-chart li.past .bar, .b24-chart-big li.past .bar {
  background: #c0c0c0;
}
.b24-chart li.past .number, .b24-chart-big li.past .number {
  color: #080878;
}

@media screen and (max-width: 568px) {
  .b24-chart-big {
    width: 88%;
  }
}
@media screen and (max-width: 420px) {
  .b24-chart-big {
    width: 86%;
  }
}