/* Hyperlinks */
a { text-decoration: none; }
	a:hover { text-decoration: none; }

/* Body */
body { font: 10pt 'Segoe UI', Arial; }

/* Scrollbar */
body { }

::-webkit-scrollbar { }
	::-webkit-scrollbar:vertical { width: 1.2em; }
	::-webkit-scrollbar:horizontal { height: 1.2em; }
::-webkit-scrollbar-thumb { }
::-webkit-scrollbar-button { height: 1.2em; width: 1.2em; background-size: 0.9em; background-repeat: no-repeat; background-position: center; }
	::-webkit-scrollbar-button:vertical:decrement { height: 1.6em; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDk2MCA1NjAiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iIHRyYW5zZm9ybT0ibWF0cml4KC4wMjkgMCAwIC4wMjkgLTUuNyAtLjE0KSI+PHBhdGggZD0ibTQuOGUyIDIuMmUyIDEuOGUyIDEuOWUyYzE0IDE0IDM2IDE0IDUwIDAgMTQtMTQgMTQtMzYgMC01MGwtMi4xZTIgLTIuMWUyYy03LjMtNy40LTE3LTExLTI3LTEwLTkuNi0wLjQ5LTE5IDIuOC0yNyAxMGwtMi4xZTIgMi4xZTJjLTE0IDE0LTE0IDM2IDAgNTBzMzYgMTQgNTAgMHoiIGZpbGw9IiM4ODgiIGZpbGwtb3BhY2l0eT0iLjY3IiBzdHJva2Utd2lkdGg9Ii44OCIvPjwvZz48L3N2Zz4=); }
	::-webkit-scrollbar-button:vertical:increment { height: 1.6em; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDk2MCA1NjAiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iIHRyYW5zZm9ybT0ibWF0cml4KC4wMjkgMCAwIC4wMjkgLTUuNyAtLjE0KSI+PHBhdGggZD0ibTQuOGUyIDMuNGUyIC0xLjhlMiAtMS45ZTJjLTE0LTE0LTM2LTE0LTUwIDAtMTQgMTQtMTQgMzYgMCA1MGwyLjFlMiAyLjFlMmM3LjMgNy40IDE3IDExIDI3IDEwIDkuNiAwLjQ5IDE5LTIuOCAyNy0xMGwyLjFlMiAtMi4xZTJjMTQtMTQgMTQtMzYgMC01MHMtMzYtMTQtNTAgMHoiIGZpbGw9IiM4ODgiIGZpbGwtb3BhY2l0eT0iLjY3IiBzdHJva2Utd2lkdGg9Ii44OCIvPjwvZz48L3N2Zz4=); }
	::-webkit-scrollbar-button:horizontal:decrement { width: 1.6em; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDk2MCA1NjAiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iIHRyYW5zZm9ybT0ibWF0cml4KC4wMjkgMCAwIC4wMjkgLTUuNyAtLjE0KSI+PHBhdGggZD0ibTQuMmUyIDIuOGUyIDEuOWUyIC0xLjhlMmMxNC0xNCAxNC0zNiAwLTUwLTE0LTE0LTM2LTE0LTUwIDBsLTIuMWUyIDIuMWUyYy03LjQgNy4zLTExIDE3LTEwIDI3LTAuNDkgOS42IDIuOCAxOSAxMCAyN2wyLjFlMiAyLjFlMmMxNCAxNCAzNiAxNCA1MCAwczE0LTM2IDAtNTB6IiBmaWxsPSIjODg4IiBmaWxsLW9wYWNpdHk9Ii42NyIgc3Ryb2tlLXdpZHRoPSIuODgiLz48L2c+PC9zdmc+); }
	::-webkit-scrollbar-button:horizontal:increment { width: 1.6em; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDk2MCA1NjAiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iIHRyYW5zZm9ybT0ibWF0cml4KC4wMjkgMCAwIC4wMjkgLTUuNyAtLjE0KSI+PHBhdGggZD0ibTUuNGUyIDIuOGUyIC0xLjllMiAxLjhlMmMtMTQgMTQtMTQgMzYgMCA1MCAxNCAxNCAzNiAxNCA1MCAwbDIuMWUyIC0yLjFlMmM3LjQtNy4zIDExLTE3IDEwLTI3IDAuNDktOS42LTIuOC0xOS0xMC0yN2wtMi4xZTIgLTIuMWUyYy0xNC0xNC0zNi0xNC01MCAwcy0xNCAzNiAwIDUweiIgZmlsbD0iIzg4OCIgZmlsbC1vcGFjaXR5PSIuNjciIHN0cm9rZS13aWR0aD0iLjg4Ii8+PC9nPjwvc3ZnPg==); }

