div.progress_bar_container{
	height: 100px;
}

/*
If you change the width, tweak the x-position of the bar.
See explanation at bottom under Bar Styles.
*/
div.progress_bar{
width:120px;
text-align:center;
display:inline-block;
padding-bottom:3px;
font-size:11px;
/* background-image:url("images/progressbar.gif"); */
background-repeat: no-repeat;
margin-left:-5px;
}

div.background_bar {
	position: absolute;
	width: 100%;
	height: 9px;
	top: 45px;
	padding-left: 50px;
	padding-right: 50px;
	background: #DADADA;
	background-clip: content-box;
}

#CertAppLeftHeader, .progress_bar_container{
	display: inline-block;
}

div.progress_bar a img{
border:2px solid transparent;
}


div.progress_bar a:hover img{
border:2px solid #049bfb;
}

div.progress_bar a{
text-decoration:none;
}

div.progress_bar a:hover{
text-decoration:none;
}

div.progress_bar span{
	font-weight:bold;
	text-transform:uppercase;
	color:#abaaaa;
}

div.progress_bar.current span{
text-transform:uppercase;
color:#F0AD4E;
}

div.progress_bar > div{
	white-space: nowrap;
}

.progress_bar a{
  font-size:16px;
}

div.progress_bar.current span{
text-transform:uppercase;
color:#F0AD4E;
}

div.progress_bar.current span i{
font-size:35px;
margin-top:-3px;
}

/**************** Vertical Styles ***************/
div.progress_bar_vertical{
border:2px solid transparent;
margin-bottom:5px;
}

div.progress_bar_vertical th, div.progress_bar_vertical td {
	padding:3px;
	overflow-wrap: break-word;
}

div.progress_bar_vertical:hover{
border:2px solid #17a2b8;
border-radius:4px;
}

a.progressbarLink{
text-decoration:none;
}

a.progressbarLink:hover{
text-decoration:none;
}

div.progress_bar_vertical span{
	font-weight:bold;
	color:#abaaaa;
}


div.progress_bar_vertical > div{
	white-space: nowrap;
}

div.progress_bar_vertical.current span{
text-transform:uppercase;
color:#2a6496;
}

/**************** Bar Styles ****************/

/*
the background position of the bar image is specified
by the X-value (horizontal or distance from the left)
followed by the Y-value (vertical or distance from the top)

The length of the bar image is 200px. For the step at the end, 
if you want only 30px of the bar to show, specify the X value to be -170px
*/
.start{
background-position: 50px 45px;
}

.interim{
background-position: 0px 45px;
}

.end{
background-position: -125px 45px; 
}

#ProgressBarDiv {
z-index: 10;
}

.glyphicon-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
  
.glyphicon-circle{
position: relative;
border-radius: 50%;
width: 100%;
height: auto;
padding-top: 100%;
background: #DADADA;
}

.bigger-icon i {
	font-size:2em;
	border-radius:50%;
}

.icon-danger{
	color: #D9534F;
	border-color: #D43F3A;
}

.icon-success{
	color: #5CB85C;
	border-color: #4CAE4C;
}

.icon-square{
	border-radius:0px;
}