/*************************************************\
**  Grundgerüst
\*************************************************/
html {
  height: 100%;
  box-sizing: border-box;
}
hr {
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, #f0f0f0, #d6d6d6, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #d6d6d6, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #d6d6d6, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #d6d6d6, #f0f0f0);
}
h3 {
    font-size: 1.17rem;
}
h4 {
    font-size: 1.1rem;
}
h3, h4 {
    font-weight: 600;
}
p {
    line-height: normal;
}
body.main-body {
    background-color: var(--white);
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    margin: 0;
    padding-bottom: 6em;
    min-height: 100%;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

body.main-body .ui-widget {
    font-family: Helvetica, Arial, sans-serif;
}

.main-body .wrapper {
    min-height: unset;
}

.main-body .wrapper .main {
    padding-left: 1.2rem;
    padding-right: 0;
    /* padding-top muss mit height von .main-body .wrapper .topbar übereinstimmen */
    padding-top: 4em;
}

.main-body .wrapper .main #content {
    padding-top:0;
    padding-right:1em;
    padding-left:1em;
    padding-bottom:1em;
    border-left:1px solid var(--grey-light-border);
    border-bottom:1px solid var(--grey-light-border);
    border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

ul.legend li {
    list-style-type: none;
    display: inline-block;
    padding-left: 1.5em;
    margin-right: 1em;
    background-repeat: no-repeat;
}

#loginTeaser {
    margin-bottom: 1em;
}

.loginCountdown {
    margin-bottom: 1em;
}
#loginTimeOutError\:loginFormTimer {
    background: none;
    color: var(--white);
    font-weight: normal;
    border: none;
    padding: 0;
}
#loginTimeOutError\:loginFormTimer .countdown {
    font-size: 1.4em;
}

#content th {
    text-align: left;
}

#content .toolbar-left { float: left; margin-top: -0.5em; padding-bottom: 0.3em; }
#content .toolbar-left button { margin-bottom: 0.3em; margin-right: 0.5em; width: auto; margin-top: 1em; }
#content .toolbar-left .ui-splitbutton > .ui-splitbutton-menubutton { margin-left: -0.5em; }

#content .toolbar-right { float: right; margin-top: -0.5em; padding-bottom: 0.3em; }
#content .toolbar-right button { margin-bottom: 0.3em; margin-left: 0.5em; width: auto; margin-top: 1em; }
#content .toolbar-right .ui-splitbutton > .ui-splitbutton-menubutton { margin-right: -0.5em; }

body #content .ui-panelgrid .ui-panelgrid-cell {
    padding: 0.3rem 0.7rem;
}
body #content table.ui-panelgrid .ui-panelgrid-cell {
    padding: 0.5rem 0.8rem;
}

.noPadding,
#content .noPadding,
#content .noPadding .ui-grid-row,
#content .noPadding .ui-panelgrid-cell,
#content .ui-panel.noPadding .ui-panel-content {
    padding: 0;
}

.ui-panelgrid .ui-panelgrid-cell p:first-child {
    margin-top: 0;
}

.ui-panelgrid .ui-panelgrid-cell p:last-child {
    margin-bottom: 0;
}

.wrapper .footer {
    border-top: 1px solid #ddd;
    height: auto;
    position: absolute;
    bottom: 0;
    margin-top: 2em;
    padding: 1em;
    width: 100%;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}
.wrapper .footer .footer-text ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.wrapper .footer .footer-text ul li {
    display: inline-block;
    margin-left: 0.5em;
}
.wrapper .footer .footer-text a {
    color: var(--blue-light);
}

body.main-body .noInitialTransition {
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}

#content div.startseite {
    padding-right: 2em;
}

body div.button-wrapper-top {
    padding-top: 0.3em;
}

body div.button-wrapper-bottom {
    padding-bottom: 0.3em;
}

body div.button-wrapper-left {
    padding-left: 0.3em;
}

body div.button-wrapper-right {
    padding-right: 0.3em;
}

body div.button-wrapper-all {
    padding: 0.3em;
}

body .ui-button.ui-button-text-only .ui-button-text {
    padding: 0.3rem 1rem;
}

body .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 0.3rem 1rem 0.3rem 2rem;
}

body .ui-button.ui-button-text-icon-right .ui-button-text {
    padding: 0.3rem 2rem 0.3rem 1rem;
}

body .ui-button.ui-button-icon-only .ui-button-text {
    padding: .3rem 1rem;
}

body .ui-button.ui-button-icon-only .ui-icon {
    margin-left: -0.6rem;
}

/*************************************************\
**  Font Colors
\*************************************************/
body .ui-inputfield,
body .ui-panelgrid .ui-panelgrid-cell,
body .ui-datatable .ui-datatable-data > tr,
body .ui-datatable .ui-datatable-data > tr.ui-state-hover,
body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item,
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item,
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight,
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover,
body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item,
body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover,
body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight,
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row,
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item,
body .ui-tree,
body .ui-fieldset,
body .ui-panel .ui-panel-titlebar,
body .ui-panel .ui-panel-content,
body .ui-dialog .ui-dialog-content,
body .ui-dialog .ui-dialog-titlebar,
body .ui-dataview .ui-dataview-header,
body .ui-dataview .ui-dataview-content,
body .ui-picklist .ui-picklist-caption,
body .ui-picklist .ui-picklist-list .ui-picklist-item,
body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover,
body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
    color: rgba(0, 0, 0, 1);
}

body .ui-treenode-content.ui-tree-selectable.ui-state-hover {
    background-color: var(--blue-background);
    color: var(--blue-dark);
    cursor: pointer;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight {
    background-color: var(--grey-light-background);
}

/*************************************************\
**  Header und Top-Navigation
\*************************************************/
.main-body .wrapper .topbar {
    background: #E5EDF8 url("/jakarta.faces.resource/images/sky_right.jpg.xhtml?ln=bww&v=2_46") no-repeat left top;
    /* padding-left muss mit .main-body .wrapper .main übereinstimmen */
    padding-left: 1.2rem;
    padding-right: 0;
    padding-top: 0.2rem;
    height: 4em;
    border-bottom: 1px solid var(--blue-dark);
}

.main-body .wrapper .topbar,
.main-body .wrapper .topbar #omega-menu-button,
.main-body .wrapper .topbar #options-menu-button {
    color: var(--blue-dark);
}
.wrapper .topbar #top_right {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: 1em;
}
.wrapper .topbar #top_right h1.title {
    margin-right: 1em;
    margin-top: 0;
    font-size: 1.4em;
}
.main-body .wrapper .topbar #options-menu-button {
    margin: 0 1em;
}

.ui-menu.ui-widget a {
    white-space: nowrap;
}

.wrapper .topbar .topbar-title {
    margin-left: 0;
    display: block;
}
.main-body .wrapper .topbar #omega-menu-button {
    margin-right: 0.5em;
}
.ui-menu.ui-menu-dynamic .ui-menuitem-text {
    margin-left: 0.3em;
}

/*************************************************\
**  Icons
\*************************************************/
.fa-file-word {color: var(--blue);}
.fa-file-excel { color: var(--green-dark); }
.fa-file-pdf {color: var(--red);}
.fa-question-circle {color: var(--blue);}

.fa.vertical-middle,
.fa-regular.vertical-middle,
.fa-solid.vertical-middle,
.fa-duotone.vertical-middle,
.fa-sharp.vertical-middle,
.fa-sharp-duotone.vertical-middle,
.fa-light.vertical-middle,
.fa-thin.vertical-middle
{
    vertical-align: middle;
}

.main-body .wrapper .sidebar #login .fa-caret-right,
.main-body .wrapper .sidebar #login .fa-caret-down {
    font-size: 11px;
    position: absolute;
    bottom: 7px;
    right: 7px;
}

.main-body .ui-treenode-leaf-icon {
    vertical-align: middle;
}
#content .ui-radiobutton .ui-icon-bullet, .ui-radiobutton .ui-icon-blank {
    width: auto;
    height: auto;
}

ul.legend li.baybw-icon-behoerdenstruktur,
.ui-widget-content .baybw-icon-behoerdenstruktur {
    background-image: url("/jakarta.faces.resource/images/logo_behoerdenstruktur.gif.xhtml?ln=bww&v=2_46");
    background-position: 0.1em 0.15em;
}

ul.legend li.baybw-icon-dienststelle,
.ui-widget-content .baybw-icon-dienststelle {
    background-image: url("/jakarta.faces.resource/images/logo_dienststelle.gif.xhtml?ln=bww&v=2_46");
    background-position: 0.1em 0.15em;
}

ul.legend li.baybw-icon-organisationseinheit,
.ui-widget-content .baybw-icon-organisationseinheit {
    background-image: url("/jakarta.faces.resource/images/logo_organisationseinheit.gif.xhtml?ln=bww&v=2_46");
    background-position: 0.1em 0.15em;
}

ul.legend li.baybw-icon-sonstigebehoerde,
.ui-widget-content .baybw-icon-sonstigebehoerde {
    background-image: url("/jakarta.faces.resource/images/logo_sonstigebehoerde.gif.xhtml?ln=bww&v=2_46");
    background-position: 0.1em 0.15em;
}

#content .ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-top: 3px;
}

/*************************************************\
**  Colors
\*************************************************/
.success,
.green {
    color:var(--green-dark);
}

.gray {
    color: var(--grey-light-border);
}

.dark-green {
    color: var(--green-darker);
}

.warning,
.orange {
    color: var(--orange);
}

.error,
.red,
.ui-dialog-title .fa-warning,
#content a.red {
    color: var(--red);
}