/* Labels */
.labelTitle { font: normal 14pt Trebuchet MS, Arial; }
.labelSubTitle { font: normal 12pt Trebuchet MS, Arial; }
.labelDefault { font: 10pt 'Segoe UI', Arial; }

/* Texte */
.smallText { font: 9pt 'Segoe UI', Arial; }
.boldText { font-weight: bold !important; }
.crossedOutText { text-decoration: line-through; }

/* Tables */
table { border-spacing: 0px; border-collapse: separate; border-radius: 8px; }
	table.tableDefault { }
	table.tableBlock { }
	table.tableList { }
td { font: 10pt 'Segoe UI', Arial; }
tr { cursor: default; }
table[id*='selector'] tr > td:first-child { white-space: nowrap; }
table tr:first-child > td:first-child { border-top-left-radius: 6px; }
table tr:first-child > td:last-child { border-top-right-radius: 6px; }
table tr:last-child > td:first-child { border-bottom-left-radius: 6px; }
table tr:last-child > td:last-child { border-bottom-right-radius: 6px; }

td.cellTitle, div.cellTitle, tr.cellTitle > td:not([class]) { padding: 6px; font-weight: bold; }
td.cellSubTitle, div.cellSubTitle, tr.cellSubTitle > td:not([class]) { padding: 5px; font-weight: 500; }
table tr:first-child > td.cellSubTitle, table tr.cellSubTitle:first-child > td:not([class]) { border-top: 0px; }

td.cellBlockTitle, div.cellBlockTitle, tr.cellBlockTitle > td:not([class]) { padding: 5px 3px 5px 15px; font-weight: 500; }
td.cellBlockCaption, div.cellBlockCaption, tr.cellBlockCaption > td:not([class]) { padding: 2px 5px 2px 5px; text-align: right; font-weight: 500; vertical-align: top; }
td.cellBlockContent, div.cellBlockContent, tr.cellBlockContent > td:not([class]) { padding: 2px; }
td.cellBlockInput, div.cellBlockInput, tr.cellBlockInput > td:not([class]) { padding: 2px; }

td.cellListContent, div.cellListContent, tr.cellListContent > td:not([class]) { padding: 4px 5px 4px 2px; }
td.cellListInput, div.cellListInput, tr.cellListInput > td:not([class]) { padding: 2px; }
td.cellListInfo, div.cellListInfo, tr.cellListInfo > td:not([class]) { }
td.cellListSelect, div.cellListSelect, tr.cellListSelect > td:not([class]) { padding: 4px 5px 4px 2px; }

/*
tr[isselected="true"] > td, td[isselected="true"] { }
tr[hovereffect="1"]:not([enabled="0"]):hover > td, tr[ishovered="1"]:not([enabled="0"]) > td, td[hovereffect="1"]:hover { }
*/

/* SF@JG: ist das wirklich eine allgemeine Inhalt-Zelle oder sollte das genauer benannt werden?*/
/* JG@SF: ich habe keine Verwendung mehr gefunden. Ich denke, das ist obsolet. */
.cellContent { padding: 2px 5px 2px 5px; min-height: 24px; }
td.cellButtons, tr.cellButtons > td:not([class]) { padding: 5px; }

