@font-face {
	font-family: "dimeto Material Symbols";
	font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0;
	src: url("dimeto-material-symbols.woff2") format("woff2");
}

:root {
	--dimeto-color-text-white: rgba(255, 255, 255, 1);
	--dimeto-color-text-black: rgba(0, 0, 0, 0.87);
	--dimeto-color-black: #000000;
	--dimeto-color-black-contrast: var(--dimeto-color-text-white);
	--dimeto-color-white: #ffffff;
	--dimeto-color-white-contrast: var(--dimeto-color-text-black);
	--dimeto-color-grey: #37474f;
	--dimeto-color-grey-contrast: var(--dimeto-color-text-white);
	--dimeto-color-red: #c62828;
	--dimeto-color-red-contrast: var(--dimeto-color-text-white);
	--dimeto-color-orange: #df6C00;
	--dimeto-color-orange-contrast: var(--dimeto-color-text-white);
	--dimeto-color-yellow: #f9a825;
	--dimeto-color-yellow-contrast: var(--dimeto-color-text-white);
	--dimeto-color-lime: #9e9d24;
	--dimeto-color-lime-contrast: var(--dimeto-color-text-white);
	--dimeto-color-green: #2e7d32;
	--dimeto-color-green-contrast: var(--dimeto-color-text-white);
	--dimeto-color-cyan: #00838f;
	--dimeto-color-cyan-contrast: var(--dimeto-color-text-white);
	--dimeto-color-blue: #1565c0;
	--dimeto-color-blue-contrast: var(--dimeto-color-text-white);
	--dimeto-color-plum: #4527a0;
	--dimeto-color-plum-contrast: var(--dimeto-color-text-white);
	--dimeto-color-purple: #6a1b9a;
	--dimeto-color-purple-contrast: var(--dimeto-color-text-white);
	--dimeto-color-pink: #ad1457;
	--dimeto-color-pink-contrast: var(--dimeto-color-text-white);
	--dimeto-color-invalid: #f44336;
	--dimeto-color-invalid-contrast: var(--dimeto-color-text-white);
}

* {
	box-sizing: border-box;
}

.dimeto-flex-container {
	width: 100%;
	height: 100%;
}

.dimeto-flex-row {
	flex: 1 1 0px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: stretch;
	gap: 0px;
}

.dimeto-flex-column {
	flex: 1 1 0px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: stretch;
	gap: 0px;
}

.dimeto-flex-cell-vertical {
	flex: 1 1 0px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	gap: 5px;
	margin: 5px;
}

.dimeto-flex-cell-horizontal {
	flex: 1 1 0px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	gap: 5px;
	margin: 5px;
}

.dimeto-flex-cell-box {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
}

.dimeto-flex-cell-contrast {
	color: var(--dimeto-color-blue-contrast);
	background: var(--dimeto-color-blue);
}

.dimeto-flex-cell-image {
	position: relative;
	width: 100%;
	height: 100%;
}

.dimeto-flex-cell-image img {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: auto;
	object-fit: contain;
}

.dimeto-inline-nowrap {
	white-space: nowrap;
}

.dimeto-inline-nowrap div {
	display: inline-block;
}

.dimeto-header {
	color: var(--dimeto-color-blue);
	text-transform: uppercase;
	font-size: 85%;
	font-weight: 500;
}

.dimeto-header-contrast {
	color: var(--dimeto-color-blue-contrast);
}

.dimeto-label {
	color: var(--dimeto-color-blue);
	text-transform: uppercase;
	font-size: 80%;
}

.dimeto-label-contrast {
	color: var(--dimeto-color-blue-contrast);
}

.dimeto-value {
	font-size: 200%;
	font-weight: bold;
}

.dimeto-note {
	color: var(--dimeto-color-green);
	font-size: smaller;
	font-style: italic;
	text-align: center;
}

.dimeto-icon {
	font-family: "dimeto Material Symbols";
	font-size: 20px;
	font-variation-settings: "opsz" 20;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
}

.dimeto-icon-large {
	font-size: 40px;
	font-variation-settings: "opsz" 40;
}

.dimeto-button {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	gap: 0px;
	margin: 0px;
	padding: 5px;
	border-radius: 4px;
}

.dimeto-button div:nth-of-type(1) {
	font-family: "dimeto Material Symbols";
	font-size: 20px;
	font-variation-settings: "opsz" 20;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
}

.dimeto-button div:nth-of-type(2) {
	padding: 0px 5px 0px 5px;
	text-transform: uppercase;
	font-size: 80%;
}

.dimeto-button:hover, .dimeto-button div:hover {
	cursor: pointer;
}