.link-color,
.lightblue
{
    color: var(--blue-light);
}

.purple {
    color: var(--purple);
}

.violet {
    color: var(--violet)
}

.turquoise {
    color: var(--violet);
}

.lightgray {
    color: #797e87;
}

body .ui-button
{
    background-color: var(--blue);
    border-color: var(--blue-border);
}

body .ui-button.ui-state-hover
{
    background-color: var(--blue-hover);
    border-color: var(--blue-border);
}

body .ui-button.ui-button-secondary, body .ui-splitbutton.ui-button-secondary > .ui-button
{
    background-color: #ECEFF1;
    border-color: #CCCFD2;
    color: #525252;
}

body .ui-button.ui-button-secondary.ui-state-hover,
body .ui-button.ui-button-secondary:not(:disabled):hover,
body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover,
body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover
{
    background-color: #F5FBFF;
    border-color: #CCCFD2;
    color: #525252;
}

body .ui-button.ui-button-info,
body .ui-splitbutton.ui-button-info > .ui-button
{
    background-color: #1f3b59;
    border-color: #21374f;
}

body .ui-button.ui-button-info.ui-state-focus, 
body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus
{
    box-shadow: 0 0 0 0.2rem #386aa1;
}

/*************************************************\
**  Breadcrumbs
\*************************************************/
#breadcrumbs {
    background-color: var(--blue-dark);
    background: linear-gradient(to right, var(--blue-darker) 0%, var(--blue-dark) 100%);
    padding:0.2em 0.8em 0.2em 0.2em;
    margin-bottom: 0.8em;
}
#breadcrumbs .ui-breadcrumb .ui-breadcrumb-items {
    padding: 0.3em 0 0.3em 0.3em;
}
#breadcrumbMenu {
    background: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
}
#breadcrumbMenu li {
    font-weight: normal;
}
#breadcrumbMenu a,
#breadcrumbMenu span
{
    opacity: 1;
}
#breadcrumbs #breadcrumbMenu a,
#breadcrumbs #breadcrumbMenu span,
#breadcrumbMenu .ui-breadcrumb-items li::before
{
    color:var(--white);
}
#breadcrumbMenu a:hover
{
    text-decoration: underline;
}
#breadcrumbs_content ul {
    margin: 0;
    padding: 0;
}

.behoerdenbaumBreadcrumbs li {
    display: table-row;
}
#content .behoerdenbaumBreadcrumbs.ui-breadcrumb .ui-breadcrumb-chevron.ui-icon
{
   display: none;
}
.behoerdenbaumBreadcrumbs .ui-menuitem-icon,
.behoerdenbaumBreadcrumbs .ui-menuitem-text {
    font-weight: normal;
    white-space: break-spaces;
}
.behoerdenAuswahlContainerClass .behoerdenbaumBreadcrumbsContainer {
    color: var(--black-light);
    background-color: var(--grey-light-background);
    border: 1px solid var(--grey-light-border);
    margin-top: 0.5em;
}

body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron)::before {
    line-height: 1rem;
}

.behoerdenbaumBreadcrumbsContainer .ui-breadcrumb .ui-breadcrumb-items {
    display: block;
    line-height: 1.25rem;
    white-space: nowrap;
}

.behoerdenAuswahlContainerClass .behoerdenbaumBreadcrumbsPre {
    vertical-align: top;
    display: table-cell;
    white-space: nowrap;
    padding: 0.8em 0.3em 0.8em 0.8em;
}

.behoerdenbaumBreadcrumbs.ui-breadcrumb,
.pe-master-detail .behoerdenbaumBreadcrumbs.ui-breadcrumb {
    vertical-align: top;
    display: table-cell;
    background-image: none;
    background-color: inherit;
    border: none;
    padding: 0.8em 0.8em 0.8em 0;
}
.pe-master-detail .behoerdenbaumBreadcrumbs.ui-breadcrumb ul li a {
    font-size: 1em;
    padding-left:0;
    padding-right:0;
}

.pe-master-detail .behoerdenbaumBreadcrumbs.ui-breadcrumb ul li:first-child a {
    padding-right:0;
    text-indent:0;
}

#content .behoerdenbaumBreadcrumbs.ui-breadcrumb ul {
    padding: 0;
}

#content .behoerdenbaumBreadcrumbs.ui-breadcrumb li {
    display: inline;
    text-shadow: none;
}
#content .behoerdenbaumBreadcrumbs.ui-breadcrumb a
{
    text-decoration: none;
    margin-top: 0;
    white-space: nowrap;
}
#content .behoerdenbaumBreadcrumbs.ui-breadcrumb a .ui-menuitem-text:hover,
#content a.underline:hover
{
    text-decoration: underline;
}

#content div.ui-breadcrumb ul li.ui-breadcrumb-chevron {
    padding-bottom: 5px;
}

/*************************************************\
**  Sidebar
\*************************************************/
.wrapper .nano > .nano-content {
    overflow: hidden;
}

.nano > .nano-pane {
    z-index: 99999;
}
.nano > .nano-pane > .nano-slider {
    background-color: rgba(35,153,229, 0.4);
    z-index: 99999;
}
.wrapper .sidebar {
    background-color: var(--blue-dark);
    background: linear-gradient(to top, var(--blue-dark) 30%, var(--blue-darker) 100%);
    border-right: unset;
}

body .wrapper .sidebar ul.profileMenu li a,
body .wrapper .sidebar ul.helpMenu li a,
body .wrapper .sidebar .menu #navigationMenu ul li a {
    border-radius: 0;
    padding-left: 5px;
}
body .wrapper .sidebar ul.profileMenu li a:hover,
body .wrapper .sidebar ul.helpMenu li a:hover,
body .wrapper .sidebar .menu #navigationMenu ul li a:hover {
    padding-left: 12px;
    padding-right: 8px;
}

body .wrapper .sidebar .profile .userMenu ul {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
body .wrapper .sidebar .profile .userMenu ul li > a {
    padding: 5px 10px;
}
body .wrapper .sidebar .profile .userMenu ul li > a:hover{
    padding-left: 10px;
}

body .wrapper .sidebar .menu #navigationMenu .ui-panelmenu-header {
    padding: .7rem .5rem .7rem 0.5rem;
}

body .wrapper .sidebar .menu #navigationMenu .ui-panelmenu-header a {
    -moz-transition: padding-left 0.3s;
    -o-transition: padding-left 0.3s;
    -webkit-transition: padding-left 0.3s;
    transition: padding-left 0.3s;
}
body .wrapper .sidebar .menu #navigationMenu .ui-panelmenu-header:hover a {
    padding-left: 0.5rem;
    padding-right: 0;
}

body .wrapper .sidebar .profile .userMenu {
    background-color: transparent;
    border-radius: 0;
    border: none;
}
body .wrapper .sidebar .profile .ui-menu.userMenu ul li a,
body .wrapper .sidebar .profile .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon,
body .wrapper .sidebar .profile .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    color: var(--white);
}

body .wrapper .sidebar .menu #navigationMenu .ui-panelmenu-panel .ui-panelmenu-header,
body .wrapper .sidebar .menu #navigationMenu .ui-panelmenu-panel .ui-panelmenu-header.ui-state-active {
    background: linear-gradient(to bottom, #fff 0%, #D3D7E2 100%);
    background-color: #D3D7E2;
    border-top: none;
    border-right: 1px solid #ddd;
    border-bottom: none;
    border-left: none;
    border-radius: 0;
}

body .wrapper .sidebar .menu #navigationMenu .ui-panelmenu-panel .ui-panelmenu-content {
    top: auto;
    padding: 0;
}

body .wrapper .sidebar .menu #navigationMenu .ui-panelmenu-panel .ui-panelmenu-header,
body .wrapper .sidebar .menu #navigationMenu .ui-panelmenu-panel .ui-panelmenu-header.ui-state-default,
body .wrapper .sidebar .menu #navigationMenu .ui-panelmenu-panel .ui-panelmenu-header.ui-state-default a,
body .wrapper .sidebar .menu #navigationMenu .ui-panelmenu-panel .ui-panelmenu-header.ui-state-active,
body .wrapper .sidebar .menu #navigationMenu .ui-panelmenu-panel .ui-panelmenu-header.ui-state-active a {
    color: var(--blue-dark);
    font-weight: bold;
}
body .wrapper .sidebar .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon {
    line-height: 1.2em;
    margin-left: 0.3em;
    margin-right: 0.3em;
}
body .wrapper .sidebar ul li > a span {
    margin-left: 0;
}
body .wrapper .sidebar .menu #navigationMenu .ui-panelmenu-panel .ui-panelmenu-header.ui-state-active a {
    color: inherit;
}
body .wrapper .sidebar .profile #helpMenuContainer,
body .wrapper .sidebar .profile #userInfoContainer {
    background-color: var(--white);
    background-image: none;
}
body .wrapper .sidebar .profile #helpMenuContainer .layout-menuitem-icon {
    float: left;
    margin-top: 2px;
}
body .wrapper .sidebar .profile #helpMenuContainer .menu-container > li > a > span {
    display: block;
    margin-left: 1.6em;
}
body .wrapper .sidebar .profile #userInfoContainer #loginCredentials {
    padding: 15px;
    text-align: left;
    border-right: 1px solid var(--grey-widget-border);
}
body .wrapper .sidebar .profile ul.menu-container {
    padding-bottom: 0;
    text-align: left;
    padding-left: 0;
    border: 1px solid var(--grey-widget-border);
}

