/*************************************************************************
** TEXTMARKER FARBKLASSEN (Volltext Suche)
**************************************************************************/


mark.textmarker_Red {
    background-color: #ff4444;
}
mark.textmarker_Lime {
    background-color: #00ff00;
}
.dark_style mark.textmarker_Lime {
    background-color: #005f00;
}
mark.textmarker_Blue {
    background-color: #9999ff;
}
mark.textmarker_Fuchsia {
    background-color: #ff00ff;
}
mark.textmarker_Maroon {
    background-color: #bb5555;
}
mark.textmarker_Green {
    background-color: #009900;
}
mark.textmarker_Navy {
    background-color: #3366cc;
}
mark.textmarker_Purple {
    background-color: #aa33aa;
}
mark.textmarker_Teal {
    background-color: #009999;
}
mark.textmarker_Olive {
    background-color: #999900;
}
mark.undefined {
    background-color: #ffff00;
}
.dark_style mark.undefined {
    background-color: #777755;
}


/*************************************************************************
** TAGs / BASICS
**************************************************************************/


a:link,
a:visited,
a:hover{
    color: var(--c_bfOra_full);
}

.light_style.mblBackground {
    background-color: var(--c_grey90);
}
.dark_style.mblBackground {
    background-color: var(--c_black);
}
.blue_style.mblBackground {
    background-color: var(--c_bfBlu_full);
}

.blue_style .mblView {
    color: var(--c_white);
}

.dimmed {
    color: var(--c_grey50);
}

.dark_style .adjustContainer hr,
.blue_style .adjustContainer hr {
	background-color: var(--c_white);
}

/* scrollbalken Mobile / App */

.blue_style .mblScrollBarWrapper div {
    background-color: var(--c_white) !important;
}


/*************************************************************************
** Controls
**************************************************************************/


.dark_style #mainbody .dijitPopup.dijitMenuPopup,
.dark_style #mainbody .dijitPopup.dijitMenuPopup .dijitMenu,
.blue_style #mainbody .dijitPopup.dijitMenuPopup,
.blue_style #mainbody .dijitPopup.dijitMenuPopup .dijitMenu {
    border-color: var(--c_bfOra_ligh1);
}

/* Zeilenweise abwechselnde Farbe */
.light_style .awesomplete ul li:nth-child(even),
.light_style .dijitSelectMenu tr.dijitMenuItem:nth-child(even),
.light_style .dojoxCheckedMultiSelectMenu tr.dijitMenuItem:nth-child(even) {
    background-image: linear-gradient(to right, var(--c_black_o05), transparent);
}
.dark_style .awesomplete ul li:nth-child(even),
.dark_style .dijitSelectMenu tr.dijitMenuItem:nth-child(even),
.dark_style .dojoxCheckedMultiSelectMenu tr.dijitMenuItem:nth-child(even),
.blue_style .awesomplete ul li:nth-child(even),
.blue_style .dijitSelectMenu tr.dijitMenuItem:nth-child(even),
.blue_style .dojoxCheckedMultiSelectMenu tr.dijitMenuItem:nth-child(even) {
    background-image: linear-gradient(to right, var(--c_white_o05), transparent);
}

.light_style .dojoxCheckedMultiSelect div.dojoxMultiSelectItem:nth-child(even) {
    background-color: var(--c_black_o05);
}
.dark_style .dojoxCheckedMultiSelect div.dojoxMultiSelectItem:nth-child(even),
.blue_style .dojoxCheckedMultiSelect div.dojoxMultiSelectItem:nth-child(even) {
    background-color: var(--c_white_o05);
}


.greenRed .mblSwitchBgLeft {
    background: var(--c_bfGreen);
    color: var(--c_black);
}
.greenRed .mblSwitchBgRight {
    background: var(--c_bfRed);
    color: var(--c_white);
}


.claro .dijitMenu .dijitMenuItem td, .claro .dijitComboBoxMenu .dijitMenuItem {
    border-color: transparent;
}
.dark_style .dijitMenu .dijitMenuItem td,
.dark_style .dijitComboBoxMenu .dijitMenuItem,
.blue_style .dijitMenu .dijitMenuItem td,
.blue_style .dijitComboBoxMenu .dijitMenuItem {
    color: var(--c_white);
}
.dark_style .dijitMenu .dijitMenuItem.bfaSelected td {
    color: var(--c_black);
}

.dark_style .dijitMenu .dijitMenuItemSelected td,
.dark_style .dijitComboBoxMenu .dijitMenuItemSelected {
    color: var(--c_black);
    border-color: var(--c_bfOra_full);
    background-color: var(--c_bfOra_ligh1);
}
.blue_style .dijitMenu .dijitMenuItemSelected td,
.blue_style .dijitComboBoxMenu .dijitMenuItemSelected {
    color: var(--c_black);
    background-image: none;
    border-color: var(--c_bfBlu_ligh3);
    background-color: var(--c_bfBlu_ligh3);
}
.blue_style .dijitMenu .dijitMenuItemHover td,
.blue_style .dijitComboBoxMenu .dijitMenuItemHover {
    background-image: none;
}

.mblTabBarSegmentedControl .mblTabBarButton {
    color: var(--c_grey40);
}
.blue_style .mblTabBarSegmentedControl .mblTabBarButton {
    color: var(--c_white);
    background: var(--c_grey70);
    text-shadow: none;
}

.light_style #searchTab_main .mblTabBarButton,
.dark_style #searchTab_main .mblTabBarButton,
.light_style #import_tabBar .mblTabBarButton,
.dark_style #import_tabBar .mblTabBarButton,
.light_style #sd_searchTab_main .mblTabBarButton,
.dark_style #sd_searchTab_main .mblTabBarButton {
    border-color: var(--c_grey60);
}


.light_style #searchTab_main .mblTabBarButton.mblTabBarButtonSelected,
.light_style #import_tabBar .mblTabBarButton.mblTabBarButtonSelected,
.light_style #sd_searchTab_main .mblTabBarButton.mblTabBarButtonSelected {
    background: var(--c_white);
    color: var(--c_black);
}
.dark_style #searchTab_main .mblTabBarButtonSelected,
.dark_style #import_tabBar .mblTabBarButtonSelected,
.dark_style #sd_searchTab_main .mblTabBarButtonSelected {
    background: var(--c_bfOra_ligh1);
    color: var(--c_black);
}
.blue_style #searchTab_main .mblTabBarButton.mblTabBarButtonSelected,
.blue_style #import_tabBar .mblTabBarButton.mblTabBarButtonSelected,
.blue_style #sd_searchTab_main .mblTabBarButton.mblTabBarButtonSelected {
    background: var(--c_white);
    color: var(--c_black);
    text-shadow: none;
}


.dark_style select {
    color: var(--c_white);
}


.dark_style .dijitSelect .dijitArrowButton {
    background-color: var(--c_grey40);
}

.blue_style .dijitInline {
    color: var(--c_black);
}

.dark_style .dijitSelect.dijitSelectDisabled .dijitArrowButton {
    background-color: var(--c_grey10);
}

.light_style input.mblTextBox:hover {
    border-color: var(--c_bfBlu_ligh1);
}
.dark_style input.mblTextBox:hover,
.dB.dark_style #navi_quickSearchField:hover {
    border-color: var(--c_bfOra_full);
}
.blue_style input.mblTextBox:hover,
.dB.blue_style #navi_quickSearchField:hover {
    border-color: var(--c_bfOra_full);
    background-color: var(--c_white);
}

.light_style .dijitSelectHover,
.light_style .dijitTextBoxHover {
    border-color: var(--c_bfBlu_ligh1) !important;
}
.light_style .dijitSelect.dijitSelectHover .dijitArrowButton {
    background-color: var(--c_bfBlu_ligh2);
}

.dark_style .dijitSelectHover,
.dark_style.claro .dijitSelectFocused,
.dark_style .dijitTextBoxHover,
.dark_style .dijitTextBoxFocused {
    border-color: var(--c_bfOra_full) !important;
}
.dark_style .dijitSelect.dijitSelectHover .dijitArrowButton {
    background-color: var(--c_bfOra_full);
}
.blue_style.claro .dijitSelectHover,
.blue_style.claro .dijitSelectFocused,
.blue_style .dijitTextBoxHover,
.blue_style .dijitTextBoxFocused {
    border-color: var(--c_bfOra_full) !important;
    background-color: var(--c_white);
}
.blue_style .dijitSelect.dijitSelectHover .dijitArrowButton,
.blue_style .dijitSelect.dijitSelectFocused .dijitArrowButton {
    background-color: var(--c_bfOra_ligh2);
}

