:root {
	--buttonColor: #809B7F;
	--buttonColorOver: #94B494;
	--buttonTextColor: #fff;
	--focusShadowColor: #A6CAA6;

	--dropdownItemBackgroundColorOver-light: #B6DCB6;
	--dropdownItemBackgroundColorOver-dark: #768E76;

	--dropdownItemBackgroundColorDown-light: #9EBE9E;
	--dropdownItemBackgroundColorDown-dark: #88A588;

	--backgroundColor-light: #F5F5F5;
	--backgroundColor-dark: #212121;

	--cardColor-light: #fff;
	--cardColor-dark: #353535;

	--cardBorderRadius: 1.563em;

	--cardBoxShadow-light: rgb(0, 0, 0, 0.1) 0 0 0.125em, rgba(50, 50, 93, 0.25) 0 3.125em 6.25em -1.25em, rgba(0, 0, 0, 0.3) 0 1.875em 3.75em -1.875em;
	--cardBoxShadow-dark: rgb(0, 0, 0, 0.4) 0 0 0.125em, rgba(50, 50, 93, 0.25) 0 3.125em 6.25em -1.25em, rgba(0, 0, 0, 0.3) 0 1.875em 3.75em -1.875em;

	--separatorColor-light: #d4d4d4;
	--separatorColor-dark: #757575;

	--contentTextColor-light: #212121;
	--contentTextColor-dark: #F5F5F5;

	--labelTextColor-light: #424242;
	--labelTextColor-dark: #EEEEEE;

	--inputBorderColor-light: #9e9e9e;
	--inputBorderColor-dark: #757575;

	--inputBackgroundColor-light: #eee;
	--inputBackgroundColor-dark: #505050;

	--elementControlColor-light: #454545;
	--elementControlColor-dark: #BDBDBD;

	--elementControlOverColor-light: #787878;
	--elementControlOverColor-dark: #FAFAFA;

	--elementControlActiveColor-light: #121212;
	--elementControlActiveColor-dark: #9E9E9E;

	--dropdownItemBackgroundColor-light: #fff;
	--dropdownItemBackgroundColor-dark: #505050;

	--menuBackgroundColor-light: #fff;
	--menuBackgroundColor-dark: #505050;

	--menuBoxShadow-light: rgba(0, 0, 0, 0.3) 0 0 2px, rgba(0, 0, 0, 0.15) 0px 4px 10px;
	--menuBoxShadow-dark: rgba(0, 0, 0, 0.4) 0 0 4px, rgba(0, 0, 0, 0.15) 0px 4px 10px;

	--errorTextColor-light: #D50000;
	--errorTextColor-dark: #EF9A9A;

	--errorBackgroundColor-light: #ffebee;
	--errorBackgroundColor-dark: #66201C;

	--errorBorderColor-light: #D50000;
	--errorBorderColor-dark: #EF5350;

	--successTextColor-light: #1B5E20;
	--successTextColor-dark: #84E08B;

	--successBackgroundColor-light: #E8F5E9;
	--successBackgroundColor-dark: #1B5E20;

	--successBorderColor-light: #1B5E20;
	--successBorderColor-dark: #40BE4A;

	--warningTextColor-light: #7a6002;
	--warningTextColor-dark: #dec883;

	--warningBackgroundColor-light: #fff7d8;
	--warningBackgroundColor-dark: #664d03;

	--warningBorderColor-light: #a68408;
	--warningBorderColor-dark: #cea939;

	--infoTextColor-light: #026592;
	--infoTextColor-dark: #99c9de;

	--infoBackgroundColor-light: #e4f7ff;
	--infoBackgroundColor-dark: #024a6a;

	--infoBorderColor-light: #026592;
	--infoBorderColor-dark: #3bb3e9;

	--smallGap: 0.375em;
	--smallFontSize: 0.938em;

	--footerTextColor-light: #d4d4d4;
	--footerTextColor-dark: #606060;
}

