.ui-loader.ui-body-a {
    border-style : none;            /* Rahmen um Loader-Icon entfernen */
}



/* Inputs */
.ui-input-text, .ui-input-search {
    background-color: #E0F7FA !important;
    border: 0;
    border-bottom: 1px solid #0097A7 !important;        /* Linie unten */
}

.ui-input-text.ui-focus, .ui-input-search.ui-focus {
    background-color: #B2EBF2 !important;
}



/* AutoComplete Result BUG FIX jQuery ==> Es ist in einem field-contain, daher nicht 78% width setzen!*/
.ui-field-contain > .ui-autocomplete-bug-fix .ui-controlgroup-controls {
    width: 100%;
}

/* AutoComplete Result Styling: Text linksbünding, Trennlinie */
.ui-field-contain > .ui-autocomplete-bug-fix .ui-controlgroup-controls .ui-btn {
    text-align: left;
    border-bottom: 1px solid #000000;
    margin-top: 1px;
}

.pd-input-earmark > .ui-input-text input, .pd-input-earmark > .ui-input-search input,
.ui-input-text.pd-input-earmark input, .ui-input-search.pd-input-earmark input {
    text-transform: uppercase;
}

/* AutoComplete Ist nicht korrekt ausgerichtet in pm:field (BUG Primefaces Mobile */
.ui-field-contain > label ~ [class*="ui-autocomplete"] > .ui-input-search {
    margin:0;
}


/* Info Block */
.bza-info-block {
    width:100%;
}

.bza-info-block > .ui-outputpanel {
    padding: 0.5em;         /* Innere Rahmen des Info-Blocks */
    min-height:2em;
}

.bza-info-block h1 {            /* Wird eigentlich nicht mehr gebraucht */
    font-size:1.1em;
    font-weight: bold;
}

/* Content Block */
.bza-content-block {
    margin-top:1em;
}


/* Fileuploader Repair */
.ui-fileupload.ui-fileupload-simple.ui-body-inherit.pd-fileupload-repair {
    background:inherit;
}

/* Hover-Effect für Buttons */
button.ui-btn:hover {
    opacity: 0.7;               /* VIELLEICHT BESSER MIT DIREKTER FARBE; INSBESODNERE WEGEN ÄLTEREN BROWSERN */
}

.bza-loginbox {
    width:20em !important;
    margin-left:auto;
    margin-right: auto;
}


.i4n-mobile-marker {
    display: inherit;

}

.i4n-desktop-marker {
    display: none;
}


/* Desktop Mode via Media Queries */
/* 64em Sprungpunkt zwischen Desktop und Mobile-Version */
@media only all and (min-width: 64em) {
    .ui-page > .ui-header,
    .ui-page > .ui-footer {
        z-index: 1002;                  /* 1 more than overlay panel */
    }

    .ui-page > .ui-panel.ui-panel-position-left {
        /*top: 2em;
        left:0;
        */
        top:0;
        left:0;
        position:relative;
        display:inline-block;
        float:left;
    }

    .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
    .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay {
        transform:none;
    }

    .ui-panel-position-left.ui-panel-closed {
        clip: inherit;
        max-height: inherit;
        overflow: inherit;
        visibility: inherit;
        width: 17em;
    }

    .ui-page > .ui-header.bza-desktop-off > .ui-btn {
        display:none;
    }

    .ui-page > .ui-content {
        margin-left:17em;
        position:relative;
    }

    .ui-panel-dismiss {
        display:none;       /* TODO: Wird irgendwie gar nicht gebraucht ?!?! */
    }

    .ui-page > .ui-header.bza-desktop-off > .ui-title {
        text-align: left;
        margin-left:1em;
    }


    /* Filter-Panel auf der rechten Seite */
    .ui-panel-position-right {
        box-shadow: none !important;
        background-color: inherit !important;
        visibility: visible;
        width:100%;
        position:relative;
    }

    .ui-panel-position-right .ui-panel-inner {
        padding:0;
    }

    .bza-mobile-only {
        display: none;
    }

    .i4n-mobile-marker {
        display: none;
    }

    .i4n-desktop-marker {
        display: inherit;
    }
}

@media only all and (max-width: 64em) {
    /* Filteranordnung, auch wenn im Desktop Aufspaltung auf mehrere Spalten wird dies im Mobilmodus auf einer Spalte dargestellt (Filterpanel)  */
    .ui-panel [class^="ui-grid-"] > [class^="ui-block-"] {
        width: 100%
    }

    .ui-panel.ui-panel-position-right {         /* Zurechtrücken des Filterpanels, da es "illegalerweise" nicht außerhalb von pm_page definiert ist */
        top:-1em;
        right:-1em !important;
    }
}


