/*
 *	MIXINS
 *	================================================== */
.donut {
  margin-bottom: 30px;
}

.donut .info {
  display: inline-block;
  margin-top: 20px;
}

.donut-chart {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}

.donut-chart .slice {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.donut-chart .chart-center {
  position: absolute;
  border-radius: 50%;
}

.donut-chart .chart-center span {
  display: block;
  text-align: center;
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart0 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart0 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e1e1e1;
}

.donut-chart.chart0 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart0 .chart-center, .donut-chart.chart0 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart0 .chart-center span, .donut-chart.chart0 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart0 .chart-center span:after, .donut-chart.chart0 .chart-center-number span:after {
  content: "0%";
}

.donut-chart.chart0 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart0 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart0 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart1 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart1 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
  background: #e1e1e1;
}

.donut-chart.chart1 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart1 .chart-center, .donut-chart.chart1 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart1 .chart-center span, .donut-chart.chart1 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart1 .chart-center span:after, .donut-chart.chart1 .chart-center-number span:after {
  content: "1%";
}

.donut-chart.chart1 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart1 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart1 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart2 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart2 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
  background: #e1e1e1;
}

.donut-chart.chart2 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart2 .chart-center, .donut-chart.chart2 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart2 .chart-center span, .donut-chart.chart2 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart2 .chart-center span:after, .donut-chart.chart2 .chart-center-number span:after {
  content: "2%";
}

.donut-chart.chart2 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart2 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart2 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart3 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart3 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
  background: #e1e1e1;
}

.donut-chart.chart3 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart3 .chart-center, .donut-chart.chart3 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart3 .chart-center span, .donut-chart.chart3 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart3 .chart-center span:after, .donut-chart.chart3 .chart-center-number span:after {
  content: "3%";
}

.donut-chart.chart3 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart3 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart3 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart4 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart4 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
  background: #e1e1e1;
}

.donut-chart.chart4 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart4 .chart-center, .donut-chart.chart4 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart4 .chart-center span, .donut-chart.chart4 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart4 .chart-center span:after, .donut-chart.chart4 .chart-center-number span:after {
  content: "4%";
}

.donut-chart.chart4 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart4 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart4 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart5 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart5 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
  background: #e1e1e1;
}

.donut-chart.chart5 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart5 .chart-center, .donut-chart.chart5 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart5 .chart-center span, .donut-chart.chart5 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart5 .chart-center span:after, .donut-chart.chart5 .chart-center-number span:after {
  content: "5%";
}

.donut-chart.chart5 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart5 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart5 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart6 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart6 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
  background: #e1e1e1;
}

.donut-chart.chart6 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart6 .chart-center, .donut-chart.chart6 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart6 .chart-center span, .donut-chart.chart6 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart6 .chart-center span:after, .donut-chart.chart6 .chart-center-number span:after {
  content: "6%";
}

.donut-chart.chart6 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart6 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart6 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart7 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart7 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
  background: #e1e1e1;
}

.donut-chart.chart7 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart7 .chart-center, .donut-chart.chart7 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart7 .chart-center span, .donut-chart.chart7 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart7 .chart-center span:after, .donut-chart.chart7 .chart-center-number span:after {
  content: "7%";
}

.donut-chart.chart7 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart7 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart7 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart8 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart8 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
  background: #e1e1e1;
}

.donut-chart.chart8 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart8 .chart-center, .donut-chart.chart8 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart8 .chart-center span, .donut-chart.chart8 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart8 .chart-center span:after, .donut-chart.chart8 .chart-center-number span:after {
  content: "8%";
}

.donut-chart.chart8 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart8 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart8 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart9 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart9 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
  background: #e1e1e1;
}

.donut-chart.chart9 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart9 .chart-center, .donut-chart.chart9 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart9 .chart-center span, .donut-chart.chart9 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart9 .chart-center span:after, .donut-chart.chart9 .chart-center-number span:after {
  content: "9%";
}

.donut-chart.chart9 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart9 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart9 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart10 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart10 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
  background: #e1e1e1;
}

.donut-chart.chart10 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart10 .chart-center, .donut-chart.chart10 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart10 .chart-center span, .donut-chart.chart10 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart10 .chart-center span:after, .donut-chart.chart10 .chart-center-number span:after {
  content: "10%";
}

.donut-chart.chart10 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart10 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart10 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart11 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart11 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
  background: #e1e1e1;
}

.donut-chart.chart11 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart11 .chart-center, .donut-chart.chart11 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart11 .chart-center span, .donut-chart.chart11 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart11 .chart-center span:after, .donut-chart.chart11 .chart-center-number span:after {
  content: "11%";
}

.donut-chart.chart11 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart11 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart11 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart12 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart12 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
  background: #e1e1e1;
}

.donut-chart.chart12 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart12 .chart-center, .donut-chart.chart12 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart12 .chart-center span, .donut-chart.chart12 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart12 .chart-center span:after, .donut-chart.chart12 .chart-center-number span:after {
  content: "12%";
}

.donut-chart.chart12 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart12 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart12 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart13 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart13 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
  background: #e1e1e1;
}

.donut-chart.chart13 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart13 .chart-center, .donut-chart.chart13 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart13 .chart-center span, .donut-chart.chart13 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart13 .chart-center span:after, .donut-chart.chart13 .chart-center-number span:after {
  content: "13%";
}

.donut-chart.chart13 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart13 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart13 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart14 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart14 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
  background: #e1e1e1;
}

.donut-chart.chart14 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart14 .chart-center, .donut-chart.chart14 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart14 .chart-center span, .donut-chart.chart14 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart14 .chart-center span:after, .donut-chart.chart14 .chart-center-number span:after {
  content: "14%";
}

.donut-chart.chart14 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart14 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart14 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart15 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart15 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
  background: #e1e1e1;
}

