/*! To obtain a copy of the licenses for each of the below packages' code, please see the open_source_licenses.txt file in the root directory of this site. */
.primary-background-theme .plain-theme {
	background: white;
	color: black;
}

	.primary-background-theme .plain-theme:hover,
	.primary-background-theme .plain-theme.hover {
		background: #E0E2E5; /* Bosch Gray 90 */
	}

	.primary-background-theme .plain-theme:focus,
	.primary-background-theme .plain-theme.focus {
		background: #E8F1FF; /* Bosch Blue 95 */
	}

	.primary-background-theme .plain-theme:active,
	.primary-background-theme .plain-theme.active {
		background: #C1C7CC; /* Bosch Gray 80 */
	}

	.primary-background-theme .plain-theme:disabled,
	.primary-background-theme .plain-theme.disabled,
	.primary-background-theme .plain-theme:hover:disabled,
	.primary-background-theme .plain-theme.hover.disabled,
	.primary-background-theme .plain-theme:active:disabled,
	.primary-background-theme .plain-theme.active.disabled,
	.primary-background-theme .plain-theme:focus.disabled,
	.primary-background-theme .plain-theme.focus.disabled {
		color: #C1C7CC; /* Bosch Gray 80 */
		background: white;
	}

.primary-background-theme .major-accent-theme {
	color: white;
	background: #007BC0; /* Bosch Blue 50 */
}

	.primary-background-theme .major-accent-theme:hover {
		background: #00629A; /* Bosch Blue 40 */
	}

	.primary-background-theme .major-accent-theme:active {
		background: #004975; /* Bosch Blue 30 */
	}

		.primary-background-theme .major-accent-theme:disabled,
		.primary-background-theme .major-accent-theme.disabled,
		.primary-background-theme .major-accent-theme:hover:disabled,
		.primary-background-theme .major-accent-theme.hover.disabled,
		.primary-background-theme .major-accent-theme:active:disabled,
		.primary-background-theme .major-accent-theme.active.disabled {
			color: #8A9097; /* Bosch Gray 60 */
			background: #C1C7CC; /* Bosch Gray 80 */
		}

.contrast-background-theme .major-accent-theme {
	color: white;
	background: #007BC0; /* Bosch Blue 50 */
}

	.contrast-background-theme .major-accent-theme:hover {
		background: #0096E8; /* Bosch Blue 60 */
	}

	.contrast-background-theme .major-accent-theme:active {
		background: #56B0FF; /* Bosch Blue 70 */
	}

		.contrast-background-theme .major-accent-theme:disabled,
		.contrast-background-theme .major-accent-theme.disabled,
		.contrast-background-theme .major-accent-theme:hover:disabled,
		.contrast-background-theme .major-accent-theme.hover.disabled,
		.contrast-background-theme .major-accent-theme:active:disabled,
		.contrast-background-theme .major-accent-theme.active.disabled {
			color: #8A9097; /* Bosch Gray 60 */
			background: #595E62; /* Bosch Gray 40 */
		}


.primary-background-theme .minor-accent-theme {
	color: #007BC0; /* Bosch Blue 50 */
	border-color: #007BC0; /* Bosch Blue 50 */
}

	.primary-background-theme .minor-accent-theme:hover,
	.primary-background-theme .minor-accent-theme.hover {
		color: #00629A; /* Bosch Blue 40 */
		border-color: #00629A; /* Bosch Blue 40 */
		background: #D1E4FF; /* Bosch Blue 90 */
	}

	.primary-background-theme .minor-accent-theme:active,
	.primary-background-theme .minor-accent-theme.active {
		color: #004975; /* Bosch Blue 30 */
		border-color: #004975; /* Bosch Blue 30 */
		background: #9DC9FF; /* Bosch Blue 80 */
	}

		.primary-background-theme .minor-accent-theme:disabled,
		.primary-background-theme .minor-accent-theme.disabled,
		.primary-background-theme .minor-accent-theme:hover:disabled,
		.primary-background-theme .minor-accent-theme.hover.disabled,
		.primary-background-theme .minor-accent-theme:active:disabled,
		.primary-background-theme .minor-accent-theme.active.disabled {
			color: #C1C7CC; /* Bosch Gray 80 */
			border-color: #C1C7CC; /* Bosch Gray 80 */
			background: none;
		}
.secondary-background-theme .minor-accent-theme {
	color: #006EAD; /* Bosch Blue 45 */
	border-color: #006EAD; /* Bosch Blue 45 */
}

	.secondary-background-theme .minor-accent-theme:hover,
	.secondary-background-theme .minor-accent-theme.hover {
		color: #005587; /* Bosch Blue 35 */
		border-color: #005587; /* Bosch Blue 35 */
		background: #B8D6FF; /* Bosch Blue 85 */
	}

	.secondary-background-theme .minor-accent-theme:active,
	.secondary-background-theme .minor-accent-theme.active {
		color: #003E64; /* Bosch Blue 25 */
		border-color: #003E64; /* Bosch Blue 25 */
		background: #7EBDFF; /* Bosch Blue 75 */
	}

		.secondary-background-theme .minor-accent-theme:disabled,
		.secondary-background-theme .minor-accent-theme.disabled,
		.secondary-background-theme .minor-accent-theme:hover:disabled,
		.secondary-background-theme .minor-accent-theme.hover.disabled,
		.secondary-background-theme .minor-accent-theme:active:disabled,
		.secondary-background-theme .minor-accent-theme.active.disabled {
			color: #B2B9C0; /* Bosch Gray 75 */
			border-color: #B2B9C0; /* Bosch Gray 75 */
			background: none;
		}

.primary-background-theme .integrated-theme {
	color: black;
}

	.primary-background-theme .integrated-theme:hover {
		color: #007BC0; /* Bosch Blue 50 */
	}

	.primary-background-theme .integrated-theme:active {
		color: #00629A; /* Bosch Blue 40 */
	}

		.primary-background-theme .integrated-theme:disabled,
		.primary-background-theme .integrated-theme.disabled,
		.primary-background-theme .integrated-theme:hover:disabled,
		.primary-background-theme .integrated-theme.hover.disabled,
		.primary-background-theme .integrated-theme:active:disabled,
		.primary-background-theme .integrated-theme.active.disabled {
			color: #C1C7CC; /* Bosch Gray 80 */
		}
.secondary-background-theme .integrated-theme {
	color: black;
}

	.secondary-background-theme .integrated-theme:hover {
		color: #006EAD; /* Bosch Blue 45 */
	}

	.secondary-background-theme .integrated-theme:active {
		color: #005587; /* Bosch Blue 35 */
	}

		.secondary-background-theme .integrated-theme:disabled,
		.secondary-background-theme .integrated-theme.disabled,
		.secondary-background-theme .integrated-theme:hover:disabled,
		.secondary-background-theme .integrated-theme.hover.disabled,
		.secondary-background-theme .integrated-theme:active:disabled,
		.secondary-background-theme .integrated-theme.active.disabled {
			color: #B2B9C0; /* Bosch Gray 75 */
		}
.contrast-background-theme .integrated-theme {
	color: white;
}

	.contrast-background-theme .integrated-theme:hover {
		color: #56B0FF; /* Bosch Blue 70 */
	}

	.contrast-background-theme .integrated-theme:active {
		color: #9DC9FF; /* Bosch Blue 80 */
	}

		.contrast-background-theme .integrated-theme:disabled,
		.contrast-background-theme .integrated-theme.disabled,
		.contrast-background-theme .integrated-theme:hover:disabled,
		.contrast-background-theme .integrated-theme.hover.disabled,
		.contrast-background-theme .integrated-theme:active:disabled,
		.contrast-background-theme .integrated-theme.active.disabled {
			background: #43464A; /* Bosch Gray 30 */
			color: #71767C; /* Bosch Gray 50 */
		}

.primary-background-theme .neutral-theme {
	color: black;
	border-color: black;
	background: #E0E2E5; /* Bosch Gray 90 */
}

	.primary-background-theme .neutral-theme:hover,
	.primary-background-theme .neutral-theme.hover {
		background: #C1C7CC; /* Bosch Gray 80 */
	}

	.primary-background-theme .neutral-theme:active,
	.primary-background-theme .neutral-theme.active {
		background: #A4ABB3; /* Bosch Gray 70 */
	}

	.primary-background-theme .neutral-theme:focus,
	.primary-background-theme .neutral-theme.focus {
		border-color: #007BC0; /* Bosch Blue 50 */
		background: #D1E4FF; /* Bosch Blue 90 */
	}

	.primary-background-theme .neutral-theme:disabled,
	.primary-background-theme .neutral-theme.disabled,
	.primary-background-theme .neutral-theme:hover:disabled,
	.primary-background-theme .neutral-theme.hover.disabled,
	.primary-background-theme .neutral-theme:active:disabled,
	.primary-background-theme .neutral-theme.active.disabled {
		color: #A4ABB3; /* Bosch Gray 70 */
		border-color: #A4ABB3; /* Bosch Gray 70 */
		background: #E0E2E5; /* Bosch Gray 90 */
	}
.secondary-background-theme .neutral-theme {
	color: black;
	background: #D0D4D8; /* Bosch Gray 85 */
}

	.secondary-background-theme .neutral-theme:hover,
	.secondary-background-theme .neutral-theme.hover {
		border-color: #B2B9C0; /* Bosch Gray 75 */
	}

	.secondary-background-theme .neutral-theme:focus,
	.secondary-background-theme .neutral-theme.focus {
		border-color: #006EAD; /* Bosch Blue 45 */
		background: #B8D6FF; /* Bosch Blue 85 */
	}

	.secondary-background-theme .neutral-theme:active,
	.secondary-background-theme .neutral-theme.active {
		border-color: black;
		background: #979EA4; /* Bosch Gray 65 */
	}

	.secondary-background-theme .neutral-theme:disabled,
	.secondary-background-theme .neutral-theme.disabled,
	.secondary-background-theme .neutral-theme:hover:disabled,
	.secondary-background-theme .neutral-theme.hover.disabled,
	.secondary-background-theme .neutral-theme:active:disabled,
	.secondary-background-theme .neutral-theme.active.disabled {
		color: #979EA4; /* Bosch Gray 65 */
		border-color: #979EA4; /* Bosch Gray 65 */
		background: #D0D4D8; /* Bosch Gray 85 */
	}

.primary-background-theme .small-theme {
	background: #C1C7CC; /* Bosch Gray 80 */
	color: black;
}

	.primary-background-theme .small-theme:hover,
	.primary-background-theme .small-theme.hover {
		background: #A4ABB3; /* Bosch Gray 70 */
	}

	.primary-background-theme .small-theme:active,
	.primary-background-theme .small-theme.active {
		background: #8A9097; /* Bosch Gray 60 */
	}

		.primary-background-theme .small-theme:disabled,
		.primary-background-theme .small-theme.disabled,
		.primary-background-theme .small-theme:hover:disabled,
		.primary-background-theme .small-theme.hover.disabled,
		.primary-background-theme .small-theme:active:disabled,
		.primary-background-theme .small-theme.active.disabled {
			color: #A4ABB3; /* Bosch Gray 70 */
			background: #E0E2E5; /* Bosch Gray 90 */
		}
.contrast-background-theme .small-theme {
	background: #8A9097; /* Bosch Gray 60 */
	color: white;
}

	.contrast-background-theme .small-theme:hover,
	.contrast-background-theme .small-theme.hover {
		background: #A4ABB3; /* Bosch Gray 70 */
	}

	.contrast-background-theme .small-theme:active,
	.contrast-background-theme .small-theme.active {
		background: #C1C7CC; /* Bosch Gray 80 */
	}

		.contrast-background-theme .small-theme:disabled,
		.contrast-background-theme .small-theme.disabled,
		.contrast-background-theme .small-theme:hover:disabled,
		.contrast-background-theme .small-theme.hover.disabled,
		.contrast-background-theme .small-theme:active:disabled,
		.contrast-background-theme .small-theme.active.disabled {
			color: #71767C; /* Bosch Gray 50 */
			background: #43464A; /* Bosch Gray 30 */
		}

.primary-background-theme .signal-error-theme {
	color: black;
	border-color: #ED0007; /* Bosch Red 50 */
	background: #FFD9D9; /* Bosch Red 90 */
}

	/*.primary-background-theme .signal-error-theme:hover,
	.primary-background-theme .signal-error-theme.hover {
		color: #920002;*/ /* Bosch Red 30 */
		/*border-color: #BE0004;*/ /* Bosch Red 40 */
		/*background: #FFB2B2;*/ /* Bosch Red 80 */
	/*}

	.primary-background-theme .signal-error-theme:active,
	.primary-background-theme .signal-error-theme.active {
		color: #680001;*/ /* Bosch Red 20 */
		/*border-color: #920002;*/ /* Bosch Red 30 */
		/*background: #FF8787;*/ /* Bosch Red 70 */
	/*}*/


.primary-background-theme .signal-neutral-theme {
	color: black;
	border-color: #007BC0; /* Bosch Blue 50 */
	background: #D1E4FF; /* Bosch Blue 90 */
}

	/*.primary-background-theme .signal-neutral-theme:hover,
	.primary-background-theme .signal-neutral-theme.hover {
		color: #004975;*/ /* Bosch Blue 30 */
		/*border-color: #00629A;*/ /* Bosch Blue 40 */
		/*background: #9DC9FF;*/ /* Bosch Blue 80 */
	/*}

	.primary-background-theme .signal-neutral-theme:active,
	.primary-background-theme .signal-neutral-theme.active {
		color: #003253;*/ /* Bosch Blue 20 */
		/*border-color: #004975;*/ /* Bosch Blue 30 */
		/*background: #56B0FF;*/ /* Bosch Blue 70 */
	/*}*/


.primary-background-theme .signal-success-theme {
	color: black;
	border-color: #37A264; /* Bosch Green 60 */
	background: #B8EFC9; /* Bosch Green 90 */
}

	/*.primary-background-theme .signal-success-theme:hover,
	.primary-background-theme .signal-success-theme.hover {
		color: #00512A;*/ /* Bosch Green 30 */
		/*border-color: #00884A;*/ /* Bosch Green 50 */
		/*background: #86D7A2;*/ /* Bosch Green 80 */
	/*}

	.primary-background-theme .signal-success-theme:active,
	.primary-background-theme .signal-success-theme.active {
		color: #00381B;*/ /* Bosch Green 20 */
		/*border-color: #006C3A;*/ /* Bosch Green 40 */
		/*background: #5EBD82;*/ /* Bosch Green 70 */
	/*}*/


.primary-background-theme .signal-warning-theme {
	color: black;
	border-color: #FFCF00; /* Bosch Yellow 85 */
	background: #FFDF95; /* Bosch Yellow 90 */
}

	/*.primary-background-theme .signal-warning-theme:hover,
	.primary-background-theme .signal-warning-theme.hover {
		color: #564400;*/ /* Bosch Yellow 30 */
		/*border-color: #DEB300;*/ /* Bosch Yellow 75 */
		/*background: #EEC100;*/ /* Bosch Yellow 80 */
	/*}

	.primary-background-theme .signal-warning-theme:active,
	.primary-background-theme .signal-warning-theme.active {
		color: #3C2E00;*/ /* Bosch Yellow 20 */
		/*border-color: #BD9900;*/ /* Bosch Yellow 65 */
		/*background: #CDA600;*/ /* Bosch Yellow 70 */
	/*}*/


@charset "UTF-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@-webkit-keyframes fpFadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes fpFadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-webkit-keyframes fpSlideLeft {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}
}

@keyframes fpSlideLeft {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}
}

@-webkit-keyframes fpSlideLeftNew {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes fpSlideLeftNew {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-webkit-keyframes fpSlideRight {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

@keyframes fpSlideRight {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

@-webkit-keyframes fpSlideRightNew {
	0% {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes fpSlideRightNew {
	0% {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-webkit-keyframes fpFadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fpFadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes fpFadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fpFadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes inline-left-up {
	0%,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #78be20;
		opacity: 1
	}

	5% {
		-webkit-transform: translate3d(-22px,0,0);
		transform: translate3d(-22px,0,0);
		background: #78be20;
		opacity: .9
	}

	10% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #00a8b0;
		opacity: .7
	}

	15% {
		-webkit-transform: translate3d(0,-22px,0);
		transform: translate3d(0,-22px,0);
		opacity: .5
	}

	20%,25%,50%,55%,80% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	30% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #00a8b0
	}

	35% {
		-webkit-transform: translate3d(-22px,0,0);
		transform: translate3d(-22px,0,0);
		background: #00a8b0
	}

	40%,60% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #005691
	}

	45%,75% {
		-webkit-transform: translate3d(0,-22px,0);
		transform: translate3d(0,-22px,0)
	}

	65% {
		-webkit-transform: translate3d(-22px,0,0);
		transform: translate3d(-22px,0,0);
		background: #005691
	}

	70% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #ccebf8
	}

	85% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: .5
	}

	90% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #ccebf8;
		opacity: .7
	}

	95% {
		opacity: .9
	}
}

@keyframes inline-left-up {
	0%,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #78be20;
		opacity: 1
	}

	5% {
		-webkit-transform: translate3d(-22px,0,0);
		transform: translate3d(-22px,0,0);
		background: #78be20;
		opacity: .9
	}

	10% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #00a8b0;
		opacity: .7
	}

	15% {
		-webkit-transform: translate3d(0,-22px,0);
		transform: translate3d(0,-22px,0);
		opacity: .5
	}

	20%,25%,50%,55%,80% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	30% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #00a8b0
	}

	35% {
		-webkit-transform: translate3d(-22px,0,0);
		transform: translate3d(-22px,0,0);
		background: #00a8b0
	}

	40%,60% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #005691
	}

	45%,75% {
		-webkit-transform: translate3d(0,-22px,0);
		transform: translate3d(0,-22px,0)
	}

	65% {
		-webkit-transform: translate3d(-22px,0,0);
		transform: translate3d(-22px,0,0);
		background: #005691
	}

	70% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #ccebf8
	}

	85% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: .5
	}

	90% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #ccebf8;
		opacity: .7
	}

	95% {
		opacity: .9
	}
}

@-webkit-keyframes inline-right-down {
	0%,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #006249;
		opacity: 1
	}

	5% {
		-webkit-transform: translate3d(22px,0,0);
		transform: translate3d(22px,0,0);
		background: #006249;
		opacity: .9
	}

	10% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #008ecf;
		opacity: .7
	}

	15% {
		-webkit-transform: translate3d(0,22px,0);
		transform: translate3d(0,22px,0);
		opacity: .5
	}

	20%,25%,50%,55%,80% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	30% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #008ecf
	}

	35% {
		-webkit-transform: translate3d(22px,0,0);
		transform: translate3d(22px,0,0);
		background: #008ecf
	}

	40%,60% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #50237f
	}

	45%,75% {
		-webkit-transform: translate3d(0,22px,0);
		transform: translate3d(0,22px,0)
	}

	65% {
		-webkit-transform: translate3d(22px,0,0);
		transform: translate3d(22px,0,0);
		background: #50237f
	}

	70% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #e20015
	}

	85% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: .5
	}

	90% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #e20015;
		opacity: .7
	}

	95% {
		opacity: .9
	}
}

@keyframes inline-right-down {
	0%,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #006249;
		opacity: 1
	}

	5% {
		-webkit-transform: translate3d(22px,0,0);
		transform: translate3d(22px,0,0);
		background: #006249;
		opacity: .9
	}

	10% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #008ecf;
		opacity: .7
	}

	15% {
		-webkit-transform: translate3d(0,22px,0);
		transform: translate3d(0,22px,0);
		opacity: .5
	}

	20%,25%,50%,55%,80% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	30% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #008ecf
	}

	35% {
		-webkit-transform: translate3d(22px,0,0);
		transform: translate3d(22px,0,0);
		background: #008ecf
	}

	40%,60% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #50237f
	}

	45%,75% {
		-webkit-transform: translate3d(0,22px,0);
		transform: translate3d(0,22px,0)
	}

	65% {
		-webkit-transform: translate3d(22px,0,0);
		transform: translate3d(22px,0,0);
		background: #50237f
	}

	70% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #e20015
	}

	85% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: .5
	}

	90% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #e20015;
		opacity: .7
	}

	95% {
		opacity: .9
	}
}

@-webkit-keyframes inline-loader-left-up {
	0%,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #000;
		opacity: 1
	}

	5% {
		-webkit-transform: translate3d(-6px,0,0);
		transform: translate3d(-6px,0,0);
		background: #000;
		opacity: .9
	}

	10%,90% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #000;
		opacity: .7
	}

	15% {
		-webkit-transform: translate3d(0,-6px,0);
		transform: translate3d(0,-6px,0);
		opacity: .5
	}

	20%,25%,50%,55%,80% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	30%,40%,60%,70% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #000
	}

	35%,65% {
		-webkit-transform: translate3d(-6px,0,0);
		transform: translate3d(-6px,0,0);
		background: #000
	}

	45%,75% {
		-webkit-transform: translate3d(0,-6px,0);
		transform: translate3d(0,-6px,0)
	}

	85% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: .5
	}

	95% {
		opacity: .9
	}
}

@keyframes inline-loader-left-up {
	0%,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #000;
		opacity: 1
	}

	5% {
		-webkit-transform: translate3d(-6px,0,0);
		transform: translate3d(-6px,0,0);
		background: #000;
		opacity: .9
	}

	10%,90% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #000;
		opacity: .7
	}

	15% {
		-webkit-transform: translate3d(0,-6px,0);
		transform: translate3d(0,-6px,0);
		opacity: .5
	}

	20%,25%,50%,55%,80% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	30%,40%,60%,70% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #000
	}

	35%,65% {
		-webkit-transform: translate3d(-6px,0,0);
		transform: translate3d(-6px,0,0);
		background: #000
	}

	45%,75% {
		-webkit-transform: translate3d(0,-6px,0);
		transform: translate3d(0,-6px,0)
	}

	85% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: .5
	}

	95% {
		opacity: .9
	}
}

@-webkit-keyframes inline-loader-right-down {
	0%,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #000;
		opacity: 1
	}

	5% {
		-webkit-transform: translate3d(6px,0,0);
		transform: translate3d(6px,0,0);
		background: #000;
		opacity: .9
	}

	10%,90% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #000;
		opacity: .7
	}

	15% {
		-webkit-transform: translate3d(0,6px,0);
		transform: translate3d(0,6px,0);
		opacity: .5
	}

	20%,25%,50%,55%,80% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	30%,40%,60%,70% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #000
	}

	35%,65% {
		-webkit-transform: translate3d(6px,0,0);
		transform: translate3d(6px,0,0);
		background: #000
	}

	45%,75% {
		-webkit-transform: translate3d(0,6px,0);
		transform: translate3d(0,6px,0)
	}

	85% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: .5
	}

	95% {
		opacity: .9
	}
}

@keyframes inline-loader-right-down {
	0%,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #000;
		opacity: 1
	}

	5% {
		-webkit-transform: translate3d(6px,0,0);
		transform: translate3d(6px,0,0);
		background: #000;
		opacity: .9
	}

	10%,90% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #000;
		opacity: .7
	}

	15% {
		-webkit-transform: translate3d(0,6px,0);
		transform: translate3d(0,6px,0);
		opacity: .5
	}

	20%,25%,50%,55%,80% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	30%,40%,60%,70% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		background: #000
	}

	35%,65% {
		-webkit-transform: translate3d(6px,0,0);
		transform: translate3d(6px,0,0);
		background: #000
	}

	45%,75% {
		-webkit-transform: translate3d(0,6px,0);
		transform: translate3d(0,6px,0)
	}

	85% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: .5
	}

	95% {
		opacity: .9
	}
}

