/*************************************************************************
** Farb definitionen
**************************************************************************
Farben:
=======

bfa_orange:                                 #ff6600 | rgb(255, 102, 0)
bfa_orange (mittel):                        #ffa366 | rgb(255, 163, 102)
bfa_orange (zart):                          #ffd1b2 | rgb(255, 209, 179)
bfa_orange (super-zart)                     #ffede0 | rgb(255, 237, 224)

bfa_grün:                                   #61c419 | rgb(97, 196, 25)
bfa_rot:                                    #cc1919 | rgb(204, 25, 25)

claro hellblau                              #abd6ff | rgb(171, 214, 255)
dezent blau (rahmen-farbe)                  #759dc0 | rgb(117, 157, 192)
hellblau (Fensterhintergrund/Rahmen)        #d3daed | rgb(211, 218, 237)
---                                         -----------------------------
weiß - Elementhintergrund                   #fff    | rgb(255, 255, 255)
grau - dünne Rahmenlinie                    #898c95 | rgb(137, 140, 149)

hellhellgrau - zwischenräume, inakt.BG      #f0f0f0 | rgb(240, 240, 240)
hellgrau - controls-bg                      #d8d8d8 | rgb(216, 216, 216)

hellgrün - Trefferliste: aufWiedervorlage   #e6ffe1 | rgb(230, 255, 225)
hellrot - Addfields: Pflichtfeld            #ffe4ca | rgb(255, 228, 202)

dark_style:
===========
Markierungsfarbe (Trefferliste)             #a56109 | rgb(165, 97, 9)


Status Farben:
==============
Links       off:    #808000
            on:     #F4F400
orig        off:    #008080
            on:     #00ffff
checkout    off:    #703a3a
            on:     #ff2828
edit        off:    #008080
            on:     #00ff00
konfig      off:    #008080
            on:     #00ff00


GRADIENTS:
==========
siehe bfa_gradients.css

SEQUENTIELLE CSS TRANSITIONS
============================
#selector{
    transition-property: top, left, border-radius, background-color;
    transition-duration: 2s, 1s, 0.5s, 0.5s;
    transition-delay: 0s, 0.5s, 1s, 1.5s;
}

*/

/*************************************************************************
** VARIABLEN (CUSTOM PROPERTIES)
**************************************************************************/


:root {
    /* FARB-NAMEN
    =============
    folgende Farben werden direkt verwendet.. */

    /* corporate colours und Abstufungen davon */
    --c_bfOra_dark: hsl(24, 100%, 30%);
    --c_bfOra_full: hsl(24, 100%, 50%);     /* rgb(255, 102, 0)  , hsl(24, 100%, 50%), #ff6600 */
    --c_bfOra_full_o50: hsla(24, 100%, 50%, 0.5);
    --c_bfOra_ligh1: hsl(24, 100%, 66%);    /* rgb(255, 163, 102), hsl(24, 100%, 70%), #ffa366 */
    --c_bfOra_ligh2: hsl(24, 100%, 80%);    /* rgb(255, 209, 179), hsl(24, 100%, 85%), #ffd1b2 */
    --c_bfOra_ligh3: hsl(24, 100%, 90%);    /* rgb(255, 237, 224), hsl(24, 100%, 94%), #ffece0 */
    --c_bfBlu_dark: hsl(203, 92%, 16%);
    --c_bfBlu_full: hsl(203, 92%, 26%);
    --c_bfBlu_ligh1: hsl(203, 92%, 45%);
    --c_bfBlu_ligh2: hsl(203, 92%, 65%);
    --c_bfBlu_ligh3: hsl(203, 92%, 85%);
    --c_bfRed_dark: hsl(16, 51%, 44%);      /* #AB5637 */
    --c_bfRed: hsl(16, 70%, 57%);           /* #DE7047 */
    --c_bfGreen_dark: hsl(76, 29%, 50%);    /* #8FA35A */
    --c_bfGreen: hsl(76, 54%, 65%);         /* #BCD676 */
    --c_bfGreen_ligh: hsl(76, 100%, 83%);   /* #E7FFA6 */
    --c_bfYellow: hsl(50, 84%, 61%);        /* #EFD348 */
    --c_bfYellow_dark: hsl(50, 53%, 48%);   /* #BCA639 */
    --c_bfGray: hsl(30, 3%, 73%);           /* #BCBAB8 */
    --c_bfBlue: hsl(202, 34%, 55%);         /* #6596B3 */
    --c_bfHitBlue: hsl(209, 20%, 60%);      /* #8499AD */

    --c_test: hsl(50, 53%, 48%);

    /* Schwarztöne */

    --c_black: hsl(0, 0%, 0%);
    --c_black_o80: hsla(0, 0%, 0%, 0.8);
    --c_black_o60: hsla(0, 0%, 0%, 0.6);
    --c_black_o50: hsla(0, 0%, 0%, 0.5);
    --c_black_o40: hsla(0, 0%, 0%, 0.4);
    --c_black_o20: hsla(0, 0%, 0%, 0.2);
    --c_black_o05: hsla(0, 0%, 0%, 0.05);
    --c_black_o0: hsla(0, 0%, 0%, 0);

    /* Grauabstufungen */

    --c_grey10: hsl(0, 0%, 10%);
    --c_grey20: hsl(0, 0%, 20%);
    --c_grey20_o70: hsla(0, 0%, 20%, 0.7);
    --c_grey30: hsl(0, 0%, 30%);
    --c_grey40: hsl(0, 0%, 40%);
    --c_grey50: hsl(0, 0%, 50%);
    --c_grey60: hsl(0, 0%, 60%);
    --c_grey70: hsl(0, 0%, 70%);
    --c_grey80: hsl(0, 0%, 80%);
    --c_grey80_o0: hsla(0, 0%, 80%, 0);
    --c_grey80_o50: hsla(0, 0%, 80%, 0.5);
    --c_grey90: hsl(0, 0%, 90%);
    --c_grey90_o50: hsla(0, 0%, 90%, 0.5);

    /* Weisstöne */

    --c_white: hsl(0, 0%, 100%);
    --c_white_o80: hsla(0, 0%, 100%, 0.8);
    --c_white_o60: hsla(0, 0%, 100%, 0.6);
    --c_white_o50: hsla(0, 0%, 100%, 0.5);
    --c_white_o40: hsla(0, 0%, 100%, 0.4);
    --c_white_o20: hsla(0, 0%, 100%, 0.2);
    --c_white_o05: hsla(0, 0%, 100%, 0.05);
    --c_white_o0: hsla(0, 0%, 100%, 0);


/*  folgende Farben werden über ihre Rolle verwendet */

    /* Rottöne */

    --c_red_full: hsl(0, 100%, 50%);
    --c_red_mid: hsl(0, 100%, 35%);
    --c_red_dark: hsl(0, 100%, 23%);
    --c_red_pale: hsl(0, 32%, 33%);

    /* Lila / Flieder */

    --c_lila_full: hsl(284, 100%, 50%);
    --c_lila_mid: hsl(284, 100%, 74%);
    --c_lila_pale: hsl(284, 33%, 66%);

    /* Blau / Grau */

    --c_azur_full: hsl(200, 100%, 50%);
    --c_azur_vari: hsl(200, 77%, 55%);
    --c_azur_ligh: hsl(200, 77%, 77%);
    --c_azur_pale: hsl(200, 25%, 73%);
    --c_cyan_full: hsl(180, 100%, 50%);
    --c_cyan_dark: hsl(180, 100%, 25%);
    --c_grblu_ligh: hsl(209, 83%, 86%);
    --c_grblu_mid: hsl(209, 50%, 74%);
    --c_grblu_stro: hsl(209, 20%, 60%);
    --c_grblu_stro_o60: hsla(209, 20%, 60%, 0.6);
    --c_grblu_stro_o30: hsla(209, 20%, 60%, 0.3);
    --c_blue_aqua: hsl(209, 100%, 84%);

    /* Gelbtöne */

    --c_yel_full: hsl(60, 100%, 50%);
    --c_yel_satt: hsl(60, 100%, 70%);
    --c_yel_light: hsl(60, 90%, 88%);
    --c_yel_dark: hsl(60, 60%, 60%);

    /* Grüntöne */

    --c_green_full: hsl(120, 100%, 50%);
    --c_green_mala: hsl(120, 80%, 47%);
    --c_green_pale: hsl(120, 50%, 77%);
    --c_green_dark: hsl(120, 100%, 25%);
    --c_green_camu: hsl(120, 10%, 25%);
    --c_green_soft: hsl(120, 73%, 75%);
    --c_green_hipi: hsl(120, 23%, 43%);
    --c_green_japa_o50: hsla(120, 100%, 33%, 0.5);
    --c_green_japa_o75: hsla(120, 100%, 33%, 0.75);

    /* FARB-ROLLEN
    ============== */

    --color_01: var( --c_lila_full );
    --color_02: var( --c_lila_mid );
    --color_03: var( --c_lila_pale );

    --color_04: var( --c_azur_full );
    --color_05: var( --c_azur_vari );
    --color_06: var( --c_azur_ligh );
    --color_07: var( --c_azur_pale );
    --color_08: var( --c_cyan_full );
    --color_09: var( --c_cyan_dark );
    --color_10: var( --c_grblu_ligh );
    --color_11: var( --c_grblu_mid );
    --color_12: var( --c_grblu_stro );
    --color_13: var( --c_grblu_stro_o60 );
    --color_131:var( --c_grblu_stro_o30 );
    --color_14: var( --c_blue_aqua );

    --color_15: var( --c_yel_full );
    --color_16: var( --c_yel_satt );
    --color_17: var( --c_yel_light );
    --color_18: var( --c_yel_dark );

    --color_19: var( --c_green_full );
    --color_20: var( --c_green_mala );
    --color_21: var( --c_green_pale );
    --color_22: var( --c_green_dark );
    --color_23: var( --c_green_camu );
    --color_24: var( --c_green_soft );
    --color_25: var( --c_green_hipi );
    --color_26: var( --c_green_japa_o50 );
    --color_27: var( --c_green_japa_o75 );

    --color_28: var( --c_red_full );
    --color_29: var( --c_red_mid );
    --color_30: var( --c_red_dark );
    --color_31: var( --c_red_pale );
}


/*************************************************************************
** TAGs / BASICS
**************************************************************************/

* {
    box-sizing: border-box;
    outline: none;
}

.mobile body#mainbody {
    font-family: -apple-system, "Roboto", sans-serif;
}

input[type=checkbox]{
    min-width: 1.765em;
    width: 1.765em !important;
    height: 1.765em !important;
    margin: -0.471em 0.176em 0.176em 0.176em;
}
#doc_wvlTable input[type=checkbox],
#imp_wvlTable input[type=checkbox] {
    margin: -0.3em 0.294em 0em 0.235em;
    float: left;
}
#sf_layout input[type=checkbox],
#iSF_layout input[type=checkbox],
#dynSF_layout input[type=checkbox],
#staticSF_layout input[type=checkbox]{
    float: left;
    margin-top: -0.2em;
    margin-left: 0.176em;
}
#cbDialog input[type=checkbox] {
    margin-left: 0;
}
.dgrid-hider-menu-row input[type=checkbox]{
    margin: 0;
    width: 2.353em;
    height: 2.353em;
}


a:link,
a:visited,
a:hover{
    text-decoration: none;
}

/* Entferne +/- spinner controls von FF */
input[type=number] {
  -moz-appearance: textfield;
}

/* Entferne +/- spinner controls von Chrome, Safari, Opera */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

html.mobile, .mobile body{
    height: 100%;
    overflow-y: hidden;
}

#doc_previewPane.w100{
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    overflow: hidden;
}

.adjustContainer hr {
	background-color: var(--c_black);
	width: 100%;
    height: 2px;
    margin-top: 2.727em;
}

/* Überschriften */

h4 {
    margin: 2em 0 1em 0;
    font-weight: bold;
}


