body {
    color: #011d1a;
}

a {
    color: #337ab7;
    text-decoration: underline;
}

/*  Helleres Taskbar Blau: #3a5e82 */
/*  Dunkleres Taskbar Blau: #2f4c69 */
/*  ganz dunkles Taskbar Button Blau #192838 */
/* BAG Türkisblau #07A1E2 */

/* Hintergrundfarbe des gesamten Inhaltsbereichs */
/*.safran-page-container {
    background: white;
}*/
.Bw-l400 .safran-page-content {
    padding: 6px;
}
.xaMenuBodyGeneralCSS {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
/* Benutzermenu-Popup: Scrollbar verhindern */
.xa-startmenuheader {
    margin-right: 0px;
}

/* Hintergrundfarbe horizontaler Header oben */
.saf-horizontal {
    background: linear-gradient(90deg, #fff 15%, #f5f5f5 65%);
}

    .saf-horizontal .xataskBarItem {
        border-top: 0px;
        background-color: transparent;
        height: auto;
        margin: 0;
        font-weight: 600;
    }

.taskBarHolder.saf-horizontal > .taskBarContainer {
    height: auto;
}
.taskBarHolder.saf-horizontal > .taskBarContainer .xataskBarItem {
    height: auto;
   /* max-width:16em;*/
}
.saf-horizontal .xataskBarItem.xa-active, .saf-horizontal .xataskBarItem.xa-expanded {
    border-top: none;
    border-left: none;
}

/* horizontales Tab, das angeklickt wurde und welches ein Untermenu anzeigt */
.saf-horizontal .xa-startbutton.xa-linear.xa-open {
    background-color: inherit;
}

.saf-horizontal .xa-startbutton.xa-linear.xa-active, .saf-horizontal .xa-startbutton.xa-linear.xa-expanded {
    background-color: #3a5e82;
    color: #f3f3f3;
    text-decoration: none;
}

.saf-horizontal .xa-startbutton.xa-linear .xa-icon {
    color: inherit;
}
.saf-horizontal .xataskBarItem.xa-active, .saf-horizontal .xataskBarItem.xa-expanded {
    box-shadow: 0px 0px 34px rgba(0,0,0,0.6);
}


/* Textfarbe der horizontalen Taskbar-Buttons */
.saf-horizontal .xa-startbutton.xa-linear {
    color: #011d1a;
    /*background-color: rgba(58,58,58,0.81);*/
    background-color: white;
}

/* Hintergrundfarbe der vertikalen Taskbar */
.sfBody-dark {
    background-image: url(/image/bg-striped.png);
}

/* vertikale Taskbar 10 px Abstand (rot) von oben */
.saf-vertical .taskBarContainer:nth-child(2) {
    border-top: 10px solid red;
}
/* Textfarbe der vertikalen Taskbar-Buttons */
.saf-vertical .xa-startbutton.xa-compact {
    color: #011d1a;
    font-weight: 600;
    background-color: transparent;
}
    /* Hintergrundfarbe aktiver vertikal Taskbar-Button */
    .saf-vertical .xa-startbutton.xa-compact.xa-expanded {
        background-color: #fcfcfc;
        border-left: 3px solid red;
        color: #011d1a;
        font-weight: 600;
        border-top: 0px;
        border-bottom: 0px;
    }
    /* Icon der vertikalen Task-Buttons */
    .saf-vertical .xa-startbutton.xa-compact .xa-icon {
        color: #011d1a;
    }

    .saf-vertical .xa-startbutton.xa-compact.xa-expanded .xa-icon {
        color: #011d1a;
    }
/* Button "Benutzereinstellungen" der vertikalen Taskbar */
.saf-vertical .xa-startbutton[data-name="SYS:USER"] {
    background-color: #3a5e82 !important;
    color: white;
}

    .saf-vertical .xa-startbutton[data-name="SYS:USER"] .xa-icon {
        color: white;
    }

/* Textgrössen im eingeblendeten Dialog bei Speicherfehern */
.saf-message-container h1 {
    font-size:large;
}
.saf-message-container h4 {
    font-size:inherit;
}
/********* Web-Queries *************/
.mbtAppliedFilter {
    background-color: rgba(6,134,9,0.77);
}

.mbtPagingLinkActive {
    background-color: rgba(6,134,9,0.77);
}
/* WebQuery Filterelement für Vorgabewerte und Datumsfilter */
.filterControl-PreValues, .filterControl-widget-date {
    border-color: #567593; /* graublau */
}
/*** drop-down Menu für level-2 navigation ***/
.xa-startmenucentercontainer {
    margin-top: 0px;
}
.xmenulist {
    padding-left: 0px;
    padding-right: 0px;
}
.xa-startmenucentercontainer, .acType-samePage.xML-i, .acType-newDialog.xML-i {
    background-color: #3a5e82;
}

.acType-samePage .nav-Icon, .acType-newDialog .nav-Icon {
        background: inherit;
        border: none;
    }
.xaSizingCont {
    padding-left: 0px;
}

.xML-i a, .xML-i a:hover, .xML-i a:visited {
    color: #f5f5f5;
    font-size: 1.1em;
}
.activeNavigation {
    background-color: #a4b3c2 !important;
    border-left: 4px solid red;
}
    .activeNavigation a {
        color: #011d1a;
        text-decoration: none;
    }

.saf-horizontal .xa-startbutton.xa-linear.acType-submenu:before {
    font-family: fontAwesome;
    content: "\f0da";
    color: red;
    padding-left: 0.5em;
    padding-top: 0em;
}

/* Eingabefelder der Query-Filterelemente */

/* Hintergrundfarbe horizontale Taskbar unten */
.xaMenuGeneralCSS {
    box-shadow: none;
    background-color: #3a5e82 !important;
    padding: 5px;
    padding-left: 7px;
}

.xaMenuGeneralCSS .filterControl {
        background-color: rgb(245,245,245);
        color: #333333;
        margin-bottom: 0px;
    }

    .xaMenuGeneralCSS .filterControl:focus {
        border: none;
    }
    /* Eingabefeld Filter Placeholder-Text*/
    .xaMenuGeneralCSS .filterControl::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.9);
    }

    .xaMenuGeneralCSS .filterControl::-moz-placeholder {
        color: rgba(0, 0, 0, 0.9);
    }

    .xaMenuGeneralCSS .filterControl:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.9);
    }

    .xaMenuGeneralCSS .filterControl:-moz-placeholder {
        color: rgba(0, 0, 0, 0.9);
    }

