/*************************************************************************
** Farb definitionen
**************************************************************************

GRADIENTS:
==========
weiß -> hellhellgrau:
---------------------
background: var(--c_white);
background: -moz-linear-gradient(top, var(--c_white) 0%, var(--c_white) 5%, var(--c_grey90) 100%);
background: -webkit-linear-gradient(top, var(--c_white) 0%,var(--c_white) 5%,var(--c_grey90) 100%);
background: linear-gradient(to bottom, var(--c_white) 0%,var(--c_white) 5%,var(--c_grey90) 100%);

weiß -> hellgrau
----------------
background: var(--c_white);
background: -moz-linear-gradient(top, var(--c_white) 0%, var(--c_grey80) 100%);
background: -webkit-linear-gradient(top, var(--c_white) 0%,var(--c_grey80) 100%);
background: linear-gradient(to bottom, var(--c_white) 0%,var(--c_grey80) 100%);

weiß -> hellblau:
-----------------
background: var(--color_10);
background: -moz-linear-gradient(top, var(--c_white) 0%, var(--c_white) 5%, var(--color_11) 50%, var(--color_10) 100%);
background: -webkit-linear-gradient(top, var(--c_white) 0%,var(--c_white) 5%,var(--color_11) 50%,var(--color_10) 100%);
background: linear-gradient(to bottom, var(--c_white) 0%,var(--c_white) 5%,var(--color_11) 50%,var(--color_10) 100%);

bfa_orange -> hell_Orange
-------------------------
background: var(--c_bfOra_full);
background: -moz-linear-gradient(top,  var(--c_bfOra_full) 0%, ,var(--c_bfOra_ligh1) 100%);
background: -webkit-linear-gradient(top,  var(--c_bfOra_full) 0%,var(--c_bfOra_ligh1) 100%);
background: linear-gradient(to bottom,  var(--c_bfOra_full) 0%,var(--c_bfOra_ligh1) 100%);

blau -> schwarz (dark_style)
----------------------------
background: var(--color_12);
background: -moz-linear-gradient(top, var(--color_12) 0%, var(--color_12) 10%, var(--c_black) 90%, var(--c_black) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--color_12)), color-stop(10%,var(--color_12)), color-stop(90%,var(--c_black)), color-stop(100%,var(--c_black)));
background: -webkit-linear-gradient(top, var(--color_12) 0%,var(--color_12) 10%,var(--c_black) 90%,var(--c_black) 100%);
background: -o-linear-gradient(top, var(--color_12) 0%,var(--color_12) 10%,var(--c_black) 90%,var(--c_black) 100%);
background: -ms-linear-gradient(top, var(--color_12) 0%,var(--color_12) 10%,var(--c_black) 90%,var(--c_black) 100%);
background: linear-gradient(to bottom, var(--color_12) 0%,var(--color_12) 10%,var(--c_black) 90%,var(--c_black) 100%);
*/

/*************************************************************************
** Controls
**************************************************************************
* BUTTONS |
*********/

.mblButtonSelected {
    background-image: linear-gradient(to bottom, var(--c_white_o50) 5%,var(--c_white_o0) 95%);
    background-image: -moz-linear-gradient(top, var(--c_white_o50) 5%, var(--c_white_o0) 95%);
    background-image: -webkit-linear-gradient(top, var(--c_white_o50) 5%,var(--c_white_o0) 95%);
}


/* MENÜBAR / MENÜS */

#masterHeader{ /* diese erste Farbe hatte eigentlich opacity 80 drin. TEST! -> rgba(197,207,232,0.8) */
    background-image: linear-gradient(to bottom, var(--color_11) 0%,var(--c_black_o0) 100%);
    background-image: -moz-linear-gradient(top, var(--color_11) 0%,var(--c_black_o0) 100%);
    background-image: -webkit-linear-gradient(top, var(--color_11) 0%,var(--c_black_o0) 100%);
}

.claro.dark_style #masterHeader{
    background-color: transparent;
    background-image: linear-gradient(to bottom, var(--c_black_o80) 0%,var(--c_black_o20) 100%);
    background-image: -moz-linear-gradient(top, var(--c_black_o80) 0%,var(--c_black_o20) 100%);
    background-image: -webkit-linear-gradient(top, var(--c_black_o80) 0%,var(--c_black_o20) 100%);
}

.claro.dark_style #masterHeader .dijitMenuBar {
    background-color: var(--c_black);
    background-image: linear-gradient(to bottom, var(--c_grey40) 0%,var(--c_black) 80%);
    background-image: -moz-linear-gradient(top, var(--c_grey40) 0%, var(--c_black) 80%);
    background-image: -webkit-linear-gradient(top, var(--c_grey40) 0%,var(--c_black) 80%);
}

.claro.blue_style #masterHeader .dijitMenuBar {
    background-color: var(--c_bfBlu_full);
    background-image: linear-gradient(to bottom, var(--c_white) -50%,var(--c_bfBlu_full) 55%);
    background-image: -moz-linear-gradient(top, var(--c_white) -50%, var(--c_bfBlu_full) 55%);
    background-image: -webkit-linear-gradient(top, var(--c_white) -50%,var(--c_bfBlu_full) 55%);
}


/* popup menü hintergrund (dB) */

.dB .dijitMenu,
.light_style.claro .dijitMenu,
.light_style.claro .awesomplete > ul {
    background-image: linear-gradient(to bottom, var(--c_white) 5%,var(--c_grey80) 95%);
    background-image: -moz-linear-gradient(top, var(--c_white) 5%,var(--c_grey80) 95%);
    background-image: -webkit-linear-gradient(top, var(--c_white) 5%,var(--c_grey80) 95%);
}