/*************************************************************************
** Controls
**************************************************************************/

#search_standardTab {
    height: 16em;
}

button:disabled i.bfIcon {
    filter: grayscale(1) opacity(0.5);
}


/* popups bei Auswahl- und Mehrfachauswahl controls*/
#mainbody .dijitPopup.dijitMenuPopup,
#mainbody .dijitPopup.dijitMenuPopup .dijitMenu{
    max-height: 50vh;
}


button.statefield {
    border: none !important;
}


.dgrid-scrollbar-width{
    width: 0px !important;
}

#trefferliste .dgrid-hider-toggle{
    position: fixed;
    top: 0.000em;
    height: 2.353em;
    width: 2.353em;
    z-index: 2;
}

div.mblTextBox {
    height: 1.941em;
    width: 100%;
    margin-bottom: 0;
    font-size: 1em;
    padding: 0.176em;
    border: none;
}

input.mblTextBox{
    height: 2.353em;
    width: 100%;
    margin-bottom: 0;
    border: 1px solid var(--c_grey60);
    padding: 0.118em;
    font-size: 1em !important;
    box-sizing: border-box;
}

#searchTab_main .mblScrollableViewContainer {
    padding-left: 0.176em;
}


.light_style #searchTab_main .mblTabBarButton.mblTabBarButtonSelected,
.light_style #import_tabBar .mblTabBarButton.mblTabBarButtonSelected,
.light_style #sd_searchTab_main .mblTabBarButton.mblTabBarButtonSelected {
    border-style: solid;
}


.dijitSelect .dijitArrowButton .dijitArrowButtonInner,
.dijitComboBox .dijitArrowButton .dijitArrowButtonInner{
    display: block !important;
    margin: 0 auto;
    float: none;
    border: 0;
    line-height: 2;
}


.dijitSelect .dijitButtonContents{
    padding: 0 0.176em;
}


.dijitInputContainer, .dijitInputInner {
    height: 100%;
}

/* ab hier: dark_style ******************************************************** */

.dark_style #searchTab_main .mblTabBarButtonSelected,
.dark_style #import_tabBar .mblTabBarButtonSelected,
.dark_style #sd_searchTab_main .mblTabBarButtonSelected {
    border-width: 1px 1px 0 1px;
    border-style: solid;
}


.dark_style .dijitSelect .dijitArrowButton{
    border: 0;
    padding: 0;
}



.dark_style .dijitDisabled .dijitInputInner{
    border-width: 1px;
    border-style: solid;
}



/* ab hier: light_style *********************************************************** */


.light_style .dijitSelect .dijitArrowButton{
    border: 0;
    padding: 0;
}


/*.light_style .dijitDisabled .dijitInputInner{
    background-color: var(--c_grey40);
    border: 1px solid var(--c_grey60);
    color: var(--c_black) !important;
}*/


div.mblTextBox.importLabel{
    line-height: 2.25;
}


/*************************************************************************
** CLASSES
**************************************************************************/

/* QUICK AND DIRTY - START
-------------------------- */
#cam_footer .imp_footerBtn {
    height: unset;
}

.mblBtnCont {
    overflow: hidden;
    width: 100%;
    position: relative;
    line-height: 1.7;
}
#doc_wvlTable .mblBtnCont {
    line-height: 2.1;
    padding: 0 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#selectDialog .mblBtnCont {
    line-height: normal;
}

.mblBtnCont span {
    position: relative;
    vertical-align: middle;
}
#cbDialog .mblBtnCont span {
    font-size: 17px;
}
#selectDialog .mblBtnCont span {
    vertical-align: initial;
    line-height: 1.2;
}
#selectDialog .mblButton {
    line-height: normal;
}


.mblBtnCont i.bfIcon {
    vertical-align: middle;
}

.wvlInEdit label {
    float: left;
}

#doc_wvl_setInEdit_Btn {
    margin-right: 0.368em;
}

.inWVL {
    float: left;
    margin: 0.883em 0.353em 0.8em 0px;
}

.grayscale {
    filter: grayscale(1);
}

/* QUICK AND DIRTY - ENDE
------------------------- */

.zoom_0833 {
    zoom: 0.833;
}

.marginTop_-1 {
    margin-top: -1px;
}
.marginTop_0 {
    margin-top: 0px;
}
.marginTop_1 {
    margin-top: 1px;
}
.marginTop_2 {
    margin-top: 2px;
}
.marginTop_3 {
    margin-top: 3px;
}
.marginTop_4 {
    margin-top: 4px;
}
.marginTop_5 {
    margin-top: 5px;
}
.marginTop_6 {
    margin-top: 6px;
}
.marginTop_7 {
    margin-top: 7px;
}
.marginTop_8 {
    margin-top: 8px;
}
.marginTop_9 {
    margin-top: 9px;
}
.marginTop_10 {
    margin-top: 10px;
}
.marginTop_11 {
    margin-top: 11px;
}
.marginTop_12 {
    margin-top: 12px;
}
.marginTop_13 {
    margin-top: 13px;
}
.marginTop_14 {
    margin-top: 14px;
}
.marginTop_15 {
    margin-top: 15px;
}

.marginBottom_5 {
    margin-bottom: 5px;
}

.wvlInEdit {
    text-align: end;
    margin-bottom: 3em;
}

.ddArrow {
    cursor: pointer;
    float: right;
    box-sizing: content-box !important;
    width: 18px;
    height: 18px;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

#doc_wvlTable .ddArrow,
#imp_wvlTable .ddArrow {
    height: calc(2.353em - 2px);
}


.fontInherit {
    font: inherit;
}

.nonVisible {
    visibility: hidden;
}


.statefieldSplitter {
    width: 1px !important;
    height: 100% !important;
    border: none;
    display: inline-block;
    margin-left: 0.176em !important;
    border-left: 3px solid var(--c_black) !important;
}

.bm_name {
    font-weight: 300;
}


.claro .dgrid-cell{
    border: none;
}


/* PIP */

.pi_job .loadingIcon{
    margin-right: 0.176em;
    vertical-align: text-top;
    background-image: url(../js/dijit/themes/claro/images/loadingAnimation.gif);
    height: 1.176em;
    width: 1.176em;
    background-repeat: no-repeat;
    display: inline-block;
}

.pi_job.jobNew {
    transform: translateY(-2em);
}

.pi_job {
    transform: translateY(0em);
    top: 0;
    padding: 2px 10px;
    position: relative;
    z-index: 7;
}

.pi_job.jobDone {
    color: transparent;
}

/* KLASSEN */

.flexBtnContainer {
    display: flex;
}

#afk .flexBtnContainer {
    justify-content: space-evenly;
    flex-direction: row;
}

.flexBtn3 {
    min-width: 32%;
}

.afk_listRow {
    margin: 0;
    height: 1.235em;
    padding: 0;
    line-height: 1.3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.sc_adjust {
    top: 0;
    right: 0;
    padding: 0;     /* 4px 2px 2px; */
    position: absolute;
    cursor: pointer;
    z-index: 1;
}
.sc_adjust.heading {
    top: 0.294em;
    position: relative;
    float: right;
    margin-right: 0.1em;
    z-index: 2;
}

#sd_adjust {
    top: 0.9em;
    right: 2.75em;
}

.sc_adjust .material-icons {
    width: 32px;
    height: 32px;
    line-height: 2;
    position: relative;
    right: -10px;
}

.infoHolidayTXT {
    margin-bottom: 5px;
    display: block;
}

.afk_infoHoliday{
    text-align: center;
    padding: 0.529em 0;
}

.stdHeight{
    height: 2.353em;
}

.w100{
    width: 100%;
}

.w49{
    width: 49%;
    margin-bottom: 10px;
}

.tdBorderRight{
    border-width: 0 1px 0 0 !important;
}

.noBorder{
    border: 0 !important;
}

.noOverflow{
    overflow: hidden;
    text-overflow: ellipsis;
}

.tableLayoutFixed{
    table-layout: fixed;
}

.centerTxt{
    text-align: center;
}

.leftTxt{
    text-align: left !important;
}

.rightTxt{
    text-align: right !important;
}


.doc_wvlOptionLabel,
.imp_wvlOptionLabel {
    display: block;
    line-height: 1.1;
    text-indent: 0px;
    font-size: 0.93em;
}
.imp_wvlOptionLabel {
    padding-top: 0;
}


#doc_wvlTable {
    width: 100%;
    table-layout: fixed;
    margin-top: 0.294em;
}
#doc_wvlTable td {
    overflow: hidden;
}
#doc_wvlTable .container,
#imp_wvlTable .container{
    height: 100%;
}


.addField .dojoxCheckedMultiSelectWrapper,
#doc_wvlTable .dojoxCheckedMultiSelectWrapper{
    width: 100%;
    margin: 0;
}
#doc_wvlTable .largeSelect .dojoxCheckedMultiSelectWrapper,
.addField.largeSelect .dojoxCheckedMultiSelectWrapper{
    height: 100%;
}

.light_style #doc_wvlTable .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper,
.light_style .addField.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper{
    border-width: 1px;
    border-style: solid;
}

.dark_style #doc_wvlTable .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper,
.dark_style .addField.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper{
    border-width: 1px;
    border-style: solid;
}


#doc_wvlTable .dojoxMultiSelectItemLabel,
.addField .dojoxMultiSelectItemLabel{
    margin-left: 3px;
    width: 99%;
}


.doc_wvlSelect{
    width: calc( 100% - 21px );
    height: 2.471em;
    padding: 0.118em;
    border-width: 1px;
    border-style: solid;
}


.doc_wvlSelect.largeSelect,
.addField.largeSelect{
    height: 7.353em;
}

#doc_wvlUser, #doc_wvlGroup,
#imp_wvlUser, #imp_wvlGroup {
    font-size: 1em;
    height: 2.353em;
}


.wvlButton {
    width: 32%; /* mit 4 Knöpfen = 24% */
    /*ab 4 Knöpfen -> height: 3em !important;*/
    padding: 0;
    line-height: 1;
}
.wvlButton .material-icons {
    vertical-align: middle;
}

#doc_wvlTable tr.spacer {
  height: 0.294em;
}

.smallText{
    font-size: 0.706em;
}
#help_legal.smallText{
    border-top: 1px solid var(--c_grey80);
    margin-top: -1em;
    padding: 1em 0;
    border-bottom: 1px solid var(--c_grey80);
}


.outaSpace{
    position: absolute;
    left: -100%;
    top: -100%;
}

.liDisabled {
    /* opacity: 0.1;
    cursor: default !important; */
    display: none;
}

.bfa_Forbidden{
    background-image: url(sprites/dark_24.png);
    background-position: 2px 2px;
    padding: 2px;
    background-clip: content-box;
}

.fileLabel{
    margin: 0;
    height: 1.235em;
}

.metaData {
    font-size: 0.824em;
    font-weight: normal;
}

.eleCount_1{
    width: 100%;
    height: 100% !important;
}
.eleCount_2{
    width: 50%;
}
.eleCount_3{
    width: 33%;
}
.eleCount_4{
    width: 25%;
}

.selectDialogBtn.eleCount_1{
    width: 100%;
    height: 100% !important;
}


.selectDialogBtn.fontSize_s{
    font-size: 0.73em;
    padding: 0 3px;
    overflow: hidden;
}

.mblToolBarButton#ppOkBtn{
    line-height: 2.2;
    margin: 0.588em;
}

/* STATEFIELDS
===============*/

.statefield{
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.9em;
}

.statefield.mblButton{
    box-shadow: none;
}

.adjustContainer{
    margin: 0 auto;     /* 0.118em */
    width: 24em;
    overflow: hidden;
    max-width: 100%;
    font-size: 1em;
}

.SF_statusInd {
    float: left;
    margin: auto 0.176em;
    width: 1.765em;
    height: 1.765em;
    box-sizing: content-box;
    border-style: solid;
    border-width: 1px;
}


#staticSF_layout button.statField {
    height: 1.765em;
    width: 1.765em;
    margin: 0.176em;
    box-shadow: none;
}