.dark_style .dijitSelect,
.dark_style .dijitTextBox,
.dark_style .addField.dojoxCheckedMultiSelect,
.dark_style .doc_wvlSelect {
    background-color: var(--c_grey20);
    border-color: var(--c_grey70);
}
.claro .dijitTextBoxDisabled .dijitInputContainer {
    background-color: transparent;
}
.dark_style .dijitTextBox.dijitTextBoxDisabled {
    background-color: var(--c_grey10);
    border-color: var(--c_grey40);
}

.dark_style .dijitSelect.dijitSelectDisabled,
.dark_style .dijitTextBox.dijitTextBoxDisabled {
    background-color: var(--c_grey10);
    color: var(--c_grey60);
    border-color: var(--c_grey40);
}

.dark_style .addField.dijitMultiSelect {
    background-color: var(--c_grey20);
    border: 1px solid var(--c_grey70);
}

.dark_style .addField.dijitMultiSelect.dijitMultiSelectHover {
    border-color: var(--c_bfOra_full);
}
.blue_style .addField.dijitMultiSelect.dijitMultiSelectHover {
    border-color: var(--c_bfOra_full);
    background-color: var(--c_white);
}

/*.dark_style .addField.dijitMultiSelect:disabled {
    background-color: var(--c_grey40);
    border: 1px solid var(--c_grey60);
}*/

.dark_style .dijitInputInner {
    background-color: var(--c_grey20);
    color: var(--c_white);
}


.dark_style .dijitDisabled .dijitInputInner {
    background-color: var(--c_grey10);
    border-color: var(--c_grey40);
    color: var(--c_grey60) !important;
}


.light_style input.mblTextBox {
    background-color: var(--c_white);
    color: var(--c_black);
}
.dark_style input.mblTextBox {
    background-color: var(--c_grey20);
    color: var(--c_white);
}
.blue_style input.mblTextBox {
    color: var(--c_black);
}

.light_style input.mblTextBox:disabled {
    color: var(--c_grey60);
    background-color: transparent;
    border-color: var(--c_grey70);
}
.dark_style input.mblTextBox:disabled {
    background-color: var(--c_grey10);
    color: var(--c_grey70);
    border-color: var(--c_grey40);
}
.blue_style input.mblTextBox:disabled {
    background-color: transparent;
    color: var(--c_grey50);
    border-color: var(--c_grey40);
}

.dark_style .dijitFocused .dijitInputContainer {
    background: none;
}


.light_style select {
    color: var(--c_black);
}


.light_style .dijitSelect .dijitArrowButton {
    background-color: var(--c_grey80);
    border-color: var(--c_grey60);
}


.light_style .dijitSelect,
.light_style .dijitTextBox {
    background-color: var(--c_white);
    border-color: var(--c_grey60);
}

.light_style.claro .dijitSelectDisabled,
.light_style.claro .dijitSelectDisabled .dijitInline,
.light_style.claro .dijitTextBoxDisabled,
.light_style.claro .dojoxCheckedMultiSelectDisabled,
.light_style.claro .dojoxCheckedMultiSelectButton.dojoxCheckedMultiSelectButtonDisabled {
    color: var(--c_grey60);
    background-color: transparent;
    border-color: var(--c_grey70);
}

.blue_style .dijitSelectDisabled,
.blue_style .dijitSelectDisabled .dijitInline,
.blue_style .dijitTextBoxDisabled,
.blue_style.claro .dojoxCheckedMultiSelectButton.dojoxCheckedMultiSelectButtonDisabled {
    background-color: transparent;
    border-color: var(--c_grey40);
    color: var(--c_grey50);
}

.blue_style.claro .dijitSelectDisabled .dijitArrowButton,
.blue_style.claro .dojoxCheckedMultiSelectDisabled .dijitArrowButton {
    background-color: transparent;
    border-color: transparent;
    background-image: none;
}

.light_style.claro .dijitSelect.dijitSelectDisabled .dijitArrowButtonInner,
.light_style.claro .dojoxCheckedMultiSelectButton.dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton .dijitArrowButtonInner,
.dark_style.claro .dijitSelect.dijitSelectDisabled .dijitArrowButtonInner,
.dark_style.claro .dojoxCheckedMultiSelectButton.dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton .dijitArrowButtonInner,
.blue_style.claro .dijitSelect.dijitSelectDisabled .dijitArrowButtonInner,
.blue_style.claro .dojoxCheckedMultiSelectButton.dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton .dijitArrowButtonInner {
    background-position: -70px 53%;
}

.light_style .mblCheckBox:disabled {
    background: transparent !important;
    border-color: var(--c_grey70);
    box-shadow: none;
}
.dark_style .mblCheckBox:disabled,
.blue_style .mblCheckBox:disabled {
    background: transparent !important;
    border-color: var(--c_grey40);
    box-shadow: none;
}

.light_style .addField.dijitMultiSelect {
    background-color: var(--c_white);
    border: 0.059em solid var(--c_grey60);
}
/* 
.light_style .addField.dijitMultiSelect.dijitMultiSelectHover {
    border-color: var(--c_bfOra_full);
}
 */
/*.light_style .addField.dijitMultiSelect:disabled {
    background-color: var(--c_grey70);
    border: 1px solid var(--c_grey60);
}*/

.light_style .dijitInputInner {
    background-color: var(--c_white);
    color: var(--c_black);
}


.light_style .addField.rightWrite.notWritable .innerAddField-2 {
    background-color: var(--c_grey90);
    color: var(--c_grey50);
}
.dark_style .addField.rightWrite.notWritable .innerAddField-2 {
    background-color: var(--c_black);
    color: var(--c_grey50);
}


.light_style .dijitFocused .dijitInputContainer {
    background: none;
}


.ddArrow {
    background-color: var(--c_grey90);
    background-image: url(img/arrow_down.png);
    background-repeat: no-repeat;
    background-position: 0px 10px;
    border-color: var(--c_grey60);
}
.ddArrow:hover {
    background-color: var(--c_bfBlu_ligh3);
    border-color: var(--c_bfBlu_ligh1);
}
.dark_style .ddArrow {
    background-color: var(--c_grey40);
}
.dark_style .ddArrow:hover,
.blue_style .ddArrow:hover {
    background-color: var(--c_bfOra_ligh1);
    border-color: var(--c_bfOra_full);
}


.emptySearch {
    background-color: var(--c_bfGreen);
}


.progInfoPanel {
    background: var(--c_bfBlu_ligh3);
}
.dark_style .progInfoPanel {
    background: var(--c_bfOra_full);
}
.blue_style .progInfoPanel {
    background: var(--c_bfBlu_ligh1);
}


.searchOnlyOption {
    color: var(--c_grey20);
}
.dark_style .searchOnlyOption {
    color: var(--c_grey50);
}


.light_style #doc_wvlTable .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper,
.light_style .addField.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper {
    background: var(--c_white);
    border-color: var(--c_grey60);
}

.light_style .addField.dojoxCheckedMultiSelect.rightRead .dojoxCheckedMultiSelectWrapper {
    background: var(--c_grey90);
}
.dark_style .addField.dojoxCheckedMultiSelect.rightRead .dojoxCheckedMultiSelectWrapper {
    background: var(--c_grey10);
}
.blue_style .addField.dojoxCheckedMultiSelect.rightRead .dojoxCheckedMultiSelectWrapper {
    background: var(--c_grey80);
}

.light_style .addField.dojoxCheckedMultiSelect.rightWrite.notWritable .dojoxCheckedMultiSelectWrapper,
.blue_style .addField.dojoxCheckedMultiSelect.rightWrite.notWritable .dojoxCheckedMultiSelectWrapper {
    color: var(--c_grey50);
}
.dark_style .addField.dojoxCheckedMultiSelect.rightWrite.notWritable .dojoxCheckedMultiSelectWrapper {
    background: var(--c_black);
    color: var(--c_grey50);
}

.dark_style #doc_wvlTable .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper,
.dark_style .addField.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper {
    background: var(--c_grey20);
    border-color: var(--c_grey60);
}

#doc_wvlTable .dojoxCheckedMultiSelect.dojoxCheckedMultiSelectHover .dojoxCheckedMultiSelectWrapper,
.addField.dojoxCheckedMultiSelect.dojoxCheckedMultiSelectHover .dojoxCheckedMultiSelectWrapper {
    border-color: var(--color_12);
}