td.pager { height: 24px; }

@media screen and (min-height: 500px) {
	tr[sticky="1"] > td, tr[sticky="true"] > td { position: -webkit-sticky; position: sticky; z-index: 2; top: 0px; text-align: left; -webkit-background-clip: padding-box; background-clip: padding-box; border-bottom: 0px; border-top: 0px; }
}

/* TextBox */
input[type=text], input[type=number], input[type=password], textarea { border-radius: 4px; box-sizing: border-box; padding: 3px; resize: none; }
.text, .textRequired, .textInvalid, .textAccepted, .textDisabled, .textViewOnly { border: 1px solid transparent; border-bottom: 3px solid transparent; font: 10pt 'Segoe UI', Arial; width: 98%; }
.textSearch { border: solid 1px #DDDDDD; font: 10pt 'Segoe UI', Arial; width: 30%; min-width: 75px; max-width: 300px; padding: 3px 3px 3px 5px !important; border-radius: 4px !important; margin-right: 5px; vertical-align: middle; }
	.textSearch:placeholder-shown { }

/* SelectBox */
select { border-radius: 4px; box-sizing: border-box; padding: 3px; }
.select, .selectRequired, .selectInvalid, .selectAccepted, .selectDisabled, .selectViewOnly { border: 1px solid transparent; border-bottom: 3px solid transparent; width: 98%; font: 10pt 'Segoe UI', Arial; }

/* Generic */
.genericRequired { }
.genericInvalid { }
.genericDisabled { }
.genericAccepted { }
.genericBox { font-weight: bold; padding: 10px; }
.genericBoxLightBlue { font-weight: bold; padding: 10px; }
.genericBoxLightGreen { font-weight: bold; padding: 10px; }
.genericBoxLightYellow { font-weight: bold; padding: 10px; }
.genericBoxLightRed { font-weight: bold; padding: 10px; }

/* XButton */
div.xbutton, input.button, input.contextButton { text-align: center; display: inline-block; white-space: nowrap; vertical-align: middle; box-sizing: border-box; transition: 0.1s ease-in-out; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	div.xbutton[displaystyle="toolbutton" i], input.contextButton { border: 1px solid; border-radius: 4px; font-weight: normal; }
	div.xbutton[displaystyle="button" i], input.button, div.xbutton[displaystyle="splitbutton" i], input[type="file"]::-webkit-file-upload-button { border: 1px solid; border-radius: 4px; font-weight: bold; border: 1px solid; outline: none; }

div.xbutton-left { border-radius: 4px 0 0 4px !important; border-right-width: 0px !important; padding: 0 !important; }
div.xbutton-right { border-radius: 0 4px 4px 0 !important; padding: 0 !important; }

/* zur Vollständigkeit
td._cellTitle div.xbutton[displaystyle="toolbutton" i] > div.xb_label, td._cellTitle div.xbutton[displaystyle="button" i] > div.xb_label { }
td._cellTitle div.xbutton[displaystyle="toolbutton" i] > div.iconStack, td._cellTitle div.xbutton[displaystyle="button" i] > div.iconStack { }

div.xbutton:not([disabled]):not([hover="false"]):not([displaystyle]):hover { }

div.xbutton[checked="true"][checkcolor="blue" i], div.xbutton[checked="true"][checkcolor="blue" i]:not([disabled]):not([hover="false"]):hover, div.xbutton[checked="true"][checkcolor="default"], div.xbutton[checked="true"][checkcolor="default"]:not([disabled]):not([hover="false"]):hover { }
div.xbutton[checked="true"][checkcolor="green" i], div.xbutton[checked="true"][checkcolor="green" i]:not([disabled]):not([hover="false"]):hover { }
div.xbutton[checked="true"][checkcolor="red" i], div.xbutton[checked="true"][checkcolor="red" i]:not([disabled]):not([hover="false"]):hover { }
div.xbutton[checked="true"][checkcolor="orange" i], div.xbutton[checked="true"][checkcolor="orange" i]:not([disabled]):not([hover="false"]):hover { }
div.xbutton[checked="true"][checkcolor="yellow" i], div.xbutton[checked="true"][checkcolor="yellow" i]:not([disabled]):not([hover="false"]):hover { }
div.xbutton[checked="true"][checkcolor="violet" i], div.xbutton[checked="true"][checkcolor="violet" i]:not([disabled]):not([hover="false"]):hover { }
div.xbutton[checked="true"][checkcolor="gray" i], div.xbutton[checked="true"][checkcolor="gray" i]:not([disabled]):not([hover="false"]):hover { }
*/

div.xbutton[size="xxsmall" i][displaystyle*="button" i], div.xbutton-xxsmall[displaystyle*="button" i] { min-width: 16px; height: 16px; line-height: 10px; padding: 0px 1px 0px 1px; }
div.xbutton[size="xsmall" i][displaystyle*="button" i], div.xbutton-xsmall[displaystyle*="button" i] { min-width: 16px; height: 16px; line-height: 10px; padding: 0px 1px 0px 1px; }
div.xbutton[size="small" i][displaystyle*="button" i], div.xbutton-small[displaystyle*="button" i] { min-width: 22px; height: 22px; line-height: 15px; padding: 0px 2px 0px 2px; }
div.xbutton[size="normal" i][displaystyle*="button" i], div.xbutton-normal[displaystyle*="button" i], input.button, input.contextButton { min-width: 28px; height: 28px; line-height: 22px; padding: 0px 5px 0px 5px; }
div.xbutton[size="large" i][displaystyle*="button" i], div.xbutton-large[displaystyle*="button" i] { min-width: 34px; height: 34px; line-height: 28px; padding: 0px 4px 0px 4px; }
div.xbutton[size="xlarge" i][displaystyle*="button" i], div.xbutton-xlarge[displaystyle*="button" i] { min-width: 44px; height: 44px; line-height: 36px; padding: 0px 5px 0px 5px; }
div.xbutton[size="xxlarge" i][displaystyle*="button" i], div.xbutton-xxlarge[displaystyle*="button" i] { min-width: 62px; height: 62px; line-height: 54px; padding: 0px 6px 0px 6px; }

div.xbutton[size="xxsmall" i] div[class^="icon-"], div.xbutton-xxsmall div[class^="icon-"], div.iconSize-xxsmall { font-size: 9px; }
div.xbutton[size="xsmall" i] div[class^="icon-"], div.xbutton-xsmall div[class^="icon-"], div.iconSize-xsmall { font-size: 12px; }
div.xbutton[size="small" i] div[class^="icon-"], div.xbutton-small div[class^="icon-"], div.iconSize-small { font-size: 16px; }
div.xbutton[size="normal" i] div[class^="icon-"], div.xbutton-normal div[class^="icon-"], div.iconSize-normal { font-size: 16px; }
div.xbutton[size="large" i] div[class^="icon-"], div.xbutton-large div[class^="icon-"], div.iconSize-large { font-size: 24px; }
div.xbutton[size="xlarge" i] div[class^="icon-"], div.xbutton-xlarge div[class^="icon-"], div.iconSize-xlarge { font-size: 32px; }
div.xbutton[size="xxlarge" i] div[class^="icon-"], div.xbutton-xxlarge div[class^="icon-"], div.iconSize-xxlarge { font-size: 48px; }

div.iconStack { display: inline-block; position: relative; vertical-align: middle; font-weight: normal; }

div[class^="icon-"] { display: inline-block; transition: 0.1s ease-in-out; }
div.iconStack > div[isoverlay="true"] { position: absolute; left: 0px; }
div.xb_label { display: inline-block; padding: 0 0.3em 0 0.3em; transform: translateY(10%); transition: 0.1s ease-in-out; }
div.xbutton-xsmall > div.xb_label, div.xbutton[size="xsmall" i] > div.xb_label { font-size: smaller; _transform: translateY(0%); display: inline-block; }
div.xbutton > img { vertical-align: middle; }

div.xbutton[checked="true"] [checkvisibility="hidden"] { opacity: 0 !important; transition: 0.2s ease-in-out; }
div.xbutton:not([checked="true"]) [checkvisibility="visible"] { opacity: 0 !important; transition: 0.2s ease-in-out; }
div.xbutton:hover [hovervisibility="hidden"] { opacity: 0 !important; transition: 0.2s ease-in-out; }
div.xbutton [hovervisibility="visible"] { opacity: 0 !important; transition: 0.2s ease-in-out; }

/* Buttons Legacy */
input.button { min-width: 8em; padding: 1px 9px 2px 9px; font: bold 10pt 'Segoe UI', Arial; }

/* Popups */
iframe { border: 0px; }

div.popupHeader {display: flex;align-items: center;padding: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-radius: 8px 8px 0px 0px;cursor: default;min-height: 24px;}
div.popupTitle { padding-left: 5px; display: inline-block; }
div.popupTitleIconContainer { display: inline-block; margin-left: 5px; }
img.popupTitle { margin-left: 5px; }

div.popupClose { width: 24px; height: 24px; padding: 2px; font-size: 20px; text-align: center; margin-left: auto; cursor: default; background-image: url('../Images/shadow.png?v=5'); background-repeat: no-repeat; background-position: 50px; border-radius: 4px; display: inline-block; transition: 0.1s ease-in-out; }
	div.popupClose:hover { }

div.popupBack { width: 24px; height: 24px; padding: 2px; font-size: 20px; text-align: center; cursor: default; border-radius: 4px; display: inline-block; transition: 0.1s ease-in-out; }
	div.popupBack:hover { }

div.popup { border-radius: 8px; }
	div.popup > div.popupHeader { }
	div.popup div.popupTitle { font-weight: bold; }
	div.popup > div.popupFooter { padding: 3px; border-radius: 0px 0px 8px 8px; right: 0px; }
		div.popup > div.popupFooter:empty { display: none; }

div.popupInline { }
	div.popupInline > div.popupHeader { }
	div.popupInline div.popupTitle { font-weight: bold; }
	div.popupInline > div.popupFooter { padding: 3px; right: 0px; }
		div.popupInline > div.popupFooter:empty { display: none; }

div.popupMessage { border: 0px; border-radius: 8px; }
	div.popupMessage[compact="0"] { padding: 5px; }
	div.popupMessage[compact="1"] { padding: 3px; white-space: nowrap; }
	div.popupMessage[compact="1"] > div.popupClose { width: 18px; height: 18px; font-size: 16px; }
	div.popupMessage > div.popupHeader { min-height: 22px; }
	div.popupMessage div.popupTitle { font-weight: bold; }
	div.popupMessage > div.popupFooter { text-align: right; }
		div.popupMessage > div.popupFooter:empty { display: none; }
	div.popupMessage[compact="0"] div.popupMessage_Message { padding: 20px 30px 20px 30px; white-space: nowrap; border-radius: 4px; }
	div.popupMessage[compact="1"] div.popupMessage_Message { padding: 0px; white-space: nowrap; border-radius: 4px; }

div.popupHeader[inline] { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 11; }
	div.popupHeader[inline] div.popupTitle { font-weight: bold; }

div.logPopup { padding: 10px; }

div.overlayMask { opacity: 0.6; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; }

/* Animations */
div.busyAnimation { display: inline-block; position: relative; }
	div.busyAnimation[animation='FadingSections'] { animation: busy_rotate_sections 2s ease-in-out infinite; border-radius: 100%; border-style: solid; box-sizing: border-box; }
		div.busyAnimation[animation='FadingSections'][size='Small'] { border-width: 2px; }
		div.busyAnimation[animation='FadingSections'][size='Medium'] { border-width: 3px; }
		div.busyAnimation[animation='FadingSections'][size='Large'] { border-width: 10px; }
	div.busyAnimation[animation='ElasticSpin'] { }
		div.busyAnimation[animation='ElasticSpin'] > div { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-sizing: border-box; border-style: solid; border-width: inherit; border-radius: 100%; }
		div.busyAnimation[animation='ElasticSpin'][size='Small'] > div { border-width: 2px; }
		div.busyAnimation[animation='ElasticSpin'][size='Medium'] > div { border-width: 3px; }
		div.busyAnimation[animation='ElasticSpin'][size='Large'] > div { border-width: 10px; }
		div.busyAnimation[animation='ElasticSpin'] > div:nth-child(1) { animation: rotate 1s cubic-bezier(0.7, 0.4, 0.7, 0.8) infinite; }
		div.busyAnimation[animation='ElasticSpin'] > div:nth-child(2) { animation: rotate 1s cubic-bezier(0.3, 0.3, 0.3, 0.6) infinite; }
	div.busyAnimation[size='Small'] { width: 16px; height: 16px; }
	div.busyAnimation[size='Medium'] { width: 32px; height: 32px; }
	div.busyAnimation[size='Large'] { width: 100px; height: 100px; }


@keyframes rotate {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg) }
}


