/* Minification failed. Returning unminified contents.
(1767,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1768,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1769,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1770,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1773,17): run-time error CSS1030: Expected identifier, found '>'
(1773,33): run-time error CSS1031: Expected selector, found ')'
(1773,33): run-time error CSS1025: Expected comma or open brace, found ')'
(1779,18): run-time error CSS1030: Expected identifier, found '>'
(1779,34): run-time error CSS1031: Expected selector, found ')'
(1779,34): run-time error CSS1025: Expected comma or open brace, found ')'
(1786,14): run-time error CSS1039: Token not allowed after unary operator: '-splitter-width'
(1798,31): run-time error CSS1030: Expected identifier, found '.'
(1798,41): run-time error CSS1031: Expected selector, found ')'
(1798,41): run-time error CSS1025: Expected comma or open brace, found ')'
(1803,31): run-time error CSS1030: Expected identifier, found '.'
(1803,42): run-time error CSS1031: Expected selector, found ')'
(1803,42): run-time error CSS1025: Expected comma or open brace, found ')'
(1818,15): run-time error CSS1039: Token not allowed after unary operator: '-splitter-width'
(1820,19): run-time error CSS1039: Token not allowed after unary operator: '-splitter-width'
(1833,36): run-time error CSS1030: Expected identifier, found '.'
(1833,37): run-time error CSS1030: Expected identifier, found 'CCollapsed'
(1833,47): run-time error CSS1031: Expected selector, found ')'
(1833,47): run-time error CSS1025: Expected comma or open brace, found ')'
(1838,31): run-time error CSS1030: Expected identifier, found '.'
(1838,42): run-time error CSS1031: Expected selector, found ')'
(1838,42): run-time error CSS1025: Expected comma or open brace, found ')'
(1850,14): run-time error CSS1039: Token not allowed after unary operator: '-side-panel-default-width'
(1851,18): run-time error CSS1039: Token not allowed after unary operator: '-side-panel-min-width'
(1852,18): run-time error CSS1039: Token not allowed after unary operator: '-side-panel-max-width'
(2748,18): run-time error CSS1030: Expected identifier, found '.'
(2748,59): run-time error CSS1031: Expected selector, found ')'
(2748,59): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* Spliter - Panel links */
#IDSP_TREECONTENT_0
{
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 1px;
	border-style: solid;
	border-color: #c0c0c0;
}

/* Spliter - Panel rechts */
#IDSP_TREECONTENT_1
{
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 0px;
	border-style: solid;
	border-color: #c0c0c0;
}

#IDSP_TREECONTENT_1_CC
{
	padding: 0;
	margin: 0;
}

/* Workaround -> DevExpress Style anpassen */
.dxtc-content
{
	padding: 0 !important;
}
/* End Workaround */

.CSchedulerToolTip 
{
	background-color: #454545;
	box-shadow: 0 0 7px 1px rgba(0, 0, 0, .4);
	color: white;
	padding: 1em;
	width: max-content;
	max-width: 300px;
}

.dxscApt.dxsc-selected p
{
	color: white;
}

.CBatchInput
{
	width: calc(100% - 6px);
}

/* Workaround -> Hidden Columns sollen keinen platz einnehmen ... Das funktioniert so anscheinend nicht... */
.HiddenColumn 
{
	display: none;
}
/* End Workaround */
/* Dialogfelder */
.CDialog
{
	padding-top: 0.5rem;
	background: #fafafa;
}


/* Detailansicht */
.CDetails
{
	padding-top: 0.5rem;
}

	/* Header haben in Dialogfelder einen Margin nach unten */
	.CDialog > h2, .CDetails > h2
	{
		margin-bottom: 1.2rem;
	}

/* Innerhalb von Tabs haben die Details nochmal ein Padding */
#IDDIV_PANE_CONTENT > .CDetails
{
	padding-left: 1rem;
	padding-right: 1rem;
}

#IDDIV_DIALOG
{
	display: none;
	position: absolute;
	background: white;
	z-index: 200;
}

#IDDIV_DIALOG_CONTENT
{
	min-height: 100%;
}

	#IDDIV_DIALOG_CONTENT form > :not(.CButtonBar)
	{
		margin-right: 1rem;
		margin-left: 1rem;
	}

	#IDDIV_DIALOG_CONTENT form > fielset
	{
		margin-right: 1rem;
		margin-left: 1rem;
		max-width: calc(100% - 2rem - 2.4em - 2px);
	}

	#IDDIV_DIALOG_CONTENT form textarea, #IDDIV_DIALOG_CONTENT form .TextReadOnly
	{
		margin-top: 0.3rem;
		margin-bottom: 0.7rem;
	}

.CColumnTriple
{
	min-width: 95em;
}

#IDDIV_POPUP_CONTENT
{
	width: 100%;
	height: 100%;
}

#IDPU_GENERAL_PWC-1
{
	padding: 0;
}

.CPopup {
	padding-top: 0.5rem;
}

.CPopup > *:not(.CButtonBar) {
	margin-left: 1rem;
	margin-right: 1rem;
}
/* ==================================================================================================== */
/* Basis Klassen für Flexboxen */
/* ==================================================================================================== */