.dark_style.claro .dijitMenu,
.dark_style.claro .dijitMenuTable,
.dark_style.claro .awesomplete > ul {
    background-image: linear-gradient(to bottom, var(--c_grey30) 0%,var(--c_grey10) 90%);
    background-image: -moz-linear-gradient(top, var(--c_grey30) 0%,var(--c_grey10) 90%);
    background-image: -webkit-linear-gradient(top, var(--c_grey30) 0%,var(--c_grey10) 90%);
}

.blue_style.claro .dijitMenu,
.blue_style.claro .awesomplete > ul {
    background-image: linear-gradient(to bottom, var(--c_bfBlu_full) 10%,var(--c_bfBlu_dark) 90%);
    background-image: -moz-linear-gradient(top, var(--c_bfBlu_full) 10%,var(--c_bfBlu_dark) 90%);
    background-image: -webkit-linear-gradient(top, var(--c_bfBlu_full) 10%,var(--c_bfBlu_dark) 90%);
}


.dB .bfaSelected {
    background-image: linear-gradient(var(--c_white_o50) 0%, var(--c_white_o0) 100%);
    background-image: -moz-linear-gradient(var(--c_white_o50) 0%, var(--c_white_o0) 100%);
    background-image: -webkit-linear-gradient(var(--c_white_o50) 0%, var(--c_white_o0) 100%);
}


/* ACCORDION */

.dB.dark_style .dijitAccordionInnerContainerSelected .dijitAccordionTitle,
.dB.dark_style .dijitAccordionInnerContainerHover .dijitAccordionTitle {
    background-image: linear-gradient( to bottom, var(--c_bfOra_ligh1) 0%,var(--c_bfOra_full) 90% );
    background-image: -moz-linear-gradient( top, var(--c_bfOra_ligh1) 0%, var(--c_bfOra_full) 90% );
    background-image: -webkit-linear-gradient( top, var(--c_bfOra_ligh1) 0%,var(--c_bfOra_full) 90% );
}
.dB.dark_style .dijitAccordionTitle {
    background-image: linear-gradient( var(--c_grey20) 0%, var(--c_black) 90% );
    background-image: -moz-linear-gradient( var(--c_grey20) 0%, var(--c_black) 90% );
    background-image: -webkit-linear-gradient( var(--c_grey20) 0%, var(--c_black) 90% );
}

.dB.blue_style .dijitAccordionInnerContainerSelected .dijitAccordionTitle,
.dB.blue_style .dijitAccordionInnerContainerHover .dijitAccordionTitle {
    background-image: linear-gradient( var(--c_bfBlu_ligh1) 0%, var(--c_bfBlu_full) 90% );
    background-image: -moz-linear-gradient( var(--c_bfBlu_ligh1) 0%, var(--c_bfBlu_full) 90% );
    background-image: -webkit-linear-gradient( var(--c_bfBlu_ligh1) 0%, var(--c_bfBlu_full) 90% );
}
.dB.blue_style .dijitAccordionTitle {
    background-image: linear-gradient( var(--c_bfBlu_full) 0%, var(--c_bfBlu_dark) 100% );
    background-image: -moz-linear-gradient( var(--c_bfBlu_full) 0%, var(--c_bfBlu_dark) 100% );
    background-image: -webkit-linear-gradient( var(--c_bfBlu_full) 0%, var(--c_bfBlu_dark) 100% );
}


/* ARCTREE */

.claro #arctree_scroller .dijitTreeRow.trueSelect,
.claro #imp_scroller .dijitTreeRow.trueSelect {
    background-image: linear-gradient(var(--c_white_o60) 0%, var(--c_white_o0) 100%);
    background-image: -moz-linear-gradient(var(--c_white_o60) 0%, var(--c_white_o0) 100%);
    background-image: -webkit-linear-gradient(var(--c_white_o60) 0%, var(--c_white_o0) 100%);
}


/* NAVI */

.light_style #navi_wrapper {
    background-image: linear-gradient(to bottom, var(--c_white) 5%,var(--c_grey80) 95%);
    background-image: -moz-linear-gradient(top, var(--c_white) 5%,var(--c_grey80) 95%);
    background-image: -webkit-linear-gradient(top, var(--c_white) 5%,var(--c_grey80) 95%);
}
.dark_style #navi_wrapper {
    background-image: linear-gradient(to bottom, var(--c_grey10) 0%,var(--c_grey30) 90%);
    background-image: -moz-linear-gradient(top, var(--c_grey10) 0%,var(--c_grey30) 90%);
    background-image: -webkit-linear-gradient(top, var(--c_grey10) 0%,var(--c_grey30) 90%);
}
.blue_style #navi_wrapper {
    background-image: linear-gradient(to bottom, var(--c_bfBlu_dark) 10%,var(--c_bfBlu_full) 90%);
    background-image: -moz-linear-gradient(top, var(--c_bfBlu_dark) 10%,var(--c_bfBlu_full) 90%);
    background-image: -webkit-linear-gradient(top, var(--c_bfBlu_dark) 10%,var(--c_bfBlu_full) 90%);
}


/* SEARCH-TABS */