@-webkit-keyframes loading-animation-scale {
	0%,10%,20%,25%,30%,40%,50%,55%,60%,70%,80%,to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	15%,35%,45%,5%,65%,75% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
}

@keyframes loading-animation-scale {
	0%,10%,20%,25%,30%,40%,50%,55%,60%,70%,80%,to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	15%,35%,45%,5%,65%,75% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
}

@-webkit-keyframes ngdialog-fadeout {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes ngdialog-fadeout {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes ngdialog-fadein {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes ngdialog-fadein {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes paint-title {
	0%,to {
		opacity: 1
	}
}

@keyframes paint-title {
	0%,to {
		opacity: 1
	}
}

@-webkit-keyframes swiper-preloader-spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes hotspot-container-fade-out {
	0% {
		opacity: 0
	}

	to {
		opacity: 0;
		overflow: hidden;
		height: 0
	}
}

@keyframes hotspot-container-fade-out {
	0% {
		opacity: 0
	}

	to {
		opacity: 0;
		overflow: hidden;
		height: 0
	}
}

@-webkit-keyframes hotspot-container-fade-in {
	0% {
		opacity: 0;
		overflow: hidden;
		height: 0
	}

	1% {
		opacity: 1;
		overflow: auto;
		height: auto
	}

	to {
		opacity: 1
	}
}

@keyframes hotspot-container-fade-in {
	0% {
		opacity: 0;
		overflow: hidden;
		height: 0
	}

	1% {
		opacity: 1;
		overflow: auto;
		height: auto
	}

	to {
		opacity: 1
	}
}

html {
	font-size: 100%;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}

	audio:not([controls]) {
		display: none;
		height: 0
	}

a {
	text-decoration: none;
}

	a:active, a:hover {
		outline: 0
	}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

mark {
	background: #ff0;
	color: #000
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0;
	vertical-align: middle
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

hr {
	box-sizing: content-box;
	height: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee
}

pre {
	overflow: auto
}

code, kbd, pre, samp {
	font-family: monospace,monospace;
	font-size: 1em
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button, select {
	text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

	button[disabled], html input[disabled] {
		cursor: default
	}

	button::-moz-focus-inner, input::-moz-focus-inner {
		border: 0;
		padding: 0
	}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

	input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
		-webkit-appearance: none
	}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

legend, td, th {
	padding: 0
}

*, :after, :before {
	box-sizing: border-box
}

button, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a, a:focus, a:hover {
	color: inherit;
}

	a:focus {
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px
	}

@-ms-viewport {
	width: device-width
}

@font-face {
	font-family: "boschsans";
	font-style: normal;
	font-weight: 700;
	src: url(/d518c666fef5668b82a8.woff2) format("woff2"),url(/0aa88579f2541ed66026.woff) format("woff")
}

@font-face {
	font-family: "boschsans";
	font-style: normal;
	font-weight: 600;
	src: url(/8a14ec28f24f18581b72.woff2) format("woff2"),url(/a5019f4c2a6b2e077c19.woff) format("woff")
}

@font-face {
	font-family: "boschsans";
	font-style: normal;
	font-weight: 400;
	src: url(/019fce8a4aba394b3aea.woff2) format("woff2"),url(/d32cd8aabde0e0fba3ee.woff) format("woff")
}

@font-face {
	font-family: "boschsans";
	font-style: normal;
	font-weight: 200;
	src: url(/52b6c27d798e73833a68.woff2) format("woff2"),url(/61c955cf43e5bc268ff5.woff) format("woff")
}

.u-UnstyledList {
	list-style: none;
	margin: 0;
	padding: 0
}

body {
	font-size: 14px;
	background: #fff;
	color: #000;
	font-family: "boschsans","Helvetica Neue",Helvetica,Arial,sans-serif;
	-ms-overflow-style: scrollbar;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

html:lang(zh) .sg-common-class, html:lang(zh) body {
	font-family: "boschsans","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",微软雅黑,STXihei,华文细黑,sans-serif
}

.u-TextCaption, figcaption, small {
	font-size: .875rem;
	line-height: 1.4
}

body, html {
	min-height: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	display: grid;
	/* When a modal is shown, it renders its <div> directly inside the <body> tag.
	   Setting `grid-template-rows: 1fr` makes it so that <body> only has one row inside it, so the modal isn't counted as a row.
	   Without this, the modal is counted as a second row, so some whitespace is shown below the page. */
	grid-template-rows: 1fr;
}

iframe {
	border: 0
}

/* Remove the default background that browsers add to buttons. */
button {
	background: none;
}

.font-small {
	font-size: 0.75rem;
	line-height: 1.125rem;
}

.font-medium, body {
	font-size: 1rem;
	line-height: 1.5rem;
}

.font-large {
	font-size: 1.25rem;
	line-height: 1.875rem;
}

.font-xl {
	font-size: 1.5rem;
	line-height: 2.1rem;
}

.font-2xl {
	font-size: 2rem;
	line-height: 2.7rem;
}

.font-3xl {
	font-size: 2.5rem;
	line-height: 3.25rem;
}

.font-4xl {
	font-size: 3rem;
	line-height: 3.75rem;
}

.font-5xl {
	font-size: 4rem;
	line-height: 4.8rem;
}

.font-6xl {
	font-size: 5rem;
	line-height: 5.75rem;
}

/* Reset the font sizes of the h1-h6 tags, so that people remember to put class="font-[size_name]" on their headers tags. */
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	line-height: inherit;
}

::-webkit-scrollbar {
	background-color: #E0E2E5; /* Bosch Gray 90 */
	/* The width only applies to vertical scrollbars. */
	width: 8px;
	/* The height only applies to horizontal scrollbars. */
	height: 8px;
}

::-webkit-scrollbar-thumb {
	background-color: #007BC0; /* Bosch Blue 50 */
}

.primary-background-theme {
	background: white;
}

.secondary-background-theme {
	background: #EFF1F2; /* Bosch Gray 95 */
}

.contrast-background-theme {
	background: #2E3033; /* Bosch Gray 20 */
}

.floating-background-theme,
.react-responsive-modal-modal.floating-background-theme {
	box-shadow: 0 0 .5rem .1rem rgba(0, 0, 0, 0.25);
}
/* Put in this file CSS that applies to your while project. */
#app-root {
	display: grid;
	overflow-y: auto;
}

.page-contents{
    display: flex;
    flex-direction: column;
    flex: 1;
}


.A-Accordion {
    display: flex;
    flex-direction: column;
    border-top: 1px solid black;
}

.A-Button.A-Accordion-Title {
    display: flex;
    font-weight: bold;
    padding: 1rem 0rem 1rem 0rem;
    gap: 0.75rem;
}

.A-Accordion-Title-Text {
    display: flex;
    flex: 1;
}

.A-Accordion__contents {
    margin-right: 3rem;
    margin-bottom: 3rem;
}

.A-Icon {
	vertical-align: middle;
}

	.A-Icon,
	.A-Icon:focus:not(.active),
	html:not(.is-touch) .A-Icon:not(.active):hover {
		fill: currentColor;
	}

		/* TODO: Should this be in the style guide? */
		.A-Icon.active {
			fill: #005691;
		}
.A-Button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.75rem 1rem;
	gap: 0.5rem;
	border-style: none;
}

.A-Button--secondary {
	border-style: solid;
	border-width: 1px;
}

.A-Card.small-space {
	padding: 0.5rem;
}

.A-Card.normal-space {
	padding: 1rem;
}

.A-Card.large-space {
	padding: 2rem;
}

.A-Callout {
	display: flex;
	padding: 0.75rem 1rem;
	gap: 0.5rem;
}
.command-bar-and-filter-chips {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	.command-bar-and-filter-chips .command-bar {
		display: flex;
		padding: 0.5rem 1rem;
		align-items: center;
		gap: 1rem;
	}

		.command-bar-and-filter-chips .command-bar > * {
			display: flex;
		}

		.command-bar-and-filter-chips .command-bar .actions {
			flex: 1;
			justify-content: flex-end;
			gap: 1rem;
		}

	.command-bar-and-filter-chips .active-filters-section {
		display: flex;
		gap: 2rem;
	}

		.command-bar-and-filter-chips .active-filters-section .filter-chips {
			display: flex;
			gap: 1rem;
		}
.A-Context-Menu {
    display: flex;
    flex-direction: column;
    z-index: 1;
}

    .A-Context-Menu.A-Popover .A-Popover-Content {
        display: flex;
        flex-direction: column;
        padding: 0;
    }
.A-Popover .A-Popover-Content {
    padding: 1em;
}

.A-Popover .A-Popover-Arrow-Container {
    /* Add some padding, so that the box shadow on .A-Arrow doesn't get clipped */
    padding: 10px;
}

/* Some of these CSS selectors are from the PopperJS website: https://codesandbox.io/s/ynzey?file=/src/styles.css:1091-1366 */
.A-Popover[data-popper-placement^='top'] .A-Popover-Arrow-Container {
    bottom: calc(-44px / 2); /* Half the arrow's height. */
    clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
}

.A-Popover[data-popper-placement^='bottom'] .A-Popover-Arrow-Container {
    top: calc(-44px / 2); /* Half the arrow's height. */
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
}

.A-Popover[data-popper-placement^='left'] .A-Popover-Arrow-Container {
    right: calc(-44px / 2); /* Half the arrow's height. */
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}

.A-Popover[data-popper-placement^='right'] .A-Popover-Arrow-Container {
    left: calc(-44px / 2); /* Half the arrow's height. */
    clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}
/* End code from popperjs website */

.A-Popover .A-Popover-Arrow-Container .A-Popover-Inner-Arrow-Container {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(45deg);
}

.A-Popover .A-Popover-content,
.A-Popover .A-Popover-Inner-Arrow-Container {
    background: white;
}

/* See https://popper.js.org/docs/v2/modifiers/hide/ */
/* Hide the popover when its reference element is no longer visible (e.g. its been scrolled out of site)*/
.A-Popover[data-popper-reference-hidden='true'] {
    display: none;
}

.A-Context-Menu-Item {
    padding: 0.75rem 1rem;
    justify-content: initial;
}

.delete-dialog p {
	margin-bottom: 2em;
}

.delete-dialog .action-buttons {
	margin-top: 2em;
}
.react-responsive-modal-root {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.react-responsive-modal-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.react-responsive-modal-container {
  height: 100%;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
}

/* Used to trick the browser to center the modal content properly  */
.react-responsive-modal-containerCenter:after {
  width: 0;
  height: 100%;
  content: '';
  display: inline-block;
  vertical-align: middle;
}

.react-responsive-modal-modal {
  max-width: 800px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  background: #ffffff;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
  margin: 1.2rem;
  padding: 1.2rem;
  position: relative;
  overflow-y: auto;
}

.react-responsive-modal-closeButton {
  position: absolute;
  top: 14px;
  right: 14px;
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  display: flex;
}

@keyframes react-responsive-modal-overlay-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes react-responsive-modal-overlay-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes react-responsive-modal-modal-in {
  0% {
    transform: scale(0.96);
    opacity: 0;
  }
  100% {
    transform: scale(100%);
    opacity: 1;
  }
}

@keyframes react-responsive-modal-modal-out {
  0% {
    transform: scale(100%);
    opacity: 1;
  }
  100% {
    transform: scale(0.96);
    opacity: 0;
  }
}

.react-responsive-modal-overlay.uilib-dialog-overlay {
	background-color: transparent;
}

	.react-responsive-modal-overlay.uilib-dialog-overlay.is-modal {
		background-color: rgba(113,118,124,.25);
		backdrop-filter: blur(.25rem);
	}

.react-responsive-modal-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.react-responsive-modal-modal.uilib-dialog {
	display: flex;
	flex-direction: column;
	min-width: 400px;
	max-width: calc(100% - 2.4rem);
	max-height: calc(100% - 2.4rem);
	padding: 0;
	margin: 0;
}

.uilib-dialog.alert-type-info,
.uilib-dialog.alert-type-warning,
.uilib-dialog.alert-type-success,
.uilib-dialog.alert-type-error {
	border-top-style: solid;
	border-top-width: 0.375rem;
}

.uilib-dialog.alert-type-info {
	border-top-color: #007BC0; /* Bosch Blue 50 */
}

.uilib-dialog.alert-type-warning {
	border-top-color: #FFCF00; /* Bosch Yellow 85 */
}

.uilib-dialog.alert-type-success {
	border-top-color: #37A264; /* Bosch Green 60 */
}

.uilib-dialog.alert-type-error {
	border-top-color: #ED0007; /* Bosch Red 50 */
}

.uilib-dialog .dialog-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1.5rem 2rem 2rem 2rem;
	overflow-y: auto;
}

.uilib-dialog .dialog-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #C1C7CC; /* Bosch Gray 80 */
}

	.uilib-dialog .dialog-title .title-text-and-icon {
		display: flex;
		gap: 0.5rem;
		margin: 0.75rem 2rem;
	}

		.uilib-dialog .dialog-title .title-text-and-icon .title-text {
			font-weight: bold;
			margin: 0;
		}

	.uilib-dialog .dialog-title .close-button {
		width: 3rem;
		height: 3rem;
		padding: 0;
	}

.uilib-dialog .dialog-headline {
	margin: 0;
	font-weight: bold;
}

.uilib-dialog .action-buttons {
	display: flex;
	justify-content: flex-end;
	margin-top: 0.5rem;
	gap: 1em;
}

/* Begin Frontend Kit CSS */
/*
	The below CSS is from the Bosch Frontend Kit, specifically from https://frok.ui.bosch.tech/atoms/activityIndicator/guide
	It has been modified to be plain CSS instead of the CSS language that the Frontend kit uses.
*/

@keyframes loader-indicator-top-box-animation {
	0%, 100% {
		transform: translate(0, 0);
	}

	12.5% {
		transform: translate(-24px, 0);
	}

	24.99% {
		background-color: #ED0007; /* Bosch Red 50 */
		transform: translate(0, 0);
	}

	25% {
		background-color: #007BC0; /* Bosch Blue 50 */
	}

	37.5% {
		transform: translate(0, -24px);
	}

	50% {
		transform: translate(0, 0);
	}

	62.5% {
		transform: translate(-24px, 0);
	}


	74.99% {
		background-color: #007BC0; /* Bosch Blue 50 */
		transform: translate(0, 0);
	}

	75% {
		background-color: #ED0007; /* Bosch Red 50 */
	}


	87.5% {
		transform: translate(0, -24px);
	}
}

@keyframes loader-indicator-bottom-box-animation {
	0%, 100% {
		transform: translate(0, 0);
		background-color: #C535BC; /* Bosch Purple 50 */
	}

	12.5% {
		transform: translate(24px, 0);
		z-index: 2;
	}

	25% {
		transform: translate(0, 0);
		z-index: 2;
	}

	37.5% {
		transform: translate(0, 24px);
		z-index: 0;
	}

	49.99% {
		transform: translate(0, 0);
		z-index: 0;
		background-color: #C535BC; /* Bosch Purple 50 */
	}

	50% {
		background-color: #00884A; /* Bosch Green 50 */
	}

	62.5% {
		transform: translate(24px, 0);
		z-index: 2;
	}

	75% {
		transform: translate(0, 0);
		z-index: 2;
	}

	87.5% {
		transform: translate(0, 24px);
		z-index: 0;
	}

	99.99% {
		background-color: #00884A; /* Bosch Green 50 */
	}
}

.a-activity-indicator {
	height: 4.5rem;
	width: 4.5rem;
	position: relative;
}

.a-activity-indicator__top-box,
.a-activity-indicator__bottom-box {
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-fill-mode: none;
	position: absolute;
	height: calc(100% / 3);
	width: calc(100% / 3);
	top: calc(100% / 3);
	left: calc(100% / 3);
}

.a-activity-indicator__top-box {
	animation-name: loader-indicator-top-box-animation;
	background-color: #ED0007; /* Bosch Red 50 */
}

.a-activity-indicator__bottom-box {
	animation-name: loader-indicator-bottom-box-animation;
	background-color: #C535BC; /* Bosch Purple 50 */
}

/* End Frontend Kit CSS */

.A-Image {
	width: 100%
}

.A-Image__preloadWrapper {
	position: relative;
	overflow: hidden
}

	.A-Image__preloadWrapper:after {
		content: '';
		display: block;
		height: 0;
		width: 100%;
		background-color: #f7f7f7;
		padding-bottom: 56.25%
	}

.A-Image--preload {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block
}

.A-Image__preloadWrapper--ratio113to37:after {
	padding-bottom: 32.7433628319%
}

.A-Image__preloadWrapper--ratio75to37:after {
	padding-bottom: 49.3333333333%
}

.A-Image__preloadWrapper--ratio16to9:after {
	padding-bottom: 56.25%
}

.A-Image__preloadWrapper--ratio3to2:after {
	padding-bottom: 66.6666666667%
}

.A-Image__preloadWrapper--ratio2to1:after {
	padding-bottom: 50%
}

.A-Image__preloadWrapper--ratio1to1:after {
	padding-bottom: 100%
}

.A-Image__caption {
	padding-top: 10px
}

.A-Image__caption--padding {
	padding-left: 15px;
	padding-right: 15px
}

@media (min-width:768px) {
	.A-Image__caption--padding {
		padding-left: 0;
		padding-right: 0
	}
}
.M-LanguageSelector__language--active span {
	color: #005691
}

.M-LanguageSelector__activeLangContainer {
	padding: 0;
	margin: 0
}

	.M-LanguageSelector__activeLangContainer:after,
	.M-LanguageSelector__activeLangContainer:before {
		content: " ";
		display: table
	}

	.M-LanguageSelector__activeLangContainer:after {
		clear: both
	}

.M-LanguageSelector__countrySelector {
	position: relative;
	padding-right: 16px
}

.M-LanguageSelector__countrySelector--withBorder:after {
	content: '';
	border-right: 1px solid #ddd;
	height: 30px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto
}

.M-LanguageSelector__countrySelector .M-Navigation-Meta__link {
	display: inline-block
}

.M-LanguageSelector__language {
	cursor: pointer;
	float: left;
	list-style: none;
	font-size: .75rem;
	position: relative;
	padding-left: 15px
}

.M-LanguageSelector__language--active .A-Icon {
	fill: #005691
}

.M-LanguageSelector__language--active .M-LanguageSelector__icon {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.M-LanguageSelector__language--active .M-LanguageSelector__label,
.M-LanguageSelector__language--active .M-LanguageSelector__link {
	cursor: pointer;
	color: gray
}

.M-LanguageSelector__languageButton {
	background: 0 0;
	border: 0;
	padding: 0
}

.M-LanguageSelector__label,
.M-LanguageSelector__link {
	display: inline-block;
	color: #ccc;
	transition: color cubic-bezier(.38,.04,.35,.96) 400ms;
	padding: 10px 0
}

	.M-LanguageSelector__link:focus,
	html:not(.is-touch) .M-LanguageSelector__link:hover {
		color: #005691;
		text-decoration: none
	}

.M-LanguageSelector__icon {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 9px;
	display: inline-block;
	transition: transform cubic-bezier(.38,.04,.35,.96) 400ms;
	transition: transform cubic-bezier(.38,.04,.35,.96) 400ms,-webkit-transform cubic-bezier(.38,.04,.35,.96) 400ms
}

html:not(.is-touch) .M-LanguageSelector__icon .A-Icon:hover {
	fill: #000
}

.M-LanguageSelector__icon .A-Icon {
	width: 10px
}

.M-LanguageSelector__icon--active .A-Icon {
	fill: #005691
}

.M-LanguageSelector__languageSelect {
	position: relative;
	z-index: 2;
	background: 0 0;
	border: 0;
	padding: 10px 20px 10px 0;
	display: inline-block;
	color: #525f6b;
	font-size: .75rem;
	font-weight: 400
}

.M-LanguageSelector__languageSelect--active {
	color: #005691
}

.M-LanguageSelector__activeLangContainer,
.M-LanguageSelector__countrySelector {
	float: left
}

.M-LanguageSelector__dropDownHead:after,
.M-LanguageSelector__dropDownHead:before {
	content: " ";
	display: table
}

.M-LanguageSelector__dropDownHead:after {
	clear: both
}

.M-LanguageSelector__languageContainer {
	list-style-type: none;
	padding: 0;
	max-height: 0;
	z-index: 1000;
	transition: .5s all ease;
	overflow: hidden;
	border-top: 1px solid transparent
}

.M-LanguageSelector__languageContainer--active {
	display: block;
	border-top: 1px solid #d9d9d9
}

.M-LanguageSelector__languageContainer .M-LanguageSelector__languageItem {
	color: #7d8790;
	font-size: .75rem;
	font-weight: 200;
	cursor: pointer
}

	.M-LanguageSelector__languageContainer .M-LanguageSelector__language--active,
	.M-LanguageSelector__languageContainer .M-LanguageSelector__languageItem--active,
	.M-LanguageSelector__languageContainer .M-LanguageSelector__languageItem:hover {
		color: #000
	}

.M-LanguageSelector__languageItem {
	padding: 10px 0
}

.M-LanguageSelector__languageLink {
	color: #bfc0c2
}

.M-LanguageSelector__languageLink--active {
	color: #000
}

@media (min-width:992px) {
	.M-LanguageSelector {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		position: relative
	}

	.M-LanguageSelector__languageContainer {
		position: absolute;
		top: 34px;
		right: 0;
		background: #fff;
		border: 1px solid transparent;
		white-space: nowrap;
		margin: 0
	}

	.M-LanguageSelector__languageContainer--active {
		border-color: #d9d9d9
	}

	.M-LanguageSelector__languageSelect {
		color: #7d8790;
		font-weight: 200
	}

	.M-LanguageSelector__languageItem {
		padding: 10px
	}

	.M-LanguageSelector__icon {
		top: 9px
	}
}
.A-Link {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
}

	.A-Link.disabled {
		cursor: default;
	}

	.A-Link:not(.disabled):not(.A-Link--button):hover .A-Link__linkText {
		text-decoration: underline;
	}

	.A-Link:not(.A-Button) {
		gap: 0.5rem;
	}

.A-Link__Icon {
	speak: none;
	display: inline-flex;
}

.A-Link.disabled .A-Link__link {
	cursor: default;
}

.A-Link__link--button:hover .A-Link__linkText {
	text-decoration: none;
}

.minor-accent-theme.A-Link--inline:hover,
.minor-accent-theme.A-Link--inline:active {
	background: none;
}
/* Begin Bosch Frontend Kit CSS */
/* From https://frok.westeurope.cloudapp.azure.com/atoms/list/guide */

.A-List {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

	.A-List li {
		list-style: none;
		padding-left: 1.5rem;
		position: relative;
	}

		.A-List li::before {
			left: 0;
			position: absolute;
		}

		.A-List li:first-of-type {
			counter-reset: item;
		}

.A-List--dot > li::before {
	background-color: currentColor;
	content: '';
	height: 0.5rem;
	width: 0.5rem;
	top: 9.2px;
}

.A-List--num > li {
	counter-increment: item;
}

	.A-List--num > li::before {
		content: counter(item) '.';
		font-weight: bold;
	}

.A-List--check > li::before {
	background: none;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	content: '';
	display: inline-block;
	height: 0.5rem;
	width: 15px;
	left: 0;
	position: absolute;
	top: 2px;
	transform-origin: bottom left;
	transform: translateX(5px) translateY(8px) rotate(-45deg);
}

/* End Bosch Frontend Kit CSS */


.A-Divider {
	height: 1px;
	margin-top: 2em;
	margin-bottom: 2em;
}

.page-not-found {
	justify-content: center;
	align-items: center;
}

	.page-not-found .A-Link--button {
		margin-bottom: 30px
	}

.page-not-found h1 {
	font-size: 72px;
	color: #007BC0;
}

@media (min-width:768px) {
	.page-not-found h1 {
		font-size: 116px;
	}
}

@media (min-width:992px) {
	.page-not-found h1 {
		font-size: 200px;
	}

	.page-not-found .message {
		font-size: 2.5rem
	}
}

.Process-Indicator .steps {
	display: flex;
}

.Process-Indicator .step {
	position: relative;
	display: inline-block;
	text-align: center;
	flex: auto;
	width: 100%;
}

	.Process-Indicator .step:not(.disabled) {
		cursor: pointer;
	}

	.Process-Indicator .step .icon-or-step-number {
		display: inline-grid;
		width: 40px;
		height: 40px;
		justify-content: center;
		align-content: center;
		border-radius: 20px;
		font-weight: 200;
		font-size: 20px;
	}

	.Process-Indicator .step.active .icon-or-step-number,
	.Process-Indicator .step.completed .icon-or-step-number {
		background-color: #005691; /* Bosch Dark Blue */
		color: white;
	}

	.Process-Indicator .step.inactive .icon-or-step-number {
		background-color: white;
		border: 2px solid #DFDFE0; /* Bosch Light Gray W50 */
		color: #BFC0C2; /* Bosch Light Gray */
	}

	.Process-Indicator .step .step-name {
		display: block;
		font-size: 14px;
		margin-top: 14px;
	}

	.Process-Indicator .step.active .step-name {
		color: #005691; /* Bosch Dark Blue */
	}

	.Process-Indicator .step.inactive .step-name {
		color: #BFC0C2; /* Bosch Light Gray */
		font-weight: 200; /* Bosch Sans Light */
	}

	.Process-Indicator .step:not(:last-of-type)::after,
	.Process-Indicator .step:not(:first-of-type)::before {
		display: block;
		content: ' ';
		width: 50%;
		height: 2px;
		position: absolute;
		top: 20px;
		z-index: -1;
		background-color: #DFDFE0; /* Bosch Light Gray W50 */
	}

	.Process-Indicator .step:not(:last-of-type)::after {
		left: 50%;
	}

	.Process-Indicator .step:not(:last-of-type)::after {
		left: 50%;
	}

	.Process-Indicator .step.active::after,
	.Process-Indicator .step.active::before,
	.Process-Indicator .step.completed::after,
	.Process-Indicator .step.completed::before {
		background-color: #005691; /* Bosch Dark Blue */
	}
.M-ProfileAccess {
    display: flex;
}

.M-ProfileAccess__toggleLink {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.bosch-website .M-ProfileAccess__userNameButton {
    font-size: .875rem;
}

.M-ProfileAccess__dropDownHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.M-ProfileAccess__dropDownHeadline {
    font-size: 1rem;
    font-weight: 200
}


    .M-ProfileAccess__loginBtn .A-Link__link:active, .M-ProfileAccess__loginBtn .A-Link__link:active:hover {
        color: #fff
    }

.M-ProfileAccess__linksContainer, .M-ProfileAccess__userInfoContainer {
    border-bottom: 1px solid #d9d9d9
}

.M-ProfileAccess__loggedInInfo {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.M-ProfileAccess__userInfoContainer {
    display: flex;
    align-items: flex-start;
    padding-bottom: 1em;
}

    .M-ProfileAccess__userInfoContainer .A-Link--button {
        font-size: .75rem
    }

.M-ProfileAccess__linksContainer {
    padding-top: 20px;
    padding-bottom: 10px
}

    .M-ProfileAccess__linksContainer .A-Link {
        font-size: .75rem;
        font-weight: 200;
        margin-bottom: 10px
    }

.M-ProfileAccess__userMonogram {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
    font-size: 1rem;
    margin-right: 15px;
    background-color: #008ecf;
    background-image: linear-gradient(to right,#008ecf 10%,#00a8b0 90%);
    background-size: cover;
    background-position: center center
}

.M-ProfileAccess__userEmail {
    font-weight: 700;
}

.M-ProfileAccess__appHeadline {
    margin-bottom: 10px;
    font-size: .75rem
}

.M-ProfileAccess__logoutBtnContainer .A-Button {
    white-space: nowrap;
}

@media (min-width:992px) {
    .M-ProfileAccess__logoutBtnContainer {
        font-size: .875rem
    }
}
.RSPBprogressBar {
  height: 10px;
  line-height: 1;
  border-radius: 10px;
  position: relative;
  background-color: rgba(211, 211, 211, 0.6);
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 0; }
  .RSPBprogressBar .RSPBstep {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    position: absolute;
    transform: translateX(-50%);
    transition-property: all;
    transition-timing-function: ease; }
  .RSPBprogressBar .RSPBprogressBarText {
    color: white;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .RSPBprogressBar .RSPBprogression {
    position: absolute;
    transition: width 0.3s ease;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(0, 116, 217, 0.8);
    z-index: -1; }

.progress-indicator {
	display: flex;
	flex-direction: column;
	height: 0.5rem;
}

	.progress-indicator > * {
		flex: 1;
	}

	.progress-indicator .RSPBprogressBar {
		background: #E0E2E5; /* Bosch Gray 90 */
		border-radius: 0;
	}

		.progress-indicator .RSPBprogressBar .RSPBprogression {
			background: #007BC0; /* Bosch Blue 50 */
			border-radius: 0;
			/*transition: width 400ms cubic-bezier(.38,.04,.35,.96);*/
		}

@keyframes indeterminate-progress-indicator-go-back-and-forth {
	from {
		left: 0;
	}

	to {
		left: 100%;
	}
}

.progress-indicator .indeterminate-progress-indicator {
	background: #E0E2E5; /* Bosch Gray 90 */
	position: relative;
}

	.progress-indicator .indeterminate-progress-indicator .box {
		animation: 2s infinite indeterminate-progress-indicator-go-back-and-forth linear;
		position: absolute;
		background: #007BC0; /* Bosch Blue 50 */
		width: 0.5rem;
		height: 0.5rem;
	}

.A-Toasts {
	display: flex;
	flex-direction: column;
	align-self: center;
	gap: 0.5rem;
	position: fixed;
	bottom: 0;
	min-width: 25rem;
	min-height: 4rem;
	padding: 1.25rem 1.5rem;
}

.A-Toast {
	display: flex;
	gap: 0.5rem;
}

.A-Chip {
	display: inline-flex;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 1rem;
	height: 2rem;
	align-items: center;
}

	.A-Chip .chip-main-content {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.A-Chip.has-remove-icon {
		cursor: pointer;
	}

		.A-Chip.has-remove-icon .chip-main-content {
			margin-right: 0.375rem;
		}

	.A-Chip .A-Icon--close-small {
		margin-right: 0.375rem;
	}

.A-Chip-Group {
    display: flex;
    gap: 0.5rem;
}

.A-Active-Filters {
    flex-wrap: wrap;
}

    .A-Active-Filters .A-Show-All-Link,
    .A-Active-Filters .A-Hide-All-Link {
        margin-right: 1rem;
    }

    .A-Active-Filters .A-Reset-All-Filters-Link {
        margin-left: 1rem;
    }

.A-Filter {
    flex-direction: column;
}

    .A-Filter .A-Popover-Content {
        overflow-y: auto;
    }

    .A-Filter .A-Popover-Content {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
.A-Filter-Bottom-Chips {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .A-Filter-Bottom-Chips .A-Divider {
        margin-top: 0;
        margin-bottom: 0;
    }
.A-Filter-Category {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.A-Filter-Category-Title {
    font-weight: bold;
}

.A-Filter-Category.A-Filter-Checkbox-Category .A-Filter-Category-Contents {
    display: grid;
    /* TODO: Fewer grids for smaller screens. */
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 2rem;
    row-gap: 1.5rem;
}
.O-Form__form {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.O-Form__callout.callout-location-top {
	margin-bottom: 2em;
}
.A-FormField-Input-Checkbox label {
	display: flex;
	align-items: start;
}

.A-FormField-Input-Checkbox .input-and-icon {
	display: flex;
}

.A-FormField-Input-Checkbox input[type="checkbox"] {
	display: none;
}

.A-FormField-Input-Checkbox .input-and-icon .check-icon {
	display: flex;
	width: 24px;
	height: 24px;
}

.A-FormField-Input-Checkbox .label-text {
	margin-left: 0.5rem;
}
.A-FormField input::placeholder {
    color: #595E62; /* Bosch Gray 40 */
    /* I think this is because FireFox by default applies opacity placeholders. */
    opacity: 1;
}

.A-Textlike-FormField .input-field {
    position: relative;
    display: flex;
    flex-direction: column;
}

    .A-Textlike-FormField .input-field label {
        position: absolute;
        top: 0.5px;
        left: 0;
        font-size: 0.75rem;
        font-weight: normal;
        margin: 0 0.75rem auto 1rem;
    }

    .A-Textlike-FormField .input-field .input-and-icon {
        display: flex;
    }

        .A-Textlike-FormField .input-field .input-and-icon input,
        .A-Textlike-FormField .input-field .input-and-icon textarea {
            flex: 1;
            border: none;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            padding: 0.75rem 1rem;
            padding-top: calc(0.75rem + 1px); /* 1px for the bottom border.*/
        }

        .A-Textlike-FormField .input-field .input-and-icon input {
            height: 3rem;
        }

    .A-Textlike-FormField .input-field label + .input-and-icon input,
    .A-Textlike-FormField .input-field label + .input-and-icon textarea {
        padding: calc(1.5rem + 1px) 1rem 0.75rem 1rem;
    }

    .A-Textlike-FormField .input-field .input-and-icon input:focus,
    .A-Textlike-FormField .input-field .input-and-icon textarea:focus {
        outline: none;
    }

    .A-Textlike-FormField .input-field .input-and-icon .A-FormField__icon {
        position: absolute;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        /* So that when we click on the icon, the click passes through to the text field that's behind it. */
        pointer-events: none;
    }

    .A-Textlike-FormField .input-field .input-and-icon.icon-on-left .A-FormField__icon {
        left: 0.75rem;
    }

    .A-Textlike-FormField .input-field .input-and-icon.icon-on-left input,
    .A-Textlike-FormField .input-field .input-and-icon.icon-on-left textarea {
        /* 1.5rem for the icon size, 0.75rem for padding to the left of the icon, and 0.75rem for padding to the right of the icon.*/
        padding-left: calc(1.5rem + 0.75rem + 0.75rem);
    }

    .A-Textlike-FormField .input-field .input-and-icon.icon-on-right .A-FormField__icon {
        right: 0.75rem;
    }

    .A-Textlike-FormField .input-field .input-and-icon.icon-on-right input,
    .A-Textlike-FormField .input-field .input-and-icon.icon-on-right textarea {
        /* 1.5rem for the icon size, 0.75rem for padding to the left of the icon, and 0.75rem for padding to the right of the icon.*/
        padding-right: calc(1.5rem + 0.75rem + 0.75rem);
    }

    /* Hide the increment/decrement arrows for number inputs. From https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp */
    .A-Textlike-FormField .input-field .input-and-icon input[type=number]::-webkit-outer-spin-button,
    .A-Textlike-FormField .input-field .input-and-icon input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .A-Textlike-FormField .input-field .input-and-icon input[type=number] {
        -moz-appearance: textfield;
    }

.A-FormField {
	display: flex;
	flex-direction: column;
}

	/* If a field has the .no-required-asterisk class, remove the asterisk that's normally shown when a field is required. */
	.A-FormField.no-required-asterisk .A-FormField__element:required + .A-FormField__label .A-FormField__labelText:after {
		display: none;
	}

	/* For required fields other than text fields, add an asterisk after the field's name.
   We don't add an asterisk to the name of text fields because the
   Bosch Style Guide CSS already takes care of doing this.
*/
	.A-FormField:not(.A-FormField-Input) .A-FormField__element:required + .A-FormField__label:after {
		content: '*';
		display: inline;
		padding-left: 2px;
		vertical-align: top;
	}

.A-FormField__validation {
	padding: 0.1875rem 1rem;
	border-top-style: solid;
	border-top-width: 1px;
}
/* Begin Clickdummy CSS */
.flatpickr-next-month i, .flatpickr-prev-month i {
	position: relative
}

.numInputWrapper input, .numInputWrapper span {
	display: inline-block
}

.flatpickr-calendar {
	background: 0 0;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	padding: 0;
	-webkit-animation: none;
	animation: none;
	direction: ltr;
	border: 0;
	font-size: 14px;
	line-height: 24px;
	border-radius: 5px;
	position: absolute;
	width: 307.875px;
	box-sizing: border-box;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	background: #fff;
	box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)
}

	.flatpickr-calendar.inline, .flatpickr-calendar.open {
		opacity: 1;
		visibility: visible;
		overflow: visible;
		max-height: 640px
	}

	.flatpickr-calendar.open {
		display: inline-block;
		z-index: 99999
	}

	.flatpickr-calendar.animate.open {
		-webkit-animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
		animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)
	}

	.flatpickr-calendar.inline {
		display: block;
		position: relative;
		top: 2px
	}

	.flatpickr-calendar.static {
		position: absolute;
		top: calc(100% + 2px)
	}

		.flatpickr-calendar.static.open {
			z-index: 999;
			display: block
		}

	.flatpickr-calendar.hasWeeks {
		width: auto
	}

		.flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer {
			border-bottom: 0;
			border-bottom-right-radius: 0;
			border-bottom-left-radius: 0
		}

		.flatpickr-calendar .hasWeeks .dayContainer {
			border-left: 0
		}

	.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
		height: 40px;
		border-top: 1px solid #e6e6e6
	}

	.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
		height: auto
	}

	.flatpickr-calendar:after, .flatpickr-calendar:before {
		position: absolute;
		display: block;
		pointer-events: none;
		border: solid transparent;
		content: '';
		height: 0;
		width: 0;
		left: 22px
	}

	.flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before {
		left: auto;
		right: 22px
	}

	.flatpickr-calendar:before {
		border-width: 5px;
		margin: 0 -5px
	}

	.flatpickr-calendar:after {
		border-width: 4px;
		margin: 0 -4px
	}

	.flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {
		bottom: 100%
	}

	.flatpickr-calendar.arrowTop:before {
		border-bottom-color: #e6e6e6
	}

	.flatpickr-calendar.arrowTop:after {
		border-bottom-color: #fff
	}

	.flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {
		top: 100%
	}

	.flatpickr-calendar.arrowBottom:before {
		border-top-color: #e6e6e6
	}

	.flatpickr-calendar.arrowBottom:after {
		border-top-color: #fff
	}

	.flatpickr-calendar:focus, .flatpickr-current-month input.cur-year:focus {
		outline: 0
	}

.flatpickr-month {
	background: 0 0;
	color: rgba(0,0,0,.9);
	fill: rgba(0,0,0,.9);
	height: 28px;
	line-height: 1;
	text-align: center;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden
}

.flatpickr-next-month, .flatpickr-prev-month {
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	line-height: 16px;
	height: 28px;
	padding: 10px calc(3.57% - 1.5px);
	z-index: 3
}

	.flatpickr-next-month.flatpickr-prev-month, .flatpickr-prev-month.flatpickr-prev-month {
		left: 0
	}

	.flatpickr-next-month.flatpickr-next-month, .flatpickr-prev-month.flatpickr-next-month {
		right: 0
	}

	.flatpickr-next-month:hover, .flatpickr-prev-month:hover {
		color: #959ea9
	}

		.flatpickr-next-month:hover svg, .flatpickr-prev-month:hover svg {
			fill: #f64747
		}

	.flatpickr-next-month svg, .flatpickr-prev-month svg {
		width: 14px
	}

		.flatpickr-next-month svg path, .flatpickr-prev-month svg path {
			transition: fill .1s;
			fill: inherit
		}


.numInputWrapper {
	position: relative;
	height: auto
}

	.numInputWrapper input {
		width: 100%
	}

	.numInputWrapper span {
		position: absolute;
		right: 0;
		width: 14px;
		padding: 0 4px 0 2px;
		height: 50%;
		line-height: 50%;
		opacity: 0;
		cursor: pointer;
		border: 1px solid rgba(57,57,57,.05);
		box-sizing: border-box
	}

		.numInputWrapper span:hover {
			background: rgba(0,0,0,.1)
		}

		.numInputWrapper span:active {
			background: rgba(0,0,0,.2)
		}

		.numInputWrapper span:after {
			display: block;
			content: "";
			position: absolute;
			top: 33%
		}

		.numInputWrapper span.arrowUp {
			top: 0;
			border-bottom: 0
		}

			.numInputWrapper span.arrowUp:after {
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				border-bottom: 4px solid rgba(57,57,57,.6)
			}

		.numInputWrapper span.arrowDown {
			top: 50%
		}

			.numInputWrapper span.arrowDown:after {
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				border-top: 4px solid rgba(57,57,57,.6)
			}

		.numInputWrapper span svg {
			width: inherit;
			height: auto
		}

			.numInputWrapper span svg path {
				fill: rgba(0,0,0,.5)
			}

	.flatpickr-current-month span.cur-month:hover, .numInputWrapper:hover {
		background: rgba(0,0,0,.05)
	}

		.numInputWrapper:hover span {
			opacity: 1
		}

.flatpickr-current-month {
	font-size: 135%;
	font-weight: 300;
	color: inherit;
	position: absolute;
	width: 75%;
	left: 12.5%;
	padding: 6.16px 0 0;
	line-height: 1;
	height: 28px;
	display: inline-block;
	text-align: center;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

	.flatpickr-current-month.slideLeft {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		-webkit-animation: fpFadeOut 400ms ease,fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);
		animation: fpFadeOut 400ms ease,fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)
	}

	.flatpickr-current-month.slideLeftNew, .flatpickr-current-month.slideRight {
		-webkit-animation: fpFadeIn 400ms ease,fpSlideLeftNew 400ms cubic-bezier(.23,1,.32,1);
		animation: fpFadeIn 400ms ease,fpSlideLeftNew 400ms cubic-bezier(.23,1,.32,1);
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	.flatpickr-current-month.slideRight {
		-webkit-animation: fpFadeOut 400ms ease,fpSlideRight 400ms cubic-bezier(.23,1,.32,1);
		animation: fpFadeOut 400ms ease,fpSlideRight 400ms cubic-bezier(.23,1,.32,1)
	}

	.flatpickr-current-month.slideRightNew {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-animation: fpFadeIn 400ms ease,fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1);
		animation: fpFadeIn 400ms ease,fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1)
	}

	.flatpickr-current-month span.cur-month {
		font-family: inherit;
		font-weight: 700;
		color: inherit;
		display: inline-block;
		margin-left: .5ch;
		padding: 0
	}

	.flatpickr-current-month .numInputWrapper {
		width: 6ch;
		width: 7ch\0;
		display: inline-block
	}

		.flatpickr-current-month .numInputWrapper span.arrowUp:after {
			border-bottom-color: rgba(0,0,0,.9)
		}

		.flatpickr-current-month .numInputWrapper span.arrowDown:after {
			border-top-color: rgba(0,0,0,.9)
		}

	.flatpickr-current-month input.cur-year {
		background: 0 0;
		box-sizing: border-box;
		color: inherit;
		cursor: default;
		padding: 0 0 0 .5ch;
		margin: 0;
		display: inline-block;
		font-size: inherit;
		font-family: inherit;
		font-weight: 300;
		line-height: inherit;
		height: initial;
		border: 0;
		border-radius: 0;
		vertical-align: initial
	}

		.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
			font-size: 100%;
			color: rgba(0,0,0,.5);
			background: 0 0;
			pointer-events: none
		}

.flatpickr-weekdays {
	overflow: hidden;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 28px;
	background: 0 0;
	text-align: center
}

span.flatpickr-weekday {
	background: 0 0;
	text-align: center;
	cursor: default;
	font-size: 90%;
	color: rgba(0,0,0,.54);
	line-height: 1;
	margin: 0;
	display: block;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1 1 0%;
	font-weight: bolder
}

.flatpickr-weeks {
	padding: 1px 0 0
}

.flatpickr-days {
	position: relative;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 307.875px
}

	.flatpickr-days:focus {
		outline: 0
	}

.dayContainer, .flatpickr-day {
	box-sizing: border-box;
	display: inline-block
}

.dayContainer {
	padding: 0;
	outline: 0;
	min-width: 307.875px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
	text-align: left;
	width: 307.875px;
	max-width: 307.875px;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around
}

.flatpickr-calendar.animate .dayContainer.slideLeft, .flatpickr-calendar.animate .dayContainer.slideLeftNew {
	-webkit-animation: fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);
	animation: fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0)
}

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
	-webkit-animation: fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);
	animation: fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)
}

.flatpickr-calendar.animate .dayContainer.slideRight {
	-webkit-animation: fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideRight 400ms cubic-bezier(.23,1,.32,1);
	animation: fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideRight 400ms cubic-bezier(.23,1,.32,1);
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0)
}

.flatpickr-calendar.animate .dayContainer.slideRightNew {
	-webkit-animation: fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1);
	animation: fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1)
}