/* ---------------------------------------------------------------------------------------------------- */
/* Flexbox (allgemein)																					*/
/* ---------------------------------------------------------------------------------------------------- */
.CFlexBase, .CFlexContainerHorizontal, .CFlexContainerVertical, .CFlexContainerHorizontalWrap, .CFlexContainerVerticalWrap
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Flexbox Container																					*/
/* ---------------------------------------------------------------------------------------------------- */
/* Item bei Anordnung innerhalb des Containers nicht umbrechen */
.CFlexContainerNoWrapBase, .CFlexContainerHorizontal, .CFlexContainerVertical
{
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

/* Item bei Anordnung innerhalb des Containers umbrechen */
.CFlexContainerWrapBase, .CFlexContainerHorizontalWrap, .CFlexContainerVerticalWrap
{
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* Item innerhalb des Containers nebeneinander anordnen */
.CFlexContainerHorizontalBase, .CFlexContainerHorizontal, .CFlexContainerHorizontalWrap
{
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

/* Item innerhalb des Containers untereinander anordnen */
.CFlexContainerVerticalBase, .CFlexContainerVertical, .CFlexContainerVerticalWrap
{
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

/* Ausrichtung der Item in der Hauptachse: Anfang */
.CFlexContainerJustifyContentStart
{
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

/* Ausrichtung der Item in der Hauptachse: Ende */
.CFlexContainerJustifyContentEnd
{
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

/* Ausrichtung der Item in der Hauptachse: Verteilen mit whitespace zwischen den Items */
.CFlexContainerJustifyContentSpaceBetween
{
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

/* Ausrichtung der Item in der Hauptachse: Zentriert */
.CFlexContainerJustifyContentCenter
{
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

/* Ausrichtung der Item in der Nebenachse des Containers: zentriert */
.CFlexContainerCrossCenter
{
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* Ausrichtung der Item in der Nebenachse des Containers: Anfang/oben */
.CFlexContainerCrossStart
{
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

/* Ausrichtung der Item in der Nebenachse des Containers: Ende/unten */
.CFlexContainerCrossEnd
{
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

/* Ausrichtung der Item in der Nebenachse des Containers: Schrift-Baseline */
.CFlexContainerCrossBaseLine
{
	-ms-flex-align: baseline;
	-webkit-align-items: baseline;
	align-items: baseline;
}

/* Ausrichtung der Item in der Nebenachse des Containers: Ausdehnen */
.CFlexContainerCrossStretch
{
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Flexbox Item																							*/
/* ---------------------------------------------------------------------------------------------------- */
/* Das Item nimmt genau soviel Platz wie es braucht und auch nicht weniger */
/* Muss unbedingt immer verwendet werden, da die Browser unterschiedliche Defaults für flex:0 verwenden! */
.CFlexItemFitSize, .CFlexContainerItemFitSize > *
{
	-ms-flex-positive: 0;
	-ms-flex-negative: 0;
	-ms-flex-preferred-size: auto;
	-webkit-flex-grow: 0;
	-webkit-flex-shrink: 0;
	-webkit-flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0; /* Wir wollen auf keinen Fall shrink */
	flex-basis: auto;
}

/* Important-Variante von CFlexItemFitSize */
.CFlexItemFitSizeOverride
{
	-ms-flex-positive: 0 !important;
	-ms-flex-negative: 0 !important;
	-ms-flex-preferred-size: auto !important;
	-webkit-flex-grow: 0 !important;
	-webkit-flex-shrink: 0 !important;
	-webkit-flex-basis: auto !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important; /* Wir wollen auf keinen Fall shrink */
	flex-basis: auto !important;
}

/* Das Item nimmt den gesamten verfügbare Restraum ein; Jedes Item bekommt die gleiche Menge an Zusatzgröße */
/* Achtung: Kurzschreibweise flex:1 NICHT verwenden da die Browser unterschiedliche Defaults für flex:1 verwenden! */
.CFlexItemFillSpace, .CFlexContainerItemFillSpace > *
{
	-ms-flex-positive: 1;
	-ms-flex-negative: 0;
	-ms-flex-preferred-size: auto;
	-webkit-flex-grow: 1;
	-webkit-flex-shrink: 0;
	-webkit-flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 0; /* Wir wollen auf keinen Fall shrink */
	flex-basis: auto;
}

/* Das Item nimmt den gesamten verfügbare Restraum ein; Die Items versuchen dabei gleich groß zu sein */
/* Achtung: Kurzschreibweise flex:1 NICHT verwenden da die Browser unterschiedliche Defaults für flex:1 verwenden! */
.CFlexItemFillSpaceUniform, .CFlexContainerItemFillSpaceUniform > *
{
	-ms-flex-positive: 1;
	-ms-flex-negative: 0;
	-ms-flex-preferred-size: 0px;
	-webkit-flex-grow: 1;
	-webkit-flex-shrink: 0;
	-webkit-flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 0; /* Wir wollen auf keinen Fall shrink */
	flex-basis: 0;
}

/* Das Item nimmt den verfügbaren Restraum ein. Wenn der Platz nicht ausreicht, wird es kleiner. */
.CFlexItemFillSpaceShrink, .CFlexContainerItemFillSpaceShrink > *
{
	-ms-flex-positive: 1;
	-ms-flex-negative: 1;
	-ms-flex-preferred-size: auto;
	-webkit-flex-grow: 1;
	-webkit-flex-shrink: 1;
	-webkit-flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
}

/* Das Item hat die erforderliche Größe. Wenn der Platz nicht reicht, wird es kleiner und schneidet Inhalt ab. */
.CFLexItemShrinkHidden
{
	-ms-flex-positive: 0;
	-ms-flex-negative: 1;
	-ms-flex-preferred-size: auto;
	-webkit-flex-grow: 0;
	-webkit-flex-shrink: 1;
	-webkit-flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	overflow: hidden;
}

/* Ausrichtung des Items in der Nebenachse des Containers: Zentrum */
.CFlexItemCrossCenter
{
	-ms-flex-item-align: center;
	-webkit-align-self: center;
	align-self: center;
}

/* Ausrichtung des Items in der Nebenachse des Containers: Anfang */
.CFlexItemCrossStart
{
	-ms-flex-item-align: start;
	-webkit-align-self: flex-start;
	align-self: flex-start;
}

/* Ausrichtung des Items in der Nebenachse des Containers: Ende */
.CFlexItemCrossEnd
{
	-ms-flex-item-align: end;
	-webkit-align-self: flex-end;
	align-self: flex-end;
}

/* Ausrichtung des Items in der Nebenachse des Containers: Ausdehnen */
.CFlexItemCrossStretch
{
	-ms-flex-item-align: stretch;
	-webkit-align-self: stretch;
	align-self: stretch;
}

/*----------------------------------------------------------*/
/* Formulare mit Fieldsets									*/
/*----------------------------------------------------------*/
form
{
	margin: 0;
}

	form fieldset
	{
		border-style: solid;
		border-width: 1px;
		border-color: #c0c0c0;
		padding-left: 1.2em;
		padding-right: 1.2em;
		padding-top: 1.2em;
		padding-bottom: 1em;
		margin-top: 0;
		margin-bottom: 1.2em;
		margin-left: 0;
		margin-right: 0;
		min-width: 0;
		max-width: calc(100% - 2.4em - 2px); /* Float verrechner ausgleichen */
	}

	form input, form select, form textarea
	{
		border-width: 1px;
		border-style: solid;
		border-color: #c0c0c0;
	}

	form legend
	{
		margin-left: -0.4em;
		padding-left: 0.4em;
		padding-right: 0.4em;
		white-space: nowrap;
	}

	form h4
	{
		font-weight: 600;
	}

	form ul + h4
	{
		margin-top: 0.5em;
	}

	form h5
	{
		font-weight: 500;
	}

	form p + h5
	{
		margin-top: 0.5em;
	}

	form p.Notice
	{
		font-size: 0.8em;
	}

	form ul + h5
	{
		margin-top: 0.5em;
	}

	form ul + p
	{
		margin-top: 0.5em;
	}

	form p + ul, form h4 + ul, form h5 + ul
	{
		margin-top: 0.3em !important;
	}

	form > progress
	{
		align-self: stretch;
		inline-size: auto;
	}

	form li > progress
	{
		width: 100%;
	}

	form input[type=file], form ul.CFieldset > li > input[type=file]
	{
		height: auto;
		/*background-color: white;
		border: 0;
		margin: -3px;*/
	}


	/*----------------------------------------------------------*/
	/* Progress Bar innerhalb eines Formulars						*/
	/*----------------------------------------------------------*/
	form div.CProgressBar
	{
		/* Flexbox */
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
		/* Item bei Anordnung innerhalb des Containers nicht umbrechen */
		flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		/* Item innerhalb des Containers nebeneinander anordnen */
		flex-direction: row;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		/* alle Elemente rechtsbündig ausrichten */
		justify-content: flex-start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		/* Ausrichtung der Item in der Nebenachse des Containers: zentriert */
		align-items: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		list-style: none;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 0.5em;
		font-size: 0.6em;
	}

		form div.CProgressBar > button, form CProgressBar > input
		{
			flex-grow: 0;
			flex-shrink: 0; /* Wir wollen auf keinen Fall shrink */
			flex-basis: auto;
			-ms-flex: 0 0 auto;
			-webkit-flex: 0 0 auto;
			-margin-right: 0.5em;
			border: none;
			color: green;
			background-color: transparent;
		}

			form div.CProgressBar > button:disabled:not(.CSelected)
			{
				color: lightgray;
			}

			form div.CProgressBar > button.CSelected:disabled > span
			{
				text-decoration: underline;
			}

			form div.CProgressBar > button:not(:first-child)::before
			{
				content: ">";
				color: green;
				margin-left: .5em;
				margin-right: .5em;
				text-decoration: none !important;
			}

			form div.CProgressBar > button:not(.CSelected):not(:first-child):disabled::before
			{
				color: lightgray;
			}


	form fieldset span
	{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

		form fieldset span.CMultiline
		{
			white-space: normal;
		}


ul.CFieldset .CInputPrefix
{
	margin-right: 0.6em;
}

ul.CFieldset .CInputPostfix, ul.CFieldset .CInputPostfixMini
{
	margin-left: 0.6em;
}

	ul.CFieldset .CInputPostfixMini > Button
	{
		min-width: auto;
		width: inherit;
	}

/* Wenn Fieldsets innerhalb von Flex horizontal nebeneinander angeordnet sind */
fieldset.CFlexItemFillSpaceUniform + fieldset
{
	margin-left: 1em;
}

/*----------------------------------------------------------*/
/* Zeilen für Formularelemente innerhalb von Fieldsets		*/
/*----------------------------------------------------------*/
ul.CFieldset
{
	/* Flexbox */
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	/* Item bei Anordnung innerhalb des Containers nicht umbrechen */
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	/* Item innerhalb des Containers untereinander anordnen */
	flex-direction: column;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	list-style: none;
	margin: 0;
}

	ul.CFieldset > li
	{
		/* Flexbox */
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
		/* Item bei Anordnung innerhalb des Containers nicht umbrechen */
		flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		/* Item innerhalb des Containers nebeneinander anordnen */
		flex-direction: row;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		/* alle Elemente rechtsbündig ausrichten */
		justify-content: flex-start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		/* Ausrichtung der Item in der Nebenachse des Containers: zentriert */
		align-items: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		flex-grow: 1;
		flex-shrink: 0; /* Wir wollen auf keinen Fall shrink */
		flex-basis: auto;
		-ms-flex: 1 0 auto;
		-webkit-flex: 1 0 auto;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}

		/* Ausrichtung der Item in der Nebenachse des Containers: zentriert */
		ul.CFieldset > li > *
		{
			align-items: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
		}

		/* In Formulare sollen Buttons und Eingabefeld den verfügbaren Platz komplett einnehmen */
		ul.CFieldset > li > input, ul.CFieldset > li > Button, ul.CFieldset > li > div, ul.CFieldset > li > textarea, ul.CFieldset > li > select
		{
			/* Flex 1 */
			flex-grow: 1;
			flex-shrink: 0; /* Wir wollen auf keinen Fall shrink */
			flex-basis: auto;
			-ms-flex: 1 0 auto;
			-webkit-flex: 1 0 auto;
			margin-right: 0.5px; /* Berechnungsfehler in der Breite ausgleichen */
		}

		/* In Formulare sollen Label nur soviel Platz einnehmen wie sie brauchen */
		ul.CFieldset > li > label
		{
			display: block; /* wichtig, da sonst bei IE Flex nicht funktioniert! */
			/* Flex 0 */
			flex-grow: 0;
			flex-shrink: 0; /* Wir wollen auf keinen Fall shrink */
			flex-basis: auto;
			padding-right: 1.5em; /* Abstand zum Control */
			-ms-flex: 0 0 auto;
			-webkit-flex: 0 0 auto;
		}

		/* Fehlermeldungen */
		ul.CFieldset > li.CGeneralLabelErrorText label
		{
			display: block; /* wichtig, da sonst bei IE Flex nicht funktioniert! */
			width: 100%;
			margin-top: 1em;
			/* Flex 1 */
			flex-grow: 1;
			flex-shrink: 0; /* Wir wollen auf keinen Fall shrink */
			flex-basis: auto;
			-ms-flex: 1 0 auto;
			-webkit-flex: 1 0 auto;
		}

		ul.CFieldset > li > input[type=checkbox], ul.CFieldset > li > .CDevExpressCheckBox
		{
			flex-grow: 0;
			flex-shrink: 0; /* Wir wollen auf keinen Fall shrink */
			flex-basis: auto;
			-ms-flex: 0 0 auto;
			-webkit-flex: 0 0 auto;
			margin-right: 0.5em;
		}


/*----------------------------------------------------------*/
/* Zeilen von Radiobuttons									*/
/*----------------------------------------------------------*/
ul.CRadioButtonVertical
{
	/* Flexbox */
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	/* Item bei Anordnung innerhalb des Containers nicht umbrechen */
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	/* Item innerhalb des Containers untereinander anordnen */
	flex-direction: column;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0.5em;
	margin-bottom: 0;
}

	ul.CRadioButtonVertical > li
	{
		/* Flexbox */
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
		/* Item bei Anordnung innerhalb des Containers nicht umbrechen */
		flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		/* Item innerhalb des Containers nebeneinander anordnen */
		flex-direction: row;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		/* alle Elemente linksbündig ausrichten */
		justify-content: flex-start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		/* Ausrichtung der Item in der Nebenachse des Containers: zentriert */
		align-items: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		flex-grow: 0;
		flex-shrink: 0; /* Wir wollen auf keinen Fall shrink */
		flex-basis: auto;
		-ms-flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
	}

		ul.CRadioButtonVertical > li > label
		{
			min-width: 4em;
			margin-right: 3em;
		}

		/* der runde Radiobutton selbst */
		ul.CRadioButtonVertical > li > input
		{
			margin-left: 0;
			margin-right: 0.8em;
			margin-top: 0;
			margin-bottom: 0;
			width: 0.8em;
		}

			ul.CRadioButtonVertical > li > input:hover
			{
				border-color: inherit;
			}

			ul.CRadioButtonVertical > li > input:focus
			{
				background-color: inherit;
			}


/*----------------------------------------------------------*/
/* Datumsauswahl mit 3 Dropdowns für Tag/Monat/Jahr			*/
/*----------------------------------------------------------*/
div.CDateDropDowns
{
	/* Flexbox */
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	/* Item bei Anordnung innerhalb des Containers nicht umbrechen */
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	/* Item innerhalb des Containers nebeneinander anordnen */
	flex-direction: row;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	/* Ausrichtung der Item in der Nebenachse des Containers: zentriert */
	align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

	div.CDateDropDowns > *
	{
		flex-grow: 0;
		flex-shrink: 0; /* Wir wollen auf keinen Fall shrink */
		flex-basis: auto;
		-ms-flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
	}

	div.CDateDropDowns > select
	{
		margin-right: 0.5em;
		width: auto !important;
		min-width: 0 !important;
	}

	div.CDateDropDowns > button
	{
		margin-right: 0.5em;
	}

	div.CDateDropDowns label
	{
		display: block;
		margin-right: 0.5em;
	}


ul.CFieldsetLabelRightLimit > li > label, ul.CFieldsetLabelRightLimit > li.CSublevel
{
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	-ms-flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
	white-space: nowrap;
}

ul.CFieldsetLabelRightLimit > li.CSublevel
{
	padding-left: 1.5em;
}

ul.CFieldsetCheckboxLabelTextSmall > li > label
{
	font-size: 0.8em;
	margin-top: 0.2em;
}

ul.CFieldsetCheckboxLabelTextSmall > li > div
{
	font-size: 0.8em;
	margin-top: 0.2em;
}

ul.CFieldsetCheckboxLabelTextSmall > li > p
{
	font-size: 0.8em;
	margin-top: 0.2em;
}

ul.CFieldsetCheckboxAlignTop > li > input[type=checkbox]
{
	-ms-flex-item-align: start;
	-webkit-align-self: flex-start;
	align-self: flex-start;
	margin-top: 0.2em;
}

/* Alle Eingabefelder (inkl. DropDowns) mit einer fixen Breite */
.CControlFixedSizedSmall
{
	max-width: 12em;
}

/* Alle Eingabefelder (inkl. DropDowns) mit einer fixen Breite */
.CControlFixedSizedMedium
{
	max-width: 20em;
}

/* Alle Eingabefelder (inkl. DropDowns) mit einer fixen Breite */
.CControlFixedSizedSmallNumber
{
	max-width: 5em;
}

/* Alle Eingabefelder (inkl. DropDowns) mit einer fixen Breite */
.CControlFixedSizedMediumNumber
{
	max-width: 8em;
}

/* Alle Eingabefelder (inkl. DropDowns) mit einer fixen Breite */
.CControlFixedSizedLargeNumber
{
	max-width: 10em;
}

/* Alle Eingabefelder (inkl. DropDowns) mit einer fixen Breite */
.CControlFixedSizedSmallPercent
{
	max-width: 7em;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Globale Layouts																						*/
/* ---------------------------------------------------------------------------------------------------- */

*
{
	margin: 0;
	padding: 0;
}

/* Globale font einstellung */
html, .Reset
{
	margin: 0;
	padding: 0;
	background-color: white;
	/* color: *#0F1E5A; */
	background-color: white;
}

body
{
	min-width: 1280px;
	margin: 0;
	padding: 0;
}

ul, ol
{
	margin-left: 1em;
}

header, footer, nav, section
{
	display: block;
}

img
{
	border: none;
	border-width: 0;
	border-style: none;
}

h1, h2, h3, h4, h5, p, input, form, legend, textarea, select, a
{
	font-size: 1em;
	font-family: inherit;
}

label
{
	padding-top: 1px;
	padding-bottom: 2px;
}

input
{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 2px;
}

	input:focus
	{
		border-style: solid;
		border-width: 1px;
	}

/* Damit die Textfelder genauso ausschauen wie die Inputfelder */
textarea
{
	padding-left: 2px;
	padding-right: 2px;
	resize: none;
	color: inherit;
}

	textarea:focus
	{
		border-style: solid;
		border-width: 1px;
	}

	textarea:read-only
	{
		background-color: inherit;
	}

a
{
	color: inherit;
}

ul.square
{
	list-style-type: square;
}

	ul.square > li
	{
		margin-left: 1em;
	}


legend
{
	font-size: 1.2em;
	font-weight: 500;
}

/* Readonly-Checkbox */
input[type="checkbox"][readonly]
{
	pointer-events: none;
}

	/* Label von Readonly-Checkbox*/
	input[type="checkbox"][readonly] + input + label
	{
		pointer-events: none;
	}

/* ---------------------------------------------------------------------------------------------------- */
/* Überschriften */
/* ---------------------------------------------------------------------------------------------------- */
h1, h2, h3
{
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

h1
{
	font-size: 1.4em;
	margin-bottom: 0.5em;
}

	h1 + p, h1 + form, h1 + legend, h1 + textarea
	{
		margin-top: 1.4em;
	}

h2
{
	font-size: 3em;
	font-weight: 300;
}

p + h2, form + h2, legend + h2, textarea + h2
{
	margin-top: 1em;
}

h2 + h3, h2 + p, h2 + form, h2 + legend, h2 + textarea
{
	margin-top: 0.5em;
}

/* damit die Grid etwas Abstand von der Überschrift bekommen */
h2.Grid
{
	margin-bottom: 0.5em;
}

h3
{
}

p + h3, form + h3, legend + h3, textarea + h3
{
	margin-top: 0.5em;
}

h3 + p, h3 + form, h3 + legend, h3 + textarea
{
	margin-top: 1em;
}

h4, h5
{
	font-weight: normal;
	font-size: 1em;
	margin-top: 0em;
	margin-bottom: 0em;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Globale Layouts																						*/
/* ---------------------------------------------------------------------------------------------------- */
.editor-label
{
	margin: 1em 0 0 0;
}

.editor-field
{
	margin: 0.5em 0 0 0;
}

.CGridSelector
{
	padding-bottom: 1em;
	padding-top: 1em;
}

	.CGridSelector label
	{
		padding-left: 0.5em;
	}

html, body, #WrapperSite
{
	height: 100%;
}

#IDDIV_SPLITTER
{
	overflow: hidden;
	height: 100%;
}

	#IDDIV_SPLITTER > *, .CTabContent
	{
		overflow: auto;
	}

/* Mindestbreite für den Inhalt einer Pane. !!! ACHTUNG: Muss in ButtonBar.ts:Size() sowie Grid.ts:SizeAvailable() synchron gesetzt werden. !!! */
#IDDIV_DIALOG_CONTENT > *, #IDDIV_PANE_CONTENT > *
{
	min-width: 930px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Layout der Site																						*/
/* ---------------------------------------------------------------------------------------------------- */
.CContentWidth
{
	width: calc(100% - 1.4em);
	width: calc(100% - 1.4rem);
}

.CContentPaddingHorizontal, .CContentWidth
{
	padding-left: 0.7em;
	padding-left: 0.7rem;
	padding-right: 0.7em;
	padding-right: 0.7rem;
}

.CContentPaddingVertical
{
	padding-top: 0.7em;
	padding-top: 0.7rem;
	padding-bottom: 0.7em;
	padding-bottom: 0.7rem;
}

#IDDIV_MENU_BAR > *
{
	padding: 0.7em;
	padding: 0.7rem;
}

	#IDDIV_MENU_BAR > a, #IDDIV_MENU_BAR > button, #IDDIV_MENU_BAR > *.CLanguage, #IDDIV_MENU_BAR > *.CLanguageDisabled, #IDDIV_MENU_BAR > span
	{
		display: inline-block;
		background-color: rgb(220,220,220);
		color: inherit;
		text-decoration: none;
		border-color: white;
		border-style: solid;
		border-width: 0;
		border-left-width: 1px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-family: inherit;
		font-size: 1em;
	}

#IDDIV_MENU_BAR > button
{
	height: auto;
}

#IDDIV_MENU_BAR > a, #IDDIV_MENU_BAR > span, #IDDIV_MENU_BAR > button
{
	min-width: 5em;
	padding-right: 2em;
}

	#IDDIV_MENU_BAR > a:not(.CLanguage), #IDDIV_MENU_BAR > span
	{
		padding-left: 2em;
	}

#IDDIV_MENU_BAR a.Selected, #IDDIV_MENU_BAR span.Selected
{
	background-color: darkgray;
	background-image: linear-gradient(30deg, transparent 1.9em, rgb(220,220,220) 0%), linear-gradient(150deg, transparent 1.9em, rgb(220,220,220) 0%);
}

p.CMenuBarUserInfo
{
	text-overflow: ellipsis;
	white-space: nowrap;
}

p.CMenuBarSettings
{
	background-color: #dcdcdc;
}

#IDF_LOGOUT
{
	display: none;
}

a.CLanguage, p.CLanguage
{
	min-width: 1em !important;
	padding-left: 1em !important;
	padding-right: 1em !important;
}

p.CLanguageDisabled
{
	min-width: 1em !important;
	padding-left: 1em !important;
	padding-right: 1em !important;
	color: white !important;
}

ul.CLanguageList
{
	list-style: none;
	margin: 0;
	padding: 0 !important;
	border-color: white;
	border-style: solid;
	border-width: 0;
	border-left-width: 1px;
	display: flex;
	flex-direction: row;
	height: 100%;
	background-color: white;
	gap: 1px;
}

	ul.CLanguageList a
	{
		text-decoration: none;
		border-color: rgb(220,220,220);
		border-style: solid;
		border-width: 0.2em;
		border-width: 0.2rem;
		padding: 0.6em;
		padding: 0.6rem;
		background-color: rgb(220,220,220);
		color: inherit;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-family: inherit;
		font-size: 1em;
		min-width: 1em;
		display: block;
		padding-left: .9em;
		padding-right: .9em;
		height: 100%;
		box-sizing: border-box;
	}

	ul.CLanguageList li
	{
		padding: 0;
		display: block;
		position: relative;
	}

		ul.CLanguageList a:hover,
		ul.CLanguageList li:focus-within > a
		{
			border-color: #006D66;
			cursor: pointer;
		}

		ul.CLanguageList li:focus-within a
		{
			outline: none;
		}

		ul.CLanguageList li ul
		{
			visibility: hidden;
			opacity: 0;
			min-width: 1em !important;
			position: absolute;
			border-color: white;
			border-style: solid;
			border-width: 0;
			border-top-width: 1px;
			left: -1em;
			left: -1rem;
			display: none;
		}

			ul.CLanguageList li:hover > ul,
			ul.CLanguageList li:focus-within > ul,
			ul.CLanguageList li ul:hover,
			ul.CLanguageList li ul:focus
			{
				visibility: visible;
				opacity: 1;
				display: block
			}

ul.CLanguagePopRight
{
	right: 0px;
	left: auto !important;
}



#IDDIV_BODY
{
	height: 1%;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Header 0 - Noscript																					*/
/* ---------------------------------------------------------------------------------------------------- */
#WindowHeaderBarNoScript
{
	font-weight: bold;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	color: red;
}

	#WindowHeaderBarNoScript p
	{
		font-size: 1em;
	}

/* ---------------------------------------------------------------------------------------------------- */
/* Header 1 - Logo																						*/
/* ---------------------------------------------------------------------------------------------------- */

#IDDIV_LOGO_BAR
{
	background-color: white;
	padding: 0;
}

#IDDIV_LOGO
{
	width: auto;
	background-color: white;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Header 2 - Menüzeile																					*/
/* ---------------------------------------------------------------------------------------------------- */
#IDDIV_MENU_BAR
{
	background-color: #eaeaea;
	padding: 0;
}

#IDDIV_HOME
{
	background-color: #0F1E5A;
	color: white;
	min-width: 9em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#IDDIV_LOCATION
{
	background-color: #cfcece;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#IDDIV_PANE_CONTENT
{
	position: relative;
}

#IDDIV_DIALOG_CONTENT, #IDDIV_PANE, #IDDIV_DIALOG, #IDDIV_CONTENT
{
	height: 100%;
	width: 100%;
}

#IDDIV_PANE_CONTENT, .CTabContent
{
	height: 100%;
}

	#IDDIV_PANE_CONTENT form textarea
	{
		margin-top: 0.3rem;
		margin-bottom: 1rem;
	}

#IDSP_TREECONTENT_1_CC
{
	position: relative;
	height: 100%;
	padding: 0;
}

#IDF_LOGIN legend
{
	visibility: hidden;
}

#IDF_LOGIN fieldset
{
	border: none;
}

/* Für zusätzliche Buttons auf der Anmeldeseite */
#IDF_LOGIN a.CButton
{
	height: 1.8rem;
	min-width: 8rem;
	display: inherit;
	margin-left: 1rem;
	margin-right: 1rem;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Buttonbar																							*/
/* ---------------------------------------------------------------------------------------------------- */
div.CButtonBarContainer
{
	background-color: #eaeaea;
	padding: 0 0.5rem;
}

div.CButtonBar
{
	/* Flexbox */
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	/* Item bei Anordnung innerhalb des Containers nicht umbrechen */
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	/* Item innerhalb des Containers nebeneinander anordnen */
	flex-direction: row;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	/* alle Elemente rechtsbündig ausrichten */
	justify-content: flex-end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	/* Ausrichtung der Item in der Nebenachse des Containers: zentriert */
	align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background-color: #eaeaea;
	overflow: hidden;
}

	div.CButtonBar > button, div.CButtonBar > input, div.CButtonBar > form, div.CButtonBar > a
	{
		flex-grow: 0;
		flex-shrink: 0; /* auf keinen Fall shrink */
		flex-basis: auto;
		-ms-flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}

button, a.CButton, a.CHelpButton, input[type=submit]
{
	border: 0px none;
	cursor: pointer;
	padding-left: 0.6rem;
	padding-right: 0.6rem;
	font-size: 1rem;
	font-family: inherit;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

button
{
	height: 1.8rem;
	min-width: 8rem;
}

a.CButton, input[type=submit]
{
	height: 1.5rem !important;
	min-width: 8rem;
	padding-top: 0.3rem;
}

a.CHelpButton
{
	height: 1.5rem !important;
	min-width: 0;
	padding-top: 0.3rem;
}

div.CButtonBar > a.CHelpButton
{
	margin-left: 1rem;
}

div.CButtonBar > button > img, #IDDIV_BUTTON_POPUP > button > img
{
	max-width: 100%;
	max-height: 100%;
}

div.CButtonBar > a
{
	height: 1.8rem;
}

.CPopupButton
{
	width: 1.8rem;
	min-width: 1.8rem !important;
}

.CButtonPopup
{
	/* Flexbox */
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	/* Item bei Anordnung innerhalb des Containers nicht umbrechen */
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	/* Item innerhalb des Containers untereinander anordnen */
	flex-direction: column;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
}

	.CButtonPopup > button
	{
		flex-grow: 1;
		flex-shrink: 0; /* Wir wollen auf keinen Fall shrink */
		flex-basis: auto;
		-ms-flex: 1 0 auto;
		-webkit-flex: 1 0 auto;
		white-space: nowrap;
	}

		.CButtonPopup > button:not(:last-child)
		{
			margin-bottom: 0.2rem;
		}

.Reset
{
	overflow-x: hidden !important;
}

	.Reset > *
	{
		overflow-x: auto;
	}

.NoScrollVertical
{
	overflow-y: hidden;
}

form.CFormButton
{
	position: absolute;
	visibility: hidden;
}

div.CHelpButtonContainer
{
	background-color: #eaeaea;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

div#IDDIV_BREADCRUMB_BAR
{
	border-top-width: 1px;
	border-top-color: white;
	border-top-style: solid;
}


	div#IDDIV_BREADCRUMB_BAR > div
	{
		overflow: hidden;
		position: relative;
		width: 100%;
	}

		div#IDDIV_BREADCRUMB_BAR > div > span:first-child:not(.CFlexItemFillSpace)
		{
			position: absolute;
			display: none;
			background-color: white;
			z-index: 1;
			left: 0;
			top: 0.2rem;
			padding-right: 0.4rem;
		}

		div#IDDIV_BREADCRUMB_BAR > div > a, div#IDDIV_BREADCRUMB_BAR > div > span:not(:first-child):not(.CFlexItemFillSpace)
		{
			display: inline-block;
			padding: .2rem .5rem;
			margin-right: 0.2rem;
			white-space: nowrap;
		}

.CChartContainer
{
	width: 100%;
	height: 100%;
}

/* Listen/Grids */
.CList
{
}

	/* Header haben in Listen einen Margin nach unten */
	.CList > h2
	{
		margin-left: 0.7rem;
		margin-right: 0.7rem;
	}

.CMapContainer
{
	height: 100%;
}

label.CLabelPostfix
{
	margin-left: 0.5rem;
}

.CSchedulerContainer
{
	height: 1px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}

.CProgressContainer
{
	position: relative;
}

	.CProgressContainer > span
	{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1000;
		width: max-content;
	}

.CMultiuserEditWarning
{
	margin: 0;
	font-weight: normal;
	background-color: #f33;
	color: white;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.CMultiuserEditOthers
{
	font-weight: bold;
}

.CMediaFieldset
{
	position: relative;
}

	.CMediaFieldset .CMedia
	{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding-bottom: 1rem;
		padding-left: 1.2rem;
		padding-right: 1.2rem;
	}

		.CMediaFieldset .CMedia > *
		{
			max-width: 100%;
			max-height: 100%;
			margin: auto;
		}



/* ---------------------------------------------------------------------------------------------------- */
/* Splitter / Sidebar																					*/
/* ---------------------------------------------------------------------------------------------------- */

:root
{
	--side-panel-min-width: 180px;
	--side-panel-max-width: 620px;
	--side-panel-default-width: 280px;
	--splitter-width: 12px;
}

#IDDIV_BODY:has(> #IDDIV_SIDEBAR)
{
	display: flex;
	overflow: hidden;
}

	#IDDIV_BODY:has(> #IDDIV_SIDEBAR) > :first-child
	{
		flex: 1;
	}

#IDDIV_SIDEBAR_CONTROLS
{
	width: var(--splitter-width);
	box-sizing: border-box;
	cursor: col-resize;
	background: #e0e0e0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#IDDIV_SIDEBAR_CONTROLS:has(+ .CResizing) > .CSidebarControls
{
	background: #c0c0c0;
}

#IDDIV_SIDEBAR_CONTROLS:has(+ .CCollapsed) .CSidebarControls
{
	cursor: pointer;
}

.CSidebarToggle
{
	position: absolute;
	top: 5px;
}

	.CSidebarToggle > button
	{
		background: white;
		color: black;
		width: var(--splitter-width);
		height: 1.5rem;
		min-width: var(--splitter-width);
		box-sizing: border-box;
		padding: 0;
		margin: 0;
		border: 1px solid #ddd;
	}

.CSidebarHandle > span
{
	font-size: 12px;
	user-select: none;
}

#IDDIV_SIDEBAR_CONTROLS:not(:has(+ .CCollapsed)) .CSidebarToggleIconExpand
{
	display: none;
}

#IDDIV_SIDEBAR_CONTROLS:has(+ .CCollapsed) .CSidebarToggleIconCollapse
{
	display: none;
}

body.CResizing
{
	user-select: none;
}

#IDDIV_SIDEBAR
{
	width: var(--side-panel-default-width);
	min-width: var(--side-panel-min-width);
	max-width: var(--side-panel-max-width);
	box-sizing: border-box;
	overflow: auto;
}

	#IDDIV_SIDEBAR.CCollapsed
	{
		display: none;
	}
/* ==================================================================================================== */
/* Basis Klassen für Tiles */
/* ==================================================================================================== */

/* ---------------------------------------------------------------------------------------------------- */
/* Tiles
/* ---------------------------------------------------------------------------------------------------- */
ul.CTileContainer
{
	margin-left: 2em;
	margin-top: 2em;
	list-style: none;
}

.CTile, .CTileImage, .CTileBasic
{
	width: 16em;
	height: 16em;
	padding-left: 1.6em;
	padding-right: 1.6em;
	padding-top: 1.6em;
	padding-bottom: 1.6em;
	margin-left: 0em;
	margin-right: 2em;
	margin-top: 0em;
	margin-bottom: 2em;
	box-sizing: content-box;
	text-decoration: none;
	overflow: hidden;
	/*	Muss im Code gesetzt werden (FrameworkLibrary.Helpers.CTileHelper.c_dTileSize). 
		Kann mittels Settings Wert (Key: FrameworkLibrary.CConstants.c_strUserSettingsKeyTileSize) modifiziert werden (Multiplikativ) */
	font-size: 0.90em;
}

	.CTileBasic > div > p
	{
		font-size: 1.2em;
		text-align: left;
	}

/* ---------------------------------------------------------------------------------------------------- */
/* Tiles ohne Bild
/* ---------------------------------------------------------------------------------------------------- */
.CTile
{
	height: 16.6em;
	padding-top: 1em;
}

	.CTile > h3
	{
		font-size: 1.6em;
		height: 1.6em;
		line-height: 1.6em;
		font-weight: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.CTile > div, .CTile > div > p
	{
		overflow: hidden;
		margin-top: 0;
		margin-bottom: 0;
	}

		/* Höhe für die Beschreibung: font-size = line-height; height = line-height * zeilenanzahl */
		.CTile > div:not(.CValue)
		{
			font-size: 1.2em;
			/*line-height: 1.2em;*/
			height: 4.1em;
		}

		/* Eins der drei unkommentieren, je nach positionierungswunsch der Zahl (vertikal) */
		.CTile > div.CValue
		{
			/*-ms-flex-pack: start;
			-webkit-justify-content: flex-start;
			justify-content: flex-start;*/
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			/*-ms-flex-pack: end;
			-webkit-justify-content: flex-end;
			justify-content: flex-end;*/
		}

			/* Zahlengröße und position (horizontal) einstellen */
			.CTile > div.CValue > p
			{
				font-size: 6em;
				text-align: right;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

/* ---------------------------------------------------------------------------------------------------- */
/* Tiles mit Bild
/* ---------------------------------------------------------------------------------------------------- */
.CTileImage
{
}

	.CTileImage > img
	{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0.5em;
		width: 7.5em;
		height: 7.5em;
	}

	.CTileImage > h3
	{
		font-size: 1.3em;
		font-weight: normal;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.CTileImage > p
	{
		margin-top: 0em;
		overflow: hidden;
		text-overflow: ellipsis;
		height: 2.4em;
		margin-bottom: 1.1em;
	}

	.CTileImage > div.CCounter
	{
		margin-top: auto;
		overflow: hidden;
	}

		.CTileImage > div.CCounter > p.CLabel
		{
			font-size: 1em;
		}

		.CTileImage > div.CCounter > p.CValue
		{
			font-size: 3em;
			margin-left: auto;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			height: 1.1em;
		}

.CSearch
{
	background-color: #fafafa;
	padding: 1em 1em 0.5em 1em;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-style: solid;
	border-color: #c0c0c0;
}

	.CSearch > .CButtonBar
	{
		background-color: transparent;
		padding-left: 0;
		padding-right: 0;
	}

		.CSearch > .CButtonBar > button
		{
			margin-left: 1em;
			margin-right: 1px;
		}

	.CSearch ul:not(:first-child)
	{
		margin-left: 1em;
	}

	.CSearch .CNotice
	{
		color: darkgray;
	}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #f00;
	width: 2em;
	padding-left: 1em;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #f00;
	background-color: #fee;
}

	/* Checkboxen werden auch rot gemacht */
	.input-validation-error[type=checkbox] ~ label, .input-validation-error[type=checkbox] ~ div > label
	{
		color: red;
	}

	/* Radio-Buttons werden auch rot gemacht */
	.input-validation-error[type=radio] ~ label
	{
		color: red;
	}

.validation-summary-errors
{
	font-weight: normal;
	background-color: #f33;
	color: white;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

	.validation-summary-errors ul
	{
		list-style: none;
		margin: 0;
	}

.validation-summary-valid
{
	display: none;
}

.ValidationSummary
{
	margin-top: 0.5em;
}

/* Root element */
.CHelpBody
{
    padding-top: 1rem;
}
    /* Feste Überschrift der Online-Hilfe */
    .CHelpBody > p
    {
        color: darkgray;
        padding-left: 2rem;
        padding-right: 2rem;
        margin-bottom: 0.2em;
        font-size: 1.2em;
        font-weight: 600;
    }


/* Styles für den Help-Content */
.CHelp
{
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.2em;
}

.CHelpPadHorizontal
{
    padding-left: 2rem;
    padding-right: 2rem;
}

.CHelp h1
{
    font-size: 3em;
    font-weight: 600;
    border-bottom: solid;
    margin-bottom: 0.5em;
    border-width: 1px;
    padding-bottom: 0.5em;
}

.CHelp h2
{
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 0.5em;
}

.CHelp h3
{
    font-weight: 600;
    margin-bottom: 0.4em;
    margin-top: 0.5em;
    font-size: 1.1em;
}

.CHelp h4
{
    font-weight: 600;
    margin-bottom: 0.4em;
    margin-top: 0.5em;
    font-size: 1em;
}

.CHelp p
{
    margin-bottom: 0.2em;
    margin-top: 0;
}

    .CHelp p + h2
    {
        margin-top: 1em;
    }

    .CHelp p + h3
    {
        margin-top: 1em;
    }

    .CHelp p + h4
    {
        margin-top: 1em;
    }

.CHelp em
{
    color: #0065b3;
}

.CHelp blockquote p
{
    color: black;
    background-color: #ffee0060;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    width: fit-content;
}

    .CHelp blockquote p strong:nth-child(1)
    {
        color: black;
        background-color: #ffbb0060;
        margin-left: -0.5em;
        margin-right: 0.25em;
        margin-top: -0.3em;
        margin-bottom: -0.3em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        font-weight: normal;
    }

    .CHelp blockquote p em strong:nth-child(1)
    {
        color: white;
        background-color: red;
        margin-left: -0.5em;
        margin-right: 0.25em;
        margin-top: -0.3em;
        margin-bottom: -0.3em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        font-weight: normal;
        font-style: normal;
    }

.CHelp ul, .CHelp ol
{
    margin-bottom: 1em;
    margin-top: 0.2em;
    margin-left: 3em;
}

    .CHelp ul + h2
    {
        margin-top: 1em;
    }

    .CHelp ul + h3
    {
        margin-top: 1em;
    }

.CHelp li ul
{
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    margin-left: 2em;
}

.CHelp ul
{
    list-style-type: square;
}

.CHelp table
{
    margin-left: 1rem;
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
}

.CHelp thead
{
    background-color: lightgray;
}

.CHelp th
{
    font-weight: 700;
    padding-left: 1rem;
    padding-right: 1rem;
    border-color: darkgray;
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
}

    .CHelp th:nth-child(1)
    {
        text-align: center;
    }

    .CHelp th:nth-child(2)
    {
        text-align: left;
    }

.CHelp td
{
    padding-left: 1rem;
    padding-right: 1rem;
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
}

    .CHelp td:nth-child(1)
    {
        text-align: center;
    }

    .CHelp td:nth-child(2)
    {
        text-align: left;
    }

.CHelp a
{
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-style: normal;
    text-decoration-line: none;
}

div.CHelp
{
    padding-bottom: 5rem;
}

/* Controls auf der Anzeigeseite für Edit*/
.CHelpBar
{
    background-color: #eaeaea;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

    .CHelpBar label
    {
        margin-right: 0.4em;
    }

    .CHelpBar > .CButtonBar
    {
        background-color: inherit;
        padding: 0;
        margin: 0;
    }

        .CHelpBar > .CButtonBar > button
        {
            margin-left: 1em;
            margin-right: 0;
        }

.CHelpTextArea
{
    height: 100%;
    width: 100%;
}

.CHelpDialog .dxsplLCC
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.CHelpDialogContent
{
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
}

    .CHelpDialogContent h1
    {
        margin-bottom: 0;
    }

.CHelpDialog .CButtonBar > button, .CHelpHistory .CButtonBar > button
{
    margin-left: 1rem;
    margin-right: 0;
}

.CHelpCheckboxActiveContainer
{
    padding-bottom: 0.5rem;
}


    .CHelpCheckboxActiveContainer label
    {
        margin-left: 0.5rem;
    }

/* Änderungsverlauf */
.CHelpHistory
{
    padding-top: 0.5rem;
}

    .CHelpHistoryGrid, .CHelpHistory .CButtonBar, .CHelpDialog .CButtonBar, .CHelpHistory h1
    {
        padding-left: 2rem;
        padding-right: 2rem;
    }

#LOGINFIELD label
{
	width: 9em;
}

/* Überschreibt die Standardwerte für jede Site */
#IDDIV_HOME
{
	/* Jede Site hat eine andere Farbe */
	background-color: #006D66 !important;
}

.CTextBlink
{
	animation-name: blink-animation;
	animation-duration: 1s;
	animation-timing-function: steps(2, start);
	animation-iteration-count: 5;
}

.CTextError
{
	background-color: red;
	color: white;
	margin-left: 2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

@keyframes blink-animation
{
	to
	{
		visibility: hidden;
	}
}

.CLogoBar
{
	max-height: 60px;
	width: 100%;
	overflow: hidden;
}

.CLogoLeft
{
	direction: ltr;
}

.CLogoRight
{
	direction: rtl;
}


/* ---------------------------------------------------------------------------------------------------- */
/* Tiles für das Rückmeldungen-Dashboard
/* ---------------------------------------------------------------------------------------------------- */
.CFeedbackTile
{
	width: 16em;
	height: 17em;
	overflow: hidden;
	text-overflow: ellipsis;
}

	.CFeedbackTile > img
	{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
		width: 6em;
		height: 6em;
	}

	.CFeedbackTile > h3
	{
		font-size: 1.3em;
		line-height: 1.3em;
		font-weight: normal;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.CFeedbackTile > p
	{
		font-size: 1.0em;
		line-height: 1.4em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.CFeedbackTile > div.CCounter
	{
		margin-top: auto;
		overflow: hidden;
	}

		.CFeedbackTile > div.CCounter > p.CLabel
		{
			font-size: 1em;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			height: 1.8em;
			margin-right: 0.5em;
		}

		.CFeedbackTile > div.CCounter > p.CValue
		{
			font-size: 3em;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			height: 1.3em;
		}


/* ---------------------------------------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------------------------------------- */

footer
{
	width: 100%;
	margin-top: 25px;
	background-color: #eeeeee;
	position: fixed;
	bottom: 0;
}

	footer > div
	{
		display: flex;
		align-items: center;
		gap: 30px;
		margin: 0;
		padding-left: 3rem;
		padding-right: 3rem;
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 12px;
		font-weight: 100;
	}

		footer > div > div
		{
			flex-grow: 1;
		}

	footer a
	{
		color: #3f3f3f;
		text-decoration: none;
	}

.CFooterBody
{
	padding-left: 3rem;
	padding-right: 3rem;
	padding-bottom: 2rem;
	display: block;
}

	.CFooterBody h1
	{
		margin-top: 2rem;
		margin-bottom: 1rem;
		font-weight: 600;
		font-size: 2rem;
		text-align: left;
		hyphens: auto;
	}

	.CFooterBody h2
	{
		margin-top: 2rem;
		margin-bottom: 1rem;
		font-weight: 600;
		font-size: 1.7rem;
		text-align: left;
		hyphens: auto;
	}

	.CFooterBody h3
	{
		margin-top: 1rem;
		margin-bottom: 0;
		font-weight: 700;
		font-size: 1.2rem;
		text-align: left;
		hyphens: auto;
	}

	.CFooterBody h4
	{
		margin-top: 1rem;
		margin-bottom: 0;
		font-weight: 700;
		font-size: 1rem;
		text-align: left;
		hyphens: auto;
	}

	.CFooterBody p
	{
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}

	.CFooterBody table
	{
		padding: inherit;
		margin-top: 0;
		margin-bottom: 0.5rem;
		table-layout: auto;
		width: max-content;
	}

	.CFooterBody td
	{
		padding-right: 0.5rem;
	}

	.CFooterBody ul
	{
		padding-left: 1rem;
		padding-bottom: 0.5rem;
	}

	.CFooterBody li
	{
		padding-top: 0.2rem;
	}

img.CInline
{
	margin-left: 2px;
	vertical-align: middle;
	height: 1em;
}


/* Globale Font Einstellung */
html, .Reset
{
	color: rgb(72,72,72);
	font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}

/* Button & Tile & Selection Farben */
button, a.CButton, a.CHelpButton, .CHelp a, .CTile, .CTileImage, .CTileBasic, ::selection
{
	color: white;
	background-color: #006D66;
}

button:disabled
{
	color: #00b0b0;
}

/* Header (Pfad) für Panes */
.CPaneHeader
{
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 0.8em;
	color: darkgray;
}

/* Header (Pfad) für Forms */
.CFormHeader
{
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 0.8em;
	color: darkgray;
}

/* DevExpress DatePicker Buttons reparieren */
.dxeCalendarButton_MaterialCompactEnvel
{
	height: auto;
}

/* Input focus-borders */
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=file]:focus, textarea:focus
{
	outline: none;
	border-color: #006D66;
}

/* Input padding wie DevExpress controls */
input[type=text], input[type=password], input[type=number], input[type=file], textarea
{
	box-sizing: border-box;
	padding: 7px 8px 6px 7px;
}

div.CBreadcrumbs
{
	background-color: #eaeaea;
	color: #006D66;
}

/* DatePicker Styles */
.DateDisabled:not(.dxeCalendarSelected_MaterialCompactEnvel)
{
	color: lightgray;
}

.DateHoliday, .dxeCalendarWeekend_MaterialCompactEnvel
{
	color: #FF0000 !important;
	background-color: white !important;
}

	.DateHoliday:is(.dxeCalendarSelected_MaterialCompactEnvel), .dxeCalendarWeekend_MaterialCompactEnvel:is(.dxeCalendarSelected_MaterialCompactEnvel)
	{
		color: white !important;
		background-color: #FF0000 !important;
	}

	.DateHoliday:hover:not(.dxeCalendarSelected_MaterialCompactEnvel), .dxeCalendarWeekend_MaterialCompactEnvel:hover:not(.dxeCalendarSelected_MaterialCompactEnvel)
	{
		color: white !important;
		background-color: #ff7777 !important;
	}

/* Ab hier DevExpress */
/* Workaround -> Weiße Border um Splitter entfernen */
#IDSP_TREECONTENT, #IDSP_TEXT_NOTES
{
	border: none;
}
/* End Workaround */

#IDSP_TEXT_NOTES td, #IDSP_TEXT_NOTES div
{
	width: auto !important;
}

/* Workaround -> DevExpress Style anpassen wg. Tabellenüberschriften */
.dxgvHeader_MaterialCompactEnvel
{
	/*background-color: #e9e9eb !important;*/
}
/* End Workaround */

/* Workaround -> Fix wg Größenänderung der Batch Grid Buttons wenn 'Preview' de-/aktiviert wird */
.dxgvStatusBar_MaterialCompactEnvel .dxRippleContainer
{
	display: none;
}

.dxgvStatusBar_MaterialCompactEnvel .dxgvCommandColumn_MaterialCompactEnvel span
{
	transition: none !important;
	height: auto !important;
}
/* End Workaround */

/* Workaround -> Focused Row überschreibt alle Row Styles */
.dxgvFocusedRow_MaterialCompactEnvel, .dxgvFocusedRow_MaterialCompactEnvel td.dxgv
{
	background-color: #006D66 !important;
	color: white !important;
}

.dxgvTable_MaterialCompactEnvel .dxgvHEC
{
	background-color: white !important;
}
/* End Workaround */

/* Workaround -> CheckBox linkes padding entfernen */
.CDevExpressCheckBox > span.dxichCellSys.dxeTAR
{
	padding-left: 0;
}
/* End Workaround */

/* Workaround -> Border um Splitter Panes entfernen */
td.dxsplPane_MaterialCompactEnvel
{
	border: none;
}
/* End Workaround */

/* Workaround -> Bei Suchfeld über Grids links Margin einfügen */
.dxgvSearchPanel_MaterialCompactEnvel
{
	padding-left: 1em !important;
}
/* End Workaround */

/* Workaround -> DropDowns: Farboverride wegen Platzhaltertext deaktivieren */
.dxeNullText_MetropolisBlue .dxeEditArea_MetropolisBlue {
	color: inherit !important;
}
/* End Workaround */

/*--- Anpassungen an der form.css, weil Controls mehr padding haben ---*/
/* Alle Eingabefelder (inkl. DropDowns) mit einer fixen Breite */
.CControlFixedSizedSmall
{
	max-width: 14em !important;
}

/* Alle Eingabefelder (inkl. DropDowns) mit einer fixen Breite */
.CControlFixedSizedMedium
{
	max-width: 22em !important;
}

/* Alle Eingabefelder (inkl. DropDowns) mit einer fixen Breite */
.CControlFixedSizedSmallNumber
{
	max-width: 7em !important;
}

/* Alle Eingabefelder (inkl. DropDowns) mit einer fixen Breite */
.CControlFixedSizedMediumNumber
{
	max-width: 10em !important;
}

/* Alle Eingabefelder (inkl. DropDowns) mit einer fixen Breite */
.CControlFixedSizedLargeNumber
{
	max-width: 12em !important;
}

/* Alle Eingabefelder (inkl. DropDowns) mit einer fixen Breite */
.CControlFixedSizedSmallPercent
{
	max-width: 9em !important;
}
/*--- Ende Anpassungen an der form.css ---*/

/*--- Anpassungen an der help.css ---*/
.CHelp em
{
	color: #009352;
}
/*--- Ende Anpassungen an der help.css ---*/