.light_style .dijitTabContainerTop-tabs {
    background: var(--c_white);
    background-image: linear-gradient(to bottom,var(--c_white) 5%,var(--color_11) 50%,var(--color_10) 95%);
    background-image: -moz-linear-gradient(top, var(--c_white) 5%, var(--color_11) 50%, var(--color_10) 95%);
    background-image: -webkit-linear-gradient(top,var(--c_white) 5%,var(--color_11) 50%,var(--color_10) 95%);
}
.dark_style .dijitTabContainerTop-tabs {
    background-image: linear-gradient(to bottom, var(--c_grey40) 5%,var(--c_black) 70%) !important;
    background-image: -moz-linear-gradient(top, var(--c_grey40) 5%,var(--c_black) 70%) !important;
    background-image: -webkit-linear-gradient(top, var(--c_grey40) 5%,var(--c_black) 70%) !important;
}
.blue_style .dijitTabContainerTop-tabs {
    background: var(--c_bfBlue);
    background-image: linear-gradient(to bottom, var(--c_white) -50%,var(--c_bfBlu_full) 65%) !important;
    background-image: -moz-linear-gradient(top, var(--c_white) -50%,var(--c_bfBlu_full) 65%) !important;
    background-image: -webkit-linear-gradient(top, var(--c_white) -50%,var(--c_bfBlu_full) 65%) !important;
}

.light_style #search_tabBar .mblTabBarButton,
.light_style #import_tabBar .mblTabBarButton,
.light_style #sd_search_tabBar .mblTabBarButton,
.blue_style #search_tabBar .mblTabBarButton.mblTabBarButtonSelected,
.blue_style #import_tabBar .mblTabBarButton.mblTabBarButtonSelected,
.blue_style #sd_search_tabBar .mblTabBarButton.mblTabBarButtonSelected {
    background-image: linear-gradient(to bottom, var(--c_grey80) 20%,var(--c_white) 55%);
    background-image: -moz-linear-gradient(top, var(--c_grey80) 20%, var(--c_white) 55%);
    background-image: -webkit-linear-gradient(top, var(--c_grey80) 20%,var(--c_white) 55%);
}

.blue_style #search_tabBar .mblTabBarButton,
.blue_style #import_tabBar .mblTabBarButton,
.blue_style #sd_search_tabBar .mblTabBarButton {
    background-image: linear-gradient(to bottom, var(--c_grey90) 0%,var(--c_grey60) 90%);
    background-image: -moz-linear-gradient(top, var(--c_grey90) 0%, var(--c_grey60) 90%);
    background-image: -webkit-linear-gradient(top, var(--c_grey90) 0%,var(--c_grey60) 90%);
}

.dark_style #search_tabBar .mblTabBarButtonSelected,
.dark_style #import_tabBar .mblTabBarButtonSelected,
.dark_style #sd_search_tabBar .mblTabBarButtonSelected {
    background-image: linear-gradient(to bottom, var(--c_black) 1%,var(--c_white_o20) 50%,var(--c_black) 99%);
    background-image: -moz-linear-gradient(top, var(--c_black) 1%, var(--c_white_o20) 50%,var(--c_black) 99%);
    background-image: -webkit-linear-gradient(top, var(--c_black) 1%,var(--c_white_o20) 50%,var(--c_black) 99%);
}

.dB.dark_style #search_tabBar .dijitTab.dijitTabChecked,
.dB.dark_style #import_tabBar .dijitTab.dijitTabChecked,
.dB.dark_style #sd_search_tabBar .dijitTab.dijitTabChecked,
.dB.blue_style #search_tabBar .dijitTab.dijitTabChecked,
.dB.blue_style #import_tabBar .dijitTab.dijitTabChecked,
.dB.blue_style #sd_search_tabBar .dijitTab.dijitTabChecked {
    background-image: linear-gradient(to bottom, var(--c_white_o50) 5%,var(--c_white_o0) 95%);
    background-image: -moz-linear-gradient(top, var(--c_white_o50) 5%, var(--c_white_o0) 95%);
    background-image: -webkit-linear-gradient(top, var(--c_white_o50) 5%,var(--c_white_o0) 95%);
}


/* TREFFERLISTE */

.light_style.claro #trefferliste .dgrid-header, .light_style.claro #trefferliste .dgrid-footer,
.dark_style.claro #trefferliste .dgrid-header, .dark_style.claro #trefferliste .dgrid-footer,
.blue_style.claro #trefferliste .dgrid-header, .blue_style.claro #trefferliste .dgrid-footer,
.light_style.claro #trefferliste .dojoDndItemAnchor,
.light_style.claro #trefferliste .dojoDndItemSelected,
.dark_style.claro #trefferliste .dojoDndItemAnchor,
.dark_style.claro #trefferliste .dojoDndItemSelected,
.blue_style.claro #trefferliste .dojoDndItemAnchor,
.blue_style.claro #trefferliste .dojoDndItemSelected {
    background-image: linear-gradient(to bottom, var(--c_white_o50) 5%,var(--c_white_o0) 95%);
    background-image: -moz-linear-gradient(top, var(--c_white_o50) 5%, var(--c_white_o0) 95%);
    background-image: -webkit-linear-gradient(top, var(--c_white_o50) 5%,var(--c_white_o0) 95%);
}