.statField {
    position: relative;
}


.naviBtn.openNavi{
    transform:rotateZ(-180deg);
}

.naviBtn i.material-icons,
.contextMenuBtn i.material-icons,
#ic_editAction i.material-icons,
#ic_cancelEdit i.material-icons,
#ic_copyFtx i.material-icons,
#settings_backBtn i.material-icons,
#arctree_backBtn i.material-icons,
#main_goHitlistBtn i.material-icons,
#searchRes_backBtn i.material-icons,
#docview_backBtn i.material-icons,
#wvl_backBtn i.material-icons,
#cam_backBtn i.material-icons,
#test_backBtn i.material-icons,
#bookmarks_backBtn i.material-icons,
#afk_backBtn i.material-icons,
#files_backBtn i.material-icons{
    line-height: 1.5;
}

#navi_wrapper .kategorie,
#list_bookmarks .kategorie,
#contextMenu_list .kategorie,
#afk_holidayList .kategorie {
    margin: 0;
    height: 1.294em;
    line-height: 1.2em;
    text-transform: none;
    font-weight: 300;
}


#list_bookmarks li div.mblListItemRightIcon {
    display: none;
}

.panzoom{
    position: static;
}

/* Arctree / Imptree - START
----------------------------*/
.claro #Arctree .dijitTreeExpandoLeaf,
.claro #Imptree .dijitTreeExpandoLeaf,
.dj_ie6 .claro #Arctree .dijitTreeExpandoLeaf,
.dj_ie6 .claro #Imptree .dijitTreeExpandoLeaf {
    display: none;
}

#Arctree, #Imptree {
    overflow: hidden;
}

#Arctree .dijitTreeContent,
#Imptree .dijitTreeContent {
    height: 1.529em;
    display: inline-block;
}

.claro .dijitTreeIsRoot {
    /* zoom: 1.3; */
    font-size: 22px;
}

.bfaFolderClosed{
    width: 1em;
    height: 1em;
    margin: 0 2px 0 28px;
}


#Arctree .lagerIconOffen,
#Arctree .lagerIconZu,
#Imptree .lagerIconOffen,
#Imptree .lagerIconZu {
    width: 1.294em;
    height: 1.294em;
    margin-top: -4px;
}


/* vergrößern der hit-area des "+" im arctree */
#Arctree .dijitTreeExpando,
#Imptree .dijitTreeExpando {
  height: 26px;
  width: 26px;
  padding: 5px;
  background-clip: content-box;
}

#Arctree .dijitTreeExpandoClosed,
#Imptree .dijitTreeExpandoClosed {
  background-position: 6px 4px;
}

#Arctree .dijitTreeExpandoOpened,
#Imptree .dijitTreeExpandoOpened {
  background-position: -30px 4px;
}

/* standard padding angepasst damit die Beschriftung vertikal mittig ist */
#Arctree .dijitTreeRow,
#Imptree .dijitTreeRow {
    padding: 5px 0 1px 0;
    border-width: 1px;
}


.claro .dijitTreeRow.dijitTreeRowSelected{
    border: none;
}


#arctree_scroller div.mblScrollableViewContainer,
#imp_scroller div.mblScrollableViewContainer {
    min-height: 100%;
}


/* IMPORTER */

#imp_fileGrid {
    padding: 0 5px 2.8em 5px;
}

#imp_fileGrid .fileBox {
    width: 112px;
    height: 136px;
    border-width: 2px;
    border-style: solid;
    margin: 0 5px 5px 0px;
    position: relative;
}

.fileBox .fileBoxThumb {
    max-height: 100px;
    width: 100px;
    display: block;
    margin: 5px auto;
    object-fit: contain;
}

.fileBox .dName {
    bottom: 0px;
    position: absolute;
    left: 0;
    height: 1.2em;
    margin: 0;
}

#import_addfields, #import_meta {
    padding: 3px;
}

#import_filesTab {
    height: 100%;
}

#import_wvl {
    padding: 0;
    overflow: hidden;
    margin-bottom: 0.3em;
    /* margin-top: 1.5em; */
}
#import_wvl .dijitContentPane {
    padding: 4px 0;
}

#imp_wvlTable {
    border-spacing: 0px 3px;
    border-width: 2px;
    border-style: solid;
    border-bottom-width: 0px;
    margin-top: -0.118em;
    padding: 0px 0.118em;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 0em;
}
#imp_wvlTable.imp_wvlActive {
    height: 20.588em;
    border-bottom-width: 2px;
}


#imp_wvlTable .dijitTextBox {
    width: 100%;
}

#imp_wvl_handle {
    width: 24px;
    height: 24px;
    padding: 8px;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
    left: 0px;
    display: inline-block;
    position: relative;
    box-sizing: content-box;
    border-radius: 0 6px 0 0;
}
#imp_wvl_handle.imp_wvlActive {
    transform: rotate(360deg);
}
.imp_wvlActive .dark_24.clock_create {
    background-position: -120px -48px;
}

#latePreProcess {
    box-sizing: border-box;
    margin-top: 1em;
    width: 100%;
}

#import_ocr {
    margin: 0;
}

#import_selectArcInfo {
    display: block;
    margin-top: 1.1em;
    padding: 5px 3px;
    border-width: 1px;
    border-style: solid;
}

#import_selArc {
    color: var(--c_bfOra_full);
}

#latePreProcess .bfIcon {
    position: relative;
    top: 7px;
    margin-right: 3px;
    float: left;
}

#preProcessBtn {
    box-sizing: border-box;
    display: block;
    width: 100%;
}

#preProcessInfo {
    font-size: 0.85em;
    font-style: oblique;
}


/* WVL-List
===========*/


#list_wvldata .wvlNone .mblListItemLabel {
    line-height: 1.7;
    white-space: normal;
}

#list_wvldata li div.mblListItemRightIcon {
    display: none;
}

#list_wvldata .mblListItem {
    height: 3.412em;
    line-height: 0.824em;
    padding: 0.118em 0.471em;
    margin: 0;
}

.wvl_info, .wvl_comment, .wvl_termin {
    height: 30%;
    margin: 0.176em;
    font-weight: 400;
    box-sizing: content-box !important;
}


.wvl_info {
    overflow: hidden;
    text-overflow: ellipsis;
}

.wvl_comment {
    overflow: hidden;
    text-overflow: ellipsis;
}

.wvl_termin {
    font-size: 0.824em;
}


.doc_addField_label.docTitle{
    margin: 14px 3px;
    font-size: 1.25em;
    font-weight: bold;
}

.doc_addField_label{
    font-size: 0.882em;
}


.doc_addField_value{
    width: 90%;
}


.arctreeBtn {
    height: 2.353em;
    width: 49%;
    padding: 0.059em;
}


.page {
    overflow: hidden;
}

.splitScreenRight{
    position: absolute;
    display: inline-block !important;
    left: 50%;
    border-left: 1px var(--c_black) solid;
}
.splitScreenRight .naviBtn{
    display: none;
}

/* SETTINGS - START
---------------------------*/

.dHelp {
    width: 1.765em;
    height: 1.765em;
}

.dHelp.helpCer {
    display: inline-block;
    vertical-align: bottom;
}


#serverurl_label {
    display: inline;
}


.setting.mblTextBox {
    margin-top: 0.176em;
    height: 1.176em;
}

.settings-valueCell {
    width: 50%;
}

#settingsHeading .mblHeadingCenterTitle .mblHeadingSpanTitle {
    display: none;
}
#settingsHeading .mblHeadingCenterTitle .mblHeadingsDivTitle {
    display: block;
}

/* Extended Options - START
---------------------------*/

.docQualiChooser > div {
    margin: 0.294em 0;
}

.dark_style .extOpt.mblTextBox,
.light_style .extOpt.mblTextBox {
    padding: 0;
    font-size: 0.882em;
    border: none;
}

/* Table */
#settings_extOptions{
    /*background: var(--color_10);*/
    border-collapse: collapse;
    table-layout: auto;
    overflow: hidden;
    width: 100%;
    opacity: 0;
    height: 0;
    position: fixed;
    visibility: hidden;
    /*
    margin: 0 auto;
    max-width: 50%;
    */
}
#settings_extOptions.extOptionsOpen{
    opacity: 1;
    visibility: visible;
    height: auto;
    position: relative;
}

#settings_extOptions .adjustContainer_50{
    margin: 0 auto;
    
}

#settings_extOptions tr{
    border-width: 0 0 1px 0;
    border-style: solid;
}


.extOptButton{
    width: 100%
}

.extOptRow {
    height: 3em;
}

.extOptRow.spacer {
    height: 0.4em;
    padding: 0;
}

.nonAppOnly {
    display: none;
}

.afkLabel {
    font-weight: normal;
}

.extOpt.label {
    width: 50%;
    padding-left: 3px;
    /*font-size: 0.882em;*/
}

.extOpt.control {
    width: 50%;
}

.extOpt.control .mblSwitch,
.extOpt.control .container,
.extOpt.control .dijitSelect {
    margin-right: 0.176em;
}

.container.quicksearchConfig label,
.container.guiChooser label,
.container.docAddfields label {
    vertical-align: super;
}

.extOptRow .container .containerRow {
    margin-bottom: 7px;
}
.extOptRow .container .containerRow.container1Row {
    margin: 7px 0;
}

.tdTxtAlignRight {
    text-align: right;
}

#wvl_intervall,
#previewSizeSlider{
    width: initial;
}

.extOpt .SAChooser .mblRadioButton {
    margin: -0.5em -1px 0.3em 2px;
}

/* Extended Options - ENDE
------------------------*/

/* AddFields
============*/

.s_addField_label {
    width: 15%;
}
.light_style .s_addField_label {
    width: 15%;
}

.s_addField_control {
    width: 44%;
}

.s_addField_label-2 {
    width: 5%;
    text-align: center;
}

.s_addField_control-2 {
    width: 44%;
}

.innerAddField-2 {
    width: 50% !important;
    height: 2.353em;
}

.innerAddField-3 {
    width: 33%;
    height: 2.353em;
}

.s_addField_negation {
    width: 2.941em;
}

.addField.dijitNumberTextBox {
    padding: 0.353em 0;
}

.addField {
    width: 100%;
    height: 2.353em;
}


/* Extra Scrollbereich für Addfields inApp */
.AF_scrollArea.scrollArea_right #sd_search_addFieldTabContainer,
.AF_scrollArea.scrollArea_right #search_addFieldTabContainer,
.AF_scrollArea.scrollArea_right #import_addfields,
.AF_scrollArea.scrollArea_right #addfields {
    padding-right: 2.3em;
}
.AF_scrollArea.scrollArea_left #sd_search_addFieldTabContainer,
.AF_scrollArea.scrollArea_left #search_addFieldTabContainer,
.AF_scrollArea.scrollArea_left #import_addfields,
.AF_scrollArea.scrollArea_left #addfields {
    padding-left: 2.3em;
}
.AF_scrollArea.scrollArea_none #sd_search_addFieldTabContainer,
.AF_scrollArea.scrollArea_none #search_addFieldTabContainer,
.AF_scrollArea.scrollArea_none #import_addfields,
.AF_scrollArea.scrollArea_none #addfields {
    padding-left: 0;
    padding-right: 0;
}

.searchField, .importControl {
    height: 2.353em;
    width: 100%;
}


.search_Button {
    width: 48%;
}


.doc_preview_Button.doc_preview_pageBox {
    float: right;
    height: 2.353em;
    width: 2.824em;
    text-align: center;
}

.controlsContainer{
    position: relative;
    z-index: 3;
    text-align: center;
    height: 0;
}

#doc_preview_controlsContainer .doc_preview_Button {
    border-style: solid;
    border-width: 1px;
    margin: 0.235em;
    line-height: 0;
}

#docview.noControls #doc_preview_pageBox.hideInFullscreen {
    display: none;
}


