/* Checkout */

.step.current {
	color: var(--bs-dark) !important;
	font-weight: bold;
}

.checkout-standard .steps {
	font-weight: bold;
	text-align: center;
	counter-reset: step;
	padding: 0;
	padding-bottom: 2rem;
}

.checkout-standard .steps a {
	text-decoration: none;
}

.checkout-standard .steps .active {
	color: var(--ai-primary);
	border-bottom: 1px solid var(--ai-secondary);
}

.checkout-standard .steps .current {
	color: var(--ai-bg);
	background-color: var(--ai-secondary);
	border-bottom: 1px solid var(--ai-secondary);
}

.checkout-standard .steps .order,
.checkout-standard .steps .process {
	display: none;
}

.checkout-standard .step {
	display: inline-block;
	color: var(--bs-gray-500);
	line-height: 1.5;
	vertical-align: baseline;
	margin-top: 0.3rem;
}

ol.orwo-order-steps {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1320px;
	margin: 0 auto 1rem auto;
	padding: 0 3rem;
}

.checkout-standard .step span.short {
	display: none;
}

.reg_bullet {
	margin: 15px 0;
	padding: 0;
}

.reg_bullet li {
	list-style: none;
	position: relative;
	clear: left;
	min-height: 55px;
}

.reg_bullet li span {
	display: block;
	position: relative;
	left: -6px;
	top: -5px;
	background-color: #d7203e;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	float: left;
	background-repeat: no-repeat;
	background-position: 7px;
}
.reg_bullet_1 {
	background-image: url("/fileadmin_rossmann/icons/icon-profile.png");
}
.reg_bullet_2 {
	background-image: url("/fileadmin_rossmann/icons/icon-package.png");
}
.reg_bullet_3 {
	background-image: url("/fileadmin_rossmann/icons/icon-comforter.png");
}
.reg_bullet_4 {
	background-image: url("/fileadmin_rossmann/icons/icon-details.png");
}

@media screen and (max-width: 560px){
	.checkout-standard .step {
		width: 20%;
		text-align: center;
	}
	.checkout-standard .step:last-of-type {
		width: 10%;
	}
	.checkout-standard .step:not(:last-of-type):after {
		content: url(/fileadmin_rossmann/icons/arrow-right.svg);
		display: inline-block;
		width: 8.8px;
		height: 14px;
		flex-grow: 0;
		color: var(--bs-dark);
		margin-left: 25%;
		vertical-align: top;
	}

	.checkout-standard .step.active a {
		text-decoration: none;
	}

	.checkout-standard .step span.short {
		display: inline-block;
	}

	.checkout-standard .step span.long {
		display: none;
	}

}

.checkout-standard .form-list {
	margin: 1rem;
}

.checkout-standard .form-list .mandatory {
	font-weight: bold;
}

.checkout-standard .form-list .mandatory > label:after {
	content: " *";
}

.checkout-standard .form-list .error {
	color: var(--ai-danger);
}

.checkout-standard .form-list .error input,
.checkout-standard .form-list .error select {
	border-bottom: 1px solid var(--ai-danger);
}

.checkout-standard .button-group {
	display: none;
}

.checkout-standard section:last-child .button-group {
	display: block;
}


/* Checkout address */

.checkout-standard-address h2 {
	padding: 1%;
	letter-spacing: 1.5px;
}

.checkout-standard-address .item-address {
	padding: 1%;
}

.checkout-standard-address .item-address .header {
	border: 1px solid var(--ai-bg-light);
	padding: 1rem;
	position: relative;
}

.checkout-standard-address .minibutton.delete {
	position: absolute;
	padding: 1rem;
	right: 0;
	top: 0;
}

.checkout-standard-address .item-address .header input:not(.orwo-input) {
	display: inline-block;
	vertical-align: middle;
	border: 2px solid var(--bs-dark);
	margin: 0;
	margin-inline-end: 1rem;
	width: 22px;
	height: 22px;
}

.checkout-standard-address .item-address .values {
	display: inline-block;
	margin: 0;
	letter-spacing: inherit;
}

.checkout-standard-address .item-address #outlet-zip-input {
	width: 25%;
	display: inline-block;
}

.checkout-standard-address .item-address #outlet-select {
	margin-top: 10px;
}

.checkout-standard-address .item-address #outlet-location-result {
	max-height: 370px;
	overflow: auto;
}

.checkout-standard-address .item-address #outlet-location-result .locations {
	display: flex;
	width: 95%;
	margin: 0 0 8px 10px;
	flex-direction: row;
	justify-content: space-between;
}

.checkout-standard-address .item-address #outlet-location-result .locations label {
	margin-left:10px
}

.checkout-standard-address .item-address #outlet-location-result .locations div:first-of-type {
	display: flex;
}

.checkout-standard-address .item-address #outlet-location-result .locations .openingDays {
	font-size: 14px;
}

.checkout-standard-address .item-address #outlet-location-result .locations:first-of-type {
	margin-top:20px;
}

.checkout-standard-address .item-address #outlet-location-result .locations input {
	width: 16px;
	height: 16px;
	padding: 0 !important;
}

.checkout-standard-address .item-address #outlet-location-result .store-place-link {
	display: block;
	text-decoration: none !important;
	margin: 12px 0 0 10px;
	cursor: pointer;
}

.checkout-standard-address .item-address #outlet-location-result .store-place-link:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	background: url(../../Icons/icon_arrow-left.svg);
	background-size: 12px 12px;
	color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
}

.checkout-standard-address .item-address .loading {
	background-size: 30px 30px;
	border-radius: 28px;
	width: 28px;
	height: 28px;
	position: relative;
}