html {
	--backgroundColor: var(--backgroundColor-light);
	--cardColor: var(--cardColor-light);
	--cardBoxShadow: var(--cardBoxShadow-light);
	--separatorColor: var(--separatorColor-light);
	--contentTextColor: var(--contentTextColor-light);
	--labelTextColor: var(--labelTextColor-light);
	--inputBorderColor: var(--inputBorderColor-light);
	--inputBackgroundColor: var(--inputBackgroundColor-light);
	--elementControlColor: var(--elementControlColor-light);
	--elementControlColorOver: var(--elementControlColorOver-light);
	--elementControlColorActive: var(--elementControlColorActive-light);
	--dropdownItemBackgroundColor: var(--dropdownItemBackgroundColor-light);
	--dropdownItemBackgroundColorOver: var(--dropdownItemBackgroundColorOver-light);
	--dropdownItemBackgroundColorDown: var(--dropdownItemBackgroundColorDown-light);
	--menuBackgroundColor: var(--menuBackgroundColor-light);
	--menuBoxShadow: var(--menuBoxShadow-light);
	--errorTextColor: var(--errorTextColor-light);
	--errorBackgroundColor: var(--errorBackgroundColor-light);
	--errorBorderColor: var(--errorBorderColor-light);
	--successTextColor: var(--successTextColor-light);
	--successBackgroundColor: var(--successBackgroundColor-light);
	--successBorderColor: var(--successBorderColor-light);
	--warningTextColor: var(--warningTextColor-light);
	--warningBackgroundColor: var(--warningBackgroundColor-light);
	--warningBorderColor: var(--warningBorderColor-light);
	--infoTextColor: var(--infoTextColor-light);
	--infoBackgroundColor: var(--infoBackgroundColor-light);
	--infoBorderColor: var(--infoBorderColor-light);
	--footerTextColor: var(--footerTextColor-light);
}

html.dark-theme {
	--backgroundColor: var(--backgroundColor-dark);
	--cardColor: var(--cardColor-dark);
	--cardBoxShadow: var(--cardBoxShadow-dark);
	--separatorColor: var(--separatorColor-dark);
	--contentTextColor: var(--contentTextColor-dark);
	--labelTextColor: var(--labelTextColor-dark);
	--inputBorderColor: var(--inputBorderColor-dark);
	--inputBackgroundColor: var(--inputBackgroundColor-dark);
	--elementControlColor: var(--elementControlColor-dark);
	--elementControlColorOver: var(--elementControlColorOver-dark);
	--elementControlColorActive: var(--elementControlColorActive-dark);
	--dropdownItemBackgroundColor: var(--dropdownItemBackgroundColor-dark);
	--dropdownItemBackgroundColorOver: var(--dropdownItemBackgroundColorOver-dark);
	--dropdownItemBackgroundColorDown: var(--dropdownItemBackgroundColorDown-dark);
	--menuBackgroundColor: var(--menuBackgroundColor-dark);
	--menuBoxShadow: var(--menuBoxShadow-dark);
	--errorTextColor: var(--errorTextColor-dark);
	--errorBackgroundColor: var(--errorBackgroundColor-dark);
	--errorBorderColor: var(--errorBorderColor-dark);
	--successTextColor: var(--successTextColor-dark);
	--successBackgroundColor: var(--successBackgroundColor-dark);
	--successBorderColor: var(--successBorderColor-dark);
	--warningTextColor: var(--warningTextColor-dark);
	--warningBackgroundColor: var(--warningBackgroundColor-dark);
	--warningBorderColor: var(--warningBorderColor-dark);
	--infoTextColor: var(--infoTextColor-dark);
	--infoBackgroundColor: var(--infoBackgroundColor-dark);
	--infoBorderColor: var(--infoBorderColor-dark);
	--footerTextColor: var(--footerTextColor-dark);
}