.light_style #trefferliste .dgrid-header .dgrid-cell:hover,
.light_style #trefferliste .dgrid-footer .dgrid-cell:hover {
    background: var(--color_14);
    background-image: linear-gradient(to bottom, var(--c_white_o50) 5%,var(--c_white_o0) 95%);
    background-image: -moz-linear-gradient(top, var(--c_white_o50) 5%, var(--c_white_o0) 95%);
    background-image: -webkit-linear-gradient(top, var(--c_white_o50) 5%,var(--c_white_o0) 95%);
}
.dark_style #trefferliste .dgrid-header .dgrid-cell:hover,
.dark_style #trefferliste .dgrid-footer .dgrid-cell:hover {
    background: var(--c_grey30);
    background-image: linear-gradient(to bottom, var(--c_white_o50) 5%,var(--c_white_o0) 95%);
    background-image: -moz-linear-gradient(top, var(--c_white_o50) 5%, var(--c_white_o0) 95%);
    background-image: -webkit-linear-gradient(top, var(--c_white_o50) 5%,var(--c_white_o0) 95%);
}
.blue_style #trefferliste .dgrid-header .dgrid-cell:hover,
.blue_style #trefferliste .dgrid-footer .dgrid-cell:hover {
    background-color: var(--c_bfBlu_ligh2);
    background-image: linear-gradient(to bottom, var(--c_white_o0) 5%,var(--c_white_o50) 95%);
    background-image: -moz-linear-gradient(top, var(--c_white_o0) 5%, var(--c_white_o50) 95%);
    background-image: -webkit-linear-gradient(top, var(--c_white_o0) 5%,var(--c_white_o50) 95%);
}


/* LISTEN */

.light_style #navi_wrapper .kategorie,
.light_style #list_bookmarks .kategorie,
.light_style #contextMenu_list .kategorie, 
.light_style #afk_holidayList .kategorie {
    background-image: linear-gradient(to bottom, var(--c_white) 5%,var(--color_11) 50%,var(--color_10) 100%);
    background-image: -moz-linear-gradient(top, var(--c_white) 5%, var(--color_11) 50%, var(--color_10) 100%);
    background-image: -webkit-linear-gradient(top, var(--c_white) 5%,var(--color_11) 50%,var(--color_10) 100%);
    
}
.dark_style #navi_wrapper .kategorie,
.dark_style #list_bookmarks .kategorie,
.dark_style #contextMenu_list .kategorie,
.dark_style #afk_holidayList .kategorie,
.blue_style #navi_wrapper .kategorie,
.blue_style #list_bookmarks .kategorie,
.blue_style #contextMenu_list .kategorie,
.blue_style #afk_holidayList .kategorie {
    background-image: linear-gradient(to bottom, var(--c_white_o40) 0%,var(--c_white_o0) 80%);
    background-image: -moz-linear-gradient(top, var(--c_white_o40) 0%,var(--c_white_o0) 80%);
    background-image: -webkit-linear-gradient(top, var(--c_white_o40) 0%,var(--c_white_o0) 80%);
}


#list_wvldata .wvlNone{
    background: var(--color_10);
    background-image: linear-gradient(to bottom, var(--c_white) 0%, var(--color_11) 50%, var(--color_10) 100%);
    background-image: -moz-linear-gradient(top, var(--c_white) 0%, var(--color_11) 50%, var(--color_10) 100%);
    background-image: -webkit-linear-gradient(top, var(--c_white) 0%, var(--color_11) 50%, var(--color_10) 100%);
}
.dark_style #list_wvldata .wvlNone{
    background-image: linear-gradient(to bottom, var(--c_black) 2%,var(--color_12) 47%,var(--color_12) 53%,var(--c_black) 98%);
    background-image: -moz-linear-gradient(top, var(--c_black) 2%, var(--color_12) 47%,var(--color_12) 53%,var(--c_black) 98%);
    background-image: -webkit-linear-gradient(top, var(--c_black) 2%,var(--color_12) 47%,var(--color_12) 53%,var(--c_black) 98%);
}
/*
.mblListItem.mblListItemSelected {
    background-image: linear-gradient(to bottom, var(--c_white_o50) 5%, var(--c_white_o0) 95%);
    background-image: -moz-linear-gradient(top, var(--c_white_o50) 5%, var(--c_white_o0) 95%);
    background-image: -webkit-linear-gradient(top, var(--c_white_o50) 5%, var(--c_white_o0) 95%);
}
*/

/* STATUS Container */

.light_style #statusContainer,
.light_style #doc_statusContainer,
.light_style #sd_statusContainer {
    background-image: linear-gradient(to bottom, var(--c_white) 0%, var(--color_10) 50%, var(--color_11) 100%);
    background-image: -moz-linear-gradient(top, var(--c_white) 0%, var(--color_10) 50%, var(--color_11) 100%);
    background-image: -webkit-linear-gradient(top, var(--c_white) 0%, var(--color_10) 50%, var(--color_11) 100%);
}

.light_style #import_statusContainer {
    background-image: linear-gradient(to bottom, var(--c_grey90) 10%, var(--color_11) 50%, var(--color_10) 100%);
    background-image: -moz-linear-gradient(top, var(--c_grey90) 10%, var(--color_11) 50%, var(--color_10) 100%);
    background-image: -webkit-linear-gradient(top, var(--c_grey90) 10%, var(--color_11) 50%, var(--color_10) 100%);
}

.dark_style #statusContainer,
.dark_style #doc_statusContainer,
.dark_style #import_statusContainer,
.dark_style #sd_statusContainer {
    background-image: linear-gradient( to bottom, var(--c_black) 20%, var(--c_grey30) 100% );
    background-image: -moz-linear-gradient( top, var(--c_black) 20%, var(--c_grey30) 100% );
    background-image: -webkit-linear-gradient( top, var(--c_black) 20%, var(--c_grey30) 100% );
}

.blue_style #statusContainer,
.blue_style #doc_statusContainer,
.blue_style #import_statusContainer,
.blue_style #sd_statusContainer {
    background-image: linear-gradient( to bottom, var(--c_white) -50%,var(--c_bfOra_full) 50% );
    background-image: -moz-linear-gradient( top, var(--c_white) -50%, var(--c_bfOra_full) 50% );
    background-image: -webkit-linear-gradient( top, var(--c_white) -50%,var(--c_bfOra_full) 50% );
}