.xaMenuGeneralCSS input.xaGroup-inp::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.9);
}

.xaMenuGeneralCSS input.xaGroup-inp::-moz-placeholder {
    color: rgba(0, 0, 0, 0.9);
}

.xaMenuGeneralCSS input.xaGroup-inp:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.9);
}

.xaMenuGeneralCSS input.xaGroup-inp:-moz-placeholder {
    color: rgba(0, 0, 0, 0.9);
}

.xaMenuGeneralCSS .caMenuBt {
    background-color: rgba(194,210,234,.3);
    border: none;
    margin-bottom: 0px;
    height: 32px;
}
.xaFilterPlaceholder > * {
    height: 32px;
    border-radius: 3px;
    border: none;
    margin-bottom: 0px;
}
/* Funktions-Buttons bei Webabfragen - hover */
.xaMenuGeneralCSS .caMenuBt:hover {
    background-color: rgb(118, 137, 157) !important;
    box-shadow: 5px -3px 5px rgba(0,0,0,.1);
    border: none;
}
/* Spaltenauswahl - aktivierte Items */
.xaListSelItem.selected {
    background-color: #3da03f; /* grün */
}
/* Buttons*/
/* Formularfenster-Footer  */
.xaWinFooter .btn {
    border:none
}
.xaWinFooter .btn-default {
    background: #ddd;
    border-radius: 3px;
}
.xaWinFooter .btn-primary {
    border-radius: 3px;
}
/* Allgemeine Buttons auf Inhaltsseiten */
.btn.btn-primary {
    background-color: #3a5e82;
    text-decoration: none;
    border-radius: 3px;
}
/* */
.xaWinFooter .btn:hover {
    border: 2px solid #ffffff;
    transform:scale(1.1);
}

/* Panel Einstellungen (user-menu in Taskbar) */
.nav-panelsRelative .xa-navPanel {
    background: #3a5e82;
    padding: 0px;
    box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.5);
}

/****** Tabellen *****************/
.mbtRow.mbtRowActive {
    outline: 1.5px dashed #ff0000;
    font-weight: 600;
}
    /* Selektierte Row innerhalb einer Tabelle/Auswahl */
    .mbtRow.mbtRowActive.selected {
        color: white;
    }