.mblToggleButton.bfaToggleButton {
    margin: 0.294em;
    font-size: 0.65em;
    height: 2.385em;
}


.mblToggleButton:after{
    top: 0.538em;
    left: 0.538em;
    width: 0.385em;
    height: 0.769em;
}

.settingsViewButton{
    margin-top: 0.294em;
    width: 100%;
}


/* Das ist das Bild als solches (img) */
.doc_preview_img{
    cursor: move;
    opacity: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    display: inline-block;
    position: relative;
}
.doc_preview_img.fokus{
    z-index: 2;
}
.doc_preview_img.prev{
    position: absolute;
    top: -10000px;
}
.doc_preview_img.fokus.zoomed ~ .doc_preview_img{
    opacity: 0;
}

.noStat{
    display: none;
}

.hidden{
    display: none !important;
}

.secret{
    opacity: 0;
}
/*
.bfa_logo {
    margin: 0 auto;
}
*/
#logoutPage .bfa_logo{
    position: absolute;
    margin: 0;
    top: calc( 50% - 30px );
    left: calc( 50% - 162px );
    transition: transform 2s cubic-bezier(0.180, 1.595, 0.815, -0.575);
}
#logoutPage{
    overflow: hidden;
}


/* statusTable 
==============*/

.statusTable-table {
    border-bottom: 1px solid var(--c_bfOra_ligh2);
    table-layout: fixed;
}

.statusTable-labelCell{
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    word-wrap: break-word;
    width: 20%;
}

/* ==============*/

#dv_footer_infobox .infobox{
    height: 50%;
    margin: 0;
    border: none;
    line-height: 1em;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: lighter;
}


/*************************************************************************
** ID´s
**************************************************************************/

#doc_wvl_inEdit {
    width: 1.765em !important;
    height: 1.765em !important;
}
#doc_wvl_inEdit::after {
    visibility: hidden;
}


#loginBtn {
    left: 16%;
    position: absolute;
    top: 3em;
    width: 68%;
}


#keepPicPreview {
    max-height: 70vh;
    max-width: 100%;
}

/* 
#cam_btnContainer {
    margin-bottom: 1.059em;
}
 */

#cambtn, #filesysBtn {
    margin: 0.588em 0.235em;
    font-size: 1.059em;
    text-align: center;
    line-height: 2.235em;
}


#import_fileName {
    word-break: break-word;
}


#filesysBtn {
    cursor: pointer;
    /* position: absolute; */
    padding: 8px;
    border-width: 1px;
    border-style: solid;
    display: block;
    height: 2.353em;
    width: calc(100% - 0.47em);
    line-height: 1.5;
}
.dark_style #filesysBtn {
    border-width: 1px;
    border-style: solid;
}


#import_file {
    visibility: hidden;
    position: relative;
    top: -3em;
}

#import_previewFile span.fileInfoLabel {
    font-weight: bold;
    margin-left: 0.176em;
}

#import_main {
    height: calc( 100% - 4.942em );
    position: absolute;
    z-index: 4;
    top: 2.471em;
    overflow: hidden;
}


#import_main, #import_meta {
    width: 100%;
    display: inline-block;
}


#import_meta .mblScrollableViewContainer {
    padding-bottom: 3em;
}


#import_preview {
    padding: 0.25em;
    height: calc( 100% - 4em );
}


#import_previewImage {
    max-height: 50vh;
    max-width: 100%;
    display: block;
    margin: 0.5em auto;
}

#printDoc {
    display: none;
}

#ph_noArctree, #ph_noImptree {
    margin: 0.5em 0.294em;
}

.dark_style #infoDialogTemp, .dark_style #infoDialog {
    z-index: 1021;
    border-top: 0;
}

#infoDialogTemp .mblSimpleDialogCloseBtn {
    display: none;
}

#mainbody{
    transition: opacity 2s ease-in-out;
}

#settingsHeading, #arctreeHeading, #mainHeading, #searchResHeading, #docviewHeading, #wvlHeading, #camHeading, #bookHeading, #afkHeading, #filesHeading, #logoutPageHeading{
    z-index: 9;
}

#settings_jumpBack{
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    left: 25%;
    cursor: pointer;
}

#PIP {
    position: absolute;
    transform: translateY(2.471em);
    top: 0;
    width: 100%;
    z-index: 7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
/* z-index wird nicht korrekt von der Android Webview umgesetzt (header) deshalb in dem Fall immer ganz oben */
.dj_android #PIP {
    transform: translateY(0em);
}

#PIP.noHeader{
    transform: translateY(0em);
}

#PIP.inactive{
    transform: translateY(-2em);
}

#afk_scroller {
    margin-top: 0.53em;
}

#afk_scroller .mblScrollableViewContainer {
    padding: 0 5px;
}

#afk_holidayList {
    margin-top: 0.5em;
}


#afk_infoHoliday{
    border-style: solid;
    border-width: 1px;
}

#afk_changeHoliday {
    text-align: left;
    padding-top: 5px;
}

#afk_infoReplace{
    border-style: solid;
    border-width: 1px;
}

#afk_changeHoliTable .mblBtnCont span {
    /* warten auf FlexContainer */
}


#doc_wvlDoneReturn label,
#doc_wvlReminderMail label{
    vertical-align: super;
}

#liveSupport {
    border-top: 1px solid var(--c_grey80);
    padding-top: 0.588em;
    text-align: center;
}

#teamviewer_badge .browser{
    margin: 0.588em;
}

#teamviewer_badge .ios{
    margin: 0.588em;
}

#teamviewer_badge .android{
    height: 6em;
}


#helpDialog {
    width: 80%;
    min-width: 330px;
    max-width: 500px;
}
.claro .dijitDialog {
    border-width: 2px;
    border-style: solid;
}

#help_contact > span, #privacy_contact > span{
    margin-bottom: 0.176em;
    display: block;
}


#dummyBtn{
    position: absolute;
    left: -100%;
    top: -100%;
}

#protLayer{
    background-color: var(--c_black_o40);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1001;
    top: 0;
    left: 0;
    opacity: 1;
}
#protLayer.secret{
    opacity: 0;
    z-index: -1;
}
#protLayer.trans{
    background-color: transparent;
}


/* STATUS search */
#statusHeader {
    cursor: pointer;
    height: 2.353em;
    overflow: hidden;
}

#statusContainer, #sd_statusContainer {
    overflow: hidden;
    position: relative;
    max-height: 30%;
}
#sd_statusContainer {
    max-height: 16vh;
}


#statusContainer.sc_closed,
#import_statusContainer.sc_closed,
#sd_statusContainer.sc_closed {
    height: 2.706em !important
}

#dynSF_layout, #staticSF_layout{
    /* @Todo: für App notwendig?
    height: 3px; */
    margin: 0;
}

#sf_layout, #iSF_layout {
    margin: 0;
}

#sf_layout .statLabel,
#iSF_layout .statLabel,
#dynSF_layout .statLabel,
#staticSF_layout .statLabel{
    /* Bezugsgröße=17 */
    height: 2.353em;
    overflow: hidden;
    width: 7.294em;
    display: inline-block;
    position: absolute;
    line-height: 2.200em;
}

.statLabel{
      cursor: default;
}

.statLabel span{
    display: inline-block;
    /*vertical-align: middle; prüfe ob für Android ok */
    line-height: normal;
    word-wrap: break-word;
    width: 100%;
}

#sf_layout > div,
#iSF_layout > div,
#dynSF_layout > div,
#staticSF_layout > div,
#sd_sf_layout > div {
    height: 2.353em;
    width: 50%;     /*9.471em;*/
    overflow: hidden;
}


#statusContainer .sc_titleContainer{
    position: absolute;
    top: 0;
    left: 0;
}


.sc_titleContainer .sc_title{
    position: absolute;
    margin-left: 0.118em;
    margin-top: 0.765em;
}


/* STATUS doc */

#doc_statusContainer{
    margin-bottom: 0.2em;
    overflow: hidden;
    border-bottom: 1px solid var(--c_grey60);
}

.dark_style #doc_statusContainer{
    border-bottom: 1px solid var(--c_grey40);
}

#doc_status_infoline{
    padding: 0.353em 0.176em;
    display: inline;
    border: none;
    line-height: 2.353em;
}

tr.doc_spacer {
    height: 2em;
}


/* STATUS Import */

#import_statusContainer {
    overflow: hidden;
    position: relative;
    margin-bottom: 0.5em;
}

#import_sC_content {
    padding: 3px 0;
}

tr.import_spacer {
    height: 7em;
}


/* NAVI */

#navi_container{
    z-index: 1011;
    width: 14em;
    height: 100%;   /* 90% */
    left: -15em;
    top: 0;         /* 2.471em */
    position: absolute;
}

#navi_container.navi_open{
    transform: translateX(15em);
}

#navi_wrapper{
    border-width: 1px;
    border-style: solid;
}

#navi_navi .mblDomButtonRedBadge{
    font-size: inherit;
}
#navi_navi .mblDomButtonRedBadge > div{
    /*
    top: -0.571em;
    margin-top: 0.857em;
    */
    border: none;
    top: 0.118em;
    right: 0.118em;
}
#navi_navi .mblDomButtonRedBadge > div > div{
    /*line-height: 1.5;*/
    line-height: 1.6;
    display: block;
    font-size: 0.824em;
    font-weight: normal;
}

#navi_quickSearchField {
    font-size: 0.941em;
    border-width: 1px;
    border-style: solid;
    padding: 0.294em 0.294em 0.294em 2.118em;
    display: inline-block;
    -webkit-appearance: none;
}

#navi_wrapper .mblButton{
    width: 100%;
}

#navi_wrapper .mblToggleButton{
    width: 100%;
    height: 2.353em;
    border-width: 1px;
    border-style: solid;
}
#navi_wrapper .mblToggleButton:after{
    top: 0.529em;
    left: 0.824em;
    width: 0.412em;
    height: 0.824em;
    border-width: 0.176em;
}
/*
#navi_wrapper .mblDomButtonGreenBall > div,
#navi_wrapper .mblDomButtonOrangeBall > div {
    margin-top: 0.353em;
}
*/
#navi_wrapper .mblDomButtonGreenBall,
#navi_wrapper .mblDomButtonOrangeBall {
    position: relative;
    bottom: 0.235em;
}

#navi_wrapper .mblListItemIcon, #contextMenu_list .mblListItemIcon {
    margin-top: 0.52em;
}

/* Context Menu */
#contextMenu{
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    right: 0px;
    top: 2.471em;
    position: absolute;
    border-width: 1px;
    border-style: solid;
}

#contextMenu.contextMenuOpen{
    visibility: visible;
    opacity: 1;
    z-index: 1006;
}

#main_TabCont_tablist{
    margin-top: 0.294em;
}

#main_goArctreeBtn{
    /*position: absolute;
    left: 2.941em;*/
    margin-left: 0.471em;
}

#arctree_layout{
    width: 100%;
    height: 100%;
}


/* ProgressBar
--------------*/

#ProgressBar {
    width: 96%;
    height: 2em;
    position: absolute;
    z-index: 33;
    top: 30%;
    left: 2%;
}

#ProgressBar .mblProgressBarProgress {
    height: 2em;
    border: 0;
}

#ProgressBar .mblProgressBarMsg {
    font-size: 1.2em;
    line-height: 1.7em;
}


#dvFooter_docName {
    font-size: 0.8em;
}

#dvFooter_metaInf {
    font-size: 0.75em;
}

#dv_footer_infobox {
    display: inline-block;
    height: 100%;
    width: calc( 100% - 5.6em );
}

#docview_footer {
    position: absolute;
    bottom: 0;
    z-index: 2;
}

#search_footer {
    border: none !important;
    line-height: 0;
    bottom: 2.1em;
    position: absolute;
}

#sd_search_footer {
    position: absolute;
    width: 100%;
    border: 0;
    bottom: 0px;
}

#mainLogo {
    cursor: pointer;
    height: 2.1em;
    max-height: 40px;
}
.blue_style #mainLogo {
    height: 2em;
}


