.progress-pie-chart {
 	width: 200px;
  	height: 200px;
  	border-radius: 50%;
  	background-color: #E5E5E5;
  	position: relative;
}
.progress-pie-chart.gt-50 {
  	background-color: #757575;
}

.ppc-progress {
  	content: "";
  	position: absolute;
  	border-radius: 50%;
  	left: calc(50% - 100px);
  	top: calc(50% - 100px);
  	width: 200px;
  	height: 200px;
  	clip: rect(0, 200px, 200px, 100px);
}
.ppc-progress .ppc-progress-fill {
  	content: "";
  	position: absolute;
  	border-radius: 50%;
  	left: calc(50% - 100px);
  	top: calc(50% - 100px);
  	width: 200px;
  	height: 200px;
  	clip: rect(0, 100px, 200px, 0);
  	background: #757575;
  	transform: rotate(359deg);
  	border-spacing: 0;
}
.gt-50 .ppc-progress {
  	clip: rect(0, 100px, 200px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
  	clip: rect(0, 200px, 200px, 100px);
  	background: #E5E5E5;
}

.ppc-percents {
  	content: "";
  	position: absolute;
  	border-radius: 50%;
  	left: calc(50% - 173.9130434783px/2);
  	top: calc(50% - 173.9130434783px/2);
  	width: 173.9130434783px;
  	height: 173.9130434783px;
  	background: #fff;
  	text-align: center;
  	display: table;
}
.ppc-percents span {
  	display: block;
  	font-size: 2.6em;
  	font-weight: bold;
  	/*color: #81CE97;*/
}

.pcc-percents-wrapper {
  	display: table-cell;
  	vertical-align: middle;
}

.progress-pie-chart, .progress-bar-chart {
  	margin: 20px auto 0;
}

.progress-bar-chart br {
  display: none;
}

.progress-bar {
	margin: 10px auto 0;
	width: 100%;
	height: 30px;
	background-color: #BDBDBD;
	border-radius: 5px;
	position: relative;
}

.progress-bar-fill {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #757575;
	height: 30px;
	border-radius: 5px;
}

.progress-label-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 30px;
	display: flex;
	align-items: center;
	padding: 0 10px;
}

.progress-label {
	text-align: left;
	width: calc(100% - 50px);
	font-size: 12px;
}

.progress-percent {
	text-align: right;
	width: 50px;
}

@media screen and (max-width: 480px) {
	.progress-label {
		font-size: 10px;
	}
}