.container{
		width:100%;
	}
	.progressbar{
		counter-reset: step;
		font-size: 12px;
	}
	
	.progressbar li{
		list-style-type: none !important;
		float: left;
		width: 20%;
		position: relative;
		text-align: center;
	}
	.progressbar li:before{
		content: counter(step) !important;
		counter-increment: step !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important;
		border: 2px solid #ddd !important;
		display: block !important;
		text-align: center !important;
		margin: 0 auto 10px auto !important;
		border-radius: 50% !important;
		background-color: white !important;
		
	}
	
	.progressbar li:after{
		content: '' !important;
		position: absolute !important;
		width: 100% !important;
		height: 2px !important;
		
		top: 15px !important;
		left: -50% !important;
		z-index: -1 !important;
	}
	.progressbar li li:after{
		background-color: #ddd !important;
	}
	
	.progressbar li:first-child:after{
		content: none;
	}
	
	.progressbar li.active{
		color: green !important;
	}
	
	.progressbar li.active:before{
		border-color: green !important;
	}
	.progressbar li.active + li:after{
		background-color: green !important;
	}
	
	.right-border{
	border-color:#ccc;
	border-width:1px;
	border-right-style: solid;
}