.ui-growl-item {
    background: #FFFFFF !important;
}

.ui-growl-title {
    text-shadow: none !important;
}

.ui-growl-item-container {
    opacity: 0.9 !important;
}

.hide-column-names table thead tr {
    visibility: hidden;
}

.ui-datatable.noborder > div > table,
.ui-datatable.noborder > div > table > tbody,
.ui-datatable.noborder > div > table tr,
.ui-datatable.noborder > div > table th,
.ui-datatable.noborder > div > table td {
    border: none;
}

.ui-datatable .ui-datalist-content {
    border: none;
    background: transparent;
}

.ui-slidemenu-backward {
    position: static !important;
}

.ui-chkbox .ui-chkbox-box {
    vertical-align: bottom;
}

.ui-datatable table {
    table-layout: auto !important;
}

ul.ui-autocomplete-multiple-container.ui-state-disabled span.ui-autocomplete-token-icon.ui-icon-close {
    display: none;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 0.5 !important;
}

ul.ui-autocomplete-multiple-container {
    width: 100%;
    box-sizing: border-box;
}

/* TODO: Kann flex-layout Standard werden?  */
div.ui-picklist {
    display: block !important;
}

.ui-picklist > div {
    min-width: 200px;
    width: calc(48% - (40px / 2));
    display: inline-block !important;
}

.ui-picklist.picklistWithTargetControls > div {
    width: calc(48% - (80px / 2));
}

.ui-picklist > div > ul.ui-picklist-list {
    width: 100%;
}

.ui-picklist > div.ui-picklist-buttons {
    width: 40px;
    min-width: inherit;
}

.ui-picklist > div.ui-picklist-buttons > .ui-picklist-buttons-cell {
    text-align: center;
}

.ui-picklist > div.ui-picklist-buttons > .ui-picklist-buttons-cell > .ui-button {
    display: inline;
}


.ui-picklist.flex-layout {
    display: flex !important;
    flex-direction: row;
}

.ui-picklist.flex-layout .ui-picklist-buttons {
    flex: 0 0 auto;
}

.ui-picklist.flex-layout .ui-picklist-list-wrapper {
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
}

.ui-picklist.flex-layout .ui-picklist-list-wrapper > * {
    flex: 0 0 auto;
}

.ui-picklist.flex-layout .ui-picklist-list-wrapper .ui-picklist-list {
    flex: 1 1 auto;
}


.ui-selectmanycheckbox {
    border-collapse: separate;
    border-spacing: 4px;
}

.ui-selectonemenu,
.ui-selectcheckboxmenu {
    box-sizing: border-box;
    overflow: hidden;
}

.ui-selectmanycheckbox td .ui-chkbox {
    margin-left: 10px;
}

.ui-datalist-content {
    border: none;
}

.ui-tooltip {
    /* Tooltip auf Schedule wird sonst falsch positioniert, da dessen position absolute und der gesamte content-Bereich relative ist */
    position: fixed !important;
}

.ui-datascroller {
    height: 100%;
}

button.ui-button-icon-only.rotateIconLeft > .ui-icon {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

button.ui-button-icon-only.rotateIconRight > .ui-icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ui-overlay-hidden {
    /*
        #messageQuickListContainer sorgt sonst dafür, dass Seite mit Pfeiltasten nach unten gescrollt werden kann
    */
    visibility: hidden;
    display: none;
}

.ui-splitbutton {
    /* HACK: PF Update auf 6.2  */
    padding-right: 2.3em !important;
}

.ui-chkbox-icon.fa::before {
    display: block;
    text-align: center;
    margin-top: 3px;
}


.ui-dialog.flex {
    display: flex !important;
    flex-direction: column;
    max-height: 90vh;
}

.ui-dialog.flex > .ui-dialog-titlebar {
    flex: 0 0 auto;
}

.ui-dialog.flex > .ui-dialog-content {
    flex: 1 1 auto;
}

.ui-dialog.flex > .ui-dialog-footer {
    flex: 0 0 auto;
}

.ui-selectcheckboxmenu-header {
    display: flex;
    flex-direction: row;
}

.ui-selectcheckboxmenu-header > .ui-chkbox {
    flex: 0 0 auto;
}

.ui-selectcheckboxmenu-header > .ui-selectcheckboxmenu-filter-container {
    flex: 1 1 auto;
}

.ui-selectcheckboxmenu-header > .ui-selectcheckboxmenu-close {
    flex: 0 0 auto;
}

.ui-selectlistbox-filter.ui-inputfield,
.ui-selectonemenu-panel .ui-selectonemenu-filter,
.ui-selectcheckboxmenu-filter-container .ui-inputfield {
    width: 100% !important;
    padding-right: 1.5rem !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    box-sizing: border-box;
}

.ui-fieldset, .ui-fieldset .ui-fieldset-legend {
    margin-top: 0.5rem;
}