.flexer,.progressindicator{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
}
.no-flexer,.progressindicator.stacked{
	display:block;
}
.no-flexer-element{
	-ms-flex:0;-webkit-flex:0;-moz-flex:0;flex:0;
}
.flexer-element,.progressindicator>li{
	-ms-flex:1;-webkit-flex:1;-moz-flex:1;flex:1;
}
.progressindicator{
	margin:0 0 1em;
	padding:0;
	font-size:80%;
	#text-transform:uppercase;
	#color:blue;

}
.progressindicator a {
	color:var(--current-color)!important;
}
.progressindicator>li{
	list-style:none;
	text-align:center;
	width:auto;
	padding:0;
	margin:0;
	position:relative;
	text-overflow:ellipsis;
	color:#bbb;
	display:block;
}

.progressindicator>li:hover{
	color:#6f6f6f;
}
.progressindicator>li.completed,.progressindicator>li.completed .bubble{
	color:var(--current-color);
}
.progressindicator>li .bubble{
	border-radius:1000px;
	width:20px;
	height:20px;
	background-color:#bbb;
	display:block;
	margin:0 auto .5em;
	border-bottom:1px solid #888;
}
.progressindicator>li .bubble span.oki{
	color:green;
	
}
.progressindicator>li .bubble span.oki a{
	color:green;
	
}
.progressindicator>li .bubble:after,.progressindicator>li .bubble:before{
	display:block;
	position:absolute;
	top:9px;
	width:100%;
	height:3px;
	content:'';
	background-color:#bbb;
}
.progressindicator>li.completed .bubble,.progressindicator>li.completed .bubble:after,.progressindicator>li.completed .bubble:before{
	background-color:var(--current-color);
	border-color:#247830;
}
.progressindicator>li .bubble:before{
	left:0;
}
.progressindicator>li .bubble:after{
	right:0;
}
.progressindicator>li:first-child .bubble:after,.progressindicator>li:first-child .bubble:before{
	width:50%;margin-left:50%;
}
.progressindicator>li:last-child .bubble:after,.progressindicator>li:last-child .bubble:before{
	width:50%;margin-right:50%;
}
.progressindicator>li.active,.progressindicator>li.active .bubble{
	color:#27ae60;
}
.progressindicator>li.active .bubble,.progressindicator>li.active .bubble:after,.progressindicator>li.active .bubble:before{
	background-color:#27ae60;
	border-color:#122a3f;
}
.progressindicator>li a:hover .bubble,.progressindicator>li a:hover .bubble:after,.progressindicator>li a:hover .bubble:before{
	background-color:#5671d0;
	border-color:#1f306e;
}
.progressindicator>li a:hover .bubble{
	color:#5671d0;
}
.progressindicator>li.danger .bubble,.progressindicator>li.danger .bubble:after,.progressindicator>li.danger .bubble:before{
	background-color:#d3140f;
	border-color:#440605;
}

.progressindicator>li.fadedok .bubble,.progressindicator>li.fadedok .bubble:after,.progressindicator>li.danger .bubble:before{
	background-color:#55efc4;
	border-color:#440605;
}

.progressindicator>li.halfdanger .bubble,.progressindicator>li.halfdanger .bubble:after,.progressindicator>li.halfdanger .bubble:before{
	background-color:#e67e22;
	border-color:#440605;
}
.progressindicator>li.quarterdanger .bubble,.progressindicator>li.quarterdanger .bubble:after,.progressindicator>li.quarterdanger .bubble:before{
	background-color:#f1c40f;
	border-color:#440605;
}
.progressindicator>li.fadecompleted .bubble,.progressindicator>li.fadecompleted .bubble:after,.progressindicator>li.fadecompleted .bubble:before{
	background-color:#9b59b6;
	border-color:#440605;
}
.progressindicator>li.night .bubble,.progressindicator>li.night .bubble:after,.progressindicator>li.night .bubble:before{
	background-color:#34495e;
	border-color:#440605;
}
.progressindicator>li.danger .bubble{
	color:#d3140f;
}
.progressindicator>li.halfdanger .bubble{
	color:#e67e22;
}
.progressindicator>li.quarterdanger .bubble{
	color:#f1c40f;
}

.progressindicator>li.fadecompleted .bubble{
	color:#9b59b6; 
}
.progressindicator>li.night .bubble{
	color:#34495e;
}
.progressindicator>li.warning .bubble,.progressindicator>li.warning .bubble:after,.progressindicator>li.warning .bubble:before{
	background-color:#8e44ad;
	border-color:#5a4304;
}
.progressindicator>li.warning .bubble{
	color:#edb10a;
}.progressindicator>li.info .bubble,.progressindicator>li.info .bubble:after,.progressindicator>li.info .bubble:before{
	background-color:#5b32d6;
	border-color:#25135d;
}
.progressindicator>li.info .bubble{
	color:#5b32d6;
}
.progressindicator.stacked>li{
	text-indent:-10px;text-align:center;display:block;
}
.progressindicator.stacked>li .bubble:after,.progressindicator.stacked>li .bubble:before{
	left:50%;margin-left:-1.5px;width:3px;height:100%;
}
.progressindicator.stacked .stacked-text{
	position:relative;
	z-index:10;
	top:0;margin-left:60%!important;
	width:45%!important;
	display:inline-block;
	text-align:left;
	line-height:1.2em;
	
}
.progressindicator.stacked>li a{
	border:none;
	
}.progressindicator.stacked.nocenter>li .bubble{
	margin-left:0;margin-right:0;
}
.progressindicator.stacked.nocenter>li .bubble:after,.progressindicator.stacked.nocenter>li .bubble:before{
	left:10px;
}
.progressindicator.stacked.nocenter .stacked-text{
	width:auto!important;
	display:block;
	margin-left:40px!important;
	
}
@media handheld,screen and (max-width:400px){
	.progressindicator{
		font-size:60%
	}
}