@media (prefers-color-scheme: dark) {
	html {
		--backgroundColor: var(--backgroundColor-dark);
		--cardColor: var(--cardColor-dark);
		--cardBoxShadow: var(--cardBoxShadow-dark);
		--separatorColor: var(--separatorColor-dark);
		--contentTextColor: var(--contentTextColor-dark);
		--labelTextColor: var(--labelTextColor-dark);
		--inputBorderColor: var(--inputBorderColor-dark);
		--inputBackgroundColor: var(--inputBackgroundColor-dark);
		--elementControlColor: var(--elementControlColor-dark);
		--elementControlColorOver: var(--elementControlColorOver-dark);
		--elementControlColorActive: var(--elementControlColorActive-dark);
		--dropdownItemBackgroundColor: var(--dropdownItemBackgroundColor-dark);
		--dropdownItemBackgroundColorOver: var(--dropdownItemBackgroundColorOver-dark);
		--dropdownItemBackgroundColorDown: var(--dropdownItemBackgroundColorDown-dark);
		--menuBackgroundColor: var(--menuBackgroundColor-dark);
		--menuBoxShadow: var(--menuBoxShadow-dark);
		--errorTextColor: var(--errorTextColor-dark);
		--errorBackgroundColor: var(--errorBackgroundColor-dark);
		--errorBorderColor: var(--errorBorderColor-dark);
		--successTextColor: var(--successTextColor-dark);
		--successBackgroundColor: var(--successBackgroundColor-dark);
		--successBorderColor: var(--successBorderColor-dark);
		--warningTextColor: var(--warningTextColor-dark);
		--warningBackgroundColor: var(--warningBackgroundColor-dark);
		--warningBorderColor: var(--warningBorderColor-dark);
		--infoTextColor: var(--infoTextColor-dark);
		--infoBackgroundColor: var(--infoBackgroundColor-dark);
		--infoBorderColor: var(--infoBorderColor-dark);
		--footerTextColor: var(--footerTextColor-dark);
	}

	html.light-theme {
		--backgroundColor: var(--backgroundColor-light);
		--cardColor: var(--cardColor-light);
		--cardBoxShadow: var(--cardBoxShadow-light);
		--separatorColor: var(--separatorColor-light);
		--contentTextColor: var(--contentTextColor-light);
		--labelTextColor: var(--labelTextColor-light);
		--inputBorderColor: var(--inputBorderColor-light);
		--inputBackgroundColor: var(--inputBackgroundColor-light);
		--elementControlColor: var(--elementControlColor-light);
		--elementControlColorOver: var(--elementControlColorOver-light);
		--elementControlColorActive: var(--elementControlColorActive-light);
		--dropdownItemBackgroundColor: var(--dropdownItemBackgroundColor-light);
		--dropdownItemBackgroundColorOver: var(--dropdownItemBackgroundColorOver-light);
		--dropdownItemBackgroundColorDown: var(--dropdownItemBackgroundColorDown-light);
		--menuBackgroundColor: var(--menuBackgroundColor-light);
		--menuBoxShadow: var(--menuBoxShadow-light);
		--errorTextColor: var(--errorTextColor-light);
		--errorBackgroundColor: var(--errorBackgroundColor-light);
		--errorBorderColor: var(--errorBorderColor-light);
		--successTextColor: var(--successTextColor-light);
		--successBackgroundColor: var(--successBackgroundColor-light);
		--successBorderColor: var(--successBorderColor-light);
		--warningTextColor: var(--warningTextColor-light);
		--warningBackgroundColor: var(--warningBackgroundColor-light);
		--warningBorderColor: var(--warningBorderColor-light);
		--infoTextColor: var(--infoTextColor-light);
		--infoBackgroundColor: var(--infoBackgroundColor-light);
		--infoBorderColor: var(--infoBorderColor-light);
		--footerTextColor: var(--footerTextColor-light);
	}
}

html.color-scheme-transition * {
	transition: background-color 0.3s linear,
	border-color 0.3s linear,
	fill 0.3s linear,
	color 0.3s linear,
	box-shadow 0.3s linear,
	transform 0.3s linear !important;
}

html.color-scheme-transition body {
	transition: none !important;
}

html, body, a, label, input, h1, h2, h3, h4, hr, ul, li {
	font-weight: 500;
	line-height: 130%;
	padding: 0;
	margin: 0;
}

html, body {
	background-color: var(--cardColor);
}

body {
	overscroll-behavior: contain;
	font-family: 'Open Sans', sans-serif;
	color: var(--contentTextColor);
}

hr {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: var(--separatorColor);
}

b {
	font-weight: 700;
}

.k-dp-flex {
	display: flex;
}

.k-flex-1 {
	flex: 1 1 auto;
}

.k-flex-0 {
	flex: 0 0 auto;
}

.k-fd-column {
	flex-direction: column;
}

.k-ai-stretch {
	align-items: stretch;
}

.k-ai-center {
	align-items: center;
}

.k-jc-center {
	justify-content: center;
}

.k-jc-end {
	justify-content: flex-end;
}

.k-jc-space-around {
	justify-content: space-around;
}

.k-jc-space-between {
	justify-content: space-between;
}

.k-fw-wrap {
	flex-wrap: wrap;
}

.k-gap-default {
	gap: var(--smallFontSize);
}

.k-gap-small {
	gap: var(--smallGap);
}

.k-login-view-wrapper {
	background-color: var(--backgroundColor);
	overflow: auto;
}

.k-login-view {
	min-height: 100vh;
	min-height: 100dvh;
	z-index: 1;
}

.k-login-image {
	display: none;
	background-image: url('../images/login-bg-eucalyptus.jpg');
	background-color: #303b25;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	transition: background-image 0.3s linear !important;
}