.flatpickr-day {
	background: 0 0;
	border: 1px solid transparent;
	border-radius: 150px;
	color: #393939;
	cursor: pointer;
	font-weight: 400;
	width: 14.2857143%;
	-ms-flex-preferred-size: 14.2857143%;
	-webkit-flex-basis: 14.2857143%;
	flex-basis: 14.2857143%;
	max-width: 39px;
	height: 39px;
	line-height: 39px;
	margin: 0;
	position: relative;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

	.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
		cursor: pointer;
		outline: 0;
		background: #e6e6e6;
		border-color: #e6e6e6
	}

	.flatpickr-day.today {
		border-color: #959ea9
	}

		.flatpickr-day.today:focus, .flatpickr-day.today:hover {
			border-color: #959ea9;
			background: #959ea9;
			color: #fff
		}

	.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
		background: #569ff7;
		box-shadow: none;
		color: #fff;
		border-color: #569ff7
	}

		.flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange {
			border-radius: 50px 0 0 50px
		}

		.flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange {
			border-radius: 0 50px 50px 0
		}

		.flatpickr-day.endRange.startRange + .endRange, .flatpickr-day.selected.startRange + .endRange, .flatpickr-day.startRange.startRange + .endRange {
			box-shadow: -10px 0 0 #569ff7
		}

		.flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange {
			border-radius: 50px
		}

	.flatpickr-day.inRange {
		border-radius: 0;
		box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
	}

	.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
		pointer-events: none
	}

		.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {
			color: rgba(57,57,57,.3);
			background: 0 0;
			border-color: transparent;
			cursor: default
		}

	.flatpickr-day.week.selected {
		border-radius: 0;
		box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7
	}

.rangeMode .flatpickr-day {
	margin-top: 1px
}

.flatpickr-weekwrapper {
	display: inline-block;
	float: left
}

	.flatpickr-weekwrapper .flatpickr-weeks {
		padding: 0 12px;
		box-shadow: 1px 0 0 #e6e6e6
	}

	.flatpickr-weekwrapper .flatpickr-weekday {
		float: none;
		width: 100%;
		line-height: 28px
	}

	.flatpickr-weekwrapper span.flatpickr-day {
		display: block;
		width: 100%;
		max-width: none
	}

