/* STEPPER */
.mdl-stepper {
	background-color: white;
	padding: 24px 0;
	width: 100%;
	border-radius: 2px;
}

/* STEP */
.mdl-step {
	position: relative;
}

.mdl-step:not(.is-active) {
	height: initial !important;
}

.mdl-step:not(:last-child) {
	margin-bottom: 24px;
}

.mdl-step:not(:last-child).is-active {
	margin-bottom: 36px;
}

/* STEP ACTIVE */
.mdl-step.is-active .mdl-step__title {
	font-weight: bold;
}

.mdl-step.is-active .mdl-step__label-indicator {
	background-color: #0850C4;
}

.mdl-step__label {
	margin-bottom: 8px;
	padding: 12px 14px 12px 0;
	align-items: center;
}

/* STEP LABEL MOD WITH SUBLABEL */
.mdl-step__label--with-sublabel {
	align-items: baseline;
}

/* STEP TITLE */
.mdl-step__title {
	display:inline-block;
	float:left;
	order: 2;
	width: 100%;
	padding: 0 12px;
	background-color: #fff;
}

/* STEP TITLE MESSAGE */
.mdl-step__title-message {
	position: absolute;
	font-size: 12px;
	opacity: .7;
	font-weight: 400;
	top: 28px;
}

/* STEP LABEL INDICATOR */
.mdl-step__label-indicator {
	display:inline-block;
	float:left;
	order: 1;
	background-color: #cccccc;
	border-radius: 100%;
	color: white;
	margin-bottom: auto;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
	width:30px;
}

.mdl-step__label-indicator > :first-child {
	font-size: 18px;
	width: 30px;
	height: 30px;
	display:block;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
}

/* STEPPER MOD HORIZONTAL */

/*@media only screen and (min-width: 579px) {*/
	.mdl-stepper--horizontal {
		width: 100%;
		padding: 0;
		margin-bottom:18px;
	}

	.mdl-stepper--horizontal:before {
		content: '';
		background-color: transparent;
		width: 100%;
		min-height: 84px;
		position: absolute;
		top: 0;
		left: 0;
	}

	.mdl-step-final {
		font-weight: bold;
	}

	.mdl-stepper--horizontal > .mdl-step {
		position: static;
		justify-content: center;
		align-items: initial;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		height: initial;
		max-height: 84px;
		overflow: hidden;
	}

	.mdl-stepper--horizontal > .mdl-step:not(:first-child):not(:last-child) {
		margin: auto auto;
	}

	.mdl-stepper--horizontal > .mdl-step:not(:last-child) {
		width:33%;
		float:left;
	}

	.mdl-stepper--horizontal > .mdl-step:not(:last-child):after {
		content: '';
		position: relative;
		width: 100%;
		top: 27px;
		margin-left: -12px;
		height: 1px;
		background-color: rgba(0, 0, 0, 0.1);
	}

	.mdl-stepper--horizontal > .mdl-step.mdl-step--completed .mdl-step__title > .mdl-step__title-text {
		font-weight: bold;
	}

	.mdl-stepper--horizontal .mdl-step__label {
		margin: 0 7px 0 0;
		transition: 0.025s border-radius linear;
		background: linear-gradient(0deg, transparent 49%, #000 50%, transparent 51%);
	}

	.mdl-stepper--horizontal .mdl-step__label > .mdl-step__title {
		width: initial;
	}

	.mdl-stepper--horizontal .mdl-step__label > .mdl-step__title > * {
		white-space: nowrap;
		margin-top:4px;
	}

	.mdl-stepper--horizontal .mdl-step__label > .mdl-step__title > .mdl-step__title-message {
		position: relative;
		top: 0;
		line-height: 14px;
	}

	.mdl-stepper--horizontal .mdl-step__label > .mdl-step__label-indicator {
		margin-top: auto;
	}

	.mdl-stepper--horizontal .mdl-step > .mdl-step__content {
		position: absolute;
		top: 84px;
		left: 0;
		width: calc(100% - 48px);
		margin: 24px;
	}

	.mdl-stepper--horizontal.mdl-stepper--linear > .mdl-step:not(.mdl-step--completed):not(.is-active) .mdl-step__title > .mdl-step__title-text {
		opacity: .5;
	}
/*}*/

@media only screen and (max-width: 640px) {
	.mdl-stepper--horizontal .mdl-step__label > .mdl-step__title > * {
		margin-top: 6px;
	}
	.mdl-step__title-text {
		font-size: 13px;
	}
	.mdl-step__title {
		padding: 0 8px;
	}
}

.mdl-step__space {
	display:none;

}

@media only screen and (max-width: 580px) {
	.hide_sm_title {
		display:none;
	}
	.mdl-step__space {
		display: inline-block;
		float: left;
		background-color: #fff;
		width: 7px;
	}
}