/* In this sheet we only register the properties that are the same for all sites,
	 mostly dimensions and positioning and no color schemes */

@media screen {
	* {
		touch-action: manipulation;
		transition: background-color 0.382s, color 0.382s, font-size 0.382s, font-weight 0.382s, outline-color 0.382s, opacity 0.382s;
	}
	iframe {
		transition: height 0.382s;
	}
}
html {
	overscroll-behavior: contain;
}
*:disabled {
	color: Graytext !important;
}
a,button,img {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}
a:focus,button:focus,input:focus,select:focus,textarea:focus {
	background-color: PaleGreen !important;
	outline-color: MediumSeaGreen;
	outline-style: dotted;
	outline-width: thin;
}
.hidden,.hidden-no-wrap {
	display: none !important;
}




a {
	background-color: Transparent;
	color: Inherit;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

a.bold {
	font-weight: bold;
}
a.underline {
	text-decoration: underline;
}
a.view-node,a.view-node-focus,a.view-node-header,a.view-node-selected {
	display: block;
}
a.view-node,a.view-node-focus,a.view-node-selected {
	height: 100%;
}

a.bold:hover,a.underline:hover,a.view-node:hover,a.view-node-focus:hover,a.view-node-header:hover,a.view-node-selected:hover {
	text-decoration: underline;
}




body {
	border: 0 solid;
	font-family: "Segoe UI", Tahoma, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}
body.company,body.form-input-company,body.form-print {
	padding: 20px 20px 5px 20px;
}
body.company-logo {
	padding: 110px 20px 5px 20px;
}
body.company-logo {
	background-image: url("/img/logo/company_xl_rectangle.png");
	background-position: 88% 20px;
	background-repeat: no-repeat;
}
body.company-logo-center {
	color: #666666; /* extra dark grey; rgb decimal: 102,102,102 */
	padding: 5% 20px 5px 20px;
	text-align: center;
}
body.company-logo-right {
	background-attachment: fixed;
	background-image: url("/img/logo/company_inverse_xl.png");
	background-position: 100% 100%;
	background-repeat: repeat-y;
	padding: 20px 150px 5px 20px;
}
body.form-input,body.form-input-connect,body.views-data,body.views-data-links,body.views-data-select,body.views-structure {
	padding: 1px;
}
body.form-input-connect {
	background-image: url("/img/logo/company_inverse_xl.png");
	background-position: 88% 20px;
	background-repeat: no-repeat;
}
body.form-print,body.print {
	background-color: White;
	color: Black;
}
body.tabbar-bottom {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 3px;
}
body.tabbar-top {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-width: 2px;
	padding-bottom: 3px;
}
body.toolbar-location {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
body.views-data {
	padding-top: 30px;
	--sticky-top: 29px;
}
body.views-data-links,body.views-data-select {
	padding-bottom: 30px;
	--sticky-bottom: 29px;
}




button {
	font-family: Inherit; /* is NOT inherited by default */
	font-size: 11pt;
	margin: 0;
	padding: 0;
}
button.apply,button.cancel,button.ok {
	border: 1px solid;
	height: 26px;
}
button.ok {
	float: right;
}
button.select {
	border: 0 solid;
	height: 100%;
	width: 22px;
}
button.select-properties {
	border: 0 solid;
	width: 23px;
}
button.system-tray {
	background-color: Transparent;
	border: 0 solid;
	height: 23px;
	margin-right: 1px;
	margin-top: 1px;
	width: 22px;
}
button.tab-bottom-back,button.tab-bottom-back-attention,button.tab-bottom-front,button.tab-bottom-front-attention,button.tab-top-back,button.tab-top-back-attention,button.tab-top-front,button.tab-top-front-attention {
	border-style: solid;
	border-width: 1px;
	display: block;
	height: 26px;
	overflow: hidden;
	width: 100%;
	word-break: break-all;
}
button.tab-bottom-back-attention,button.tab-top-back-attention {
	background-color: Goldenrod;
}
button.titlebar {
	border: 0 solid;
	float: right;
	height: 24px;
	width: 24px;
}
button.tree-node-plus-minus {
	border: 0 solid;
	height: 12px;
	margin: 6px 2px 3px 2px;
	vertical-align: top;
	width: 12px;
}
button.toolbar {
	border: 1px solid;
	float: left;
	height: 26px;
	margin: 1px;
	width: 26px;
}




fieldset {
	background-color: Transparent;
	border: 0 solid;
	margin: 0;
	padding: 0;
}
fieldset.dialog {
	border: 1px solid;
	box-shadow: 3px 3px 9px Gray;
	left: 50%;
	margin-right: -50%;
	padding: 26px 1px 1px 1px;
	position: absolute; /* NOT fixed since scrolling is required for small viewports */
	top: 38.2%;
	transform: translate(-50%, -38.2%);
	z-index: 3; /* in front of everything */
}
fieldset.titlebar-right {
	border-style: solid;
	border-width: 0 0 1px 1px;
	float: right;
}
fieldset.toolbar-connect {
	float: right;
	margin: 20px 0 10px 0;
}
fieldset.toolbar-bottom-fixed {
	background-color: Transparent;
	bottom: 0;
	left: 0;
	margin: 5px 5px 5px 10px;
	position: fixed;
	right: 0;
	z-index: 2; /* in front of position: sticky */
}
fieldset.toolbar-bottom {
	margin: 5px 0 0 0;
}
fieldset.toolbar-right-bottom {
	float: right;
	margin: 5px 0 0 0;
}
fieldset.toolbar-right-top {
	border-width: 1px 0 1px 1px;
	box-shadow: -3px -3px 9px Gray;
	float: right;
	padding: 2px 5px;
	position: sticky;
	right: 0;
	top: 0;
	transform: rotate(-90deg);
	transform-origin: right bottom;
	z-index: 2; /* in front of position: sticky */
}
fieldset.toolbar-right-top-wide {
	border-width: 1px 0 1px 1px;
	box-shadow: -3px 3px 9px Gray;
	float: right;
	padding: 2px 5px;
	position: sticky;
	right: 0;
	top: 42px;
	width: 80ex;
	z-index: 1; /* in front of position: absolute */
}
fieldset.toolbar-top-right {
	border-width: 0 1px 1px 1px;
	box-shadow: 3px 3px 9px Gray;
	padding: 2px 5px;
	position: fixed;
	right: 14px;
	top: 0;
	z-index: 2; /* in front of position: sticky */
}
fieldset.views-processing {
	border: 1px solid;
	box-shadow: 3px 3px 9px Gray;
	font-family: "Segoe UI", Tahoma, sans-serif; /* prevent inheritance from body */
	font-size: 10pt; /* prevent inheritance from body */
	height: 60px;
	left: 40%;
	position: fixed;
	text-align: center;
	top: 45%;
	width: 210px;
	z-index: 3; /* in front of everything */
}
fieldset.views-properties-bar-bottom {
	border-top-style: solid;
	border-top-width: 1px;
	bottom: 0;
	height: 26px;
	left: 0;
	padding: 1px;
	position: fixed;
	right: 0;
	z-index: 2; /* in front of position: sticky */
}
fieldset.views-properties-bar-top {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 26px;
	left: 0;
	padding: 1px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2; /* in front of position: sticky */
}




form {
	margin: 0;
	padding: 0;
}




frame,frameset,iframe {
	border: 0 solid;
	margin: 0;
	padding: 0;
}

iframe.external {
	height: 100%;
	width: 100%;
}
iframe.links {
	height: 30px;
	width: 100%;
}
iframe.links-collapsed {
	height: 30px !important;
	width: 100%;
}




hr {
	border: 0 solid;
	height: 1px;
}




img {
	background-color: Transparent;
	border: 0 solid;
	margin: 0;
	padding: 0;
}
img.agenda-node,img.agenda-node-disabled {
	height: 16px;
	margin-right: 2px;
	vertical-align: -4px;
	width: 16px;
}
img.button-select,img.button-select-disabled {
	height: 22px;
	margin: 1px;
	vertical-align: middle;
	width: 22px;
}
img.button-tabbar,img.button-tabbar-back,img.button-tabbar-disabled {
	height: 22px;
	margin: 1px;
	vertical-align: middle;
}
img.label,img.label-disabled {
	float: left;
	height: 22px;
	margin-right: 1px;
	width: 22px;
}
img.map {
	border: 1px solid;
	box-shadow: 3px 3px 9px Gray;
	display: inline-block;
	float: left;
	margin: 9px;
}
img.banners-node {
	display: inline-block;
	margin: 4px 4px 1px 4px;
	max-height: 280px;
	max-width: 280px;
}
img.details-node,img.details-node-disabled,img.tree-node {
	height: 22px;
	margin-right: 1px;
	vertical-align: -6px;
	width: 22px;
}
img.icons-node {
	display: block;
	height: 22px;
	margin: 1px 21px 4px 21px;
	width: 22px;
}
img.list-node {
	height: 22px;
	margin: 1px 2px 1px 1px;
	vertical-align: -7px;
	width: 22px;
}
img.tiles-node {
	float: left;
	margin-right: 2px;
	vertical-align: middle;
	max-width: 54px;
}
img.text {
	height: 22px;
	vertical-align: -6px;
}
img.processing {
	margin-right: 4px;
	vertical-align: middle;
}




input,label,select,textarea {
	font-family: Inherit; /* is NOT inherited by default */
	font-size: 10pt;
}

input {
	border: 0 solid;
	height: 22px; /* this vertical aligns inputs with labels */
	line-height: 22px; /* this vertical aligns inputs with labels */
	margin: 0;
	padding: 0;
	width: 100%;
}
input.checkbox {
	background-color: Transparent;
	margin-left: 5px; /* 5px left aligns with other inputs */
	margin-right: -2px;
	margin-top: -2px; /* for control of vertical-align and total row height */
	vertical-align: middle;
	width: auto;
}
input.date-component-large {
	width: 4.5ex;
}
input.date-component-small {
	text-align: center;
	width: 2.5ex;
}
input.decimal {
	text-align: right;
}
input.field-accent {
	font-weight: bold;
	text-align: center;
}
input.field-properties-bar {
	font-size: 11pt;
}
input.file {
	background-color: ButtonFace;
	font-size: 9pt;
}
label {
	background-color: Transparent;
	border: 0 solid;
	line-height: 22px; /* this vertical aligns labels with their inputs and selects */
	margin: 0;
	padding: 0;
	width: 100%;
}
label.input-form-header,label.option-checkbox {
	width: auto;
}
label.option-checkbox {
	font-size: calc(max(7pt, min(100%, 1vw))); /* adapts font-size to screen resize (within max predefined font-size =100% and min =7pt) */
}
select {
	border: 1px solid;
	height: 25px; /* this prevents shrinking height */
	margin: 0;
	padding: 0;
	width: 100%;
}
select.input-form-bottom {
	margin-top: -1px; /* -1px overlaps border and shows only one line of 1px between inputs */
}
select.input-form-header {
	height: 23px;
	width: auto;
}
select.input-form-middle {
	margin-bottom: -1px; /* -1px overlaps border and shows only one line of 1px between inputs */
	margin-top: -1px; /* -1px overlaps border and shows only one line of 1px between inputs */
}
select.views-properties-bar {
	font-size: 11pt;
	height: 26px; /* this prevents shrinking height */
}
select.input-form-top,select.input-form-top-connect {
	margin-bottom: -1px; /* -1px overlaps border and shows only one line of 1px between inputs */
}
textarea {
	border: 0 solid;
	margin: 0;
	padding: 0;
	resize: vertical;
	width: 100%;
}




div,h1,h2,h3,p,span,ul,li {
	background-color: Transparent;
	border: 0 solid;
	margin: 0;
	padding: 0;
}

div.h5,span.h5 {
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	display: block;
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0 2px 1px 9px;
}
div.h5-plain,span.h5-plain {
	display: block;
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 5px;
}
div.agenda-node,div.banners-node,div.icons-node,div.list-node,div.tiles-node {
	border-style: solid;
	border-width: 1px;
}
div.agenda-node {
	font-size: 8pt;
	overflow: hidden;
}
div.banners-node,div.icons-node,div.tiles-node {
	margin: 1px;
}
div.banners-node {
	float: left;
	text-align: center;
}
div.icons-node {
	float: left;
	height: 64px;
	overflow: hidden;
	text-align: center;
	width: 64px;
}
div.list-node {
	display: inline-block;
	height: 24px;
	margin-bottom: -2px; /* reduces vertical space between the inline-blocks to 1px */
	margin-top: 1px;
	overflow: hidden;
	white-space: nowrap;
	width: calc(100% - 3px);
}
div.listview {
	-webkit-column-gap: 1px;
	-moz-column-gap: 1px;
	column-gap: 1px;
	-webkit-column-width: 200px;
	-moz-column-width: 200px;
	column-width: 200px;
}
div.move-up {
	margin-top: -66px;
}
div.news-item,div.news-item-even {
	border: 1px solid;
	padding: 3px;
}
div.news-item-header {
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	padding: 0 2px 4px 9px;
	overflow: hidden;
}
div.table-form-header {
	border-width: 1px 1px 0 1px;
	display: inline-block;
	line-height: 25px;
	margin: 0 6px;
	padding: 0 5px;
}
div.tiles-node {
	float: left;
	height: 58px;
	overflow: hidden;
	width: 324px;
}
div.tree-node,div.tree-node-accent {
	margin-bottom: 4px;
}
div.tree-subnodes {
	padding-left: 18px;
}
div.treeview {
	white-space: nowrap;
}
div.toolbar-top-right {
	font-size: 10pt;
}
div.views-properties-bar {
	font-size: 11pt; /* same as input.field-properties-bar and select.views-properties-bar */
	text-align: center;
	white-space: nowrap;
}
div.warning,span.warning {
	color: Red;
}

h1,h2,h3 {
	font-weight: bold;
}
h1 {
	font-size: 24pt;
}
h2 {
	display: inline;
	font-size: 24pt;
	text-transform: uppercase;
}
h3 {
	display: inline;
	font-size: 16pt;
	text-transform: uppercase;
}

p {
	margin: 13px 0 9px 0;
}
p.large,div.large {
	font-size: 12pt;
	text-align: justify;
}
p.large-center,div.large-center {
	text-align: center;
}
p.normal,div.normal {
}
p.normal-center {
	margin: 7px 0 9px 0;
	text-align: center;
}
p.small,div.small {
	font-size: 9pt;
}
p.x-large {
	font-size: 14pt;
	font-weight: bold;
}

span.i {
	font-style: italic;
}
span.text-a-node,span.text-a-node-block,span.text-a-node-large {
	padding: 2px 1px 2px 1px;
}
span.text-a-node-block {
	display: block;
}
span.text-a-node-extra {
	margin: 1px; /* do NOT use padding here, since it disables the 'underline when hover feature' of the accompanying text-a-node */
	text-decoration: none;
}
span.text-a-node-large {
	font-size: 138.2%;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: underline;
}
span.text-button-tree-node {
	font-size: 11pt;
	line-height: 10px;
	vertical-align: top;
}
span.text-format {
	font-size: 9pt;
	font-variant: small-caps;
	margin-left: 4px;
}
span.text-format-both {
	font-size: 9pt;
	font-variant: small-caps;
	margin-left: 4px;
	margin-right: 4px;
}
span.text-form-header {
	font-size: 12pt;
}
table.form span[class|=text-label] {
	font-size: calc(max(7pt, min(100%, 3vw))); /* adapts font-size to screen resize (within max predefined font-size =100% and min =7pt) */
}
span.text-label,span.text-label-mandatory,span.text-title {
	margin-right: 4px;
}
span.text-label-accent,span.text-title-accent {
	font-weight: bold;
	margin-right: 4px;
}
span.text-label-left {
	cursor: default;
	float: left;
	font-variant: small-caps;
	margin-right: 4px;
}
span.text-label-mandatory::after {
	content: "*";
	font-size: smaller;
	line-height: 50%;
	vertical-align: super;
}
span.text-news-item-bar-right {
	float: right;
	font-size: 10pt;
}
span.text-news-item-h5 {
	float: left;
	font-size: 16pt;
	font-weight: bold;
}
span.text-title-extra {
	font-size: 10pt;
	font-style: italic;
}
span.u {
	text-decoration: underline;
}

ul {
	list-style-position: inside;
	list-style-type: disc;
	text-align: left;
}
ul.accent,ul.normal {
	border: 1px solid;
	font-size: 14pt;
	padding: 6px 0 6px 0;
	width: 100%;
}
ul.paragraph {
	font-size: 12pt;
	list-style-position: outside;
	padding-left: 13px;
}

li.accent,li.normal {
	padding: 0 6px 0 2px;
}
li.normal {
	margin: 12px 0 12px 0;
}




table,colgroup,col,thead,tbody,tfoot,tr,th,td {
	border-spacing: 0;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

colgroup,col {
	background-color: Transparent;
	background-image: none; /* prevent interference between overlay levels: table, colgroup, col and td/th */
}




table.company {
	width: 55ex;
}

td.company {
	border: 1px solid;
	padding: 3px;
}




table.agendaview,table.detailsview {
	border-collapse: collapse;
	width: 100%;
}
table.agendaview {
	table-layout: fixed;
}

td.agenda-node {
	border: 1px solid;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: top;
}
td.agenda-node:hover {
	background-color: InfoBackground !important;
	color: WindowText !important;
}
td.details-node,td.details-node-decimal,td.details-node-no-wrap {
	padding-left: 2px;
	padding-right: 2px;
}
td.details-node-decimal {
	text-align: right;
	white-space: nowrap;
}
td.details-node-no-wrap {
	white-space: nowrap;
}

th.agenda-node,tr.agenda-node-header th.details-node {
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
}
th.details-node,th.parents-node {
	border: 0 solid;
	font-weight: normal;
	padding-left: 4px;
	padding-right: 4px;
}
th.parents-node {
	border-bottom-width: 1px;
}

tr.details-node,tr.details-node-even {
	height: 22px;
}
td[class|=details-node]:not(:first-child),th.details-node:not(:first-child),th.parents-node:not(:first-child) {
	border-left: 1px solid;
}




table.form,table.form-border {
	border-collapse: collapse;
	width: 100%;
}
table.form-border {
	border: 1px solid;
}

td.form-button-file {
	border: 0 solid;
	overflow: hidden;
	width: 82px;
}
td.form-button-select {
	border: 1px solid;
	height: 22px;
	width: 22px;
}
td.form-button-select-properties {
	border: 1px solid;
	height: 24px;
	width: 24px;
}
table.form-border button.select-properties {
	width: 16px;
}
td.form-button-select-invisible {
	border: 0 solid;
}
td.form-col-margin {
	border: 0 solid;
	width: 1px;
}
td.form-input,td.form-input-transparent,td.form-input-company-logo {
	border: 1px solid;
	padding-left: 4px; /* 4px left aligns normal inputs with selects */
	padding-right: 2px;
}
td.form-input-accent {
	border: 1px solid;
	height: 27px;
}
td.form-input-invisible {
	border: 0 solid;
}
table[class|=form] td.form-input-invisible {
	white-space: nowrap;
}
td.form-input-textarea {
	border: 1px solid;
	padding-left: 4px; /* 4px left aligns normal inputs with selects */
	padding-right: 2px;
	white-space: normal;
}
td.form-label {
	border: 0 solid;
	text-align: right;
	width: 24px;
}
td.form-label-properties {
	border: 1px solid;
	text-align: right;
	width: 24px;
}
td.form-label-top {
	border: 0 solid;
	padding-left: 1px;
	text-align: center;
}
td.form-label-wide {
	border: 0 solid;
	padding-left: 1px;
	text-align: right;
	width: 30%;
}
table[class|=form] td.form-label-wide {
	max-width: 0;
	min-width: 10ex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
td.form-row-margin {
	border: 0 solid;
	height: 1px;
}

tr.form-row,tr.form-row-properties {
	height: 22px;
}
tr.form-row-skip {
	height: 6px;
}




table.tabbar {
	border-collapse: separate;
	border-spacing: 0;
	border: 0 none;
	width: 100%;
}

td.tabbar-tab-col-margin-bottom,td.tabbar-tab-col-margin-top {
	width: 10px;
}




table.text {
	width: 100%;
}

td.text-column {
	font-size: 12pt;
	text-align: justify;
	vertical-align: top;
}




a.view-node-focus,a.view-node-selected,button.apply,button.cancel,button.ok,div.agenda-node,div.banners-node,div.icons-node,div.list-node,div.tiles-node,td.form-input-accent,td.company {
	border-radius: 4px;
}
button.tab-bottom-back,button.tab-bottom-back-attention,button.tab-bottom-front,button.tab-bottom-front-attention,fieldset.toolbar-top-right {
	border-radius: 0 0 5px 5px;
}
button.tab-top-back,button.tab-top-back-attention,button.tab-top-front,button.tab-top-front-attention,div.table-form-header,fieldset.toolbar-right-top {
	border-radius: 5px 5px 0 0;
}
fieldset.toolbar-right-top-wide {
	border-radius: 5px 0 0 5px;
}
fieldset.views-processing,div.news-item,div.news-item-even,ul.normal,ul.accent {
	border-radius: 6px;
}
fieldset.views-processing fieldset.titlebar-right,fieldset.views-processing fieldset.titlebar-right * {
	border-radius: 0 6px 0 6px;
}

@media print {
	.no-print,.non-printable,fieldset.views-processing,fieldset[class|=toolbar] {
		display: none;
	}

	input:disabled,select:disabled,textarea:disabled {
		color: Black !important;
	}
	textarea {
		display: inline-table;
		max-height: 100%;
		min-height: 100%;
	}
}
@media screen {
	body.company-logo,body.form-print {
		margin-left: auto;
		margin-right: auto;
		max-width: 1280px;
		min-width: 780px;
	}
	body.print {
		padding: 5px;
	}

	th.details-node,th.thead {
		position: -webkit-sticky;
		position: sticky;
		top: var(--sticky-top, 0);
		z-index: 1; /* in front of position: absolute */
	}
	th.tfoot {
		position: -webkit-sticky;
		position: sticky;
		bottom: var(--sticky-bottom, 0);
		z-index: 1; /* in front of position: absolute */
	}
	[data-sticky-left-column=yes] {
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		z-index: 2; /* in front of position: sticky */
	}
}
@media not screen and (min-width: 550px) {
	div.tiles-node {
		width: calc(100% - 4px);
	}
}
@media screen and (max-width: 800px) {
	body.company-logo,body.form-input-company,body.form-print {
		max-width: 100% !important;
		min-width: auto !important;
		padding-left: 5px;
		padding-right: 5px;
	}
	fieldset.dialog {
		max-width: calc(100% - 24px) !important;
		min-width: auto !important;
	}

	span.text-format,span.text-format-both,[data-hide-in-small-width=yes] {
		display: none;
	}

	td.text-column {
		display: block;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
	}

	tr.agenda-node-header th.details-node {
		padding-left: 0;
		padding-right: 0;
	}

	ul.accent,ul.normal {
		margin-bottom: 9px !important;
	}
}