@charset "utf-8";

.btn .icon-help.step {
	left: 20px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}
.btn .icon-help.step::before {
	font-size: 2rem;
}
.box--border-gray {
	border: 2px solid #eee;
}
.label{
	padding: 0 8px;
	line-height: unset;
}
.label--border-red-dark {
	background: #fff;
	vertical-align: text-top;
	border: 1px solid #d21e1e;
	font-size: 1rem;
	color: #d21e1e;
}
.label.label--step-a {
	background: #d21e1e;
}
.label.label--step-b {
	background: #006cb6;
}
.label.label--step-c {
	background: #007300;
}
.label.label--step-d {
	background: #2A2A5B;
}
.label.label--step-a,
.label.label--step-b,
.label.label--step-c,
.label.label--step-d {
	align-content: center;
	height: 20px;
	font-size: 1.1rem;
	color: #fff;
}
.step {
	display: flex;
	align-items: center;
	line-height: 0;
}
.step a {
	display: flex;
	align-items: center;
}
.step a:hover {
	text-decoration: none;
}
.step .icon-help {
	color: #006cb6;
}
.step .icon-help:hover {
	text-decoration: none;
}
.step .icon-help::before {
	font-size: 2rem;
}
.step .link {
	color: #333;
}
.step:hover .link {
	text-decoration: underline;
	color: #006cb6;
}
.c-modal {
	margin: 20px;
	max-height: 95vh;
	overflow-y: auto;
}