.dark_style #doc_wvlTable .dojoxCheckedMultiSelect.dojoxCheckedMultiSelectHover .dojoxCheckedMultiSelectWrapper,
.dark_style .addField.dojoxCheckedMultiSelect.dojoxCheckedMultiSelectHover .dojoxCheckedMultiSelectWrapper,
.blue_style #doc_wvlTable .dojoxCheckedMultiSelect.dojoxCheckedMultiSelectHover .dojoxCheckedMultiSelectWrapper,
.blue_style .addField.dojoxCheckedMultiSelect.dojoxCheckedMultiSelectHover .dojoxCheckedMultiSelectWrapper {
    border-color: var(--c_bfOra_full);
}

#doc_wvl_inEdit:checked {
    background-color: var(--c_bfYellow);
    background-image: none;
}

.doc_wvlSelect {
    border-color: var(--c_grey60);
}
.doc_wvlSelect:hover {
    border-color: var(--c_bfBlu_ligh1) !important;
}

.dark_style .doc_wvlSelect {
    color: var(--c_white);
}
.dark_style .doc_wvlSelect:hover {
    border-color: var(--c_bfOra_full) !important;
}

.valueInvalid {
    background: var(--color_29) !important;
    color: var(--c_white) !important;
}

.dark_style #datePickerOpener {
    background-color: var(--c_black);
}
.blue_style #datePickerOpener {
    background-color: var(--c_bfBlu_ligh1);
}

.dark_style #datePickerOpener .mblButton {
    background-color: var(--c_grey20);
    border-color: var(--c_grey40);
}


/* STATEFIELDS
===============*/


.statefield.mblButton {
    background: none;
}

.statefield.rightRead {
    color: var(--c_grey60);
}
.statefield.rightModify {
    color: var(--c_black);
}
.dark_style .statefield.rightModify {
    color: var(--c_white);
}

.blue_style .statefield {
    color: var(--c_white);
}
.blue_style .statefield.rightRead {
    color: var(--c_bfOra_ligh2);
}


.SF_statusInd {
    background-color: var(--c_white);
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 3px;
    border-color: var(--c_grey70);
}

.SF_set {
    background-image: url(img/status_field_enabled.png);
    background-color: var(--c_bfGreen);
}
.SF_unset {
    background-image: url(img/status_field_disabled.png);
    background-color: var(--c_bfRed);
}


.statField {
    background-color: var(--c_white);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain !important;
    border-radius: 3px;
    border: 0;
}


#staticSF_layout .statField.verknupfungen {
    background-color: var(--c_bfGray);
    background-image: url(img/link_unselected.png);
}
#staticSF_layout .statField.verknupfungen.verknupfungenChecked {
    background-color: var(--c_bfYellow);
    background-image: url(img/link_enabled.png);
}

#staticSF_layout .statField.originaldatei {
    background-color: var(--c_bfGray);
    background-image: url(img/original_file_unselected.png);
}
#staticSF_layout .statField.originaldatei.originaldateiChecked {
    background-color: var(--c_bfBlue);
    background-image: url(img/original_file_enabled.png);
}

#staticSF_layout .statField.ausgecheckt {
    background-color: var(--c_bfGray);
    background-image: url(img/checkout_unselected.png);
}
#staticSF_layout .statField.ausgecheckt.ausgechecktChecked {
    background-color: var(--c_bfRed);
    background-image: url(img/checkout_disabled.png);
}

#staticSF_layout .statField.inBearbeitung {
    background-color: var(--c_bfGray);
    background-image: url(img/edit_unselected.png);
}
#staticSF_layout .statField.inBearbeitung.inBearbeitungChecked {
    background-color: var(--c_bfGreen);
    background-image: url(img/edit_enabled.png);
}


/* NAVI
=======*/


#navi_container {
    background: var(--c_white);
}

#navi_wrapper {
    border-color: var(--c_grey60);
}
.light_style #navi_wrapper {
    background: var(--c_white);
}
.dark_style #navi_wrapper {
    border-color: var(--c_bfOra_full);
    background: var(--c_black);
}
.blue_style #navi_wrapper {
    border-color: var(--c_white);
    background: var(--c_bfBlu_full);
}

#navi_quickSearchField {
    background-color: var(--c_bfBlu_ligh3);  /* #993c00 */
    background-image: url(img/search.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 8px center;
    -webkit-appearance: none;
}
.light_style #navi_quickSearchField {
    border-color: var(--c_grey60);
}
.dark_style #navi_quickSearchField {
    background-color: var(--c_bfBlue);
    border-color: var(--c_black);
}
.blue_style #navi_quickSearchField {
    background-image: url(img/search_dark.png);
    background-color: var(--c_bfBlu_full);
    border-color: var(--c_white);
    color: var(--c_white);
}

.light_style #contextMenu {
    background: var(--c_white);
    border: none;
}
.dark_style #contextMenu {
    background: var(--c_black);
    border-color: var(--c_bfOra_full);
}
.blue_style #contextMenu {
    background: var(--c_bfBlu_full);
    border-color: var(--c_white);
}

.light_style .contextMenuBtn.contextOpen {
    background-color: var(--c_grey80);
}
.dark_style .contextMenuBtn.contextOpen {
    background-color: var(--c_bfOra_ligh2);
}
.blue_style .contextMenuBtn.contextOpen {
    background-color: var(--c_bfBlu_full);
    border-color: var(--c_white);
}

.light_style #navi_wrapper .kategorie,
.light_style #list_bookmarks .kategorie,
.light_style #contextMenu_list .kategorie,
.light_style #afk_holidayList .kategorie {
    background: var(--color_10);
}
.dark_style #navi_wrapper .kategorie,
.dark_style #list_bookmarks .kategorie,
.dark_style #contextMenu_list .kategorie,
.dark_style #afk_holidayList .kategorie {
    border-bottom: 0;
    color: var(--c_white);
    background: var(--c_grey20);
}
.blue_style #navi_wrapper .kategorie,
.blue_style #list_bookmarks .kategorie,
.blue_style #contextMenu_list .kategorie,
.blue_style #afk_holidayList .kategorie {
    border-color: var(--c_white);
    background: var(--c_bfOra_full);
    color: var(--c_white);
}

#navi_wrapper .mblToggleButton {
    border-color: var(--c_grey60);
}
.dark_style #navi_wrapper .mblToggleButton{
    color: var(--c_white);
}
.dark_style #navi_wrapper .mblToggleButtonChecked{
    background: var(--c_black);
}

.dark_style #navi_wrapper .mblListItemRightIcon div div,
.blue_style #navi_wrapper .mblListItemRightIcon div div {
    border-color: var(--c_white);
}


/* Arctree / Imptree
====================*/


.bfaFolderClosed {
    background-image: url(img/folder-closed.png);
    background-position: center;
    background-size: contain;
}
.dijitTreeRowSelected .bfaFolderClosed {
    background-image: url(img/folder-closed.png);
}
.dijitTreeRow.trueSelect .dijitTreeIcon {
    background-image: url(img/folder-open.png);
}
#Imptree .bfaFolderClosed {
    background-image: url(img/folder_closed_importer.png);
}
#Imptree .dijitTreeRowSelected .bfaFolderClosed {
    background-image: url(img/folder_closed_importer.png);
}
#Imptree .dijitTreeRow.trueSelect .dijitTreeIcon {
    background-image: url(img/folder_open_importer.png);
}
/* 
#Imptree .dijitTreeRow.trueSelect .lagerIconOffen {
    background-image: url(img/warehouse_open_importer.png);
}
#Imptree .dijitTreeRow.trueSelect .lagerIconZu {
    background-image: url(img/warehouse_closed_importer.png);
}
 */

#Arctree .lagerIconZu {
    background-image: url(img/warehouse-closed.png);
    background-position: center;
    background-size: contain;
}
#Imptree .lagerIconZu {
    background-image: url(img/warehouse_closed_importer.png);
    background-position: center;
    background-size: contain;
}
#Arctree .lagerIconOffen {
    background-image: url(img/warehouse-open.png);
    background-position: center;
    background-size: contain;
}
#Imptree .lagerIconOffen {
    background-image: url(img/warehouse_open_importer.png);
    background-position: center;
    background-size: contain;
}

/* rows background */
.light_style #Arctree .dijitTreeNode,
.light_style #Imptree .dijitTreeNode {
    background: var(--c_grey90) none repeat scroll 0 0;
}

/* root & rows text color */
.dark_style #Arctree .dijitTreeLabel,
.dark_style #Imptree .dijitTreeLabel {
  color: var(--c_grey90);
}
.blue_style #Arctree .dijitTreeLabel,
.blue_style #Imptree .dijitTreeLabel {
  color: var(--c_white);
}
.blue_style #Arctree .dijitTreeRowHover .dijitTreeLabel,
.blue_style #Imptree .dijitTreeRowHover .dijitTreeLabel {
    color: var(--c_black);
}

