/*<meta conditions="Distribution.Master-Import (Intl)" />*/

:root
{
	--theme-primary-color: #d2d928;
}

:root,
:host
{
	--crt-primary-color: #003a5a !important;
	--crt-primary-hover-color: #496183 !important;
	--crt-stepper-steppanel-background: transparent !important;
	--crt-button-primary-background: #003a5a !important;
	--crt-button-primary-border-color: #003a5a !important;
	--crt-button-primary-color: #f5fbff !important;
	--crt-button-primary-hover-background: #005585 !important;
	--crt-button-primary-hover-border-color: #005585 !important;
	--crt-button-primary-hover-color: #f5fbff !important;
	--crt-button-primary-active-background: #005585 !important;
	--crt-button-primary-active-border-color: #005585 !important;
	--crt-button-secondary-background: #496183 !important;
	--crt-button-secondary-border-color: #6983ab !important;
	--crt-button-secondary-color: #f1f4f9 !important;
	--crt-button-secondary-hover-background: #6983ab !important;
	--crt-button-secondary-hover-border-color: #6983ab !important;
	--crt-button-secondary-hover-color: #f1f4f9 !important;
	--crt-button-outlined-background: #f5fbff !important;
	--crt-button-outlined-border-color: #005585 !important;
	--crt-button-outlined-color: #005585 !important;
	--crt-button-outlined-hover-background: #eff5fb !important;
	--crt-button-outlined-hover-border-color: #005585 !important;
	--crt-button-outlined-hover-color: #005585 !important;
	--crt-button-outlined-primary-active-background: #eff5fb !important;
	--crt-button-outlined-primary-background: #f5fbff !important;
	--crt-button-outlined-primary-border-color: #005585 !important;
	--crt-button-outlined-primary-color: #005585 !important;
	--crt-button-outlined-primary-hover-background: #eff5fb !important;
	--crt-button-outlined-primary-hover-border-color: #005585 !important;
	--crt-button-outlined-primary-hover-color: #005585 !important;
}

.crt-card
{
	outline-offset: -2px;
	cursor: pointer;
	background: #fafafa;
	border-radius: 6px;
	outline: 2px solid #6b7280;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	width: 180px;
	height: 160px;
	padding: 8px;
	display: inline-flex;
	overflow: hidden;
}

.crt-card:hover,
.crt-card.active
{
	outline: 2px solid var(--theme-primary-color);
}

.control-panel
{
	justify-content: center;
	align-self: stretch;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 10px 0;
	display: inline-flex;
}

.server-table-headline
{
	text-align: center;
	color: #fff;
	word-wrap: break-word;
	align-self: stretch;
	font-size: 24px;
	font-weight: 600;
	line-height: 28.8px;
}

.server-table-head
{
	background: #fff;
	flex-direction: column;
	flex: 1 1 0;
	justify-content: center;
	align-self: stretch;
	align-items: flex-start;
	gap: 12px;
	width: 23%;
	padding: 12px;
	display: inline-flex;
}

.crt-wrapper
{
	background: #fafafa;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 12px;
	width: 100%;
	height: 100%;
	padding: 24px 32px;
	display: inline-flex;
	overflow: hidden;
}

@media screen and (width)
{
	
}