.liner-chart .chartBarsWrap {
  padding-left: 40px;
  margin: 0 30px 0 20px;
}
.liner-chart .chartBars {
  position: relative;
  max-width: 100%;
  height:488px;
  margin:20px 0 60px;
}
.liner-chart .chartBars .bars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
/*
  border-left: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  width: 100%;
*/
  height: 100%;
  padding: 0;
  padding: 0%;
  margin: 0;
}
.liner-chart .chartBars .bars li {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 24%;
          flex: 0 1 24%;
  height: 100%;
  margin: 0 2px;
  text-align: center;
  position: relative;
  font-size: 16px;
  background: #F2F2F0;
}
.liner-chart .chartBars .bars li .bar {
  width: 100%;
  background: #49E;
  position: absolute;
  font-size: 1.5em;
  color: #fff;
  padding-top: 18px;
  bottom: 0;
  height: 0;
  overflow: hidden;
  font-weight: bold;
  outline: 2px solid transparent;
  -webkit-transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1);
  transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1);
}
.liner-chart .chartBars .bars li .bar:after {
  content: '%';
  font-size: 22px !important;
  vertical-align: top;
  color: rgba(255, 255, 255, 0.8);
  margin-right: -8px;
}
.liner-chart  .chartBars .bars li b {
  color: #545454;
  width: 100%;
  position: absolute;
  top: 103%;
  left: 0;
  text-align: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}


.liner-chart  .chartBars3 {
/*
  background: rgba(255, 255, 255, 0.1);
  border-top: 1px solid #666;
  border-right: 1px solid #666;
*/
}
/*
.liner-chart  .chartBars3 .bars {
  border-color: #666;
  padding: 0;
}
*/
.liner-chart  .chartBars3 .bars li .bar {
  font-size:16px !important;
}
.liner-chart .chartBars3 .bars li .bar:after {
  font-size: .6em !important;
}
.liner-chart  .chartBarsWrap.chartBarsHorizontal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 70px;
}

.liner-chart  .bars li .bar.gp-color-1 {
  background-color: #6B8E23;
}
.liner-chart .bars li .bar.greenBarFlat {
  background-color: #6B8E23;
}
.liner-chart .bars li .bar.blueBar {
  background-color: #49E;
  background: radial-gradient(#8abff4, #49E);
}
.liner-chart .bars li .bar.blueBarFlat {
  background-color: #49E;
}
.liner-chart .bars li .bar.orangeBar {
  background-color: orange;
  background: radial-gradient(#ffc04d, #FFA500);
}
.liner-chart .bars li .bar.orangeBarFlat {
  background-color: orange;
}
.liner-chart .bars li .bar.purpleBar {
  background-color: #6e46af;
  background: radial-gradient(#9778c9, #6e46af);
}
.liner-chart .bars li .bar.purpleBarFlat {
  background-color: #6e46af;
}
.liner-chart .box-piesite {
  text-align: center;
  font-size: 22px;
}
.liner-chart .piesite {
  position: relative;
  width: 1em;
  height: 1em;
  font-size: 10em;
  cursor: default;
}
.liner-chart .piesite .percent {
  position: absolute;
  top: 1.1em;
  left: .1em;
  width: 100%;
  font-size: .3em;
  text-align: center;
  z-index: 2;
}

.liner-chart{float: left; width: 100%;}


.liner-chart  .bars li .bar.gp-color-1 {
  background-color: #0099f7;
}

.liner-chart  .bars li .bar.gp-color-2 {
  background-color: #5e50bf;
}


.liner-chart  .bars li .bar.gp-color-3 {
  background-color: #0064d3;
}

.liner-chart  .bars li .bar.gp-color-4 {
  background-color: #570166;
}

.liner-chart  .bars li .bar.gp-color-5 {
  background-color: #36237f;
}


.liner-chart  .bars li .bar.gp-color-6 {
  background-color: #b3e0fd;
}

.liner-chart  .bars li .bar.gp-color-7 {
  background-color: #a0158c;
}

.liner-chart  .bars li .bar.gp-color-8 {
  background-color: #1083f6;
}

.liner-chart  .bars li .bar.gp-color-9 {
  background-color: #8a92c5;
}