/* This file is used to style cards and controls */

:ROOT {
	--ukiCtrlBorderColorDefault: hsl( 120, 060%, 040%);
	--ukiCtrlBorderColorFocus:   hsl( 200, 088%, 050%);
	--ukiCtrlBorderColorError:   hsl( 000, 100%, 080%);
	--ukiCtrlBorderColorChanged: hsl( 180, 082%, 050%);
	--ukiCtrlBackColor:          hsl( 120, 050%, 098%);
	--ukiCtrlBackColorFocus:     hsl( 200, 088%, 096%);
	--ukiCtrlBackColorError:     hsl( 000, 100%, 096%);
	--ukiCtrlBackColorChanged:   hsl( 180, 082%, 090%);
	--ukiCtrlBackHistory:        hsla(041, 100%, 050%, 0.40);
	--ukiCtrlBorderHistory:      hsl( 041, 100%, 050%);
	--ukiCtrlBackHistoryEmpty:   hsla(120, 060%, 040%, 0);
	--ukiCtrlBorderHistoryEmpty: hsla(120, 060%, 040%, 0);
	--ukiCtrlBackHistoryAll:     hsla(041, 100%, 050%, 0.015);
	--ukiCtrlBorderHistoryAll:   hsl( 041, 100%, 050%);
	--ukiCtrlBackHistoryThis:    hsla(041, 100%, 050%, 0.40);
	--ukiCtrlBorderHistoryThis:  hsl( 041, 100%, 050%);

	--ukiItemBorderColor:        hsl( 215, 030%, 090%);
	--ukiItemBorderColorActive:  hsl( 200, 100%, 030%);
	--ukiItemBackColorActive:    hsl( 200, 100%, 090%);
	--ukiItemContentBorderColor: hsl( 215, 030%, 090%);

	--ukiCardBorderSelected:     hsl( 040, 100%, 050%);
	--ukiCardBackSelected:       hsl( 040, 010%, 095%);
	--ukiCardBackHover:          hsl( 110, 100%, 035%);
	--ukiCardHeaderBack:         hsla(200, 040%, 080%, 0.2);

	--ukiGreenDark:              hsl( 120, 100%, 010%);
	--ukiGreen:                  hsl( 120, 100%, 025%);
	--ukiGreenLight:             hsl( 145, 100%, 035%);
	--ukiGreenOverlay:           hsla(120, 100%, 025%, 0.25);
	--ukiGreenOverlayLight:      hsla(120, 100%, 025%, 0.15);

	--ukiWhite:					 	hsl(60, 100%, 99%);
	--ukiBeige:						hsl(60, 37%, 87%);
	--ukiYellow:					hsl(48, 100%, 61%);
	--ukiOrange:				 	hsl(36, 99%, 47%);
	--ukiOrange2:					hsl(24, 96%, 55%);
	--ukiRed:                    	hsl(0, 100%, 50%);
	--ukiPurple:					hsl(335, 89%, 18%);
	--ukiGreenNewDark:				hsl(118, 61% 17%);
	--ukiGreenNewLight:				hsl(148, 24% 52%);
	--ukiBlue:					 	hsl(211, 87%, 25%);
	--ukiBlack:						hsl(0, 0%, 15%);

	--ukiLabelWeight: 300;
}

:ROOT.ukiDark {}

.ukiWhite { color: var(--ukiWhite)}
.ukiBeige { color: var(--ukiWhite)}
.ukiYellow { color: var(--ukiWhite)}
.ukiOrange { color: var(--ukiWhite)}
.ukiOrange2 { color: var(--ukiWhite)}
.ukiRed { color: var(--ukiWhite)}
.ukiPurple { color: var(--ukiWhite)}
.ukiGreenNewDark { color: var(--ukiGreenNewDark)}
.ukiGreenNewLight { color: var(--ukiWhite)}
.ukiBlue { color: var(--ukiWhite)}
.ukiBlack { color: var(--ukiWhite)}

HTML { text-rendering: auto; -webkit-font-smoothing: antialiased; }

.ukiCardContainer *::selection { color: var(--ukiGreenDark); background-color: var(--ukiGreenOverlay); }

.ukiCardContainer { font-size: 12px; padding: 0 0 1em 0; border-bottom: 5em solid transparent; }