#ProgressBar .mblProgressBarProgress {
    background: var(--color_05);
    background: linear-gradient( to bottom, var(--color_05) 0%,var(--color_05) 100% );
    background: -moz-linear-gradient( top, var(--color_05) 0%, var(--color_05) 100% );
    background: -webkit-linear-gradient( top, var(--color_05) 0%,var(--color_05) 100% );
}

.dark_style #ProgressBar .mblProgressBarProgress {
    background: var(--c_bfOra_full);
    background-image: linear-gradient(to bottom, var(--c_bfOra_full) 0%,var(--c_bfOra_ligh1) 100%);
    background-image: -moz-linear-gradient(top, var(--c_bfOra_full) 0%, var(--c_bfOra_ligh1) 100%);
    background-image: -webkit-linear-gradient(top, var(--c_bfOra_full) 0%,var(--c_bfOra_ligh1) 100%);
}


/* INFO-CONTAINER TABS 
----------------------*/

/* LIGHT STYLE */
.light_style #addfields_wrapper .wrapperTitle {
    background: var(--c_bfOra_full);
    background-image: linear-gradient(to bottom,var(--c_bfOra_full) 5%,var(--c_white) 75%);
    background-image: -moz-linear-gradient(top, var(--c_bfOra_full) 5%, var(--c_white) 75%);
    background-image: -webkit-linear-gradient(top,var(--c_bfOra_full) 5%,var(--c_white) 75%);
}
.light_style #history_wrapper .wrapperTitle {
    background: var(--color_04);
    background-image: linear-gradient(to bottom,var(--color_04) 5%,var(--c_grey90) 75%);
    background-image: -moz-linear-gradient(top,var(--color_04) 5%,var(--c_grey90) 75%);
    background-image: -webkit-linear-gradient(top,var(--color_04) 5%,var(--c_grey90) 75%);
}
.light_style #discussion_wrapper .wrapperTitle {
    background: var(--color_01);
    background-image: linear-gradient(to bottom,var(--color_01) 5%,var(--c_grey80) 75%);
    background-image: -moz-linear-gradient(top,var(--color_01) 5%,var(--c_grey80) 75%);
    background-image: -webkit-linear-gradient(top,var(--color_01) 5%,var(--c_grey80) 75%);
}
.light_style #ftx_wrapper .wrapperTitle {
    background: var(--color_22);
    background-image: linear-gradient(to bottom,var(--color_22) 5%,var(--c_grey80) 75%);
    background-image: -moz-linear-gradient(top,var(--color_22) 5%,var(--c_grey80) 75%);
    background-image: -webkit-linear-gradient(top,var(--color_22) 5%,var(--c_grey80) 75%);
}
.light_style #wvl_wrapper .wrapperTitle {
    background: var(--c_bfYellow);
    background-image: linear-gradient(to bottom,var(--c_bfYellow) 5%,var(--c_grey90) 75%);
    background-image: -moz-linear-gradient(top,var(--c_bfYellow) 5%,var(--c_grey90) 75%);
    background-image: -webkit-linear-gradient(top,var(--c_bfYellow) 5%,var(--c_grey90) 75%);
}


/* DARK STYLE 
.dark_style .wrapperTitle{
    background: var(--color_12);
    background-image: linear-gradient(to bottom,var(--color_12) 5%,var(--c_black) 75%);
    background-image: -moz-linear-gradient(top,var(--color_12) 5%,var(--c_black) 75%);
    background-image: -webkit-linear-gradient(top,var(--color_12) 5%,var(--c_black) 75%);
}*/

.dark_style #addfields_wrapper .wrapperTitle {
    background: var(--c_bfOra_full);
    background-image: linear-gradient(to bottom,var(--c_bfOra_full) 5%,var(--c_black) 75%);
    background-image: -moz-linear-gradient(top,var(--c_bfOra_full) 5%,var(--c_black) 75%);
    background-image: -webkit-linear-gradient(top,var(--c_bfOra_full) 5%,var(--c_black) 75%);
}
.dark_style #history_wrapper .wrapperTitle {
    background: var(--color_04);
    background-image: linear-gradient(to bottom,var(--color_04) 5%,var(--c_black) 75%);
    background-image: -moz-linear-gradient(top,var(--color_04) 5%,var(--c_black) 75%);
    background-image: -webkit-linear-gradient(top,var(--color_04) 5%,var(--c_black) 75%);
}
.dark_style #discussion_wrapper .wrapperTitle {
    background: var(--color_01);
    background-image: linear-gradient(to bottom,var(--color_01) 5%,var(--c_black) 75%);
    background-image: -moz-linear-gradient(top,var(--color_01) 5%,var(--c_black) 75%);
    background-image: -webkit-linear-gradient(top,var(--color_01) 5%,var(--c_black) 75%);
}
.dark_style #ftx_wrapper .wrapperTitle {
    background: var(--color_20);
    background-image: linear-gradient(to bottom,var(--color_22) 5%,var(--c_black) 75%);
    background-image: -moz-linear-gradient(top,var(--color_22) 5%,var(--c_black) 75%);
    background-image: -webkit-linear-gradient(top,var(--color_22) 5%,var(--c_black) 75%);
}
.dark_style.claro #wvl_wrapper .wrapperTitle {
    color: var(--c_white);
    background: var(--c_bfYellow);
    background-image: linear-gradient(to bottom,var(--c_bfYellow) 5%,var(--c_black) 75%);
    background-image: -moz-linear-gradient(top,var(--c_bfYellow) 5%,var(--c_black) 75%);
    background-image: -webkit-linear-gradient(top,var(--c_bfYellow) 5%,var(--c_black) 75%);
}