.donut-chart.chart15 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart15 .chart-center, .donut-chart.chart15 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart15 .chart-center span, .donut-chart.chart15 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart15 .chart-center span:after, .donut-chart.chart15 .chart-center-number span:after {
  content: "15%";
}

.donut-chart.chart15 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart15 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart15 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart16 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart16 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
  background: #e1e1e1;
}

.donut-chart.chart16 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart16 .chart-center, .donut-chart.chart16 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart16 .chart-center span, .donut-chart.chart16 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart16 .chart-center span:after, .donut-chart.chart16 .chart-center-number span:after {
  content: "16%";
}

.donut-chart.chart16 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart16 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart16 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart17 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart17 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
  background: #e1e1e1;
}

.donut-chart.chart17 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart17 .chart-center, .donut-chart.chart17 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart17 .chart-center span, .donut-chart.chart17 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart17 .chart-center span:after, .donut-chart.chart17 .chart-center-number span:after {
  content: "17%";
}

.donut-chart.chart17 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart17 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart17 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart18 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart18 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
  background: #e1e1e1;
}

.donut-chart.chart18 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart18 .chart-center, .donut-chart.chart18 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart18 .chart-center span, .donut-chart.chart18 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart18 .chart-center span:after, .donut-chart.chart18 .chart-center-number span:after {
  content: "18%";
}

.donut-chart.chart18 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart18 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart18 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart19 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart19 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
  background: #e1e1e1;
}

.donut-chart.chart19 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart19 .chart-center, .donut-chart.chart19 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart19 .chart-center span, .donut-chart.chart19 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart19 .chart-center span:after, .donut-chart.chart19 .chart-center-number span:after {
  content: "19%";
}

.donut-chart.chart19 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart19 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart19 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart20 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart20 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
  background: #e1e1e1;
}

.donut-chart.chart20 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart20 .chart-center, .donut-chart.chart20 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart20 .chart-center span, .donut-chart.chart20 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart20 .chart-center span:after, .donut-chart.chart20 .chart-center-number span:after {
  content: "20%";
}

.donut-chart.chart20 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart20 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart20 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart21 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart21 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
  background: #e1e1e1;
}

.donut-chart.chart21 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart21 .chart-center, .donut-chart.chart21 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart21 .chart-center span, .donut-chart.chart21 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart21 .chart-center span:after, .donut-chart.chart21 .chart-center-number span:after {
  content: "21%";
}

.donut-chart.chart21 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart21 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart21 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart22 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart22 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
  background: #e1e1e1;
}

.donut-chart.chart22 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart22 .chart-center, .donut-chart.chart22 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart22 .chart-center span, .donut-chart.chart22 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart22 .chart-center span:after, .donut-chart.chart22 .chart-center-number span:after {
  content: "22%";
}

.donut-chart.chart22 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart22 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart22 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart23 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart23 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
  background: #e1e1e1;
}

.donut-chart.chart23 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart23 .chart-center, .donut-chart.chart23 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart23 .chart-center span, .donut-chart.chart23 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart23 .chart-center span:after, .donut-chart.chart23 .chart-center-number span:after {
  content: "23%";
}

.donut-chart.chart23 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart23 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart23 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart24 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart24 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
  background: #e1e1e1;
}

.donut-chart.chart24 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart24 .chart-center, .donut-chart.chart24 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart24 .chart-center span, .donut-chart.chart24 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart24 .chart-center span:after, .donut-chart.chart24 .chart-center-number span:after {
  content: "24%";
}

.donut-chart.chart24 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart24 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart24 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart25 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart25 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background: #e1e1e1;
}

.donut-chart.chart25 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart25 .chart-center, .donut-chart.chart25 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart25 .chart-center span, .donut-chart.chart25 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart25 .chart-center span:after, .donut-chart.chart25 .chart-center-number span:after {
  content: "25%";
}

.donut-chart.chart25 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart25 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart25 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart26 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart26 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
  background: #e1e1e1;
}

.donut-chart.chart26 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart26 .chart-center, .donut-chart.chart26 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart26 .chart-center span, .donut-chart.chart26 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart26 .chart-center span:after, .donut-chart.chart26 .chart-center-number span:after {
  content: "26%";
}

.donut-chart.chart26 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart26 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart26 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart27 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart27 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
  background: #e1e1e1;
}

.donut-chart.chart27 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart27 .chart-center, .donut-chart.chart27 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart27 .chart-center span, .donut-chart.chart27 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart27 .chart-center span:after, .donut-chart.chart27 .chart-center-number span:after {
  content: "27%";
}

.donut-chart.chart27 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart27 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart27 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart28 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart28 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
  background: #e1e1e1;
}

.donut-chart.chart28 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart28 .chart-center, .donut-chart.chart28 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart28 .chart-center span, .donut-chart.chart28 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart28 .chart-center span:after, .donut-chart.chart28 .chart-center-number span:after {
  content: "28%";
}

.donut-chart.chart28 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart28 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart28 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart29 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart29 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
  background: #e1e1e1;
}

.donut-chart.chart29 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart29 .chart-center, .donut-chart.chart29 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart29 .chart-center span, .donut-chart.chart29 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart29 .chart-center span:after, .donut-chart.chart29 .chart-center-number span:after {
  content: "29%";
}

.donut-chart.chart29 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart29 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart29 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart30 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart30 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
  background: #e1e1e1;
}

.donut-chart.chart30 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart30 .chart-center, .donut-chart.chart30 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart30 .chart-center span, .donut-chart.chart30 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart30 .chart-center span:after, .donut-chart.chart30 .chart-center-number span:after {
  content: "30%";
}

.donut-chart.chart30 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart30 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart30 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart31 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart31 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
  background: #e1e1e1;
}