html.dark-theme .k-login-image {
	filter: brightness(.8) contrast(1.2);
}

@media (prefers-color-scheme: dark) {
	.k-login-image {
		filter: brightness(.8) contrast(1.2);
	}

	html.light-theme .k-login-image {
		filter: unset;
	}
}

.k-login-image-spacer {
	display: none;
}

.k-login-card {
	flex: 1 1 37vw;
	min-width: 23.5em;
	background-color: var(--cardColor);
	gap: var(--cardBorderRadius);
	z-index: 2;
}

.k-login-card[aria-busy="true"] * {
	cursor: progress;
}

.k-login-card-header {
	flex: 0 0 3.125em;
	gap: 1vw;
}

.k-login-logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	max-height: 50px;
	color: var(--buttonColor);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: contain;
}

.k-header-wrapper {
	font-size: 1.5em;
	text-align: center;
}

.k-form-content {
	width: 19em;
	gap: var(--smallFontSize);
}

.k-login-card[aria-busy="true"] .k-form-content {
	display: none;
}

.k-form-content h1 {
	color: var(--labelTextColor);
	font-size: 1.875em;
}

.k-form-content h2 {
	color: var(--labelTextColor);
	font-size: 1.5em;
}

.k-form-content h4 {
	color: var(--labelTextColor);
	font-size: var(--smallFontSize);
}

.k-form-group {
	gap: 0.313em;
}

@media screen and (min-width: 480px) {
	html, body {
		background-color: var(--backgroundColor);
	}

	.k-login-view-wrapper {
		padding: 8vh 8vw;
	}

	.k-login-view {
		height: auto;
		min-height: 84vh;
		border-radius: var(--cardBorderRadius);
		box-shadow: var(--cardBoxShadow);
		position: relative;
	}

	.k-login-card {
		padding: 4vh 4vw;
		border-radius: var(--cardBorderRadius);
	}
}

@media screen and (min-width: 768px) {
	.k-login-image {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: var(--cardBorderRadius) calc(var(--cardBorderRadius) * 1.5) calc(var(--cardBorderRadius) * 1.5) var(--cardBorderRadius);
	}

	.k-login-image-spacer {
		display: block;
		flex: 1 1 47vw;
		box-shadow: inset rgba(0, 0, 0, 0.3) 0 0 0.125em;
		z-index: 2;
		border-top-left-radius: var(--cardBorderRadius);
		border-bottom-left-radius: var(--cardBorderRadius);
	}

	.k-login-card {
		border-radius: 0 var(--cardBorderRadius) var(--cardBorderRadius) 0;
	}
}

/* Footer */

.k-login-footer-row {
	padding: var(--smallGap) 0;
	flex-wrap: wrap;
}

.k-login-footer-label {
	font-size: 0.75em;
	color: var(--footerTextColor);
}

.k-login-footer-separator {
	font-size: 1em;
	color: var(--footerTextColor);
	margin: 0 0.5em;
}

.k-login-footer-link {
	font-size: 0.75em;
	color: var(--footerTextColor);
	text-decoration: none;
}

.k-login-footer-link:hover {
	color: var(--footerTextColor);
	text-decoration: underline;
}

.k-login-footer-link:hover:active {
	color: var(--footerTextColor);
	text-decoration: underline;
}

.k-login-footer-link:focus {
	text-decoration: underline;
}

/* Locale Dropdown */

.k-locale-dropdown-wrapper {
	min-width: 8em;
}

.k-locale-dropdown {
	height: 2.1em;
}

.k-locale-dropdown > .k-locale-item {
	height: 100%;
	color: var(--footerTextColor);
	border: thin solid transparent;
	border-radius: 50vh;
	padding: 0 0.625em;
}

.k-locale-dropdown > .k-locale-item > .k-locale-item-flag {
	opacity: 0;
}

.k-login-card[aria-busy="false"] .k-locale-dropdown:hover > .k-locale-item > .k-locale-item-flag,
.k-main-header .k-locale-dropdown:hover > .k-locale-item > .k-locale-item-flag {
	opacity: 1;
	transition: opacity 0.3s ease 0s;
}

.k-login-card[aria-busy="false"] .k-locale-dropdown .k-locale-item:hover,
.k-main-header .k-locale-dropdown .k-locale-item:hover {
	color: var(--contentTextColor);
}

.k-locale-dropdown i {
	font-size: 1.25em;
}

.k-locale-list-wrapper {
	display: none;
	padding-top: 0.5em;
}