.flatpickr-innerContainer {
	display: block;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	box-sizing: border-box
}

.flatpickr-rContainer {
	box-sizing: border-box;
	display: inline-block;
	padding: 0
}

.flatpickr-time, .flatpickr-time input {
	text-align: center;
	box-sizing: border-box
}

.flatpickr-time {
	outline: 0;
	display: block;
	max-height: 40px;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 0;
	line-height: 40px
}

	.flatpickr-time:after {
		content: "";
		display: table;
		clear: both
	}

	.flatpickr-time .numInputWrapper {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1 1 0%;
		width: 40%;
		height: 40px;
		float: left
	}

		.flatpickr-time .numInputWrapper span.arrowUp:after {
			border-bottom-color: #393939
		}

		.flatpickr-time .numInputWrapper span.arrowDown:after {
			border-top-color: #393939
		}

	.flatpickr-time.hasSeconds .numInputWrapper {
		width: 26%
	}

	.flatpickr-time.time24hr .numInputWrapper {
		width: 49%
	}

	.flatpickr-time input {
		background: 0 0;
		box-shadow: none;
		border: 0;
		border-radius: 0;
		margin: 0;
		padding: 0;
		height: inherit;
		line-height: inherit;
		cursor: pointer;
		color: #393939;
		font-size: 14px;
		position: relative
	}

		.flatpickr-time input.flatpickr-hour {
			font-weight: 700
		}

		.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
			font-weight: 400
		}

		.flatpickr-time input:focus {
			outline: 0;
			border: 0
		}

	.flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator {
		height: inherit;
		display: inline-block;
		float: left;
		line-height: inherit;
		color: #393939;
		font-weight: 700;
		width: 2%;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center
	}

	.flatpickr-time .flatpickr-am-pm {
		outline: 0;
		width: 18%;
		cursor: pointer;
		text-align: center;
		font-weight: 400
	}

		.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover {
			background: #f0f0f0
		}

.flatpickr-input[readonly] {
	cursor: pointer
}

.A-DateTimePicker {
	display: flex;
	flex-direction: column;
	position: relative;
}

	.A-DateTimePicker .A-FormField__element::-ms-clear {
		display: none
	}

.A-DateTimePicker__calendar.flatpickr-calendar {
	width: 328px
}

.A-DateTimePicker__calendar .flatpickr-innerContainer {
	overflow: visible;
	margin: 10px
}

.A-DateTimePicker__calendar .flatpickr-days {
	overflow: visible
}

.A-DateTimePicker__calendar .flatpickr-month {
	height: 40px;
	margin: 5px 0;
	border-bottom: 1px solid #d9d9d9
}

.A-DateTimePicker__calendar .flatpickr-weekday {
	text-transform: uppercase
}

.A-DateTimePicker__calendar .flatpickr-current-month .cur-month, .A-DateTimePicker__calendar .flatpickr-current-month .numInputWrapper {
	font-weight: 200;
	font-size: .875rem
}

.A-DateTimePicker__calendar .flatpickr-day.today {
	border-color: #000
}

.A-DateTimePicker__calendar .flatpickr-day.selected {
	background-color: #005691;
	border-color: #005691
}

.A-DateTimePicker__calendar .flatpickr-day.disabled:focus, .A-DateTimePicker__calendar .flatpickr-day.disabled:hover, .A-DateTimePicker__calendar .flatpickr-day.prevMonthDay:focus, .A-DateTimePicker__calendar .flatpickr-day.prevMonthDay:hover, .A-DateTimePicker__calendar .flatpickr-day.today:focus, .A-DateTimePicker__calendar .flatpickr-day.today:hover, .A-DateTimePicker__calendar .flatpickr-day:focus, .A-DateTimePicker__calendar .flatpickr-day:hover {
	background-color: #005691;
	border-color: #005691;
	color: #fff
}

	.A-DateTimePicker__calendar .flatpickr-day.disabled:focus::after, .A-DateTimePicker__calendar .flatpickr-day.disabled:hover::after, .A-DateTimePicker__calendar .flatpickr-day.prevMonthDay:focus::after, .A-DateTimePicker__calendar .flatpickr-day.prevMonthDay:hover::after, .A-DateTimePicker__calendar .flatpickr-day.today:focus::after, .A-DateTimePicker__calendar .flatpickr-day.today:hover::after, .A-DateTimePicker__calendar .flatpickr-day:focus::after, .A-DateTimePicker__calendar .flatpickr-day:hover::after {
		content: ' ';
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		box-shadow: 0 0 0 10px #005691
	}

.A-DateTimePicker__calendar .flatpickr-day.disabled, .A-DateTimePicker__calendar .flatpickr-day.prevMonthDay {
	background-color: #d9d9d9;
	border-color: #d9d9d9
}

.A-DateTimePicker__calendar .flatpickr-day.nextMonthDay {
	visibility: hidden
}

@media (max-width:767px) {
	.A-DateTimePicker .A-FormField-Input:not(.A-FormField-Input-Checkbox):not(.A-FormField-Input-Radio) .A-FormField__label {
		color: #000;
		cursor: default;
		font-weight: 700;
		-webkit-transform: translateY(0) scale(.8);
		transform: translateY(0) scale(.8);
		white-space: nowrap
	}

	.A-DateTimePicker .A-FormField__element::-webkit-calendar-picker-indicator,
	.A-DateTimePicker .A-FormField__element::-webkit-clear-button,
	.A-DateTimePicker .A-FormField__element::-webkit-inner-spin-button {
		display: none
	}
}
/* End Clickdummy CSS */


.flatpickr-wrapper {
	display: flex;
	flex-direction: column;
	position: relative;
}

.date-time-picker .clear-date-icon {
	color: black;
	cursor: pointer;
	vertical-align: middle;
	margin-top: 12px;
	margin-left: 8px;
}

.date-time-picker.disabled .A-FormField-Input .A-FormField__element,
.date-time-picker.disabled .A-FormField-Input .A-FormField__label {
	cursor: not-allowed;
}
.A-FormField-Select .select__control {
    background: inherit;
    border: none;
    box-shadow: none;
    height: 3em;
}

    .A-FormField-Select .select__control:hover {
        border: none;
    }

.A-FormField-Select .select__value-container {
    height: 48px;
    padding: 0 0.75rem 0 13px;
}

/* If the dropdown has a label, give it padding at the top. */
.A-FormField-Select .A-FormField__label + .select__value-container {
    padding-top: calc(1em - 4px);
}

.A-FormField-Select .select__value-container .select__placeholder,
.A-FormField-Select .select__value-container .select__single-value {
    top: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    transform: initial;
}

.A-FormField-Select .select__indicator {
    color: black;
}

.A-FormField-Select .select__menu {
    margin-top: 0;
    /* box-shadow code was taken from the Bosch style guide */
    box-shadow: 0 0 .5rem .1rem rgba(0, 0, 0, 0.25);
}

.A-FormField-Select .select__menu-list {
    padding-top: 0;
    padding-bottom: 0;
}

.A-FormField-Select .A-FormField__label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.75rem;
    margin: 1px 0.75rem auto 1rem;
}

.A-FormField-Select .select__option {
    padding: 0 1rem;
    height: 3rem;
    line-height: 3rem;
}
/* Begin Clickdummy CSS */
.M-FileUploader__dropzone {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 35px 0;
	position: relative;
	border: 1px dashed #bfc0c2;
	overflow: hidden;
	cursor: pointer
}

	.M-FileUploader__dropzone > input {
		cursor: inherit;
		display: block;
		filter: alpha(opacity=0);
		min-height: 100%;
		min-width: 100%;
		opacity: 0;
		position: absolute;
		right: 0;
		text-align: right;
		top: 0
	}

	.M-FileUploader__dropzone > label {
		font-size: 1rem;
		font-weight: 200
	}

/*.M-FileUploader__label {
	padding-bottom: 25px
}*/

.M-FileUploader__file {
	display: flex;
	align-items: center;
	/*margin-bottom: 25px*/
}

.M-FileUploader__file__metadata {
	min-width: 0
}

/*.M-FileUploader__file__icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	margin: 0 8px 0 10px
}*/

.M-FileUploader__file__name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/*font-weight: 200*/
}

/*.M-FileUploader__file__size {
	font-size: .625rem
}*/
/* End Clickdummy CSS */

.M-FileUploader {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	.M-FileUploader__dropzone .select-file-button {
		/* Make is to that the button receives hover events. */
		position: relative;
	}

.A-FormField-Input-File:not(.A-FormField-Input-Checkbox):not(.A-FormField-Input-Radio) .A-FormField__label {
	position: relative;
	display: block;
	margin-bottom: 1em;
	/* The below properties are copied from the styles
	   that are applied to labels for other form fields */
	color: #000;
	cursor: default;
	font-weight: 700;
	-webkit-transform: translateY(0) scale(.7);
	transform: translateY(0) scale(.7);
	white-space: nowrap;
}

.A-FormField-Input-File .M-FileUploader__file > * {
	vertical-align: middle;
}

.A-FormField-Input-File .M-FileUploader__file:last-child {
	margin-bottom: 0;
}

.A-FormField-Input-File .M-FileUploader__file .A-Icon {
	color: black;
}

.A-FormField-Input-File .M-FileUploader__file .M-FileUploader__file__metadata {
	margin-left: 1ex;
}

.A-FormField-Input-File .M-FileUploader__file .A-Icon--delete {
	margin-left: 20px;
	cursor: pointer;
}

.M-FileUploader .files-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.A-FormField-Textarea textarea {
	border-style: none none solid none;
}

.A-FormField-Textarea textarea:focus-visible {
	/* Override Chrome's default styling. */
	outline-style: none;
}
/* Begin Clickdummy CSS */
.M-Form-ResponsiveSlider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    padding-top: 10px;
    padding-bottom: 0
}

    .M-Form-ResponsiveSlider:after, .M-Form-ResponsiveSlider:before {
        content: " ";
        display: table
    }

    .M-Form-ResponsiveSlider:after {
        clear: both
    }

.M-Form-ResponsiveSlider__headline {
    font-size: 1.25rem;
    text-align: center
}

.M-Form-ResponsiveSlider__steps {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: both
}

.M-Form-ResponsiveSlider__step {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    transition: all 400ms cubic-bezier(.25,.8,.25,1);
    height: 115px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #d9d9d9;
    border-bottom: 2px solid transparent;
    outline: 0
}

.M-Form-ResponsiveSlider__step--active {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2 1 0%;
    border-bottom-color: #005691
}

    .M-Form-ResponsiveSlider__step--active .M-Form-ResponsiveSlider__icon {
        width: 40px
    }

    .M-Form-ResponsiveSlider__step--active .M-Form-ResponsiveSlider__name {
        display: block
    }

.M-Form-ResponsiveSlider__icon {
    width: 28px;
    fill: #e6e6e6
}

.M-Form-ResponsiveSlider__step--active, .M-Form-ResponsiveSlider__step--visited {
    background: #f7f7f7
}

    .M-Form-ResponsiveSlider__step--active .M-Form-ResponsiveSlider__icon, .M-Form-ResponsiveSlider__step--visited .M-Form-ResponsiveSlider__icon {
        fill: #000
    }

    .M-Form-ResponsiveSlider__step--active .M-Form-ResponsiveSlider__name, .M-Form-ResponsiveSlider__step--visited .M-Form-ResponsiveSlider__name {
        color: #000
    }

.M-Form-ResponsiveSlider__name {
    font-size: 1rem;
    color: #e6e6e6;
    margin-bottom: 0;
    display: none
}

.M-Form-ResponsiveSlider__rangeSlider, .M-Form-ResponsiveSlider__select {
    display: none
}