.donut-chart.chart31 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart31 .chart-center, .donut-chart.chart31 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart31 .chart-center span, .donut-chart.chart31 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart31 .chart-center span:after, .donut-chart.chart31 .chart-center-number span:after {
  content: "31%";
}

.donut-chart.chart31 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart31 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart31 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart32 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart32 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
  background: #e1e1e1;
}

.donut-chart.chart32 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart32 .chart-center, .donut-chart.chart32 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart32 .chart-center span, .donut-chart.chart32 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart32 .chart-center span:after, .donut-chart.chart32 .chart-center-number span:after {
  content: "32%";
}

.donut-chart.chart32 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart32 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart32 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart33 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart33 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
  background: #e1e1e1;
}

.donut-chart.chart33 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart33 .chart-center, .donut-chart.chart33 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart33 .chart-center span, .donut-chart.chart33 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart33 .chart-center span:after, .donut-chart.chart33 .chart-center-number span:after {
  content: "33%";
}

.donut-chart.chart33 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart33 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart33 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart34 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart34 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
  background: #e1e1e1;
}

.donut-chart.chart34 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart34 .chart-center, .donut-chart.chart34 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart34 .chart-center span, .donut-chart.chart34 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart34 .chart-center span:after, .donut-chart.chart34 .chart-center-number span:after {
  content: "34%";
}

.donut-chart.chart34 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart34 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart34 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart35 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart35 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
  background: #e1e1e1;
}

.donut-chart.chart35 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart35 .chart-center, .donut-chart.chart35 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart35 .chart-center span, .donut-chart.chart35 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart35 .chart-center span:after, .donut-chart.chart35 .chart-center-number span:after {
  content: "35%";
}

.donut-chart.chart35 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart35 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart35 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart36 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart36 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
  background: #e1e1e1;
}

.donut-chart.chart36 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart36 .chart-center, .donut-chart.chart36 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart36 .chart-center span, .donut-chart.chart36 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart36 .chart-center span:after, .donut-chart.chart36 .chart-center-number span:after {
  content: "36%";
}

.donut-chart.chart36 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart36 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart36 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart37 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart37 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
  background: #e1e1e1;
}

.donut-chart.chart37 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart37 .chart-center, .donut-chart.chart37 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart37 .chart-center span, .donut-chart.chart37 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart37 .chart-center span:after, .donut-chart.chart37 .chart-center-number span:after {
  content: "37%";
}

.donut-chart.chart37 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart37 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart37 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart38 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart38 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
  background: #e1e1e1;
}

.donut-chart.chart38 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart38 .chart-center, .donut-chart.chart38 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart38 .chart-center span, .donut-chart.chart38 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart38 .chart-center span:after, .donut-chart.chart38 .chart-center-number span:after {
  content: "38%";
}

.donut-chart.chart38 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart38 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart38 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart39 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart39 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
  background: #e1e1e1;
}

.donut-chart.chart39 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart39 .chart-center, .donut-chart.chart39 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart39 .chart-center span, .donut-chart.chart39 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart39 .chart-center span:after, .donut-chart.chart39 .chart-center-number span:after {
  content: "39%";
}

.donut-chart.chart39 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart39 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart39 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart40 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart40 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
  background: #e1e1e1;
}

.donut-chart.chart40 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart40 .chart-center, .donut-chart.chart40 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart40 .chart-center span, .donut-chart.chart40 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart40 .chart-center span:after, .donut-chart.chart40 .chart-center-number span:after {
  content: "40%";
}

.donut-chart.chart40 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart40 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart40 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart41 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart41 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
  background: #e1e1e1;
}

.donut-chart.chart41 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart41 .chart-center, .donut-chart.chart41 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart41 .chart-center span, .donut-chart.chart41 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart41 .chart-center span:after, .donut-chart.chart41 .chart-center-number span:after {
  content: "41%";
}

.donut-chart.chart41 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart41 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart41 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart42 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart42 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
  background: #e1e1e1;
}

.donut-chart.chart42 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart42 .chart-center, .donut-chart.chart42 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart42 .chart-center span, .donut-chart.chart42 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart42 .chart-center span:after, .donut-chart.chart42 .chart-center-number span:after {
  content: "42%";
}

.donut-chart.chart42 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart42 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart42 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart43 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart43 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
  background: #e1e1e1;
}

.donut-chart.chart43 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart43 .chart-center, .donut-chart.chart43 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart43 .chart-center span, .donut-chart.chart43 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart43 .chart-center span:after, .donut-chart.chart43 .chart-center-number span:after {
  content: "43%";
}

.donut-chart.chart43 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart43 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart43 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart44 {
  width: 150px;
  height: 150px;
  background: #1abc9c;
}

.donut-chart.chart44 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
  background: #e1e1e1;
}

.donut-chart.chart44 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart44 .chart-center, .donut-chart.chart44 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart44 .chart-center span, .donut-chart.chart44 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #1abc9c;
}

.donut-chart.chart44 .chart-center span:after, .donut-chart.chart44 .chart-center-number span:after {
  content: "44%";
}

.donut-chart.chart44 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart44 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #1abc9c;
}

.donut-chart.chart44 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart45 {
  width: 150px;
  height: 150px;
  background: #3498db;
}

.donut-chart.chart45 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
  background: #e1e1e1;
}

.donut-chart.chart45 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart45 .chart-center, .donut-chart.chart45 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart45 .chart-center span, .donut-chart.chart45 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #3498db;
}

.donut-chart.chart45 .chart-center span:after, .donut-chart.chart45 .chart-center-number span:after {
  content: "45%";
}

.donut-chart.chart45 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart45 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #3498db;
}

.donut-chart.chart45 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart46 {
  width: 150px;
  height: 150px;
  background: #3498db;
}