/* BLUE STYLE */

.blue_style #addfields_wrapper .wrapperTitle {
    background: var(--c_bfOra_full);
    background-image: linear-gradient( to bottom,var(--c_bfOra_full) 50%,var(--c_white) 150% );
    background-image: -moz-linear-gradient( top,var(--c_bfOra_full) 50%,var(--c_white) 150% );
    background-image: -webkit-linear-gradient( top,var(--c_bfOra_full) 50%,var(--c_white) 150% );
}
.blue_style #history_wrapper .wrapperTitle {
    background: var(--color_04);
    background-image: linear-gradient(to bottom,var(--color_04) 5%,var(--c_bfBlu_full) 85%);
    background-image: -moz-linear-gradient(top,var(--color_04) 5%,var(--c_bfBlu_full) 85%);
    background-image: -webkit-linear-gradient(top,var(--color_04) 5%,var(--c_bfBlu_full) 85%);
}
.blue_style #discussion_wrapper .wrapperTitle {
    background: var(--color_01);
    background-image: linear-gradient(to bottom,var(--color_01) 5%,var(--c_bfBlu_full) 85%);
    background-image: -moz-linear-gradient(top,var(--color_01) 5%,var(--c_bfBlu_full) 85%);
    background-image: -webkit-linear-gradient(top,var(--color_01) 5%,var(--c_bfBlu_full) 85%);
}
.blue_style #ftx_wrapper .wrapperTitle {
    background: var(--color_22);
    background-image: linear-gradient(to bottom,var(--color_22) 25%,var(--c_grey80) 98%);
    background-image: -moz-linear-gradient(top,var(--color_22) 25%,var(--c_grey80) 98%);
    background-image: -webkit-linear-gradient(top,var(--color_22) 25%,var(--c_grey80) 98%);
}
.blue_style #wvl_wrapper .wrapperTitle {
    color: var(--c_white);
    background: var(--c_bfYellow);
    background-image: linear-gradient(to bottom,var(--c_bfYellow) 5%,var(--c_bfBlu_full) 85%);
    background-image: -moz-linear-gradient(top,var(--c_bfYellow) 5%,var(--c_bfBlu_full) 85%);
    background-image: -webkit-linear-gradient(top,var(--c_bfYellow) 5%,var(--c_bfBlu_full) 85%);
}


/* HEADER / FOOTER */

.dark_style .mblHeading.bfa_footer {
    background: var(--c_black);
    background-image: linear-gradient(to bottom,var(--c_black) 10%,var(--color_12) 100%);
    background-image: -moz-linear-gradient(top,var(--c_black) 10%,var(--color_12) 100%);
    background-image: -webkit-linear-gradient(top,var(--c_black) 10%,var(--color_12) 100%);
}

.light_style .mblHeading.bfa_footer,
.dB.light_style #masterFooter .bfa_footer,
.light_style #cam_footer {
    background: var(--c_white);
    background-image: linear-gradient(to bottom,var(--c_white) 5%,var(--c_grey90) 100%);
    background-image: -moz-linear-gradient(top,var(--c_white) 5%,var(--c_grey90) 100%);
    background-image: -webkit-linear-gradient(top,var(--c_white) 5%,var(--c_grey90) 100%);
}
.claro.dark_style #cam_footer {
    background: var(--c_grey10);
}
.claro.dark_style #masterFooter .bfa_footer {
    background: var(--c_black);
    background-image: linear-gradient(to bottom, var(--c_black) 10%,var(--c_grey20) 100%);
    background-image: -moz-linear-gradient(top, var(--c_black) 10%, var(--c_grey20) 100%);
    background-image: -webkit-linear-gradient(top, var(--c_black) 10%,var(--c_grey20) 100%);
}

.claro.blue_style #masterFooter .bfa_footer {
    background: var(--c_bfBlu_full);
    background-image: linear-gradient(to bottom, var(--c_bfBlu_full) 50%,var(--c_white) 150%);
    background-image: -moz-linear-gradient(top, var(--c_bfBlu_full) 50%, var(--c_white) 150%);
    background-image: -webkit-linear-gradient(top, var(--c_bfBlu_full) 50%,var(--c_white) 150%);
}

.dark_style #mainHeading,
.dark_style .mblHeading {
    background-image: linear-gradient(to bottom,var(--color_12) 10%,var(--c_black) 90%);
    background-image: -moz-linear-gradient(top,var(--color_12) 10%,var(--c_black) 90%);
    background-image: -webkit-linear-gradient(top,var(--color_12) 10%,var(--c_black) 90%);
}

.light_style .mblHeading {
    background: var(--color_10);
    background-image: linear-gradient(to bottom,var(--c_white) 5%,var(--color_11) 50%,var(--color_10) 100%);
    background-image: -moz-linear-gradient(top,var(--c_white) 5%,var(--color_11) 50%,var(--color_10) 100%);
    background-image: -webkit-linear-gradient(top,var(--c_white) 5%,var(--color_11) 50%,var(--color_10) 100%);
}

.blue_style .mblHeading.bfa_footer,
.blue_style .mblHeading.bfa_header,
.blue_style #mainHeading {
    background-image: linear-gradient(to bottom,var(--c_white_o40) 5%,var(--c_white_o0) 50%,var(--c_white_o20) 100%);
    background-image: -moz-linear-gradient(top,var(--c_white_o40) 5%,var(--c_white_o0) 50%,var(--c_white_o20) 100%);
    background-image: -webkit-linear-gradient(top,var(--c_white_o40) 5%,var(--c_white_o0) 50%,var(--c_white_o20) 100%);
}