.form-check-input.load[type="radio"]:checked {
	background-image: url("../../Css/assets/spinner.svg");
	background-color: #C3002D;
}

.form-check-input.load[type="radio"] {
	background-image: url("../../Css/assets/spinner.svg");
	background-color: #999;
}

.form-check-input:focus {
	box-shadow: none !important;
}

.checkout-standard .form-list .mandatory,
.checkout-standard .form-list .optional,
.checkout-standard .form-list .hidden,
.checkout-standard .form-list .error,
.checkout-standard .attr-list .mandatory,
.checkout-standard .attr-list .optional,
.checkout-standard .attr-list .hidden,
.checkout-standard .attr-list .error {
	clear: both;
}

.checkout-standard-address .form-list .form-item {
	display: none;
}

.checkout-standard-address .form-list .mandatory,
.checkout-standard-address .form-list .optional {
	display: flex;
}

.checkout-standard-address .form-list .hidden {
	display: none;
}

.checkout-standard-address .form-list .mandatory label:after {
	content: "*";
}

.checkout-standard-address .form-item label {
	margin: 0.875rem 0;
}

.checkout-standard-address .form-item .form-control {
	margin: 0.5rem 0;
}


/* Common for delivery/payment */

.checkout-standard .item-service .description {
	display: inline-block;
	vertical-align: top;
	min-width: 240px;
	max-width: 480px;
	padding: 0.5rem 0;
	width: 100%;
}

.checkout-standard .item-service .description h2 {
	font-size: 110%;
}

.checkout-standard .item-service .description .short {
	font-weight: bold;
	padding: 0.5rem 0;
}

.checkout-standard .item-service .description .long {
	padding: 0.5rem 0;
}

.checkout-standard .item-service .description h2,
.checkout-standard .item-service .description p {
	margin: 0 1rem;
}

.checkout-standard .item-service .description h2,
.checkout-standard .item-service .icons {
	display: inline-block;
}

.checkout-standard .item-service .icons img {
	max-height: 4rem;
	margin: 0 1rem;
}

.checkout-standard .item-service .option {
	margin: 1rem;
	width: 22px;
	height: 22px;
}

.checkout-standard .item-service .price-value {
	float: right;
	margin: 1rem;
	font-size: 100%;
}

[dir="rtl"] .checkout-standard .item-service .price-value {
	float: left;
}

.checkout-standard .item-service .icon {
	display: inline-block;
}

.checkout-standard .item-service .form-item-value input {
	display: none;
}

.checkout-standard .item-service .form-item-value label {
	border-left: 2px solid transparent;
	font-weight: normal;
	padding: 0.5rem;
	display: block;
}

.checkout-standard .item-service .form-item-value input:checked + label {
	border-left-color: var(--ai-tertiary);
	background-color: var(--ai-bg-light);
}


/* Checkout delivery/payment */

.checkout-standard-delivery .note,
.checkout-standard-payment .note {
	padding: 0 0 1rem 0;
}

.checkout-standard-delivery h2,
.checkout-standard-payment h2 {
	font-size: 1rem;
}

.checkout-standard-delivery .item,
.checkout-standard-payment .item {

}


.checkout-standard-delivery .item-service .price-value,
.checkout-standard-payment .item-service .price-value {
	margin: 1.25rem;
}

/* Checkout summary */

.checkout-standard-summary h3 {
	display: inline-block;
	font-size: 1rem;
	margin: 0;
}

.checkout-standard-summary a:hover {
	text-decoration: underline;
}

.checkout-standard-summary .note {
	padding: 0 0 1rem 0;
}

.checkout-standard-summary .modify {
	float: right;
}

[dir="rtl"] .checkout-standard-summary .modify {
	float: left;
}


/* Checkout summary option terms */

.checkout-standard-summary-option {
	padding-top: 0.5rem;
	padding-bottom: 1rem;
	max-width: 1320px;
	margin: auto;
}

.checkout-standard-summary-option h3 {
	margin: 0;
	padding: 0.5rem;
	display: block;
}

.checkout-standard-summary-option p {
	display: inline;
	margin-inline-start: 1rem;
}

.checkout-standard-summary-option .single {
	padding: 0.5rem 0;
}

.checkout-standard-summary-option label,
.checkout-standard-summary-option input {
	display: inline;
}

.checkout-standard-summary-option input[type="checkbox"] {
	margin-inline-start: 0.5rem;
}

.aimeos .checkout-standard-summary-option-terms a:link:not(.btn),
.aimeos .checkout-standard-summary-option-terms a:visited:not(.btn) {
	color: var(--ai-primary);
	text-decoration: underline;
}

.aimeos .checkout-standard-summary-option-terms a:link:not(.btn):hover,
.aimeos .checkout-standard-summary-option-terms a:visited:not(.btn):hover {
	color: var(--ai-secondary);
	text-decoration: underline;
}


/* Checkout order */

.checkout-standard-order {
	padding: 0;
	padding-inline-start: 1rem;
}

.checkout-standard-order .form-list .mandatory {
	font-weight: bold;
	display: list-item;
}

.checkout-standard-process {
	text-align: center;
}

.checkout-standard-process p {
	margin: 1rem 0;
}

.checkout-standard-process .form-list{
	text-align: start;
	margin: auto;
	padding: 2rem;
}

.checkout-standard-process .form-list .row  div:last-of-type {
	padding-top:.35rem;
}

.checkout-standard-process .form-list > div {
	max-width: 500px;
	margin: 0 auto;
}

.checkout-standard-process .button-group {
	display: flex;
	justify-content: end;
}

/* language is needed for email-templates, so set to display none */
.checkout-standard-address-billing .languageid.optional {
	display: none;
}