.ukiCardContainer .ukiSubCardContainer { border: 0.5em solid #FFF; border-top: 0; background-color: #FFF; }

.ukiCardContainer .ukiCardContainerElement {display: flex;flex-flow: column;}

.ukiCardContainer .ukiCardContainerElement,
.ukiCardContainer .ukiCardContainerElement .ukiSubCardContainer .ukiCardContainerElement { padding: 0 3px; border: 0 solid black; }

.ukiCardContainer .ukiCardContainerElement.ukiSpace.top { margin-top: 0.5em; }

.ukiCardContainer .ukiCardContainerElement.ukiSpace.bottom { margin-bottom: 0.5em; }

.ukiCardContainer .ukiCardContainerElement.ukiCompact { padding: 0 1px; }

.ukiCardContainer .ukiCardContainerElement .ukiCardContainerElement { padding: 0; }

.ukiCardContainer .ukiCard { margin: 0; padding: 5px 2px 0; max-height: none; font-size: 1em; flex-grow: 1; display: flex; flex-flow: column; }

.ukiCardContainer .ukiCardContainerElement.ukiCompact .ukiCard { padding: 0; }

.ukiCardContainer .ukiCardContainerElement.ukiCompact .ukiCard .ukiCardBorder { border: 0; }

.ukiCardContainer .ukiCardTab { padding: 0; overflow: hidden; flex-grow: 1; display: flex; flex-direction: column; }

.box-sm .ukiCardContainer .ukiCardTab { margin-top: 0.75em; }

.ukiCardContainer .ukiCardStaple { }

.ukiCardContainer .ukiCard.heightFlag::before,
.ukiCardContainer .ukiCardTab.heightFlag::before,
.ukiCardContainer .ukiCardStaple.heightFlag::before { content: "\f034"; position: absolute; right: 2em; bottom: 0; z-index: 1; color: var(--ukiGreen); background-color: var(--ukiGreenOverlay); padding: 0.25em; font-size: 1.5em; font:normal normal normal 14px/1 FontAwesome; }

.ukiCardContainer .ukiCardTab .ukiCard { padding: 0; }

.ukiCardContainer .ukiCardTab UL.ukiCardSelect { border: 0; border-bottom: 0; margin: 0; }

.ukiCardContainer .ukiCardTab UL.ukiCardSelect LI { top: 0; margin-bottom: 0; border: 1px solid var(--ukiItemBorderColor); border-right-width: 0; border-bottom-width: 0; border-top-left-radius: 4px; }

.ukiCardContainer .ukiCardTab UL.ukiCardSelect LI:last-child { border-right-width: 1px; }

.ukiCardContainer .ukiCardTab UL.ukiCardSelect LI.active { background-color: var(--ukiGreenOverlay); }

.ukiCardContainer .ukiCardTab UL.ukiCardSelect LI:not(:first-child) { }

.ukiCardContainer .ukiCardTab UL.ukiCardSelect LI A.nav-link { padding: 0 5px; border: 0; display: flex; align-items: center; color: black; background-color: var(--ukiGreenOverlay); font-size: 1.05em; font-weight: bold; }

.ukiCardContainer .ukiCardTab UL.ukiCardSelect LI A.nav-link SPAN { margin-left: 0.3em; }

.ukiCardContainer .ukiCardTab UL.ukiCardSelect LI.active A.nav-link { font-weight: bold; background-color: var(--ukiGreenOverlay); color: white; }

.ukiCardContainer .ukiCardTab UL.ukiCardSelect LI.active A.nav-link I { width: inherit; }

.ukiCardContainer .ukiCardTab UL.ukiCardSelect LI A.nav-link SPAN {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 0.25em;font.size:;}

/* .ukiCardContainer .ukiCardTab UL.ukiCardSelect LI A.nav-link {padding: 0 5px;border: 0;font-weight: var(--ukiLabelWeight);font-size: 0.9em;display: flex;align-items: center;} */

/* .ukiCardContainer .ukiCardTab UL.ukiCardSelect LI.active A.nav-link {background-color: inherit;font-weight: normal;font-size: 0.9em;} */

/* .ukiCardContainer .ukiCardTab UL.ukiCardSelect LI A.nav-link SPAN {max-width: 5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 0.25em;font.size:;} */

/* .ukiCardContainer .ukiCardContainerElement.w1 UL.ukiCardSelect LI A.nav-link SPAN { max-width: 0; margin-left: 0; } */

.ukiCardContainer .ukiCardTab UL.ukiCardSelect LI.active A.nav-link SPAN { max-width: inherit; margin-left: 0.3em; overflow: inherit; text-overflow: inherit; display: inline-block; }

.ukiCardContainer .ukiCardTab DIV.tab-content {border: 1px solid var(--ukiItemBorderColor);overflow: hidden;-webkit-overflow-scrolling: touch;display: flex;flex-flow: column;flex-grow: 1;}

.ukiCardContainer .ukiCardTab DIV.tab-content > DIV.tab-pane.active { flex-grow: 1; display: flex; flex-flow: column; padding-top: 0.5em; }

.ukiCardContainer .ukiCardTab DIV.tab-content > DIV.tab-pane > DIV.ukiCardContainerElement { display: flex; flex-flow: column; }

.ukiCardContainer .ukiCardTab DIV.tab-content > DIV.tab-pane.cardCnt1 > DIV.ukiCardContainerElement { flex-grow: 1; }

.ukiCardContainer .ukiCardTab DIV.tab-content > DIV.tab-pane > DIV.ukiCardContainerElement > DIV.ukiCard { flex-grow: 1; display: flex; flex-flow: column; }

.ukiCardContainer .ukiCardTab DIV.tab-content > DIV.tab-pane > DIV.ukiCardContainerElement > DIV.ukiCard > DIV.ukiCardBorder { flex-grow: 1; display: flex; flex-flow: column; }

.ukiCardContainer .ukiCard .ukiCardBorder { border: 1px solid #DDD; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: 100%; display: flex; flex-flow: column; flex-grow: 1; }

.ukiCardContainer .ukiCard .ukiCardBorder.borderHide { border-color: transparent; }

.ukiCardContainer .ukiCardTab .ukiCard .ukiCardBorder { border-radius: 0; border-top: none; padding: 0; }

.ukiCardContainer .ukiCard .ukiCardContent { flex-grow: 1; }

/* @media only screen and (min-width: 768px) { .ukiCardContainer .ukiCard .ukiCardContent { max-height: 75vh; } } */

/* @media only screen and (min-width: 1024px) { .ukiCardContainer .ukiCard .ukiCardContent { max-height: 50vh; } } */

.ukiCardContainer .ukiCardContent > .ukiColumn { display: flex; flex-flow: column; }

.ukiCardContainer .ukiCardContent > .ukiColumn.boxCnt1 > DIV.box.ctrlCount1 { flex-grow: 1; flex-flow: column; }

.ukiCardContainer .ukiCardContent > .ukiColumn.boxCnt1 > DIV.box > DIV.ukiControl { flex-grow: 1; }

.ukiCardContainer .ukiCard.tiny { max-height: 15em; }
.ukiCardContainer .ukiCard.medium { max-height: 25em; }
.ukiCardContainer .ukiCard.large { max-height: 50em; }

.ukiCardContainer .ukiCard .ukiCardHeader { padding: 3px 0 1px 0.2em; font-weight: bold; display: block; position: sticky; top: 0; margin: 0 0 2px; z-index: 10; background-color: var(--ukiCardHeaderBack); font-size: 1.05em; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.ukiCardHeaderFontSize { font-size: 0.9em; }

.ukiCardContainer .ukiCard .ukiCardHeader I { margin-right: 0.25em; }

.ukiCardContainer .ukiCard .ukiCardHeader I.ei,
.ukiCardContainer .ukiCard .ukiCardHeader I.mi { top: 0.15em; position: relative; }

.ukiCardContainer .ukiCardTab .ukiCard .ukiCardHeader { display: none; }

.ukiCardContainer .ukiCard .ukiCardContent > DIV { padding: 0; margin: 0; }

.ukiCardContainer .ukiCardTab .ukiCard[data-cardtype="link"] .ukiControl { padding: 0; margin: 0; }

.ukiCardContainer .ukiCard .ukiControl { padding: 0 2px; margin: 0 0 3px 0; border: 1px solid transparent; display: flex; }

.ukiCardContainer .ukiCard .ukiControl:last-child { margin-bottom: 0; }

.ukiCardContainer .ukiCardContainerElement.ukiCompact .ukiCard .ukiControl { border: 0; margin: 0; word-break: break-word; }

.ukiCardContainer .ukiCard .ukiControl.flowColumn,
.ukiCardContainer .ukiCard .ukiControl .flowColumn { flex-flow: column; }

.ukiCardContainer .ukiCard .ukiControl > DIV.designer { display: flex; width: 100%; align-items: flex-start; }

.ukiCardContainer .ukiCard .ukiControl.historyEmpty { background-color: var(--ukiCtrlBackHistoryEmpty); border-color: var(--ukiCtrlBorderHistoryEmpty); }

.ukiCardContainer .ukiCard .ukiControl.historyAll { background-color: var(--ukiCtrlBackHistoryAll); border-color: var(--ukiCtrlBorderHistoryAll); }

.ukiCardContainer .ukiCard .ukiControl.historyThis { background-color: var(--ukiCtrlBackHistoryThis); border-color: var(--ukiCtrlBorderHistoryThis); }

.ukiCardContainer .ukiCard .ukiControl.filterMatch,
.ukiCardContainer .ukiCard .ukiControl .filterMatch { border-bottom: 1px solid var(--ukiGreen); background-color: var(--ukiGreenOverlay); }

.ukiCardContainer .ukiCard .ukiControl.ukiCompound,
.ukiCardContainer .ukiCard .ukiControl .ukiCompound { margin: 0; padding: 0; }

.ukiCardContainer .ukiCard .ukiControl.ukiCompound > .ukiControl,
.ukiCardContainer .ukiCard .ukiControl .ukiCompound > .ukiControl { padding-left: 0; }

.ukiCardContainer .ukiCard .ukiControl .ukiInput,
.ukiCardContainer .ukiCard .ukiControl .ukiValue { font-weight: bold; flex-grow: 10; }

.ukiCardContainer .ukiCard .ukiControl .ukiValue.ukiPath { white-space: nowrap; display: flex; }
.ukiCardContainer .ukiCard .ukiControl .ukiValue.ukiPath .ukiRoot { overflow-x: hidden; text-overflow: ellipsis; }
.ukiCardContainer .ukiCard .ukiControl .ukiValue.ukiPath .ukiExtension { display: inline-block; }

.ukiCardContainer .ukiCard .ukiControl INPUT::placeholder,
.ukiCardContainer .ukiCard .ukiControl TEXTAREA::placeholder { color: #000; }

.ukiCardContainer .ukiCard .ukiControl LABEL {display: inline-block;margin: 0;padding-right: 0.5em;font-weight: var(--ukiLabelWeight);color: #000;}

.ukiCardContainer .ukiCard .ukiControl LABEL,
.ukiCardContainer .ukiCard .ukiControl LABEL.ukiLabel {display: inline-block;min-width: 12em;max-width: 12em;width: 12em;text-align: right;vertical-align: top;font-size: 0.9em;}

//.ukiCardContainer .ukiCard .ukiControl LABEL + .ukiValue {display: inline-block;min-width: calc(100% - 12em);max-width: calc(100% - 12em);width: calc(100% - 12em);}
.ukiCardContainer .ukiCard .ukiControl LABEL + .ukiValue {display: inline-block;}

.box-sm .ukiCardContainer .ukiCard .ukiControl LABEL,
.box-sm .ukiCardContainer .ukiCard .ukiControl LABEL.ukiLabel {display: inline-block;min-width: 12em;max-width: 12em;width: initial;text-align: right;}
.box-sm .ukiCardContainer .ukiCard .ukiControl LABEL + .ukiValue { display: inline-block; min-width: initial; max-width: initial; width: initial; }

.ukiCardContainer .ukiCard .ukiControl.flowColumn LABEL,
.ukiCardContainer .ukiCard .ukiControl .flowColumn LABEL { text-align: left; }

.ukiCardContainer .ukiCard .ukiControl LABEL.removed { font-size: 0; color: hsla(0, 0%, 0%, 0); display: none !important; }

.ukiCardContainer .ukiCard .ukiControl .ztree,
.ukiCardContainer .ukiCard .ukiControl INPUT,
.ukiCardContainer .ukiCard .ukiControl TEXTAREA,
.ukiCardContainer .ukiCard .ukiControl .selectize-input {width: 100%;max-width: 100%;border: none;border-bottom: 1px solid var(--ukiCtrlBorderColorDefault);background-color: var(--ukiCtrlBackColor);padding: 2px 5px 0;color: var(--ukiGreen);}

.ukiCardContainer .ukiCard .ukiControl INPUT,
.ukiCardContainer .ukiCard .ukiControl .selectize-input { line-height: 1.5em !important; }

.ukiCardContainer .ukiCard .ukiControl TEXTAREA { line-height: 1.2em !important; }

.ukiCardContainer .ukiCard .ukiControl.editing LABEL {display: block;text-align: right;}

.ukiCardContainer .ukiCard .ukiControl > .inline { display: flex; align-items: flex-start; }

.ukiCardContainer .ukiCard .ukiControl DIV.flexFull { flex-grow: 100; }

.ukiCardContainer .ukiCard .ukiControl > DIV,
.ukiCardContainer .ukiCard .ukiControl > DIV.designer > DIV { flex-grow: 1; }

.ukiCardContainer .ukiCard .ukiControl > DIV.inline + DIV.controls { white-space: nowrap; display: flex; flex-grow: 0; }

.ukiCardContainer .ukiCard .ukiControl > DIV.inline + DIV.controls > A { margin-left: 2px; float: left; }

.ukiCardContainer .ukiCard .ukiControl > DIV.inline + DIV.controls > A:first-child { margin-left: 0.5em; float: left; }

.ukiCardContainer .ukiCard .ukiControl .ukiRecordNavigation { display: flex; flex-direction: row; }

.ukiCardContainer .ukiCard .ukiControl .ukiRecordNavigation .ukiRecordBack { margin-right: 0.5em; }

.ukiCardContainer .ukiCard .ukiControl .ukiRecordNavigation .ukiRecordIcon { margin-right: 0.25em; margin-left: 0.25em; }

.ukiCardContainer .ukiCard .ukiControl .ukiRecordNavigation .ukiRecordIcon2 { margin-right: 0.25em; margin-left: 0.25em; }

.ukiCardContainer .ukiCard .ukiControl .ukiRecordNavigation .ukiRecordTitle { flex-grow: 10; }

.ukiCardContainer .ukiCard .ukiControl .ukiRecordOwners { font-size: 0.65em; color: #25a4f1 !important; }

.ukiCardContainer .ukiCard .ukiControl .ukiRecordOwners.text-muted { opacity: 0.75; }

/* .ukiCardContainer .ukiCard .ukiControl .ukiRecordOwners > *:not(:first-child) { margin-left: 0.35em; } */

.ukiCardContainer .ukiCard .ukiControl .ukiRecordOwners > *:not(:last-child)::after { content: ","; }

.ukiCardContainer .ukiCard .ukiControl .checkbox { margin: 0; padding: 0; }

.ukiCardContainer .ukiCard .ukiControl .checkbox INPUT[type=checkbox] { /* display: inline; */ width: 0; }

.ukiCardContainer .ukiCard .ukiControl .checkbox INPUT[type=checkbox] + LABEL { text-align: left; }

.ukiCardContainer .ukiCard .ukiControl .checkbox INPUT[type=checkbox] + LABEL:before { font-size: 1.25em; line-height: 0.9em; width: 1em; height: 1em; border-width: 1px; border-radius: 2px; margin-right: 5px; vertical-align: middle; margin-bottom: 0.2em; border-color: var(--ukiCtrlBorderColorDefault); background-color: var(--ukiCtrlBackColor); }

.ukiCardContainer .ukiCard .ukiControl .toggle-checkbox { display: flex; flex-flow: row; }
.ukiCardContainer .ukiCard .ukiControl .toggle-checkbox INPUT[type=checkbox] { display: none; }
.ukiCardContainer .ukiCard .ukiControl .toggle-checkbox INPUT[type=checkbox] + LABEL { min-width: inherit; max-width: inherit; width: 3em; left: -1em; }
.ukiCardContainer .ukiCard .ukiControl .toggle-checkbox INPUT[type=checkbox] + LABEL::before { height: 1.5em; width: 3em; }
.ukiCardContainer .ukiCard .ukiControl .toggle-checkbox INPUT[type=checkbox] + LABEL::after { height: 1.5em; width: 2em; }
.ukiCardContainer .ukiCard .ukiControl .toggle-checkbox INPUT[type=checkbox]:checked + LABEL::after { left: 1em !important; }

.ukiCardContainer .ukiCard .ukiControl INPUT.datetime { letter-spacing: 0.15em; }

.ukiCardContainer .ukiCard .ukiControl INPUT:focus,
.ukiCardContainer .ukiCard .ukiControl .selectize-input.focus,
.ukiCardContainer .ukiCard .ukiControl .checkbox INPUT[type=checkbox]:focus + LABEL:before { background-color: var(--ukiCtrlBackColorFocus); }

.ukiCardContainer .ukiCard .ukiControl.changed INPUT,
.ukiCardContainer .ukiCard .ukiControl.changed .selectize-input,
.ukiCardContainer .ukiCard .ukiControl.changed .checkbox INPUT[type=checkbox] + LABEL:before { border-bottom-color: var(--ukiCtrlBorderColorChanged); background-color: var(--ukiCtrlBackColorChanged); }

.ukiCardContainer .ukiCard .ukiControl.error INPUT,
.ukiCardContainer .ukiCard DIV.tableControls .ukiControl.error INPUT,
.ukiCardContainer .ukiCard .ukiControl.error .selectize-input,
.ukiCardContainer .ukiCard .ukiControl.error .checkbox INPUT[type=checkbox] + LABEL:before { border-bottom-color: var(--ukiCtrlBorderColorError); background-color: var(--ukiCtrlBackColorError); }

.ukiCardContainer .ukiCard .ukiControl .selectize-input.disabled,
.ukiCardContainer .ukiCard .ukiControl INPUT[readonly] { background-color: hsl(0, 0%, 92%) !important; }

.ukiCardContainer .ukiCard .ukiControl INPUT:focus,
.ukiCardContainer .ukiCard .ukiControl .selectize-input.focus,
.ukiCardContainer .ukiCard .ukiControl .checkbox INPUT[type=checkbox]:focus + LABEL:before { border-bottom-color: var(--ukiCtrlBorderColorFocus); }

.nav-tabs > li > a { color: #0c7bbe; }

.ukiBgDefault { background-color: #FFFFFF; }
.ukiCardColorFFF { /* Standardfarbe des Formulares */ }
/* .ukiCardColorTeam { background-color: #F8F8FF !important; } */
.ukiCardColor000 { background-color: hsl(000, 100%, 97%) !important; }
.ukiCardColor001 { background-color: hsl(030, 100%, 97%) !important; }
.ukiCardColor002 { background-color: hsl(060, 100%, 97%) !important; }
.ukiCardColor003 { background-color: hsl(090, 100%, 97%) !important; }
.ukiCardColor004 { background-color: hsl(120, 100%, 97%) !important; }
.ukiCardColor005 { background-color: hsl(150, 100%, 97%) !important; }
.ukiCardColor006 { background-color: hsl(180, 100%, 97%) !important; }
.ukiCardColor007 { background-color: hsl(210, 100%, 97%) !important; }
.ukiCardColor008 { background-color: hsl(240, 100%, 97%) !important; }
.ukiCardColor009 { background-color: hsl(270, 100%, 97%) !important; }
.ukiCardColor010 { background-color: hsl(300, 100%, 97%) !important; }
.ukiCardColor011 { background-color: hsl(330, 100%, 97%) !important; }
.ukiCardColor012 { background-color: hsl(000, 000%, 98%) !important; }
.ukiCardColor013 { background-color: hsl(000, 000%, 96%) !important; }
.ukiCardColor014 { background-color: hsl(000, 000%, 94%) !important; }
.ukiCardColor015 { background-color: hsl(000, 000%, 92%) !important; }
.ukiCardColor016 { background-color: hsl(000, 000%, 90%) !important; }
.ukiCardColorCardHeader { background-color: #dedede !important; }
.ukiCardColorCardContent { background-color: #fafafa !important; }

/* Headers */

	.ukiCardContainer .ukiCard .ukiControl H1 { font-weight: bold; font-size: 2em; margin: 0; }
	.ukiCardContainer .ukiCard .ukiControl H2 { font-weight: bold; font-size: 1.75em; margin: 0; }
	.ukiCardContainer .ukiCard .ukiControl H3 { font-weight: bold; font-size: 1.5em; margin: 0; }
	.ukiCardContainer .ukiCard .ukiControl H4 { font-weight: bold; font-size: 1.3em; margin: 0; }
	.ukiCardContainer .ukiCard .ukiControl H5 { font-weight: var(--ukiLabelWeight); font-size: 1.2em; margin: 0; }
	.ukiCardContainer .ukiCard .ukiControl H6 { font-weight: var(--ukiLabelWeight); font-size: 1.1em; margin: 0; }

/* selectize */

	.ukiCardContainer .ukiCard .ukiControl .selectize-input,
	.ukiCardContainer .ukiCard .ukiControl .selectize-input INPUT { font-size: 1em; }

	.ukiCardContainer .ukiCard .ukiControl .selectize-input.items > * { color: #000; }

	.ukiCardContainer .ukiCard .ukiControl .selectize-control.single .selectize-input:after { top: 20%; right: 2em; }

	.ukiApp .selectize-dropdown { z-index: 2000; margin-top: 0; }

	.ukiApp .selectize-dropdown INPUT { font-size: 1em; }

	.ukiCardContainer .ukiCard .ukiControl .selectize-control.multi .selectize-input.items .item { background-color: #EEE; border: 1px solid #AAD; border-radius: 0.3em; padding: 0 0.25em; margin: 0.1em 0.5em 0.2em 0; }

	.ukiCardContainer .ukiCard .ukiControl .selectize-control.plugin-remove_button .selectize-input.items .item { padding-right: 1.25em !important; }

	.ukiCardContainer .ukiCard .ukiControl .selectize-control.multi .selectize-input.items .item A.remove { border-left: 1px solid #888; border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em; padding: 0; width: 1em; background-color: #888; color: #FFF; }

	.ukiCardContainer .ukiCard .ukiControl .selectize-control.multi .selectize-input.items .item A.remove:hover { color: #D44; background-color: #CCC; border-left-color: #D00; }

/* daterangepicker */

	.ukiApp .flatpickr-calendar { font-size: 1em; line-height: 1em; }
	.ukiApp .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 3em; min-height: 3em; }
	.ukiApp .flatpickr-current-month { font-size: 1em; line-height: inherit; font-weight: normal; line-height: 1em; height: 28px; display: flex; }
	.ukiApp .flatpickr-current-month input.cur-year { font-size: 1em; font-weight: normal; line-height: 1em; }
	.ukiApp .flatpickr-current-month .flatpickr-monthDropdown-months { font-size: 1em; font-weight: normal; line-height: 1em; width: 5em; flex-grow: 1; }
	.ukiApp .flatpickr-current-month .numInputWrapper { margin-left: 1em; width: 9ch; }
	.ukiApp .flatpickr-current-month .numInputWrapper INPUT { margin: 0.3em 0; }
	.ukiApp .flatpickr-day { height: 2em; line-height: 2em; }
	.ukiApp .flatpickr-time { line-height: 2em; max-height: 2em; }
	.ukiApp .flatpickr-time .numInputWrapper { height: 3em; }
	.ukiApp .flatpickr-time-separator { padding: 0.5em 0; }

/* Lookup */

	.ukiCardContainer .ukiCard .ukiControl .ukiLookupColor { width: 1em; height: 1em; display: inline-block; }

/* DataTables */

	.dataTables_wrapper { font-size: 1em; }

	.dataTables_wrapper TABLE { width: 100%; margin-bottom: 0; border: none; }

	.dataTables_wrapper TABLE TR[role="row"] { cursor: pointer; }

	.ukiCardContainer .ukiCard .ukiControl .supportDetailView .dataTables_wrapper TABLE TBODY TR[role="row"] { cursor: pointer; }

	.ukiCardContainer .ukiCard .ukiControl .supportDetailView .dataTables_wrapper TABLE TBODY TR[role="row"] TD.ukiActions { cursor: pointer; }

	.ukiCardContainer .ukiCardTab DIV.tab-content > DIV.tab-pane.active .ukiCardContainerElement.ukiCompact .ukiCard { margin-bottom: 0; }
	.ukiCardContainer .ukiCardTab DIV.tab-content > DIV.tab-pane.active .ukiCard .ukiControl.UkiControlLinkTable { border: 0; }
	.ukiCardContainer .ukiCardTab DIV.tab-content > DIV.tab-pane.active .ukiCard .ukiControl.UkiControlLinkTable .dataTables_wrapper TABLE TR[role="row"] TH { border: 0; }

	.dataTables_wrapper TABLE TR[role="row"] TH { background-color: hsla(0, 0%, 0%, 0.1); font-weight: bold; }

	/* .dataTables_wrapper TABLE TR[role="row"] TH:nth-child(2n+0) { background-color: hsla(0, 0%, 0%, 0.2); } */

	.dataTables_wrapper TABLE TR[role="row"] TH,
	.dataTables_wrapper TABLE TR[role="row"] TD { padding: 0 2px; }

	.dataTables_wrapper TABLE TR[role="row"].ukiLinkExpired TD { background-color: hsla(0, 100%, 75%, 0.1); color: #808080; }

	/* .dataTables_wrapper TABLE TR[role="row"] TD:nth-child(2n+0) { background-color: hsla(0, 0%, 0%, 0.05); } */

	.dataTables_wrapper TABLE TR[role="row"].ukiLinkExpired TD:nth-child(2n+0) { background-color: hsla(0, 100%, 75%, 0.2); }

	.dataTables_wrapper TABLE TBODY TR[role="row"].even { background-color: rgba(196, 196, 255, 0.1); }

	.dataTables_wrapper TABLE TBODY TR[role="row"].childVisible,
	.dataTables_wrapper TABLE TBODY TR[role="row"].childVisible:hover,
	.dataTables_wrapper TABLE TBODY TR[role="row"].childVisible + TR { background-color: var(--ukiGreenOverlay); }

	.dataTables_wrapper TABLE TBODY TR[role="row"].ukiLinkExpired.childVisible,
	.dataTables_wrapper TABLE TBODY TR[role="row"].ukiLinkExpired.childVisible:hover,
	.dataTables_wrapper TABLE TBODY TR[role="row"].ukiLinkExpired.childVisible + TR { background-color: hsla(0, 100%, 75%, 0.2); }

	.dataTables_wrapper TABLE TBODY TR DIV.loading { text-align: center; padding: 10px; margin: 5px; background-color: hsla(0, 100%, 100%, 0.5); }

	.dataTables_wrapper TABLE TBODY TR DIV.ukiSubCardContainer { border-color: var(--ukiGreenOverlay); }

	.dataTables_wrapper TABLE TBODY TR.ukiLinkExpired + TR DIV.ukiSubCardContainer { border-color: hsla(0, 100%, 75%, 0.2); }

	.dataTables_wrapper TABLE TBODY TR[role="row"]:hover { background-color: hsla(120, 100%, 25%, 0.15); }
	.dataTables_wrapper TABLE TBODY TR[role="row"].ukiLinkExpired:hover { background-color: hsla(0, 100%, 25%, 0.15); }

	.dataTables_wrapper TABLE TBODY TR TD.ukiRowGroup { padding: 0.25em 0 0.1em 0.25em; background-color: var(--ukiGreenOverlayLight); cursor: pointer; }

	.dataTables_wrapper TABLE TBODY TD > .ukiCell { max-height: 3em; line-height: 1.5em; overflow: hidden; word-break: break-all; }

	.dataTables_wrapper TABLE TBODY TD.dataTables_empty { text-align: center; padding: 2em 0; }

	.dataTables_wrapper TABLE THEAD TH.sorting_asc:after { content: "\f106"; margin-left: 0.5em; font:normal normal normal 14px/1 FontAwesome; font-size: inherit; }

	.dataTables_wrapper TABLE THEAD TH.sorting_desc:after { content: "\f107"; margin-left: 0.5em; font:normal normal normal 14px/1 FontAwesome; font-size: inherit; }

	.dataTables_wrapper TABLE TR > .ukiActions { min-width: 3em; width: 3em; text-align: center; }

	.ukiCardContainer .ukiCard .ukiControl .dataTables_wrapper .dataTables_paginate,
	.ukiCardContainer .ukiCard .ukiControl .dataTables_wrapper .dataTables_filter { display: none; }

	.dataTables_wrapper .dataTables_processing { position: absolute; height: 100%; background-color: hsla(0, 100%, 100%, 0.8); z-index: 5; width: 100%; text-align: center; padding: 0.5em; margin: -4px; font-weight: bold; }

	.ukiCardContainer .ukiCard .ukiControl .dataTables_wrapper .dataTables_scrollBody TABLE THEAD TR * { max-height: 0 !important; height: 0 !important; font-size: 0; visibility: hidden; background-color: red !important; }

	.ukiCardContainer .ukiCard .ukiControl DIV.tableControls { padding: 4px 2px; background-color: hsla(0, 0%, 0%, 0.05); display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #DDD; }

	.ukiCardContainer .ukiCard .ukiControl DIV.tableControls UL.pager { padding: 0; margin: 0; text-align: left; list-style: none; }

	.ukiCardContainer .ukiCard .ukiControl DIV.tableControls UL.pager LI.pagesSkipped { font-weight: bold; margin: 0 0.25em; }

	.ukiCardContainer .ukiCard .ukiControl DIV.tableControls UL.pager A { margin: 0; padding: 0.3em 1em; border-radius: 2px; background-color: hsla(0, 100%, 100%, 0.75); min-width: 3.7em; font-size: 1em; align-items: center; }

	.ukiCardContainer .ukiCard .ukiControl DIV.tableControls UL.pager A.currentPage { border-color: var(--ukiItemBorderColorActive); background-color: var(--ukiItemBackColorActive); }

	.ukiCardContainer .ukiCard .ukiControl DIV.tableControls INPUT { background-color: white; color: black; border: none; }

	.ukiCardContainer .ukiCard .ukiControl DIV.tableControls .search { width: 15em; }

	/* .ukiCardContainer .ukiCard .ukiControl DIV.tableControls BUTTON.btn { line-height: 1em; margin: 0 0.5em; padding: 0.4em 1em; border-radius: 3px; font-weight: bold; } */
	
	.ukiCardContainer .ukiCard .ukiControl DIV.tableControls BUTTON.btn { line-height: 1em; margin: 0 0.5em; padding: 0.4em 1em; border-radius: 3px; }

	.ukiCardContainer .ukiCard .box.w2 .ukiControl DIV.tableControls .search { max-width: 7em; }

	.email-app .email-wrapper .email-content .dataTables_wrapper .ukiCardToolbar { background-color: hsla(0, 100%, 100%, 0.5); margin: 0 0.5em; padding: 2px; border-bottom: 1px solid var(--ukiGreen); min-height: 0; }

	.email-app .email-wrapper .email-content .dataTables_wrapper .ukiCardDetails { margin: 0 0.5em 0.5em; min-height: 0; border: 0.5em solid #FFF; border-top: 0; }

	.email-app .email-wrapper .email-content .dataTables_wrapper .ukiCardDetails .dataTables_wrapper .dataTables_paginate { display: block; }

	.email-app .email-wrapper .email-content .dataTables_wrapper .ukiCardDetails .dataTables_wrapper .dataTables_length { display: none; }

	.email-app .email-wrapper .email-content .dataTables_wrapper .ukiCardToolbar UL { margin: 0; padding: 0; list-style: none; }

	.email-app .email-wrapper .email-content .dataTables_wrapper .ukiCardToolbar UL LI { display: inline-block; margin: 0; padding: 0; }

	.email-app .email-wrapper .email-content .dataTables_wrapper .ukiCardToolbar UL LI A.btn { margin: 0.15em 0.25em 0.15em 0; padding: 0.15em 0.35em; font-size: 1em; border-radius: 3px; line-height: 1em; font-weight: 300; background-color: #FFFA; color: var(--ukiGreenDark); }

	.email-app .email-wrapper .email-content .dataTables_wrapper .ukiCardToolbar UL LI A.btn.ukiSelected { border-bottom: 3px solid var(--ukiGreenDark); }

	.email-app .email-wrapper .email-content .dataTables_wrapper TR.ukiLinkExpired + TR .ukiCardToolbar UL LI A.btn.ukiSelected { border-bottom-color: hsl(0, 50%, 50%); }

	.email-app .email-wrapper .email-content .dataTables_wrapper .ukiCardToolbar UL LI A.btn .linkInfo { margin-left: 0.25em; }

	.email-app .email-wrapper .email-content .dataTables_wrapper .ukiCardToolbar UL LI A[disabled] { color: #AAA; }

	.dataTables_wrapper .dt-buttons { width: 100%; }

	.dataTables_wrapper .dt-buttons .btn-xs { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; padding: 2px 0; font-weight: normal; background-color: #F8F8F8; background-image: none; border-top: 0; border-color: #DDD; font-size: 0.8em; }

	.ukiCardContainer .ukiCard .ukiControl .ukiControls { padding: 0.25em; background-color: #F8F8F8; }
	.ukiCardContainer .ukiCard .ukiControl .ukiControls.right { text-align: right; }

	.ukiCardContainer .ukiCard .ukiControl .btn {margin: 10;padding: 0.25em 0.5em;border-radius: 3px;}

	.ukiCardContainer .ukiCard .ukiControl .btn.btn-xs { padding: 0.35em 0.5em; font-size: 0.8em; }

/* Context Menu */

	.ukiMenu.context-menu-list,
	.ukiMenu.context-menu-list .context-menu-list { background-color: #F0F0F0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: auto !important; }

	.ukiMenu.context-menu-list .context-menu-list { width: calc(100% + 0.5em) !important; }
	.ukiMenu.context-menu-list .context-menu-item,
	.ukiMenu.context-menu-list .context-menu-list .context-menu-item { background-color: #F8F8F8; left: 2em; display: block; margin-right: 2.3em; }

	.ukiMenu.context-menu-list .context-menu-item::before,
	.ukiMenu.context-menu-list .context-menu-list .context-menu-item::before { background-color: #F0F0F0; height: 100%; margin: auto; left: -2em; line-height: 100%; padding: 0.5em; }

	.ukiMenu.context-menu-list .context-menu-item.context-menu-hover,
	.ukiMenu.context-menu-list .context-menu-list .context-menu-item.context-menu-hover { color: var(--ukiGreen); cursor: pointer; background-color: #FFF; }

	.ukiMenu.context-menu-list .context-menu-item I,
	.ukiMenu.context-menu-list .context-menu-list .context-menu-item I { left: -1.5em; width: 1em; text-align: center; }

	.ukiMenu.context-menu-list .context-menu-item I,
	.ukiMenu.context-menu-list .context-menu-list .context-menu-item I,
	.ukiMenu.context-menu-list .context-menu-item.context-menu-icon::before,
	.ukiMenu.context-menu-list .context-menu-list .context-menu-item.context-menu-icon::before { color: var(--ukiGreen); width: calc(2em - 2px) !important; left: calc(-2em + 1px); height: 100%; padding: 0.4em; }

	.ukiMenu.context-menu-list .context-menu-item I,
	.ukiMenu.context-menu-list .context-menu-list .context-menu-item I { top: 0; }

	.ukiMenu.context-menu-list .context-menu-item.context-menu-hover I,
	.ukiMenu.context-menu-list .context-menu-list .context-menu-item.context-menu-hover I,
	.ukiMenu.context-menu-list .context-menu-item.context-menu-hover.context-menu-icon::before,
	.ukiMenu.context-menu-list .context-menu-list .context-menu-item.context-menu-hover.context-menu-icon::before { color: hsla(210, 80%, 70%, 1); background-color: #E8E8E8; }

	.ukiMenu.context-menu-list .context-menu-item > SPAN,
	.ukiMenu.context-menu-list .context-menu-list .context-menu-item > SPAN { display: inline-block; margin-left: -1.5em; margin-right: 1em; }

	.ukiMenu.context-menu-list .context-menu-item.context-menu-separator,
	.ukiMenu.context-menu-list .context-menu-list .context-menu-item.context-menu-separator { border-bottom-width: 0; margin: 0; padding: 2px; background-color: #f0f0f0; display: block; width: calc(100% - 3em); }

/* Other Form Elements */

	.app .email-content-tools.ukiCardToolbar INPUT { display: none; border: none; border-bottom: 1px solid #DDD; background-color: hsla(0, 100%, 100%, 0.75); padding: 0.15em 0.25em; margin: 0 0 0 0.5em; font-weight: 300; font-size: 1em; line-height: 1; top: -0.15em; position: relative; }

	.app .email-content-tools.ukiCardToolbar.search INPUT { display: inline-block; }

	@media only screen and (max-width: 992px) { .app .email-content-tools.ukiCardToolbar.search UL.actions { display: none; } }

	.app .email-content-tools.ukiCardToolbar .dropdown UL LI { margin: 0; padding: 0; }

	.app .email-content-tools.ukiCardToolbar .dropdown UL LI A { padding-left: 0.5em !important; padding-right: 0.5em !important; }

	.app .email-content-tools.ukiCardToolbar.ukiHistory { background-color: var(--ukiCtrlBackHistory); border-color: var(--ukiCtrlBorderHistory); text-align: center; z-index: 19; }

	.app .email-content-tools.ukiCardToolbar.ukiHistory.info { border-bottom-style: none; padding: 5px 0 0; }

	.app .email-content-tools.ukiCardToolbar.ukiHistory.controls { padding: 0 0 2px; }

	.app .email-content-tools.ukiCardToolbar.ukiHistory.controls UL { display: flex; justify-content: center; }

/* Less Compact Forms */

	.ukiCardContainer.air .ukiCard,
	.ukiCardContainer.air .ukiCardTab,
	.ukiCardContainer.air .ukiCardStaple { margin-bottom: 3px; }

	.ukiCardContainer.air .ukiCard .ukiControl {margin: 3px 0;padding-left: 3px;}
	.ukiCardContainer .ukiCard .ukiControl:first-child {}
	.ukiCardContainer .ukiCard .ukiControl:last-child { margin-bottom: 0; }

	.ukiCardContainer.air .ukiCard .ukiControl.editing LABEL {margin-top: 2px;}

	.ukiCardContainer.air .ukiCard .ukiControl .dataTables_wrapper TABLE TR[role="row"] TH,
	.ukiCardContainer.air .ukiCard .ukiControl .dataTables_wrapper TABLE TBODY TD > .ukiCell { max-height: 4em; line-height: 1.5em; border-top: 0.25em solid transparent; border-bottom: 0.25em solid transparent; cursor: pointer; }

	.ukiCardContainer.air .ukiCardContainerElement.ukiSpace.top { margin-top: 0.75em; }

	.ukiCardContainer.air .ukiCardContainerElement.ukiSpace.bottom { margin-bottom: 0.75em; }

/* UKI Controls */

	/* Debug Mode */

	.ukiControl > DIV.controlDebugger { background-color: var(--ukiGreenOverlay); color: white; padding: 2px 4px 1px; border: 1px solid maroon; display: inline-block; float: left; font-size: 12px; line-height: 1; position: absolute; z-index: 50; }

	/* Privacy Information */

	.ukiControl A.privacyAllowed { color: green; width: 2em; text-align: center; display: inline-block; }

	.ukiControl A.privacyBlocked { color: red; width: 2em; text-align: center; display: inline-block; }

	/* Tags */

		.ukiCardContainer .ukiCard .ukiControl .ukiValue.ukiTagList { display: flex; flex-wrap: wrap; flex-flow: row wrap; margin: 1px 0; }

		.ukiCardContainer .ukiCard .ukiControl .ukiValue.ukiTagList .ukiTag { border: 1px solid #AAD; border-radius: 0.3em; background-color: #EEE; margin: 0 0.3em 0.3em 0; padding: 0.1em 0.3em; }
		
		.ukiCardContainer .ukiCard .ukiControl .ukiValue.ukiTagList .ukiTagInactive { border: 1px solid #AAD; border-radius: 0.3em; background-color: var(--warning); margin: 0 0.3em 0.3em 0; padding: 0.1em 0.3em; }

	/* Notizen */

		.ukiControl .ukiNotizen { background-color: #FFFFF0; }
		.ukiControl .ukiNotizen .text-muted { color: #000 !important; }
		.ukiControl .ukiNotizen,
		.ukiControl .ukiNotizen .ukiNotizEditor { display: flex; flex-direction: column; width: 100%; }
		.ukiControl .ukiNotizen .ukiNotizEditor { display: flex; flex-grow: 1; }
		.ukiControl .ukiNotizen .ukiNotizContent > I.about { float: right; margin: 0; padding: 0; right: 0; cursor: pointer; }
		.ukiControl .ukiNotizen .ukiNotizContent,
		.ukiControl .ukiNotizen .ukiNotizEditor TEXTAREA { padding: 0.25em 0.5em; margin-bottom: 0; border: 1px solid #EEE; border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; flex-grow: 1; }
		.ukiControl .ukiNotizen .ukiControlBar { position: sticky; top: 0; padding: 0.5em 0.25em; border: 1px solid #EEE; border-top: 0; }
		.ukiControl .ukiNotizen .ukiControlBar .btn { line-height: 1em; padding: 0.5em 0.75em; margin-bottom: 0; width : 12em; display: inline-block; text-align: center; }
		.ukiControl .ukiNotizen .dropdown-menu > LI > A { padding: 0.25em 0.5em; font-size: 0.9em; }
		.UkiControlNotizen { margin: 0 !important; max-height: 25em; }
		.ukiCardContainer .ukiCard .ukiControl.UkiControlNotizen > .inline { align-items: stretch; }
		.UkiControlNotizen .ukiNotizen { display: flex; flex-direction: column; }
		.UkiControlNotizen .ukiNotizen > .ukiNotizContent { flex-grow: 1; }

		.UkiControlNotizenKI { margin: 0 !important; max-height: 25em; }
		.ukiCardContainer .ukiCard .ukiControl.UkiControlNotizenKI > .inline { align-items: stretch; }
		.UkiControlNotizenKI .ukiNotizen { display: flex; flex-direction: column; }
		.UkiControlNotizenKI .ukiNotizen > .ukiNotizContent { flex-grow: 1; }

		.ukiControl .ukiFilterMenuControls { display: flex; padding: 2px 0 5px 0; }

		.ukiControl .ukiFilterMenuControls .btn { margin: auto 3px; padding: 0 0.25em; border: 0; color: var(--ukiGreen); }

		.ukiControl .ukiFilterMenuControls .ukiNotizenFilter { background-color: #EEE; border-bottom: 1px dashed #888; border-top: 0; border-left: 0; border-right: 0; flex-grow: 1; padding: 0 5px; }

		
	/* Server Tree */

		.ukiControl .ztree { overflow: auto; max-height: 20em; }

		.ukiControl .ztree LI > UL.level0.line { background: none; }

		.ukiControl .ztree LI SPAN.button.level0.bottom_open,
		.ukiControl .ztree LI SPAN.button.level0.center_open,
		.ukiControl .ztree LI SPAN.button.level0.roots_open { background-position: -92px -72px; }
		.ukiControl .ztree LI SPAN.button.level0.bottom_close,
		.ukiControl .ztree LI SPAN.button.level0.center_close,
		.ukiControl .ztree LI SPAN.button.level0.roots_close { background-position: -74px -72px; }
		.ukiControl .ztree LI SPAN.button.level0.bottom_docu,
		.ukiControl .ztree LI SPAN.button.level0.center_docu,
		.ukiControl .ztree LI SPAN.button.level0.roots_docu { background: none; }

		.ukiControl .ztree LI SPAN.button.ukiFolderTree { font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; background-image: none; }

		.ukiControl .ztree LI SPAN.button.ukiFolderTree.folder._ico_open::before { content: "\f115"; }
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.folder._ico_close::before { content: "\f114"; }
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.folder._ico_docu::before { content: "\f114"; opacity: 0.3; }
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.drive._ico_open::before,
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.drive._ico_close::before,
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.drive._ico_docu::before { font-family: "themify"; content: "\e69f"; }
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.computer._ico_open::before,
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.computer._ico_close::before,
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.computer._ico_docu::before { font-family: "Material Icons"; content: "\e30a"; }
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.file._ico_open::before,
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.file._ico_close::before,
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.file._ico_docu::before { content: "\f016"; }

		.ukiControl .ztree LI SPAN.button.ukiFolderTree.drive + SPAN,
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.drive::before { color: navy; }
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.computer + SPAN,
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.computer::before { color: green; }
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.folder + SPAN,
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.folder::before { color: blue; }
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.file + SPAN,
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.file::before { color: gray; }
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.error + SPAN,
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.error::before { color: red; }
		.ukiControl .ztree LI SPAN.button.ukiFolderTree.new + SPAN { color: hsla(120, 40%, 50%, 1); }

	/* Component Header */

		/*.box-sm .UkiComponentHeader { display: none !important; }*/

	/* Team Felder */

		.ukiControl .ukiSelect .ukiValueList { padding: 0.25em 0.35em; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 0.25em; }

		.ukiControl .ukiSelect .ukiValueList .ukiValue > .ukiValue { margin-left: 1em; }

		.ukiControl .ukiSelect .ukiValueList .ukiValue.ukiValueDefined { background-color: #EFE; }

		.ukiControl .ukiSelect .ukiValueList .ukiValue.ukiValueCustom { background-color: #EEE; }

		.ukiControl .ukiSelect .ukiValueList .ukiValue { padding: 2px 1px; border: 1px solid transparent; margin-right: -2px; transition: all 0.3s ease; }

		.ukiControl .ukiSelect .ukiValueList .ukiValue .ukiCount { color: #888; }

		.ukiControl .ukiSelect .ukiValueList .ukiValue.mouseOver { padding: 2px 1px; border: 1px solid #800; background-color: #FFF; transition: all 0.3s ease; }

		.ukiControl .ukiSelect .ukiValueList .ukiValue.mouseOver .ukiValue { background-color: #FFF; margin-right: 0; transition: all 0.3s ease; }

		.ukiControl .ukiSelect .ukiValueList .ukiValue.mouseOver .ukiValue A { display: none; }

	/* Record-Überschrift */

		.ukiCardContainer .ukiCardContainerElement.recordHeader { padding: 0; font-size: 1.5em; margin-top: -5px; background-color: var(--ukiGreenOverlay) !important; }

		.ukiCardContainer .ukiCardContainerElement.recordHeader.deleted { background-color: var(--ukiCtrlBorderColorError) !important; }

		.box-sm .ukiCardContainer .ukiCardContainerElement.recordHeader { font-size: 1.25em; }

		.ukiCardContainer .ukiCardContainerElement.recordHeader .ukiMatches { font-size: 0.7em; padding: 0.5em 0.2em 0.2em; background-color: hsla(0, 100%, 100%, 0.4); }

		.ukiCardContainer .ukiCardContainerElement.recordHeader .ukiMatches A { color: var(--ukiGreenDark); font-weight: normal; }

		.ukiCardContainer .ukiCardContainerElement.recordHeader .ukiMatches UL { padding: 0 1.5em; list-style-type: none; }

		.ukiCardContainer .ukiCardContainerElement.recordHeader .ukiMatches UL LI::before { content: "\f101"; color: #FFF; font: normal normal normal 14px/1 FontAwesome; }

	/* Info Box */

		.ukiCardContainer .ukiCardContainerElement.infoBox .ukiControl .ukiValue { font-weight: var(--ukiLabelWeight); }

	/* Drag'n Drop */

		.ukiCardContainer .ukiCardContainerElement .ukiControl .ukiDropZone { min-height: 6em; border: 3px dashed #CCC; display: flex; align-items: center; justify-content: center; margin: 1em; width: 100%; flex-direction: column; }

		.ukiCardContainer .ukiCardContainerElement .ukiControl .ukiDropZone > DIV { padding: 0.5em 0 1em; width: 100%; text-align: center; }

		.ukiCardContainer .ukiCardContainerElement .ukiControl .ukiDropZone .ukiFileList { min-width: 90%; list-style: none; padding: 0.25em; margin: 0.5em auto; border: 1px solid #888; }

		.ukiCardContainer .ukiCardContainerElement .ukiControl .ukiDropZone .ukiFileList LI { padding: 0.25em; }
		.ukiCardContainer .ukiCardContainerElement .ukiControl .ukiDropZone .ukiFileList LI:nth-child(2n+0) { background-color: rgba(0, 0, 0, 0.1); }

/* Card Sizes */

	.ukiCardContainer.sm { font-size: 10px; }
	.ukiCardContainer.md {font-size: 12px;}
	.ukiCardContainer.lg { font-size: 14px; }
	.ukiCardContainer.xl { font-size: 18px; }

/* Card Design */

	.ukiCardContainer.cardDesigner { border: 15px solid hsla(210, 23%, 70%, 1); border-radius: 20px; padding: 10px; background-color: #FFF; margin: 0 auto; }

	.ukiCardContainer.cardDesigner .ukiCard .ukiControl,
	.ukiCardContainer.cardDesigner .ukiCard .ukiControl * { pointer-events: none; }

	.ukiCardContainer.cardDesigner .ukiCard .ukiCardOptions { position: absolute; z-index: 1000; padding: 5px; right: 2px; top: 5px; }

	.ukiCardContainer.cardDesigner .ukiCardTab.ukiTeam.selected > *,
	.ukiCardContainer.cardDesigner .ukiCard.selected .ukiCardBorder { border-right-color: var(--ukiCardBorderSelected); border-right-width: 8px; background-image: linear-gradient(135deg, var(--ukiCardBackSelected) 14.29%, transparent 14.29%, transparent 50%, var(--ukiCardBackSelected) 50%, var(--ukiCardBackSelected) 64.29%, transparent 64.29%, transparent 100%); background-size: 19.80px 19.80px; border-right-style: solid; }

	.ukiCardContainer.cardDesigner .ukiCardTab.ukiTeam.selected > .tab-content { margin-right: -5px; }

	.ukiCardContainer.cardDesigner .ukiCard.hover .ukiCardBorder { background-color: var(--ukiCardBackHover) !important; }

	.ukiCardContainer.cardDesigner .ukiCardContainerElement.sm > .ukiCard::before { content: "\f04d"; position: absolute; right: 0; bottom: 0; z-index: 1; color: var(--ukiGreen); background-color: var(--ukiGreenOverlay); padding: 0.25em; font-size: 1.5em; font:normal normal normal 14px/1 FontAwesome; }
	.ukiCardContainer.cardDesigner .ukiCardContainerElement.md > .ukiCard::before { content: "\e73c"; position: absolute; right: 0; bottom: 0; z-index: 1; color: var(--ukiGreen); background-color: var(--ukiGreenOverlay); padding: 0.25em; font-size: 1.5em; font-family: "themify"; }
	.ukiCardContainer.cardDesigner .ukiCardContainerElement.lg > .ukiCard::before { content: "\e73b"; position: absolute; right: 0; bottom: 0; z-index: 1; color: var(--ukiGreen); background-color: var(--ukiGreenOverlay); padding: 0.25em; font-size: 1.5em; font-family: "themify"; }
	.ukiCardContainer.cardDesigner .ukiCardContainerElement.xl > .ukiCard::before { content: "\e73a"; position: absolute; right: 0; bottom: 0; z-index: 1; color: var(--ukiGreen); background-color: var(--ukiGreenOverlay); padding: 0.25em; font-size: 1.5em; font-family: "themify"; }

	#designer .ukiCardContainer .ukiCardStaple { border-right: 5px solid #BDD; }

	#designer .ukiCardContainer .ukiCardStaple > DIV { margin-right: -5px; }

.dx-link-delete {
    color: transparent;
    font-size: 0; 
	/*position: relative;*/
}

.dx-link-delete::before {
	font-size: 16px; 
    content: "\e605";
	/*font-family: "FontAwesome";*/
	font-family: "themify";
	display: inline-block;
	transition: color 0.3s ease;
}
.dx-link-delete:hover::before {
    color: #87CEFA;
}

.dx-link-edit {
    color: transparent;
    font-size: 0;   
}

.dx-link-edit::before {
	font-size: 16px; 
    content: "\e3c9";
	font-family: "Material Icons";
	display: inline-block;
	transition: color 0.3s ease;
}
.dx-link-edit:hover::before {
    color: #87CEFA;
}

.dx-link-save {
    color: transparent;
    font-size: 0;   
}

.dx-link-save::before {
	font-size: 16px; 
    content: "\e161";
	font-family: "Material Icons";
	display: inline-block;
	transition: color 0.3s ease;
}

.dx-link-save:hover::before {
    color: #87CEFA;
}

.dx-link-cancel {
    color: transparent;
    font-size: 0;   
}

.dx-link-cancel::before {
	font-size: 16px; 
    content: "\e5c9";
	font-family: "Material Icons";
	display: inline-block;
	transition: color 0.3s ease;
}

.dx-link-cancel:hover::before {
    color: #87CEFA;
}

.dx-datagrid .dx-header-filter {
	color: #ff3c7e;
}

.dx-datagrid .dx-header-filter-empty {
	color: rgba(149,149,149,.5);
}