@media (min-width:768px) {
    .M-Form-ResponsiveSlider {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (min-width:768px) and (min-width:768px) {
    .M-Form-ResponsiveSlider {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width:768px) and (min-width:992px) {
    .M-Form-ResponsiveSlider {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width:768px) {
    .M-Form-ResponsiveSlider__headline {
        text-align: center;
        font-size: 1.75rem;
        padding-bottom: 15px
    }

    .M-Form-ResponsiveSlider__step {
        border: 0;
        height: 135px
    }

    .M-Form-ResponsiveSlider__step--active {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1 1 0%
    }

        .M-Form-ResponsiveSlider__icon,
        .M-Form-ResponsiveSlider__step--active .M-Form-ResponsiveSlider__icon,
        .M-Form-ResponsiveSlider__step--visited .M-Form-ResponsiveSlider__icon {
            width: 50px
        }

    .M-Form-ResponsiveSlider__name {
        display: block;
        font-size: 1.25rem
    }

    .M-Form-ResponsiveSlider__rangeSlider {
        display: block;
        position: relative;
        height: 2px;
        width: 100%;
        background: #e6e6e6 0%
    }

        .M-Form-ResponsiveSlider__rangeSlider .rz-bar-wrapper {
            width: 100%;
            box-sizing: border-box;
            display: block;
            background: #e6e6e6;
            height: 2px;
            transition: all .4s cubic-bezier(.25,.8,.25,1)
        }

            .M-Form-ResponsiveSlider__rangeSlider .rz-bar-wrapper:nth-child(2) {
                background-color: #005691;
                margin-top: -2px
            }

        .M-Form-ResponsiveSlider__rangeSlider .rz-bubble {
            display: none
        }

        .M-Form-ResponsiveSlider__rangeSlider .rzslider {
            position: relative;
            width: 76%;
            display: block;
            margin: -2px auto auto
        }

            .M-Form-ResponsiveSlider__rangeSlider .rzslider .rz-pointer {
                background: #005691;
                transition: all .4s cubic-bezier(.25,.8,.25,1)
            }

                .M-Form-ResponsiveSlider__rangeSlider .rzslider .rz-pointer:after,
                .M-Form-ResponsiveSlider__rangeSliderPointer:after {
                    content: '';
                    background-color: #005691;
                    opacity: 1;
                    width: 13px;
                    height: 13px;
                    border-radius: 100%;
                    transition: transform 400ms cubic-bezier(.38,.04,.35,.96);
                    transition: transform 400ms cubic-bezier(.38,.04,.35,.96),-webkit-transform 400ms cubic-bezier(.38,.04,.35,.96)
                }

                .M-Form-ResponsiveSlider__rangeSlider .rzslider .rz-pointer:hover,
                .M-Form-ResponsiveSlider__rangeSliderPointer:hover {
                    -webkit-transform: scale(1.1);
                    transform: scale(1.1)
                }

                    .M-Form-ResponsiveSlider__rangeSlider .rzslider .rz-pointer:hover:after,
                    .M-Form-ResponsiveSlider__rangeSliderPointer:hover:after {
                        position: absolute;
                        opacity: .1;
                        -webkit-transform: scale(2.1);
                        transform: scale(2.1);
                        left: 0;
                        top: 0
                    }

    .M-Form-ResponsiveSlider__rangeBackground, .M-Form-ResponsiveSlider__rangeSliderPointer {
        width: 0;
        height: 2px;
        background: #005691;
        transition: all .4s cubic-bezier(.25,.8,.25,1)
    }

    .M-Form-ResponsiveSlider__rangeSlider .rzslider .rz-pointer, .M-Form-ResponsiveSlider__rangeSliderPointer {
        position: absolute;
        top: -6px;
        display: inline-block;
        white-space: nowrap;
        width: 13px;
        height: 13px;
        border-radius: 100%;
        z-index: 1;
        cursor: move;
        outline: 0
    }

    .M-Search-Autosuggestions__heading, .M-Search-Autosuggestions__link {
        padding-left: 42px
    }

    .M-SearchField__input {
        padding-left: 20px
    }

    .M-SearchField__resultsLink {
        margin-left: 42px
    }

    .M-Search-SearchResultItem {
        padding-bottom: 10px
    }

    .M-Search-SearchResultItem__wrapper {
        padding: 5px 30px
    }

    .M-SignUp .A-Button {
        margin-top: 18px
    }

    .M-SocialPost__tile--profile .M-SocialPost__tileIcon {
        height: 68px;
        width: 68px
    }

    .M-SocialPost__tile--profile .M-SocialPost__tileContent {
        bottom: 16px
    }

    .M-SocialPost__tileContent {
        font-size: .625rem;
        top: 32px;
        bottom: 32px
    }

    .M-SocialPost__tileContent--shortText {
        font-size: .875rem
    }

    .M-SocialPost__tileContentButton {
        font-size: 11px
    }

    .M-SocialPost__tileTimestamp {
        top: 22px;
        font-size: 8px
    }

    .M-SocialPost__tileContent, .M-SocialPost__tileTimestamp {
        left: 22px;
        right: 22px
    }

    .M-SocialPost__tileContentYoutubeText {
        line-height: 1.4;
        font-size: 11px
    }

    .M-SocialPost__tileContent--youtube {
        top: 20px
    }

    .M-SocialPost__tileContentPlay, .M-SocialPost__tileContentPlay .A-Icon--start-play {
        height: 40px;
        width: 40px
    }

    @supports (-webkit-line-clamp:1) {
        .M-SocialPost__tileContentText--clamped:not(.M-SocialPost__tileContentButton) {
            -webkit-line-clamp: 7
        }
    }

    .M-Stage__mainHeadlineContainer {
        min-height: 2.7rem
    }

    .M-Stage--smallSupergraphic--dynamic {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJCT1NDSF9TVVBFUkdSQVBISUNfQTNfR1NMIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTA0LjYgMTE5MC42IiB3aWR0aD0iNTA0LjYiIGhlaWdodD0iMTE5MC42Ij4KICA8Zz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTM0Mi45OTIyIiB5MT0iNTk1LjI3NTQiIHgyPSI4NDcuNTU4NiIgeTI9IjU5NS4yNzU0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQuNDg5NjU5ZS0xMSAtMSAxIDQuNDg5NjU5ZS0xMSAtMzQyLjk5MjIgODQ3LjU1ODYpIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRTFFMkUzIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC45OTg5IiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPHJlY3QgeD0iMCIgeT0iMCIgZmlsbD0idXJsKCNTVkdJRF8xXykiIHdpZHRoPSI1MDQuNiIgaGVpZ2h0PSIxMTkwLjYiLz4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0zLjYxNzIiIHkxPSI3MjEuNDE4MiIgeDI9Ii0xNTAuNDA0MyIgeTI9IjcyMS40MTgyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQuNDg5NjU5ZS0xMSAtMSAxIDQuNDg5NjU5ZS0xMSAtMzQyLjk5MjIgODQ3LjU1ODYpIj4KICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgogICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwLjQ3MTYiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMUYyRjIiLz4KICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTdFOCIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPHBvbHlnb24gZmlsbD0idXJsKCNTVkdJRF8yXykiIHBvaW50cz0iNTA0LjYsOTk4IDUwNC42LDg1MS4yIDI1Mi4zLDkwMi4zIi8+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyMzAuNzc4NSIgeTE9Ijg0Mi40NTE4IiB4Mj0iMTc1LjMxMzQiIHkyPSIzNDUuMDY5MiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg0LjQ4OTY1OWUtMTEgLTEgMSA0LjQ4OTY1OWUtMTEgLTM0Mi45OTIyIDg0Ny41NTg2KSI+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGM0Y0RjQiLz4KICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC40NTk4IiBzdHlsZT0ic3RvcC1jb2xvcjojRUZGMEYxIi8+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuODI5MiIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTdFOCIvPgogICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTFFMkUzIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8cG9seWdvbiBmaWxsPSJ1cmwoI1NWR0lEXzNfKSIgcG9pbnRzPSIwLDYwMSAwLDY3NS40IDI1Mi4zLDcxNS44IDUwNC42LDY3OSA1MDQuNiw2MDEiLz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijc0Ljk5MDIiIHkxPSI1OTUuMjc1NCIgeDI9Ii01NC43MjY2IiB5Mj0iNTk1LjI3NTQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoNC40ODk2NTllLTExIC0xIDEgNC40ODk2NTllLTExIC0zNDIuOTkyMiA4NDcuNTU4NikiPgogICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VEIi8+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNFNkU3RTgiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxwb2x5Z29uIGZpbGw9InVybCgjU1ZHSURfNF8pIiBwb2ludHM9IjAsODQ1LjcgMCw4NDUuOCAyNTIuMyw5MDIuMyA1MDQuNiw4NTEuMiAyNTIuMyw3NzIuNiIvPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTcyLjE1ODIiIHkxPSI1OTUuMjc1NCIgeDI9Ii0zLjYxNzIiIHkyPSI1OTUuMjc1NCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg0LjQ4OTY1OWUtMTEgLTEgMSA0LjQ4OTY1OWUtMTEgLTM0Mi45OTIyIDg0Ny41NTg2KSI+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNEQ0REREUiLz4KICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC4yNTEyIiBzdHlsZT0ic3RvcC1jb2xvcjojRTlFOUVBIi8+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuNTk5OCIgc3R5bGU9InN0b3AtY29sb3I6I0YzRjRGNCIvPgogICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8cG9seWdvbiBmaWxsPSJ1cmwoI1NWR0lEXzVfKSIgcG9pbnRzPSIwLDY3NS40IDAsODQ1LjcgMjUyLjMsNzcyLjYgNTA0LjYsODUxLjIgNTA0LjYsNjc5IDI1Mi4zLDcxNS44Ii8+CiAgICAgICAgPHBvbHlnb24gZmlsbD0iI0VDRUNFRCIgcG9pbnRzPSIwLDk5OS40IDAsMTA5OC45IDE1Ni4yLDEwOTguOSAyNTIuMywxMDQyLjYgMzQ4LjQsMTA5OC45IDUwNC42LDEwOTguOSA1MDQuNiw5OTggMjUyLjMsMTAzMy45Ii8+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF82XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyLjk0ODQiIHkxPSI0NjkuMTM1IiB4Mj0iLTE1NS44NDU4IiB5Mj0iNDY5LjEzNSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg0LjQ4OTY1OWUtMTEgLTEgMSA0LjQ4OTY1OWUtMTEgLTM0Mi45OTIyIDg0Ny41NTg2KSI+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGN0Y3RjciLz4KICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC40NzE2IiBzdHlsZT0ic3RvcC1jb2xvcjojRjFGMkYyIi8+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNFNkU3RTgiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxwb2x5Z29uIGZpbGw9InVybCgjU1ZHSURfNl8pIiBwb2ludHM9IjAsODQ1LjggMCw5OTkuNCAyNTIuMyw5MDIuMyAJCQkiLz4KICAgICAgICA8cG9seWdvbiBmaWxsPSIjRTlFOUVBIiBwb2ludHM9IjAsMTA5OC45IDAsMTE5MC42IDE1Ni4yLDEwOTguOSAJCQkiLz4KICAgICAgICA8cG9seWdvbiBmaWxsPSIjRjNGNEY0IiBwb2ludHM9IjI1Mi4zLDEwNDIuNiAxNTYuMiwxMDk4LjkgMzQ4LjQsMTA5OC45IAkJCSIvPgogICAgICAgIDxwb2x5Z29uIGZpbGw9IiNFOUU5RUEiIHBvaW50cz0iNTA0LjYsMTE5MC42IDUwNC42LDEwOTguOSAzNDguNCwxMDk4LjkgCQkJIi8+CiAgICAgICAgPHBvbHlnb24gZmlsbD0iI0VGRUZGMCIgcG9pbnRzPSIxNTYuMiwxMDk4LjkgMCwxMTkwLjYgNTA0LjYsMTE5MC42IDM0OC40LDEwOTguOSAJCQkiLz4KICAgICAgICA8cG9seWdvbiBmaWxsPSIjRjNGNEY0IiBwb2ludHM9IjAsOTk5LjQgMjUyLjMsMTAzMy45IDUwNC42LDk5OCAyNTIuMyw5MDIuMyAJCQkiLz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzdfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjY5NC4yNTAyIiB5MT0iMzQyLjk5MjIiIHgyPSI2OTQuMjUwMiIgeTI9Ijg0Ny41NTg2IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQuNDg5NjU5ZS0xMSAtMSAxIDQuNDg5NjU5ZS0xMSAtMzQyLjk5MjIgODQ3LjU1ODYpIj4KICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgogICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwLjUwMDgiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQkVDRUMiLz4KICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTdFOCIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPHBhdGgKICAgICAgICAgIGZpbGw9InVybCgjU1ZHSURfN18pIgogICAgICAgICAgZD0iTTQyNy40LDEzNC4yYy00MS44LTIuOS05MC0xNi41LTE0MS0zMC45Yy04LjItMi4zLTE2LjQtNC42LTI0LjktN2MtOSwyLjMtMTgsNC43LTI2LjcsNwoJCQkJYy01NC44LDE0LjQtMTA2LjYsMjguMS0xNTEuNSwzMC45Yy0zNC45LDIuMi02MC45LTIuMy04My4zLTE0LjdsMCw3NS42YzMwLjEsMTIuNCw0Ny45LDE2LjksODIuOCwxNC43CgkJCQljNDQuOS0yLjksOTYuNy0xNi41LDE1MS41LTMwLjljODEuMi0yMS40LDE3NC44LTQ2LjEsMjcwLjMtMzguMnYtMjEuMkM0ODMuNywxMzEuOSw0NTkuOSwxMzYuNCw0MjcuNCwxMzQuMnoiLz4KCiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF84XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI1NzQuOTkwNSIgeTE9IjY4MC4wMTM4IiB4Mj0iNzI3LjM5OTgiIHkyPSI1MDguOTQxMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg0LjQ4OTY1OWUtMTEgLTEgMSA0LjQ4OTY1OWUtMTEgLTM0Mi45OTIyIDg0Ny41NTg2KSI+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMUYyRjIiLz4KICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTdFOCIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPHBhdGgKICAgICAgICAgIGZpbGw9InVybCgjU1ZHSURfOF8pIgogICAgICAgICAgZD0iTTIzNC4zLDE3OC45Yy01NC44LDE0LjQtMTA2LjYsMjguMS0xNTEuNSwzMC45QzQ3LjksMjEyLDMwLjEsMjA3LjUsMCwxOTUuMWwwLDU4LjQKCQkJCWM4OC44LTkuMywxNzUuNyw2LjIsMjc0LjYsMjIuNGM1Ny43LDkuNCwxMTcuMywxOS4yLDE2NS43LDIxLjdjMzQuOCwxLjgsNTQtMC42LDY0LjMtMi45di0xNTQKCQkJCUM0MDkuMSwxMzIuNywzMTUuNSwxNTcuNSwyMzQuMywxNzguOXoiLz4KCiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF85XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI3MTEuMzQ0IiB5MT0iODI0Ljk4ODYiIHgyPSI3ODUuNjgyNiIgeTI9IjY5Mi41MTg3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQuNDg5NjU5ZS0xMSAtMSAxIDQuNDg5NjU5ZS0xMSAtMzQyLjk5MjIgODQ3LjU1ODYpIj4KICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0YxRjJGMiIvPgogICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VEIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8cGF0aCBmaWxsPSJ1cmwoI1NWR0lEXzlfKSIgZD0iTTI2MS42LDk2LjNjOC40LDIuMywxNi43LDQuNywyNC45LDdjNTEsMTQuNCw5OS4yLDI4LjEsMTQxLDMwLjljMzIuNSwyLjIsNTYuMy0yLjMsNzcuMi0xNC43CgkJCQlWNjUuMUM0MTkuNCw1OCwzMzYuMiw3Ni45LDI2MS42LDk2LjN6Ii8+CgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTBfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijc5OS40MjE5IiB5MT0iMzQyLjk5MjIiIHgyPSI3OTkuNDIxOSIgeTI9Ijg0Ny41NTg2IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQuNDg5NjU5ZS0xMSAtMSAxIDQuNDg5NjU5ZS0xMSAtMzQyLjk5MjIgODQ3LjU1ODYpIj4KICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgogICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTZFN0U4Ii8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8cGF0aCBmaWxsPSJ1cmwoI1NWR0lEXzEwXykiIGQ9Ik0wLDcwLjFjOTEuMS0xNy42LDE4MS44LDQsMjYxLjYsMjYuMmM3NC42LTE5LjMsMTU3LjgtMzguMiwyNDMtMzEuMVYwTDAsMEwwLDcwLjF6Ii8+CgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUzNS40MTkxIiB5MT0iMzQyLjk5MjIiIHgyPSI1MzUuNDE5MSIgeTI9Ijg0Ny41NTg2IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQuNDg5NjU5ZS0xMSAtMSAxIDQuNDg5NjU5ZS0xMSAtMzQyLjk5MjIgODQ3LjU1ODYpIj4KICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0YxRjJGMiIvPgogICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTZFN0U4Ii8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8cGF0aAogICAgICAgICAgZmlsbD0idXJsKCNTVkdJRF8xMV8pIgogICAgICAgICAgZD0iTTQ0MC4zLDI5Ny42Yy00OC40LTIuNS0xMDgtMTIuMy0xNjUuNy0yMS43QzE3NS43LDI1OS43LDg4LjgsMjQ0LjEsMCwyNTMuNWwwLDExNi42CgkJCQljMTguOCwyLjMsMzEuNiw0LjcsNjguOSwyLjljNTItMi41LDExNi4xLTEyLjMsMTc4LjEtMjEuN2M5MS4zLTEzLjksMTc5LjItMjcuMywyNTcuNi0yNC45di0zMS43CgkJCQlDNDk0LjIsMjk3LDQ3NS4xLDI5OS40LDQ0MC4zLDI5Ny42eiIvPgogICAgICAgIDxwb2x5Z29uIGZpbGw9IiNFMUUyRTMiIHBvaW50cz0iMCw2MDEgNTA0LjYsNjAxIDI1Mi4zLDU3MS45IAkJCSIvPgoKICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEyXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2OTcuNzIzNSIgeTE9IjU0OC42MDk3IiB4Mj0iNzcyLjkxMjkiIHkyPSI0MTQuNDc5NiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg0LjQ4OTY1OWUtMTEgLTEgMSA0LjQ4OTY1OWUtMTEgLTM0Mi45OTIyIDg0Ny41NTg2KSI+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMUYyRjIiLz4KICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFRCIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPHBhdGggZmlsbD0idXJsKCNTVkdJRF8xMl8pIiBkPSJNODMuMywxMzQuMmM0NC45LTIuOSw5Ni43LTE2LjUsMTUxLjUtMzAuOWM4LjgtMi4zLDE3LjctNC43LDI2LjctN0MxODEuOCw3NC4xLDkxLjEsNTIuNSwwLDcwLjEKCQkJCWwwLDQ5LjRDMjIuNCwxMzEuOSw0OC41LDEzNi40LDgzLjMsMTM0LjJ6Ii8+CgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjM5Ni44MjgzIiB5MT0iODUwLjQyODEiIHgyPSI1MjkuMDkwOSIgeTI9IjM1Ni44MTciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoNC40ODk2NTllLTExIC0xIDEgNC40ODk2NTllLTExIC0zNDIuOTkyMiA4NDcuNTU4NikiPgogICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNFNkU3RTgiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxwYXRoIGZpbGw9InVybCgjU1ZHSURfMTNfKSIgZD0iTTI0NywzNTEuM2MtNjIsOS40LTEyNi4xLDE5LjItMTc4LjEsMjEuN2MtMzcuMywxLjgtNTAuMS0wLjYtNjguOS0yLjlsMCw2OC4zCgkJCQljNjYuMS0yLjUsMTQwLjQsMi41LDI2NC43LDExLjVjNzEuNyw1LjIsMTgyLDEzLjIsMjM5LjksMTEuNlYzMjYuM0M0MjYuMiwzMjMuOSwzMzguMywzMzcuNCwyNDcsMzUxLjN6Ii8+CgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI4MS4xMjc2IiB5MT0iNzgxLjQ2NTkiIHgyPSIzMTAuNzc3OCIgeTI9IjMxOC4wMzYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoNC40ODk2NTllLTExIC0xIDEgNC40ODk2NTllLTExIC0zNDIuOTkyMiA4NDcuNTU4NikiPgogICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjMuMTg3MTkxZS0wMiIgc3R5bGU9InN0b3AtY29sb3I6I0Y2RjZGNiIvPgogICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRENERERFIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8cG9seWdvbiBmaWxsPSJ1cmwoI1NWR0lEXzE0XykiIHBvaW50cz0iMCw2MDEgMjUyLjMsNTcxLjkgNTA0LjYsNjAxIDUwNC42LDUwOCAwLDUwNy45IAkJCSIvPgoKICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzE1XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0MTUuODMiIHkxPSIzNTIuNTI3NiIgeDI9IjMwNC44MzY0IiB5Mj0iODYxLjQ1OCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg0LjQ4OTY1OWUtMTEgLTEgMSA0LjQ4OTY1OWUtMTEgLTM0Mi45OTIyIDg0Ny41NTg2KSI+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFMUUyRTMiLz4KICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC41NjEzIiBzdHlsZT0ic3RvcC1jb2xvcjojRjFGMUYyIi8+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGN0Y3RjciLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxwYXRoIGZpbGw9InVybCgjU1ZHSURfMTVfKSIgZD0iTTI2NC43LDQ0OS45Yy0xMjQuMy05LTE5OC42LTE0LTI2NC43LTExLjVsMCw2OS41bDUwNC42LDAuMXYtNDYuNgoJCQkJQzQ0Ni43LDQ2MywzMzYuNCw0NTUsMjY0LjcsNDQ5Ljl6Ii8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) 0% 3%/cover
    }

    .M-Story-ChapterRank__headline, .M-Story-ChapterRank__image {
        padding-bottom: 40px
    }

    .M-Story-ChapterRank__link {
        font-size: 1.25rem
    }

    .M-Summary::before {
        top: 40px
    }

    .M-Summary__headline {
        margin-top: 40px;
        margin-bottom: 35px
    }

    .M-Summary__text {
        font-size: 1.25rem
    }

    .M-TabLinks__link:not(:first-child) {
        margin-left: 50px
    }

    .M-TagCloud__element {
        margin: 7.5px
    }

    .M-AggregationExpandableTeaserGroup__teaser {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

        .M-AggregationExpandableTeaserGroup__teaser:nth-child(1) {
            -webkit-order: 0;
            -ms-flex-order: 0;
            order: 0
        }

    .M-AggregationExpandableTeaserGroup__details:nth-child(2) {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__teaser:nth-child(1),
    .M-AggregationExpandableTeaserGroup__teaser:nth-child(3) {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .M-AggregationExpandableTeaserGroup__details:nth-child(4),
    .M-AggregationExpandableTeaserGroup__teaser:nth-child(5) {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .M-AggregationExpandableTeaserGroup__details:nth-child(6) {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__details:nth-child(2),
    .M-AggregationExpandableTeaserGroup__teaser:nth-child(7) {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .M-AggregationExpandableTeaserGroup__details:nth-child(8), .M-AggregationExpandableTeaserGroup__teaser:nth-child(9) {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .M-AggregationExpandableTeaserGroup__details:nth-child(10) {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .M-AggregationExpandableTeaserGroup__teaser:nth-child(11) {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .M-AggregationExpandableTeaserGroup__details:nth-child(12), .M-AggregationExpandableTeaserGroup__teaser:nth-child(13) {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .M-AggregationExpandableTeaserGroup__details:nth-child(14) {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .M-AggregationExpandableTeaserGroup__teaser:nth-child(15) {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .M-AggregationExpandableTeaserGroup__details:nth-child(16), .M-AggregationExpandableTeaserGroup__teaser:nth-child(17) {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .M-AggregationExpandableTeaserGroup__details:nth-child(18) {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .M-AggregationExpandableTeaserGroup__teaser:nth-child(19) {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .M-AggregationExpandableTeaserGroup__details:nth-child(20), .M-AggregationExpandableTeaserGroup__teaser:nth-child(21) {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .M-AggregationExpandableTeaserGroup__details:nth-child(22) {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .M-AggregationExpandableTeaserGroup__teaser:nth-child(23) {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .M-AggregationExpandableTeaserGroup__details:nth-child(24) {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__teaser {
        -webkit-flex-basis: 33.3333333333%;
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

        .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__teaser:nth-child(3) {
            -webkit-order: 0;
            -ms-flex-order: 0;
            order: 0
        }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__details:nth-child(4) {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__teaser:nth-child(5) {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__details:nth-child(6), .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__teaser:nth-child(7) {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__details:nth-child(8) {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__teaser:nth-child(9) {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__details:nth-child(10) {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__teaser:nth-child(11) {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__details:nth-child(12), .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__teaser:nth-child(13) {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__details:nth-child(14) {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__teaser:nth-child(15) {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__details:nth-child(16) {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__teaser:nth-child(17) {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__details:nth-child(18), .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__teaser:nth-child(19) {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__details:nth-child(20) {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__teaser:nth-child(21) {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__details:nth-child(22) {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__teaser:nth-child(23) {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .M-AggregationExpandableTeaserGroup--compact .M-AggregationExpandableTeaserGroup__details:nth-child(24) {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .A-Teaser-AggregationExpandableTeaserDetails__collapsableContent .A-List__itemText {
        font-size: .75rem
    }

    .M-AggregationExpandableTeaserGroup--separator {
        margin-top: 40px
    }

    .M-AggregationExpandableTeaserGroup--closing .A-Collapsable--collapsed-remove,
    .M-AggregationExpandableTeaserGroup--closing .A-Teaser-AggregationExpandableTeaser--active-add::after {
        transition-delay: 600ms
    }

    .M-Teaser-DecisionTeaser--2Column .M-Teaser-DecisionTeaser__items {
        padding: 60px 0 50px
    }

    .M-Teaser-DecisionTeaser--3Column .M-Teaser-DecisionTeaser__items {
        padding: 50px 0 40px
    }

    .M-Teaser-DecisionTeaser__item {
        padding-left: 15px;
        padding-right: 15px
    }

    .M-Teaser-EventTeaser__teaserElement {
        padding-bottom: 10px
    }

    .M-Teaser-PolyTeaserGroup__item {
        float: left;
        width: 50%
    }

    .M-Teaser-StoryTeaser__item {
        width: 33.3333333333%
    }

        .M-Teaser-StoryTeaser__item .A-Teaser-StoryTeaser {
            width: calc(100% - 15px);
            left: 7.5px
        }

    .M-Teaser-StoryTeaser__list--1items .M-Teaser-StoryTeaser__item0 {
        width: 100%
    }

        .M-Teaser-StoryTeaser__list--1items .M-Teaser-StoryTeaser__item0:after {
            padding-bottom: 32.7433628319%
        }

    .M-Teaser-StoryTeaser__list--10items .M-Teaser-StoryTeaser__item1,
    .M-Teaser-StoryTeaser__list--2items .M-Teaser-StoryTeaser__item1,
    .M-Teaser-StoryTeaser__list--4items .M-Teaser-StoryTeaser__item1,
    .M-Teaser-StoryTeaser__list--4items .M-Teaser-StoryTeaser__item2,
    .M-Teaser-StoryTeaser__list--5items .M-Teaser-StoryTeaser__item1,
    .M-Teaser-StoryTeaser__list--6items .M-Teaser-StoryTeaser__item1,
    .M-Teaser-StoryTeaser__list--7items .M-Teaser-StoryTeaser__item1,
    .M-Teaser-StoryTeaser__list--8items .M-Teaser-StoryTeaser__item1,
    .M-Teaser-StoryTeaser__list--9items .M-Teaser-StoryTeaser__item1 {
        width: 66.6666666667%
    }

        .M-Teaser-StoryTeaser__list--10items .M-Teaser-StoryTeaser__item1:after,
        .M-Teaser-StoryTeaser__list--2items .M-Teaser-StoryTeaser__item1:after,
        .M-Teaser-StoryTeaser__list--4items .M-Teaser-StoryTeaser__item1:after,
        .M-Teaser-StoryTeaser__list--4items .M-Teaser-StoryTeaser__item2:after,
        .M-Teaser-StoryTeaser__list--5items .M-Teaser-StoryTeaser__item1:after,
        .M-Teaser-StoryTeaser__list--6items .M-Teaser-StoryTeaser__item1:after,
        .M-Teaser-StoryTeaser__list--7items .M-Teaser-StoryTeaser__item1:after,
        .M-Teaser-StoryTeaser__list--8items .M-Teaser-StoryTeaser__item1:after,
        .M-Teaser-StoryTeaser__list--9items .M-Teaser-StoryTeaser__item1:after {
            padding-bottom: 49.3333333333%
        }

    .M-Teaser-StoryTeaser__list--6items .M-Teaser-StoryTeaser__item5 {
        width: 100%
    }

        .M-Teaser-StoryTeaser__list--6items .M-Teaser-StoryTeaser__item5:after {
            padding-bottom: 32.7433628319%
        }

    .M-Teaser-StoryTeaser__list--10items .M-Teaser-StoryTeaser__item6,
    .M-Teaser-StoryTeaser__list--7items .M-Teaser-StoryTeaser__item6,
    .M-Teaser-StoryTeaser__list--9items .M-Teaser-StoryTeaser__item6,
    .M-Teaser-StoryTeaser__list--9items .M-Teaser-StoryTeaser__item7,
    .M-Teaser-StoryTeaser__list--moreThan10 .M-Teaser-StoryTeaser__item1 {
        width: 66.6666666667%
    }

        .M-Teaser-StoryTeaser__list--10items .M-Teaser-StoryTeaser__item6:after,
        .M-Teaser-StoryTeaser__list--7items .M-Teaser-StoryTeaser__item6:after,
        .M-Teaser-StoryTeaser__list--9items .M-Teaser-StoryTeaser__item6:after,
        .M-Teaser-StoryTeaser__list--9items .M-Teaser-StoryTeaser__item7:after,
        .M-Teaser-StoryTeaser__list--moreThan10 .M-Teaser-StoryTeaser__item1:after {
            padding-bottom: 49.3333333333%
        }

    .M-Teaser-StoryTeaser__loaderIndicator {
        padding-top: 32.7433628319%
    }

    .M-Teaser-StrategicTeaser--1column .M-Teaser-StrategicTeaser__item {
        float: none
    }

    .M-Teaser-StrategicTeaser--1column .A-Teaser-StrategicTeaser__title {
        font-size: 2.25rem
    }

    .M-Teaser-StrategicTeaser--2column .M-Teaser-StrategicTeaser__item:first-child {
        margin-bottom: 0
    }

    .M-Teaser-TeaserGroupHorizontalScroll__item {
        width: 40%;
        padding-bottom: 1px
    }

    .M-Teaser-Jumbotron__text {
        margin-bottom: 30px
    }

    .M-Teaser-TeaserList__item {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 33.3333333333%
    }

    .M-Teaser-TeaserList__list--centered {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .M-Teaser-TeaserList__button .A-Button {
        margin-top: 20px
    }

    .M-Text-Fact__headline--small {
        font-size: 4.5rem
    }

    .M-Text-Fact__headline--medium, .M-Text-Fact__headline--teaser {
        font-size: 7.25rem
    }

    .M-Text-Fact__subline--medium, .M-Text-Fact__subline--small {
        font-size: 1.25rem
    }

    .M-Text-Fact__subline--teaser {
        font-size: 1.75rem
    }

    .M-Text-Fact__upperheadline {
        font-size: 3rem
    }

    .M-Text-StagedTypography__content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .M-Text-StagedTypography__header--leftAlignedMobile {
        text-align: center
    }

    .M-Text-2Column__introtext {
        font-size: 1.125rem
    }

    .M-Text-TextIntro__specialInformation {
        font-size: 1rem
    }
}

@media (min-width:992px) {
    .M-Form-ResponsiveSlider__step {
        height: 145px
    }
}
/* End Clickdummy CSS */

.M-Form-ResponsiveSlider__icon .A-Icon {
    font-size: 58px;
}
.O-Header {
	display: flex;
	border-bottom: 2px solid #C1C7CC; /* Bosch Gray 80*/
}

	.O-Header .header-contents {
		flex: 1;
		display: flex;
		align-items: center;
		gap: 3rem;
	}

	.O-Header .page-name {
		flex: 1;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 1.75rem;
		font-weight: bold;
	}

	.O-Header .logo-container {
		display: flex;
		width: 108px;
		height: 1.5rem;
	}

.O-Footer {
	position: relative;
	flex: none
}

.bosch-website .O-Footer {
	margin-bottom: 16px;
}

	.bosch-website .O-Footer:after {
		position: absolute;
		left: 0;
		width: 100%;
		height: 16px;
		content: '';
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-image: url(data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWw6c3BhY2U9InByZXNlcnZlIgogIGhlaWdodD0iMzAwIgogIHdpZHRoPSI3MjAiCiAgdmVyc2lvbj0iMS4xIgogIHk9IjAiCiAgeD0iMCIKICB2aWV3Qm94PSIwIDAgNzIwIDMwMCI+CiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgIC5zdDAgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF8xXyIpOwogICAgfQogICAgLnN0MSB7CiAgICAgIGZpbGw6IHVybCgiI1NWR0lEXzJfIik7CiAgICB9CiAgICAuc3QyIHsKICAgICAgZmlsbDogdXJsKCIjU1ZHSURfM18iKTsKICAgIH0KICAgIC5zdDMgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF80XyIpOwogICAgfQogICAgLnN0NCB7CiAgICAgIGZpbGw6IHVybCgiI1NWR0lEXzVfIik7CiAgICB9CiAgICAuc3Q1IHsKICAgICAgZmlsbDogI0FGMjAyNDsKICAgIH0KICAgIC5zdDYgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF82XyIpOwogICAgfQogICAgLnN0NyB7CiAgICAgIGZpbGw6ICM5NDFCMUU7CiAgICB9CiAgICAuc3Q4IHsKICAgICAgZmlsbDogI0IxMjczOTsKICAgIH0KICAgIC5zdDkgewogICAgICBmaWxsOiAjOTUyNDMyOwogICAgfQogICAgLnN0MTAgewogICAgICBmaWxsOiAjRDQyMDI3OwogICAgfQogICAgLnN0MTEgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF83XyIpOwogICAgfQogICAgLnN0MTIgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF84XyIpOwogICAgfQogICAgLnN0MTMgewogICAgICBmaWxsOiAjMUM5QTQ4OwogICAgfQogICAgLnN0MTQgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF85XyIpOwogICAgfQogICAgLnN0MTUgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF8xMF8iKTsKICAgIH0KICAgIC5zdDE2IHsKICAgICAgZmlsbDogIzJBMzg4NjsKICAgIH0KICAgIC5zdDE3IHsKICAgICAgZmlsbDogdXJsKCIjU1ZHSURfMTFfIik7CiAgICB9CiAgICAuc3QxOCB7CiAgICAgIGZpbGw6IHVybCgiI1NWR0lEXzEyXyIpOwogICAgfQogICAgLnN0MTkgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF8xM18iKTsKICAgIH0KICAgIC5zdDIwIHsKICAgICAgZmlsbDogdXJsKCIjU1ZHSURfMTRfIik7CiAgICB9CiAgPC9zdHlsZT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS41NSwtMy4zKSI+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiB5Mj0iLTMyLjY2MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkxPSItMzIuNjYzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9Ijg0Mi4wOCIgeDE9IjExOC45OCI+PHN0b3Agc3RvcC1jb2xvcj0iIzk1MjMzMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzkyMUMxRCIgb2Zmc2V0PSIuMDM2MDk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0IwMjczOSIgb2Zmc2V0PSIuMDg0NjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0FEMUYyNCIgb2Zmc2V0PSIuMTIzNyIvPjxzdG9wIHN0b3AtY29sb3I9IiNDNzIwMjYiIG9mZnNldD0iLjE1MDkiLz48c3RvcCBzdG9wLWNvbG9yPSIjRDQyMDI3IiBvZmZzZXQ9Ii4xNjk3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDMjQzMSIgb2Zmc2V0PSIuMTc1OCIvPjxzdG9wIHN0b3AtY29sb3I9IiNCNzJCNEMiIG9mZnNldD0iLjE4ODgiLz48c3RvcCBzdG9wLWNvbG9yPSIjOTUzMzcxIiBvZmZzZXQ9Ii4yMDc0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzg4MzU3RiIgb2Zmc2V0PSIuMjE0MiIvPjxzdG9wIHN0b3AtY29sb3I9IiM4NTM2ODEiIG9mZnNldD0iLjI0MzYiLz48c3RvcCBzdG9wLWNvbG9yPSIjNkYzNjhCIiBvZmZzZXQ9Ii4yNjM4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzM5NDI4RiIgb2Zmc2V0PSIuMjkxMSIvPjxzdG9wIHN0b3AtY29sb3I9IiMyMzNEN0QiIG9mZnNldD0iLjMyNDIiLz48c3RvcCBzdG9wLWNvbG9yPSIjMzIyQzZGIiBvZmZzZXQ9Ii40MTgxIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzJBMzg4NSIgb2Zmc2V0PSIuNDk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzFENjJBMSIgb2Zmc2V0PSIuNTU4MSIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNzZDQTUiIG9mZnNldD0iLjU3MDIiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDM4RUIzIiBvZmZzZXQ9Ii42MTAzIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzU1QTVCQyIgb2Zmc2V0PSIuNjM5OSIvPjxzdG9wIHN0b3AtY29sb3I9IiM1Q0FGQkYiIG9mZnNldD0iLjY1NTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjNTZBQkJEIiBvZmZzZXQ9Ii42Nzc3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzQzOUZCOCIgb2Zmc2V0PSIuNzA1OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxODhFQUYiIG9mZnNldD0iLjczNzIiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDM4QkFFIiBvZmZzZXQ9Ii43NDI2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzA2OTI5MiIgb2Zmc2V0PSIuNzg5OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNUExNEIiIG9mZnNldD0iLjg4NzUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDM5MjdFIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHdpZHRoPSI3MjMuMSIgeT0iMCIgeD0iMCIgaGVpZ2h0PSIzMDYuNCIgY2xhc3M9InN0MCIgZmlsbD0idXJsKCNTVkdJRF8xXykiLz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIHkyPSItMTA5LjI2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9Ii0xMDkuMjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiB4Mj0iMjM1Ljk4IiB4MT0iMzI1LjA4Ij48c3RvcCBzdG9wLWNvbG9yPSIjODkzNjgwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODkzNjgwIiBvZmZzZXQ9Ii4zMzU0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzhEMzE2RCIgb2Zmc2V0PSIuNTAyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MDI5NEQiIG9mZnNldD0iLjgzOTgiLz48c3RvcCBzdG9wLWNvbG9yPSIjOTAyNTQxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50Pjxwb2x5Z29uIHBvaW50cz0iMTc1LjEgMTUzLjIgMTE3IDMwNi40IDIwNi4xIDMwNi40IiBmaWxsPSJ1cmwoI1NWR0lEXzJfKSIgY2xhc3M9InN0MSIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgeTI9Ii04Mi4yODQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTIwLjI0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjQ0Ni41NSIgeDE9IjQ3OC45MyI+PHN0b3Agc3RvcC1jb2xvcj0iIzMyMkM2RiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzMyMkM2RiIgb2Zmc2V0PSIuMjQyNyIvPjxzdG9wIHN0b3AtY29sb3I9IiMzMDJGNzIiIG9mZnNldD0iLjQ1OTkiLz48c3RvcCBzdG9wLWNvbG9yPSIjMkEzQTdFIiBvZmZzZXQ9Ii43MTU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzE1NEE5MyIgb2Zmc2V0PSIuOTg5NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMzRCOTQiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBvbHlnb24gcG9pbnRzPSIyODguNCAxNTMuMiAzMTAuNyAzMDYuNCAzNTguMSAzMDYuNCAzNTguMSAwIDMxMi45IDAiIGZpbGw9InVybCgjU1ZHSURfM18pIiBjbGFzcz0ic3QyIi8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiB5Mj0iLTMyLjY2MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkxPSItMzIuNjYzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjM3Mi44OCIgeDE9IjI5NC4wOCI+PHN0b3Agc3RvcC1jb2xvcj0iIzZGMzc4RCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzNBNDI5MSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cG9seWdvbiBwb2ludHM9IjE3NS4xIDE1My4yIDIwNi4xIDMwNi40IDI1My45IDE1My4yIDIwOS40IDAgMjA5LjQgMCIgZmlsbD0idXJsKCNTVkdJRF80XykiIGNsYXNzPSJzdDMiLz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIHkyPSItMzIuNjYzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9Ii0zMi42NjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiB4Mj0iMzI1LjA4IiB4MT0iNDMxLjg4Ij48c3RvcCBzdG9wLWNvbG9yPSIjMjMzRDdEIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjkzRDdEIiBvZmZzZXQ9Ii4yNDk1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzNBM0M4MCIgb2Zmc2V0PSIuNTQ0NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM1MTNCODQiIG9mZnNldD0iLjg2MTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjNUQzQTg2IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50Pjxwb2x5Z29uIHBvaW50cz0iMjUzLjkgMTUzLjIgMjA2LjEgMzA2LjQgMzEwLjcgMzA2LjQgMjg4LjQgMTUzLjIgMzEyLjkgMCAyMDkuNCAwIiBmaWxsPSJ1cmwoI1NWR0lEXzVfKSIgY2xhc3M9InN0NCIvPjxwb2x5Z29uIHBvaW50cz0iMTE2LjEgMCA1NS43IDAgNTUuNyA5NC44IDg5LjkgMTUzLjIgNTUuNyAyMTEuNiA1NS43IDMwNi40IDExNyAzMDYuNCA5NS4yIDE1My4yIiBmaWxsPSIjYWYyMDI0IiBjbGFzcz0ic3Q1Ii8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiB5Mj0iNDMuOTM3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9IjQzLjkzNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIHgyPSIyMzIuNjciIHgxPSIzMjkuMTEiPjxzdG9wIHN0b3AtY29sb3I9IiM4OTM2ODAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4OTM2ODAiIG9mZnNldD0iLjMzNTQiLz48c3RvcCBzdG9wLWNvbG9yPSIjOEQzMTZEIiBvZmZzZXQ9Ii41MDI1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzkwMjk0RCIgb2Zmc2V0PSIuODM5OCIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MDI1NDEiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBvbHlnb24gcG9pbnRzPSIxNzUuMSAxNTMuMiAyMDkuNCAwIDExNi4xIDAiIGZpbGw9InVybCgjU1ZHSURfNl8pIiBjbGFzcz0ic3Q2Ii8+PHBvbHlnb24gcG9pbnRzPSI1NS43IDk0LjggNTUuNyAwIDAgMCIgZmlsbD0iIzk0MWIxZSIgY2xhc3M9InN0NyIvPjxwb2x5Z29uIHBvaW50cz0iNTUuNyAyMTEuNiA4OS45IDE1My4yIDU1LjcgOTQuOCIgZmlsbD0iI2IxMjczOSIgY2xhc3M9InN0OCIvPjxwb2x5Z29uIHBvaW50cz0iNTUuNyAyMTEuNiAwIDMwNi40IDU1LjcgMzA2LjQiIGZpbGw9IiM5NDFiMWUiIGNsYXNzPSJzdDciLz48cG9seWdvbiBwb2ludHM9IjU1LjcgOTQuOCAwIDAgMCAzMDYuNCA1NS43IDIxMS42IiBmaWxsPSIjOTUyNDMyIiBjbGFzcz0ic3Q5Ii8+PHBvbHlnb24gcG9pbnRzPSIxMTYuMSAwIDk1LjIgMTUzLjIgMTE3IDMwNi40IDE3NS4xIDE1My4yIiBmaWxsPSIjZDQyMDI3IiBjbGFzcz0ic3QxMCIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF83XyIgeTI9Ii0xODYuMDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTIwLjQ0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9Ijc0OC45NiIgeDE9Ijc0OC45NiI+PHN0b3Agc3RvcC1jb2xvcj0iIzk0QkU1NSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzkzQkQ1OCIgb2Zmc2V0PSIuMDQ0MzQwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzhCQkM2QSIgb2Zmc2V0PSIuMzg5MSIvPjxzdG9wIHN0b3AtY29sb3I9IiM4NkJDNzUiIG9mZnNldD0iLjcxNDkiLz48c3RvcCBzdG9wLWNvbG9yPSIjODRCQzc5IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoCiAgICAgIGQ9Im02NDEuNiAyNTkuNmMxLjctMjUuNCAxMC01NC42IDE4LjgtODUuNiAxLjQtNSAyLjgtMTAgNC4yLTE1LjEtMS40LTUuNS0yLjgtMTAuOS00LjItMTYuMi04LjgtMzMuMy0xNy02NC43LTE4LjgtOTItMS40LTIxLjIgMS40LTM3IDguOS01MC42aC00NS45Yy03LjUgMTguMy0xMC4zIDI5LjEtOC45IDUwLjMgMS43IDI3LjMgMTAgNTguNyAxOC44IDkyIDEzIDQ5LjMgMjggMTA2LjIgMjMuMiAxNjQuMmgxMi45Yy03LjYtMTIuOC0xMC40LTI3LjMtOS00N3oiCiAgICAgIGNsYXNzPSJzdDExIgogICAgICBmaWxsPSJ1cmwoI1NWR0lEXzdfKSIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF84XyIgeTI9Ii0xODQuNDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTE3LjI5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjczMy40OSIgeDE9IjY1My43NiI+PHN0b3Agc3RvcC1jb2xvcj0iIzA4QTI0QiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzBBQTE0RSIgb2Zmc2V0PSIuMTY3OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwQjlFNTciIG9mZnNldD0iLjQwNDciLz48c3RvcCBzdG9wLWNvbG9yPSIjMDk5QTY3IiBvZmZzZXQ9Ii42ODI3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzA0OTQ3RCIgb2Zmc2V0PSIuOTg5OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNDkzN0UiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0ibTYxNC41IDE0Mi4zYy04LjgtMzMuMy0xNy02NC43LTE4LjgtOTItMS40LTIxLjIgMS40LTMyIDguOS01MC4zaC0zNS40YzUuNyA1My45LTMuOCAxMDYuNy0xMy42IDE2Ni44LTUuNyAzNS0xMS43IDcxLjMtMTMuMiAxMDAuNi0xLjEgMjEuMSAwLjQgMzIuOCAxLjggMzloOTMuNWM0LjgtNTcuOS0xMC4zLTExNC44LTIzLjItMTY0LjF6IiBjbGFzcz0ic3QxMiIgZmlsbD0idXJsKCNTVkdJRF84XykiLz48cGF0aCBjbGFzcz0ic3QxMyIgZmlsbD0iIzFjOWE0OCIgZD0ibTY2NC42IDE1OC45Yy0xLjQgNS4xLTIuOCAxMC4xLTQuMiAxNS4xLTguOCAzMS0xNyA2MC4yLTE4LjggODUuNi0xLjQgMTkuNyAxLjQgMzQuMiA5IDQ2LjloMzNjNC4yLTUxLjgtNy4yLTEwMi4zLTE5LTE0Ny42eiIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF85XyIgeTI9Ii0xODUuOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTIwLjU0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjgxMi44MyIgeDE9IjgxMi44MyI+PHN0b3Agc3RvcC1jb2xvcj0iIzY5QTA2MCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzYzOUQ1QyIgb2Zmc2V0PSIuMDM5ODk1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzRDOTQ0RiIgb2Zmc2V0PSIuMjE5MiIvPjxzdG9wIHN0b3AtY29sb3I9IiMzNzhFNDciIG9mZnNldD0iLjQxODQiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjk4QjQ0IiBvZmZzZXQ9Ii42NTE1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzIzOEE0MyIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJtNjgwLjUgMGMxMC43IDU1LjMtMi41IDExMC40LTE1LjkgMTU4LjkgMTEuNyA0NS4zIDIzLjIgOTUuOCAxOC45IDE0Ny42aDM5LjZ2LTMwNi41aC00Mi42eiIgY2xhc3M9InN0MTQiIGZpbGw9InVybCgjU1ZHSURfOV8pIi8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEwXyIgeTI9Ii0xODUuODYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTIwLjU0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjY1Mi40NSIgeDE9IjY1Mi40NSI+PHN0b3Agc3RvcC1jb2xvcj0iIzA1QjVEQyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA0QjBENyIgb2Zmc2V0PSIuMjE5NyIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNUE0QzkiIG9mZnNldD0iLjUzNzEiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDU5MUI0IiBvZmZzZXQ9Ii45MTIyIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA1OENBRSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJtNTQyLjMgMjY3LjRjMS41LTI5LjQgNy41LTY1LjYgMTMuMi0xMDAuNiA5LjgtNjAuMSAxOS4zLTExMi44IDEzLjYtMTY2LjhoLTcwLjhjLTEuNCAxMS40LTIuOSAxOS4yLTEuOCA0MS44IDEuNSAzMS42IDcuNSA3MC41IDEzLjIgMTA4LjIgOC40IDU1LjQgMTYuNiAxMDguOCAxNS4xIDE1Ni40aDE5LjJjLTEuMy02LjItMi44LTE3LjktMS43LTM5eiIgY2xhc3M9InN0MTUiIGZpbGw9InVybCgjU1ZHSURfMTBfKSIvPjxwb2x5Z29uIHBvaW50cz0iMzc1LjcgMTUzLjIgMzU4LjEgMCAzNTguMSAzMDYuNCIgZmlsbD0iIzJhMzg4NiIgY2xhc3M9InN0MTYiLz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTFfIiB5Mj0iNzcuMTM2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9Ii00LjMyODEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiB4Mj0iNzk2LjcxIiB4MT0iNzUxLjA1Ij48c3RvcCBzdG9wLWNvbG9yPSIjNjJCMTZFIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODdCOTU3IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Im02NDEuNiA1MC42YzEuNyAyNy4zIDEwIDU4LjcgMTguOCA5MiAxLjQgNS4zIDIuOCAxMC43IDQuMiAxNi4yIDEzLjUtNDguNCAyNi42LTEwMy41IDE1LjktMTU4LjhoLTMwYy03LjUgMTMuNi0xMC4zIDI5LjQtOC45IDUwLjZ6IiBjbGFzcz0ic3QxNyIgZmlsbD0idXJsKCNTVkdJRF8xMV8pIi8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEyXyIgeTI9Ii0xODkuMjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTEzLjcxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjYzMS41OSIgeDE9IjU1MC40Ij48c3RvcCBzdG9wLWNvbG9yPSIjMDY5QUQ0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMzBBMENFIiBvZmZzZXQ9Ii4zNTI1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzVCQjBDMCIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJtNTA5LjggMTUwYy01LjctMzcuNy0xMS43LTc2LjYtMTMuMi0xMDguMi0xLjEtMjIuNyAwLjQtMzAuNCAxLjgtNDEuOGgtNDEuNWMxLjUgNDAuMS0xLjUgODUuMy03IDE2MC44LTMuMSA0My41LTggMTEwLjUtNyAxNDUuN2g4Mi4xYzEuNC00Ny43LTYuOC0xMDEuMS0xNS4yLTE1Ni41eiIgY2xhc3M9InN0MTgiIGZpbGw9InVybCgjU1ZHSURfMTJfKSIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xM18iIHkyPSItMTg1Ljg2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9IjEyMC41NCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIHgyPSI1MDUuMzMiIHgxPSI1MDUuMzMiPjxzdG9wIHN0b3AtY29sb3I9IiMxRTQ1OEUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxRjRGOTYiIG9mZnNldD0iLjI0MTEiLz48c3RvcCBzdG9wLWNvbG9yPSIjMkI2QUFCIiBvZmZzZXQ9Ii43MjkyIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzMzN0JCOSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cG9seWdvbiBwb2ludHM9IjM1OC4xIDMwNi40IDQxNC42IDMwNi40IDQxNC42IDAgMzU4LjEgMCAzNzUuNyAxNTMuMiIgZmlsbD0idXJsKCNTVkdJRF8xM18pIiBjbGFzcz0ic3QxOSIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xNF8iIHkyPSIxMjAuNTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iLTE4NS44NiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIHgyPSI1NTQuOTIiIHgxPSI1NTQuOTIiPjxzdG9wIHN0b3AtY29sb3I9IiMzRjlBQzkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyMDYyQTIiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0ibTQ0OS45IDE2MC44YzUuNS03NS41IDguNS0xMjAuNiA3LTE2MC44aC00Mi4ybC0wLjEgMzA2LjRoMjguM2MtMS0zNS4xIDMuOC0xMDIuMSA3LTE0NS42eiIgY2xhc3M9InN0MjAiIGZpbGw9InVybCgjU1ZHSURfMTRfKSIvPjwvZz4KPC9zdmc+Cg==)
	}

.layout {
	display: grid;
	grid-template-rows: auto 1fr;
	overflow-y: auto;
}

	.layout .header-bar {
		min-height: 10px;
		/* Background image SVG taken from Bosch.com */
		background-image: url(data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWw6c3BhY2U9InByZXNlcnZlIgogIGhlaWdodD0iMzAwIgogIHdpZHRoPSI3MjAiCiAgdmVyc2lvbj0iMS4xIgogIHk9IjAiCiAgeD0iMCIKICB2aWV3Qm94PSIwIDAgNzIwIDMwMCI+CiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgIC5zdDAgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF8xXyIpOwogICAgfQogICAgLnN0MSB7CiAgICAgIGZpbGw6IHVybCgiI1NWR0lEXzJfIik7CiAgICB9CiAgICAuc3QyIHsKICAgICAgZmlsbDogdXJsKCIjU1ZHSURfM18iKTsKICAgIH0KICAgIC5zdDMgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF80XyIpOwogICAgfQogICAgLnN0NCB7CiAgICAgIGZpbGw6IHVybCgiI1NWR0lEXzVfIik7CiAgICB9CiAgICAuc3Q1IHsKICAgICAgZmlsbDogI0FGMjAyNDsKICAgIH0KICAgIC5zdDYgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF82XyIpOwogICAgfQogICAgLnN0NyB7CiAgICAgIGZpbGw6ICM5NDFCMUU7CiAgICB9CiAgICAuc3Q4IHsKICAgICAgZmlsbDogI0IxMjczOTsKICAgIH0KICAgIC5zdDkgewogICAgICBmaWxsOiAjOTUyNDMyOwogICAgfQogICAgLnN0MTAgewogICAgICBmaWxsOiAjRDQyMDI3OwogICAgfQogICAgLnN0MTEgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF83XyIpOwogICAgfQogICAgLnN0MTIgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF84XyIpOwogICAgfQogICAgLnN0MTMgewogICAgICBmaWxsOiAjMUM5QTQ4OwogICAgfQogICAgLnN0MTQgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF85XyIpOwogICAgfQogICAgLnN0MTUgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF8xMF8iKTsKICAgIH0KICAgIC5zdDE2IHsKICAgICAgZmlsbDogIzJBMzg4NjsKICAgIH0KICAgIC5zdDE3IHsKICAgICAgZmlsbDogdXJsKCIjU1ZHSURfMTFfIik7CiAgICB9CiAgICAuc3QxOCB7CiAgICAgIGZpbGw6IHVybCgiI1NWR0lEXzEyXyIpOwogICAgfQogICAgLnN0MTkgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF8xM18iKTsKICAgIH0KICAgIC5zdDIwIHsKICAgICAgZmlsbDogdXJsKCIjU1ZHSURfMTRfIik7CiAgICB9CiAgPC9zdHlsZT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS41NSwtMy4zKSI+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiB5Mj0iLTMyLjY2MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkxPSItMzIuNjYzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9Ijg0Mi4wOCIgeDE9IjExOC45OCI+PHN0b3Agc3RvcC1jb2xvcj0iIzk1MjMzMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzkyMUMxRCIgb2Zmc2V0PSIuMDM2MDk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0IwMjczOSIgb2Zmc2V0PSIuMDg0NjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0FEMUYyNCIgb2Zmc2V0PSIuMTIzNyIvPjxzdG9wIHN0b3AtY29sb3I9IiNDNzIwMjYiIG9mZnNldD0iLjE1MDkiLz48c3RvcCBzdG9wLWNvbG9yPSIjRDQyMDI3IiBvZmZzZXQ9Ii4xNjk3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDMjQzMSIgb2Zmc2V0PSIuMTc1OCIvPjxzdG9wIHN0b3AtY29sb3I9IiNCNzJCNEMiIG9mZnNldD0iLjE4ODgiLz48c3RvcCBzdG9wLWNvbG9yPSIjOTUzMzcxIiBvZmZzZXQ9Ii4yMDc0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzg4MzU3RiIgb2Zmc2V0PSIuMjE0MiIvPjxzdG9wIHN0b3AtY29sb3I9IiM4NTM2ODEiIG9mZnNldD0iLjI0MzYiLz48c3RvcCBzdG9wLWNvbG9yPSIjNkYzNjhCIiBvZmZzZXQ9Ii4yNjM4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzM5NDI4RiIgb2Zmc2V0PSIuMjkxMSIvPjxzdG9wIHN0b3AtY29sb3I9IiMyMzNEN0QiIG9mZnNldD0iLjMyNDIiLz48c3RvcCBzdG9wLWNvbG9yPSIjMzIyQzZGIiBvZmZzZXQ9Ii40MTgxIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzJBMzg4NSIgb2Zmc2V0PSIuNDk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzFENjJBMSIgb2Zmc2V0PSIuNTU4MSIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNzZDQTUiIG9mZnNldD0iLjU3MDIiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDM4RUIzIiBvZmZzZXQ9Ii42MTAzIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzU1QTVCQyIgb2Zmc2V0PSIuNjM5OSIvPjxzdG9wIHN0b3AtY29sb3I9IiM1Q0FGQkYiIG9mZnNldD0iLjY1NTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjNTZBQkJEIiBvZmZzZXQ9Ii42Nzc3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzQzOUZCOCIgb2Zmc2V0PSIuNzA1OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxODhFQUYiIG9mZnNldD0iLjczNzIiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDM4QkFFIiBvZmZzZXQ9Ii43NDI2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzA2OTI5MiIgb2Zmc2V0PSIuNzg5OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNUExNEIiIG9mZnNldD0iLjg4NzUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDM5MjdFIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHdpZHRoPSI3MjMuMSIgeT0iMCIgeD0iMCIgaGVpZ2h0PSIzMDYuNCIgY2xhc3M9InN0MCIgZmlsbD0idXJsKCNTVkdJRF8xXykiLz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIHkyPSItMTA5LjI2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9Ii0xMDkuMjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiB4Mj0iMjM1Ljk4IiB4MT0iMzI1LjA4Ij48c3RvcCBzdG9wLWNvbG9yPSIjODkzNjgwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODkzNjgwIiBvZmZzZXQ9Ii4zMzU0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzhEMzE2RCIgb2Zmc2V0PSIuNTAyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MDI5NEQiIG9mZnNldD0iLjgzOTgiLz48c3RvcCBzdG9wLWNvbG9yPSIjOTAyNTQxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50Pjxwb2x5Z29uIHBvaW50cz0iMTc1LjEgMTUzLjIgMTE3IDMwNi40IDIwNi4xIDMwNi40IiBmaWxsPSJ1cmwoI1NWR0lEXzJfKSIgY2xhc3M9InN0MSIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgeTI9Ii04Mi4yODQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTIwLjI0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjQ0Ni41NSIgeDE9IjQ3OC45MyI+PHN0b3Agc3RvcC1jb2xvcj0iIzMyMkM2RiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzMyMkM2RiIgb2Zmc2V0PSIuMjQyNyIvPjxzdG9wIHN0b3AtY29sb3I9IiMzMDJGNzIiIG9mZnNldD0iLjQ1OTkiLz48c3RvcCBzdG9wLWNvbG9yPSIjMkEzQTdFIiBvZmZzZXQ9Ii43MTU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzE1NEE5MyIgb2Zmc2V0PSIuOTg5NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMzRCOTQiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBvbHlnb24gcG9pbnRzPSIyODguNCAxNTMuMiAzMTAuNyAzMDYuNCAzNTguMSAzMDYuNCAzNTguMSAwIDMxMi45IDAiIGZpbGw9InVybCgjU1ZHSURfM18pIiBjbGFzcz0ic3QyIi8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiB5Mj0iLTMyLjY2MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkxPSItMzIuNjYzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjM3Mi44OCIgeDE9IjI5NC4wOCI+PHN0b3Agc3RvcC1jb2xvcj0iIzZGMzc4RCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzNBNDI5MSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cG9seWdvbiBwb2ludHM9IjE3NS4xIDE1My4yIDIwNi4xIDMwNi40IDI1My45IDE1My4yIDIwOS40IDAgMjA5LjQgMCIgZmlsbD0idXJsKCNTVkdJRF80XykiIGNsYXNzPSJzdDMiLz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIHkyPSItMzIuNjYzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9Ii0zMi42NjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiB4Mj0iMzI1LjA4IiB4MT0iNDMxLjg4Ij48c3RvcCBzdG9wLWNvbG9yPSIjMjMzRDdEIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjkzRDdEIiBvZmZzZXQ9Ii4yNDk1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzNBM0M4MCIgb2Zmc2V0PSIuNTQ0NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM1MTNCODQiIG9mZnNldD0iLjg2MTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjNUQzQTg2IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50Pjxwb2x5Z29uIHBvaW50cz0iMjUzLjkgMTUzLjIgMjA2LjEgMzA2LjQgMzEwLjcgMzA2LjQgMjg4LjQgMTUzLjIgMzEyLjkgMCAyMDkuNCAwIiBmaWxsPSJ1cmwoI1NWR0lEXzVfKSIgY2xhc3M9InN0NCIvPjxwb2x5Z29uIHBvaW50cz0iMTE2LjEgMCA1NS43IDAgNTUuNyA5NC44IDg5LjkgMTUzLjIgNTUuNyAyMTEuNiA1NS43IDMwNi40IDExNyAzMDYuNCA5NS4yIDE1My4yIiBmaWxsPSIjYWYyMDI0IiBjbGFzcz0ic3Q1Ii8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiB5Mj0iNDMuOTM3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9IjQzLjkzNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIHgyPSIyMzIuNjciIHgxPSIzMjkuMTEiPjxzdG9wIHN0b3AtY29sb3I9IiM4OTM2ODAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4OTM2ODAiIG9mZnNldD0iLjMzNTQiLz48c3RvcCBzdG9wLWNvbG9yPSIjOEQzMTZEIiBvZmZzZXQ9Ii41MDI1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzkwMjk0RCIgb2Zmc2V0PSIuODM5OCIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MDI1NDEiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBvbHlnb24gcG9pbnRzPSIxNzUuMSAxNTMuMiAyMDkuNCAwIDExNi4xIDAiIGZpbGw9InVybCgjU1ZHSURfNl8pIiBjbGFzcz0ic3Q2Ii8+PHBvbHlnb24gcG9pbnRzPSI1NS43IDk0LjggNTUuNyAwIDAgMCIgZmlsbD0iIzk0MWIxZSIgY2xhc3M9InN0NyIvPjxwb2x5Z29uIHBvaW50cz0iNTUuNyAyMTEuNiA4OS45IDE1My4yIDU1LjcgOTQuOCIgZmlsbD0iI2IxMjczOSIgY2xhc3M9InN0OCIvPjxwb2x5Z29uIHBvaW50cz0iNTUuNyAyMTEuNiAwIDMwNi40IDU1LjcgMzA2LjQiIGZpbGw9IiM5NDFiMWUiIGNsYXNzPSJzdDciLz48cG9seWdvbiBwb2ludHM9IjU1LjcgOTQuOCAwIDAgMCAzMDYuNCA1NS43IDIxMS42IiBmaWxsPSIjOTUyNDMyIiBjbGFzcz0ic3Q5Ii8+PHBvbHlnb24gcG9pbnRzPSIxMTYuMSAwIDk1LjIgMTUzLjIgMTE3IDMwNi40IDE3NS4xIDE1My4yIiBmaWxsPSIjZDQyMDI3IiBjbGFzcz0ic3QxMCIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF83XyIgeTI9Ii0xODYuMDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTIwLjQ0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9Ijc0OC45NiIgeDE9Ijc0OC45NiI+PHN0b3Agc3RvcC1jb2xvcj0iIzk0QkU1NSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzkzQkQ1OCIgb2Zmc2V0PSIuMDQ0MzQwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzhCQkM2QSIgb2Zmc2V0PSIuMzg5MSIvPjxzdG9wIHN0b3AtY29sb3I9IiM4NkJDNzUiIG9mZnNldD0iLjcxNDkiLz48c3RvcCBzdG9wLWNvbG9yPSIjODRCQzc5IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoCiAgICAgIGQ9Im02NDEuNiAyNTkuNmMxLjctMjUuNCAxMC01NC42IDE4LjgtODUuNiAxLjQtNSAyLjgtMTAgNC4yLTE1LjEtMS40LTUuNS0yLjgtMTAuOS00LjItMTYuMi04LjgtMzMuMy0xNy02NC43LTE4LjgtOTItMS40LTIxLjIgMS40LTM3IDguOS01MC42aC00NS45Yy03LjUgMTguMy0xMC4zIDI5LjEtOC45IDUwLjMgMS43IDI3LjMgMTAgNTguNyAxOC44IDkyIDEzIDQ5LjMgMjggMTA2LjIgMjMuMiAxNjQuMmgxMi45Yy03LjYtMTIuOC0xMC40LTI3LjMtOS00N3oiCiAgICAgIGNsYXNzPSJzdDExIgogICAgICBmaWxsPSJ1cmwoI1NWR0lEXzdfKSIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF84XyIgeTI9Ii0xODQuNDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTE3LjI5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjczMy40OSIgeDE9IjY1My43NiI+PHN0b3Agc3RvcC1jb2xvcj0iIzA4QTI0QiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzBBQTE0RSIgb2Zmc2V0PSIuMTY3OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwQjlFNTciIG9mZnNldD0iLjQwNDciLz48c3RvcCBzdG9wLWNvbG9yPSIjMDk5QTY3IiBvZmZzZXQ9Ii42ODI3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzA0OTQ3RCIgb2Zmc2V0PSIuOTg5OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNDkzN0UiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0ibTYxNC41IDE0Mi4zYy04LjgtMzMuMy0xNy02NC43LTE4LjgtOTItMS40LTIxLjIgMS40LTMyIDguOS01MC4zaC0zNS40YzUuNyA1My45LTMuOCAxMDYuNy0xMy42IDE2Ni44LTUuNyAzNS0xMS43IDcxLjMtMTMuMiAxMDAuNi0xLjEgMjEuMSAwLjQgMzIuOCAxLjggMzloOTMuNWM0LjgtNTcuOS0xMC4zLTExNC44LTIzLjItMTY0LjF6IiBjbGFzcz0ic3QxMiIgZmlsbD0idXJsKCNTVkdJRF84XykiLz48cGF0aCBjbGFzcz0ic3QxMyIgZmlsbD0iIzFjOWE0OCIgZD0ibTY2NC42IDE1OC45Yy0xLjQgNS4xLTIuOCAxMC4xLTQuMiAxNS4xLTguOCAzMS0xNyA2MC4yLTE4LjggODUuNi0xLjQgMTkuNyAxLjQgMzQuMiA5IDQ2LjloMzNjNC4yLTUxLjgtNy4yLTEwMi4zLTE5LTE0Ny42eiIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF85XyIgeTI9Ii0xODUuOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTIwLjU0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjgxMi44MyIgeDE9IjgxMi44MyI+PHN0b3Agc3RvcC1jb2xvcj0iIzY5QTA2MCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzYzOUQ1QyIgb2Zmc2V0PSIuMDM5ODk1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzRDOTQ0RiIgb2Zmc2V0PSIuMjE5MiIvPjxzdG9wIHN0b3AtY29sb3I9IiMzNzhFNDciIG9mZnNldD0iLjQxODQiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjk4QjQ0IiBvZmZzZXQ9Ii42NTE1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzIzOEE0MyIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJtNjgwLjUgMGMxMC43IDU1LjMtMi41IDExMC40LTE1LjkgMTU4LjkgMTEuNyA0NS4zIDIzLjIgOTUuOCAxOC45IDE0Ny42aDM5LjZ2LTMwNi41aC00Mi42eiIgY2xhc3M9InN0MTQiIGZpbGw9InVybCgjU1ZHSURfOV8pIi8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEwXyIgeTI9Ii0xODUuODYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTIwLjU0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjY1Mi40NSIgeDE9IjY1Mi40NSI+PHN0b3Agc3RvcC1jb2xvcj0iIzA1QjVEQyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA0QjBENyIgb2Zmc2V0PSIuMjE5NyIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNUE0QzkiIG9mZnNldD0iLjUzNzEiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDU5MUI0IiBvZmZzZXQ9Ii45MTIyIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA1OENBRSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJtNTQyLjMgMjY3LjRjMS41LTI5LjQgNy41LTY1LjYgMTMuMi0xMDAuNiA5LjgtNjAuMSAxOS4zLTExMi44IDEzLjYtMTY2LjhoLTcwLjhjLTEuNCAxMS40LTIuOSAxOS4yLTEuOCA0MS44IDEuNSAzMS42IDcuNSA3MC41IDEzLjIgMTA4LjIgOC40IDU1LjQgMTYuNiAxMDguOCAxNS4xIDE1Ni40aDE5LjJjLTEuMy02LjItMi44LTE3LjktMS43LTM5eiIgY2xhc3M9InN0MTUiIGZpbGw9InVybCgjU1ZHSURfMTBfKSIvPjxwb2x5Z29uIHBvaW50cz0iMzc1LjcgMTUzLjIgMzU4LjEgMCAzNTguMSAzMDYuNCIgZmlsbD0iIzJhMzg4NiIgY2xhc3M9InN0MTYiLz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTFfIiB5Mj0iNzcuMTM2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9Ii00LjMyODEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiB4Mj0iNzk2LjcxIiB4MT0iNzUxLjA1Ij48c3RvcCBzdG9wLWNvbG9yPSIjNjJCMTZFIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODdCOTU3IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Im02NDEuNiA1MC42YzEuNyAyNy4zIDEwIDU4LjcgMTguOCA5MiAxLjQgNS4zIDIuOCAxMC43IDQuMiAxNi4yIDEzLjUtNDguNCAyNi42LTEwMy41IDE1LjktMTU4LjhoLTMwYy03LjUgMTMuNi0xMC4zIDI5LjQtOC45IDUwLjZ6IiBjbGFzcz0ic3QxNyIgZmlsbD0idXJsKCNTVkdJRF8xMV8pIi8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEyXyIgeTI9Ii0xODkuMjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTEzLjcxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjYzMS41OSIgeDE9IjU1MC40Ij48c3RvcCBzdG9wLWNvbG9yPSIjMDY5QUQ0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMzBBMENFIiBvZmZzZXQ9Ii4zNTI1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzVCQjBDMCIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJtNTA5LjggMTUwYy01LjctMzcuNy0xMS43LTc2LjYtMTMuMi0xMDguMi0xLjEtMjIuNyAwLjQtMzAuNCAxLjgtNDEuOGgtNDEuNWMxLjUgNDAuMS0xLjUgODUuMy03IDE2MC44LTMuMSA0My41LTggMTEwLjUtNyAxNDUuN2g4Mi4xYzEuNC00Ny43LTYuOC0xMDEuMS0xNS4yLTE1Ni41eiIgY2xhc3M9InN0MTgiIGZpbGw9InVybCgjU1ZHSURfMTJfKSIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xM18iIHkyPSItMTg1Ljg2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9IjEyMC41NCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIHgyPSI1MDUuMzMiIHgxPSI1MDUuMzMiPjxzdG9wIHN0b3AtY29sb3I9IiMxRTQ1OEUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxRjRGOTYiIG9mZnNldD0iLjI0MTEiLz48c3RvcCBzdG9wLWNvbG9yPSIjMkI2QUFCIiBvZmZzZXQ9Ii43MjkyIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzMzN0JCOSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cG9seWdvbiBwb2ludHM9IjM1OC4xIDMwNi40IDQxNC42IDMwNi40IDQxNC42IDAgMzU4LjEgMCAzNzUuNyAxNTMuMiIgZmlsbD0idXJsKCNTVkdJRF8xM18pIiBjbGFzcz0ic3QxOSIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xNF8iIHkyPSIxMjAuNTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iLTE4NS44NiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIHgyPSI1NTQuOTIiIHgxPSI1NTQuOTIiPjxzdG9wIHN0b3AtY29sb3I9IiMzRjlBQzkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyMDYyQTIiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0ibTQ0OS45IDE2MC44YzUuNS03NS41IDguNS0xMjAuNiA3LTE2MC44aC00Mi4ybC0wLjEgMzA2LjRoMjguM2MtMS0zNS4xIDMuOC0xMDIuMSA3LTE0NS42eiIgY2xhc3M9InN0MjAiIGZpbGw9InVybCgjU1ZHSURfMTRfKSIvPjwvZz4KPC9zdmc+Cg==);
		background-size: 100%;
	}

	.layout .A-Icon--header-bar {
		height: 6px;
		width: 100%;
	}

	.layout .below-header-bar-section {
		display: flex;
		flex-direction: column;
		overflow-y: auto;
	}

	.layout .side-navigation-and-layout-content {
		flex: 1;
		display: flex;
		overflow-y: auto;
	}

.layout-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}

main {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}

	main > * {
		flex: 1;
		display: flex;
		flex-direction: column;
		overflow-y: auto;
	}

.layout .side-navigation-and-layout-content .side-navigation .menu-items .menu-header,
.O-Header {
	height: 3rem;
}

	.O-Header .header-contents,
	.O-Footer {
		margin-left: 1rem;
		margin-right: 1rem;
	}

@media(min-width: 769px) {
	.O-Header .header-contents,
	.O-Footer {
		margin-left: 2rem;
		margin-right: 2rem;
	}
}

.side-navigation {
	display: flex;
	flex-direction: column;
	width: 3rem;
	color: white;
}

	.side-navigation.expanded {
		width: 19rem;
	}

	.side-navigation .side-navigation-body {
		flex: 1;
		display: flex;
		flex-direction: column;
		overflow-y: auto;
	}

	.side-navigation .menu-items {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-items: center;
	}

	.side-navigation .menu-header .app-name-and-close-button h2,
	.side-navigation .menu-header .app-name-and-close-button .A-Button {
		padding: 0.75rem;
	}

	.side-navigation .A-Link:hover .A-Link__linkText {
		text-decoration: none;
	}

	.side-navigation .menu-item:not(.active):not(:hover):not(:active),
	.side-navigation.expanded .menu-item.active.has-submenus:not(:hover) {
		background: transparent;
	}

	.side-navigation .menu-item {
		display: flex;
		padding: 0.75rem 0.5rem;
		justify-content: start;
	}

		.side-navigation .menu-item .A-Link__linkText {
			flex: 1;
			display: flex;
			justify-content: space-between;
		}


	.side-navigation:not(.expanded) .menu-item {
		justify-content: center;
	}

		.side-navigation:not(.expanded) .menu-item .A-Link__linkText {
			display: none;
		}

		.side-navigation:not(.expanded) .menu-item .A-Link .A-Link__Icon--left {
			margin-right: 0;
		}


	.side-navigation .menu-header {
		display: flex;
		flex-direction: column;
	}

		.side-navigation .menu-header .menu-icon-container {
			flex: 1;
			display: flex;
			flex-direction: column;
		}

			.side-navigation .menu-header .menu-icon-container > * {
				flex: 1;
				display: flex;
				align-items: start;
			}

		.side-navigation .menu-header .app-name-and-close-button {
			flex: 1;
			display: flex;
			justify-content: space-between;
		}

			.side-navigation .menu-header .app-name-and-close-button h2 {
				font-size: 1.25rem;
				font-weight: bold;
				margin-top: 0;
				margin-bottom: 0;
			}

			.side-navigation .menu-header .app-name-and-close-button .A-Link {
				flex-direction: column;
			}

			.side-navigation .menu-header .app-name-and-close-button .A-Link__Icon {
				margin-right: 0;
			}


.side-navigation .submenu-item .A-Link__Icon {
	width: 32px;
	height: 32px;
}

.side-navigation .menu-item:not(.open) .A-Icon--up {
	transform: rotate(180deg);
}

.side-navigation:not(.expanded) .submenu-item {
	display: none;
}

.sortable-and-paginatable-table {
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	gap: 0.5rem;
}

	.sortable-and-paginatable-table .A-Numbered-PageIndicator {
		align-self: center;
	}

.M-Table__cell.checkbox-column {
	flex: none;
	padding-right: 0;
}

.M-Table__cell--head.sortable {
	cursor: pointer;
}

.M-Table__cell--head .sortable-header-container {
	display: flex;
}

	.M-Table__cell--head .sortable-header-container .text {
		flex: 1;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.M-Table__cell--head .sortable-header-container .sort-icon {
		display: flex;
		width: 24px;
		margin-left: 0.5em;
	}

		.M-Table__cell--head .sortable-header-container .sort-icon.up .A-Icon {
			transform: rotate(180deg);
		}

.M-Table {
    display: flex;
    flex-direction: column;
}

    .M-Table:not(.M-Sideways-Table) {
        overflow-y: auto;
    }

    .M-Table.M-Sideways-Table {
        overflow-x: auto;
    }

    .M-Table__contentWrapper {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
    }

.M-Table:not(.M-Sideways-Table) .M-Table__headers,
.M-Table:not(.M-Sideways-Table) .M-Table__content {
    /* Force the scrollbar gutter to be shown, so that the width of the table header row
	   is the same as the width of the table body rows.
	   As of the time of writing, `scrollbar-gutter` is supported in every major
	   browser except for Safari: https://caniuse.com/mdn-css_properties_scrollbar-gutter
	   -Eli Black (2/16/2023) */
    scrollbar-gutter: stable;
    overflow-y: auto;
}

.M-Table.M-Sideways-Table .M-Table__content {
    overflow-x: auto;
}

.M-Table__headers {
    display: flex;
}

.M-Table:not(.M-Sideways-Table) .M-Table__headers {
    flex-direction: column;
    /* Calculation: [text: 1rem, top padding: 1rem, bottom padding: 1rem, bottom border: 2px] */
    min-height: calc(3rem + 2px);
}

.M-Table__content {
    display: flex;
    flex-direction: column;
}

.M-Table.M-Sideways-Table .M-Table__content {
    flex-direction: row;
}

.M-Table__content .table-loading-indicator,
.M-Table__content .table-no-results-message,
.M-Table__content .table-error-message {
    display: flex;
    padding-top: 2em;
    padding-bottom: 2em;
    justify-content: center;
}

.M-Table__cell--head {
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
}

.M-Table:not(.M-Sideways-Table) .M-Table__cell--head {
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 2px solid black;
}

.M-Table.M-Sideways-Table .M-Table__cell--head {
    border-right: 2px solid black;
}

.table-with-clickable-rows .M-Table__row:not(.M-Table__headlineRow) {
    cursor: pointer;
}

.M-Table__caption {
    margin-top: 15px
}

.M-Sideways-Table {
    flex-direction: row;
}

    .M-Sideways-Table .M-Table__headlineRow {
        flex-direction: column;
    }

.M-Table__row {
    display: flex;
}

.M-Table.M-Sideways-Table .M-Table__row {
    flex-direction: column;
}

.M-Table__row:hover {
    background-color: #E0E2E5 /* Bosch Gray 90 */;
}

.M-Table__cell {
    display: flex;
    flex: 1;
    gap: 0.5rem;
    /* We make the <td> have an explicit height so that
	   things inside it can have percentage heights.
	   Thanks to https://stackoverflow.com/a/3542470
	   and https://stackoverflow.com/a/3542447 for this. */
	/*height: 44px;*/
	padding: 0.75rem 1rem;
	overflow: hidden;
	vertical-align: top
}

.M-Table__content .M-Table__row:not(:first-child) .M-Table__cell,
.M-Table.M-Sideways-Table .M-Table__headers .M-Table__row .M-Table__cell:not(:first-child) {
    border-top: 1px solid #C1C7CC; /* Bosch Gray 80*/
}

.M-Table__content .M-Table__row:last-child .M-Table__cell,
.M-Table.M-Sideways-Table .M-Table__headers .M-Table__row .M-Table__cell:last-child {
    border-bottom: 1px solid #C1C7CC; /* Bosch Gray 80*/
}

.M-Table__cell.actions {
    /* Make it so that the icons stay on the same line. */
    white-space: nowrap;
    /* Make the column as small as possible. */
    width: 1px;
}
.M-Table__row:not(.expanded-row) .M-Table__cell .A-Icon.expand-collapse-row {
	transform: rotate(180deg);
}

.M-Table__row .M-Table__cell .original-column-content {
	/* Normally, when the text in the column wraps, the up arrow gets smaller, to give the text more room.
	   This prevents that. */
	flex: 1;
}

.M-Table__row.sub-row .M-Table__cell {
	border-top: none;
}
.A-Numbered-PageIndicator {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
	padding: 0;
	margin: 0.5rem;
}

.A-Numbered-PageIndicator .ellipsis {
	align-self: center;
}

.A-Button-PaginationArrows {
    padding: 0;
}

.A-PaginationDot {
	padding: 0.75rem;
	border-radius: 1rem;
	height: 2rem;
}



.log-out-modal {
	text-align: center;
}
.center-loading-container{
	flex: 1;
    display: flex;
    flex-direction: column;
	justify-content: center;
	align-items: center;
}


#home-page{
	display: flex;
    flex-direction: column;
	margin: 1em;
}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#sim-management{ 
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap:1em;
}

#sim-management .sim-input{ 
	flex: 1 1 95%;
}

#sim-management .sim-operation-left{ 
	flex: 1 1 40%;
	display: flex;
    flex-direction: column;
	gap:1em;
}

#sim-management .sim-operation-right{ 
	flex: 1 1 55%;
	display: flex;
    flex-direction: column;
	gap:1em;
}

#sim-management .sim-input{ 
    display: flex;
    flex-direction: row;
	align-items: center;
	gap: 1em; 
	padding-top: 1em;
}

#sim-management .sim-input .sim-input-field{ 
    width: 25em;
}

#sim-management .font-large {
	font-size: medium;
	font-weight: bold;
}

#sim-management .caption.font-large {
	padding-bottom: 1em;
}

#SimId{ 
    font-size: 1.25em;
}

/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#sim-deactivate .sim-deactivate-note{ 
	color: red;
	font-weight: bold;
}

#sim-deactivate .sim-deactivate-body{ 
    display: flex; 
    flex-direction: row; 
    gap: 1em; 
}

#sim-deactivate .sim-input-field {
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: #E0E2E5;
    padding-left: 0.5em;
    font-size: 1.25rem;
	font-weight: bold;
	width: 20em;
    height: 2em;
}


/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

.dialog-confirm-button{ 
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */
#query-vpn .query-vpn-body{ 
    display: flex; 
    flex-direction: row; 
	justify-content:flex-start;
	align-items: center;
	flex-wrap: wrap;
    gap: 1em; 
}

#query-vpn .sim-input-field {
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: #E0E2E5;
    padding-left: 0.5em;
    font-size: 1.25rem;
	font-weight: bold;
	width: 20em;
    height: 2em;
}

#query-vpn .device-status{ 
    display: flex;
    flex-direction: row;
	align-items: center;
	gap: 1em;
}

#query-vpn .device-info{ 
    display: flex;
    flex-direction: column;
}

#query-vpn .sim-input-field{ 
    display: flex;
    flex-direction: row;
	align-items: center;
	gap: 1em; 
}

#query-vpn .device-info .device-info-block {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0em 1em;
}
#query-vpn .device-info .device-info-cell {
	font-weight: bold;
}

#query-vpn .sim-id.font-large {
	font-weight: bold;
	background-color: #E0E2E5;
	width: 100%;
    height: 1.5em;
}

#query-vpn .online.font-large {
	font-weight: bold;
	color: red;
}

#query-vpn .network-model-warning {
	color: red;
}


/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#sim-mark-unusable .sim-mark-unusable-body{ 
    display: flex; 
    flex-direction: column; 
    gap: 1em; 
}

#sim-mark-unusable .sim-input-field {
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: #E0E2E5;
    padding-left: 0.5em;
    font-size: 1.25rem;
	font-weight: bold;
	width: 20em;
    height: 2em;
}

#sim-mark-unusable .sim-mark-unusable-submit{ 
    display: flex; 
    flex-direction: row; 
    gap: 1em; 
}

#sim-mark-unusable .sim-mark-unusable-status{ 
    display: flex; 
    flex-direction: row; 
	align-items: center;
    gap: 1em; 
}

#sim-mark-unusable .usability.font-large {
	font-weight: bold;
	color: red;
}


/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#sim-batch-deactivate .sim-batch-deactivate-body{ 
    display: flex; 
    flex-direction: row; 
	align-items: center;
    gap: 1em; 
}

#sim-batch-deactivate .sim-batch-deactivate-body .file-upload{ 
	flex: 0 1 35%;
    background-color: blanchedalmond;
}

#sim-batch-deactivate .M-Table {
    padding-bottom: 1em;
}

#sim-batch-deactivate .M-Table__headers {
    background-color: #E2F5E7;
}

#sim-batch-deactivate .M-Table__cell:first-child {
	flex: 0 1 35%
}

#sim-batch-deactivate .M-Table__cell.status {
    flex: 1;
}

#sim-batch-deactivate .M-Table__row.iccid-ready-row .M-Table__cell.status {
    color: blue;
	font-weight: bold;
}

#sim-batch-deactivate .M-Table__row.iccid-success-row .M-Table__cell.status {
    color: green;
	font-weight: bold;
}

#sim-batch-deactivate .M-Table__row.iccid-error-row .M-Table__cell.status {
    color: red;
	font-weight: bold;
}

.center-loading-container{
	flex: 1;
    display: flex;
    flex-direction: column;
	justify-content: center;
	align-items: center;
}
#sim-management-page{ 
    display: flex; 
    flex-direction: column;
    gap: 1em; 
}

.sim-detail-show {
    display: flex; 
    flex-direction: row;  
	flex-wrap: wrap;
    justify-content: center;
    gap: 1em;
}

.form-input{
    display: flex;
    flex-direction:column;
    gap: 1em;
}

.success-icon{
    color: #006C3A; /* Bosch Green 40 */
    align-self: center;
}

.error-icon{
    color: #BE0004; /* Bosch Green 40 */
    align-self: center;
}

.sim-details-container {
    display:grid;
    grid-template-columns: auto 1fr;
    column-gap: 1em;
    row-gap: 0.2em;
}

.sim-details{
    flex:1;
}
.download-billing-report {
    display:flex;
    flex-direction: column;
    gap: 1em;
}

.dropdown-item {
    display:flex;
    flex-direction:row;
    gap: 1em;
    width: 30%;
}

.dropdown-item .A-FormField {
    flex: 1;
    width: 150px;
}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#company-page {
	display: flex;
    flex-direction: column;
	gap: 1em;
}

#company-page .M-Table__headers {
    background-color: #E2F5E7;
}

#company-page .M-Table__cell:first-child {
	flex: 1;
}

#company-page .M-Table__cell.customer-id {
    flex: 0 1 35%;
}

#company-page .M-Table__cell.sales-region {
    flex: 0 1 15%;
}

