.sc_steps {padding:0px;margin:0px;list-style-type:none;}
.sc_steps {display: flex;}

.sc_steps>.sc_step {padding:15px 25px;border:1px #cacaca solid;position:relative;}
.sc_steps>.sc_step {border-left-width:0px;}
.sc_steps>.sc_step:first-child 	{border-left-width:1px;}
.sc_steps>.sc_step:first-child 	{border-bottom-left-radius:3px;border-top-left-radius:3px;}
.sc_steps>.sc_step:last-child 	{border-bottom-right-radius:3px;border-top-right-radius:3px;}

.sc_steps>.sc_step:after {content:'';display:block;width:10px;height:10px;background:#ffffff;position:absolute;right:0px;top:0px;bottom:0px;margin:auto;}
.sc_steps>.sc_step:after {transform:rotate(-45deg);right:-5px;z-index:2;}
.sc_steps>.sc_step:after {
	border:1px #cacaca solid;
	border-width: 0 1px 1px 0;
	box-sizing: border-box;
}

.sc_steps.stepper_size_lg>.sc_step:after {
	width:20px;
	height:20px;
	right:-10px;
}


.sc_steps>.sc_step.active {background:#f0f0f0;}
.sc_steps>.sc_step.active:after {background:#f0f0f0;}

.sc_steps>.sc_step:last-child:after {display:none;}


.sc_steps {
	counter-reset: steps_counter;
}
.sc_steps>.sc_step .counter:before {
	counter-increment: steps_counter;
	content:'' counter(steps_counter) '. ';
}

.sc_steps.vertical {
	flex-direction:column;
}
.sc_steps.vertical>.sc_step {}
.sc_steps.vertical>.sc_step 				{border-left-width:1px;}
.sc_steps.vertical>.sc_step 				{border-top-width:0px;border-radius:0px;}
.sc_steps.vertical>.sc_step:first-child 	{border-top-width:1px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}

.sc_steps.vertical>.sc_step:after {top:auto;left:0px;}
.sc_steps.vertical>.sc_step:after {transform:rotate(45deg);bottom:-5px;z-index:2;}

.sc_steps.vertical.stepper_size_lg>.sc_step:after {
	width:20px;
	height:20px;
	bottom:-10px;
}


@media (max-width: 800px) 
{
	.sc_steps.responsible {
		flex-direction:column;
	}
	.sc_steps.responsible>.sc_step {}
	.sc_steps.responsible>.sc_step 				{border-left-width:1px;}
	.sc_steps.responsible>.sc_step 				{border-top-width:0px;}
	.sc_steps.responsible>.sc_step:first-child 	{border-top-width:1px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
	
	.sc_steps.responsible>.sc_step:after {top:auto;left:0px;}
	.sc_steps.responsible>.sc_step:after {transform:rotate(45deg);bottom:-5px;z-index:2;}
	
	
}


.sc_steps>.sc_step.sc_step_panel {margin:0px;padding:0px;}

.sc_steps>.sc_step.sc_step_panel>.sc_step_header {
	padding:10px;
	background:#0e4388;color:#ffffff;
}
.sc_steps>.sc_step.sc_step_panel>.sc_step_body {
	padding:10px;
	
}