/* Ausnahmen: HEADER / FOOTER */

#sd_search_footer {
    background-image: none;
}


/* DIALOGE */

.claro.dark_style .dijitDialog .dijitDialogTitleBar {
    background-image: linear-gradient( to bottom,var(--c_bfOra_ligh1) 20%,var(--c_bfOra_full) 120% );
    background-image: -moz-linear-gradient( top,var(--c_bfOra_ligh1) 20%,var(--c_bfOra_full) 120% );
    background-image: -webkit-linear-gradient( top,var(--c_bfOra_ligh1) 20%,var(--c_bfOra_full) 120% );
}

.claro.blue_style .dijitDialog .dijitDialogTitleBar {
    background-image: linear-gradient( to bottom,var(--c_bfBlu_ligh1) 20%,var(--c_bfBlu_full) 120% );
    background-image: -moz-linear-gradient( top,var(--c_bfBlu_ligh1) 20%,var(--c_bfBlu_full) 120% );
    background-image: -webkit-linear-gradient( top,var(--c_bfBlu_ligh1) 20%,var(--c_bfBlu_full) 120% );
}


/* IMPORTER */

#imp_wvlTable {
    color: var(--c_black);
    background-image: linear-gradient (to bottom,var(--c_bfYellow) 0%,var(--color_17) 100% );
    background-image: -moz-linear-gradient( top,var(--c_bfYellow) 0%,var(--color_17) 100% );
    background-image: -webkit-linear-gradient( top,var(--c_bfYellow) 0%,var(--color_17) 100% );
}
.light_style.claro #imp_wvlTable,
.light_style.claro #imp_wvl_handle {
    border-color: var(--c_grey60);
}
.dark_style.claro #imp_wvlTable,
.dark_style.claro #imp_wvl_handle {
    border-color: var(--c_bfOra_ligh1);
}
.blue_style.claro #imp_wvlTable,
.blue_style.claro #imp_wvl_handle {
    border-color: var(--c_white);
}


/* checkboxen Status */

/* Standard-Checkbox */
.mblCheckBoxChecked, .mblCheckBox:checked,
.blue_style .mblCheckBoxChecked, .blue_style .mblCheckBox:checked {
    background: var(--c_bfGreen);
    background-image: linear-gradient(to bottom,var(--c_bfGreen) 40%,var(--color_26) 100%);
    background-image: -moz-linear-gradient(top,var(--c_bfGreen) 40%,var(--color_26) 100%);
    background-image: -webkit-linear-gradient(top,var(--c_bfGreen) 40%,var(--color_26) 100%);
}
.dark_style .mblCheckBoxChecked, .dark_style .mblCheckBox:checked {
    background: var(--c_bfOra_full);
    background-image: linear-gradient(to bottom,var(--c_bfOra_ligh2) 0%,var(--c_bfOra_full) 68%,var(--c_bfOra_ligh1) 100%);
    background-image: -moz-linear-gradient(top,var(--c_bfOra_ligh2) 0%,var(--c_bfOra_full) 68%,var(--c_bfOra_ligh1) 100%);
    background-image: -webkit-linear-gradient(top,var(--c_bfOra_ligh2) 0%,var(--c_bfOra_full) 68%,var(--c_bfOra_ligh1) 100%);
}


/* ON/OFF SCHALTER */

.greenRed .mblSwitchBgLeft {
    background: var(--c_bfGreen);
    background-image: linear-gradient(to bottom,var(--c_bfGreen_ligh) 0%,var(--c_bfGreen) 53%,var(--c_bfGreen_ligh) 100%);
    background-image: -moz-linear-gradient(top,var(--c_bfGreen_ligh) 0%,var(--c_bfGreen) 53%,var(--c_bfGreen_ligh) 100%);
    background-image: -webkit-linear-gradient(top,var(--c_bfGreen_ligh) 0%,var(--c_bfGreen) 53%,var(--c_bfGreen_ligh) 100%);
}
.greenRed .mblSwitchBgRight {
    background: var(--c_bfRed);
    background-image: linear-gradient(to bottom,var(--c_bfOra_ligh2) 0%,var(--c_bfRed) 53%,var(--c_bfOra_ligh1) 100%);
    background-image: -moz-linear-gradient(top,var(--c_bfOra_ligh2) 0%,var(--c_bfRed) 53%,var(--c_bfOra_ligh1) 100%);
    background-image: -webkit-linear-gradient(top,var(--c_bfOra_ligh2) 0%,var(--c_bfRed) 53%,var(--c_bfOra_ligh1) 100%);
}


/* #PIP */

#PIP {
    background-image: linear-gradient( to bottom,var(--c_bfBlu_ligh2) 5%,var(--c_bfBlu_ligh3) 95% );
    background-image: -moz-linear-gradient( top,var(--c_bfBlu_ligh2) 5%,var(--c_bfBlu_ligh3) 95% );
    background-image: -webkit-linear-gradient( top,var(--c_bfBlu_ligh2) 5%,var(--c_bfBlu_ligh3) 95% );
}

.dark_style #PIP {
    background-image: linear-gradient( to bottom,var(--c_bfOra_dark) 5%,var(--c_bfOra_full) 95% );
    background-image: -moz-linear-gradient( top,var(--c_bfOra_dark) 5%,var(--c_bfOra_full) 95% );
    background-image: -webkit-linear-gradient( top,var(--c_bfOra_dark) 5%,var(--c_bfOra_full) 95% );
}