body .wrapper .sidebar .profile ul li:last-child > a {
    border: none;
}
body .wrapper .sidebar .menu #navigationMenu ul li a.navigationMenuItem-active {
    background-color: var(--grey-light-background);
    border-top: 1px solid var(--grey-light-border);
    border-bottom: 1px solid var(--grey-light-border);
}
body .wrapper .sidebar .profile ul li a:hover,
body .wrapper .sidebar .menu #navigationMenu ul li a:hover,
body .wrapper .sidebar .menu #navigationMenu ul li a.navigationMenuItem-active:hover,
body .wrapper .sidebar .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon:hover,
body .wrapper .sidebar .profile .ui-menu.userMenu ul li a.ui-state-hover,
body .wrapper .sidebar .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon,
body .wrapper .sidebar .ui-menu .sidebar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text:hover,
body .wrapper .sidebar .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
    color: var(--blue);
    background-color: var(--blue-background);
}

body .wrapper .sidebar .menu #navigationMenu li {
    margin: 0;
}

body .wrapper .sidebar .profile ul li a,
body .wrapper .sidebar .menu #navigationMenu li > a {
    color: var(--blue-dark);
    border-top: none;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 15px;
    -moz-transition: padding 0.3s;
    -o-transition: padding 0.3s;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
}
body .wrapper .sidebar .menu #navigationMenu .ui-menuitem-link > span.ui-icon,
body .wrapper .sidebar .menu #navigationMenu .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
    color: var(--blue-dark);
}

body .wrapper .sidebar .menu #navigationMenu li:last-child > a {
    border-bottom: none;
}

body .wrapper .sidebar .menu #navigationMenu li > a .ui-menuitem-icon.ui-icon {
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    left: auto;
    display: inline-block;
    margin-bottom: -2px;
    float: left;
}

body .wrapper .sidebar .menu #navigationMenu li > a .ui-menuitem-text {
    display: block;
    margin-left: 1.6em;
}

body .wrapper .sidebar .profile span.profileIcon {
    display: block;
    margin: 0 auto;
}
body .wrapper .sidebar .profile span.profileIcon .username {
    color: var(--blue-dark);
}

body .wrapper .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e::before {
    content: "\e932";
}

body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s::before {
    content: "\e930";
}

/*************************************************\
**  Login
\*************************************************/
.wrapper .sidebar #login.profile  {
    color: white;
}
.wrapper .sidebar #login.profile p {
    margin: 0.4em;
}

/*************************************************\
**  Tab-Menü
\*************************************************/
.tabMenu.ui-tabmenu {
    margin-bottom: 0;
    border: none;
    padding-bottom: 1em;
    border-left: 1px solid var(--grey-light-border);
    border-bottom-left-radius: 0;
}
.tabMenu.ui-tabmenu .ui-tabmenu-nav {
    padding: 0;
    min-height: 0;
    background-color: #f5f5f5;
    background: linear-gradient(to bottom, #fff 0%, #e6e6e6 100%);
    background-repeat: repeat-x;
}
.tabMenu.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    top: 0;
    margin: 0 .4em 0 0;
    padding: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top: 1px solid var(--grey-light-border);
    border-right: 1px solid var(--grey-light-border);
    border-left: 1px solid var(--grey-light-border);
    background: linear-gradient(to bottom, #ffffff 0%, #D3D7E2 100%);
    background-color: #D3D7E2;
}
.tabMenu.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:FIRST-CHILD {
    border-left: 0;
}

.tabMenu.ui-tabmenu li a .ui-menuitem-text {
    color: #212121;
}

.tabMenu.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    padding: .5em .8em;
}
.tabMenu.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
    background-image: none;
    background-color: var(--white);
    box-shadow: none;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
    background: linear-gradient(to bottom, #fff 0%, #e6e6e6 100%);
    border-top: 1px solid var(--grey-light-border);
    border-right: 1px solid var(--grey-light-border);
    border-left: 1px solid var(--grey-light-border);
    border-bottom: none;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover {
    background: #D3D7E2 linear-gradient(to bottom, #ffffff 0%, #D3D7E2 100%);
    border-top: 1px solid var(--grey-light-border);
    border-right: 1px solid var(--grey-light-border);
    border-left: 1px solid var(--grey-light-border);
    border-bottom: none;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-default.ui-corner-top {
    border-bottom: none;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    font-weight: normal;
    border-bottom: none;
}
.tabMenu.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    line-height: normal;
}
.tabMenu.ui-tabmenu {
    border-left: none;
    padding-bottom: unset;
}
.main-body .wrapper .main #content {
    padding-top: 1em;
}
.tabMenu.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:FIRST-CHILD {
    border: 1px solid var(--grey-light-border);
}
.blockUI.pe-blockui {
    background-color: white;
    border-right: 1px solid var(--white-border);
    border-left: 1px solid var(--white-border);
    border-top: 1px solid var(--white-border);
    border-bottom: 1px solid var(--white-border);
    border-radius: 3px;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight {
    color: var(--blue-dark);
    font-weight: bolder;
}

/*************************************************\
**  Components
\*************************************************/
.ui-fieldset { margin-bottom: 1em; }

#content fieldset fieldset {
    margin-right: 10px;
    margin-left: 10px;
    border: 1px solid var(--white-border);
    background: var(--white);
}

#content fieldset legend {
    cursor: default;
    color: var(--blue-dark);
    padding: 0 0.5em 0 0.5em;
    font-weight: bold;
    background: none;
    border: none;
}

body .ui-steps::before {
    border: none;
}

body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
    color: #000;
}

body .ui-steps .ui-steps-item:not(.ui-state-disabled) {
    opacity: unset;
}

body .ui-steps .ui-steps-item:not(.ui-state-highlight) {
    border: 1px solid #ced4da;
}

body .ui-steps .ui-steps-item.ui-state-highlight {
    border: 1px solid #186ba0;
}

body .ui-steps .ui-steps-item:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

body .ui-steps .ui-steps-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-steps .ui-steps-item:not(:last-child) {
    border-right-width: 0;
}

body .ui-steps .ui-steps-item {
    padding-bottom: 1rem;
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
    color: var(--white);
}

body .ui-steps .ui-steps-item.ui-state-highlight {
    background-color: #186ba0;
}

body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
    font-size: 2rem;
    height: 3rem;
    margin-top: 1rem;
    width: 3rem;
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link .ui-steps-number {
    border-width: 0px;
    color: #186ba0;
}

#content .ui-steps {
    margin-bottom: 2em;
}

#content .ui-steps .ui-steps-item .ui-steps-title i.fa {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

div.ui-selectmanymenu.ui-inputfield.ui-widget.ui-widget-content {
    border: 1px solid #d6d6d6;
}

.ui-selectmanycheckbox > .ui-g > div {
    white-space: nowrap;
}

.ui-selectmanycheckbox > .ui-g label {
    white-space: normal;
}

.ui-chkbox-box.ui-state-active {
    cursor: default;
}

.ui-widget-content .ui-inputgroup {
    width: 100%;
}

.ui-inputgroup {
    height: 2em;
}

.ui-inputgroup input {
    overflow: auto;
}

*:not(.ui-inputgroup) > .ui-inputfield + .ui-inputfield {
    margin-top: 3px;
}

body .ui-inputgroup > .ui-widget:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

body .ui-inputgroup > .ui-widget:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

body .ui-inputgroup .ui-inputgroup-addon.textOnly {
    padding: 5px;
    min-width: auto;
}

#content .ui-inputgroup .ui-inputgroup-addon {
    cursor: default;
    padding: 0.3rem;
}

#content .ui-inputgroup input.ui-inputfield,
#content .ui-inputgroup .ui-inputgroup-addon {
    border: 1px solid var(--grey);
    border-right-width: 0;
}
#content .ui-inputgroup input.ui-inputfield:last-child,
#content .ui-inputgroup .ui-inputgroup-addon:last-child {
    border-right-width: 1px;
}

#content .ui-inputgroup .ui-selectonemenu input.ui-inputfield {
    border: none;
}

#content .ui-inputgroup > .ui-inputgroup-addon:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#content .ui-inputgroup > .ui-selectonemenu.required:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 1px solid;
}

#content .ui-widget-content .ui-inputgroup .ui-selectonemenu.required,
#content .ui-widget-content .ui-inputgroup select.ui-inputfield.required,
#content .ui-widget-content .ui-inputgroup .ui-inputfield[aria-required="true"]:not([aria-readonly="true"]),
#content .ui-widget-content .ui-inputgroup .ui-inputfield.behoerdeSelect[aria-required="true"] {
    border-color: var(--orange-dark);
}

body.main-body #content .ui-widget-content .ui-inputgroup.inputgroup-state-error *:first-child {
    border-left-width: 2px;
    border-left-color: var(--red);
}

#content .ui-widget-content .ui-inputgroup.inputgroup-state-error .ui-inputfield.ui-state-error {
    border: 1px solid var(--red);
}

body .ui-inputfield {
    padding: 0.3rem;
}

.ui-inputgroup .ui-button-icon-only {
    min-width: 2.4em;
    display: inline-block;
}
.ui-inputgroup .ui-button:not(.ui-button-icon-only) {
    width: auto;
}
.ui-inputgroup .ui-button-icon-only {
    width: 2em;
}
.ui-inputgroup .ui-button:not(.ui-button-icon-only) .ui-button-text {
    white-space: nowrap;
    max-width: 50em;
    overflow: hidden;
}

