/* circle progress bar start */
.circle-progress-bar {
	position: relative;
}

.circle-progress-bar .progress-content {
	position: relative;
}

.circle-progress-bar .radial {
	position: relative;
	top: 0em;
	left: 0em;
	font-size: 36px;
	width: 1.0em;
	height: 1.0em;
	border-radius: 50%;	
	background-color: #fff;
	opacity: 1;
}
/* outer circle */
.circle-progress-bar .radial:before {
	position: absolute;
	top: 0em;
	left: 0em;
	display: block;
	content: " ";
	border-radius: 50%;
	background-color: transparent;
	width: 0.84em;
	height: 0.84em;
	box-sizing: content-box !important;
	border: 3px solid rgba(0,0,0,0.1);
	background-color: transparent;
}
/* inner circle */
.circle-progress-bar .radial:after {
	position: absolute;
	top: 0.09em;
	left: 0.09em;
	display: block;
	content: " ";
	border-radius: 50%;
	background-color: transparent;
	width: 0.80em;
	height: 0.80em;
	box-sizing: content-box !important;
}

.circle-progress-bar .radial-initial-clip {
	position: absolute;
	width: 1.05em;
	height: 1.05em;
	clip: rect(0em, 1em, 1em, 0.5em);
	box-sizing: content-box !important;
	left: 0em;
	top:0em;
}

.circle-progress-bar .radial>span {
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 0em;
	top: 0em;
	width: 5em;
	line-height: 5em;
	font-size: 0.20em;
	color:#0460A9;
	display: block;
	text-align: center;
	white-space: nowrap;
}

.circle-progress-bar .over-50 {
	position: absolute;
	border: 3px solid #0460A9;
	width: 1em;
	height: 1em;
	clip: rect(auto, auto, auto, 0.5em);
	border-radius: 50%;
}

.circle-progress-bar .radial-bar {
	position: absolute;
	border: 3px solid #0460A9;
	width: 1em;
	height: 1em;
	clip: rect(0em, 0.5em, 1em, 0em);
	border-radius: 50%;
}
/* circle progress bar end */
/* horizontal progress bar start */
	#horizontal-progress-panel{display: none;}
	#horizontal-progress-div {
		position: absolute;
		bottom: 0em;	
		width: 100%;	
		height: 0.5em;	
		background-color:#023761;	
		left: 0em;
		z-index: 1;
	}
	#horizontal-progress-div .full-strip{position: absolute; left: 0em; bottom: 0em; width: 100%; height: 0.5em; background-color: #616161;}
	#horizontal-progress-div .curr-strip{position: absolute; left: 0em; bottom: 0em; width: 0%; height: 0.5em; background-color: #0460A9; transition: all 1s ease-in;}

	#horizontal-progress-div .highlighter{
		position: absolute;
		left: calc(1% - 1em);	
		bottom: 0em;	
		width: 1em;	
		height: 1em;	
		background-color:#0F4DBC;
		transition: all 1s ease-in;
	}
/* horizontal progress bar end */