/* Main Layout - START
----------------------*/
#main_layoutOuter{
    height: 100%;
    width: 100%;
}

#mainHeading {
    padding: 0;
}


#main_footer, #afk_footer, #test_footer, #cam_footer{
    position: absolute;
    bottom: 0;
    border-bottom: none;
    border-top-width: 1px;
    border-top-style: solid;
    z-index: 4;
}
.dark_style #main_footer, .dark_style  #afk_footer,
.dark_style  #test_footer, .dark_style  #cam_footer{
    border-top-width: 1px;
    border-top-style: solid;
}


/* Dialoge
==========*/

.mblSimpleDialog {
    width: 80%;
    padding: 0;
}

#infoDialogTemp_Title .bfIcon,
#infoDialog_Title .bfIcon {
    position: relative;
    top: 4px;
}

#infoDialogTemp_Text {
    text-align: center;
}

#privacyDialog {
    width: 90%;
    height: 90%;
}
#privacyDialog .mblSimpleDialogContainer {
    overflow: hidden;
}

#timiDialog.mblSimpleDialog{
    width: 88%;
    border-width: 1px;
    border-style: solid;
}
/*
#gridConfDialog .gridConfElement{
    min-width: 120px;
    min-height: 40px;
    margin: 5px;
    cursor: pointer;
    line-height: 2.2;
    padding-left: 3px;
    overflow: hidden;
}

.gridConfElement {
    background-color: inherit;
}
.gridConfElement.selected{
    background-color: var(--c_bfOra_ligh1);
    color: var(--c_black);
}
*/
.gridConf_defaultReset{
    display: inline-flex;
    line-height: 1.7;
    margin-bottom: 10px;
    padding-top: 6px;
}

#cbDialog, #gridConfDialog{
    min-width: 66%;
    max-width: 88%;
    top: 10% !important;
}

#cbDialog_table, #gridConf_table {
    width: 100%;
    padding: 0.176em 0.059em;
}

.cbRow{
    height: 2.471em;
    margin-bottom: 0.294em;
}

.cbRow td, .cbRow th{
    text-align: left;
}

.cbRow label{
    display: block;
}

#cbDialog_Title{
    margin: 0.412em 0 0 0.235em;
}

#cbDialog_Text{
    margin: 0 auto;
    margin-top: 0.5em;
    text-align: center;
}

#cbDialog_scroller, #gridConf_scroller {
    min-height: 10vh;
    max-height: 66vh;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#confirm_Dialog {
    box-sizing: content-box;
}

#confirm_Dialog div {
    box-sizing: content-box;
}

/* select Dialog */
#selectDialog_btnContainer {
    height: 8em;
    padding: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

.selectDialogBtn {
    float: left;
    height: 100% !important;
    padding: 0 2px;
}

.selectDialogBtn img {
    display: block;
    margin: 0 auto;
}

.selectDialogBtn .mblBtnCont {
    top: 0.4em;
}
.selectDialogBtn .mblBtnCont .bfIcon {
    display: block;
    margin: auto;
    margin-bottom: 8px;
}


#searchDialog {
    width: 100%;
    height: calc(100% - 2.471em);
    top: 2.471em !important;
}

#searchDialog .mblSimpleDialogContainer {
    position: unset;
}

#searchDialog_Text {
    margin: 0;
    width: 100%;
}

#searchDialog .mblSimpleDialogCloseBtn {
    right: 0px !important;
    left: unset !important;
}


/* Addfield Panes
=================*/

#addfieldtab {
    width: 100%;
}


#s_addfieldtab{
    width: 100%;
}

#addfieldtab .s_addField_splitter,
#s_addfieldtab .s_addField_splitter,
#sd_addfieldtab .s_addField_splitter {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    height: 5px;
}

#i_addfieldtab {
    width: 100%;
}

#addfieldtab .bfaInterval.unit,
#s_addfieldtab .bfaInterval.unit,
#i_addfieldtab .bfaInterval.unit,
#sd_addfieldtab .bfaInterval.unit {
    vertical-align: top;
}


/* docview tools
================*/

#info_container {
    width: 100%;
    transform: translateX(102%);
    position: relative;
    z-index: 4;
    border-width: 1px;
    border-style: solid;
    bottom: -3em;
    min-height: 13em;
}
.dark_style #info_container{
    border-width: 1px;
    border-style: solid;
}

#info_container.expanded{
    transform: translateX(0%);
}

.wrapperTitle{
    text-align: center;
    border: none !important;
    font-size: 1.176em !important;
    line-height: 1.5;
    cursor: default;
}


#doc_previewPane{
    display: inline-block;
    padding-bottom: 2.471em;
    padding-top: 2.471em;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
}

#doc_preview_imagePane{
    overflow: hidden;
    margin-top: 2.471em;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}


/* HANDLES - addfields(main) */

.handle {
    font-size: 1em;
    height: 2.118em;
    width: 2.118em;
    transform: translateY(0em);
}

.handle.ic_top {
    border-radius: 5px 5px 0px 0px !important;
}

.handle .bfIcon {
    margin: auto;
    display: block;
    margin-top: 0.353em;
}

#addfields_handle {
    position: absolute;
    left: 0.118em;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    z-index: 0;
}
.expanded #addfields_handle {
    transform: translateY(-1.882em);
}
.expanded #addfields_handle.ic_top {
    transform: translateY(-2.059em);
    z-index: 2;
}

#addfields_wrapper {
    z-index: 2;
    position: relative;
    height: 100%;
    overflow: hidden;
}
#addfields_wrapper .wrapperTitle {
    font-size: unset !important;

}

/* HANDLES - history */

#history_handle{
    position: absolute;
    left: 2.236em;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    opacity: 0;
}
.expanded #history_handle{
    opacity: 1;
    transform: translateY(-1.882em);
}
.expanded #history_handle.ic_top{
    transform: translateY(-2.059em);
    z-index: 2;
}
#history_handle i{
    animation:                  infSpinner 0.75s infinite; /* IE 10+, Fx 29+ */
    animation-fill-mode:        forwards;
    -moz-animation:             infSpinner 0.75s infinite; /* Fx 5+ */
    -moz-animation-fill-mode:   forwards;
    -webkit-animation:          infSpinner 0.75s infinite; /* Safari 4+ */
    -webkit-animation-fill-mode:forwards;
}

#history_wrapper{
    z-index: 2;
    position: relative;
    height: 100%;
    overflow: hidden;
    cursor: default;
}


/* HANDLES - discussion */

#discussion_handle{
    display: none;  /* Solange noch nicht implementiert -> verstecken */
    position: absolute;
    left: 4.471em;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    opacity: 0;
}
.expanded #discussion_handle{
    opacity: 1;
    transform: translateY(-1.882em);
}
.expanded #discussion_handle.ic_top{
    transform: translateY(-2.059em);
    z-index: 2;
}
#discussion_handle i{
    animation:                  infSpinner 0.75s infinite; /* IE 10+, Fx 29+ */
    animation-fill-mode:        forwards;
    -moz-animation:             infSpinner 0.75s infinite; /* Fx 5+ */
    -moz-animation-fill-mode:   forwards;
    -webkit-animation:          infSpinner 0.75s infinite; /* Safari 4+ */
    -webkit-animation-fill-mode:forwards;
}

#discussion_wrapper{
    z-index: 2;
    position: relative;
    height: 100%;
    overflow: hidden;
    cursor: default;
}


/* HANDLES - fulltext */

#ftx_handle{
    position: absolute;
    left: 4.354em;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    opacity: 0;
}

.expanded #ftx_handle{
    opacity: 1;
    transform: translateY(-1.882em);
    /* Wenn Diskussion implementiert ist, folgende Werte wieder nehmen
    left: 6.471em;
    top: -2.118em;*/
}
.expanded #ftx_handle.ic_top{
    transform: translateY(-2.059em);
    z-index: 2;
}
#ftx_handle i{
    animation:         infSpinner 0.75s infinite; /* IE 10+, Fx 29+ */
    animation-fill-mode: forwards;
    -moz-animation:    infSpinner 0.75s infinite; /* Fx 5+ */
    -moz-animation-fill-mode: forwards;
    -webkit-animation: infSpinner 0.75s infinite; /* Safari 4+ */
    -webkit-animation-fill-mode: forwards;
}

#ftx_wrapper{
    z-index: 2;
    position: relative;
    height: 100%;
    overflow: hidden;
}


/* HANDLES - wvl */

#wvl_handle{
    position: absolute;
    left: 6.472em;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}
.expanded.isWVL #wvl_handle,
.expanded.newWVL #wvl_handle {
    opacity: 1;
    visibility: visible;
    transform: translateY(-1.882em);
    /* Wenn Diskussion implementiert ist, folgenden Wert wieder nehmen
    left: 8.588em;*/
}
.expanded.isWVL #wvl_handle.ic_top,
.expanded.newWVL #wvl_handle.ic_top {
    transform: translateY(-2.059em);
    z-index: 2;
}
#wvl_handle i{
    animation:         infSpinner 0.75s infinite; /* IE 10+, Fx 29+ */
    animation-fill-mode: forwards;
    -moz-animation:    infSpinner 0.75s infinite; /* Fx 5+ */
    -moz-animation-fill-mode: forwards;
    -webkit-animation: infSpinner 0.75s infinite; /* Safari 4+ */
    -webkit-animation-fill-mode: forwards;
}

#wvl_wrapper{
    z-index: 2;
    position: relative;
    height: 100%;
    overflow: hidden;
}

#info_container.newWVL .container.wvlFuncs {
    display: none;
}
#info_container.newWVL .container.wvlNew {
    display: block;
}
.container.wvlNew {
    display: none;
}

/* beim Weiterleiten müssen die Optionen vorhanden sein.

.expanded.isWVL .doc_wvl_unchangeable {
    display: none;
}
.expanded.newWVL .doc_wvl_unchangeable {
    display: table-row;
}
*/

/* function Handles */

.fHandle {
    position: absolute;
    top: -30px;
    border-width: 1px;
    border-style: solid;
    height: 2.118em;
    width: 2.118em;
    cursor: pointer;
    opacity: 1;
}


/* HANDLES - pin */

#pin_handle {
    right: 31px;
}
.expanded #pin_handle.fHandleActive {
    z-index: 2;
}
#pin_handle.fHandleActive i.bfIcon {
    transform: rotateZ(0deg) translate3d(1px, 11px, 0px);
}
#pin_handle i.bfIcon {
    position: relative;
    top: 2px;
    left: 0px;
    transform: rotate(45deg);
    filter: drop-shadow(1px 1px 0px var(--c_grey10));
}


/* HANDLES - close */

#close_handle {
    right: 1px;
}
#close_handle i.bfIcon {
    filter: drop-shadow(1px 1px 0px var(--c_grey10));
}