#content .ui-selectonemenu {
    max-width: 100%;
    width: 100%;
    padding-right: 0;
    box-sizing: border-box;
    /* omega theme 1.1.2 hack */
    min-width: 0!important;
}
#content .ui-selectonemenu.brutalWidthCorrection {
    display: inline-grid;
    width: 100%;
    min-width: 100%;
}

body.main-body .ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: 0;
    margin: 1em;
}

body.main-body .ui-selectonemenu-panel .ui-selectonemenu-list-item {
    white-space: normal;
}

body .ui-selectonemenu .ui-selectonemenu-label {
    min-height: calc(2rem - 2px);
    width: calc(100% - 1.5em);
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item,
#content .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token-label {
    white-space: break-spaces;
}
body .ui-selectcheckboxmenu-multiple.forceEmptyLabel .ui-selectcheckboxmenu-multiple-container:empty::after{
    content: attr(data-label) !important;
}

body .ui-selectmanymenu .ui-selectlistbox-listcontainer {
    padding: 0;
}

body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item {
    padding-top: 0.6rem;
}

body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox {
    margin-top: -0.2em;
}
#content .ui-panelgrid .ui-selectcheckboxmenu,
.ui-selectmanymenu .ui-selectlistbox-filter.ui-inputfield
{
    width: 100%;
}

.ui-selectonemenu-panel.hideDisabled .ui-selectonemenu-item.ui-state-disabled {
    display: none;
}

.ui-widget-content .ui-inputfield {
    width: 100%;
    box-sizing: border-box;
}

.ui-widget-content .ui-selectonemenu-label {
    width: calc(100% - 16px);
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    width: 100%;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter.ui-inputfield {
    width: 100%;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger,
body .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 1.5em;
}
body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 3px;
}
body .ui-selectonemenu:not(.ui-state-disabled) .ui-selectonemenu-label {
    opacity: 1;
}

body .ui-selectonemenu.editable:not(.ui-state-disabled) .ui-selectonemenu-label {
    cursor: text;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon-search.ui-icon {
    right: 12px;
}

.ui-widget-overlay.ui-dialog-mask,
.ui-widget-overlay.ui-overlaypanel-mask {
    opacity: .60;
    filter: Alpha(Opacity=60);
}
[id^="exportMonitor"].ui-dialog-mask {
    background: #6396c3;
    opacity: 0.2;
    filter: Alpha(Opacity=20);
}
.blockUI.pe-blockui {
    top: 15em!important;
    position: fixed!important;
    left: 0!important;
    right: 0!important;
    width: 8.75em!important;
    margin: auto!important;
}

#content .ui-inputgroup .ui-inputfield {
    padding-left: 4px;
}

#content .ui-widget-content .ui-selectonemenu.required,
.ui-widget-content select.ui-inputfield.required,
.ui-widget-content .ui-inputfield:not([aria-readonly="true"])[aria-required="true"],
.ui-widget-content .ui-inputfield.behoerdeSelect[aria-required="true"] {
    border-color: var(--orange-dark);
}
#content .ui-widget-content .ui-selectonemenu.ui-state-error.required,
.ui-widget-content select.ui-inputfield.ui-state-error.required,
.ui-widget-content .ui-inputfield.ui-state-error:not([aria-readonly="true"])[aria-required="true"],
.ui-widget-content .ui-inputfield.ui-state-error.behoerdeSelect[aria-required="true"] {
    border-color: var(--red);
}

.ui-widget-content .ui-selectonemenu.ui-state-focus.required,
.ui-widget-content select.ui-inputfield.ui-state-focus.required,
.ui-widget-content .ui-inputfield.ui-state-focus:not([aria-readonly="true"])[aria-required="true"],
.ui-widget-content .ui-inputfield.ui-state-focus.behoerdeSelect[aria-required="true"] {
    box-shadow: 0 0 0 0.2em rgba(240, 173, 78, 0.6);
}

#content .ui-widget-content .ui-inputfield.ui-state-error:not(.readonly) {
    background-color: var(--white);
}
#content .ui-widget-content .ui-inputfield.ui-state-error.ui-state-focus,
.ui-selectonemenu.ui-state-error.ui-state-focus, .ui-widget-content .ui-selectonemenu.ui-state-error.ui-state-focus,
.ui-widget-header .ui-selectonemenu.ui-state-error.ui-state-focus {
    box-shadow: 0 0 0 0.2em var(--red);
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-error {
    background: var(--red);
}

#content .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label {
    background: none;
}

#content .ui-selectonemenu.ui-state-disabled .ui-icon {
    opacity: 0.6;
}

#content input.ui-state-disabled,
#content input.readonly,
#content .ui-inputgroup .ui-inputfield.behoerdeSelect,
#content input[readonly="readonly"],
#content input[disabled="disabled"],
#content textarea[readonly="readonly"],
#content textarea[disabled="disabled"],
#content .ui-selectonemenu.ui-state-disabled,
#content .ui-inputfield:not(.ui-selectonemenu-label).ui-state-disabled {
    background-color: var(--grey-background);
    opacity: 0.8;
    filter: Alpha(Opacity=80);
}

.ui-widget-content span.ui-autocomplete,
.ui-widget .ui-autocomplete.ui-autocomplete-multiple {
    width: 100%;
}

div.ui-autocomplete-panel.ui-noborder tr,
div.ui-autocomplete-panel.ui-noborder td {
    border-style: none;
    border-width: 0;
}

body .ui-autocomplete .ui-autocomplete-multiple-container {
    padding-bottom: 0;
    padding-top: 0;
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon {
    font-size: 0.9rem;
    padding-top: 0.1rem;
}

body .ui-autocomplete-multiple.autocomplete-ui-state-error .ui-autocomplete-multiple-container.ui-widget {
    border: 1px solid var(--red);
}

body textarea {
    resize: vertical;
}

/*************************************************\
**  Datatable
\*************************************************/

#content .ui-datatable.autoTable table {
    table-layout: auto;
}

th.ui-state-default:not(.ui-sortable-column),
#content .ui-state-highlight:not(.ui-datatable-selectable):hover {
    cursor: default;
}

.ui-datatable .ui-datatable-header.ui-widget-header {
    text-align: left;
    background: none;
    padding: 0;
    border: none;
}
.ui-datatable .ui-datatable-header.ui-widget-header .ui-panelgrid .ui-panelgrid-cell {
    padding-left: 0;
    padding-right: 0;
}

#content .ui-datatable .ui-column-filter {
    display: none;
}

.ui-datatable tbody td.aktionen, .ui-datatable tbody td.aktionen-3, .ui-datatable tbody td.aktionen-4,
.ui-datatable tbody td.selektion {
    text-align: center;
}

.ui-datatable tbody td.aktionen.alignLeft, .ui-datatable tbody td.aktionen-3.alignLeft, .ui-datatable tbody td.aktionen-4.alignLeft,
.ui-datatable tbody td.selektion.alignLeft,
#content .ui-inputgroup .ui-inputgroup-addon.alignLeft {
    text-align: left;
}

#content .ui-datatable-resizable thead th,
#content .ui-datatable-resizable tbody td,
#content .ui-datatable-resizable tfoot td {
    border: 1px solid #d9d9d9;
    background-clip: padding-box;
    white-space: normal;
    word-wrap: break-word;
}

#content .ui-datatable .ui-chkbox.ui-chkbox-all {
    display: none;
}

.ui-datatable tbody td,
#content .ui-datatable tbody td {
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-datatable-header .datatable-filter-grid .ui-grid-row {
    align-items: center;
}

.ui-datatable-header .datatable-filter-grid  .right {
    margin-left: 0.1em;
}
.ui-datatable .ui-datatable-footer button {
    float: left;
}
.ui-datatable .ui-state-highlight a {
    color: var(--white);
}

.ui-datatable.condensed td ul,
ul.condensed {
    margin-bottom: 0;
    margin-top: 0;
}
.ui-datatable.condensed ul.fa-ul {
    margin-left: 0.75em;
}
.ui-datatable-resizable table {
    border: 1px solid rgba(0, 0, 0, 0.08);
}
body .ui-datatable .ui-datatable-data > tr > td {
    border: 1px solid rgba(0, 0, 0, 0.08)
}
body .ui-datatable thead th.ui-state-active {
    background-clip: padding-box;
}
body .ui-datatable thead th,
body .ui-datatable .ui-datatable-data > tr > td {
    padding: 0.25rem 0.625rem;
}
body .ui-datatable .ui-datatable-data > tr.ui-datatable-odd:not(.ui-state-hover):not(.ui-state-highlight) {
    background-color: #fafafb;
}
body .ui-datatable thead th.ui-state-active.ui-state-hover,
body .ui-datatable thead th.ui-state-active {
    color: var(--blue);
}
body .ui-datatable thead th.ui-state-active,
body .ui-datatable thead th {
    background: var(--grey-background);
}
body .ui-dataview button + button,
body .ui-datatable button + button {
    margin-left: 0.3em;
}
body .ui-datatable .ui-paginator {
    padding: 0.2rem;
    font-weight: bold;
}
body .ui-datatable .ui-paginator.ui-paginator-bottom {
    border-color: #d9d9d9;
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
}
body .ui-paginator .ui-paginator-first,
body .ui-paginator .ui-paginator-prev,
body .ui-paginator .ui-paginator-next,
body .ui-paginator .ui-paginator-last {
    line-height: 2.6em;
    height: 2.6em;
}
body .ui-datatable .ui-paginator button {
    margin: 0.3rem;
}
body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    border: 1px solid #156090;
    background: #186ba0;
    color: var(--white);
}
#content .ui-datatable .ui-selection-column.selektion {
    text-align: center;
}
.ui-datatable-header .datatable-filter-grid .buttons {
    padding: 0.2em 0 0.2em 0;
}
.ui-datatable-header .datatable-filter-grid .filterInput {
    padding: 0.2em 0.5em 0.2em 0.2em;
}
.ui-datatable tbody  .ui-chkbox .ui-chkbox-box.ui-state-hover {
    border: 1px solid var(--grey);
    background-color: var(--grey-background);
}
.ui-datatable tbody  .ui-chkbox .ui-chkbox-box.ui-state-active ,
.ui-datatable tbody .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    border: 1px solid #186ba0;
    background-color: white;
    color: var(--blue);
}
@media (max-width: 640px) {
    #content .ui-datatable-resizable thead th,
    #content .ui-datatable-resizable tbody td,
    #content .ui-datatable-resizable tfoot td {
        border: none;
        background-clip: padding-box;
        white-space: normal;
        word-wrap: break-word;
    }
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"].selektion .ui-column-title {
        display: none;
    }
}
.ui-grid-row .middle {
    overflow: hidden;
    min-width: 5em;
}