.donut-chart.chart46 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
  background: #e1e1e1;
}

.donut-chart.chart46 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart46 .chart-center, .donut-chart.chart46 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart46 .chart-center span, .donut-chart.chart46 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #3498db;
}

.donut-chart.chart46 .chart-center span:after, .donut-chart.chart46 .chart-center-number span:after {
  content: "46%";
}

.donut-chart.chart46 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart46 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #3498db;
}

.donut-chart.chart46 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart47 {
  width: 150px;
  height: 150px;
  background: #3498db;
}

.donut-chart.chart47 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
  background: #e1e1e1;
}

.donut-chart.chart47 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart47 .chart-center, .donut-chart.chart47 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart47 .chart-center span, .donut-chart.chart47 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #3498db;
}

.donut-chart.chart47 .chart-center span:after, .donut-chart.chart47 .chart-center-number span:after {
  content: "47%";
}

.donut-chart.chart47 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart47 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #3498db;
}

.donut-chart.chart47 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart48 {
  width: 150px;
  height: 150px;
  background: #3498db;
}

.donut-chart.chart48 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
  background: #e1e1e1;
}

.donut-chart.chart48 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart48 .chart-center, .donut-chart.chart48 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart48 .chart-center span, .donut-chart.chart48 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #3498db;
}

.donut-chart.chart48 .chart-center span:after, .donut-chart.chart48 .chart-center-number span:after {
  content: "48%";
}

.donut-chart.chart48 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart48 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #3498db;
}

.donut-chart.chart48 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart49 {
  width: 150px;
  height: 150px;
  background: #3498db;
}

.donut-chart.chart49 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
  background: #e1e1e1;
}

.donut-chart.chart49 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}

.donut-chart.chart49 .chart-center, .donut-chart.chart49 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart49 .chart-center span, .donut-chart.chart49 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #3498db;
}

.donut-chart.chart49 .chart-center span:after, .donut-chart.chart49 .chart-center-number span:after {
  content: "49%";
}

.donut-chart.chart49 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart49 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #3498db;
}

.donut-chart.chart49 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart50 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart50 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #3498db;
}

.donut-chart.chart50 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background: #3498db;
}

.donut-chart.chart50 .chart-center, .donut-chart.chart50 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart50 .chart-center span, .donut-chart.chart50 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #3498db;
}

.donut-chart.chart50 .chart-center span:after, .donut-chart.chart50 .chart-center-number span:after {
  content: "50%";
}

.donut-chart.chart50 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart50 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #3498db;
}

.donut-chart.chart50 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart51 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart51 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #3498db;
}

.donut-chart.chart51 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
  background: #3498db;
}

.donut-chart.chart51 .chart-center, .donut-chart.chart51 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart51 .chart-center span, .donut-chart.chart51 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #3498db;
}

.donut-chart.chart51 .chart-center span:after, .donut-chart.chart51 .chart-center-number span:after {
  content: "51%";
}

.donut-chart.chart51 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart51 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #3498db;
}

.donut-chart.chart51 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart52 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart52 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #3498db;
}

.donut-chart.chart52 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
  background: #3498db;
}

.donut-chart.chart52 .chart-center, .donut-chart.chart52 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart52 .chart-center span, .donut-chart.chart52 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #3498db;
}

.donut-chart.chart52 .chart-center span:after, .donut-chart.chart52 .chart-center-number span:after {
  content: "52%";
}

.donut-chart.chart52 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart52 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #3498db;
}

.donut-chart.chart52 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart53 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart53 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #3498db;
}

.donut-chart.chart53 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
  background: #3498db;
}

.donut-chart.chart53 .chart-center, .donut-chart.chart53 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart53 .chart-center span, .donut-chart.chart53 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #3498db;
}

.donut-chart.chart53 .chart-center span:after, .donut-chart.chart53 .chart-center-number span:after {
  content: "53%";
}

.donut-chart.chart53 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart53 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #3498db;
}

.donut-chart.chart53 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart54 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart54 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #3498db;
}

.donut-chart.chart54 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
  background: #3498db;
}

.donut-chart.chart54 .chart-center, .donut-chart.chart54 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart54 .chart-center span, .donut-chart.chart54 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #3498db;
}

.donut-chart.chart54 .chart-center span:after, .donut-chart.chart54 .chart-center-number span:after {
  content: "54%";
}

.donut-chart.chart54 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart54 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #3498db;
}

.donut-chart.chart54 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart55 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart55 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #8e44ad;
}

.donut-chart.chart55 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
  background: #8e44ad;
}

.donut-chart.chart55 .chart-center, .donut-chart.chart55 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart55 .chart-center span, .donut-chart.chart55 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #8e44ad;
}

.donut-chart.chart55 .chart-center span:after, .donut-chart.chart55 .chart-center-number span:after {
  content: "55%";
}

.donut-chart.chart55 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart55 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #8e44ad;
}

.donut-chart.chart55 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart56 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart56 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #8e44ad;
}

.donut-chart.chart56 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
  background: #8e44ad;
}

.donut-chart.chart56 .chart-center, .donut-chart.chart56 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart56 .chart-center span, .donut-chart.chart56 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #8e44ad;
}

.donut-chart.chart56 .chart-center span:after, .donut-chart.chart56 .chart-center-number span:after {
  content: "56%";
}

.donut-chart.chart56 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart56 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #8e44ad;
}

.donut-chart.chart56 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart57 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart57 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #8e44ad;
}

.donut-chart.chart57 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
  background: #8e44ad;
}

.donut-chart.chart57 .chart-center, .donut-chart.chart57 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart57 .chart-center span, .donut-chart.chart57 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #8e44ad;
}

.donut-chart.chart57 .chart-center span:after, .donut-chart.chart57 .chart-center-number span:after {
  content: "57%";
}