/* responsible Sprungpunkt für jQuery Mobile : 28em */
/* wenn in ui-panel alle FieldContains immer im responsible mode rendern (Filterpanel) */
@media only all and (min-width: 28em) {

    .ui-panel .ui-field-contain, .ui-panel .ui-mobile fieldset.ui-field-contain {
        display: block;
        position: relative;
        overflow: visible;
        clear: both;
        padding: .8em 0;
    }

    .ui-panel .ui-field-contain:last-child {
        border-bottom-width: 0;
    }

    .ui-panel .ui-field-contain > label {
        float: none;
        width:100%;
    }

    .ui-panel .ui-field-contain > label ~ [class*="ui-"], .ui-panel .ui-field-contain .ui-controlgroup-controls {
        float: none;
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
    }

    .ui-panel label, .ui-panel .ui-controlgroup-label {
        display: block;
        margin: 0 0 .4em;
    }

    .ui-panel .ui-field-contain:before,.ui-panel .ui-field-contain:after {
        content: "";
        display:block;
    }

    .ui-panel .ui-field-contain:after {
        clear: both;
    }
}



.ui-page.pd-page-no-panel .ui-content {       /* Damit für einfache Seiten wiederum das Padding links für das Menu ausgeschaltet ist... */
    margin-left: 0;
}

.ui-page.bza-dialog > .ui-content {     /* Damit bei Dialogfenstern der Abstand links nicht gezeigt wird auf Desktoprechnern */
    margin-left:0;
}

/* ---- */


/*
 PM-Calendar ist in falschem z-index; gesetzt wird er auf 1, aber muss auf 2 !important sein
 PM_Calendar: da aber in Popup der Datepicker kein Important haben darf, wird es hier noch auf 3 gesetzt
 Wenn aber in einem Dialog-Popup darf kein Important gesetzt sein...

 ===> Geht leider nicht... daher das select eins nachhinten... bisher keinen Fehler gefunden...
*/
/*
.ui-datepicker.ui-widget.ui-widget-content {
    z-index: 2 !important;
}*/
.ui-select select,
.ui-radio {
    z-index:1!important;
}

/*
.ui-column-header.ui-sortable-column > .ui-column-title {
    margin-right:30px;      /* 22px für die Breite des Icons + 8px Padding /
}
*/
.ui-column-header.ui-sortable-column {
    padding-right:30px;
}

/* MenuButton */
.pd-menubutton {
    position:relative;
    margin: 0.5em 0;
    width:auto;
    display:inline-block;
}
.pd-menubutton > .ui-btn {
    position:relative;
    top:0;
    left:0;
    margin:0;
    width:100%;
}
.pd-menubutton > .ui-select {
    opacity:0;
    margin: 0;
    left: 0;
    top: 0;
    position: absolute;
    width:100%;
}

.pd-menubutton > .ui-select > .ui-btn-icon-right {
    padding-right:0;
}

.pd-menubutton > .ui-select > .ui-btn {
    background-color: #ff0000;              /* ??? */
}

.bza-additional-text {
    font-size: 24px;
    font-weight: bold;
    color:#ff0000;
    text-align: center;
}

.bza-right {
    float: right;
}