.light_style #Arctree .dijitTreeLabel,
.light_style #Imptree .dijitTreeLabel,
.dark_style #Arctree .trueSelect .dijitTreeLabel,
.dark_style #Imptree .trueSelect .dijitTreeLabel,
.blue_style #Arctree .trueSelect .dijitTreeLabel,
.blue_style #Imptree .trueSelect .dijitTreeLabel {
  color: var(--c_grey10);
}


.claro #Arctree .dijitTreeRow.trueSelect,
.claro #Imptree .dijitTreeRow.trueSelect {
    background-color: var(--color_10);
    background-image: none;
    border: 1px solid var(--color_11);
}
.claro.dark_style #Arctree .dijitTreeRow.trueSelect,
.claro.dark_style #Imptree .dijitTreeRow.trueSelect {
    background-color: var(--c_bfOra_ligh1);
    border: 1px solid var(--c_bfOra_full);
}
.claro.blue_style #Arctree .dijitTreeRow.trueSelect,
.claro.blue_style #Imptree .dijitTreeRow.trueSelect {
    background-color: var(--c_white);
    border-color: var(--c_white);
}

.claro .dijitTreeRow.dijitTreeRowSelected {
    background: none;
}

.claro #Arctree .dijitTreeRowActive,
.claro #Imptree .dijitTreeRowActive {
    background: none;
    border-color: var(--color_10);
}

.claro #Arctree .dijitTreeRowSelected span.dijitFolderClosed,
.claro #Imptree .dijitTreeRowSelected span.dijitFolderClosed {
    background-position: 1.882em;
}

.blue_style #Arctree .dijitTreeRowHover,
.blue_style #Imptree .dijitTreeRowHover {
    background-image: none;
    background-color: var(--c_bfBlu_ligh3);
    border-color: transparent !important;
}

.dark_style #Arctree .dijitTreeRowHover,
.dark_style #Imptree .dijitTreeRowHover {
    background-image: none;
    background-color: var(--c_white_o20);
    border-color: var(--c_white_o40) !important;
}
.light_style #Arctree .dijitTreeRowHover,
.light_style #Imptree .dijitTreeRowHover {
    background-image: none;
    background-color: var(--c_black_o20);
    border-color: var(--c_black_o40) !important;
}

#Arctree .dijitIconFolderClosed, #Arctree .dijitFolderClosed,
#Imptree .dijitIconFolderClosed, #Imptree .dijitFolderClosed {
    background-position: 2.882em;
}

#Arctree .dijitIconFolderOpen, #Arctree .dijitFolderOpened,
#Imptree .dijitIconFolderOpen, #Imptree .dijitFolderOpened {
    background-position: 1.882em;
}


/* IMPORTER 
===========*/


#imp_fileGrid .fileBox {
    border-color: var(--c_grey80);
    border-radius: 4px;
}

.dark_style #import_main {
    background-color: var(--c_black);
    border: 1px solid var(--c_grey90);
}
.light_style #import_main {
    background-color: var(--c_grey90);
}

#imp_fileGrid .fileBox:hover {
    border-color: var(--c_grey60);
}
#imp_fileGrid .fileBox.selected {
    border-color: var(--c_bfOra_full);
}

.dark_style #imp_fileGrid .fileBox {
    border-color: var(--c_grey20);
}
.blue_style #imp_fileGrid .fileBox {
    border-color: var(--c_white);
}

#imp_fileGrid .fileBox.selected:hover,
.dark_style #imp_fileGrid .fileBox:hover,
.dark_style #imp_fileGrid .fileBox.selected:hover,
.blue_style #imp_fileGrid .fileBox:hover,
.blue_style #imp_fileGrid .fileBox.selected:hover {
    border-color: var(--c_bfOra_ligh1);
}

.dark_style #imp_fileGrid .fileBox.selected,
.blue_style #imp_fileGrid .fileBox.selected {
    border-color: var(--c_bfOra_full);
}

.fileBox.noMetadata {
    background-color: var(--c_yel_satt);
    /*background: repeating-linear-gradient(-45deg,
        var(--c_grey90), var(--c_grey90) 12px,
        var(--c_yel_satt) 12px, var(--c_yel_satt) 24px);*/
}

.fileBox.fileSizeExceeded {
    background-color: var(--c_red_mid);
    /*background: repeating-linear-gradient(-45deg,
        var(--c_grey90), var(--c_grey90) 12px,
        var(--c_red_mid) 12px, var(--c_red_mid) 24px);*/
}

.fileBox.noMetadata.fileSizeExceeded {
    background-color: var(--c_red_mid);
    background: repeating-linear-gradient(-45deg,
        var(--c_yel_satt), var(--c_yel_satt) 12px,
        var(--c_red_mid) 12px, var(--c_red_mid) 24px);
}


#imp_wvlTable {
    /* border-color: var(--c_grey60); */
    border-color: var(--color_17);
}
.dark_style #imp_wvlTable {
    /* border-color: var(--c_bfOra_ligh1); */
}
.blue_style #imp_wvlTable {
    /* border-color: var(--c_white); */
}
#imp_wvlTable.imp_wvlActive {
    border-color: var(--c_bfYellow);
}
#imp_wvl_handle {
    border-color: var(--color_17);
    background-color: var(--color_17);
}
#imp_wvl_handle.imp_wvlActive {
    border-color: var(--c_bfYellow);
    background-color: var(--c_bfYellow);
    border-bottom-color: var(--c_bfYellow) !important;
}



/* WVL-List
===========*/


#list_wvldata .wvlExpired {
    background-color: var(--c_bfRed);
}
/*
.dark_style #list_wvldata .wvlExpired {
    background-color: var(--color_30);
}

/* Momentan nicht benötigt (rot-gelb schraffiert)
#list_wvldata .wvlExpired.wvlInProgress {
    background-color: var(--color_29);
    background: repeating-linear-gradient(-45deg,
        var(--color_29), var(--color_29) 16px,
        var(--color_16) 12px, var(--color_16) 24px);
}
.dark_style #list_wvldata .wvlExpired.wvlInProgress {
    background-color: var(--color_30);
    background: repeating-linear-gradient(-45deg,
        var(--color_30), var(--color_30) 16px,
        var(--color_18) 12px, var(--color_18) 24px);
}
*/

.wvl_info, .wvl_comment, .wvl_termin {
    color: var(--c_black);
}
.dark_style .wvlStandard .wvl_info, .dark_style .wvlStandard .wvl_comment, .dark_style .wvlStandard .wvl_termin {
    color: var(--c_grey80);
}

.wvlInProgress .wvl_info, .wvlInProgress .wvl_comment, .wvlInProgress .wvl_termin {
    color: var(--c_black);
    text-shadow: none;
}


#list_wvldata {
    border: 2px solid var(--c_white);
}

#list_wvldata .wvlStandard {
    background-color: var(--c_grey90);
}
.dark_style #list_wvldata .wvlStandard {
    background-color: var(--c_grey20);
}

#list_wvldata .wvlStandard.wvlInProgress {
    background-color: var(--c_bfYellow);
}
#list_wvldata .wvlStandard.wvlInProgress.mblListItemChecked {
    background-color: var(--c_bfYellow_dark);
}

.dark_style #list_wvldata .wvlStandard.wvlInProgress {
    background-color: var(--color_18);
}


/* SETTINGS
===========*/


.bg_RedRadGrad {
    background: var(--c_bfRed);
}

#settings_extOptions tr {
    border-color: var(--c_grey60);
}


/* AddFields
============*/



.addField.rightRead input.quant,
.addField.rightRead table.unit {
    background-color: unset;
}

#addfields .addField.rightRead,
#s_addfieldtab .addField.rightRead,
#import_addfields .addField.rightRead,
#sd_addfieldtab .addField.rightRead {
    background: var(--c_grey80);
    color: var(--c_grey50);
}
.dark_style #addfields .addField.rightRead,
.dark_style #s_addfieldtab .addField.rightRead,
.dark_style #import_addfields .addField.rightRead,
.dark_style #sd_addfieldtab .addField.rightRead {
    background: var(--c_grey50);
}
.addField.rightWrite.notWritable {
    background: var(--c_grey90);
    color: var(--c_grey50);
}
.dark_style .addField.rightWrite.notWritable {
    background: var(--c_black);
}


.light_style .doc_addField_label {
    color: var(--c_black);
}
.dark_style .doc_addField_label {
    color: var(--c_white);
}

.light_style .doc_addField_value {
    color: var(--c_black);
}
.dark_style .doc_addField_value {
    color: var(--c_white);
}

.reqLabel {
    font-weight: bold;
}

/* ======= */