.donut-chart.chart57 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart57 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #8e44ad;
}

.donut-chart.chart57 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart58 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart58 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #8e44ad;
}

.donut-chart.chart58 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
  background: #8e44ad;
}

.donut-chart.chart58 .chart-center, .donut-chart.chart58 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart58 .chart-center span, .donut-chart.chart58 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #8e44ad;
}

.donut-chart.chart58 .chart-center span:after, .donut-chart.chart58 .chart-center-number span:after {
  content: "58%";
}

.donut-chart.chart58 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart58 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #8e44ad;
}

.donut-chart.chart58 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart59 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart59 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #8e44ad;
}

.donut-chart.chart59 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
  background: #8e44ad;
}

.donut-chart.chart59 .chart-center, .donut-chart.chart59 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart59 .chart-center span, .donut-chart.chart59 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #8e44ad;
}

.donut-chart.chart59 .chart-center span:after, .donut-chart.chart59 .chart-center-number span:after {
  content: "59%";
}

.donut-chart.chart59 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart59 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #8e44ad;
}

.donut-chart.chart59 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart60 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart60 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #8e44ad;
}

.donut-chart.chart60 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
  background: #8e44ad;
}

.donut-chart.chart60 .chart-center, .donut-chart.chart60 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart60 .chart-center span, .donut-chart.chart60 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #8e44ad;
}

.donut-chart.chart60 .chart-center span:after, .donut-chart.chart60 .chart-center-number span:after {
  content: "60%";
}

.donut-chart.chart60 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart60 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #8e44ad;
}

.donut-chart.chart60 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart61 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart61 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #8e44ad;
}

.donut-chart.chart61 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
  background: #8e44ad;
}

.donut-chart.chart61 .chart-center, .donut-chart.chart61 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart61 .chart-center span, .donut-chart.chart61 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #8e44ad;
}

.donut-chart.chart61 .chart-center span:after, .donut-chart.chart61 .chart-center-number span:after {
  content: "61%";
}

.donut-chart.chart61 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart61 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #8e44ad;
}

.donut-chart.chart61 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart62 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart62 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #8e44ad;
}

.donut-chart.chart62 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
  background: #8e44ad;
}

.donut-chart.chart62 .chart-center, .donut-chart.chart62 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart62 .chart-center span, .donut-chart.chart62 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #8e44ad;
}

.donut-chart.chart62 .chart-center span:after, .donut-chart.chart62 .chart-center-number span:after {
  content: "62%";
}

.donut-chart.chart62 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart62 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #8e44ad;
}

.donut-chart.chart62 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart63 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart63 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #8e44ad;
}

.donut-chart.chart63 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
  background: #8e44ad;
}

.donut-chart.chart63 .chart-center, .donut-chart.chart63 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart63 .chart-center span, .donut-chart.chart63 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #8e44ad;
}

.donut-chart.chart63 .chart-center span:after, .donut-chart.chart63 .chart-center-number span:after {
  content: "63%";
}

.donut-chart.chart63 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart63 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #8e44ad;
}

.donut-chart.chart63 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart64 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart64 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #8e44ad;
}

.donut-chart.chart64 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
  background: #8e44ad;
}

.donut-chart.chart64 .chart-center, .donut-chart.chart64 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart64 .chart-center span, .donut-chart.chart64 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #8e44ad;
}

.donut-chart.chart64 .chart-center span:after, .donut-chart.chart64 .chart-center-number span:after {
  content: "64%";
}

.donut-chart.chart64 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart64 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #8e44ad;
}

.donut-chart.chart64 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart65 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart65 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e67e22;
}

.donut-chart.chart65 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
  background: #e67e22;
}

.donut-chart.chart65 .chart-center, .donut-chart.chart65 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart65 .chart-center span, .donut-chart.chart65 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e67e22;
}

.donut-chart.chart65 .chart-center span:after, .donut-chart.chart65 .chart-center-number span:after {
  content: "65%";
}

.donut-chart.chart65 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart65 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e67e22;
}

.donut-chart.chart65 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart66 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart66 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e67e22;
}

.donut-chart.chart66 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
  background: #e67e22;
}

.donut-chart.chart66 .chart-center, .donut-chart.chart66 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart66 .chart-center span, .donut-chart.chart66 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e67e22;
}

.donut-chart.chart66 .chart-center span:after, .donut-chart.chart66 .chart-center-number span:after {
  content: "66%";
}

.donut-chart.chart66 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart66 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e67e22;
}

.donut-chart.chart66 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart67 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart67 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e67e22;
}

.donut-chart.chart67 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
  background: #e67e22;
}

.donut-chart.chart67 .chart-center, .donut-chart.chart67 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart67 .chart-center span, .donut-chart.chart67 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e67e22;
}

.donut-chart.chart67 .chart-center span:after, .donut-chart.chart67 .chart-center-number span:after {
  content: "67%";
}

.donut-chart.chart67 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart67 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e67e22;
}

.donut-chart.chart67 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart68 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart68 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e67e22;
}

.donut-chart.chart68 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
  background: #e67e22;
}

.donut-chart.chart68 .chart-center, .donut-chart.chart68 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart68 .chart-center span, .donut-chart.chart68 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e67e22;
}

.donut-chart.chart68 .chart-center span:after, .donut-chart.chart68 .chart-center-number span:after {
  content: "68%";
}

.donut-chart.chart68 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart68 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e67e22;
}

.donut-chart.chart68 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart69 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart69 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e67e22;
}

.donut-chart.chart69 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
  background: #e67e22;
}

.donut-chart.chart69 .chart-center, .donut-chart.chart69 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart69 .chart-center span, .donut-chart.chart69 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e67e22;
}

.donut-chart.chart69 .chart-center span:after, .donut-chart.chart69 .chart-center-number span:after {
  content: "69%";
}