@keyframes infSpinner {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@-moz-keyframes infSpinner {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes infSpinner {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

/* HISTORY */

#doc_history_table .header_date,
#doc_history_table .val_date{
    width: 18%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#doc_history_table .header_user,
#doc_history_table .val_user{
    width: 25%;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

#doc_history_table .header_action,
#doc_history_table .val_action{
    width: 57%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

#doc_history_table .header_date,
#doc_history_table .header_action{
    text-align: center;
}

.history_row{
    font-size: 0.824em;
    padding: 0.118em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.history_row div {
  padding: 0 0.118em;
}

.dark_style .history_row{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.history_headerRow{
    padding: 0.235em 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.dark_style .history_headerRow{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/* FULLTEXT */

#doc_ftxContainer{
    height: 100%;
}

#doc_ftx {
    width: 100%;
    height: 10%;
    resize: none;
    border: none;
    padding-left: 5px;
    font-size: 14px;
    opacity: 1;
    line-height: 1.2;
    overflow-x: hidden;
    color: black;
    background-color: transparent;  /* NEU für Fundstellenmarkierung */
    margin: 0;
    position: absolute;
    z-index: 3;
    font-family: monospace;
}


#ftxSearch {
    width: 10.6em;
    position: relative;
    font-size: 15px !important;
    height: 1.5em;
    top: 0.5em;
    float: left;
}


.backdrop {
    overflow: auto;
    pointer-events: none;
    transition: transform 1s;
    width: 100%;
    height: calc( 100% - 2.714em );
    font-size: 14px;
    z-index: 2;
    position: absolute;
}


.highlights {
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 2px 2px 2px 5px;
    color: transparent;
    width: 100%;
    font-family: monospace;
    line-height: 1.2;
    position: absolute;
    height: 100%;
}


mark {
    color: transparent;
}


/* docview tools - ENDE
-----------------------*/

.uc{
    margin: 1.176em auto;
    display: block;
}


.bfa_footer{
    bottom: 0;
}

.mblHeading.bfa_footer{
    border-bottom: none !important;
    border-top: 1px solid var(--c_grey60);
}


#addfieldtab tr.spacer,
#s_addfieldtab tr.spacer,
#i_addfieldtab tr.spacer,
#sd_addfieldtab tr.spacer {
    height: 0.706em;
}

#s_addfieldtab tr.spacer:last-of-type,
#sd_addfieldtab tr.spacer:last-of-type {
    height: 1em !important;
}

#afk .spacer {
    height: 0.294em;
}

#docview.noControls #doc_previewPane{
    padding: 0;
}


.mblSlider.extOpt.control{
    margin-left: 0;
}

/* global connection and WVL anzeige - START
-------------------------------------------*/

.disconnected #mainHeading{
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.actSession .mblHeading{
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.disconnected .mblHeading{
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.newWvls .mblHeading{
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.backgroundBusy{
    border-bottom-width: 4px;
    border-bottom-style: solid;
}


/*************************************************************************
** overwrites
**************************************************************************/

/* resize handel @Trefferliste */
.claro .dgrid-resize-handle {
    z-index: 99;
}

/* popup menü hintergrund (dB) */
.dark_style.claro .dijitMenu,
.dark_style.claro .dijitMenu {
    border-width: 1px;
    border-style: solid;
}


/* Rotes Kreuz auf Silber Grund: zum schließen von Dialogen (vergrößert) */
.mblDomButtonSilverCircleRedCross {
    width: 42px;
    height: 42px;
    cursor: pointer;
}
.mblDomButtonSilverCircleRedCross > div {
    border-radius: 20px;
    width: 42px;
    height: 42px;
    overflow: hidden;
}
.mblDomButtonSilverCircleRedCross > div > div {
    top: 18px;
    left: 2px;
    width: 36px;
    height: 4px;
}
.mblDomButtonSilverCircleRedCross > div > div > div {
    top: -16px;
    left: 16px;
    width: 4px;
    height: 36px;
}


.mblSliderHandle {
    border-width: 1px;
    border-style: outset;
}


.dark_style .mblRadioButtonChecked::after,
.dark_style .mblRadioButton:checked::after{
    left: 0.12em;
    top: 0.1em;
}


table.dijitInline.dijitSelect, table.dijitInline.dijitSelect > * {
    box-sizing: border-box;
}


.claro .dijitTabContainerTop-tabs .dijitTab {
    border-radius: 5px 5px 0 0;
}


.claro .addField.dojoxCheckedMultiSelect .dijitButtonContents{
    border: 0;
    text-align: left;
}

.claro .addField.dojoxCheckedMultiSelect .dijitButtonNode{
    border-width: 0 1px 0px 0px;
}


.claro .addField .dojoxCheckedMultiSelectButton {
    border-width: 1px;
    border-style: solid;
}
.claro .addField .dojoxCheckedMultiSelectButtonHover {
    border-color: var(--c_grey60);
    background-image: none;
    background-color: var(--c_white);
}


.doc_wvlSelect.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton,
.addField.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton{
    width: 100%;
    height: 100%;
}
/*
.doc_wvlSelect.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButtonHover,
.addField.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButtonHover{
    border-color: var(--c_bfOra_full);
    background-color: var(--c_white);
}*/


.doc_wvlSelect.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonNode.dijitArrowButton.dijitDownArrowButton,
.addField.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonNode.dijitArrowButton.dijitDownArrowButton{
    width: 2.353em;
    border: 0;
}


#datePickerOpener .mblButton{
    margin: 0.353em;
    padding: 10px;
    height: 24px;
    box-sizing: content-box;
}

.mblListItemRightIcon,
.mblListItemRightIcon2,
.mblListItemUncheckIcon{
    margin-top: 0.412em;
}
#list_files .mblListItemRightIcon {
    margin-top: 0.588em;
}
.dark_style #list_files .mblListItemRightIcon div div,
.blue_style #list_files .mblListItemRightIcon div div {
    border-color: var(--c_white);
}

.mblDomButtonGrayArrow > div,
.mblDomButtonArrow > div{
    border-style: double;
    top: 0.588em;
    left: 0.471em;
    width: 0.353em;
    height: 0.353em;
    font-size: inherit;
}


#pagePicker{
    height: 200px;
}

#pagePickerOpener .mblValuePickerSlotButton{
    height: 3em;
    cursor: pointer;
}
#pagePickerOpener .mblValuePickerSlotIcon{
    top: 0.706em;
}

#pageNumbers{
    float: none;
}

#pagePickerOpener span.mblToolBarButton {
    width: 3.3em;
}

.mblTabBarSegmentedControl .mblTabBarButton{
    margin: 0.308em 0;
    height: 2.846em !important;
    line-height: 2.846em;
    font-size: 0.75em;
}

#search_tabBar, #import_tabBar, #sd_search_tabBar {
    height: 2.824em;
}

.dark_style #searchTab_main .mblTabBarSegmentedControl,
.dark_style #sd_searchTab_main .mblTabBarSegmentedControl {
    border-top-width: 1px;
    border-top-style: solid;
}


div.mblHeading{
    font-size: 1.176em;
    height: 2.1em;
    line-height: 2.1em;
    border-top: 0;
}


button.mblButton {
    font-size: 1em;
}

.buttonFooter button.mblButton {
    font-size: 0.8em;
    box-shadow: none;
}

.extOpt.control button.mblButton {
    font-size: 1em;     /*font-size: 19px;*/
}


.mblButton {
    height: 2.353em;
    border-width: 1px;
    border-style: solid;
}

#wvl_wrapper .mblButton:disabled {
    border: none;
}


.mblHeading .mblButton{
    height: 2em;
    line-height: 1.5;
}

#afk .mblButton {
    padding: 0px;
}
#cbDialog .mblButton {
    padding: 0 2px;
}

.mblListItem{
    cursor: pointer;
    font-size: inherit;
}
#discussion_wrapper .mblListItem{
    cursor: default;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.dark_style #discussion_wrapper .mblListItem{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
#timiDialog_list .mblListItem{
    line-height: 1.235em;
}

.dark_style #statusContainer .mblListItem,
.dark_style #doc_statusContainer .mblListItem,
.dark_style #import_statusContainer .mblListItem {
    margin: 0 !important;
}


#list_files .mblListItem{
    line-height: 1.9em;
    height: 3em;
}
#list_files .mblListItem .mblListItemIcon {
    height: 2.3em;
    margin-top: 0.294em;
}


#navi_wrapper .mblListItem, #contextMenu_list .mblListItem {
    height: 2.471em;
    line-height: 2.471em;
}

#afk_holidayList .mblListItem {
    height: unset;
    padding: 3px 8px;
}


#searchRes .dgrid-hider-menu{
    padding: 0.059em 0.118em 0.235em 0.118em;
}

#searchRes .dgrid-hider-menu-row{
    padding: 0.824em 0.118em 0.471em 1.471em;
    height: 2.471em;
}

.mblSimpleDialogTitle {
    font-size: 1.176em;
    text-align: center;
    width: 96%;
    overflow: hidden;
    word-break: break-word;
    margin-left: 2%;
    padding-bottom: 16px;
    padding-top: 5px;
}
.dark_style .mblSimpleDialogTitle {
    margin-top: 5px;
}

#searchDialog .mblSimpleDialogTitle {
    margin: 0.412em 0 0 0;
    width: 100%;
}

#helpDialog .mblSimpleDialogTitle {
    padding: 0;
    margin: auto;
}

.mblSimpleDialogText {
    margin: 0;
    width: 100%;
    padding: 0px 2px 7px;
    overflow: hidden;
    word-break: break-word;
}
#privacyDialog .mblSimpleDialogText {
    width: 99%;
    box-sizing: content-box;
}

#helpDialog_Text {
    margin: 5px 7px;
}

.mblToolBarButton {
    margin: 0.353em;
    font-size: 0.655em;
    height: 2.231em;
}
#addfields_wrapper .mblToolBarButton {
    max-height: 2.15em;
    font-size: 0.75em;
} 

.mblToolBarButton span {
    line-height: 2.2;
}

.mblToolBarButton.noMargin{
    margin: 0;
}

.mblToolBarButton.leftMargin10{
    margin: 0 0 0 10px;
}

.bfa_footer .mblToolBarButton{
    margin: 0.3em 0.235em;
    font-size: 1em;
    height: 1.5em;
}
.mblOpener .mblToolBarButton{
    font-size: 1em;
    line-height: 2.2;
    width: 3.3em;
}


.dark_style #main_TabCont .dijitTabPaneWrapper{
    border: none;
    width: 100%;
    margin-top: 0.294em;
}
.light_style #main_TabCont .dijitTabPaneWrapper{
    border: none;
    width: 100%;
    margin-top: 0.294em;
}

/* linkes icon in einer Liste */
.mblListItemLayoutLeft{
    margin-top: 0.412em;
}

/* Intervall Slider - START
----------------------------*/
#wvl_intervall .mblSliderTouchBox,
#previewSizeSlider .mblSliderTouchBox {
    padding: 16pt;
    width: 100%;
    left: 0pt;
}

#wvl_intervall .mblSliderHandle {
    height: 1.412em;
    margin: -0.706em 0 0 -0.706em;
    width: 1.412em;
    padding: 0.118em 0 0 0.059em;
    cursor: ew-resize;
}
.light_style #wvl_intervall .mblSliderHandle {
    padding: 0.118em 0 0 0.118em;
}

#previewSizeSlider .mblSliderHandle {
    height: 1.412em;
    margin: -0.706em 0 0 -0.706em;
    width: 1.412em;
    padding: 0.118em 0.353em;
    cursor: ew-resize;
}

/* Intervall Slider - ENDE
----------------------------*/


.mblProgressIndicatorCenter{
    top: 20%;
    z-index: 33;
}

.dijitMenuItemLabel {
    height: 2.353em;
}

/* checkboxen Status - START
----------------------------*/

.verknupfungenChecked::after, .verknupfungen:checked::after{
    width: 0.4em;
    height: 0.8em;
    top: 0.412em;
    left: 0.882em;
}


.negation{
    transform: translateY(0.353em);
    float: right;
}

.mblCheckBox:hover {
    border-style: solid;
    border-width: 1px;
}


/* für die Such-Checkboxen, damit das Häkchen nicht angezeigt wird */
.negationChecked::after, .negationChecked:checked::after{
    border-style: none;
}

/* styling für das Häckchen in den such checkboxen */
.mblCheckBoxChecked::after, .mblCheckBox:checked::after{
    width: 0.4em;
    height: 0.8em;
    top: 0.235em;
    left: 0.588em;
}


/* TREFFERLISTE
===============*/

#searchRes_mode i.bfIcon {
    background-image: url(img/original_view.png);
    width: 24px;
    height: 24px;
    display: block;
}

#searchRes_mode.mark i.bfIcon {
    background-image: url(img/mark.png);
}
#searchRes_mode.mark {
    box-shadow: none;
}

#trefferliste .ui-widget-header {
    border: none;
    font-weight: unset;
}