#doc_preview_controlsContainer .doc_preview_Button {
    background-image: none;
    background-color: var(--c_grey90_o50);
    border-color: var(--c_grey70);
    border-radius: 0.294em;
    color: var(--c_black);
}


.mblToggleButton{
    border-radius: 0.118em;
}

.mblToggleButton.bfaToggleButton {
    background-image: none;
    background-color: var(--c_grey80);
}

.mblToggleButtonChecked.bfaToggleButton {
    background-color: var(--c_bfOra_full);
}
.mblToggleButton.bfaToggleButton:disabled {
    background-color: var(--c_grey80);
}




/* FILES
========*/


#filesysBtn {
    background-color: var(--c_grey90);
    border-color: var(--c_grey70);
    color: var(--c_black);
}
.dark_style #filesysBtn {
    border-color: var(--c_grey20);
    background-color: var(--c_grey20);
    color: var(--c_white);
}
#filesysBtn:hover {
    background-color: var(--c_bfBlu_ligh1);
}
.dark_style #filesysBtn:hover,
.blue_style #filesysBtn:hover {
    background-color: var(--c_bfOra_ligh1);
    color: var(--c_black);
}


/* AFK
=======*/


#afk_infoHoliday {
    background: var(--color_10);
    border-color: var(--c_grey40);
}
.dark_style #afk_infoHoliday {
    background: var(--c_grey10);
}
.blue_style #afk_infoHoliday {
    background: var(--c_bfBlu_dark);
    border-color: var(--c_white);
}

#afk_infoReplace {
    background: var(--c_bfOra_ligh1);
    border-color: var(--c_grey40);
}
.dark_style #afk_infoReplace {
    background: var(--c_bfBlu_dark);
}
.blue_style #afk_infoReplace {
    background: var(--c_bfOra_ligh1);
    border-color: var(--c_white);
    color: var(--c_black);
}

/* STATUS
=========*/


.light_style #statusContainer,
.light_style #sd_statusContainer,
.light_style #import_statusContainer {
    background: var(--color_10);
}
.dark_style #statusContainer,
.dark_style #sd_statusContainer,
.dark_style #import_statusContainer {
    background: var(--c_grey20);
}
.blue_style #statusContainer,
.blue_style #sd_statusContainer,
.blue_style #import_statusContainer {
    background: var(--c_bfOra_full);
    border-width: 4px;
    border-style: solid;
    border-color: var(--c_white);
    box-sizing: content-box;
}


#doc_statusContainer {
    background: var(--color_10);
}
.dark_style #doc_statusContainer {
    background: var(--c_grey20);
}
.blue_style #doc_statusContainer {
    background: var(--c_bfOra_full);
}


/* MAIN Layout
==============*/


.dark_style #mainHeading {
    background: var(--c_black);
}


#main_footer, #afk_footer, #test_footer, #cam_footer {
    border-top-color: var(--c_grey70);
}
.dark_style #main_footer, .dark_style  #afk_footer,
.dark_style  #test_footer, .dark_style  #cam_footer {
    border-top-color: var(--c_grey30);
}
.blue_style #main_footer, .blue_style  #afk_footer,
.blue_style  #test_footer, .blue_style  #cam_footer {
    border-top-color: var(--c_white);
}


/* Dialoge
==========*/


#cbDialog_scroller {
    border-bottom-color: var(--c_grey70);
}

/* confirm Dialog (dijit styled) */
.claro .dijitDialogPaneContent {
    background: var(--color_11) none repeat-x scroll left top;
}

.claro .dijitDialogPaneActionBar {
    background-color: var(--color_11);
}
/* 
.blue_style #helpDialog, .blue_style #privacyDialog {
    background-color: var(--c_bfBlu_full);
    border-color: var(--c_white);
    color: var(--c_white);
}
*/
.blue_style .mblSimpleDialog {
    background-color: var(--c_bfBlu_full);
    border-color: var(--c_white);
    color: var(--c_white);
}

#liveSupport div {
    color: var(--c_bfOra_full);
}

#searchDialog {
    background-color: var(--c_grey90);
}
.dark_style #searchDialog {
    background-color: var(--c_grey10);
}
.blue_style #searchDialog {
    background-color: var(--c_bfBlu_full);
}

#searchDialog .mblSimpleDialogTitle {
    border-color: var(--c_white);
}

.dark_style .statefieldSplitter,
.blue_style .statefieldSplitter {
    border-left-color: var(--c_white) !important;
}

/* Addfield Panes
=================*/

#addfieldtab .reqField table.innerAddField-2,
#addfieldtab .reqField input.innerAddField-2,
#addfieldtab .reqField,
#addfieldtab .reqField table.dojoxCheckedMultiSelectButton,
#addfieldtab .reqField .dojoxCheckedMultiSelectWrapper{
    background-color: var(--c_bfOra_ligh2);
}
.dark_style #addfieldtab .reqField table.innerAddField-2,
.dark_style #addfieldtab .reqField input.innerAddField-2,
.dark_style #addfieldtab .reqField,
.dark_style #addfieldtab .reqField table.dojoxCheckedMultiSelectButton,
.dark_style #addfieldtab .reqField .dojoxCheckedMultiSelectWrapper{
    background-color: var(--c_bfOra_ligh1);
}


#s_addfieldtab .reqField table.innerAddField-2,
#s_addfieldtab .reqField input.innerAddField-2,
#s_addfieldtab .reqField,
#s_addfieldtab .reqField table.dojoxCheckedMultiSelectButton,
#s_addfieldtab .reqField .dojoxCheckedMultiSelectWrapper{
    background-color: var(--c_bfOra_ligh2);
}
.dark_style #s_addfieldtab .reqField table.innerAddField-2,
.dark_style #s_addfieldtab .reqField input.innerAddField-2,
.dark_style #s_addfieldtab .reqField,
.dark_style #s_addfieldtab .reqField table.dojoxCheckedMultiSelectButton,
.dark_style #s_addfieldtab .reqField .dojoxCheckedMultiSelectWrapper{
    background-color: var(--c_bfOra_ligh1);
}


#i_addfieldtab .reqField table.innerAddField-2,
#i_addfieldtab .reqField input.innerAddField-2,
#i_addfieldtab .reqField,
#i_addfieldtab .reqField table.dojoxCheckedMultiSelectButton,
#i_addfieldtab .reqField .dojoxCheckedMultiSelectWrapper{
    background-color: var(--c_bfOra_ligh2);
}
.dark_style #i_addfieldtab .reqField table.innerAddField-2,
.dark_style #i_addfieldtab .reqField input.innerAddField-2,
.dark_style #i_addfieldtab .reqField,
.dark_style #i_addfieldtab .reqField table.dojoxCheckedMultiSelectButton,
.dark_style #i_addfieldtab .reqField .dojoxCheckedMultiSelectWrapper{
    background-color: var(--c_bfOra_ligh1);
}

#addfieldtab .s_addField_splitter,
#s_addfieldtab .s_addField_splitter,
#sd_addfieldtab .s_addField_splitter {
    border-bottom-color:var(--c_grey60);
}
.dark_style #addfieldtab .s_addField_splitter,
.dark_style #s_addfieldtab .s_addField_splitter,
.dark_style #sd_addfieldtab .s_addField_splitter,
.blue_style #addfieldtab .s_addField_splitter,
.blue_style #s_addfieldtab .s_addField_splitter,
.blue_style #sd_addfieldtab .s_addField_splitter {
    border-bottom-color:var(--c_white);
}

.illChars {
    border-color: var(--c_red_full) !important;
    border-width: 3px !important;
}


/* docview
==========*/

#info_container {
    border-color: var(--c_black);
}
.dark_style #info_container {
    background-color: var(--c_black);
    border-color: var(--c_grey20);
}
.light_style #info_container {
    background-color: var(--c_grey90);
}
.blue_style #info_container {
    background-color: var(--c_bfBlu_full);
    border-color: var(--c_white);
}


#doc_previewPane {
    background-color: var(--c_grey60);
}
.blue_style #doc_previewPane {
    background-color: var(--c_bfBlu_full);
}


.light_style #doc_preview_imagePane{
    background-color: var(--c_grey90);
}
.dark_style #doc_preview_imagePane{
    background-color: var(--c_black);
}


/* InfoContainer
================*/

.blue_style .docEditMode .docTitle,
.blue_style .docEditMode #addfields {
    color: var(--c_black);
}

.wrapperTitle {
    background: var(--color_10);
}

#docview.docEditMode #info_container {
    background-color: var(--c_bfGreen);
}
.dark_style #docview.docEditMode #info_container {
  background-color: var(--color_23);
}
/* Wenn Gradienten aktiv dann überlagern diese die grüne "inEditMode" Farbe */
#docview.docEditMode #info_container #addfields {
    background-image: none;
}