.blue_style #PIP {
    background-image: linear-gradient( ttom,var(--c_bfBlu_dark) 5%,var(--c_bfBlu_full) 95% );
    background-image: -moz-linear-gradient( top,var(--c_bfBlu_dark) 5%,var(--c_bfBlu_full) 95% );
    background-image: -webkit-linear-gradient( top,var(--c_bfBlu_dark) 5%,var(--c_bfBlu_full) 95% );
}


/*  AFK  */

#afk_infoReplace {
    background-image: linear-gradient( to bottom,var(--c_bfOra_ligh2) 5%,var(--c_white) 95% );
    background-image: -moz-linear-gradient( top,var(--c_bfOra_ligh2) 5%,var(--c_white) 95% );
    background-image: -webkit-linear-gradient( top,var(--c_bfOra_ligh2) 5%,var(--c_white) 95% );
}
.dark_style #afk_infoReplace {
    background-image: linear-gradient( to bottom,var(--c_bfBlu_full) 5%,var(--c_bfBlu_dark) 95% );
    background-image: -moz-linear-gradient( top,var(--c_bfBlu_full) 5%,var(--c_bfBlu_dark) 95% );
    background-image: -webkit-linear-gradient( top,var(--c_bfBlu_full) 5%,var(--c_bfBlu_dark) 95% );
}
.blue_style #afk_infoReplace {
    background-image: linear-gradient( to bottom,var(--c_bfOra_ligh1) 5%,var(--c_bfOra_full) 95% );
    background-image: -moz-linear-gradient( top,var(--c_bfOra_ligh1) 5%,var(--c_bfOra_full) 95% );
    background-image: -webkit-linear-gradient( top,var(--c_bfOra_ligh1) 5%,var(--c_bfOra_full) 95% );
}

#afk_infoHoliday {
    background-image: linear-gradient( to bottom,var(--c_white) 5%,var(--color_10) 95% );
    background-image: -moz-linear-gradient( top,var(--c_white) 5%,var(--color_10) 95% );
    background-image: -webkit-linear-gradient( top,var(--c_white) 5%,var(--color_10) 95% );
}
.dark_style #afk_infoHoliday {
    background-image: linear-gradient( to bottom,var(--c_grey10) 5%,var(--c_black) 110% );
    background-image: -moz-linear-gradient( top,var(--c_grey10) 5%,var(--c_black) 110% );
    background-image: -webkit-linear-gradient( top,var(--c_grey10) 5%,var(--c_black) 110% );
}
.blue_style #afk_infoHoliday {
    background-image: linear-gradient( to bottom,var(--c_bfBlu_full) 5%,var(--c_bfBlu_dark) 95% );
    background-image: -moz-linear-gradient( top,var(--c_bfBlu_full) 5%,var(--c_bfBlu_dark) 95% );
    background-image: -webkit-linear-gradient( top,var(--c_bfBlu_full) 5%,var(--c_bfBlu_dark) 95% );
}

/* Extra Scrollbereich für Addfields inApp */

.AF_scrollArea.claro.light_style #search_addFieldTabContainer,
.AF_scrollArea.claro.light_style #import_addfields,
.AF_scrollArea.claro.light_style #addfields {
    background-image: linear-gradient( to bottom, var(--c_grey90) 0%, var(--c_grey90) 100%), linear-gradient(to bottom, var(--c_grey90) 5%, var(--c_grey80) 50%, var(--c_grey90) 90% );
    background-clip: content-box, padding-box;
}

.AF_scrollArea.claro.dark_style #search_addFieldTabContainer,
.AF_scrollArea.claro.dark_style #import_addfields,
.AF_scrollArea.claro.dark_style #addfields {
    background-image: linear-gradient( to bottom, var(--c_black) 0%, var(--c_black) 100%), linear-gradient(to bottom, var(--c_black) 5%, var(--c_grey10) 50%, var(--c_black) 90% );
    background-clip: content-box, padding-box;
}

.AF_scrollArea.claro.blue_style #search_addFieldTabContainer,
.AF_scrollArea.claro.blue_style #import_addfields,
.AF_scrollArea.claro.blue_style #addfields {
    background-image: linear-gradient( to bottom, var(--c_bfBlu_full) 0%, var(--c_bfBlu_full) 100%), linear-gradient(to bottom, var(--c_bfBlu_full) 5%, var(--c_bfBlu_ligh1) 50%, var(--c_bfBlu_full) 90% );
    background-clip: content-box, padding-box;
}


/*************************************************************************
** SCROLLBAR STYLING
**************************************************************************/
 
/* TRACK */
/* active window */

::-webkit-scrollbar-track {
    background-image: linear-gradient( to bottom,var(--c_grey80) 5%,var(--c_grey60) 95% );
    background-image: -moz-linear-gradient( top,var(--c_grey80) 5%,var(--c_grey60) 95% );
    background-image: -webkit-linear-gradient( top,var(--c_grey80) 5%,var(--c_grey60) 95% );
}
.dark_style ::-webkit-scrollbar-track {
    background-image: linear-gradient( to bottom,var(--c_grey30) 5%,var(--c_grey10) 95% );
    background-image: -moz-linear-gradient( top,var(--c_grey30) 5%,var(--c_grey10) 95% );
    background-image: -webkit-linear-gradient( top,var(--c_grey30) 5%,var(--c_grey10) 95% );
}
.claro.blue_style ::-webkit-scrollbar-track {
    background-image: linear-gradient( to bottom,var(--c_bfBlu_full) 0%,var(--c_bfBlu_dark) 95% );
    background-image: -moz-linear-gradient( top,var(--c_bfBlu_full) 0%,var(--c_bfBlu_dark) 95% );
    background-image: -webkit-linear-gradient( top,var(--c_bfBlu_full) 0%,var(--c_bfBlu_dark) 95% );
}