body {
  background: #fff;
  font-family: Roboto;
}
#chart,#chart1 {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block; border:1px solid #dfdfdf; box-sizing:border-box; padding:0 0 50px 0; line-height:0; overflow:hidden;  
}
#chart #numbers,#chart1 #numbers1 {
  width: 42px;
  height: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
 border-right:2px solid #dfdfdf; border-bottom:1px solid #dfdfdf
}
#chart #numbers li,#chart1 #numbers1 li {
  text-align: right;
 
  list-style: none;
  height: 29px;
 
  position: relative;
  bottom: 0; border-bottom:1px solid #dfdfdf
}
    #chart #numbers li, #chart1 #numbers1 li:first-child {
}
#chart #numbers li:last-child {
  /*height: 30px;*/
}
#chart #numbers li span,#chart1 #numbers1 li span {
  bottom: 5px;
    color: #000;
    display: inline-block;
    font-size: 14px;
    height: 9px;
    position: absolute;
    right: 10px; 
}
#chart #bars,#chart1 #bars1 {
  display: inline-block;
width: calc(100% - 45px);
  height: 300px;
  padding: 0;
  margin: 0 0 0 -3px; 

 
}
#chart #bars li,#chart1 #bars1 li {
  display: table-cell;
  width: 100px;
  height: 300px;
  margin: 0;
  text-align: center;
  position: relative;
}
#chart #bars li .bar  {
  display: block;
  width: 77px;
 left: 100px;
  background: #173478;
  position: absolute;
  bottom:  0;
}
    #chart1 #bars1 li .bar {
background: #B8B8B8 none repeat scroll 0 0;
    bottom: 0;
    display: block;
    left: 10px;
    position: absolute;
    width: 35%;}
        #chart1 #bars1 li .bar.sec {
        width:35%; background:#173478 ; left:60%}
    #chart #bars li .bar.active{background:#B8B8B8; left:215px
    }
/*#chart #bars li .bar:hover {
  background: #5AE;
  cursor: pointer;
}*/
#chart #bars li .bar:hover:before {
  color: white;
  content: attr(data-percentage) '%';
  position: relative;
  bottom: 20px;
}
#chart1 #bars1 li span {
  color: #000;
  width: 100%;
  position: absolute;
  bottom: -22px;
 
  text-align: center; left:0
}
    #chart1 #bars1 li span:last-child {
      bottom: 16px;
    font-size: 14px;
    font-weight: bold; display:none}
 #bars,#bars1 {
/*background:rgba(0, 0, 0, 0) url("../images/graph-bg.png") repeat scroll 0 103px;*/ border-bottom:2px solid #dfdfdf }

.charthead {
     
    position: absolute;
    top: 23px;
    width: 100%;
    z-index: 999; line-height:17px;
}
.sis-a {position:absolute; left:156px; bottom:29px}
.sis-a.nxt {left:364px;
}
.charthead img {width:auto !important; margin-top:-10px; margin-right:10px}
.charthead p {margin-bottom:5px;}
#chart1 .charthead {
    left: 0;
    line-height: 17px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: left;
    top: 23px;
    width: 273px;
    z-index: 999;
}