/* ==========================================================================
# Pie Chart Basic - begin
========================================================================== */

.edgtf-pie-chart-holder {
	position: relative;
	display: block;

	.edgtf-percentage {
		position: relative;
		display: block;
		height: 180px;
		width: 180px;
		line-height: 180px;
		text-align: center;
		margin: 0 auto;
		opacity: 0;
		filter: alpha(opacity=0);
		@include edgtfTransition(opacity .3s ease-out);

		.edgtf-pie-title {
			line-height: inherit;
		}

	}

	.edgtf-percentage canvas {
		position: absolute;
		top: 0;
		left: 0;
	}

	.edgtf-to-counter {
		position: relative;
		font-weight: 500;
		font-size: 34px;
		color: #303030;
	}

	.edgtf-percent-sign {
		font-weight: 500;
		font-size: 34px;
		color: #303030;
	}

	.edgtf-pie-chart-text {
		text-align: center;
		margin: 22px 0 0;

		.edgtf-pie-title {
			margin: 0 0 6px;
		}

	}

}

/* ==========================================================================
# Pie Chart Basic - end
========================================================================== */