#company-page .M-Table__cell.update {
    flex: 0 1 10%;
}


/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#update-company-page .font-large {
	font-weight: bold;
}

#update-company-page .font-medium {
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: bold;
}

#update-company-page .caption.font-large {
	padding-bottom: 1em;
}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#post-company {
	display: flex;
    flex-direction: column;
	gap: 1em;
}

#post-company .submit-company {
    align-items: flex-end;
    display: flex;
}

#post-company-content{
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
    gap: 1em 0em;
}

#company-Settings{
    flex: 0 0 100%;
}

#rpscontrol{
    flex: 0 0 49.5%;
}

#networkConfig{
    flex: 0 0 49.5%;
}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#networkConfig .filter-checkboxes{
    display: flex;
    flex-direction: row;
    gap: 1em
}

#networkConfig .networkconfig-input-field{ 
    display: flex; 
    flex-direction: column; 
	flex-wrap: wrap;
    gap: 1em; 
}

#networkConfig .networkconfig-dropdown-button{ 
    display: flex; 
    flex-direction: row; 
	flex-wrap: wrap;
    gap: 1em; 
    width: 80%;
}

#networkConfig .networkconfig-input-field .A-FormField{ 
    flex: 20%
}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#rpscontrol .filter-checkboxes{
    display: flex;
    flex-direction: column;
    gap: 1em
}