.selectAllButton .ui-button .ui-button-text {
    padding: 0.3em 1.2em;
}
.ui-menu.ui-widget li > .ui-menuitem-link {
    width: 100%;
}

.ui-columntoggler.ui-widget-content {
    overflow-y: auto;
    overflow-x: hidden;
}

#content .ui-inputswitch,
#content table:not(.ui-noborder).ui-panelgrid td.ui-panelgrid-cell {
    border: 1px solid #d9d9d9;
}
#content table .ui-widget-header {
    background: var(--grey-background);
}

.ui-panelgrid-odd {
    background-color: #fafafb;
}

#content .ui-panelgrid-cell table.ui-selectoneradio {
    width: auto;
    border-collapse: collapse;
}
table.ui-selectoneradio td {
    white-space: nowrap;
    padding-right: 3em;
}
table.ui-selectoneradio td:last-child {
    padding-right: 0;
}
table.ui-selectoneradio td label {
    white-space: normal;
    margin: 0;
    padding-left: 1.125em;
}

.ui-panel ~ .ui-panel {
    margin-top: 1em;
}

#content .ui-panel-titlebar-icon {
    text-decoration: none;
}

body .ui-panel .ui-panel-titlebar {
    padding: 0.5rem 1rem;
}

#content .ui-panel .ui-panel-titlebar h2,
#content .ui-panel .ui-panel-titlebar h3 {
    margin: 0;
}

.booleanCheckboxContainer {
    display: table;
}

.booleanCheckboxContainer .ui-chkbox {
    display: table-cell;
    line-height: 14px;
    vertical-align: top;
}

.booleanCheckboxContainer > span,
.booleanCheckboxContainer > label {
    white-space: normal;
    display: table-cell;
    padding-left: 0.5em;
    vertical-align: middle;
}

.ui-chkbox .ui-state-disabled + .ui-chkbox-label {
    opacity: 0.35;
}

#content .ui-panelgrid-cell .booleanCheckboxContainer > label.ui-outputlabel {
    padding-top: 0;
}

#content .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper {
    width: 40%;
}

#content .ui-dialog-content .ui-picklist .ui-picklist-list li {
    list-style-type: none;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

#content .ui-dialog-content .ui-picklist ul.ui-picklist-list {
    padding-left: 2px;
    width: 100%;
}

.ui-picklist .ui-picklist-buttons button {
    margin-left: auto;
    margin-right: auto;
}

#content .ui-picklist-list, #content .ui-picklist-caption,
#content .ui-orderlist-list, #content .ui-orderlist-caption {
    border: 1px solid var(--grey-widget-border);
}

.ui-picklist .ui-picklist-item td.chkbox {
    width: 5%;
}
.ui-picklist .ui-picklist-item td.chkbox div.ui-chkbox {
    padding-right: 0.8em;
}
.ui-picklist tbody td.startunterseite-icon {
    text-align: center;
    width: 1.5em;
}
.ui-picklist .ui-button .ui-icon,
.ui-orderlist .ui-button .ui-icon {
    background: none;
    text-indent: 0px;
    font-family: FontAwesome;
    height: 1.5em;
    width: 1.5em;
}

.ui-selectonelistbox.col-1-w40 .ui-selectlistbox-list td:first-child {
    width: 40px;
}

/*************************************************\
**  Datepicker
\*************************************************/
.ui-datepicker div.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    border-bottom: none;
}
.ui-datepicker td.ui-datepicker-week-col {
    text-align: center;
}
.ui-datepicker .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e,
.ui-datepicker .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w {
    display: none;
}
#content div.startseite a,
#content #leistungsbeschreibungContainer_content a,
#content .ui-datatable .ui-datatable-data.ui-widget-content a
{
    color: var(--blue-light);
    text-decoration: underline;
}
#content .ui-datatable td ul,
#content .ui.dialog:not(.behoerdenAuswahlDialog) .ui-dialog-content ul,
#content #leistungsbeschreibungContainer_content td ul {
    padding: 0 0 0 1em;
}

#content .ui-datatable td ul {
    margin: 0;
}

/*************************************************\
**  Checkbox
\*************************************************/
.main-body .ui-chkbox .ui-icon-blank,
.main-body .ui-chkbox .ui-icon-check {
    display: block;
}
.main-body .ui-chkbox-box {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
body  .ui-chkbox .ui-chkbox-box {
    border-width: 1px;
    border-radius: 10%;
    -webkit-text-stroke-width: thick;
}
body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover,
body  .ui-chkbox .ui-chkbox-box.ui-state-active {
    border: 1px solid #186ba0;
    background-color: #186ba0;
}
body .ui-chkbox .ui-chkbox-box.ui-state-hover,
body  .ui-chkbox .ui-chkbox-box {
    border: 1px solid var(--grey);
}
body .ui-chkbox .ui-chkbox-box.ui-state-focus {
    box-shadow: none;
}

.main-body .ui-tooltip.ui-tooltip-bottom {
    max-width: 20em;
    z-index: 9999;
}
.main-body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
    left: 10px;
}

.main-body .ui-tooltip .ui-tooltip-arrow.ui-state-error {
    border-right-color: transparent;
    border-bottom-color: var(--red);
}

.main-body .ui-tooltip .ui-tooltip-text.ui-state-error {
    background-color: var(--red);
}

.main-body .ui-tooltip .ui-tooltip-text a {
    color: var(--white);
}

#content .ui-fileupload-messages .ui-messages-error-summary,
#content .ui-fileupload-messages .ui-messages-error-detail {
    display: block;
}

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

#content .ui-progressbar.noLabel .ui-progressbar-value {
    margin: unset;
}

#content .ui-dataview.ui-noborder-self > .ui-widget-content,
#content .ui-panelgrid.ui-noborder-self > .ui-widget-content {
    border: 0 none
}

/*************************************************\
** Error Page
\*************************************************/
.errorPage .ui-messages-error.ui-corner-all.ui-grid-row {
    padding: 1em 1.2em;
}
.errorPage .ui-grid-col-2.errorIcon {
    width: 4em;
    margin-right: 0.667em;
}
.errorPage .errorText .errorSummary {
    font-size: large;
    margin-left: 0em;
    margin-bottom: 1em;
}
.errorPage .errorText p {
    margin: 0;
}

.errorPage .errorText .errorDetail {
    margin-left: 0em;
    padding-left: 0em;
}

.errorPage .errorText a,
.errorPage .errorText #errorLocation .ui-widget,
.errorPage .errorText #errorLocation .ui-widget a,
.errorPage .errorText #errorLocation .ui-widget-content {
    color: var(--white);
    border:none;
}

.errorPage .errorText #errorLocation #errorLocationPlaceholder {
    background-color: var(--red);
    border-color: var(--red);
    padding-left: 0;
}

.errorPage .errorText #errorLocation #errorLocationPlaceholder li::before,
.errorPage .errorText #errorLocation #errorLocationPlaceholder li span,
.errorPage .errorText #errorLocation #errorLocationPlaceholder li a {
    color: var(--white);
    opacity: inherit;
}

.errorPage .errorText #errorLocation #errorLocationPlaceholder ul {
    margin: 0;
    padding: 0;
    display: table-cell;
}
.errorPage .errorText #errorLocation #errorLocationPlaceholder ul li {
    display: table-row;
    font-weight: normal;
}
.errorPage .errorText #errorLocation #errorLocationPlaceholder ul li a,
.errorPage .errorText #errorLocation #errorLocationPlaceholder ul li span
{
    opacity: 1;
    display: table-cell;
}
.errorPage .errorText #errorLocation #errorLocationPlaceholder ul li a.ui-icon-home .ui-menuitem-text
{
    display: none;
}

/*************************************************\
**  DataView
\*************************************************/
.ui-dataview.simple .ui-dataview-content {
    padding: 0;
}
.ui-dataview.simple .ui-dataview-header {
    display: none;
}
.ui-dataview.simple .icon {
    padding-left: 4px;
    padding-right: 4px;
}
.ui-dataview-list .ui-dataview-row ~  .ui-dataview-row {
    margin-top: 4px;
}
.ui-dataview.hover .ui-dataview-row {
    padding: 4px;
}
.ui-dataview.hover .ui-dataview-row:hover {
    color: var(--blue);
    background-color: var(--blue-background);
    border-radius: 3px;
}
body .ui-dataview.fixed-layout .ui-dataview-header .ui-dataview-layout-options {
    display: none;
}
body .ui-dataview .ui-dataview-header > .ui-widget {
    margin: 0 0.25em 0 0.25em;
}
body .ui-dataview.ui-dataview-list.list-noborder .ui-dataview-row {
    border: none;
}
/*************************************************\
**  Overlay Panel
\*************************************************/
body .ui-overlay-hidden {
    display: none;
}
/*************************************************\
**  Overlay Panel mit Html-Content
\*************************************************/
div.htmlContent.ui-overlaypanel {
    margin-right: 20em;
    margin-left: 20em;
}
div.htmlContent div.ui-overlaypanel-content h4 {
    font-size: 1.2em;
}