.light_style #ic_docSym i.document {
    filter: invert(1);
}


/* Handles Allgemein */

#info_container .handle,
#info_container .fHandle {
    border-color: var(--c_black);
    border-bottom: 0;
}
.dark_style #info_container .handle,
.dark_style #info_container .fHandle {
    border-color: var(--c_grey20);
}
.blue_style #info_container .handle,
.blue_style #info_container .fHandle {
    border-color: var(--c_white);
}


/* Add- & Statusfelder */

#addfields_handle {
    border-radius: 0.294em 0 0 0;
}
.expanded #addfields_handle {
    background-color: var(--c_bfOra_ligh2);
}
.expanded #addfields_handle.ic_top {
    background-color: var(--c_bfOra_full);
}

#addfields_wrapper .wrapperTitle{
    background: var(--c_bfOra_full);
}


/* HISTORY */

#history_handle {
    background-color: var(--color_07);
}
.expanded #history_handle.ic_top {
    background-color: var(--color_04);
}
#history_wrapper .wrapperTitle {
    background: var(--color_04);
}

.history_row {
    border-bottom-color: var(--c_grey60);
}
.dark_style .history_row {
    border-bottom-color: var(--c_grey40);
    color: var(--c_white);
}
.blue_style .history_row {
    color: var(--c_white);
}

.history_headerRow {
    border-bottom-color: var(--c_black);
}
.dark_style .history_headerRow,
.blue_style .history_headerRow {
    border-bottom-color: var(--c_white);
}


/* DISCUSSION - noch nicht implementiert */

#discussion_handle{
    border-color: var(--c_black);
    background-color: var(--color_03);
}
.expanded #discussion_handle.ic_top{
    background-color: var(--color_01);
}
#discussion_wrapper .wrapperTitle{
    background: var(--color_01);
}


/* VOLLTEXT */

#ftx_handle {
    border-radius: 0 0.294em 0 0;
    background-color: var(--color_21);
}
.expanded #ftx_handle.ic_top {
    background-color: var(--color_22);
}
#ftx_wrapper .wrapperTitle {
    background: var(--color_22);
}
.expanded.isWVL #ftx_handle,
.expanded.newWVL #ftx_handle {
    border-radius: 0;
}

#doc_ftx {
    border-radius: 0;
}
.dark_style #doc_ftx,
.blue_style #doc_ftx {
    color: var(--c_white);
}


.dark_style .backdrop {
    background-color: var(--c_black);
}


/* WVL */

#wvl_handle {
    border-radius: 0 0.294em 0 0;
    background-color: var(--color_17);
}
.expanded.isWVL #wvl_handle.ic_top,
.expanded.newWVL #wvl_handle.ic_top {
    background-color: var(--c_bfYellow);
}
#wvl_wrapper .wrapperTitle {
    background: var(--c_bfYellow);
}
.blue_style #wvl_wrapper .wrapperTitle,
.dark_style #wvl_wrapper .wrapperTitle {
    color: var(--c_black);
}


/* STATIC */

#info_container .fHandle {
    border-color: var(--c_black);
}

#close_handle {
    border-radius: 0 4px 0 0;
    background-color: var(--color_07);
}

#pin_handle {
    border-radius: 4px 0 0 0;
    background-color: var(--color_03);
}


/* Header / Footer
==================*/

/* Standard */
.blue_style .bfa_header {
    background: var(--c_bfOra_full);
    border-left: 2px solid white;
    border-right: 2px solid white;
    background-image: linear-gradient(to bottom, var(--c_white) 5%,var(--c_bfOra_full) 5%,var(--c_bfOra_full) 95%,var(--c_white) 95%);
}
/* abweichend */
.blue_style #mainHeading {
    background: var(--c_bfBlu_full);
    background-image: none;
    border-left: none;
    border-right: none;
}


#search_footer {
    background: none;
}

#sd_search_footer {
    background-color: var(--c_grey90);
}


.light_style .mblHeading.bfa_footer,
#masterFooter .bfa_footer {
    background: var(--c_white);
}
.dark_style .mblHeading.bfa_footer,
.dark_style #masterFooter .bfa_footer {
    background: var(--c_black);
}
.blue_style .mblHeading.bfa_footer,
.blue_style #masterFooter .bfa_footer,
.blue_style #cam_footer {
    background: var(--c_bfBlu_full);
    text-shadow: none;
    color: var(--c_white);
    font-weight: 300;
}

.blue_style .mblHeading .mblHeadingSpanTitle, .blue_style .mblHeading .mblHeadingDivTitle {
    color: var(--c_white);
    text-shadow: none;
}

.light_style .mblHeading {
    background: var(--c_white);   /* var(--color_10) */
    color: var(--c_black);
    text-shadow: none;
}

.dark_style .mblHeading {
    background: var(--c_black);
}


.disconnected #mainHeading {
    border-bottom-color: var(--color_28);
}

.actSession .mblHeading {
    border-bottom-color: var(--c_bfGreen);
}

.disconnected .mblHeading {
    border-bottom-color: var(--color_28);
}

.newWvls .mblHeading {
    border-bottom-color: var(--color_02);
}

.backgroundBusy {
    border-bottom-color: var(--c_bfOra_full) !important;
}


/* PIP */

.blue_style #PIP {
    color: var(--c_white);
}


/*************************************************************************
** overwrites
**************************************************************************/

/* dojo-Tooltip: Container */
.dark_style .mblTooltip {
    border-color: var(--c_bfOra_full);
    background-color: var(--c_grey30);
    background-image: none;
}
.blue_style .mblTooltip {
    border-color: var(--c_white);
    background-color: var(--c_bfBlu_full);
}


/* dojo-Tooltip: Pfeil */
.mblTooltip .mblTooltipArrow {
    border-bottom-color: var(--c_black);
}

.dark_style .mblTooltip .mblTooltipArrow {
    border-bottom-color: var(--c_bfOra_full);
}
.dark_style .mblTooltip .mblTooltipInnerArrow {
    border-bottom-color: var(--c_grey30);
}

.blue_style .mblTooltip .mblTooltipArrow {
    border-bottom-color: var(--c_white);
}
.blue_style .mblTooltip .mblTooltipInnerArrow {
    border-bottom-color: var(--c_bfBlu_full);
}


/* dojo-Tooltip: Querbalken */
.dark_style .mblValuePickerSlotInputArea {
    border-top-color: var(--c_bfBlu_ligh1);
    border-bottom-color: var(--c_bfBlu_ligh1);
}


/* dojo-Tooltip: Plus & Minus Zeichen */
.dark_style  .mblDomButtonGrayMinus > div,
.dark_style .mblDomButtonGrayPlus > div,
.dark_style .mblDomButtonGrayPlus > div > div {
    background-color: var(--c_bfOra_full);
}


/* Buttons im PagePicker und DatePicker */
#ppOkBtn:hover {
    border-color: var(--c_bfBlu_ligh1);
}
.dark_style #ppOkBtn:hover,
.blue_style #ppOkBtn:hover {
    border-color: var(--c_bfOra_full);
}


/* kleines dreieck auf DropDown-Button */
.claro.dark_style .dijitSelect .dijitArrowButtonInner,
.claro.dark_style .dijitComboBox .dijitArrowButtonInner,
.claro.dark_style .dojoxCheckedMultiSelectButton .dijitArrowButton .dijitArrowButtonInner,
.claro.blue_style .dijitSelect .dijitArrowButtonInner,
.claro.blue_style .dijitComboBox .dijitArrowButtonInner,
.claro.blue_style .dojoxCheckedMultiSelectButton .dijitArrowButton .dijitArrowButtonInner {
    background-position: 0px 53%;
}

/* Rotes X zum schließen von Dialogen */
.mblDomButtonSilverCircleRedCross > div > div {
    background-color: var(--c_bfRed);
}
.mblDomButtonSilverCircleRedCross > div > div > div {
    background-color: var(--c_bfRed);
}

/* Badges in der Navi */
.blue_style .mblDomButtonRedBadge > div {
    background: var(--c_bfGreen);
    color: var(--c_black);
}
.blue_style .mblDomButtonOrangeBall > div {
    background: var(--c_bfOra_full);
}
.blue_style .mblDomButtonGreenBall > div {
    background: var(--c_bfGreen);
}


/* popup menü hintergrund (dB) */
.dark_style.claro .dijitMenu,
.dark_style.claro .dijitMenuTable {
    background-color: var(--c_grey20);
    border-color: var(--c_bfOra_ligh1);
}
.blue_style.claro .dijitMenu {
    background-color: var(--c_bfBlu_full);
    border-color: var(--c_white);
}