#rpscontrol .rps-input-field{ 
    width: 25em;
}

#rpscontrol .online-service-key{
    display: flex;
    flex-direction: row;
	justify-content:flex-start;
	align-items: center;
    gap: 1em
}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#company-Settings .filter-checkboxes{
    display: flex;
    flex-direction: row;
    gap: 1em
}

#company-Settings .company-input-field{ 
    display: flex; 
    flex-direction: row; 
	flex-wrap: wrap;
    gap: 1em; 
    width: 80%;
}

#company-Settings .company-input-field .A-FormField{ 
    flex: 20%
}

#company-Settings .A-FormField-Input-Text .input-field label + .input-and-icon input {
    padding-bottom: 1.25rem;
    padding-top: 2.1rem;
}

#company-Settings .A-FormField-Select .select__value-container{
    padding-bottom: 0;
}

#company-Settings .first{
    float:left;
    padding-right: 340px;
}

#company-Settings .second{
    clear: both;
}
#company-Settings .third{
    padding-top: 15px;
    float:right;
}
#company-Settings .textblock{
    float:left;
    font-size: 15px;
    padding-top: 15px;
}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#add-company-page .font-large {
	font-weight: bold;
}

#add-company-page .font-medium {
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: bold;
}

#add-company-page .caption.font-large {
	padding-bottom: 1em;
}
@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#sim-activation-detail-page {
	display: flex;
    flex-direction: column;
	gap: 1em;
}