/* Selektierte Zelle innerhalb einer aktiven Row einer Tabelle/Auswahl */
.renderer-Table .mbtRow.selected > .mbtCell {
    background-color: rgba(6,134,9,0.77);
}

/**** Formular Fenster ****/
/* Formular-Hintergrund*/
.xaDialogBodyCSS {
    background: #ecebe6;
    margin: 0px;
    border: none;
}
.Bw-l500 .xaDialogBodyCSS {
    margin: 0px;
    border: none;
}

/* Dialog Fenster Header und Footer - ohne Schatten */
.sfw-shadows > .xaWinHeader {
        box-shadow: none;
}

.sfw-shadows > .xaWinFooter {
        box-shadow: none;
}

/* Dialog/Fenster Header */
.sfw-colors-light > .xaWinHeader {
        background-color: #3a5e82;
        color: #fcfcfc;
    }
.sfw-colors-light {
    border:none;
}
/* Funktionsbuttons (Schliessen) der Dialog/Formular-Fenster*/
.sfw-colors-light > .xaWinHeader .xaWinBt {
            font-size: 1.6em;
            line-height: 0.85em;
            font-weight: bold;
            padding-left: 5px;
            padding-right: 5px;
            padding-bottom: 3px;
            margin-top: -1px;
            margin-left: 2px;
            width: 30px;
            color: white;
            background-color: transparent;
}
/* Dialog Fenster - Footer mit Border-top */
.sfw-paddings-std > .xaWinFooter {
    padding-left: 12px;
    border-top: 1px solid #ccc;
}
/***********Formular-Elemente*******/
/* Tabs */
.tabs .tab-content {
    background-color: #fafafa;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
.tabs .tab-links {
    margin-left: 0px;
}
.tabs .tab-links > li.active a {
    background-color: #fafafa;
}
.mbfGrid > .mbfControlGroup {
    margin-right: 0px;
}

/* Gruppierungsboxen Hierarchie 0 */
.mbfControlGroup-0 {
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #fafafa;
    margin: 0px;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
}
    /* Titel von Gruppierungsboxen-0 */
    .mbfControlGroup-0 > .mbfControlGroup-legend {
        font-size: 1.2em;
        border-bottom: none;
        color: #011d1a;
        background: rgb(250,250,250);
        border-radius:10px;
        margin-bottom: 5px;
        width: 100%;
        padding: 0px;
        padding-left: 5px;
        padding-bottom:5px;
    }
/* Gruppiernungsbox-1 */
.mbfControlGroup-1 {
    /*border: 1.5px dashed rgba(0,0,0,.2);*/
    border: 1px dashed #777; /* Alternative 25.8.2020 */
    margin-bottom: 5px;
    margin-right: 3px !important;
    margin-top: 0px;
    width: 100%;
}
    /* Titel von Gruppierungsboxen-1 */
    .mbfControlGroup-1 > .mbfControlGroup-legend {
        padding-right: 5px;
        font-size:unset;
        color: unset;
        border-bottom: 1px dashed #777;
    }

.mbfControlGroup-2 > .mbfControlGroup-legend {
    font-size: inherit;
    color: #3a5e82;
    border-bottom: 1px dotted #777;
}
/* 2. Ebende Gruppierungsboxen */
.mbfControlGroup.mbfControlGroup-2 {
    border: 1.5px dotted rgba(0,0,0,.3);
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}
/* Titeln von Gruppierungsboxen - icon ausblenden */
.mbfControlGroup-legend::before {
   /* content: "";
    padding:0px;*/
}

/* normale Formular-Eingabefelder */
.xaGroup-inp {
    padding: 2px;
}
.caInput {
    border: 1px solid #ccc;
    border-bottom: 1px solid #0a0a0a;
    background-color: white;
}

/* schreibgeschützte Formularfelder */
.caInput input[readonly="readonly"], .caInput input[readonly] {
        background-color: transparent;
    }
.caInput.inpReadOnly {
        border-color: #ddd;
}

/* Breite der ControlContainer vereinheitlichen */
.mbfControlContainer {
    min-width: 360px;
}
/* Ausnahme ControContainer-Breite bei Editierbarer Liste z.B. detAPK Erfassung */
.caCEFTableBody .mbfControlContainer {
    min-width: unset;
}

/* bei horizontalen Stackpanel das Wrapping der Labels abschalten */
.mbfHorizontalStackPanel > .mbfControlContainer > label {
    white-space: unset;
}
/* Label der Formularelemente */
.mbfControlContainer > label {
    color: #000;
}
/* Mehrzeilige Text-Input-Felder */
.caInput.mbfTextArea, .caInput.mtbTextEditorContainer {
    border-color: #dddddd;
    border-bottom: 1px solid #0a0a0a;
}
/* Mehrzeilige Text-Input-Felder */
.caInputFocus.mbfTextArea {
    border-color: #dddddd;
    border-bottom: 1px solid #0a0a0a;
}

.caCEFButtonBody .btn-default {
    font-size:unset;
    border-color: #bbb;

}
/* Date-Selector */
.xaDateSelectorTable thead {
    background-color: #3a5e82;
    color: #f5f5f5;
}
/* Checkbox active-state */
.slider-checkbox input:checked + .slcb_label:before {
    background-color: rgba(6, 134, 9, 0.77);
}
/* Hintergrundkontrast erhöhen für editierbare Slider-Checkbox */
.slider-checkbox .slcb_label:before {
    background-color: rgba(0,0,0,0.7);
}

/* RadioButtons */
/* RadioButton selected*/
.mbfControlContainer.mbfRadioControlContainerV2 .mbfRadioControlV2 .mbfRadioControlListV2 button.selected {
    /*color:#4CAF50;*/
    /*font-weight:bold;*/
    color:inherit;
    background-color:inherit;
}
.mbfControlContainer.mbfRadioControlContainerV2 .mbfRadioControlV2 .mbfRadioControlListV2 button.selected:before {
    color:inherit;
}
/* RadioButton not selected */
.mbfControlContainer.mbfRadioControlContainerV2 .mbfRadioControlV2 .mbfRadioControlListV2 button {
    background-color: white;
    color: inherit;
}

/* DropDown Konfigs */
.xaWinPSMenu {
    background-color: #f5f5f5;
    width: auto!important;
    min-width:calc(100%);
    padding-left: 0px;
    border:none;
}
.xaPSList {
    margin:unset;
}
.xaPSItem.xaDR {
    width: 100%;
    margin-left: 0px;
    padding-right: 5px;
    padding-left: 5px;
}
/* Ende DropDown Konfigs */

.xaWinPSMenuBody1 {
    margin-right: 1px;
    padding-left: 4px;
}

.xaMenu-TableDropdownCSS {
    border: none;
}
/* Filter-Inputfeld bei Filter-Listen für DropDown-Referenzfelder */
.filterControl-TextBox {
    border-color: #567593;
}

/* detAPK Erfassung: Tabellenbod */
.caCEFTableBody {
    width: 95%;
}

/* Paging Buttons bei detAPK Erfassung */
.caCEFPaging {
    background: #f5f5f5;
}
    .caCEFPaging a {
        margin: 0px;
        margin-right: .2em;
        background-color:white;
        border: 1px solid #567594;
    }

/********End Formular-Elemente******/

/*** Start: Sub-Formular Elemente */
.mbfSubFormContainer.subTableView {
    padding: 0;
    padding-bottom: 5px;
    min-width: 100%;
}
.mbfSubFormContainer .caCEFTableHead {
    background-color:whitesmoke;
}
.mbfSubFormContainer .caCEFTableHead td>div {
    background-color: whitesmoke;
}
 /***End: Sub-Formular Elemente ***/
 /**** transparentes (Fehler) Fenster ******/
 .xaWinTransp {
    border: 2px solid #3a5e82;
    background-color: rgba(58, 94, 130,0.6);
}

.xaWinBTransp {
    padding: 5px;
}
/* Fenster-Handler unten rechts */
.xaWinR0 {
    border-bottom: 18px solid #3a5e82;
}
/**** Validierungs-Fenster - Textschatten entfernen */
.xaWinH0 {
    text-shadow: none;
}
/* per Tastatur vorausgewähltes Element in DropDown-Auswahllisten innerhalb Formular */
.xaPSItem.keySelect {
    border: 1.5px solid green;
}
/* Aktives Element in DropDown-Auswahllisten innerhalb Formular */
.xaPSItem.selected {
    background: rgba(6, 134, 9, 0.77);
}


.mbfControlContainer > div.mbfLink.asButton a {
    background-color: #3a5e82;
    padding: 6px 12px;
}