.donut-chart.chart69 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart69 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e67e22;
}

.donut-chart.chart69 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart70 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart70 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e67e22;
}

.donut-chart.chart70 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
  background: #e67e22;
}

.donut-chart.chart70 .chart-center, .donut-chart.chart70 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart70 .chart-center span, .donut-chart.chart70 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e67e22;
}

.donut-chart.chart70 .chart-center span:after, .donut-chart.chart70 .chart-center-number span:after {
  content: "70%";
}

.donut-chart.chart70 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart70 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e67e22;
}

.donut-chart.chart70 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart71 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart71 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e67e22;
}

.donut-chart.chart71 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
  background: #e67e22;
}

.donut-chart.chart71 .chart-center, .donut-chart.chart71 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart71 .chart-center span, .donut-chart.chart71 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e67e22;
}

.donut-chart.chart71 .chart-center span:after, .donut-chart.chart71 .chart-center-number span:after {
  content: "71%";
}

.donut-chart.chart71 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart71 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e67e22;
}

.donut-chart.chart71 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart72 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart72 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e67e22;
}

.donut-chart.chart72 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
  background: #e67e22;
}

.donut-chart.chart72 .chart-center, .donut-chart.chart72 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart72 .chart-center span, .donut-chart.chart72 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e67e22;
}

.donut-chart.chart72 .chart-center span:after, .donut-chart.chart72 .chart-center-number span:after {
  content: "72%";
}

.donut-chart.chart72 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart72 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e67e22;
}

.donut-chart.chart72 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart73 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart73 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e67e22;
}

.donut-chart.chart73 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
  background: #e67e22;
}

.donut-chart.chart73 .chart-center, .donut-chart.chart73 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart73 .chart-center span, .donut-chart.chart73 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e67e22;
}

.donut-chart.chart73 .chart-center span:after, .donut-chart.chart73 .chart-center-number span:after {
  content: "73%";
}

.donut-chart.chart73 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart73 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e67e22;
}

.donut-chart.chart73 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart74 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart74 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e67e22;
}

.donut-chart.chart74 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
  background: #e67e22;
}

.donut-chart.chart74 .chart-center, .donut-chart.chart74 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart74 .chart-center span, .donut-chart.chart74 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e67e22;
}

.donut-chart.chart74 .chart-center span:after, .donut-chart.chart74 .chart-center-number span:after {
  content: "74%";
}

.donut-chart.chart74 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart74 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e67e22;
}

.donut-chart.chart74 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart75 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart75 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart75 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  background: #e74c3c;
}

.donut-chart.chart75 .chart-center, .donut-chart.chart75 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart75 .chart-center span, .donut-chart.chart75 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart75 .chart-center span:after, .donut-chart.chart75 .chart-center-number span:after {
  content: "75%";
}

.donut-chart.chart75 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart75 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart75 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart76 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart76 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart76 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
  background: #e74c3c;
}

.donut-chart.chart76 .chart-center, .donut-chart.chart76 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart76 .chart-center span, .donut-chart.chart76 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart76 .chart-center span:after, .donut-chart.chart76 .chart-center-number span:after {
  content: "76%";
}

.donut-chart.chart76 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart76 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart76 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart77 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart77 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart77 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
  background: #e74c3c;
}

.donut-chart.chart77 .chart-center, .donut-chart.chart77 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart77 .chart-center span, .donut-chart.chart77 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart77 .chart-center span:after, .donut-chart.chart77 .chart-center-number span:after {
  content: "77%";
}

.donut-chart.chart77 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart77 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart77 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart78 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart78 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart78 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
  background: #e74c3c;
}

.donut-chart.chart78 .chart-center, .donut-chart.chart78 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart78 .chart-center span, .donut-chart.chart78 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart78 .chart-center span:after, .donut-chart.chart78 .chart-center-number span:after {
  content: "78%";
}

.donut-chart.chart78 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart78 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart78 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart79 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart79 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart79 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
  background: #e74c3c;
}

.donut-chart.chart79 .chart-center, .donut-chart.chart79 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart79 .chart-center span, .donut-chart.chart79 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart79 .chart-center span:after, .donut-chart.chart79 .chart-center-number span:after {
  content: "79%";
}

.donut-chart.chart79 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart79 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart79 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart80 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart80 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart80 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
  background: #e74c3c;
}

.donut-chart.chart80 .chart-center, .donut-chart.chart80 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart80 .chart-center span, .donut-chart.chart80 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart80 .chart-center span:after, .donut-chart.chart80 .chart-center-number span:after {
  content: "80%";
}

.donut-chart.chart80 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart80 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart80 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart81 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart81 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart81 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
  background: #e74c3c;
}

.donut-chart.chart81 .chart-center, .donut-chart.chart81 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart81 .chart-center span, .donut-chart.chart81 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart81 .chart-center span:after, .donut-chart.chart81 .chart-center-number span:after {
  content: "81%";
}

.donut-chart.chart81 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart81 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart81 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart82 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart82 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart82 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
  background: #e74c3c;
}

.donut-chart.chart82 .chart-center, .donut-chart.chart82 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart82 .chart-center span, .donut-chart.chart82 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart82 .chart-center span:after, .donut-chart.chart82 .chart-center-number span:after {
  content: "82%";
}

.donut-chart.chart82 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart82 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart82 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart83 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart83 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart83 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
  background: #e74c3c;
}

.donut-chart.chart83 .chart-center, .donut-chart.chart83 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart83 .chart-center span, .donut-chart.chart83 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart83 .chart-center span:after, .donut-chart.chart83 .chart-center-number span:after {
  content: "83%";
}

.donut-chart.chart83 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart83 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart83 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart84 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart84 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart84 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
  background: #e74c3c;
}