.blue_style .dijitMenuTable {
    background-color: transparent;
}

.dark_style .mblColorDefaultSel {
    background-color: var(--c_bfOra_ligh1);
}
.blue_style .mblToolBarButton.mblColorDefaultSel {
    background-color: var(--c_bfBlu_ligh2);
}


table.dijitSelectMenu tr.dijitMenuSeparator {
    background-color: var(--c_bfBlu_ligh1);
}
.dark_style table.dijitSelectMenu tr.dijitMenuSeparator {
    background-color: var(--c_bfOra_ligh2);
}


/* Greifer/Knopf Slider-Control */
.mblSliderHandle {
    border-color: var(--c_grey60);
}
.mblSliderHandle:hover {
    border-color: var(--c_bfBlu_ligh1);
}
.dark_style .mblSliderHandle {
    border-color: var(--c_grey20);
    background-image: radial-gradient(circle closest-side at center, var(--c_black) 83%, var(--c_bfOra_full) 83%);
}
.blue_style #wvl_intervall .mblSliderHandle,
.blue_style #previewSizeSlider .mblSliderHandle {
    background: var(--c_bfOra_full);
    border-color: var(--c_white);
}

/* Slider-Control */
.mblSliderProgressBar {
    background: var(--c_bfOra_full);
    background: -moz-linear-gradient(left, var(--c_white) 0%, var(--c_bfOra_full) 100%);
    background: -webkit-linear-gradient(left, var(--c_white) 0%,var(--c_bfOra_full) 100%);
    background: linear-gradient(to right, var(--c_white) 0%,var(--c_bfOra_full) 100%);
}

#wvl_intervall > div,
#previewSizeSlider > div {
    background: var(--c_bfOra_full);
}


.dark_style .mblRadioButtonChecked::after,
.dark_style .mblRadioButton:checked::after {
    background-color: var(--c_bfOra_full);
}


.dark_style.claro .dojoxCheckedMultiSelectButton {
    background-color: var(--c_grey20);
    border-color: var(--c_grey60);
}
.dark_style.claro .dojoxCheckedMultiSelectButton.dijitDisabled {
    background-color: var(--c_grey10);
    border-color: var(--c_grey40);
}

.dark_style.claro .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButtonHover {
    background-color: var(--c_grey20);
}
.blue_style.claro .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButtonHover {
    background-color: var(--c_white);
}

.dark_style.claro .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButtonHover .dijitArrowButton {
    background-color: var(--c_bfOra_ligh1);
    border-color: var(--c_bfOra_full) !important;
}
.blue_style.claro .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButtonHover .dijitArrowButton {
    background-color: var(--c_bfOra_ligh3);
    border-color: var(--c_bfOra_full) !important;
}

.dark_style.claro .dojoxCheckedMultiSelect.dojoxCheckedMultiSelectDisabled .dijitArrowButton {
    background-color: unset;
}


.claro .addField .dojoxCheckedMultiSelectButton {
    border-color: var(--c_grey60);
}

.claro .dojoxCheckedMultiSelectButtonDisabled {
    background-color: var(--c_white);
}

.claro .addField .dojoxCheckedMultiSelectButtonHover {
    border-color: var(--c_bfBlu_ligh1);
    background-image: none;
}
.dark_style.claro .addField .dojoxCheckedMultiSelectButtonHover,
.blue_style.claro .addField .dojoxCheckedMultiSelectButtonHover {
    border-color: var(--c_bfOra_full);
    background-image: none;
}

.doc_wvlSelect.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButtonHover .dijitArrowButton,
.doc_wvlSelect.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButtonFocused .dijitArrowButton
.addField.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButtonHover .dijitArrowButton,
.addField.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButtonFocused .dijitArrowButton {
    background-color: var(--c_bfOra_full_o50);
}


.dark_style #searchTab_main .mblTabBarSegmentedControl,
.dark_style #sd_searchTab_main .mblTabBarSegmentedControl {
    border-top-color: var(--c_grey70);
}


/* OLDSCHOOL
.dark_style .mblEdgeToEdgeList {
    background-color: var(--c_black);
}
.light_style .mblEdgeToEdgeList {
    background-color: var(--c_white);
}
*/
.mblEdgeToEdgeList {
    background-color: transparent;
}

.light_style #info_container .mblEdgeToEdgeList {
    background-color: var(--c_grey80);
}

.blue_style .mblEdgeToEdgeCategory {
    text-shadow: rgb(0 0 0 / 50%) 0 1px 0;
}

/* BUTTONS */

.mblButton {
    border-color: var(--c_grey70);
}
.mblButton:hover {
    border-color: var(--c_bfBlu_ligh1);
}
.dark_style .mblButton {
    border-color: var(--c_grey20);
}
.dark_style .mblButton:hover,
.blue_style .mblButton:hover {
    border-color: var(--c_bfOra_full);
}

.light_style .mblButtonSelected {
    background-color: var(--c_white_o20);
    color: var(--c_black);
}
.dark_style .mblButtonSelected {
    background-color: var(--c_white_o20);
}
.blue_style .mblButtonSelected {
    background: var(--c_bfOra_ligh2);
    color: var(--c_black);
}

.light_style .mblToolBarButton:hover {
    border-color: var(--c_bfBlu_ligh1);
}
.dark_style .mblToolBarButton:hover,
.blue_style .mblToolBarButton:hover {
    border-color: var(--c_bfOra_full);
}

.blue_style .mblToolBarButton {
    background: var(--c_white);
}

.blue_style .mblButtonDisabled, .blue_style .mblButton:disabled {
    color: var(--c_grey70);
    background: var(--c_grey90);
}
.blue_style .statefield.mblButtonDisabled, .blue_style .statefield.mblButton:disabled {
    color: var(--c_bfOra_ligh1);
    background: inherit;
}



/* LISTEN 
=========*/

/* BASIC */

li.mblListItem {
    background-color: transparent;
    border-width: 1px;
    /* font-weight: 300; */
}
.blue_style li.mblListItem {
    color: var(--c_white);
    border-color: var(--c_white);
    border-style: solid;
}
.blue_style li.mblListItem.wvlNone {
    background-color: var(--c_bfBlu_ligh1);
}
.dark_style li.mblListItem.wvlNone {
    background-color: var(--c_bfBlu_dark);
}

.light_style #afk_holidayList .mblListItem {
    background-color: var(--c_white);
}
.dark_style #afk_holidayList .mblListItem {
    background-color: var(--c_grey10);
    border-color: var(--c_grey40);
    margin: 0;
}
.blue_style #afk_holidayList .mblListItem {
    background-color: var(--c_bfBlu_ligh1);
}
.blue_style #afk_holidayList .mblListItem:last-child {
    border-color: var(--c_white);
}

.light_style #afk_holidayList .mblListItem.mblListItemSelected {
    background-color: var(--c_bfBlu_ligh3);
}
.dark_style #afk_holidayList .mblListItem.mblListItemSelected {
    background-color: var(--c_grey20);
}
.blue_style #afk_holidayList .mblListItem.mblListItemSelected {
    background-color: var(--c_bfBlu_ligh2);
    color: var(--c_black);
}

.blue_style #timiDialog li.mblListItem,
.blue_style #linkDialog li.mblListItem {
    color: var(--c_white);
}


.mblListItemSelected {
    color: var(--c_black);
    background-image: none;
}
.light_style .mblListItemSelected {
    background-color: var(--color_14);
}
.dark_style .mblListItemSelected {
    background-color: var(--c_bfOra_ligh1);
}
.blue_style .mblListItemSelected {
    background-color: var(--c_bfBlu_ligh1);
}


#discussion_wrapper .mblListItem{
    background: var(--c_grey80);
    border-bottom-color: var(--c_black);
}
.dark_style #discussion_wrapper .mblListItem{
    background: var(--c_black);
    border-bottom-color: var(--c_grey40);
}


.dark_style #statusContainer .mblListItem,
.dark_style #doc_statusContainer .mblListItem,
.dark_style #import_statusContainer .mblListItem {
    background: var(--c_grey20_o70);
}
.light_style #statusContainer .mblListItem,
.light_style #doc_statusContainer .mblListItem,
.light_style #import_statusContainer .mblListItem {
    background: var(--c_white_o40);
}


.dark_style #list_files .mblListItem {
    background-color: var(--c_grey20);
}
.blue_style #list_files .mblListItem {
    background-color: var(--c_bfBlu_ligh1);
}


#searchRes .dgrid-hider-menu-row {
    color: var(--c_black);
}


.dark_style #main_TabCont .dijitTabPaneWrapper {
    background-color: var(--c_black);
}
.light_style #main_TabCont .dijitTabPaneWrapper {
    background-color: var(--c_grey80);
}


