/* Hyperlinks */
a { color: #326eb0; }
	a:hover { color: #14479b; }

/* Body */
body { background-color: #F4F4F4; }

/* Scrollbar */
body { scrollbar-base-color: #F4F4F4; scrollbar-face-color: #e2e3e6; scrollbar-track-color: #F4F4F4; scrollbar-arrow-color: #e2e3e6; scrollbar-shadow-color: #F4F4F4; }

::-webkit-scrollbar { background-color: #F4F4F4; }
::-webkit-scrollbar-thumb { background-color: #e2e3e6; border: solid 1px #F4F4F4; }

/* Labels */
.labelTitle { color: #00008C; }
.labelSubTitle { color: #333333; }
.labelDefault { }

/* Farben*/
/* Beispiel: color: var(--violetBG); oder Css.Color.OrangeText */
:root { --redText: #AA0000; --orangeText: #be6e00; --yellowText: #AA9900; --greenText: green; --blueText: #2277CC; --violetText: #7c5ea0; --grayText: gray; --defaultText: black; --invertedText: white; }

.redText { color: #AA0000 !important; }
.orangeText { color: #be6e00 !important; }
.yellowText { color: #AA9900 !important; }
.greenText { color: green !important; }
.blueText { color: #2277CC !important; }
.violetText { color: #7c5ea0 !important; }
.grayText { color: gray !important; }
.defaultText { color: black !important; }
.invertedText { color: white !important; }
.transparentText { color: transparent !important; }

.highlightedText { background-color: #a7d3ee; }

/* Beispiel: background-color: var(--violetBG); oder Css.Color.OrangeText */
:root { --redBG: #f6dada; --orangeBG: #f8ebd7; --yellowBG: #fAfAE0; --greenBG: #d8f1e0; --blueBG: #d5e4ee; --violetBG: #dcd4e5; --grayBG: #DDDDDD; --defaultBG: white; --invertedBG: black; }

.redBG { background-color: #f6dada !important; }
.orangeBG { background-color: #f8ebd7 !important; }
.yellowBG { background-color: #fAfAE0 !important; }
.greenBG { background-color: #d8f1e0 !important; }
.blueBG { background-color: #d5e4ee !important; }
.violetBG { background-color: #dcd4e5 !important; }
.grayBG { background-color: #DDDDDD !important; }
.defaultBG { background-color: white !important; }
.invertedBG { background-color: black !important; }
.transparentBG { background-color: transparent !important; }

/* Tables */
table { color: black; }
	table.tableDefault { }
	table.tableBlock { background-color: white; border: 1px solid #F0F0F0; }
	table.tableList { background-color: white; border: 1px solid #F0F0F0; }

td.cellTitle, div.cellTitle, tr.cellTitle > td:not([class]) { background-color: #EDEEEF; color: #465063; }
td.cellSubTitle, div.cellSubTitle, tr.cellSubTitle > td:not([class]) { background-color: #F8F8F8; color: #5c6575; }

td.cellBlockTitle, div.cellBlockTitle, tr.cellBlockTitle > td:not([class]) { background-color: white; color: #5c6575; }
td.cellBlockCaption, div.cellBlockCaption, tr.cellBlockCaption > td:not([class]) { background-color: white; color: #5c6575; }
td.cellBlockContent, div.cellBlockContent, tr.cellBlockContent > td:not([class]) { background-color: white; }
td.cellBlockInput, div.cellBlockInput, tr.cellBlockInput > td:not([class]) { background-color: white; }

td.cellListContent, div.cellListContent, tr.cellListContent > td:not([class]) { background-color: white; }
td.cellListInput, div.cellListInput, tr.cellListInput > td:not([class]) { background-color: white; }
td.cellListInfo, div.cellListInfo, tr.cellListInfo > td:not([class]) { background-color: white; border-bottom: solid 1px #DDDDDD; }
td.cellListSelect, div.cellListSelect, tr.cellListSelect > td:not([class]) { background-color: white; }

tr[isselected="1"] > td, td[isselected="1"], tr[isselected="true"] > td, td[isselected="true"] { background-color: #e2edf6; }
tr[hovereffect="1"]:not([enabled="0"]):hover > td, tr[ishovered="1"]:not([enabled="0"]) > td, td[hovereffect="1"]:hover, tr[hover="true"]:not([disabled]):hover > td, td[hover="true"]:hover { background-color: #d6ebff; }

.cellContent { }
.cellButtons { background-color: white; }

@media screen and (min-height: 500px) {
	tr[sticky="1"] > td, tr[sticky="true"] > td { box-shadow: 0px 1px 3px -1px rgba(22, 22, 22, 0.15); }
}

/* TextBox */
input[type=text], input[type=number], input[type=password], textarea { }
.text { background-color: white; border-bottom: 3px solid #DDDDDD; color: #000000; }
.textRequired { background-color: white; border-bottom: 3px solid #93c1eb; color: #000000; }
.textInvalid { background-color: white; border-bottom: 3px solid #d79e9e; color: #000000; }
.textAccepted { background-color: white; border-bottom: 3px solid #c5e0c8; color: #000000; }
.textDisabled { background-color: transparent; border-bottom: 3px solid #F0F0F0; color: #777777; }
.textViewOnly { background-color: transparent; border-bottom: 3px solid transparent; color: #000000; }
.textSearch { background-color: white; border: solid 1px #DDDDDD; color: #000000; }
	.textSearch::placeholder { color: #999999; }

/* SelectBox */
select { }
.select { background-color: white; border-bottom: 3px solid #DDDDDD; color: #000000; }
.selectRequired { background-color: white; border-bottom: 3px solid #93c1eb; color: #000000; }
.selectInvalid { background-color: white; border-bottom: 3px solid #d79e9e; color: #000000; }
.selectAccepted { background-color: white; border-bottom: 3px solid #c5e0c8; color: #000000; }
.selectDisabled { background-color: #F6F6F6; border-bottom: 3px solid #F0F0F0; color: #777777; }
.selectViewOnly { background-color: white; border-bottom: 3px solid transparent; color: black; }

/* Generic */
.genericRequired { border-left: 4px solid #93c1eb; }
.genericInvalid { border-left: 4px solid #CC0000; }
.genericAccepted { border-left: 4px solid #c5e0c8; }
.genericDisabled { color: #777777; }
.genericBoxLightBlue { background-color: #CCEEFF; font-weight: bold; padding: 10px; }
.genericBoxLightGreen { background-color: #CCFFCC; font-weight: bold; padding: 10px; }
.genericBoxLightYellow { background-color: #FFEECC; font-weight: bold; padding: 10px; }
.genericBoxLightRed { background-color: #FFDDDD; font-weight: bold; padding: 10px; }

/* XButton */
div.xbutton, input.button, input.contextButton { }
	div.xbutton:not([disabled]):not([hover="false"]):hover, input.button:not([disabled]):not([hover="false"]):hover, input.contextButton:not([disabled]):not([hover="false"]):hover { opacity: 1; }

	div.xbutton[displaystyle="toolbutton" i], input.contextButton { opacity: 0.8; border-color: transparent; }
		div.xbutton[displaystyle="toolbutton" i][highlighted="true"] { opacity: 1; border-color: rgba(175, 175, 175, 0.2); background-color: rgba(175, 175, 175, 0.1); }
		div.xbutton[displaystyle="toolbutton" i]:not([disabled]):not([hover="false"]):hover, input.contextButton:not([disabled]):not([hover="false"]):hover { opacity: 1; border-color: rgba(175, 175, 175, 0.3); background-color: #d6ebff; }
		div.xbutton[displaystyle="toolbutton" i] > div.xb_label, input.contextButton { color: #14479b; }
		div.xbutton[displaystyle="toolbutton" i] > div.iconStack { color: black; }

	div.xbutton[displaystyle="button" i], input.button, div.xbutton[displaystyle="splitbutton" i], input[type="file"]::-webkit-file-upload-button { opacity: 0.7; border-color: rgba(175, 175, 175, 0.2); background-color: #e2edf6; }
		div.xbutton[displaystyle="button" i][highlighted="true"], div.xbutton[displaystyle="splitbutton" i][highlighted="true"], input.button[highlighted="true"] { opacity: 1; border-color: rgba(175, 175, 175, 0.2); background-color: #c2e0fc; }
		div.xbutton[displaystyle="button" i]:not([disabled]):not([hover="false"]):hover, div.xbutton[displaystyle="splitbutton" i]:not([disabled]):not([hover="false"]):hover, input.button:not([disabled]):not([hover="false"]):hover, input[type="file"]:not([disabled]):not([hover="false"]):hover::-webkit-file-upload-button { opacity: 1; border-color: rgba(175, 175, 175, 0.4); background-color: #d6ebff; }
		div.xbutton[displaystyle="button" i] > div.xb_label, div.xbutton[displaystyle="splitbutton" i] > div.xb_label, input.button, input[type="file"]::-webkit-file-upload-button { color: black; }
		div.xbutton[displaystyle="button" i] > div.iconStack, div.xbutton[displaystyle="splitbutton" i] > div.iconStack { color: black; }

/*für dunkle Themes*/
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 { color: #1751b2; }

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" i], div.xbutton[checked="true"][checkcolor="default" i]:not([disabled]):not([hover="false"]):hover { background-color: rgba(97, 158, 204, 0.40); }
div.xbutton[checked="true"][checkcolor="green" i], div.xbutton[checked="true"][checkcolor="green" i]:not([disabled]):not([hover="false"]):hover { background-color: rgba(127, 200, 100, 0.40); }
div.xbutton[checked="true"][checkcolor="red" i], div.xbutton[checked="true"][checkcolor="red" i]:not([disabled]):not([hover="false"]):hover { background-color: rgba(216, 90, 84, 0.40); }
div.xbutton[checked="true"][checkcolor="orange" i], div.xbutton[checked="true"][checkcolor="orange" i]:not([disabled]):not([hover="false"]):hover { background-color: rgba(208, 173, 52, 0.40); }
div.xbutton[checked="true"][checkcolor="yellow" i], div.xbutton[checked="true"][checkcolor="yellow" i]:not([disabled]):not([hover="false"]):hover { background-color: rgba(255, 234, 0, 0.40); }
div.xbutton[checked="true"][checkcolor="violet" i], div.xbutton[checked="true"][checkcolor="violet" i]:not([disabled]):not([hover="false"]):hover { background-color: rgba(143, 0, 255, 0.20); }
div.xbutton[checked="true"][checkcolor="gray" i], div.xbutton[checked="true"][checkcolor="gray" i]:not([disabled]):not([hover="false"]):hover { background-color: rgba(128, 128, 128, 0.40); }

/*muss wegen der Überschreibungshierarchie im Theme definiert werden*/
div.xbutton[disabled] { opacity: 0.7; }
tr > td.cellListAction div.xbutton:not([checked="true"]):not([disabled]), .contextButtonContainer div.xbutton:not([checked="true"]):not([disabled]) { opacity: 0.4; }
tr:hover > td.cellListAction div.xbutton:not([checked="true"]):not([disabled]), .contextButtonContainer:hover div.xbutton:not([checked="true"]):not([disabled]) { opacity: 0.8; }

/* Popups */
iframe { background-color: #F4F4F4; }

div.popupClose { color: #888888; }
	div.popupClose:hover { background-color: #EED6D6; color: #666666; }

div.popupBack { color: #888888; cursor: default; }
	div.popupBack:hover { background-color: #dee9f2; color: #666666; }

div.popup { background-color: #F4F4F4; box-shadow: 1px 1px 5px 1px rgba(22, 22, 22, 0.2); }
	div.popup > div.popupHeader { background-color: #EDEEEF; color: #465063; }
	div.popup > div.popupContent { background-color: #F4F4F4 }
	div.popup div.popupTitle { color: #465063; }
	div.popup > div.popupFooter { background-color: white; color: #465063; }
		div.popup > div.popupFooter:empty { }

div.popupInline { }
	div.popupInline > div.popupHeader { background-color: #EDEEEF; color: #465063; box-shadow: 0px 1px 3px -1px rgba(22, 22, 22, 0.15); }
	div.popupInline div.popupTitle { color: #465063; }
	div.popupInline > div.popupFooter { background-color: white; color: #465063; }
		div.popupInline > div.popupFooter:empty { }

div.popupMessage { background-color: #FFFFEE; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); }
	div.popupMessage div.popupTitle { color: #888888; }

div.popupHeader[inline] { background-color: #EDEEEF; color: #465063; box-shadow: 0px 1px 3px -1px rgba(22, 22, 22, 0.15); }
	div.popupHeader[inline] div.popupTitle { color: #465063; }

div.logPopup { background-color: white; }

div.overlayMask { background-color: #F4F4F4; opacity: 0.6; }

/* Animations */
div.busyAnimation[animation='ElasticSpin'] > div { border-color: #66666620; }
	div.busyAnimation[animation='ElasticSpin'] > div:nth-child(1) { border-top-color: #be6e00; }
	div.busyAnimation[animation='ElasticSpin'] > div:nth-child(2) { border-top-color: #397ab0; }

@keyframes busy_rotate_sections {
	0% { border-left-color: transparent; border-right-color: transparent; border-top-color: #666666; border-bottom-color: #666666; transform: rotate(0deg) }
	50% { border-left-color: #397ab0; border-right-color: #397ab0; border-top-color: transparent; border-bottom-color: transparent; transform: rotate(180deg) }
	100% { border-left-color: transparent; border-right-color: transparent; border-top-color: #666666; border-bottom-color: #666666; transform: rotate(360deg) }
}

div.fader { background-image: linear-gradient(to bottom, rgba(244,244,244,0.7) 0%, rgba(244,244,244,0.4) 100%); }

/* TreeView */
td.tn_default { background-color: white; color: #445566; }
tr.tn_spacer td.tn_default { background-color: #F4F4F4; }
td.tn_title { background-color: white; color: #666666; }
	td.tn_title:hover { color: #4972a7; }
div.tn_expandIcon { }
tr:hover > td > span > div.tn_expandIcon { }
.treeContextButton { }
td:hover .treeContextButton { }
	td:hover .treeContextButton:hover { }

/* Menü */
table.menu { background-color: white; }
td.menuItem { color: #445566; }
tr[enabled="0"] > td.menuItem { color: #999999; }

/* WebTab */
div.wt_main { color: #666666; }
.wt_i { }
.wt_i_b { }
.wt_i_s { }
.wt_i_x { color: #AAAAAA; }
.wt_d_s { }
.wt_d_s_b { }
.wt_d_m { border-color: transparent; }
.wt_d_e { }
.wt_x_s { }
.wt_x_s_b { }
.wt_x_m { border-color: transparent; color: #AAAAAA; }
.wt_x_e { }
.wt_h_s { }
.wt_h_s_b { }
.wt_h_m { border-color: #9bd1ff; }
.wt_h_e { }
.wt_s_s { }
.wt_s_m { border-color: #93c1eb; color: black; }
.wt_s_e { }

/* Dashboard Widgets */
.widget-content { background-color: #FFFFFF; }
.widget-highlighted { background-color: #FFEECC; }
.widget-label-title { color: #666666; }
.widget-label-normal { color: #333333; }
.widget-label-small{ color: #333333; }
.widget-label-information { color: #666666; }

/* FileTable */
div.dropTarget { border: 2px dashed #CCCCCC; }
div.dropTarget_dragover { border: 2px dashed #029400; background-color: #c6e0c6; }

/* DatePicker */
td.dp_entry[DateValue]:hover { background-color: #d6ebff; color: black; }
td.dp_week { background-color: #EEEEEE; color: #666666; border-left: 1px solid white; }
td.dp_weekday { }
td.dp_weekendday { background-color: #EEEEEE; }

td.dp_today { background-color: #be815e; color: white; }
td.dp_gray { color: #999999; }

td.dp_active { background-color: #73a5d5; color: white; }

div.dp_pager { color: #555555; border-color: transparent; }
	div.dp_pager:hover { color: black; border-color: rgba(175, 175, 175, 0.3); background-color: #d6ebff; }

/* Kleber */
@media screen and (min-height: 500px) {
	.stickyTop { box-shadow: 0px 1px 3px -1px rgba(22, 22, 22, 0.15); }
	.stickyBottom { box-shadow: 0px -1px 3px -1px rgba(22, 22, 22, 0.15); }
}

/* Speziell */
input:focus, textarea:focus, select:focus, div[tabindex]:focus, a:focus { outline-color: #cbd0d7; }

div.multiSelectorItem { border-color: #EBEBEB; }