.dimeto-button-red {
	color: var(--dimeto-color-red-contrast);
	background: var(--dimeto-color-red);
}

.dimeto-button-green {
	color: var(--dimeto-color-green-contrast);
	background: var(--dimeto-color-green);
}

.dimeto-button-blue {
	color: var(--dimeto-color-blue-contrast);
	background: var(--dimeto-color-blue);
}

.dimeto-button-large {
	padding: 10px;
	border-radius: 8px;
}

.dimeto-button-large div:nth-of-type(1) {
	font-size: 24px;
	font-variation-settings: "opsz" 24;
}

.dimeto-button-large div:nth-of-type(2) {
	padding: 0px 10px 0px 10px;
	font-size: 96%;
}

:root {
	--normal-size: 1280px;
	--mobile-size: 768px;
	--page-padding: 20px;
	--layout-padding: 20px;
	--layout-gap: 20px;
	--wrap-width: calc(((var(--mobile-size) - 2 * var(--page-padding)) - var(--layout-gap)) / 2);
}

html, body {
	color: #005893;
	background-image: linear-gradient(to top right, #0067b5, #0084c2, #004163);
	font-family: remora-sans-w3, Calibri, "sans - serif";
	font-size: 18px;
	font-style: normal;
	font-feature-settings: normal;
	font-weight: 700;
	line-height: 1.5;
}

body {
	margin: 0px;
	padding: 80px 0px 60px 0px;
}

iframe {
	width: 100%;
	aspect-ratio: 1 / 1;
	border: none;
}

a {
	color: #005893;
	text-decoration: underline;
}

.dimeto-flex-cell-vertical.dimeto-flex-cell-vertical, .dimeto-flex-cell-horizontal.dimeto-flex-cell-horizontal {
	margin: 0px;
}

.dimeto-layout-header, .dimeto-layout-content, .dimeto-layout-footer {
	width: 100%;
}

.dimeto-layout-header, .dimeto-layout-footer {
	position: fixed;
}

.dimeto-layout-header {
	top: 0px;
	height: 80px;
	color: #005893;
	background-color: #ffffff;
	border-bottom: 1px solid #e5e7eb;
}

.dimeto-layout-content {
	min-height: calc(100vh - 140px);
}

.dimeto-layout-footer {
	bottom: 0px;
	height: 60px;
	color: #005893;
	background-color: #ffffff;
	border-top: 1px solid #e5e7eb;
}

.dimeto-layout-container {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	max-width: var(--normal-size);
}

.dimeto-layout-header .dimeto-layout-container, .dimeto-layout-footer .dimeto-layout-container {
	padding: 0px var(--page-padding) 0px var(--page-padding);
}

.dimeto-layout-header .dimeto-flex-row, .dimeto-layout-header .dimeto-flex-column, .dimeto-layout-footer .dimeto-flex-row, .dimeto-layout-footer .dimeto-flex-column {
	gap: 10px;
}

.dimeto-layout-content .dimeto-layout-container {
	padding: var(--page-padding);
}

.dimeto-layout-content .dimeto-flex-row, .dimeto-layout-content .dimeto-flex-column {
	gap: var(--layout-gap);
}

.lkwnd-button-header, .lkwnd-button-footer {
	padding: 8px;
	color: #ffffff;
	background-image: linear-gradient(to top right, #0067b5, #0084c2, #004163);
	border-radius: 4px;
	text-decoration: none;
}

.lkwnd-button-header {
	/* padding: 8px 16px 8px 12px; */
	font-weight: 500;
}

.lkwnd-box {
	padding: var(--layout-padding);
	border-radius: 6px;
	background-color: #ffffff;
}

.dimeto-flex-cell-vertical.lkwnd-text, .dimeto-flex-cell-vertical.lkwnd-iframe {
	justify-content: flex-start;
	align-items: stretch;
	text-align: left;
}

.dimeto-flex-cell-vertical.lkwnd-text p:first-child {
	margin-top: 0px;
}

.dimeto-flex-cell-vertical.lkwnd-text p:last-child {
	margin-bottom: 0px;
}

.dimeto-flex-cell-horizontal.lkwnd-text, .dimeto-flex-cell-horizontal.lkwnd-iframe {
	justify-content: center;
	align-items: stretch;
	text-align: center;
}

.dimeto-flex-cell-horizontal.lkwnd-text h1 {
	margin: 0px;
}

.lkwnd-wrap {
	flex-wrap: wrap-reverse;
}

.lkwnd-wrap div {
	flex: 1 1 var(--wrap-width);
}