#trefferliste .ui-state-default, #trefferliste .ui-widget-content .ui-state-default,
#trefferliste .ui-state-active, #trefferliste .ui-widget-content .ui-state-active {
    border: unset;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}


#trefferliste {
    border: none;
}


#trefferliste .dgrid-scroller {
    margin-top: 2.059em;
    display: inline-block;
    overflow-x: hidden;
    overflow-y: auto;
}

#trefferliste .dgrid-row {
    overflow: hidden;
}
#trefferliste .dgrid-row:first-of-type {
    border-top-width: 1px;
    border-top-style: solid;
}


#trefferliste .dgrid-header th {
    text-transform: none;
    padding: 0.412em 0.176em;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#trefferliste .dgrid-cell{
    padding: 0 0.176em;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.field-username {
    width: 25%;
}

.field-docdate {
    width: 10.000em;
}

.dgrid-row{
    height: 2.353em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}


#trefferliste .dgrid-resize-handle{
    border-left: 10px solid transparent;
}


/* searchTable
==============*/


#searchTable {
    border-spacing: 0 2px;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 2px;
}

#searchTable tr.spacer{
    height: 0.294em;
}

#search_ftx_type,
#search_selectUserGroup,
#search_dateType,
#search_linkTitleType,
#search_maxHit, #search_maxHit2,
#sd_search_maxHit {
    height: 2.353em;
    width: 100%;
}


.dijitArrowButtonContainer {
    width: 2.353em;
    height: 100%;
}




.dijitInputInner{
    width: 100%;
}

.mblView.fullHeight{
    height: 100%;
}


/*************************************************************************
** Animation
**************************************************************************/


#info_container .handle .anim_paused{
    animation-play-state: paused;
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
}


/*************************************************************************
** RESPONSIVE LAYOUT
**************************************************************************/
/*
    min-width usw. können auch als "em" angegeben werden, allerdings bezieht sich das auf "17px -> body font-size".
*/
@media only screen and ( min-width: 524px ) {
    
    /* u.U. nicht gebraucht */
    
    /*
    .doc_wvlLabel{
        font-size: 17px;
    }
    */
    
}


@media only screen and ( min-width: 580px ) {
    
    /* u.U. nicht gebraucht */
    
    
}
/* and ( -webkit-min-device-pixel-ratio: 1.3 ) */

@media only screen and ( min-width: 720px ) {

    
    
        
}


@media only screen and ( min-width: 768px ) {
    /* Tablet größe (laut Bootstrap)... mal sehen was man hier optimieren kann */
/* 
Wird für die gepflegte Darstellung einiger Element benötigt:
    .adjustContainer:
        Ab 768px 4er Spalten, sonst 2er Spalten. Mehr als 4 -> nicht benötigt.
    .extOpt.label:
        vergrößerung der Schrift zum Normalwert (ist unter 768px kleiner)
    .doc_addField_label:
        vergrößerung der Schrift zum Normalwert (ist unter 768px kleiner)
*/
    
    .adjustContainer{
        width: 48em;
    }
    
    #sf_layout > div,
    #iSF_layout > div,
    #dynSF_layout > div,
    #staticSF_layout > div,
    #sd_sf_layout > div {
        width: 25%;
    }
    
    .extOpt.label{
        font-size: 1em; 
    }
    
    .doc_addField_label{
        font-size: 1em; 
    }
    
    /*
    .adjustContainer_50{
        width: 18em;
    }
    
    
    tr.extOptRow td{
      padding-top:20px;
      padding-bottom:20px;
      padding-right:20px;   
    }

    tr.extOptRow td:first-child{
      padding-left:20px;
      padding-right:0;
    }
    */
    
}


@media only screen and ( min-width: 960px ) {
    /* Große Auflösung ... ab hier beginnt die SplitScreen Ansicht.
     * M Auflösung: 2 Spaltige Darstellung
     */
    
    /*
    .page.splitScreen{
        width: 50%;
    }
    */
    /* vorerst unused */
    .section{
        width: 50%;
    }

}


@media only screen and ( min-width: 1440px ) {
    /*
        L Auflösung: 3 Spaltige Darstellung
    */
    
    
}


@media only screen and ( min-width: 1920px ) {
    /*
        XL Auflösung: 4 Spaltige Darstellung
    */
    
    
}


/*************************************************************************
** DEBUG / TEST
**************************************************************************/

#combo_test, #widget_combo_test{
    display: inline-block !important;
    width: 100%;
    height: 2.353em;
}

/* addon */
.mblComboBoxMenuItem:nth-child(even),
.dijitComboBoxMenu .dijitMenuItem:nth-child(even) {
    background-color: var(--c_grey90);
    border-bottom: 1px solid var(--c_grey60);
}
.dark_style .mblComboBoxMenuItem:nth-child(even),
.dark_style .dijitComboBoxMenu .dijitMenuItem:nth-child(even){
    background-color: var(--c_grey40);
    color: var(--color_10);
}

/* addon */
.mblComboBoxMenuItem:nth-child(odd),
.dijitComboBoxMenu .dijitMenuItem:nth-child(odd) {
    background-color: var(--c_grey80);
    border-bottom: 1px solid var(--c_grey60);
}
.dark_style .mblComboBoxMenuItem:nth-child(odd),
.dark_style .dijitComboBoxMenu .dijitMenuItem:nth-child(odd) {
    background-color: var(--c_grey30);
    color: var(--color_10);
}

/* addon */
.mblComboBoxMenuItem, .dijitMenuItem{
    cursor: pointer;
    line-height: 2;
}

/* addon */
.dijitPopup.mblComboBoxMenuPopup .mblComboBoxMenu div:first-child{
    width: 100%;
}

/* overwrite */
/* die folgenden 2 Farben werden momentan noch nicht verwendet. Aktualisieren wenn soweit */
.claro .dijitComboBoxHighlightMatch {
    background-color: rgba(76,168,255,0.25);
}
.dark_style.claro .dijitComboBoxHighlightMatch {
    background-color: rgba(0,92,179,0.33);
}


.dijitComboBoxMenu .dijitReset.dijitMenuItem.dijitMenuItemHover {
    background-color: var(--c_bfOra_full);
}
.dark_style .dijitComboBoxMenu .dijitReset.dijitMenuItem.dijitMenuItemHover {
    background-color: var(--c_bfOra_ligh1);
}


/*************************************************************************
** SPRITE STYLES
**************************************************************************/
/**
  * /dark_24.css
  */