#content div.htmlContent div.ui-overlaypanel-content ul {
    list-style-type: circle;
}

#content div.htmlContent div.ui-overlaypanel-content ul li {
    margin-left: 1.2em;
}

/*************************************************\
**  CK-Editor
\*************************************************/
.cke_dialog_body .cke_dialog_contents .cke_dialog_ui_input_select
{
    width: 100%;
}
select.cke_dialog_ui_input_select:focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.cke_dialog_background_cover {
    opacity: .60 !important;
    filter: Alpha(Opacity=60) !important;
    background-color: #000 !important;
}
body .cke_combopanel
{
    width: auto;
    height: auto;
    min-width: 150px;
}
/* BWW-1461: (5) Breite der Style-Auswahl im maximierten Zustand im IE zu schmal */
body:not(.main-body) .cke_combopanel
{
    width: auto;
    height: auto;
    min-width: 220px;
}
body .cke_combo_text {
    width: 120px;
}
body .cke_dialog_ui_input_textarea.cke_source {
    white-space: pre-line;
}
body .cke_dialog_contents_body {
    padding: 0.3em 0.5em;
}
body .cke_button__sourcedialog_label {
    display: none;
}

/*************************************************\
**  Master-Detail-Views
\*************************************************/
#content .pe-master-detail .pe-master-detail-level {
    margin-top: 0;
}

#editOeffnungszeitenDialog #editOeffnungszeitenPanel {
    border: 1px solid var(--grey-widget-border);
}

/*************************************************\
**  Behördenauswahl
\*************************************************/
div.behoerdenAuswahlContainerClass div.toolbar-left > form {
    float: left;
}

div.behoerdenAuswahlContainerClass div.ui-tree {
    overflow: auto;
    width: auto;
    padding: 2px 10px;
}
div.behoerdenAuswahlContainerClass div.ui-tree .ui-tree-container {
    white-space: unset;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
    color: var(--blue-dark);
    font-size: 0.8rem;
    line-height: 0.5rem;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler,
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
    height: 0.5rem;
    width: 0.5rem;
}
#content div.ui-breadcrumb ul li.ui-breadcrumb-chevron {
    padding-bottom: 5px;
}
div.behoerdenAuswahlContainerClass div.ui-tree .ui-treenode-content .ui-treenode-icon {
    display: inline-block;
    height: 16px;
    width: 1em;
}
body div.behoerdenAuswahlContainerClass .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
    display: inline-block;
    padding: 1px;
}
div.behoerdenAuswahlContainerClass .behoerdenbaumViewPanel .ui-tree,
.ui-dialog div.behoerdenAuswahlContainerClass .behoerdenSucheViewPanel .ui-datatable-tablewrapper {
    overflow: auto;
    max-height: 57vh;
    min-height: 20vh;
}
@media (max-height: 800px) {
    .ui-dialog div.behoerdenAuswahlContainerClass .behoerdenSucheViewPanel .ui-datatable-tablewrapper {
        height: 45vh;
    }
}
@media (max-height: 620px) {
    div.behoerdenAuswahlContainerClass .behoerdenbaumViewPanel .ui-tree {
        height: 50vh;
    }
    .ui-dialog div.behoerdenAuswahlContainerClass .behoerdenSucheViewPanel .ui-datatable-tablewrapper {
        height: 30vh;
    }
}
@media (max-height: 450px) {
    .ui-dialog div.behoerdenAuswahlContainerClass .behoerdenSucheViewPanel .ui-datatable-tablewrapper {
        height: 20vh;
    }
    .behoerdenAuswahlContainerClass .behoerdenbaumBreadcrumbsContainer {
        display: none;
    }
    
    body.main-body .ui-dialog.behoerdenAuswahlDialog .ui-dialog-titlebar {
        padding-bottom: 0;
        padding-top: 0.5em;
    }
}

@media (max-height: 360px) {
    div.behoerdenAuswahlContainerClass .behoerdenbaumViewPanel .ui-tree {
        height: 35vh;
    }
    .ui-dialog div.behoerdenAuswahlContainerClass .behoerdenSucheViewPanel .ui-datatable-tablewrapper {
        height: 10vh;
    }
    div.behoerdenbaumViewPanel ul.legend,
    #content .ui-dialog-content div.behoerdenAuswahlContainerClass ul.legend {
        display: none;
    }
}
.stepsContainer div.behoerdenAuswahlContainerClass .behoerdenbaumViewPanel .ui-tree {
    max-height: 47vh;
}
div.ui-dialog div.behoerdenAuswahlContainerClass .behoerdenbaumViewPanel,
div.ui-dialog div.behoerdenAuswahlContainerClass .behoerdenSucheViewPanel {
    min-height: 76vh;
    max-height: 90vh;
    width: 95vw;
}

div.behoerdenbaumViewPanel .ui-fieldset {
    padding-top: 0;
}

div.behoerdenbaumViewPanel ul.legend,
#content .ui-dialog-content div.behoerdenAuswahlContainerClass ul.legend {
    margin-top: 0.7em;
    margin-bottom: 0.7em;
    padding-left: 0;
}

#content div.behoerdenAuswahlContainerClass ul li {
    padding-bottom: 0;
}

#content .ui-dialog-content div.behoerdenAuswahlContainerClass .ui-fieldset {
    margin-bottom: 0em;
}



/*************************************************\
** Tooltip
\*************************************************/
body .qtip-dark {
    font-size: 1em;
    color: var(--white);
}
body .qtip-dark a {
    color: var(--white);
}
body .qtip-dark ul
{
    margin: 1em 0;
    padding-left: 2em;
}

/*************************************************\
** Bookmarks
\*************************************************/
#bookmarkRedaktionssystem {
  padding: 5px 10px;
/*   background: rgba(240, 173, 78, 1); */
  background: var(--blue);
  color: var(--white);
  border: 1px solid var(--blue-dark);
  border-radius: 4px;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  margin-left: 30px;
}

#bookmarkRedaktionssystem:hover {
  background: var(--blue-dark);
  border: 1px solid #d58512;
  text-decoration: none;
}

/*************************************************\
**  Messages & Growls
\*************************************************/
body .ui-message {
    display: block;
    padding: 0;
}

.ui-messages .messageDetailsList,
.ui-message .messageDetailsList {
    margin: 0.3em 0 0.3em 0;
}

.ui-messages .messageDetailsList.ordered,
.ui-message .messageDetailsList.ordered {
    counter-reset: message-item-counter;
}

.ui-messages .messageDetailsList,
.ui-messages .messageDetailsList > span,
.ui-message .messageDetailsList,
.ui-message .messageDetailsList > span {
    display: table;
    margin-left: 0;
}

.ui-messages .messageDetailsList.ordered > span,
.ui-message .messageDetailsList.ordered > span {
    counter-increment: message-item-counter;
}

.ui-messages .messageDetailsList > span,
.ui-message .messageDetailsList > span {
    position: relative;
}

.ui-messages .messageDetailsList > span:before,
.ui-message .messageDetailsList > span:before {
    content: "\f0da";
    font-family: FontAwesome;
    display: table-cell;
    position: relative;
    top: 0;
    padding-right: 5px;
}
 
 .ui-messages .messageDetailsList.ordered > span:before,
.ui-message .messageDetailsList.ordered > span:before {
    content: counter(message-item-counter) ".";
    font-family: Helvetica, Arial, sans-serif;
}

#content .ui-growl-warn,
#content .ui-messages .ui-messages-warn,
#content .ui-message.ui-message-warn {
    background-color: var(--orange);
    border: 1px solid var(--orange-dark);
}

#content .ui-growl-info,
#content .ui-messages .ui-messages-info,
#content .ui-message.ui-message-info {
    border: 1px solid var(--grey-light-border);
}

#content .ui-messages .ui-messages-warn-icon,
#content .ui-message .ui-message-warn-icon,
#content .ui-growl-warn,
#content .ui-messages .ui-messages-warn,
#content .ui-message.ui-message-warn {
    color: var(--black-light);
}

.ui-messages .ui-messages-success > ul li > span,
.ui-messages .ui-messages-info > ul li > span,
.ui-messages .ui-messages-warn > ul li > span,
.ui-messages .ui-messages-error > ul li > span,
.ui-messages .ui-messages-fatal > ul li > span {
    margin-left: 0;
}

.ui-message.ui-message-success a,
.ui-messages .ui-messages-success a {
    color: var(--green-very-light);
}

