.bza-button-group {
    margin-top:0.5em;
    margin-bottom:0.5em;
}

table .bza-button-group {       /* nicht in Tabelle  */
    margin-top:0;
    margin-bottom:0;
}

.bza-button-group button {  /* für eine Tabelle gibt es das schon, bza-additional 213, in welcher Kombination taucht es noch auf? TODO */
    margin-top:0;
    margin-bottom:0;
}

.bza-button-group[class^="ui-grid-"] > [class^="ui-block-"] {
    display: inline-block;

    padding-right: 0.25em;
    padding-left: 0.25em;
}

.bza-button-group[class^="ui-grid-"] > .ui-block-a {
    padding-left: 0;
}

.bza-button-group[class^="ui-grid-"] > [class^="ui-block-"]:last-child {
    padding-right: 0;
}

.bza-filter.bza-button-group[class^="ui-grid-"] {
    padding-left: 0.3125em;
    padding-right: 0.3125em;
}

.bza-filter .ui-select > .ui-btn {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

/* Wenn Mobil */
@media only all and (max-width: 64em) {
    .bza-filter.bza-button-group[class^="ui-grid-"] > [class^="ui-block-"] {
        display: inline-block;

        padding-top: 0.25em;
        padding-bottom: 0.25em;
        padding-left: 0;
        padding-right: 0;
    }

    .bza-filter.bza-button-group[class^="ui-grid-"] > .ui-block-a {
        padding-top: 0;
    }

    .bza-filter.bza-button-group[class^="ui-grid-"] > [class^="ui-block-"]:last-child {
        padding-bottom: 0;
    }
}
/**/


.ui-datatable .bza-button-group[class^="ui-grid-"] > [class^="ui-block-"] {
    width: auto;
}

.ui-datatable .bza-button-group[class^="ui-grid-"] {
    display: -webkit-inline-flex;
    display: inline-flex;
}


[class^="fa-"]::after,
[class^="fa-"]::before {
    font-family: FontAwesome;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 20px;
    left:1em;
    position:absolute;
}


.ui-btn.fa.pd-notext {
    padding: 0em;
    box-sizing: content-box;
    width: 1.75em;
    height:1.75em;
    white-space: nowrap !important;
}

/* PAGINATOR */
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn.fa.pd-notext {      /*PAGINATOR!! TODO: VORLÄUFIG DA BEI ZOOM NICHT FUNKTIONIERT!!*/
    width:2.0625em;
    padding-top:3px;
    padding-bottom:2px;
    margin-right:2px;
    margin-left:2px;
    border:0;
}

.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn.ui-paginator-page {
    border-left:0;
    margin-left:2px;
    margin-right:2px;
    font-weight: normal;
    color: #d7d7d7;
}

.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn.ui-paginator-page.ui-btn-active {
    font-weight: bolder;
    color: #ffffff;
}


.ui-btn.fa.pd-notext::after {
    border-radius: 0;
    left: 50%;
    margin-left: -11px;
    margin-top: -11px;
    top: 50%;
}



/* Awesomebutton groß wie SelectOneMenu */
.ui-btn.fa.pd-notext.bza-big {
    height: 2.6875em !important;
    width: 2.6875em !important;
    margin-left: 0.3125em;
    margin-right: 0.3125em;
}

/* u.a. der Filterbutton im Mobilmodus oben rechts */
.ui-header .ui-btn.pd-notext.fa {
    font-size: inherit;
    top: .3125em;
}

/* --- */


.bza-greetings {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.error-stacktrace > .ui-block-a {
    width:10em;
}

.error-stacktrace > .ui-block-b {
    width:auto;
}

.error-stacktrace .error-msg {
    font-weight: bold;
}

.error-stacktrace > .ui-block-b:last-child {
    width: 100%;
    overflow-x:auto !important;
}


/* In Formularen immer den Bezeichner Fett ; STRENGGENOMMEN IST DAS NUR BEI MOBIL SOO */
.bza-input-form .ui-field-contain>label:first-child {
    font-weight: bold;
}

/* Damit in Formularen mit outputLabel für die Wertspalte korrekt vertikal ausgerichtet ist */
.bza-input-form .ui-field-contain label:last-child,
.bza-input-form .ui-field-contain > a {
    margin-top: 0.5em;
}

.bza-input-form .ui-field-contain > label ~ .ui-datalist {
    margin-left: -1em;
    padding-left: 2em;
}

/* Grundfutter/Flächen: Untere Summenzeile */
tfoot .bza-input-form > .ui-field-contain {
    margin-top:0;
    margin-bottom:0.5em;
}

/* total Indicator Table */



/* Calendar in Form ui-field-contain */
.bza-input-form .ui-field-contain > .ui-calendar > .ui-input-text {
    margin: 0;
}

/* Required-"*" Style */
.ui-outputlabel-rfi {
    color: #ff0000;
}

/* Error State of Outputlabel */
.ui-outputlabel.ui-state-error {
    color: #b94a48;
}

/* Table Styling */
    /* Column Description */
.ui-table .ui-bar-a {
    background-color: #457b87;
    border-color: #457b87;
}

    /* Table Layout : auto */
.ui-table {
    table-layout: auto;
}

.ui-table .bza-button-group button {
    margin: 0;
}

.ui-table, .ui-table th, .ui-table td {
    border: 1px solid #000000 !important;
}

.ui-table tbody tr {        /* Zeilenhöhe im Body anpassen, wegen möglicher Action-Buttons notwendig */
    height: 44px;
}

.ui-table td {              /* Ausrichtung des Textes in einer Zeile mittig */
    vertical-align: middle;
}

/* TABELLE Horizontal scrollbar machen */
.ui-datatable {
    overflow-x: auto;
}

 /* TEST , ABER DANN FUNKTIONIEREN DIE SORTBUTTONS NICHT MEHR */
/*
.ui-pd-datatable .ui-datatable .pd-table-wrapper {
    overflow-x: auto;
}
*/

/* Table Styling ENDE */


/* Paginator Styling */

    /* Background */
.ui-paginator {
    background-color: #386571 !important;
    border-color: #386571 !important;
}

    /* Buttons */
.ui-paginator .ui-controlgroup-controls button {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #5aa1b1;
}

.ui-paginator .ui-controlgroup-controls .ui-btn-icon-notext::after {
    background-color: transparent;
}

    /* Button Disabled */
.ui-paginator .ui-btn.ui-state-disabled {
    opacity:0.5;
}

/* Paginator Styling Ende */



/* Admin Ausrichtung Aktiv/Inaktiv-Filter */
.pd-width20right {
    width:20em;
    float:right;
}

.pd-width20right >.ui-field-contain {
    margin-top: 8px;
    margin-bottom:0px;
}
/* --- */

/* TABELLE */


/* Cursor auf POINTER in selektierbarer Zeile */
table .ui-table-row.ui-datatable-selectable {
    cursor: pointer;
}
/* --- */

/* Disabled i4n:accordionLink */
.ui-listview > li > span.ui-btn {
    display: block;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* --- */
.bza-filter > [class^="ui-block-"] > .ui-field-contain {
    padding: 0 0.3125em;
    margin: 0.5em 0;
}



.pd-field-wrapper {
    display:inline-block;
    margin-top:0.5em;
}

.pd-field-wrapper > label {
    display:inline;
    margin-right:0.75em;
}

.pd-button-right {
    display: -webkit-inline-flex;
    display:inline-flex;
    width:100%
}

.pd-button-right > [class^="ui-block-"] {
    width:auto;
}

.pd-button-right > [class^="ui-block-"]:first-child {
    width:100%;
}

.pd-button-right .ui-select {
    margin-left:0;
    margin-top:0;
    margin-bottom:0;
}

.pd-button-right .fa.ui-btn {
    margin-top: 0;
    margin-bottom: 0;
    width:2.65em;
    height:2.65em;
}

.pd-button-right > [class^="ui-block-"]:last-child {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.pd-button-right > [class^="ui-block-"]:last-child > button {
    height: 2.2em;
    border-bottom-width: 0;
}


.pd-marker-column {
    width:1.25em;
}

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

.ui-table td .pd-text-red {
    color: #ff0000;
}


/* Zahlen in Tabelle rechtsbündig */
.ui-table td.number, .ui-table td.number a {
   /* color: #ff00ff;*/
    text-align: right;
}

/*----*/
/* Headline in summary (stdmäßig Maskenname) */
.bza-headline {
    font-weight: bold;
    font-size: 1.1em;
}

/* Hinweistext direkt neben Maskenname in summary (stdmäßig Anzeige, ob gefiltert oder nicht)  */
.bza-text-right-of-headline {
    position: relative;
    left:0.75em;
    font-size: 0.9em;
    font-style: italic;
}

/* Repair date picker for mobile */

html .ui-datepicker .ui-datepicker-prev,
html .ui-datepicker .ui-datepicker-next {
    -webkit-border-radius: 0em;
    border-radius: 0em;
    vertical-align: middle;
    margin-right: .625em;
    width: 1.75em;
    height: 1.75em;
    white-space: nowrap !important;
    background-color: #232323;          /* von Button übernehmen */
    border: 1px solid #232323;          /* von Button übernehmen */
}

html .ui-datepicker .ui-datepicker-prev:after,
html .ui-datepicker .ui-datepicker-next:after {
    left: 50%;
    margin-left: -11px;
    top: 50%;
    margin-top: -11px;
    content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    background-color: rgba(0,0,0,.3); /* von Button übernehmen */
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 0em;
    border-radius: 0em;
}

html .ui-datepicker .ui-datepicker-next:after{
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C7%207%2C0%207%2C5%200%2C5%200%2C9%207%2C9%207%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
html .ui-datepicker .ui-datepicker-prev:after{
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C5%207%2C0%200%2C7%207%2C14%207%2C9%2014%2C9%2014%2C5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.ui-datepicker-calendar th {
    border: 1px solid #232323;
    background: #232323;
    color: #fff;
    font-weight: bold;
}

/*
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
    padding: .6em .5em;
}
*/
.ui-datepicker.ui-corner-all,
.ui-datepicker .ui-datepicker-header.ui-corner-all {
    border-radius: 0;
    -webkit-border-radius: 0;
}


.ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month {
    width: 45%;
}

/* Aus Addmobilestyle */
.ui-datepicker-header {
    background: #fff;
    border: 1px solid #232323;
    color: #333;
}

.ui-datepicker-calendar td {
    background: #fff;
    border: 1px solid #232323;
    color: #333;
}

.ui-datepicker-calendar a.ui-state-default {     /* Farbe der Tage im Monat */
    background: #232323;
    border-color: #232323;
    color: #fff;
}

.ui-datepicker-calendar a.ui-state-default.ui-state-hover {
    background-color: #383838;
    border-color:#383838;
    color:#fff;
}

.ui-datepicker-calendar a.ui-state-active {     /* der momentan selektierte */
    background-color: #383838;
    border-color:#383838;
    color:#fff;
}

.ui-datepicker-calendar a.ui-state-highlight {}
    /*ui-btn-up-a/
}
*/
.ui-datepicker-calendar .ui-state-disabled {
    opacity : 1;
}

/* Ende : Repair date picker for mobile */


.pd-incomplete-row td {
    color: #ff0000;
}

.pd-testsystem .ui-bar-inherit {
    background-color: #cc0000 !important;
}


/* Repair inputSwitch (taken from original file; it is overridden when embedded in pm:field)  */
.ui-flipswitch {
    width: 5.875em !important;
    /* Override this and padding-left in next rule if you use labels other than "on/off" and need more space */
}

.ui-flipswitch.ui-flipswitch-active {
    padding-left: 4em !important;
    /* Override this and width in previous rule if you use labels other than "on/off" and need more space */
    width: 1.875em !important;
}
.ui-flipswitch .ui-btn.ui-flipswitch-on {
    text-indent: -2.6em !important;
    /* Override this to center text if you use a label other than "on" */
}
.ui-flipswitch .ui-flipswitch-off {
    padding: 1px !important;
    text-indent: 1em !important;
    /* Override this to center text if you use a label other than "off" */
}

/* Override field container CSS to prevent the flipswitch from becomming full width */
html .ui-field-contain > label + .ui-flipswitch,html .ui-popup .ui-field-contain > label + .ui-flipswitch {
    width: 5.875em !important;
    /* If you override the width for .ui-flipswitch you should repeat the same value here */
}

.ui-field-contain .ui-flipswitch.ui-flipswitch-active,.ui-popup .ui-field-contain .ui-flipswitch.ui-flipswitch-active {
    width: 1.875em !important;
}

/* In Popups volle Breite der Eingabeelemente */
.ui-popup .bza-input-form .ui-field-contain > label ~ [class*="ui-"] {
    width: 100%;
}

/* Bundesland-Wappen Image Links */
.bza-bnr-img {
    outline:0;
    display:inline-block;
    width:9em;
}

.ui-input-text[readonly] {
    border-bottom: 0;
    background-color: transparent!important;
}

.ui-page > .ui-content {
    position: static;
}


/* Ajax Statusanzeige */
.pd-ajaxsymbol {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1em;
    margin-top:0.5em;
}

/** Restyling Radio **/
/*
.ui-radio .ui-btn.ui-radio-on::after {
    background-color: inherit;
    border: 2px solid;
    border-radius: 10px;
}
*/

html .ui-btn.ui-radio-on.ui-radio-on:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
    background-color: rgba(0,0,0,0.3);
    border: 0;
    display: block;
    width: 18px;
    height: 18px;
    /*margin: -9px 2px 0px*/
}
/* ------- */

.ui-calendar > .ui-input-text {
    margin-top:0;
}

.margin-left-2em {
    margin-left: 2em;
}



/* -- WARENDISPO -- */
.ui-datatable.summary {
    /*width: 20em;*/        /* mit media query umzusetzen todo*/
}
.ui-datatable.summary td {
    background-color: rgb(249,249,249) !important;
}

.widths-10-auto > .ui-block-a {
    width: 10em;
}

.widths-10-auto > .ui-block-b {
    width: auto;
}

.font-bold {
    font-weight: bold !important;
}

.btn-group > .ui-btn:first-child,
.btn-group-left > .ui-btn:first-child {
    margin-left: 0;
}

.btn-group > .ui-btn:last-child,
.btn-group-right > .ui-btn:last-child {
    margin-right: 0;
}

.btn-group-right {
    float: right;
}


.summary.ui-accordion {
    margin-left: 0.3125em;
    margin-right: 0.3125em;
}
.summary.ui-accordion .ui-collapsible-content {
    padding: 0;
    border: 0;
}
.summary.ui-accordion .ui-collapsible-content > p {
    height: 0;
    margin: 0;
}

.clear-both .ui-datatable {
    clear: both;
}

.ui-datatable .sub-header {
    font-weight: bold;
    cursor: pointer;
}

.ui-datatable .sub-content,
.ui-datatable .sub-content .artikel {
    display: none;
}

.ui-datatable .sub-content td {
    background-color: rgb(255,255,255) !important;
}


.ui-datatable .sub-content.sub-content-visible {
    display: table-row;
}

.table-fixed > table {
    table-layout: fixed;
}

.margin-1em-bottom {
    margin-bottom: 1em !important;
}

.ui-link.ui-btn.fa.pd-notext {
    line-height:1.75em;
    font-weight: normal;
    top:1.05em;
    margin-bottom: 1em;
}