@charset "utf-8";
*:focus
{
	outline: none;
}
html
{
	height: 100%;
	width: 100%;
	-webkit-touch-callout: none;
}
body
{
	font-size: var(--font-size-m);
	font-family: var(--font-sans);
	margin: 0;
	padding: 0;
	background: var(--body-bg-color);
	color: var(--text-color);
	overflow: hidden;
	overflow-wrap: break-word;
	height: 100%;
}
table
{
	font-family: var(--font-sans);
}
img
{
	border: 0;
}
p
{
	margin: 0;
}
a
{
	color: var(--p-color-primary);
	text-decoration: none;
	outline: none;
}
a:focus
{
	color: var(--p-color-primary-hover);
}
a:hover
{
	color: var(--p-color-primary-hover);
}
label
{
	font-size: var(--label-font-size);
	letter-spacing: 0.04em;
	color: var(--label-color);
}
label.for-required::after
{
	content: " •";
	color: var(--p-color-danger);
}
input
{
	box-sizing: border-box;
	margin: 0;
	padding: 5px 10px;
	transition: all 0.3s ease;
	border-radius: 4px;
	min-height: 40px;
	font-size: var(--input-font-size);
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
}
input[type="checkbox"]
{
	min-height: 18px;
	min-width: 18px;
	padding: 5px;
}
input[type="radio"]
{
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #ffffff;
	height: 18px;
	min-height: 18px;
	width: 18px;
	cursor: pointer;
	border-radius: 100%;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #171d1e;
	padding: 5px;
	vertical-align: middle;
}
input[aria-invalid="true"]
{
	border-color: var(--input-border-invalid);
	box-shadow: var(--input-shadow-invalid);
}
input[readonly],
input[readonly]:focus,
input[readonly]:hover
{
	background-color: var(--input-bg-readonly);
}
textarea
{
	box-sizing: border-box;
	margin: 0;
	font-size: 15px;
	font-family: var(--font-sans);
	color: #171d1e;
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	padding: 5px 10px;
	transition: all 0.3s ease;
	border-radius: 4px;
	min-height: 75px;
}
textarea[aria-invalid="true"]
{
	border-color: var(--input-border-invalid);
	box-shadow: var(--input-shadow-invalid);
}
textarea[readonly],
textarea[readonly]:hover,
textarea[readonly]:focus
{
	background-color: var(--input-bg-readonly);
}
select
{
	box-sizing: border-box;
	margin: 0;
	font-size: var(--font-size-s);
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
	padding: 5px 10px;
	transition: all 0.3s ease;
	border-radius: 4px;
	height: 40px;
}
select[aria-invalid="true"]
{
	border-color: var(--input-border-invalid);
	box-shadow: var(--input-shadow-invalid);
}
select[readonly],
select[readonly]:hover,
select[readonly]:focus
{
	background-color: var(--input-bg-readonly);
}
select option
{
	color: var(--input-color);
	background: var(--input-bg);
}
table[aria-invalid="true"],
fieldset[aria-invalid="true"]
{
	border: 1px solid #ba1a1a;
}
table[aria-invalid="true"]:hover,
fieldset[aria-invalid="true"]:hover,
table[aria-invalid="true"]:focus,
fieldset[aria-invalid="true"]:focus
{
	background-color: #eff5f6;
}
h1
{
	font-size: var(--h1-font-size);
	color: var(--h1-color);
	font-weight: var(--h1-font-weight);
	margin: 0;
	font-family: var(--font-sans);
}
h2
{
	font-size: var(--h2-font-size);
	color: var(--h2-color);
	font-weight: var(--h2-font-weight);
	margin: 0;
	font-family: var(--font-sans);
}
h3
{
	font-size: var(--h3-font-size);
	color: var(--h3-color);
	font-weight: var(--h3-font-weight);
	margin: 0;
	font-family: var(--font-sans);
}
h4
{
	font-size: 15px;
	margin: 0;
	font-family: var(--font-sans);
	font-weight: 500;
}
h5
{
	font-size: small;
	margin: 0;
	font-family: var(--font-sans);
	font-weight: 500;
}
h6
{
	font-size: smaller;
	margin: 0;
	font-family: var(--font-sans);
	font-weight: 500;
}
.svg > a > img,
img[src*=".svg" i],
div[data-filetype="image/svg+xml"] img,
li[data-filetype="image/svg+xml"] img,
span[data-filetype="image/svg+xml"] img
{
	filter: var(--svg-filter-default);
}
td.Image_User img:last-of-type,
.Image_User img:last-of-type
{
	border-radius: 50%;
	object-fit: cover;
	height: 30px;
	width: 30px;
}
td.Image_User_XXL img:last-of-type,
.Image_User_XXL img:last-of-type
{
	border-radius: 50%;
	object-fit: cover;
	height: 100px;
	width: 100px;
}
.img-medium * img,
.img-medium > img
{
	height: var(--img-medium-height) !important;
	width: var(--img-medium-width) !important;
	text-align: center;
}
.img-large * img,
.img-large > img
{
	height: var(--img-large-height) !important;
	width: var(--img-large-width) !important;
	text-align: center;
}
.img-small * img,
.img-small > img
{
	height: var(--img-small-height) !important;
	width: var(--img-small-width) !important;
	text-align: center;
}
.img-xxl * img,
.img-xxl > img
{
	height: var(--img-xxl-height) !important;
	width: var(--img-xxl-width) !important;
	text-align: center;
}
td.Image_Project img:last-of-type,
.Image_Project img:last-of-type
{
	padding: 3px;
	border-radius: 5px;
	height: 30px;
	width: auto;
	max-width: 100%;
}
td.Image_Project span:last-of-type,
.Image_Project span:last-of-type
{
	height: 30px !important;
	width: 60px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
#themeToggle
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 10px;
	border: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px 22px;
	cursor: pointer;
}
:root[data-theme="light"] #themeToggle
{
	background-image: url(../../thirdparty/icon54/svg/line/Weather/Moon3.svg?usn=1791233093686);
	filter: var(--svg-filter-default);
}
:root[data-theme="dark"] #themeToggle
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Sun.svg?usn=1791233093686);
	filter: var(--svg-filter-default);
}
td.link.Tabelle_Action,
td.Tabelle_Action
{
	white-space: nowrap;
	text-align: right;
}
td.link.Tabelle_Action img,
td.Tabelle_Action img,
.Tabelle_Action img
{
	min-height: 20px;
	max-height: 24px;
}
td.Tabelle_Action.icon-green > a > img
{
	filter: var(--icon-filter-green-muted) !important;
}
td.Tabelle_Action.icon-red > a > img,
.Tabelle_Action.icon-red > a > img,
.Tabelle_Action.icon-red > img,
.icon-red > img
{
	filter: var(--icon-filter-red-muted) !important;
}
td.link.Tabelle_Action a,
td.Tabelle_Action a
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3px;
	border-radius: 5px;
}
tr:hover td.link.Tabelle_Action a,
tr:focus-within td.link.Tabelle_Action a,
tr:focus-within td.Tabelle_Action a,
tr:hover td.Tabelle_Action a
{
	background-color: var(--p-color-light3);
}
.Button_Action
{
	height: 30px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: filter 160ms var(--ease-standard),opacity 160ms var(--ease-standard);
}
.Button_Action > span > img,
.Button_Action > a > img,
.Button_Action > img
{
	height: 20px;
	width: 20px;
	filter: var(--svg-filter-default);
}
.Text_KPI
{
	font-size: var(--font-size-xxl);
}
.Text_KPI_2
{
	font-size: var(--font-size-l);
}
.Icon-Info
{
	font-size: var(--font-size-l) !important;
	margin-bottom: 10px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}
.Icon-Info::before
{
	font-family: "icon54-line";
	content: "\ec03";
	font-weight: normal;
}
.Icon-Projekt
{
	font-size: var(--font-size-l) !important;
	margin-bottom: 10px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}
.Icon-Projekt::before
{
	font-family: "icon54-line";
	content: "\ec6e";
	font-weight: normal;
}
.Icon-Opportunity
{
	font-size: var(--font-size-l) !important;
	margin-bottom: 10px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}
.Icon-Opportunity::before
{
	font-family: "icon54-line";
	content: "\ed5f";
	font-weight: normal;
}
.Icon-Euro
{
	font-size: var(--font-size-l) !important;
	margin-bottom: 10px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}
.Icon-Euro::before
{
	font-family: "icon54-line";
	content: "\ed38";
	font-weight: normal;
}
.Container_Image_Text > .row
{
	display: flex !important;
	align-items: center !important;
	gap: 0.75rem;
}
.Container_White
{
	filter: var(--svg-filter-default);
}
.select2
{
	box-sizing: border-box;
	margin: 0;
	font-size: var(--font-size-s);
	font-family: var(--font-sans);
	color: var(--input-color);
	background: var(--input-bg);
	border: var(--input-border);
	transition: all 0.3s ease;
	border-radius: 4px;
}
.select2-container--default .select2-selection--single
{
	background-color: unset !important;
	border: unset !important;
	border-radius: unset !important;
	height: 40px !important;
}
.select2-dropdown
{
	background-color: var(--input-bg) !important;
	border: var(--input-border) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
	color: unset !important;
}
.select2-container--default .select2-results__option--selected
{
	background-color: var(--link-color) !important;
	color: var(--text-color-inverse) !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable
{
	background-color: var(--link-color) !important;
	color: var(--text-color-inverse) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
	top: 5px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b
{
	border-color: var(--text-color) transparent transparent transparent !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b
{
	border-color: transparent transparent var(--text-color) transparent !important;
}
.select2-selection__clear
{
	color: var(--text-color) !important;
	height: 37px !important;
}
.select2-container:hover
{
	background: var(--input-bg-hover) !important;
	color: var(--input-color-hover) !important;
	border: var(--input-border-hover) !important;
	box-shadow: var(--input-shadow-hover) !important;
}
.select2-container.is-invalid .select2-selection
{
	border-color: var(--input-border-invalid) !important;
	box-shadow: var(--input-shadow-invalid) !important;
}
.select2-selection__rendered
{
	line-height: 40px !important;
}
.select2-container--default:focus,
.select2-selection--single:focus
{
	background: var(--input-bg-hover) !important;
	color: var(--input-color-hover) !important;
	border: var(--input-border-hover) !important;
	box-shadow: var(--input-shadow-hover) !important;
}
.chip,
td.chip > span
{
	background: var(--chip-bg, var(--p-color-light2));
	color: var(--chip-color, var(--p-color-gray1));
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	white-space: nowrap;
	user-select: none;
}
td.chip > span[data-status*="angelegt"],
td.chip > span[data-status*="bearbeitet"],
td.chip > span[data-status*="eingereicht"],
td.chip > span[data-status*="angefragt"],
td.chip > span[data-status*="zurückgezogen"],
.chip-gray
{
	--chip-bg: var(--pill-gray-bg);
	--chip-color: var(--pill-gray-text);
}
td.chip > span[data-status*="genehmigt"]:not([data-status*="genehmigungsfrei"]),
td.chip > span[data-status*="angenommen"],
td.chip > span[data-status*="erteilt"],
td.chip > span[data-status*="abgeschlossen"],
.chip-green
{
	--chip-bg: var(--pill-green-bg);
	--chip-color: var(--pill-green-text);
}
td.chip > span[data-status*="offen"],
td.chip > span[data-status*="prüfung"],
td.chip > span[data-status*="rückfrage"],
td.chip > span[data-status*="klärung"],
td.chip > span[data-status*="weitergeleitet"],
.chip-orange
{
	--chip-bg: var(--pill-yellow-bg);
	--chip-color: var(--pill-yellow-text);
}
td.chip > span[data-status*="abgelehnt"],
td.chip > span[data-status*="storniert"],
.chip-red
{
	--chip-bg: var(--pill-red-bg);
	--chip-color: var(--pill-red-text);
}
span.pill,
a.pill,
.pill > span
{
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.34rem 0.72rem !important;
	border-radius: 999px;
	font-size: var(--font-size-xs);
	font-weight: 700;
	letter-spacing: 0.08em;
	white-space: nowrap;
	justify-content: center;
	background: var(--pill-bg);
	color: var(--pill-text);
	border: 1px solid var(--pill-brd);
}
.pill-green,
.pill-success,
:where(.pill > span, span.pill, a.pill):is([data-status="aktiv"], [data-status="Gewonnen"], [data-status="Commit"], [data-status*="vorhanden"], [data-status="Soll erfüllt"], [data-status="Mehr als Soll"], [data-status="genehmigt"], [data-status="Antrag genehmigt"], [data-status="erledigt"], [data-status="Storno genehmigt"], [data-status="abgeschlossen"], [data-status="akzeptiert"], [data-status="Auftrag erteilt"], [data-status="Planung vorhanden"], [data-status="Zahlungseingang"])
{
	--pill-bg: var(--pill-green-bg);
	--pill-text: var(--pill-green-text);
	--pill-brd: var(--pill-green-brd);
}
.pill-orange,
.pill-warning,
:where(.pill > span, span.pill, a.pill):is([data-status*="unvollständig"], [data-status="Pausenzeit nicht eingehalten"], [data-status="Höchstarbeitszeit überschritten"], [data-status="Arbeitsblock > 6h ohne Pause"])
{
	--pill-bg: var(--pill-orange-bg);
	--pill-text: var(--pill-orange-text);
	--pill-brd: var(--pill-orange-brd);
}
.pill-yellow,
:where(.pill > span, span.pill, a.pill):is([data-status="In Verhandlung"], [data-status="Soll nicht erreicht"], [data-status="in Prüfung"], [data-status="Genehmigung offen"], [data-status="angefragt"], [data-status="HR-Prüfung"], [data-status="Genehmigung offen"], [data-status="Salesprozess"], [data-status="Rechnung verschickt"])
{
	--pill-bg: var(--pill-yellow-bg);
	--pill-text: var(--pill-yellow-text);
	--pill-brd: var(--pill-yellow-brd);
}
.pill-red,
.pill-danger,
:where(.pill > span, span.pill, a.pill):is([data-status="beendet"], [data-status*="Verloren"], [data-status*="fehlt"], [data-status^="Eingabefehler:"], [data-status="abgelehnt"], [data-status="Antrag abgelehnt"], [data-status="Storno abgelehnt"], [data-status="Auftrag beendet"], [data-status="Planung fehlt"], [data-status="Rechnungsanforderung offen"])
{
	--pill-bg: var(--pill-red-bg);
	--pill-text: var(--pill-red-text);
	--pill-brd: var(--pill-red-brd);
}
.pill-blue,
.pill-info,
:where(.pill > span, span.pill, a.pill):is([data-status="Qualifiziert"], [data-status="Ruhezeit nicht eingehalten"], [data-status="Storno beantragt"], [data-status="in Klärung"], [data-status="Leadqualifizierung"], [data-status="Rechnung bearbeitet"])
{
	--pill-bg: var(--pill-blue-bg);
	--pill-text: var(--pill-blue-text);
	--pill-brd: var(--pill-blue-brd);
}
.pill-gray,
:where(.pill > span, span.pill, a.pill):is([data-status="Lead"], [data-status="kein Soll"], [data-status="Tag noch nicht begonnen"], [data-status="genehmigungsfrei"], [data-status="zurückgezogen"], [data-status="nicht erforderlich"], [data-status="offen"], [data-status="Solutionvertrieb"])
{
	--pill-bg: var(--pill-gray-bg);
	--pill-text: var(--pill-gray-text);
	--pill-brd: var(--pill-gray-brd);
}
.pill-purple,
:where(.pill > span, span.pill, a.pill):is([data-status="Angebot platziert"], [data-status="Rechnung angefordert"])
{
	--pill-bg: var(--pill-purple-bg);
	--pill-text: var(--pill-purple-text);
	--pill-brd: var(--pill-purple-brd);
}
.pill-xxl
{
	font-size: var(--font-size-l) !important;
}
:where(.pill > span, span.pill, a.pill):is([data-status^="Eingabefehler:"], [data-status*="unvollständig"])::before
{
	font-family: "icon54-line";
	content: "\ebee";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill):is([data-status="abgelehnt"], [data-status="Antrag abgelehnt"], [data-status="Storno abgelehnt"])::before
{
	font-family: "icon54-line";
	content: "\f92c";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill):is([data-status="Tag noch nicht begonnen"], [data-status="Genehmigung offen"])::before
{
	font-family: "icon54-line";
	content: "\f80b";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill)[data-status="Soll nicht erreicht"]::before
{
	font-family: "icon54-line";
	content: "\fa4b";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill)[data-status="in Prüfung"]::before
{
	font-family: "icon54-solid";
	content: "\fa4d";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill):is([data-status="Ruhezeit nicht eingehalten"], [data-status="Pausenzeit nicht eingehalten"], [data-status="Höchstarbeitszeit überschritten"], [data-status="Arbeitsblock > 6h ohne Pause"])::before
{
	font-family: "icon54-line";
	content: "\fa42";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill)[data-status="Storno beantragt"]::before
{
	font-family: "icon54-line";
	content: "\efca";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill)[data-status="in Klärung"]::before
{
	font-family: "icon54-line";
	content: "\ec03";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill)[data-status="Mehr als Soll"]::before
{
	font-family: "icon54-line";
	content: "\ec6c";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill):is([data-status="Soll erfüllt"], [data-status*="vorhanden"], [data-status="genehmigt"], [data-status="Antrag genehmigt"], [data-status="abgeschlossen"])::before
{
	font-family: "icon54-line";
	content: "\ebd2";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill)[data-status="kein Soll"]::before
{
	font-family: "icon54-line";
	content: "\ec57";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill)[data-status="zurückgezogen"]::before
{
	font-family: "icon54-line";
	content: "\eae4";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill)[data-status="angefragt"]::before
{
	font-family: "icon54-line";
	content: "\ec50";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill)[data-status="akzeptiert"]::before
{
	font-family: "icon54-line";
	content: "\ebd2";
	margin-right: 0.35rem;
}
:where(.pill > span, span.pill, a.pill):is([data-status*="fehlt"])::before
{
	font-family: "icon54-line";
	content: "\ebed";
	margin-right: 0.35rem;
}
.badge,
.badge > span
{
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	padding: 0.15rem 0.55rem !important;
	font-size: var(--font-size-xs);
	font-weight: 600;
	line-height: 1;
	border-radius: 4px;
	background: var(--badge-bg);
	color: var(--badge-text);
	border: 1px solid var(--badge-brd);
	white-space: nowrap;
	height: 30px;
}
.badge-gray
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
}
.badge-blue,
.badge-info,
:where(.badge):is([data-bc*="Digitaler Staat"])
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
}
.badge-green,
.badge-success,
:where(.badge, .badge > span):is([data-status="Auftrag erteilt"]),
:where(.badge):is([data-bc*="Gesundheit"])
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
}
.badge-yellow
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
}
.badge-orange,
.badge-warning,
:where(.badge):is([data-bc*="Evaluation"])
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
}
.badge-purple,
:where(.badge):is([data-bc*="Low Code"])
{
	--badge-bg: var(--badge-purple-bg);
	--badge-text: var(--badge-purple-text);
	--badge-brd: var(--badge-purple-brd);
}
.badge-red,
.badge-danger
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
}
.badge > span[data-status="Auftrag erteilt"]::before
{
	font-family: "icon54-line";
	content: "\ebd2";
	margin-right: 0.35rem;
}
#Cookie_Warning
{
	padding: 10px;
	margin: 0 0 10px 0;
}
#Cookie_Warning_Caption
{
	margin-bottom: 5px;
}
#Cookie_Warning_Help_Content
{
	margin: 10px 0 0;
}
.Login_Container
{
	position: relative;
}
.Login_Container + form
{
	display: inline;
}
.Login_Container .Login_Header
{
	text-align: center;
	margin-bottom: 20px;
	display: none;
}
.Login_Container .Login_Header_Icon
{
	background-image: url(../../thirdparty/icon54/svg/solid/Users/MaleCircle1.svg?usn=1791233093686);
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	display: inline-block;
}
.Login_Container .Login_Header_Username
{
	font-size: 18px;
	font-family: var(--font-sans);
	font-weight: 500;
}
.Login_Container .Login_Content .Login_Row:not(:last-of-type)
{
	margin-bottom: 10px;
}
.Login_Container .Login_Content .Login_Row_Label
{
	line-height: 25px;
}
.Login_Container .Login_Row .Login_Row_Icon_Group
{
	display: -webkit-flex;
	display: flex;
}
.Login_Container .Login_Content .Login_Row_Icon
{
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 50% auto;
	position: absolute;
	width: 40px;
	height: 40px;
}
.Login_Container .Login_Content .Login_Row_Icon.username-icon
{
	background-image: url(../../thirdparty/icon54/svg/line/People/Male2.svg?usn=1791233093686);
	filter: var(--svg-filter-default);
}
.Login_Container .Login_Content .Login_Row_Icon.password-icon
{
	background-image: url(../../thirdparty/icon54/svg/line/Objects/Key2.svg?usn=1791233093686);
}
.Login_Container .Login_Content .Login_Row_Icon.passwordShow-icon
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Eye.svg?usn=1791233093686);
	right: 0;
	cursor: pointer;
}
.Login_Container .Login_Content .Login_Row_Icon.passwordHide-icon
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Invisible.svg?usn=1791233093686);
	right: 0;
	cursor: pointer;
}
.Login_Container .Login_Content .Login_Row_Icon.domain-icon
{
	background-image: url(../../thirdparty/icon54/svg/line/Network/GlobalNetwork1.svg?usn=1791233093686);
	filter: var(--svg-filter-default);
}
.Login_Container .Login_Content .Login_Row_Icon.domainClear-icon
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Close.svg?usn=1791233093686);
	right: 30px;
	cursor: pointer;
	filter: var(--svg-filter-default);
}
.Login_Container .Login_Content input
{
	min-height: 40px;
	width: 100%;
	padding-left: 40px;
}
.Login_Container .Login_Content input::placeholder,
.Login_Container .Login_Content select .Listbox_Placeholder,
.Login_Container .Login_Content select:disabled
{
	opacity: 0.5;
}
.Login_Container .Login_Row_Select .domain-select
{
	width: 100%;
	min-height: 40px;
	padding-left: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("../../thirdparty/icon54/svg/solid/Arrows/Down2.svg?usn=1791233093686") no-repeat;
	background-position: right 10px center;
	background-size: 15px;
}
.Login_Container .Login_Footer input
{
	min-height: 40px;
	width: 100%;
	margin-top: 20px;
}
[data-ix-control="tooltip"] #ID_PwContainer
{
	width: 400px;
}
.Login_Container .Login_Content .Login_Row_Icon.password-iconOldPw
{
	background-image: url(../../thirdparty/icon54/svg/line/Seo/RemovKeyTag.svg?usn=1791233093686);
}
.Login_Container .Login_Content .Login_Row_Icon.password-iconNewPw1
{
	background-image: url(../../thirdparty/icon54/svg/line/Seo/AddKeyTag.svg?usn=1791233093686);
}
.Login_Container .Login_Content .Login_Row_Icon.password-iconNewPw2
{
	background-image: url(../../thirdparty/icon54/svg/line/Seo/KeyTagDone.svg?usn=1791233093686);
}
.Login_InfoBox,
.Login_InfoBoxPersistence
{
	background: none;
	margin: 5px 0 5px 0;
	padding: 10px;
	border-radius: 8px;
	font-size: small;
}
.InfoBoxContent .icon
{
	display: block;
}
.InfoBox_Success
{
	background: #82d5c782;
}
.InfoBox_Warning
{
	color: #ba1a1a;
	background: #ffdf99;
}
.InfoBox_Error
{
	background: #ffb4ab;
}
#Login_Start
{
	margin: 0 auto;
	position: relative;
	width: 300px;
	background-color: var(--dialog-bg);
	box-sizing: border-box;
	padding: 15px;
	border-radius: 8px;
}
#Login_Start #Login_Start_Header
{
	margin-top: 10px;
	margin-bottom: 25px;
}
#ID_LoggedOut_Container
{
	margin: 0;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: center 20%;
	background-size: cover;
	background-image: url(../../images/Goffingen/goffingen.png?usn=1791233093686);
}
#ID_LoggedOut_Caption
{
	padding: 35px 20px 155px 20px;
	color: #FFF;
	text-align: center;
	background: #1E466E;
	font-size: 36px;
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
}
#ID_LoggedOut_Description
{
	color: #ffffff;
	text-align: center;
	padding-bottom: 100px;
	margin-top: -130px;
}
#ID_LoggedOut_Link
{
	cursor: pointer;
	display: block;
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Login.svg?usn=1791233093686);
	filter: invert(96%) sepia(8%) saturate(1154%) hue-rotate(306deg) brightness(107%) contrast(98%);
	background-repeat: no-repeat;
	background-position: center;
	height: 55px;
	margin-top: -75px;
}
#ID_LoggedOut_Link:hover
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Logout.svg?usn=1791233093686);
	margin-left: 31px;
}
div#showPortalConfig
{
	width: 35px;
	height: 50px;
	background: url(../../thirdparty/icon54/svg/line/Arrows/Left2.svg?usn=1791233093686) center no-repeat #ffffff;
	top: 50%;
	right: 0;
	position: fixed;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-size: 30px;
	display: none;
	filter: var(--svg-filter-default);
}
div#showPortalConfig:hover
{
	width: 50px;
	cursor: pointer;
	height: 150px;
	top: 45%;
	transition-duration: 0.3s;
	background-size: 50px;
	background-position: center;
}
div#portalConfigOverlay
{
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--dialog-bg);
	padding: 30px;
	overflow: auto;
	border-radius: 8px 0 0 8px;
}
div#portalConfigOverlay nav ul.configTabs
{
	padding: 0;
}
div#portalConfigOverlay nav ul.configTabs li
{
	display: inline-block;
	padding: 5px 40px;
	height: inherit;
	font-size: 18px;
	font-family: var(--font-sans);
	font-weight: 300;
	border-bottom: 2px solid transparent;
}
div#portalConfigOverlay nav ul.configTabs li.selected
{
	border-bottom: 4px solid var(--p-color-secondary);
}
div#portalConfigOverlay nav ul.configTabs li:hover
{
	cursor: pointer;
	border-bottom: 4px solid var(--p-color-secondary);
}
section.gridCfg div[data-config="viewportsize"] span
{
	display: inline-block;
	padding: 5px 5px;
	height: inherit;
	font-size: 22px;
	margin-right: 5px;
	width: 30px;
	border-radius: 8px;
	text-align: center;
}
section.gridCfg div[data-config="viewportsize"] span:hover
{
	background-color: var(--p-color-secondary);
	cursor: pointer;
}
section.gridCfg div[data-config="viewportsize"] span.selected
{
	background-color: var(--p-color-secondary);
	color: #ffffff;
}
div#portalConfigOverlay section.saveGridConfig .abortCfgAction,
div#portalConfigOverlay section.saveGridConfig .saveCfgAction
{
	font-size: var(--font-size-m);
	font-family: var(--font-sans);
	background: var(--button-primary-bg);
	border: var(--button-primary-border);
	padding: 0 15px;
	text-decoration: none;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-appearance: none;
	height: 40px;
	border-radius: var(--button-border-radius);
	color: var(--button-primary-color);
}
div#portalConfigOverlay section.saveGridConfig .abortCfgAction:hover,
div#portalConfigOverlay section.saveGridConfig .saveCfgAction:hover
{
	background-color: var(--button-primary-bg-hover);
	border: var(--button-primary-border-hover);
	color: var(--button-primary-color-hover);
}
section.gridCfg div[data-config="configtable"] header
{
	padding-bottom: 5px;
	margin-right: 100px;
	height: 20px !important;
	margin-top: 10px;
}
section.gridCfg div[data-config="configtable"] header span
{
	display: inline-block;
	width: 11%;
	padding-left: 10px;
	font-family: var(--font-sans);
	font-weight: 500;
}
section.gridCfg div[data-config="configtable"] div.column
{
	padding: 5px 0 5px 0;
	margin-right: 85px;
	background-color: var(--frame2-bg);
	border: 1px solid var(--p-color-gray4);
	border-radius: 8px;
	margin-bottom: 3px;
}
section.gridCfg div[data-config="configtable"] div.column.selectedCfgCol
{
	background-color: var(--p-color-secondary);
}
section.gridCfg div[data-config="configtable"] div.column:hover
{
	cursor: pointer;
}
section.gridCfg div[data-config="configtable"] div.cfgColumns div.column div
{
	display: inline-block;
	width: 11%;
	padding-left: 8px;
}
div#portalConfigOverlay section.gridCfg div[data-config="actionpanel"] button
{
	width: 30px;
	height: 30px;
	margin: 3px;
	border: 1px solid transparent;
	border-radius: 100%;
}
div#portalConfigOverlay section.gridCfg div[data-config="actionpanel"] .add
{
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Add.svg?usn=1791233093686) center no-repeat;
	background-size: 20px;
	filter: var(--svg-filter-default);
}
div#portalConfigOverlay section.gridCfg div[data-config="actionpanel"] .up
{
	background: url(../../thirdparty/icon54/svg/line/Arrows/Up7.svg?usn=1791233093686) center no-repeat;
	background-size: 20px;
	filter: var(--svg-filter-default);
}
div#portalConfigOverlay section.gridCfg div[data-config="actionpanel"] .down
{
	background: url(../../thirdparty/icon54/svg/line/Arrows/Down7.svg?usn=1791233093686) center no-repeat;
	background-size: 20px;
	filter: var(--svg-filter-default);
}
div#portalConfigOverlay section.gridCfg div[data-config="actionpanel"] .delete
{
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Trash.svg?usn=1791233093686) center no-repeat;
	background-size: 20px;
	filter: var(--svg-filter-default);
}
div#portalConfigOverlay section.gridPreview
{
	max-height: 260px;
	min-height: 260px;
	overflow-y: auto;
	position: relative;
	margin-top: 10px;
	padding: 15px 0 0 0;
}
div#portalConfigOverlay section.build section.gridPreview div.preview-color-odd
{
	background-color: var(--p-color-gray5);
	border-radius: 8px;
}
section.gridPreview div.preCol
{
	line-height: 45px;
	height: 45px;
	margin-bottom: 5px;
}
section.gridPreview div.preCol div.bgPreCol
{
	background-color: var(--frame1-bg);
	border: 1px solid var(--p-color-gray4);
	border-radius: 8px;
}
section.gridPreview div.preCol div.bgPreCol.selectedPreviewCol
{
	background-color: var(--p-color-secondary);
	transition-duration: 1s;
	transform: rotateX(180deg);
	line-height: 45px;
	height: 45px;
}
section.gridPreview div.preCol div.bgPreCol span
{
	padding-left: 5px;
}
div#portalConfigOverlay aside.appConfigPanel
{
	border-radius: 8px;
	padding: 20px 10px 20px 20px;
	border: 1px solid var(--p-color-gray4);
}
div#portalConfigOverlay aside.appConfigPanel h2
{
	font-family: var(--font-sans);
	font-weight: 300;
	font-size: 18px;
}
div#portalConfigOverlay aside.appConfigPanel section.portletSearch input
{
	width: 98%;
	margin: 5px 0 0 0;
	height: 40px;
	padding: 0 0 0 5px;
}
div#portalConfigOverlay aside.appConfigPanel section.portletClassesPool,
div#portalConfigOverlay aside.appConfigPanel section.portletPool
{
	padding: 10px 10px 8px 10px;
	margin-top: 5px;
	position: relative;
	border-radius: 8px;
	margin-right: 10px;
	background-color: var(--input-bg);
	border: var(--input-border);
}
div#portalConfigOverlay aside.appConfigPanel h4
{
	display: inline-block;
	font-family: var(--font-sans);
	font-weight: 300;
	padding: 0;
}
div#portalConfigOverlay section div.poolToggle
{
	position: absolute;
	top: 5px;
	right: 10px;
	width: 100%;
	height: 30px;
	z-index: 2;
	background: url(../../thirdparty/icon54/svg/line/Arrows/Down6.svg?usn=1791233093686) no-repeat transparent;
	background-position: right 10px;
	background-size: 7px;
	filter: var(--svg-filter-default);
}
div#portalConfigOverlay aside.appConfigPanel ul li.poolPortlet
{
	list-style: none;
	margin-top: 5px;
	padding: 10px 5px 9px 10px;
	position: relative;
	margin-right: 10px;
	border-radius: 8px;
	border: 1px solid var(--p-color-gray4);
}
div#portalConfigOverlay aside.appConfigPanel ul li:hover
{
	background-color: var(--input-bg-hover);
	border: var(--input-border-hover);
	transition-duration: 0.2s;
}
div#portalConfigOverlay aside.appConfigPanel h3
{
	margin-top: 30px;
	font-family: var(--font-sans);
	font-weight: 300;
	font-size: 18px;
}
div#portalConfigOverlay aside.appConfigPanel .portletAppContainer
{
	max-height: 400px;
	overflow-y: auto;
}
div#portalConfigOverlay aside.appConfigPanel .template,
div#portalConfigOverlay section.appBuild .template
{
	background-color: #eff5f6;
}
div#portalConfigOverlay aside.appConfigPanel .deletePortlet
{
	position: absolute;
	top: 10px;
	right: 5px;
	border: 0;
	display: inline-block;
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Trash.svg?usn=1791233093686) no-repeat;
}
div#portalConfigOverlay aside.appConfigPanel section.userSettings
{
	background-color: #eff5f6;
	padding: 10px 10px 5px 10px;
	margin-top: 5px;
}
div#portalConfigOverlay aside.appConfigPanel .resetPortalSettings
{
	font-size: var(--font-size-m);
	font-family: var(--font-sans);
	background: var(--button-secondary-bg);
	border: var(--button-secondary-border);
	padding: 0 15px;
	text-decoration: none;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-appearance: none;
	height: 40px;
	border-radius: var(--button-border-radius);
	color: var(--button-secondary-color);
}
div#portalConfigOverlay aside.appConfigPanel .resetPortalSettings:hover
{
	background-color: var(--button-secondary-bg-hover);
	border: var(--button-secondary-border-hover);
	color: var(--button-secondary-color-hover);
}
div#portalConfigOverlay section.appBuild ul.adminTabs
{
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
}
div#portalConfigOverlay section.appBuild ul.adminTabs li
{
	display: inline-block;
	padding: 7px 15px;
	border-radius: 100px;
	margin-right: 5px;
	height: inherit;
	border: 1px solid transparent;
}
div#portalConfigOverlay section.appBuild ul.adminTabs li.selected
{
	background-color: var(--button-secondary-bg);
	border: var(--button-secondary-border);
}
div#portalConfigOverlay section.appBuild ul.adminTabs li:hover
{
	cursor: pointer;
	color: var(--button-secondary-color-hover);
	background-color: var(--button-secondary-bg-hover);
	border: var(--button-secondary-border-hover);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
}
div#portalConfigOverlay section.saveAppConfig .abortCfgAction,
div#portalConfigOverlay section.saveAppConfig .saveCfgAction
{
	font-size: var(--font-size-m);
	font-family: var(--font-sans);
	background: var(--button-primary-bg);
	border: var(--button-primary-border);
	padding: 0 15px;
	text-decoration: none;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-appearance: none;
	height: 40px;
	border-radius: var(--button-border-radius);
	color: var(--button-primary-color);
}
div#portalConfigOverlay section.saveAppConfig .abortCfgAction:hover,
div#portalConfigOverlay section.saveAppConfig .saveCfgAction:hover
{
	background-color: var(--button-primary-bg-hover);
	border: var(--button-primary-border-hover);
	color: var(--button-primary-color-hover);
}
div#portalConfigOverlay section.appBuild div.appColumn
{
	margin: 0 0 20px 0;
	min-height: 150px;
	border-radius: 8px;
	padding: 0 10px 0 10px;
	border: 1px dashed var(--p-color-gray4);
}
div#portalConfigOverlay section.appBuild div.appColumn h3
{
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px dashed var(--p-color-gray4);
}
div#portalConfigOverlay section.appBuild div.appColumn div.dropzone
{
	min-height: 45px;
	padding-bottom: 60px;
	position: relative;
}
div#portalConfigOverlay section.appBuild div.appColumn div.dropzone p
{
	display: block;
	text-align: center;
	padding: 5px;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0;
}
div#portalConfigOverlay section.appBuild li.poolPortlet,
div#portalConfigOverlay section.appBuild li.cfgPortlet
{
	list-style: none;
	margin-top: 5px;
	background-color: var(--input-bg);
	padding: 12px 5px 12px 10px;
	border-radius: 8px;
	position: relative;
	border: var(--input-border);
}
div#portalConfigOverlay section.appBuild section div.appToggle
{
	background: url(../../images/assets/portal/neu/Information_60px.png?usn=1791233093686) center no-repeat transparent;
	background-size: 32px;
	position: relative;
	z-index: 3;
	top: -20px;
	right: 0;
	float: right;
}
div#portalConfigOverlay section.appBuild section.description span.description
{
	font-size: smaller;
	padding-top: 10px;
}
div#portalConfigOverlay section.appBuild section.description span.nodescription
{
	font-style: italic;
	font-size: smaller;
	padding-top: 10px;
}
div#portalConfigOverlay section.appBuild .cfgPortlet .panelWrapper
{
	position: relative;
	top: -3px;
	float: right;
}
div#portalConfigOverlay section.appBuild .cfgPortlet .panelWrapper .panelIcon,
div#portalConfigOverlay section.appBuild .panelIcon
{
	width: 24px;
	height: 24px;
	margin: 0 3px 0 0;
	border: none;
	background: none;
	display: inline-block;
}
div#portalConfigOverlay section.appBuild .cfgPortlet .panelWrapper .mandatory
{
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Lock.svg?usn=1791233093686) center no-repeat #eff5f6;
	background-size: 16px;
	border: 1px solid transparent;
	border-radius: 100%;
}
div#portalConfigOverlay section.appBuild .cfgPortlet .panelWrapper .noMandatory
{
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/LockOpen.svg?usn=1791233093686) center no-repeat #eff5f6;
	background-size: 16px;
	border: 1px solid transparent;
	border-radius: 100%;
}
div#portalConfigOverlay section.appBuild .cfgPortlet .panelWrapper .drag
{
	background: url(../../thirdparty/icon54/svg/line/SelectionCursors/OpenHand2.svg?usn=1791233093686) center no-repeat #eff5f6;
	background-size: 16px;
	border: 1px solid transparent;
	border-radius: 100%;
}
div#portalConfigOverlay section.appBuild .cfgPortlet .panelWrapper .noDrag
{
	background: url(../../thirdparty/icon54/svg/line/TouchGestures/DontTouch.svg?usn=1791233093686) center no-repeat #eff5f6;
	background-size: 16px;
	border: 1px solid transparent;
	border-radius: 100%;
}
div#portalConfigOverlay section.appBuild .cfgPortlet .panelWrapper .edit
{
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Pencil.svg?usn=1791233093686) center no-repeat #eff5f6;
	background-size: 14px;
	border: 1px solid transparent;
	border-radius: 100%;
}
div#portalConfigOverlay section.appBuild .cfgPortlet .panelWrapper .remove
{
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Trash.svg?usn=1791233093686) center no-repeat #eff5f6;
	background-size: 16px;
	border: 1px solid transparent;
	border-radius: 100%;
}
.hidden
{
	position: absolute;
	left: -10000px;
	top: -10000px;
	width: 0;
	height: 0;
	display: inline;
}
.hiddenarea
{
	display: none;
}
.hiddenarea > .hiddenarea-group
{
	padding: 20px;
}
.hiddenarea-group
{
	padding: 20px;
	background-color: #ffdf99;
}
.hiddenarea-group > label
{
	display: block;
	background-color: #ba1a1a;
	color: #ffffff;
	font-family: var(--font-sans);
	font-weight: 300;
	padding: 5px;
}
.hiddenarea-group-content-item
{
	background-color: #ffdf99;
	padding: 5px;
}
.hiddenarea-group-content-item > label
{
	display: block;
	color: #ffffff;
	font-family: var(--font-sans);
	font-weight: 300;
	padding: 1px;
}
#ID_ShrinkIconContainer a
{
	height: 40px;
	width: 40px;
	background-color: #006973;
	position: fixed;
	bottom: 5px;
	right: 5px;
	padding: 5px;
	background-image: url(../../images/assets/share/size-minimize.png?usn=1791233093686);
	background-position: center;
	background-repeat: no-repeat;
}
.hiddenSkip
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 0;
}
.hiddenSkip a:link,
.hiddenSkip a:visited
{
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	display: inline;
}
.hiddenSkip a:focus,
.hiddenSkip a:active
{
	background-color: #ecf2f3;
	padding: 10px 10px 10px 15px;
	border: 3px solid #006973;
	left: 10px;
	top: 10px;
	position: fixed;
	z-index: 99999;
	height: 16px;
	min-width: 180px;
	text-align: center;
	font-family: var(--font-sans);
	font-weight: 300;
	outline: none;
	background-image: url(../../thirdparty/icon54/svg/solid/Arrows/Right1.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 13px 8px;
	border-radius: 8px;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
#Container_Warning
{
	padding: 5px;
	margin: 0;
	border: 1px solid #ba1a1a;
}
#Container_Error
{
	padding: 5px;
	margin: 0;
	border: 1px solid #ba1a1a;
}
#Container_Error ul
{
	padding: 10px;
}
#Container_Error li
{
	list-style-type: none;
	padding: 5px;
	border-bottom: 1px solid var(--p-color-gray4);
}
.showExceptionTT:hover
{
	cursor: pointer;
}
.Session_LogoutWarning .Icon
{
	background-image: url(../../thirdparty/icon54/svg/solid/Login/Exit2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	box-shadow: none;
	float: left;
	height: 64px;
	margin-right: 10px;
	width: 64px;
}
.Session_LogoutWarning .Text_Standard
{
	margin: 5px 0 10px 0;
}
.Session_LogoutWarning #ID_buttonReset
{
	width: 100%;
}
.Taginput.autocomplete-suggestions
{
	background-color: #eff5f6;
	border: 1px solid var(--p-color-gray4);
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
	box-sizing: border-box;
	cursor: default;
	display: none;
	max-height: 250px;
	min-width: 200px;
	overflow-x: hidden;
	padding: 10px;
	position: absolute;
	text-align: left;
	z-index: 9999;
}
.Searchinput.autocomplete-suggestions
{
	background-color: #ffffff;
	border: 1px solid var(--p-color-gray4);
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
	box-sizing: border-box;
	cursor: default;
	display: none;
	max-height: 250px;
	min-width: 200px;
	overflow-x: hidden;
	padding: 10px;
	position: absolute;
	text-align: left;
	z-index: 9999;
}
.Searchinput .autocomplete-suggestion
{
	margin: 5px;
}
.Searchinput .autocomplete-suggestion b
{
	color: #1a8290;
}
.Searchinput .autocomplete-suggestion.selected
{
	text-decoration: underline;
	cursor: pointer;
}
.suggest-box
{
	background-color: #eff5f6;
	border: 1px solid var(--p-color-gray4);
	box-sizing: border-box;
	cursor: default;
	max-height: 250px;
	min-width: 200px;
	overflow-x: hidden;
	padding: 10px;
	text-align: left;
	z-index: 9999;
	position: fixed;
}
.suggest-box ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.suggest-box ul li
{
	padding: 5px 10px;
	font-size: 85%;
	border-bottom: 1px solid var(--p-color-gray4);
}
.suggest-box ul li:last-child
{
	border: 0;
}
.suggest-box ul li.selected
{
	color: #ffffff;
	background-color: #006973;
	border-color: var(--p-color-gray4);
}
.TagResultContainer
{
	width: 24%;
	float: right;
}
.TagSearchResults
{
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
}
.TagSearchResults li
{
	padding-top: 10px;
}
.SearchResultContainer
{
	background-color: #ffffff;
	padding: 10px 0;
}
.SearchResultsHeader
{
	min-width: 250px;
}
.SearchApplicationResults
{
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
	background-color: #ffffff;
	width: 600px;
}
.SearchApplicationResults li
{
	padding: 10px;
}
ul.SearchApplicationResults .ResultTitle a
{
	text-decoration: underline;
}
ul.SearchApplicationResults .ResultFooter a
{
	text-decoration: underline;
	color: #1a8290;
}
.SearchResults
{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	background-color: #eff5f6;
	width: 600px;
}
.SearchResults li
{
	padding-top: 20px;
	padding-left: 10px;
}
.SearchResults .SearchResultScore
{
	float: left;
	padding-right: 10px;
	padding-top: 5px;
}
.SearchResults .high
{
	background-color: #006973;
	float: left;
}
.SearchResults .low
{
	background-color: #ba1a1a;
	float: left;
}
ul.SearchResults .ResultTitle a
{
	text-decoration: underline;
}
ul.SearchResults .AuthorInformation
{
	font-style: italic;
}
ul.SearchResults .ResultFooter a
{
	text-decoration: underline;
	color: #1a8290;
}
.SearchResultContainer strong
{
	font-family: var(--font-sans);
	font-weight: 500;
}
#tabconfig fieldset
{
	border-radius: 8px;
	border: 1px solid var(--p-color-gray4);
	margin: 0.8rem 0 10px 0;
	padding: 0.8rem;
}
#tabconfig fieldset legend
{
	padding: 2px 4px;
	font-size: 120%;
	margin-left: 20px;
	color: #171d1e;
}
#tabconfig input
{
	color: #171d1e;
	display: block;
	font-family: inherit;
	font-size: 0.8rem;
	height: 1.3rem;
	margin: 0 0 0.4rem 0;
	padding: 0.2rem;
	box-sizing: border-box;
	border: 1px solid var(--p-color-gray4);
	border-radius: 0 7px 7px 0;
}
#tabconfig div.title
{
	margin-bottom: 2px;
}
#tabconfig div.title label
{
	border-bottom-left-radius: 7px;
	border-top-left-radius: 7px;
	background: #eff5f6;
	color: #171d1e;
	display: inline-block;
	font-size: 0.77778rem;
	height: 1.3rem;
	line-height: 1.3rem;
	overflow: visible;
	padding-bottom: 0;
	padding-top: 0;
	position: relative;
	text-align: center;
	width: 20%;
	z-index: 2;
	box-sizing: border-box;
	float: left;
	border: 1px solid var(--p-color-gray4);
	border-right: none;
}
#tabconfig div.title input
{
	width: 80%;
}
#tabconfig ul.searchconfig
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#tabconfig ul.searchconfig li
{
	padding: 5px;
	min-height: 18px;
	margin-bottom: 1px;
	background-color: #eff5f6;
	position: relative;
	border-radius: 4px;
}
#tabconfig ul.searchconfig li:hover
{
	background-color: #ecf2f3;
}
#tabconfig .tabconfigSearchConfigs .search
{
	position: relative;
}
#tabconfig .tabconfigSearchConfigs .search .inpSearch
{
	width: 100%;
	border-radius: 4px;
}
#tabconfig .tabconfigSearchConfigs .search .btnSearch
{
	text-align: center;
	border-radius: 0 7px 7px 0;
	height: 21px;
	margin: 0;
	padding: 0;
	width: 40px;
	background-color: transparent;
	background-image: none;
	border: 1px solid var(--p-color-gray4);
	top: 0;
	right: 0;
	position: absolute;
	box-sizing: border-box;
}
#tabconfig .tabconfigSearchConfigs .search .btnSearch span
{
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Search.svg?usn=1791233093686) 0 0 no-repeat;
	display: inline-block;
	height: 12px;
	width: 12px;
	margin: -10px 0 0 0;
	cursor: pointer;
}
#tabconfig .tabconfigSearchConfigs .search .btnSearch button
{
	border: none;
	color: #171d1e;
	cursor: pointer;
	height: 30px;
	margin: 0;
	outline: 0;
	vertical-align: top;
	width: 100%;
	font-size: 0;
	background: transparent;
}
#tabconfig .tabconfigSearchConfigs .appinfo
{
	font-weight: 500;
}
#tabconfig input[type="checkbox"]
{
	display: none;
}
#tabconfig input[type="checkbox"] + label span
{
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(../../images/assets/common/unchecked.svg?usn=1791233093686) left top no-repeat;
	cursor: pointer;
	opacity: 0.3;
}
#tabconfig input[type="checkbox"] + label span:hover
{
	opacity: 1.0;
}
#tabconfig input[type="checkbox"]:checked + label span
{
	background-image: url(../../images/assets/common/checked.svg?usn=1791233093686);
}
#tabconfig .divider
{
	border-top: 1px solid var(--p-color-gray4);
	margin: 7px 0 7px 0;
}
#tabconfig .moreTitles
{
	position: relative;
	padding: 0 0 0 0;
	min-height: 18px;
	margin: 3px 0 0 0;
}
#tabconfig .moreTitles:hover .img
{
	opacity: 1.0;
}
#tabconfig .moreTitles:hover .text
{
	color: #171d1e;
}
#tabconfig .moreTitles .img
{
	margin-left: 0;
	background: url(../../images/assets/common/arrow.svg?usn=1791233093686) center no-repeat;
	background-size: 18px 18px;
	height: 18px;
	width: 18px;
	opacity: 0.3;
	outline: none;
	position: absolute;
	top: 0;
}
#tabconfig .moreTitles .text
{
	margin-left: 20px;
	margin-right: 25px;
	line-height: 18px;
	color: #171d1e;
}
#tabconfig .moreTitles .content
{
	display: none;
	margin-top: 3px;
}
#tabconfig .moreTitles.open .img
{
	transform: rotate(90deg);
}
#tabconfig .moreTitles.open .content
{
	display: inherit;
}
#tabconfig .floatingRecords input[type="text"]
{
	margin-left: 23px;
	width: 90%;
}
#tabconfig input.save,
#tabconfig input.delete
{
	transition: background-color 300ms ease-out;
	color: #ffffff;
	height: 30px;
	width: 50px;
	border-radius: 8px;
	padding: 2px;
}
#tablistconfig ol
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#tablistconfig ol li
{
	padding: 6px 2px 6px 6px;
	min-height: 18px;
	margin-bottom: 1px;
	background-color: #eff5f6;
	position: relative;
}
#tablistconfig ol li:hover
{
	background-color: #ecf2f3;
}
#tablistconfig ol li div.left
{
	float: left;
	position: relative;
}
#tablistconfig ol.selected li div.left div[role="checkbox"]
{
	margin-left: 10px;
	background: url(../../images/assets/common/checked.svg?usn=1791233093686) center no-repeat;
	background-size: 18px 18px;
	height: 18px;
	width: 18px;
	opacity: 0.3;
	outline: none;
	position: absolute;
	top: 0;
}
#tablistconfig ol.selected li div.left div[role="checkbox"].disabled
{
	opacity: 0.1;
}
#tablistconfig ol.selected li div.left div[role="checkbox"].disabled:hover
{
	opacity: 0.1;
}
#tablistconfig ol.selected li div.left div[role="checkbox"]:hover
{
	opacity: 1.0;
}
#tablistconfig ol.deselected li div.left div[role="checkbox"]
{
	margin-left: 10px;
	background: url(../../images/assets/common/unchecked.svg?usn=1791233093686) center no-repeat;
	background-size: 18px 18px;
	height: 18px;
	width: 18px;
	opacity: 0.3;
	outline: none;
	position: absolute;
	top: 0;
}
#tablistconfig ol.deselected li div.left div[role="checkbox"]:hover
{
	opacity: 1.0;
}
#tablistconfig ol li div.middle
{
	margin-left: 35px;
	margin-right: 25px;
	line-height: 18px;
}
#tablistconfig ol li div.right
{
	position: absolute;
	right: 2px;
	top: 7px;
	text-align: right;
	line-height: 18px;
}
#tablistconfig ol li div.right a
{
	float: right;
	height: 15px;
	width: 15px;
	text-decoration: none;
	display: none;
}
#tablistconfig ol li:hover div.right a
{
	display: inherit;
}
#tablistconfig a.tab-config
{
	background: url(../../images/assets/common/config.svg?usn=1791233093686) center no-repeat;
	opacity: 0.3;
}
#tablistconfig a.tab-config:hover
{
	opacity: 1.0;
}
#tablistconfig ol.sortable li div.sort
{
	background: url(../../images/assets/common/drag.svg?usn=1791233093686) center no-repeat;
	cursor: move;
	height: 17px;
	left: -5px;
	opacity: 0.54;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 17px;
	display: inline-block;
}
#tablistconfig ol.sortable li div.sort:hover
{
	opacity: 1.0;
}
#tablistconfig ol.sortable li:hover div.sort
{
	visibility: visible;
}
#tablistconfig ol.selected
{
	margin-top: 10px;
}
#tablistconfig ol.deselected li div.middle
{
	opacity: 0.8;
}
#tablistconfig .divider
{
	border-top: 1px solid var(--p-color-gray4);
	margin-top: 10px;
}
#tablistconfig .newTab
{
	position: relative;
	padding: 0 2px 0 6px;
	min-height: 18px;
	margin-top: 5px;
}
#tablistconfig .newTab .img
{
	margin-left: 10px;
	background: url(../../images/assets/common/add.svg?usn=1791233093686) center no-repeat;
	background-size: 18px 18px;
	height: 18px;
	width: 18px;
	opacity: 0.3;
	outline: none;
	position: absolute;
	top: 0;
}
#tablistconfig .newTab a
{
	margin-left: 35px;
	margin-right: 25px;
	line-height: 18px;
}
#tablistconfig .tablistDeselectedInfo
{
	position: relative;
	padding: 0 2px 0 6px;
	min-height: 18px;
	margin-top: 5px;
}
#tablistconfig .tablistDeselectedInfo:hover .img
{
	opacity: 1.0;
}
#tablistconfig .tablistDeselectedInfo:hover .text
{
	color: #171d1e;
}
#tablistconfig .tablistDeselectedInfo .img
{
	margin-left: 10px;
	background: url(../../images/assets/common/arrow.svg?usn=1791233093686) center no-repeat;
	background-size: 18px 18px;
	height: 18px;
	width: 18px;
	opacity: 0.3;
	outline: none;
	position: absolute;
	top: 0;
}
#tablistconfig .tablistDeselectedInfo.open .img
{
	transform: rotate(90deg);
}
#tablistconfig .tablistDeselectedInfo .text
{
	margin-left: 35px;
	margin-right: 25px;
	line-height: 18px;
	color: #171d1e;
}
#tablistconfig .actions
{
	position: relative;
	padding: 5px 2px 0 6px;
	min-height: 18px;
	margin-top: 5px;
}
#tablistconfig .actions .userinfo
{
	font-size: 85%;
	color: #171d1e;
	white-space: nowrap;
	margin-right: 20px;
}
#tablistconfig .actions .userinfo.global
{
	color: #ba1a1a;
}
#tablistconfig .actions a.more
{
	margin-left: 10px;
	background: url(../../images/assets/common/more.svg?usn=1791233093686) center no-repeat;
	background-size: 18px 18px;
	height: 18px;
	width: 18px;
	opacity: 0.3;
	outline: none;
	position: absolute;
	top: 3px;
	right: 2px;
}
#tablistconfig .moregroup
{
	padding: 7px;
	display: none;
}
#tablistconfig .moregroup ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#tablistconfig .moregroup ul li
{
	padding: 5px;
	min-height: 18px;
	margin-bottom: 1px;
	background-color: #eff5f6;
	position: relative;
	border-radius: 4px;
}
#tablistconfig .moregroup ul li:hover
{
	background-color: #ecf2f3;
}
#tablistconfig .moregroup li div.left
{
	position: relative;
	float: left;
}
#tablistconfig input[type="radio"]
{
	display: none;
}
#tablistconfig input[type="radio"] + label span
{
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(../../images/assets/common/radiodeselected.svg?usn=1791233093686) left top no-repeat;
	cursor: pointer;
	opacity: 0.3;
}
#tablistconfig input[type="radio"] + label span:hover
{
	opacity: 1.0;
}
#tablistconfig input[type="radio"]:checked + label span
{
	background-image: url(../../images/assets/common/radioselected.svg?usn=1791233093686);
}
#tablistconfig .moregroup li div.middle
{
	margin-left: 20px;
	margin-right: 10px;
	white-space: nowrap;
}
#tablistconfig .moregroup li div.middle label
{
	line-height: 20px;
}
#lastSearchedContainer
{
	height: auto;
	background-color: #ffffff;
	border: 1px solid var(--p-color-gray4);
	border-radius: 15px;
	margin-top: 5px;
}
#lastSearchedContainer #lastSearchHeader
{
	padding: 10px;
	border-bottom: 1px solid var(--p-color-gray4);
}
#lastSearchedContainer #lastSearchHeader span
{
	margin-right: 5px;
	display: inline-block;
	font-size: small;
}
#lastSearchedContainer #lastSearchHeader button
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Trash.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none;
	font-size: 0;
	display: block;
	border: none;
	float: right;
	width: 20px;
	height: 20px;
}
#lastSearchedContainer #lastSearchHeader button:hover
{
	cursor: pointer;
}
#lastSearchedContainer #clickedUrlsList
{
	padding: 10px;
	margin: 0;
}
#lastSearchedContainer #clickedUrlsList li
{
	list-style-type: none;
	padding: 3px 0;
}
#lastSearchedContainer #noUrlData
{
	color: #171d1e;
	padding: 10px;
	display: inline-block;
}
#Container_Cover
{
	position: relative;
	width: auto;
	height: auto;
	margin: 0;
}
#Container_Cover > div.block
{
	float: left;
	width: 49%;
	margin-top: 15px;
}
#Container_Cover > div.left
{
	margin-left: 10px;
}
#Container_Cover > div.right
{
	margin-left: 10px;
}
#Container_Cover ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#Container_Cover li
{
	width: 100%;
}
#Container_Cover li > div:first-child
{
	white-space: nowrap;
}
#Container_Cover li > div.description
{
	padding: 5px 20px;
}
#Container_Cover li > div.spacer
{
	height: 10px;
	width: 10px;
}
#Container_Sitemap
{
	margin: 0;
	box-sizing: border-box;
}
#Container_Sitemap h1
{
	margin-bottom: 25px;
}
#Container_Sitemap .Sitemap_Column
{
	float: left;
	padding: 0;
	margin-right: 10px;
	margin-left: 10px;
}
#Container_Sitemap ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#Container_Sitemap .Sitemap_FirstLevelItem_BG
{
	margin-top: 15px;
	min-width: 250px;
}
#Container_Sitemap li > ul
{
	margin-left: 20px;
}
#Container_Sitemap .Sitemap_SubItem_BG
{
	padding: 10px 0 0 0;
	display: block;
}
.recurrencyDialog
{
	width: 100%;
}
.fieldset_recurrencyDialog
{
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid var(--p-color-gray4);
	background-color: #eff5f6;
	min-width: 300px;
}
.fieldset_recurrencyDialog span.optgroup_recurrencyDialog
{
	display: block;
}
.fieldset_recurrencyDialog span.optgroup_recurrencyDialog > label
{
	margin-left: 5px;
}
.recurring_eachall,
#weeklyDiv > .recurring_weekly_at,
#monthlyDiv > span.monthly_each,
#monthlyDiv > span.monthly_at
{
	display: block;
	margin-top: 10px;
	padding-top: 15px;
	padding-left: 0;
	border-top: 1px solid var(--p-color-gray4);
}
.recurring_eachall > span.left
{
	display: block;
	float: left;
	padding: 5px 10px 0 0;
}
.recurring_eachall > span.right
{
	display: block;
	float: left;
	padding: 5px 0 0 10px;
}
.recurring_eachall > input
{
	width: 40px;
	max-width: 40px;
	float: left;
}
#yearlyDiv .recurring_eachall,
#yearlyDiv .yearly_at
{
	display: block;
	margin-top: 5px;
	padding-top: 5px;
	padding-left: 0;
	border-top: 1px solid var(--p-color-gray4);
}
#yearlyDiv .recurring_eachall .options,
#yearlyDiv .yearly_at .options
{
	display: block;
	margin-top: 5px;
}
#yearlyDiv .yearly_at .options .recurring_yearly_on
{
	margin: 5px 0 5px 0;
	display: block;
}
#yearlyDiv span.yearly_at label,
#yearlyDiv span.recurring_eachall label
{
	margin-left: 5px;
}
#yearlyDiv .recurring_eachall .options input
{
	width: 40px;
	margin-right: 10px;
	float: left;
}
#yearlyDiv .recurring_eachall .options select
{
	width: 40%;
	float: left;
}
.fieldset_recurrencyDialog .recurring_endby,
.fieldset_recurrencyDialog .recurring_until
{
	margin-bottom: 5px;
	display: block;
}
.fieldset_recurrencyDialog .recurring_endby #COUNT_1
{
	width: 40px;
}
.recurrencyDialog .recurring_until > span
{
	display: block;
	margin-bottom: 5px;
}
.monthly_each .bymonthday,
.monthly_each .intervalbymonthday
{
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
.monthly_each .bymonthday > input,
.monthly_each .intervalbymonthday > input
{
	width: 40px;
}
#monthlyDiv .monthly_at .weekly_intervalbyday
{
	margin: 10px 0;
	display: block;
}
#monthlyDiv .monthly_at .caption
{
	display: block;
	margin: 5px 10px 0 0;
	float: left;
}
#monthlyDiv .monthly_at .options
{
	display: block;
	float: left;
}
#monthlyDiv .monthly_at .options input
{
	width: 40px;
}
body.landscape .buttonGroup_recurrencyDialog .Button_Standard
{
	max-width: none;
}
.recurrFormLabelAppointment
{
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	width: 50px;
}
.editfield_recurrencyDialog
{
	border: 1px solid var(--p-color-gray4);
	background-color: #ffffff;
	color: #171d1e;
	font-family: var(--font-sans);
	margin-bottom: 5px;
	min-height: 40px;
	padding: 5px;
	width: 100%;
}
.UpDataPicker
{
	padding: 10px;
	box-sizing: border-box;
}
.UpDataPicker .DatapickerResultlist tr.Datapicker_Data_Row_Odd:hover,
.UpDataPicker .DatapickerResultlist tr.Datapicker_Data_Row_Odd:focus,
.UpDataPicker .DatapickerResultlist tr.Datapicker_Data_Row_Odd_Over
{
	background-color: var(--p-color-light3);
}
.UpDataPicker .DatapickerResultlist tr.Datapicker_Data_Row_Even:hover,
.UpDataPicker .DatapickerResultlist tr.Datapicker_Data_Row_Even:focus,
.UpDataPicker .DatapickerResultlist tr.Datapicker_Data_Row_Even_Over
{
	background-color: var(--p-color-light3);
}
.fileupload-buttonbar
{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.btn
{
	background-color: transparent;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px 10px;
	cursor: pointer;
	border-radius: 8px;
	border: 1px dashed var(--p-color-gray4);
	width: 100%;
}
.btn span
{
	color: var(--text-color);
	font-size: smaller;
	padding-right: 5px;
}
.icon-upload
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Upload.svg?usn=1791233093686);
	background-position: center;
	background-repeat: no-repeat;
	height: 24px;
	display: block;
}
.icon-ban-circle
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Remove.svg?usn=1791233093686);
	background-position: center;
	background-repeat: no-repeat;
	height: 24px;
	display: block;
}
.icon-refresh
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Refresh.svg?usn=1791233093686);
	background-position: center;
	background-repeat: no-repeat;
	height: 24px;
	display: block;
}
.icon-trash
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Trash.svg?usn=1791233093686);
	background-position: center;
	background-repeat: no-repeat;
	height: 24px;
	display: block;
}
.icon-toggle
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Check1.svg?usn=1791233093686);
	background-position: center;
	background-repeat: no-repeat;
	height: 24px;
	display: block;
}
.fileupload-buttonbar .toggle
{
	position: absolute;
	right: 0;
	top: 43px;
	display: none;
}
.maxNumberError div
{
	margin: 10px 0;
	text-align: center;
	border: 1px dashed #ba1a1a;
	color: #ba1a1a;
	padding: 5px;
	font-size: 18px;
	border-radius: 8px;
}
.progress.error
{
	background-image: none;
	border: none;
	border-radius: 0;
	filter: none;
	float: left;
	height: auto;
	width: 150px;
	color: #ba1a1a;
}
.fileinput-button
{
	display: none;
}
.fileupload-progress
{
	margin-bottom: 10px;
	margin-top: 10px;
}
.fileupload-progress .progress
{
	width: 100%;
	margin-bottom: 10px;
	top: 0;
	position: static;
}
.progress
{
	background-image: linear-gradient(to right, transparent, #97d01c);
	filter: none;
	height: 5px;
	width: 25%;
	border-radius: 8px;
	position: absolute;
	bottom: 7px;
	right: 5px;
}
.progress .progress-bar,
.progress .bar
{
	background-image: linear-gradient(to right, #fff, #00A3C8);
	height: 5px;
	width: 0%;
	opacity: 1.0;
	filter: none;
	border-radius: 8px;
}
.fileupload-process
{
	float: right;
	display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview
{
	display: block;
	width: 32px !important;
	height: 32px !important;
	background: url("../../images/assets/multifileupload/loading.gif?usn=1791233093686") center no-repeat;
	background-size: contain;
}
.Application_Standard
{
	background-color: #ffffff;
	background-image: none;
}
body.mce-content-body
{
	background-color: #ffffff;
	background-image: none;
}
.WaitWhileLoading
{
	min-width: 110px;
	min-height: 50px;
}
.WaitWhileLoading .WaitWhileLoading_Bg
{
	background-image: url(../../images/assets/common/load_asynchronous_bg.png?usn=1791233093686);
	background-position: center center;
	background-repeat: repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	animation-name: animation-fadein;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	z-index: 1000000;
}
.WaitWhileLoading .WaitWhileLoading_Fg
{
	position: absolute;
	text-align: center;
	width: 45px;
	height: 45px;
	top: 50%;
	left: 50%;
	margin-top: -18px;
	margin-left: -50px;
	background-color: #ffffff;
	border-radius: 100%;
}
.WaitWhileLoading .WaitWhileLoading_Fg .Image
{
	background-image: url(../../images/assets/common/load_asynchronous.gif?usn=1791233093686);
	background-position: center center;
	background-repeat: no-repeat;
	height: 45px;
	display: block;
}
.WaitWhileLoading .WaitWhileLoading_Fg span
{
	display: block;
	text-align: center;
	font-size: smaller;
	padding-top: 3px;
	padding-left: 3px;
}
.PositionRelative
{
	position: relative;
}
.WaitWhileLoadingBeside
{
	background-color: #ffffff;
	border-radius: 100%;
	animation-name: animation-fadein;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
}
.WaitWhileLoadingBeside .Image
{
	background-image: url(../../images/assets/common/load_asynchronous.gif?usn=1791233093686);
	background-position: center center;
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
}
.WaitWhileLoadingBeside span
{
	display: none;
}
#loadindicator
{
	display: none;
	position: absolute;
	z-index: 1000;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background-image: url(../../images/assets/ipad/load.gif?usn=1791233093686);
	background-position: 12px;
	background-repeat: no-repeat;
	border-radius: 4px;
	background-color: #006973;
}
#loadindicator[status="loading"]
{
	display: block;
}
.detached-independent
{
	position: fixed !important;
	z-index: 1;
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
}
.detached-independent.top
{
	top: 0;
}
.detached-independent.left
{
	left: 0;
}
.print-only
{
	display: none !important;
}
.Timepicker
{
	text-align: center;
	padding: 5px;
}
.Action
{
	text-align: center;
	padding: 0 5px 5px 5px;
}
.Action input
{
	width: 100%;
}
.ContextMenuTooltip_Container
{
	background-color: #ffffff;
	padding: 10px;
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
	border-radius: 8px;
}
.ContextMenu
{
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
.ContextMenu_Item_Row
{
	cursor: auto;
}
.ContextMenu_Item_Row_over
{
	cursor: pointer;
}
.ContextMenu_Item_ColTxt
{
	width: 90%;
	vertical-align: middle;
	text-align: left;
	padding: 3px;
}
.ContextMenu_Item_ColTxt_over
{
	background-color: #ecf2f3;
	padding: 3px;
}
.ContextMenu_Item_ColImg
{
	width: 10%;
	padding: 3px;
	vertical-align: middle;
	text-align: center;
}
.ContextMenu_Item_ColImg_over
{
	background-color: #ecf2f3;
	padding: 3px 3px 2px 3px;
}
.flatpickr-calendar
{
	background-color: var(--dialog-bg);
	box-shadow: var(--dialog-bg-shadow);
}
.flatpickr-innerContainer
{
	border-bottom: 1px solid var(--p-color-gray4);
}
.flatpickr-calendar:before,
.flatpickr-calendar:after
{
	border: solid transparent;
	display: none;
}
.flatpickr-calendar.arrowTop:after
{
	border-bottom-color: #eff5f6;
	display: none;
}
.flatpickr-calendar.arrowBottom:before
{
	border-top-color: #171d1e;
	display: none;
}
.flatpickr-calendar.arrowBottom:after
{
	border-top-color: #eff5f6;
	display: none;
}
.numInputWrapper span
{
	border: 1px solid var(--p-color-gray4);
}
.numInputWrapper span:hover
{
	background-color: #ecf2f3;
}
.numInputWrapper span:active
{
	background-color: #ecf2f3;
}
.numInputWrapper span.arrowUp
{
	border-bottom: 0;
}
.numInputWrapper span svg path
{
	fill: rgba(255, 255, 255, 0.5);
}
.numInputWrapper:hover span
{
	opacity: 1.0;
}
.flatpickr-months .flatpickr-month
{
	border-radius: 8px 8px 0 0;
	background: var(--dialog-header-bg);
	color: inherit;
	fill: inherit;
}
.flatpickr-current-month
{
	font-weight: 300;
	font-size: 125%;
}
.flatpickr-current-month span.cur-month
{
	font-weight: 700;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after
{
	border-bottom-color: #171d1e;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after
{
	border-top-color: #171d1e;
}
.flatpickr-current-month .flatpickr-monthDropdown-months
{
	background: transparent !important;
	border-radius: 0;
	border: none;
	font-weight: 300;
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month
{
	background-color: transparent !important;
}
.flatpickr-current-month input.cur-year
{
	background: transparent !important;
	border-radius: 0;
	border-left: 1px solid var(--p-color-gray4);
	font-weight: 300;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover
{
	color: #171d1e;
}
.flatpickr-weekdays
{
	background: transparent;
}
span.flatpickr-weekday
{
	background: transparent;
	color: inherit;
	font-weight: 900;
	opacity: 0.6;
}
.flatpickr-days
{
	border-left: 1px solid var(--p-color-gray4);
}
.dayContainer + .dayContainer
{
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
}
.flatpickr-day
{
	color: inherit;
	font-weight: 500;
}
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus
{
	background: var(--button-secondary-bg-hover);
	border: var(--button-secondary-border-hover);
}
.flatpickr-day.today
{
	background-color: var(--button-secondary-bg);
	color: var(--button-secondary-color);
	border: var(--button-secondary-border);
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus
{
	background-color: var(--button-secondary-bg-hover);
	color: var(--button-secondary-color-hover);
	border: var(--button-secondary-border-hover);
}
.flatpickr-day.selected,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected.nextMonthDay
{
	background: #006973;
	border: #006973;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay
{
	color: inherit;
	border-color: transparent;
	opacity: 0.3;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover
{
	color: inherit;
	opacity: 0.1;
}
span.flatpickr-day.selected
{
	font-weight: bold;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover
{
	color: inherit;
	opacity: 0.3;
	font-size: 90%;
}
.flatpickr-time
{
	background: #eff5f6;
	border-radius: 0 0 5px 5px;
}
.flatpickr-time .numInputWrapper span.arrowUp:after
{
	border-bottom-color: #171d1e;
}
.flatpickr-time .numInputWrapper span.arrowDown:after
{
	border-top-color: #171d1e;
}
.flatpickr-time input
{
	color: inherit;
}
.flatpickr-time input.flatpickr-hour
{
	font-weight: 500;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second
{
	font-weight: 500;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm
{
	color: inherit;
	font-weight: bold;
}
.flatpickr-time .flatpickr-am-pm
{
	font-weight: 500;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus
{
	background: #ecf2f3;
}
@keyframes animation-fadein
{
from
{
	opacity: 0.0;
}
to
{
	opacity: 1.0;
}
}
@keyframes animation-fadeout
{
from
{
	opacity: 1.0;
}
to
{
	opacity: 0.0;
}
}
@keyframes animation-zoomin
{
from
{
	transform: scale(0.1);
}
to
{
	transform: scale(1);
}
}
@keyframes animation-zoomout
{
from
{
	transform: scale(1);
}
to
{
	transform: scale(0.1);
}
}
animation-close
{
	animation-name: animation-fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
}
@keyframes busyindicator-animation
{
0%
{
	left: -100%;
}
49%
{
	left: 100%;
}
50%
{
	left: 100%;
}
100%
{
	left: -100%;
}
}
div div.toggle
{
	clear: none;
	position: relative;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
}
div div.toggle > input
{
	position: absolute;
	top: auto;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
	width: 1px;
	height: 1px;
	white-space: nowrap;
}
div div.toggle > input + label
{
	display: block;
	position: relative;
	padding-left: 50px;
}
div div.toggle > input[disabled] + label,
div div.toggle > input[disabled]:hover + label
{
	color: #000000;
	opacity: 0.5;
}
div div.toggle > input + label:before
{
	content: "";
	position: absolute;
	height: 1.5em;
	transition: all 0.25s ease;
	left: 0;
	top: 0.2em;
	width: 3em;
	border: 2px solid var(--p-color-gray4);
	background: #dee3e4;
	border-radius: 100px;
}
div div.toggle > input[disabled] + label:before,
div div.toggle > input[disabled]:hover + label:before
{
	background-color: transparent;
	border-color: var(--p-color-gray4);
	box-shadow: none;
}
div div.toggle > input + label:after
{
	content: "";
	position: absolute;
	height: 14px;
	transition: all 0.25s ease;
	left: 3px;
	top: 7px;
	background-color: var(--p-color-gray4);
	background-position: center center;
	border-radius: 50%;
	width: 14px;
	border: 0.15em solid var(--p-color-gray4);
}
div div.toggle > input:focus + label:after,
div div.toggle > input:hover + label:after
{
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50' fill='rgba(0,0,0,.25)'/%3E%3C/svg%3E");
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: center center;
}
div div.toggle > input[disabled] + label:after
{
	border-color: var(--p-color-gray4);
	background-image: none;
}
div div.toggle > input:checked + label:before
{
	background-color: #006973;
	border-color: #006973;
}
div div.toggle > input:checked + label:after
{
	left: 24px;
	top: 6px;
	border-color: #ffffff;
	color: #1a8290;
	background-color: #ffffff;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Check2.svg?usn=1791233093686);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 75%;
	width: 17px;
	height: 17px;
}
div div.toggle > Label
{
	display: inline-block;
	text-indent: -999em;
}
.show-for-screenreaders-only
{
	clip: rect(1px,1px,1px,1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}
.ix-grid-row
{
	margin: 0 auto;
	max-width: none;
	width: 100%;
	box-sizing: border-box;
}
_::-webkit-:not(:root),
.ix-grid-row
{
	margin: 0 auto;
	max-width: none;
	width: 100%;
}
div.ix-grid-row > *,
div.ix-grid-row > *::before,
div.ix-grid-row > *::after
{
	box-sizing: inherit;
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
}
.ix-grid-row:before
{
	content: " ";
	display: block;
}
.ix-grid-row:after
{
	content: " ";
	display: table;
	clear: both;
}
.ix-grid-row.ix-collapse > .ix-grid-column
{
	padding-left: 0;
	padding-right: 0;
}
.ix-grid-row.ix-collapse .ix-grid-row
{
	margin-left: 0;
	margin-right: 0;
}
.ix-grid-row .ix-grid-row
{
	max-width: none;
	width: auto;
}
.ix-grid-row .ix-grid-row:before
{
	content: " ";
	display: block;
}
.ix-grid-row .ix-grid-row:after
{
	content: " ";
	display: table;
	clear: both;
}
.ix-grid-row .ix-grid-row.ix-collapse
{
	margin: 0;
	max-width: none;
	width: auto;
}
.ix-grid-row .ix-grid-row.ix-collapse:before
{
	content: " ";
	display: table;
}
.ix-grid-row .ix-grid-row.ix-collapse:after
{
	content: " ";
	display: table;
	clear: both;
}
.ix-grid-row.ix-evenheight
{
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
_::-webkit-:not(:root),
.ix-grid-row.ix-evenheight
{
	flex-wrap: wrap;
	display: block;
}
.ix-grid-row.ix-evenheight .ix-grid-column
{
	flex-flow: 1;
	-webkit-flex-flow: 1;
}
.ix-grid-column
{
	width: 100%;
	float: left;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
}
.ix-grid-column + .ix-grid-column:last-child
{
	float: right;
}
.ix-grid-column + .ix-grid-column.ix-end
{
	float: left;
}
.ix-medium-hide
{
	display: block;
	visibility: visible;
}
.ix-large-hide
{
	display: block;
	visibility: visible;
}
.ix-small-hide
{
	display: none;
	visibility: hidden;
}
.ix-small-push-0
{
	position: relative;
	left: 0;
	right: auto;
}
.ix-small-pull-0
{
	position: relative;
	right: 0;
	left: auto;
}
.ix-small-push-1
{
	position: relative;
	left: 8.33333%;
	right: auto;
}
.ix-small-pull-1
{
	position: relative;
	right: 8.33333%;
	left: auto;
}
.ix-small-push-2
{
	position: relative;
	left: 16.66667%;
	right: auto;
}
.ix-small-pull-2
{
	position: relative;
	right: 16.66667%;
	left: auto;
}
.ix-small-push-3
{
	position: relative;
	left: 25%;
	right: auto;
}
.ix-small-pull-3
{
	position: relative;
	right: 25%;
	left: auto;
}
.ix-small-push-4
{
	position: relative;
	left: 33.33333%;
	right: auto;
}
.ix-small-pull-4
{
	position: relative;
	right: 33.33333%;
	left: auto;
}
.ix-small-push-5
{
	position: relative;
	left: 41.66667%;
	right: auto;
}
.ix-small-pull-5
{
	position: relative;
	right: 41.66667%;
	left: auto;
}
.ix-small-push-6
{
	position: relative;
	left: 50%;
	right: auto;
}
.ix-small-pull-6
{
	position: relative;
	right: 50%;
	left: auto;
}
.ix-small-push-7
{
	position: relative;
	left: 58.33333%;
	right: auto;
}
.ix-small-pull-7
{
	position: relative;
	right: 58.33333%;
	left: auto;
}
.ix-small-push-8
{
	position: relative;
	left: 66.66667%;
	right: auto;
}
.ix-small-pull-8
{
	position: relative;
	right: 66.66667%;
	left: auto;
}
.ix-small-push-9
{
	position: relative;
	left: 75%;
	right: auto;
}
.ix-small-pull-9
{
	position: relative;
	right: 75%;
	left: auto;
}
.ix-small-push-10
{
	position: relative;
	left: 83.33333%;
	right: auto;
}
.ix-small-pull-10
{
	position: relative;
	right: 83.33333%;
	left: auto;
}
.ix-small-push-11
{
	position: relative;
	left: 91.66667%;
	right: auto;
}
.ix-small-pull-11
{
	position: relative;
	right: 91.66667%;
	left: auto;
}
.ix-small-1
{
	width: 8.33333%;
}
.ix-small-2
{
	width: 16.66667%;
}
.ix-small-3
{
	width: 25%;
}
.ix-small-4
{
	width: 33.33333%;
}
.ix-small-5
{
	width: 41.66667%;
}
.ix-small-6
{
	width: 50%;
}
.ix-small-7
{
	width: 58.33333%;
}
.ix-small-8
{
	width: 66.66667%;
}
.ix-small-9
{
	width: 75%;
}
.ix-small-10
{
	width: 83.33333%;
}
.ix-small-11
{
	width: 91.66667%;
}
.ix-small-12
{
	width: 100%;
}
.ix-small-offset-0
{
	margin-left: 0 !important;
}
.ix-small-offset-1
{
	margin-left: 8.33333% !important;
}
.ix-small-offset-2
{
	margin-left: 16.66667% !important;
}
.ix-small-offset-3
{
	margin-left: 25% !important;
}
.ix-small-offset-4
{
	margin-left: 33.33333% !important;
}
.ix-small-offset-5
{
	margin-left: 41.66667% !important;
}
.ix-small-offset-6
{
	margin-left: 50% !important;
}
.ix-small-offset-7
{
	margin-left: 58.33333% !important;
}
.ix-small-offset-8
{
	margin-left: 66.66667% !important;
}
.ix-small-offset-9
{
	margin-left: 75% !important;
}
.ix-small-offset-10
{
	margin-left: 83.33333% !important;
}
.ix-small-offset-11
{
	margin-left: 91.66667% !important;
}
.ix-small-reset-order
{
	float: left;
	left: auto;
	margin-left: 0;
	margin-right: 0;
	right: auto;
}
.ix-grid-column.ix-small-centered
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.ix-grid-column.ix-small-uncentered
{
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ix-grid-column.ix-small-centered:last-child
{
	float: none;
}
.ix-grid-column.ix-small-uncentered:last-child
{
	float: left;
}
.ix-grid-column:last-child:not(:first-child)
{
	float: right;
}
.ix-grid-column.ix-end:last-child:last-child
{
	float: right;
}
.ix-grid-column.ix-small-uncentered.opposite
{
	float: right;
}
.ix-grid-row.ix-small-collapse > .ix-grid-column
{
	padding-left: 0;
	padding-right: 0;
}
.ix-grid-row.ix-small-collapse .ix-grid-row
{
	margin-left: 0;
	margin-right: 0;
}
.ix-grid-row.ix-small-uncollapse > .ix-grid-column
{
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}
.ix-small-pLNone
{
	padding-left: 0;
}
.ix-small-pRNone
{
	padding-right: 0;
}
.ix-table-responsive
{
	min-height: 0.01%;
	max-width: 100vw;
	width: 100%;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.ix-table-responsive > .table
{
	margin-bottom: 0;
}
.ix-table-responsive > .table > tbody > tr > td,
.ix-table-responsive > .table > tbody > tr > th,
.ix-table-responsive > .table > tfoot > tr > td,
.ix-table-responsive > .table > tfoot > tr > th,
.ix-table-responsive > .table > thead > tr > td,
.ix-table-responsive > .table > thead > tr > th
{
	white-space: nowrap;
}
.ix-l2 .pagination
{
	clear: both;
}
.ix-m2l2 .pagination
{
	clear: both;
}
.ix-m2l3 .pagination
{
	clear: both;
}
.ix-m2l4 .pagination
{
	clear: both;
}
.ix-m3l5 .pagination
{
	clear: both;
}
.ix-s2m4l6 > div > [data-tablerecord]
{
	width: 49.5%;
	float: left;
}
.ix-s2m4l6 > div > [data-tablerecord]:not(:nth-child(2n))
{
	margin-right: 1%;
}
.ix-s2m4l6 .pagination
{
	clear: both;
}
.ix-s2m5l7 > div > [data-tablerecord]
{
	width: 49.5%;
	float: left;
}
.ix-s2m5l7 > div > [data-tablerecord]:not(:nth-child(2n))
{
	margin-right: 1%;
}
.ix-s2m5l7 .pagination
{
	clear: both;
}
.ix-margin-top
{
	margin-top: 5px;
}
.ix-margin-right
{
	margin-right: 5px;
}
.ix-margin-bottom
{
	margin-bottom: 5px;
}
.ix-margin-left
{
	margin-left: 5px;
}
.ix-margin-large-top
{
	margin-top: 20px;
}
.ix-margin-large-right
{
	margin-right: 20px;
}
.ix-margin-large-bottom
{
	margin-bottom: 20px;
}
.ix-margin-large-left
{
	margin-left: 20px;
}
.ix-float-left
{
	float: left;
}
.ix-float-right
{
	float: right;
}
.ix-max-width
{
	width: 100%;
	text-overflow: ellipsis;
}
img.ix-max-width
{
	width: 100% !important;
	height: auto;
}
div > fieldset.ix-max-width
{
	margin: 0;
	padding: 0;
}
.ix-inline-block
{
	display: inline-block;
}
.ix-block
{
	display: block;
}
.ix-left-top img
{
	background-position: left top;
}
.ix-left-center img
{
	background-position: left center;
}
.ix-left-bottom img
{
	background-position: left bottom;
}
.ix-right-top img
{
	background-position: right top;
}
.ix-right-center img
{
	background-position: right center;
}
.ix-right-bottom img
{
	background-position: right bottom;
}
.ix-center-top img
{
	background-position: center top;
}
.ix-center-center img
{
	background-position: center center;
}
.ix-center-bottom img
{
	background-position: center bottom;
}
.ix-contain img
{
	background-size: contain;
	background-repeat: no-repeat;
}
.ix-cover img
{
	background-size: cover;
}
.ix-icon-color-img-bg img
{
	filter: var(--svg-filter-default);
}
.ix-border-radius-img-bg-full img
{
	border-radius: 100%;
}
.ix-border-radius-img-bg-large img
{
	border-radius: 8px;
}
.ix-border-radius-img-bg-medium img
{
	border-radius: 9px;
}
.ix-border-radius-img-bg-small img
{
	border-radius: 4px;
}
.ix-border-radius-full
{
	border-radius: 100%;
}
.ix-border-radius-large
{
	border-radius: 8px;
}
.ix-border-radius-medium
{
	border-radius: 6px;
}
.ix-border-radius-small
{
	border-radius: 4px;
}
div[data-filter="rangeoffilter"] > input
{
	width: 100%;
	margin: 0 0 5px 0;
}
img.spacer
{
	display: block;
	width: 1px;
	height: 1px;
	border: none;
}
div.modal-tooltip-overlay
{
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.75;
}
.file-extension-icon
{
	height: 16px;
	width: 16px;
}
.Share_Text_Light
{
	color: #171d1e;
}
.Share_Actionbutton
{
	border: 1px solid var(--p-color-gray4);
	border-radius: 8px;
	background-color: #eff5f6;
	color: #171d1e;
}
.Share_Notification
{
	background-color: #006973;
	color: #ffffff;
}
.Share_Link_Text
{
	color: #171d1e;
}
.Share_Tile
{
	background-color: #eff5f6;
	border: 1px solid var(--p-color-gray4);
	border-radius: 8px;
}
.Share_shapedtable > div > [data-tablerecord]
{
	background-color: #ffffff;
	border: 1px solid var(--p-color-gray4) 82;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 25px;
	box-shadow: 0 1px 10px #00000005;
}
.Share_Wizard_Left
{
	border-radius: 8px;
	min-height: inherit;
	background-color: #006973;
	color: #ffffff;
}
.Share_Wizard_Right
{
	height: inherit;
	padding: 0;
	margin-bottom: 15px;
}
.Share_Headline
{
	font-size: 15px;
	font-family: var(--font-sans);
	color: #171d1e;
}
.Share_Border
{
	border: 1px solid var(--p-color-gray4) 82;
}
.Share_Container
{
	margin-bottom: 1px;
	border-radius: 8px;
	background-color: #eff5f6;
	padding: 15px;
}
.Share_Container_Light
{
	background-color: #eff5f6;
	padding: 15px;
	margin-left: 0;
	margin-top: 10px;
	border-radius: 8px;
}
.Share_Container_Tooltip
{
	border-radius: 8px;
	background-color: #ffffff;
	padding: 15px;
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
}
.Share_Container_Tooltip a.TT_Close
{
	z-index: 1;
	outline: none;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px 10px 0 5px;
	height: 20px;
	width: 20px;
}
.Share_Container_Feed_Actions
{
	clear: both;
	margin: 0;
	min-height: 20px;
	padding: 5px;
	border-radius: 0;
	border-left: 0;
	border-right: 0;
}
.Share_Skillz_Element
{
	display: block;
	white-space: normal;
	background-color: #dee3e4;
	border-radius: 8px;
	padding: 0;
	margin-bottom: 5px;
	min-width: 100px;
	max-width: 95%;
	float: left;
}
.Share_Skillz_Element_Without_Rating
{
	margin-bottom: 5px;
	display: inline-block;
	border-radius: 8px;
	white-space: normal;
	background-color: transparent;
	margin-right: 5px;
	float: left;
}
.Share_Skillz_Color
{
	background-color: #82d5c7;
	line-height: 20px;
	padding: 2px 5px;
}
.Share-Icons
{
	color: #171d1e;
}
.Share_Searchfield
{
	width: 100%;
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Search.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 15px;
	font-size: small;
	border: 1px solid #e9eff0;
	background-color: #e9eff0;
	border-radius: 100px;
	padding: 5px 15px;
}
.Share_Searchfield:hover
{
	background-color: transparent;
	border: 1px solid #e9eff0 !important;
}
.Share_Searchfield:focus
{
	background-color: transparent;
	border: 1px solid #e9eff0 !important;
}
.Share_Container_Tile
{
	position: relative;
	margin-bottom: 10px;
	min-height: 120px;
	padding: 10px !important;
	border-radius: 12px !important;
	background-color: #eff5f6 !important;
}
.Share_Container_Tile_Img img
{
	display: block;
	height: 100px;
	width: 100px;
	background-position: center;
	background-size: cover;
	border-radius: 8px;
	background-repeat: no-repeat;
}
.Share_Container_Tile_Content
{
	margin-left: 110px;
	margin-top: -100px;
	padding: 0;
}
.Share_Container_Tile_FavIcon
{
	position: absolute;
	top: 5px;
	right: 5px;
}
.Share_Container_Tile_Iconbar
{
	position: absolute;
	bottom: 15px;
	left: 120px;
	right: 15px;
}
.Share_Container_Tile_Members
{
	position: absolute;
	bottom: 0;
	left: 0;
}
.Share_Container_Tile_Button
{
	height: 30px !important;
	min-height: 30px !important;
	text-transform: none !important;
	font-weight: 300 !important;
	line-height: 30px !important;
	border-radius: 8px !important;
}
.Share_Container_Tile_Button_Moderator
{
	height: 30px !important;
	min-height: 30px !important;
	text-transform: none !important;
	font-weight: 300 !important;
	line-height: 30px !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}
.Share_Tile_Image_Background
{
	border-radius: 8px;
	width: 100px;
	height: 100px;
	background-color: #ffffff;
}
.Share_Container_Tile img[style*=".svg"]
{
	background-size: 60%;
	background-repeat: no-repeat;
}
.Share_Container_Info
{
	position: relative;
	min-height: 240px;
	margin-bottom: 10px;
}
.Share_Container_Info_Img img
{
	height: 220px;
	width: 100%;
	background-position: center;
	background-size: cover;
	display: block;
	border-radius: 8px;
}
.Share_Container_Info_Content
{
	padding: 10px 10px 65px 10px;
}
.Share_Container_Info_FavIcon
{
	position: absolute;
	top: 245px;
	right: 10px;
}
.Share_Container_Info_Iconbar
{
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
}
.Share_Info_Image_Background
{
	border-radius: 8px;
	height: 220px;
	width: 100%;
	background-color: #eff5f6;
	padding: 0;
	margin: 0;
}
.Share_Container_Info_Img img[style*=".svg"]
{
	background-size: 30%;
	background-repeat: no-repeat;
}
.Share_2nd_Level_Button
{
	position: relative;
	padding: 8px;
	display: inline-block;
	border: 1px solid var(--p-color-gray4);
	border-radius: 8px;
	margin-right: 5px;
}
.Share_2nd_Level_Button img
{
	display: block;
	width: 20px !important;
	height: 20px !important;
}
.Share_2nd_Level_Button .Count
{
	position: absolute;
	text-align: center;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: x-small;
}
.Share_Text_Small
{
	font-size: smaller;
}
.Share_Text_Cropped
{
	position: relative;
	height: auto;
	max-height: 150px;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
	mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
	cursor: pointer;
}
.Share_Text_Expand
{
	max-height: 900px;
	-webkit-mask-image: none;
	mask-image: none;
	margin-bottom: 15px;
}
.Share_Viewswitch_Button
{
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: center;
	padding: 0 !important;
	cursor: pointer;
	height: auto;
	background-color: transparent;
	border-radius: 8px;
	border: 1px solid var(--p-color-gray4);
	line-height: 32px;
	width: 32px;
}
.Share_Viewswitch_Button:hover,
.Share_Viewswitch_Button:focus
{
	background-color: #ecf2f3;
}
.Share_Viewswitch_Button_Selected
{
	background-color: var(--p-color-secondary);
}
.Share_Create_Feed
{
	padding: 15px;
	border-radius: 8px;
	background: transparent;
	border: 1px solid var(--p-color-gray4);
}
.Share_Feed
{
	background-color: #ffffff;
	border: 1px solid var(--p-color-gray4);
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 25px;
}
.Share_Feed_Module
{
	border-radius: 8px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid var(--p-color-gray4) 82;
}
.Share_Comments
{
	margin: 0;
}
.Share_Feed_Comment
{
	border-radius: 8px;
	background-color: #eff5f6;
	padding: 15px;
	margin-bottom: 5px;
}
.Share_Comment_Header
{
	font-size: small;
}
.Share_Comment_Content
{
	margin: 10px 0 10px 45px;
}
.Share_Comment_Actions
{
	margin: 0 0 0 45px;
	font-size: small;
}
.Share_Sub_Comment
{
	margin-left: 50px;
}
.Share_Feed_Actions
{
	margin: 0 0 10px 50px;
	padding: 10px;
	min-height: 20px;
	border-top: 1px solid var(--p-color-gray4) 82;
	border-bottom: 1px solid var(--p-color-gray4) 82;
}
.Share_Personal_Skillz
{
	padding: 2px 5px;
	background-color: #dee3e4;
	box-sizing: border-box;
	border-radius: 0 20px 20px 0;
}
.Share_Online_Status
{
	display: block;
	position: relative;
}
.Share_Online
{
	background-color: #82d5c7;
}
.Share_Offline
{
	background-color: #ba1a1a;
}
.Share_Busy
{
	background-color: #ba1a1a;
}
.Share_Ontour
{
	background-color: #410002;
}
.Share_Notatplace
{
	background-color: #004f57;
}
.Share_Size_Small
{
	left: 20px;
	top: 20px;
	width: 11px;
	height: 11px;
	border-radius: 100%;
}
.Share_Size_Big
{
	top: 42px;
	left: 42px;
	width: 13px;
	height: 13px;
	border-radius: 100%;
}
.Share_Size_Very_Small
{
	top: 19px;
	left: 19px;
	width: 7px;
	height: 7px;
	border-radius: 100%;
}
.Share_Size_None
{
	top: 35px;
	left: 35px;
	width: 11px;
	height: 11px;
	border-radius: 100%;
}
.Share_Size_Normal
{
	left: 35px;
	top: 35px;
	width: 11px;
	height: 11px;
	border-radius: 100%;
}
.Share_Status1
{
	background-color: #000000;
}
.Share_Media_Container iframe,
.Share_Media_Container img
{
	width: 100%;
	max-width: 400px;
}
.Share_Container_Image_Border
{
	border-radius: 100%;
	float: left;
	padding: 0;
	margin: 0 0 0 0;
	background-position: center;
	object-fit: cover;
	border: 1px solid transparent;
}
.Share_Container_Image_Border > img
{
	border-radius: 100%;
}
.Share_DefaultProfilImageTile
{
	border-radius: 4px;
	width: 100px;
	height: 100px;
	display: grid;
	align-items: center;
	justify-content: center;
}
.Share_DefaultProfilImageInfo
{
	height: 220px;
	width: 100%;
	border-radius: 4px;
	display: grid;
	align-items: center;
	justify-content: center;
}
#adminModeInfoBar
{
	background-color: #ba1a1a;
	border-radius: 4px !important;
	display: block;
	margin-bottom: 10px;
	padding: 7px;
	text-align: center;
	color: #ffffff;
}
#adminModeInfoBar > a > i
{
	color: #ffffff;
}
.Share_Listbox_Navigation > li
{
	padding: 7px 14px !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 2px;
	border-radius: 100px;
}
.Share_Listbox_Navigation > li:hover,
.Share_Listbox_Navigation > li:focus
{
	background-color: #ecf2f382;
}
.Share_Listbox_Navigation > li.nav_selected
{
	background-color: var(--p-color-secondary);
	font-weight: bold;
	border-radius: 100px !important;
}
.Share_Admin_Mode .Share_Listbox_Navigation > li > a,
.Share_Admin_Mode .Share_Link_Text,
.Share_Admin_Mode .Share_Text_Light
{
	color: #ba1a1a;
}
.Share_Admin_Mode .Share_Listbox_Navigation > li > a:hover,
.Share_Admin_Mode .Share_Link_Text:hover,
.Share_Admin_Mode .Share_Text_Light:hover
{
	color: #ba1a1a;
}
.Share_Listbox_Navigation > li .nav_additionals .nav_counter
{
	color: #ffffff;
	border-radius: 100% !important;
	width: 20px;
	text-align: center;
	padding: 0 1px 0 0 !important;
	font-size: smaller;
	line-height: 20px;
}
.Share_Listbox_Navigation > li a
{
	text-decoration: none;
	display: block;
}
#Container_Wrapper
{
	height: 100%;
}
#Container_Layout
{
	grid-template-columns: 1fr;
	position: relative;
	height: 100%;
}
#Container_Menu
{
	overflow: hidden;
	border-radius: var(--menu-border-radius);
	background: var(--menu-bg);
	border: var(--menu-border);
}
#Container_Menu_Dropline
{
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	z-index: 1000;
}
#Container_Menu_Dropline .menu .item
{
	display: block;
	text-align: left;
	width: 0;
	transition: all 0.2s;
}
#Container_Menu_Dropline .menu .item:last-child
{
	border-bottom: none;
}
#Container_Menu_Dropline .menu .label
{
	display: block;
	cursor: pointer;
	height: 35px;
	line-height: 35px;
	transition-property: opacity, padding;
	transition-duration: 0.7s, 0.3s;
	transition-delay: 0s, 0.3s;
	color: var(--menu-item-color);
	text-decoration: none;
	border: var(--menu-item-border);
	background: var(--menu-item-bg);
	margin: 5px;
	border-radius: var(--menu-item-border-radius);
}
#Container_Menu_Dropline .menu .image
{
	background: url("../../images/assets/menu/menu_right.png?usn=1791233093686") center center no-repeat scroll;
	float: right;
	height: 25px;
	margin-left: 5px;
	margin-top: 5px;
	transition-delay: 0.2s;
	transition-duration: 0.6s;
	transition-property: transform;
	width: 25px;
	filter: var(--svg-filter-white);
}
#Container_Menu_Dropline .menu .link,
#Container_Menu_Dropline .menu .text,
#Container_Menu_Dropline .menu .smi
{
	color: inherit;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}
#Container_Menu_Dropline .menu .label:hover
{
	background: var(--menu-item-bg-hover);
}
#Container_Menu_Dropline .menu .label:hover .image
{
	background: url("../../images/assets/menu/menu_right.png?usn=1791233093686") center center no-repeat scroll;
	float: right;
	height: 25px;
	margin-left: 5px;
	margin-top: 5px;
	transition-delay: 0.2s;
	transition-duration: 0.6s;
	transition-property: transform;
	width: 25px;
	filter: var(--svg-filter-white);
}
#Container_Menu_Dropline .menu .label:hover .link,
#Container_Menu_Dropline .menu .label:hover .text,
#Container_Menu_Dropline .menu .label:hover .smi
{
	text-decoration: none;
}
#Container_Menu_Dropline .menu .input:checked + .label .image
{
	background: url("../../images/assets/menu/menu_right.png?usn=1791233093686") center center no-repeat scroll;
	float: right;
	height: 25px;
	margin-left: 5px;
	margin-top: 5px;
	transition-delay: 0.2s;
	transition-duration: 0.6s;
	transition-property: transform;
	transform: rotate(90deg);
	width: 25px;
	filter: var(--svg-filter-white);
}
#Container_Menu_Dropline .menu .item.selected > .label
{
	background: var(--menu-item-selected-bg);
	border: var(--menu-item-selected-border);
	color: var(--menu-item-selected-color);
	box-shadow: var(--menu-item-selected-box-shadow);
}
#Container_Menu_Dropline .menu .item[data-has-children="no"] > .label
{
	text-transform: none;
}
#Container_Menu_Dropline .menu .input:checked ~ .level1 .label
{
	padding: 0 5px 0 25px;
}
#Container_Menu_Dropline .menu .input:checked ~ .level2 .label
{
	padding: 0 5px 0 45px;
}
#Container_Menu_Dropline .menu .input:checked ~ .level3 .label
{
	padding: 0 15px 0 65px;
}
#Container_Menu_Dropline .menu .input:not(:checked) ~ .list
{
	display: none;
}
#Container_Menu_Dropline .menu .list:after
{
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
}
#Container_Menu_Dropline .menu ul
{
	list-style: none outside none;
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	font-size: var(--font-size-s);
}
#Container_Menu_Dropline .menu ul ul
{
	overflow: hidden;
	position: relative;
	width: 100%;
	font-size: var(--font-size-s);
}
#Container_Menu_Dropline .menu ul ul ul
{
	font-size: var(--font-size-s);
}
#Container_Menu_Dropline .menu .list.level0
{
	left: -1000px;
	position: absolute;
}
#Container_Menu_Dropline .menu .level0.label
{
	padding: 0 5px 0 10px;
}
#Container_Menu_Dropline .menu .level0.link,
#Container_Menu_Dropline .menu .level0.text,
#Container_Menu_Dropline .menu .level0.smi
{
	font-size: var(--font-size-s);
}
#Container_Menu_Dropline .menu .level0.input:checked + .label
{
	padding: 0 5px 0 10px;
}
#Container_Menu_Dropline .menu .level1.label
{
	padding: 0 5px 0 10px;
}
#Container_Menu_Dropline .menu .level1.input:checked + .label
{
	padding: 0 5px 0 25px;
}
#Container_Menu_Dropline .menu .level2.label
{
	padding: 0 5px 0 30px;
}
#Container_Menu_Dropline .menu .level2.input:checked + .label
{
	padding: 0 5px 0 45px;
}
#Container_Menu_Dropline .menu .level3.input:checked + .label
{
	padding: 0 5px 0 65px;
}
#Container_Menu_Dropline .menuopenclose
{
	cursor: pointer;
	display: block;
	height: 30px;
	position: absolute;
	left: 15px;
	top: 15px;
	width: 30px;
	z-index: 500;
}
#Container_Menu_Dropline .menuopenclose .helper
{
	left: -9999px;
	position: absolute;
}
#Container_Menu_Dropline .menuopenclose .hamburger
{
	margin: 1px auto 0 auto;
	width: 24px;
	height: 24px;
	position: relative;
}
#Container_Menu_Dropline .menuopenclose .hamburger .bar
{
	padding: 0;
	width: 28px;
	height: 4px;
	display: block;
	border-radius: 4px;
	position: absolute;
}
#Container_Menu_Dropline .menuopenclose .bar1
{
	top: 2px;
	transform-origin: 5%;
	background: var(--burger-bg);
}
#Container_Menu_Dropline .menuopenclose .bar2
{
	top: 10.5px;
	background: var(--burger-bg);
}
#Container_Menu_Dropline .menuopenclose .bar3
{
	top: 10.5px;
	right: -4px;
	background: var(--burger-bg);
}
#Container_Menu_Dropline .menuopenclose .bar4
{
	bottom: 0;
	transform-origin: 5%;
	background: var(--burger-bg);
}
#Container_Menu_Dropline .burgerCheckbox:checked + label > .hamburger > .bar1
{
	background: var(--burger-bg-invert);
	transform: rotate(45deg);
	height: 3px;
	width: 30px;
}
#Container_Menu_Dropline .burgerCheckbox:checked + label > .hamburger > .bar2
{
	transform: rotate(45deg);
	height: 3px;
	background-color: transparent;
}
#Container_Menu_Dropline .burgerCheckbox:checked + label > .hamburger > .bar3
{
	transform: rotate(-45deg);
	height: 3px;
	background-color: transparent;
}
#Container_Menu_Dropline .burgerCheckbox:checked + label > .hamburger > .bar4
{
	transform: rotate(-45deg);
	height: 3px;
	width: 30px;
	background: var(--burger-bg-invert);
}
#CONT_dropline_Container_Menu_Dropline_menuopenclose:checked ~ .list.level0
{
	width: 100vw;
	left: 0;
	padding-top: 60px;
	background: var(--menu-bg);
	max-height: calc(100vh - 40px);
	overflow-y: auto;
}
#CONT_dropline_Container_Menu_Dropline_menuopenclose:checked ~ .list.level0 .item
{
	width: 100%;
	margin-left: 0;
}
#Container_Menu_Dropline .menu input
{
	display: none;
	left: -9999px;
	position: absolute;
}
#Container_Content
{
	min-width: 0;
	height: 100%;
	min-height: 0;
	display: flex;
	flex-direction: column;
	overflow: auto;
}
#Container_Header
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: auto;
	z-index: 5;
	background: var(--header-bg);
	backdrop-filter: blur(12px) saturate(130%);
	padding: 5px 0 5px 65px;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
}
#Container_Home
{
	width: 200px;
}
#Container_Home img
{
	filter: var(--svg-filter-default);
	width: 100%;
	height: auto;
}
#Container_Zusatzkontrolle
{
	display: flex;
	align-items: center;
	gap: 5px;
}
#Action_Search_Global
{
	display: none;
	z-index: 1;
	position: relative;
	width: 100%;
}
input#ID_GlobalSearchTerm
{
	width: 175px;
	border: var(--input-border);
	background-color: var(--input-bg);
	float: left;
	height: 34px;
	margin-right: 3px;
	border-radius: 3px;
}
input#ID_GlobalSearchTerm:hover
{
	background: var(--input-bg-hover);
	border: var(--input-border-hover);
}
a#ID_GlobalSearchButton,
a#ID_GlobalSearchButton:link
{
	position: absolute;
	top: 5px;
	right: 5px;
	height: 30px;
	cursor: pointer;
	outline: none;
	width: 30px;
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Search.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: center;
	filter: var(--svg-filter-default);
}
#Action_Settings
{
	display: none;
}
#Action_Settings .Action_Settings > button#settingsToggle
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Preferences1.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	text-decoration: none;
	font-size: 0;
	display: block;
	background-size: 80% auto;
	padding: 16px 0 15px 30px;
	filter: var(--svg-filter-default);
}
#Action_Settings .Action_Settings ul
{
	position: absolute;
	right: 100px;
	padding: 0;
	margin: 0;
	z-index: 10000;
	margin-top: 5px;
	box-shadow: var(--dialog-bg-shadow);
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
	background: var(--dialog-bg);
	min-width: 170px;
	display: none;
	border-left: 1px solid var(--p-color-light3);
	border-right: 1px solid var(--p-color-light3);
	border-top: 1px solid var(--p-color-light3);
}
#Action_Settings .Action_Settings ul > li
{
	list-style-type: none;
	position: relative;
	padding: 2px 10px 2px 10px;
	border-bottom: 1px solid var(--p-color-light3);
}
#Action_Settings .Action_Settings ul > li:hover,
#Action_Settings .Action_Settings ul > li:focus
{
	background: var(--p-color-light3);
}
#Action_Settings .Action_Settings ul > li.Header
{
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid var(--p-color-light3);
	margin: 0;
	background-color: var(--p-color-gray5);
	font-weight: 700;
}
#Action_Settings .Action_Settings ul > li.Group
{
	background-image: url(../../images/assets/common/leftarrow.png?usn=1791233093686);
	background-position: 2% center;
	background-repeat: no-repeat;
	padding-left: 12px;
}
#Action_Settings .Action_Settings ul > li.selected
{
	background-image: url(../../images/assets/share/check.png?usn=1791233093686);
	background-position: 97% 50%;
	background-repeat: no-repeat;
	background-size: 12px;
}
#Action_Settings .Action_Settings ul > li:last-child
{
	border-bottom: none;
}
#Action_Settings .Action_Settings ul > li > a,
#Action_Settings .Action_Settings ul > li > a:link
{
	text-decoration: none;
	display: block;
}
#Action_Settings .Action_Settings_Disabled
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#Action_Settings .Action_Settings_Disabled ul
{
	visibility: hidden;
}
#Action_Settings .Action_Settings_Active ul
{
	visibility: visible;
	display: block;
}
#Action_Settings .Action_Settings_Active ul ul
{
	display: none;
	margin-top: -1px;
}
#Action_Settings .Action_Settings_Active li:hover > ul
{
	display: block;
	right: 100%;
	top: 0;
}
#Action_Login
{
	width: 30px;
}
#Action_Login a,
#Action_Login a:link
{
	background-repeat: no-repeat;
	background-position: center;
	text-decoration: none;
	font-size: 0;
	display: block;
	background-size: 100% auto;
	padding: 15px 0 15px 30px;
	filter: var(--svg-filter-default);
}
#Action_Login a.loggedout,
#Action_Login a.loggedout:link
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Login.svg?usn=1791233093686);
}
#Action_Login a.loggedin,
#Action_Login a.loggedin:link
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Logout.svg?usn=1791233093686);
}
#Container_Content_Body
{
	padding-top: 59px;
	flex: 1 1 auto;
	overflow: visible;
	display: flex;
	flex-direction: column;
}
#Container_AppMenu
{
	display: inline-block;
}
#Container_AppMenu ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 6px;
}
#Container_AppMenu li
{
	padding: 6px 14px;
	border-radius: var(--menu-item-border-radius);
	border: 1px solid transparent;
	line-height: 1.35;
	transition: background-color 0.13s var(--ease-standard),border-color 0.13s var(--ease-standard),color 0.13s var(--ease-standard);
}
#Container_AppMenu li:hover
{
	background: color-mix(in srgb,var(--p-color-primary) 7%,transparent);
}
#Container_AppMenu .selected
{
	background: color-mix(in srgb,var(--p-color-primary) 12%,transparent);
	border: 1px solid color-mix(in srgb,var(--p-color-primary) 35%,transparent);
}
#Container_AppMenu .selected a
{
	color: var(--p-color-primary);
	font-weight: 600;
}
#Container_AppMenu li > img,
#Container_AppMenu li > span
{
	float: left;
}
#Container_AppMain
{
	margin-top: 20px;
}
.myportal
{
	display: none;
	position: absolute;
	bottom: 0;
	left: 5px;
	min-width: 120px;
	padding: 3px;
	vertical-align: middle;
	text-align: left;
	z-index: 2;
	background-color: transparent;
	height: 15px;
}
.myportal a
{
	font-size: 11px;
	text-decoration: none;
}
.myportal span
{
	font-size: 9px;
	padding-bottom: 2px;
	white-space: nowrap;
}
#myfavorite
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-right: 5px;
	padding-left: 5px;
}
#myfavorite > li
{
	border-top: 1px solid rgb(200, 200, 200);
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
#myfavorite > li:hover
{
	background-color: rgb(255, 255, 255);
}
#myfavorite .lastLi,
#myfavorite .lastLi:hover
{
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 1px;
	display: none;
}
#myfavorite > li > a
{
	text-decoration: none;
}
#myfavorite > li > a:focus
{
	color: rgb(0, 0, 0);
}
#myfavorite > li > a:hover
{
	color: rgb(0, 0, 0);
}
#myfavorite .miniview
{
	float: right;
	width: 81%;
}
.portlet .PltContent .controls
{
	float: right;
}
.portlet .PltContent .controls:hover
{
	cursor: pointer;
}
.portlet .PltContent .controls ul li
{
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 39px;
	margin: 0 0 15px 0;
	list-style-type: none;
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	background-color: #eaeaea;
}
.portlet .PltContent .controls ul li:hover
{
	background: #eaeaea;
	background: -moz-linear-gradient(top,#eaeaea 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eaeaea),color-stop(50%,#dbdbdb),color-stop(51%,#d1d1d1),color-stop(100%,#fefefe));
	background: -webkit-linear-gradient(top,#eaeaea 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
	background: -o-linear-gradient(top,#eaeaea 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
	background: -ms-linear-gradient(top,#eaeaea 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
	background: linear-gradient(to bottom, #eaeaea 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
}
div.portalsite div.portalcolumn
{
	min-height: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
div.portalsite div.portalcolumn .portlet
{
	position: relative;
	background: var(--portlet1-bg);
	border: var(--portlet1-border);
	color: var(--portlet1-color);
	margin: 10px;
	box-shadow: var(--portlet1-shadow);
	border-radius: var(--portlet1-border-radius);
	overflow-y: hidden;
	overflow-x: auto;
}
div.portalsite div.portalcolumn .portlet .portletHeader
{
	padding: 10px;
}
div.portalsite div.portalcolumn .portlet .portletHeader h2
{
	display: inline-block;
}
div.portalsite div.portalcolumn .portlet .portletHeader:hover
{
	cursor: -webkit-grab;
	cursor: grab;
}
div.portalsite.anonymous div.portalcolumn .portlet .portletHeader:hover
{
	cursor: auto;
}
div.portalsite div.portalcolumn .portlet .pltContent
{
	margin: 0;
	padding: 10px;
}
div.portalsite div.portalcolumn .portlet p
{
	margin: 0;
}
div.portalsite div.portalcolumn .portlet.empty-square
{
	background: transparent;
	margin: 0;
	padding: 0;
	box-shadow: none;
}
div.portalsite div.portalcolumn .portlet.empty-square .portletHeader
{
	display: none;
}
div.portalsite div.portalcolumn .portlet.empty-square .pltContent
{
	margin: 0;
	padding: 0;
}
#Container_Footer
{
	margin-top: auto;
	padding: 5px;
	background: #000;
	font-size: 12px;
	display: flex;
	align-items: center;
}
#Container_Webseite
{
	width: 150px;
}
#Container_Webseite img
{
	filter: var(--svg-filter-white) !important;
	width: 100%;
	height: auto;
}
#Container
{
	margin-left: auto;
}
#Container ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#Container li[id|="CONT"]
{
	float: left;
	padding: 5px;
}
#Container a[id|="A"],
#Container a[id|="A"]:link
{
	text-decoration: none;
	color: var(--p-color-white);
}
#Container a[id|="A"]:focus
{
	color: var(--p-color-white);
}
#Container li[id|="CONT"]:hover a,
#Container a[id|="A"]:hover
{
	color: var(--p-color-white);
}
#Container .selected a[id|="A"]
{
	color: var(--p-color-white);
}
#Container li[id|="SEPARATOR"]
{
	float: left;
	padding: 5px;
}
.Button_Standard:focus,
.Button_Standard:hover
{
	background-color: var(--button-primary-bg-hover);
	border: var(--button-primary-border-hover);
	color: var(--button-primary-color-hover);
}
.Button_Standard:disabled
{
	opacity: 0.5;
	cursor: not-allowed;
	box-shadow: none;
}
table[data-html-structure="table"] .Button_Standard
{
	min-width: 100px;
}
div[data-html-structure="container"] .Button_Standard
{
	min-width: 0;
}
.Button_Secondary:focus,
.Button_Secondary:hover
{
	background-color: var(--button-secondary-bg-hover);
	border: var(--button-secondary-border-hover);
	color: var(--button-secondary-color-hover);
}
.Button_Secondary:disabled
{
	opacity: 0.5;
	cursor: not-allowed;
	box-shadow: none;
}
table[data-html-structure="table"] .Button_Secondary
{
	min-width: 100px;
}
div[data-html-structure="container"] .Button_Secondary
{
	min-width: 0;
}
.Button_Tertiary:disabled
{
	opacity: 0.5;
	cursor: not-allowed;
	box-shadow: none;
}
table[data-html-structure="table"] .Button_Tertiary
{
	min-width: 100px;
}
div[data-html-structure="container"] .Button_Tertiary
{
	min-width: 0;
}
.Button_Compact:disabled
{
	opacity: 0.5;
	cursor: not-allowed;
	box-shadow: none;
}
div[data-html-structure="container"] .Button_Compact
{
	min-width: 0;
}
.Button_CTA
{
	background-color: var(--p-color-secondary);
	border: 1px solid var(--p-color-secondary);
	padding: 0 15px;
	text-decoration: none;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-appearance: none;
	height: 40px;
	font-family: var(--font-sans);
	font-weight: 500;
	border-radius: 100px;
}
.Button_CTA:focus,
.Button_CTA:hover
{
	background-color: var(--p-color-secondary);
	border: 1px solid var(--p-color-secondary);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.Button_CTA:disabled
{
	opacity: 0.5;
}
table[data-html-structure="table"] .Button_CTA
{
	min-width: 100px;
}
div[data-html-structure="container"] .Button_CTA
{
	min-width: initial;
}
.Button_Style1
{
	border: 1px solid var(--p-color-gray4);
	background-color: transparent;
	text-decoration: none;
	padding: 0 15px;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-appearance: none;
	height: 40px;
	font-family: var(--font-sans);
	font-weight: 500;
	border-radius: 100px;
	color: #006973;
}
.Button_Style1:focus,
.Button_Style1:hover
{
	background-color: #e9eff0;
	border: 1px solid #006973;
}
.Button_Style1:disabled
{
	opacity: 0.5;
}
.Button_Toggle
{
	background-color: #ffffff;
	border: 1px solid var(--p-color-gray4);
	text-decoration: none;
	padding: 0 35px 0 15px;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-appearance: none;
	height: 40px;
	color: var(--text-color);
	border-radius: 100px;
}
.Button_Toggle:focus,
.Button_Toggle:hover
{
	border: 1px solid var(--text-color);
}
.Button_Toggle:disabled
{
	opacity: 0.5;
}
.Button_Toggle[aria-expanded="false"]
{
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Down2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: right 10px center;
}
.Button_Toggle[aria-expanded="true"]
{
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Up2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: right 10px center;
}
.Button_Small
{
	font-size: var(--font-size-m);
	font-family: var(--font-sans);
	background: var(--p-color-light1);
	border: none;
	padding: 0 10px;
	text-decoration: none;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-appearance: none;
	height: 30px;
	border-radius: var(--button-border-radius);
	color: var(--text-color);
}
.Button_Small:focus,
.Button_Small:hover
{
	background-color: var(--p-color-light3);
}
.Button_Small:disabled
{
	opacity: 0.5;
}
table[data-html-structure="table"] .Button_Small
{
	min-width: 100px;
}
div[data-html-structure="container"] .Button_Small
{
	min-width: initial;
}
.Link_Strong
{
	font-family: var(--font-sans);
	font-weight: 700;
}
.Sitemap_H1
{
	font-size: 32px;
	font-family: var(--font-sans);
	font-weight: 500;
	display: inline;
	color: #171d1e;
}
.Sitemap_H2
{
	font-size: 22px;
	font-family: var(--font-sans);
	font-weight: 500;
	color: #171d1e;
}
.Sitemap_H3
{
	font-size: 18px;
	font-family: var(--font-sans);
	font-weight: 500;
	color: #171d1e;
}
.toggle-link
{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}
.toggle-link[aria-expanded="true"]::before
{
	transform: rotate(45deg);
}
.toggle-link::before
{
	content: "";
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	display: inline-block;
	transition: transform 0.2s ease;
	position: static;
	margin-right: 2px;
}
.toggle-link[aria-expanded="false"]::before
{
	transform: rotate(-45deg);
}
.DistributionControl
{
	position: relative;
}
.DistributionControl .FlipFlop
{
	display: none;
}
.DistributionControl div.Search
{
	width: 100%;
}
.DistributionControl div.Search label
{
	font-family: var(--font-sans);
	font-weight: 300;
	line-height: 30px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControl div.Search > input[type="text"]
{
	box-sizing: border-box;
	-webkit-appearance: none;
	font-size: var(--input-font-size);
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
	width: 98%;
	margin: 0;
}
.DistributionControl div.Search > input[type="text"]:hover
{
	background-color: transparent;
}
.DistributionControl div.Search > input[type="text"]:focus
{
	background-color: transparent;
}
.DistributionControl div.Search > div.Filters
{
	margin: 10px 0 0 0;
	width: 98%;
}
.DistributionControl div.Search > div.Filters > input[type="image"]
{
	width: 24px;
	margin: 0 5px 0 0;
	outline-width: 0;
	padding: 5px;
	height: 24px;
	min-height: 0;
	background-color: #FFF;
	border-radius: 5px;
}
.DistributionControl div.Search > div.Filters > input[type="image"]:hover
{
	opacity: 1.0;
}
.DistributionControl div.Search > div.Filters > input[type="image"]:focus
{
	opacity: 1.0;
}
.DistributionControl div.Search > div.Filters > input[type="image"].Selected
{
	background-color: var(--p-color-secondary);
}
.DistributionControl div.Search div.Results
{
	display: block;
	margin: 5px 0 0 0;
	position: relative;
}
.DistributionControl div.Search .ListCtrl
{
	display: block;
	margin: 0;
	max-height: 245px;
	position: relative;
	overflow: hidden;
}
.DistributionControl div.Search .ListCtrl:hover
{
	overflow-y: auto;
}
.DistributionControl div.Search .ListCtrl ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.DistributionControl div.Search .ListCtrl ul li
{
	min-height: 30px;
	list-style: none;
	padding: 7px 0 7px 5px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	width: 98%;
	box-sizing: border-box;
	border-bottom: 1px solid var(--p-color-gray4);
	margin: 0;
}
.DistributionControl div.Search .ListCtrl ul li:hover
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControl div.Search .ListCtrl ul li:focus
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControl div.Search .ListCtrl ul li > .Content > .Title
{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 5px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControl div.Search .ListCtrl ul li > .Content > .Title .Additional
{
	display: block;
	font-size: small;
	overflow: hidden;
	padding-left: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControl div.Search .ListCtrl ul li > .Content > .Image
{
	display: inline-block;
	float: left;
	margin: 0 3px 0 0;
	height: 16px;
	width: 16px;
	padding: 3px;
	background-color: #FFF;
	border-radius: 5px;
	filter: none !important;
}
.DistributionControl div.Search .ListCtrl ul li > .Content > input[type="checkbox"]
{
	margin: 6px 3px 0 0;
	float: right;
}
.DistributionControl div.Search .ListCtrl ul li.Selected
{
	background-color: var(--p-color-secondary);
	cursor: pointer;
	height: auto;
}
.DistributionControl div.Search .ListCtrl ul li.Disabled
{
	opacity: 0.5;
}
.DistributionControl div.Search .ListCtrl ul li.Removed
{
	opacity: 0.75;
}
.DistributionControl div.Actions
{
	width: 98%;
	text-align: center;
	margin-top: 3px;
}
.DistributionControl div.Actions input
{
	background-color: var(--button-primary-bg-hover);
	border: var(--button-primary-border-hover);
	color: var(--button-primary-color-hover);
}
.DistributionControl div.Actions input[name="action_dist_markall"]
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Check1.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	min-height: 0;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControl div.Actions input[name="action_dist_movetosel"]
{
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Down2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	min-height: 0;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
}
.DistributionControl div.Actions input[name="action_dist_removefromsel"]
{
	background-image: url(../../thirdparty/icon54/svg/solid/Arrows/Up2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	min-height: 0;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
}
.DistributionControl div.Actions input[name="action_dist_create"]
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Add.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControl div.Actions input[name="action_dist_edit"]
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Pencil.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControl div.Actions input[name="action_dist_edit"].Disabled
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Pencil.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControl div.Selected
{
	width: 100%;
	height: auto;
	position: relative;
}
.DistributionControl div.Selected label
{
	font-family: var(--font-sans);
	font-weight: 300;
	line-height: 30px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControl div.Selected label span.results
{
	display: inline-block;
	float: right;
	padding-right: 5px;
}
.DistributionControl div.Selected .ListCtrl
{
	overflow: hidden;
}
.DistributionControl div.Selected .ListCtrl ul
{
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.DistributionControl div.Selected .ListCtrl ul li
{
	min-height: 30px;
	list-style: none;
	padding: 7px 0 7px 5px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	width: 98%;
	box-sizing: border-box;
	border-bottom: 1px solid var(--p-color-gray4);
	margin: 0;
}
.DistributionControl div.Selected .ListCtrl ul li:hover
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControl div.Selected .ListCtrl ul li:focus
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControl div.Selected .ListCtrl ul li > .Content > .Title
{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 5px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControl div.Selected .ListCtrl ul li > .Content > .Title .Additional
{
	display: block;
	font-size: small;
	overflow: hidden;
	padding-left: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControl div.Selected .ListCtrl ul li > .Content > .Image
{
	display: inline-block;
	float: left;
	margin: 0 3px 0 0;
	height: 16px;
	width: 16px;
	padding: 3px;
	border-radius: 5px;
}
.DistributionControl div.Selected .ListCtrl ul li > .Content > input[type="checkbox"]
{
	margin: 6px 3px 0 0;
	float: right;
}
.DistributionControl div.Selected .ListCtrl ul li.Selected
{
	background-color: var(--p-color-secondary);
	cursor: pointer;
	height: auto;
}
.DistributionControl div.Selected .ListCtrl ul li.Disabled
{
	opacity: 0.5;
}
.DistributionControl div.Selected .ListCtrl ul li.Removed
{
	opacity: 0.75;
}
.DistributionControl_Max
{
	height: 150px;
	min-width: 450px;
	position: relative;
}
.DistributionControl_Max div.Search > div.Filters > input[type="image"].Selected
{
	background-color: var(--p-color-secondary);
}
.DistributionControlHorizontal
{
	height: auto !important;
	position: relative;
	overflow: hidden;
}
.DistributionControlHorizontal .FlipFlop
{
	display: none;
}
.DistributionControlHorizontal div.Search
{
	border-right: 1px solid var(--p-color-gray4);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 60%;
}
.DistributionControlHorizontal div.Search label
{
	font-family: var(--font-sans);
	font-weight: 300;
	line-height: 30px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlHorizontal div.Search > input[type="text"]
{
	box-sizing: border-box;
	font-size: var(--input-font-size);
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
	width: 98%;
	margin: 0;
}
.DistributionControlHorizontal div.Search > input[type="text"]:hover
{
	background-color: transparent;
}
.DistributionControlHorizontal div.Search > input[type="text"]:focus
{
	background-color: transparent;
}
.DistributionControlHorizontal div.Search > div.Filters
{
	margin: 10px 0 0 0;
	width: 98%;
}
.DistributionControlHorizontal div.Search > div.Filters > input[type="image"]
{
	width: 24px;
	margin: 0 5px 0 0;
	outline-width: 0;
	padding: 5px;
	height: 24px;
	min-height: 0;
	background-color: #FFF;
	border-radius: 5px;
}
.DistributionControlHorizontal div.Search > div.Filters > input[type="image"]:hover
{
	opacity: 1.0;
}
.DistributionControlHorizontal div.Search > div.Filters > input[type="image"]:focus
{
	opacity: 1.0;
}
.DistributionControlHorizontal div.Search > div.Filters > input[type="image"].Selected
{
	background-color: var(--p-color-secondary);
}
.DistributionControlHorizontal div.Search .ListCtrl
{
	display: block;
	margin: 0;
	position: absolute;
	left: 0;
	top: 75px;
	bottom: 0;
	right: 0;
}
.DistributionControlHorizontal div.Search .ListCtrl:hover
{
	overflow-y: auto;
}
.DistributionControlHorizontal div.Search .ListCtrl ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.DistributionControlHorizontal div.Search .ListCtrl ul li
{
	min-height: 30px;
	list-style: none;
	padding: 7px 0 7px 5px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	width: 98%;
	box-sizing: border-box;
	margin: 0;
	border-bottom: 1px solid var(--p-color-gray4);
}
.DistributionControlHorizontal div.Search .ListCtrl ul li:hover
{
	background-color: var(--input-bg-hover);
	cursor: pointer;
}
.DistributionControlHorizontal div.Search .ListCtrl ul li:focus
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControlHorizontal div.Search .ListCtrl ul li > .Content > .Title
{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 5px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlHorizontal div.Search .ListCtrl ul li > .Content > .Title .Additional
{
	display: block;
	font-size: small;
	overflow: hidden;
	padding-left: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlHorizontal div.Search .ListCtrl ul li > .Content > .Image
{
	display: inline-block;
	float: left;
	margin: 0 3px 0 0;
	height: 16px;
	width: 16px;
	padding: 3px;
	background-color: #FFF;
	border-radius: 5px;
	filter: none !important;
}
.DistributionControlHorizontal div.Search .ListCtrl ul li > .Content > input[type="checkbox"]
{
	margin: 6px 3px 0 0;
	float: right;
}
.DistributionControlHorizontal div.Search .ListCtrl ul li.Selected
{
	background-color: var(--p-color-secondary);
	cursor: pointer;
	height: auto;
	display: inline-block;
	width: 98%;
}
.DistributionControlHorizontal div.Search .ListCtrl ul li.Disabled
{
	opacity: 0.5;
}
.DistributionControlHorizontal div.Search .ListCtrl ul li.Removed
{
	opacity: 0.75;
}
.DistributionControlHorizontal div.Search div.Filters + div.Results div.ListCtrl
{
	top: 124px;
}
.DistributionControlHorizontal div.Actions
{
	position: absolute;
	width: 59%;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 6px;
	height: 30px;
}
.DistributionControlHorizontal div.Actions input
{
	background-color: var(--button-primary-bg-hover);
	border: var(--button-primary-border-hover);
	color: var(--button-primary-color-hover);
}
.DistributionControlHorizontal div.Actions input[name="action_dist_markall"]
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Check1.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	min-height: 0;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlHorizontal div.Actions input[name="action_dist_movetosel"]
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	background-color: var(--button-primary-bg);
	border: var(--button-primary-border) !important;
	border-radius: var(--button-border-radius);
	flex: none;
	width: 28px;
	height: 28px;
	min-height: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	box-sizing: border-box;
}
.DistributionControlHorizontal div.Actions input[name="action_dist_removefromsel"]
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	background-color: var(--button-primary-bg);
	border: var(--button-primary-border) !important;
	border-radius: var(--button-border-radius);
	flex: none;
	width: 28px;
	height: 28px;
	min-height: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	box-sizing: border-box;
}
.DistributionControlHorizontal div.Actions input[name="action_dist_create"]
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Add.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	min-height: 0;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlHorizontal div.Actions input[name="action_dist_edit"]
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Pencil.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	min-height: 0;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlHorizontal div.Actions input[name="action_dist_edit"].Disabled
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Pencil.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	min-height: 0;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlHorizontal div.Selected
{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 40%;
}
.DistributionControlHorizontal div.Selected label
{
	font-family: var(--font-sans);
	font-weight: 300;
	line-height: 30px;
	padding-left: 2%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlHorizontal div.Selected label span.results
{
	display: none;
	float: right;
	padding-right: 5px;
}
.DistributionControlHorizontal div.Selected .ListCtrl
{
	min-height: 40px;
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 30px;
	bottom: 0;
}
.DistributionControlHorizontal div.Selected .ListCtrl:hover
{
	overflow-y: auto;
}
.DistributionControlHorizontal div.Selected .ListCtrl ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.DistributionControlHorizontal div.Selected .ListCtrl ul li
{
	min-height: 30px;
	list-style: none;
	margin: 0 0 0 1%;
	padding: 7px 0 7px 5px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	width: 98%;
	box-sizing: border-box;
	border-bottom: 1px solid var(--p-color-gray4);
}
.DistributionControlHorizontal div.Selected .ListCtrl ul li:hover
{
	background-color: var(--input-bg-hover);
	cursor: pointer;
}
.DistributionControlHorizontal div.Selected .ListCtrl ul li:focus
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControlHorizontal div.Selected .ListCtrl ul li > .Content > .Title
{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 5px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlHorizontal div.Selected .ListCtrl ul li > .Content > .Title .Additional
{
	display: block;
	font-size: small;
	overflow: hidden;
	padding-left: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlHorizontal div.Selected .ListCtrl ul li > .Content > .Image
{
	display: inline-block;
	float: left;
	margin: 0 3px 0 0;
	height: 16px;
	width: 16px;
	padding: 3px;
	border-radius: 5px;
}
.DistributionControlHorizontal div.Selected .ListCtrl ul li > .Content > input[type="checkbox"]
{
	margin: 6px 3px 0 0;
	float: right;
}
.DistributionControlHorizontal div.Selected .ListCtrl ul li.Selected
{
	cursor: pointer;
	background-color: var(--p-color-secondary);
}
.DistributionControlHorizontal div.Selected .ListCtrl ul li.Disabled
{
	opacity: 0.5;
}
.DistributionControlHorizontal div.Selected .ListCtrl ul li.Removed
{
	opacity: 0.75;
}
.DistributionControlHorizontal_Max div.Search > div.Filters > input[type="image"].Selected
{
	background-color: var(--p-color-secondary);
}
.DistributionControlVerticalBottom
{
	position: relative;
	padding: 0;
}
.DistributionControlVerticalBottom .FlipFlop
{
	display: none;
}
.DistributionControlVerticalBottom div.Search
{
	width: 100%;
}
.DistributionControlVerticalBottom div.Search label
{
	font-family: var(--font-sans);
	font-weight: 300;
	line-height: 30px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlVerticalBottom div.Search > input[type="text"]
{
	box-sizing: border-box;
	border: 1px solid #e9eff0;
	background-color: #e9eff0;
	border-radius: 100px;
	width: 98%;
	margin: 0;
}
.DistributionControlVerticalBottom div.Search > input[type="text"]:hover
{
	background-color: transparent;
}
.DistributionControlVerticalBottom div.Search > input[type="text"]:focus
{
	background-color: transparent;
}
.DistributionControlVerticalBottom div.Search > div.Filters
{
	margin: 10px 0 0 0;
	width: 98%;
}
.DistributionControlVerticalBottom div.Search > div.Filters > input[type="image"]
{
	border: 1px solid var(--p-color-gray4);
	width: 40px;
	margin: 0 5px 0 0;
	outline-width: 0;
	padding: 5px;
	height: 40px;
	min-height: 0;
	background-color: #eff5f6;
	border-radius: 100%;
}
.DistributionControlVerticalBottom div.Search > div.Filters > input[type="image"]:hover
{
	opacity: 1.0;
}
.DistributionControlVerticalBottom div.Search > div.Filters > input[type="image"]:focus
{
	opacity: 1.0;
}
.DistributionControlVerticalBottom div.Search > div.Filters > input[type="image"].Selected
{
	background-color: var(--p-color-secondary);
}
.DistributionControlVerticalBottom div.Search div.Results
{
	display: block;
	margin: 5px 0 0 0;
	position: relative;
}
.DistributionControlVerticalBottom div.Search .ListCtrl
{
	display: block;
	margin: 0;
	max-height: 245px;
	position: relative;
	overflow: hidden;
}
.DistributionControlVerticalBottom div.Search .ListCtrl:hover
{
	overflow-y: auto;
}
.DistributionControlVerticalBottom div.Search .ListCtrl ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.DistributionControlVerticalBottom div.Search .ListCtrl ul li
{
	min-height: 30px;
	list-style: none;
	padding: 7px 0 7px 5px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	width: 98%;
	box-sizing: border-box;
	border-bottom: 1px solid var(--p-color-gray4);
	margin: 0;
}
.DistributionControlVerticalBottom div.Search .ListCtrl ul li:hover
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControlVerticalBottom div.Search .ListCtrl ul li:focus
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControlVerticalBottom div.Search .ListCtrl ul li > .Content > .Title
{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 5px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlVerticalBottom div.Search .ListCtrl ul li > .Content > .Title .Additional
{
	display: block;
	font-size: small;
	overflow: hidden;
	padding-left: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlVerticalBottom div.Search .ListCtrl ul li > .Content > .Image
{
	display: inline-block;
	float: left;
	margin: 0 3px 0 0;
	height: 22px;
	width: 22px;
	padding: 5px;
	border: 1px solid var(--p-color-gray4);
	background-color: #eff5f6;
	border-radius: 100%;
}
.DistributionControlVerticalBottom div.Search .ListCtrl ul li > .Content > input[type="checkbox"]
{
	margin: 6px 3px 0 0;
	float: right;
}
.DistributionControlVerticalBottom div.Search .ListCtrl ul li.Selected
{
	background-color: var(--p-color-secondary);
	cursor: pointer;
	height: auto;
}
.DistributionControlVerticalBottom div.Search .ListCtrl ul li.Disabled
{
	opacity: 0.3;
}
.DistributionControlVerticalBottom div.Search .ListCtrl ul li.Removed
{
	opacity: 0.75;
}
.DistributionControlVerticalBottom div.Actions
{
	width: 98%;
	text-align: center;
	margin-top: 3px;
}
.DistributionControlVerticalBottom div.Actions input[name="action_dist_markall"]
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Check1.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlVerticalBottom div.Actions input[name="action_dist_movetosel"]
{
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Down2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlVerticalBottom div.Actions input[name="action_dist_removefromsel"]
{
	background-image: url(../../thirdparty/icon54/svg/solid/Arrows/Up2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlVerticalBottom div.Actions input[name="action_dist_create"]
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Add.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlVerticalBottom div.Actions input[name="action_dist_edit"]
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Pencil.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlVerticalBottom div.Actions input[name="action_dist_edit"].Disabled
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Pencil.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlVerticalBottom div.Selected
{
	width: 100%;
	height: auto;
	position: relative;
}
.DistributionControlVerticalBottom div.Selected label
{
	font-family: var(--font-sans);
	font-weight: 300;
	line-height: 30px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlVerticalBottom div.Selected label span.results
{
	display: inline-block;
	float: right;
	padding-right: 5px;
}
.DistributionControlVerticalBottom div.Selected .ListCtrl ul
{
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 98%;
}
.DistributionControlVerticalBottom div.Selected .ListCtrl ul li
{
	list-style: none;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	margin: 0 3px 3px 0;
	border-radius: 8px;
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	padding: 5px 10px;
}
.DistributionControlVerticalBottom div.Selected .ListCtrl ul li:hover
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControlVerticalBottom div.Selected .ListCtrl ul li:focus
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControlVerticalBottom div.Selected .ListCtrl ul li > .Content > .Title
{
	padding: 0;
	margin: 0;
	white-space: nowrap;
}
.DistributionControlVerticalBottom div.Selected .ListCtrl ul li > .Content > .Title .Additional
{
	display: none;
}
.DistributionControlVerticalBottom div.Selected .ListCtrl ul li > .Content > .Image
{
	display: none;
}
.DistributionControlVerticalBottom div.Selected .ListCtrl ul li > .Content > input[type="checkbox"]
{
	float: right;
	margin: 0 0 0 3px;
	padding: 0;
}
.DistributionControlVerticalBottom div.Selected .ListCtrl ul li.Selected
{
	background-color: var(--p-color-secondary);
	cursor: pointer;
}
.DistributionControlVerticalBottom div.Selected .ListCtrl ul li.Disabled
{
	opacity: 0.3;
}
.DistributionControlVerticalBottom div.Selected .ListCtrl ul li.Removed
{
	opacity: 0.75;
}
.DistributionControlVerticalBottom_Max div.Search > div.Filters > input[type="image"].Selected
{
	background-color: var(--p-color-secondary);
}
.DistributionControlFlipFlop
{
	position: relative;
	overflow: hidden;
}
.DistributionControlFlipFlop .FlipFlop
{
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	position: absolute;
	cursor: pointer;
	box-sizing: border-box;
	right: 0;
	top: 3px;
}
.DistributionControlFlipFlop div.Search
{
	display: none;
}
.DistributionControlFlipFlop div.Search > div.Filters > input[type="image"].Selected
{
	background-color: var(--p-color-secondary);
}
.DistributionControlFlipFlop div.Actions
{
	display: none;
}
.DistributionControlFlipFlop div.Selected
{
	margin: 0;
	padding: 0;
	overflow-y: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 40px;
}
.DistributionControlFlipFlop div.Selected label
{
	font-family: var(--font-sans);
	font-weight: 300;
	line-height: 30px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlFlipFlop div.Selected label span.results
{
	display: inline-block;
	float: right;
	padding-right: 25px;
}
.DistributionControlFlipFlop div.Selected .ListCtrl
{
	overflow-y: auto;
	min-height: 40px;
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 24px;
	bottom: 0;
}
.DistributionControlFlipFlop div.Selected .ListCtrl ul
{
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.DistributionControlFlipFlop div.Selected .ListCtrl ul li
{
	min-height: 30px;
	list-style: none;
	padding: 7px 0 7px 5px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	width: 98%;
	box-sizing: border-box;
	border-bottom: 1px solid var(--p-color-gray4);
	margin: 0;
}
.DistributionControlFlipFlop div.Selected .ListCtrl ul li:hover
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControlFlipFlop div.Selected .ListCtrl ul li:focus
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControlFlipFlop div.Selected .ListCtrl ul li > .Content > .Title
{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 5px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlFlipFlop div.Selected .ListCtrl ul li > .Content > .Title .Additional
{
	display: block;
	font-size: small;
	overflow: hidden;
	padding-left: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlFlipFlop div.Selected .ListCtrl ul li > .Content > .Image
{
	display: inline-block;
	float: left;
	margin: 0 3px 0 0;
	height: 22px;
	width: 22px;
	padding: 5px;
	border: 1px solid var(--p-color-gray4);
	background-color: #eff5f6;
	border-radius: 100%;
}
.DistributionControlFlipFlop div.Selected .ListCtrl ul li > .Content > input[type="checkbox"]
{
	margin: 6px 3px 0 0;
	float: right;
}
.DistributionControlFlipFlop div.Selected .ListCtrl ul li.Selected
{
	background-color: var(--p-color-secondary);
	cursor: pointer;
	height: auto;
}
.DistributionControlFlipFlop div.Selected .ListCtrl ul li.Disabled
{
	opacity: 0.5;
}
.DistributionControlFlipFlop div.Selected .ListCtrl ul li.Removed
{
	opacity: 0.75;
}
.DistributionControlFlipFlop_Max
{
	width: 740px !important;
	height: auto !important;
	position: relative;
	overflow: hidden;
}
.DistributionControlFlipFlop_Max .FlipFlop
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Check1.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
	width: 25px;
	height: 25px;
	position: absolute;
	cursor: pointer;
	box-sizing: border-box;
	right: 0;
	bottom: 0;
}
.DistributionControlFlipFlop_Max div.Search
{
	border-right: 1px solid var(--p-color-gray4);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 60%;
}
.DistributionControlFlipFlop_Max div.Search label
{
	font-family: var(--font-sans);
	font-weight: 300;
	line-height: 30px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlFlipFlop_Max div.Search input[type="text"]
{
	box-sizing: border-box;
	border: 1px solid #e9eff0;
	background-color: #e9eff0;
	border-radius: 100px;
	width: 98%;
	margin: 0;
}
.DistributionControlFlipFlop_Max div.Search > div.Filters
{
	margin: 10px 0 0 0;
	width: 98%;
}
.DistributionControlFlipFlop_Max div.Search > div.Filters > input[type="image"]
{
	border: 1px solid var(--p-color-gray4);
	width: 40px;
	margin: 0 5px 0 0;
	outline-width: 0;
	padding: 5px;
	height: 40px;
	background-color: #eff5f6;
}
.DistributionControlFlipFlop_Max div.Search > div.Filters > input[type="image"]:hover
{
	background-color: #ecf2f3;
}
.DistributionControlFlipFlop_Max div.Search > div.Filters > input[type="image"]:focus
{
	background-color: #ecf2f3;
}
.DistributionControlFlipFlop_Max div.Search > div.Filters > input[type="image"].Selected
{
	background-color: var(--p-color-secondary);
}
.DistributionControlFlipFlop_Max div.Search div.Filters + div.Results div.ListCtrl
{
	top: 124px;
}
.DistributionControlFlipFlop_Max div.Search .ListCtrl
{
	display: block;
	margin: 0;
	position: absolute;
	left: 0;
	top: 75px;
	bottom: 0;
	right: 0;
}
.DistributionControlFlipFlop_Max div.Search .ListCtrl:hover
{
	overflow-y: auto;
}
.DistributionControlFlipFlop_Max div.Search .ListCtrl ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.DistributionControlFlipFlop_Max div.Search .ListCtrl ul li
{
	min-height: 30px;
	list-style: none;
	padding: 7px 0 7px 5px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	width: 98%;
	box-sizing: border-box;
	border-bottom: 1px solid var(--p-color-gray4);
	margin: 0;
}
.DistributionControlFlipFlop_Max div.Search .ListCtrl ul li:hover
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControlFlipFlop_Max div.Search .ListCtrl ul li:focus
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControlFlipFlop_Max div.Search .ListCtrl ul li > .Content > .Title
{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 5px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlFlipFlop_Max div.Search .ListCtrl ul li > .Content > .Title .Additional
{
	display: block;
	font-size: small;
	overflow: hidden;
	padding-left: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlFlipFlop_Max div.Search .ListCtrl ul li > .Content > .Image
{
	display: inline-block;
	float: left;
	margin: 0 3px 0 0;
	height: 22px;
	width: 22px;
	padding: 5px;
	border: 1px solid var(--p-color-gray4);
	background-color: #eff5f6;
	border-radius: 100%;
}
.DistributionControlFlipFlop_Max div.Search .ListCtrl ul li > .Content > input[type="checkbox"]
{
	margin: 6px 3px 0 0;
	float: right;
}
.DistributionControlFlipFlop_Max div.Search .ListCtrl ul li.Selected
{
	background-color: var(--p-color-secondary);
	cursor: pointer;
	height: auto;
	width: 98%;
}
.DistributionControlFlipFlop_Max div.Search .ListCtrl ul li.Disabled
{
	opacity: 0.5;
}
.DistributionControlFlipFlop_Max div.Search .ListCtrl ul li.Removed
{
	opacity: 0.75;
}
.DistributionControlFlipFlop_Max div.Actions
{
	position: absolute;
	width: 59%;
	text-align: right;
}
.DistributionControlFlipFlop_Max div.Actions input[name="action_dist_markall"]
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Check1.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlFlipFlop_Max div.Actions input[name="action_dist_movetosel"]
{
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlFlipFlop_Max div.Actions input[name="action_dist_removefromsel"]
{
	background-image: url(../../thirdparty/icon54/svg/solid/Arrows/Left2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlFlipFlop_Max div.Actions input[name="action_dist_create"]
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Add.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlFlipFlop_Max div.Actions input[name="action_dist_edit"]
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Pencil.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlFlipFlop_Max div.Actions input[name="action_dist_edit"].Disabled
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Pencil.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	width: 22px;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #dee3e4;
	background-color: #dee3e4;
}
.DistributionControlFlipFlop_Max div.Selected
{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 40%;
}
.DistributionControlFlipFlop_Max div.Selected label
{
	font-family: var(--font-sans);
	font-weight: 300;
	line-height: 30px;
	padding-left: 2%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlFlipFlop_Max div.Selected label span.results
{
	display: inline-block;
	float: right;
	padding-right: 5px;
}
.DistributionControlFlipFlop_Max div.Selected .ListCtrl
{
	overflow: hidden;
	min-height: 40px;
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 30px;
	bottom: 60px;
}
.DistributionControlFlipFlop_Max div.Selected .ListCtrl:hover
{
	overflow-y: auto;
}
.DistributionControlFlipFlop_Max div.Selected .ListCtrl ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.DistributionControlFlipFlop_Max div.Selected .ListCtrl ul li
{
	min-height: 30px;
	list-style: none;
	margin: 0 0 0 1%;
	padding: 7px 0 7px 5px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	width: 98%;
	box-sizing: border-box;
	border-bottom: 1px solid var(--p-color-gray4);
}
.DistributionControlFlipFlop_Max div.Selected .ListCtrl ul li:hover
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControlFlipFlop_Max div.Selected .ListCtrl ul li:focus
{
	background-color: #ecf2f3;
	cursor: pointer;
}
.DistributionControlFlipFlop_Max div.Selected .ListCtrl ul li > .Content > .Title
{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 5px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlFlipFlop_Max div.Selected .ListCtrl ul li > .Content > .Title .Additional
{
	display: block;
	font-size: small;
	overflow: hidden;
	padding-left: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionControlFlipFlop_Max div.Selected .ListCtrl ul li > .Content > .Image
{
	display: inline-block;
	float: left;
	margin: 0 3px 0 0;
	height: 22px;
	width: 22px;
	padding: 5px;
	border: 1px solid var(--p-color-gray4);
	background-color: #eff5f6;
	border-radius: 100%;
}
.DistributionControlFlipFlop_Max div.Selected .ListCtrl ul li > .Content > input[type="checkbox"]
{
	margin: 6px 3px 0 0;
	float: right;
}
.DistributionControlFlipFlop_Max div.Selected .ListCtrl ul li.Selected
{
	cursor: pointer;
	background-color: var(--p-color-secondary);
}
.DistributionControlFlipFlop_Max div.Selected .ListCtrl ul li.Disabled
{
	opacity: 0.5;
}
.DistributionControlFlipFlop_Max div.Selected .ListCtrl ul li.Removed
{
	opacity: 0.75;
}
.DistributionVControl div.Selected .ListCtrl
{
	margin: 0;
	padding: 0;
	overflow-y: auto;
}
.DistributionVControl div.Selected .ListCtrl ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.DistributionVControl div.Selected .ListCtrl ul li
{
	min-height: 30px;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	background-color: var(--pill-blue-bg);
	border: 1px solid var(--pill-blue-brd);
	border-radius: 25px;
}
.DistributionVControl div.Selected .ListCtrl ul li > .Content > .Title
{
	display: block;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 5px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 80%;
}
.DistributionVControl div.Selected .ListCtrl ul li > .Content > .Title .Additional
{
	display: block;
	font-size: small;
	overflow: hidden;
	padding-left: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DistributionVControl div.Selected .ListCtrl ul li > .Content > .Image
{
	display: inline-block;
	float: left;
	margin: 0 3px 0 0;
	height: 18px;
	width: 18px;
	padding: 5px;
	border-radius: 100%;
}
.DistributionVControl div.Selected .ListCtrl ul li > .Content
{
	display: flex;
	align-items: center;
	font-size: var(--font-size-s);
}
.DrDistributionVControl div.Selected .ListCtrl
{
	margin: 0;
	padding: 0;
	overflow-y: auto;
}
.DrDistributionVControl div.Selected .ListCtrl ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.DrDistributionVControl div.Selected .ListCtrl ul li
{
	min-height: 30px;
	list-style: none;
	margin: 0;
	padding: 7px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	background-color: transparent;
	border-bottom: 1px solid var(--p-color-gray4);
}
.DrDistributionVControl div.Selected .ListCtrl ul li:last-child
{
	border-bottom: 0;
	padding-bottom: 0;
}
.DrDistributionVControl div.Selected .ListCtrl ul li > .Content > .Title
{
	display: block;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 5px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 80%;
}
.DrDistributionVControl div.Selected .ListCtrl ul li > .Content > .Title .Additional
{
	display: block;
	font-size: small;
	overflow: hidden;
	padding-left: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.DrDistributionVControl div.Selected .ListCtrl ul li > .Content > .Image
{
	display: inline-block;
	float: left;
	margin: 0 3px 0 0;
	height: 22px;
	width: 22px;
	padding: 5px;
	border: 1px solid var(--p-color-gray4);
	background-color: #eff5f6;
	border-radius: 100px;
}
.DistributionVControlSimple div.Selected .ListCtrl
{
	margin: 0;
	padding: 0;
	overflow-y: auto;
}
.DistributionVControlSimple div.Selected .ListCtrl ul
{
	list-style: none;
	margin: 0;
	width: 100%;
	padding: 0;
}
.DistributionVControlSimple div.Selected .ListCtrl ul li
{
	list-style: none;
	text-align: left;
	margin: 0 10px 5px 0;
	float: left;
	background-color: transparent;
	padding: 7px;
	border-radius: 8px;
	border: 1px solid var(--p-color-gray4);
}
.DistributionVControlSimple div.Selected .ListCtrl ul li > .Content > .Title
{
	white-space: normal;
	color: #171d1e;
}
.DistributionVControlSimple div.Selected .ListCtrl ul li > .Content > .Title .Additional
{
	padding-left: 2px;
	font-weight: 100;
	font-size: smaller;
}
.DistributionVControlSimple div.Selected .ListCtrl ul li > .Title:after
{
	content: ";";
	padding-right: 0;
}
.Multiselect_Standard
{
	--base__accent-primary__color: var(--p-color-gray5);
	--base__accent-secondary__color: var(--p-color-secondary);
	--base__background__color--hover: var(--input-bg-hover);
	--base__background__color--readonly: var(--base__accent-primary__color);
	--base__background__color: var(--p-color-light0);
	--base__border__color--hover: var(--p-color-secondary);
	--base__border__color: var(--p-color-gray3);
	--base__invalid__color: #ba1a1a;
	--base__mark__color: #ffb4ab;
	--base__placeholder__color: var(--text-color);
	--base__required__color: #ba1a1a;
	--base__tags__color: var(--text-color);
	--base__text__color: var(--text-color);
	--base__border-radius: 4px;
	--base__border-style: solid;
	--base__border-width: 1px;
	--base__box-shadow: 0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026;
	--base__font-family: var(--font-sans);
	--base__font-size: 15px;
	--base__height: 40px;
	--base__padding: 5px;
	--base__transition: all 0.5s ease;
	--base__opacity--dependent: 0.6;
	--base__border--hover: var(--base__border-width) var(--base__border-style) var(--base__border__color--hover);
	--base__border--invalid: var(--base__border-width) var(--base__border-style) var(--base__invalid__color);
	--base__border-bottom--required: var(--base__border-width) var(--base__border-style) var(--base__border__color);
	--base__border-left--required: var(--base__border-width) var(--base__border-style) var(--base__required__color);
	--base__border-right--required: var(--base__border-width) var(--base__border-style) var(--base__border__color);
	--base__border-top--required: var(--base__border-width) var(--base__border-style) var(--base__border__color);
	--base__border: var(--base__border-width) var(--base__border-style) var(--base__border__color);
	--tag__background-color: var(--base__accent-secondary__color);
	--tag__border-color: transparent;
	--tag__remove__color: var(--base__tags__color);
	--tag__remove__color--hover: var(--base__text__color);
	--list__border-color: var(--base__border__color);
	--list__max-height: 35vh;
	--list__min-height: inherit;
	--header__background-color: var(--base__accent-primary__color);
	--header__select-all-slider__background-color--checked: var(--base__text__color);
	--header__select-all-slider__background-color: var(--base__text__color);
	--header__select-all-slider__border-color--checked: var(--base__text__color);
	--header__select-all-slider__border-color: var(--base__text__color);
	--header__select-all-thumb__background-color--checked: var(--base__accent-primary__color);
	--header__select-all-thumb__background-color: var(--base__accent-primary__color);
	--header__select-all-thumb__border-color--checked: var(--base__text__color);
	--header__select-all-thumb__border-color: var(--base__text__color);
	--list-element__background-color--hover: var(--base__accent-primary__color);
	--list-element__background-color--selected--hover: var(--base__accent-secondary__color);
	--list-element__background-color--selected: var(--base__accent-primary__color);
	--list-element__color--selected: var(--base__text__color);
	--footer__background-color: var(--base__accent-primary__color);
}
.File_Edit_Standard .ul_images
{
	margin: 0;
	padding: 0;
}
.File_Edit_Standard .ul_images .controls
{
	position: absolute;
	top: 5px;
	right: 5px;
}
.File_Edit_Standard .ul_images .delete
{
	cursor: pointer;
	height: 14px;
	top: 5px;
	right: 5px;
	position: absolute;
	width: 14px;
}
.File_Edit_Standard .ul_images .cancel
{
	cursor: pointer;
	height: 14px;
	width: 14px;
}
.File_Edit_Standard .ul_images .start
{
	cursor: pointer;
	height: 14px;
	width: 14px;
}
.File_Edit_Standard .template-download,
.File_Edit_Standard .template-upload
{
	border-bottom: 1px solid var(--p-color-gray4);
	list-style-type: none;
	padding: 5px;
	position: relative;
	min-height: 32px;
}
.File_Edit_Standard .template-upload:hover
{
	background-color: #ecf2f3;
}
.File_Edit_Standard .template-download:last-child,
.File_Edit_Standard .template-upload:last-child
{
	border-bottom: none;
}
.File_Edit_Standard a
{
	display: table-cell;
}
.File_Edit_Standard .preview
{
	text-align: center;
	float: left;
	margin-right: 10px;
}
.File_Edit_Standard .preview:empty
{
	background-image: url(../../thirdparty/icon54/svg/line/Files/BlankFile.svg?usn=1791233093686);
	background-size: contain;
	background-repeat: no-repeat;
}
.File_Edit_Standard .preview canvas,
.File_Edit_Standard .preview img,
.File_Edit_Standard .preview video
{
	border-radius: 4px;
	display: block;
}
.File_Edit_Standard .preview video
{
	height: inherit;
	width: inherit;
}
.File_Edit_Standard .toggle
{
	top: 4px;
	cursor: pointer;
	height: 16px;
	right: 20px;
	position: absolute;
	width: 16px;
}
.File_Edit_Standard .name
{
	margin-right: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.File_Edit_Standard .name a
{
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.File_Edit_Standard .size
{
	float: left;
	margin-right: 10px;
	width: 70px;
	font-size: small;
}
.File_Edit_Standard .dimension
{
	float: left;
	margin-right: 10px;
}
.File_Edit_Standard .dummy
{
	margin: 0 0 10px 0;
	padding: 10px;
	text-align: center;
	list-style-type: none;
	border-radius: 8px;
	font-size: smaller;
	cursor: pointer;
	background-color: transparent;
	border: 1px dashed var(--p-color-gray4);
}
.File_Edit_Standard .dummy > li img
{
	height: 24px;
}
.File_Edit_Standard .emptymessage
{
	color: #171d1e;
}
.File_Edit_Standard a.download
{
	background: url(../../thirdparty/icon54/svg/solid/BasicIcons/Download.svg?usn=1791233093686);
	height: 14px;
	width: 14px;
	background-size: contain;
	display: inline-block;
	position: absolute;
	right: 25px;
	top: 5px;
}
.File_Edit_Standard ix-image-editor
{
	--base__border-color--hover: transparent;
	--base__border-color: transparent;
	--base__gradient__color: #dee3e4;
	--base__text__color: #171d1e;
	--base__border-radius: 8px;
	--base__border-style: solid;
	--base__border-width: 1px;
	--base__box-shadow: none;
	--base__font-family: var(--font-sans);
	--base__font-size: 15px;
	--base__transition: all 0.5s ease;
	--base__border--hover: var(--base__border-width) var(--base__border-style) var(--base__border-color--hover);
	--base__border: var(--base__border-width) var(--base__border-style) var(--base__border-color);
	--edit-trigger__background-color--hover: #eff5f6;
	--edit-trigger__background-color: #eff5f6;
	--edit-trigger__border-color--hover: #eff5f6;
	--edit-trigger__border-color: #eff5f6;
	--edit-trigger__box-shadow: 0 1px 5px #51495454;
	--edit-trigger__text__color--hover: #171d1e;
	--edit-trigger__text__color: #171d1e;
	--edit-menu__background-color: #ffffff;
	--edit-menu__border-color: transparent;
	--edit-menu__border-style: transparent;
	--edit-menu__border-width: 0;
	--edit-menu__box-shadow: 0 1px 5px #51495454;
	--edit-menu__padding--horizontal: 0;
	--edit-menu__padding--vertical: 5px;
	--edit-menu__text__color--hover: var(--base__text__color);
	--edit-menu__text__color: var(--base__text__color);
	--edit-menu-item__background-color--hover: #eff5f6;
	--edit-menu-item__background-color: #ffffff;
	--edit-menu-item__text__color--hover: #171d1e;
	--edit-menu-item__text__color: #171d1e;
	--toolbar__background-color: #eff5f6;
	--toolbar__border-color: var(--base__border-color);
	--toolbar-item__background-color--hover: #eff5f6;
	--toolbar-item__background-color: #eff5f6;
	--toolbar-item__border-color--hover: var(--base__border-color);
	--toolbar-item__border-color: transparent;
	--toolbar-item__color--hover: var(--base__text__color);
}
.File_Edit_Minimal .ul_images
{
	margin: 0;
	padding: 0;
}
.File_Edit_Minimal .ul_images .controls
{
	position: absolute;
	top: 2px;
	right: 2px;
}
.File_Edit_Minimal .ul_images .delete
{
	cursor: pointer;
	width: 18px;
	background: #eff5f6;
	border-radius: 100%;
	position: absolute;
	top: 2px;
	right: 2px;
}
.File_Edit_Minimal .ul_images .delete img
{
	height: 10px;
	margin: 4px 0 0 0;
}
.File_Edit_Minimal .ul_images .cancel
{
	cursor: pointer;
	width: 18px;
	background: #eff5f6;
	border-radius: 100%;
}
.File_Edit_Minimal .ul_images .cancel img
{
	height: 10px;
	margin: 4px 0 0 0;
}
.File_Edit_Minimal .ul_images .start
{
	cursor: pointer;
	width: 18px;
	background: #eff5f6;
	border-radius: 100%;
	margin-right: 2px;
	display: block;
	float: left;
}
.File_Edit_Minimal .ul_images .start img
{
	height: 10px;
	margin: 4px 0 0 0;
}
.File_Edit_Minimal .template-download,
.File_Edit_Minimal .template-upload
{
	margin: 0 10px 10px 0;
	list-style-type: none;
	float: left;
	position: relative;
	display: table;
	text-align: center;
	background-color: transparent;
	border-radius: 8px;
	border: 1px solid var(--p-color-gray4);
}
.File_Edit_Minimal .template-download .delete
{
	display: none;
}
.File_Edit_Minimal .template-download:hover .delete
{
	display: block;
}
.File_Edit_Minimal a
{
	display: table-cell;
	vertical-align: middle;
}
.File_Edit_Minimal .preview
{
	display: block;
}
.File_Edit_Minimal .preview:empty
{
	background-image: url(../../thirdparty/icon54/svg/line/Files/BlankFile.svg?usn=1791233093686);
	background-size: contain;
	background-repeat: no-repeat;
}
.File_Edit_Minimal .preview canvas,
.File_Edit_Minimal .preview img,
.File_Edit_Minimal .preview video
{
	border-radius: 8px;
	display: block;
}
.File_Edit_Minimal .preview video
{
	height: inherit;
	width: inherit;
}
.File_Edit_Minimal .dummy
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.File_Edit_Minimal .dummy > li
{
	display: table;
	float: left;
	position: relative;
	margin: 0 10px 10px 0;
	text-align: center;
	list-style-type: none;
	border-radius: 8px;
	font-size: smaller;
	cursor: pointer;
	background-color: #ffffff;
	border: 1px dashed var(--p-color-gray4);
}
.File_Edit_Minimal .dummy > li img
{
	height: 24px;
}
.File_Edit_Minimal .dummy img
{
	height: 24px;
}
.File_Edit_Minimal .dropzone
{
	margin: 0;
	list-style-type: none;
	cursor: pointer;
}
.File_Edit_Minimal .dropzone.empty
{
	float: none;
}
.File_Edit_Minimal ul .progress
{
	width: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -7px;
	height: 5px;
	border-radius: 8px;
}
.File_Edit_Minimal .emptymessage
{
	display: none;
}
.File_Edit_Minimal ix-image-editor
{
	--base__border-color--hover: transparent;
	--base__border-color: transparent;
	--base__gradient__color: #dee3e4;
	--base__text__color: #171d1e;
	--base__border-radius: 8px;
	--base__border-style: solid;
	--base__border-width: 1px;
	--base__box-shadow: none;
	--base__font-family: var(--font-sans);
	--base__font-size: 15px;
	--base__transition: all 0.5s ease;
	--base__border--hover: var(--base__border-width) var(--base__border-style) var(--base__border-color--hover);
	--base__border: var(--base__border-width) var(--base__border-style) var(--base__border-color);
	--edit-trigger__background-color--hover: #eff5f6;
	--edit-trigger__background-color: #eff5f6;
	--edit-trigger__border-color--hover: #eff5f6;
	--edit-trigger__border-color: #eff5f6;
	--edit-trigger__box-shadow: 0 1px 5px #51495454;
	--edit-trigger__text__color--hover: #171d1e;
	--edit-trigger__text__color: #171d1e;
	--edit-menu__background-color: #ffffff;
	--edit-menu__border-color: transparent;
	--edit-menu__border-style: transparent;
	--edit-menu__border-width: 0;
	--edit-menu__box-shadow: 0 1px 5px #51495454;
	--edit-menu__padding--horizontal: 0;
	--edit-menu__padding--vertical: 5px;
	--edit-menu__text__color--hover: var(--base__text__color);
	--edit-menu__text__color: var(--base__text__color);
	--edit-menu-item__background-color--hover: #eff5f6;
	--edit-menu-item__background-color: #ffffff;
	--edit-menu-item__text__color--hover: #171d1e;
	--edit-menu-item__text__color: #171d1e;
	--toolbar__background-color: #eff5f6;
	--toolbar__border-color: var(--base__border-color);
	--toolbar-item__background-color--hover: #eff5f6;
	--toolbar-item__background-color: #eff5f6;
	--toolbar-item__border-color--hover: var(--base__border-color);
	--toolbar-item__border-color: transparent;
	--toolbar-item__color--hover: var(--base__text__color);
}
.File_Edit_Basic .preview
{
	display: block;
}
.File_Edit_Basic .preview:empty
{
	background-image: url(../../thirdparty/icon54/svg/line/Files/BlankFile.svg?usn=1791233093686);
	background-size: contain;
	background-repeat: no-repeat;
}
.File_Edit_Basic .preview canvas,
.File_Edit_Basic .preview img,
.File_Edit_Basic .preview video
{
	border-radius: 8px;
	display: block;
}
.File_Edit_Basic .preview video
{
	height: inherit;
	width: inherit;
}
.File_Edit_Basic .name
{
	margin: 0 5px;
}
.File_Edit_Basic .fileinput-button
{
	display: block;
}
.File_Edit_Basic td
{
	border-bottom: 1px solid var(--p-color-gray4);
	padding: 5px 2px;
}
.File_Edit_Basic ix-image-editor
{
	--base__border-color: transparent;
	--base__border-color--hover: transparent;
	--base__gradient__color: #dee3e4;
	--base__text__color: #171d1e;
	--base__border-radius: 8px;
	--base__border-style: solid;
	--base__border-width: 1px;
	--base__box-shadow: none;
	--base__font-family: var(--font-sans);
	--base__font-size: 15px;
	--base__transition: all 0.5s ease;
	--base__border--hover: var(--base__border-width) var(--base__border-style) var(--base__border-color--hover);
	--base__border: var(--base__border-width) var(--base__border-style) var(--base__border-color);
	--edit-trigger__background-color--hover: #eff5f6;
	--edit-trigger__background-color: #eff5f6;
	--edit-trigger__border-color--hover: #eff5f6;
	--edit-trigger__border-color: #eff5f6;
	--edit-trigger__box-shadow: 0 1px 5px #51495454;
	--edit-trigger__text__color--hover: #171d1e;
	--edit-trigger__text__color: #171d1e;
	--edit-menu__background-color: #ffffff;
	--edit-menu__border-color: transparent;
	--edit-menu__border-style: transparent;
	--edit-menu__border-width: 0;
	--edit-menu__box-shadow: 0 1px 5px #51495454;
	--edit-menu__padding--horizontal: 0;
	--edit-menu__padding--vertical: 5px;
	--edit-menu__text__color--hover: var(--base__text__color);
	--edit-menu__text__color: var(--base__text__color);
	--edit-menu-item__background-color--hover: #eff5f6;
	--edit-menu-item__background-color: #ffffff;
	--edit-menu-item__text__color--hover: #171d1e;
	--edit-menu-item__text__color: #171d1e;
	--toolbar__background-color: #eff5f6;
	--toolbar__border-color: var(--base__border-color);
	--toolbar-item__background-color--hover: #eff5f6;
	--toolbar-item__background-color: #eff5f6;
	--toolbar-item__border-color--hover: var(--base__border-color);
	--toolbar-item__border-color: transparent;
	--toolbar-item__color--hover: var(--base__text__color);
}
.File_Edit_Advanced .ul_images
{
	margin: 0;
	padding: 0;
}
.File_Edit_Advanced .ul_images .controls
{
	position: absolute;
	top: 22px;
	right: 2px;
}
.File_Edit_Advanced .ul_images .delete
{
	cursor: pointer;
	width: 18px;
	background: #eff5f6;
	border-radius: 100%;
	position: absolute;
	top: 22px;
	right: 2px;
}
.File_Edit_Advanced .ul_images .delete img
{
	height: 10px;
	margin: 4px 0 0 4px;
}
.File_Edit_Advanced .ul_images .cancel
{
	cursor: pointer;
	width: 18px;
	background: #eff5f6;
	border-radius: 100%;
}
.File_Edit_Advanced .ul_images .cancel img
{
	height: 10px;
	margin: 4px 0 0 4px;
}
.File_Edit_Advanced .ul_images .start
{
	cursor: pointer;
	width: 18px;
	background: #eff5f6;
	border-radius: 100%;
	margin-right: 2px;
	display: block;
	float: left;
}
.File_Edit_Advanced .ul_images .start img
{
	height: 10px;
	margin: 4px 0 0 4px;
}
.File_Edit_Advanced .template-download,
.File_Edit_Advanced .template-upload
{
	margin: 0 10px 10px 0;
	list-style-type: none;
	float: left;
	position: relative;
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	padding: 5px 10px;
	border-radius: 8px;
}
.File_Edit_Advanced .template-download .delete
{
	display: none;
}
.File_Edit_Advanced .template-download:hover .delete
{
	display: block;
}
.File_Edit_Advanced .template-upload:hover
{
	background-color: #ecf2f3;
}
.File_Edit_Advanced a
{
	display: table-cell;
}
.File_Edit_Advanced .preview
{
	display: block;
}
.File_Edit_Advanced .preview:empty
{
	background-image: url(../../thirdparty/icon54/svg/line/Files/BlankFile.svg?usn=1791233093686);
	background-size: contain;
	background-repeat: no-repeat;
}
.File_Edit_Advanced .preview canvas,
.File_Edit_Advanced .preview img,
.File_Edit_Advanced .preview video
{
	border-radius: 4px;
	display: block;
}
.File_Edit_Advanced .preview video
{
	height: inherit;
	width: inherit;
}
.File_Edit_Advanced .toggle
{
	position: absolute;
	right: 0;
	bottom: 2px;
}
.File_Edit_Advanced .size
{
	font-size: small;
}
.File_Edit_Advanced .dummy
{
	margin: 0 0 10px 0;
	padding: 10px;
	text-align: center;
	list-style-type: none;
	border-radius: 8px;
	font-size: smaller;
	cursor: pointer;
	background-color: transparent;
	border: 1px dashed var(--p-color-gray4);
}
.File_Edit_Advanced .dummy > li img
{
	height: 24px;
}
.File_Edit_Advanced .dummy img
{
	height: 24px;
}
.File_Edit_Advanced ul .progress
{
	width: auto;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 25px;
	height: 5px;
	border-radius: 8px;
}
.File_Edit_Advanced .fileupload-buttonbar .toggle
{
	top: 43px;
}
.File_Edit_Advanced .emptymessage
{
	color: #171d1e;
}
.File_Edit_Advanced .imagecontainer
{
	display: table;
	text-align: center;
	background-color: transparent;
	border-radius: 8px;
}
.File_Edit_Advanced .imageinfo
{
	position: relative;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.File_Edit_Advanced .imageinfo span
{
	display: block;
	margin: 5px 0 0 0;
	font-size: smaller;
}
.File_Edit_Advanced .imagetitle
{
	position: relative;
}
.File_Edit_Advanced .imagetitle span
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	margin-bottom: 5px;
	font-size: smaller;
}
.File_Edit_Advanced ix-image-editor
{
	--base__border-color--hover: transparent;
	--base__border-color: transparent;
	--base__gradient__color: #dee3e4;
	--base__text__color: #171d1e;
	--base__border-radius: 8px;
	--base__border-style: solid;
	--base__border-width: 1px;
	--base__box-shadow: none;
	--base__font-family: var(--font-sans);
	--base__font-size: 15px;
	--base__transition: all 0.5s ease;
	--base__border--hover: var(--base__border-width) var(--base__border-style) var(--base__border-color--hover);
	--base__border: var(--base__border-width) var(--base__border-style) var(--base__border-color);
	--edit-trigger__background-color--hover: #eff5f6;
	--edit-trigger__background-color: #eff5f6;
	--edit-trigger__border-color--hover: #eff5f6;
	--edit-trigger__border-color: #eff5f6;
	--edit-trigger__box-shadow: 0 1px 5px #51495454;
	--edit-trigger__text__color--hover: #171d1e;
	--edit-trigger__text__color: #171d1e;
	--edit-menu__background-color: #ffffff;
	--edit-menu__border-color: transparent;
	--edit-menu__border-style: transparent;
	--edit-menu__border-width: 0;
	--edit-menu__box-shadow: 0 1px 5px #51495454;
	--edit-menu__padding--horizontal: 0;
	--edit-menu__padding--vertical: 5px;
	--edit-menu__text__color--hover: var(--base__text__color);
	--edit-menu__text__color: var(--base__text__color);
	--edit-menu-item__background-color--hover: #eff5f6;
	--edit-menu-item__background-color: #ffffff;
	--edit-menu-item__text__color--hover: #171d1e;
	--edit-menu-item__text__color: #171d1e;
	--toolbar__background-color: #eff5f6;
	--toolbar__border-color: var(--base__border-color);
	--toolbar-item__background-color--hover: #eff5f6;
	--toolbar-item__background-color: #eff5f6;
	--toolbar-item__border-color--hover: var(--base__border-color);
	--toolbar-item__border-color: transparent;
	--toolbar-item__color--hover: var(--base__text__color);
}
.File_Edit_Basic_Html .fileinput-button
{
	display: inline;
}
.File_View_Standard .ul_images
{
	margin: 0;
	padding: 0;
}
.File_View_Standard .template-view
{
	border-bottom: 1px solid var(--p-color-gray4);
	list-style-type: none;
	padding: 10px 0;
	position: relative;
}
.File_View_Standard .template-view a
{
	display: flex;
	height: inherit;
	align-items: center;
	justify-content: center;
}
.File_View_Standard .template-view img
{
	border-radius: 4px;
	display: block;
}
.File_View_Standard .template-view:last-child
{
	border-bottom: none;
}
.File_View_Standard .preview
{
	text-align: center;
	float: left;
	margin-right: 10px;
	border-radius: 4px;
	display: flex;
	height: inherit;
	align-items: center;
	justify-content: center;
}
.File_View_Standard .name
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.File_View_Standard .name a
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.File_View_Standard .size
{
	font-size: small;
}
.File_View_Standard a.download
{
	background: url(../../thirdparty/icon54/svg/solid/BasicIcons/Download.svg?usn=1791233093686);
	height: 24px;
	width: 24px;
	background-size: contain;
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 10px;
}
.File_View_Minimal a
{
	display: flex;
	height: inherit;
	align-items: center;
	justify-content: center;
}
.File_View_Minimal img
{
	border-radius: 8px;
	display: block;
}
.File_View_Minimal span
{
	margin: 0 5px 5px 0;
	text-align: center;
	float: left;
	border-radius: 8px;
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	display: flex;
	height: inherit;
	align-items: center;
	justify-content: center;
}
.File_View_Minimal:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.File_View_Basic img
{
	max-width: 100%;
	height: auto;
	display: block;
}
.thumbScroller,
.File_View_Scroller
{
	position: relative;
	overflow: hidden;
}
.File_View_Scroller .thumbScroller
{
	padding: 0;
}
.File_View_Scroller .thumbScroller .container
{
	position: relative;
	left: 0;
	display: inline-block;
	padding: 0;
}
.File_View_Scroller .thumbScroller .content
{
	float: left;
	margin-right: 5px;
	height: auto;
}
.File_View_Scroller .thumbScroller .content a
{
	display: block;
}
.File_View_Scroller .thumbScroller .content a:hover img
{
	border: #eff5f6;
}
.File_View_Scroller .thumbScroller img
{
	display: block;
	border-radius: 8px;
}
.File_View_Scroller .jTscrollerNextButton
{
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	right: 5px;
	top: 30%;
	background-color: #ffffff;
	border-radius: 100%;
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.8;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right2.svg?usn=1791233093686);
}
.File_View_Scroller .jTscrollerNextButton:hover
{
	opacity: 1.0;
}
.File_View_Scroller .jTscrollerPrevButton
{
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	left: 5px;
	top: 30%;
	background-color: #ffffff;
	border-radius: 100%;
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.8;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Left2.svg?usn=1791233093686);
}
.File_View_Scroller .jTscrollerPrevButton:hover
{
	opacity: 1.0;
}
.File_View_Gallery .blueimp-gallery
{
	background: #000000;
	margin: 0;
}
.File_View_Gallery .blueimp-gallery-carousel
{
	box-shadow: none;
	border-radius: 8px;
}
.File_View_Gallery .blueimp-gallery > .indicator > li
{
	border: 1px solid #000000;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background-color: #eff5f6;
	border-radius: 100%;
	opacity: 0.8;
	cursor: pointer;
	background-size: cover;
}
.File_View_Gallery .blueimp-gallery > .indicator > li:hover,
.File_View_Gallery .blueimp-gallery > .indicator > .active
{
	background-color: #eff5f6;
	opacity: 1.0;
	transform: scale(1.4);
	transition: all 0.2s ease;
	border: 1px solid transparent;
}
.File_View_Gallery .blueimp-gallery > .prev
{
	font-size: 0;
	border: none;
}
.File_View_Gallery .blueimp-gallery > .next
{
	font-size: 0;
	border: none;
}
.File_View_Webdav
{
	--base__border-color--hover: none;
	--base__border-color: var(--p-color-gray4);
	--base__text__color: #171d1e;
	--base__border-radius: 8px;
	--base__border-style: solid;
	--base__border-width: 1px;
	--base__box-shadow: none;
	--base__font-family: var(--font-sans);
	--base__font-size: 15px;
	--base__border--hover: var(--base__border-width) var(--base__border-style) var(--base__border-color--hover);
	--base__border: var(--base__border-width) var(--base__border-style) var(--base__border-color);
	--webdav-trigger__background-color--hover: transparent;
	--webdav-trigger__background-color: transparent;
	--webdav-trigger__border-color--hover: transparent;
	--webdav-trigger__border-color: transparent;
	--webdav-trigger__border-width: 0;
	--webdav-trigger__border-style: solid;
	--webdav-trigger__box-shadow: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
	--webdav-trigger__text__color--hover: #eff5f6;
	--webdav-trigger__text__color: #eff5f6;
	--webdav-menu__background-color: #eff5f6;
	--webdav-menu__border-color: transparent;
	--webdav-menu__border-style: none;
	--webdav-menu__border-width: 0;
	--webdav-menu__box-shadow: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
	--webdav-menu__padding--horizontal: 0;
	--webdav-menu__padding--vertical: 5px;
	--webdav-menu__text__color--hover: #171d1e;
	--webdav-menu__text__color: #171d1e;
	--webdav-menu-item__background-color--hover: #ffffff;
	--webdav-menu-item__background-color: #eff5f6;
	--webdav-menu-item__text__color--hover: #171d1e;
	--webdav-menu-item__text__color: #171d1e;
	--webdav-menu-divider__width: 1px;
	--webdav-menu-divider__color: var(--p-color-gray4);
	--webdav-menu-divider__spacing: 2px;
	--webdav-menu-item-checkbox__color: #171d1e;
	--webdav-menu-item-checkbox__color--hover: #171d1e;
	--webdav-menu-item-checkbox__width: 15px;
}
.File_View_Webdav .ul_images
{
	margin: 0;
	padding: 0;
}
.File_View_Webdav .template-view
{
	border-bottom: 1px solid var(--p-color-gray4);
	list-style-type: none;
	padding: 10px 0;
	position: relative;
}
.File_View_Webdav .template-view a
{
	display: flex;
	height: inherit;
	align-items: center;
	justify-content: center;
}
.File_View_Webdav .template-view img
{
	border-radius: 4px;
	display: block;
}
.File_View_Webdav .template-view:last-child
{
	border-bottom: none;
}
.File_View_Webdav .preview
{
	text-align: center;
	float: left;
	margin-right: 10px;
	background-color: #eff5f6;
	border-radius: 4px;
	display: flex;
	height: inherit;
	align-items: center;
	justify-content: center;
}
.File_View_Webdav .name
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.File_View_Webdav .name a
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.File_View_Webdav .size
{
	font-size: small;
}
.File_View_Webdav a.download
{
	background: url(../../thirdparty/icon54/svg/solid/BasicIcons/Download.svg?usn=1791233093686);
	height: 24px;
	width: 24px;
	background-size: contain;
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 10px;
}
.Image_Projekt
{
	display: inline-block;
	padding: 0 !important;
}
.Image_Projekt .preview
{
	display: inline-table;
	background-color: white;
	border-radius: 5px;
}
.Image_Projekt img
{
	padding: 3px;
	border-radius: 5px;
	height: 30px;
	width: 60px;
	filter: none;
}
div.calendarcontrol div#view-container
{
	position: relative;
	height: 100%;
	background-image: none;
}
div.calendarcontrol *[data-view-action]:hover
{
	cursor: pointer;
}
div.calendarcontrol .grid.default-data-inking
{
	background-color: #ffffff;
}
div.calendarcontrol .grid-header.default-data-inking
{
	background-color: #ffffff;
}
div.calendarcontrol .detached-independent
{
	z-index: 2;
}
div.calendarcontrol th[data-url]
{
	cursor: pointer;
}
div.calendarcontrol div.calendar-record
{
	font-size: smaller;
	position: relative;
	z-index: 1;
	background-color: var(--p-color-secondary);
}
div.calendarcontrol div.calendar-record:hover
{
	cursor: pointer;
	z-index: 2;
}
div.calendarcontrol div.calendar-record:hover #drag-resize
{
	background-image: url(../../images/assets/calendar/continues_down.gif?usn=1791233093686);
	position: absolute;
	bottom: 2px;
	height: 4px;
	width: 7px;
	left: 50%;
	margin-left: -4px;
	display: none;
}
div.calendarcontrol div.calendar-record:hover #outside-start
{
	display: none;
}
div.calendarcontrol div.calendar-record:hover #outside-end
{
	display: none;
}
div.calendarcontrol div.calendar-record:hover .actionpanel
{
	display: block;
}
div.calendarcontrol div.calendar-record.horizontal #outside-start
{
	background-image: url(../../images/assets/calendar/continues_left.gif?usn=1791233093686);
	position: absolute;
	left: 2px;
	height: 7px;
	width: 4px;
	top: 50%;
	margin-top: -4px;
	display: none;
}
div.calendarcontrol div.calendar-record.horizontal:hover #outside-start
{
	display: none;
}
div.calendarcontrol div.calendar-record.horizontal:focus #outside-start
{
	display: none;
}
div.calendarcontrol div.calendar-record.horizontal #outside-end
{
	background-image: url(../../images/assets/calendar/continues_right.gif?usn=1791233093686);
	position: absolute;
	right: 2px;
	height: 7px;
	width: 4px;
	top: 50%;
	margin-top: -4px;
	display: none;
}
div.calendarcontrol div.calendar-record.horizontal:hover #outside-end
{
	display: none;
}
div.calendarcontrol div.calendar-record.horizontal:focus #outside-end
{
	display: none;
}
div.calendarcontrol div.calendar-record.horizontal:hover .resize-start
{
	background-image: url(../../images/assets/calendar/resize_horizontal_w.png?usn=1791233093686);
	background-position: center;
	background-repeat: no-repeat;
	width: 5px;
	position: absolute;
	left: 1px;
	top: 0;
	bottom: 0;
	cursor: ew-resize;
}
div.calendarcontrol div.calendar-record.horizontal:hover .resize-end
{
	background-image: url(../../images/assets/calendar/resize_horizontal_w.png?usn=1791233093686);
	background-position: center;
	background-repeat: no-repeat;
	width: 5px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: ew-resize;
}
div.calendarcontrol div.calendar-record.horizontal .icon
{
	text-align: left;
	vertical-align: text-top;
	padding: 0;
	margin: 0 0 0 2px;
	float: right;
	max-height: 98%;
}
div.calendarcontrol div.calendar-record.horizontal.start-is-outside .content
{
	padding-left: 5px;
}
div.calendarcontrol div.calendar-record.horizontal.end-is-outside .content
{
	padding-right: 5px;
}
div.calendarcontrol div.calendar-record.horizontal .date
{
	display: none;
}
div.calendarcontrol div.calendar-record.horizontal .recurring
{
	background: url(../../images/assets/calendar/recurring-appointment-white-10.png?usn=1791233093686) center no-repeat;
	width: 10px;
	height: 10px;
	float: right;
	margin-right: 2px;
	margin-top: 2px;
}
div.calendarcontrol div.calendar-record.horizontal .recurring-exception
{
	background: url(../../images/assets/calendar/recurring-exc-appointment-white-10.png?usn=1791233093686) center no-repeat;
	width: 10px;
	height: 10px;
	float: right;
	margin-top: 2px;
	margin-right: 2px;
}
div.calendarcontrol div.calendar-record.vertical #outside-top
{
	background-image: url(../../images/assets/calendar/continues_up.gif?usn=1791233093686);
	position: absolute;
	top: 2px;
	height: 4px;
	width: 7px;
	left: 50%;
	margin-left: -4px;
	display: none;
}
div.calendarcontrol div.calendar-record.vertical #outside-bottom
{
	background-image: url(../../images/assets/calendar/continues_down.gif?usn=1791233093686);
	position: absolute;
	bottom: 2px;
	height: 4px;
	width: 7px;
	left: 50%;
	margin-left: -4px;
	display: none;
}
div.calendarcontrol div.calendar-record.vertical:hover .resize-start
{
	background-image: url(../../images/assets/calendar/resize_vertical_w.png?usn=1791233093686);
	background-position: center;
	background-repeat: no-repeat;
	height: 5px;
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	cursor: ns-resize;
}
div.calendarcontrol div.calendar-record.vertical:hover .resize-end
{
	background-image: url(../../images/assets/calendar/resize_vertical_w.png?usn=1791233093686);
	background-position: center;
	background-repeat: no-repeat;
	height: 5px;
	position: absolute;
	bottom: 1px;
	left: 0;
	right: 0;
	cursor: ns-resize;
}
div.calendarcontrol div.calendar-record.vertical .recurring
{
	background: url(../../images/assets/calendar/recurring-appointment-white-10.png?usn=1791233093686) top no-repeat;
	width: 10px;
	height: 100%;
	position: absolute;
	right: 5px;
	top: 3px;
}
div.calendarcontrol div.calendar-record.vertical .recurring-exception
{
	background: url(../../images/assets/calendar/recurring-exc-appointment-white-10.png?usn=1791233093686) top no-repeat;
	width: 10px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
div.calendarcontrol div.calendar-record.vertical .icon
{
	text-align: left;
	vertical-align: text-top;
	padding: 0;
	margin: 0;
	float: right;
	max-height: 98%;
}
div.calendarcontrol div.calendar-record.vertical .title
{
	display: block;
	text-overflow: ellipsis;
	width: 100%;
}
div.calendarcontrol div.calendar-record.vertical.start-is-outside .content
{
	padding-top: 6px;
}
div.calendarcontrol div.calendar-record.vertical.end-is-outside .content
{
	padding-bottom: 6px;
}
div.calendarcontrol div.calendar-record.start-is-outside #outside-start
{
	display: block;
}
div.calendarcontrol div.calendar-record.end-is-outside #outside-end
{
	display: block;
}
div.calendarcontrol div.calendar-record.dragging
{
	background-color: #006973;
	z-index: 10000;
}
div.calendarcontrol div.calendar-record.dragging .resize-start
{
	display: none;
}
div.calendarcontrol div.calendar-record.dragging .resize-end
{
	display: none;
}
div.calendarcontrol div.calendar-record.dragging #outside-start
{
	display: block;
}
div.calendarcontrol div.calendar-record.dragging #outside-end
{
	display: block;
}
div.calendarcontrol div.calendar-record .content
{
	bottom: 0;
	left: 0;
	margin: 1px 5px 0 7px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}
div.calendarcontrol div.calendar-record .date
{
	float: left;
	margin-right: 10px;
}
div.calendarcontrol div.calendar-record .date-start
{
	font-size: smaller;
}
div.calendarcontrol div.calendar-record .date-end
{
	font-size: smaller;
}
div.calendarcontrol div.calendar-record .title
{
	text-overflow: ellipsis;
}
div.calendarcontrol div.calendar-record .description
{
	display: none;
}
div.calendarcontrol div.calendar-record .plugininfo
{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
}
div.calendarcontrol div.calendar-record .actionpanel
{
	display: none;
	height: 15px;
	right: 0;
	max-width: 20px;
	min-height: 15px;
	position: absolute;
	text-align: center;
	bottom: -15px;
	width: 100%;
	z-index: 1;
	background-color: inherit;
}
div.calendarcontrol div.calendar-record .export
{
	background-image: url(../../images/assets/calendar/export_w_9.gif?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: inline-block;
}
div.calendarcontrol div.calendar-record .export span
{
	display: none;
}
div.calendarcontrol div.calendar-record.highlighted
{
	opacity: 1.0;
}
div.calendarcontrol div.calendar-record.not-highlighted
{
	opacity: 0.2;
}
div.calendarcontrol div.calendar-record-list
{
	position: relative;
	padding: 5px;
	margin: 0 0 5px 0;
	background-color: #eff5f6;
}
div.calendarcontrol div.calendar-record-list .icon
{
	text-align: left;
	vertical-align: text-top;
	padding: 0;
	margin: 0;
	display: block;
}
div.calendarcontrol div.calendar-record-list .recurring
{
	background-image: url(../../images/assets/calendar/recurring-appointment-black-10.png?usn=1791233093686);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 200px;
	top: 6px;
}
div.calendarcontrol div.calendar-record-list .recurring-exception
{
	background-image: url(../../images/assets/calendar/recurring-exc-appointment-black-10.png?usn=1791233093686);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 200px;
	top: 6px;
}
div.calendarcontrol div.calendar-record-list .actionpanel
{
	right: 3px;
	bottom: 3px;
	position: absolute;
	width: 10px;
	height: 10px;
	display: none;
}
div.calendarcontrol div.calendar-record-list:hover .actionpanel
{
	display: block;
}
div.calendarcontrol div.calendar-record-list .export
{
	background-image: url(../../images/assets/calendar/export_b_9.gif?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center;
	width: 9px;
	height: 9px;
	cursor: pointer;
	display: inline-block;
}
div.calendarcontrol div.calendar-record-list .export span
{
	display: none;
}
div.calendarcontrol div.calendar-record-list.start-is-outside .content
{
	padding-left: 5px;
}
div.calendarcontrol div.calendar-record-list.end-is-outside .content
{
	padding-right: 5px;
}
div.calendarcontrol div.calendar-record-list.highlighted
{
	opacity: 1.0;
}
div.calendarcontrol div.calendar-record-list.not-highlighted
{
	opacity: 0.5;
}
div.calendarcontrol div.calendar-record-list .plugininfo
{
	position: absolute;
	left: -5px;
	top: 0;
	bottom: 0;
	width: 5px;
}
.view-day
{
	position: relative;
	height: 100%;
	width: 100%;
}
.view-day .head
{
	margin-bottom: -1px;
}
.view-day .head > table
{
	background-color: transparent;
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-spacing: 0;
	border: 1px solid var(--p-color-gray4);
	border-collapse: seperate;
}
.view-day .head > table > thead > tr:first-child *
{
	border-top-width: 0;
	padding: 7px 3px;
}
.view-day .head > table > * > tr > *:first-child
{
	width: 6% !important;
	overflow: hidden;
	border-left: 1px solid transparent;
	padding: 7px 3px;
}
.view-day .head > table th
{
	overflow: hidden;
	text-align: center;
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
	font-size: smaller;
}
.view-day .head > table td
{
	border-left: 1px solid var(--p-color-gray4);
	height: 22px;
}
.view-day .head > table > tbody > tr > td:first-child
{
	text-align: center;
}
.view-day .head .more-data
{
	background-color: #006973;
	border-radius: 8px;
	bottom: 0;
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
	cursor: pointer;
	display: block;
	font-size: smaller;
	line-height: 7px;
	margin: 0 2px;
	padding: 1px;
	position: absolute;
	text-align: center;
	z-index: 1;
}
.view-day .grid-header div.appointment-bag
{
	float: right;
}
.view-day .grid-header div.appointment-bag > div.appointment
{
	float: left;
	margin-left: 1px;
}
.view-day .grid-header div.appointment-bag > div.appointment .icon
{
	height: 15px;
	width: 15px;
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Callendar.svg?usn=1791233093686) top no-repeat;
	background-size: contain;
	margin-bottom: 1px;
}
.view-day .body
{
	position: relative;
	width: 100%;
}
.view-day .body > table
{
	background-color: transparent;
	width: 100%;
	height: 99%;
	table-layout: fixed;
	empty-cells: show;
	border-spacing: 0;
	border: 1px solid var(--p-color-gray4);
	border-collapse: seperate;
}
.view-day .body > table > * > tr > *:first-child
{
	width: 6% !important;
	overflow: hidden;
}
.view-day .body > table th
{
	text-align: center;
	padding: 0 3px;
	border-left: 1px solid transparent;
	border-top: 1px solid var(--p-color-gray4);
	font-size: smaller;
}
.view-day .grid
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
	height: 15px;
	position: relative !important;
}
.view-day .body > table tr td:nth-of-type(1)
{
	border-left: 1px solid var(--p-color-gray4);
}
.view-day .body > table tr:first-child > *
{
	border-top: 0 solid var(--p-color-gray4);
}
.view-day .body > table tr.even > *
{
	border-top: 1px dotted var(--p-color-gray4);
}
.view-day .body > table tr.early > th
{
	border-left: 1px solid transparent;
	border-bottom: none;
	border-top: var(--p-color-gray4);
	border-right: var(--p-color-gray4);
}
.view-day .body > table tr.early > td
{
	border-bottom-style: none;
	border-top-color: var(--p-color-gray4);
	border-right-color: var(--p-color-gray4);
	border-left-color: var(--p-color-gray4);
}
.view-day .body > table tr.late > th
{
	border-left: 1px solid transparent;
	border-top: 1px solid var(--p-color-gray4);
	border-right: var(--p-color-gray4);
	border-bottom: var(--p-color-gray4);
}
.view-day .body > table tr.late > td
{
	border-color: var(--p-color-gray4);
	border-top-width: 1px;
	border-top-style: solid;
}
.view-day .grid.weekend
{
	background-color: var(--p-color-light3);
}
.view-day .grid-header.weekend
{
	background-color: var(--p-color-light3);
}
.view-day .grid-header.today
{
	background-color: #006973;
	color: #ffffff;
}
.view-day .grid.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-day .grid-header.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-day-spanned
{
	position: relative;
	height: 100%;
	width: 100%;
}
.view-day-spanned .head
{
	margin-bottom: -1px;
}
.view-day-spanned .head > table
{
	background-color: var(--p-color-light3);
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-spacing: 0;
	border: 1px solid var(--p-color-gray4);
	border-collapse: seperate;
}
.view-day-spanned .head > table > thead > tr:first-child *
{
	padding-right: 3px;
}
.view-day-spanned .head > table th
{
	overflow: hidden;
	text-align: center;
	border-left: 1px solid var(--p-color-gray4);
}
.view-day-spanned .head > table td
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
}
.view-day-spanned .head > table > tbody > tr > td:first-child
{
	text-align: center;
}
.view-day-spanned .head > table > * > tr > *:first-child
{
	padding-right: 3px;
	border-left: 1px solid transparent;
}
.view-day-spanned .grid-header div.appointment-bag
{
	float: right;
}
.view-day-spanned .grid-header div.appointment-bag > div.appointment
{
	float: left;
	margin-left: 1px;
}
.view-day-spanned .grid-header div.appointment-bag > div.appointment .icon
{
	height: 15px;
	width: 15px;
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Callendar.svg?usn=1791233093686) top no-repeat;
	background-size: contain;
	margin-bottom: 1px;
}
.view-day-spanned .body
{
	position: relative;
	height: 85%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
.view-day-spanned .body > table
{
	background-color: transparent;
	width: 100%;
	min-height: 40px;
	table-layout: fixed;
	empty-cells: show;
	border-spacing: 0;
	border-top: none;
	border-collapse: seperate;
	border-right: 1px solid var(--p-color-gray4);
	border-bottom: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
}
.view-day-spanned .body > table th
{
	text-align: right;
	padding-right: 3px;
	border-left: 1px solid transparent;
	border-top: 1px solid var(--p-color-gray4);
}
.view-day-spanned .body > table > * > tr > *:first-child
{
	border-left-width: 0;
}
.view-day-spanned .body > table tr:first-child > *
{
	border-top: 0 solid var(--p-color-gray4);
}
.view-day-spanned .grid
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
	position: relative !important;
}
.view-day-spanned .grid.weekend
{
	background-color: #eff5f6;
}
.view-day-spanned .grid-header.weekend
{
	background-color: #eff5f6;
}
.view-day-spanned .grid-header.today
{
	background-color: #006973;
	color: #ffffff;
}
.view-day-spanned .grid.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-day-spanned .grid-header.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-day-spanned .grid-header
{
	padding: 10px;
}
.view-list .appointment-group
{
	padding: 5px 0 0 0;
	border-bottom: 1px solid var(--p-color-gray4);
	display: table;
	width: 100%;
}
.view-list .appointment-group:first-child
{
	padding-top: 2px;
}
.view-list .appointment-group > .title
{
	display: table-cell;
	width: 120px;
	font-family: var(--font-sans);
	font-weight: 700;
	vertical-align: top;
	padding-top: 5px;
	font-size: smaller;
}
.view-list2
{
	max-width: 400px;
}
.view-list2 .appointment-group
{
	margin: 0 0 5px 0;
}
.view-list2 .appointment-group > .title
{
	font-weight: 700;
}
.view-list2 .appointment-group > .subtitle
{
	display: inline-block;
	padding-left: 5px;
}
.view-list2 .appointment.calendar-record-list > .content span.title
{
	font-size: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}
.view-list2 .appointment.calendar-record-list > .content .icon
{
	display: inline-block;
}
.view-month
{
	height: 100%;
}
.view-month > table
{
	width: 100%;
	height: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-spacing: 0;
	border: 1px solid var(--p-color-gray4);
	border-collapse: seperate;
}
.view-month > table > thead > tr > th
{
	height: 15px;
	text-align: center;
	font-size: smaller;
}
.view-month > table > thead > tr:first-child *
{
	border-top-width: 0;
	padding: 7px 3px;
}
.view-month > table > * > tr > *:first-child
{
	border-left-width: 0;
	background-color: transparent;
}
.view-month > table th
{
	width: 14%;
	overflow: hidden;
	text-align: center;
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
	font-size: smaller;
}
.view-month > table th.weeknumber
{
	border-top: none;
	width: 3%;
	background-color: transparent;
}
.view-month > table th.weeknumber span
{
	margin-bottom: 15px;
	display: block;
}
.view-month > table td
{
	border-left: 1px solid var(--p-color-gray4);
}
.view-month .grid
{
	vertical-align: bottom;
	background-color: transparent;
	position: relative !important;
}
.view-month td.grid .more-data
{
	background-color: #006973;
	bottom: 0;
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: smaller;
	line-height: 7px;
	margin: 0 2px;
	padding: 2px;
	position: relative;
	text-align: center;
	border-radius: 8px;
	z-index: 1;
}
.view-month .grid.weekend
{
	background-color: var(--p-color-light3);
}
.view-month .grid-header.weekend
{
	background-color: var(--p-color-light2);
}
.view-month .grid-header.today
{
	background-color: #006973;
	color: #ffffff;
}
.view-month .grid.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-month .grid-header.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-month td.grid-header
{
	height: 20px;
	text-align: center;
	border-top: 1px solid var(--p-color-gray4);
	background-color: transparent;
	vertical-align: middle;
	position: relative;
}
.view-month td.grid-header div.appointment-bag
{
	float: right;
	width: 80%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	text-align: right;
}
.view-month td.grid-header div.appointment-bag > div.appointment
{
	float: right;
	margin-left: 1px;
	display: inline-block;
}
.view-month td.grid-header div.appointment-bag > div.appointment .icon
{
	height: 15px;
	width: 15px;
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Callendar.svg?usn=1791233093686) top no-repeat;
	background-size: contain;
	margin-bottom: 1px;
}
.view-month .month-header
{
	line-height: 32px;
	font-weight: 700;
}
.view-schoolweek
{
	position: relative;
	height: 100%;
	width: 100%;
}
.view-schoolweek .head
{
	margin-bottom: -1px;
}
.view-schoolweek .head > table
{
	background-color: #eff5f6;
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-spacing: 0;
	border: 1px solid var(--p-color-gray4);
	border-collapse: seperate;
}
.view-schoolweek .head > table > thead > tr:first-child *
{
	border-top-width: 0;
	padding: 7px 3px;
	font-size: smaller;
}
.view-schoolweek .head > table > * > tr > *:first-child
{
	border-left: none;
	overflow: hidden;
	width: 10%;
	padding: 7px 3px;
}
.view-schoolweek .head > table th
{
	overflow: hidden;
	text-align: center;
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
}
.view-schoolweek .head > table td
{
	border-left: 1px solid var(--p-color-gray4);
}
.view-schoolweek .head > table > tbody > tr > td:first-child
{
	text-align: center;
	font-size: smaller;
}
.view-schoolweek .grid-header div.appointment-bag
{
	float: right;
}
.view-schoolweek .grid-header div.appointment-bag > div.appointment
{
	float: left;
	margin-left: 1px;
}
.view-schoolweek .grid-header div.appointment-bag > div.appointment .icon
{
	height: 15px;
	width: 15px;
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Callendar.svg?usn=1791233093686) top no-repeat;
	background-size: contain;
	margin-bottom: 1px;
}
.view-schoolweek .body
{
	position: relative;
	height: 85%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
.view-schoolweek .body > table
{
	background-color: transparent;
	width: 100%;
	height: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-spacing: 0;
	border: 1px solid var(--p-color-gray4);
	border-collapse: seperate;
}
.view-schoolweek .body > table > * > tr > *:first-child
{
	width: 10%;
	overflow: hidden;
}
.view-schoolweek .body > table th
{
	text-align: center;
	padding: 7px 3px;
	border-left: 1px solid transparent;
	border-top: 1px solid var(--p-color-gray4);
}
.view-schoolweek .body > table tr:first-child > *
{
	border-top: 0 solid var(--p-color-gray4);
}
.view-schoolweek .grid
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
	position: relative !important;
}
.view-schoolweek .grid.weekend
{
	background-color: #eff5f6;
}
.view-schoolweek .grid-header.weekend
{
	background-color: #eff5f6;
}
.view-schoolweek .grid-header.today
{
	background-color: #006973;
	color: #ffffff;
}
.view-schoolweek .grid.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-schoolweek .grid-header.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-schoolweek .grid-header
{
	padding: 10px;
}
.view-schoolweek .body > table tr td:nth-of-type(1)
{
	border-left: 1px solid var(--p-color-gray4);
}
.view-grouped-days
{
	position: relative;
	height: 100%;
	width: 100%;
}
.view-grouped-days .head > table
{
	background-color: #eff5f6;
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-spacing: 0;
	border: 1px solid var(--p-color-gray4);
	border-collapse: seperate;
}
.view-grouped-days .head > table > thead > tr:first-child > *
{
	border-top-width: 0;
	padding: 7px 3px;
}
.view-grouped-days .head > table > * > tr > *:first-child
{
	overflow: hidden;
	border-left: 1px solid transparent;
	padding: 7px 3px;
}
.view-grouped-days .head > table > colgroup > col:first-child
{
	width: 10%;
}
.view-grouped-days .head > table th
{
	overflow: hidden;
	text-align: center;
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
	font-size: smaller;
}
.view-grouped-days .head > table td
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
	overflow: hidden;
	text-align: center;
	font-size: x-small;
}
.view-grouped-days .head > table > tbody > tr > td:first-child
{
	text-align: center;
}
.view-grouped-days .grid-header div.appointment-bag
{
	float: right;
}
.view-grouped-days .grid-header div.appointment-bag > div.appointment
{
	float: left;
	margin-left: 1px;
}
.view-grouped-days .grid-header div.appointment-bag > div.appointment .icon
{
	height: 15px;
	width: 15px;
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Callendar.svg?usn=1791233093686) top no-repeat;
	background-size: contain;
	margin-bottom: 1px;
}
.view-grouped-days .body
{
	position: relative;
	width: 100%;
}
.view-grouped-days .body > table
{
	background-color: transparent;
	width: 100%;
	empty-cells: show;
	border-spacing: 0;
	border-top: none;
	border-collapse: seperate;
	table-layout: fixed;
	border-right: 1px solid var(--p-color-gray4);
	border-bottom: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
}
.view-grouped-days .body > table > colgroup > col:first-child
{
	width: 10%;
}
.view-grouped-days .body > table th
{
	text-align: left;
	vertical-align: middle;
	padding: 5px 3px 5px 3px;
	border-left: 1px solid transparent;
	border-top: 1px solid var(--p-color-gray4);
}
.view-grouped-days .body > table th[data-container="plugin"]
{
	background-color: transparent;
}
.view-grouped-days .body > table tr.data th
{
	white-space: nowrap;
}
.view-grouped-days .body > table tr.data th span
{
	text-overflow: ellipsis;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	font-size: smaller;
}
.view-grouped-days .body > table tr:first-child > *
{
	border-top: 0 solid var(--p-color-gray4);
}
.view-grouped-days .grid
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px dotted var(--p-color-gray4);
	position: relative !important;
}
.view-grouped-days .body > table td:first-child
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
}
.view-grouped-days .body > table tr td:nth-of-type(1)
{
	border-left: 1px solid var(--p-color-gray4);
}
.view-grouped-days .grid.weekend
{
	background-color: #eff5f6;
}
.view-grouped-days .grid-header.weekend
{
	background-color: #eff5f6;
}
.view-grouped-days .grid-subheader.weekend
{
	background-color: #eff5f6;
}
.view-grouped-days .grid-header.today
{
	background-color: #006973;
	color: #ffffff;
}
.view-grouped-days .grid-subheader.today
{
	font-size: smaller;
}
.view-grouped-days .grid.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-grouped-days .grid-header.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-grouped-days .grid-subheader.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-grouped-days .grid-header
{
	padding: 10px;
}
.view-grouped-days .body > table tr.even > *
{
	border-top-style: dotted;
}
.view-grouped-days .body > table tr.early > th
{
	border-color: var(--p-color-gray4);
	border-left-width: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.view-grouped-days .body > table tr.early > td
{
	border-color: var(--p-color-gray4);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.view-grouped-days .body > table tr.late > th
{
	border-color: var(--p-color-gray4);
	border-left-width: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.view-grouped-days .body > table tr.late > td
{
	border-color: var(--p-color-gray4);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.view-grouped-days-ghtv
{
	position: relative;
	height: 100%;
	width: 100%;
}
.view-grouped-days-ghtv .head > table
{
	background-color: #eff5f6;
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-spacing: 0;
	border: 1px solid var(--p-color-gray4);
}
.view-grouped-days-ghtv .head > table > thead > tr:first-child > *
{
	border-bottom: 1px solid var(--p-color-gray4);
	border-top: 0;
	padding: 7px 3px;
}
.view-grouped-days-ghtv .head > table > * > tr > *:first-child
{
	overflow: hidden;
	border-left: 1px solid transparent;
	border-right: 1px solid var(--p-color-gray4);
	padding: 7px 3px;
}
.view-grouped-days-ghtv .head > table > colgroup > col:first-child
{
	width: 75px;
}
.view-grouped-days-ghtv .head > table th
{
	overflow: hidden;
	text-align: center;
	font-size: smaller;
}
.view-grouped-days-ghtv .head > table td
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
	overflow: hidden;
	text-align: center;
}
.view-grouped-days-ghtv .head > table > tbody > tr > td:first-child
{
	text-align: center;
}
.view-grouped-days-ghtv .head > table > thead > tr:first-child > *:first-child
{
	border-bottom: none;
}
.view-grouped-days-ghtv .grid-header div.appointment-bag
{
	float: right;
}
.view-grouped-days-ghtv .grid-header div.appointment-bag > div.appointment
{
	float: left;
	margin-left: 1px;
}
.view-grouped-days-ghtv .grid-header div.appointment-bag > div.appointment .icon
{
	height: 15px;
	width: 15px;
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Callendar.svg?usn=1791233093686) top no-repeat;
	background-size: contain;
	margin-bottom: 1px;
}
.view-grouped-days-ghtv .body
{
	position: relative;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
.view-grouped-days-ghtv .body > table
{
	background-color: transparent;
	width: 100%;
	empty-cells: show;
	border-spacing: 0;
	border-top: none;
	border-collapse: seperate;
	table-layout: fixed;
	border-right: 1px solid var(--p-color-gray4);
	border-bottom: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
}
.view-grouped-days-ghtv .body > table > colgroup > col:first-child
{
	width: 75px;
}
.view-grouped-days-ghtv .body > table th
{
	text-align: left;
	vertical-align: middle;
	padding: 5px 3px 5px 3px;
	border-left: 1px solid transparent;
	border-top: 1px solid var(--p-color-gray4);
}
.view-grouped-days-ghtv .body > table th[data-container="plugin"]
{
	background-color: transparent;
}
.view-grouped-days-ghtv .body > table tr.data th
{
	white-space: nowrap;
}
.view-grouped-days-ghtv .body > table tr.data th span
{
	text-overflow: ellipsis;
	width: 100%;
	display: inline-block;
	overflow: hidden;
}
.view-grouped-days-ghtv .body > table tr:first-child > *
{
	border-top: 0 solid var(--p-color-gray4);
}
.view-grouped-days-ghtv .grid
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px dotted var(--p-color-gray4);
	position: relative !important;
}
.view-grouped-days-ghtv .body > table td:first-child
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
}
.view-grouped-days-ghtv .body > table tr td:nth-of-type(1)
{
	border-left: 1px solid var(--p-color-gray4);
}
.view-grouped-days-ghtv .grid.weekend
{
	background-color: #eff5f6;
}
.view-grouped-days-ghtv .grid-header.weekend
{
	background-color: #eff5f6;
}
.view-grouped-days-ghtv .grid-subheader.weekend
{
	background-color: #eff5f6;
}
.view-grouped-days-ghtv .grid-header.today
{
	background-color: #006973;
	color: #ffffff;
	font-size: smaller;
}
.view-grouped-days-ghtv .grid-subheader.today
{
	font-size: smaller;
}
.view-grouped-days-ghtv .grid.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-grouped-days-ghtv .grid-header.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-grouped-days-ghtv .grid-subheader.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-grouped-days-ghtv .grid-header
{
	padding: 10px;
}
.view-grouped-days-ghtv .body > table tr.even > *
{
	border-top-style: dotted;
}
.view-grouped-days-ghtv .body > table tr.early > th
{
	border-left-width: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.view-grouped-days-ghtv .body > table tr.early > td
{
	border-color: var(--p-color-gray4);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.view-grouped-days-ghtv .body > table tr.late > th
{
	border-color: var(--p-color-gray4);
	border-left-width: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.view-grouped-days-ghtv .body > table tr.late > td
{
	border-color: var(--p-color-gray4);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.view-grouped-months
{
	position: relative;
	height: 100%;
	width: 100%;
}
.view-grouped-months > table
{
	width: 100%;
	empty-cells: show;
	background-color: transparent;
	height: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border: 1px solid var(--p-color-gray4);
	border-collapse: seperate;
}
.view-grouped-months > table > colgroup > col:first-child
{
	width: 15%;
}
.view-grouped-months > table tr th
{
	padding: 5px 3px;
	text-align: left;
	white-space: nowrap;
}
.view-grouped-months > table tr th span
{
	text-overflow: ellipsis;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	font-size: smaller;
}
.view-grouped-months > table tr.data th
{
	white-space: nowrap;
	font-size: smaller;
}
.view-grouped-months table + table
{
	margin-top: 20px;
}
.view-grouped-months tr.head > *
{
	text-align: center;
	border-top: 1px solid var(--p-color-gray4);
	border-bottom: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
}
.view-grouped-months tr.head:first-child > *
{
	border-top: 0 solid var(--p-color-gray4);
}
.view-grouped-months tr.head > th:first-child
{
	border-left: 0 solid var(--p-color-gray4);
}
.view-grouped-months tr.data-header > *
{
	border-bottom: 1px solid var(--p-color-gray4);
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px dotted var(--p-color-gray4);
}
.view-grouped-months tr.data-header.first > *
{
	border-top: none;
}
.view-grouped-months .grid-header
{
	position: relative;
	padding: 10px 0;
}
.view-grouped-months .grid-header div.appointment-bag
{
	position: absolute;
	bottom: -18px;
	left: 0;
	background-color: inherit;
	min-width: 100%;
	display: none;
	z-index: 2;
	white-space: nowrap;
}
.view-grouped-months .grid-header:hover div.appointment-bag
{
	display: block;
}
.view-grouped-months .grid-header div.appointment-bag > div.appointment
{
	display: inline-block;
	padding: 1px 1px 1px 1px;
}
.view-grouped-months .grid-header div.appointment-bag > div.appointment .icon
{
	height: 15px;
	width: 15px;
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Callendar.svg?usn=1791233093686) top no-repeat;
	background-size: contain;
	margin-bottom: 1px;
}
.view-grouped-months tr.data
{
	height: 20px;
}
.view-grouped-months tr.data.first > *
{
	border-top: 0 solid var(--p-color-gray4);
}
.view-grouped-months tr.data > *
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px dotted var(--p-color-gray4);
}
.view-grouped-months .grid
{
	border-left: 1px solid var(--p-color-gray4);
	vertical-align: bottom;
	position: relative !important;
}
.view-grouped-months td.grid .more-data
{
	display: block;
	bottom: 0;
	padding: 1px;
	font-size: smaller;
	line-height: 7px;
	margin: 0;
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
	cursor: pointer;
	text-align: center;
	color: #ffffff;
	z-index: 1;
	position: relative;
	background-color: #006973;
}
.view-grouped-months .grid.weekend
{
	background-color: var(--p-color-light3);
}
.view-grouped-months .grid-header.weekend
{
	background-color: var(--p-color-light3);
}
.view-grouped-months .grid-subheader.weekend
{
	background-color: #eff5f6;
}
.view-grouped-months .grid.today
{
	background-color: #006973;
	color: #ffffff;
}
.view-grouped-months .grid-header.today
{
	background-color: #006973;
	color: #ffffff;
}
.view-grouped-months .grid-subheader.today
{
	font-size: smaller;
}
.view-grouped-months .grid.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-grouped-months .grid-header.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-grouped-months .grid-subheader.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-grouped-months tr th:first-child
{
	border-left: 0 solid var(--p-color-gray4);
}
.view-grouped-months-horizontal
{
	position: relative;
	height: 100%;
	width: 100%;
}
.view-grouped-months-horizontal > table
{
	min-width: 100%;
	empty-cells: show;
	background-color: transparent;
	height: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border: 1px solid var(--p-color-gray4);
	border-collapse: seperate;
}
.view-grouped-months-horizontal > table > colgroup > col:first-child
{
	width: 15%;
}
.view-grouped-months-horizontal > table tr th
{
	padding: 5px 3px;
	text-align: left;
	white-space: nowrap;
}
.view-grouped-months-horizontal > table tr th span
{
	font-size: smaller;
	text-overflow: ellipsis;
	width: 100%;
	display: inline-block;
	overflow: hidden;
}
.view-grouped-months-horizontal > table tr.data th
{
	white-space: nowrap;
}
.view-grouped-months-horizontal table + table
{
	margin-top: 20px;
}
.view-grouped-months-horizontal tr.head > *
{
	text-align: center;
	border-bottom: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
}
.view-grouped-months-horizontal tr.head:first-child > *
{
	border-top: 0 solid var(--p-color-gray4);
}
.view-grouped-months-horizontal tr.head > th:first-child
{
	border-left: 0 solid var(--p-color-gray4);
}
.view-grouped-months-horizontal tr.head .scale-spacer
{
	border-left: 1px solid var(--p-color-gray4);
	border-right: 1px solid var(--p-color-gray4);
	background-position: center;
	background-image: url(../../thirdparty/icon54/svg/line/BackToSchool/DrawingClass.svg?usn=1791233093686);
	background-size: 20%;
	background-repeat: no-repeat;
}
.view-grouped-months-horizontal tr.data-header > *
{
	border-bottom: 1px solid var(--p-color-gray4);
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px dotted var(--p-color-gray4);
}
.view-grouped-months-horizontal tr.data-header.first > *
{
	border-top: none;
}
.view-grouped-months-horizontal .grid-header
{
	position: relative;
	padding: 10px;
}
.view-grouped-months-horizontal .grid-header div.appointment-bag
{
	position: absolute;
	bottom: -18px;
	left: 0;
	background-color: inherit;
	min-width: 100%;
	display: none;
	z-index: 2;
	white-space: nowrap;
}
.view-grouped-months-horizontal .grid-header:hover div.appointment-bag
{
	display: block;
}
.view-grouped-months-horizontal .grid-header div.appointment-bag > div.appointment
{
	display: inline-block;
	padding: 1px 1px 1px 1px;
}
.view-grouped-months-horizontal .grid-header div.appointment-bag > div.appointment .icon
{
	height: 15px;
	width: 15px;
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Callendar.svg?usn=1791233093686) top no-repeat;
	background-size: contain;
	margin-bottom: 1px;
}
.view-grouped-months-horizontal tr.data
{
	height: 20px;
}
.view-grouped-months-horizontal tr.data.first > *
{
	border-top: 0 solid var(--p-color-gray4);
}
.view-grouped-months-horizontal tr.data > *
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px dotted var(--p-color-gray4);
}
.view-grouped-months-horizontal tr.data .scale-spacer
{
	border-left: 1px solid var(--p-color-gray4);
	border-right: 1px solid var(--p-color-gray4);
	background-position: center;
	background-image: url(../../thirdparty/icon54/svg/line/BackToSchool/DrawingClass.svg?usn=1791233093686);
	background-size: 20px;
	background-repeat: no-repeat;
}
.view-grouped-months-horizontal .grid
{
	border-left: 1px solid var(--p-color-gray4);
	vertical-align: bottom;
	position: relative !important;
}
.view-grouped-months-horizontal td.grid .more-data
{
	display: block;
	bottom: 0;
	padding: 1px;
	font-size: smaller;
	line-height: 7px;
	margin: 0;
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
	cursor: pointer;
	text-align: center;
	color: #ffffff;
	z-index: 1;
	position: relative;
	background-color: #006973;
	border-radius: 8px;
}
.view-grouped-months-horizontal .grid.weekend
{
	background-color: #eff5f6;
}
.view-grouped-months-horizontal .grid-header.weekend
{
	background-color: #eff5f6;
}
.view-grouped-months-horizontal .grid-subheader.weekend
{
	background-color: #eff5f6;
}
.view-grouped-months-horizontal .grid.today
{
	background-color: #006973;
	color: #ffffff;
}
.view-grouped-months-horizontal .grid-header.today
{
	background-color: #006973;
	color: #ffffff;
}
.view-grouped-months-horizontal .grid-subheader.today
{
	font-size: smaller;
}
.view-grouped-months-horizontal .grid.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-grouped-months-horizontal .grid-header.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-grouped-months-horizontal .grid-subheader.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-grouped-months-horizontal tr th:first-child
{
	border-left: 0 solid var(--p-color-gray4);
}
.view-year
{
	position: relative;
	height: 100%;
	width: 100%;
}
.view-year .head > table
{
	background-color: transparent;
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-spacing: 0;
	border: 1px solid var(--p-color-gray4);
	border-collapse: seperate;
}
.view-year .head > table > thead > tr:first-child > *
{
	border-top-width: 0;
	padding: 7px 3px;
}
.view-year .head > table > * > tr > *:first-child
{
	overflow: hidden;
	border-left: 1px solid transparent;
	padding: 7px 3px;
}
.view-year .head > table > colgroup > col:first-child
{
	width: 35px;
}
.view-year .head > table th
{
	overflow: hidden;
	text-align: center;
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
	font-size: smaller;
}
.view-year .head > table td
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
	overflow: hidden;
	text-align: center;
}
.view-year .head > table > tbody > tr > td:first-child
{
	text-align: center;
}
.view-year .grid-header div.appointment-bag
{
	float: right;
}
.view-year .grid-header div.appointment-bag > div.appointment
{
	float: left;
	margin-left: 1px;
}
.view-year .grid-header div.appointment-bag > div.appointment .icon
{
	height: 15px;
	width: 15px;
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Callendar.svg?usn=1791233093686) top no-repeat;
	background-size: contain;
	margin-bottom: 1px;
}
.view-year .body
{
	position: relative;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
.view-year .body > table
{
	background-color: transparent;
	width: 100%;
	empty-cells: show;
	border-spacing: 0;
	border-top: none;
	border-collapse: seperate;
	table-layout: fixed;
	border-right: 1px solid var(--p-color-gray4);
	border-bottom: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
}
.view-year .body > table > colgroup > col:first-child
{
	width: 35px;
	text-align: center;
}
.view-year .body > table th
{
	text-align: left;
	vertical-align: middle;
	padding: 5px 3px 5px 3px;
	border-left: 1px solid transparent;
	border-top: 1px dotted var(--p-color-gray4);
	font-size: smaller;
}
.view-year .body > table tr.data th
{
	white-space: nowrap;
}
.view-year .body > table tr.data th span
{
	text-overflow: ellipsis;
	width: 100%;
	display: inline-block;
	overflow: hidden;
}
.view-year .body > table tr:first-child > *
{
	border-top: 0 solid var(--p-color-gray4);
}
.view-year .grid
{
	border-top: 1px dotted var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
	height: 15px;
	position: relative !important;
}
.view-year .body > table td:first-child
{
	border-top: 1px solid var(--p-color-gray4);
	border-left: 1px solid var(--p-color-gray4);
}
.view-year .body > table tr td:nth-of-type(1)
{
	border-left: 1px solid var(--p-color-gray4);
}
.view-year .grid.weekend
{
	background-color: var(--p-color-light3);
}
.view-year .grid-header.weekend
{
	background-color: #eff5f6;
}
.view-year .grid-subheader.weekend
{
	background-color: #eff5f6;
}
.view-year .grid.today
{
	background-color: #006973;
	color: #ffffff;
}
.view-year .grid-header.today
{
	background-color: #006973;
	color: #ffffff;
}
.view-year .grid-subheader.today
{
	font-size: smaller;
}
.view-year .grid.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-year .grid-header.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-year .grid-subheader.marked
{
	background-color: var(--p-color-secondary) 82;
}
.view-year .grid-header
{
	padding: 10px;
}
.view-year .body > table td .more-data
{
	display: block;
	bottom: 0;
	right: 0;
	padding: 0;
	font-weight: 700;
	line-height: 7px;
	margin: 0;
	cursor: pointer;
	text-align: right;
	color: #1a8290;
}
.view-year .body > table tr.early > th
{
	border-color: var(--p-color-gray4);
	border-left-width: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.view-year .body > table tr.early > td
{
	border-color: var(--p-color-gray4);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.view-year .body > table tr.late > th
{
	border-color: var(--p-color-gray4);
	border-left-width: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.view-year .body > table tr.late > td
{
	border-color: var(--p-color-gray4);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.Calendar_Navigator .TitleBG
{
	text-align: center;
	height: 24px;
	line-height: 24px;
}
.Calendar_Navigator .Title
{
	margin: 0;
	font-family: var(--font-sans);
}
.Calendar_Navigator .TitlePrev_Inner
{
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Left2.svg?usn=1791233093686);
	height: 15px;
	width: 18px;
	float: left;
	filter: var(--svg-filter-default);
}
.Calendar_Navigator .TitleNext_Inner
{
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right2.svg?usn=1791233093686);
	height: 15px;
	width: 18px;
	background-position: right;
	float: right;
	filter: var(--svg-filter-default);
}
.Calendar_Navigator .HeaderHorizontalBG
{
	text-align: center;
}
.Calendar_Navigator .HeaderVerticalBG
{
	text-align: center;
	background-color: transparent;
	border-radius: 100px;
	border: 1px solid var(--p-color-gray4);
	width: 30px;
	height: 30px;
}
.Calendar_Navigator .MainBG
{
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 100px;
}
.Calendar_Navigator .Main
{
	font-style: normal;
}
.Calendar_Navigator .MainBG:hover
{
	background-color: var(--p-color-secondary);
	vertical-align: middle;
}
.Calendar_Navigator .MainBG_today
{
	text-align: center;
	background-color: #006973;
	color: #ffffff;
	vertical-align: middle;
	border-radius: 100px;
}
.Calendar_Navigator .MainBG_inked
{
	width: 30px;
	height: 30px;
	background-color: var(--p-color-secondary);
	text-align: center;
	border-radius: 100px;
}
.Calendar_Navigator .Main_inked
{
	font-style: normal;
}
.Calendar_Navigator .Dropdown
{
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
}
.Calendar_Navigator .Dropdown .Row
{
	background-color: #ffffff;
	cursor: pointer;
	padding: 3px;
}
.Calendar_Navigator .Dropdown .Text
{
	background-color: #ffffff;
	cursor: pointer;
}
.Calendar_Navigator .Dropdown .Row:hover
{
	background-color: #ffffff;
	cursor: pointer;
}
.Calendar_Navigator .Dropdown .Row:hover .Text
{
	background-color: #ffffff;
}
.Calendar_Navigator > table
{
	border: 0 none;
	border-spacing: 5px;
	margin: 0 0 20px 0;
}
div.plugin-selector
{
	margin-top: 5px;
}
div.plugin-selector .plgRow
{
	position: relative;
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	margin-bottom: 5px;
	padding: 5px 0 5px 0;
	border-radius: 0 8px 8px 0;
}
div.plugin-selector .plgRow:hover
{
	cursor: pointer;
	background-color: #ecf2f3;
}
div.plugin-selector .plgRowAct
{
	cursor: pointer;
	background-color: #ffffff;
}
div.plugin-selector .plgRow .clrFld
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 5px;
}
div.plugin-selector .plgRow input[type="checkbox"],
div.plugin-selector .plgRowAct input[type="checkbox"]
{
	position: relative;
	margin: 1px 0 0 10px;
	float: left;
}
div.plugin-selector .plgRow span.plgTitle
{
	display: inline-block;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 2px 0 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 60%;
}
div.plugin-selector .plgRow span.plgShowHide
{
	display: inline-block;
	float: right;
	height: 18px;
	width: 18px;
	text-indent: -9999px;
	margin: 0 5px 0 0;
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Eye.svg?usn=1791233093686) 0% 2px no-repeat transparent;
	filter: var(--svg-filter-default);
}
div.plugin-selector .plgRowHidden span.plgShowHide
{
	display: inline-block;
	float: right;
	height: 16px;
	width: 16px;
	text-indent: -9999px;
	margin: 0 5px 0 0;
	background: url(../../images/assets/calendar/view-hidden.png?usn=1791233093686) 0% 0% no-repeat transparent;
}
div.calendar-legend
{
	margin-top: 5px;
	margin-bottom: 15px;
}
div.calendar-legend .legendRow
{
	position: relative;
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	margin-bottom: 5px;
	padding: 5px 0 5px 0;
	border-radius: 0 8px 8px 0;
}
div.calendar-legend .legendRow .clrBgFld
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 5px;
}
div.calendar-legend .legendRow .clrFgFld
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5px;
	width: 5px;
}
div.calendar-legend .legendRow span
{
	margin: 0;
	padding: 0 0 0 15px;
	display: inline-block;
	float: left;
	width: 75%;
}
div.calendar-legend-horizontal
{
	margin-top: 5px;
	clear: both;
}
div.calendar-legend-horizontal .legendRow
{
	position: relative;
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	margin-right: 5px;
	padding: 2px 5px;
	border-radius: 0 8px 8px 0;
	float: left;
}
div.calendar-legend-horizontal .legendRow .clrBgFld
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 5px;
}
div.calendar-legend-horizontal .legendRow .clrFgFld
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5px;
	width: 5px;
}
div.calendar-legend-horizontal .legendRow span
{
	margin: 0;
	padding: 0 0 0 15px;
	display: inline-block;
	float: left;
}
.calendar_container_left
{
	display: grid;
}
.calendar_container_right
{
	display: grid;
}
.viewswitcher_container-header_navigation-area
{
	text-align: center;
	margin-bottom: 15px;
}
.viewswitcher_container-header_navigation-area img
{
	display: inline;
	height: 20px !important;
	width: 20px !important;
}
.calendar_container_left_navigation_area
{
	text-align: center;
	margin-bottom: 15px;
}
.calendar_container_left_navigation_area img
{
	display: inline;
}
div.viewswitcher
{
	margin-right: -1%;
}
div.viewswitcher > ul
{
	margin: 0;
	padding: 0;
}
div.viewswitcher > ul > li.selected
{
	background: var(--button-secondary-bg);
	border: var(--button-secondary-border);
}
div.viewswitcher > ul > li
{
	display: inline-block;
	white-space: nowrap;
	width: 32.3%;
	text-align: center;
	margin: 0 1% 5px 0;
	background-color: transparent;
	border: var(--button-secondary-border);
	border-radius: 8px;
	box-sizing: border-box;
}
div.viewswitcher > ul > li > a
{
	color: var(--text-color);
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 5px;
	line-height: 32px;
	font-size: small;
	font-family: var(--font-sans);
}
div.viewswitcher > ul > li > a:hover
{
	text-decoration: none;
}
div.viewswitcher > ul > li > a:focus
{
	text-decoration: none;
}
div.viewswitcher > ul > li:hover
{
	background: var(--button-secondary-bg-hover);
	border: var(--button-secondary-border-hover);
}
div.viewswitcher > ul > li:focus
{
	background-color: #ecf2f3;
}
div.viewswitcher-align-right
{
	text-align: right;
}
div.viewswitcher-align-right > ul
{
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
div.viewswitcher-align-right > ul > li.selected
{
	background-color: var(--p-color-secondary);
}
div.viewswitcher-align-right > ul > li
{
	display: inline-block;
	white-space: nowrap;
	min-width: 120px;
	text-align: center;
	margin: 0 0.5% 5px 0;
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	border-radius: 8px;
}
div.viewswitcher-align-right > ul > li > a
{
	color: #171d1e;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 5px;
	line-height: 32px;
	font-size: small;
	font-family: var(--font-sans);
}
div.viewswitcher-align-right > ul > li > a:hover
{
	text-decoration: none;
}
div.viewswitcher-align-right > ul > li > a:focus
{
	text-decoration: none;
}
div.viewswitcher-align-right > ul > li:hover
{
	background-color: #ecf2f3;
}
div.viewswitcher-align-right > ul > li:focus
{
	background-color: #ecf2f3;
}
.addon-res
{
	background: url(../../thirdparty/icon54/svg/line/BasicIcons/Preferences1.svg?usn=1791233093686) 2px center no-repeat;
	background-size: 18px;
	padding: 5px 0 5px 25px;
	margin: 10px 0 0 0;
}
.addon-res-cfg
{
	padding: 10px;
}
.addon-res-cfg div.search
{
	margin: 5px 0;
	padding: 2px 0 2px 0;
}
.addon-res-cfg .switchall[data-select="none"]
{
	float: right;
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Close.svg?usn=1791233093686);
	background-position: right;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.addon-res-cfg .switchall
{
	float: right;
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Check1.svg?usn=1791233093686);
	background-position: right;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.addon-res-cfg div.actionpanel
{
	padding: 4px 0 0 0;
}
.Text_Standard
{
	color: var(--text-color);
	font-size: var(--font-size-m);
}
.Text_Number
{
	color: var(--text-color);
	font-size: var(--font-size-m);
	text-align: right;
}
.Text_Date
{
	color: var(--text-color);
	font-size: var(--font-size-m);
}
.Text_Strong
{
	color: var(--text-color);
	font-size: var(--font-size-m);
	font-weight: 600;
}
.Text_Small
{
	color: var(--text-color);
	font-size: var(--font-size-s);
}
.Text_H1
{
	font-size: var(--h1-font-size);
	color: var(--h1-color);
	font-weight: var(--h1-font-weight);
	font-family: var(--font-sans);
}
.Text_H2
{
	font-size: var(--h2-font-size);
	color: var(--h2-color);
	font-weight: var(--h2-font-weight);
	font-family: var(--font-sans);
}
.Text_H3
{
	font-size: var(--h3-font-size);
	color: var(--h3-color);
	font-weight: var(--h3-font-weight);
	font-family: var(--font-sans);
}
.Text_H4
{
	font-size: var(--font-size-l);
	font-family: var(--font-sans);
}
.Text_H5
{
	font-size: var(--font-size-m);
	font-family: var(--font-sans);
}
.Text_H6
{
	font-size: var(--font-size-m);
	font-family: var(--font-sans);
}
.Text_Label
{
	font-family: var(--font-sans);
	font-size: var(--label-font-size);
	letter-spacing: 0.04em;
	color: var(--label-color);
	margin-top: 10px;
	margin-bottom: 2px;
}
.Text_Help
{
	font-style: italic;
	font-size: var(--font-size-s);
	font-family: var(--font-sans);
}
.Text_Comment
{
	font-style: italic;
	font-size: var(--font-size-s);
	font-family: var(--font-sans);
}
.Content_H1
{
	font-size: 28px;
}
.Longtext_Standard
{
	white-space: pre-wrap;
	color: #171d1e;
}
.Text_Ellipsis
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.Text_KPI_Caption_Blue
{
	color: var(--pill-blue-text);
	font-size: var(--font-size-s);
}
.Text_KPI_Caption_Green
{
	color: var(--pill-green-text);
	font-size: var(--font-size-s);
}
.Text_KPI_Caption_Orange
{
	color: var(--pill-orange-text);
	font-size: var(--font-size-s);
}
.Text_KPI_Caption_Purple
{
	color: var(--pill-purple-text);
	font-size: var(--font-size-s);
}
.Text_KPI_Caption_Red
{
	color: var(--pill-red-text);
	font-size: var(--font-size-s);
}
.Text_KPI_Caption_Yellow
{
	color: var(--pill-yellow-text);
	font-size: var(--font-size-s);
}
.Text_KPI_Value_Blue
{
	color: var(--pill-blue-text);
	font-size: var(--font-size-xl);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
.Text_KPI_Value_Green
{
	color: var(--pill-green-text);
	font-size: var(--font-size-xl);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
.Text_KPI_Value_Orange
{
	color: var(--pill-orange-text);
	font-size: var(--font-size-xl);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
.Text_KPI_Value_Purple
{
	color: var(--pill-purple-text);
	font-size: var(--font-size-xl);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
.Text_KPI_Value_Red
{
	color: var(--pill-red-text);
	font-size: var(--font-size-xl);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
.Text_KPI_Value_Yellow
{
	color: var(--pill-yellow-text);
	font-size: var(--font-size-xl);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
.Text_KPI_Info_Blue
{
	color: var(--pill-blue-text);
	font-size: var(--font-size-xs);
}
.Text_KPI_Info_Green
{
	color: var(--pill-green-text);
	font-size: var(--font-size-xs);
}
.Text_KPI_Info_Purple
{
	color: var(--pill-purple-text);
	font-size: var(--font-size-xs);
}
.Text_KPI_Info_Orange
{
	color: var(--pill-orange-text);
	font-size: var(--font-size-xs);
}
.Text_KPI_Info_Red
{
	color: var(--pill-red-text);
	font-size: var(--font-size-xs);
}
.Text_KPI_Info_Yellow
{
	color: var(--pill-yellow-text);
	font-size: var(--font-size-xs);
}
.Text_KPI_Caption_Blue_M
{
	color: var(--pill-blue-text);
	font-size: var(--font-size-xs);
}
.Text_KPI_Caption_Green_M
{
	color: var(--pill-green-text);
	font-size: var(--font-size-xs);
}
.Text_KPI_Caption_Red_M
{
	color: var(--pill-red-text);
	font-size: var(--font-size-xs);
}
.Text_KPI_Caption_Yellow_M
{
	color: var(--pill-yellow-text);
	font-size: var(--font-size-xs);
}
.Text_KPI_Value_Blue_M
{
	color: var(--pill-blue-text);
	font-size: var(--font-size-l);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
.Text_KPI_Value_Red_M
{
	color: var(--pill-red-text);
	font-size: var(--font-size-l);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
.Text_KPI_Value_Green_M
{
	color: var(--pill-green-text);
	font-size: var(--font-size-l);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
.Text_KPI_Value_Yellow_M
{
	color: var(--pill-yellow-text);
	font-size: var(--font-size-l);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
.Text_KPI_Info_Blue_M
{
	color: var(--pill-blue-text);
	font-size: var(--font-size-xxs);
}
.Text_KPI_Info_Red_M
{
	color: var(--pill-red-text);
	font-size: var(--font-size-xxs);
}
.Text_KPI_Info_Yellow_M
{
	color: var(--pill-yellow-text);
	font-size: var(--font-size-xxs);
}
.Text_KPI_Info_Green_M
{
	color: var(--pill-green-text);
	font-size: var(--font-size-xxs);
}
.Text_KPI_Caption_Purple_M
{
	color: var(--pill-purple-text);
	font-size: var(--font-size-xs);
}
.Text_KPI_Value_Purple_M
{
	color: var(--pill-purple-text);
	font-size: var(--font-size-l);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
.Text_KPI_Info_Purple_M
{
	color: var(--pill-purple-text);
	font-size: var(--font-size-xxs);
}
.Separator_Standard
{
	height: 1px;
	background-color: var(--p-color-gray4);
	border: 0;
	margin: 10px 0;
}
.Editfield_Standard
{
	-webkit-appearance: none;
	font-size: var(--input-font-size);
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
}
.Editfield_Standard:focus,
.Editfield_Standard:hover,
.Editfield_Standard_selected
{
	background: var(--input-bg-hover);
	color: var(--input-color-hover);
	border: var(--input-border-hover);
	box-shadow: var(--input-shadow-hover);
}
.Editfield_Number
{
	text-align: right;
	-webkit-appearance: none;
	font-size: var(--input-font-size);
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
}
.Editfield_Number:focus,
.Editfield_Number:hover,
.Editfield_Number_selected
{
	background: var(--input-bg-hover);
	color: var(--input-color-hover);
	border: var(--input-border-hover);
	box-shadow: var(--input-shadow-hover);
}
.Editfield_Date
{
	-webkit-appearance: none;
	font-size: var(--input-font-size);
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
}
.Editfield_Date:focus,
.Editfield_Date:hover,
.Editfield_Date_selected
{
	background: var(--input-bg-hover);
	color: var(--input-color-hover);
	border: var(--input-border-hover);
	box-shadow: var(--input-shadow-hover);
}
.Editfield_Email
{
	-webkit-appearance: none;
	font-size: var(--input-font-size);
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
}
.Editfield_Email:focus,
.Editfield_Email:hover,
.Editfield_Email_selected
{
	background: var(--input-bg-hover);
	color: var(--input-color-hover);
	border: var(--input-border-hover);
	box-shadow: var(--input-shadow-hover);
}
.Editfield_Link
{
	-webkit-appearance: none;
	font-size: var(--input-font-size);
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
}
.Editfield_Link:focus,
.Editfield_Link:hover,
.Editfield_Link_selected
{
	background: var(--input-bg-hover);
	color: var(--input-color-hover);
	border: var(--input-border-hover);
	box-shadow: var(--input-shadow-hover);
}
.Editfield_Number_Small
{
	text-align: right;
	-webkit-appearance: none;
	font-size: var(--font-size-s);
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
}
.Editfield_Number_Small:focus,
.Editfield_Number_Small:hover,
.Editfield_Number_Small_selected
{
	background: var(--input-bg-hover);
	color: var(--input-color-hover);
	border: var(--input-border-hover);
	box-shadow: var(--input-shadow-hover);
}
.Editfield_Small
{
	-webkit-appearance: none;
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
	font-size: var(--font-size-xxs);
	padding: 2px;
	height: 25px;
	text-align: center;
}
.Editfield_Small:focus,
.Editfield_Small:hover,
.Editfield_Small_selected
{
	background: var(--input-bg-hover);
	color: var(--input-color-hover);
	border: var(--input-border-hover);
	box-shadow: var(--input-shadow-hover);
}
.Textarea_Standard
{
	-webkit-appearance: none;
	font-size: var(--input-font-size);
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
}
.Textarea_Standard:focus,
.Textarea_Standard:hover,
.Textarea_Standard_selected
{
	background: var(--input-bg-hover);
	color: var(--input-color-hover);
	border: var(--input-border-hover);
	box-shadow: var(--input-shadow-hover);
}
.Dropdown_Standard
{
	font-size: var(--input-font-size);
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 5px 32px 5px 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B8494' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 14px;
}
.Dropdown_Standard:focus,
.Dropdown_Standard:hover,
.Dropdown_Standard_selected
{
	background: var(--input-bg-hover);
	color: var(--input-color-hover);
	border: var(--input-border-hover);
	box-shadow: var(--input-shadow-hover);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B8494' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 14px;
}
.Dropdown_Standard option
{
	color: var(--input-color);
	background: var(--input-bg);
}
.Checkbox_Standard
{
	height: 18px;
	width: 18px;
	background-color: transparent;
	vertical-align: middle;
	border: var(--input-border);
	cursor: pointer;
	border-radius: 3px;
	margin-right: 5px;
	margin-top: 10px;
}
.Checkbox_Standard:checked
{
	accent-color: var(--p-color-secondary);
	cursor: pointer;
}
.Radio_Standard:checked
{
	background-color: #006973;
}
.Listbox_Standard
{
	-webkit-appearance: none;
	background-color: transparent;
	font-size: small;
}
.Listbox_Standard:focus,
.Listbox_Standard:hover,
.Listbox_Standard_selected
{
	background: var(--input-bg-hover);
	color: var(--input-color-hover);
	border: var(--input-border-hover);
	box-shadow: var(--input-shadow-hover);
}
.Listbox_Extended
{
	transition: all 0.3s ease;
	box-sizing: border-box;
	overflow-y: auto;
	min-height: 40px;
	font-size: var(--input-font-size);
	font-family: var(--font-sans);
	color: var(--input-color);
	border: var(--input-border);
	background: var(--input-bg);
	padding: 6px;
	border-radius: 4px;
}
.Listbox_Extended > ul
{
	margin: 0;
	padding: 0;
	display: flex !important;
	flex-wrap: wrap;
	gap: 6px;
}
.Listbox_Extended > ul > li.data
{
	list-style: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	padding: 0 10px;
	line-height: 1;
	min-width: 75px;
	box-sizing: border-box;
	cursor: pointer;
	background-color: transparent;
	border-radius: 8px;
	color: var(--input-color);
	border: var(--input-border);
	font-size: var(--font-size-s);
	margin: 0;
}
.Listbox_Extended > ul > li.data:hover
{
	background: var(--input-bg-hover);
	color: var(--input-color-hover);
	border: var(--input-border-hover);
	box-shadow: var(--input-shadow-hover);
}
.Listbox_Extended > ul > li.data[data-selected="selected"]
{
	background-color: var(--p-color-secondary);
	color: var(--input-color-hover);
	border: var(--input-border-hover);
	box-shadow: var(--input-shadow-hover);
}
.Listbox_Extended_Vertical
{
	overflow-y: auto;
	height: 400px;
}
.Listbox_Extended_Vertical > ul
{
	margin: 0;
	padding: 0;
}
.Listbox_Extended_Vertical > ul > li.header
{
	list-style-type: none;
	padding: 5px;
	font-size: 18px;
}
.Listbox_Extended_Vertical > ul > li.data
{
	background-color: transparent;
	border-radius: 8px;
	margin-bottom: 5px;
	border: 1px solid var(--p-color-gray4);
	cursor: pointer;
	list-style-type: none;
	padding: 0 10px 0 10px;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	color: #171d1e;
	line-height: 32px;
	font-size: small;
}
.Listbox_Extended_Vertical > ul > li.data:focus
{
	background-color: #ecf2f3;
}
.Listbox_Extended_Vertical > ul > li.data:hover
{
	background-color: #ecf2f3;
}
.Listbox_Extended_Vertical > ul > li.data:active
{
	background-color: #ecf2f3;
}
.Listbox_Extended_Vertical > ul > li.data[data-selected="selected"]
{
	background-color: var(--p-color-secondary);
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: right 5px center;
	padding-right: 25px;
}
.Listbox_Extended_Res
{
	box-sizing: border-box;
	overflow-y: auto;
	min-height: 40px;
	line-height: 32px;
}
.Listbox_Extended_Res > ul
{
	margin: 0;
	padding: 0;
}
.Listbox_Extended_Res > ul > li.data
{
	list-style-type: none;
	padding: 0 10px 0 10px;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	border-radius: 8px;
	margin-right: 5px;
	margin-bottom: 5px;
	min-width: 75px;
	text-align: center;
	color: #171d1e;
	font-size: small;
}
.Listbox_Extended_Res > ul > li.data:focus
{
	background-color: #ecf2f3;
}
.Listbox_Extended_Res > ul > li.data:hover
{
	background-color: #ecf2f3;
}
.Listbox_Extended_Res > ul > li.data:active
{
	background-color: #ecf2f3;
}
.Listbox_Extended_Res > ul > li.data[data-selected="selected"]
{
	background-color: var(--p-color-secondary);
}
.Slider_Standard
{
	text-align: center;
}
.Slider_Standard label.value
{
	position: relative;
	background-color: var(--frame2-bg);
	border-radius: 15px;
	padding: 5px 15px;
}
.Slider_Standard label.firstValue
{
	float: left;
}
.Slider_Standard label.lastValue
{
	float: right;
}
.Slider_Standard input[type="range"]
{
	height: 30px;
	margin: 0;
	padding: 0;
	width: 100%;
	-webkit-appearance: none;
	background: transparent;
	border: none;
}
.Slider_Standard input[type="range"]:focus::-webkit-slider-runnable-track
{
	background: #9ef0fc;
}
.Slider_Standard input[type="range"]:focus::-ms-fill-lower
{
	background: #9ef0fc;
	border-color: transparent;
}
.Slider_Standard input[type="range"]:focus::-ms-fill-upper
{
	background: #9ef0fc;
	border-color: transparent;
}
.Slider_Standard input[type="range"]::-webkit-slider-runnable-track
{
	height: 5px;
	cursor: pointer;
	border-radius: 4px;
	background: #9ef0fc;
}
.Slider_Standard input[type="range"]::-webkit-slider-thumb
{
	height: 18px;
	width: 18px;
	border-radius: 100%;
	background: #006973;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -7px;
}
.Slider_Standard input[type="range"]::-moz-range-track
{
	height: 5px;
	cursor: pointer;
	border-radius: 4px;
	background: #9ef0fc;
}
.Slider_Standard input[type="range"]::-moz-range-thumb
{
	border: 2px solid #eff5f6;
	height: 18px;
	width: 18px;
	border-radius: 100%;
	background: #006973;
	cursor: pointer;
	margin-top: -7px;
}
.Slider_Standard input[type="range"]::-ms-thumb
{
	border: 2px solid #eff5f6;
	height: 18px;
	width: 18px;
	border-radius: 100%;
	background: #006973;
	cursor: pointer;
	margin-top: -7px;
}
.Slider_Standard input[type="range"]::-ms-track
{
	height: 5px;
	cursor: pointer;
	border-radius: 4px;
	background: #9ef0fc;
}
.Slider_Standard datalist
{
	display: flex;
	justify-content: space-between;
	height: 7px;
	overflow: hidden;
	margin-top: -5px;
}
.Slider_Standard datalist option::before
{
	content: '';
	display: block;
	width: 0;
	border-right: 1px solid var(--p-color-gray4);
	height: 7px;
	padding-left: 3px;
	text-indent: 0;
}
.Slider_Standard.vertical input[type="range"]
{
	transform: rotate(270deg);
}
.Editfield_Color
{
	--base__border-color: var(--p-color-gray4);
	--base__border-style: solid;
	--base__border-width: 1px;
	--base__border-color--hover: #171d1e;
	--base__background-color: transparent;
	--base__background-color--hover: inherit;
	--clear__width: 15px;
	--clear__color: #171d1e;
	--clear__background-color: transparent;
	--clear__content: "\ebd4";
	--toggle__width: 40px;
	--toggle__color: #171d1e;
	--toggle__background-color: #ffffff;
	--toggle__content--color: "\ec38";
	--toggle__content--text: "\ec3d";
}
.Editfield_Color[aria-invalid="true"]
{
	border: 1px solid #ba1a1a;
}
.Editfield_Color input
{
	border: 0;
	-webkit-appearance: none;
}
.Editfield_Color input[type="color"]::-webkit-color-swatch-wrapper
{
	border: none;
	padding: 0;
}
.Editfield_Color input[type="color"]::-webkit-color-swatch
{
	border: none;
	padding: 0;
}
.Editfield_Color input[type="text"]::-webkit-calendar-picker-indicator
{
	display: none !important;
}
.Editfield_Color input[type="text"]::-webkit-list-button
{
	display: none !important;
}
.ix-buttonbar
{
	position: sticky;
	bottom: 0;
	z-index: 20;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--buttonbar-gap);
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: var(--buttonbar-padding-y) var(--buttonbar-padding-x);
	padding-bottom: calc(var(--buttonbar-padding-y) + var(--buttonbar-safe-bottom));
	background: var(--buttonbar-bg);
	border-top: var(--buttonbar-border);
	box-shadow: var(--buttonbar-shadow);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.Container_Standard
{
	box-sizing: border-box;
	padding: 10px;
	border-radius: var(--frame1-border-radius);
	background-color: var(--frame1-bg);
	border: var(--frame1-border);
}
.Container_Standard_2nd
{
	box-sizing: border-box;
	padding: 10px;
	border-radius: var(--frame2-border-radius);
	background-color: var(--frame2-bg);
	border: var(--frame2-border);
}
.Container_Standard_3rd
{
	border-radius: var(--frame3-border-radius);
	background-color: var(--frame3-bg);
	border: var(--frame3-border);
	box-sizing: border-box;
	padding: 10px;
}
.Container_Hilfe
{
	box-sizing: border-box;
	padding: 10px;
	background: var(--frame2-bg);
	border-left: 10px solid var(--p-glow-secondary-mid);
}
.Container_Header
{
	box-sizing: border-box;
	padding: 10px;
	border-radius: var(--frame-header-border-radius);
	background-color: var(--frame-header-bg);
	border: var(--frame-header-border);
}
.Container_Toolbar
{
	position: relative;
	padding: 20px 8px 8px;
	border-radius: 6px;
	border: 1px solid var(--p-color-gray5);
}
.Container_Toolbar::before
{
	content: "" !important;
	position: absolute;
	top: 0;
	left: 6px;
	transform: translateY(50%);
	width: 12px;
	height: 12px;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%205h18l-7%208.5V20l-4-2v-4.5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%205h18l-7%208.5V20l-4-2v-4.5z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: var(--label-color);
}
.Container_Toolbar::after
{
	content: "Filter" !important;
	position: absolute;
	top: 3px;
	left: 25px;
	font-size: 12px;
	color: var(--label-color);
}
.Container_Line
{
	padding: 0.9rem 1.1rem;
	border-radius: 6px;
	border: 1px solid var(--p-color-gray5);
}
.Container_Hinweis
{
	box-sizing: border-box;
	padding: 10px;
	background: var(--frame2-bg);
	border-left: 10px solid var(--p-glow-secondary-mid);
}
.Container_Hinweis_2
{
	box-sizing: border-box;
	padding: 10px;
	background: var(--frame3-bg);
	border-left: 10px solid var(--p-glow-secondary-strong);
}
.Container_Datensatz
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.9rem 1.1rem;
	border-radius: 12px;
	background: var(--p-neutral-00);
	transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
	cursor: pointer;
	position: relative;
}
.Container_Datensatz:hover
{
	background: var(--p-color-light3);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	transform: translateY(-2px);
}
.Container_Hidden
{
	display: none;
}
.radiocontrolgroup
{
	border: none;
	padding: 0;
	margin: 0;
}
.search-container > input[type="text"]
{
	width: 80%;
}
.search-container > input[type="submit"]
{
	width: 20%;
}
.Button_Undo
{
	position: relative;
	display: inline-block;
}
.Button_Undo::before
{
	font-family: "icon54-line";
	content: "\ec7e";
	filter: var(--svg-filter-white);
	font-size: 16px;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	align-items: center;
	justify-content: center;
	pointer-events: none;
	display: flex;
}
.Button_Undo input
{
	padding-left: 46px;
	margin-bottom: 0;
}
.Button_Settings
{
	position: relative;
	display: inline-block;
}
.Button_Settings::before
{
	font-family: "icon54-line";
	content: "\f7f3";
	filter: var(--svg-filter-white);
	font-size: 16px;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	align-items: center;
	justify-content: center;
	pointer-events: none;
	display: flex;
}
.Button_Settings input
{
	padding-left: 46px;
	margin-bottom: 0;
}
.Container_KPI_Blue
{
	box-sizing: border-box;
	padding: 10px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-blue-bg);
	border: var(--frame1-border);
	border-color: var(--pill-blue-brd);
	height: 100px;
}
.Container_KPI_Blue_S
{
	box-sizing: border-box;
	padding: 2px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-blue-bg);
	border: var(--frame1-border);
	border-color: var(--pill-blue-brd);
	height: 50px;
}
.Container_KPI_Blue_M
{
	box-sizing: border-box;
	padding: 5px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-blue-bg);
	border: var(--frame1-border);
	border-color: var(--pill-blue-brd);
	height: 70px;
}
.Container_KPI_Green
{
	box-sizing: border-box;
	padding: 10px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-green-bg);
	border: var(--frame1-border);
	border-color: var(--pill-green-brd);
	height: 100px;
}
.Container_KPI_Green_S
{
	box-sizing: border-box;
	padding: 2px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-green-bg);
	border: var(--frame1-border);
	border-color: var(--pill-green-brd);
	height: 50px;
}
.Container_KPI_Green_M
{
	box-sizing: border-box;
	padding: 5px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-green-bg);
	border: var(--frame1-border);
	border-color: var(--pill-green-brd);
	height: 70px;
}
.Container_KPI_Orange
{
	box-sizing: border-box;
	padding: 10px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-orange-bg);
	border: var(--frame1-border);
	border-color: var(--pill-orange-brd);
	height: 100px;
}
.Container_KPI_Purple
{
	box-sizing: border-box;
	padding: 10px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-purple-bg);
	border: var(--frame1-border);
	border-color: var(--pill-purple-brd);
	height: 100px;
}
.Container_KPI_Purple_S
{
	box-sizing: border-box;
	padding: 2px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-purple-bg);
	border: var(--frame1-border);
	border-color: var(--pill-purple-brd);
	height: 50px;
}
.Container_KPI_Purple_M
{
	box-sizing: border-box;
	padding: 5px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-purple-bg);
	border: var(--frame1-border);
	border-color: var(--pill-purple-brd);
	height: 70px;
}
.Container_KPI_Red
{
	box-sizing: border-box;
	padding: 10px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-red-bg);
	border: var(--frame1-border);
	border-color: var(--pill-red-brd);
	height: 100px;
}
.Container_KPI_Red_S
{
	box-sizing: border-box;
	padding: 2px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-red-bg);
	border: var(--frame1-border);
	border-color: var(--pill-red-brd);
	height: 50px;
}
.Container_KPI_Red_M
{
	box-sizing: border-box;
	padding: 5px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-red-bg);
	border: var(--frame1-border);
	border-color: var(--pill-red-brd);
	height: 70px;
}
.Container_KPI_Yellow
{
	box-sizing: border-box;
	padding: 10px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-yellow-bg);
	border: var(--frame1-border);
	border-color: var(--pill-yellow-brd);
	height: 100px;
}
.Container_KPI_Yellow_S
{
	box-sizing: border-box;
	padding: 2px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-yellow-bg);
	border: var(--frame1-border);
	border-color: var(--pill-yellow-brd);
	height: 50px;
}
.Container_KPI_Yellow_M
{
	box-sizing: border-box;
	padding: 5px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-yellow-bg);
	border: var(--frame1-border);
	border-color: var(--pill-yellow-brd);
	height: 70px;
}
.Button_Delete_2
{
	position: relative;
	display: inline-block;
}
.Button_Delete_2::before
{
	font-family: "icon54-line";
	content: "\ec7a";
	font-size: 16px;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	align-items: center;
	justify-content: center;
	pointer-events: none;
	display: flex;
}
.Button_Delete_2 input
{
	padding-left: 30px;
	margin-bottom: 0;
}
.Button_Edit_2
{
	position: relative;
	display: inline-block;
}
.Button_Edit_2::before
{
	font-family: "icon54-line";
	content: "\ec3d";
	font-size: 16px;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	align-items: center;
	justify-content: center;
	pointer-events: none;
	display: flex;
}
.Button_Edit_2 input
{
	padding-left: 30px;
	margin-bottom: 0;
}
.Button_Plus_2
{
	position: relative;
	display: inline-block;
}
.Button_Plus_2::before
{
	content: "+";
	font-size: 24px;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	align-items: center;
	justify-content: center;
	pointer-events: none;
	display: flex;
}
.Button_Plus_2 input
{
	padding-left: 30px;
	margin-bottom: 0;
}
.Button_Settings_2
{
	position: relative;
	display: inline-block;
}
.Button_Settings_2::before
{
	font-family: "icon54-line";
	content: "\f7f3";
	font-size: 16px;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	align-items: center;
	justify-content: center;
	pointer-events: none;
	display: flex;
}
.Button_Settings_2 input
{
	padding-left: 30px;
	margin-bottom: 0;
}
.Button_Switch_2
{
	position: relative;
	display: inline-block;
}
.Button_Switch_2::before
{
	font-family: "icon54-line";
	content: "\f7f3";
	font-size: 16px;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	align-items: center;
	justify-content: center;
	pointer-events: none;
	display: flex;
}
.Button_Switch_2 input
{
	padding-left: 30px;
	margin-bottom: 0;
}
.Button_View_2
{
	position: relative;
	display: inline-block;
}
.Button_View_2::before
{
	font-family: "icon54-line";
	content: "\ebef";
	font-size: 16px;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	align-items: center;
	justify-content: center;
	pointer-events: none;
	display: flex;
}
.Button_View_2 input
{
	padding-left: 30px;
	margin-bottom: 0;
}
.Container_Icon_Zeit
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	background-color: var(--pill-blue-bg);
	border-radius: 5px;
}
.Container_Icon_Zeit::before
{
	font-family: "icon54-line";
	color: var(--pill-blue-text);
	content: "\fa4a";
}
.Container_Icon_Leistungsnachweis
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	background-color: var(--pill-orange-bg);
	border-radius: 5px;
}
.Container_Icon_Leistungsnachweis::before
{
	font-family: "icon54-line";
	color: var(--pill-orange-text);
	content: "\efcd";
}
.Container_Icon_Auftrag
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	background-color: var(--pill-red-bg);
	border-radius: 5px;
}
.Container_Icon_Auftrag::before
{
	font-family: "icon54-line";
	color: var(--pill-red-text);
	content: "\efcd";
}
.Container_Icon_Disposition
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	background-color: var(--pill-purple-bg);
	border-radius: 5px;
}
.Container_Icon_Disposition::before
{
	font-family: "icon54-line";
	color: var(--pill-purple-text);
	content: "\f50b";
}
.Container_Icon_Finanzen
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	background-color: var(--pill-orange-bg);
	border-radius: 5px;
}
.Container_Icon_Finanzen::before
{
	font-family: "icon54-line";
	color: var(--pill-orange-text);
	content: "\ec26";
}
.Container_Buttons
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 16px 30px;
	background-color: var(--dialog-bg);
	border-top: var(--frame1-border);
	box-sizing: border-box;
}
.Container_KPI_Gray_M
{
	box-sizing: border-box;
	padding: 5px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-gray-bg);
	border: var(--frame1-border);
	border-color: var(--pill-gray-brd);
	height: 70px;
}
.Container_KPI_Gray_S
{
	box-sizing: border-box;
	padding: 2px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-gray-bg);
	border: var(--frame1-border);
	border-color: var(--pill-gray-brd);
	height: 50px;
}
.fieldset-left
{
	background-color: transparent;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid var(--p-color-gray4);
}
.fieldset-left > div
{
	margin: 10px 0 10px 0;
}
.fieldset-left > label,
.fieldset-left > div > label
{
	width: 150px;
	display: block;
	float: left;
	text-align: left;
	padding: 0 10px 0 0;
	font-family: var(--font-sans);
	font-weight: 300;
}
.fieldset-left > label.for-upCheckControl,
.fieldset-left > div > label.for-upCheckControl,
.fieldset-left > label.for-upRadioControl,
.fieldset-left > div > label.for-upRadioControl
{
	float: none;
	display: inline;
	width: auto;
}
.fieldset-left > fieldset,
.fieldset-left > div > fieldset
{
	margin: 0;
	padding: 0;
}
.fieldset-left .radiocontrolgroup > div
{
	clear: both;
	padding: 0;
	margin: 0;
}
div.Container_ResponsiveForm
{
	clear: both;
}
div.Container_ResponsiveForm label[data-control-type="label"]:before
{
	content: " ";
	display: block;
	clear: both;
	height: 0;
	width: 0;
	position: relative;
}
div.Container_ResponsiveForm.ix-small-label-inline [data-control-type="label"]
{
	display: none;
}
div.Container_ResponsiveForm.ix-small-label-inline input[type="text"],
div.Container_ResponsiveForm.ix-small-label-inline select,
div.Container_ResponsiveForm.ix-small-label-inline textarea,
div.Container_ResponsiveForm.ix-small-label-inline .file-container
{
	display: block;
	width: 100%;
	float: none;
}
div.Container_ResponsiveForm.ix-small-label-inline [placeholder]::-webkit-input-placeholder
{
	color: #171d1e;
}
div.Container_ResponsiveForm.ix-small-label-inline [placeholder]::-moz-placeholder
{
	color: #171d1e;
}
div.Container_ResponsiveForm.ix-small-label-inline [placeholder]:-ms-input-placeholder
{
	color: #171d1e;
}
div.Container_ResponsiveForm.ix-small-label-inline [placeholder]:-moz-placeholder
{
	color: #171d1e;
}
div.Container_ResponsiveForm.ix-small-label-top [data-control-type="label"]
{
	display: block;
	float: none;
	width: 100%;
	line-height: inherit;
	clear: both;
}
div.Container_ResponsiveForm.ix-small-label-top [data-control-type="viewcontrol"]
{
	display: block;
	float: none;
	clear: both;
	width: initial;
	max-width: 100%;
}
div.Container_ResponsiveForm.ix-small-label-top input[type="text"],
div.Container_ResponsiveForm.ix-small-label-top select,
div.Container_ResponsiveForm.ix-small-label-top textarea,
div.Container_ResponsiveForm.ix-small-label-top .file-container
{
	display: block;
	float: none;
	width: 100%;
}
div.Container_ResponsiveForm.ix-small-label-top [placeholder]::-webkit-input-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-small-label-top [placeholder]::-moz-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-small-label-top [placeholder]:-ms-input-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-small-label-top [placeholder]:-moz-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-small-label-left [data-control-type="label"]
{
	display: inline-block;
	float: left;
	width: 15%;
	text-overflow: ellipsis;
	overflow: hidden;
	clear: left;
}
div.Container_ResponsiveForm.ix-small-label-left [data-control-type="viewcontrol"]
{
	float: left;
	clear: right;
	width: 85%;
}
div.Container_ResponsiveForm.ix-small-label-left input[type="text"],
div.Container_ResponsiveForm.ix-small-label-left select,
div.Container_ResponsiveForm.ix-small-label-left textarea,
div.Container_ResponsiveForm.ix-small-label-left .file-container
{
	display: inline-block;
	float: left;
	min-width: initial;
	width: 85%;
}
div.Container_ResponsiveForm.ix-small-label-left [placeholder]::-webkit-input-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-small-label-left [placeholder]::-moz-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-small-label-left [placeholder]:-ms-input-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-small-label-left [placeholder]:-moz-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-small-label-hidden [data-control-type="label"]
{
	display: none;
}
div.Container_ResponsiveForm.ix-small-label-hidden div.ix-small-label-left[data-responsive-form-checkcontrolgroup] span
{
	display: inline-block !important;
}
div.Container_ResponsiveForm.ix-small-label-hidden [data-control-type="viewcontrol"]
{
	display: block;
	float: none;
	width: initial;
	clear: both;
	max-width: 100%;
}
div.Container_ResponsiveForm:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
div.Container_ResponsiveForm .row:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
div.Container_ResponsiveForm .inline-container
{
	display: inline-block;
	width: 100%;
	clear: left;
}
div.Container_ResponsiveForm .inline-container input,
div.Container_ResponsiveForm .inline-container a
{
	display: block !important;
	float: left;
	width: auto !important;
}
div.Container_ResponsiveForm .inline-container [data-control-type="label"]
{
	display: block !important;
	float: left;
	width: auto !important;
}
.ButtonContainer_Responsive input[type="submit"],
.ButtonContainer_Responsive input[type="button"],
.ButtonContainer_Responsive a
{
	width: 100%;
	margin: 0 5px 0 0;
	display: inline-block;
}
.CONT_EMBEDDED header.CONT_Header
{
	background-color: #eff5f6;
	font-size: 18px;
	padding-left: 10px;
	text-align: left;
	box-sizing: border-box;
	white-space: nowrap;
	position: relative;
}
.CONT_EMBEDDED header.CONT_Header a.CONT_Close
{
	outline: none;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 16px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	margin: 5px;
	height: 16px;
	width: 16px;
	z-index: 1;
}
.TAB_MENU
{
	height: 100%;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	vertical-align: bottom;
}
.TAB_MENU ul
{
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
.TAB_MENU li
{
	text-align: center;
	vertical-align: middle;
	background-attachment: scroll;
	white-space: nowrap;
	list-style: none;
	line-height: 32px;
	background-color: transparent;
	margin-bottom: 1px;
	border-bottom: 3px solid var(--p-color-gray5);
	margin-right: 5px;
}
.TAB_MENU li a,
.TAB_MENU li a:link
{
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
	color: var(--text-color);
	font-size: small;
}
.TAB_MENU li a:focus
{
	color: var(--text-color);
}
.TAB_MENU li a:hover
{
	color: var(--text-color);
}
.TAB_MENU li:hover
{
	border-color: var(--p-color-secondary);
}
.TAB_MENU .selected
{
	border-color: var(--p-color-secondary);
}
.TAB_MENU .help
{
	background: none transparent;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: bottom;
	list-style: none;
	float: right;
	text-align: center;
	white-space: nowrap;
	min-width: 20px;
}
.TAB_MENU .help:hover
{
	padding: 0;
}
.TAB_MENU .disabled a,
.TAB_MENU .disabled a:link
{
	color: var(--text-color);
}
.TAB_SEARCH
{
	text-align: left;
	margin: 0;
	vertical-align: bottom;
}
.TAB_SEARCH ul
{
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
.TAB_SEARCH li
{
	margin: 0;
	white-space: nowrap;
	list-style: none;
	display: inline-block;
}
.TAB_SEARCH li a,
.TAB_SEARCH li a:link
{
	font-family: var(--font-sans);
	font-weight: 300;
	padding-right: 10px;
}
.TAB_SEARCH li a:focus
{
	color: #171d1e;
}
.TAB_SEARCH li a:hover
{
	color: #171d1e;
}
.TAB_SEARCH li:hover a,
.TAB_SEARCH li:hover a:link
{
	color: #171d1e;
}
.TAB_SEARCH .selected a,
.TAB_SEARCH .selected a:link
{
	color: #171d1e;
}
.TAB_SEARCH .help
{
	background: none transparent;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: bottom;
	list-style: none;
	float: right;
	text-align: center;
	white-space: nowrap;
}
.TAB_SEARCH .disabled a,
.TAB_SEARCH .disabled a:link
{
	text-decoration: none;
	color: #171d1e;
}
.SHARE_TAB_MENU
{
	text-align: left;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.SHARE_TAB_MENU ul
{
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
.SHARE_TAB_MENU li
{
	vertical-align: middle;
	background-attachment: scroll;
	white-space: nowrap;
	list-style: none;
	padding: 7px 0;
	border-bottom: 2px solid #dee3e4;
}
.SHARE_TAB_MENU li a,
.SHARE_TAB_MENU li a:link
{
	text-decoration: none;
	display: block;
	color: #171d1e;
	padding-top: 3px;
	font-size: small;
}
.SHARE_TAB_MENU li a:focus
{
	color: #171d1e;
}
.SHARE_TAB_MENU li a:hover
{
	color: #171d1e;
}
.SHARE_TAB_MENU li:hover
{
	border-bottom: 2px solid #006973;
}
.SHARE_TAB_MENU .selected
{
	border-bottom: 2px solid #006973;
}
.SHARE_TAB_MENU .selected a,
.SHARE_TAB_MENU .selected a:link
{
	font-weight: 700;
}
.SHARE_TAB_MENU .help
{
	background: none transparent;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: bottom;
	list-style: none;
	float: right;
	text-align: center;
	white-space: nowrap;
	min-width: 20px;
}
.SHARE_TAB_MENU .help:hover
{
	padding: 0;
}
.SHARE_TAB_MENU .disabled a,
.SHARE_TAB_MENU .disabled a:link
{
	color: #171d1e;
	opacity: 0.5;
}
.TAB_SWITCH
{
	text-align: left;
	margin-top: 0;
	background-color: var(--p-color-dark2);
	border-radius: 5px;
	padding: 5px;
	vertical-align: bottom;
	display: inline-flex;
	width: fit-content;
}
.TAB_SWITCH li
{
	text-align: center;
	vertical-align: middle;
	background-attachment: scroll;
	white-space: nowrap;
	list-style: none;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
}
.TAB_SWITCH li a,
.TAB_SWITCH li a:link
{
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	display: block;
	color: var(--p-color-gray3);
}
.TAB_SWITCH li:hover
{
	border-bottom: none;
	border-left: none;
	background-image: none;
}
.TAB_SWITCH .selected
{
	border-bottom: none;
	border-left: none;
	background-color: var(--p-color-light0);
	background-image: none;
	border-radius: 5px;
}
.TAB_SWITCH .selected a,
.TAB_SWITCH .selected a:link
{
	color: var(--input-color-hover);
}
.TAB_SWITCH .help
{
	background: none transparent;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: bottom;
	list-style: none;
	float: right;
	text-align: center;
	white-space: nowrap;
	min-width: 20px;
}
.TAB_SWITCH .help:hover
{
	padding: 0;
}
.TAB_SWITCH .disabled a,
.TAB_SWITCH .disabled a:link
{
	color: #DCDCDC;
}
.Table_Standard
{
	border-spacing: 0;
	border-radius: 12px;
	font-variant-numeric: tabular-nums;
	border-collapse: collapse;
}
.Table_Standard caption
{
	font-size: var(--h3-font-size);
	color: var(--h3-color);
	font-weight: var(--h3-font-weight);
	margin: 0;
	font-family: var(--font-sans);
	text-align: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
.Table_Standard thead tr
{
	text-align: left;
}
.Table_Standard th
{
	padding: 5px 10px;
	text-align: left;
	height: 40px;
	background: var(--table-header-bg);
	color: var(--table-header-color);
	font-weight: 600;
	font-size: var(--table-header-font-size);
	letter-spacing: 0.06em;
	text-transform: none;
	background-color: var(--p-color-dark1);
	border-bottom: 2px solid rgba(128, 128, 128, 0.55);
}
.Table_Standard th a,
.Table_Standard th a:link
{
	color: var(--text-color);
	empty-cells: show;
}
.Table_Standard th a:focus
{
	color: var(--text-color);
}
.Table_Standard th a:hover
{
	color: var(--text-color);
}
.Table_Standard th.order_asc a
{
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Down2.svg?usn=1791233093686);
	background-position: right;
	display: block;
	background-repeat: no-repeat;
	background-size: 12px;
	padding-right: 15px;
	filter: var(--svg-filter-table-header);
}
.Table_Standard th.order_desc a
{
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Up2.svg?usn=1791233093686);
	background-position: right;
	display: block;
	background-repeat: no-repeat;
	background-size: 12px;
	padding-right: 15px;
	filter: var(--svg-filter-table-header);
}
.Table_Standard tbody tr
{
	border-bottom: 1px solid rgba(128, 128, 128, 0.28);
	border-bottom-color: color-mix(in srgb,var(--text-color) 10%,transparent);
}
.Table_Standard tr.even
{
	background-color: var(--p-color-light2);
}
.Table_Standard tr.even:hover
{
	background-color: var(--badge-blue-bg);
	background-color: color-mix(in srgb,var(--badge-blue-text) 8%,transparent);
}
.Table_Standard tr.odd
{
	background-color: var(--p-color-light2);
}
.Table_Standard tr.odd:hover
{
	background-color: var(--badge-blue-bg);
	background-color: color-mix(in srgb,var(--badge-blue-text) 8%,transparent);
}
.Table_Standard > tbody > tr > td
{
	empty-cells: show;
	padding: 5px 10px;
	height: 30px;
}
.Table_Standard tfoot td
{
	border: none;
	padding: 5px 0 0 0;
}
.Table_Standard tfoot td span
{
	display: inline-block;
}
.Table_Standard .footer-links a,
.Table_Standard .footer-links a:link
{
	margin-left: 10px;
	display: inline-block;
}
.Table_Standard .footer-links a:focus
{
	color: #171d1e;
}
.Table_Standard table td,
.Table_Standard table tr
{
	border: 0;
	background-image: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
}
.Table_Standard .preselNav a,
.Table_Standard .preselNav a:link
{
	color: #171d1e;
}
.Table_Standard .preselNav a:focus
{
	color: #171d1e;
}
.Table_Standard .preselNav a:hover
{
	color: #171d1e;
}
.Table_Standard .link
{
	cursor: pointer;
	color: var(--p-color-primary);
}
.Table_Standard .email
{
	cursor: pointer;
	text-align: left;
	color: #1a8290;
}
.Table_Standard .email:hover
{
	color: #171d1e;
	text-decoration: underline;
}
.Table_Standard .url
{
	cursor: pointer;
	text-align: left;
	color: #1a8290;
}
.Table_Standard .url:hover
{
	color: #171d1e;
	text-decoration: underline;
}
.Table_Standard .numerical
{
	text-align: right;
}
.Table_Standard .currency
{
	text-align: right;
}
.Table_Standard .tableSummary tr
{
	font-weight: 600;
}
.Table_Standard .tableSummary .link
{
	cursor: pointer;
	color: #1a8290;
}
.Table_Standard .tableSummary .link:hover
{
	color: #171d1e;
}
.shapedtable-standard
{
	border-spacing: 0;
	border-radius: 12px;
	font-variant-numeric: tabular-nums;
}
.shapedtable-standard th
{
	padding: 5px 0;
	text-align: left;
	height: 40px;
	font-weight: 500;
	font-size: 18px;
}
.shapedtable-standard .ShapTab_Header_Text
{
	font-family: var(--font-sans);
	font-weight: 300;
}
.shapedtable-standard th a,
.shapedtable-standard th a:link
{
	empty-cells: show;
	color: #171d1e;
}
.shapedtable-standard th a:focus
{
	color: #171d1e;
}
.shapedtable-standard th a:hover
{
	color: #171d1e;
}
.shapedtable-standard th.order_asc a
{
	background-image: url(../../thirdparty/icon54/svg/solid/Arrows/Up6.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 8px;
	empty-cells: show;
	background-position: right;
}
.shapedtable-standard th.order_desc a
{
	background-image: url(../../thirdparty/icon54/svg/solid/Arrows/Down6.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 8px;
	empty-cells: show;
	background-position: right;
}
.shapedtable-standard *[data-tablerecord]
{
	empty-cells: show;
	padding: 5px;
	border-bottom: 1px solid var(--p-color-light3);
}
.shapedtable-standard *[data-tablerecord].link
{
	cursor: pointer;
}
div.shapedtable-standard.floating-records > .shapedtable-records > div[data-id="table-record"]
{
	display: inline-block;
}
.shapedtable-standard .ShapTab_RowOdd_BG:hover
{
	background-color: var(--badge-blue-bg);
	background-color: color-mix(in srgb,var(--badge-blue-text) 8%,transparent);
}
.shapedtable-standard .ShapTab_RowEven_BG:hover
{
	background-color: var(--badge-blue-bg);
	background-color: color-mix(in srgb,var(--badge-blue-text) 8%,transparent);
}
.shapedtable-standard .recordCreationPanel .record > .remove
{
	background-color: transparent;
	border: none;
	color: var(--text-color);
	cursor: pointer;
}
.shapedtable-standard .recordCreationPanel .record > .remove > span:after
{
	content: "\2715";
	font-size: 1em;
}
.shapedtable-list *[data-tablerecords]
{
	margin: 0;
	padding: 0;
	clear: both;
	padding-left: 12px;
}
.shapedtable-list *[data-tablerecord]
{
	padding: 7px 5px;
	border-bottom: 1px solid var(--p-color-gray4);
	list-style-type: none;
}
.shapedtable-list *[data-tablerecord]:last-child
{
	border-bottom: none;
}
.shapedtable-list *[data-tablerecord] div.row
{
	clear: left;
	padding: 2px 0;
}
.shapedtable-list *[data-tablerecord] div.row > span
{
	float: left;
	display: block;
}
.shapedtable-list *[data-tablerecord] div.row > div
{
	margin-left: 22%;
}
.shapedtable-list *[data-tablerecord] div.row > span:first-child
{
	float: left;
	padding-right: 2%;
}
.shapedtable-list .recordCreationPanel .record
{
	padding: 10px;
	margin: 20px 0 0 0;
	border-left: 3px dashed var(--p-color-gray4);
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
}
.shapedtable-list .recordCreationPanel .record:last-child
{
	border-bottom: 1px solid var(--p-color-gray4);
}
.shapedtable-list .recordCreationPanel .record > .remove
{
	background-color: transparent;
	border: none;
	color: #171d1e;
	float: right;
}
.shapedtable-list .recordCreationPanel .record > .remove > span:after
{
	content: "\2715";
	font-size: 0.8em;
}
.shapedtable-field-list *[data-tablerecords]
{
	margin: 0;
	padding: 0;
	clear: both;
}
.shapedtable-field-list *[data-tablerecord]
{
	list-style-type: none;
	margin: 0;
	padding: 7px 5px;
	border-top: 1px solid var(--p-color-gray4);
}
.shapedtable-field-list *[data-tablerecord]:first-child
{
	border-top: 0;
	padding-top: 0;
}
.shapedtable-field-list *[data-tablerecord]:last-child
{
	border-bottom: none;
	padding-bottom: 0;
}
.shapedtable-field-list .recordCreationPanel .record
{
	padding: 10px;
	margin: 20px 0 0 0;
	border-left: 3px dashed var(--p-color-gray4);
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
}
.shapedtable-field-list .recordCreationPanel .record:last-child
{
	border-bottom: 1px solid var(--p-color-gray4);
}
.shapedtable-field-list .recordCreationPanel .record > .remove
{
	background-color: transparent;
	border: none;
	color: #171d1e;
	float: right;
}
.shapedtable-field-list .recordCreationPanel .record > .remove > span:after
{
	content: "\2715";
	font-size: 0.8em;
}
ul.record-list
{
	margin: 0;
	padding: 0;
	clear: both;
}
ul.record-list li
{
	padding: 10px 5px;
	border-bottom: 1px solid var(--p-color-gray4);
	background-color: transparent;
	list-style-type: none;
}
ul.record-list li:focus
{
	background-color: #ecf2f3;
}
ul.record-list li:hover
{
	background-color: #ecf2f3;
}
ul.record-list li:last-child
{
	border-bottom: none;
}
ul.field-list-label
{
	margin: 0;
	padding: 0;
	clear: both;
}
ul.field-list-label li
{
	padding: 10px 5px;
	border-bottom: 1px solid var(--p-color-gray4);
	background-color: transparent;
	list-style-type: none;
}
ul.field-list-label li:focus
{
	background-color: #ecf2f3;
}
ul.field-list-label li:hover
{
	background-color: #ecf2f3;
}
ul.field-list-label li:last-child
{
	border-bottom: none;
}
ul.field-list-label li span:first-child
{
	width: 20%;
	padding-right: 2%;
}
ul.field-list-label li span + span
{
	display: block;
	margin-left: 22%;
}
ul.field-list
{
	margin: 0;
	padding: 0;
	clear: both;
}
ul.field-list li
{
	padding: 10px 5px;
	border-bottom: 1px solid var(--p-color-gray4);
	background-color: transparent;
	list-style-type: none;
}
ul.field-list li:focus
{
	background-color: #ffffff;
}
ul.field-list li:hover
{
	background-color: #ecf2f3;
}
ul.field-list li:last-child
{
	border-bottom: none;
}
ul.field-list-2
{
	margin: 0;
	padding: 0;
	clear: both;
}
ul.field-list-2 li
{
	padding: 10px 5px;
	border-bottom: 1px solid var(--p-color-gray4);
	background-color: transparent;
	list-style-type: none;
}
ul.field-list-2 li:focus
{
	background-color: #ecf2f3;
}
ul.field-list-2 li:hover
{
	background-color: #ecf2f3;
}
ul.field-list-2 li:last-child
{
	border-bottom: none;
}
ul.TreePathInfo
{
	background-color: transparent;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
ul.TreePathInfo li
{
	list-style-type: none;
	float: left;
	padding-left: 10px;
}
ul.TreePathInfo li:first-child
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Flowchart.svg?usn=1791233093686);
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 15px center;
}
ul.TreePathInfo li:first-child span
{
	padding-left: 30px;
}
ul.TreePathInfo li span
{
	height: 26px;
	display: block;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
}
ul.TreePathInfo2
{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
}
ul.TreePathInfo2 li
{
	float: left;
	margin: 0 10px 0 10px;
}
ul.TreePathInfo2 li:first-child span
{
	padding-left: 35px;
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Flowchart.svg?usn=1791233093686);
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 15px center;
}
ul.TreePathInfo2 li:first-child span::before
{
	left: 0;
}
ul.TreePathInfo2 li:last-child span
{
	font-family: var(--font-sans);
	font-weight: 300;
}
ul.TreePathInfo2 li:last-child span::before
{
	content: normal;
}
ul.TreePathInfo2 li:last-child span::after
{
	content: normal;
}
ul.TreePathInfo2 li span
{
	background: #eff5f6;
	padding: 0.35em 1em;
	float: left;
	position: relative;
}
ul.TreePathInfo2 li span::before
{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-style: solid;
	left: -1em;
	border-top-width: 1.5em;
	border-right-width: 0;
	border-bottom-width: 1.5em;
	border-left-width: 1em;
	border-top-color: #eff5f6;
	border-right-color: #eff5f6;
	border-bottom-color: #eff5f6;
	border-left-color: transparent;
}
ul.TreePathInfo2 li span::after
{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #eff5f6;
	right: -1em;
}
ul.TreePathInfo_Multiline
{
	overflow: hidden;
	margin: 0;
	padding: 0;
}
ul.TreePathInfo_Multiline li
{
	list-style-type: none;
	height: 40px;
	line-height: 32px;
	padding: 0 10px;
	border-bottom: 1px solid var(--p-color-gray4);
	background-color: transparent;
}
ul.TreePathInfo_Multiline li:focus
{
	background-color: #ecf2f3;
}
ul.TreePathInfo_Multiline li:hover
{
	background-color: #ecf2f3;
}
ul.TreePathInfo_Multiline li span
{
	display: block;
	text-decoration: none;
}
ul.TreePathInfo2_Multiline
{
	font-size: smaller;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
}
ul.TreePathInfo2_Multiline li
{
	margin: 0 0.5em 0 0;
	padding: 10px 0 10px 0;
}
ul.TreePathInfo2_Multiline li:first-child
{
	margin: 0 0.5em 0 0;
}
ul.TreePathInfo2_Multiline li:first-child span
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Flowchart.svg?usn=1791233093686);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 35px;
}
ul.TreePathInfo2_Multiline li:first-child span::before
{
	left: 0;
}
ul.TreePathInfo2_Multiline li:last-child
{
	margin: 0 0.5em 0 0.1em;
}
ul.TreePathInfo2_Multiline li:last-child span:hover
{
	font-family: var(--font-sans);
	font-weight: 300;
}
ul.TreePathInfo2_Multiline li span
{
	background: #eff5f6;
	padding: 0.75em 1em;
	text-decoration: none;
	position: relative;
}
ul.TreePathInfo2_Multiline li span::before
{
	border-top-width: 1.5em;
	border-right-width: 0;
	border-bottom-width: 1.5em;
	border-left-width: 1em;
	border-left-color: transparent;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	left: -1em;
	border-top-color: #eff5f6;
	border-right-color: #eff5f6;
	border-bottom-color: #eff5f6;
}
ul.TreePathInfo2_Multiline li span::after
{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #eff5f6;
	right: -1em;
}
.SortableListboxVertical
{
	overflow: auto;
	margin: 0;
}
.SortableListboxVertical ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.SortableListboxVertical ul li
{
	list-style: none;
	padding: 0 5px;
	line-height: 32px;
	font-size: small;
	text-align: left;
	border: 1px solid var(--p-color-gray4);
	background-color: transparent;
	cursor: move;
	color: #171d1e;
	border-radius: 8px;
	margin: 0 0 5px 0;
}
.SortableListboxVertical ul li > .Content > .Title
{
	display: block;
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.SortableListboxVertical ul li.Selected
{
	background-color: var(--p-color-secondary);
}
.SortableListboxVertical ul li.Disabled
{
	opacity: 0.3;
}
.SortableListboxVertical > ul > li.moveE
{
	cursor: move;
}
.SortableListboxVertical > ul > li.moveD
{
	cursor: not-allowed;
	user-select: none;
}
.SortableGallery
{
	overflow: auto;
	border: 0;
	margin: 0;
	padding: 0;
}
.SortableGallery ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.SortableGallery ul li
{
	list-style: none;
	display: inline-block;
	white-space: nowrap;
	background-color: transparent;
	margin: 0 5px 5px 0;
	padding: 0 5px;
	line-height: 32px;
	font-size: small;
	border-radius: 8px;
	cursor: move;
	border: 1px solid var(--p-color-gray4);
}
.SortableGallery ul li > .Content > .Title
{
	display: block;
	color: #171d1e;
}
.SortableGallery ul li.Selected
{
	background-color: var(--p-color-secondary);
}
.SortableGallery ul li.Disabled
{
	opacity: 0.3;
}
.SortableGallery > ul > li.moveE
{
	cursor: move;
}
.SortableGallery > ul > li.moveD
{
	cursor: not-allowed;
	user-select: none;
}
.sortableVertical div[data-sortable-controlguid]
{
	padding: 0;
	margin: 0;
	position: relative;
}
.sortableVertical .sortitem
{
	position: relative;
	margin: 0 0 15px 0;
}
.sortableVertical .sortitem:hover .iconMin
{
	display: block;
}
.sortableVertical .sortitem:hover .iconToggle
{
	display: block;
}
.sortableVertical .sortitem .iconMin
{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 998;
	width: 20px;
	height: 20px;
	text-align: center;
	display: none;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Down2.svg?usn=1791233093686);
	background-size: 12px;
	background-repeat: no-repeat;
}
.sortableVertical .sortitem .iconMin:hover
{
	cursor: pointer;
}
.sortableVertical .sortitem .iconMove
{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 998;
	width: 20px;
	height: 20px;
	display: none;
	background: url(../../thirdparty/icon54/svg/line/ArrowView/Move.svg?usn=1791233093686) 0 0 no-repeat scroll transparent;
}
.sortableVertical .sortitem .iconMove:hover
{
	cursor: move;
}
.sortableVertical .sortitem .iconToggle
{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 998;
	width: 20px;
	height: 20px;
	display: none;
	background: url(../../thirdparty/icon54/svg/line/ArrowView/Minimize2.svg?usn=1791233093686) 0 0 no-repeat scroll transparent;
}
.sortableVertical .sortitem .iconToggle:hover
{
	cursor: pointer;
}
.sortableVertical .placeholderDragElems
{
	position: relative;
	border: 1px dashed var(--p-color-gray4);
	margin: 20px 0 20px 0;
	background: #eff5f6;
	width: 100% !important;
}
.sortableVertical div[class|="hiddenBoxOpener"]
{
	position: relative;
	display: none;
}
.sortableVertical div[class|="hiddenBoxOpener"]:hover
{
	cursor: pointer;
}
.sortableVertical .hiddenBox
{
	position: relative;
	display: none;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}
.sortableVertical .hiddenBox .hiddenElement
{
	background: 0%;
	float: none;
	position: relative;
	overflow: hidden;
	height: 15px;
	padding: 0;
	margin: 0 0 5px 0;
	border-bottom: 1px dashed var(--p-color-gray4);
	border-top: 0;
	border-right: 0;
	border-left: 0;
}
.sortableVertical .hiddenBox .hiddenElement .titleMinElems
{
	padding: 0 10px 0 10px;
	margin-bottom: 5px;
}
.sortableVertical .hiddenBox .hiddenElement .titleMinElems:hover
{
	cursor: pointer;
}
.sortableVertical .hiddenElement .iconMin
{
	position: absolute;
	top: 5px;
	right: 15px;
	width: 15px;
	height: 15px;
	display: none;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Up2.svg?usn=1791233093686);
	background-size: 12px;
	background-repeat: no-repeat;
}
.sortableVertical .hiddenElement .iconMin:hover
{
	cursor: pointer;
}
.sortableVertical .hiddenElement .iconToggle
{
	position: absolute;
	top: 5px;
	right: 10px;
	width: 20px;
	height: 20px;
	display: none;
	background: url(../../thirdparty/icon54/svg/line/ArrowView/Maximize3.svg?usn=1791233093686) 0 0 no-repeat scroll transparent;
}
.sortableVertical .hiddenElement:hover .iconMin
{
	display: block;
}
.sortableHorizontal
{
	display: inline-block;
}
.sortableHorizontal div[data-sortable-controlguid]
{
	padding: 0;
	margin: 0;
	position: relative;
	display: inline-block;
}
.sortableHorizontal .sortitem
{
	position: relative;
	float: left;
	margin: 0 15px 0 0;
}
.sortableHorizontal .sortitem:hover .iconMin
{
	display: block;
}
.sortableHorizontal .sortitem:hover .iconToggle
{
	display: block;
}
.sortableHorizontal .sortitem .iconMin
{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 998;
	width: 20px;
	height: 20px;
	display: none;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Down2.svg?usn=1791233093686);
	background-size: 12px;
	background-repeat: no-repeat;
}
.sortableHorizontal .sortitem .iconMin:hover
{
	cursor: pointer;
}
.sortableHorizontal .sortitem .iconMove
{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 998;
	width: 20px;
	height: 20px;
	display: none;
	background: url(../../thirdparty/icon54/svg/line/ArrowView/Move.svg?usn=1791233093686) 0 0 no-repeat scroll transparent;
}
.sortableHorizontal .sortitem .iconMove:hover
{
	cursor: move;
}
.sortableHorizontal .sortitem .iconToggle
{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 998;
	width: 20px;
	height: 20px;
	display: none;
	background: url(../../thirdparty/icon54/svg/line/ArrowView/Minimize2.svg?usn=1791233093686) 0 0 no-repeat scroll transparent;
}
.sortableHorizontal .sortitem .iconToggle:hover
{
	cursor: pointer;
}
.sortableHorizontal .placeholderDragElems
{
	float: left;
	position: relative;
	margin: 0 20px 0 20px;
	height: auto;
	border: 1px dashed var(--p-color-gray4);
	background: #eff5f6;
}
.sortableHorizontal div[class|="hiddenBoxOpener"]
{
	position: relative;
	display: none;
}
.sortableHorizontal div[class|="hiddenBoxOpener"]:hover
{
	cursor: pointer;
}
.sortableHorizontal .hiddenBox
{
	position: relative;
	display: none;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}
.sortableHorizontal .hiddenBox .hiddenElement
{
	background: 0%;
	float: none;
	position: relative;
	overflow: hidden;
	height: 15px;
	padding: 0;
	margin: 0 0 5px 0;
	border-bottom: 1px dashed var(--p-color-gray4);
	border-top: 0;
	border-right: 0;
	border-left: 0;
}
.sortableHorizontal .hiddenBox .hiddenElement .titleMinElems
{
	padding: 0 10px 0 10px;
	margin-bottom: 5px;
}
.sortableHorizontal .hiddenBox .hiddenElement .titleMinElems:hover
{
	cursor: pointer;
}
.sortableHorizontal .hiddenElement .iconMin
{
	position: absolute;
	top: 5px;
	right: 10px;
	width: 15px;
	height: 15px;
	display: none;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Up2.svg?usn=1791233093686);
	background-size: 12px;
	background-repeat: no-repeat;
}
.sortableHorizontal .hiddenElement .iconMin:hover
{
	cursor: pointer;
}
.sortableHorizontal .hiddenElement .iconToggle
{
	position: absolute;
	top: 5px;
	right: 10px;
	width: 20px;
	height: 20px;
	display: none;
	background: url(../../thirdparty/icon54/svg/line/ArrowView/Maximize3.svg?usn=1791233093686) 0 0 no-repeat scroll transparent;
}
.sortableHorizontal .hiddenElement:hover .iconMin
{
	display: block;
}
.FilterInfo > label
{
	display: none !important;
	float: left;
}
.FilterInfo ul
{
	padding: 0;
	margin: 0;
}
.FilterInfo ul li
{
	display: inline-block;
	list-style-type: none;
	padding: 5px 5px 5px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 8px;
	position: relative;
	background-color: transparent;
	min-width: 75px;
	text-align: center;
	border: 1px solid var(--p-color-gray4);
	font-size: small;
}
.FilterInfo ul li:focus
{
	background-color: #ecf2f3;
}
.FilterInfo ul li:hover
{
	background-color: #ecf2f3;
}
.FilterInfo ul li:active
{
	background-color: #ecf2f3;
}
.FilterInfo ul li > label
{
	padding-right: 7px;
}
.FilterInfo ul li > span
{
	padding-right: 5px;
	line-height: 17px;
}
.FilterInfo ul li > a.remove,
.FilterInfo ul li > a.remove:link
{
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center;
	width: 10px;
	height: 10px;
	float: right;
	cursor: pointer;
	border-radius: 100%;
	padding: 4px;
	filter: var(--svg-filter-default);
}
.FilterInfo ul li > a.remove:focus
{
	background-color: #ffffff;
}
.FilterInfo ul li > a.remove:hover
{
	background-color: #ffffff;
}
.FilterInfo ul li > a.remove:active
{
	background-color: #ffffff;
}
.Container_CAPTCHA
{
	background-color: #ffffff;
	border: 1px solid var(--p-color-gray4);
	padding: 10px 20px 20px 0;
	width: 235px;
	border-radius: 8px;
}
.Container_CAPTCHA > a
{
	display: block;
	float: right;
	margin-top: 15px;
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Reload.svg?usn=1791233093686);
	width: 24px;
	height: 24px;
}
.Container_CAPTCHA > input
{
	margin: 10px 0 0 20px;
	width: 215px;
}
.TagCloud a:focus
{
	text-decoration: underline;
}
.TagCloud a:hover
{
	text-decoration: underline;
}
.MenuCloud a:focus
{
	text-decoration: underline;
}
.MenuCloud a:hover
{
	text-decoration: underline;
}
.TagContainer
{
	background-color: #ffffff;
	cursor: text;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	padding: 10px 10px 1px 10px;
	vertical-align: middle;
	border-radius: 8px;
	border: 1px solid var(--p-color-gray4);
}
.TagContainer a,
.TagContainer a:link
{
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	display: inline-block;
	line-height: 1;
	padding: 7px;
	white-space: nowrap;
	margin: 0 5px 5px 0;
	color: #171d1e;
	cursor: pointer;
	max-width: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 8px;
}
.TagContainer a:focus
{
	background-color: #ecf2f3;
	text-decoration: none;
}
.TagContainer a:hover
{
	background-color: #ecf2f3;
	text-decoration: none;
}
.TagContainer a:active
{
	background-color: #ecf2f3;
	text-decoration: none;
}
.TagContainer a.selected
{
	background-color: var(--p-color-secondary);
	text-decoration: none;
}
.TagContainer .Text_TagAdmin
{
	display: none;
}
.TagContainer .Link_TagAdmin,
.TagContainer .Link_TagAdmin:link
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Pencil.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	width: 16px;
	height: 16px;
	background-color: transparent;
}
.TagCloudAsList
{
	background-color: #ffffff;
	cursor: text;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	padding: 10px 10px 5px 10px;
	vertical-align: middle;
	border-radius: 8px;
	border: 1px solid var(--p-color-gray4);
	min-width: 150px;
	border-radius: 8px;
}
.TagCloudAsList a,
.TagCloudAsList a:link
{
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	display: block;
	line-height: 1;
	padding: 7px;
	white-space: nowrap;
	margin: 0 0 5px 0;
	color: #171d1e;
	cursor: pointer;
	border-radius: 8px;
}
.TagCloudAsList a:focus
{
	background-color: #ecf2f3;
	text-decoration: none;
}
.TagCloudAsList a:hover
{
	background-color: #ecf2f3;
	text-decoration: none;
}
.TagCloudAsList a:active
{
	background-color: #ecf2f3;
	text-decoration: none;
}
.TagCloudAsList a.selected
{
	background-color: var(--p-color-secondary);
	text-decoration: none;
}
.TagList
{
	background-color: #ffffff;
	margin: 5px 0;
	display: inline-block;
	padding: 10px 10px 5px 10px;
	min-width: 150px;
	vertical-align: middle;
	max-width: 100%;
	cursor: text;
	border-radius: 8px;
	border: 1px solid var(--p-color-gray4);
}
.TagList a,
.TagList a:link
{
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	display: block;
	line-height: 1;
	padding: 7px;
	white-space: nowrap;
	margin: 0 0 5px 0;
	color: #171d1e;
	cursor: pointer;
	border-radius: 8px;
}
.TagList a:focus
{
	background-color: #ecf2f3;
	border: 1px solid var(--p-color-gray4);
	text-decoration: none;
}
.TagList a:hover
{
	background-color: #ecf2f3;
	border: 1px solid var(--p-color-gray4);
	text-decoration: none;
}
.TagList a:active
{
	background-color: #ecf2f3;
	border: 1px solid var(--p-color-gray4);
	text-decoration: none;
}
.TagList a.selected
{
	background-color: var(--p-color-secondary);
	border: 1px solid var(--p-color-gray4);
	text-decoration: none;
}
.TagAdministration
{
	border: 1px dashed var(--p-color-gray4);
	padding: 10px;
	position: relative;
	background-color: transparent;
	border-radius: 8px;
}
.TagAdministration .Text_TagAdmin
{
	display: block;
	padding: 0 0 5px;
}
.TagAdministration .Link_TagAdmin,
.TagAdministration .Link_TagAdmin:link
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Close.svg?usn=1791233093686);
	background-size: 16px;
	position: absolute;
	top: 5px;
	right: 5px;
}
.TagAdministration #tagSave
{
	margin: 5px 5px 0 0;
	text-align: center;
	width: 65px;
}
.TagAdministration #tagDelete
{
	text-align: center;
	width: 65px;
}
.TagInput
{
	background-color: #ffffff;
	margin: 5px 0;
	display: inline-block;
	padding: 7px;
	min-width: 150px;
	vertical-align: middle;
	max-width: 100%;
	cursor: text;
	border-radius: 8px;
	border: 1px solid var(--p-color-gray4);
}
.TagInput input
{
	border: none;
	box-shadow: none;
	outline: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: auto !important;
	max-width: inherit;
}
.TagInput input:focus
{
	border: none;
	box-shadow: none;
}
.TagInput .label
{
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	display: inline-block;
	line-height: 1;
	padding: 7px;
	white-space: nowrap;
	margin: 0 5px 5px 0;
	border-radius: 8px;
}
.TagInput .label:hover
{
	background-color: #ecf2f3;
	border: 1px solid var(--p-color-gray4);
	text-decoration: none;
}
.TagInput .tag [data-role="remove"]
{
	margin-left: 3px;
	cursor: pointer;
}
.TagInput .tag [data-role="remove"]:after
{
	content: "x";
	padding: 5px;
}
.TagInput .AllTagsText
{
	display: block;
	margin-top: 5px;
}
.TagInput .ViewAllTags
{
	display: block;
}
.TagInput .ViewAllTags .label
{
	display: inline-block;
	line-height: 1;
	padding: 7px;
	white-space: nowrap;
	margin: 0 5px 5px 0;
	border-radius: 8px;
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
}
.TagInput .ViewAllTags .label:hover
{
	background-color: #ecf2f3;
	text-decoration: none;
}
.TagInput .ViewAllTags a
{
	color: #171d1e;
}
.multisource-search .spell
{
	margin-top: 15px;
}
.multisource-search .spell > a
{
	font-style: italic;
	font-family: var(--font-sans);
	font-weight: 300;
	margin-left: 5px;
	cursor: pointer;
}
.multisource-search .spell > a:hover
{
	text-decoration: underline;
}
.multisource-search .search-bar .searchtabs
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.multisource-search .search-bar .searchtabs > li
{
	display: inline-block;
	line-height: 30px;
	font-family: var(--font-sans);
	font-weight: 300;
	margin: 2px 15px 0 0;
	padding: 0 10px;
}
.multisource-search .search-bar .searchtab
{
	cursor: pointer;
}
.multisource-search .search-bar .searchtabs > li:hover,
.multisource-search .search-bar .searchtabs > li.selected
{
	border-bottom: 3px solid #006973;
}
.multisource-search .search-bar .button-settings
{
	line-height: 29px;
	display: inline-block;
}
.multisource-search .search-bar .button-settings > a
{
	color: #171d1e;
	cursor: pointer;
	font-family: var(--font-sans);
	font-weight: 300;
}
.multisource-search .search-bar .button-settings > span
{
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Preferences1.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: inline-block;
	height: 18px;
	width: 18px;
}
.multisource-search .search-settings
{
	padding: 0;
	display: none;
	overflow: visible;
	transform: translate3d(0,0,0);
	position: relative;
	z-index: 1;
}
.multisource-search .search-settings > .scroller
{
	display: inline-block;
}
.multisource-search .search-settings .parent
{
	display: inline-block;
	margin: 0 10px 10px 0;
}
.multisource-search .search-settings .setting
{
	display: inline-block;
	vertical-align: top;
	border: none;
	padding: 0;
	margin: 0;
}
.multisource-search .search-settings .setting > legend
{
	color: #171d1e;
	cursor: pointer;
	padding: 0;
}
.multisource-search .search-settings .setting > legend:hover
{
	color: #171d1e;
}
.multisource-search .search-settings .setting > legend::after
{
	content: "\25BC";
	margin: 0 5px;
}
.multisource-search .search-settings .setting > div
{
	display: none;
	background-color: #ffffff;
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
	position: absolute;
	line-height: 17px;
	padding: 10px;
	border-radius: 8px;
}
.multisource-search .search-settings .setting input[type="radio"] + label
{
	display: block;
	padding: 5px 10px 5px 0;
	cursor: pointer;
	white-space: nowrap;
}
.multisource-search .search-settings .setting input[type="radio"] + label::before
{
	content: "";
	width: 20px;
	display: inline-block;
	padding-left: 5px;
}
.multisource-search .search-settings .setting input[type="radio"] + label:hover
{
	background-color: #ecf2f3;
	border-radius: 4px;
}
.multisource-search .search-settings .setting input[type="radio"]:checked + label::before
{
	content: "\2713";
	font-size: 150%;
	color: #171d1e;
}
.multisource-search .search-settings .button-tabsettings
{
	display: inline-block;
	color: #171d1e;
	cursor: pointer;
	vertical-align: top;
}
.multisource-search .search-settings .button-tabsettings:hover
{
	color: #171d1e;
}
.multisource-search .search-status
{
	margin-top: 5px;
	margin-bottom: 5px;
	hyphens: auto;
}
.multisource-search .multisource-body
{
	position: relative;
}
.multisource-search .search-filters.right
{
	float: right;
}
.multisource-search .search-filters.left
{
	float: left;
}
.multisource-search .search-filters .selection
{
	margin-bottom: 10px;
}
.multisource-search .search-filters fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}
.multisource-search .search-filters fieldset fieldset .facetToggleContainer
{
	display: block;
}
.multisource-search .search-filters legend
{
	margin-bottom: 5px;
	width: 100%;
	box-sizing: border-box;
}
.multisource-search .search-filters fieldset legend.facetopen
{
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Up2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: 95%;
}
.multisource-search .search-filters fieldset legend.facetclose
{
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Down2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: 95%;
}
.multisource-search .search-filters fieldset legend.facetopen:hover,
.multisource-search .search-filters fieldset legend.facetclose:hover
{
	cursor: auto;
}
.multisource-search .search-filters .filter-item
{
	display: inline-block;
	padding: 7px 25px 7px 10px;
	margin: 0 5px 5px 0;
	cursor: pointer;
	background-color: var(--frame2-bg);
	border: 1px solid var(--frame2-color);
	border-radius: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.multisource-search .search-filters .filter-item:hover,
.multisource-search .search-filters .filter-item:focus
{
	background-color: var(--frame3-bg);
}
.multisource-search .search-filters input:checked + .filter-item
{
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Close.svg?usn=1791233093686);
	background-size: 16px;
	background-position: right 5px center;
	background-repeat: no-repeat;
	filter: var(--svg-filter-table-header);
}
.multisource-search .search-filters.left + .multisource-records
{
	margin-left: 260px;
}
.multisource-search .search-filters.right + .multisource-records
{
	margin-right: 260px;
}
.multisource-search .multisource-records > .record
{
	margin-bottom: 20px;
	background-color: transparent;
}
.multisource-search .multisource-records > .record:last-child
{
	margin-bottom: 0;
}
.multisource-search .floating-records > .record
{
	display: inline-block;
	margin-right: 23px;
}
.multisource-search .multisource-records > .record > .body
{
	hyphens: auto;
}
.multisource-search .multisource-records > .record > .title
{
	hyphens: auto;
}
.multisource-search .multisource-records > .record > .title a:hover
{
	text-decoration: underline;
}
.multisource-search .multisource-records > .record .meta
{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.multisource-search .multisource-records > .record .meta > dt
{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	font-style: italic;
	clear: both;
}
.multisource-search .multisource-records > .record .meta > dd
{
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	font-style: italic;
}
.multisource-search .multisource-records > .record strong
{
	font-weight: bolder;
}
.multisource-search .multisource-records > .record > .title img
{
	margin-right: 10px;
}
.multisource-search .multisource-records > .record > .details
{
	color: #171d1e;
}
.multisource-search .multisource-records > .record.application .files
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.multisource-search .multisource-records > .record.tag > a
{
	color: #1a8290;
	cursor: pointer;
	display: inline-block;
	margin: 5px 0 5px 0;
	padding: 5px 10px;
	border-radius: 8px;
	text-decoration: none;
	border-radius: 8px;
	background-color: #eff5f6;
	border: 1px solid var(--p-color-gray4);
}
.multisource-search .multisource-records > .record.tag > a:hover
{
	background: #ecf2f3;
}
.multisource-search .multisource-records > .record.share .feed-link
{
	float: right;
	height: 16px;
	width: 16px;
	background-image: url("../../images/assets/share/icon.png?usn=1791233093686");
	display: block;
}
.multisource-search .multisource-footer .showmore
{
	background-color: #eff5f6;
	border: 1px solid var(--p-color-gray4);
	border-radius: 8px;
	display: inline-block;
	padding: 7px 20px;
	line-height: 24px;
}
.multisource-search .multisource-footer .showmore > a::after
{
	content: ">";
	margin-left: 5px;
}
.pagination
{
	text-align: center;
	padding: 5px 0 10px 0;
	clear: both;
}
.pagination ul
{
	padding: 0;
	margin: 0;
}
.pagination li
{
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	border-radius: 100%;
	width: 24px;
	height: 24px;
	margin: 0 1px 0;
}
.pagination li:hover
{
	background-color: var(--button-secondary-bg-hover);
}
.pagination .page a,
.pagination .page a:link
{
	display: block;
	text-decoration: none;
	color: var(--text-color);
	height: 24px;
	line-height: 24px;
}
.pagination .active
{
	background-color: var(--p-color-secondary);
	height: 24px;
	line-height: 24px;
	display: inline-block;
}
.pagination .first a,
.pagination .first a:link
{
	width: 24px;
	height: 24px;
	display: block;
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Left3.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
	filter: var(--svg-filter-default);
}
.pagination .first-off
{
	width: 24px;
	height: 24px;
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Left3.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
	opacity: 0.3;
	filter: var(--svg-filter-default);
}
.pagination .last a,
.pagination .last a:link
{
	width: 24px;
	height: 24px;
	display: block;
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right3.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
	filter: var(--svg-filter-default);
}
.pagination .last-off
{
	width: 24px;
	height: 24px;
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right3.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
	opacity: 0.3;
	filter: var(--svg-filter-default);
}
.pagination .previous a,
.pagination .previous a:link
{
	width: 24px;
	height: 24px;
	display: block;
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Left2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
	filter: var(--svg-filter-default);
}
.pagination .previous-off
{
	width: 24px;
	height: 24px;
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Left2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
	opacity: 0.3;
	filter: var(--svg-filter-default);
}
.pagination .next a,
.pagination .next a:link
{
	width: 24px;
	height: 24px;
	display: block;
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
	filter: var(--svg-filter-default);
}
.pagination .next-off
{
	width: 24px;
	height: 24px;
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
	opacity: 0.3;
	filter: var(--svg-filter-default);
}
.pagination .more
{
	width: 24px;
	height: 24px;
	display: inline-block;
	text-decoration: none;
}
.pagination .showmore
{
	min-width: 250px;
}
.pagination .showmore a,
.pagination .showmore a:link
{
	color: #1a8290;
}
.pagination .additional
{
	clear: both;
	margin-top: 5px;
}
.pagination .additional .pagination-totalcount
{
	font-size: smaller;
}
.pagination .additional select
{
	margin-left: 5px;
	padding: 2px;
	height: 25px;
}
.pagination_small
{
	text-align: center;
	padding-top: 5px;
	clear: both;
}
.pagination_small ul
{
	padding: 0;
	margin: 0;
}
.pagination_small li
{
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin: 0 1px 0;
	border-radius: 100%;
}
.pagination_small .page a,
.pagination_small .page a:link
{
	display: block;
	height: 10px;
	line-height: 10px;
	font-size: 0;
	background-color: #dee3e4;
	border-radius: 100%;
}
.pagination_small .page a:focus
{
	background-color: #dee3e4;
}
.pagination_small .page a:hover
{
	background-color: #dee3e4;
}
.pagination_small .active
{
	background-color: var(--p-color-secondary);
	height: 10px;
	line-height: 10px;
	display: inline-block;
	font-size: 0;
}
.pagination_small .first a,
.pagination_small .first a:link
{
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Left3.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-color: transparent;
	width: 10px;
	height: 10px;
	display: block;
}
.pagination_small .first-off
{
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Left3.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-color: transparent;
	width: 10px;
	height: 10px;
	opacity: 0.3;
}
.pagination_small .last a,
.pagination_small .last a:link
{
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right3.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-color: transparent;
	width: 10px;
	height: 10px;
	display: block;
}
.pagination_small .last-off
{
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right3.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-color: transparent;
	width: 10px;
	height: 10px;
	opacity: 0.3;
}
.pagination_small .previous a,
.pagination_small .previous a:link
{
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Left2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-color: transparent;
	width: 10px;
	height: 10px;
	display: block;
}
.pagination_small .previous-off
{
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Left2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-color: transparent;
	width: 10px;
	height: 10px;
	opacity: 0.3;
}
.pagination_small .next
{
	background-color: transparent;
}
.pagination_small .next a,
.pagination_small .next a:link
{
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-color: transparent;
	width: 10px;
	height: 10px;
	display: block;
}
.pagination_small .next-off
{
	font-size: 0;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right2.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-color: transparent;
	width: 10px;
	height: 10px;
	opacity: 0.3;
}
.pagination_small .more
{
	width: 16px;
	height: 16px;
	display: inline-block;
	text-decoration: none;
	background: transparent;
}
.pagination_small .showmore
{
	min-width: 250px;
}
.pagination_small .showmore a,
.pagination_small .showmore a:link
{
	color: #1a8290;
}
.pagination_small .additional
{
	clear: both;
}
.pagination_small .additional .pagination-totalcount
{
	font-size: smaller;
	color: #171d1e;
}
.pagination_small .additional select
{
	margin-left: 5px;
	padding: 0;
	height: 25px;
	border: none;
	font-size: smaller;
}
.Popup,
.Popup body
{
	padding: 5px;
	box-sizing: border-box;
	background-color: #ffffff;
	background-image: none;
	height: auto;
	width: auto;
	border-radius: 8px;
	box-shadow: 0 4px 8px 3px #00000026, 0 1px 3px 0 #0000004d;
	white-space: normal;
	border-radius: 8px;
}
.TT_POPUP
{
	background-color: var(--dialog-bg);
	box-shadow: var(--dialog-bg-shadow);
	animation-name: animation-fadein;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	box-sizing: border-box;
	white-space: normal;
	margin-left: 3px;
}
.TT_POPUP header.TT_Header
{
	background: var(--dialog-header-bg);
	font-size: 18px;
	padding: 0 30px;
	text-align: left;
	box-sizing: border-box;
	white-space: nowrap;
	height: 45px;
	border-radius: 8px 8px 0 0;
}
.TT_POPUP header.TT_Header span.TT_Title
{
	white-space: nowrap;
	line-height: 45px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
	font-family: var(--font-sans);
	color: var(--dialog-header-color);
	font-weight: 500;
}
.TT_POPUP a.TT_Close
{
	z-index: 1;
	outline: none;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	height: 20px;
	width: 20px;
	filter: var(--svg-filter-default);
}
.TT_POPUP section.TT_Content
{
	padding: 15px;
	box-sizing: border-box;
	padding-bottom: 90px !important;
	scroll-padding-bottom: 90px;
}
.TT_ADVICE
{
	background-color: var(--dialog-advice-bg);
	box-shadow: var(--dialog-advice-bg-shadow);
	animation-name: animation-fadein;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	box-sizing: border-box;
	white-space: normal;
	border-radius: 8px;
}
.TT_ADVICE header.TT_Header
{
	background-color: var(--dialog-advice-header-bg);
	font-size: 18px;
	padding: 0 30px;
	text-align: left;
	box-sizing: border-box;
	white-space: nowrap;
	height: 45px;
	border-radius: 8px 8px 0 0;
}
.TT_ADVICE header.TT_Header span.TT_Title
{
	white-space: nowrap;
	line-height: 45px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
	font-family: var(--font-sans);
	font-weight: 500;
}
.TT_ADVICE a.TT_Close
{
	z-index: 1;
	outline: none;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	height: 20px;
	width: 20px;
	filter: var(--svg-filter-default);
}
.TT_ADVICE section.TT_Content
{
	padding: 30px;
	box-sizing: border-box;
}
.TT_MOUSEOVER
{
	background-color: #ffffff;
	box-shadow: 0 4px 8px 3px #00000026, 0 1px 3px 0 #0000004d;
	animation-name: animation-fadein;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	box-sizing: border-box;
	white-space: normal;
	border-radius: 8px;
}
.TT_MOUSEOVER header.TT_Header
{
	background-color: #eff5f6;
	font-size: 18px;
	padding: 0 20px;
	text-align: left;
	box-sizing: border-box;
	white-space: nowrap;
	height: 45px;
	border-radius: 8px 8px 0 0;
}
.TT_MOUSEOVER header.TT_Header span.TT_Title
{
	white-space: nowrap;
	line-height: 45px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
	font-family: var(--font-sans);
	font-weight: 500;
}
.TT_MOUSEOVER a.TT_Close
{
	z-index: 1;
	outline: none;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	height: 20px;
	width: 20px;
}
.TT_MOUSEOVER section.TT_Content
{
	padding: 30px;
	box-sizing: border-box;
}
.TT_WARNING
{
	background-color: #ffffff;
	box-shadow: 0 4px 8px 3px #00000026, 0 1px 3px 0 #0000004d;
	animation-name: animation-fadein;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	box-sizing: border-box;
	white-space: normal;
	border-radius: 8px;
}
.TT_WARNING header.TT_Header
{
	background-color: #ba1a1a;
	font-size: 18px;
	padding: 0 30px;
	text-align: left;
	box-sizing: border-box;
	white-space: nowrap;
	height: 45px;
	border-radius: 8px 8px 0 0;
}
.TT_WARNING header.TT_Header span.TT_Title
{
	white-space: nowrap;
	line-height: 45px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
	font-family: var(--font-sans);
	font-weight: 500;
	color: #ffffff;
}
.TT_WARNING a.TT_Close
{
	z-index: 1;
	outline: none;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	height: 20px;
	width: 20px;
	filter: invert(99%) sepia(100%) saturate(0%) hue-rotate(278deg) brightness(108%) contrast(96%);
}
.TT_WARNING section.TT_Content
{
	padding: 30px;
	box-sizing: border-box;
}
.TT_ERROR
{
	background-color: var(--tt-error-bg);
	box-shadow: var(--tt-error-shadow);
	animation-name: animation-fadein;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	box-sizing: border-box;
	white-space: normal;
	border-radius: 8px;
}
.TT_ERROR header.TT_Header
{
	background-color: var(--tt-error-header-bg);
	font-size: 18px;
	padding: 0 30px;
	text-align: left;
	box-sizing: border-box;
	white-space: nowrap;
	height: 45px;
	border-radius: 8px 8px 0 0;
}
.TT_ERROR header.TT_Header span.TT_Title
{
	white-space: nowrap;
	line-height: 45px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
	font-family: var(--font-sans);
}
.TT_ERROR header.TT_Header span.TT_Title h2
{
	color: var(--tt-error-header-color);
}
.TT_ERROR a.TT_Close
{
	z-index: 1;
	outline: none;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	height: 20px;
	width: 20px;
	filter: invert(99%) sepia(100%) saturate(0%) hue-rotate(278deg) brightness(108%) contrast(96%);
}
.TT_ERROR section.TT_Content
{
	padding: 30px;
	box-sizing: border-box;
}
.TT_MODAL
{
	background-color: var(--dialog-bg);
	box-shadow: var(--dialog-bg-shadow);
	animation-name: animation-fadein;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	box-sizing: border-box;
	white-space: normal;
	border-radius: 8px;
}
.TT_MODAL header.TT_Header
{
	background-color: var(--dialog-header-bg);
	color: var(--dialog-header-color);
	font-size: 18px;
	padding: 0 30px;
	text-align: left;
	box-sizing: border-box;
	white-space: nowrap;
	height: 45px;
	border-radius: 8px 8px 0 0;
}
.TT_MODAL header.TT_Header span.TT_Title
{
	white-space: nowrap;
	line-height: 45px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
	font-family: var(--font-sans);
	font-weight: 500;
}
.TT_MODAL a.TT_Close
{
	z-index: 1;
	outline: none;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	height: 20px;
	width: 20px;
	filter: var(--svg-filter-default);
}
.TT_MODAL section.TT_Content
{
	padding: 30px;
	box-sizing: border-box;
}
.TT_MINIMALIST
{
	animation-name: animation-fadein;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	border: 0;
	background-color: transparent;
	box-sizing: border-box;
	white-space: normal;
}
.TT_MINIMALIST header.TT_Header
{
	box-sizing: border-box;
}
.TT_MINIMALIST a.TT_Close
{
	z-index: 1;
	outline: 0;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
}
.TT_MINIMALIST section.TT_Content
{
	padding: 0;
	margin: 0;
	background-image: none;
	box-sizing: border-box;
}
.TT_BLANK
{
	animation-name: animation-fadein;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	border: 0;
	background-color: transparent;
	box-sizing: border-box;
	white-space: normal;
}
.TT_BLANK header.TT_Header
{
	box-sizing: border-box;
}
.TT_BLANK a.TT_Close
{
	z-index: 1;
	outline: 0;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
}
.TT_BLANK section.TT_Content
{
	padding: 0;
	margin: 0;
	background-image: none;
	box-sizing: border-box;
}
.TT_CONFIRM_DIALOG
{
	box-shadow: 0 4px 8px 3px #00000026, 0 1px 3px 0 #0000004d;
	animation-name: animation-fadein;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	box-sizing: border-box;
	background-color: #ffffff;
	width: 460px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -130px 0 0 -230px;
	white-space: normal;
	border-radius: 8px;
}
.TT_CONFIRM_DIALOG header.TT_Header
{
	background-color: #eff5f6;
	font-size: 18px;
	padding: 0 30px;
	box-sizing: border-box;
	white-space: nowrap;
	height: 45px;
	border-radius: 8px 8px 0 0;
	text-align: center;
}
.TT_CONFIRM_DIALOG header.TT_Header span.TT_Title
{
	white-space: nowrap;
	line-height: 45px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
	font-family: var(--font-sans);
	font-weight: 500;
	text-align: center;
}
.TT_CONFIRM_DIALOG a.TT_Close
{
	z-index: 1;
	outline: none;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	height: 20px;
	width: 20px;
}
.TT_CONFIRM_DIALOG section.TT_Content
{
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
}
.TT_CONFIRM_DIALOG section.TT_Content > .DialogButtons
{
	padding: 15px 0;
	text-align: center;
}
.TT_CONFIRM_DIALOG section.TT_Content > .DialogButtons > input[type="button"]
{
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	background-color: #006973;
	padding: 0 10px;
	margin: 5px;
	display: inline-block;
	min-width: 100px;
	height: 25px;
	border: none;
}
.TT_CONFIRM_DIALOG section.TT_Content > .DialogButtons > input[type="button"]:hover
{
	background-color: #171d1e;
}
.TT_EXCEPTION
{
	animation-name: animation-fadein;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	position: absolute;
	z-index: 100;
	max-width: 350px;
	background-color: #ffffff;
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
	border: 3px solid #ba1a1a;
	padding: 5px 30px 5px 5px;
	text-align: left;
	white-space: normal;
	border-radius: 8px;
}
.TT_EXCEPTION .TTClose
{
	outline: none;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 5px;
	right: 5px;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
}
.TT_EMBEDDED a.TT_Close
{
	z-index: 1;
	outline: 0;
	width: 20px;
	height: 20px;
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
}
.TT_EMBEDDED section.TT_Content
{
	box-sizing: border-box;
}
.TT_CTRL_VALIDATION
{
	animation-name: animation-fadein;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	box-sizing: border-box;
	white-space: normal;
}
.TT_CTRL_VALIDATION header.TT_Header
{
	font-size: 0;
	box-sizing: border-box;
}
.TT_CTRL_VALIDATION a.TT_Close
{
	z-index: 1;
	outline: 0;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 30px;
	right: 15px;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 16px;
	cursor: pointer;
}
.TT_CTRL_VALIDATION section.TT_Content
{
	color: var(--p-color-white);
	padding: 15px 40px 15px 40px;
	box-sizing: border-box;
	background-color: var(--p-color-danger);
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
	margin: 15px 5px 5px 5px;
	background-image: url(../../thirdparty/icon54/svg/solid/Pictograms/Attention.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 25px 20px;
	background-position: 9px 12px;
	border-radius: 8px;
}
.TT_CTRL_VALIDATION:before
{
	content: "";
	display: block;
	position: absolute;
	left: 20px;
	width: 0;
	height: 0;
	border-top-color: transparent;
	border-width: 15px;
	border-style: solid;
	border-right-color: transparent;
	border-bottom-color: var(--p-color-danger);
	border-left-color: transparent;
	top: -15px;
}
.TT_ACTIONMENU
{
	background-color: var(--dialog-bg);
	border-radius: var(--button-border-radius);
	box-shadow: 1px 1px 4px rgba(100, 100, 100, 0.3);
	animation-name: animation-fadein;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	box-sizing: border-box;
	white-space: normal;
}
.TT_ACTIONMENU header.TT_Header
{
	background-color: #eaeaea;
	font-size: 20px;
	padding: 0 20px;
	text-align: left;
	box-sizing: border-box;
	white-space: nowrap;
	height: 40px;
	border-radius: 3px 3px 0 0;
}
.TT_ACTIONMENU header.TT_Header span.TT_Title
{
	white-space: nowrap;
	line-height: 40px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
	font-family: Roboto, Muli, Arial, Verdana, SansSerif;
	font-weight: 500;
}
.TT_ACTIONMENU a.TT_Close
{
	z-index: 1;
	outline: none;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0;
	height: 20px;
	width: 20px;
}
.TT_ACTIONMENU section.TT_Content
{
	padding: 0;
	box-sizing: border-box;
}
.confirm-standard
{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
}
.confirm-standard #confirmBox
{
	background-color: var(--dialog-bg);
	width: 460px;
	position: fixed;
	left: 50%;
	top: 50%;
	border-radius: 8px;
	margin: -130px 0 0 -230px;
	box-shadow: var(--dialog-bg-shadow);
}
.confirm-standard h1
{
	padding: 30px 10px 10px 10px;
	text-align: center;
	font-family: var(--font-sans);
	font-weight: 500;
}
.confirm-standard p
{
	padding: 5px 10px;
	text-align: center;
}
.confirm-standard #confirmButtons
{
	padding: 0 0 25px;
	text-align: center;
}
.confirm-standard .button
{
	text-decoration: none;
	cursor: pointer;
	padding: 7px;
	margin: 5px 5px 5px 5px;
	display: inline-block;
	min-width: 75%;
	border-radius: 8px;
	background-color: #006973;
	border: 1px solid #006973;
	color: #ffffff;
}
.confirm-standard .button:hover
{
	background-color: #171d1e;
	border: 1px solid #171d1e;
}
.confirm-standard .button.singleline
{
	width: 75%;
	margin-left: 0;
	margin-right: 0;
}
.confirm-standard .confirmCloseButton
{
	z-index: 1;
	outline: none;
	background-image: url(../../thirdparty/icon54/svg/solid/BasicIcons/Close.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0;
	height: 20px;
	width: 20px;
	font-size: 0;
}
.groovyDropdown
{
	background-color: transparent;
	margin: 0;
	padding: 10px;
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Add.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 15px;
	height: 15px;
	width: 15px;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 1px solid var(--p-color-gray4);
}
.groovyTree
{
	overflow: auto;
}
.groovyTree ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.groovyTree ul ul
{
	list-style: none;
	padding-left: 25px;
	display: none;
}
.groovyTree ul li
{
	white-space: nowrap;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	line-height: 20px;
}
.groovyTree ul li > .Content
{
	border: 2px dashed transparent;
	padding: 3px;
}
.groovyTree ul li > .Content > .Title
{
	cursor: pointer;
	vertical-align: middle;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.groovyTree ul li > .Content > .Image
{
	vertical-align: middle;
	padding: 0 3px 0 0;
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	float: left;
}
.groovyTree ul li > .Content .BranchImage_closed
{
	filter: var(--svg-filter-default);
	cursor: pointer;
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right13.svg?usn=1791233093686);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
}
.groovyTree ul li > .Content .BranchImage_opened
{
	filter: var(--svg-filter-default);
	cursor: pointer;
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right13.svg?usn=1791233093686);
	transform: rotate(90deg);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
}
.groovyTree ul li > .Content .BranchImage_notExpanded
{
	filter: var(--svg-filter-default);
	cursor: pointer;
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right13.svg?usn=1791233093686);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
}
.groovyTree ul li > .Content .BranchImage_loading
{
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Refresh.svg?usn=1791233093686);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
}
.groovyTree ul li > .Content .BranchImage_empty
{
	filter: var(--svg-filter-default);
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right13.svg?usn=1791233093686);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.3;
	float: left;
}
.groovyTree ul li > .Content > .Optionspanel
{
	position: absolute;
	top: 4px;
	right: 1px;
}
.groovyTree ul li.DragOver > .Content
{
	border: 2px dashed var(--p-color-gray4);
	padding: 3px;
	border-radius: 8px;
}
.groovyTree ul li.DragOver_Top
{
	border-top: 1px solid var(--p-color-gray4);
}
.groovyTree ul li.DragOver_Bottom
{
	border-bottom: 1px solid var(--p-color-gray4);
}
.groovyTree ul li.Selected > .Content > .Title
{
	cursor: pointer;
	font-weight: 600;
}
.groovyTree ul li.SelectedParent > .Content > .Title
{
	cursor: pointer;
}
.groovyTree ul li.Disabled
{
	opacity: 0.3;
}
.groovyTree ul li.Opened > ul
{
	display: block;
}
.groovyTree ul li:first-child img
{
	width: 0;
}
.shopTree
{
	overflow: auto;
}
.shopTree ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.shopTree ul ul
{
	list-style: none;
	padding-left: 25px;
	display: none;
}
.shopTree ul li
{
	white-space: nowrap;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
}
.shopTree ul li > .Content
{
	border: 2px dashed transparent;
	padding: 3px;
}
.shopTree ul li > .Content > .Title
{
	cursor: pointer;
	vertical-align: middle;
}
.shopTree ul li > .Content > .Image
{
	vertical-align: middle;
	padding: 0 3px 0 0;
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
}
.shopTree ul li > .Content .BranchImage_closed
{
	filter: var(--svg-filter-default);
	cursor: pointer;
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right13.svg?usn=1791233093686);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}
.shopTree ul li > .Content .BranchImage_opened
{
	filter: var(--svg-filter-default);
	cursor: pointer;
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right13.svg?usn=1791233093686);
	transform: rotate(90deg);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}
.shopTree ul li > .Content .BranchImage_notExpanded
{
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Folders/Folder1.svg?usn=1791233093686);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.shopTree ul li > .Content .BranchImage_loading
{
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Refresh.svg?usn=1791233093686);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}
.shopTree ul li > .Content .BranchImage_empty
{
	filter: var(--svg-filter-default);
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right13.svg?usn=1791233093686);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.3;
}
.shopTree ul li > .Content > .Optionspanel
{
	position: absolute;
	top: 4px;
	right: 1px;
}
.shopTree ul li.DragOver > .Content
{
	border: 2px dashed var(--p-color-gray4);
	padding: 3px;
	border-radius: 8px;
}
.shopTree ul li.DragOver_Top
{
	border-top: 1px solid var(--p-color-gray4);
}
.shopTree ul li.DragOver_Bottom
{
	border-bottom: 1px solid var(--p-color-gray4);
}
.shopTree ul li.Selected > .Content > .Title
{
	cursor: pointer;
	font-weight: 600;
}
.shopTree ul li.SelectedParent > .Content > .Title
{
	cursor: pointer;
}
.shopTree ul li.Disabled
{
	opacity: 0.3;
}
.shopTree ul li.Opened > ul
{
	display: block;
}
.shopTree ul li:first-child img
{
	width: 0;
}
.breadCrumbTree
{
	overflow: auto;
}
.breadCrumbTree ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.breadCrumbTree ul ul
{
	list-style: none;
	padding: 0;
	display: none;
}
.breadCrumbTree ul li
{
	display: inline-block;
	white-space: nowrap;
}
.breadCrumbTree ul li > .Content > .Title
{
	cursor: pointer;
	padding: 2px;
	vertical-align: middle;
	display: inline-block;
}
.breadCrumbTree ul li > .Content > .Image
{
	vertical-align: top;
	padding: 0 5px 0 0;
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.breadCrumbTree ul li > .Content .BranchImage_closed
{
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Folders/Folder1.svg?usn=1791233093686);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}
.breadCrumbTree ul li > .Content .BranchImage_loading
{
	display: none;
}
.breadCrumbTree ul li > .Content .BranchImage_empty
{
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right2.svg?usn=1791233093686);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}
.breadCrumbTree ul li.Selected > .Content > .Title
{
	cursor: pointer;
	font-weight: 600;
}
.breadCrumbTree ul li.SelectedParent > .Content > .Title
{
	cursor: pointer;
}
.breadCrumbTree ul li.Disabled
{
	opacity: 0.3;
}
.breadCrumbTree ul li.Opened > ul
{
	display: block;
}
.breadCrumbTree ul li:first-child
{
	padding: 0 0 0 5px;
}
.breadCrumbTree ul li:first-child img
{
	width: 0;
}
.groovyTreeCMS
{
	overflow: auto;
}
.groovyTreeCMS ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.groovyTreeCMS ul ul
{
	list-style: none;
	padding-left: 25px;
	display: none;
}
.groovyTreeCMS ul li
{
	white-space: nowrap;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
}
.groovyTreeCMS ul li > .Content
{
	border: 2px dashed transparent;
	padding: 3px;
}
.groovyTreeCMS ul li > .Content > .Title
{
	cursor: pointer;
	vertical-align: middle;
}
.groovyTreeCMS ul li > .Content > .Image
{
	vertical-align: middle;
	padding: 0 3px 0 0;
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
}
.groovyTreeCMS ul li > .Content .BranchImage_closed
{
	filter: var(--svg-filter-default);
	cursor: pointer;
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right13.svg?usn=1791233093686);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}
.groovyTreeCMS ul li > .Content .BranchImage_opened
{
	filter: var(--svg-filter-default);
	cursor: pointer;
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right13.svg?usn=1791233093686);
	transform: rotate(90deg);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}
.groovyTreeCMS ul li > .Content .BranchImage_notExpanded
{
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Folders/Folder1.svg?usn=1791233093686);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.groovyTreeCMS ul li > .Content .BranchImage_loading
{
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/BasicIcons/Refresh.svg?usn=1791233093686);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}
.groovyTreeCMS ul li > .Content .BranchImage_empty
{
	filter: var(--svg-filter-default);
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-image: url(../../thirdparty/icon54/svg/line/Arrows/Right13.svg?usn=1791233093686);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.3;
}
.groovyTreeCMS ul li > .Content > .Optionspanel
{
	position: absolute;
	top: 4px;
	right: 1px;
}
.groovyTreeCMS ul li.DragOver > .Content
{
	border: 2px dashed var(--p-color-gray4);
	padding: 3px;
	border-radius: 8px;
}
.groovyTreeCMS ul li.DragOver_Top
{
	border-top: 1px solid var(--p-color-gray4);
}
.groovyTreeCMS ul li.DragOver_Bottom
{
	border-bottom: 1px solid var(--p-color-gray4);
}
.groovyTreeCMS ul li.Selected > .Content > .Title
{
	cursor: pointer;
	font-weight: 600;
}
.groovyTreeCMS ul li.SelectedParent > .Content > .Title
{
	cursor: pointer;
}
.groovyTreeCMS ul li.Disabled
{
	opacity: 0.5;
}
.groovyTreeCMS ul li.Opened > ul
{
	display: block;
}
.groovyTreeCMS ul li:first-child img
{
	width: 0;
}
.groovySelect
{
	overflow-y: auto;
	margin: 0;
	padding: 0;
}
.groovySelect ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.groovySelect ul li
{
	display: flex;
	gap: 5px;
	list-style: none;
	vertical-align: middle;
	padding: 7px 5px;
	text-align: left;
	white-space: nowrap;
	margin: 0;
	border-bottom: 1px solid var(--p-color-gray4);
	background-color: transparent;
}
.groovySelect ul li:hover
{
	background-color: #ecf2f3;
}
.groovySelect ul li > .Content > .Title
{
	padding: 0;
	margin: 0;
	white-space: nowrap;
	vertical-align: middle;
}
.groovySelect ul li > .Content > .Image
{
	vertical-align: middle;
	padding-right: 5px;
	border: 0;
}
.groovySelect ul li.DragOver
{
	background-color: #ecf2f3;
}
.groovySelect ul li.Selected
{
	background-color: var(--p-color-secondary);
}
.groovySelect ul li.Disabled
{
	opacity: 0.5;
}
.Filewalker
{
	position: relative;
	box-sizing: border-box;
}
.Filewalker .header
{
	position: relative;
	min-height: 40px;
}
.Filewalker .headerText
{
	font-size: 18px;
	line-height: 32px;
	position: absolute;
	left: 10px;
}
.Filewalker .showSearch
{
	position: absolute;
	right: 135px;
	top: 10px;
}
.Filewalker .search
{
	height: 85px;
	margin-top: 35px;
	position: relative;
	text-align: center;
	z-index: 1;
}
.Filewalker .search input[id^="ID_SearchInput"]
{
	margin: 5px 0 !important;
	width: 97% !important;
}
.Filewalker .search input[id^="ID_SearchOk"]
{
	width: 97%;
}
.Filewalker .switchView
{
	position: absolute;
	right: 40px;
	top: 5px;
}
.Filewalker .blockView
{
	display: block;
	float: left;
	margin-right: 5px;
	padding: 5px 5px 1px;
	border: 1px solid transparent;
	border-radius: 100%;
}
.Filewalker .listView
{
	display: block;
	float: left;
	padding: 5px 5px 1px;
	border: 1px solid transparent;
	border-radius: 100%;
}
.Filewalker .blockView:hover
{
	background-color: #ecf2f3;
}
.Filewalker .blockView:focus
{
	background-color: #ecf2f3;
}
.Filewalker .listView:hover
{
	background-color: #ecf2f3;
}
.Filewalker .listView:focus
{
	background-color: #ecf2f3;
}
.Filewalker .showField
{
	position: absolute;
	right: 12px;
	top: 15px;
}
.Filewalker .clientPath
{
	padding-bottom: 15px;
	position: relative;
	margin-top: 15px;
	border-bottom: 1px solid var(--p-color-gray4);
}
.Filewalker .clientPath ul
{
	padding: 0;
	margin: 0;
}
.Filewalker .clientPath li
{
	line-height: 32px;
	list-style-type: none;
	padding: 0 5px;
	border: 1px solid var(--p-color-gray4);
	background-color: transparent;
	display: inline-block;
	margin: 2px 10px 2px 0;
}
.Filewalker .clientPath li a
{
	color: #1a8290;
	display: block;
	float: left;
}
.Filewalker .clientPath li:hover
{
	background-color: #ecf2f3;
}
.Filewalker .clientPath li:focus
{
	background-color: #ecf2f3;
}
.Filewalker .clientPath img
{
	float: right;
	margin-top: 8px;
}
.Filewalker .subheader
{
	margin-top: 15px;
}
.Filewalker .subheader ul
{
	padding: 0;
	margin: 0;
}
.Filewalker .subheader li
{
	display: inline-block;
	line-height: 32px;
	list-style-type: none;
	padding: 0 10px 0 0;
}
.Filewalker .subheader li a
{
	background-color: #eff5f6;
	border: 1px solid var(--p-color-gray4);
	border-radius: 100%;
	color: #1a8290;
	display: inline-block;
	font-size: 0;
	height: 25px;
	padding: 9px;
	text-align: center;
	width: 25px;
}
.Filewalker .subheader li a:hover
{
	background-color: #ecf2f3;
}
.Filewalker .subheader li a:focus
{
	background-color: #ecf2f3;
}
.Filewalker .subheader li.sort
{
	float: right;
	line-height: 32px;
	list-style-type: none;
	padding: 0;
}
.Filewalker .subheader li.sort span
{
	font-size: 0;
	margin-right: 5px;
}
.Filewalker .subheader li.sort a
{
	padding: 7px 12px 12px 7px;
}
.Filewalker .subheader li.sort select
{
	display: none;
}
.Filewalker .content
{
	margin: 15px 0 10px;
}
.Filewalker.Filewalker_Container_Block .FwFolder,
.Filewalker.Filewalker_Container_Block .FwFile
{
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	border-radius: 8px;
	float: left;
	height: 110px;
	margin: 0.5% 1% 0.5% 0;
	padding: 10px;
	position: relative;
	width: 49%;
	box-sizing: border-box;
	font-size: smaller;
}
.Filewalker.Filewalker_Container_List .FwFolder,
.Filewalker.Filewalker_Container_List .FwFile
{
	border-bottom: 1px solid var(--p-color-gray4);
	line-height: 32px;
	overflow: hidden;
	position: relative;
}
.Filewalker.Filewalker_Container_Block .FwFolder:hover,
.Filewalker.Filewalker_Container_Block .FwFile:hover
{
	background: none 0 0 repeat scroll #ecf2f3;
}
.Filewalker.Filewalker_Container_Block .FwFolder:focus,
.Filewalker.Filewalker_Container_Block .FwFile:focus
{
	background: none 0 0 repeat scroll #ecf2f3;
}
.Filewalker.Filewalker_Container_List .FwFolder:hover,
.Filewalker.Filewalker_Container_List .FwFile:hover
{
	background: none 0 0 repeat scroll #ecf2f3;
}
.Filewalker.Filewalker_Container_List .FwFolder:focus,
.Filewalker.Filewalker_Container_List .FwFile:focus
{
	background: none 0 0 repeat scroll #ecf2f3;
}
.Filewalker.Filewalker_Container_Block .FwFolder img,
.Filewalker.Filewalker_Container_Block .FwFile img
{
	height: 36px;
}
.Filewalker.Filewalker_Container_List .FwFile > div:not(.optlink),
.Filewalker.Filewalker_Container_List .FwFolder > div:not(.optlink)
{
	float: left;
	margin-right: 10px;
}
.Filewalker .optlink
{
	display: none;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 5px;
	right: 5px;
}
.Filewalker.Filewalker_Container_Block .FwFolder .optlink img,
.Filewalker.Filewalker_Container_Block .FwFile .optlink img
{
	height: 16px;
}
.Filewalker.Filewalker_Container_List .FwFolder .optlink img,
.Filewalker.Filewalker_Container_List .FwFile .optlink img
{
	height: 16px;
}
.Filewalker.Filewalker_Container_List .FwFolder img,
.Filewalker.Filewalker_Container_List .FwFile img
{
	height: 16px;
}
.Filewalker .FwFolder:hover > .optlink,
.Filewalker .FwFile:hover > .optlink
{
	display: block;
}
.Filewalker .FwFolder:focus > .optlink,
.Filewalker .FwFile:focus > .optlink
{
	display: block;
}
.Filewalker .link.name,
.Filewalker .linkFolder.name,
.Filewalker .path,
.Filewalker .author,
.Filewalker .summary,
.Filewalker .modificationDate
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.Filewalker .showfields
{
	border: 1px solid var(--p-color-gray4);
	background-color: #eff5f6;
	border-radius: 8px;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 65px;
	width: 200px;
	z-index: 1;
}
.Filewalker .showfields ul
{
	margin: 0;
	padding: 0;
}
.Filewalker .showfields ul li
{
	background-color: #eff5f6;
	border: 1px solid var(--p-color-gray4);
	border-radius: 8px;
	height: 20px;
	line-height: 21px;
	list-style-type: none;
	margin-bottom: 10px;
	margin-right: 95px;
	width: 20px;
}
.Filewalker .showfields ul li:hover
{
	background-color: #006973;
	border: 1px solid var(--p-color-gray4);
}
.Filewalker .showfields ul li:focus
{
	background-color: #006973;
	border: 1px solid var(--p-color-gray4);
}
.Filewalker .showfields ul li.selected
{
	background-color: #006973;
	border: 1px solid var(--p-color-gray4);
}
.Filewalker .showfields ul li.selected a::before
{
	content: "\2713";
	font-size: 18px;
	position: absolute;
	left: 15px;
	color: #ffffff;
}
.Filewalker .showfields ul li a
{
	color: #171d1e;
	white-space: nowrap;
	padding-left: 30px;
}
.Filewalker .showfields-title
{
	font-family: var(--font-sans);
	font-weight: 300;
	display: block;
	margin-bottom: 10px;
}
.Filewalker .addFolder
{
	left: 65px;
	padding: 20px;
	position: absolute;
	top: 150px;
	width: 300px;
	z-index: 1;
	background-color: #eff5f6;
	border-radius: 8px;
	border: 1px solid var(--p-color-gray4);
}
.Filewalker .addFolder .Editfield_Standard
{
	margin-right: 1%;
	width: 74%;
}
.Filewalker .addFolder .Button_Standard
{
	width: 25%;
}
.Filewalker .addFileTooltip
{
	background-color: #ffffff;
	border-radius: 8px;
	border: 1px solid var(--p-color-gray4);
	left: 175px;
	padding: 20px 20px 10px 20px;
	position: absolute;
	top: 140px;
	width: 300px;
	z-index: 1;
}
.Filewalker .footer
{
	text-align: center;
}
.OneDriveTable
{
	position: relative;
	display: block;
}
.OneDriveTable .toolbar
{
	position: relative;
	display: flex;
	gap: 1em;
	justify-content: flex-end;
	flex-wrap: wrap-reverse;
}
.OneDriveTable .toolbar ix-one-drive-table-upload
{
	background-color: #ffffff;
}
.OneDriveTable ix-one-drive-table-upload::part(upload-button)
{
	cursor: pointer;
}
.OneDriveTable ix-one-drive-table-upload::part(files)
{
	background-color: #eff5f6;
	color: #1a8290;
}
.OneDriveTable .toolbar ix-one-drive-table-search
{
	width: 350px;
	background-color: #ffffff;
}
.OneDriveTable .toolbar ix-one-drive-table-renderer-switch
{
	background-color: #ffffff;
}
.OneDriveTable ix-one-drive-table-renderer-switch::part(nav)
{
	left: auto;
	right: 0;
	background-color: #ffffff;
}
.OneDriveTable ix-one-drive-table-renderer-switch::part(icon-tileView)
{
	width: 15px;
	background: url(../../images/assets/drive/tileview.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 5px;
	background-position-y: center;
	opacity: 0.5;
}
.OneDriveTable ix-one-drive-table-renderer-switch::part(icon-tableView)
{
	width: 15px;
	background: url(../../images/assets/drive/tableview.svg?usn=1791233093686);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 5px;
	background-position-y: center;
	opacity: 0.5;
}
.OneDriveTable ix-one-drive-table-renderer-switch::part(button)::after
{
	margin-left: 2px;
}
.OneDriveTable ix-one-drive-table-renderer-switch::part(span-selected)
{
	display: none;
}
.OneDriveTable ix-breadcrumbs::part(li)::after
{
	font-weight: bolder;
	font-size: larger;
	margin-left: 10px;
	margin-right: 5px;
	opacity: 0.8;
}
.OneDriveTable div.busyindicator
{
	display: none;
}
.OneDriveTable ix-one-drive-table.busy div.busyindicator
{
	display: block;
	height: 2px;
	overflow: hidden;
	position: relative;
}
.OneDriveTable ix-one-drive-table.busy div.busyindicator div
{
	width: 100%;
	position: absolute;
	height: 5px;
	background-color: #eff5f6;
	opacity: 0.75;
	animation-name: busyindicator-animation;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.OneDriveTable .tableView table
{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	position: relative;
}
.OneDriveTable .tableView table thead
{
	display: none;
}
.OneDriveTable .tableView table thead tr
{
	border-bottom: 1px solid var(--p-color-gray4);
}
.OneDriveTable .tableView table thead th
{
	box-sizing: content-box;
	padding: 16px 12px;
	text-align: left;
	vertical-align: bottom;
	font-size: 0.875rem;
	font-weight: 400;
	color: #171d1e;
	position: relative;
	width: 10rem;
}
.OneDriveTable .tableView table thead th.sortable
{
	cursor: pointer;
}
.OneDriveTable .tableView table thead th.sortable .order
{
	margin-left: 10px;
}
.OneDriveTable .tableView table thead th.sortable .order:before
{
	right: 1em;
	content: "↑";
	position: absolute;
	bottom: 1.2em;
	display: block;
	opacity: 0.3;
}
.OneDriveTable .tableView table thead th.sortable.asc .order:before
{
	opacity: 1;
}
.OneDriveTable .tableView table thead th.sortable .order:after
{
	right: 0.5em;
	content: "↓";
	position: absolute;
	bottom: 1.2em;
	display: block;
	opacity: 0.3;
}
.OneDriveTable .tableView table thead th.sortable.desc .order:after
{
	opacity: 1;
}
.OneDriveTable .tableView table thead th[data-key="icon"]
{
	width: 1rem;
	font-size: 150%;
}
.OneDriveTable .tableView table thead th[data-key="download"]
{
	width: 1rem;
}
.OneDriveTable .tableView table thead th[data-key="name"]
{
	width: auto;
	text-align: left;
}
.OneDriveTable .tableView table tbody tr
{
	border-top: 1px solid var(--p-color-gray4);
	display: block;
	margin-bottom: 10px;
	background-color: transparent;
}
.OneDriveTable .tableView table tbody tr:hover
{
	background-color: #ecf2f3;
}
.OneDriveTable .tableView table tbody tr.nodata:hover
{
	box-shadow: none;
}
.OneDriveTable .tableView table tbody td
{
	padding: 14px 10px;
	border-bottom: 1px solid var(--p-color-gray4);
	display: block;
	text-align: right;
}
.OneDriveTable .tableView table tbody td::before
{
	content: attr(data-label);
	float: left;
	font-size: 0.875rem;
	font-weight: 400;
	color: #171d1e;
}
.OneDriveTable .tableView table tbody td:last-child
{
	border-bottom: 0;
}
.OneDriveTable .tableView table tbody td[data-key="icon"]
{
	display: table-cell;
	background-color: #eff5f6;
}
.OneDriveTable .tableView table tbody td[data-key="name"]
{
	text-align: left;
	display: table-cell;
	width: 100%;
}
.OneDriveTable .tableView table tbody td[data-key="size"]
{
	display: none;
}
.OneDriveTable .tableView table tbody td[data-key="icon"]::before,
.OneDriveTable .tableView table tbody td[data-key="name"]::before
{
	content: "";
	float: left;
	font-weight: bold;
}
.OneDriveTable .tableView a.download-item
{
	background: url("../../thirdparty/icon54/svg/solid/BasicIcons/Download.svg?usn=1791233093686");
	height: 15px;
	width: 15px;
	background-size: contain;
	display: block;
}
.OneDriveTable .tableView .folderIcon
{
	background: url("../../images/assets/drive/folder.svg?usn=1791233093686");
	height: 25px;
	width: 25px;
	background-size: contain;
	display: block;
}
.OneDriveTable .tableView .fileIcon
{
	background: url("../../images/assets/drive/file.svg?usn=1791233093686");
	height: 25px;
	width: 25px;
	background-size: contain;
	display: block;
}
.OneDriveTable .tableView .pdfIcon
{
	background: url("../../images/assets/drive/pdf.svg?usn=1791233093686");
	height: 25px;
	width: 25px;
	background-size: contain;
	display: block;
}
.OneDriveTable .tableView .imgIcon
{
	background: url("../../images/assets/drive/photo.svg?usn=1791233093686");
	height: 25px;
	width: 25px;
	background-size: contain;
	display: block;
}
.OneDriveTable .tableView .audioIcon
{
	background: url("../../images/assets/drive/audio.svg?usn=1791233093686");
	height: 25px;
	width: 25px;
	background-size: contain;
	display: block;
}
.OneDriveTable .tableView .videoIcon
{
	background: url("../../images/assets/drive/video.svg?usn=1791233093686");
	height: 25px;
	width: 25px;
	background-size: contain;
	display: block;
}
.OneDriveTable .tableView .zipIcon
{
	background: url("../../images/assets/drive/zip.svg?usn=1791233093686");
	height: 25px;
	width: 25px;
	background-size: contain;
	display: block;
}
.OneDriveTable .tableView .docIcon
{
	background: url("../../images/assets/drive/docx.svg?usn=1791233093686");
	height: 25px;
	width: 25px;
	background-size: contain;
	display: block;
}
.OneDriveTable .tableView .linkIcon
{
	background: url("../../images/assets/drive/link.svg?usn=1791233093686");
	height: 25px;
	width: 25px;
	background-size: contain;
	display: block;
}
.OneDriveTable .tableView .pptxIcon
{
	background: url("../../images/assets/drive/pptx.svg?usn=1791233093686");
	height: 25px;
	width: 25px;
	background-size: contain;
	display: block;
}
.OneDriveTable .tableView .xlsxIcon
{
	background: url("../../images/assets/drive/xlsx.svg?usn=1791233093686");
	height: 25px;
	width: 25px;
	background-size: contain;
	display: block;
}
.OneDriveTable .tableView table tfoot tr.pager
{
	display: none;
}
.OneDriveTable .tableView table.hasmore tfoot tr.pager
{
	display: table-row;
}
.OneDriveTable .tableView table.hasmore tfoot tr.pager:hover
{
	box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
}
.OneDriveTable .tableView table.hasmore tfoot tr.pager a.more
{
	display: block;
	text-align: center;
	padding: 14px 10px;
}
.OneDriveTable .tileView .data ul
{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
.OneDriveTable .tileView .data ul > li
{
	padding: 10px 10px 10px 10px;
	margin: 0 1% 10px 0;
	position: relative;
	border-radius: 8px;
	background-color: transparent;
	border: 1px solid var(--p-color-gray4);
	width: 49%;
	box-sizing: border-box;
	cursor: pointer;
}
.OneDriveTable .tileView .data ul > li:hover
{
	background-color: #ecf2f3;
}
.OneDriveTable .tileView .data ul > li:first-child
{
	margin-left: 0;
}
.OneDriveTable .tileView .data .thumbnail img
{
	height: 100px;
	object-fit: contain;
	width: 100%;
}
.OneDriveTable .tileView .data .thumbnail + .icon
{
	display: none;
}
.OneDriveTable .tileView .data .icon
{
	background: url("../../images/assets/drive/file.svg?usn=1791233093686");
	height: 100px;
	width: 100px;
	background-size: contain;
	display: block;
}
.OneDriveTable .tileView .data .icon.folderIcon
{
	background: url("../../images/assets/drive/folder.svg?usn=1791233093686");
	height: 100px;
	width: 100px;
	background-size: contain;
	display: block;
	cursor: pointer;
}
.OneDriveTable .tileView .data .name
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.OneDriveTable .tileView .data .date
{
	font-size: 75%;
}
.OneDriveTable .tileView a.download-item
{
	background: url("../../thirdparty/icon54/svg/solid/BasicIcons/Download.svg?usn=1791233093686");
	height: 12px;
	width: 12px;
	background-size: contain;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.OneDriveTable .tileView .data .size
{
	display: none;
}
.OneDriveTable .tileView .data li.folder-item .size
{
	display: block;
	position: absolute;
	top: 78px;
	left: 20px;
	font-size: 75%;
	font-weight: bold;
	color: #171d1e;
}
.OneDriveTable .tileView .more a
{
	display: block;
	text-align: left;
	padding: 14px 10px;
}
.OneDriveTable .tileView .nodata
{
	padding: 20px 0 0 0;
}
.Content-Editor_Standard
{
	--base__background-color: var(--input-bg);
	--base__background-color--hover: var(--input-bg-hover);
	--base__border-color--hover: var(--p-color-gray4);
	--base__border-color: var(--p-color-gray4);
	--base__invalid__border-color: #ba1a1a;
	--base__placeholder__color: #171d1e;
	--base__placeholder__opacity: 0.7;
	--base__required__border-color: #ba1a1a;
	--base__text__color: var(--input-color);
	--base__border-radius: 8px;
	--base__border-style: solid;
	--base__border-width: 1px;
	--base__box-shadow: none;
	--base__font-family: var(--font-sans);
	--base__font-size: 1em;
	--base__height: 20em;
	--base__padding: 1em;
	--base__transition: all 0.5s ease;
	--base__border--hover: var(--base__border-width) var(--base__border-style) var(--base__border-color--hover);
	--base__border--invalid: var(--base__border-width) var(--base__border-style) var(--base__invalid__border-color);
	--base__border-bottom--required: var(--base__border-width) var(--base__border-style) var(--base__border-color);
	--base__border-left--required: var(--base__border-width) var(--base__border-style) var(--base__required__border-color);
	--base__border-right--required: var(--base__border-width) var(--base__border-style) var(--base__border-color);
	--base__border-top--required: var(--base__border-width) var(--base__border-style) var(--base__border-color);
	--base__border: var(--base__border-width) var(--base__border-style) var(--base__border-color);
	--blockquote__background-color: #eff5f6;
	--blockquote__border-color: var(--p-color-gray4);
	--blockquote__color: var(--base__text__color);
	--code__background-color: #eff5f6;
	--code__color: var(--base__text__color);
	--node__outline__color: #006973;
	--popup__background-color: var(--toolbar__background-color);
	--popup__border-color: var(--toolbar__border-color);
	--popup__box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
	--table__border-color: var(--base__border-color);
	--table__header__background-color: #eff5f6;
	--toolbar-item__background-color--hover: var(--base__background-color);
	--toolbar-item__background-color: #eff5f6;
	--toolbar-item__border-color--hover: #eff5f6;
	--toolbar-item__border-color: transparent;
	--toolbar-item__color--hover: var(--base__text__color);
	--toolbar-item__color: #000;
	--toolbar-item__font-size: 1.15em;
	--toolbar__background-color: #eff5f6;
	--toolbar__border-color: var(--p-color-gray4);
}
@media only screen and (min-width: 40.0625em)
{
td.link.Tabelle_Action img,
td.Tabelle_Action img,
.Tabelle_Action img
{
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s 0.15s linear;
}
tr:hover td.link.Tabelle_Action img,
tr:focus-within td.link.Tabelle_Action img,
tr:hover td.Tabelle_Action img,
tr:focus-within td.Tabelle_Action img,
div[data-id="table-record"]:hover .Tabelle_Action img,
div[data-id="table-record"]:focus-within .Tabelle_Action img
{
	opacity: 1;
	visibility: visible;
	filter: var(--svg-filter-default);
	pointer-events: auto;
	transition-delay: 0s;
}
.Freie_Tabelle_Action
{
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s ease;
}
.shapedtable-records [data-ix-control="record"]:hover .Freie_Tabelle_Action
{
	opacity: 1;
	visibility: visible;
}
div#showPortalConfig
{
	display: block;
}
#Container_Sitemap .Sitemap_Column
{
	margin-right: 40px;
	margin-left: 40px;
}
.recurrencyDialog
{
	width: 400px;
}
.editfield_recurrencyDialog
{
	width: 85%;
}
.ix-grid-column
{
	position: relative;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
.ix-small-hide
{
	display: block;
	visibility: visible;
}
.ix-large-hide
{
	display: block;
	visibility: visible;
}
.ix-medium-hide
{
	display: none;
	visibility: hidden;
}
.ix-medium-push-0
{
	position: relative;
	left: 0;
	right: auto;
}
.ix-medium-pull-0
{
	position: relative;
	right: 0;
	left: auto;
}
.ix-medium-push-1
{
	position: relative;
	left: 8.33333%;
	right: auto;
}
.ix-medium-pull-1
{
	position: relative;
	right: 8.33333%;
	left: auto;
}
.ix-medium-push-2
{
	position: relative;
	left: 16.66667%;
	right: auto;
}
.ix-medium-pull-2
{
	position: relative;
	right: 16.66667%;
	left: auto;
}
.ix-medium-push-3
{
	position: relative;
	left: 25%;
	right: auto;
}
.ix-medium-pull-3
{
	position: relative;
	right: 25%;
	left: auto;
}
.ix-medium-push-4
{
	position: relative;
	left: 33.33333%;
	right: auto;
}
.ix-medium-pull-4
{
	position: relative;
	right: 33.33333%;
	left: auto;
}
.ix-medium-push-5
{
	position: relative;
	left: 41.66667%;
	right: auto;
}
.ix-medium-pull-5
{
	position: relative;
	right: 41.66667%;
	left: auto;
}
.ix-medium-push-6
{
	position: relative;
	left: 50%;
	right: auto;
}
.ix-medium-pull-6
{
	position: relative;
	right: 50%;
	left: auto;
}
.ix-medium-push-7
{
	position: relative;
	left: 58.33333%;
	right: auto;
}
.ix-medium-pull-7
{
	position: relative;
	right: 58.33333%;
	left: auto;
}
.ix-medium-push-8
{
	position: relative;
	left: 66.66667%;
	right: auto;
}
.ix-medium-pull-8
{
	position: relative;
	right: 66.66667%;
	left: auto;
}
.ix-medium-push-9
{
	position: relative;
	left: 75%;
	right: auto;
}
.ix-medium-pull-9
{
	position: relative;
	right: 75%;
	left: auto;
}
.ix-medium-push-10
{
	position: relative;
	left: 83.33333%;
	right: auto;
}
.ix-medium-pull-10
{
	position: relative;
	right: 83.33333%;
	left: auto;
}
.ix-medium-push-11
{
	position: relative;
	left: 91.66667%;
	right: auto;
}
.ix-medium-pull-11
{
	position: relative;
	right: 91.66667%;
	left: auto;
}
.ix-medium-1
{
	width: 8.33333%;
}
.ix-medium-2
{
	width: 16.66667%;
}
.ix-medium-3
{
	width: 25%;
}
.ix-medium-4
{
	width: 33.33333%;
}
.ix-medium-5
{
	width: 41.66667%;
}
.ix-medium-6
{
	width: 50%;
}
.ix-medium-7
{
	width: 58.33333%;
}
.ix-medium-8
{
	width: 66.66667%;
}
.ix-medium-9
{
	width: 75%;
}
.ix-medium-10
{
	width: 83.33333%;
}
.ix-medium-11
{
	width: 91.66667%;
}
.ix-medium-12
{
	width: 100%;
}
.ix-medium-offset-0
{
	margin-left: 0 !important;
}
.ix-medium-offset-1
{
	margin-left: 8.33333% !important;
}
.ix-medium-offset-2
{
	margin-left: 16.66667% !important;
}
.ix-medium-offset-3
{
	margin-left: 25% !important;
}
.ix-medium-offset-4
{
	margin-left: 33.33333% !important;
}
.ix-medium-offset-5
{
	margin-left: 41.66667% !important;
}
.ix-medium-offset-6
{
	margin-left: 50% !important;
}
.ix-medium-offset-7
{
	margin-left: 58.33333% !important;
}
.ix-medium-offset-8
{
	margin-left: 66.66667% !important;
}
.ix-medium-offset-9
{
	margin-left: 75% !important;
}
.ix-medium-offset-10
{
	margin-left: 83.33333% !important;
}
.ix-medium-offset-11
{
	margin-left: 91.66667% !important;
}
.ix-medium-reset-order
{
	float: left;
	left: auto;
	margin-left: 0;
	margin-right: 0;
	right: auto;
}
.ix-grid-column.ix-medium-centered
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.ix-grid-column.ix-medium-uncentered
{
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ix-grid-column.ix-medium-centered:last-child
{
	float: none;
}
.ix-grid-column.ix-medium-uncentered:last-child
{
	float: left;
}
.ix-grid-column:last-child:not(:first-child)
{
	float: right;
}
.ix-grid-column.ix-medium-uncentered.opposite
{
	float: right;
}
.ix-grid-row.ix-medium-collapse > .ix-grid-column
{
	padding-left: 0;
	padding-right: 0;
}
.ix-grid-row.ix-medium-collapse .ix-grid-row
{
	margin-left: 0;
	margin-right: 0;
}
.ix-grid-row.ix-medium-uncollapse > .ix-grid-column
{
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}
.ix-medium-pLNone
{
	padding-left: 0;
}
.ix-medium-pRNone
{
	padding-right: 0;
}
.ix-m2l2 > div > [data-tablerecord]
{
	width: 49.5%;
	float: left;
}
.ix-m2l2 > div > [data-tablerecord]:not(:nth-child(2n))
{
	margin-right: 1%;
}
.ix-m2l3 > div > [data-tablerecord]
{
	width: 49.5%;
	float: left;
}
.ix-m2l3 > div > [data-tablerecord]:not(:nth-child(2n))
{
	margin-right: 1%;
}
.ix-m2l4 > div > [data-tablerecord]
{
	width: 49.5%;
	float: left;
}
.ix-m2l4 > div > [data-tablerecord]:not(:nth-child(2n))
{
	margin-right: 1%;
}
.ix-m3l5 > div > [data-tablerecord]
{
	width: 32.66%;
	float: left;
}
.ix-m3l5 > div > [data-tablerecord]:not(:nth-child(3n))
{
	margin-right: 1%;
}
.ix-s2m4l6 > div > [data-tablerecord]
{
	width: 24.25%;
}
.ix-s2m4l6 > div > [data-tablerecord]:not(:nth-child(2n))
{
	margin-right: 0;
}
.ix-s2m4l6 > div > [data-tablerecord]:not(:nth-child(4n))
{
	margin-right: 1%;
}
.ix-s2m5l7 > div > [data-tablerecord]
{
	width: 19.2%;
}
.ix-s2m5l7 > div > [data-tablerecord]:not(:nth-child(2n))
{
	margin-right: 0;
}
.ix-s2m5l7 > div > [data-tablerecord]:not(:nth-child(5n))
{
	margin-right: 1%;
}
div[data-filter="rangeoffilter"] > input
{
	width: 48%;
	margin: 0 5px 0 0;
}
.Share_Wizard_Left
{
	min-height: 700px;
}
.Share_Wizard_Right
{
	min-height: 635px;
	padding: 10px;
}
.Share_Searchfield
{
	width: 15%;
	min-width: 150px;
	float: right;
	margin-top: auto;
}
.Share_Container_Tile_Iconbar
{
	left: 110px;
}
.Share_Container_Tile_Members
{
	left: 10px;
}
.Share_Container_Info
{
	min-height: 200px;
}
.Share_Container_Info_Img img
{
	width: 180px;
	height: 180px;
}
.Share_Container_Info_Content
{
	margin-left: 180px;
	margin-top: -180px;
}
.Share_Container_Info_FavIcon
{
	top: 10px;
}
.Share_Container_Info_Iconbar
{
	left: 190px;
}
.Share_Info_Image_Background
{
	width: 180px;
	height: 180px;
}
.Share_Container_Info_Img img[style*=".svg"]
{
	background-size: 50%;
}
.Share_Size_Big
{
	top: 40px;
	left: 40px;
	width: 15px;
	height: 15px;
}
.Share_Size_Very_Small
{
	top: 20px;
	left: 20px;
	width: 7px;
	height: 7px;
}
.Share_DefaultProfilImageInfo
{
	height: 180px;
	width: 180px;
}
#Container_Layout
{
	display: grid;
	grid-template-columns: 300px 1fr;
	height: 100vh;
	width: 100%;
	overflow: hidden;
	transition: grid-template-columns 0.25s ease;
}
#Container_Menu_Dropline .burgerCheckbox:checked + label > .hamburger > .bar1
{
	background: var(--burger-bg);
}
#Container_Menu_Dropline .burgerCheckbox:checked + label > .hamburger > .bar4
{
	background: var(--burger-bg);
}
#CONT_dropline_Container_Menu_Dropline_menuopenclose:checked ~ .list.level0
{
	background: transparent;
	margin-left: 10px;
	margin-top: 60px;
	padding-top: 0;
	width: 290px;
	max-height: calc(100vh - 76px);
	overflow-y: auto;
	padding-bottom: 16px;
}
#Container_Header
{
	padding: 5px 20px 5px 65px;
}
#Container_Home
{
	margin-top: 5px;
}
#Container_Zusatzkontrolle
{
	gap: 10px;
	margin-left: auto;
}
#Action_Search_Global
{
	display: block;
}
#Action_Settings
{
	display: block;
}
#Action_Login a,
#Action_Login a:link
{
	background-size: 80% auto;
}
#Container_Stage
{
	padding: 20px;
}
.DistributionControlHorizontal div.Selected label span.results
{
	display: inline-block;
}
.File_View_Gallery .blueimp-gallery > .indicator > li
{
	width: 25px;
	height: 25px;
}
.Calendar_Navigator
{
	min-width: 250px;
}
.Listbox_Extended_Res > ul > li.data
{
	display: inline-block;
}
.ix-buttonbar
{
	position: static;
}
div.Container_ResponsiveForm.ix-medium-label-inline [data-control-type="label"]
{
	display: none;
}
div.Container_ResponsiveForm.ix-medium-label-inline input[type="text"],
div.Container_ResponsiveForm.ix-medium-label-inline select,
div.Container_ResponsiveForm.ix-medium-label-inline textarea,
div.Container_ResponsiveForm.ix-medium-label-inline .file-container
{
	display: block;
	width: 100%;
	float: none;
}
div.Container_ResponsiveForm.ix-medium-label-inline [placeholder]::-webkit-input-placeholder
{
	color: #171d1e;
}
div.Container_ResponsiveForm.ix-medium-label-inline [placeholder]::-moz-placeholder
{
	color: #171d1e;
}
div.Container_ResponsiveForm.ix-medium-label-inline [placeholder]:-ms-input-placeholder
{
	color: #171d1e;
}
div.Container_ResponsiveForm.ix-medium-label-inline [placeholder]:-moz-placeholder
{
	color: #171d1e;
}
div.Container_ResponsiveForm.ix-medium-label-top [data-control-type="label"]
{
	display: block;
	float: none;
	width: 100%;
	line-height: inherit;
	clear: both;
}
div.Container_ResponsiveForm.ix-medium-label-top [data-control-type="viewcontrol"]
{
	display: block;
	float: none;
	clear: both;
	width: initial;
	max-width: 100%;
}
div.Container_ResponsiveForm.ix-medium-label-top input[type="text"],
div.Container_ResponsiveForm.ix-medium-label-top select,
div.Container_ResponsiveForm.ix-medium-label-top textarea,
div.Container_ResponsiveForm.ix-medium-label-top .file-container
{
	display: block;
	float: none;
	width: 100%;
}
div.Container_ResponsiveForm.ix-medium-label-top [placeholder]::-webkit-input-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-medium-label-top [placeholder]::-moz-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-medium-label-top [placeholder]:-ms-input-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-medium-label-top [placeholder]:-moz-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-medium-label-left [data-control-type="label"]
{
	display: inline-block;
	float: left;
	width: 15%;
	text-overflow: ellipsis;
	overflow: hidden;
	clear: left;
}
div.Container_ResponsiveForm.ix-medium-label-left [data-control-type="viewcontrol"]
{
	float: left;
	clear: right;
	width: 85%;
}
div.Container_ResponsiveForm.ix-medium-label-left input[type="text"],
div.Container_ResponsiveForm.ix-medium-label-left select,
div.Container_ResponsiveForm.ix-medium-label-left textarea,
div.Container_ResponsiveForm.ix-medium-label-left .file-container
{
	display: inline-block;
	float: left;
	min-width: initial;
	width: 85%;
}
div.Container_ResponsiveForm.ix-medium-label-left [placeholder]::-webkit-input-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-medium-label-left [placeholder]::-moz-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-medium-label-left [placeholder]:-ms-input-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-medium-label-left [placeholder]:-moz-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-medium-label-hidden [data-control-type="label"]
{
	display: none;
}
div.Container_ResponsiveForm.ix-medium-label-hidden [data-control-type="viewcontrol"]
{
	display: block;
	float: none;
	width: initial;
	clear: both;
	max-width: 100%;
}
div.Container_ResponsiveForm .inline-container
{
	display: inline-block;
	width: auto;
	clear: left;
}
div.Container_ResponsiveForm .inline-container input,
div.Container_ResponsiveForm .inline-container a
{
	display: block;
	float: left !important;
	width: auto !important;
	clear: none !important;
}
div.Container_ResponsiveForm .inline-container [data-control-type="label"]
{
	display: inherit;
	width: inherit;
	clear: none !important;
	float: left !important;
}
.ButtonContainer_Responsive input[type="submit"],
.ButtonContainer_Responsive input[type="button"],
.ButtonContainer_Responsive a
{
	width: auto;
	display: inline-block;
}
.TAB_MENU li
{
	text-align: center;
	display: inline-block;
	margin-bottom: auto;
}
.SHARE_TAB_MENU li
{
	display: inline-block;
	margin: 0 15px 10px 0;
	padding: 5px 0;
}
.SHARE_TAB_MENU li a,
.SHARE_TAB_MENU li a:link
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.TAB_SWITCH
{
	height: 30px;
}
.TAB_SWITCH li
{
	float: left;
}
.multisource-search .search-filters fieldset fieldset .facetToggleContainer
{
	display: block;
}
.multisource-search .search-filters fieldset legend.facetopen:hover,
.multisource-search .search-filters fieldset legend.facetclose:hover
{
	cursor: auto;
}
.multisource-search .multisource-records
{
	min-width: 400px;
	max-width: 700px;
}
.TT_POPUP
{
	border-radius: 8px;
}
.TT_POPUP section.TT_Content
{
	padding: 30px;
}
.Filewalker .header
{
	height: 40px;
}
.Filewalker .search
{
	position: absolute;
	right: 175px;
	top: 5px;
	left: auto;
	height: auto;
	margin: 0;
}
.Filewalker .search input[id^="ID_SearchInput"]
{
	margin: 0 5px 0 0 !important;
	width: 250px !important;
}
.Filewalker .search input[id^="ID_SearchOk"]
{
	width: auto;
}
.Filewalker .clientPath
{
	margin-top: 3px;
	padding: 0;
}
.Filewalker .clientPath li
{
	list-style-type: none;
	padding: 0;
	background-color: transparent;
	border: none;
	margin: 0 5px 0 0;
}
.Filewalker .clientPath li a
{
	color: #006973;
}
.Filewalker .clientPath li:hover
{
	background-color: transparent;
}
.Filewalker .clientPath li:focus
{
	background-color: transparent;
}
.Filewalker .subheader li.sort span
{
	font-size: 15px;
}
.Filewalker .subheader li.sort select
{
	display: inline;
	margin-right: 10px;
}
.Filewalker.Filewalker_Container_Block .FwFolder,
.Filewalker.Filewalker_Container_Block .FwFile
{
	width: 19%;
	border-radius: 8px;
}
.Filewalker.Filewalker_Container_Block .FwFolder img,
.Filewalker.Filewalker_Container_Block .FwFile img
{
	height: 24px;
}
.OneDriveTable .tableView table thead
{
	display: table-header-group;
}
.OneDriveTable .tableView table tbody tr
{
	display: table-row;
	margin-bottom: inherit;
}
.OneDriveTable .tableView table tbody td
{
	text-align: left;
	display: table-cell;
	border-bottom: inherit;
}
.OneDriveTable .tableView table tbody td::before
{
	content: none;
}
.OneDriveTable .tableView table tbody td:last-child
{
	border-bottom: inherit;
}
.OneDriveTable .tableView table tbody td[data-key="icon"]
{
	display: table-cell;
	background-color: inherit;
}
.OneDriveTable .tableView table tbody td[data-key="name"]
{
	display: table-cell;
	width: inherit;
	background-color: inherit;
}
.OneDriveTable .tableView table tbody td[data-key="size"]
{
	display: table-cell;
}
.OneDriveTable .tableView table tbody td[data-key="icon"]::before,
.OneDriveTable .tableView table tbody td[data-key="name"]::before
{
	content: none;
}
}
@media only screen and (min-width: 64.0625em)
{
.ix-grid-column
{
	position: relative;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	transition: all 0.5s ease;
}
.ix-small-hide
{
	display: block;
	visibility: visible;
}
.ix-medium-hide
{
	display: block;
	visibility: visible;
}
.ix-large-hide
{
	display: none;
	visibility: hidden;
}
.ix-large-push-0
{
	position: relative;
	left: 0;
	right: auto;
}
.ix-large-pull-0
{
	position: relative;
	right: 0;
	left: auto;
}
.ix-large-push-1
{
	position: relative;
	left: 8.33333%;
	right: auto;
}
.ix-large-pull-1
{
	position: relative;
	right: 8.33333%;
	left: auto;
}
.ix-large-push-2
{
	position: relative;
	left: 16.66667%;
	right: auto;
}
.ix-large-pull-2
{
	position: relative;
	right: 16.66667%;
	left: auto;
}
.ix-large-push-3
{
	position: relative;
	left: 25%;
	right: auto;
}
.ix-large-pull-3
{
	position: relative;
	right: 25%;
	left: auto;
}
.ix-large-push-4
{
	position: relative;
	left: 33.33333%;
	right: auto;
}
.ix-large-pull-4
{
	position: relative;
	right: 33.33333%;
	left: auto;
}
.ix-large-push-5
{
	position: relative;
	left: 41.66667%;
	right: auto;
}
.ix-large-pull-5
{
	position: relative;
	right: 41.66667%;
	left: auto;
}
.ix-large-push-6
{
	position: relative;
	left: 50%;
	right: auto;
}
.ix-large-pull-6
{
	position: relative;
	right: 50%;
	left: auto;
}
.ix-large-push-7
{
	position: relative;
	left: 58.33333%;
	right: auto;
}
.ix-large-pull-7
{
	position: relative;
	right: 58.33333%;
	left: auto;
}
.ix-large-push-8
{
	position: relative;
	left: 66.66667%;
	right: auto;
}
.ix-large-pull-8
{
	position: relative;
	right: 66.66667%;
	left: auto;
}
.ix-large-push-9
{
	position: relative;
	left: 75%;
	right: auto;
}
.ix-large-pull-9
{
	position: relative;
	right: 75%;
	left: auto;
}
.ix-large-push-10
{
	position: relative;
	left: 83.33333%;
	right: auto;
}
.ix-large-pull-10
{
	position: relative;
	right: 83.33333%;
	left: auto;
}
.ix-large-push-11
{
	position: relative;
	left: 91.66667%;
	right: auto;
}
.ix-large-pull-11
{
	position: relative;
	right: 91.66667%;
	left: auto;
}
.ix-large-1
{
	width: 8.33333%;
}
.ix-large-2
{
	width: 16.66667%;
}
.ix-large-3
{
	width: 25%;
}
.ix-large-4
{
	width: 33.33333%;
}
.ix-large-5
{
	width: 41.66667%;
}
.ix-large-6
{
	width: 50%;
}
.ix-large-7
{
	width: 58.33333%;
}
.ix-large-8
{
	width: 66.66667%;
}
.ix-large-9
{
	width: 75%;
}
.ix-large-10
{
	width: 83.33333%;
}
.ix-large-11
{
	width: 91.66667%;
}
.ix-large-12
{
	width: 100%;
}
.ix-large-offset-0
{
	margin-left: 0 !important;
}
.ix-large-offset-1
{
	margin-left: 8.33333% !important;
}
.ix-large-offset-2
{
	margin-left: 16.66667% !important;
}
.ix-large-offset-3
{
	margin-left: 25% !important;
}
.ix-large-offset-4
{
	margin-left: 33.33333% !important;
}
.ix-large-offset-5
{
	margin-left: 41.66667% !important;
}
.ix-large-offset-6
{
	margin-left: 50% !important;
}
.ix-large-offset-7
{
	margin-left: 58.33333% !important;
}
.ix-large-offset-8
{
	margin-left: 66.66667% !important;
}
.ix-large-offset-9
{
	margin-left: 75% !important;
}
.ix-large-offset-10
{
	margin-left: 83.33333% !important;
}
.ix-large-offset-11
{
	margin-left: 91.66667% !important;
}
.ix-large-reset-order
{
	float: left;
	left: auto;
	margin-left: 0;
	margin-right: 0;
	right: auto;
}
.ix-grid-column.ix-large-centered
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.ix-grid-column.ix-large-uncentered
{
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ix-grid-column.ix-large-centered:last-child
{
	float: none;
}
.ix-grid-column.ix-large-uncentered:last-child
{
	float: left;
}
.ix-grid-column:last-child:not(:first-child)
{
	float: right;
}
.ix-grid-column.ix-large-uncentered.opposite
{
	float: right;
}
.ix-grid-row.ix-large-collapse > .ix-grid-column
{
	padding-left: 0;
	padding-right: 0;
}
.ix-grid-row.ix-large-collapse .ix-grid-row
{
	margin-left: 0;
	margin-right: 0;
}
.ix-grid-row.ix-large-uncollapse > .ix-grid-column
{
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}
.ix-large-pLNone
{
	padding-left: 0;
}
.ix-large-pRNone
{
	padding-right: 0;
}
.ix-l2 > div > [data-tablerecord]
{
	width: 49.5%;
	float: left;
}
.ix-l2 > div > [data-tablerecord]:not(:nth-child(2n))
{
	margin-right: 1%;
}
.ix-m2l3 > div > [data-tablerecord]
{
	width: 32.66%;
}
.ix-m2l3 > div > [data-tablerecord]:not(:nth-child(2n))
{
	margin-right: 0;
}
.ix-m2l3 > div > [data-tablerecord]:not(:nth-child(3n))
{
	margin-right: 1%;
}
.ix-m2l4 > div > [data-tablerecord]
{
	width: 24.25%;
}
.ix-m2l4 > div > [data-tablerecord]:not(:nth-child(2n))
{
	margin-right: 0;
}
.ix-m2l4 > div > [data-tablerecord]:not(:nth-child(4n))
{
	margin-right: 1%;
}
.ix-m3l5 > div > [data-tablerecord]
{
	width: 19.2%;
}
.ix-m3l5 > div > [data-tablerecord]:not(:nth-child(3n))
{
	margin-right: 0;
}
.ix-m3l5 > div > [data-tablerecord]:not(:nth-child(5n))
{
	margin-right: 1%;
}
.ix-s2m4l6 > div > [data-tablerecord]
{
	width: 15.8333%;
}
.ix-s2m4l6 > div > [data-tablerecord]:not(:nth-child(4n))
{
	margin-right: 0;
}
.ix-s2m4l6 > div > [data-tablerecord]:not(:nth-child(6n))
{
	margin-right: 1%;
}
.ix-s2m5l7 > div > [data-tablerecord]
{
	width: 13.4285%;
}
.ix-s2m5l7 > div > [data-tablerecord]:not(:nth-child(2n))
{
	margin-right: 0;
}
.ix-s2m5l7 > div > [data-tablerecord]:not(:nth-child(5n))
{
	margin-right: 0;
}
.ix-s2m5l7 > div > [data-tablerecord]:not(:nth-child(7n))
{
	margin-right: 1%;
}
.Share_Container_Info
{
	min-height: 240px;
}
.Share_Container_Info_Img img
{
	width: 220px;
	height: 220px;
}
.Share_Container_Info_Content
{
	margin-left: 230px;
	margin-top: -220px;
}
.Share_Container_Info_Iconbar
{
	left: 240px;
}
.Share_Info_Image_Background
{
	width: 220px;
	height: 220px;
}
.Share_DefaultProfilImageInfo
{
	height: 220px;
	width: 220px;
}
#Container_Menu_Dropline .menu .item:nth-child(1)
{
	transition-delay: 0.05s;
}
#Container_Menu_Dropline .menu .item:nth-child(2)
{
	transition-delay: 0.10s;
}
#Container_Menu_Dropline .menu .item:nth-child(3)
{
	transition-delay: 0.15s;
}
#Container_Menu_Dropline .menu .item:nth-child(4)
{
	transition-delay: 0.20s;
}
#Container_Menu_Dropline .menu .item:nth-child(5)
{
	transition-delay: 0.25s;
}
#Container_Menu_Dropline .menu .item:nth-child(6)
{
	transition-delay: 0.30s;
}
#Container_Menu_Dropline .menu .item:nth-child(7)
{
	transition-delay: 0.35s;
}
#Container_Menu_Dropline .menu .label
{
	opacity: 0.0;
}
#Container_Menu_Dropline .menu .image
{
	transition-property: opacity, transform;
	transition-duration: 0.4s, 0.6s;
	transition-delay: 0.6s, 0.2s;
	opacity: 0.0;
}
#Container_Menu_Dropline .menuopenclose
{
	transition: all 0.7s 0s ease;
}
#CONT_dropline_Container_Menu_Dropline_menuopenclose:checked ~ .list.level0 .label
{
	opacity: 1.0;
}
#CONT_dropline_Container_Menu_Dropline_menuopenclose:checked ~ .list.level0 .image
{
	opacity: 1.0;
}
.File_View_Gallery .blueimp-gallery > .indicator > li
{
	width: 30px;
	height: 30px;
}
.calendar_container_left
{
	float: left;
	margin-right: 15px;
}
div.viewswitcher > ul > li
{
	margin: 0 5px 5px 0;
	width: auto;
	min-width: 120px;
}
div.viewswitcher-align-right > ul > li
{
	width: auto;
}
div.Container_ResponsiveForm.ix-large-label-inline [data-control-type="label"]
{
	display: none;
}
div.Container_ResponsiveForm.ix-large-label-inline input[type="text"],
div.Container_ResponsiveForm.ix-large-label-inline select,
div.Container_ResponsiveForm.ix-large-label-inline textarea,
div.Container_ResponsiveForm.ix-large-label-inline .file-container
{
	display: block;
	width: 100%;
	float: none;
}
div.Container_ResponsiveForm.ix-large-label-inline [placeholder]::-webkit-input-placeholder
{
	color: #171d1e;
}
div.Container_ResponsiveForm.ix-large-label-inline [placeholder]::-moz-placeholder
{
	color: #171d1e;
}
div.Container_ResponsiveForm.ix-large-label-inline [placeholder]:-ms-input-placeholder
{
	color: #171d1e;
}
div.Container_ResponsiveForm.ix-large-label-inline [placeholder]:-moz-placeholder
{
	color: #171d1e;
}
div.Container_ResponsiveForm.ix-large-label-top [data-control-type="label"]
{
	display: block;
	float: none;
	width: 100%;
	line-height: inherit;
	clear: both;
}
div.Container_ResponsiveForm.ix-large-label-top [data-control-type="viewcontrol"]
{
	display: block;
	float: none;
	clear: both;
	width: initial;
	max-width: 100%;
}
div.Container_ResponsiveForm.ix-large-label-top input[type="text"],
div.Container_ResponsiveForm.ix-large-label-top select,
div.Container_ResponsiveForm.ix-large-label-top textarea,
div.Container_ResponsiveForm.ix-large-label-top .file-container
{
	display: block;
	float: none;
	width: 100%;
}
div.Container_ResponsiveForm.ix-large-label-top [placeholder]::-webkit-input-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-large-label-top [placeholder]::-moz-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-large-label-top [placeholder]:-ms-input-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-large-label-top [placeholder]:-moz-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-large-label-left [data-control-type="label"]
{
	display: inline-block;
	float: left;
	width: 15%;
	text-overflow: ellipsis;
	overflow: hidden;
	clear: left;
}
div.Container_ResponsiveForm.ix-large-label-left [data-control-type="viewcontrol"]
{
	float: left;
	clear: right;
	width: 85%;
}
div.Container_ResponsiveForm.ix-large-label-left input[type="text"],
div.Container_ResponsiveForm.ix-large-label-left select,
div.Container_ResponsiveForm.ix-large-label-left textarea,
div.Container_ResponsiveForm.ix-large-label-left .file-container
{
	display: inline-block;
	float: left;
	min-width: initial;
	width: 85%;
}
div.Container_ResponsiveForm.ix-large-label-left [placeholder]::-webkit-input-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-large-label-left [placeholder]::-moz-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-large-label-left [placeholder]:-ms-input-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-large-label-left [placeholder]:-moz-placeholder
{
	color: transparent;
}
div.Container_ResponsiveForm.ix-large-label-hidden [data-control-type="label"]
{
	display: none;
}
div.Container_ResponsiveForm.ix-large-label-hidden [data-control-type="viewcontrol"]
{
	display: block;
	float: none;
	clear: both;
	width: initial;
	max-width: 100%;
}
div.Container_ResponsiveForm .inline-container
{
	display: inline-block;
	clear: left;
}
div.Container_ResponsiveForm .inline-container input,
div.Container_ResponsiveForm .inline-container a
{
	float: left;
}
div.Container_ResponsiveForm .inline-container [data-control-type="label"]
{
	width: auto !important;
	float: left;
}
.ButtonContainer_Responsive input[type="submit"],
.ButtonContainer_Responsive input[type="button"],
.ButtonContainer_Responsive a
{
	width: auto;
	display: inline-block;
}
.Filewalker .clientPath li a
{
	color: #006973;
}
.Filewalker .subheader li
{
	padding: 0 20px 0 0;
}
.Filewalker .subheader li a
{
	font-size: 15px;
	background: transparent;
	border: none;
	box-shadow: none;
	border-radius: 0;
	display: inline;
	height: auto;
	padding: 0;
	text-align: left;
	width: auto;
}
.Filewalker .subheader li a:hover
{
	background: transparent;
	border: none;
	box-shadow: none;
}
.Filewalker .subheader li a:focus
{
	background: transparent;
	border: none;
	box-shadow: none;
}
.Filewalker .subheader li.sort a
{
	background: transparent;
	border-radius: 0;
	display: inline;
	height: auto;
	padding: 10px 0;
	text-align: left;
	width: auto;
	border: none;
}
.Filewalker .content
{
	margin: 10px 0;
}
.Filewalker.Filewalker_Container_Block .FwFolder,
.Filewalker.Filewalker_Container_Block .FwFile
{
	width: 15.5%;
}
}

/* ==========================================================================
   Goffingen — goffingen-custom.css

   Ergänzungen zum Portal-Stylesheet (goffingen.css): Badges, Aktionsspalten,
   Bilder, Schaltflächen und Button-Leiste.

   ALLES gehört in den STANDARD-Abschnitt des Designers.
   MEDIUM und LARGE bleiben leer.

   INHALT
     1  Grundlagen .......... Schriftart, Design-Token (gemeinsam/Light/Dark)
     2  Anwendungsrahmen .... Menübreite, Scrollbars, Menü-Icons
     3  Badges .............. Grundgerüst, Varianten, Statuswerte, Organisation, Ampel, HR-QS,
                              Entwicklungsstufe, Geschäftsstelle, Funktion, Trend
     4  Tabellen ............ Aktionsspalte, Link-Marker, Sticky, Heatmap
     5  Bilder .............. CRM-Logo, Benutzeravatar
     6  Schaltflächen ...... Rollen, Zustände, Icon-Achse
     7  Button-Leiste ....... Layout, Varianten, Input-Icons, Container Queries
     8  Kacheln ............. KPI-Variante Gray, Schatten
     9  Fallbacks ........... Browser ohne :has()
    10  Dialoge ............. Datapicker-Popup
    11  Diagramme ........... amCharts im Dark-Modus

   Konventionen
     - Farben und Maße ausschließlich über die Token aus Abschnitt 1.
     - Badge-Werte in die passende Gruppe (3.3-3.19) einsortieren statt
       anzuhängen: bei gleicher Spezifität entscheidet die Reihenfolge.
     - Icons sind maskierte data-URLs; die Farbe kommt immer aus currentColor.
   ========================================================================== */

/* ##########################################################################
   1  GRUNDLAGEN
   ########################################################################## */

/* --------------------------------------------------------------------------
   1.1  Schriftart
   -------------------------------------------------------------------------- */

@font-face {
  font-family: "Manrope";
  src: url("/fonts/manrope/Manrope-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   1.2  Token — gemeinsames :root
   -------------------------------------------------------------------------- */
:root
{
	/* Sagt dem Browser, in welchem Farbschema er die nativen Bedienelemente
	   zeichnet: Kontrollkaestchen, Optionsfelder, Auswahllisten, Bildlaufleisten,
	   Datumsauswahl. Ohne diese Angabe bleiben sie hell - eine weisse Checkbox
	   auf dunklem Grund, unabhaengig davon, was --input-bg sagt. */
	color-scheme: light;

	--ease-standard: cubic-bezier(0.2,0,0,1);
	--font-sans: "Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	--font-size-xxs: 0.7rem;
	--font-size-xs: 0.75rem;
	--font-size-s: 0.8rem;
	--font-size-m: 0.9rem;
	--font-size-l: 1rem;
	--font-size-xl: 1.4rem;
	--font-size-xxl: 1.7rem;
	--menu-item-border-radius: 5px;
	--menu-item-border-radius-hover: 5px;
	--menu-item-selected-border-radius: 5px;
	--menu-border-radius: unset;
	--portlet1-border-radius: 10px;
	--button-border-radius: 5px;
	--frame-header-border-radius: 10px;
	--frame1-border-radius: 10px;
	--frame2-border-radius: 10px;
	--frame3-border-radius: 10px;
	--img-small-height: 20px;
	--img-small-width: 20px;
	--img-medium-height: 30px;
	--img-medium-width: 30px;
	--img-large-height: 36px;
	--img-large-width: 36px;
	--img-xxl-height: 42px;
	--img-xxl-width: 42px;
	--ix-icon-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='black'/%3E%3C/svg%3E");
	--ix-icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E");
	--ix-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
	--ix-icon-external: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6'/%3E%3Cpath d='M20 4l-8.5 8.5'/%3E%3Cpath d='M18 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E");
	--ix-icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
	--ix-icon-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
	--ix-icon-plus-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");
	--ix-icon-sanduhr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12M6 21h12M6 3c0 4 3 6 6 9 3-3 6-5 6-9M6 21c0-4 3-6 6-9 3 3 6 5 6 9'/%3E%3C/svg%3E");
	--ix-icon-haken: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5 11-11'/%3E%3C/svg%3E");
	--ix-icon-kreuz: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
	--ix-icon-muelleimer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3Cpath d='M6 7l1 13h10l1-13'/%3E%3Cpath d='M9 7V4h6v3'/%3E%3C/svg%3E");
	--ix-icon-leerer-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");
	--ix-icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Ccircle cx='12' cy='12' r='6.8'/%3E%3Cpath d='M12 2.2v2.8M12 19v2.8M2.2 12h2.8M19 12h2.8M5.1 5.1l2 2M16.9 16.9l2 2M18.9 5.1l-2 2M7.1 16.9l-2 2'/%3E%3C/svg%3E");
	--ix-icon-schloss: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='10.5' width='17' height='10.5' rx='2'/%3E%3Cpath d='M7.5 10.5V7a4.5 4.5 0 0 1 9 0v3.5'/%3E%3C/svg%3E");
	--ix-icon-schloss-offen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='10.5' width='17' height='10.5' rx='2'/%3E%3Cpath d='M7.5 10.5V7a4.5 4.5 0 0 1 8.9-1.2'/%3E%3C/svg%3E");
	--ix-icon-export: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3.5'/%3E%3Cpath d='M7.5 8l4.5-4.5L16.5 8'/%3E%3Cpath d='M4 16v2.5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V16'/%3E%3C/svg%3E");
	--ix-icon-import: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5V15'/%3E%3Cpath d='M7.5 10.5 12 15l4.5-4.5'/%3E%3Cpath d='M4 16v2.5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V16'/%3E%3C/svg%3E");
	--ix-icon-minus-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");
	--ix-icon-stern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.3l2.7 5.5 6 .9-4.35 4.2 1 6-5.35-2.8-5.35 2.8 1-6L3.3 9.7l6-.9Z'/%3E%3C/svg%3E");

	/* HR-Kataloge (Badges 3.12-3.14) */
	--ix-icon-stufe1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='2.6' y='17' width='2.8' height='4' rx='.6' fill='black'/%3E%3Crect x='6.6' y='14' width='2.8' height='7' rx='.6'/%3E%3Crect x='10.6' y='11' width='2.8' height='10' rx='.6'/%3E%3Crect x='14.6' y='8' width='2.8' height='13' rx='.6'/%3E%3Crect x='18.6' y='5' width='2.8' height='16' rx='.6'/%3E%3C/svg%3E");
	--ix-icon-stufe2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='2.6' y='17' width='2.8' height='4' rx='.6' fill='black'/%3E%3Crect x='6.6' y='14' width='2.8' height='7' rx='.6' fill='black'/%3E%3Crect x='10.6' y='11' width='2.8' height='10' rx='.6'/%3E%3Crect x='14.6' y='8' width='2.8' height='13' rx='.6'/%3E%3Crect x='18.6' y='5' width='2.8' height='16' rx='.6'/%3E%3C/svg%3E");
	--ix-icon-stufe3: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='2.6' y='17' width='2.8' height='4' rx='.6' fill='black'/%3E%3Crect x='6.6' y='14' width='2.8' height='7' rx='.6' fill='black'/%3E%3Crect x='10.6' y='11' width='2.8' height='10' rx='.6' fill='black'/%3E%3Crect x='14.6' y='8' width='2.8' height='13' rx='.6'/%3E%3Crect x='18.6' y='5' width='2.8' height='16' rx='.6'/%3E%3C/svg%3E");
	--ix-icon-stufe4: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='2.6' y='17' width='2.8' height='4' rx='.6' fill='black'/%3E%3Crect x='6.6' y='14' width='2.8' height='7' rx='.6' fill='black'/%3E%3Crect x='10.6' y='11' width='2.8' height='10' rx='.6' fill='black'/%3E%3Crect x='14.6' y='8' width='2.8' height='13' rx='.6' fill='black'/%3E%3Crect x='18.6' y='5' width='2.8' height='16' rx='.6'/%3E%3C/svg%3E");
	--ix-icon-stufe5: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='2.6' y='17' width='2.8' height='4' rx='.6' fill='black'/%3E%3Crect x='6.6' y='14' width='2.8' height='7' rx='.6' fill='black'/%3E%3Crect x='10.6' y='11' width='2.8' height='10' rx='.6' fill='black'/%3E%3Crect x='14.6' y='8' width='2.8' height='13' rx='.6' fill='black'/%3E%3Crect x='18.6' y='5' width='2.8' height='16' rx='.6' fill='black'/%3E%3C/svg%3E");
	--ix-icon-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E");
	--ix-icon-haus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 9.8V20h13V9.8'/%3E%3Cpath d='M10 20v-5h4v5'/%3E%3C/svg%3E");
	--ix-icon-person: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5v-1a5.5 5.5 0 0 1 5.5-5.5h4a5.5 5.5 0 0 1 5.5 5.5v1'/%3E%3C/svg%3E");
	--ix-icon-leitung: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.6'/%3E%3Cpath d='M2.5 20.5v-1A5 5 0 0 1 7.5 14.5h3'/%3E%3Cpath d='M17.5 12.1 L18.6 15.0 L21.7 15.1 L19.3 17.1 L20.1 20.1 L17.5 18.4 L14.9 20.1 L15.7 17.1 L13.3 15.1 L16.4 15.0Z' fill='black' stroke-width='1'/%3E%3C/svg%3E");
	--ix-icon-personen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.4'/%3E%3Cpath d='M2.5 20.5v-.8a5 5 0 0 1 5-5h3a5 5 0 0 1 5 5v.8'/%3E%3Ccircle cx='17' cy='9' r='2.6'/%3E%3Cpath d='M17.5 14.6h.4a4 4 0 0 1 4 4v.9'/%3E%3C/svg%3E");
	--ix-icon-hut: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9.5 12 4.5l10 5-10 5Z'/%3E%3Cpath d='M6 11.5v4.5c0 1.6 2.7 3 6 3s6-1.4 6-3v-4.5'/%3E%3Cpath d='M22 9.5v5'/%3E%3C/svg%3E");
	--ix-icon-netz: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5.5' cy='6' r='2.4'/%3E%3Ccircle cx='18.5' cy='6' r='2.4'/%3E%3Ccircle cx='12' cy='18' r='2.4'/%3E%3Cpath d='M7.9 6h8.2'/%3E%3Cpath d='M6.6 8.2l4.2 7.6'/%3E%3Cpath d='M17.4 8.2l-4.2 7.6'/%3E%3C/svg%3E");

	/* Organisationseinheiten (Badges 3.8) */
	--ix-icon-koffer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7.5' width='18' height='12.5' rx='2'/%3E%3Cpath d='M8.5 7.5V6a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v1.5'/%3E%3Cpath d='M3 13h18'/%3E%3Cpath d='M11 13v1.5h2V13'/%3E%3C/svg%3E");
	--ix-icon-markt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 4.6 4h14.8L21 9.5'/%3E%3Cpath d='M3 9.5a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0'/%3E%3Cpath d='M4.5 11.8V20h15v-8.2'/%3E%3Cpath d='M10 20v-4.5h4V20'/%3E%3C/svg%3E");
	--ix-icon-ebenen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 3 8l9 4.5L21 8Z'/%3E%3Cpath d='M3 12.5l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5l9 4.5 9-4.5'/%3E%3C/svg%3E");
	--ix-icon-gebaeude: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='11' height='18' rx='1'/%3E%3Cpath d='M15 9h4a1 1 0 0 1 1 1v11'/%3E%3Cpath d='M2.5 21h19'/%3E%3Cpath d='M7.5 7h.01M11.5 7h.01M7.5 11h.01M11.5 11h.01M7.5 15h.01M11.5 15h.01'/%3E%3C/svg%3E");
	--ix-icon-monitor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M12 16v4'/%3E%3Cpath d='M8 20h8'/%3E%3C/svg%3E");
	--ix-icon-muenzen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7' ry='2.5'/%3E%3Cpath d='M5 6v4c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5V6'/%3E%3Cpath d='M5 10v4c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5v-4'/%3E%3Cpath d='M5 14v4c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5v-4'/%3E%3C/svg%3E");
	--ix-icon-megafon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v4a1 1 0 0 0 1 1h3l8 4V5L7 9H4a1 1 0 0 0-1 1Z'/%3E%3Cpath d='M18.5 9a4 4 0 0 1 0 6'/%3E%3Cpath d='M7.5 15l1 5h2.5l-1-4.4'/%3E%3C/svg%3E");

	/* Maße der Basisgröße; Button_Compact überschreibt sie lokal */
	--button-min-height: 40px;
	--button-padding-x: 15px;
	--button-font-size: var(--font-size-m);
	--button-icon-size: 1.15em;

	/* Button-Leiste */
	--buttonbar-gap: 10px;
	--buttonbar-padding-y: 12px;
	--buttonbar-padding-x: 30px;
	/* Zusatzabstand unten; nur für --fixed auf Geräten mit Home-Indikator */
	--buttonbar-safe-bottom: 0px;
	/* nur für --anchor: reservierter Platz im Scrollbereich */
	--buttonbar-height: 68px;
}

/* --------------------------------------------------------------------------
   1.3  Token — Light
   -------------------------------------------------------------------------- */
:root[data-theme="light"]
{
	color-scheme: light;
	--p-color-primary: #1E466E;
	--p-color-primary-hover: #295C8A;
	--p-color-secondary: #05c3dcba;
	--p-glow-secondary-soft: rgba(5, 195, 220, 0.25);
	--p-glow-secondary-mid: rgba(5, 195, 220, 0.45);
	--p-glow-secondary-strong: rgba(5, 195, 220, 0.70);
	--p-color-accent: #50FF59;
	--p-color-danger: #ba1a1a;
	--p-glow-danger-soft: rgba(186, 26, 26, 0.20);
	--p-glow-danger-mid: rgba(186, 26, 26, 0.45);
	--p-required-soft: rgba(5, 195, 220, 0.18);
	--p-required-mid: rgba(5, 195, 220, 0.35);
	--p-color-light0: #FFFFFF;
	--p-color-light1: #FBFCFE;
	--p-color-light2: #F2F6FB;
	--p-color-light3: #E4EBF3;
	--p-color-dark0: #FBFCFE;
	--p-color-dark1: #F2F6FB;
	--p-color-dark2: #E9EFF6;
	--p-color-dark3: #DCE4EE;
	--p-color-gray1: #56637A;
	--p-color-gray2: #6F7C93;
	--p-color-gray3: #8E9AAF;
	--p-color-gray4: #B0BACB;
	--p-color-gray5: #D5DDE9;
	--p-color-white: #FFFFFF;
	--p-neutral-00: var(--p-color-white);
	--link-color: var(--p-color-primary);
	--link-color-hover: var(--p-color-primary-hover);
	--text-color: #121E2E;
	--text-color-inverse: var(--p-color-white);
	--body-bg-color: linear-gradient(180deg, #FFFFFF 0%, #F2F6FB 45%, #EAF0F8 100%);
	--header-bg: color-mix(in srgb,var(--p-color-light2) 70%,transparent);
	--header-shadow: 0 1px 0 rgba(18, 30, 46, .06), 0 4px 12px rgba(18, 30, 46, .06);
	--svg-filter-default: invert(8%) sepia(10%) saturate(450%) hue-rotate(180deg) brightness(92%) contrast(96%);
	--menu-bg: linear-gradient(0deg, #05C3DC -30%, #1E466E 50%);
	--menu-border: 1px solid transparent;
	--menu-item-bg: transparent;
	--menu-item-color: rgba(255, 255, 255, 0.86);
	--menu-item-border: 1px solid transparent;
	--menu-item-bg-hover: rgba(255, 255, 255, 0.1);
	--menu-item-color-hover: rgba(255, 255, 255, 1);
	--menu-item-border-hover: 1px solid transparent;
	--menu-item-selected-bg: rgba(0, 0, 0, 0.15);
	--menu-item-selected-color: rgba(255, 255, 255, 1);
	--menu-item-selected-border: 1px solid rgba(255, 255, 255, 0.3);
	--menu-item-selected-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
	--burger-bg: var(--p-color-primary);
	--burger-bg-invert: var(--p-color-white);
	--portlet1-bg: var(--p-color-white);
	--portlet1-border: 1px solid var(--p-color-light3);
	--portlet1-color: var(--text-color);
	--portlet1-shadow: var(--frame1-shadow);
	--button-primary-bg: color-mix(in oklab,var(--p-color-primary) 90%,transparent);
	--button-primary-color: var(--p-color-white);
	--button-primary-border: 1px solid var(--p-color-primary);
	--button-primary-bg-hover: color-mix(in oklab,var(--p-color-primary) 80%,transparent);
	--button-primary-color-hover: var(--p-neutral-00);
	--button-primary-border-hover: 1px solid color-mix(in oklab,var(--p-color-primary) 80%,transparent);
	--button-secondary-bg: color-mix(in oklab,var(--p-color-secondary) 90%,transparent);

	--button-secondary-color: var(--p-color-white);
	--button-secondary-border: 1px solid var(--p-color-secondary);
	--button-secondary-bg-hover: color-mix(in oklab,var(--p-color-secondary) 80%,transparent);
	--button-secondary-color-hover: var(--p-color-white);
	--button-secondary-border-hover: 1px solid color-mix(in oklab,var(--p-color-secondary) 80%,transparent);
	--button-tertiary-bg: rgba(0, 0, 0, 0.12);
	--button-tertiary-border: 1px solid rgba(0, 0, 0, 0.16);
	--button-tertiary-color: var(--text-color);
	--button-tertiary-bg-hover: rgba(0, 0, 0, 0.16);
	--button-tertiary-border-hover: 1px solid rgba(0, 0, 0, 0.45);
	--button-tertiary-color-hover: var(--text-color);
	--h1-color: var(--text-color);
	--h1-font-size: var(--font-size-xxl);
	--h1-font-weight: 500;
	--h2-color: var(--text-color);
	--h2-font-size: var(--font-size-xl);
	--h2-font-weight: 600;
	--h3-color: var(--text-color);
	--h3-font-size: var(--font-size-l);
	--h3-font-weight: 600;
	--label-color: var(--p-color-gray1);
	--label-font-size: var(--font-size-s);
	--input-font-size: var(--font-size-m);
	--input-bg: color-mix(in oklab,var(--p-color-light0) 80%,transparent);
	--input-bg-readonly: color-mix(in oklab,var(--p-color-light3) 80%,transparent);
	--input-color: var(--text-color);
	--input-border: 1px solid var(--p-color-gray3);
	--input-shadow-hover: unset;
	--input-color-hover: var(--input-color);
	--input-bg-hover: var(--input-bg);
	--input-border-hover: 1px solid var(--p-color-secondary);
	--input-shadow-hover: 0 0 0 1px var(--p-glow-secondary-soft),0 0 6px var(--p-glow-secondary-mid);
	--input-color-invalid: var(--p-input-color);
	--input-bg-invalid: var(--input-bg);
	--input-border-invalid: var(--p-color-danger);
	--input-shadow-invalid: 0 0 0 1px var(--p-glow-danger-soft),0 0 10px var(--p-glow-danger-mid);
	--frame-header-bg: color-mix(in srgb,var(--p-color-light2) 60%,var(--p-color-white));
	--frame-header-border: 1px solid var(--p-color-light3);
	--frame1-bg: color-mix(in srgb,var(--p-color-white) 100%,var(--p-color-light3));
	--frame1-border: 1px solid var(--p-color-light3);
	--frame1-color: var(--text-color);
	--frame1-shadow: 0 1px 2px rgba(18, 30, 46, .06), 0 8px 20px rgba(18, 30, 46, .10);
	--frame2-bg: color-mix(in srgb,var(--p-color-secondary) 5%,var(--p-color-white));
	--frame2-border: 1px solid var(--p-color-secondary);
	--frame2-color: var(--text-color);
	--frame3-bg: color-mix(in srgb,var(--p-color-secondary) 20%,var(--p-color-white));
	--frame3-border: 1px solid var(--p-color-secondary);
	--frame3-color: var(--text-color);
	--dialog-bg: var(--p-color-light0);
	--dialog-header-bg: var(--p-color-gray5);
	--dialog-bg-shadow: 0 4px 8px 3px #00000026,0 1px 3px 0 #0000004d;
	--dialog-header-color: var(--text-color);
	--dialog-advice-bg: var(--p-color-light0);
	--dialog-advice-header-bg: var(--p-color-secondary);
	--dialog-advice-bg-shadow: 0 4px 8px 3px #00000026,0 1px 3px 0 #0000004d;
	--dialog-advice-header-color: var(--text-color);
	--table-header-bg: var(--p-color-light2);
	--table-header-color: var(--text-color);
	--table-header-font-size: var(--font-size-s);
	--table-header-border: 1px solid var(--p-color-dark3);
	--tt-error-header-bg: var(--p-color-danger);
	--tt-error-header-color: var(--p-color-white);
	--tt-error-bg: var(--p-color-white);
	--tt-error-shadow: 0 4px 8px 3px #00000026,0 1px 3px 0 #0000004d;
	--icon-filter-red-muted: invert(23%) sepia(84%) saturate(3300%) hue-rotate(345deg) brightness(95%) contrast(90%);
	--icon-filter-green-muted: invert(41%) sepia(58%) saturate(700%) hue-rotate(85deg) brightness(90%) contrast(95%);
	--pill-green-bg: #E6F4EE;
	--pill-green-text: #1F6B4F;
	--pill-green-brd: #B7E0CF;
	--pill-red-bg: #F6E8E8;
	--pill-red-text: #8B2E2E;
	--pill-red-brd: #E3B8B8;
	--pill-gray-bg: #F2F3F5;
	--pill-gray-text: #4B5563;
	--pill-gray-brd: #D1D5DB;
	--pill-blue-bg: #E8F1F8;
	--pill-blue-text: #1F4E79;
	--pill-blue-brd: #B6D3EA;
	--pill-yellow-bg: #FBF4E6;
	--pill-yellow-text: #8A6A1F;
	--pill-yellow-brd: #E9D9A8;
	--pill-purple-bg: #F1E9F8;
	--pill-purple-text: #5B2D8B;
	--pill-purple-brd: #D6BEEB;
	--pill-orange-bg: #F9EFE7;
	--pill-orange-text: #9A4E1F;
	--pill-orange-brd: #E7C6AE;
	--svg-filter-white: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(105%) contrast(100%);
	--svg-filter-table-header: brightness(0) invert(0);
	--table-zebra: #F7FAFD;
	--line-default: var(--p-color-light3);
	--badge-bg: #F2F3F5;
	--badge-text: #4B5563;
	--badge-border: 1px solid #D1D5DB;
	--badge-green-bg: #E6F4EE;
	--badge-green-text: #1F6B4F;
	--badge-green-brd: #B7E0CF;
	--badge-red-bg: #F6E8E8;
	--badge-red-text: #8B2E2E;
	--badge-red-brd: #E3B8B8;
	--badge-gray-bg: #F2F3F5;
	--badge-gray-text: #4B5563;
	--badge-gray-brd: #D1D5DB;
	--badge-blue-bg: #E8F1F8;
	--badge-blue-text: #1F4E79;
	--badge-blue-brd: #B6D3EA;
	--badge-yellow-bg: #FBF4E6;
	--badge-yellow-text: #8A6A1F;
	--badge-yellow-brd: #E9D9A8;
	--badge-purple-bg: #F1E9F8;
	--badge-purple-text: #5B2D8B;
	--badge-purple-brd: #D6BEEB;
	--badge-orange-bg: #F9EFE7;
	--badge-orange-text: #9A4E1F;
	--badge-orange-brd: #E7C6AE;
	--badge-indigo-bg: #EAEAF7;
	--badge-indigo-text: #35357A;
	--badge-indigo-brd: #C0C0E8;
	--badge-teal-bg: #E3F3F2;
	--badge-teal-text: #1D5F5C;
	--badge-teal-brd: #AFD9D6;
	--badge-slate-bg: #EDEFF2;
	--badge-slate-text: #3F4A5A;
	--badge-slate-brd: #C6CDD8;
	--ix-image-filter: brightness(1);
	--ix-image-border-color: var(--badge-gray-brd);
	/* KORREKTUR — überschreibt den Portal-Wert weiter oben absichtlich:
	   weiße Schrift auf dem hellen, halbtransparenten Cyan war nicht
	   lesbar (Kontrast ~1.7:1). Dunkles Teal statt Weiß. */
	--button-secondary-color: #06333A;
	--button-secondary-color-hover: #06333A;

	/* Intent Danger — gefüllt (gleiche Rezeptur wie primary/secondary) */
	--button-danger-bg: color-mix(in oklab,var(--p-color-danger) 90%,transparent);
	--button-danger-color: var(--p-color-white);
	--button-danger-border: 1px solid var(--p-color-danger);
	--button-danger-bg-hover: color-mix(in oklab,var(--p-color-danger) 80%,transparent);
	--button-danger-color-hover: var(--p-color-white);
	--button-danger-border-hover: 1px solid color-mix(in oklab,var(--p-color-danger) 80%,transparent);

	/* Intent Danger — zurückhaltend (Secondary/Tertiary + Button_Danger) */
	--button-danger-soft-bg: var(--badge-red-bg);
	--button-danger-soft-bg-hover: color-mix(in oklab,var(--p-color-danger) 16%,var(--p-color-light0));
	--button-danger-soft-color: var(--badge-red-text);
	--button-danger-soft-brd: var(--badge-red-brd);
	--button-danger-soft-brd-hover: color-mix(in oklab,var(--p-color-danger) 55%,transparent);
	--button-focus-ring: var(--p-color-primary);

	/* Button-Leiste */
	--buttonbar-bg: color-mix(in srgb, var(--p-color-white) 92%, transparent);
	--buttonbar-border: 1px solid var(--line-default);
}

/* --------------------------------------------------------------------------
   1.4  Token — Dark
   -------------------------------------------------------------------------- */
:root[data-theme="dark"]
{
	color-scheme: dark;
	--p-color-primary: #5AA2FF;
	--p-color-primary-hover: #79B5FF;
	--p-color-secondary: #05C3DCBA;
	--p-glow-secondary-soft: rgba(5, 195, 220, 0.18);
	--p-glow-secondary-mid: rgba(5, 195, 220, 0.35);
	--p-glow-secondary-strong: rgba(5, 195, 220, 0.55);
	--p-color-accent: #50FF59;
	--p-color-danger: #FF4D4D;
	--p-glow-danger-soft: rgba(255, 77, 77, 0.18);
	--p-glow-danger-mid: rgba(255, 77, 77, 0.35);
	--p-required-soft: rgba(5, 195, 220, 0.14);
	--p-required-mid: rgba(5, 195, 220, 0.26);
	--p-color-light0: #0B0F14;
	--p-color-light1: #121820;
	--p-color-light2: #18202B;
	--p-color-light3: #232D3B;
	--p-color-dark0: #0B0F14;
	--p-color-dark1: #121820;
	--p-color-dark2: #18202B;
	--p-color-dark3: #232D3B;
	--p-color-gray1: #A9B4C2;
	--p-color-gray2: #8F9CAD;
	--p-color-gray3: #6F7D90;
	--p-color-gray4: #364254;
	--p-color-gray5: #223043;
	--p-color-white: #FFFFFF;
	--p-neutral-00: #0B0F14;
	--link-color: var(--p-color-primary);
	--link-color-hover: var(--p-color-primary-hover);
	--text-color: #E7EDF5;
	--text-color-inverse: #0B0F14;
	--body-bg-color: linear-gradient(180deg, var(--p-color-light0) 0%, var(--p-color-light3) 50%);
	--header-bg: color-mix(in srgb,var(--p-color-light2) 70%,transparent);
	--header-shadow: 0 1px 0 rgba(255, 255, 255, .06), 0 6px 16px rgba(0, 0, 0, .40);
	--svg-filter-default: invert(92%) sepia(6%) saturate(300%) hue-rotate(180deg) brightness(102%) contrast(92%);
	--menu-bg: linear-gradient(0deg, #0E2F3A -30%, #162B44 55%, #0A0E14 120%);
	--menu-border: 1px solid rgba(255, 255, 255, 0.06);
	--menu-item-bg: transparent;
	--menu-item-color: rgba(231, 237, 245, 0.82);
	--menu-item-border: 1px solid transparent;
	--menu-item-bg-hover: rgba(255, 255, 255, 0.06);
	--menu-item-color-hover: rgba(231, 237, 245, 0.96);
	--menu-item-border-hover: 1px solid rgba(255, 255, 255, 0.08);
	--menu-item-selected-bg: rgba(5, 195, 220, 0.12);
	--menu-item-selected-color: rgba(231, 237, 245, 1);
	--menu-item-selected-border: 1px solid rgba(5, 195, 220, 0.30);
	--menu-item-selected-box-shadow: 0 0 0 1px rgba(5, 195, 220, 0.12) inset;
	--burger-bg: var(--p-color-white);
	--burger-bg-invert: var(--p-color-white);
	--portlet1-bg: rgba(18, 26, 38, 0.72);
	--portlet1-border: 1px solid rgba(255, 255, 255, 0.07);
	--portlet1-color: var(--text-color);
	--frame1-shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 8px 24px rgba(0, 0, 0, .38);
	--portlet1-shadow: var(--frame1-shadow);
	--button-primary-bg: color-mix(in oklab,var(--p-color-primary) 22%,rgba(255, 255, 255, 0.00));
	--button-primary-color: #EAF2FF;
	--button-primary-border: 1px solid color-mix(in oklab,var(--p-color-primary) 55%,rgba(255, 255, 255, 0.00));
	--button-primary-bg-hover: color-mix(in oklab,var(--p-color-primary) 30%,rgba(255, 255, 255, 0.00));
	--button-primary-color-hover: #FFFFFF;
	--button-primary-border-hover: 1px solid color-mix(in oklab,var(--p-color-primary) 70%,rgba(255, 255, 255, 0.00));
	--button-secondary-bg: color-mix(in oklab,var(--p-color-secondary) 22%,rgba(255, 255, 255, 0.00));
	--button-secondary-color: #EAFBFF;
	--button-secondary-border: 1px solid color-mix(in oklab,var(--p-color-secondary) 55%,rgba(255, 255, 255, 0.00));
	--button-secondary-bg-hover: color-mix(in oklab,var(--p-color-secondary) 30%,rgba(255, 255, 255, 0.00));
	--button-secondary-color-hover: #FFFFFF;
	--button-secondary-border-hover: 1px solid color-mix(in oklab,var(--p-color-secondary) 70%,rgba(255, 255, 255, 0.00));
	--button-tertiary-bg: rgba(255, 255, 255, 0.14);
	--button-tertiary-border: 1px solid rgba(255, 255, 255, 0.16);
	--button-tertiary-color: var(--text-color);
	--button-tertiary-bg-hover: rgba(255, 255, 255, 0.20);
	--button-tertiary-border-hover: 1px solid rgba(255, 255, 255, 0.45);
	--button-tertiary-color-hover: var(--text-color);
	--h1-color: var(--text-color);
	--h1-font-size: var(--font-size-xxl);
	--h1-font-weight: 500;
	--h2-color: var(--text-color);
	--h2-font-size: var(--font-size-xl);
	--h2-font-weight: 600;
	--h3-color: var(--text-color);
	--h3-font-size: var(--font-size-l);
	--h3-font-weight: 600;
	--label-color: rgba(231, 237, 245, 0.70);
	--label-font-size: var(--font-size-s);
	--input-font-size: var(--font-size-m);
	--input-bg: #151E2B;
	--input-bg-readonly: color-mix(in oklab,var(--p-color-light3) 0%,var(--p-color-dark1));
	--input-color: var(--text-color);
	--input-border: 1px solid rgba(255, 255, 255, 0.12);
	--input-shadow-hover: unset;
	--input-color-hover: var(--input-color);
	--input-bg-hover: rgba(255, 255, 255, 0.08);
	--input-border-hover: 1px solid rgba(5, 195, 220, 0.55);
	--input-shadow-hover: 0 0 0 1px var(--p-glow-secondary-soft),0 0 10px var(--p-glow-secondary-mid);
	--input-color-invalid: var(--input-color);
	--input-bg-invalid: rgba(255, 77, 77, 0.06);
	--input-border-invalid: 1px solid rgba(255, 77, 77, 0.70);
	--input-shadow-invalid: 0 0 0 1px var(--p-glow-danger-soft),0 0 12px var(--p-glow-danger-mid);
	--frame-header-bg: rgba(5, 195, 220, 0.08);
	--frame-header-border: 1px solid rgba(5, 195, 220, 0.45);
	--frame1-bg: rgba(18, 26, 38, 0.55);
	--frame1-border: 1px solid rgba(255, 255, 255, 0.08);
	--frame1-color: var(--text-color);
	--frame2-bg: rgba(5, 195, 220, 0.08);
	--frame2-border: 1px solid rgba(5, 195, 220, 0.45);
	--frame2-color: var(--text-color);
	--frame3-bg: rgba(5, 195, 220, 0.14);
	--frame3-border: 1px solid rgba(5, 195, 220, 0.55);
	--frame3-color: var(--text-color);
	--dialog-bg: rgba(18, 26, 38);
	--dialog-header-bg: rgba(34, 48, 67);
	--dialog-bg-shadow: 0 18px 50px rgba(0, 0, 0, 0.55),0 2px 8px rgba(0, 0, 0, 0.45);
	--dialog-header-color: var(--text-color);
	--dialog-advice-bg: rgba(18, 26, 38, 0.98);
	--dialog-advice-header-bg: rgba(5, 195, 220, 0.20);
	--dialog-advice-bg-shadow: 0 18px 50px rgba(0, 0, 0, 0.55),0 2px 8px rgba(0, 0, 0, 0.45);
	--dialog-advice-header-color: var(--text-color);
	--table-header-bg: rgba(34, 48, 67, 0.75);
	--table-header-color: rgba(231, 237, 245, 0.92);
	--table-header-font-size: var(--font-size-s);
	--table-header-border: 1px solid rgba(255, 255, 255, 0.10);
	--tt-error-header-bg: rgba(255, 77, 77, 0.85);
	--tt-error-header-color: #0B0F14;
	--tt-error-bg: rgba(18, 26, 38, 0.98);
	--tt-error-shadow: 0 18px 50px rgba(0, 0, 0, 0.55),0 2px 8px rgba(0, 0, 0, 0.45);
	--icon-filter-red-muted: invert(38%) sepia(65%) saturate(2600%) hue-rotate(335deg) brightness(105%) contrast(98%);
	--icon-filter-green-muted: invert(62%) sepia(26%) saturate(1200%) hue-rotate(85deg) brightness(100%) contrast(95%);
	--pill-green-bg: #0F2A22;
	--pill-green-text: #7FE3B5;
	--pill-green-brd: #2FA37A;
	--pill-red-bg: #2A1212;
	--pill-red-text: #FF9A9A;
	--pill-red-brd: #D45A5A;
	--pill-gray-bg: #1A1F27;
	--pill-gray-text: #C5CCD6;
	--pill-gray-brd: #3A4350;
	--pill-blue-bg: #0F1F2E;
	--pill-blue-text: #8FC4FF;
	--pill-blue-brd: #4C8FD9;
	--pill-yellow-bg: #2A2312;
	--pill-yellow-text: #FFD978;
	--pill-yellow-brd: #C9A94A;
	--pill-purple-bg: #1F1630;
	--pill-purple-text: #C6A6FF;
	--pill-purple-brd: #8B6AD9;
	--pill-orange-bg: #2A1A12;
	--pill-orange-text: #FFB380;
	--pill-orange-brd: #D9822B;
	--svg-filter-white: brightness(0) invert(1);
	--svg-filter-table-header: brightness(0) invert(1);
	--table-zebra: #141C26;
	--line-default: var(--p-color-light3);
	--badge-bg: #1A1F27;
	--badge-text: #C5CCD6;
	--badge-border: 1px solid #3A4350;
	--badge-green-bg: #0F2A22;
	--badge-green-text: #7FE3B5;
	--badge-green-brd: #2FA37A;
	--badge-red-bg: #2A1212;
	--badge-red-text: #FF9A9A;
	--badge-red-brd: #D45A5A;
	--badge-gray-bg: #1A1F27;
	--badge-gray-text: #C5CCD6;
	--badge-gray-brd: #3A4350;
	--badge-blue-bg: #0F1F2E;
	--badge-blue-text: #8FC4FF;
	--badge-blue-brd: #4C8FD9;
	--badge-yellow-bg: #2A2312;
	--badge-yellow-text: #FFD978;
	--badge-yellow-brd: #C9A94A;
	--badge-purple-bg: #1F1630;
	--badge-purple-text: #C6A6FF;
	--badge-purple-brd: #8B6AD9;
	--badge-orange-bg: #2A1A12;
	--badge-orange-text: #FFB380;
	--badge-orange-brd: #D9822B;
	--badge-indigo-bg: #16172B;
	--badge-indigo-text: #A9AEFF;
	--badge-indigo-brd: #5C63C7;
	--badge-teal-bg: #0D2422;
	--badge-teal-text: #7FE0DA;
	--badge-teal-brd: #2E9B93;
	--badge-slate-bg: #161A21;
	--badge-slate-text: #AEB8C6;
	--badge-slate-brd: #333C49;
	--ix-image-filter: brightness(0.92);
	--ix-image-border-color: transparent;

	/* Intent Danger — gefüllt */
	--button-danger-bg: color-mix(in oklab,var(--p-color-danger) 22%,rgba(255, 255, 255, 0.00));
	--button-danger-color: #FFDCDC;
	--button-danger-border: 1px solid color-mix(in oklab,var(--p-color-danger) 55%,rgba(255, 255, 255, 0.00));
	--button-danger-bg-hover: color-mix(in oklab,var(--p-color-danger) 30%,rgba(255, 255, 255, 0.00));
	--button-danger-color-hover: #FFFFFF;
	--button-danger-border-hover: 1px solid color-mix(in oklab,var(--p-color-danger) 70%,rgba(255, 255, 255, 0.00));

	/* Intent Danger — zurückhaltend */
	--button-danger-soft-bg: rgba(255, 77, 77, 0.12);
	--button-danger-soft-bg-hover: rgba(255, 77, 77, 0.20);
	--button-danger-soft-color: var(--badge-red-text);
	--button-danger-soft-brd: rgba(255, 77, 77, 0.35);
	--button-danger-soft-brd-hover: rgba(255, 77, 77, 0.60);
	--button-focus-ring: var(--p-color-primary);

	/* Button-Leiste */
	--buttonbar-bg: rgba(18, 26, 38, 0.92);
	--buttonbar-border: 1px solid var(--line-default);
}

/* ##########################################################################
   2  ANWENDUNGSRAHMEN
   ########################################################################## */

/* --------------------------------------------------------------------------
   2.1  Menü — Spaltenbreite folgt dem Aufklappzustand
   -------------------------------------------------------------------------- */

/* Menü explizit ZU (unabhängig von Breakpoint) */
#Container_Layout:has(
  #CONT_dropline_Container_Menu_Dropline .menuopenclose[aria-expanded="false"]
){
  grid-template-columns: 0px 1fr;
}

/* Menü explizit AUF */
#Container_Layout:has(
  #CONT_dropline_Container_Menu_Dropline .menuopenclose[aria-expanded="true"]
){
  grid-template-columns: 300px 1fr;
}

/* --------------------------------------------------------------------------
   2.2  Scrollbars — Light
   -------------------------------------------------------------------------- */

:root[data-theme="light"] {
  scrollbar-color: #B0B0B0 #F3F5F7; /* Firefox */
  scrollbar-width: thin;
}

/* Chrome / Edge / Safari */
:root[data-theme="light"] ::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

:root[data-theme="light"] ::-webkit-scrollbar-track {
  background: #F3F5F7;          /* p-color-light1 */
  border-radius: 10px;
}

:root[data-theme="light"] ::-webkit-scrollbar-thumb {
  background-color: #B0B0B0;    /* p-color-gray4 */
  border-radius: 10px;
  border: 2px solid #F3F5F7;    /* inset effect */
}

:root[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background-color: #1E466E;    /* primary */
}

/* --------------------------------------------------------------------------
   2.3  Scrollbars — Dark
   -------------------------------------------------------------------------- */

:root[data-theme="dark"] {
  scrollbar-color: #3A4350 #121A26; /* Firefox */
  scrollbar-width: thin;
}

/* WebKit (Chrome, Edge, Safari) */
:root[data-theme="dark"] ::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

:root[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #121A26;              /* Portlet / Table background */
  border-radius: 10px;
}

:root[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background-color: #3A4350;        /* neutral gray */
  border-radius: 10px;
  border: 2px solid #121A26;        /* „Inset“-Effekt */
}

:root[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background-color: #4C8FD9;        /* leichtes Primary-Highlight */
}


/* --------------------------------------------------------------------------
   2.4  Kopfzeile — Abgrenzung zum Inhalt

   --header-shadow war definiert, wurde aber nirgends angewendet; die
   Kopfzeile hatte weder Schatten noch Unterkante. Bei einem fixierten Header
   ist das nicht nur Optik: Ohne Kante scheint der Inhalt beim Scrollen
   unter einer Flaeche zu verschwinden, die selbst keine Grenze hat.

   Zwei Ebenen, wie bei den Kacheln: ein 1px-Saum fuer die Kante und ein
   weicher Verlauf fuer die Tiefe. Im Dark ist der Saum hell statt dunkel -
   auf dunklem Grund entsteht eine Kante durch Licht, nicht durch Schatten.
   -------------------------------------------------------------------------- */

#Container_Header
{
	box-shadow: var(--header-shadow);
}

/* --------------------------------------------------------------------------
   2.4  Menü-Icons — löst die icon54-Icons aus goffingen.css ab

   goffingen.css setzt das Icon je Menüpunkt per a[aria-label*="…"]::before
   als content: url(icon54) und färbt es mit filter weiß. Hier stattdessen:
     - maskierte data-URL, Farbe aus currentColor -> folgt Hover, Auswahl
       und Dark-Mode über --menu-item-color*, kein filter mehr
     - exakter Treffer auf aria-label="Menüpunkt <Name>" (das alte *= traf
       z. B. mit "HR" jedes Label, das "HR" enthält)
     - Menüpunkte ohne eigene Regel bekommen kein Icon (auch kein altes)
   Menüordner (Apps, Archiv, System) sind <span>, keine Links - bewusst ohne
   Icon; ebenso der Zwischenpunkt Extras (Link mit Unterpunkten).
   Neuer Menüpunkt: Regel mit --ix-menu-icon und --ix-menu-icon-on anfügen.
   Stand Menü: 05.10.2026, als Administrator (12 Hauptpunkte, Apps 26,
   Archiv 7, System 11 ohne Extras).
   -------------------------------------------------------------------------- */

/* Grundregel: altes Bild und Filter neutralisieren, Maske vorbereiten (STANDARD) */
#Container_Menu_Dropline a.link[aria-label^="Menüpunkt "]::before
{
	content: var(--ix-menu-icon-on, none);
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	vertical-align: -4px;
	background-color: currentColor;
	-webkit-mask: var(--ix-menu-icon) center / contain no-repeat;
	mask: var(--ix-menu-icon) center / contain no-repeat;
	filter: none;
}
/* Home - Haus (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Home"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9v11h14V9'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Zeiterfassung - Uhr (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Zeiterfassung"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.2 2'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Abwesenheiten - Kalender mit Kreuz (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Abwesenheiten"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3Cpath d='M9.5 13l5 5M14.5 13l-5 5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Platzbuchung - Sessel (Arbeitsplatz) (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Platzbuchung"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 11V8a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v3'/%3E%3Cpath d='M3 13a2 2 0 0 1 4 0v2h10v-2a2 2 0 0 1 4 0v5H3z'/%3E%3Cpath d='M5 18v2M19 18v2'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Projektakte - Ordner (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Projektakte"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6.5A1.5 1.5 0 0 1 4.5 5H9l2 2.5h8.5A1.5 1.5 0 0 1 21 9v9.5a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 18.5z'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* CRM - Visitenkarte (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt CRM"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10.8' r='2.2'/%3E%3Cpath d='M5 16.5c.6-1.6 2-2.4 3.5-2.4s2.9.8 3.5 2.4'/%3E%3Cpath d='M14.5 10h4.5M14.5 13.5h3.5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* HR - Personen (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt HR"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M17 14.2c2.6.3 4.5 2.4 4.5 5.3'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Dispositionsplanung - Plantafel mit Balken (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Dispositionsplanung"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3.5' width='18' height='17' rx='2'/%3E%3Cpath d='M7 8.5h6M10 12h7M7 15.5h5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Unternehmenshandbuch - Aufgeschlagenes Buch (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Unternehmenshandbuch"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5C10.3 5 7.8 4.5 3 4.5v14c4.8 0 7.3.5 9 2 1.7-1.5 4.2-2 9-2v-14c-4.8 0-7.3.5-9 2z'/%3E%3Cpath d='M12 6.5v14'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Software - Code-Klammern (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Software"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 7 3.5 12l5 5'/%3E%3Cpath d='M15.5 7l5 5-5 5'/%3E%3Cpath d='M13.5 4.5l-3 15'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* ISMS - Schild mit Haken (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt ISMS"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.5c0 4.5-3.2 8-7.5 9.5-4.3-1.5-7.5-5-7.5-9.5V6z'/%3E%3Cpath d='M8.8 12.2l2.2 2.3 4.3-4.6'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Management Cockpit - Tacho (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Management Cockpit"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 16a8.5 8.5 0 1 1 17 0'/%3E%3Cpath d='M12 16l3.8-4.8'/%3E%3Ccircle cx='12' cy='16' r='1.4' fill='black' stroke='none'/%3E%3Cpath d='M6.6 8.6l.9.9M12 5.5v1.3M17.4 8.6l-.9.9M3.5 19.5h17'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Ausschreibungen - Dokument mit Lupe (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Ausschreibungen"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 3H6.5A1.5 1.5 0 0 0 5 4.5v15A1.5 1.5 0 0 0 6.5 21H11'/%3E%3Cpath d='M13.5 3l5.5 5.5V11'/%3E%3Cpath d='M13.5 3v5.5H19'/%3E%3Ccircle cx='16' cy='16' r='3'/%3E%3Cpath d='M18.2 18.2 21 21'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Data Warehouse - Datenbank (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Data Warehouse"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5.5' rx='7.5' ry='2.5'/%3E%3Cpath d='M4.5 5.5v13c0 1.4 3.4 2.5 7.5 2.5s7.5-1.1 7.5-2.5v-13'/%3E%3Cpath d='M4.5 12c0 1.4 3.4 2.5 7.5 2.5s7.5-1.1 7.5-2.5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Feiertage/Schulferien - Sonnenschirm (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Feiertage/Schulferien"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4a8.5 8.5 0 0 1 8.5 8.5h-17A8.5 8.5 0 0 1 12 4z'/%3E%3Cpath d='M12 12.5v6.5a1.8 1.8 0 0 0 3.6 0'/%3E%3Cpath d='M12 4V2.8'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Gehaltsplanung - Münzstapel (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Gehaltsplanung"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='9' cy='6.5' rx='5.5' ry='2.5'/%3E%3Cpath d='M3.5 6.5v8c0 1.4 2.5 2.5 5.5 2.5'/%3E%3Cpath d='M3.5 10.5c0 1.4 2.5 2.5 5.5 2.5'/%3E%3Cellipse cx='15' cy='13.5' rx='5.5' ry='2.5'/%3E%3Cpath d='M9.5 13.5v5c0 1.4 2.5 2.5 5.5 2.5s5.5-1.1 5.5-2.5v-5'/%3E%3Cpath d='M9.5 16c0 1.4 2.5 2.5 5.5 2.5s5.5-1.1 5.5-2.5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Infrastrukturmanagement - Server (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Infrastrukturmanagement"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4' width='17' height='7' rx='1.5'/%3E%3Crect x='3.5' y='13' width='17' height='7' rx='1.5'/%3E%3Ccircle cx='7' cy='7.5' r='1' fill='black' stroke='none'/%3E%3Ccircle cx='7' cy='16.5' r='1' fill='black' stroke='none'/%3E%3Cpath d='M11 7.5h6M11 16.5h6'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Jahresplanung - Kalender mit Tagen (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Jahresplanung"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3Ccircle cx='7.5' cy='13.5' r='1' fill='black' stroke='none'/%3E%3Ccircle cx='12' cy='13.5' r='1' fill='black' stroke='none'/%3E%3Ccircle cx='16.5' cy='13.5' r='1' fill='black' stroke='none'/%3E%3Ccircle cx='7.5' cy='17' r='1' fill='black' stroke='none'/%3E%3Ccircle cx='12' cy='17' r='1' fill='black' stroke='none'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Kostenstellen - Etikett (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Kostenstellen"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4.5A1.5 1.5 0 0 1 4.5 3H12l9 9-9 9z'/%3E%3Ccircle cx='7.8' cy='7.8' r='1.4'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Opportunities - Zielscheibe (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Opportunities"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='black' stroke='none'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Projektfeedback - Sprechblase (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Projektfeedback"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A1.5 1.5 0 0 1 5.5 4h13A1.5 1.5 0 0 1 20 5.5v9a1.5 1.5 0 0 1-1.5 1.5H10l-4.5 4v-4A1.5 1.5 0 0 1 4 14.5z'/%3E%3Cpath d='M8 8.5h8M8 11.8h5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Rahmenverträge - Vertrag mit Unterschrift (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Rahmenverträge"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 3H6.5A1.5 1.5 0 0 0 5 4.5v15A1.5 1.5 0 0 0 6.5 21h11a1.5 1.5 0 0 0 1.5-1.5V8.5z'/%3E%3Cpath d='M13.5 3v5.5H19'/%3E%3Cpath d='M8 12h5'/%3E%3Cpath d='M8 17c1.2-1.6 2-1.6 2.6 0s1.5 1.2 2.4-.4 1.5-1 2 .4'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Salespipeline - Trichter (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Salespipeline"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 4.5h17l-6.5 8v6l-4 2v-8z'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* SMS - Person mit Stern (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt SMS"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='8' r='3.5'/%3E%3Cpath d='M3.5 20c0-3.6 2.9-6 6.5-6 1.2 0 2.3.3 3.2.8'/%3E%3Cpath d='M18 13l.9 1.9 2.1.3-1.5 1.4.4 2.1-1.9-1-1.9 1 .4-2.1-1.5-1.4 2.1-.3z'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Solutions - Puzzleteil (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Solutions"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.5a2 2 0 0 1 4 0V6h4a1 1 0 0 1 1 1v4h-1.5a2 2 0 0 0 0 4H18v4a1 1 0 0 1-1 1h-4v-1.5a2 2 0 0 0-4 0V20H5a1 1 0 0 1-1-1v-4h1.5a2 2 0 0 0 0-4H4V7a1 1 0 0 1 1-1h4z'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Trainings - Doktorhut (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Trainings"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 9.5 12 5l9.5 4.5L12 14z'/%3E%3Cpath d='M6.5 11.5V16c1.5 1.5 3.4 2.2 5.5 2.2s4-.7 5.5-2.2v-4.5'/%3E%3Cpath d='M21.5 9.5v5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Chat2App - Zwei Sprechblasen (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Chat2App"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.5A1.5 1.5 0 0 1 4.5 4h10A1.5 1.5 0 0 1 16 5.5v6a1.5 1.5 0 0 1-1.5 1.5H8l-3.5 3v-3A1.5 1.5 0 0 1 3 11.5z'/%3E%3Cpath d='M19 9h.5A1.5 1.5 0 0 1 21 10.5v6a1.5 1.5 0 0 1-1.5 1.5v3l-3.5-3h-5.5A1.5 1.5 0 0 1 9 16.5V16'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* DIT - Ebenen (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt DIT"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2.5 8 12 13l9.5-5z'/%3E%3Cpath d='M2.5 12.5 12 17.5l9.5-5'/%3E%3Cpath d='M2.5 16.5 12 21.5l9.5-5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Inventar - Paket (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Inventar"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 20.5 7.5v9L12 21.2 3.5 16.5v-9z'/%3E%3Cpath d='M3.5 7.5 12 12l8.5-4.5'/%3E%3Cpath d='M12 12v9.2'/%3E%3Cpath d='M7.8 5.2l8.5 4.6'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Mandanten - Gebäude (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Mandanten"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='11' height='18' rx='1'/%3E%3Cpath d='M15 9h4a1 1 0 0 1 1 1v11'/%3E%3Cpath d='M2.5 21h19'/%3E%3Cpath d='M7.5 7h4M7.5 10.5h4M7.5 14h4M9.5 21v-3'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Portaleinstellungen - Schieberegler (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Portaleinstellungen"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h9M17 7h3M4 17h3M11 17h9M4 12h3M11 12h9'/%3E%3Ccircle cx='15' cy='7' r='2'/%3E%3Ccircle cx='9' cy='17' r='2'/%3E%3Ccircle cx='9' cy='12' r='2'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Sharepoint - Vernetzte Knoten (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Sharepoint"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='6' r='2.5'/%3E%3Ccircle cx='18' cy='18' r='2.5'/%3E%3Cpath d='M8.2 10.8l7.6-3.6M8.2 13.2l7.6 3.6'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Unternehmensreferenzen - Auszeichnung (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Unternehmensreferenzen"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5.5'/%3E%3Cpath d='M8.5 13.3 7 21l5-2.5 5 2.5-1.5-7.7'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Regionen - Landkarte (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Regionen"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6.5 9 4l6 2.5L21 4v13.5L15 20l-6-2.5L3 20z'/%3E%3Cpath d='M9 4v13.5M15 6.5V20'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Projektzeiterfassung - Stoppuhr (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Projektzeiterfassung"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13.5' r='7.5'/%3E%3Cpath d='M12 13.5V9.5M10 2.5h4M12 2.5V6M18.5 6.5l1.5-1.5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Onlinehilfe - Fragezeichen (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Onlinehilfe"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9.3a2.6 2.6 0 0 1 5 .9c0 1.7-2.5 2.3-2.5 3.8'/%3E%3Ccircle cx='12' cy='17.2' r='1' fill='black' stroke='none'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Anträge - Klemmbrett mit Haken (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Anträge"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V3h6v1.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M8.8 13l2.2 2.2 4.2-4.4'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* ATLAS - Globus (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt ATLAS"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3c2.5 2.5 3.8 5.5 3.8 9s-1.3 6.5-3.8 9c-2.5-2.5-3.8-5.5-3.8-9S9.5 5.5 12 3z'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Tipps & Tricks - Baum - Glühbirne (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Tipps & Tricks - Baum"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17.5h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.6 10.8c.4.3.6.8.6 1.3v2.4h6v-2.4c0-.5.2-1 .6-1.3A6 6 0 0 0 12 3z'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Projektcontrolling - Balkendiagramm (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Projektcontrolling"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 20.5h17'/%3E%3Cpath d='M6.5 20.5v-6M11 20.5V9M15.5 20.5v-8M20 20.5V5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Forecast - Steigende Kurve (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Forecast"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 20.5h17M3.5 3.5v17'/%3E%3Cpath d='M7 15.5l4-4 3 3 6-6.5'/%3E%3Cpath d='M16 8h4v4'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* DIPO (Archiv) - Plantafel mit Balken (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt DIPO (Archiv)"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3.5' width='18' height='17' rx='2'/%3E%3Cpath d='M7 8.5h6M10 12h7M7 15.5h5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Dispo (Archiv) - Kalender mit Uhr (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Dispo (Archiv)"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='14' height='14' rx='2'/%3E%3Cpath d='M3 9.5h14M7 2.5v4M13 2.5v4'/%3E%3Ccircle cx='17.5' cy='17.5' r='4'/%3E%3Cpath d='M17.5 15.8v1.9l1.2.8'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* WM 2026 - Fußball (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt WM 2026"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5l3.6 2.6-1.4 4.2H9.8l-1.4-4.2z'/%3E%3Cpath d='M12 7.5V3.2M15.6 10.1l4-1.4M14.2 14.3l2.4 3.5M9.8 14.3l-2.4 3.5M8.4 10.1l-4-1.4'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Zeiterfassung (Alt) - Uhr mit Rückwärtspfeil (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Zeiterfassung (Alt)"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12a8.5 8.5 0 1 0 2.5-6'/%3E%3Cpath d='M3.5 3.5V8H8'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Filewalker - Ordnerbaum (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Filewalker"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3.5' width='7' height='5' rx='1'/%3E%3Crect x='14' y='9.5' width='7' height='5' rx='1'/%3E%3Crect x='14' y='16' width='7' height='5' rx='1'/%3E%3Cpath d='M6.5 8.5v10h7.5M6.5 12h7.5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Kataloge - Liste (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Kataloge"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3Ccircle cx='4.5' cy='6' r='1.2' fill='black' stroke='none'/%3E%3Ccircle cx='4.5' cy='12' r='1.2' fill='black' stroke='none'/%3E%3Ccircle cx='4.5' cy='18' r='1.2' fill='black' stroke='none'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Systemkataloge - Liste mit Zahnrad (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Systemkataloge"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6h11M3.5 11h8M3.5 16h5'/%3E%3Ccircle cx='17' cy='16.5' r='2.3'/%3E%3Cpath d='M17 12.2v1.3M17 19.5v1.3M21.3 16.5H20M14 16.5h-1.3M20 13.5l-.9.9M14.9 18.6l-.9.9M20 19.5l-.9-.9M14.9 14.4l-.9-.9'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Benutzer - Person (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Benutzer"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20.5c0-4 3.6-6.5 8-6.5s8 2.5 8 6.5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Sicherheitsrichtlinien - Schloss (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Sicherheitsrichtlinien"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3Cpath d='M12 14.5v2.5'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Persönlicher Kalender - Kalender mit Person (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Persönlicher Kalender"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3Ccircle cx='12' cy='13.3' r='1.8'/%3E%3Cpath d='M8.8 18.3c.7-1.3 1.8-1.9 3.2-1.9s2.5.6 3.2 1.9'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Statistik - Tortendiagramm (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Statistik"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9h-9z'/%3E%3Cpath d='M15 2.5A6.5 6.5 0 0 1 21.5 9H15z'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Datentransfer - Pfeile hoch und runter (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Datentransfer"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 20V4M3.5 8l4-4 4 4'/%3E%3Cpath d='M16.5 4v16M12.5 16l4 4 4-4'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Suche - Lupe (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Suche"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Kalender - Kalender (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Kalender"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3Cpath d='M7.5 13.5h3M7.5 17h3M13.5 13.5h3'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}
/* Login - Anmeldung (STANDARD) */
#Container_Menu_Dropline a.link[aria-label="Menüpunkt Login"]
{
	--ix-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3.5h4.5A1.5 1.5 0 0 1 20 5v14a1.5 1.5 0 0 1-1.5 1.5H14'/%3E%3Cpath d='M4 12h11M11 8l4 4-4 4'/%3E%3C/svg%3E");
	--ix-menu-icon-on: "";
}

/* ##########################################################################
   3  BADGES
   ########################################################################## */

/* --------------------------------------------------------------------------
   3.1  Grundgerüst — Zelle, Basisform, Icon-Slot, Leerwert
   -------------------------------------------------------------------------- */

/* Zelle (STANDARD) */
td.ix-badge.ix-badge.ix-badge
{
	white-space: nowrap;
}
/* Grundfarbe für jedes Badge ohne eigene Regel (STANDARD)

   :where() hat die Spezifität 0 — jede Wertregel aus 3.3–3.10 schlägt
   diese Zuweisung. Übrig bleibt alles, wofür es (noch) keine Regel gibt:
   Künftige Werte erscheinen dadurch grau statt als nackter
   Text. Leere Werte bleiben unsichtbar, dafür sorgt die Null-Regel weiter
   unten. */
:where(td.ix-badge, .ix-badge:not(td))
{
	--badge-bg: var(--badge-gray-bg);
	--badge-brd: var(--badge-gray-brd);
	--badge-text: var(--badge-gray-text);
}
/* Badge Basis (soft) (STANDARD) */
td.ix-badge.ix-badge.ix-badge > :is(span, a),
.ix-badge.ix-badge.ix-badge:not(td)
{
	display: inline-flex;
	align-items: center;
	gap: 0.42em;
	padding: 0.22em 0.75em 0.22em 0.6em;
	border: 1px solid var(--badge-brd, var(--badge-gray-brd));
	border-radius: 999px;
	font-size: 0.875em;
	line-height: 1.5;
	font-weight: 500;
	white-space: nowrap;
	vertical-align: middle;
	color: var(--badge-text);
	background-color: var(--badge-bg);
}
/* before (STANDARD) */
td.ix-badge.ix-badge.ix-badge > :is(span, a)::before,
.ix-badge.ix-badge.ix-badge:not(td)::before
{
	content: var(--ix-icon-on, none);
	flex: 0 0 auto;
	width: 1.05em;
	height: 1.05em;
	background-color: currentColor;
	-webkit-mask: var(--ix-icon) center / contain no-repeat;
	mask: var(--ix-icon) center / contain no-repeat;
}
/* Null (STANDARD) */
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty),
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)
{
	display: inline;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font-size: inherit;
}
/* Before (STANDARD) */
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before,
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before
{
	content: none;
}
/* Link (STANDARD) */
td.ix-badge.ix-badge.ix-badge > a
{
	text-decoration: none;
}
/* Hover (STANDARD) */
td.ix-badge.ix-badge.ix-badge > a:hover
{
	filter: brightness(0.96);
}

/* --------------------------------------------------------------------------
   3.2  Varianten — iconly, sm, outline, solid, text
   -------------------------------------------------------------------------- */

/* Iconly (STANDARD)

   Fester Kreis statt Breite aus dem Inhalt. font-size 0 allein reicht
   nicht: Safari gibt dem ausgeblendeten Text trotzdem eine Restbreite,
   lange Werte ("Höchstarbeitszeit überschritten") zogen die Plakette dort
   in die Länge; Chrome rechnet mit 0. Gleiches gilt für Text in einem
   Kindelement mit eigener Schriftgroesse.

   Deshalb: Breite fest auf die Icongröße, Überlauf abgeschnitten. Das Icon
   steht als erstes Flex-Item am Anfang und füllt die Inhaltsbreite genau
   aus - damit sitzt es mittig, und ein Textrest läuft nach rechts hinaus.
   Bewusst KEIN justify-content: center - bei Überlauf verteilt das den
   Rest nach beiden Seiten und schiebt das Icon aus der Mitte. */
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a),
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)
{
	font-size: 0;
	line-height: 0;
	padding: 0.28rem;
	gap: 0;
	box-sizing: content-box;
	width: 1.05rem;
	height: 1.05rem;
	justify-content: flex-start;
	overflow: hidden;
}
/* Kindelemente (STANDARD) */
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a) > *,
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td) > *
{
	display: none;
}
/* before (STANDARD) */
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a)::before,
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)::before
{
	width: 1.05rem;
	height: 1.05rem;
}
/* SM (STANDARD) */
td.ix-badge--sm.ix-badge--sm.ix-badge--sm > :is(span, a),
.ix-badge--sm.ix-badge--sm.ix-badge--sm:not(td)
{
	font-size: 0.8em;
	padding: 0.1em 0.6em 0.1em 0.45em;
	gap: 0.35em;
}
/* Outline (STANDARD) */
td.ix-badge--outline.ix-badge--outline.ix-badge--outline > :is(span, a),
.ix-badge--outline.ix-badge--outline.ix-badge--outline:not(td)
{
	background-color: transparent;
	border-color: currentColor;
}
/* Solid (STANDARD) */
td.ix-badge--solid.ix-badge--solid.ix-badge--solid > :is(span, a),
.ix-badge--solid.ix-badge--solid.ix-badge--solid:not(td)
{
	color: var(--text-color-inverse);
	background-color: var(--ix-text, var(--badge-text));
	border-color: var(--ix-text, var(--badge-text));
}

/* Text (STANDARD)

   Ohne Pille: kein Hintergrund, kein Rahmen, kein Innenabstand - nur Symbol
   und Text. Fuer Spalten, die eine Zuordnung zeigen (Geschaeftsstelle,
   Funktion) und neben echten Status-Badges nicht mitschreien sollen.
   Der Text steht in der normalen Schriftfarbe und -groesse der Tabelle;
   nur das Symbol traegt die Farbe der Wertregel. Zusaetzlich zu ix-badge
   vergeben, die Wertregeln aus 3.3-3.14 greifen unveraendert. */
td.ix-badge--text.ix-badge--text.ix-badge--text > :is(span, a),
.ix-badge--text.ix-badge--text.ix-badge--text:not(td)
{
	padding: 0;
	border-color: transparent;
	background-color: transparent;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}
/* before (STANDARD) */
td.ix-badge--text.ix-badge--text.ix-badge--text > :is(span, a)::before,
.ix-badge--text.ix-badge--text.ix-badge--text:not(td)::before
{
	background-color: var(--badge-text);
}

/* --------------------------------------------------------------------------
   3.3  Statuswerte — Zeiterfassung / Überstunden
   -------------------------------------------------------------------------- */

/* Beantragt (STANDARD) */
.ix-ze-ueberstunden-beantragt,
:where(.ix-badge, .badge)[data-ix-badge="Beantragt" i],
:where(.ix-badge, .badge) [data-ix-badge="Beantragt" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: var(--ix-icon-sanduhr);
	--ix-icon-on: "";
}
/* Im Prüfbestand (STANDARD) */
.ix-ze-ueberstunden-pruefbestand,
:where(.ix-badge, .badge)[data-ix-badge="Im Prüfbestand" i],
:where(.ix-badge, .badge) [data-ix-badge="Im Prüfbestand" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: var(--ix-icon-eye);
	--ix-icon-on: "";
}
/* Genehmigt (STANDARD) */
.ix-ze-ueberstunden-genehmigt,
:where(.ix-badge, .badge)[data-ix-badge="Genehmigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Genehmigt" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: var(--ix-icon-haken);
	--ix-icon-on: "";
}
/* Abgelehnt (STANDARD) */
.ix-ze-ueberstunden-abgelehnt,
:where(.ix-badge, .badge)[data-ix-badge="Abgelehnt" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgelehnt" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: var(--ix-icon-kreuz);
	--ix-icon-on: "";
}
/* Offen (STANDARD) */
.ix-ze-ueberstunden-offen,
:where(.ix-badge, .badge)[data-ix-badge="Offen" i],
:where(.ix-badge, .badge) [data-ix-badge="Offen" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: var(--ix-icon-leerer-kreis);
	--ix-icon-on: "";
}
/* Abgeschlossen (STANDARD) */
.ix-ze-abgeschlossen,
:where(.ix-badge, .badge)[data-ix-badge="Abgeschlossen" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgeschlossen" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: var(--ix-icon-schloss);
	--ix-icon-on: "";
}

/* Tagesstatus (ZE_KAT_STATUS, STR_BEREICH = 'Tag')

   Jede Regel greift auf den Kurztext (STR_STATUS) und die Beschreibung
   (STR_BESCHREIBUNG) - je nachdem, welche Spalte eine Tabelle zeigt.
   Wird ein Text im Katalog
   korrigiert, hier mitziehen - oder die Klasse ix-ze-tag-* vergeben.
   "offen" deckt bereits die Regel Offen oben ab.

   Farblogik:
       Rot     Eingabefehler - muss korrigiert werden
       Orange  Verstoss gegen Arbeitszeitregeln (Pause, Ruhezeit, Hoechstzeit)
       Gelb    Soll nicht erreicht
       Teal    Mehr als Soll
       Gruen   Soll erfuellt
       Lila    Abwesenheit
       Grau    kein Soll / noch nicht begonnen */

/* Tag noch nicht begonnen (STANDARD) */
.ix-ze-tag-offen,
:where(.ix-badge, .badge)[data-ix-badge="Tag noch nicht begonnen" i],
:where(.ix-badge, .badge) [data-ix-badge="Tag noch nicht begonnen" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: var(--ix-icon-leerer-kreis);
	--ix-icon-on: "";
}
/* Kein Soll (STANDARD) */
.ix-ze-tag-leer,
:where(.ix-badge, .badge)[data-ix-badge="Leer" i],
:where(.ix-badge, .badge) [data-ix-badge="Leer" i],
:where(.ix-badge, .badge)[data-ix-badge="kein Soll" i],
:where(.ix-badge, .badge) [data-ix-badge="kein Soll" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9' stroke-dasharray='3 2.6'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Soll erfüllt (STANDARD) */
.ix-ze-tag-erfuellt,
:where(.ix-badge, .badge)[data-ix-badge="erfüllt" i],
:where(.ix-badge, .badge) [data-ix-badge="erfüllt" i],
:where(.ix-badge, .badge)[data-ix-badge="Soll erfüllt" i],
:where(.ix-badge, .badge) [data-ix-badge="Soll erfüllt" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.3l2.6 2.7L16 9.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Soll nicht erreicht (STANDARD) */
.ix-ze-tag-unterdeckung,
:where(.ix-badge, .badge)[data-ix-badge="Unterdeckung" i],
:where(.ix-badge, .badge) [data-ix-badge="Unterdeckung" i],
:where(.ix-badge, .badge)[data-ix-badge="Soll nicht erreicht" i],
:where(.ix-badge, .badge) [data-ix-badge="Soll nicht erreicht" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v9'/%3E%3Cpath d='M8.5 13l3.5 3.5 3.5-3.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Mehr als Soll (STANDARD) */
.ix-ze-tag-ueberdeckung,
:where(.ix-badge, .badge)[data-ix-badge="Überdeckung" i],
:where(.ix-badge, .badge) [data-ix-badge="Überdeckung" i],
:where(.ix-badge, .badge)[data-ix-badge="Mehr als Soll" i],
:where(.ix-badge, .badge) [data-ix-badge="Mehr als Soll" i]
{
	--badge-bg: var(--badge-teal-bg);
	--badge-text: var(--badge-teal-text);
	--badge-brd: var(--badge-teal-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 16.5v-9'/%3E%3Cpath d='M8.5 11l3.5-3.5 3.5 3.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Abwesenheit (STANDARD) */
.ix-ze-tag-abwesenheit,
:where(.ix-badge, .badge)[data-ix-badge="Abwesenheit" i],
:where(.ix-badge, .badge) [data-ix-badge="Abwesenheit" i],
:where(.ix-badge, .badge)[data-ix-badge="Urlaub / Krank etc." i],
:where(.ix-badge, .badge) [data-ix-badge="Urlaub / Krank etc." i]
{
	--badge-bg: var(--badge-purple-bg);
	--badge-text: var(--badge-purple-text);
	--badge-brd: var(--badge-purple-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M3.5 10h17'/%3E%3Cpath d='M8 3v4M16 3v4'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Ist-Pause < Soll-Pause (STANDARD) */
.ix-ze-tag-pause,
:where(.ix-badge, .badge)[data-ix-badge="Pausenzeit nicht eingehalten" i],
:where(.ix-badge, .badge) [data-ix-badge="Pausenzeit nicht eingehalten" i],
:where(.ix-badge, .badge)[data-ix-badge="Ist-Pause < Soll-Pause" i],
:where(.ix-badge, .badge) [data-ix-badge="Ist-Pause < Soll-Pause" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h12v5a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5Z'/%3E%3Cpath d='M16 11h1.5a2.5 2.5 0 0 1 0 5H16'/%3E%3Cpath d='M8 3v3M12 3v3'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Mehr als 6h ohne Pause (STANDARD) */
.ix-ze-tag-arbeitsblock,
:where(.ix-badge, .badge)[data-ix-badge="Arbeitsblock > 6h ohne Pause" i],
:where(.ix-badge, .badge) [data-ix-badge="Arbeitsblock > 6h ohne Pause" i],
:where(.ix-badge, .badge)[data-ix-badge="Mehr als 6h ununterbrochene Arbeit ohne gültige Pause (≥15 Min)" i],
:where(.ix-badge, .badge) [data-ix-badge="Mehr als 6h ununterbrochene Arbeit ohne gültige Pause (≥15 Min)" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2.5 1.5'/%3E%3Cpath d='M10 2.5h4'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Ruhezeit nicht eingehalten (STANDARD) */
.ix-ze-tag-ruhezeit,
:where(.ix-badge, .badge)[data-ix-badge="Ruhezeit nicht eingehalten" i],
:where(.ix-badge, .badge) [data-ix-badge="Ruhezeit nicht eingehalten" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5Z'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Tägliche Arbeitszeit > 10 Stunden (STANDARD) */
.ix-ze-tag-hoechstarbeitszeit,
:where(.ix-badge, .badge)[data-ix-badge="Höchstarbeitszeit überschritten" i],
:where(.ix-badge, .badge) [data-ix-badge="Höchstarbeitszeit überschritten" i],
:where(.ix-badge, .badge)[data-ix-badge="Tägliche Arbeitszeit > 10 Stunden" i],
:where(.ix-badge, .badge) [data-ix-badge="Tägliche Arbeitszeit > 10 Stunden" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11A8.5 8.5 0 1 0 12 20.5'/%3E%3Cpath d='M12 7.5V12l3 1.8'/%3E%3Cpath d='M19 15v3'/%3E%3Cpath d='M19 21h.01'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Eingabefehler: Überschneidung (STANDARD) */
.ix-ze-tag-ueberschneidung,
:where(.ix-badge, .badge)[data-ix-badge="Überschneidung" i],
:where(.ix-badge, .badge) [data-ix-badge="Überschneidung" i],
:where(.ix-badge, .badge)[data-ix-badge="Eingabefehler: Überschneidung in den Uhrzeiten erkannt" i],
:where(.ix-badge, .badge) [data-ix-badge="Eingabefehler: Überschneidung in den Uhrzeiten erkannt" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='12' height='12' rx='2'/%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Eingabefehler: Urlaubstag (STANDARD) */
.ix-ze-tag-urlaubstag,
:where(.ix-badge, .badge)[data-ix-badge="Fehler: Berechnung Urlaubstag" i],
:where(.ix-badge, .badge) [data-ix-badge="Fehler: Berechnung Urlaubstag" i],
:where(.ix-badge, .badge)[data-ix-badge="Eingabefehler: Berechnung des Urlaubstags übersteigt Tagessoll" i],
:where(.ix-badge, .badge) [data-ix-badge="Eingabefehler: Berechnung des Urlaubstags übersteigt Tagessoll" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4'/%3E%3Cpath d='M12 10.5v4'/%3E%3Cpath d='M12 17.5h.01'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Fehler: Wochenarbeitszeit Werkstudent:in (STANDARD) */
.ix-ze-tag-wochenarbeitszeit,
:where(.ix-badge, .badge)[data-ix-badge="Fehler: Obergrenze Wochenarbeitszeit überschritten" i],
:where(.ix-badge, .badge) [data-ix-badge="Fehler: Obergrenze Wochenarbeitszeit überschritten" i],
:where(.ix-badge, .badge)[data-ix-badge="Die Obergrenze der Wochenarbeitszeit für Werkstudent:in wurde überschritten!" i],
:where(.ix-badge, .badge) [data-ix-badge="Die Obergrenze der Wochenarbeitszeit für Werkstudent:in wurde überschritten!" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 17a8.5 8.5 0 1 1 17 0'/%3E%3Cpath d='M12 17l4-5'/%3E%3Cpath d='M3.5 17h17'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}

/* --------------------------------------------------------------------------
   3.4  Statuswerte — Priorität
   -------------------------------------------------------------------------- */

/* Prio Hoch (STANDARD) */
.ix-prio-hoch,
:where(.ix-badge, .badge)[data-ix-badge="hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="hoch" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 15.5l6.5-6.5 6.5 6.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Prio Niedrig (STANDARD) */
.ix-prio-niedrig,
:where(.ix-badge, .badge)[data-ix-badge="niedrig" i],
:where(.ix-badge, .badge) [data-ix-badge="niedrig" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 9.5l6.5 6.5 6.5-6.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Prio Normal (STANDARD) */
.ix-prio-normal,
:where(.ix-badge, .badge)[data-ix-badge="normal" i],
:where(.ix-badge, .badge) [data-ix-badge="normal" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 9.5h13M5.5 14.5h13'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Prio Sehr Hoch (STANDARD) */
.ix-prio-sehr-hoch,
:where(.ix-badge, .badge)[data-ix-badge="sehr hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="sehr hoch" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l6.5-6.5 6.5 6.5'/%3E%3Cpath d='M5.5 18.5l6.5-6.5 6.5 6.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}

/* --------------------------------------------------------------------------
   3.5  Statuswerte — Zustand
   -------------------------------------------------------------------------- */

/* Inaktiv (STANDARD) */
.ix-inaktiv,
:where(.ix-badge, .badge)[data-ix-badge="inaktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="inaktiv" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9' stroke-dasharray='3 2.6'/%3E%3Cpath d='M8.5 12h7'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Standby (STANDARD) */
.ix-standby,
:where(.ix-badge, .badge)[data-ix-badge="standby" i],
:where(.ix-badge, .badge) [data-ix-badge="standby" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10.2 9v6M13.8 9v6'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Aktiv (STANDARD) */
.ix-aktiv,
:where(.ix-badge, .badge)[data-ix-badge="aktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="aktiv" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4' fill='black' stroke='none'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}

/* --------------------------------------------------------------------------
   3.6  Statuswerte — Aufgaben
   -------------------------------------------------------------------------- */

/* Abgebrochen (STANDARD) */
.ix-abgebrochen,
:where(.ix-badge, .badge)[data-ix-badge="Abgebrochen" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgebrochen" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Erledigt (STANDARD) */
.ix-erledigt,
:where(.ix-badge, .badge)[data-ix-badge="Erledigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Erledigt" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.3l2.6 2.7L16 9.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* In Arbeit (STANDARD) */
.ix-arbeit,
:where(.ix-badge, .badge)[data-ix-badge="in Arbeit" i],
:where(.ix-badge, .badge) [data-ix-badge="in Arbeit" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10.5 8.5l5.5 3.5-5.5 3.5z' fill='black'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Planung (STANDARD) */
.ix-planung,
:where(.ix-badge, .badge)[data-ix-badge="in Planung" i],
:where(.ix-badge, .badge) [data-ix-badge="in Planung" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}

/* --------------------------------------------------------------------------
   3.7  Statuswerte — Auftragspipeline (Sales / Auftrag)
   -------------------------------------------------------------------------- */

/* Phasen — die beiden Abschnitte der Pipeline selbst, nicht deren Statuswerte.
   Bewusst in Farben, die kein Statuswert belegt (Indigo, Slate): Phase und
   Status stehen oft nebeneinander in derselben Zeile und dürfen dann nicht
   wie zwei Angaben desselben Typs wirken. */

/* Sales (STANDARD) */
.ix-phase-sales,
:where(.ix-badge, .badge)[data-ix-badge="Sales" i],
:where(.ix-badge, .badge) [data-ix-badge="Sales" i]
{
	--badge-bg: var(--badge-indigo-bg);
	--badge-text: var(--badge-indigo-text);
	--badge-brd: var(--badge-indigo-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 7-7'/%3E%3Cpath d='M14 8h7v7'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Auftrag (STANDARD) */
.ix-phase-auftrag,
:where(.ix-badge, .badge)[data-ix-badge="Auftrag" i],
:where(.ix-badge, .badge) [data-ix-badge="Auftrag" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7.5' width='18' height='12' rx='2'/%3E%3Cpath d='M8.5 7.5V6a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v1.5'/%3E%3Cpath d='M3 12.5h18'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}

/* <UserStyle> (STANDARD) */
.ix-status,
:where(.ix-badge, .badge)[data-ix-badge="Auftrag beendet" i],
:where(.ix-badge, .badge) [data-ix-badge="Auftrag beendet" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Verloren (STANDARD) */
.ix-auftrag-verloren,
:where(.ix-badge, .badge)[data-ix-badge="Verloren" i],
:where(.ix-badge, .badge) [data-ix-badge="Verloren" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m9 9 6 6M15 9l-6 6'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Lead (STANDARD) */
.ix-auftrag-lead,
:where(.ix-badge, .badge)[data-ix-badge="Lead" i],
:where(.ix-badge, .badge) [data-ix-badge="Lead" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18l-7 8v6l-4 2v-8Z'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Solutionvertrieb (STANDARD) */
.ix-auftrag-solution,
:where(.ix-badge, .badge)[data-ix-badge="Solutionvertrieb" i],
:where(.ix-badge, .badge) [data-ix-badge="Solutionvertrieb" i]
{
	--badge-bg: var(--badge-purple-bg);
	--badge-text: var(--badge-purple-text);
	--badge-brd: var(--badge-purple-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a6 6 0 0 0-4 10.5c.6.6 1 1.4 1 2.2V17h6v-1.3c0-.8.4-1.6 1-2.2A6 6 0 0 0 12 3Z'/%3E%3Cpath d='M9.5 20h5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Qualifiziert (STANDARD) */
.ix-auftrag-qualifiziert,
:where(.ix-badge, .badge)[data-ix-badge="Qualifiziert" i],
:where(.ix-badge, .badge) [data-ix-badge="Qualifiziert" i]
{
	--badge-bg: var(--badge-teal-bg);
	--badge-text: var(--badge-teal-text);
	--badge-brd: var(--badge-teal-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 20v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8' cy='7' r='4'/%3E%3Cpath d='m16 11 2 2 4-4'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Angebot abgegeben (STANDARD) */
.ix-auftrag-angebot,
:where(.ix-badge, .badge)[data-ix-badge="Angebot abgegeben" i],
:where(.ix-badge, .badge) [data-ix-badge="Angebot abgegeben" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3 3 10.5l7 3 3 7L21 3Z'/%3E%3Cpath d='m10 13.5 4.5-4.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* in Verhandlung (STANDARD) */
.ix-auftrag-verhandlung,
:where(.ix-badge, .badge)[data-ix-badge="in Verhandlung" i],
:where(.ix-badge, .badge) [data-ix-badge="in Verhandlung" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8 8 0 0 1-11.6 7.1L3 21l2.4-6.4A8 8 0 1 1 21 11.5Z'/%3E%3Cpath d='M8.5 11.5h.01M12 11.5h.01M15.5 11.5h.01'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Auftrag erteilt (STANDARD) */
.ix-auftrag-erteilt,
:where(.ix-badge, .badge)[data-ix-badge="Auftrag erteilt" i],
:where(.ix-badge, .badge) [data-ix-badge="Auftrag erteilt" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='m9 14.5 2 2 4-4'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Auftrag beendet — Zusatzklasse zum vorhandenen UserStyle (STANDARD) */
.ix-auftrag-beendet
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}

/* --------------------------------------------------------------------------
   3.8  Organisationseinheiten

   Drei Achsen:
     Farbe   = Thema. Business Center und Market Center zum selben Thema
               teilen die Farbe; die BC-Farben entsprechen den [data-bc]-
               Regeln im Portal-Stylesheet.
                   Blau    Staat und Verwaltung   BC-DSV, MC-OEV
                   Gruen   Gesundheitswesen       BC-GEW, MC-GEW
                   Lila    Low Code               BC-LOC, MC-LOC
                   Orange  Fachpol. Beratung      BC-FBE
     Symbol  = Art der Einheit
                   Koffer      Business Center
                   Ladenfront  Market Center
                   Ebenen      Dachbereich (Business Services, Market
                               Services, Corporate Services)
                   Gebaeude / Fachsymbol  Corporate Center
     Dach    = eigene, ruhige Farbe - dieselbe wie in den Funktionen (3.14)
                   Teal    Business Services (BS)  - Dach der BC-*
                   Indigo  Market Services (MS)    - Dach der MC-*
                   Slate   Corporate Services (CO) und alle CO-*
                   Gelb    Geschaeftsfuehrung (CO-GF) - einzige Einheit in
                           Gelb, damit sie sich von Low Code (Lila) abhebt

   Greift auf Kuerzel und Langname. Fuer die Business Center zusaetzlich auf
   Teile des Langnamens, weil er in den Masken unterschiedlich abgekuerzt
   wird. Diese Teile treffen auch das gleichnamige Market Center - die
   MC-Regeln stehen deshalb danach und setzen dort das eigene Symbol (gleiche
   Spezifitaet, die spaetere Regel gewinnt; die Farbe ist ohnehin dieselbe).
   Neue Einheit: hier ergaenzen, sonst erscheint sie grau ohne Symbol.
   -------------------------------------------------------------------------- */

/* BC-DSV - Digitaler Staat und Verwaltung (STANDARD) */
.ix-bc-dsv,
:where(.ix-badge, .badge)[data-ix-badge="BC-DSV" i],
:where(.ix-badge, .badge) [data-ix-badge="BC-DSV" i],
:where(.ix-badge, .badge)[data-ix-badge="Business Center Digitaler Staat und Verwaltung" i],
:where(.ix-badge, .badge) [data-ix-badge="Business Center Digitaler Staat und Verwaltung" i],
:where(.ix-badge, .badge)[data-ix-badge*="Digitaler Staat" i],
:where(.ix-badge, .badge) [data-ix-badge*="Digitaler Staat" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: var(--ix-icon-koffer);
	--ix-icon-on: "";
}

/* BC-GEW - Gesundheitswesen (STANDARD) */
.ix-bc-gew,
:where(.ix-badge, .badge)[data-ix-badge="BC-GEW" i],
:where(.ix-badge, .badge) [data-ix-badge="BC-GEW" i],
:where(.ix-badge, .badge)[data-ix-badge="Business Center Gesundheitswesen" i],
:where(.ix-badge, .badge) [data-ix-badge="Business Center Gesundheitswesen" i],
:where(.ix-badge, .badge)[data-ix-badge*="Gesundheit" i],
:where(.ix-badge, .badge) [data-ix-badge*="Gesundheit" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: var(--ix-icon-koffer);
	--ix-icon-on: "";
}

/* BC-LOC - Low Code (STANDARD) */
.ix-bc-loc,
:where(.ix-badge, .badge)[data-ix-badge="BC-LOC" i],
:where(.ix-badge, .badge) [data-ix-badge="BC-LOC" i],
:where(.ix-badge, .badge)[data-ix-badge="Business Center Low Code" i],
:where(.ix-badge, .badge) [data-ix-badge="Business Center Low Code" i],
:where(.ix-badge, .badge)[data-ix-badge*="Low Code" i],
:where(.ix-badge, .badge) [data-ix-badge*="Low Code" i]
{
	--badge-bg: var(--badge-purple-bg);
	--badge-text: var(--badge-purple-text);
	--badge-brd: var(--badge-purple-brd);
	--ix-icon: var(--ix-icon-koffer);
	--ix-icon-on: "";
}

/* BC-FBE - Fachpolitische Beratung und Evaluation (STANDARD) */
.ix-bc-fbe,
:where(.ix-badge, .badge)[data-ix-badge="BC-FBE" i],
:where(.ix-badge, .badge) [data-ix-badge="BC-FBE" i],
:where(.ix-badge, .badge)[data-ix-badge="Business Center Fachpolitische Beratung und Evaluation" i],
:where(.ix-badge, .badge) [data-ix-badge="Business Center Fachpolitische Beratung und Evaluation" i],
:where(.ix-badge, .badge)[data-ix-badge*="Fachpolitische Beratung" i],
:where(.ix-badge, .badge) [data-ix-badge*="Fachpolitische Beratung" i],
:where(.ix-badge, .badge)[data-ix-badge*="Evaluation" i],
:where(.ix-badge, .badge) [data-ix-badge*="Evaluation" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: var(--ix-icon-koffer);
	--ix-icon-on: "";
}

/* MC-OEV - Oeffentliche Verwaltung (STANDARD) */
.ix-mc-oev,
:where(.ix-badge, .badge)[data-ix-badge="MC-OEV" i],
:where(.ix-badge, .badge) [data-ix-badge="MC-OEV" i],
:where(.ix-badge, .badge)[data-ix-badge="Market Center Öffentliche Verwaltung" i],
:where(.ix-badge, .badge) [data-ix-badge="Market Center Öffentliche Verwaltung" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: var(--ix-icon-markt);
	--ix-icon-on: "";
}

/* MC-GEW - Gesundheitswesen (STANDARD) */
.ix-mc-gew,
:where(.ix-badge, .badge)[data-ix-badge="MC-GEW" i],
:where(.ix-badge, .badge) [data-ix-badge="MC-GEW" i],
:where(.ix-badge, .badge)[data-ix-badge="Market Center Gesundheitswesen" i],
:where(.ix-badge, .badge) [data-ix-badge="Market Center Gesundheitswesen" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: var(--ix-icon-markt);
	--ix-icon-on: "";
}

/* MC-LOC - Low Code (STANDARD) */
.ix-mc-loc,
:where(.ix-badge, .badge)[data-ix-badge="MC-LOC" i],
:where(.ix-badge, .badge) [data-ix-badge="MC-LOC" i],
:where(.ix-badge, .badge)[data-ix-badge="Market Center Low Code" i],
:where(.ix-badge, .badge) [data-ix-badge="Market Center Low Code" i]
{
	--badge-bg: var(--badge-purple-bg);
	--badge-text: var(--badge-purple-text);
	--badge-brd: var(--badge-purple-brd);
	--ix-icon: var(--ix-icon-markt);
	--ix-icon-on: "";
}

/* BS - Business Services (STANDARD) */
.ix-org-bs,
:where(.ix-badge, .badge)[data-ix-badge="BS" i],
:where(.ix-badge, .badge) [data-ix-badge="BS" i],
:where(.ix-badge, .badge)[data-ix-badge="Business Services" i],
:where(.ix-badge, .badge) [data-ix-badge="Business Services" i]
{
	--badge-bg: var(--badge-teal-bg);
	--badge-text: var(--badge-teal-text);
	--badge-brd: var(--badge-teal-brd);
	--ix-icon: var(--ix-icon-ebenen);
	--ix-icon-on: "";
}

/* MS - Market Services (STANDARD) */
.ix-org-ms,
:where(.ix-badge, .badge)[data-ix-badge="MS" i],
:where(.ix-badge, .badge) [data-ix-badge="MS" i],
:where(.ix-badge, .badge)[data-ix-badge="Market Services" i],
:where(.ix-badge, .badge) [data-ix-badge="Market Services" i]
{
	--badge-bg: var(--badge-indigo-bg);
	--badge-text: var(--badge-indigo-text);
	--badge-brd: var(--badge-indigo-brd);
	--ix-icon: var(--ix-icon-ebenen);
	--ix-icon-on: "";
}

/* CO - Corporate Services (STANDARD) */
.ix-org-co,
:where(.ix-badge, .badge)[data-ix-badge="CO" i],
:where(.ix-badge, .badge) [data-ix-badge="CO" i],
:where(.ix-badge, .badge)[data-ix-badge="Corporate Services" i],
:where(.ix-badge, .badge) [data-ix-badge="Corporate Services" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: var(--ix-icon-ebenen);
	--ix-icon-on: "";
}

/* CO-GF - Geschaeftsfuehrung GmbH (STANDARD) */
.ix-org-gf,
:where(.ix-badge, .badge)[data-ix-badge="CO-GF" i],
:where(.ix-badge, .badge) [data-ix-badge="CO-GF" i],
:where(.ix-badge, .badge)[data-ix-badge="Geschäftsführung GmbH" i],
:where(.ix-badge, .badge) [data-ix-badge="Geschäftsführung GmbH" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: var(--ix-icon-leitung);
	--ix-icon-on: "";
}

/* CO-HR - HR und Office Management (STANDARD) */
.ix-org-hr,
:where(.ix-badge, .badge)[data-ix-badge="CO-HR" i],
:where(.ix-badge, .badge) [data-ix-badge="CO-HR" i],
:where(.ix-badge, .badge)[data-ix-badge="Corporate Center HR und Office Management" i],
:where(.ix-badge, .badge) [data-ix-badge="Corporate Center HR und Office Management" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: var(--ix-icon-personen);
	--ix-icon-on: "";
}

/* CO-FI - Finance und Controlling (STANDARD) */
.ix-org-fi,
:where(.ix-badge, .badge)[data-ix-badge="CO-FI" i],
:where(.ix-badge, .badge) [data-ix-badge="CO-FI" i],
:where(.ix-badge, .badge)[data-ix-badge="Corporate Center Finance und Controlling" i],
:where(.ix-badge, .badge) [data-ix-badge="Corporate Center Finance und Controlling" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: var(--ix-icon-muenzen);
	--ix-icon-on: "";
}

/* CO-M - Communication und Marketing (STANDARD) */
.ix-org-m,
:where(.ix-badge, .badge)[data-ix-badge="CO-M" i],
:where(.ix-badge, .badge) [data-ix-badge="CO-M" i],
:where(.ix-badge, .badge)[data-ix-badge="Corporate Center Communication und Marketing" i],
:where(.ix-badge, .badge) [data-ix-badge="Corporate Center Communication und Marketing" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: var(--ix-icon-megafon);
	--ix-icon-on: "";
}

/* CO-IT - IT (STANDARD) */
.ix-org-it,
:where(.ix-badge, .badge)[data-ix-badge="CO-IT" i],
:where(.ix-badge, .badge) [data-ix-badge="CO-IT" i],
:where(.ix-badge, .badge)[data-ix-badge="Corporate Center IT" i],
:where(.ix-badge, .badge) [data-ix-badge="Corporate Center IT" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: var(--ix-icon-monitor);
	--ix-icon-on: "";
}

/* --------------------------------------------------------------------------
   3.9  Ampelstufen

   Bewertungsstufe aus MC_V_DASHBOARD_KPI.STR_AMPEL und
   MC_V_AUSLASTUNG_JAHRESUEBERSICHT.Ampel ('kritisch' | 'warnung' | 'gut' |
   'neutral'). Anders als ein Status beschreibt die Ampel keinen
   Zustand des Objekts, sondern seine Bewertung — deshalb Symbole, die
   Dringlichkeit tragen (Dreieck, Ausrufezeichen), nicht Sachsymbole.

   'neutral' bekommt bewusst einen Strich statt eines Symbols: die Stufe sagt
   aus, dass NICHT bewertet wird (Indikatoren ohne Zielwert). Ein Info-Zeichen
   wuerde dort eine Aussage suggerieren, die es nicht gibt.
   -------------------------------------------------------------------------- */

/* Kritisch (STANDARD) */
.ix-ampel-kritisch,
:where(.ix-badge, .badge)[data-ix-badge="kritisch" i],
:where(.ix-badge, .badge) [data-ix-badge="kritisch" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 2.5 20h19L12 3.5Z'/%3E%3Cpath d='M12 10v4'/%3E%3Cpath d='M12 17.2h.01'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Warnung (STANDARD) */
.ix-ampel-warnung,
:where(.ix-badge, .badge)[data-ix-badge="warnung" i],
:where(.ix-badge, .badge) [data-ix-badge="warnung" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5'/%3E%3Cpath d='M12 16.2h.01'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Gut (STANDARD) */
.ix-ampel-gut,
:where(.ix-badge, .badge)[data-ix-badge="gut" i],
:where(.ix-badge, .badge) [data-ix-badge="gut" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12.3 2.6 2.7L16 9.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Neutral (STANDARD) */
.ix-ampel-neutral,
:where(.ix-badge, .badge)[data-ix-badge="neutral" i],
:where(.ix-badge, .badge) [data-ix-badge="neutral" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 12h7'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Ampel neben der Kennzahl (STANDARD)

   Die Ampel bewertet eine Zahl, die in der Spalte davor steht
   (MC_V_AUSLASTUNG_JAHRESUEBERSICHT: Zielerreichung_Pct, dann Ampel).
   Eine eigene Spalte, weil CSS den Wert "7 %" nicht nach Bereichen
   einfaerben kann - die Stufe kommt deshalb fertig aus der View.

   Vergabe im Designer an der Ampelspalte:
       ix-badge ix-badge--iconly ix-ampel-spalte
   Die Spalte wird so schmal wie das Symbol und rueckt ohne Luecke an die
   rechtsbuendige Zahl davor: "7 % [Dreieck]". Spaltenkopf leer lassen.
   Den Text liest ein Screenreader weiter vor (iconly blendet nur aus). */
td.ix-badge.ix-badge.ix-badge.ix-ampel-spalte
{
	width: 1%;
	padding-left: 0.35rem;
	text-align: left;
}
/* Zahl davor (STANDARD) */
td:has(+ td.ix-badge.ix-badge.ix-badge.ix-ampel-spalte)
{
	padding-right: 0;
}

/* --------------------------------------------------------------------------
   3.10  Qualitaetssicherung Personal (HR_KAT_STATUS, HR_KAT_QS)

   Status (HR_KAT_STATUS.STR_STATUS) - eine Stufenleiter wie die Ampel:
       OK        Gruen  Haken      keine offene QS-Zeile
       Hinweis   Gelb   Info       nur Fehler aus unkritischen Bereichen
       Kritisch  Rot    Dreieck    kommt aus der Ampelregel "kritisch" (3.9),
                                   hier bewusst nicht doppelt

   Bereiche (HR_KAT_QS.STR_QS) sind Themen, keine Zustaende - deshalb
   Sachsymbole und nur Farben ohne Ampelbedeutung (Blau, Teal, Indigo,
   Lila, Slate). Rot/Gelb/Gruen bleiben dem Status vorbehalten, damit ein
   Bereich neben dem Status nicht wie eine Bewertung wirkt.
   Urlaub in Lila wie die Abwesenheit in der Zeiterfassung (3.3).
   Stammdaten in Orange - hier ohne Ampelbedeutung, nur als eigene Farbe.

   Neuer Bereich im Katalog: hier eine Regel ergaenzen, sonst erscheint er
   grau ohne Symbol (Grundfarbe aus 3.1).
   -------------------------------------------------------------------------- */

/* OK (STANDARD) */
.ix-qs-ok,
:where(.ix-badge, .badge)[data-ix-badge="OK" i],
:where(.ix-badge, .badge) [data-ix-badge="OK" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12.3 2.6 2.7L16 9.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Hinweis (STANDARD) */
.ix-qs-hinweis,
:where(.ix-badge, .badge)[data-ix-badge="Hinweis" i],
:where(.ix-badge, .badge) [data-ix-badge="Hinweis" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5'/%3E%3Cpath d='M12 7.8h.01'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Bereich Arbeitszeitmodell - Uhr (STANDARD) */
.ix-qs-arbeitszeitmodell,
:where(.ix-badge, .badge)[data-ix-badge="Arbeitszeitmodell" i],
:where(.ix-badge, .badge) [data-ix-badge="Arbeitszeitmodell" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Bereich Zeiterfassung - Stoppuhr (STANDARD) */
.ix-qs-zeiterfassung,
:where(.ix-badge, .badge)[data-ix-badge="Zeiterfassung" i],
:where(.ix-badge, .badge) [data-ix-badge="Zeiterfassung" i]
{
	--badge-bg: var(--badge-teal-bg);
	--badge-text: var(--badge-teal-text);
	--badge-brd: var(--badge-teal-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13.5' r='7.5'/%3E%3Cpath d='M12 10v3.5h3'/%3E%3Cpath d='M10 2.5h4M12 2.5V6'/%3E%3Cpath d='m18.5 6.5 1.5-1.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Bereich Organisation - Organigramm (STANDARD) */
.ix-qs-organisation,
:where(.ix-badge, .badge)[data-ix-badge="Organisation" i],
:where(.ix-badge, .badge) [data-ix-badge="Organisation" i]
{
	--badge-bg: var(--badge-indigo-bg);
	--badge-text: var(--badge-indigo-text);
	--badge-brd: var(--badge-indigo-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='5' rx='1'/%3E%3Crect x='3' y='16' width='6' height='5' rx='1'/%3E%3Crect x='15' y='16' width='6' height='5' rx='1'/%3E%3Cpath d='M12 8v4M6 16v-4h12v4'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Bereich Urlaub - Sonne (STANDARD) */
.ix-qs-urlaub,
:where(.ix-badge, .badge)[data-ix-badge="Urlaub" i],
:where(.ix-badge, .badge) [data-ix-badge="Urlaub" i]
{
	--badge-bg: var(--badge-purple-bg);
	--badge-text: var(--badge-purple-text);
	--badge-brd: var(--badge-purple-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M18.7 5.3l-1.4 1.4M6.7 17.3l-1.4 1.4'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Bereich Entwicklungsstufe - Treppe (STANDARD) */
.ix-qs-entwicklungsstufe,
:where(.ix-badge, .badge)[data-ix-badge="Entwicklungsstufe" i],
:where(.ix-badge, .badge) [data-ix-badge="Entwicklungsstufe" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20h5v-5h5v-5h5V5h3'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Bereich Stammdaten - Ausweis (STANDARD) */
.ix-qs-stammdaten,
:where(.ix-badge, .badge)[data-ix-badge="Stammdaten" i],
:where(.ix-badge, .badge) [data-ix-badge="Stammdaten" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='11' r='2.2'/%3E%3Cpath d='M5.5 16a3 3 0 0 1 6 0'/%3E%3Cpath d='M14 10h4.5M14 14h3'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}

/* --------------------------------------------------------------------------
   3.11  Freie Farbklassen
   -------------------------------------------------------------------------- */

/* Orange (STANDARD) */
.ix-badge-orange
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
}


/* --------------------------------------------------------------------------
   3.12  Entwicklungsstufen (HR_KAT_ENTWICKLUNGSSTUFE)

   Greift auf die Bezeichnung und das Kuerzel. Die Stufe ist eine Einordnung,
   kein Zustand - deshalb keine Ampelfarben, sondern Farbbaender je Ebene,
   und als Symbol ein Stufenbalken (1-5 gefuellte Balken), der die Hoehe
   der Stufe zeigt:
       1  Grau     Werkstudent, Assistenz
       2  Teal     Business Analyst, Business Consultant
       3  Blau     Senior Consultant, Management Consultant
       4  Indigo   Senior Manager, Senior Executive Manager
       5  Lila     Direktor, Geschaeftsfuehrer
   Vertriebslaufbahn in Orange: Business Development Manager (3),
   Senior Business Development Manager (4).
   "Business Development Manager" steht gleichlautend auch im
   Funktionskatalog (3.14) und erscheint dort mit derselben Plakette.
   -------------------------------------------------------------------------- */

/* Werkstudent (STANDARD) */
.ix-stufe-ws,
:where(.ix-badge, .badge)[data-ix-badge="Werkstudent" i],
:where(.ix-badge, .badge) [data-ix-badge="Werkstudent" i],
:where(.ix-badge, .badge)[data-ix-badge="WS" i],
:where(.ix-badge, .badge) [data-ix-badge="WS" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: var(--ix-icon-stufe1);
	--ix-icon-on: "";
}

/* Assistenz (STANDARD) */
.ix-stufe-as,
:where(.ix-badge, .badge)[data-ix-badge="Assistenz" i],
:where(.ix-badge, .badge) [data-ix-badge="Assistenz" i],
:where(.ix-badge, .badge)[data-ix-badge="AS" i],
:where(.ix-badge, .badge) [data-ix-badge="AS" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: var(--ix-icon-stufe1);
	--ix-icon-on: "";
}

/* Business Analyst (STANDARD) */
.ix-stufe-ba,
:where(.ix-badge, .badge)[data-ix-badge="Business Analyst" i],
:where(.ix-badge, .badge) [data-ix-badge="Business Analyst" i],
:where(.ix-badge, .badge)[data-ix-badge="BA" i],
:where(.ix-badge, .badge) [data-ix-badge="BA" i]
{
	--badge-bg: var(--badge-teal-bg);
	--badge-text: var(--badge-teal-text);
	--badge-brd: var(--badge-teal-brd);
	--ix-icon: var(--ix-icon-stufe2);
	--ix-icon-on: "";
}

/* Business Consultant (STANDARD) */
.ix-stufe-bc,
:where(.ix-badge, .badge)[data-ix-badge="Business Consultant" i],
:where(.ix-badge, .badge) [data-ix-badge="Business Consultant" i],
:where(.ix-badge, .badge)[data-ix-badge="BC" i],
:where(.ix-badge, .badge) [data-ix-badge="BC" i]
{
	--badge-bg: var(--badge-teal-bg);
	--badge-text: var(--badge-teal-text);
	--badge-brd: var(--badge-teal-brd);
	--ix-icon: var(--ix-icon-stufe2);
	--ix-icon-on: "";
}

/* Senior Consultant (STANDARD) */
.ix-stufe-sc,
:where(.ix-badge, .badge)[data-ix-badge="Senior Consultant" i],
:where(.ix-badge, .badge) [data-ix-badge="Senior Consultant" i],
:where(.ix-badge, .badge)[data-ix-badge="SC" i],
:where(.ix-badge, .badge) [data-ix-badge="SC" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: var(--ix-icon-stufe3);
	--ix-icon-on: "";
}

/* Management Consultant (STANDARD) */
.ix-stufe-mc,
:where(.ix-badge, .badge)[data-ix-badge="Management Consultant" i],
:where(.ix-badge, .badge) [data-ix-badge="Management Consultant" i],
:where(.ix-badge, .badge)[data-ix-badge="MC" i],
:where(.ix-badge, .badge) [data-ix-badge="MC" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: var(--ix-icon-stufe3);
	--ix-icon-on: "";
}

/* Senior Manager (STANDARD) */
.ix-stufe-sm,
:where(.ix-badge, .badge)[data-ix-badge="Senior Manager" i],
:where(.ix-badge, .badge) [data-ix-badge="Senior Manager" i],
:where(.ix-badge, .badge)[data-ix-badge="SM" i],
:where(.ix-badge, .badge) [data-ix-badge="SM" i]
{
	--badge-bg: var(--badge-indigo-bg);
	--badge-text: var(--badge-indigo-text);
	--badge-brd: var(--badge-indigo-brd);
	--ix-icon: var(--ix-icon-stufe4);
	--ix-icon-on: "";
}

/* Senior Executive Manager (STANDARD) */
.ix-stufe-sem,
:where(.ix-badge, .badge)[data-ix-badge="Senior Executive Manager" i],
:where(.ix-badge, .badge) [data-ix-badge="Senior Executive Manager" i],
:where(.ix-badge, .badge)[data-ix-badge="SEM" i],
:where(.ix-badge, .badge) [data-ix-badge="SEM" i]
{
	--badge-bg: var(--badge-indigo-bg);
	--badge-text: var(--badge-indigo-text);
	--badge-brd: var(--badge-indigo-brd);
	--ix-icon: var(--ix-icon-stufe4);
	--ix-icon-on: "";
}

/* Direktor (STANDARD) */
.ix-stufe-dir,
:where(.ix-badge, .badge)[data-ix-badge="Direktor" i],
:where(.ix-badge, .badge) [data-ix-badge="Direktor" i],
:where(.ix-badge, .badge)[data-ix-badge="DIR" i],
:where(.ix-badge, .badge) [data-ix-badge="DIR" i]
{
	--badge-bg: var(--badge-purple-bg);
	--badge-text: var(--badge-purple-text);
	--badge-brd: var(--badge-purple-brd);
	--ix-icon: var(--ix-icon-stufe5);
	--ix-icon-on: "";
}

/* Geschaeftsfuehrer (STANDARD) */
.ix-stufe-gf,
:where(.ix-badge, .badge)[data-ix-badge="Geschäftsführer" i],
:where(.ix-badge, .badge) [data-ix-badge="Geschäftsführer" i],
:where(.ix-badge, .badge)[data-ix-badge="GF" i],
:where(.ix-badge, .badge) [data-ix-badge="GF" i]
{
	--badge-bg: var(--badge-purple-bg);
	--badge-text: var(--badge-purple-text);
	--badge-brd: var(--badge-purple-brd);
	--ix-icon: var(--ix-icon-stufe5);
	--ix-icon-on: "";
}

/* Business Development Manager (STANDARD) */
.ix-stufe-bdm,
:where(.ix-badge, .badge)[data-ix-badge="Business Development Manager" i],
:where(.ix-badge, .badge) [data-ix-badge="Business Development Manager" i],
:where(.ix-badge, .badge)[data-ix-badge="BDM" i],
:where(.ix-badge, .badge) [data-ix-badge="BDM" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: var(--ix-icon-stufe3);
	--ix-icon-on: "";
}

/* Senior Business Development Manager (STANDARD) */
.ix-stufe-sbdm,
:where(.ix-badge, .badge)[data-ix-badge="Senior Business Development Manager" i],
:where(.ix-badge, .badge) [data-ix-badge="Senior Business Development Manager" i],
:where(.ix-badge, .badge)[data-ix-badge="SBDM" i],
:where(.ix-badge, .badge) [data-ix-badge="SBDM" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: var(--ix-icon-stufe4);
	--ix-icon-on: "";
}

/* --------------------------------------------------------------------------
   3.13  Geschaeftsstellen

   Ort statt Zustand: jede Stelle eine eigene Farbe ohne Ampelbedeutung,
   als Symbol die Standortnadel. Remote hat keinen Ort - Grau und ein Haus.
   Neue Geschaeftsstelle: hier eine Regel ergaenzen, sonst erscheint sie
   grau ohne Symbol (Grundfarbe aus 3.1).
   -------------------------------------------------------------------------- */

/* Baden (STANDARD) */
.ix-gs-baden,
:where(.ix-badge, .badge)[data-ix-badge="Baden" i],
:where(.ix-badge, .badge) [data-ix-badge="Baden" i]
{
	--badge-bg: var(--badge-teal-bg);
	--badge-text: var(--badge-teal-text);
	--badge-brd: var(--badge-teal-brd);
	--ix-icon: var(--ix-icon-pin);
	--ix-icon-on: "";
}

/* Berlin (STANDARD) */
.ix-gs-berlin,
:where(.ix-badge, .badge)[data-ix-badge="Berlin" i],
:where(.ix-badge, .badge) [data-ix-badge="Berlin" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: var(--ix-icon-pin);
	--ix-icon-on: "";
}

/* Eltville (STANDARD) */
.ix-gs-eltville,
:where(.ix-badge, .badge)[data-ix-badge="Eltville" i],
:where(.ix-badge, .badge) [data-ix-badge="Eltville" i]
{
	--badge-bg: var(--badge-purple-bg);
	--badge-text: var(--badge-purple-text);
	--badge-brd: var(--badge-purple-brd);
	--ix-icon: var(--ix-icon-pin);
	--ix-icon-on: "";
}

/* Hamburg (STANDARD) */
.ix-gs-hamburg,
:where(.ix-badge, .badge)[data-ix-badge="Hamburg" i],
:where(.ix-badge, .badge) [data-ix-badge="Hamburg" i]
{
	--badge-bg: var(--badge-indigo-bg);
	--badge-text: var(--badge-indigo-text);
	--badge-brd: var(--badge-indigo-brd);
	--ix-icon: var(--ix-icon-pin);
	--ix-icon-on: "";
}

/* Remote (STANDARD) */
.ix-gs-remote,
:where(.ix-badge, .badge)[data-ix-badge="Remote" i],
:where(.ix-badge, .badge) [data-ix-badge="Remote" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: var(--ix-icon-haus);
	--ix-icon-on: "";
}

/* --------------------------------------------------------------------------
   3.14  Funktionen (HR_KAT_FUNKTIONEN)

   Farbe nach Bereich, Symbol nach Rolle:
       Blau     Business Center      (Leitung, Consultant)
       Teal     Business Services    (Leitung)
       Slate    Corporate Center     (Leitung, Mitarbeiter:in)
       Indigo   Market Center        (Leitung, Mitarbeiter:in)
       Lila     Geschaeftsfuehrung
       Gruen    Personalverantwortliche:r
       Gelb     Solution Koordination
       Grau     Praktikant:in, Werkstudent:in; inaktive Funktionen
       Orange   Business Development Manager (Regel aus 3.12)

       Person mit Stern   Leitung
       Person             Mitarbeiter:in, Consultant
       zwei Personen      Personalverantwortung
       Doktorhut          Praktikum, Werkstudium
       Netz               Koordination
   Inaktive Funktionen (Business Area Manager, Competence Team Manager)
   bleiben lesbar, aber grau.
   -------------------------------------------------------------------------- */

/* Business Center Leitung (STANDARD) */
.ix-funktion-bc-leitung,
:where(.ix-badge, .badge)[data-ix-badge="Business Center Leitung" i],
:where(.ix-badge, .badge) [data-ix-badge="Business Center Leitung" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: var(--ix-icon-leitung);
	--ix-icon-on: "";
}

/* Consultant (STANDARD) */
.ix-funktion-consultant,
:where(.ix-badge, .badge)[data-ix-badge="Consultant" i],
:where(.ix-badge, .badge) [data-ix-badge="Consultant" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: var(--ix-icon-person);
	--ix-icon-on: "";
}

/* Business Services Leitung (STANDARD) */
.ix-funktion-bs-leitung,
:where(.ix-badge, .badge)[data-ix-badge="Business Services Leitung" i],
:where(.ix-badge, .badge) [data-ix-badge="Business Services Leitung" i]
{
	--badge-bg: var(--badge-teal-bg);
	--badge-text: var(--badge-teal-text);
	--badge-brd: var(--badge-teal-brd);
	--ix-icon: var(--ix-icon-leitung);
	--ix-icon-on: "";
}

/* Corporate Center Leitung (STANDARD) */
.ix-funktion-cc-leitung,
:where(.ix-badge, .badge)[data-ix-badge="Corporate Center Leitung" i],
:where(.ix-badge, .badge) [data-ix-badge="Corporate Center Leitung" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: var(--ix-icon-leitung);
	--ix-icon-on: "";
}

/* Corporate Center Mitarbeiter:in (STANDARD) */
.ix-funktion-cc-mitarbeit,
:where(.ix-badge, .badge)[data-ix-badge="Corporate Center Mitarbeiter:in" i],
:where(.ix-badge, .badge) [data-ix-badge="Corporate Center Mitarbeiter:in" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: var(--ix-icon-person);
	--ix-icon-on: "";
}

/* Market Center Leitung (STANDARD) */
.ix-funktion-mc-leitung,
:where(.ix-badge, .badge)[data-ix-badge="Market Center Leitung" i],
:where(.ix-badge, .badge) [data-ix-badge="Market Center Leitung" i]
{
	--badge-bg: var(--badge-indigo-bg);
	--badge-text: var(--badge-indigo-text);
	--badge-brd: var(--badge-indigo-brd);
	--ix-icon: var(--ix-icon-leitung);
	--ix-icon-on: "";
}

/* Market Center Mitarbeiter:in (STANDARD) */
.ix-funktion-mc-mitarbeit,
:where(.ix-badge, .badge)[data-ix-badge="Market Center Mitarbeiter:in" i],
:where(.ix-badge, .badge) [data-ix-badge="Market Center Mitarbeiter:in" i]
{
	--badge-bg: var(--badge-indigo-bg);
	--badge-text: var(--badge-indigo-text);
	--badge-brd: var(--badge-indigo-brd);
	--ix-icon: var(--ix-icon-person);
	--ix-icon-on: "";
}

/* Geschaeftsfuehrung (STANDARD) */
.ix-funktion-gf,
:where(.ix-badge, .badge)[data-ix-badge="Geschäftsführung" i],
:where(.ix-badge, .badge) [data-ix-badge="Geschäftsführung" i]
{
	--badge-bg: var(--badge-purple-bg);
	--badge-text: var(--badge-purple-text);
	--badge-brd: var(--badge-purple-brd);
	--ix-icon: var(--ix-icon-leitung);
	--ix-icon-on: "";
}

/* Personalverantwortliche:r (STANDARD) */
.ix-funktion-personal,
:where(.ix-badge, .badge)[data-ix-badge="Personalverantwortliche:r" i],
:where(.ix-badge, .badge) [data-ix-badge="Personalverantwortliche:r" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: var(--ix-icon-personen);
	--ix-icon-on: "";
}

/* Solution Koordination (STANDARD) */
.ix-funktion-solution,
:where(.ix-badge, .badge)[data-ix-badge="Solution Koordination" i],
:where(.ix-badge, .badge) [data-ix-badge="Solution Koordination" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: var(--ix-icon-netz);
	--ix-icon-on: "";
}

/* Praktikant:in (STANDARD) */
.ix-funktion-praktikum,
:where(.ix-badge, .badge)[data-ix-badge="Praktikant:in" i],
:where(.ix-badge, .badge) [data-ix-badge="Praktikant:in" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: var(--ix-icon-hut);
	--ix-icon-on: "";
}

/* Werkstudent:in (STANDARD) */
.ix-funktion-werkstudium,
:where(.ix-badge, .badge)[data-ix-badge="Werkstudent:in" i],
:where(.ix-badge, .badge) [data-ix-badge="Werkstudent:in" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: var(--ix-icon-hut);
	--ix-icon-on: "";
}

/* Business Area Manager - inaktiv (STANDARD) */
.ix-funktion-bam,
:where(.ix-badge, .badge)[data-ix-badge="Business Area Manager" i],
:where(.ix-badge, .badge) [data-ix-badge="Business Area Manager" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: var(--ix-icon-leitung);
	--ix-icon-on: "";
}

/* Competence Team Manager - inaktiv (STANDARD) */
.ix-funktion-ctm,
:where(.ix-badge, .badge)[data-ix-badge="Competence Team Manager" i],
:where(.ix-badge, .badge) [data-ix-badge="Competence Team Manager" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: var(--ix-icon-leitung);
	--ix-icon-on: "";
}

/* --------------------------------------------------------------------------
   3.15  Trends (MC_V_AUSLASTUNG_JAHRESUEBERSICHT.Trend)

   Zielerreichung der letzten drei Monate gegen die drei davor:
       steigend    Gruen  Pfeil schraeg hoch    ab +15 Prozentpunkte
       stabil      Blau   Pfeil waagerecht      dazwischen
       fallend     Rot    Pfeil schraeg runter  ab -15 Prozentpunkte
       kein Trend  Grau   gestrichelte Linie    NULL (Fenster unvollstaendig
                                                oder ohne Ziel)
   Stabil bewusst Blau statt Gruen: "stabil" heisst nur "unveraendert",
   auch auf niedrigem Niveau - Gruen wuerde ein Lob behaupten.

   NULL kommt als leere Zelle an und waere sonst unsichtbar (Null-Regel 3.1).
   Die Spalte bekommt deshalb zusaetzlich die CSS-Klasse "ix-trend"; nur
   dort wird der Leerwert als Badge "kein Trend" gezeigt.
   -------------------------------------------------------------------------- */

/* Steigend (STANDARD) */
.ix-trend-steigend,
:where(.ix-badge, .badge)[data-ix-badge="steigend" i],
:where(.ix-badge, .badge) [data-ix-badge="steigend" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 17 6-6 4 4 8-8'/%3E%3Cpath d='M14 7h7v7'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Stabil (STANDARD) */
.ix-trend-stabil,
:where(.ix-badge, .badge)[data-ix-badge="stabil" i],
:where(.ix-badge, .badge) [data-ix-badge="stabil" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='m15 6 6 6-6 6'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Fallend (STANDARD) */
.ix-trend-fallend,
:where(.ix-badge, .badge)[data-ix-badge="fallend" i],
:where(.ix-badge, .badge) [data-ix-badge="fallend" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 7 6 6 4-4 8 8'/%3E%3Cpath d='M14 17h7v-7'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Kein Trend (STANDARD)

   Farbe und Icon fuer den Wert "kein Trend" und fuer den Leerwert in einer
   Spalte mit ix-trend. */
.ix-trend-null,
:where(.ix-badge, .badge)[data-ix-badge="kein Trend" i],
:where(.ix-badge, .badge) [data-ix-badge="kein Trend" i],
td.ix-badge.ix-trend > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty),
.ix-badge.ix-trend:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h3'/%3E%3Cpath d='M10.5 12h3'/%3E%3Cpath d='M18 12h3'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Kein Trend - Leerwert als Badge (STANDARD)

   Hebt die Null-Regel aus 3.1 nur in der Trendspalte auf (eine Klasse
   mehr, damit die Spezifitaet sicher darueber liegt) und stellt die
   Basisform wieder her. */
td.ix-badge.ix-badge.ix-badge.ix-trend > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty),
.ix-badge.ix-badge.ix-badge.ix-trend:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)
{
	display: inline-flex;
	padding: 0.22em 0.75em 0.22em 0.6em;
	border: 1px solid var(--badge-brd);
	background-color: var(--badge-bg);
	color: var(--badge-text);
	font-size: 0.875em;
}
/* Kein Trend - Icon (STANDARD) */
td.ix-badge.ix-badge.ix-badge.ix-trend > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before,
.ix-badge.ix-badge.ix-badge.ix-trend:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before
{
	content: var(--ix-icon-on, none);
}
/* Kein Trend - Text (STANDARD) */
td.ix-badge.ix-badge.ix-badge.ix-trend > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::after,
.ix-badge.ix-badge.ix-badge.ix-trend:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::after
{
	content: "kein Trend";
}

/* --------------------------------------------------------------------------
   3.16  ISMS (Applikation ISMS)

   Umsetzungsgrad  ISMS_KAT_UMSETZUNGSGRAD  (SoA)
   Massnahmen      ISMS_KAT_MASSNAHMENSTATUS, ISMS_KAT_PRIORITAET (REG-003)
   Dokumente       ISMS_KAT_STATUS, ISMS_KAT_KLASSE (Lenkung nach DOK-005)

   Bereits vorhanden und hier nicht wiederholt (Vergleich ohne Gross-/
   Kleinschreibung): "offen" (3.3, grau), "Hoch" / "Niedrig" (3.4).
   "umgesetzt" gilt fuer Umsetzungsgrad und Massnahmenstatus gleichermassen:
   umgesetzt, aber Wirksamkeit noch nicht geprueft = Teal; erst
   "Wirksamkeit geprueft" ist Gruen.
   Dokumentstatus nach DOK-005 Abschnitt 2:
       Entwurf (grau) -> Erstellt (gelb) -> Geprueft (teal, entfaellt ohne
       Pruefer) -> Freigegeben (gruen) -> Archiv (slate)
   "In Pruefung", "Archiviert", "Ungueltig" und "Zurueckgezogen" sind keine
   DOK-005-Begriffe, bleiben aber stehen: der Abwesenheitskatalog
   ABM_KAT_STATUS nutzt "in Prüfung" und "zurückgezogen" (Vergleich ohne
   Gross-/Kleinschreibung) und erscheint mit diesen Regeln.
   -------------------------------------------------------------------------- */

/* Umgesetzt (STANDARD) */
.ix-isms-umgesetzt,
:where(.ix-badge, .badge)[data-ix-badge="umgesetzt" i],
:where(.ix-badge, .badge) [data-ix-badge="umgesetzt" i]
{
	--badge-bg: var(--badge-teal-bg);
	--badge-text: var(--badge-teal-text);
	--badge-brd: var(--badge-teal-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.3l2.6 2.7L16 9.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Teilweise umgesetzt (STANDARD) */
.ix-isms-teilweise,
:where(.ix-badge, .badge)[data-ix-badge="teilweise umgesetzt" i],
:where(.ix-badge, .badge) [data-ix-badge="teilweise umgesetzt" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 3a9 9 0 0 1 0 18z' fill='black'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Nicht anwendbar (STANDARD) */
.ix-isms-nicht-anwendbar,
:where(.ix-badge, .badge)[data-ix-badge="nicht anwendbar" i],
:where(.ix-badge, .badge) [data-ix-badge="nicht anwendbar" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 12h7'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Massnahme geplant (STANDARD) */
.ix-isms-geplant,
:where(.ix-badge, .badge)[data-ix-badge="Geplant" i],
:where(.ix-badge, .badge) [data-ix-badge="Geplant" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Massnahme in Umsetzung (STANDARD) */
.ix-isms-in-umsetzung,
:where(.ix-badge, .badge)[data-ix-badge="In Umsetzung" i],
:where(.ix-badge, .badge) [data-ix-badge="In Umsetzung" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10.5 8.5l5.5 3.5-5.5 3.5z' fill='black'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Wirksamkeit geprueft (STANDARD) */
.ix-isms-wirksam,
:where(.ix-badge, .badge)[data-ix-badge="Wirksamkeit geprüft" i],
:where(.ix-badge, .badge) [data-ix-badge="Wirksamkeit geprüft" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.5c0 4.5-3.2 8-7.5 9.5-4.3-1.5-7.5-5-7.5-9.5V6z'/%3E%3Cpath d='M8.8 12.2l2.2 2.3 4.3-4.6'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Prio Mittel (STANDARD) */
.ix-prio-mittel,
:where(.ix-badge, .badge)[data-ix-badge="Mittel" i],
:where(.ix-badge, .badge) [data-ix-badge="Mittel" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 9.5h13M5.5 14.5h13'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Dokument Entwurf (STANDARD) */
.ix-isms-entwurf,
:where(.ix-badge, .badge)[data-ix-badge="Entwurf" i],
:where(.ix-badge, .badge) [data-ix-badge="Entwurf" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Dokument erstellt - fertig, wartet auf Pruefung bzw. Freigabe (STANDARD) */
.ix-isms-erstellt,
:where(.ix-badge, .badge)[data-ix-badge="Erstellt" i],
:where(.ix-badge, .badge) [data-ix-badge="Erstellt" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h4'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Dokument geprueft - zur Freigabe empfohlen (STANDARD) */
.ix-isms-geprueft,
:where(.ix-badge, .badge)[data-ix-badge="Geprüft" i],
:where(.ix-badge, .badge) [data-ix-badge="Geprüft" i]
{
	--badge-bg: var(--badge-teal-bg);
	--badge-text: var(--badge-teal-text);
	--badge-brd: var(--badge-teal-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3Cpath d='M8 10.6l1.7 1.7 3.3-3.4'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Dokument in Pruefung (STANDARD) */
.ix-isms-in-pruefung,
:where(.ix-badge, .badge)[data-ix-badge="In Prüfung" i],
:where(.ix-badge, .badge) [data-ix-badge="In Prüfung" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Dokument freigegeben (STANDARD) */
.ix-isms-freigegeben,
:where(.ix-badge, .badge)[data-ix-badge="Freigegeben" i],
:where(.ix-badge, .badge) [data-ix-badge="Freigegeben" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9.5' r='6'/%3E%3Cpath d='M9.3 9.6l1.9 1.9 3.6-3.7'/%3E%3Cpath d='M8.5 14.5L7 21l5-2.5 5 2.5-1.5-6.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Dokument Archiv - abgeloeste oder zurueckgezogene Version (STANDARD) */
.ix-isms-archiviert,
:where(.ix-badge, .badge)[data-ix-badge="Archiv" i],
:where(.ix-badge, .badge) [data-ix-badge="Archiv" i],
:where(.ix-badge, .badge)[data-ix-badge="Archiviert" i],
:where(.ix-badge, .badge) [data-ix-badge="Archiviert" i],
:where(.ix-badge, .badge)[data-ix-badge="Ungültig" i],
:where(.ix-badge, .badge) [data-ix-badge="Ungültig" i],
:where(.ix-badge, .badge)[data-ix-badge="Zurückgezogen" i],
:where(.ix-badge, .badge) [data-ix-badge="Zurückgezogen" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='4' rx='1'/%3E%3Cpath d='M5 8.5V19a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8.5'/%3E%3Cpath d='M10 12.5h4'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Klasse oeffentlich (STANDARD) */
.ix-isms-oeffentlich,
:where(.ix-badge, .badge)[data-ix-badge="Öffentlich" i],
:where(.ix-badge, .badge) [data-ix-badge="Öffentlich" i]
{
	--badge-bg: var(--badge-teal-bg);
	--badge-text: var(--badge-teal-text);
	--badge-brd: var(--badge-teal-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3c2.5 2.5 3.8 5.5 3.8 9s-1.3 6.5-3.8 9c-2.5-2.5-3.8-5.5-3.8-9S9.5 5.5 12 3z'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Klasse intern (STANDARD) */
.ix-isms-intern,
:where(.ix-badge, .badge)[data-ix-badge="Intern" i],
:where(.ix-badge, .badge) [data-ix-badge="Intern" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-6.5 8 6.5'/%3E%3Cpath d='M6 9.5V20h12V9.5'/%3E%3Cpath d='M10 20v-5h4v5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Klasse vertraulich (STANDARD) */
.ix-isms-vertraulich,
:where(.ix-badge, .badge)[data-ix-badge="Vertraulich" i],
:where(.ix-badge, .badge) [data-ix-badge="Vertraulich" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Klasse streng vertraulich (STANDARD) */
.ix-isms-streng-vertraulich,
:where(.ix-badge, .badge)[data-ix-badge="Streng vertraulich" i],
:where(.ix-badge, .badge) [data-ix-badge="Streng vertraulich" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3Cpath d='M12 14v3'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}

/* --------------------------------------------------------------------------
   3.17  ISMS - Asset-Inventar und Risikoregister (REG-001/002)

   Risikoklasse   ISMS_KAT_RISIKOKLASSE (Gering, Mittel, Hoch, Sehr hoch)
   Behandlung     berechnet, "Behandlung erforderlich?" (DOK-009)
   Restrisiko     berechnet, "Restrisiko akzeptabel?"
   Plausibilität  berechnet, "OK" kommt aus 3.3
   Status         ISMS_KAT_RISIKOSTATUS, ISMS_KAT_ASSETSTATUS

   Bereits vorhanden (Vergleich ohne Groß-/Kleinschreibung): "Mittel" (3.16,
   blau), "Hoch" / "Sehr hoch" (3.4, orange / rot), "Offen", "OK", "Aktiv",
   "Geplant", "Umgesetzt", "Wirksamkeit geprüft".
   -------------------------------------------------------------------------- */

/* Risikoklasse Gering (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Gering" i],
:where(.ix-badge, .badge) [data-ix-badge="Gering" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5' fill='black' stroke='none'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Behandlung - JA, behandeln (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="JA – behandeln" i],
:where(.ix-badge, .badge) [data-ix-badge="JA – behandeln" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 21.5 20h-19z'/%3E%3Cpath d='M12 10v4.5'/%3E%3Ccircle cx='12' cy='17.3' r='.6' fill='black'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Behandlung - JA, Rechts-/Vertragspflicht (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="JA – Rechts-/Vertragspflicht" i],
:where(.ix-badge, .badge) [data-ix-badge="JA – Rechts-/Vertragspflicht" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 5.5A3.5 3.5 0 1 0 12 9c2 0 3.5 1.2 3.5 3s-1.5 3-3.5 3a3.5 3.5 0 0 0-3.5 3.5'/%3E%3Cpath d='M8.5 18.5A3.5 3.5 0 1 0 12 15'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Behandlung - JA, Sonderfall S4 (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="JA – Sonderfall S4" i],
:where(.ix-badge, .badge) [data-ix-badge="JA – Sonderfall S4" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 21.5 20h-19z'/%3E%3Cpath d='M12 10v4.5'/%3E%3Ccircle cx='12' cy='17.3' r='.6' fill='black'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Behandlung - Einzelfallprüfung (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Einzelfallprüfung" i],
:where(.ix-badge, .badge) [data-ix-badge="Einzelfallprüfung" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Behandlung - Nein, akzeptabel (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Nein – akzeptabel" i],
:where(.ix-badge, .badge) [data-ix-badge="Nein – akzeptabel" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.3l2.6 2.7L16 9.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Restrisiko - NEIN, weitere Maßnahmen (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="NEIN – weitere Maßnahmen" i],
:where(.ix-badge, .badge) [data-ix-badge="NEIN – weitere Maßnahmen" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Restrisiko - nur mit Freigabe GL (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Nur mit Freigabe GL (S4)" i],
:where(.ix-badge, .badge) [data-ix-badge="Nur mit Freigabe GL (S4)" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h6l-1 7h-4z'/%3E%3Cpath d='M5 15h14v3H5z'/%3E%3Cpath d='M6.5 21h11'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Restrisiko - Ja nach Einzelfallprüfung (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Ja – nach Einzelfallprüfung" i],
:where(.ix-badge, .badge) [data-ix-badge="Ja – nach Einzelfallprüfung" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Restrisiko - Ja, akzeptabel (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Ja – akzeptabel" i],
:where(.ix-badge, .badge) [data-ix-badge="Ja – akzeptabel" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.3l2.6 2.7L16 9.5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Plausibilität - Fehler (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Fehler: E Brutto > inhärent" i],
:where(.ix-badge, .badge) [data-ix-badge="Fehler: E Brutto > inhärent" i],
:where(.ix-badge, .badge)[data-ix-badge="Fehler: S Brutto > inhärent" i],
:where(.ix-badge, .badge) [data-ix-badge="Fehler: S Brutto > inhärent" i],
:where(.ix-badge, .badge)[data-ix-badge="Fehler: E Netto > Brutto" i],
:where(.ix-badge, .badge) [data-ix-badge="Fehler: E Netto > Brutto" i],
:where(.ix-badge, .badge)[data-ix-badge="Fehler: S Netto > Brutto" i],
:where(.ix-badge, .badge) [data-ix-badge="Fehler: S Netto > Brutto" i],
:where(.ix-badge, .badge)[data-ix-badge="Behandlung fehlt" i],
:where(.ix-badge, .badge) [data-ix-badge="Behandlung fehlt" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 21.5 20h-19z'/%3E%3Cpath d='M12 10v4.5'/%3E%3Ccircle cx='12' cy='17.3' r='.6' fill='black'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Risikostatus In Bearbeitung (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="In Bearbeitung" i],
:where(.ix-badge, .badge) [data-ix-badge="In Bearbeitung" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10.5 8.5l5.5 3.5-5.5 3.5z' fill='black'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Risikostatus Akzeptiert (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Akzeptiert" i],
:where(.ix-badge, .badge) [data-ix-badge="Akzeptiert" i]
{
	--badge-bg: var(--badge-blue-bg);
	--badge-text: var(--badge-blue-text);
	--badge-brd: var(--badge-blue-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.5c0 4.5-3.2 8-7.5 9.5-4.3-1.5-7.5-5-7.5-9.5V6z'/%3E%3Cpath d='M8.8 12.2l2.2 2.3 4.3-4.6'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Risikostatus Verschoben (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Verschoben" i],
:where(.ix-badge, .badge) [data-ix-badge="Verschoben" i]
{
	--badge-bg: var(--badge-gray-bg);
	--badge-text: var(--badge-gray-text);
	--badge-brd: var(--badge-gray-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Risikostatus Geschlossen (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Geschlossen" i],
:where(.ix-badge, .badge) [data-ix-badge="Geschlossen" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Asset-Status In Ablösung (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="In Ablösung" i],
:where(.ix-badge, .badge) [data-ix-badge="In Ablösung" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h14M13 7l5 5-5 5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Asset-Status Ausgemustert (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Ausgemustert" i],
:where(.ix-badge, .badge) [data-ix-badge="Ausgemustert" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='4' rx='1'/%3E%3Cpath d='M5 8.5V19a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8.5'/%3E%3Cpath d='M10 12.5h4'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}

/* --------------------------------------------------------------------------
   3.18  ISMS - Audits und Dokumentenlenkung

   Bewertung      ISMS_KAT_FBEWERTUNG (Audit-Feststellungen)
   Funktions-     berechnet, ISMS_T_DOKUMENT.STR_LENKUNG (DOK-005,
   trennung       Feststellung (02) des internen Audits 2026)

   Bereits vorhanden: "Hinweis" (3.10, gelb), "OK" (3.10, gruen), die Status
   Offen / In Bearbeitung / Umgesetzt / Wirksamkeit geprüft / Geschlossen
   (3.3, 3.16, 3.17).
   -------------------------------------------------------------------------- */

/* Hauptabweichung (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Hauptabweichung" i],
:where(.ix-badge, .badge) [data-ix-badge="Hauptabweichung" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 21.5 20h-19z'/%3E%3Cpath d='M12 10v4.5'/%3E%3Ccircle cx='12' cy='17.3' r='.6' fill='black'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Nebenabweichung (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Nebenabweichung" i],
:where(.ix-badge, .badge) [data-ix-badge="Nebenabweichung" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5'/%3E%3Cpath d='M12 16.2h.01'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Positive Feststellung (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Positive Feststellung" i],
:where(.ix-badge, .badge) [data-ix-badge="Positive Feststellung" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.3l2.7 5.5 6 .9-4.35 4.2 1 6-5.35-2.8-5.35 2.8 1-6L3.3 9.7l6-.9Z'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Funktionstrennung verletzt (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Ersteller = Freigeber ohne Prüfer" i],
:where(.ix-badge, .badge) [data-ix-badge="Ersteller = Freigeber ohne Prüfer" i],
:where(.ix-badge, .badge)[data-ix-badge="Prüfer = Ersteller/Freigeber" i],
:where(.ix-badge, .badge) [data-ix-badge="Prüfer = Ersteller/Freigeber" i]
{
	--badge-bg: var(--badge-red-bg);
	--badge-text: var(--badge-red-text);
	--badge-brd: var(--badge-red-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.4'/%3E%3Cpath d='M2.5 20.5v-.8a5 5 0 0 1 5-5h3a5 5 0 0 1 5 5v.8'/%3E%3Cpath d='M16 11l5 5M21 11l-5 5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Funktionstrennung - Rollen unvollständig (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Rollen unvollständig" i],
:where(.ix-badge, .badge) [data-ix-badge="Rollen unvollständig" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5'/%3E%3Cpath d='M12 16.2h.01'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}

/* --------------------------------------------------------------------------
   3.19  Software (Applikation Software)

   Status         SW_KAT_STATUS: Lebenszyklus einer Software
                    Geplant (3.16, blau) -> Proof of Concept (lila) ->
                    Test / Pilot (gelb) -> Im Einsatz (gruen) ->
                    Auslaufend (orange) -> Abgeloest (slate)
   Kritikalitaet  SW_KAT_KTITIKALITAET / _LIEFERANTENKRITIKAL: "hoch",
                  "mittel", "niedrig" kommen aus 3.4 / 3.16; neu nur
                  "in Bewertung" (gelb, Lupe).
   -------------------------------------------------------------------------- */

/* Software Im Einsatz (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Im Einsatz (produktiv)" i],
:where(.ix-badge, .badge) [data-ix-badge="Im Einsatz (produktiv)" i]
{
	--badge-bg: var(--badge-green-bg);
	--badge-text: var(--badge-green-text);
	--badge-brd: var(--badge-green-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4' fill='black' stroke='none'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Software Proof of Concept (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Proof of Concept" i],
:where(.ix-badge, .badge) [data-ix-badge="Proof of Concept" i]
{
	--badge-bg: var(--badge-purple-bg);
	--badge-text: var(--badge-purple-text);
	--badge-brd: var(--badge-purple-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17.5h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.6 10.8c.4.3.6.8.6 1.3v2.4h6v-2.4c0-.5.2-1 .6-1.3A6 6 0 0 0 12 3z'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Software Test / Pilot (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Test / Pilot" i],
:where(.ix-badge, .badge) [data-ix-badge="Test / Pilot" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v6L4.5 19a1.5 1.5 0 0 0 1.3 2h12.4a1.5 1.5 0 0 0 1.3-2L14 9V3'/%3E%3Cpath d='M7 15h10'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Software Auslaufend (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Auslaufend" i],
:where(.ix-badge, .badge) [data-ix-badge="Auslaufend" i]
{
	--badge-bg: var(--badge-orange-bg);
	--badge-text: var(--badge-orange-text);
	--badge-brd: var(--badge-orange-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3Cpath d='M8 16.5h8'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Software Abgeloest (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="Abgelöst" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgelöst" i]
{
	--badge-bg: var(--badge-slate-bg);
	--badge-text: var(--badge-slate-text);
	--badge-brd: var(--badge-slate-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='4' rx='1'/%3E%3Cpath d='M5 8.5V19a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8.5'/%3E%3Cpath d='M10 12.5h4'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}
/* Bewertung offen (STANDARD) */
:where(.ix-badge, .badge)[data-ix-badge="in Bewertung" i],
:where(.ix-badge, .badge) [data-ix-badge="in Bewertung" i]
{
	--badge-bg: var(--badge-yellow-bg);
	--badge-text: var(--badge-yellow-text);
	--badge-brd: var(--badge-yellow-brd);
	--ix-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E");
	--ix-icon-on: "";
}

/* ##########################################################################
   4  TABELLEN
   ########################################################################## */

/* --------------------------------------------------------------------------
   4.1  Aktionsspalte — Mechanik
   -------------------------------------------------------------------------- */

/* ix-action (STANDARD) */
td.ix-action.ix-action.ix-action
{
	width: 1%;
	white-space: nowrap;
}
/* Link (STANDARD) */
td.ix-action.ix-action.ix-action > a
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	margin-left: auto;
	margin-right: auto;
	border-radius: 999px;
	text-decoration: none;
	opacity: 0.65;
	transition: opacity 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease;
}
/* Selektor (STANDARD) */
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
	opacity: 1;
	color: var(--badge-gray-text);
}
/* Before (STANDARD) */
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a::before
{
	content: "";
	width: var(--ix-action-icon-size, 1.125rem);
	height: var(--ix-action-icon-size, 1.125rem);
	background-color: currentColor;
	-webkit-mask: var(--ix-action-icon, var(--ix-icon-pencil)) center / contain no-repeat;
	mask: var(--ix-action-icon, var(--ix-icon-pencil)) center / contain no-repeat;
}
/* Link (Hover) (STANDARD) */
td.ix-action.ix-action.ix-action > a:hover
{
	opacity: 1;
	background-color: var(--badge-blue-bg);
	background-color: color-mix(in srgb,var(--badge-blue-text) 22%,transparent);
	box-shadow: inset 0 0 0 1px var(--badge-blue-brd);
}
/* Link (Focus) (STANDARD) */
td.ix-action.ix-action.ix-action > a:focus-visible
{
	opacity: 1;
	outline: 2px solid var(--badge-blue-text);
	outline-offset: 2px;
}
/* Link (Active) (STANDARD) */
td.ix-action.ix-action.ix-action > a:active
{
	background-color: var(--badge-blue-bg);
	background-color: color-mix(in srgb,var(--badge-blue-text) 34%,transparent);
	box-shadow: inset 0 0 0 1px var(--badge-blue-text);
}
/* Img (STANDARD) */
td.ix-action.ix-action.ix-action > a > img
{
	display: block;
	transform: scale(0.75);
	pointer-events: none;
}
/* Selektor (STANDARD) */
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a > img
{
	display: none;
}
/* Zeile (Hover) (STANDARD) */
tr:hover > td.ix-action.ix-action.ix-action > a
{
	opacity: 0.9;
}
/* Selektor (STANDARD) */
tr:hover > td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
	opacity: 1;
}

/* --------------------------------------------------------------------------
   4.2  Aktionsspalte — Icon-Varianten
   -------------------------------------------------------------------------- */

/* Link (STANDARD) */
.ix-action--external
{
	--ix-action-icon: var(--ix-icon-external);
	--ix-action-icon-size: 1.25rem;
}
/* Open (STANDARD) */
.ix-action--open
{
	--ix-action-icon: var(--ix-icon-chevron);
	--ix-action-icon-size: 1.25rem;
}
/* Eye (STANDARD) */
.ix-action--eye
{
	--ix-action-icon: var(--ix-icon-eye);
	--ix-action-icon-size: 1.25rem;
}
/* Pencil (STANDARD) */
.ix-action--pencil
{
	--ix-action-icon: var(--ix-icon-pencil);
}
/* Add (STANDARD) */
.ix-action--add
{
	--ix-action-icon: var(--ix-icon-plus-circle);
}
/* Import (STANDARD) */
.ix-action--import
{
	--ix-action-icon: var(--ix-icon-import);
	--ix-action-icon-size: 1.25rem;
}
/* Remove (STANDARD) */
.ix-action--remove
{
	--ix-action-icon: var(--ix-icon-minus-circle);
}
/* Remove (Hover) (STANDARD) */
td.ix-action.ix-action.ix-action.ix-action--remove > a:hover
{
	color: var(--badge-red-text);
	background-color: var(--badge-red-bg);
	background-color: color-mix(in srgb,var(--badge-red-text) 18%,transparent);
	box-shadow: inset 0 0 0 1px var(--badge-red-brd);
}
/* Remove (Active) (STANDARD) */
td.ix-action.ix-action.ix-action.ix-action--remove > a:active
{
	color: var(--badge-red-text);
	background-color: var(--badge-red-bg);
	background-color: color-mix(in srgb,var(--badge-red-text) 30%,transparent);
	box-shadow: inset 0 0 0 1px var(--badge-red-text);
}
/* Remove (Focus) (STANDARD) */
td.ix-action.ix-action.ix-action.ix-action--remove > a:focus-visible
{
	outline-color: var(--badge-red-text);
}

/* --------------------------------------------------------------------------
   4.3  Link-Marker in .ix-table
   -------------------------------------------------------------------------- */

/* Link (STANDARD) */
table.ix-table.ix-table.ix-table td.link
{
	--ix-link-marker: var(--ix-icon-external);
}
/* Link (After) (STANDARD) */
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
	content: "";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-left: 0.35em;
	vertical-align: -0.05em;
	background-color: currentColor;
	opacity: 0;
	transition: opacity 0.12s ease;
	-webkit-mask: var(--ix-link-marker) center / contain no-repeat;
	mask: var(--ix-link-marker) center / contain no-repeat;
}
/* Zeile (Hover) (STANDARD) */
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
	opacity: 0.9;
}
/* Leerer Link (STANDARD)

   Ohne Text gibt es nichts zu klicken: kein Marker, kein Hand-Zeiger, keine
   Klickflaeche. Sonst stuende in einer Zeile ohne Wert nur das Pfeilsymbol.
   Die :not()-Teile halten die Spezifitaet ueber der Marker-Regel oben.

   Intrexx rendert Tabellenlinks meist ohne <a>: die Zelle traegt das Ziel
   in data-url, darin steht ein <span> mit dem Wert. Bei leerem Wert ist
   data-url="" - das ist der verlaessliche Haken. :empty deckt nur den
   Sonderfall eines echten, wirklich leeren <a> ab (kein Leerzeichen,
   kein &nbsp;). */
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]) > a:empty::after,
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))[data-url=""]::after
{
	content: none;
}
table.ix-table.ix-table.ix-table td.link > a:empty,
table.ix-table.ix-table.ix-table td.link[data-url=""],
table.ix-table.ix-table.ix-table td.link[data-url=""] *
{
	cursor: default;
	pointer-events: none;
}

/* --------------------------------------------------------------------------
   4.3.1  Link-Marker fuer beliebige Links (.ix-link)

   Derselbe Marker ausserhalb von Tabellen. Die Klasse gehoert an den Link
   selbst oder an das Element, das ihn umschliesst - Intrexx setzt eine
   Designer-Klasse je nach Control auf das <a> oder auf seinen Wrapper.

     .ix-link             Marker erscheint beim Hover/Fokus des Links
     .ix-link--immer      Marker ist dauerhaft sichtbar
   Symbol (Standard: extern), auch in Tabellen an td.link verwendbar:
     .ix-link--extern     Pfeil aus Kasten   (--ix-icon-external)
     .ix-link--weiter     Chevron            (--ix-icon-chevron)
     .ix-link--anzeigen   Auge               (--ix-icon-eye)
     .ix-link--bearbeiten Stift              (--ix-icon-pencil)
   Eigenes Symbol ohne neue Klasse: --ix-link-marker im Stil-Feld setzen.
   -------------------------------------------------------------------------- */

/* Link (STANDARD) */
.ix-link
{
	--ix-link-marker: var(--ix-icon-external);
}
/* Symbol-Varianten - die Tabellen-Selektoren halten die Spezifitaet von
   td.link oben, damit die Variante dort auch greift */
.ix-link--extern,
table.ix-table.ix-table.ix-table td.link.ix-link--extern
{
	--ix-link-marker: var(--ix-icon-external);
}
.ix-link--weiter,
table.ix-table.ix-table.ix-table td.link.ix-link--weiter
{
	--ix-link-marker: var(--ix-icon-chevron);
}
.ix-link--anzeigen,
table.ix-table.ix-table.ix-table td.link.ix-link--anzeigen
{
	--ix-link-marker: var(--ix-icon-eye);
}
.ix-link--bearbeiten,
table.ix-table.ix-table.ix-table td.link.ix-link--bearbeiten
{
	--ix-link-marker: var(--ix-icon-pencil);
}
/* Link (After) (STANDARD) */
a.ix-link::after,
.ix-link:not(a) > a::after
{
	content: "";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-left: 0.35em;
	vertical-align: -0.05em;
	background-color: currentColor;
	opacity: 0;
	transition: opacity 0.12s ease;
	-webkit-mask: var(--ix-link-marker) center / contain no-repeat;
	mask: var(--ix-link-marker) center / contain no-repeat;
}
/* Link (Hover/Fokus) (STANDARD) */
a.ix-link:is(:hover, :focus-visible)::after,
.ix-link:not(a) > a:is(:hover, :focus-visible)::after,
a.ix-link.ix-link--immer::after,
.ix-link.ix-link--immer:not(a) > a::after
{
	opacity: 0.9;
}
/* Leerer Link (STANDARD) - wie in 4.3: ohne Text kein Marker, kein
   Hand-Zeiger, keine Klickflaeche */
a.ix-link:empty::after,
a.ix-link.ix-link--immer:empty::after,
.ix-link:not(a) > a:empty::after,
.ix-link.ix-link--immer:not(a) > a:empty::after
{
	content: none;
}
a.ix-link:empty,
.ix-link:not(a) > a:empty
{
	cursor: default;
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce)
{
	a.ix-link::after,
	.ix-link:not(a) > a::after
	{
		transition: none;
	}
}

/* --------------------------------------------------------------------------
   4.4  Zeilenwechsel

   Das Portal-Stylesheet gibt tr.even UND tr.odd dieselbe Farbe
   (--p-color-light2) - der Zebrastreifen existierte nur im Code. Auffallen
   konnte das nicht, solange light2 praktisch weiss war; mit einer echten
   Flaechenstufe waere stattdessen die ganze Tabelle grau geworden.

   Deshalb hier explizit: gerade Zeilen bleiben weiss, ungerade bekommen
   einen Hauch Blau - gerade genug, um die Zeile zu fuehren, ohne dass die
   Tabelle als Flaeche grau wirkt.
   -------------------------------------------------------------------------- */

.Table_Standard tr.even
{
	background-color: var(--p-color-light0);
}

.Table_Standard tr.odd
{
	background-color: var(--table-zebra, #F7FAFD);
}

/* --------------------------------------------------------------------------
   4.5  Fester Tabellenkopf und feste erste Spalten (.ix-table-sticky)

   Vergabe im Designer: Klasse "ix-table-sticky" an der Tabelle (landet am
   <table>, neben Table_Standard). Dann kleben
     - die Kopfzeile oben, wenn die Seite senkrecht scrollt,
     - die ersten Spalten links (Standard 2: Bild + Name), wenn sie
       waagerecht scrollt.
   Bezug ist der naechste Scroll-Container - im Portal #Container_Content,
   der in beide Richtungen scrollt. Ein Wrapper mit overflow dazwischen
   wuerde sticky auf sich selbst beziehen.

   Stolperstellen (weitere an der thead-Regel und am Hover unten):
   - #Container_Content beginnt bei y = 0, der fixierte Portal-Header
     (#Container_Header, z-index 5) liegt darueber. top: 0 schoebe den Kopf
     unter den Header. --ix-sticky-oben haelt dessen Hoehe (gemessen 58px);
     bei anderer Header-Hoehe im Stil-Feld der Tabelle anpassen.
   - border-collapse: collapse laesst die Rahmen beim Kleben an ihrer alten
     Stelle stehen (sie gehoeren der Tabelle, nicht der Zelle). separate mit
     Abstand 0 sieht gleich aus, die Linie unter dem Kopf wandert mit.
   - Die Zellen im Koerper sind durchsichtig, die Farbe sitzt an der Zeile
     (4.4). Klebende Zellen erben sie, sonst scheint der Inhalt durch.
   - left einer festen Spalte ist die Breite der Spalten davor. CSS kann
     sie nicht messen: --ix-sticky-spalte1 (Avatar XS 2rem + 10px
     Innenabstand = 42px) und --ix-sticky-spalte2 (180px, nur bei --3).
     Andere Werte im Stil-Feld der Tabelle, z. B. --ix-sticky-spalte1: 50px;
   Anzahl der festen Spalten (1, 2 oder 3) und Hover: siehe unten.
   -------------------------------------------------------------------------- */

/* Tabelle (STANDARD) */
table.ix-table-sticky.ix-table-sticky
{
	--ix-sticky-oben: 58px;
	--ix-sticky-spalte1: 42px;
	--ix-sticky-spalte2: 180px;
	border-collapse: separate;
	border-spacing: 0;
}
/* Kopfbereich ueber den festen Spalten (STANDARD)

   Intrexx setzt bei fixierter Kopfzeile inline position:sticky; top:0 an
   den <thead>. Ein sticky-Element bildet einen eigenen Stapelkontext: die
   z-index-Werte der th gelten dann nur darin, der thead selbst laege mit
   z-index auto UNTER den festen Zellen im Koerper (z-index 1) - Bild und
   Name schoeben sich ueber "Mitarbeiter". z-index am thead hebt den ganzen
   Kopf darueber; ohne Intrexx-Option ist der thead nicht positioniert und
   die Regel wirkungslos, dann ordnen die th-Werte unten direkt. */
table.ix-table-sticky.ix-table-sticky > thead
{
	z-index: 3;
}
/* Kopfzeile (STANDARD) */
table.ix-table-sticky.ix-table-sticky > thead > tr > th
{
	position: sticky;
	top: var(--ix-sticky-oben);
	z-index: 2;
}

/* Feste Spalten - Anzahl ueber eine Zusatzklasse (STANDARD)

       ix-table-sticky                     Spalte 1-2 (Standard)
       ix-table-sticky ix-table-sticky--1  nur Spalte 1
       ix-table-sticky ix-table-sticky--3  Spalte 1-3

   left jeder festen Spalte ist die Summe der Breiten davor. CSS kann sie
   nicht messen, deshalb bekommen die Spalten vor der letzten festen eine
   feste Breite aus --ix-sticky-spalte1 / --ix-sticky-spalte2. Bei --3 wird
   ein zu langer Name in Spalte 2 mit "..." gekuerzt. */
table.ix-table-sticky.ix-table-sticky > tbody > tr > td:nth-child(-n+2),
table.ix-table-sticky.ix-table-sticky.ix-table-sticky--3 > tbody > tr > td:nth-child(3)
{
	position: sticky;
	z-index: 1;
	background-color: inherit;
}
table.ix-table-sticky.ix-table-sticky > thead > tr > th:nth-child(-n+2),
table.ix-table-sticky.ix-table-sticky.ix-table-sticky--3 > thead > tr > th:nth-child(3)
{
	z-index: 3;
}
/* --1: Spalte 2 scrollt mit (STANDARD) */
table.ix-table-sticky.ix-table-sticky.ix-table-sticky--1 > tbody > tr > td:nth-child(2),
table.ix-table-sticky.ix-table-sticky.ix-table-sticky--1 > thead > tr > th:nth-child(2)
{
	position: static;
}
table.ix-table-sticky.ix-table-sticky.ix-table-sticky--1 > tbody > tr > td:nth-child(2)
{
	background-color: transparent;
}
/* Spalte 1 (STANDARD) */
table.ix-table-sticky.ix-table-sticky > :is(thead, tbody) > tr > :nth-child(1)
{
	left: 0;
	box-sizing: border-box;
	width: var(--ix-sticky-spalte1);
	min-width: var(--ix-sticky-spalte1);
}
/* Spalte 2 (STANDARD) */
table.ix-table-sticky.ix-table-sticky > :is(thead, tbody) > tr > :nth-child(2)
{
	left: var(--ix-sticky-spalte1);
}
/* Spalte 2 mit fester Breite, wenn Spalte 3 daneben klebt (STANDARD) */
table.ix-table-sticky.ix-table-sticky.ix-table-sticky--3 > :is(thead, tbody) > tr > :nth-child(2)
{
	box-sizing: border-box;
	width: var(--ix-sticky-spalte2);
	min-width: var(--ix-sticky-spalte2);
	max-width: var(--ix-sticky-spalte2);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* Spalte 3 (STANDARD) */
table.ix-table-sticky.ix-table-sticky.ix-table-sticky--3 > :is(thead, tbody) > tr > :nth-child(3)
{
	left: calc(var(--ix-sticky-spalte1) + var(--ix-sticky-spalte2));
}
/* Kante zum scrollenden Teil an der letzten festen Spalte (STANDARD) */
table.ix-table-sticky.ix-table-sticky:not(.ix-table-sticky--1, .ix-table-sticky--3) > :is(thead, tbody) > tr > :nth-child(2),
table.ix-table-sticky.ix-table-sticky.ix-table-sticky--1 > :is(thead, tbody) > tr > :nth-child(1),
table.ix-table-sticky.ix-table-sticky.ix-table-sticky--3 > :is(thead, tbody) > tr > :nth-child(3)
{
	box-shadow: inset -1px 0 0 var(--line-default);
}

/* Hover der festen Zellen (STANDARD)

   Das Portal toent die Zeile beim Hover halbtransparent
   (.Table_Standard tr.even/odd:hover: 8 % Blau auf transparent). Die
   festen Zellen erben diese Farbe - durchsichtig, der darunter scrollende
   Inhalt schiene durch. Deshalb dieselbe Toenung als Verlauf UEBER einem
   deckenden Grund: optisch wie die uebrigen Zellen, aber undurchsichtig. */
table.ix-table-sticky.ix-table-sticky > tbody > tr:hover > td:nth-child(-n+2),
table.ix-table-sticky.ix-table-sticky.ix-table-sticky--3 > tbody > tr:hover > td:nth-child(3)
{
	background-color: var(--p-color-light0);
	background-image: linear-gradient(color-mix(in srgb,var(--badge-blue-text) 8%,transparent), color-mix(in srgb,var(--badge-blue-text) 8%,transparent));
}
table.ix-table-sticky.ix-table-sticky.ix-table-sticky--1 > tbody > tr:hover > td:nth-child(2)
{
	background-color: transparent;
	background-image: none;
}

/* --------------------------------------------------------------------------
   4.6  Heatmap fuer Monatsspalten (.ix-heatmap)

   Vergabe im Designer: Klasse "ix-heatmap" an der Tabelle. Die Stufe je
   Zelle setzt goff-heatmap.js (data-ix-heat, Anteil am Monatsziel), hier
   steht nur die Farbe:
       0        0 PT                 Rot kraeftig
       1        unter 50 %           Rot
       2        50 bis unter 75 %    Rot hell
       3        75 bis unter 90 %    Gelb
       4        90 bis unter 110 %   Gruen
       5        ab 110 %             Gruen kraeftig
       laufend  aktueller Monat      schraffiert, nicht bewertet
       abwesend lange Abwesenheit    grau, nicht bewertet (ohne Grund)
   Grenzen 75 / 90 % wie die Ampel (3.9). Die Toenung liegt als Verlauf
   ueber dem Zellgrund - Zebra und Zeilen-Hover bleiben darunter sichtbar,
   der Text behaelt seine Farbe. Den genauen Anteil zeigt der Tooltip.
   -------------------------------------------------------------------------- */

/* Grundregel (STANDARD) */
table.ix-heatmap td[data-ix-heat]
{
	background-image: linear-gradient(var(--ix-heat), var(--ix-heat));
	font-variant-numeric: tabular-nums;
}
/* Stufen (STANDARD) */
table.ix-heatmap td[data-ix-heat="0"] { --ix-heat: color-mix(in srgb,var(--badge-red-text) 34%,transparent); }
table.ix-heatmap td[data-ix-heat="1"] { --ix-heat: color-mix(in srgb,var(--badge-red-text) 22%,transparent); }
table.ix-heatmap td[data-ix-heat="2"] { --ix-heat: color-mix(in srgb,var(--badge-red-text) 11%,transparent); }
table.ix-heatmap td[data-ix-heat="3"] { --ix-heat: color-mix(in srgb,var(--badge-yellow-text) 16%,transparent); }
table.ix-heatmap td[data-ix-heat="4"] { --ix-heat: color-mix(in srgb,var(--badge-green-text) 14%,transparent); }
table.ix-heatmap td[data-ix-heat="5"] { --ix-heat: color-mix(in srgb,var(--badge-green-text) 28%,transparent); }
/* Lange Abwesenheit (STANDARD) */
table.ix-heatmap td[data-ix-heat="abwesend"]
{
	--ix-heat: color-mix(in srgb,var(--badge-gray-text) 18%,transparent);
	color: var(--badge-gray-text);
}
/* Laufender Monat (STANDARD) */
table.ix-heatmap td[data-ix-heat="laufend"]
{
	background-image: repeating-linear-gradient(135deg, color-mix(in srgb,var(--text-color) 7%,transparent) 0 4px, transparent 4px 8px);
	opacity: 0.75;
}

/* ##########################################################################
   5  BILDER
   ########################################################################## */

/* --------------------------------------------------------------------------
   5.1  CRM-Logo
   -------------------------------------------------------------------------- */

/* Image (CRM) (STANDARD) */
.ix-image-crm img
{
	place-items: center;
	width: var(--ix-image-crm-width, 80px);
	height: var(--ix-image-crm-height, 50px);
	align-items: center;
	justify-content: center;
	display: flex;
	box-sizing: border-box;
	padding: 0.25rem 0.4rem;
	object-fit: contain;
	border-radius: 6px;
	background-color: #fff;
	border: 1px solid var(--ix-image-border-color);
	filter: var(--ix-image-filter);
}
/* Size XS (STANDARD) */
.ix-image-crm.ix-image-crm-size-xs
{
	--ix-image-crm-height: 30px;
	--ix-image-crm-width: 50px;
}
/* Size S (STANDARD) */
.ix-image-crm.ix-image-crm-size-s
{
	--ix-image-crm-height: 30px;
	--ix-image-crm-width: 50px;
}
/* Size M (STANDARD) */
.ix-image-crm.ix-image-crm-size-m
{
	--ix-image-crm-height: 50px;
	--ix-image-crm-width: 80px;
}
/* Size L (STANDARD) */
.ix-image-crm.ix-image-crm-size-l
{
	--ix-image-crm-height: 80px;
	--ix-image-crm-width: 175px;
}

/* --------------------------------------------------------------------------
   5.2  Benutzeravatar
   -------------------------------------------------------------------------- */

/* Image (User) (STANDARD) */
.ix-image-user img
{
	display: block;
	box-sizing: border-box;
	width: var(--ix-avatar-size, 7.5rem);
	height: var(--ix-avatar-size, 7.5rem);
	border-radius: 50%;
	object-fit: var(--ix-avatar-fit, cover);
	object-position: var(--ix-avatar-focus, 50% 30%);
	background-color: var(--badge-gray-bg);
	box-shadow: 0 0 0 1px rgba(128, 128, 128, 0.3);
	box-shadow: 0 0 0 1px color-mix(in srgb,var(--text-color) 15%,transparent);
}
/* Wrapper ohne Grundlinienluecke (STANDARD)

   Intrexx legt den Wrapper als inline-block (ix-inline-block) in eine
   Zeile. Er sitzt dann auf der Schriftlinie, darunter bleibt Platz fuer
   Unterlaengen: bei 64px Bild wird die Zeile 69px hoch. Alles daneben
   zentriert sich gegen diese hoehere Zeile und steht ein paar Pixel zu
   tief, unter dem Bild entsteht leerer Raum. vertical-align: top nimmt
   den Wrapper von der Schriftlinie; bei block-Wrappern wirkt es nicht. */
.ix-image-user
{
	vertical-align: top;
}
/* Image Contain (STANDARD) */
.ix-image-user.ix-image-user-contain
{
	--ix-avatar-fit: contain;
	--ix-avatar-focus: 50% 50%;
}
/* Size XXS (STANDARD) */
.ix-image-user.ix-image-user-size-xxs
{
	--ix-avatar-size: 1.5rem;
}
/* Size XS (STANDARD) */
.ix-image-user.ix-image-user-size-xs
{
	--ix-avatar-size: 2rem;
}
/* Size S (STANDARD) */
.ix-image-user.ix-image-user-size-s
{
	--ix-avatar-size: 2.5rem;
}
/* Size M (STANDARD) */
.ix-image-user.ix-image-user-size-m
{
	--ix-avatar-size: 4rem;
}
/* Size L (STANDARD) */
.ix-image-user.ix-image-user-size-l
{
	--ix-avatar-size: 7.5rem;
}

/* --------------------------------------------------------------------------
   5.3  Avatar in Table_Standard
   -------------------------------------------------------------------------- */

/* .Table_Standard td.ix-image-user (STANDARD) */
.Table_Standard td.ix-image-user
{
	width: 1px;
	padding-right: 0;
	text-align: right;
	vertical-align: middle;
}
/* .Table_Standard td.ix-image-user + td (STANDARD) */
.Table_Standard td.ix-image-user + td
{
	padding-left: 8px;
	vertical-align: middle;
	white-space: nowrap;
}

/* ##########################################################################
   6  SCHALTFLÄCHEN
   ########################################################################## */

/* ==========================================================================
   Goffingen — Schaltflächen und Button-Leiste

   Schaltflächen als Achsen statt als Rollenliste:
       Rolle    Button_Standard | Button_Secondary | Button_Tertiary
       Intent   Button_Danger
       Größe    Button_Compact
       Breite   Button_Block
       Icon     ix-btn--speichern | --abbrechen | --loeschen | --bearbeiten
                | --pencil | --neu | --anzeigen | --extern | --warten

   Standardaktionen:
       Speichern           Button_Standard ix-btn--speichern
       Abbrechen           Button_Tertiary ix-btn--abbrechen
       Löschen (Liste)     Button_Secondary Button_Danger ix-btn--loeschen
       Löschen (Dialog)    Button_Standard Button_Danger ix-btn--loeschen
   Pro Maske genau ein Button_Standard.

   Button-Leiste — Struktur, die Intrexx erzeugt:
       div.row  >  div.ix-buttonbar  >  div.row  >  input.Button_*
   Die .row-Divs sind die Flex-Items, nicht die Schaltflächen; Intrexx legt
   zusätzlich leere .row-Divs mit einem Leerzeichen darin an.

   Klassenvergabe im Designer:
       Gruppierung (als Container/DIV)  ->  ix-buttonbar [+ --anchor]
       Schaltflächen                    ->  Button_* [+ ix-btn--*]
       linksbündige Einzelaktion        ->  zusätzlich ix-btn-left

   Die Leiste misst ihre EIGENE Breite (Container Queries), nicht die des
   Fensters — ein schmaler Dialog auf einem breiten Monitor verhält sich
   dadurch wie ein Smartphone.

   ALLES gehört in den STANDARD-Abschnitt. MEDIUM und LARGE bleiben leer.
   ========================================================================== */

/* --------------------------------------------------------------------------
   6.1  Basis — gilt für jede Rolle
   -------------------------------------------------------------------------- */
.Button_Standard,
.Button_Secondary,
.Button_Tertiary,
.Button_Compact
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	box-sizing: border-box;
	min-height: var(--button-min-height);
	padding: 0 var(--button-padding-x);
	font-family: var(--font-sans);
	font-size: var(--button-font-size);
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid transparent;
	border-radius: var(--button-border-radius);
	background-color: transparent;
	color: var(--text-color);
	transition: background-color 120ms var(--ease-standard), border-color 120ms var(--ease-standard), color 120ms var(--ease-standard);
}

/* --------------------------------------------------------------------------
   6.2  Rollen
   -------------------------------------------------------------------------- */
.Button_Standard
{
	background-color: var(--button-primary-bg);
	border: var(--button-primary-border);
	color: var(--button-primary-color);
}

.Button_Secondary
{
	background-color: var(--button-secondary-bg);
	border: var(--button-secondary-border);
	color: var(--button-secondary-color);
}

.Button_Tertiary
{
	background-color: var(--button-tertiary-bg);
	border: var(--button-tertiary-border);
	color: var(--button-tertiary-color);
}

/* Button_Compact ohne Rolle: Tertiary-Optik, damit nie ungestylt */
.Button_Compact:not(.Button_Standard):not(.Button_Secondary):not(.Button_Tertiary)
{
	background-color: unset;
	border: 1px solid transparent;
	color: var(--button-tertiary-color);
}

/* --------------------------------------------------------------------------
   6.3  Hover — nur im aktiven Zustand
   -------------------------------------------------------------------------- */
.Button_Standard:hover:not(:disabled):not([aria-disabled="true"])
{
	background-color: var(--button-primary-bg-hover);
	border: var(--button-primary-border-hover);
	color: var(--button-primary-color-hover);
}

.Button_Secondary:hover:not(:disabled):not([aria-disabled="true"])
{
	background-color: var(--button-secondary-bg-hover);
	border: var(--button-secondary-border-hover);
	color: var(--button-secondary-color-hover);
}

.Button_Tertiary:hover:not(:disabled):not([aria-disabled="true"]),
.Button_Compact:not(.Button_Standard):not(.Button_Secondary):not(.Button_Tertiary):hover:not(:disabled):not([aria-disabled="true"])
{
	background-color: var(--button-tertiary-bg-hover);
	border: var(--button-tertiary-border-hover);
	color: var(--button-tertiary-color-hover);
}

/* --------------------------------------------------------------------------
   6.4  Active — theme-neutrale Abdunklung statt der defekten linear-gradient-Regel
   -------------------------------------------------------------------------- */
.Button_Standard:active:not(:disabled):not([aria-disabled="true"]),
.Button_Secondary:active:not(:disabled):not([aria-disabled="true"]),
.Button_Tertiary:active:not(:disabled):not([aria-disabled="true"]),
.Button_Compact:active:not(:disabled):not([aria-disabled="true"])
{
	box-shadow: inset 0 0 0 999px color-mix(in oklab, var(--text-color) 16%, transparent);
}

/* --------------------------------------------------------------------------
   6.5  Fokus — sichtbarer Ring, überschreibt *:focus { outline: none }
   -------------------------------------------------------------------------- */
.Button_Standard:focus-visible,
.Button_Secondary:focus-visible,
.Button_Tertiary:focus-visible,
.Button_Compact:focus-visible
{
	outline: 2px solid var(--button-focus-ring);
	outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   6.6  Deaktiviert
   -------------------------------------------------------------------------- */
.Button_Standard:disabled,
.Button_Standard[aria-disabled="true"],
.Button_Secondary:disabled,
.Button_Secondary[aria-disabled="true"],
.Button_Tertiary:disabled,
.Button_Tertiary[aria-disabled="true"],
.Button_Compact:disabled,
.Button_Compact[aria-disabled="true"]
{
	opacity: 0.5;
	cursor: not-allowed;
	box-shadow: none;
}

/* --------------------------------------------------------------------------
   6.7  Intent: Button_Danger (zweite Achse, kombinierbar mit jeder Rolle)
   -------------------------------------------------------------------------- */
.Button_Standard.Button_Danger
{
	background-color: var(--button-danger-bg);
	border: var(--button-danger-border);
	color: var(--button-danger-color);
}

.Button_Standard.Button_Danger:hover:not(:disabled):not([aria-disabled="true"])
{
	background-color: var(--button-danger-bg-hover);
	border: var(--button-danger-border-hover);
	color: var(--button-danger-color-hover);
}

.Button_Secondary.Button_Danger
{
	background-color: var(--button-danger-soft-bg);
	border: 1px solid var(--button-danger-soft-brd);
	color: var(--button-danger-soft-color);
}

.Button_Secondary.Button_Danger:hover:not(:disabled):not([aria-disabled="true"])
{
	background-color: var(--button-danger-soft-bg-hover);
	border: 1px solid var(--button-danger-soft-brd-hover);
	color: var(--button-danger-soft-color);
}

.Button_Tertiary.Button_Danger
{
	background-color: transparent;
	border: 1px solid transparent;
	color: var(--button-danger-soft-color);
}

.Button_Tertiary.Button_Danger:hover:not(:disabled):not([aria-disabled="true"])
{
	background-color: var(--button-danger-soft-bg);
	border: 1px solid var(--button-danger-soft-brd);
	color: var(--button-danger-soft-color);
}

.Button_Standard.Button_Danger:focus-visible,
.Button_Secondary.Button_Danger:focus-visible,
.Button_Tertiary.Button_Danger:focus-visible
{
	outline-color: var(--p-color-danger);
}

/* --------------------------------------------------------------------------
   6.8  Größe: Button_Compact (reine Maß-Achse über lokale Token)
   -------------------------------------------------------------------------- */
.Button_Compact
{
	--button-min-height: 32px;
	--button-padding-x: 10px;
	--button-font-size: var(--font-size-s);
}

/* --------------------------------------------------------------------------
   6.9  Breite
   -------------------------------------------------------------------------- */
.Button_Block
{
	display: flex;
	width: 100%;
}

table[data-html-structure="table"] .Button_Standard,
table[data-html-structure="table"] .Button_Secondary,
table[data-html-structure="table"] .Button_Tertiary
{
	min-width: 100px;
}

table[data-html-structure="table"] .Button_Compact,
div[data-html-structure="container"] .Button_Standard,
div[data-html-structure="container"] .Button_Secondary,
div[data-html-structure="container"] .Button_Tertiary
{
	min-width: 0;
}

/* --------------------------------------------------------------------------
   6.10  Icon-Achse — Maske folgt currentColor, funktioniert in beiden Themes
       Hinweis: setzt ein Element mit ::before voraus (button, a, div).
   -------------------------------------------------------------------------- */
.Button_Standard::before,
.Button_Secondary::before,
.Button_Tertiary::before,
.Button_Compact::before,
.Link_Standard::before
{
	content: var(--ix-button-icon-on, none);
	width: var(--button-icon-size);
	height: var(--button-icon-size);
	flex: none;
	background-color: currentColor;
	-webkit-mask: var(--ix-button-icon, var(--ix-icon-default)) center / contain no-repeat;
	mask: var(--ix-button-icon, var(--ix-icon-default)) center / contain no-repeat;
}

[class*="ix-btn--"]
{
	--ix-button-icon-on: "";
}

.ix-btn--speichern  { --ix-button-icon: var(--ix-icon-haken); }
.ix-btn--abbrechen  { --ix-button-icon: var(--ix-icon-kreuz); }
.ix-btn--loeschen   { --ix-button-icon: var(--ix-icon-muelleimer); }
.ix-btn--bearbeiten { --ix-button-icon: var(--ix-icon-pencil); }
.ix-btn--pencil     { --ix-button-icon: var(--ix-icon-pencil); }
.ix-btn--neu        { --ix-button-icon: var(--ix-icon-plus); }
.ix-btn--anzeigen   { --ix-button-icon: var(--ix-icon-eye); }
.ix-btn--extern     { --ix-button-icon: var(--ix-icon-external); }
.ix-btn--warten     { --ix-button-icon: var(--ix-icon-sanduhr); }
.ix-btn--settings   { --ix-button-icon: var(--ix-icon-settings); }
.ix-btn--abschliessen { --ix-button-icon: var(--ix-icon-schloss); }
.ix-btn--aufschliessen { --ix-button-icon: var(--ix-icon-schloss-offen); }
.ix-btn--export       { --ix-button-icon: var(--ix-icon-export); }
.ix-btn--favoriten    { --ix-button-icon: var(--ix-icon-stern); }

/* --------------------------------------------------------------------------
   6.11  Link_Standard an der Icon-Achse

   Link_Standard ist im Portal-Stylesheet leer und bleibt ein Link - keine
   Flaeche, kein Rahmen, keine Button-Masse. Nur die Icon-Achse wird geteilt:
   dieselben ix-btn--* Klassen setzen dasselbe --ix-button-icon.

   Absichtlich nur mit einer ix-btn--* Klasse als Bedingung. Ohne sie bliebe
   jeder Link im Portal ein Inline-Element wie bisher; inline-flex fuer alle
   wuerde Linktexte aus dem Textfluss loesen.
   -------------------------------------------------------------------------- */
.Link_Standard[class*="ix-btn--"]
{
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	/* Im Textfluss wirkt das Button-Mass 1.15em zu schwer neben der
	   Zeilenhoehe - das Icon folgt hier der Schriftgroesse des Links */
	--button-icon-size: 1em;
	/* Haelt das Icon auf der Schriftlinie, statt die Zeile zu verschieben */
	vertical-align: -0.15em;
}

/* --------------------------------------------------------------------------
   6.12  Exportlink — a[title="export"]

   Den Exportlink setzt Intrexx in Tabellen und Toolbars selbst; eine eigene
   Klasse ist dort nicht vergebbar, deshalb der Attributselektor.

   Das Icon liegt bewusst NICHT auf der Flex-Achse aus 6.10. In der
   Tabellenfusszeile gilt

       .Table_Standard .footer-links a { display: inline-block }

   zwei Klassen plus Typ, also schwerer als a[title="export"]. Ein display am
   Link verliert dort - genau dafuer trug die frueher im Portal-Stylesheet
   stehende Regel ein !important.

   Stattdessen bringt das ::before seinen Kasten selbst mit: inline-block gibt
   ihm Breite und Hoehe, margin-right den Abstand zum Wort, vertical-align die
   Schriftlinie. Das haelt in jeder Umgebung - ob der Link inline, inline-block
   oder inline-flex ist - und braucht kein !important.

   Zuvor stand dort ein Schriftzeichen aus icon54-line (\eaae). Die Glyphe
   fehlt in der Schrift und wurde als gefuellter Punkt gezeichnet. Als
   Schriftzeichen brauchte sie keinen Kasten; deshalb fiel nie auf, dass der
   Link keiner ist. Als Maske traegt background-color die Farbe und folgt
   weiter currentColor - im Dark-Modus ist nichts nachzuziehen.
   -------------------------------------------------------------------------- */

a[title="export"]
{
	/* haelt Icon und Wort zusammen in einer Zeile */
	white-space: nowrap;
}

a[title="export"]::before
{
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 6px;
	vertical-align: -0.15em;
	background-color: currentColor;
	-webkit-mask: var(--ix-icon-export) center / contain no-repeat;
	mask: var(--ix-icon-export) center / contain no-repeat;
}

/* ##########################################################################
   7  BUTTON-LEISTE
   ########################################################################## */

/* --------------------------------------------------------------------------
   7.1  Die Leiste
   -------------------------------------------------------------------------- */
.ix-buttonbar
{
	position: static;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: var(--buttonbar-gap);
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: var(--buttonbar-padding-y) var(--buttonbar-padding-x);
	padding-bottom: calc(var(--buttonbar-padding-y) + var(--buttonbar-safe-bottom));
	background: var(--buttonbar-bg);
	border-top: var(--buttonbar-border);
	border-bottom: 0;
	box-shadow: none;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

/* --------------------------------------------------------------------------
   7.2  Wrapper — leere ausblenden, gefüllte zu Flex-Items machen
      :empty greift nicht, weil Intrexx ein Leerzeichen einfügt.
   -------------------------------------------------------------------------- */
.ix-buttonbar > .row
{
	display: none;
}

.ix-buttonbar > .row:has(> [class*="Button_"])
{
	display: flex;
	position: relative;
	flex: 0 1 auto;
	min-width: 0;
}

.ix-buttonbar > .row > [class*="Button_"],
.ix-buttonbar > [class*="Button_"]
{
	width: 100%;
}

/* --------------------------------------------------------------------------
   7.3  Unten halten

   position:sticky wirkt nur innerhalb der Elternbox. Die Leiste sitzt in
   einem div.row am Ende des Seitencontainers — ist dieser nur so hoch wie
   sein Inhalt, gibt es weder freien Raum für margin-top:auto noch einen Weg
   zum Kleben. Deshalb muss der Seitencontainer den Scrollcontainer füllen.

   Struktur im Dialog:
       section.TT_Content (overflow:auto)   <- Scrollcontainer
         > div[data-html-structure]         <- Seitencontainer
             > div.row > div.ix-buttonbar
   -------------------------------------------------------------------------- */

/* Scrollcontainer zur Flex-Spalte machen */
:where(section, div, form, body):has(> * > .row > .ix-buttonbar)
{
	display: flex;
	flex-direction: column;
}

/* Seitencontainer füllt die Höhe — erst dadurch entsteht freier Raum */
:where(div, form):has(> .row > .ix-buttonbar)
{
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
	box-sizing: border-box;
}

/* Der Wrapper der Leiste rutscht nach unten und klebt beim Scrollen */
.row:has(> .ix-buttonbar)
{
	position: sticky;
	bottom: 0;
	z-index: 20;
	margin-top: auto;
}

/* --------------------------------------------------------------------------
   7.4  Varianten
   -------------------------------------------------------------------------- */

/* --static: nicht klebend, einfach am Ende des Inhalts */
.row:has(> .ix-buttonbar--static)
{
	position: static;
	margin-top: 0;
}

/* --fixed: am Viewport fixiert, für Vollbildmasken */
.ix-buttonbar--fixed
{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	padding-left: 16px;
	padding-right: 16px;
	z-index: 60;
}

.row:has(> .ix-buttonbar--fixed)
{
	position: static;
}

/* --flush: ohne eigene Fläche, wenn die Leiste schon in einem Dialog sitzt */
.ix-buttonbar--flush
{
	background: transparent;
	border-top: 0;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}


/* --anchor: hart an den unteren Rand des Dialogs geheftet.
   Deterministische Rückfallebene, wenn die Flex-Kette in Abschnitt 7.3 an
   einem fremden Container scheitert. Die Leiste liegt dann über dem Inhalt,
   der Scrollbereich bekommt dafür unten Platz. */
.row:has(> .ix-buttonbar--anchor)
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin-top: 0;
	z-index: 30;
}

/* Untere Ecken an den Dialog angleichen, damit die Leiste nicht über die
   Rundung von .TT_POPUP hinausragt. */
.ix-buttonbar--anchor
{
	border-radius: 0 0 8px 8px;
}

/* Platz im Scrollbereich reserviert das Layout bereits selbst:
   .TT_POPUP section.TT_Content { padding-bottom: 90px !important }
   Für eigene Container, die das nicht tun: */
.ix-buttonbar-reserve
{
	padding-bottom: var(--buttonbar-height);
}

/* Ausrichtung */
.ix-buttonbar--start
{
	justify-content: flex-start;
}

.ix-buttonbar--center
{
	justify-content: center;
}

/* Linke Gruppe (z. B. Löschen Duplizieren | Abbrechen Speichern)

   ix-btn-left an jede Schaltfläche, die nach links soll. Den freien Raum
   bekommt nur die LETZTE davon — bekämen ihn alle, würde der Zwischenraum
   gleichmäßig verteilt und die Schaltflächen stünden einzeln verstreut.
   Voraussetzung: die linken Schaltflächen stehen im Designer vor den
   rechten. */
.ix-buttonbar > .row:has(> .ix-btn-left):not(:has(~ .row > .ix-btn-left)),
.ix-buttonbar > .ix-btn-left:not(:has(~ .ix-btn-left))
{
	margin-right: auto;
}

/* Alternative für größere Gruppen: eine eigene Gruppierung innerhalb der
   Leiste mit ix-btn-group. Sie fasst beliebig viele Schaltflächen zusammen
   und wird als Ganzes nach links geschoben. */
.ix-buttonbar .ix-btn-group
{
	display: flex;
	align-items: center;
	gap: var(--buttonbar-gap);
	margin-right: auto;
}

.ix-buttonbar .ix-btn-group > .row
{
	display: none;
}

.ix-buttonbar .ix-btn-group > .row:has(> [class*="Button_"])
{
	display: flex;
	position: relative;
	flex: 0 1 auto;
	min-width: 0;
}

/* --------------------------------------------------------------------------
   7.5  Icons für <input type="button">
      Replaced Elements rendern kein ::before. Das Icon entsteht deshalb am
      Wrapper des Inputs. Intrexx legt Schaltflächen je nach Layout aber nicht
      immer in ein .row-Div — in Grid-Layouts hängt der Input direkt in der
      .ix-grid-column, in Tabellen direkt im td. Beide Fälle sind hier
      abgedeckt; echte <button>/<a>-Controls nutzen weiter Abschnitt 6.10.
   -------------------------------------------------------------------------- */

/* Gemeinsame Maske und Größe — Positionierung folgt in a) / b) */
.row:has(> input[class*="ix-btn--"])::before,
:is(.ix-grid-column, td):has(> input[class*="ix-btn--"]:only-child)::before
{
	content: "";
	width: var(--button-icon-size);
	height: var(--button-icon-size);
	flex: none;
	pointer-events: none;
	background-color: currentColor;
	-webkit-mask: var(--ix-button-icon, var(--ix-icon-default)) center / contain no-repeat;
	mask: var(--ix-button-icon, var(--ix-icon-default)) center / contain no-repeat;
}

.row:has(> input[class*="ix-btn--"]) > input,
:is(.ix-grid-column, td):has(> input[class*="ix-btn--"]:only-child) > input
{
	padding-left: calc(var(--button-padding-x) * 2 + var(--button-icon-size));
}

/* a) .row-Wrapper — Icon absolut über dem linken Innenabstand des Inputs */
.row:has(> input[class*="ix-btn--"])
{
	position: relative;
}

.row:has(> input[class*="ix-btn--"])::before
{
	position: absolute;
	left: var(--button-padding-x);
	top: 50%;
	transform: translateY(-50%);
}

/* b) Grid-Spalte / Tabellenzelle — hier fehlt der .row-Wrapper.
   Ein absolut positioniertes Icon klebte am linken Containerrand, der Button
   steht dort aber häufig per ix-float-right am rechten. Das Icon ist deshalb
   ein echtes Flex-Item: margin-left rückt es auf den Innenabstand des Buttons
   ein, der negative margin-right hebt seine Breite wieder auf. Netto belegt
   es keinen Platz und bleibt am Button, gleich ob links oder rechts.

   Bewusst nur bei :only-child — sonst würde eine Spalte mit weiterem Inhalt
   zum Flex-Container und ihr Layout kippen. Mehrere Schaltflächen
   nebeneinander gehören in eine ix-buttonbar. */
:is(.ix-grid-column, td):has(> input[class*="ix-btn--"]:only-child)
{
	display: flex;
	align-items: center;
	gap: 0;
}

/* float wirkt auf Flex-Items nicht mehr — Rechtsbündigkeit nachbilden */
:is(.ix-grid-column, td):has(> input[class*="ix-btn--"].ix-float-right:only-child)
{
	justify-content: flex-end;
}

:is(.ix-grid-column, td):has(> input[class*="ix-btn--"]:only-child)::before
{
	position: static;
	z-index: 1;
	margin-left: var(--button-padding-x);
	margin-right: calc(-1 * (var(--button-padding-x) + var(--button-icon-size)));
}

/* Custom Properties vererben nur abwärts — das Icon-Token muss deshalb am
   Wrapper landen, obwohl die Klasse am Input hängt. */
:is(.row, .ix-grid-column, td):has(> input.ix-btn--speichern)  { --ix-button-icon: var(--ix-icon-haken); }
:is(.row, .ix-grid-column, td):has(> input.ix-btn--abbrechen)  { --ix-button-icon: var(--ix-icon-kreuz); }
:is(.row, .ix-grid-column, td):has(> input.ix-btn--loeschen)   { --ix-button-icon: var(--ix-icon-muelleimer); }
:is(.row, .ix-grid-column, td):has(> input.ix-btn--bearbeiten) { --ix-button-icon: var(--ix-icon-pencil); }
:is(.row, .ix-grid-column, td):has(> input.ix-btn--pencil)     { --ix-button-icon: var(--ix-icon-pencil); }
:is(.row, .ix-grid-column, td):has(> input.ix-btn--neu)        { --ix-button-icon: var(--ix-icon-plus); }
:is(.row, .ix-grid-column, td):has(> input.ix-btn--anzeigen)   { --ix-button-icon: var(--ix-icon-eye); }
:is(.row, .ix-grid-column, td):has(> input.ix-btn--extern)     { --ix-button-icon: var(--ix-icon-external); }
:is(.row, .ix-grid-column, td):has(> input.ix-btn--warten)     { --ix-button-icon: var(--ix-icon-sanduhr); }
:is(.row, .ix-grid-column, td):has(> input.ix-btn--settings)   { --ix-button-icon: var(--ix-icon-settings); }
:is(.row, .ix-grid-column, td):has(> input.ix-btn--abschliessen) { --ix-button-icon: var(--ix-icon-schloss); }
:is(.row, .ix-grid-column, td):has(> input.ix-btn--aufschliessen) { --ix-button-icon: var(--ix-icon-schloss-offen); }
:is(.row, .ix-grid-column, td):has(> input.ix-btn--export)        { --ix-button-icon: var(--ix-icon-export); }
:is(.row, .ix-grid-column, td):has(> input.ix-btn--favoriten)     { --ix-button-icon: var(--ix-icon-stern); }

/* --------------------------------------------------------------------------
   7.6  Icon-Farbe folgt der Rolle des enthaltenen Buttons
      Die Farbe sitzt am ::before, nicht am Wrapper: color vererbt sich, am
      Wrapper faerbte sie den gesamten Inhalt einer Grid-Spalte mit - etwa die
      Dateiliste eines Upload-Felds neben einem Button weiss auf hellem Grund.
   -------------------------------------------------------------------------- */
:is(.row, .ix-grid-column, td):has(> input.Button_Standard)::before  { color: var(--button-primary-color); }
:is(.row, .ix-grid-column, td):has(> input.Button_Secondary)::before { color: var(--button-secondary-color); }
:is(.row, .ix-grid-column, td):has(> input.Button_Tertiary)::before  { color: var(--button-tertiary-color); }

:is(.row, .ix-grid-column, td):has(> input.Button_Standard.Button_Danger)::before
{
	color: var(--button-danger-color);
}

:is(.row, .ix-grid-column, td):has(> input.Button_Secondary.Button_Danger)::before,
:is(.row, .ix-grid-column, td):has(> input.Button_Tertiary.Button_Danger)::before
{
	color: var(--button-danger-soft-color);
}

:is(.row, .ix-grid-column, td):has(> input.Button_Standard:hover:not(:disabled))::before
{
	color: var(--button-primary-color-hover);
}

:is(.row, .ix-grid-column, td):has(> input.Button_Secondary:hover:not(:disabled))::before
{
	color: var(--button-secondary-color-hover);
}

:is(.row, .ix-grid-column, td):has(> input.Button_Tertiary:hover:not(:disabled))::before
{
	color: var(--button-tertiary-color-hover);
}

/* Danger schlägt die Rollenfarbe auch im Hover — sonst zieht die Regel der
   Rolle darüber und das Icon wird teal, während der Text rot bleibt. */
:is(.row, .ix-grid-column, td):has(> input.Button_Secondary.Button_Danger:hover:not(:disabled))::before,
:is(.row, .ix-grid-column, td):has(> input.Button_Tertiary.Button_Danger:hover:not(:disabled))::before
{
	color: var(--button-danger-soft-color);
}

:is(.row, .ix-grid-column, td):has(> input.Button_Standard.Button_Danger:hover:not(:disabled))::before
{
	color: var(--button-danger-color-hover);
}

:is(.row, .ix-grid-column, td):has(> input[class*="Button_"]:disabled)::before
{
	opacity: 0.5;
}

/* --------------------------------------------------------------------------
   7.7  Enge Leiste — Container Queries statt Breakpoints

   Die Media Queries des Layouts messen das Fenster. Ein Dialog ist aber oft
   deutlich schmaler als das Fenster, in dem er steht — dann greift MEDIUM,
   obwohl die Leiste nur 390px breit ist, und die Schaltflächen brechen um.
   Gemessen wird deshalb der Wrapper der Leiste.
   -------------------------------------------------------------------------- */
.row:has(> .ix-buttonbar)
{
	container-type: inline-size;
	container-name: buttonbar;
}

/* Schmal: kompakte Maße, engere Abstände — bleibt eine Zeile.
   Die Maß-Token sitzen am .row-Wrapper, damit auch das Icon-::before
   denselben Innenabstand liest wie der Button. */
@container buttonbar (max-width: 30rem)
{
	.ix-buttonbar
	{
		--buttonbar-padding-x: 16px;
		--buttonbar-gap: 8px;
	}

	.ix-buttonbar > .row
	{
		--button-min-height: 36px;
		--button-padding-x: 10px;
		--button-font-size: var(--font-size-s);
	}
}

/* Sehr schmal: doch stapeln, dann über die volle Breite */
@container buttonbar (max-width: 18rem)
{
	.ix-buttonbar
	{
		flex-wrap: wrap;
	}

	.ix-buttonbar > .row:has(> [class*="Button_"])
	{
		flex: 1 1 100%;
	}
}

/* ##########################################################################
   8  KACHELN
   ########################################################################## */

/* --------------------------------------------------------------------------
   8.1  Farbvariante Gray

   Die KPI-Kacheln folgen dem Muster
       Container_KPI_<Farbe>      Flaeche, Rahmen, Innenabstand
       Text_KPI_Caption_<Farbe>   Ueberschrift der Kachel
       Text_KPI_Value_<Farbe>     die Zahl
       Text_KPI_Info_<Farbe>      Zusatzzeile darunter
   und liegen fuer Blue, Green, Orange, Purple, Red und Yellow im
   Portal-Stylesheet. Die Variante Gray fehlte dort - die Startseite nutzt
   sie an sechs Stellen, die Kacheln wurden also voellig ungestylt
   ausgeliefert. Hier nachgezogen, mit denselben --pill-*-Token wie die
   Geschwister.

   Zwei bewusste Abweichungen von der frueheren Gray-Fassung:
   - Text_KPI_Info_Gray zeigte auf --pill-blue-text (Uebernahmefehler aus der
     Blue-Variante). Hier korrekt auf gray.
   - Der Container hatte height: 100px. Feste Hoehe schneidet lange
     Beschriftungen ab; min-height haelt die Kachelreihe gleich hoch, laesst
     aber Luft nach unten.
   -------------------------------------------------------------------------- */

.Container_KPI_Gray
{
	box-sizing: border-box;
	padding: 10px;
	border-radius: var(--frame1-border-radius);
	background: var(--pill-gray-bg);
	border: var(--frame1-border);
	border-color: var(--pill-gray-brd);
	min-height: 100px;
}

.Text_KPI_Caption_Gray
{
	color: var(--pill-gray-text);
	font-size: var(--font-size-s);
}

.Text_KPI_Value_Gray
{
	color: var(--pill-gray-text);
	font-size: var(--font-size-xl);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}

.Text_KPI_Info_Gray
{
	color: var(--pill-gray-text);
	font-size: var(--font-size-xs);
}

/* --------------------------------------------------------------------------
   8.2  Farbvariante Gray — kompakt (_M)

   Die anderen Farben haben eine _M-Reihe mit kleinerer Zahl, fuer Kacheln
   in engen Spalten. Der Vollstaendigkeit halber auch fuer Gray.
   -------------------------------------------------------------------------- */

.Text_KPI_Caption_Gray_M
{
	color: var(--pill-gray-text);
	font-size: var(--font-size-xs);
}

.Text_KPI_Value_Gray_M
{
	color: var(--pill-gray-text);
	font-size: var(--font-size-l);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}

.Text_KPI_Info_Gray_M
{
	color: var(--pill-gray-text);
	font-size: var(--font-size-xxs);
}


/* --------------------------------------------------------------------------
   8.3  Schatten fuer Kacheln

   --frame1-shadow war definiert, wurde aber nirgends angewendet; im Light
   stand --portlet1-shadow auf unset. Kacheln lagen dadurch flach auf der
   Flaeche, im Dark trug sie der dunklere Grund noch, im Light gar nichts.

   Beide Token zeigen jetzt auf denselben Wert, damit Kacheln und Portlets
   nicht auseinanderlaufen. Zwei Ebenen: ein harter 1px-Saum fuer die Kante,
   eine weiche Wolke fuer die Tiefe - im Light blaustichig statt neutral
   schwarz, sonst wirkt der Schatten auf dem kuehlen Grund schmutzig.

   .portlet ist eine klassische Portalseiten-Klasse und kommt im DOM nicht
   vor; sie steht hier nur, damit beide Wege abgedeckt sind.
   -------------------------------------------------------------------------- */

.Container_Standard,
.portlet,
[class^="Container_KPI_"],
[class*=" Container_KPI_"]
{
	/*box-shadow: var(--frame1-shadow);*/
}

/* ##########################################################################
   9  FALLBACKS
   ########################################################################## */

/* --------------------------------------------------------------------------
   9.1  Fallback ohne :has() — keine Icons, statische Leiste, aber intakt
   -------------------------------------------------------------------------- */
@supports not selector(:has(*))
{
	.ix-buttonbar > .row
	{
		display: flex;
		flex: 0 1 auto;
	}
}

/* ##########################################################################
   10  DIALOGE
   ########################################################################## */

/* --------------------------------------------------------------------------
   10.1  Datapicker — Innenabstand auf die Groesse des Inhalts

   Jedes TT_POPUP erbt den Innenabstand des grossen Dialogs: 15px ringsum,
   ab MEDIUM 30px, dazu 90px unten als reservierter Platz fuer die
   Button-Leiste. Ein Datapicker zeigt nur eine kurze Vorschlagsliste und
   hat keine Leiste - die 90px stehen dort als leere Flaeche unter den
   Eintraegen.

   Angesprochen ueber data-tooltip-key: Intrexx stempelt jedem Datapicker
   den Praefix "dataPickerTT_" auf. Eine eigene Klasse waere nicht vergebbar,
   weil das Popup nicht im Designer liegt, sondern zur Laufzeit direkt unter
   body entsteht.

   Das !important beim unteren Abstand ist noetig, weil die Grundregel ihn
   selbst mit !important setzt - bei gleicher Stufe entscheidet dann die
   Spezifitaet, und der Attributselektor hier wiegt schwerer.
   -------------------------------------------------------------------------- */

.TT_POPUP[data-tooltip-key^="dataPickerTT_"] section.TT_Content
{
	padding: 12px 14px;
	padding-bottom: 12px !important;
	scroll-padding-bottom: 0;
}

/* ##########################################################################
   11  DIAGRAMME
   ########################################################################## */

/* --------------------------------------------------------------------------
   11.1  amCharts - Schrift und Linien im Dark-Modus

   Die Intrexx-Diagramme zeichnet amCharts 3 als SVG. Beschriftungen,
   Achsen, Gitter und Legende tragen die Farbe als SVG-Attribut
   (fill="#000000", stroke="#000000") - schwarz auf dunklem Grund.

   Ein SVG-Praesentationsattribut hat die niedrigste Stufe in der Kaskade;
   jede CSS-Regel schlaegt es, ohne !important und ohne Eingriff in die
   Diagrammkonfiguration. stroke-opacity/fill-opacity bleiben als Attribut
   stehen - das Gitter bleibt dadurch so zart wie im Light.

   Der Tooltip (Balloon) bleibt unberuehrt: sein Text ist HTML in
   .amcharts-balloon-div auf weissem Grund und dort lesbar.

   Nur im Dark: im Light ist Schwarz richtig und soll es bleiben.
   -------------------------------------------------------------------------- */

:root[data-theme="dark"] .amchart-parent svg text
{
	fill: var(--text-color);
}

:root[data-theme="dark"] .amchart-parent svg [stroke="#000000"]
{
	stroke: var(--text-color);
}

#Container_AppMenu a:focus-visible
{
	outline: 2px solid var(--p-color-primary);
	outline-offset: 3px;
	border-radius: 4px;
}
@media only screen and (min-width: 40.0625em)
{
td.ix-badge.ix-badge.ix-badge
{
}
:where(td.ix-badge, .ix-badge:not(td))
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a),
.ix-badge.ix-badge.ix-badge:not(td)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a)::before,
.ix-badge.ix-badge.ix-badge:not(td)::before
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty),
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before,
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before
{
}
td.ix-badge.ix-badge.ix-badge > a
{
}
td.ix-badge.ix-badge.ix-badge > a:hover
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a),
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a)::before,
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)::before
{
}
td.ix-badge--sm.ix-badge--sm.ix-badge--sm > :is(span, a),
.ix-badge--sm.ix-badge--sm.ix-badge--sm:not(td)
{
}
td.ix-badge--outline.ix-badge--outline.ix-badge--outline > :is(span, a),
.ix-badge--outline.ix-badge--outline.ix-badge--outline:not(td)
{
}
td.ix-badge--solid.ix-badge--solid.ix-badge--solid > :is(span, a),
.ix-badge--solid.ix-badge--solid.ix-badge--solid:not(td)
{
}
.ix-ze-ueberstunden-beantragt,
:where(.ix-badge, .badge)[data-ix-badge="Beantragt" i],
:where(.ix-badge, .badge) [data-ix-badge="Beantragt" i]
{
}
.ix-ze-ueberstunden-pruefbestand,
:where(.ix-badge, .badge)[data-ix-badge="Im Prüfbestand" i],
:where(.ix-badge, .badge) [data-ix-badge="Im Prüfbestand" i]
{
}
.ix-ze-ueberstunden-genehmigt,
:where(.ix-badge, .badge)[data-ix-badge="Genehmigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Genehmigt" i]
{
}
.ix-ze-ueberstunden-abgelehnt,
:where(.ix-badge, .badge)[data-ix-badge="Abgelehnt" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgelehnt" i]
{
}
.ix-ze-ueberstunden-offen,
:where(.ix-badge, .badge)[data-ix-badge="Offen" i],
:where(.ix-badge, .badge) [data-ix-badge="Offen" i]
{
}
.ix-prio-hoch,
:where(.ix-badge, .badge)[data-ix-badge="hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="hoch" i]
{
}
.ix-prio-niedrig,
:where(.ix-badge, .badge)[data-ix-badge="niedrig" i],
:where(.ix-badge, .badge) [data-ix-badge="niedrig" i]
{
}
.ix-prio-normal,
:where(.ix-badge, .badge)[data-ix-badge="normal" i],
:where(.ix-badge, .badge) [data-ix-badge="normal" i]
{
}
.ix-prio-sehr-hoch,
:where(.ix-badge, .badge)[data-ix-badge="sehr hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="sehr hoch" i]
{
}
.ix-inaktiv,
:where(.ix-badge, .badge)[data-ix-badge="inaktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="inaktiv" i]
{
}
.ix-standby,
:where(.ix-badge, .badge)[data-ix-badge="standby" i],
:where(.ix-badge, .badge) [data-ix-badge="standby" i]
{
}
.ix-aktiv,
:where(.ix-badge, .badge)[data-ix-badge="aktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="aktiv" i]
{
}
.ix-abgebrochen,
:where(.ix-badge, .badge)[data-ix-badge="Abgebrochen" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgebrochen" i]
{
}
.ix-erledigt,
:where(.ix-badge, .badge)[data-ix-badge="Erledigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Erledigt" i]
{
}
.ix-arbeit,
:where(.ix-badge, .badge)[data-ix-badge="in Arbeit" i],
:where(.ix-badge, .badge) [data-ix-badge="in Arbeit" i]
{
}
.ix-planung,
:where(.ix-badge, .badge)[data-ix-badge="in Planung" i],
:where(.ix-badge, .badge) [data-ix-badge="in Planung" i]
{
}
.ix-status,
:where(.ix-badge, .badge)[data-ix-badge="Auftrag beendet" i],
:where(.ix-badge, .badge) [data-ix-badge="Auftrag beendet" i]
{
}
.ix-badge-orange
{
}
td.ix-action.ix-action.ix-action
{
}
td.ix-action.ix-action.ix-action > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a::before
{
}
td.ix-action.ix-action.ix-action > a:hover
{
}
td.ix-action.ix-action.ix-action > a:focus-visible
{
}
td.ix-action.ix-action.ix-action > a:active
{
}
td.ix-action.ix-action.ix-action > a > img
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a > img
{
}
tr:hover > td.ix-action.ix-action.ix-action > a
{
}
tr:hover > td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
.ix-action--external
{
}
.ix-action--open
{
}
.ix-action--eye
{
}
.ix-action--pencil
{
}
.ix-action--add
{
}
.ix-image-crm img
{
}
.ix-image-crm.ix-image-crm-size-xs
{
}
.ix-image-crm.ix-image-crm-size-s
{
}
.ix-image-crm.ix-image-crm-size-m
{
}
.ix-image-crm.ix-image-crm-size-l
{
}
table.ix-table.ix-table.ix-table td.link
{
}
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
.ix-image-user img
{
}
.ix-image-user.ix-image-user-contain
{
}
.ix-image-user.ix-image-user-size-xxs
{
}
.ix-image-user.ix-image-user-size-xs
{
}
.ix-image-user.ix-image-user-size-s
{
}
.ix-image-user.ix-image-user-size-m
{
}
.ix-image-user.ix-image-user-size-l
{
}
.Table_Standard td.ix-image-user
{
}
.Table_Standard td.ix-image-user + td
{
}
[class*="ix-btn--"]
{
}
.ix-btn--speichern
{
}
.ix-btn--abbrechen
{
}
.ix-btn--loeschen
{
}
.ix-btn--bearbeiten
{
}
.ix-btn--neu
{
}
.ix-btn--anzeigen
{
}
.ix-btn--extern
{
}
.ix-btn--warten
{
}
}
@media only screen and (min-width: 64.0625em)
{
td.ix-badge.ix-badge.ix-badge
{
}
:where(td.ix-badge, .ix-badge:not(td))
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a),
.ix-badge.ix-badge.ix-badge:not(td)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a)::before,
.ix-badge.ix-badge.ix-badge:not(td)::before
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty),
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before,
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before
{
}
td.ix-badge.ix-badge.ix-badge > a
{
}
td.ix-badge.ix-badge.ix-badge > a:hover
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a),
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a)::before,
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)::before
{
}
td.ix-badge--sm.ix-badge--sm.ix-badge--sm > :is(span, a),
.ix-badge--sm.ix-badge--sm.ix-badge--sm:not(td)
{
}
td.ix-badge--outline.ix-badge--outline.ix-badge--outline > :is(span, a),
.ix-badge--outline.ix-badge--outline.ix-badge--outline:not(td)
{
}
td.ix-badge--solid.ix-badge--solid.ix-badge--solid > :is(span, a),
.ix-badge--solid.ix-badge--solid.ix-badge--solid:not(td)
{
}
.ix-ze-ueberstunden-beantragt,
:where(.ix-badge, .badge)[data-ix-badge="Beantragt" i],
:where(.ix-badge, .badge) [data-ix-badge="Beantragt" i]
{
}
.ix-ze-ueberstunden-pruefbestand,
:where(.ix-badge, .badge)[data-ix-badge="Im Prüfbestand" i],
:where(.ix-badge, .badge) [data-ix-badge="Im Prüfbestand" i]
{
}
.ix-ze-ueberstunden-genehmigt,
:where(.ix-badge, .badge)[data-ix-badge="Genehmigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Genehmigt" i]
{
}
.ix-ze-ueberstunden-abgelehnt,
:where(.ix-badge, .badge)[data-ix-badge="Abgelehnt" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgelehnt" i]
{
}
.ix-ze-ueberstunden-offen,
:where(.ix-badge, .badge)[data-ix-badge="Offen" i],
:where(.ix-badge, .badge) [data-ix-badge="Offen" i]
{
}
.ix-prio-hoch,
:where(.ix-badge, .badge)[data-ix-badge="hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="hoch" i]
{
}
.ix-prio-niedrig,
:where(.ix-badge, .badge)[data-ix-badge="niedrig" i],
:where(.ix-badge, .badge) [data-ix-badge="niedrig" i]
{
}
.ix-prio-normal,
:where(.ix-badge, .badge)[data-ix-badge="normal" i],
:where(.ix-badge, .badge) [data-ix-badge="normal" i]
{
}
.ix-prio-sehr-hoch,
:where(.ix-badge, .badge)[data-ix-badge="sehr hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="sehr hoch" i]
{
}
.ix-inaktiv,
:where(.ix-badge, .badge)[data-ix-badge="inaktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="inaktiv" i]
{
}
.ix-standby,
:where(.ix-badge, .badge)[data-ix-badge="standby" i],
:where(.ix-badge, .badge) [data-ix-badge="standby" i]
{
}
.ix-aktiv,
:where(.ix-badge, .badge)[data-ix-badge="aktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="aktiv" i]
{
}
.ix-abgebrochen,
:where(.ix-badge, .badge)[data-ix-badge="Abgebrochen" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgebrochen" i]
{
}
.ix-erledigt,
:where(.ix-badge, .badge)[data-ix-badge="Erledigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Erledigt" i]
{
}
.ix-arbeit,
:where(.ix-badge, .badge)[data-ix-badge="in Arbeit" i],
:where(.ix-badge, .badge) [data-ix-badge="in Arbeit" i]
{
}
.ix-planung,
:where(.ix-badge, .badge)[data-ix-badge="in Planung" i],
:where(.ix-badge, .badge) [data-ix-badge="in Planung" i]
{
}
.ix-status,
:where(.ix-badge, .badge)[data-ix-badge="Auftrag beendet" i],
:where(.ix-badge, .badge) [data-ix-badge="Auftrag beendet" i]
{
}
.ix-badge-orange
{
}
td.ix-action.ix-action.ix-action
{
}
td.ix-action.ix-action.ix-action > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a::before
{
}
td.ix-action.ix-action.ix-action > a:hover
{
}
td.ix-action.ix-action.ix-action > a:focus-visible
{
}
td.ix-action.ix-action.ix-action > a:active
{
}
td.ix-action.ix-action.ix-action > a > img
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a > img
{
}
tr:hover > td.ix-action.ix-action.ix-action > a
{
}
tr:hover > td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
.ix-action--external
{
}
.ix-action--open
{
}
.ix-action--eye
{
}
.ix-action--pencil
{
}
.ix-action--add
{
}
.ix-image-crm img
{
}
.ix-image-crm.ix-image-crm-size-xs
{
}
.ix-image-crm.ix-image-crm-size-s
{
}
.ix-image-crm.ix-image-crm-size-m
{
}
.ix-image-crm.ix-image-crm-size-l
{
}
table.ix-table.ix-table.ix-table td.link
{
}
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
.ix-image-user img
{
}
.ix-image-user.ix-image-user-contain
{
}
.ix-image-user.ix-image-user-size-xxs
{
}
.ix-image-user.ix-image-user-size-xs
{
}
.ix-image-user.ix-image-user-size-s
{
}
.ix-image-user.ix-image-user-size-m
{
}
.ix-image-user.ix-image-user-size-l
{
}
.Table_Standard td.ix-image-user
{
}
.Table_Standard td.ix-image-user + td
{
}
[class*="ix-btn--"]
{
}
.ix-btn--speichern
{
}
.ix-btn--abbrechen
{
}
.ix-btn--loeschen
{
}
.ix-btn--bearbeiten
{
}
.ix-btn--neu
{
}
.ix-btn--anzeigen
{
}
.ix-btn--extern
{
}
.ix-btn--warten
{
}
}

#Container_AppMenu a:focus-visible
{
	outline: 2px solid var(--p-color-primary);
	outline-offset: 3px;
	border-radius: 4px;
}
@media only screen and (min-width: 40.0625em)
{
td.ix-badge.ix-badge.ix-badge
{
}
:where(td.ix-badge, .ix-badge:not(td))
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a),
.ix-badge.ix-badge.ix-badge:not(td)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a)::before,
.ix-badge.ix-badge.ix-badge:not(td)::before
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty),
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before,
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before
{
}
td.ix-badge.ix-badge.ix-badge > a
{
}
td.ix-badge.ix-badge.ix-badge > a:hover
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a),
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a)::before,
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)::before
{
}
td.ix-badge--sm.ix-badge--sm.ix-badge--sm > :is(span, a),
.ix-badge--sm.ix-badge--sm.ix-badge--sm:not(td)
{
}
td.ix-badge--outline.ix-badge--outline.ix-badge--outline > :is(span, a),
.ix-badge--outline.ix-badge--outline.ix-badge--outline:not(td)
{
}
td.ix-badge--solid.ix-badge--solid.ix-badge--solid > :is(span, a),
.ix-badge--solid.ix-badge--solid.ix-badge--solid:not(td)
{
}
.ix-ze-ueberstunden-beantragt,
:where(.ix-badge, .badge)[data-ix-badge="Beantragt" i],
:where(.ix-badge, .badge) [data-ix-badge="Beantragt" i]
{
}
.ix-ze-ueberstunden-pruefbestand,
:where(.ix-badge, .badge)[data-ix-badge="Im Prüfbestand" i],
:where(.ix-badge, .badge) [data-ix-badge="Im Prüfbestand" i]
{
}
.ix-ze-ueberstunden-genehmigt,
:where(.ix-badge, .badge)[data-ix-badge="Genehmigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Genehmigt" i]
{
}
.ix-ze-ueberstunden-abgelehnt,
:where(.ix-badge, .badge)[data-ix-badge="Abgelehnt" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgelehnt" i]
{
}
.ix-ze-ueberstunden-offen,
:where(.ix-badge, .badge)[data-ix-badge="Offen" i],
:where(.ix-badge, .badge) [data-ix-badge="Offen" i]
{
}
.ix-prio-hoch,
:where(.ix-badge, .badge)[data-ix-badge="hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="hoch" i]
{
}
.ix-prio-niedrig,
:where(.ix-badge, .badge)[data-ix-badge="niedrig" i],
:where(.ix-badge, .badge) [data-ix-badge="niedrig" i]
{
}
.ix-prio-normal,
:where(.ix-badge, .badge)[data-ix-badge="normal" i],
:where(.ix-badge, .badge) [data-ix-badge="normal" i]
{
}
.ix-prio-sehr-hoch,
:where(.ix-badge, .badge)[data-ix-badge="sehr hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="sehr hoch" i]
{
}
.ix-inaktiv,
:where(.ix-badge, .badge)[data-ix-badge="inaktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="inaktiv" i]
{
}
.ix-standby,
:where(.ix-badge, .badge)[data-ix-badge="standby" i],
:where(.ix-badge, .badge) [data-ix-badge="standby" i]
{
}
.ix-aktiv,
:where(.ix-badge, .badge)[data-ix-badge="aktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="aktiv" i]
{
}
.ix-abgebrochen,
:where(.ix-badge, .badge)[data-ix-badge="Abgebrochen" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgebrochen" i]
{
}
.ix-erledigt,
:where(.ix-badge, .badge)[data-ix-badge="Erledigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Erledigt" i]
{
}
.ix-arbeit,
:where(.ix-badge, .badge)[data-ix-badge="in Arbeit" i],
:where(.ix-badge, .badge) [data-ix-badge="in Arbeit" i]
{
}
.ix-planung,
:where(.ix-badge, .badge)[data-ix-badge="in Planung" i],
:where(.ix-badge, .badge) [data-ix-badge="in Planung" i]
{
}
.ix-status,
:where(.ix-badge, .badge)[data-ix-badge="Auftrag beendet" i],
:where(.ix-badge, .badge) [data-ix-badge="Auftrag beendet" i]
{
}
.ix-badge-orange
{
}
td.ix-action.ix-action.ix-action
{
}
td.ix-action.ix-action.ix-action > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a::before
{
}
td.ix-action.ix-action.ix-action > a:hover
{
}
td.ix-action.ix-action.ix-action > a:focus-visible
{
}
td.ix-action.ix-action.ix-action > a:active
{
}
td.ix-action.ix-action.ix-action > a > img
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a > img
{
}
tr:hover > td.ix-action.ix-action.ix-action > a
{
}
tr:hover > td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
.ix-action--external
{
}
.ix-action--open
{
}
.ix-action--eye
{
}
.ix-action--pencil
{
}
.ix-action--add
{
}
.ix-image-crm img
{
}
.ix-image-crm.ix-image-crm-size-xs
{
}
.ix-image-crm.ix-image-crm-size-s
{
}
.ix-image-crm.ix-image-crm-size-m
{
}
.ix-image-crm.ix-image-crm-size-l
{
}
table.ix-table.ix-table.ix-table td.link
{
}
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
.ix-image-user img
{
}
.ix-image-user.ix-image-user-contain
{
}
.ix-image-user.ix-image-user-size-xxs
{
}
.ix-image-user.ix-image-user-size-xs
{
}
.ix-image-user.ix-image-user-size-s
{
}
.ix-image-user.ix-image-user-size-m
{
}
.ix-image-user.ix-image-user-size-l
{
}
.Table_Standard td.ix-image-user
{
}
.Table_Standard td.ix-image-user + td
{
}
[class*="ix-btn--"]
{
}
.ix-btn--speichern
{
}
.ix-btn--abbrechen
{
}
.ix-btn--loeschen
{
}
.ix-btn--bearbeiten
{
}
.ix-btn--neu
{
}
.ix-btn--anzeigen
{
}
.ix-btn--extern
{
}
.ix-btn--warten
{
}
}
@media only screen and (min-width: 64.0625em)
{
td.ix-badge.ix-badge.ix-badge
{
}
:where(td.ix-badge, .ix-badge:not(td))
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a),
.ix-badge.ix-badge.ix-badge:not(td)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a)::before,
.ix-badge.ix-badge.ix-badge:not(td)::before
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty),
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before,
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before
{
}
td.ix-badge.ix-badge.ix-badge > a
{
}
td.ix-badge.ix-badge.ix-badge > a:hover
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a),
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a)::before,
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)::before
{
}
td.ix-badge--sm.ix-badge--sm.ix-badge--sm > :is(span, a),
.ix-badge--sm.ix-badge--sm.ix-badge--sm:not(td)
{
}
td.ix-badge--outline.ix-badge--outline.ix-badge--outline > :is(span, a),
.ix-badge--outline.ix-badge--outline.ix-badge--outline:not(td)
{
}
td.ix-badge--solid.ix-badge--solid.ix-badge--solid > :is(span, a),
.ix-badge--solid.ix-badge--solid.ix-badge--solid:not(td)
{
}
.ix-ze-ueberstunden-beantragt,
:where(.ix-badge, .badge)[data-ix-badge="Beantragt" i],
:where(.ix-badge, .badge) [data-ix-badge="Beantragt" i]
{
}
.ix-ze-ueberstunden-pruefbestand,
:where(.ix-badge, .badge)[data-ix-badge="Im Prüfbestand" i],
:where(.ix-badge, .badge) [data-ix-badge="Im Prüfbestand" i]
{
}
.ix-ze-ueberstunden-genehmigt,
:where(.ix-badge, .badge)[data-ix-badge="Genehmigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Genehmigt" i]
{
}
.ix-ze-ueberstunden-abgelehnt,
:where(.ix-badge, .badge)[data-ix-badge="Abgelehnt" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgelehnt" i]
{
}
.ix-ze-ueberstunden-offen,
:where(.ix-badge, .badge)[data-ix-badge="Offen" i],
:where(.ix-badge, .badge) [data-ix-badge="Offen" i]
{
}
.ix-prio-hoch,
:where(.ix-badge, .badge)[data-ix-badge="hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="hoch" i]
{
}
.ix-prio-niedrig,
:where(.ix-badge, .badge)[data-ix-badge="niedrig" i],
:where(.ix-badge, .badge) [data-ix-badge="niedrig" i]
{
}
.ix-prio-normal,
:where(.ix-badge, .badge)[data-ix-badge="normal" i],
:where(.ix-badge, .badge) [data-ix-badge="normal" i]
{
}
.ix-prio-sehr-hoch,
:where(.ix-badge, .badge)[data-ix-badge="sehr hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="sehr hoch" i]
{
}
.ix-inaktiv,
:where(.ix-badge, .badge)[data-ix-badge="inaktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="inaktiv" i]
{
}
.ix-standby,
:where(.ix-badge, .badge)[data-ix-badge="standby" i],
:where(.ix-badge, .badge) [data-ix-badge="standby" i]
{
}
.ix-aktiv,
:where(.ix-badge, .badge)[data-ix-badge="aktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="aktiv" i]
{
}
.ix-abgebrochen,
:where(.ix-badge, .badge)[data-ix-badge="Abgebrochen" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgebrochen" i]
{
}
.ix-erledigt,
:where(.ix-badge, .badge)[data-ix-badge="Erledigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Erledigt" i]
{
}
.ix-arbeit,
:where(.ix-badge, .badge)[data-ix-badge="in Arbeit" i],
:where(.ix-badge, .badge) [data-ix-badge="in Arbeit" i]
{
}
.ix-planung,
:where(.ix-badge, .badge)[data-ix-badge="in Planung" i],
:where(.ix-badge, .badge) [data-ix-badge="in Planung" i]
{
}
.ix-status,
:where(.ix-badge, .badge)[data-ix-badge="Auftrag beendet" i],
:where(.ix-badge, .badge) [data-ix-badge="Auftrag beendet" i]
{
}
.ix-badge-orange
{
}
td.ix-action.ix-action.ix-action
{
}
td.ix-action.ix-action.ix-action > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a::before
{
}
td.ix-action.ix-action.ix-action > a:hover
{
}
td.ix-action.ix-action.ix-action > a:focus-visible
{
}
td.ix-action.ix-action.ix-action > a:active
{
}
td.ix-action.ix-action.ix-action > a > img
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a > img
{
}
tr:hover > td.ix-action.ix-action.ix-action > a
{
}
tr:hover > td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
.ix-action--external
{
}
.ix-action--open
{
}
.ix-action--eye
{
}
.ix-action--pencil
{
}
.ix-action--add
{
}
.ix-image-crm img
{
}
.ix-image-crm.ix-image-crm-size-xs
{
}
.ix-image-crm.ix-image-crm-size-s
{
}
.ix-image-crm.ix-image-crm-size-m
{
}
.ix-image-crm.ix-image-crm-size-l
{
}
table.ix-table.ix-table.ix-table td.link
{
}
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
.ix-image-user img
{
}
.ix-image-user.ix-image-user-contain
{
}
.ix-image-user.ix-image-user-size-xxs
{
}
.ix-image-user.ix-image-user-size-xs
{
}
.ix-image-user.ix-image-user-size-s
{
}
.ix-image-user.ix-image-user-size-m
{
}
.ix-image-user.ix-image-user-size-l
{
}
.Table_Standard td.ix-image-user
{
}
.Table_Standard td.ix-image-user + td
{
}
[class*="ix-btn--"]
{
}
.ix-btn--speichern
{
}
.ix-btn--abbrechen
{
}
.ix-btn--loeschen
{
}
.ix-btn--bearbeiten
{
}
.ix-btn--neu
{
}
.ix-btn--anzeigen
{
}
.ix-btn--extern
{
}
.ix-btn--warten
{
}
}

#Container_AppMenu a:focus-visible
{
	outline: 2px solid var(--p-color-primary);
	outline-offset: 3px;
	border-radius: 4px;
}
@media only screen and (min-width: 40.0625em)
{
td.ix-badge.ix-badge.ix-badge
{
}
:where(td.ix-badge, .ix-badge:not(td))
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a),
.ix-badge.ix-badge.ix-badge:not(td)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a)::before,
.ix-badge.ix-badge.ix-badge:not(td)::before
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty),
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before,
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before
{
}
td.ix-badge.ix-badge.ix-badge > a
{
}
td.ix-badge.ix-badge.ix-badge > a:hover
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a),
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a)::before,
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)::before
{
}
td.ix-badge--sm.ix-badge--sm.ix-badge--sm > :is(span, a),
.ix-badge--sm.ix-badge--sm.ix-badge--sm:not(td)
{
}
td.ix-badge--outline.ix-badge--outline.ix-badge--outline > :is(span, a),
.ix-badge--outline.ix-badge--outline.ix-badge--outline:not(td)
{
}
td.ix-badge--solid.ix-badge--solid.ix-badge--solid > :is(span, a),
.ix-badge--solid.ix-badge--solid.ix-badge--solid:not(td)
{
}
.ix-ze-ueberstunden-beantragt,
:where(.ix-badge, .badge)[data-ix-badge="Beantragt" i],
:where(.ix-badge, .badge) [data-ix-badge="Beantragt" i]
{
}
.ix-ze-ueberstunden-pruefbestand,
:where(.ix-badge, .badge)[data-ix-badge="Im Prüfbestand" i],
:where(.ix-badge, .badge) [data-ix-badge="Im Prüfbestand" i]
{
}
.ix-ze-ueberstunden-genehmigt,
:where(.ix-badge, .badge)[data-ix-badge="Genehmigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Genehmigt" i]
{
}
.ix-ze-ueberstunden-abgelehnt,
:where(.ix-badge, .badge)[data-ix-badge="Abgelehnt" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgelehnt" i]
{
}
.ix-ze-ueberstunden-offen,
:where(.ix-badge, .badge)[data-ix-badge="Offen" i],
:where(.ix-badge, .badge) [data-ix-badge="Offen" i]
{
}
.ix-prio-hoch,
:where(.ix-badge, .badge)[data-ix-badge="hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="hoch" i]
{
}
.ix-prio-niedrig,
:where(.ix-badge, .badge)[data-ix-badge="niedrig" i],
:where(.ix-badge, .badge) [data-ix-badge="niedrig" i]
{
}
.ix-prio-normal,
:where(.ix-badge, .badge)[data-ix-badge="normal" i],
:where(.ix-badge, .badge) [data-ix-badge="normal" i]
{
}
.ix-prio-sehr-hoch,
:where(.ix-badge, .badge)[data-ix-badge="sehr hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="sehr hoch" i]
{
}
.ix-inaktiv,
:where(.ix-badge, .badge)[data-ix-badge="inaktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="inaktiv" i]
{
}
.ix-standby,
:where(.ix-badge, .badge)[data-ix-badge="standby" i],
:where(.ix-badge, .badge) [data-ix-badge="standby" i]
{
}
.ix-aktiv,
:where(.ix-badge, .badge)[data-ix-badge="aktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="aktiv" i]
{
}
.ix-abgebrochen,
:where(.ix-badge, .badge)[data-ix-badge="Abgebrochen" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgebrochen" i]
{
}
.ix-erledigt,
:where(.ix-badge, .badge)[data-ix-badge="Erledigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Erledigt" i]
{
}
.ix-arbeit,
:where(.ix-badge, .badge)[data-ix-badge="in Arbeit" i],
:where(.ix-badge, .badge) [data-ix-badge="in Arbeit" i]
{
}
.ix-planung,
:where(.ix-badge, .badge)[data-ix-badge="in Planung" i],
:where(.ix-badge, .badge) [data-ix-badge="in Planung" i]
{
}
.ix-status,
:where(.ix-badge, .badge)[data-ix-badge="Auftrag beendet" i],
:where(.ix-badge, .badge) [data-ix-badge="Auftrag beendet" i]
{
}
.ix-badge-orange
{
}
td.ix-action.ix-action.ix-action
{
}
td.ix-action.ix-action.ix-action > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a::before
{
}
td.ix-action.ix-action.ix-action > a:hover
{
}
td.ix-action.ix-action.ix-action > a:focus-visible
{
}
td.ix-action.ix-action.ix-action > a:active
{
}
td.ix-action.ix-action.ix-action > a > img
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a > img
{
}
tr:hover > td.ix-action.ix-action.ix-action > a
{
}
tr:hover > td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
.ix-action--external
{
}
.ix-action--open
{
}
.ix-action--eye
{
}
.ix-action--pencil
{
}
.ix-action--add
{
}
.ix-image-crm img
{
}
.ix-image-crm.ix-image-crm-size-xs
{
}
.ix-image-crm.ix-image-crm-size-s
{
}
.ix-image-crm.ix-image-crm-size-m
{
}
.ix-image-crm.ix-image-crm-size-l
{
}
table.ix-table.ix-table.ix-table td.link
{
}
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
.ix-image-user img
{
}
.ix-image-user.ix-image-user-contain
{
}
.ix-image-user.ix-image-user-size-xxs
{
}
.ix-image-user.ix-image-user-size-xs
{
}
.ix-image-user.ix-image-user-size-s
{
}
.ix-image-user.ix-image-user-size-m
{
}
.ix-image-user.ix-image-user-size-l
{
}
.Table_Standard td.ix-image-user
{
}
.Table_Standard td.ix-image-user + td
{
}
[class*="ix-btn--"]
{
}
.ix-btn--speichern
{
}
.ix-btn--abbrechen
{
}
.ix-btn--loeschen
{
}
.ix-btn--bearbeiten
{
}
.ix-btn--neu
{
}
.ix-btn--anzeigen
{
}
.ix-btn--extern
{
}
.ix-btn--warten
{
}
}
@media only screen and (min-width: 64.0625em)
{
td.ix-badge.ix-badge.ix-badge
{
}
:where(td.ix-badge, .ix-badge:not(td))
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a),
.ix-badge.ix-badge.ix-badge:not(td)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a)::before,
.ix-badge.ix-badge.ix-badge:not(td)::before
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty),
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before,
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before
{
}
td.ix-badge.ix-badge.ix-badge > a
{
}
td.ix-badge.ix-badge.ix-badge > a:hover
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a),
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a)::before,
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)::before
{
}
td.ix-badge--sm.ix-badge--sm.ix-badge--sm > :is(span, a),
.ix-badge--sm.ix-badge--sm.ix-badge--sm:not(td)
{
}
td.ix-badge--outline.ix-badge--outline.ix-badge--outline > :is(span, a),
.ix-badge--outline.ix-badge--outline.ix-badge--outline:not(td)
{
}
td.ix-badge--solid.ix-badge--solid.ix-badge--solid > :is(span, a),
.ix-badge--solid.ix-badge--solid.ix-badge--solid:not(td)
{
}
.ix-ze-ueberstunden-beantragt,
:where(.ix-badge, .badge)[data-ix-badge="Beantragt" i],
:where(.ix-badge, .badge) [data-ix-badge="Beantragt" i]
{
}
.ix-ze-ueberstunden-pruefbestand,
:where(.ix-badge, .badge)[data-ix-badge="Im Prüfbestand" i],
:where(.ix-badge, .badge) [data-ix-badge="Im Prüfbestand" i]
{
}
.ix-ze-ueberstunden-genehmigt,
:where(.ix-badge, .badge)[data-ix-badge="Genehmigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Genehmigt" i]
{
}
.ix-ze-ueberstunden-abgelehnt,
:where(.ix-badge, .badge)[data-ix-badge="Abgelehnt" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgelehnt" i]
{
}
.ix-ze-ueberstunden-offen,
:where(.ix-badge, .badge)[data-ix-badge="Offen" i],
:where(.ix-badge, .badge) [data-ix-badge="Offen" i]
{
}
.ix-prio-hoch,
:where(.ix-badge, .badge)[data-ix-badge="hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="hoch" i]
{
}
.ix-prio-niedrig,
:where(.ix-badge, .badge)[data-ix-badge="niedrig" i],
:where(.ix-badge, .badge) [data-ix-badge="niedrig" i]
{
}
.ix-prio-normal,
:where(.ix-badge, .badge)[data-ix-badge="normal" i],
:where(.ix-badge, .badge) [data-ix-badge="normal" i]
{
}
.ix-prio-sehr-hoch,
:where(.ix-badge, .badge)[data-ix-badge="sehr hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="sehr hoch" i]
{
}
.ix-inaktiv,
:where(.ix-badge, .badge)[data-ix-badge="inaktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="inaktiv" i]
{
}
.ix-standby,
:where(.ix-badge, .badge)[data-ix-badge="standby" i],
:where(.ix-badge, .badge) [data-ix-badge="standby" i]
{
}
.ix-aktiv,
:where(.ix-badge, .badge)[data-ix-badge="aktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="aktiv" i]
{
}
.ix-abgebrochen,
:where(.ix-badge, .badge)[data-ix-badge="Abgebrochen" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgebrochen" i]
{
}
.ix-erledigt,
:where(.ix-badge, .badge)[data-ix-badge="Erledigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Erledigt" i]
{
}
.ix-arbeit,
:where(.ix-badge, .badge)[data-ix-badge="in Arbeit" i],
:where(.ix-badge, .badge) [data-ix-badge="in Arbeit" i]
{
}
.ix-planung,
:where(.ix-badge, .badge)[data-ix-badge="in Planung" i],
:where(.ix-badge, .badge) [data-ix-badge="in Planung" i]
{
}
.ix-status,
:where(.ix-badge, .badge)[data-ix-badge="Auftrag beendet" i],
:where(.ix-badge, .badge) [data-ix-badge="Auftrag beendet" i]
{
}
.ix-badge-orange
{
}
td.ix-action.ix-action.ix-action
{
}
td.ix-action.ix-action.ix-action > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a::before
{
}
td.ix-action.ix-action.ix-action > a:hover
{
}
td.ix-action.ix-action.ix-action > a:focus-visible
{
}
td.ix-action.ix-action.ix-action > a:active
{
}
td.ix-action.ix-action.ix-action > a > img
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a > img
{
}
tr:hover > td.ix-action.ix-action.ix-action > a
{
}
tr:hover > td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
.ix-action--external
{
}
.ix-action--open
{
}
.ix-action--eye
{
}
.ix-action--pencil
{
}
.ix-action--add
{
}
.ix-image-crm img
{
}
.ix-image-crm.ix-image-crm-size-xs
{
}
.ix-image-crm.ix-image-crm-size-s
{
}
.ix-image-crm.ix-image-crm-size-m
{
}
.ix-image-crm.ix-image-crm-size-l
{
}
table.ix-table.ix-table.ix-table td.link
{
}
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
.ix-image-user img
{
}
.ix-image-user.ix-image-user-contain
{
}
.ix-image-user.ix-image-user-size-xxs
{
}
.ix-image-user.ix-image-user-size-xs
{
}
.ix-image-user.ix-image-user-size-s
{
}
.ix-image-user.ix-image-user-size-m
{
}
.ix-image-user.ix-image-user-size-l
{
}
.Table_Standard td.ix-image-user
{
}
.Table_Standard td.ix-image-user + td
{
}
[class*="ix-btn--"]
{
}
.ix-btn--speichern
{
}
.ix-btn--abbrechen
{
}
.ix-btn--loeschen
{
}
.ix-btn--bearbeiten
{
}
.ix-btn--neu
{
}
.ix-btn--anzeigen
{
}
.ix-btn--extern
{
}
.ix-btn--warten
{
}
}

#Container_AppMenu a:focus-visible
{
	outline: 2px solid var(--p-color-primary);
	outline-offset: 3px;
	border-radius: 4px;
}
@media only screen and (min-width: 40.0625em)
{
td.ix-badge.ix-badge.ix-badge
{
}
:where(td.ix-badge, .ix-badge:not(td))
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a),
.ix-badge.ix-badge.ix-badge:not(td)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a)::before,
.ix-badge.ix-badge.ix-badge:not(td)::before
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty),
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before,
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before
{
}
td.ix-badge.ix-badge.ix-badge > a
{
}
td.ix-badge.ix-badge.ix-badge > a:hover
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a),
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a)::before,
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)::before
{
}
td.ix-badge--sm.ix-badge--sm.ix-badge--sm > :is(span, a),
.ix-badge--sm.ix-badge--sm.ix-badge--sm:not(td)
{
}
td.ix-badge--outline.ix-badge--outline.ix-badge--outline > :is(span, a),
.ix-badge--outline.ix-badge--outline.ix-badge--outline:not(td)
{
}
td.ix-badge--solid.ix-badge--solid.ix-badge--solid > :is(span, a),
.ix-badge--solid.ix-badge--solid.ix-badge--solid:not(td)
{
}
.ix-ze-ueberstunden-beantragt,
:where(.ix-badge, .badge)[data-ix-badge="Beantragt" i],
:where(.ix-badge, .badge) [data-ix-badge="Beantragt" i]
{
}
.ix-ze-ueberstunden-pruefbestand,
:where(.ix-badge, .badge)[data-ix-badge="Im Prüfbestand" i],
:where(.ix-badge, .badge) [data-ix-badge="Im Prüfbestand" i]
{
}
.ix-ze-ueberstunden-genehmigt,
:where(.ix-badge, .badge)[data-ix-badge="Genehmigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Genehmigt" i]
{
}
.ix-ze-ueberstunden-abgelehnt,
:where(.ix-badge, .badge)[data-ix-badge="Abgelehnt" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgelehnt" i]
{
}
.ix-ze-ueberstunden-offen,
:where(.ix-badge, .badge)[data-ix-badge="Offen" i],
:where(.ix-badge, .badge) [data-ix-badge="Offen" i]
{
}
.ix-prio-hoch,
:where(.ix-badge, .badge)[data-ix-badge="hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="hoch" i]
{
}
.ix-prio-niedrig,
:where(.ix-badge, .badge)[data-ix-badge="niedrig" i],
:where(.ix-badge, .badge) [data-ix-badge="niedrig" i]
{
}
.ix-prio-normal,
:where(.ix-badge, .badge)[data-ix-badge="normal" i],
:where(.ix-badge, .badge) [data-ix-badge="normal" i]
{
}
.ix-prio-sehr-hoch,
:where(.ix-badge, .badge)[data-ix-badge="sehr hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="sehr hoch" i]
{
}
.ix-inaktiv,
:where(.ix-badge, .badge)[data-ix-badge="inaktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="inaktiv" i]
{
}
.ix-standby,
:where(.ix-badge, .badge)[data-ix-badge="standby" i],
:where(.ix-badge, .badge) [data-ix-badge="standby" i]
{
}
.ix-aktiv,
:where(.ix-badge, .badge)[data-ix-badge="aktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="aktiv" i]
{
}
.ix-abgebrochen,
:where(.ix-badge, .badge)[data-ix-badge="Abgebrochen" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgebrochen" i]
{
}
.ix-erledigt,
:where(.ix-badge, .badge)[data-ix-badge="Erledigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Erledigt" i]
{
}
.ix-arbeit,
:where(.ix-badge, .badge)[data-ix-badge="in Arbeit" i],
:where(.ix-badge, .badge) [data-ix-badge="in Arbeit" i]
{
}
.ix-planung,
:where(.ix-badge, .badge)[data-ix-badge="in Planung" i],
:where(.ix-badge, .badge) [data-ix-badge="in Planung" i]
{
}
.ix-status,
:where(.ix-badge, .badge)[data-ix-badge="Auftrag beendet" i],
:where(.ix-badge, .badge) [data-ix-badge="Auftrag beendet" i]
{
}
.ix-badge-orange
{
}
td.ix-action.ix-action.ix-action
{
}
td.ix-action.ix-action.ix-action > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a::before
{
}
td.ix-action.ix-action.ix-action > a:hover
{
}
td.ix-action.ix-action.ix-action > a:focus-visible
{
}
td.ix-action.ix-action.ix-action > a:active
{
}
td.ix-action.ix-action.ix-action > a > img
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a > img
{
}
tr:hover > td.ix-action.ix-action.ix-action > a
{
}
tr:hover > td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
.ix-action--external
{
}
.ix-action--open
{
}
.ix-action--eye
{
}
.ix-action--pencil
{
}
.ix-action--add
{
}
.ix-image-crm img
{
}
.ix-image-crm.ix-image-crm-size-xs
{
}
.ix-image-crm.ix-image-crm-size-s
{
}
.ix-image-crm.ix-image-crm-size-m
{
}
.ix-image-crm.ix-image-crm-size-l
{
}
table.ix-table.ix-table.ix-table td.link
{
}
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
.ix-image-user img
{
}
.ix-image-user.ix-image-user-contain
{
}
.ix-image-user.ix-image-user-size-xxs
{
}
.ix-image-user.ix-image-user-size-xs
{
}
.ix-image-user.ix-image-user-size-s
{
}
.ix-image-user.ix-image-user-size-m
{
}
.ix-image-user.ix-image-user-size-l
{
}
.Table_Standard td.ix-image-user
{
}
.Table_Standard td.ix-image-user + td
{
}
[class*="ix-btn--"]
{
}
.ix-btn--speichern
{
}
.ix-btn--abbrechen
{
}
.ix-btn--loeschen
{
}
.ix-btn--bearbeiten
{
}
.ix-btn--neu
{
}
.ix-btn--anzeigen
{
}
.ix-btn--extern
{
}
.ix-btn--warten
{
}
}
@media only screen and (min-width: 64.0625em)
{
td.ix-badge.ix-badge.ix-badge
{
}
:where(td.ix-badge, .ix-badge:not(td))
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a),
.ix-badge.ix-badge.ix-badge:not(td)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a)::before,
.ix-badge.ix-badge.ix-badge:not(td)::before
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty),
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)
{
}
td.ix-badge.ix-badge.ix-badge > :is(span, a):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before,
.ix-badge.ix-badge.ix-badge:not(td):is([data-ix-badge=""], [data-ix-badge=" "], [data-ix-badge="\ "], :empty)::before
{
}
td.ix-badge.ix-badge.ix-badge > a
{
}
td.ix-badge.ix-badge.ix-badge > a:hover
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a),
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)
{
}
td.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly > :is(span, a)::before,
.ix-badge--iconly.ix-badge--iconly.ix-badge--iconly:not(td)::before
{
}
td.ix-badge--sm.ix-badge--sm.ix-badge--sm > :is(span, a),
.ix-badge--sm.ix-badge--sm.ix-badge--sm:not(td)
{
}
td.ix-badge--outline.ix-badge--outline.ix-badge--outline > :is(span, a),
.ix-badge--outline.ix-badge--outline.ix-badge--outline:not(td)
{
}
td.ix-badge--solid.ix-badge--solid.ix-badge--solid > :is(span, a),
.ix-badge--solid.ix-badge--solid.ix-badge--solid:not(td)
{
}
.ix-ze-ueberstunden-beantragt,
:where(.ix-badge, .badge)[data-ix-badge="Beantragt" i],
:where(.ix-badge, .badge) [data-ix-badge="Beantragt" i]
{
}
.ix-ze-ueberstunden-pruefbestand,
:where(.ix-badge, .badge)[data-ix-badge="Im Prüfbestand" i],
:where(.ix-badge, .badge) [data-ix-badge="Im Prüfbestand" i]
{
}
.ix-ze-ueberstunden-genehmigt,
:where(.ix-badge, .badge)[data-ix-badge="Genehmigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Genehmigt" i]
{
}
.ix-ze-ueberstunden-abgelehnt,
:where(.ix-badge, .badge)[data-ix-badge="Abgelehnt" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgelehnt" i]
{
}
.ix-ze-ueberstunden-offen,
:where(.ix-badge, .badge)[data-ix-badge="Offen" i],
:where(.ix-badge, .badge) [data-ix-badge="Offen" i]
{
}
.ix-prio-hoch,
:where(.ix-badge, .badge)[data-ix-badge="hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="hoch" i]
{
}
.ix-prio-niedrig,
:where(.ix-badge, .badge)[data-ix-badge="niedrig" i],
:where(.ix-badge, .badge) [data-ix-badge="niedrig" i]
{
}
.ix-prio-normal,
:where(.ix-badge, .badge)[data-ix-badge="normal" i],
:where(.ix-badge, .badge) [data-ix-badge="normal" i]
{
}
.ix-prio-sehr-hoch,
:where(.ix-badge, .badge)[data-ix-badge="sehr hoch" i],
:where(.ix-badge, .badge) [data-ix-badge="sehr hoch" i]
{
}
.ix-inaktiv,
:where(.ix-badge, .badge)[data-ix-badge="inaktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="inaktiv" i]
{
}
.ix-standby,
:where(.ix-badge, .badge)[data-ix-badge="standby" i],
:where(.ix-badge, .badge) [data-ix-badge="standby" i]
{
}
.ix-aktiv,
:where(.ix-badge, .badge)[data-ix-badge="aktiv" i],
:where(.ix-badge, .badge) [data-ix-badge="aktiv" i]
{
}
.ix-abgebrochen,
:where(.ix-badge, .badge)[data-ix-badge="Abgebrochen" i],
:where(.ix-badge, .badge) [data-ix-badge="Abgebrochen" i]
{
}
.ix-erledigt,
:where(.ix-badge, .badge)[data-ix-badge="Erledigt" i],
:where(.ix-badge, .badge) [data-ix-badge="Erledigt" i]
{
}
.ix-arbeit,
:where(.ix-badge, .badge)[data-ix-badge="in Arbeit" i],
:where(.ix-badge, .badge) [data-ix-badge="in Arbeit" i]
{
}
.ix-planung,
:where(.ix-badge, .badge)[data-ix-badge="in Planung" i],
:where(.ix-badge, .badge) [data-ix-badge="in Planung" i]
{
}
.ix-status,
:where(.ix-badge, .badge)[data-ix-badge="Auftrag beendet" i],
:where(.ix-badge, .badge) [data-ix-badge="Auftrag beendet" i]
{
}
.ix-badge-orange
{
}
td.ix-action.ix-action.ix-action
{
}
td.ix-action.ix-action.ix-action > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a::before
{
}
td.ix-action.ix-action.ix-action > a:hover
{
}
td.ix-action.ix-action.ix-action > a:focus-visible
{
}
td.ix-action.ix-action.ix-action > a:active
{
}
td.ix-action.ix-action.ix-action > a > img
{
}
td.ix-action.ix-action.ix-action[class*="ix-action--"] > a > img
{
}
tr:hover > td.ix-action.ix-action.ix-action > a
{
}
tr:hover > td.ix-action.ix-action.ix-action[class*="ix-action--"] > a
{
}
.ix-action--external
{
}
.ix-action--open
{
}
.ix-action--eye
{
}
.ix-action--pencil
{
}
.ix-action--add
{
}
.ix-image-crm img
{
}
.ix-image-crm.ix-image-crm-size-xs
{
}
.ix-image-crm.ix-image-crm-size-s
{
}
.ix-image-crm.ix-image-crm-size-m
{
}
.ix-image-crm.ix-image-crm-size-l
{
}
table.ix-table.ix-table.ix-table td.link
{
}
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]) > a::after,
table.ix-table.ix-table.ix-table > tbody > tr:hover td.link:not(.ix-badge):not([class*="ix-action"]):not(:has( > a))::after
{
}
.ix-image-user img
{
}
.ix-image-user.ix-image-user-contain
{
}
.ix-image-user.ix-image-user-size-xxs
{
}
.ix-image-user.ix-image-user-size-xs
{
}
.ix-image-user.ix-image-user-size-s
{
}
.ix-image-user.ix-image-user-size-m
{
}
.ix-image-user.ix-image-user-size-l
{
}
.Table_Standard td.ix-image-user
{
}
.Table_Standard td.ix-image-user + td
{
}
[class*="ix-btn--"]
{
}
.ix-btn--speichern
{
}
.ix-btn--abbrechen
{
}
.ix-btn--loeschen
{
}
.ix-btn--bearbeiten
{
}
.ix-btn--neu
{
}
.ix-btn--anzeigen
{
}
.ix-btn--extern
{
}
.ix-btn--warten
{
}
}

/* =============================================================================
   Goffingen - wiederverwendbare Layout-Bausteine fuer Intrexx-Seiten
   Ohne GUIDs: die Klassen werden im Designer an Gruppe bzw. Element gehaengt.

   .goff-spalten        an die GRUPPE, deren Unterelemente nebeneinander stehen
                        sollen. Das Grid sitzt auf ihrer direkten .row.
     Varianten (zusaetzlich an dieselbe Gruppe):
       .goff-spalten--2 / --3 / --4    gleich breite Spalten (Standard: 3)
       .goff-spalten--kuerzen          lange Texte einzeilig mit "..." statt
                                       Umbruch (voller Text im Tooltip)
       .goff-spalten--gewichtet        breite erste Spalte, schmale Mitte,
                                       mittlere dritte Spalte (Titel | Status |
                                       Zeitraum)
     Eigene Aufteilung ohne neue Klasse: im Stil-Feld der Gruppe
       --goff-spalten: minmax(0, 3fr) minmax(0, 1fr);
   .goff-unterzeile     an ein Textelement: kleinere, zurueckgenommene Zeile
   .goff-person         an die GRUPPE mit Avatar + Textgruppe (Name, Funktion):
                        beides mittig auf einer Linie, fester Abstand, kein
                        Aussenabstand nach unten. Ersetzt dort ix-margin-bottom
                        an der Gruppe und ix-margin-left an der Textgruppe.
   .goff-kacheln        an die GRUPPE mit mehreren Kacheln (Unterdivs) aus
                        Caption, Value, Info:
                          S   untereinander als Liste - Caption links,
                              Value rechts, Info ausgeblendet
                          ab M nebeneinander, gleich breit; Caption, Value,
                              Info zentriert untereinander
                        Spans: goff-caption / goff-value / goff-info (oder die
                        vorhandenen Text_KPI_Caption_* / _Value_* / _Info_*).
   .goff-kachel         an eine einzelne Kachel ausserhalb von goff-kacheln
   Farbe (Gruppe oder Kachel):
       .goff-blau | -gruen | -rot | -gelb | -orange | -lila | -grau |
       -teal | -indigo | -slate                       (ohne Klasse: grau)
   Groesse (Gruppe oder Kachel):
       .goff-mittel (70px) | .goff-klein (50px)       (ohne Klasse: 100px)
   Schriftgroesse (Gruppe oder Kachel):
       .goff-schrift-klein | .goff-schrift-gross      (oder --kachel-skala)
   Freie Tabelle als Kachel in goff-kacheln: die Farbklasse an das oberste
   Element im Datensatz, die Tabelle selbst bleibt ohne Flaeche.
   .goff-zeitraum       an die GRUPPE mit Label + Beginn- und Ende-Datum:
                        Label oben, Von - Bis in einer Zeile
   .goff-zeitleiste*    Markup erzeugt goff-zeitleiste.js aus .goff-zeitraum

   Bootstrap haengt an .row ::before/::after als Clearfix - im Grid waeren das
   leere Zellen, daher aus.
   ============================================================================= */

/* -------------------------------------------------------------- Spalten */
.goff-spalten {
    --goff-spalten: repeat(3, minmax(0, 1fr));
    --goff-spalten-abstand: 1.5rem;
    --goff-spalten-umbruch: 767px; /* nur Doku - Media Queries kennen keine Variablen */
}

.goff-spalten--2 { --goff-spalten: repeat(2, minmax(0, 1fr)); }
.goff-spalten--3 { --goff-spalten: repeat(3, minmax(0, 1fr)); }
.goff-spalten--4 { --goff-spalten: repeat(4, minmax(0, 1fr)); }

.goff-spalten--gewichtet {
    --goff-spalten: minmax(0, 2fr) minmax(9rem, auto) minmax(15rem, 1.4fr);
}

.goff-spalten > .row {
    display: grid;
    grid-template-columns: var(--goff-spalten);
    column-gap: var(--goff-spalten-abstand);
    align-items: center;
    margin-inline: 0;
    border-bottom: var(--frame1-border);
    padding-bottom: 5px;
}

.goff-spalten > .row::before,
.goff-spalten > .row::after {
    content: none;
}

.goff-spalten > .row > * {
    min-width: 0;
    margin-bottom: 0;
}

/* Kein Ueberlauf in die Nachbarspalte: Intrexx setzt an Link-Controls inline
   white-space:nowrap - ein langer Titel liefe sonst ueber den Spaltenrand.
   !important ist hier noetig, weil nur so ein Inline-Stil zu schlagen ist.
   overflow-wrap bricht auch lange Kennungen ohne Leerzeichen (ZEK-450017...).
   Badges bleiben einzeilig. */
.goff-spalten > .row > * :is(a, .Text_Standard):not(.ix-badge, .ix-badge *) {
    white-space: normal !important;
    overflow-wrap: anywhere;
}

/* Variante: statt umbrechen einzeilig mit "..." kuerzen - den vollen Text
   zeigt dann der Tooltip (Intrexx setzt am Link ein title-Attribut) */
.goff-spalten--kuerzen > .row > * :is(a, .Text_Standard):not(.ix-badge, .ix-badge *) {
    display: block;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Schmal: untereinander */
@media (max-width: 767px) {
    .goff-spalten > .row {
        grid-template-columns: minmax(0, 1fr);
        row-gap: .5rem;
    }
}

/* ----------------------------------------------------------- Unterzeile */
.goff-unterzeile {
    margin-bottom: 0;
    font-size: var(--font-size-s);
    opacity: .75;
}

/* -------------------------------------------------------------- Person */
/* Avatar links, Name und Funktion rechts daneben. Ohne Aussenabstand nach
   unten, damit die umgebende Karte oben und unten gleich viel Luft hat -
   den Abstand zwischen Karten setzt die Karte selbst. */
.goff-person {
    --goff-person-abstand: .75rem;
    margin-bottom: 0;
}

.goff-person > .row {
    display: flex;
    align-items: center;
    column-gap: var(--goff-person-abstand);
    margin: 0;
}

.goff-person > .row::before,
.goff-person > .row::after {
    content: none;
}

/* Abstand kommt aus column-gap - ein ix-margin-left an der Textgruppe
   wuerde ihn sonst noch vergroessern */
.goff-person > .row > * {
    min-width: 0;
    margin: 0;
}

/* ------------------------------------------------------------ Kacheln */
/* Drei Achsen statt einer Klasse je Farbe und Groesse
   (Container_KPI_Blue / _Blue_S / _Blue_M, Text_KPI_Value_Blue_M ...):

     Aufbau    goff-kacheln an der GRUPPE: responsive Reihe (s. u.)
               goff-kachel an einer einzelnen Kachel ausserhalb der Gruppe
     Farbe     goff-blau | goff-gruen | goff-rot | goff-gelb | goff-orange |
               goff-lila | goff-grau | goff-teal | goff-indigo | goff-slate
     Groesse   goff-mittel (70px) | goff-klein (50px) - ohne Klasse 100px
     Schrift   goff-schrift-klein (x0,85) | goff-schrift-gross (x1,25)
     Text      goff-caption | goff-value | goff-info an den Spans

   Farbe und Groesse setzen nur Variablen. An der Gruppe gelten sie fuer
   alle Kacheln, an einer Kachel nur fuer diese - die naehere Klasse gewinnt,
   z. B. Gruppe "goff-kacheln goff-blau" mit einer Kachel "goff-rot".
   Bewusst nicht S/M/L genannt: das sind in Intrexx die Bildschirmgroessen.

   Bestehende Container_KPI_* / Text_KPI_* bleiben gueltig: eine Kachel mit
   Container_KPI_* behaelt ihre Flaeche, Text_KPI_*-Spans behalten ihre
   Farbe; Anordnung und Schriftgroessen kommen aus goff-kacheln.

   Aufbau (Intrexx):
     div.goff-kacheln > div.row > Kachel > div.row > span Caption|Value|Info
   Aufsteigende Kaskade wie im Designer: zuerst S, ab M wird ueberschrieben. */

/* Farbe - setzt nur die Variablen */
.goff-blau   { --kachel-bg: var(--badge-blue-bg);   --kachel-brd: var(--badge-blue-brd);   --kachel-text: var(--badge-blue-text); }
.goff-gruen  { --kachel-bg: var(--badge-green-bg);  --kachel-brd: var(--badge-green-brd);  --kachel-text: var(--badge-green-text); }
.goff-rot    { --kachel-bg: var(--badge-red-bg);    --kachel-brd: var(--badge-red-brd);    --kachel-text: var(--badge-red-text); }
.goff-gelb   { --kachel-bg: var(--badge-yellow-bg); --kachel-brd: var(--badge-yellow-brd); --kachel-text: var(--badge-yellow-text); }
.goff-orange { --kachel-bg: var(--badge-orange-bg); --kachel-brd: var(--badge-orange-brd); --kachel-text: var(--badge-orange-text); }
.goff-lila   { --kachel-bg: var(--badge-purple-bg); --kachel-brd: var(--badge-purple-brd); --kachel-text: var(--badge-purple-text); }
.goff-grau   { --kachel-bg: var(--badge-gray-bg);   --kachel-brd: var(--badge-gray-brd);   --kachel-text: var(--badge-gray-text); }
.goff-teal   { --kachel-bg: var(--badge-teal-bg);   --kachel-brd: var(--badge-teal-brd);   --kachel-text: var(--badge-teal-text); }
.goff-indigo { --kachel-bg: var(--badge-indigo-bg); --kachel-brd: var(--badge-indigo-brd); --kachel-text: var(--badge-indigo-text); }
.goff-slate  { --kachel-bg: var(--badge-slate-bg);  --kachel-brd: var(--badge-slate-brd);  --kachel-text: var(--badge-slate-text); }

/* Groesse - setzt nur die Variablen; ohne Klasse gelten die Standardwerte
   (100px, 10px, Caption s, Value xl, Info xs) */
.goff-mittel {
    --kachel-hoehe: 70px;
    --kachel-padding: 5px;
    --kachel-caption: var(--font-size-xs);
    --kachel-value: var(--font-size-l);
    --kachel-info: var(--font-size-xxs);
}

.goff-klein {
    --kachel-hoehe: 50px;
    --kachel-padding: 2px 6px;
    --kachel-caption: var(--font-size-xxs);
    --kachel-value: var(--font-size-m);
    --kachel-info: var(--font-size-xxs);
}

/* Schriftgroesse - Faktor auf Caption, Value und Info, unabhaengig von der
   Groesse (Gruppe oder Kachel, die naehere Klasse gewinnt). Eigener Wert
   ohne Klasse im Stil-Feld: --kachel-skala: 1.1; */
.goff-schrift-klein { --kachel-skala: .85; }
.goff-schrift-gross { --kachel-skala: 1.25; }

/* Was in goff-kacheln als Kachel gilt:
   - jedes Unterelement der Gruppe - ausser <style>/<script>, die Intrexx
     dort mitunter ablegt (sonst eine leere Kachel), und ausser einer
     freien Tabelle;
   - bei einer freien Tabelle (shapedtable) das oberste Element im
     Datensatz. Die Tabelle selbst ist nur Huelle ohne eigene Flaeche -
     sonst laege eine Kachel in der Kachel. Mehrere Datensaetze stehen
     untereinander in derselben Spalte. */

/* Flaeche - fuer goff-kachel und fuer jede Kachel in goff-kacheln, die keine
   eigene Container_KPI_*-Klasse mitbringt */
.goff-kachel,
:is(.goff-kacheln > .row > :not(style, script, :has(.shapedtable-records)),
    .goff-kacheln .shapedtable-records .ix-ctrlinfo > .row > *):not([class*="Container_KPI_"]) {
    box-sizing: border-box;
    border: 1px solid var(--kachel-brd, var(--badge-gray-brd));
    border-radius: var(--frame1-border-radius);
    background: var(--kachel-bg, var(--badge-gray-bg));
    color: var(--kachel-text, var(--badge-gray-text));
}

/* einzelne Kachel ausserhalb der Gruppe: Groesse und Schrift aus den
   Variablen, Inhalt zentriert untereinander */
.goff-kachel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .2rem;
    min-height: var(--kachel-hoehe, 100px);
    padding: var(--kachel-padding, 10px);
    text-align: center;
}

.goff-kachel > .row {
    margin: 0;
    max-width: 100%;
    line-height: 1.2;
}

.goff-kachel > .row:not(:has(*)) {
    display: none;
}

.goff-kachel .goff-caption { font-size: calc(var(--kachel-caption, var(--font-size-s)) * var(--kachel-skala, 1)); }
.goff-kachel .goff-value   { font-size: calc(var(--kachel-value, var(--font-size-xl)) * var(--kachel-skala, 1)); }
.goff-kachel .goff-info    { font-size: calc(var(--kachel-info, var(--font-size-xs)) * var(--kachel-skala, 1)); }

/* Textfarbe und Zahlensatz nur fuer die goff-Spans - Text_KPI_*-Spans
   behalten ihre eigene Farbe */
:is(.goff-kachel, .goff-kacheln) :is(.goff-caption, .goff-value, .goff-info) {
    color: var(--kachel-text, var(--badge-gray-text));
}

:is(.goff-kachel, .goff-kacheln) .goff-value {
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

/* --- goff-kacheln: S - Liste, je Kachel eine Zeile, Caption links,
       Value rechts */
.goff-kacheln > .row {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin: 0;
}

.goff-kacheln > .row::before,
.goff-kacheln > .row::after,
:is(.goff-kacheln > .row > :not(style, script, :has(.shapedtable-records)),
    .goff-kacheln .shapedtable-records .ix-ctrlinfo > .row > *) > .row::before,
:is(.goff-kacheln > .row > :not(style, script, :has(.shapedtable-records)),
    .goff-kacheln .shapedtable-records .ix-ctrlinfo > .row > *) > .row::after {
    content: none;
}

/* freie Tabelle als Huelle: keine Flaeche, die Kette bis zum Datensatz
   streckt sich, damit die Kachel darin die volle Hoehe der Spalte nimmt */
.goff-kacheln > .row > :has(.shapedtable-records) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

.goff-kacheln > .row > :has(.shapedtable-records) :is(.shapedtable-records, [class*="ShapTab_Row"], .ix-ctrlinfo, .ix-ctrlinfo > .row) {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin: 0;
}

:is(.goff-kacheln > .row > :not(style, script, :has(.shapedtable-records)),
    .goff-kacheln .shapedtable-records .ix-ctrlinfo > .row > *) {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: .45rem .75rem;
    text-align: left;
}

:is(.goff-kacheln > .row > :not(style, script, :has(.shapedtable-records)),
    .goff-kacheln .shapedtable-records .ix-ctrlinfo > .row > *) > .row {
    margin: 0;
    min-width: 0;
    line-height: 1.2;
}

/* leere Zeilen, die Intrexx mit einem Leerzeichen anlegt, belegen keinen
   Platz und keine Luecke */
:is(.goff-kacheln > .row > :not(style, script, :has(.shapedtable-records)),
    .goff-kacheln .shapedtable-records .ix-ctrlinfo > .row > *) > .row:not(:has(*)) {
    display: none;
}

/* Caption nimmt den Platz, Value bleibt rechts und einzeilig */
:is(.goff-kacheln > .row > :not(style, script, :has(.shapedtable-records)),
    .goff-kacheln .shapedtable-records .ix-ctrlinfo > .row > *) > .row:has(:is(.goff-caption, [class*="Text_KPI_Caption"])) {
    flex: 1 1 auto;
}

.goff-kacheln :is(.goff-caption, [class*="Text_KPI_Caption"]) {
    display: block;
    margin: 0;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: calc(var(--font-size-m) * var(--kachel-skala, 1));
}

.goff-kacheln :is(.goff-value, [class*="Text_KPI_Value"]) {
    margin: 0;
    white-space: nowrap;
    font-size: calc(var(--font-size-l) * var(--kachel-skala, 1));
    line-height: 1.2;
}

/* Info entfaellt in S - die ganze Zeile, damit keine leere Luecke bleibt */
:is(.goff-kacheln > .row > :not(style, script, :has(.shapedtable-records)),
    .goff-kacheln .shapedtable-records .ix-ctrlinfo > .row > *) > .row:has(:is(.goff-info, [class*="Text_KPI_Info"])),
.goff-kacheln :is(.goff-info, [class*="Text_KPI_Info"]) {
    display: none;
}

/* --- goff-kacheln ab M: nebeneinander, gleich breit; Inhalt zentriert
   untereinander; Hoehe, Abstand und Schrift aus den Groessen-Variablen.
   minmax(0, 1fr) statt 1fr - sonst waechst die Spalte mit dem laengsten Text
   ("Donnerstag") ueber ihren Anteil hinaus und die letzte Kachel ragt aus
   dem Container. */
@media only screen and (min-width: 40.0625em) {
    .goff-kacheln > .row {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        gap: .3rem;
    }

    :is(.goff-kacheln > .row > :not(style, script, :has(.shapedtable-records)),
        .goff-kacheln .shapedtable-records .ix-ctrlinfo > .row > *) {
        flex-direction: column;
        justify-content: center;
        gap: .2rem;
        min-height: var(--kachel-hoehe, 100px);
        padding: var(--kachel-padding, 10px);
        text-align: center;
    }

    :is(.goff-kacheln > .row > :not(style, script, :has(.shapedtable-records)),
        .goff-kacheln .shapedtable-records .ix-ctrlinfo > .row > *) > .row,
    :is(.goff-kacheln > .row > :not(style, script, :has(.shapedtable-records)),
        .goff-kacheln .shapedtable-records .ix-ctrlinfo > .row > *) > .row:has(:is(.goff-caption, [class*="Text_KPI_Caption"])) {
        flex: 0 0 auto;
        max-width: 100%;
    }

    .goff-kacheln :is(.goff-caption, [class*="Text_KPI_Caption"]) {
        font-size: calc(var(--kachel-caption, var(--font-size-s)) * var(--kachel-skala, 1));
        text-align: center;
    }

    .goff-kacheln :is(.goff-value, [class*="Text_KPI_Value"]) {
        font-size: calc(var(--kachel-value, var(--font-size-xl)) * var(--kachel-skala, 1));
    }

    :is(.goff-kacheln > .row > :not(style, script, :has(.shapedtable-records)),
        .goff-kacheln .shapedtable-records .ix-ctrlinfo > .row > *) > .row:has(:is(.goff-info, [class*="Text_KPI_Info"])) {
        display: block;
    }

    .goff-kacheln :is(.goff-info, [class*="Text_KPI_Info"]) {
        display: block;
        font-size: calc(var(--kachel-info, var(--font-size-xs)) * var(--kachel-skala, 1));
    }
}

/* ------------------------------------------------------------ Zeitraum */
.goff-zeitraum {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: .15rem;
}

.goff-zeitraum > .row {
    margin: 0;
}

.goff-zeitraum > .row:first-child {
    flex-basis: 100%;
}

.goff-zeitraum .Text_Date {
    margin-bottom: 0;
    font-size: var(--font-size-s);
    font-variant-numeric: tabular-nums;
}

/* ---------------------------------------------------------- Zeitleiste */
.goff-zeitleiste {
    display: grid;
    gap: .3rem;
    width: 100%;
}

.goff-zeitleiste-spur {
    position: relative;
    height: 8px;
    border-radius: 4px;
    background: var(--p-color-light3);
}

.goff-zeitleiste-ist {
    position: absolute;
    inset-block: 0;
    left: 0;
    border-radius: 4px;
    background: var(--p-color-primary);
}

.goff-zeitleiste-heute {
    position: absolute;
    top: -3px;
    width: 2px;
    height: 14px;
    margin-left: -1px;
    border-radius: 1px;
    background: var(--text-color);
}

.goff-zeitleiste-text {
    font-size: var(--font-size-xs);
    color: var(--text-color);
    opacity: .8;
    font-variant-numeric: tabular-nums;
}

/* Zustand in Form und Farbe: abgelaufen grau, laeuft bald aus orange */
.goff-zeitleiste[data-lage="abgelaufen"] .goff-zeitleiste-ist {
    background: var(--badge-gray-text);
    opacity: .35;
}

.goff-zeitleiste[data-lage="unklar"] .goff-zeitleiste-text {
    color: var(--badge-orange-text);
    opacity: 1;
}

.goff-zeitleiste[data-lage="endet-bald"] .goff-zeitleiste-ist {
    background: var(--badge-orange-text);
}

.goff-zeitleiste[data-lage="geplant"] .goff-zeitleiste-spur {
    background: repeating-linear-gradient(135deg, var(--p-color-light3) 0 4px, transparent 4px 8px);
    outline: 1px solid var(--p-color-light3);
}

.messagecontainer {
	font-family: "Rubik", "Helvetica", "Arial", "DejaVu Sans", "Trebuchet MS", "Nimbus Sans L", "FreeSans", "Bitstream Vera Sans";
	background-image: url(../../images/assets/common/message.png);
	position: relative;
    height: 400px;
    width: 600px;
    padding: 65px 0 0 30px;
    color: #2a2a2a;
    box-sizing: border-box;
}
.message {
   
    width: 500px;
    font-size: 14px;
    font-weight: 700;
	margin-bottom: 80px;
}
 
.licenseinfo {
 
    font-weight: 700;
    font-size: 18px;
    
}
.contactinfo{
  
    width: 300px;
    font-size: 11px;
 
}
.contactinfo a {
    font-size: 11px;
    color: #2A2A2A;
	position: absolute;
    bottom: 20px;
    display: block;
}