.donut-chart.chart84 .chart-center, .donut-chart.chart84 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart84 .chart-center span, .donut-chart.chart84 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart84 .chart-center span:after, .donut-chart.chart84 .chart-center-number span:after {
  content: "84%";
}

.donut-chart.chart84 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart84 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart84 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart85 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart85 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart85 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
  background: #e74c3c;
}

.donut-chart.chart85 .chart-center, .donut-chart.chart85 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart85 .chart-center span, .donut-chart.chart85 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart85 .chart-center span:after, .donut-chart.chart85 .chart-center-number span:after {
  content: "85%";
}

.donut-chart.chart85 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart85 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart85 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart86 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart86 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart86 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
  background: #e74c3c;
}

.donut-chart.chart86 .chart-center, .donut-chart.chart86 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart86 .chart-center span, .donut-chart.chart86 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart86 .chart-center span:after, .donut-chart.chart86 .chart-center-number span:after {
  content: "86%";
}

.donut-chart.chart86 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart86 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart86 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart87 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart87 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart87 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
  background: #e74c3c;
}

.donut-chart.chart87 .chart-center, .donut-chart.chart87 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart87 .chart-center span, .donut-chart.chart87 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart87 .chart-center span:after, .donut-chart.chart87 .chart-center-number span:after {
  content: "87%";
}

.donut-chart.chart87 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart87 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart87 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart88 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart88 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart88 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
  background: #e74c3c;
}

.donut-chart.chart88 .chart-center, .donut-chart.chart88 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart88 .chart-center span, .donut-chart.chart88 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart88 .chart-center span:after, .donut-chart.chart88 .chart-center-number span:after {
  content: "88%";
}

.donut-chart.chart88 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart88 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart88 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart89 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart89 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart89 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
  background: #e74c3c;
}

.donut-chart.chart89 .chart-center, .donut-chart.chart89 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart89 .chart-center span, .donut-chart.chart89 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart89 .chart-center span:after, .donut-chart.chart89 .chart-center-number span:after {
  content: "89%";
}

.donut-chart.chart89 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart89 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart89 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart90 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart90 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart90 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
  background: #e74c3c;
}

.donut-chart.chart90 .chart-center, .donut-chart.chart90 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart90 .chart-center span, .donut-chart.chart90 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart90 .chart-center span:after, .donut-chart.chart90 .chart-center-number span:after {
  content: "90%";
}

.donut-chart.chart90 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart90 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart90 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart91 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart91 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart91 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
  background: #e74c3c;
}

.donut-chart.chart91 .chart-center, .donut-chart.chart91 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart91 .chart-center span, .donut-chart.chart91 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart91 .chart-center span:after, .donut-chart.chart91 .chart-center-number span:after {
  content: "91%";
}

.donut-chart.chart91 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart91 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart91 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart92 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart92 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart92 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
  background: #e74c3c;
}

.donut-chart.chart92 .chart-center, .donut-chart.chart92 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart92 .chart-center span, .donut-chart.chart92 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart92 .chart-center span:after, .donut-chart.chart92 .chart-center-number span:after {
  content: "92%";
}

.donut-chart.chart92 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart92 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart92 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart93 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart93 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart93 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
  background: #e74c3c;
}

.donut-chart.chart93 .chart-center, .donut-chart.chart93 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart93 .chart-center span, .donut-chart.chart93 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart93 .chart-center span:after, .donut-chart.chart93 .chart-center-number span:after {
  content: "93%";
}

.donut-chart.chart93 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart93 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart93 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart94 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart94 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart94 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
  background: #e74c3c;
}

.donut-chart.chart94 .chart-center, .donut-chart.chart94 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart94 .chart-center span, .donut-chart.chart94 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart94 .chart-center span:after, .donut-chart.chart94 .chart-center-number span:after {
  content: "94%";
}

.donut-chart.chart94 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart94 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart94 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart95 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart95 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart95 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(342deg);
  transform: rotate(342deg);
  background: #e74c3c;
}

.donut-chart.chart95 .chart-center, .donut-chart.chart95 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart95 .chart-center span, .donut-chart.chart95 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart95 .chart-center span:after, .donut-chart.chart95 .chart-center-number span:after {
  content: "95%";
}

.donut-chart.chart95 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart95 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart95 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart96 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart96 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart96 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
  background: #e74c3c;
}

.donut-chart.chart96 .chart-center, .donut-chart.chart96 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart96 .chart-center span, .donut-chart.chart96 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart96 .chart-center span:after, .donut-chart.chart96 .chart-center-number span:after {
  content: "96%";
}

.donut-chart.chart96 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart96 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart96 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart97 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart97 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart97 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
  background: #e74c3c;
}

.donut-chart.chart97 .chart-center, .donut-chart.chart97 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart97 .chart-center span, .donut-chart.chart97 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart97 .chart-center span:after, .donut-chart.chart97 .chart-center-number span:after {
  content: "97%";
}

.donut-chart.chart97 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart97 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart97 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart98 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart98 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart98 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
  background: #e74c3c;
}

.donut-chart.chart98 .chart-center, .donut-chart.chart98 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart98 .chart-center span, .donut-chart.chart98 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart98 .chart-center span:after, .donut-chart.chart98 .chart-center-number span:after {
  content: "98%";
}

.donut-chart.chart98 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart98 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart98 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart99 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart99 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e74c3c;
}

.donut-chart.chart99 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
  background: #e74c3c;
}

.donut-chart.chart99 .chart-center, .donut-chart.chart99 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart99 .chart-center span, .donut-chart.chart99 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #e74c3c;
}

.donut-chart.chart99 .chart-center span:after, .donut-chart.chart99 .chart-center-number span:after {
  content: "99%";
}

.donut-chart.chart99 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart99 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #e74c3c;
}