.ui-select-editable {
    position: relative;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.ui-select-editable > .ui-input-text {
    margin-right: 3em;
    z-index: 1;
    margin-bottom: 0;
    margin-top: 0.25em;
    margin-left:0.25em;
}

.ui-select-editable > .ui-select {
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    z-index: 0;
    margin-top: 0;
    margin-bottom: 0;
}

/* ActionBar in DataTable */

.ui-pd-datatable .bza-actionbar {
    margin-bottom:0.5em;
/*    padding: 0.625em;*/
}

.ui-pd-datatable .bza-actionbar .ui-btn,
.ui-pd-datatable .bza-actionbar .pd-actionmenu-btn {
    margin-top:0;
    margin-bottom:0;
}

.ui-pd-datatable .bza-actionbar .bza-right > .ui-btn,
.ui-pd-datatable .bza-actionbar .bza-right > .pd-actionmenu-btn {
    margin-right:0;
}

/*
ActionBar Buttons
 */
.bza-actionbar .ui-btn {
}

/* ENDE */

/* ActionMenu Btn */

.pd-actionmenu-btn {
    position: relative;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.pd-actionmenu-btn > .ui-select {
    position: absolute;
    top: 0;
    left: 0;
    margin-top:0;
    margin-bottom:0;
    width: 100%;
}

.pd-actionmenu-btn > button.ui-btn {
    position: relative;
    top: 0;
    left: 0;
    margin-top:0;
    margin-bottom:0;
}

.pd-actionmenu-btn > .ui-select > .ui-btn.ui-state-disabled {
    visibility: hidden;
}

/* LoaderIcon hat einen Hintergrund, der nicht dort sein sollte */

.ui-loader.ui-loader-default {
    background: none;
}

/* InputText in Table kein Margin Top/Bottom */
.ui-datatable .ui-input-text {
    margin-top:0;
    margin-bottom: 0;
}


/* SelectManyCheckbox bei genügender Breite (>28em) nebeneinander rendern... */
@media only all and (min-width: 28em) {
    .bza-input-form .ui-field-contain > .ui-controlgroup.ui-controlgroup-vertical > .ui-controlgroup-controls > .ui-checkbox,
    .bza-input-form .ui-field-contain > .ui-controlgroup.ui-controlgroup-vertical > .ui-controlgroup-controls > .ui-radio {
        float: left;
        margin-right: 0.5em;
    }

    .bza-input-form .ui-field-contain > .ui-controlgroup.ui-controlgroup-vertical > .ui-controlgroup-controls > .ui-checkbox:last-child,
    .bza-input-form .ui-field-contain > .ui-controlgroup.ui-controlgroup-vertical > .ui-controlgroup-controls > .ui-radio:last-child {
        margin-right: 0;
    }
}

@media only all {
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-7, .ui-table-columntoggle.ui-responsive td.ui-table-priority-7,
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-6, .ui-table-columntoggle.ui-responsive td.ui-table-priority-6,
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-5, .ui-table-columntoggle.ui-responsive td.ui-table-priority-5,
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-4, .ui-table-columntoggle.ui-responsive td.ui-table-priority-4,
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-3, .ui-table-columntoggle.ui-responsive td.ui-table-priority-3,
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-2, .ui-table-columntoggle.ui-responsive td.ui-table-priority-2,
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-1, .ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
        display: none;
    }
}

.bza-input-form .ui-field-contain .ui-controlgroup-controls {
    width: 100%;
}


.pd-earmark {
    width: 9em !important;
}


.ui-table td.pd-center {
    text-align: center;
}

/* PLAUSICHECK eventuell nur in CSS vom PlausiCheck */

.pd-red-font {
    color: #d90000
}

.pd-green-font {
    color: #00d900
}

.pd-yellow-font {
    color: #ffd400
}

/* User Info Block in Seitenpanel */
.bza-userinfo-block {
    margin:-1em;
    margin-bottom:1.3125em;
    height:7em;
    background-color: #ECEFF1;
    position:relative;
    border: 0;
    border-bottom:1px solid #000000;
}
/*
.pd-testsystem .lkvadmin-userinfo-block {
    background-color: #ff6269;
}
*/

.bza-userinfo-block .bza-userinfo {
    padding:1em;
    padding-bottom:0.25em;
    position:absolute;
    bottom:0;
}

.bza-userinfo-block .bza-logged-in-as {
    font-size: 14px;
}

/*Bug Fix: Input Component zeigt im ReadonlyModus den Löschen Button + Löscht auch auf Klick */
.ui-input-text > input[readonly] ~ a {
    display:none;
}

/* last child of vertical-control-group has border bottom 1px, why?? */
.bza-input-form .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
    border-bottom-width: 0;
}

.pd-text-testsystem {
    font-size: 20px !important;
    font-weight: bold !important;
    text-align: center;
    background-color: #ff1313;
    padding-top:0.25em;
    padding-bottom:0.25em;
}



/* Tabelle: Sort-Icons in zweite Zeile */
span.ui-sortable-column-icon {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

span.ui-sortable-column-icon.ui-btn-icon-notext.ui-btn-right {
    right:0;
    /*bottom:0;*/
}

th.ui-column-header.ui-sortable-column {
    padding-right:0.5em;

    vertical-align: bottom;
}

th.ui-column-header.ui-sortable-column > .ui-column-title {
    /*position: absolute;*/
    top: 0;
    padding-top: 0.4em;     /* HIER EVENTUELL NOCH DIE ANDEREN SETZEN?? */
}
/* ------ ENDE: Sort-Icons in zweite Zeile ------ */


/* SelectManyCheckbox in Import Dialog */
.bza-manycheckbox > .ui-controlgroup {
    margin-top:1em;
    margin-bottom:2em;
    display: inline-block;
    margin-left: 2em;
}

.bza-manycheckbox .ui-controlgroup-controls > .ui-checkbox {
    margin-right:0.25em;
    width:7em;
    display:inline-block;
}

.bza-manycheckbox .ui-controlgroup-controls > .ui-checkbox:last-child {
    margin-right:0;
}

table tr td .ui-btn.table-button {
    margin: 0;
    height: 1.75em;
    box-sizing: content-box;
    line-height: 0.0em;
    padding: 0;
}

.ui-popup-container.width-33em .ui-popup {
    width: 33em;
}

.details > pre {
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: normal;
    display: block;
}


.i4n-margin-top-bar {
    margin-top: 42.375px !important;
}

.i4n-header-bar {
    position:fixed;
    width:100%;
    z-index:1002;
    /*background-size: contain !important;*/
    /*background-image: url(/warendispo/javax.faces.resource/foerderlogo_2020_klein.png.xhtml?ln=images) !important;*/
    /*background-repeat: no-repeat !important;*/
    /*background-position-x: center !important;*/
}
/* --- ENDE --- */