/* BOOKMARKS */


.light_style #list_bookmarks {
    background-color: var(--c_white);
}
.dark_style #list_bookmarks {
    background-color: var(--c_black);
}
.blue_style #list_bookmarks {
    background-color: var(--c_bfBlu_full);
}


/* CHECKBOXEN */


.mblCheckBoxChecked, .mblCheckBox:checked,
.blue_style .mblCheckBoxChecked, .blue_style .mblCheckBox:checked {
    background: var(--c_bfGreen);
}
.dark_style .mblCheckBoxChecked, .dark_style .mblCheckBox:checked {
    background: var(--c_bfOra_full);
}


.verknupfungenChecked::after, .verknupfungen:checked::after {
    border-color: var(--c_black) !important;
}

.mblCheckBox:hover {
    border-color: var(--c_bfOra_full);
}
.light_style .mblCheckBox:hover {
    border-color: var(--c_bfBlu_ligh1);
}

.negation{
    background-color: var(--c_grey90);
}


#searchTable .negationChecked,
#searchTable .negation:checked,
#search_addFieldTabContainer .negationChecked,
#search_addFieldTabContainer .negation:checked,
#sd_searchTable .negationChecked,
#sd_searchTable .negation:checked,
#sd_search_addFieldTabContainer .negationChecked,
#sd_search_addFieldTabContainer .negation:checked {
    background: var(--c_bfRed);
}
.negationChecked.negationSelected {
    box-shadow: none !important;
}
.negationSelected {
    box-shadow: none !important;
}


.mblCheckBoxChecked::after, .mblCheckBox:checked::after{
    border-color: var(--c_white) !important;
}

.mblCheckBox.mblCheckBoxSelected {
    box-shadow: 0px 0px 4px 0px var(--c_white);
    background-color: transparent;
}
.mblCheckBoxChecked.mblCheckBoxSelected,
.mblCheckBox:checked.mblCheckBoxSelected {
    border-color: transparent;
    box-shadow: 0px 0px 4px 0px white;
    background-color: transparent;
}

/* TREFFERLISTE
===============*/

#trefferliste .dgrid-hider-toggle {
    background-image: url(img/add_circle_black.png);
    background-repeat: no-repeat;
    background-position: 0.471em 0.471em;
}

.dark_style #trefferliste {
    background-color: var(--c_black);
}
.blue_style #trefferliste {
    background-color: var(--c_bfBlu_full);
}


#trefferliste .ui-widget-header {
    color: unset;
}
.dark_style #trefferliste .ui-widget-header {
    color: var(--c_white);
}

#trefferliste .ui-state-default, #trefferliste .ui-widget-content .ui-state-default,
#trefferliste .ui-state-active, #trefferliste .ui-widget-content .ui-state-active {
    border-bottom-color: var(--c_grey60);
    color: unset;
}


.light_style.claro .dgrid-header, .light_style.claro .dgrid-footer {
    background: var(--color_10);
}
.dark_style.claro .dgrid-header, .dark_style.claro .dgrid-footer {
    background: var(--c_black);
    color: var(--c_white);
}
.blue_style.claro .dgrid-header, .blue_style.claro .dgrid-footer {
    background: var(--c_bfBlu_full);
    color: var(--c_white) !important;
}


#trefferliste .dgrid-content.ui-widget-content {
    background: inherit;
}

#trefferliste .dgrid-content{
    background-color: var(--c_grey90);
    text-shadow: none;
}


#trefferliste .dgrid-row:first-of-type {
    border-top-color: var(--c_grey60);
}


#trefferliste .dgrid-row {
    background: none;
}

#trefferliste .dgrid-row-odd {
    background-color: var(--c_grey80);
    text-shadow: none;
}
.dB #trefferliste .dgrid-row-odd:hover {
    background-color: var(--c_grey90);
}

#trefferliste .dgrid-row-even {
    background-color: var(--c_grey90);
    text-shadow: none;
}
.dB #trefferliste .dgrid-row-even:hover {
    background-color: var(--c_white);
}

.light_style #trefferliste .dgrid-row.dgrid-selected{
    background-color: var(--c_bfHitBlue);
    color: var(--c_white);
    text-shadow: none;
    font-weight: bold;
}


#trefferliste .dgrid-header th {
    border-color: var(--c_grey50);
}
#trefferliste .dgrid-header th:hover {
    background-image: none;
    background: var(--c_bfBlu_ligh2);
    color: var(--c_black);
}
.blue_style #trefferliste .dgrid-header th {
    border-color: var(--c_white);
}

.dgrid-row{
    border-bottom-color: var(--c_grey60);
}

#trefferliste .onRSBM.dgrid-row{
    background-color: var(--c_bfGreen);
}
.dB #trefferliste .onRSBM.dgrid-row:hover{
    background-color: var(--c_bfGreen_ligh) !important;
    color: var(--c_black);
}
#trefferliste .onRSBM.dgrid-row.dgrid-selected{
    background-color: var(--c_bfGreen_dark);
}

.light_style.claro #trefferliste .dojoDndItemAnchor,
.light_style.claro #trefferliste .dojoDndItemSelected {
    color: var(--c_black);
    background-image: unset;
}
.dark_style.claro #trefferliste .dojoDndItemAnchor,
.dark_style.claro #trefferliste .dojoDndItemSelected {
    color: var(--c_black);
    background-color: var(--c_grey60);
    background-image: unset;
}
.blue_style.claro #trefferliste .dojoDndItemAnchor,
.blue_style.claro #trefferliste .dojoDndItemSelected {
    background-color: var(--c_bfBlu_ligh2);
    background-image: unset;
}

.valNeg {
    color: var(--c_red_mid) !important;
}


.dark_style .valNeg {
    color: var(--c_red_full) !important;
}

.dark_style #trefferliste .onRSBM.dgrid-row,
.blue_style #trefferliste .onRSBM.dgrid-row {
    background-color: var(--c_bfGreen);
    color: var(--c_black);
}

.dark_style #trefferliste .onRSBM.dgrid-row.dgrid-selected,
.blue_style #trefferliste .onRSBM.dgrid-row.dgrid-selected {
    background-color: var(--c_bfGreen_dark);
}

.dark_style #trefferliste .dgrid-row-odd {
    background: var(--c_grey30) none repeat scroll 0 0;
    color: var(--c_white);
}
.dB .dark_style #trefferliste .dgrid-row-odd:hover {
    background: var(--c_grey40) none repeat scroll 0 0;
}

.dark_style #trefferliste .dgrid-row-even {
    background: var(--c_grey40) none repeat scroll 0 0;
    color: var(--c_white);
}
.dB .dark_style #trefferliste .dgrid-row-even:hover {
    background: var(--c_grey50) none repeat scroll 0 0;
}

.dark_style #trefferliste .dgrid-row.dgrid-selected,
.blue_style #trefferliste .dgrid-row.dgrid-selected {
    background: var(--c_bfHitBlue) none repeat scroll 0 0;
    color: var(--c_white);
    text-shadow: none;
    font-weight: bold;
}

.dB .dark_style #trefferliste .dgrid-row:hover,
.dB .blue_style #trefferliste .dgrid-row:hover {
    background: var(--c_bfOra_ligh2) none repeat scroll 0 0;
    color: var(--c_black);
}

.dark_style #trefferliste .dgrid-content {
    background: var(--c_black) none repeat scroll 0 0;
    text-shadow: none;
    color: var(--color_10);
}

.dark_style #trefferliste .ui-icon,
.blue_style #trefferliste .ui-icon {
    background-image: url(images/ui-icons_ff6600_256x240.png);
}

.valNeg {
    color: var(--c_red_mid) !important;
}


/*************************************************************************
** INDIVIDUELLE BROWSER ANPASSUNGEN
**************************************************************************
| INTERNET EXPLORER  |
===================*/

.IE.light_style #trefferliste .ui-widget-header,
.IE.light_style .ui-state-default {
    color: var(--c_black);
}
.IE.dark_style #trefferliste .ui-widget-header,
.IE.dark_style .ui-state-default {
    color: var(--c_white);
}
.IE #trefferliste .dgrid-selected {
    color: var(--c_bfOra_full);
    background-color: var(--c_white) !important;
}


/* FIREFOX 
==========*/

.dj_gecko .mblButton,
.dj_gecko .mblHeading,
.dj_gecko .mblHeadingSpanTitle,
.dj_gecko .mblTextBox,
.dj_gecko .mblSwitchBg,
.dj_gecko .mblTabBarSegmentedControl .mblTabBarButton {
    font-family: inherit;
}