.dark_24 {
    background-image: url(sprites/dark_24.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px !important;
    height: 24px !important;
}

.dark_24.abort {
    background-position: 0 0;
}

.dark_24.add {
    background-position: -24px 0;
}

.dark_24.annotation_delete {
    background-position: -48px 0;
}

.dark_24.annotation_no {
    background-position: -72px 0;
}

.dark_24.annotation_private {
    background-position: -96px 0;
}

.dark_24.annotation_public {
    background-position: -120px 0;
}

.dark_24.archive_automatic {
    background-position: -144px 0;
}

.dark_24.archive_document {
    background-position: -168px 0;
}

.dark_24.arrow {
    background-position: -192px 0;
}

.dark_24.arrow_down {
    background-position: -216px 0;
}

.dark_24.arrow_left {
    background-position: -240px 0;
}

.dark_24.arrow_right {
    background-position: -264px 0;
}

.dark_24.arrow_up {
    background-position: -288px 0;
}

.dark_24.autoreference {
    background-position: -312px 0;
}

.dark_24.away {
    background-position: -336px 0;
}

.dark_24.away_create {
    background-position: -360px 0;
}

.dark_24.away_edit {
    background-position: 0 -24px;
}

.dark_24.away_remove {
    background-position: -24px -24px;
}

.dark_24.bell {
    background-position: -48px -24px;
}

.dark_24.bell_view {
    background-position: -72px -24px;
}

.dark_24.bookmark {
    background-position: -96px -24px;
}

.dark_24.bookmark_check {
    background-position: -120px -24px;
}

.dark_24.bookmark_check_selected {
    background-position: -144px -24px;
}

.dark_24.bookmark_create {
    background-position: -168px -24px;
}

.dark_24.bookmark_folder {
    background-position: -192px -24px;
}

.dark_24.bookmark_folder_selected {
    background-position: -216px -24px;
}

.dark_24.bookmark_global {
    background-position: -240px -24px;
}

.dark_24.bookmark_global_selected {
    background-position: -264px -24px;
}

.dark_24.bookmark_selected {
    background-position: -288px -24px;
}

.dark_24.camera {
    background-position: -312px -24px;
}

.dark_24.checkout_disabled {
    background-position: -336px -24px;
}

.dark_24.checkout_unselected {
    background-position: -360px -24px;
}

.dark_24.clipboard {
    background-position: 0 -48px;
}

.dark_24.clipboard_file {
    background-position: -24px -48px;
}

.dark_24.clipboard_link {
    background-position: -48px -48px;
}

.dark_24.clipboard_page {
    background-position: -72px -48px;
}

.dark_24.clipboard_stamp {
    background-position: -96px -48px;
}

.dark_24.clock {
    background-position: -120px -48px;
}

.dark_24.clock_abort {
    background-position: -144px -48px;
}

.dark_24.clock_check {
    background-position: -168px -48px;
}

.dark_24.clock_create {
    background-position: -192px -48px;
}

.dark_24.clock_disabled {
    background-position: -216px -48px;
}

.dark_24.clock_enabled {
    background-position: -240px -48px;
}

.dark_24.clock_forward {
    background-position: -264px -48px;
}

.dark_24.clock_refresh {
    background-position: -288px -48px;
}

.dark_24.clock_unselected {
    background-position: -312px -48px;
}

.dark_24.close {
    background-position: -336px -48px;
}

.dark_24.comment_add {
    background-position: -360px -48px;
}

.dark_24.comment_delete {
    background-position: 0 -72px;
}

.dark_24.comment_edit {
    background-position: -24px -72px;
}

.dark_24.comment_view {
    background-position: -48px -72px;
}

.dark_24.cut_border {
    background-position: -72px -72px;
}

.dark_24.database_close {
    background-position: -96px -72px;
}

.dark_24.database_create {
    background-position: -120px -72px;
}

.dark_24.database_export {
    background-position: -144px -72px;
}

.dark_24.database_start {
    background-position: -168px -72px;
}

.dark_24.date {
    background-position: -192px -72px;
}

.dark_24.date_deleteDate_recalculate {
    background-position: -216px -72px;
}

.dark_24.delete_nrs {
    background-position: -240px -72px;
}

.dark_24.dialog_bookmark {
    background-position: -264px -72px;
}

.dark_24.dialog_stamp {
    background-position: -288px -72px;
}

.dark_24.document {
    background-position: -312px -72px;
}

.dark_24.document_bookmark {
    background-position: -336px -72px;
}

.dark_24.document_checkout {
    background-position: -360px -72px;
}

.dark_24.document_checkout_all {
    background-position: 0 -96px;
}

.dark_24.document_copy {
    background-position: -24px -96px;
}

.dark_24.document_create_empty {
    background-position: -48px -96px;
}

.dark_24.document_delete {
    background-position: -72px -96px;
}

.dark_24.document_info {
    background-position: -96px -96px;
}

.dark_24.document_invert_color {
    background-position: -120px -96px;
}

.dark_24.document_last {
    background-position: -144px -96px;
}

.dark_24.document_link_add {
    background-position: -168px -96px;
}

.dark_24.document_link_remove {
    background-position: -192px -96px;
}

.dark_24.document_merge {
    background-position: -216px -96px;
}

.dark_24.document_reload {
    background-position: -240px -96px;
}

.dark_24.document_reserve_1 {
    background-position: -264px -96px;
}

.dark_24.document_reserved_view_1 {
    background-position: -288px -96px;
}

.dark_24.document_split {
    background-position: -312px -96px;
}

.dark_24.download {
    background-position: -336px -96px;
}

.dark_24.edit {
    background-position: -360px -96px;
}

.dark_24.edit_abort {
    background-position: 0 -120px;
}

.dark_24.edit_enabled {
    background-position: -24px -120px;
}

.dark_24.edit_graphics {
    background-position: -48px -120px;
}

.dark_24.edit_password {
    background-position: -72px -120px;
}

.dark_24.edit_unselected {
    background-position: -96px -120px;
}

.dark_24.export_csv {
    background-position: -120px -120px;
}

.dark_24.export_meta {
    background-position: -144px -120px;
}

.dark_24.export_odt {
    background-position: -168px -120px;
}

.dark_24.export_xls {
    background-position: -192px -120px;
}

.dark_24.external_application {
    background-position: -216px -120px;
}

.dark_24.fields {
    background-position: -240px -120px;
}

.dark_24.fields_automatic {
    background-position: -264px -120px;
}

.dark_24.fields_save {
    background-position: -288px -120px;
}

.dark_24.fields_view {
    background-position: -312px -120px;
}

.dark_24.files {
    background-position: -336px -120px;
}

.dark_24.files_delete {
    background-position: -360px -120px;
}

.dark_24.files_delete_all {
    background-position: 0 -144px;
}

.dark_24.files_download {
    background-position: -24px -144px;
}

.dark_24.files_load {
    background-position: -48px -144px;
}

.dark_24.flag_britain {
    background-position: -72px -144px;
}

.dark_24.flag_germany {
    background-position: -96px -144px;
}

.dark_24.folder_closed {
    background-position: -120px -144px;
}

.dark_24.folder_open {
    background-position: -144px -144px;
}

.dark_24.fulltext_copy {
    background-position: -168px -144px;
}

.dark_24.fulltext_view {
    background-position: -192px -144px;
}

.dark_24.group {
    background-position: -216px -144px;
}

.dark_24.group-resubmission {
    background-position: -240px -144px;
}

.dark_24.group_resubmission_forward {
    background-position: -264px -144px;
}

.dark_24.help {
    background-position: -288px -144px;
}

.dark_24.history {
    background-position: -312px -144px;
}

.dark_24.hitlist {
    background-position: -336px -144px;
}

.dark_24.home {
    background-position: -360px -144px;
}

.dark_24.hotsearch {
    background-position: 0 -168px;
}

.dark_24.hotsearch_filled {
    background-position: -24px -168px;
}

.dark_24.importer_document_pages {
    background-position: -48px -168px;
}

.dark_24.importer_pages {
    background-position: -72px -168px;
}

.dark_24.importer_reset {
    background-position: -96px -168px;
}

.dark_24.importer_send {
    background-position: -120px -168px;
}

.dark_24.importer_send_view {
    background-position: -144px -168px;
}

.dark_24.info {
    background-position: -168px -168px;
}

.dark_24.issue {
    background-position: -192px -168px;
}

.dark_24.jump_to_original_archive {
    background-position: -216px -168px;
}

.dark_24.keyboard_up {
    background-position: -240px -168px;
}

.dark_24.language_select {
    background-position: -264px -168px;
}

.dark_24.layout_delete {
    background-position: -288px -168px;
}

.dark_24.layout_expand {
    background-position: -312px -168px;
}

.dark_24.layout_reduce {
    background-position: -336px -168px;
}

.dark_24.layout_save {
    background-position: -360px -168px;
}

.dark_24.layouts {
    background-position: 0 -192px;
}

.dark_24.left {
    background-position: -24px -192px;
}

.dark_24.letter {
    background-position: -48px -192px;
}

.dark_24.line {
    background-position: -72px -192px;
}

.dark_24.link {
    background-position: -96px -192px;
}

.dark_24.link_create {
    background-position: -120px -192px;
}

.dark_24.link_delete {
    background-position: -144px -192px;
}

.dark_24.link_enabled {
    background-position: -168px -192px;
}

.dark_24.link_reserve {
    background-position: -192px -192px;
}

.dark_24.link_reserve_documentLink {
    background-position: -216px -192px;
}

.dark_24.link_unselected {
    background-position: -240px -192px;
}

.dark_24.list {
    background-position: -264px -192px;
}

.dark_24.list_settings {
    background-position: -288px -192px;
}

.dark_24.lock {
    background-position: -312px -192px;
}

.dark_24.lock_create {
    background-position: -336px -192px;
}

.dark_24.lock_no {
    background-position: -360px -192px;
}

.dark_24.mail_file {
    background-position: 0 -216px;
}

.dark_24.mail_link {
    background-position: -24px -216px;
}

.dark_24.mail_pdf {
    background-position: -48px -216px;
}

.dark_24.mail_tif {
    background-position: -72px -216px;
}

.dark_24.mail_view {
    background-position: -96px -216px;
}

.dark_24.more {
    background-position: -120px -216px;
}

.dark_24.move {
    background-position: -144px -216px;
}

.dark_24.note_blue {
    background-position: -168px -216px;
}

.dark_24.note_green {
    background-position: -192px -216px;
}

.dark_24.note_orange {
    background-position: -216px -216px;
}

.dark_24.note_red {
    background-position: -240px -216px;
}

.dark_24.note_yellow {
    background-position: -264px -216px;
}

.dark_24.ocr {
    background-position: -288px -216px;
}

.dark_24.office_addins_archive_attachment {
    background-position: -312px -216px;
}

.dark_24.office_addins_archive_mail {
    background-position: -336px -216px;
}

.dark_24.office_addins_settings {
    background-position: -360px -216px;
}

.dark_24.ok {
    background-position: 0 -240px;
}

.dark_24.original_file_enabled {
    background-position: -24px -240px;
}

.dark_24.original_file_unselected {
    background-position: -48px -240px;
}

.dark_24.original_restore {
    background-position: -72px -240px;
}

.dark_24.original_view {
    background-position: -96px -240px;
}

.dark_24.page_delete {
    background-position: -120px -240px;
}

.dark_24.paint_settings {
    background-position: -144px -240px;
}

.dark_24.pencil_blue {
    background-position: -168px -240px;
}

.dark_24.pencil_green {
    background-position: -192px -240px;
}

.dark_24.pencil_orange {
    background-position: -216px -240px;
}

.dark_24.pencil_red {
    background-position: -240px -240px;
}

.dark_24.pencil_yellow {
    background-position: -264px -240px;
}

.dark_24.pin {
    background-position: -288px -240px;
}

.dark_24.plugin {
    background-position: -312px -240px;
}

.dark_24.pointer {
    background-position: -336px -240px;
}

.dark_24.preview_auto {
    background-position: -360px -240px;
}

.dark_24.preview_height {
    background-position: 0 -264px;
}

.dark_24.preview_no_autozoom {
    background-position: -24px -264px;
}

.dark_24.preview_original {
    background-position: -48px -264px;
}

.dark_24.preview_width {
    background-position: -72px -264px;
}

.dark_24.print {
    background-position: -96px -264px;
}

.dark_24.print_reserve_document {
    background-position: -120px -264px;
}

.dark_24.print_reserved_documents {
    background-position: -144px -264px;
}

.dark_24.print_view {
    background-position: -168px -264px;
}

.dark_24.profile_change {
    background-position: -192px -264px;
}

.dark_24.relog {
    background-position: -216px -264px;
}

.dark_24.remove {
    background-position: -240px -264px;
}

.dark_24.remove_dots {
    background-position: -264px -264px;
}

.dark_24.rename_document {
    background-position: -288px -264px;
}

.dark_24.reset {
    background-position: -312px -264px;
}

.dark_24.resubmission_everybody {
    background-position: -336px -264px;
}

.dark_24.resubmission_everybody_forward {
    background-position: -360px -264px;
}

.dark_24.resubmission_group {
    background-position: 0 -288px;
}

.dark_24.resubmission_group_forward {
    background-position: -24px -288px;
}

.dark_24.resubmission_own {
    background-position: -48px -288px;
}

.dark_24.resubmission_own_forward {
    background-position: -72px -288px;
}

.dark_24.resubmission_user_1 {
    background-position: -96px -288px;
}

.dark_24.rotate_180 {
    background-position: -120px -288px;
}

.dark_24.rotate_left {
    background-position: -144px -288px;
}

.dark_24.rotate_right {
    background-position: -168px -288px;
}

.dark_24.save_file {
    background-position: -192px -288px;
}

.dark_24.save_link {
    background-position: -216px -288px;
}

.dark_24.save_pdf {
    background-position: -240px -288px;
}

.dark_24.save_tif {
    background-position: -264px -288px;
}

.dark_24.save_view {
    background-position: -288px -288px;
}

.dark_24.search {
    background-position: -312px -288px;
}

.dark_24.search_empty {
    background-position: -336px -288px;
}

.dark_24.search_left {
    background-position: -360px -288px;
}

.dark_24.search_result_highlighting {
    background-position: 0 -312px;
}

.dark_24.search_result_highlighting_no {
    background-position: -24px -312px;
}

.dark_24.search_right {
    background-position: -48px -312px;
}

.dark_24.select {
    background-position: -72px -312px;
}

.dark_24.send_to {
    background-position: -96px -312px;
}

.dark_24.settings {
    background-position: -120px -312px;
}

.dark_24.share {
    background-position: -144px -312px;
}

.dark_24.sorting_abort {
    background-position: -168px -312px;
}

.dark_24.stamp_blue {
    background-position: -192px -312px;
}

.dark_24.stamp_green {
    background-position: -216px -312px;
}

.dark_24.stamp_grey {
    background-position: -240px -312px;
}

.dark_24.stamp_orange {
    background-position: -264px -312px;
}

.dark_24.stamp_purple {
    background-position: -288px -312px;
}

.dark_24.stamp_yellow {
    background-position: -312px -312px;
}

.dark_24.start {
    background-position: -336px -312px;
}

.dark_24.status_check_in {
    background-position: -360px -312px;
}

.dark_24.status_check_out {
    background-position: 0 -336px;
}

.dark_24.status_field_disabled {
    background-position: -24px -336px;
}

.dark_24.status_field_enabled {
    background-position: -48px -336px;
}

.dark_24.status_field_unselected {
    background-position: -72px -336px;
}

.dark_24.straighten {
    background-position: -96px -336px;
}

.dark_24.surface {
    background-position: -120px -336px;
}

.dark_24.switch {
    background-position: -144px -336px;
}

.dark_24.symbolic_link {
    background-position: -168px -336px;
}

.dark_24.symbolic_link_remove {
    background-position: -192px -336px;
}

.dark_24.symbolic_link_view {
    background-position: -216px -336px;
}

.dark_24.tag_edit {
    background-position: -240px -336px;
}

.dark_24.tag_remove {
    background-position: -264px -336px;
}

.dark_24.team_viewer {
    background-position: -288px -336px;
}

.dark_24.thumbnail {
    background-position: -312px -336px;
}

.dark_24.toggle_navigation {
    background-position: -336px -336px;
}

.dark_24.toggle_search_options {
    background-position: -360px -336px;
}

.dark_24.toolbar {
    background-position: 0 -360px;
}

.dark_24.tools {
    background-position: -24px -360px;
}

.dark_24.trash_can {
    background-position: -48px -360px;
}

.dark_24.tree {
    background-position: -72px -360px;
}

.dark_24.tree_expand {
    background-position: -96px -360px;
}

.dark_24.tree_reduce {
    background-position: -120px -360px;
}

.dark_24.tree_reload {
    background-position: -144px -360px;
}

.dark_24.update {
    background-position: -168px -360px;
}

.dark_24.user {
    background-position: -192px -360px;
}

.dark_24.view_reload {
    background-position: -216px -360px;
}

.dark_24.warehouse_closed {
    background-position: -240px -360px;
}

.dark_24.warehouse_open {
    background-position: -264px -360px;
}

.dark_24.workspace_copy {
    background-position: -288px -360px;
}

.dark_24.workspace_document {
    background-position: -312px -360px;
}

.dark_24.workspace_document_pages {
    background-position: -336px -360px;
}

.dark_24.workspace_pages {
    background-position: -360px -360px;
}