#sim-activation-detail-page .M-Table__headers {
    background-color: #E2F5E7;
}


#sim-activation-detail-page .M-Table__cell.SimId {
    flex: 0 1 18%;
}

#sim-activation-detail-page .M-Table__cell.Status {
    flex: 0 1 13%;
}

#sim-activation-detail-page .M-Table__cell.StatusDescription {
    flex: 0 1 22%;
}

#sim-activation-detail-page .M-Table__cell.Date {
    flex: 0 1 15%;
}

#sim-activation-detail-page .M-Table__cell.LocalDate {
    flex: 0 1 15%;
}


#sim-activation-detail-page .Input-field{ 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap;
    gap: 1em; 
    align-items: flex-end;
}

#sim-activation-detail-page #simId{ 
    width: 20em;
}

#sim-activation-detail-page #transactionID{ 
    width: 25em;
}

#sim-activation-detail-page .M-Table__row.M-Table__row.has-sub-rows.error-row {
    background-color:lightcoral;
}

#sim-activation-detail-page .Input-field .A-Button{ 
    height: 3rem; 
}

#sim-activation-detail-page .command-bar-and-filter-chips .secondary-background-theme {
    background-color:white;
}

.radio-options{
    display: flex; 
    gap: 1em; 
}
.a-radio-button {
    position: relative;
    display: inline-block;
}

.a-radio-button input {
    height: 0;
    width: 0;
    opacity: 0;
    -moz-appearance: none;
    outline: none;
}

.a-radio-button input:focus {
    outline: hidden;
}

.a-radio-button input:focus-visible+label:before {
    outline: auto;
    outline-offset: 3px;
}

.a-radio-button label {
    color: #000;
    display: inline-block;
    padding-left: 2rem;
    line-height: 1.5;
    font-size: 1rem;
    cursor: pointer;
}

.a-radio-button label:before {
    position: absolute;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background-color: #8a9097; /* Bosch Gray 60 */
    left: 0;
    top: 0;
    border-radius: .75rem;
}

.a-radio-button label:focus:before,
.a-radio-button label:hover:before {
    background-color: #71767c; /* Bosch Gray 50 */
}

.a-radio-button label:active:before {
    background-color: #695e62; /* Bosch Gray 40 */
}

.a-radio-button input:disabled~label {
    cursor: default;
    color: #c1c7cc; /* Bosch Gray 80 */
}

.a-radio-button input:disabled~label:before {
    background-color: #e0e2e5; /* Bosch Gray 90 */
}

.a-radio-button input:checked~label:before {
    background-color: #007bc0; /* Bosch Blue 50 */
}

.a-radio-button input:checked~label:after {
    background-color: #fff; /* Bosch White */
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transform: translateX(.375rem) translateY(.375rem);
    width: .75rem;
}

.a-radio-button input:checked~label:hover:before {
    background-color: #00629a; /* Bosch Blue 40 */
}

.a-radio-button input:checked~label:active:before {
    background-color: #004975; /* Bosch Blue 30 */
}

.a-radio-button input:checked:disabled~label:before {
    background-color: #c1c7cc; /* Bosch Gray 80 */
}

.a-radio-button input:checked:disabled~label:after {
    background-color: #8a9097; /* Bosch Gray 60 */
}
#panel-management-page{ 
    display: flex; 
    flex-direction: column;
    gap: 1em; 
}

.sim-detail-show {
    display: flex; 
    flex-direction: row;  
	flex-wrap: wrap;
    justify-content: center;
    gap: 1em;
}

.form-input{
    display: flex;
    flex-direction:column;
    gap: 1em;
}

.success-icon{
    color: #006C3A; /* Bosch Green 40 */
    align-self: center;
}

.error-icon{
    color: #BE0004; /* Bosch Green 40 */
    align-self: center;
}

.panel-radio-options{
    display: flex; 
    gap: 1em; 
}

.export-csv .O-Form__form {
    display:inline-block; 
}

#panel-management-page .M-Table__cell.CloudId {
    flex: 0 1 16%;
}

#panel-management-page .M-Table__cell.CompanyName {
    flex: 0 1 20%;
}

#panel-management-page .M-Table__cell.CompanySapNumber {
    flex: 0 1 20%;
}

#panel-management-page .M-Table__cell.RemoteId {
    flex: 0 1 20%;
}

#panel-management-page .M-Table__cell.Flagged {
    flex: 0 1 24%;
}

#panel-management-page .M-Table__cell.CloudIdTable-CloudId {
    flex: 0 1 8.5%;
    white-space: normal;
}

#panel-management-page .M-Table__cell.CloudIdTable-CompanyName {
    flex: 0 1 9.5%;
    white-space: normal;
}

#panel-management-page .M-Table__cell.CloudIdTable-CompanySapNumber {
    flex: 0 1 12%;
    white-space: normal;
}

#panel-management-page .M-Table__cell.CloudIdTable-RemoteId {
    flex: 0 1 11%;
    white-space: normal;
}

#panel-management-page .M-Table__cell.CloudIdTable-Flagged {
    flex: 0 1 10%;
    white-space: normal;
}

#panel-management-page .M-Table__cell.CloudIdTable-RemoteConnectCloud {
    flex: 0 1 14%;
    white-space: normal;
}

#panel-management-page .M-Table__cell.CloudIdTable-RemoteConnectRSCMobileApp {
    flex: 0 1 17%;
    white-space: normal;
}

#panel-management-page .M-Table__cell.CloudIdTable-RemoteAlertPush {
    flex: 0 1 11%;
    white-space: normal;
}

#panel-management-page .M-Table__cell.CloudIdTable-DetailsButton {
    flex: 0 1 7%;
    padding-left: 0.3rem;
}

.a-radio-button {
    position: relative;
    display: inline-block;
}

.a-radio-button input {
    height: 0;
    width: 0;
    opacity: 0;
    -moz-appearance: none;
    outline: none;
}

.a-radio-button input:focus {
    outline: hidden;
}

.a-radio-button input:focus-visible+label:before {
    outline: auto;
    outline-offset: 3px;
}

.a-radio-button label {
    color: #000;
    display: inline-block;
    padding-left: 2rem;
    line-height: 1.5;
    font-size: 1rem;
    cursor: pointer;
}

.a-radio-button label:before {
    position: absolute;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background-color: #8a9097; /* Bosch Gray 60 */
    left: 0;
    top: 0;
    border-radius: .75rem;
}

.a-radio-button label:focus:before,
.a-radio-button label:hover:before {
    background-color: #71767c; /* Bosch Gray 50 */
}

.a-radio-button label:active:before {
    background-color: #695e62; /* Bosch Gray 40 */
}

.a-radio-button input:disabled~label {
    cursor: default;
    color: #c1c7cc; /* Bosch Gray 80 */
}

.a-radio-button input:disabled~label:before {
    background-color: #e0e2e5; /* Bosch Gray 90 */
}

.a-radio-button input:checked~label:before {
    background-color: #007bc0; /* Bosch Blue 50 */
}

.a-radio-button input:checked~label:after {
    background-color: #fff; /* Bosch White */
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transform: translateX(.375rem) translateY(.375rem);
    width: .75rem;
}

.a-radio-button input:checked~label:hover:before {
    background-color: #00629a; /* Bosch Blue 40 */
}

.a-radio-button input:checked~label:active:before {
    background-color: #004975; /* Bosch Blue 30 */
}

.a-radio-button input:checked:disabled~label:before {
    background-color: #c1c7cc; /* Bosch Gray 80 */
}

.a-radio-button input:checked:disabled~label:after {
    background-color: #8a9097; /* Bosch Gray 60 */
}
#flagged-checkbox {
    display: flex; 
    gap: 1em; 
}
input[type="checkbox"] {
	display: none;
}

.service-state-checkbox {
    position: relative;
    width: 24px;
	height: 24px;
  }
  
.service-state-checkbox input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
}

.service-state-checkbox label {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #8A9097; /* Bosch Gray 60 */
    background: #C1C7CC; /* Bosch Gray 80 */
}

#panel-environment-page{ 
    display: flex; 
    flex-direction: column;
    gap: 1em; 
}

.pathfinder-helper {
   display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

#pathfinder-helper .font-large {
	font-weight: bold;
}

#pathfinder-helper .caption.font-large {
	padding-bottom: 1em;
}

.pathfinder-update-option { 
    display: flex; 
    flex-direction: column;
    gap: 1em; 
     height: 100%;
}

.pathfinder-update-option > div:last-child {
  margin-top: auto;
}

#pathfinder-update .Input-field { 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap;
    gap: 1em; 
    align-items: center;
}

#pathfinder-update .font-large {
	font-weight: bold;
}

#pathfinder-update .caption.font-large {
	padding-bottom: 1em;
}

.pathfinder-info {
    display:flex;
    flex-direction: row;
    align-items: center;
    gap: 1em;
}

.panel-mqtt-info {
    display:flex;
    flex-direction: row;
    gap: 1em;
}

.panel-id-lookup-helper { 
    display: grid;
    grid-template-columns: 1fr 1fr;
    
}

.panel-id-lookup-helper-option { 
    display: flex; 
    flex-direction: column;
    gap: 1em; 
}

#panel-id-lookup-helper .Input-field { 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap;
    gap: 1em; 
    align-items: center;
}

#panel-id-lookup-helper .font-large {
	font-weight: bold;
}

#panel-id-lookup-helper .caption.font-large {
	padding-bottom: 1em;
}

.panel-id { 
    display: flex; 
    gap: 1em; 
}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#csr-management .M-Table {
    padding-bottom: 1em;
}

#csr-management .M-Table__headers {
    background-color: #E2F5E7;
}

#csr-management .M-Table__cell .A-FormField {
	width: 100%;
}

#csr-management .M-Table__cell.server {
	flex: 0 1 12%
}

#csr-management .M-Table__cell.ipaddress {
	flex: 0 1 12%
}

#csr-management .M-Table__cell.description {
	flex: 0 1 36%
}

#csr-management .M-Table__cell.releasename {
	flex: 0 1 12%
}

#csr-management .M-Table__cell.availablename {
	flex: 0 1 12%
}

#csr-management .M-Table__cell.submit {
	flex: 0 1 8%
}

#csr-management .M-Table__cell.status {
	flex: 0 1 8%
}



/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

.csr-table {
	flex: 1;
}

.csr-table .M-Table {
	flex: 1;
}

.csr-table .M-Table .M-Table__contentWrapper {
	flex: 1;
}

.csr-table .M-Table .M-Table__contentWrapper .M-Table__content {
	flex: 1;
}

.csr-table .M-Table__cell {
	overflow: visible;
	align-items: center;
}

.csr-table .M-Table__cell .A-FormField {
	width: 80%;
}

.csr-table .M-Table__row.csr-running-row {
    background-color: lightyellow;
	font-weight: bold;
}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

.csr-update-button{ 
    display: flex; 
    flex-direction: row; 
	align-items: center;
    gap: 1em; 
}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

.dialog-warning-button{ 
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#user-management {
	display: flex;
    flex-direction: column;
	gap: 1em;
}

#user-management .M-Table__headers {
    background-color: #E2F5E7;
}

#user-management .M-Table__cell:company-name {
	flex: 1;
}

#user-management .M-Table__cell.company-sap-number {
    flex: 0 1 35%;
}

#user-management .M-Table__cell.remote-id {
    flex: 0 1 15%;
}


/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#user-action-detail-page {
	display: flex;
    flex-direction: column;
	gap: 1em;
}

#user-action-detail-page .M-Table__headers {
    background-color: #E2F5E7;
}


#user-action-detail-page .M-Table__cell.Email {
    flex: 0 1 18%;
}

#user-action-detail-page .M-Table__cell.Status {
    flex: 0 1 13%;
}

#user-action-detail-page .M-Table__cell.StatusDescription {
    flex: 0 1 22%;
}

#user-action-detail-page .M-Table__cell.Date {
    flex: 0 1 15%;
}

#user-action-detail-page .M-Table__cell.LocalDate {
    flex: 0 1 15%;
}


#user-action-detail-page .Input-field{ 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap;
    gap: 1em; 
    align-items: flex-end;
}

#user-action-detail-page #email{ 
    width: 20em;
}

#user-action-detail-page #transactionID{ 
    width: 25em;
}

#user-action-detail-page .M-Table__row.M-Table__row.has-sub-rows.error-row {
    background-color:lightcoral;
}

#user-action-detail-page .Input-field .A-Button{ 
    height: 3rem; 
}

#user-action-detail-page .command-bar-and-filter-chips .secondary-background-theme {
    background-color:white;
}

.radio-options{
    display: flex; 
    gap: 1em; 
}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-wc-metrics-tablecontents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#wc-metrics-page {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

#wc-metrics-page .M-Table__headers {
    background-color: #E2F5E7;
}

#wc-metrics-page .M-Table__cell.ContainerName {
    flex: 0 1 35%;
}

#wc-metrics-page .M-Table__cell.ConnectionCount {
    flex: 0 1 15%;
}

#wc-metrics-page .M-Table__cell.CPUUsage {
    flex: 0 1 15%;
}

#wc-metrics-page .M-Table__cell.MemoryUsage {
    flex: 0 1 15%;
}

#wc-metrics-page .M-Table__cell.UpdateDate {
    flex: 0 1 30%;
}

#wc-metrics-detail-page .M-Table__cell.TransactionID
{
    flex: 0 1 10% !important;

}
/* CSS Flex Reference : https://wcc723.github.io/css/2017/07/21/css-flex/ */
/* Multipie HTML tag defenition : concate each HTML tag name by comma => eg., #post-company h2, h3 {} */
/* Hierarchy class defenition : concate each class name with white space => eg., #company-page .page-contents {} */
/* Multipie class defenition : concate all class name without white space => eg., #company-page .M-Table__cell.customer-id {} */

#wc-metrics-detail-page {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

#wc-metrics-detail-page .M-Table__headers {
	background-color: #E2F5E7;
}

#wc-metrics-detail-page .M-Table__cell.Host {
	flex: 0 1 10%;
}

#wc-metrics-detail-page .M-Table__cell.Port {
	flex: 0 1 5%;
}
 
#wc-metrics-detail-page .M-Table__cell.ConnectorId {
	flex: 0 1 18%;
}

#wc-metrics-detail-page .M-Table__cell.ConnectedDateTime {
	flex: 0 1 15%;
}

#wc-metrics-detail-page .M-Table__cell.LastSendDataDateTime {
	flex: 0 1 15%;
}

#wc-metrics-detail-page .M-Table__cell.LastReceiveDataDateTime {
	flex: 0 1 15%;
}

#wc-metrics-detail-page .M-Table__cell.LastReceiveStatus {
	flex: 0 1 17%;
}

#wc-metrics-detail-page .M-Table__cell.TransactionID {
	flex: 0 1 18%;
}

/*# sourceMappingURL=main-51a8f605eacbccc0edd8.css.map*/