#content .ui-messages-info,
#content .ui-message-info {
    color: var(--black-light);
    background-color: var(--grey-light-background);
    border-color: var(--grey-light-border);
}
#content .ui-messages-info .ui-messages-info-icon,
#content .ui-message-info .ui-message-info-icon {
    color: var(--blue);
    font-size: 1.4rem;
}
#content .ui-messages-error a,
#content .ui-message-error a,
#content .ui-messages-fatal a,
#content .ui-message-fatal a {
    color: var(--red-light);
}
#content .ui-messages-info a,
#content .ui-message-info a {
    color: #495057;
}
#content .ui-messages-warn a,
#content .ui-message-warn a {
    color: #4f575b;
}
#content .ui-messages-success a:hover, #content .ui-message-success a:hover,
#content .ui-messages-info a:hover, #content .ui-message-info a:hover,
#content .ui-messages-warn a:hover, #content .ui-message-warn a:hover,
#content .ui-messages-error a:hover, #content .ui-message-error a:hover,
#content .ui-messages-fatal a:hover, #content .ui-message-fatal a:hover {
    text-decoration: underline;
}
body.main-body .ui-growl .ui-growl-info {
    background: linear-gradient(to bottom, #0088cc 0%, #0077b3 100%);
    border: 1px solid #0077b3;
}
body.main-body .ui-growl .ui-growl-info,
body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon,
body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image {
    color: var(--white);
}

#content .ui-messages .ui-messages-success,
#content .ui-message.ui-message-success {
    color: var(--white);
    background-color:var(--green-dark);
    border-color:var(--green-dark);
}

body .ui-messages .ui-messages-success-icon,
body .ui-message .ui-message-success-icon {
    background-image: none !important;
    display: inline-block;
    font-family: primeicons !important;
    font-style: normal;
    font-weight: normal;
    font-size: inherit;
    margin: 0 0.5rem 0 0;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    color: var(--white);
}

#content .ui-messages-success-icon,
#content .ui-message-success-icon {
    display: block;
    float: left;
    padding: 0;
    position: relative;
}

#content .ui-messages .ui-messages-success-icon::before,
#content .ui-message .ui-message-success-icon::before {
    content: "\e90a";
}

#content #messages > * {
    margin: 0;
}

#content #messages > div + div {
    margin-top: 1em;
}

#content #messages> div:last-of-type {
    margin-bottom: 1em;
}

#content .ui-panelgrid ~ .ui-messages:not(.ui-panelgrid) {
    margin: 1em 0 1em 0;
}

#content .ui-panelgrid .ui-messages + .ui-messages {
    margin-top: 1em;
}

#content .ui-messages-info-summary, #content .ui-messages-info-detail,
#content .ui-messages-warn-summary, #content .ui-messages-warn-detail,
#content .ui-messages-error-summary, #content .ui-messages-error-detail,
#content .ui-messages-fatal-summary, #content .ui-messages-fatal-detail,
#content .ui-messages-success-summary, #content .ui-messages-success-detail {
    display: block;
    margin-left: 0;
    font-weight: normal;
}

#content .ui-message-info,
#content .ui-message-error,
#content .ui-message-warn,
#content .ui-message-fatal {
    margin: 0;
}

.ui-messages h3:first-child {
    margin-top: 0;
}

.ui-messages dt {
    font-weight: bold;
}

.ui-messages .ui-messages-info-summary > dl > dt:not(:first-child),
.ui-messages .ui-messages-warn-summary > dl > dt:not(:first-child),
.ui-messages .ui-messages-error-summary > dl > dt:not(:first-child),
.ui-messages .ui-messages-success-summary > dl > dt:not(:first-child) {
    margin-top: 1em;
}

.messageKeepWhitespace.ui-messages .ui-messages-info-summary,
.messageKeepWhitespace.ui-messages .ui-messages-warn-summary,
.messageKeepWhitespace.ui-messages .ui-messages-error-summary,
.messageKeepWhitespace.ui-messages .ui-messages-success-summary {
    white-space: pre;
}

.main-body #primefacesmessagedlg .ui-dialog-content {
    padding: 1.0em 1.5rem 1.5rem 1.5rem;
}

.main-body #primefacesmessagedlg .ui-dialog-content .ui-messages-error-icon {
    background: none;
}

.main-body #primefacesmessagedlg .ui-dialog-content .ui-messages-error-icon:before {
    color: var(--red);
}

div.ui-growl {
    top: 6.4em;
    right: 40px;
}

div.ui-growl[id$="messagesBehoerdenAuswahl_container"] {
    width: 96vw;
    left: 2vw;
    right: auto;
    top: 3em;
}
div.ui-growl[id$="messagesBehoerdenAuswahl_container"] .ui-growl-item-container {
    opacity: 1;
}
div.ui-growl[id$="messagesBehoerdenAuswahl_container"] .ui-growl-message {
    width: auto;
    float: left;
    margin-left: 1em;
    margin-top: 4px;
}

.ui-messages.ui-widget + form,
.ui-messages.ui-widget + .ui-panelgrid {
    margin-top: 1em;
}
body .ui-messages .ui-messages-error .ui-messages-error-icon::before,
body .ui-messages .ui-messages-error .ui-messages-fatal::before,
body .ui-messages .ui-messages-fatal .ui-messages-error-icon::before,
body .ui-messages .ui-messages-fatal .ui-messages-fatal::before,
body .ui-message.ui-message-error .ui-message-error-icon::before,
body .ui-message.ui-message-fatal .ui-message-error-icon::before {
    content: "\e910";
    -webkit-text-stroke-width: 2px;
}
body .ui-messages > div {
    padding: 1rem;
}
body .ui-message > div,
body fieldset .ui-messages > div {
    margin: 0;
}
body fieldset .ui-message.ui-widget,
body .ui-panelgrid-cell .ui-message.ui-widget,
body .ui-panelgrid-cell .ui-messages.ui-widget .ui-messages-error,
body .ui-panelgrid-cell .ui-messages.ui-widget .ui-messages-warn,
body .ui-panelgrid-cell .ui-messages.ui-widget .ui-messages-info,
body .ui-panelgrid-cell .ui-messages.ui-widget .ui-messages-success {
    padding: 0.5rem;
}
body .ui-message > div,
body .ui-messages > div {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: [icon] 2.2rem [text] auto;
    justify-content: left;
}
body .ui-message.ui-message-error .ui-message-error-detail,
body .ui-message.ui-message-fatal .ui-message-error-detail,
body .ui-message.ui-message-warn .ui-message-warn-detail,
body .ui-message.ui-message-info .ui-message-info-detail,
body .ui-message.ui-message-success .ui-message-success-detail,
body .ui-message.ui-message-error .ui-message-error-summary,
body .ui-message.ui-message-fatal .ui-message-error-summary,
body .ui-message.ui-message-warn .ui-message-warn-summary,
body .ui-message.ui-message-info .ui-message-info-summary,
body .ui-message.ui-message-success .ui-message-success-summary {
    grid-column-start: text;
    margin: 4px 0 0 0;
    overflow-wrap: anywhere;
}
body #messages.ui-messages ul {
    margin-top: 2px;
}
body .ui-messages ul
{
    margin-top: 3px;
}
body #messages.ui-messages.ui-widget > div.ui-messages-success > ul {
    margin-top: 2px;
}
body .ui-messages ul > li + li {
    padding-top: 0.5rem;
}
#content .ui-messages-info .ui-messages-info-icon,
#content .ui-message-info .ui-message-info-icon,
#content .ui-messages-warn .ui-messages-warn-icon,
#content .ui-message-warn .ui-message-warn-icon,
#content .ui-messages-fatal .ui-messages-fatal-icon,
#content .ui-message-fatal .ui-message-fatal-icon,
#content .ui-messages-error .ui-messages-error-icon,
#content .ui-message-error .ui-message-error-icon,
#content .ui-messages-success .ui-messages-success-icon,
#content .ui-message-success .ui-message-success-icon {
    font-size: 1.4rem;
    grid-column-start: icon;
    height: initial;
    width: initial;
}
body .ui-messages .ui-messages-error,
body .ui-messages .ui-messages-fatal,
body .ui-message.ui-message-error,
body .ui-message.ui-message-fatal {
    border: 1px solid var(--red);
    background: var(--red);
}
body .ui-messages .ui-messages-error,
body .ui-messages .ui-messages-fatal,
body .ui-message.ui-message-error,
body .ui-message.ui-message-fatal,
body .ui-messages .ui-messages-error .ui-messages-error-icon,
body .ui-messages .ui-messages-fatal .ui-messages-error-icon,
body .ui-message.ui-message-error .ui-message-error-icon,
body .ui-message.ui-message-fatal .ui-message-error-icon {
    color: var(--white);
}
/*.ui-messages.ui-widget + div:not(.ui-state-error,.inputgroup-state-error),
div +.ui-messages.ui-widget*/
.ui-messages.ui-widget + fieldset {
    margin-top: 1rem;
}
body .ui-growl .ui-growl-item-container.ui-growl-error,
body .ui-growl .ui-growl-item-container.ui-growl-fatal {
    border: 1px solid var(--red);
    background: var(--red);
}
body.main-body .ui-growl .ui-growl-error,
body.main-body .ui-growl .ui-growl-fatal,
body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon,
body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image,
body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon,
body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image {
    color: var(--white);
}
body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image {
    margin-top: 3px;
}

/*************************************************\
**  Statische Legende
\*************************************************/
div.hoveringLegend {
    bottom: 1.5em;
    right: 1.5em;
    position: fixed;
    width: 18.5em;
    z-index: 20;
    -webkit-box-shadow: 1em 1em 1.5em 0em rgba(0,0,0,0.75);
    -moz-box-shadow: 1em 1em 1.5em 0em rgba(0,0,0,0.75);
    box-shadow: 1em 1em 1.5em 0em rgba(0,0,0,0.75);
}

div.hoveringLegend div.afterIcon {
    padding-left: 0.75em;
    text-align: left;
}