.k-locale-list {
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	list-style-type: none;
	background-color: var(--dropdownItemBackgroundColor);
	border-radius: 0.625em;
	box-shadow: rgb(173 173 173) 0 0 0.125em, rgb(0 0 0 / 15%) 0 0.25em 0.625em;
	z-index: 10;
}

.k-login-card[aria-busy="false"] .k-locale-dropdown:hover > .k-locale-item,
.k-main-header .k-locale-dropdown:hover > .k-locale-item {
	border-color: var(--contentTextColor);
	color: var(--contentTextColor);
	transition: border-color 0.3s ease 0s;
}

.k-login-card[aria-busy="false"] .k-locale-dropdown:hover .k-locale-list-wrapper,
.k-main-header .k-locale-dropdown:hover .k-locale-list-wrapper {
	display: block;
}

.k-locale-list-item {
	background-color: var(--dropdownItemBackgroundColor);
	transition: background-color 0.3s ease 0s;
}

.k-locale-list-item:hover {
	background-color: var(--dropdownItemBackgroundColorOver);
}

.k-locale-list-item:hover:active {
	background-color: var(--dropdownItemBackgroundColorDown);
}

.k-locale-item {
	gap: 0.35em;
	color: var(--contentTextColor);
	padding: 0.625em;
	text-decoration: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

.k-locale-item-flag {
	width: 1.5em;
	height: 1.125em;
}

.k-locale-item-label {
	font-size: var(--smallFontSize);
	line-height: 1;
}

/* Inputs */

.k-input {
	height: 2.5em;
	background-color: var(--inputBackgroundColor);
	border-width: thin;
	border-style: solid;
	border-color: var(--inputBorderColor);
	border-radius: 0.25em;
	color: var(--contentTextColor);
	font-size: 1em;
	padding: 0.25em 0.5em;
	transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s, box-shadow 0.3s ease 0s;
}

.k-input[aria-invalid="true"] {
	background-color: var(--errorBackgroundColor);
}

.k-input:focus {
	box-shadow: 0 0 0.25em var(--focusShadowColor);
	outline: none;
	border-color: var(--buttonColor);
}

.k-password-input {
	padding-right: 2.1rem;
}

.k-password-hint {
	margin-left: -2.1rem;
	width: 2.1rem;
	text-align: center;
	font-size: 1.2em;
	cursor: pointer;
}

/* Checkbox Label */

.k-checkbox-label {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.313em;
	font-size: var(--smallFontSize);
	cursor: pointer;
}

/* Checkbox / Radio */

.k-input[type="checkbox"], .k-input[type="radio"] {
	width: 1.1em;
	height: 1.1em;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.k-input[type="checkbox"]:checked, .k-input[type="radio"] {
	background-color: var(--buttonColor);
	border-color: var(--buttonColor);
}

.k-input[type="radio"] {
	border-radius: 100%;
}

.k-input[type="checkbox"]:checked {
	background-image: url('../images/korona-checkbox-checkmark.svg');
}

.k-input[type="radio"]:checked {
	background-image: url('../images/korona-radio-dot.svg');
}

.k-centered-text {
	text-align: center;
}

/* Select */

.k-select {
	height: 2.5em;
	display: flex;
	align-items: center;
	background-color: var(--inputBackgroundColor);
	background-image: url('../images/korona-select-angle-down.svg');
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;	border-width: thin;
	border-style: solid;
	border-color: var(--inputBorderColor);
	border-radius: 0.25em;
	color: var(--contentTextColor);
	font-size: 1em;
	padding: 0.25em 0.5em;
	transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s, box-shadow 0.3s ease 0s;
}

.k-select:focus {
	box-shadow: 0 0 0.25em var(--focusShadowColor);
	outline: none;
	border-color: var(--buttonColor);
}

/* Buttons */

.k-button-base {
	min-height: 1.875em;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	padding: var(--smallGap) var(--smallFontSize);
	gap: var(--smallGap);
	font-size: 1em;
	line-height: 1;
	border-radius: 50vh;
	border-width: thin;
	border-style: solid;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s, color 0.3s ease 0s;
}

.k-button-base:focus {
	box-shadow: 0 0 0.25em var(--focusShadowColor);
	outline: none;
	border-color: var(--buttonColor);
}

.k-button-base:disabled {
	opacity: 0.5;
}

.k-button-default {
	background-color: transparent;
	border-color: var(--buttonColor);
	color: var(--buttonColor);
}

.k-button-default:hover {
	border-color: var(--buttonColorOver);
	color: var(--buttonColorOver);
}

.k-button-default:hover:active {
	background-color: var(--buttonColor);
	border-color: var(--buttonColor);
	color: var(--buttonTextColor);
}

.k-button-base i {
	font-size: 1.425em;
}

.k-button-primary {
	background-color: var(--buttonColor);
	border-color: var(--buttonColor);
	color: var(--buttonTextColor);
}

.k-button-primary:hover {
	background-color: var(--buttonColorOver);
	border-color: var(--buttonColorOver);
	color: var(--buttonTextColor);
}

.k-button-primary:hover:active {
	background-color: transparent;
	border-color: var(--buttonColor);
	color: var(--buttonColor);
}

.k-button-large {
	min-height: 2.7em;
}

.k-button-default svg {
	fill: var(--buttonColor);
	transition: fill 0.3s ease 0s;
}

.k-button-default:hover svg {
	fill: var(--buttonColorOver);
}

.k-button-default:hover:active svg {
	fill: var(--buttonTextColor);
}

.k-button-primary svg {
	fill: var(--buttonTextColor);
	transition: fill 0.3s ease 0s;
}

.k-button-primary:hover svg {
	fill: var(--buttonTextColor);
}

.k-button-primary:hover:active svg {
	fill: var(--buttonColor);
}

/* button links */

.k-link-button {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 0.25em;
	text-decoration: none;
}

.k-link-button i {
	font-size: 0.85em;
	color: var(--contentTextColor);
}

.k-link-button label {
	font-size: 0.75em;
	color: var(--contentTextColor);
}

.k-link-button:hover label {
	text-decoration: underline;
}

/* Nav Links */

.k-nav-link {
	font-size: var(--smallFontSize);
}

a.k-nav-link,
.k-nav-link a {
	color: var(--contentTextColor);
	cursor: pointer;
	display: inline-block;
	text-decoration: underline;
}

a.k-nav-link:hover,
.k-nav-link a:hover,
a.k-nav-link:focus,
.k-nav-link a:focus {
	color: var(--labelTextColor);
	text-decoration: underline;
}

a.k-nav-link:hover:active,
.k-nav-link a:hover:active {
	color: var(--buttonColor);
	text-decoration: underline;
}

/* Label */

.k-label {
	font-size: var(--smallFontSize);
	white-space: normal;
}

/* Messages */

.k-message {
	padding: 0.5em;
	border-width: 1px;
	border-style: solid;
	border-radius: 0.25em;
	text-align: center;
}

.k-error-message {
	background-color: var(--errorBackgroundColor);
	border-color: var(--errorBorderColor);
	color: var(--errorTextColor);
}

.k-success-message {
	background-color: var(--successBackgroundColor);
	border-color: var(--successBorderColor);
	color: var(--successTextColor);
}

/* Loading Indicator */

.k-loader {
	font-size: 6em;
}

.k-login-card[aria-busy="false"] .k-loader {
	display: none;
}

/* Form */

.subtitle {
	color: var(--labelTextColor);
}

.required {
	color: var(--buttonColor);
}

/* OL, UL */
.k-decimal-list, .k-disc-list {
	padding-left: 1em;
	margin-bottom: var(--smallFontSize);
}

.k-decimal-list {
	list-style-type: decimal;
}

.k-disc-list {
	list-style-type: disc;
}

.k-decimal-list ::marker, .k-disc-list ::marker {
	content: unset;
}

.k-decimal-list p, .k-disc-list p {
	margin-bottom: var(--smallFontSize);
}

/* ColorSchemeSwitch */
.k-color-scheme-switch-wrap {
	display: block;
}

.k-color-scheme-switch-check-box {
	opacity: 0;
	position: absolute;
}

.k-color-scheme-switch-check-box-label {
	background-color: var(--separatorColor);
	width: 44px;
	height: 24px;
	border-radius: 50vh;
	position: relative;
	padding: 5px 4px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: background-color 0.3s linear;
}

.k-color-scheme-switch-icon {
	font-size: 15px;
	color: var(--buttonColor);
}

.k-color-scheme-switch-check-box-label .k-color-scheme-switch-ball {
	background-color: var(--labelTextColor);
	width: 20px;
	height: 20px;
	position: absolute;
	left: 2px;
	top: 2px;
	border-radius: 50%;
	transition: transform 0.3s linear, background-color 0.3s linear;
}

.k-color-scheme-switch-check-box:checked + .k-color-scheme-switch-check-box-label .k-color-scheme-switch-ball {
	transform: translateX(20px);
}