.donut-chart.chart99 .chart-center-number span:after {
  content: '';
}

.donut-chart {
  margin: 0 auto;
}

.donut-chart.chart100 {
  width: 150px;
  height: 150px;
  background: #e1e1e1;
}

.donut-chart.chart100 .slice.one {
  clip: rect(0 150px 75px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #50c690;
}

.donut-chart.chart100 .slice.two {
  clip: rect(0 75px 150px 0);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  background: #50c690;
}

.donut-chart.chart100 .chart-center, .donut-chart.chart100 .chart-center-number {
  top: 10px;
  left: 10px;
  width: 130px;
  height: 130px;
  background: #FFF;
}

.donut-chart.chart100 .chart-center span, .donut-chart.chart100 .chart-center-number span {
  font-size: 40px;
  line-height: 110px;
  color: #50c690;
}

.donut-chart.chart100 .chart-center span:after, .donut-chart.chart100 .chart-center-number span:after {
  content: "100%";
}

.donut-chart.chart100 .chart-center-number {
  position: relative;
  background: transparent;
  z-index: 20;
  top: 15px;
}

.donut-chart.chart100 .chart-center-number span {
  font-size: 15px;
  line-height: 130px;
  color: #50c690;
}

.donut-chart.chart100 .chart-center-number span:after {
  content: '';
}

/*
    VARIABLES
    --- ------------------------------ */
/*
    CSS
    ---------------------------------- */
h1 {
  margin: 0;
  color: #15aae2;
  padding: 0;
}

header .logo {
  padding: 30px 0px 0px;
  width: 200px;
}

header .logo h1 {
  color: #39414e;
}

header .logo img {
  max-width: 100%;
  vertical-align: middle;
}

@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
  header .imizamologo {
    display: none;
  }
}

header nav.navbar {
  padding: 0;
  margin-bottom: 20px;
}

header nav .navbar-toggler {
  padding-left: 0;
}

header nav .navbar-collapse {
  border: 1px solid #CCC;
}

header nav .navbar-collapse .navbar-nav {
  width: 100%;
}

header nav .navbar-collapse .navbar-nav .nav-item .nav-link {
  display: block;
  font-size: 18px;
  color: #FFF;
  background-color: #15aae2;
  text-align: center;
  width: 150px;
}

header nav .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  color: #FFF;
  background-color: #8ac240;
}

@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
  header nav .navbar-collapse .navbar-nav .nav-item .nav-link {
    width: 100%;
  }
}

header nav .navbar-collapse .navbar-nav .nav-item.active .nav-link {
  background-color: #8ac240;
}

header nav .navbar-collapse .adminlink {
  display: inline-block;
  padding: 0 20px;
  color: inherit;
  width: 120px;
}

header nav .navbar-collapse .adminlink:hover {
  color: #15aae2;
  text-decoration: none;
}

@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
  header nav .navbar-collapse .adminlink {
    text-align: center;
    padding: 10px;
    width: 100%;
  }
}

/*
    MAIN
    ------------------------------ */
main .breadcrumbs {
  margin-bottom: 30px;
}

main .breadcrumbs strong:first-child {
  color: #15aae2;
}

main .breadcrumbs a {
  color: inherit;
}

@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
  main .dashboard-header .col-md-8 {
    margin-bottom: 30px;
  }
}

main .dateform {
  text-align: right;
}

@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
  main .dateform .col-md-8 {
    margin-bottom: 10px;
    padding: 0 15px 0 15px;
  }
}

@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
  main .dateform .col-md-4 {
    text-align: center;
  }
}

main .reporting-dashboard {
  margin-top: 30px;
}

main .reporting-dashboard .card {
  padding: 20px;
  text-align: center;
}

main .reporting-dashboard .option-btn {
  display: inline-block;
  color: #15aae2;
  padding: 20px;
  text-align: center;
  border: 1px solid #CCC;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  min-width: 150px;
}

main .reporting-dashboard .option-btn:hover {
  color: #FFF;
  background-color: #8ac240;
  text-decoration: none;
}

main .reporting-dashboard .option-btn i {
  color: #000;
  font-size: 50px;
  margin-bottom: 20px;
}

.grey-box {
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 20px 0;
}

.grey-box p {
  margin: 0;
  padding: 0;
  font-size: 20px;
}

.stats-form {
  border: 1px solid #CCC;
  padding: 20px;
}

.card {
  padding: 20px;
}

/*
    FOOTER
    ---------------------------------- */
footer {
  margin: 40px 0 20px 0;
  border-top: 1px solid #CCC;
}

footer p {
  padding: 20px;
  text-align: center;
}

/*
    MICELLENOUS
    ---------------------------------- */
.float-right, main .dateform {
  float: right;
}

.text-right {
  text-align: right;
}

.no-padding {
  padding: 0;
}

.btn-primary {
  background-color: #8ac240;
  border: none;
}

.btn-primary:hover {
  background-color: #15aae2;
}

.alert-danger {
  display: none;
}

.error {
  border: 1px solid #CC0000;
}

.deletebtn {
  color: #CC0000;
}

/*
 *  COLORS
 *------------------------------------- */
.darkorange {
  color: #e71d2b !important;
}

.lightorange {
  color: #f09021 !important;
}

.teal {
  color: #1ba49d !important;
}

.lightpurple {
  color: #c4178c !important;
}

.lightblue {
  color: #14aae2 !important;
}

.darkblue {
  color: #2764ac !important;
}

.darkpurple {
  color: #7e317f !important;
}

.darkyellow {
  color: #d1d926 !important;
}

.lightgreen {
  color: #4cda8b !important;
}

.yellow {
  color: #ebea6c !important;
}

.rust {
  color: #da8f3b !important;
}
/*# sourceMappingURL=style.css.map */