div.fader { position: fixed; height: 15px; width: inherit; opacity: 0; visibility: hidden; transition: 0.4s ease-in-out; z-index: 20; }

.transition_Fade_0 { opacity: 0; }
.transition_Fade_1 { opacity: 1; }

.transition_Fade_VerticalScale_0 { opacity: 0; transform: scale(1, 0.9); }
.transition_Fade_VerticalScale_1 { opacity: 1; transform: scale(1); }

.transition_Fade_HorizontalScale_0 { opacity: 0; transform: scale(0.7, 1); }
.transition_Fade_HorizontalScale_1 { opacity: 1; transform: scale(1); }

.transition_Fade_Scale_0 { opacity: 0; transform: scale(0.7); }
.transition_Fade_Scale_1 { opacity: 1; transform: scale(1); }


/* TreeView */
td.tn_default { padding: 4px 1px 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
tr.tn_spacer td.tn_default { height: 0 !important; }
td.tn_title { white-space: nowrap; padding: 5px; border-radius: 4px; margin-top: 5px; font-weight: bold; }
	td.tn_title:hover { }
div.tn_expandIcon { opacity: 0.5; font-size: 9px; width: 16px; height: 16px; vertical-align: middle; transition: 0.2s ease-in-out; }
tr:hover > td > span > div.tn_expandIcon { opacity: 1; }
tr:hover > td:has(.treeContextButton) { padding-right: 30px; }
.treeContextButton { opacity: 0; display: inline-block; position: absolute; right: 6px; font-weight: bold; font-size: 14px; vertical-align: bottom; float: right; transition: 0.2s ease-in-out; padding: 0px 5px 0px 5px; }
td:hover .treeContextButton { opacity: 0.6; }
	td:hover .treeContextButton:hover { opacity: 1; }
tr[exp="1"] [expandvisibility="hidden"] { display: none; }
tr:not([exp="1"]) [expandvisibility="visible"] { display: none; }

/* Menü */
table.menu { }
td.menuItem { padding: 4px 6px 4px 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
tr[enabled="0"] > td.menuItem { }
tr.tn_spacer td.menuItem { height: 0 !important; }

/* WebTab */
div.wt_main { cursor: default; padding: 0px; }
.wt_i { white-space: nowrap; float: left; padding: 0px; }
.wt_i_b { }
.wt_i_s { }
.wt_i_x { }
.wt_d_s { width: 0px; }
.wt_d_s_b { width: 0px; }
.wt_d_m { border-bottom: 4px solid; padding: 7px; transition: 0.1s ease-in-out; }
.wt_d_e { width: 0px; }
.wt_x_s { width: 0px; }
.wt_x_s_b { width: 0px; }
.wt_x_m { border-bottom: 4px solid; padding: 7px; transition: 0.1s ease-in-out; }
.wt_x_e { width: 0px; }
.wt_h_s { width: 0px; }
.wt_h_s_b { width: 0px; }
.wt_h_m { border-bottom: 4px solid; padding: 7px; transition: 0.1s ease-in-out; }
.wt_h_e { width: 0px; }
.wt_s_s { width: 0px; }
.wt_s_m { border-bottom: 4px solid; padding: 7px; transition: 0.1s ease-in-out; }
.wt_s_e { width: 0px; }

/* Dashboard Widgets */
.widget-table { display: table; width: max-content; }
.widget-content { }
.widget-highlighted { }
.widget-label-title { font-size: 14pt; min-height: 25px; }
.widget-label-normal { font-size: 24pt; }
.widget-label-small { font-size: 18pt; }
.widget-label-information { font-size: 10pt; }

/* FileTable */
div.dropTarget { border: 2px dashed; min-height: 35px; }
div.dropTarget_dragover { border: 2px dashed; min-height: 35px; }

/* DatePicker */
td.dp_title { font-weight: normal !important; padding: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#dp_control_Calendary { white-space: nowrap; }
table.dp_monthTable { display: inline-table; }
td.dp_entry { width: 28px; height: 28px; }
td.dp_daytitle { font-weight: bold; }
td.dp_week { text-align: center; font: normal 8pt Tahoma; }
td.dp_weekday { text-align: center; }
td.dp_weekendday { text-align: center; }

td.dp_today { font-weight: bold; }
td.dp_gray { }

td.dp_active { font-weight: bold; }

div.dp_pager { width: 28px; height: 28px; text-align: center; display: inline-block; font: normal 22pt Verdana; line-height: 18pt; border-radius: 4px; margin-left: 5px; border: 1px solid; }
	div.dp_pager:hover { }

/* Kleber */
@media screen and (min-height: 500px) {
	.stickyTop { position: -webkit-sticky; position: sticky; top: 0px; z-index: 10; margin-bottom: 2px; }
	.stickyBottom { position: -webkit-sticky; position: sticky; bottom: 0px; z-index: 10; margin-top: 2px; }
}

/* Login */
div.loginIcon { float: left; position: relative; margin-top: -22px; margin-left: 6px; opacity: 0.7; }
	div.loginIcon[size=large] { margin-top: -24px !important; margin-left: 7px !important; }
input.textLogin[type=text], input.textLogin[type=password] { max-width: 450px; padding: 6px 6px 6px 24px; }
	input.textLogin[type=text][size=large], input.textLogin[type=password][size=large] { font-size: larger; }
div#divNewPasswordInfo { max-width: 450px; }

/* ImagePanel */
div.imagepanel_main { background-color: #99999930; display: flex; flex-direction: column; align-items: stretch; border-radius: 4px; }
div.imagepanel_slider { display: inline-block; position: relative; width: 100%; overflow: hidden; border-radius: 4px; }
div.imagepanel_image { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: white; transition: ease-in-out 200ms; display: flex; justify-content: center; }
	div.imagepanel_image > img { max-width: 100%; max-height: 100%; align-self: center; }
div.imagepanel_buttons_container { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; z-index: 2; }
div.imagepanel_button_panel { flex-basis: 25%; display: flex; align-items: center; background-color: #00000000 /*dummy*/; transition: ease-in-out 200ms; }
	div.imagepanel_button_panel:first-child { justify-content: flex-start; padding-left: 0.5em; cursor: default; }
	div.imagepanel_button_panel:last-child { justify-content: flex-end; padding-right: 0.5em; cursor: default; }
	div.imagepanel_button_panel[enabled="true"]:hover { background-color: #99999930; }
div.imagepanel_direction_button { padding: 0.3em; color: black; font-size: 18pt; opacity: 0; border-radius: 4px; transition: ease-in-out 200ms; cursor: default; }
div.imagepanel_slider:hover div.imagepanel_button_panel[enabled="true"] > div.imagepanel_direction_button { opacity: 0.4; }
div.imagepanel_button_panel[enabled="true"]:hover div.imagepanel_direction_button { opacity: 1 !important; }
div.imagepanel_pager { display: flex; width: 100%; height: 10%; overflow: hidden; justify-content: center; flex-grow: 0; }
div.imagepanel_thumbnail { padding: 2px; height: 100%; border-radius: 4px; transition: ease-in-out 150ms; box-sizing: border-box; opacity: 0.5; }
	div.imagepanel_thumbnail:hover, div.imagepanel_thumbnail[selected] { opacity: 1; }
	div.imagepanel_thumbnail > img { max-width: 100%; max-height: 100%; border-radius: 4px; }

/* Speziell */
.aspNetHidden { display: none; }
[hidden] { display: none !important; } /* HTMLElement.hidden wird im Browser sinnlos auf Tag-Ebene (siehe F12) ausgewertet, wird also generell von eigenen display-Styles überschrieben */
input[type=checkbox], input[type=radio] { vertical-align: sub; }
input:focus, textarea:focus, select:focus, div[tabindex]:focus, a:focus { outline: solid 1px; }

/* https://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/ */
.word_break { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

#divLoginLogo { display: inline-block; border-radius: 8px; width: 450px; height: 150px; background-repeat: no-repeat; background-position: center; background-size: 300px; background-image: url('../Images/Plenus/plenus_logo_full.svg'); background-color: white; }

div.itemSelector { display: inline-flex; white-space: nowrap; align-items: center; width: 99%; }
div.multiSelector { display: inline-block; }
div.multiSelectorItem { display: inline-block; border: solid 1px; padding: 2px 2px 2px 7px; border-radius: 5px; margin-right: 2px; }
div[stackitems="true"] > div.multiSelectorItem { display: table !important; white-space: nowrap; }

div.card { background-color: var(--contentBG); display: inline-block; border-radius: 8px; padding: 8px; max-width: 400px; }

@media only screen and (max-width: 1366px) {
	td[visibilitylevel='2'] { display: none; }
}

@media only screen and (max-width: 1280px) {
	td[visibilitylevel='3'] { display: none; }
}

@media only screen and (max-width: 1024px) {
	td[visibilitylevel='4'] { display: none; }
}

/* Prototyp mit feinerer Aufteilung, und bei Verwendung bekannter Auflösungen (minus Fensterränder) */

@media only screen and (max-width: 779px) {
	[minscreen='8'] { display: none !important; }
}

@media only screen and (max-width: 979px) {
	[minscreen='10'] { display: none !important; }
}

@media only screen and (max-width: 1179px) {
	[minscreen='12'] { display: none !important; }
}

@media only screen and (max-width: 1379px) {
	[minscreen='14'] { display: none !important; }
}

@media only screen and (max-width: 1579px) {
	[minscreen='16'] { display: none !important; }
}

@media only screen and (max-width: 1779px) {
	[minscreen='18'] { display: none !important; }
}

@media only screen and (min-width: 780px) {
	[maxscreen='8'] { display: none !important; }
}

@media only screen and (min-width: 980px) {
	[maxscreen='10'] { display: none !important; }
}

@media only screen and (min-width: 1180px) {
	[maxscreen='12'] { display: none !important; }
}

@media only screen and (min-width: 1380px) {
	[maxscreen='14'] { display: none !important; }
}

@media only screen and (min-width: 1580px) {
	[maxscreen='16'] { display: none !important; }
}

@media only screen and (min-width: 1780px) {
	[maxscreen='18'] { display: none !important; }
}