div.hoveringLegend .ui-panel-titlebar.ui-widget-header {
    text-align: center;
}

/*************************************************\
**  Lebenslagenbamum
\*************************************************/
.lebenslagenbaumTable td.lebenslagenbezeichnung {
    white-space: nowrap;
    font-size: 0.9em;
}
.lebenslagenbaumTable {
    border-collapse: collapse;
    table-layout: fixed;
}
#frmLebenslagenDataGrid td.centerIcon {
    text-align: center;
}

#frmLebenslagenDataGrid .ui-panel.dataGridContentPanel .ui-panel-content {
    padding: 0em;
}

#frmLebenslagenDataGrid .ui-datatable .lebenslagenbaumTable tbody td {
    border: 1px solid var(--grey-widget-border);
}

.selectcheckboxmenuNoHeader div.ui-selectcheckboxmenu-header {
    display: none;
}
.ui-menu.ui-widget {
    width: auto;
}
.ui-menu.ui-widget li > .ui-menuitem-link {
    padding-right: .3em;
}
.ui-selectcheckboxmenu-panel.selectcheckboxmenuNoHeader {
    width: auto!important;
}

/*************************************************\
**  Image and Audit Info
\*************************************************/
#content .ui-panelgrid.imageAndAuditInfo .ui-panelgrid-cell
{
    padding-right: 0;
    padding-left: 0;
}
#content .ui-panelgrid.imageAndAuditInfo .ui-panelgrid-cell {
    padding: 0;
}
#content .ui-panelgrid.imageAndAuditInfo .ui-panelgrid-cell .ui-panelgrid-cell {
    padding: 0.3rem 0;
}
#content .ui-panelgrid.imageAndAuditInfo .imagePanel
{
    height: 200px;
    border: 1px solid var(--grey-widget-border);
    position: relative;
}
#content .ui-panelgrid.imageAndAuditInfo .imagePanel img
{
    max-height: 162px;
    max-width: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px dotted var(--grey-widget-border);
}
#content .ui-panelgrid.imageAndAuditInfo .imagePanel.svg-height-162 img
{
    height: 162px;
}
#content .ui-panelgrid.imageAndAuditInfo .imagePanel.bgBlack img
{
    background-color: #000;
}
#content .ui-panelgrid.imageAndAuditInfo .imagePanel.checkerboard img {
    background: repeating-conic-gradient(#F0F0F0 0% 25%, transparent 0% 50%) 50% / 20px 20px;
}
.ui-widget-content .imageAndAuditInfo .ui-grid-col-6 {
    min-width: 156px;
}


/*************************************************\
**  Default Button Style
\*************************************************/

.main-body .ui-button {
    -moz-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}
.main-body .ui-button:not(.ui-state-disabled):hover {
    box-shadow: 2px 2px 2.5px 0 rgba(0, 0, 0, 0.42);
}
.main-body .ui-button.ui-state-default.ui-button-secondary.ui-button .ui-icon {color: #525252;}
.main-body .ui-button.ui-state-default.ui-button .ui-icon.fa-regular.fa-file-word {color: var(--blue);}
.main-body .ui-button.ui-state-default.ui-button .ui-icon.fa-solid.fa-file-word {color: var(--white);}
.main-body .ui-button.ui-state-default.ui-button .ui-icon.fa-file-excel { color:var(--green-dark); }
.main-body .ui-button.ui-state-default.ui-button .ui-icon.fa-file-pdf {color: var(--red);}
.main-body .ui-button.ui-state-default.ui-button .ui-icon.fa-question-circle {color: var(--blue);}

.main-body .selectAllButton.ui-button-secondary .ui-button {
    background: none;
    border-color: #CCCFD2;
}
.main-body .selectAllButton.ui-button-secondary .ui-button .ui-icon {
    color: #555;
}

.main-body .ortssuche-button {
    text-align: left;
}

/*************************************************\
**  Dialoge
\*************************************************/

.ui-confirm-dialog.ui-dialog div.ui-dialog-titlebar span.ui-dialog-title::before {
    font-size: 1.5em;
    font-family: FontAwesome;
    content: "\f071";
    color: var(--red);
    margin-right: 0.5em;
}


.ui-confirm-dialog.ui-dialog div.ui-dialog-content.ui-widget-content span.ui-icon {
    display: none;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content {
    padding: 1.2em 1em 1em 1em;
}

body .ui-dialog .ui-dialog-content {
    padding: 1.2em 1em 1em 1.5em;
}

body.main-body .ui-dialog .ui-dialog-titlebar {
    border-bottom: 1px solid var(--grey-widget-border);
    display: flex;
    padding: 1.2em 1em 1em 1.5em;
    width: 100%;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    flex-grow: 1;
    line-height: 2em;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title i {
    font-size: 2em;
    line-height: inherit;
    vertical-align: middle;
}

body .ui-dialog .ui-dialog-footer .ui-button:last-of-type {
    margin-right: 2rem;
}

/** icon mit text zusammenhalten, siehe auch translationWarning.xhtml **/

.baybw-icon-with-text {
    display: table;
    vertical-align: top;
}

.baybw-icon-with-text img,
.baybw-icon-with-text i.fa {
    display:table-cell;
}

.baybw-icon-with-text.title img,
.baybw-icon-with-text.title i.fa {
    vertical-align: middle;
}

.baybw-icon-with-text img,
.baybw-icon-with-text i.fa::before {
    margin-right: 0.5em;
}

.baybw-icon-with-text .textMiddle {
    display: table-cell;
    vertical-align: middle;
}

.baybw-icon-with-text div.text {
    display: table-cell;
    vertical-align: top;
}

.baybw-icon-with-text .text p + p,
.ui-dialog-content.ui-widget-content div.message-body p + p,
.ui-dialog-content.ui-widget-content span.ui-confirm-dialog-message p + p {
    margin-top: 0.5em;
}

.ui-dialog div[id$="\:messages"].ui-messages {
    margin: 0 0 1em 0;
}

.ui-dialog div + div[id$="\:messages"].ui-messages {
    margin-top: 1em;
}

.ui-dialog div[id$="\:messages"].ui-messages > div {
    margin: 0;
}

.ui-dialog div[id$="\:messages"].ui-messages > div + div {
    margin-top: 1em;
}

.ui-dialog-content.ui-widget-content div.message-body ul:not(.ui-picklist-list) {
    margin: 1.0em 2.0em;
}

.ui-dialog-content.ui-widget-content div.message-body div.ui-messages ul {
    margin-top: 0;
    margin-bottom: 0;
}

#content .ui-dialog .ui-messages li {
    padding-bottom: 0;
}

.main-body .ui-dialog:not(.behoerdenAuswahlDialog) {
    max-height: 85vh;
    max-width: 80vw;
    overflow: auto;
}
.main-body .ui-dialog .ui-dialog-buttonpane.ui-helper-clearfix:after {
    display: none;
}
.ui-dialog {
    max-width: 98vw;
}

#content .ui-noborder .ui-dialog.ui-widget-content .ui-dialog-titlebar {
    border-bottom: 1px solid var(--grey-widget-border);
}
body .ui-dialog .ui-dialog-footer,
#content .ui-dialog .ui-dialog-footer {
    border-top: 1px solid var(--grey-widget-border);
    padding: 1em;
}

body.main-body .ui-dialog .ui-dialog-buttonpane:not(.ui-dialog-footer) {
    border: none;
    margin: 0;
    padding: 1em;
}

#content .ui-dialog .ui-dialog-footer button { margin-top: 0; }

body.main-body #formHausanschriftOrtSuche .ui-messages-warn,
body.main-body #formHausanschriftOrtSuche .ui-messages-info {
    margin-bottom: 0;
}

/*************************************************\
**  Media Queries
\*************************************************/
@media (min-width: 1025px) {
    .wrapper .sidebar {
        width: 20em;
    }

    .wrapper .topbar {
        left: 20em;
    }

    .wrapper .main,
    .wrapper .footer {
        margin-left: 20em;
        -moz-transition: margin-left 0.3s;
        -o-transition: margin-left 0.3s;
        -webkit-transition: margin-left 0.3s;
        transition: margin-left 0.3s;
    }

    .wrapper .footer {
        width: calc(100% - 20em);
    }
    .wrapper.sidebar-inactive-l .footer {
        width: 100%;
    }

    .wrapper.sidebar-inactive-l .sidebar {
        margin-left: -20em;
    }
}
@media (max-width: 1550px) {
    .main-body .wrapper .main {
        padding-top: 6em;
    }

    .main-body .wrapper .topbar {
        height: 6em;
        text-align: left;
    }
    
    body .ui-steps ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    body #content .ui-steps ul > li.ui-steps-item {
        display: inline-block;
        width: 100%;
    }
    
    body .ui-steps .ui-steps-item {
        flex: unset;
    }
    
    body .ui-steps .ui-steps-item:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    
    body .ui-steps .ui-steps-item:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 0;
    }
    
    body .ui-steps .ui-steps-item:not(:last-child) {
        border-right-width: 1px;
        border-bottom-width: 0;
    }
}
@media (max-width: 640px) {
    .main-body #content div.startseite {padding-right: 0;}
    .main-body .wrapper .topbar {
        height: 8em;
        position: relative;
    }
    .main-body .wrapper .main {
        padding-top: 0;
    }
    .wrapper .topbar #topbar-icons a:first-child {
        height: auto;
    }
    .wrapper .topbar #topbar-icons a:hover {
        padding-left: 10px;
    }
}

@media screen and (max-width: 576px) {
  body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text {
    display: unset;
  }
}