:root {

    --primary: #0063AA; /* Aktiver Link im Bread Crumb / SideNavbar*/
    --text: #000000; /* Headlines Fliestexte */
    --menuAktivBG: #E0ECF5; /*  Menü Aktiv Background*/
    --menuHoverBG: #E9F3FB; /*  Menü Hover Background*/
    --primaryPfad: #004B76; /*  Pfad im Bread Crumb / SideNavbar*/
    --darkMenuBgColor: #004B76; /* */

    --primaryLightColor: #4BA0E1;
    --accentLightColor: #7D8C8C;
    --accentColor: #5A7070;
    --accentDarkColor: #576164;

    --infoAffirmativeColor: #C1CA31; /* Positive Indikatoren (Icons)*/
    --infoAffirmativeLightColor: #E6EAAD; /* Positiver Hinweis (Hintergrundfarbe)*/


    --InfoColor: #F9E03A; /*Warnhinweise Icons*/
    --InfoLightColor: #FBEC89; /*Hinweise*/
    --EditorColor: #FDF3B0; /*Editierbare Felder im Editor*/
    --EditorBackgroundColor: #FEF9D8; /*Editor Hintergrund*/
    --infoNegativeColor: #C0003C; /*Negative Indikatoren (Icons)*/
    --infoNegativeLightColor: #E699B1; /*Negativer Hinweis (Hintergrundfarbe)*/

    --infoAffirmativeColor: #31D100; /*Positive Indikatoren (Icons)*/
    --infoAffirmativeLightColor: #ACED99; /*Positiver Hinweis (Hintergrundfarbe)*/
    --newObjectColor: #114400; /*Positiver Hinweis (Hintergrundfarbe)*/
    --newObjectColorHover: #185e01; /*Positiver Hinweis (Hintergrundfarbe)*/
}

h2 {
    font-size: 1.75rem;
}

h1 {
    font-size: 2rem;
}

h3 {
    font-size: 1.5rem;
}

@font-face {
    font-family: BundesSansWeb;
    src: url("../../fonts/BundesSansWeb-Regular.woff");
}

@font-face {
    font-family: BundesSansWebItalic;
    src: url("../../fonts/BundesSansWeb-Italic.woff");
}

@font-face {
    font-family: BundesSansWebBold;
    src: url("../../fonts/BundesSansWeb-Bold.woff");
}

@font-face {
    font-family: BundesSansWebBoldItalic;
    src: url("../../fonts/BundesSansWeb-BoldItalic.woff");
}

.layout-menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text {
    margin-left: 0.75rem;
}

* {
    box-sizing: border-box;
}

body .layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li a {
    color: black;
}

.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li a {
    color: #515C66;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li > a {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s, color 0.2s;
}

body a {
    text-decoration: none;
    color: #616161;
}

user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
}

user agent stylesheet
li {
    text-align: -webkit-match-parent;
}

.layout-menu-wrapper ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    list-style-type: none;
}

user agent stylesheet
ul ul {
    list-style-type: circle;
}

user agent stylesheet
ul {
    list-style-type: disc;
}

user agent stylesheet
li {
    text-align: -webkit-match-parent;
}

user agent stylesheet
ul {
    list-style-type: disc;
}

.layout-menu-light {
    --menu-bg-color: #FDFEFF;
    --menu-text-color: #657380;
}

.layout-topbar-blue {
    --topbar-bg-color: #1565C0;
    --topbar-text-color: #ffffff;
}

body, body .ui-widget {
    font-family: BundesSansWeb, "Helvetica Neue", sans-serif !important;
}

/*.navigationMenu::-webkit-scrollbar,*/
/*.contentWrapperBox::-webkit-scrollbar,*/
/*.contentWrapperBoxAudit::-webkit-scrollbar,*/
/*.contentWrapperBoxFullHeight::-webkit-scrollbar {*/
/*    width: 16px;*/
/*    !*border: 5px solid white;*!*/
/*}*/

/*.navigationMenu::-webkit-scrollbar-thumb,*/
/*.contentWrapperBox::-webkit-scrollbar-thumb,*/
/*.contentWrapperBoxAudit::-webkit-scrollbar-thumb,*/
/*.contentWrapperBoxFullHeight::-webkit-scrollbar-thumb {*/
/*    background-clip: padding-box;*/
/*    -webkit-border-radius: 10px;*/
/*    border-radius: 10px;*/
/*    background: var(--primaryLightColor);*/
/*    -webkit-box-shadow: inset 8px 8px 15px var(--primary);*/
/*}*/

/*.navigationMenu::-webkit-scrollbar-track,*/
/*.contentWrapperBox::-webkit-scrollbar-track,*/
/*.contentWrapperBoxAudit::-webkit-scrollbar-track,*/
/*.contentWrapperBoxFullHeight::-webkit-scrollbar-track {*/
/*    background-color: #ffffff;*/
/*    margin: 10px 0;*/
/*    border-radius: 10px;*/
/*    !*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*!*/
/*}*/

/*!* Buttons *!*/
/*.navigationMenu::-webkit-scrollbar-button:single-button,*/
/*.contentWrapperBox::-webkit-scrollbar-button:single-button,*/
/*.contentWrapperBoxAudit::-webkit-scrollbar-button:single-button,*/
/*.contentWrapperBoxFullHeight::-webkit-scrollbar-button:single-button {*/
/*    background-color: transparent;*/
/*    display: block;*/
/*    border-style: solid;*/
/*    padding: 5px 0;*/
/*    height: 25px;*/
/*    width: 16px;*/
/*}*/

/*!* Up *!*/
/*.navigationMenu::-webkit-scrollbar-button:single-button:vertical:decrement,*/
/*.contentWrapperBox::-webkit-scrollbar-button:single-button:vertical:decrement,*/
/*.contentWrapperBoxAudit::-webkit-scrollbar-button:single-button:vertical:decrement,*/
/*.contentWrapperBoxFullHeight::-webkit-scrollbar-button:single-button:vertical:decrement {*/
/*    border-width: 0 8px 8px 8px;*/
/*    border-color: transparent transparent black transparent;*/
/*}*/

/*.navigationMenu::-webkit-scrollbar-button:single-button:vertical:decrement:hover,*/
/*.contentWrapperBox::-webkit-scrollbar-button:single-button:vertical:decrement:hover,*/
/*.contentWrapperBoxAudit::-webkit-scrollbar-button:single-button:vertical:decrement:hover,*/
/*.contentWrapperBoxFullHeight::-webkit-scrollbar-button:single-button:vertical:decrement:hover {*/
/*    border-color: transparent transparent var(--primary) transparent;*/
/*}*/

/*!* Down *!*/
/*.navigationMenu::-webkit-scrollbar-button:single-button:vertical:increment,*/
/*.contentWrapperBox::-webkit-scrollbar-button:single-button:vertical:increment,*/
/*.contentWrapperBoxAudit::-webkit-scrollbar-button:single-button:vertical:increment,*/
/*.contentWrapperBoxFullHeight::-webkit-scrollbar-button:single-button:vertical:increment {*/
/*    border-width: 8px 8px 0 8px;*/
/*    border-color: black transparent transparent transparent;*/
/*}*/

/*.navigationMenu::-webkit-scrollbar-button:vertical:single-button:increment:hover,*/
/*.contentWrapperBox::-webkit-scrollbar-button:vertical:single-button:increment:hover,*/
/*.contentWrapperBoxAudit::-webkit-scrollbar-button:vertical:single-button:increment:hover,*/
/*.contentWrapperBoxFullHeight::-webkit-scrollbar-button:vertical:single-button:increment:hover {*/
/*    border-color: var(--primary) transparent transparent transparent;*/
/*}*/

.contentWrapperBox, .contentWrapperBoxAudit, .contentWrapperBoxFullHeight {
    border-radius: 10px;
    border: 1px solid #778899;
    padding: 30px 30px 10px 30px;
    width: 100%;
    overflow-y: auto;
    margin-top: 20px;
}

.contentWrapperBox {
    height: calc(100vh - 260px);
}

.contentWrapperBoxAudit {
    height: calc(100vh - 300px);
}

.contentWrapperBoxFullHeight {
    height: calc(100vh - 200px);
}

/*@media (max-width: 1510px) {*/
/*    .contentWrapperBox {*/
/*        border-radius: 10px;*/
/*        border: 1px solid #778899;*/
/*        padding: 30px 30px 10px 30px;*/
/*        width: 100%;*/
/*        height: calc(100vh - 300px);*/
/*        overflow-y: auto;*/
/*        margin-top: 20px;*/
/*    }*/
/*}*/

.table-row {
    display: table-row;
}

.mainContentForm > .ui-g-12 {
    margin: 0;
    padding: 0;
}

h2.pageTitle {
    font-size: calc(18px + (18 - 0.5 - 10) * ((100vw - 320px) / (1600 - 320))) !important;
    color: var(--primary);
}

#printPanel {
    margin-left: auto;
    align-items: center;
    justify-content: center;
    display: flex;
}

#overviewTable > .ui-datatable-header {
    padding-left: 0;
}

@media print {
    #printPanel {
        display: none;
    }

    .card {
        box-shadow: unset;
    }

    .footer_controls {
        display: none;
    }
}

@media (max-width: 679px) {
    .mobile-panel {
        padding: 0 20px;
    }

    #messageArea\:msgs_container {
        max-width: 90%;
    }

    .ui-growl-message {
        width: 85%;
    }

    #mainContentForm\:panel {
        padding: 0 0 0 20px;
    }

    body .layout-wrapper span.tooltipicon.tooltipiconAfterError span {
        margin-left: 25px;
    }

    body .layout-wrapper span.tooltipicon.tooltipiconNoError span {
        margin-left: 5px;
    }

    body .layout-wrapper span.tooltipicon .validationiconError span {
        margin-left: 2px !important;
    }

    #mainContentForm\:search, #mainContentForm\:alternateSearch {
        margin: 0 20px 20px;
    }

    .ui-mobile {
        width: 100%;
    }

    #search-card {
        padding: 1rem 5px 1rem;
    }

    #mainContentForm\:backToSearch {
        margin-right: 15px;
    }

    #mainContentForm\:picturePanel > #mainContentForm\:firmenLogoNA {
        width: 100%;
    }

    #mainContentForm\:picturePanel {
        width: unset;
    }

    #mainContentForm\:panel > .ui-g > .contentWrapperBox, #profilePanel > * > .contentWrapperBox {
        padding: 20px 0 0 0;
        border: none;
    }

    .ui-field-mobile {
        padding-right: 0 !important;
    }

    #mainContentForm\:split_0 {
        margin-right: 15px;
    }

    .ui-selectonemenu-panel .ui-selectonemenu-list-item {
        white-space: pre-wrap;

    }

    #mainContentForm\:radioOption > .ui-g > .col-12 {
        display: unset;
    }

    .qtip-default {
        max-width: 350px !important;
    }

}

@media (min-width: 680px) {
    #mainContentForm\:panel {
        padding: 0 20px;
    }

    #mainContentForm\:radioOption > .ui-g > .col-12 {
        display: flex;
    }

    .mobile-panel {
        padding: 0 30px;
    }
}

div.passblock > span.ui-password {
    clear: both;
    float: left;
    width: 100%;
    display: inline-grid;
}

div.pb-label > label.ui-outputlabel {
    display: flex;
    padding-bottom: 2px;
}

div.pb-label > label.ui-outputlabel > span {
    padding-bottom: 0px;
}

.mainContentForm\:radioOption > .ui-g > .col-12 {
    display: flex;
    padding: .5rem 0;
}

li.ui-chips-token > .ui-chips-token-label {
    color: black;
}

.ui-state-chip-validation-error > span {
    color: #a10101;
}

/*Color for chips -> chip validation error*/
.ui-state-chip-validation-error {
    outline: 2px solid red;
    border-color: red;
    background-color: white !important;
    font-weight: bold;
}

.plr-0-5 {
    padding-left: .5em;
    padding-right: .5em;
}

.mainContent {
    overflow-y: hidden;
}

.c-skipnav {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    font-family: BundesSansWeb, "Helvetica Neue", sans-serif !important;
    letter-spacing: .15ch;
    padding: 1rem 2rem;
    text-decoration: none;
    transition: background-color .3s ease-in-out, color .3s ease-in-out
}

.u-text-transform-uppercase {
    text-transform: uppercase;
}

.c-skipnav:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    outline: none;
    position: absolute;
    top: 6rem;
    left: 2rem;
    z-index: 1000;
}

.c-skipnav:focus:hover {
    background-color: #000;
    color: #fff
}

.menu_link:focus, .layout-menu-button:focus, .layout-topbar-action:focus, .layout-topbar-logo:focus, .layout-menu:focus {
    background-color: #3b4bbf;
    background-color: var(--color-link-text);
    color: #fff;
    color: var(--color-link-focus-text);
    outline: 3px solid;
    outline-color: #3b4bbf;
    outline-color: var(--color-link-text)
}

.progressTimeout {
    z-index: 2147483647;
    left: -6px;
    width: 0%;
    height: 8px;
    background: #a8a8a8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: width 900ms linear, opacity 900ms linear;
    -ms-transition: width 900ms linear, opacity 900ms linear;
    -o-transition: width 900ms linear, opacity 900ms linear;
    -webkit-transition: width 900ms linear, opacity 900ms linear;
    transition: width 900ms linear, opacity 900ms linear;
    float: right;
}

.progressTimeout.done {
    opacity: 0
}

.progressTimeout.waitingred {
    background: #b91f1f;
}

/*.progressTimeout.waitingred, .progressTimeout.waiting {*/
/*    -webkit-transition: width 1s ;*/
/*    -moz-transition: width 1s ;*/
/*    -o-transition: width 1s ;*/
/*    transition: width 1s ;*/
/*}*/

.progressTimeout dd, #progress dt {
    position: absolute;
    top: 0;
    height: 4px;
    -moz-box-shadow: #b91f1f 1px 0 6px 1px;
    -ms-box-shadow: #b91f1f 1px 0 6px 1px;
    -webkit-box-shadow: #b91f1f 1px 0 6px 1px;
    box-shadow: #b91f1f 1px 0 6px 1px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.progressTimeout dd {
    opacity: 1;
    width: 2px;
    right: 0;
    clip: rect(-6px, 22px, 14px, 10px)
}

.progressTimeout dt {
    opacity: 1;
    width: 180px;
    right: -80px;
    clip: rect(-6px, 90px, 14px, -6px)
}

.progressTimeout.waiting dd, .progressTimeout.waiting dt {
    -moz-animation: pulse 2s ease-out 0s infinite;
    -ms-animation: pulse 2s ease-out 0s infinite;
    -o-animation: pulse 2s ease-out 0s infinite;
    -webkit-animation: pulse 2s ease-out 0s infinite;
    animation: pulse 2s ease-out 0s infinite;
}

.progressTimeout:hover ~ .progressTimeoutText {
    display: block;
}

.progressTimeoutText {
    display: none;
    position: absolute;
    right: 25px;
    margin-top: 8px;
    color: #b91f1f;
    border: 3px solid #b91f1f;
    border-radius: 4px;
    padding: 4px;
}

span.addCircle {
    padding: 0.2em 0.4em !important;
}

i.addCircle, span.addCircle {
    display: inline-block;
    border-radius: 50%;
    /*box-shadow: 0 0 2px #888;*/
    padding: 0.5em 0.5em;
    margin-bottom: 3px;
    font-style: normal;
}

m_mainmenu.i {
    font-size: 1.4rem;
}

.layout-wrapper .layout-main .layout-content {
    padding: 0;
    background-color: white;
}

.layout-menu li a.active, .layout-menu li a.active i {
    color: var(--primary) !important;
    background-color: var(--menuAktivBG);
    font-weight: bold;
    /* font-weight: 500; */
}

.layout-menu li a.active.menuValidationError, .layout-menu li a.active.menuValidationError i {
    color: red !important;
    background-color: transparent;
    /* font-weight: 500; */
}

.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover {
    background-color: var(--menuHoverBG);
}

.bafamenu div.subtitle {
    margin-top: 0px !important;
}

.layout-menu-wrapper {
    width: 23rem;
}

.layout-topbar .layout-topbar-left .layout-topbar-logo {
    width: 23rem;
}

.layout-topbar .layout-topbar-left .layout-menu-button {
    left: 21.75rem;
}

@media (min-width: 992px) {
    .layout-menu-static.layout-menu-active .layout-main {
        margin-left: 23rem;
    }

    .layout-menu-static .layout-menu-wrapper {
        transform: translate3d(-23rem, 0px, 0px);
        transition: transform 0.2s;
    }

    .layout-menu-overlay .layout-menu-wrapper {
        transform: translate3d(-23rem, 0px, 0px);
        transition: transform 0.2s;
        transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
}

@media (max-width: 991px) {
    .layout-wrapper .layout-menu-wrapper {
        transform: translate3d(-23rem, 0px, 0px);
    }
}

@media (max-width: 1200px) {
    .upload-label {
        float: none !important;
    }

    .ui-selectonemenu.upload-select-document-type {
        width: 100% !important;
    }
}

.label, .ui-outputlabel-label {
    font-weight: bold;
    /*display: flex;*/
    /*flex-direction: column;*/
    display: inline-block;
    padding-bottom: 0rem;
}

body input.ui-inputfield, body input.ui-selectbooleanbutton, body input.ui-selectcheckboxmenu {
    height: 40px;
}

body div.ui-chips, body .ui-chips .ui-chips-container {
    width: 100%
}

div.inputblockelement {
    padding-right: 45px;
}

.inputblockrubyelement {
    display: block ruby;
}

body .ui-input-filled .ui-inputfield,
body input.ui-inputfield,
body input.ui-selectbooleanbutton,
body .ui-selectonemenu,
body .ui-inputtextarea,
body .ui-chips .ui-chips-container .ui-chips-input-token inputs,
body div.ui-selectmanymenu {
    width: 100%;
    border: 1px solid #778899;
    border-radius: 5px !important;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    /*padding-left: 5px;*/
    background-color: #ffffff;
}

body input.ui-selectcheckboxmenu {
    width: 100%;
    border: 1px solid #778899 !important;
    border-radius: 3px !important;
    display: table;
    font-size: 15px;
    padding-left: 5px;
}

body div.small {
    width: 40%;
}

body .ui-inputfield:disabled, body .ui-selectbooleanbutton:disabled, body .ui-selectcheckboxmenu:disabled, body .ui-selectonemenu.ui-state-disabled, body .ui-inputfield.disabled {
    background-color: #EAEAEA;
    opacity: 1;
}

span.tooltipicon {
    display: block;
    position: relative;
    float: left;
}

span.tooltipicon a, span.tooltipicon .validationiconError, span.tooltipicon .validationiconErrorLowMargin {
    margin-left: 2px;
    position: absolute;
    padding-top: 10px;
}

.validationiconError {
    margin-left: 2px !important;
    color: red;
}

.validationiconErrorLowMargin {
    margin-left: 2px !important;
    color: red;
}

.menuValidationiconError {
    color: red !important;
}

.menuValidationiconValid {
    color: darkgreen !important;
}

span.tooltipicon span {
    position: absolute;
    z-index: 2;
    padding-left: 1px;
    margin-left: 2px;
    font-size: 1.5em;
    height: 22px;
    width: 22px;
}

span.tooltipicon.tooltipiconAfterError span {
    margin-left: 25px;
}

.right {
    float: right;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li.submenu > ul:first-of-type {
    display: none;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li.submenu.active-menuitem > ul:first-of-type {
    display: block;
}

.qtip-default.error {
    background-color: #f7ebeb;
    border: 2px solid #d69ea5;
    color: red;
}

.help-bubble, .qtip-default {
    background-color: #ebf0f7;
    border: 2px solid #9eb6d6;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.3em;
    padding: 10px;
    position: absolute;
    min-width: 200px;
    width: auto;
    max-width: 600px;
    display: none;
    z-index: 2;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    -webkit-box-shadow: 2px 4px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 4px 5px rgba(0, 0, 0, .5);
    box-shadow: 2px 4px 5px rgba(0, 0, 0, .5)
}

.help-bubble-arrow-border {
    border-color: #9eb6d6 transparent transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -22px;
    height: 0;
    left: 30px;
    position: absolute;
    width: 0
}

.help-bubble-arrow {
    border-color: #ededed transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -19px;
    left: 30px
}

.right .help-bubble-arrow-border {
    left: 276px
}

.right .help-bubble-arrow {
    left: 275px
}

.top .help-bubble-arrow-border {
    border-color: transparent transparent #9eb6d6;
    top: -22px
}

.top .help-bubble-arrow {
    border-color: transparent transparent #ededed;
    top: -19px
}

.help-close {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 8px;
    padding: 4px 0;
    width: 80px
}

.help-content {
    padding: 15px 10px 10px;
    text-align: left
}

#help-bubble-overview .help-content {
    padding: 5px;
    text-align: left
}

body .btnaslink .ui-button, body .btnaslink.ui-button {
    background: transparent;
    color: var(--primary);
}

body .btnaslink.ui-state-focus, body .btnaslink .ui-button.ui-state-focus {
    border: 1px solid #3F51B5;
    outline: 0 none;
    box-shadow: none;
}

body .ui-message {
    padding: 0;
    display: block;
}

.eoriGroup {
    clear: both;
    float: left;
    width: 100%;
    border: 1px solid grey;
    border-radius: 5px;
}

.eoriGroup:has(input.ui-state-error) {
    border-color: red !important;
}

body .ui-message.ui-message-error, body .ui-message.ui-message-fatal {
    white-space: pre-wrap;
}

body .layout-wrapper .ui-message.ui-message-error .ui-message-error-icon,
body .layout-wrapper .ui-message.ui-message-fatal .ui-message-error-icon,
body .layout-wrapper .ui-message.ui-message-error .ui-message-error-detail,
body .layout-wrapper .ui-message.ui-message-fatal .ui-message-error-detail {
    /*display: inline-block;*/
    margin: 5px;
    font-weight: bold;
}

body .ui-fileupload .ui-fileupload-content, body .ui-fileupload .ui-fileupload-buttonbar {
    padding: 0;
    margin: 0;
    border: none;
}

.ui-fileupload-files {
    margin: 0
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon.pi-upload::before {
    content: "\e934";
}

body .ui-button.ui-selectbooleanbutton.ui-state-active {
    background-color: blue;
}

body .ui-button.ui-selectbooleanbutton.ui-state-active:hover {
    background-color: #3a3afd;
}

body.mainContent .ui-button.ui-selectbooleanbutton.ui-state-active:hover,
body.mainContent .ui-button.ui-selectbooleanbutton.ui-state-active:hover .ui-icon,
body.mainContent .ui-button.ui-selectbooleanbutton.ui-state-active,
body.mainContent .ui-button.ui-selectbooleanbutton.ui-state-active .ui-icon {
    color: white;
}

body.mainContent .ui-button.ui-selectbooleanbutton {
    border: 1px solid grey;
}

body.mainContent .ui-button.ui-selectbooleanbutton:hover {
    background-color: lightgray;
}

.clear {
    clear: both;
}

button#next .ui-button-text {
    padding: 0.643rem 2.5rem 0.643rem 0.75rem;
}

button#next .ui-button-icon-left {
    right: -4rem;
}

#emptyPageContent {
    min-height: calc(100vh - 119px);
}

.footer_fixed_Buttons {
    position: absolute;
    /*position: sticky;*/
    bottom: 0;
    right: 0;
    z-index: 10;
}

@media (min-width: 992px) {
    .formNaviButtons.footer_fixed_audit_buttons {
        padding-left: calc(23rem + 20px);
    }
}

.formNaviButtons {
    margin: 0;
    width: 100%;
    background-color: #fff;
    padding: 1em;
    height: 60px;
    overflow: hidden;
    vertical-align: middle;
}

.footer_controls {
    float: right;
    /*-webkit-box-shadow: 0 -3px 5px 0 #c4c4c4;*/
    /*box-shadow: 0 -3px 5px 0 #C4C4C4FF;*/

}

body .ui-button {
    background-color: var(--primary);
    border: 1px solid var(--primary);
}

/*.ui-datatable-tablewrapper .ui-button-icon-only {*/
/*    color:#000;*/
/*    background-color:transparent;*/
/*}*/
/*.ui-datatable-tablewrapper .ui-button-icon-only.ui-state-hover {*/
/*    color:#0d3c61;*/
/*    background-color:transparent;*/
/*}*/


body .layout-wrapper .ui-datatable .ui-datatable-header {
    border: none;
    padding-bottom: 0;
}


body .layout-wrapper .ui-datatable-tablewrapper .ui-button-icon-only .ui-icon {
    font-size: 1.2em;
}

body .layout-wrapper table .ui-button.ui-button-icon-only .ui-icon {
    margin-left: -8px;
    margin-top: -8px;
}

body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
    color: #000;
    font-weight: bold;
}

.ui-datatable-even, .evenClass {
    background-color: transparent !important;
    background-image: none;
}

.ui-datatable-odd, .oddClass {
    background-color: #e4f2fe !important;
    background-image: none;
}

.layout-wrapper > .ui-g-12 {
    padding: 0px;
}

@media screen and (min-width: 64.063em) {
    .ui-mdb-12 {
        width: 100%;
    }
}

@media screen and (min-width: 74.063em) {
    .ui-mdb-12 {
        width: 70%;
    }
}

@media screen and (min-width: 100.063em) {
    .ui-mdb-12.ui-lg-6 {
        width: 50%;
    }
}

.sr-only, th.hiddentitle .ui-column-title {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.globalFilter:focus {
    width: 80% !important;
}

.ui-selectlistbox-listcontainer {
    height: 200px !important;
}

body .layout-wrapper .ui-cell-editor-output {
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 10px 5px;
    height: 40px;
    cursor: default;
}

body .layout-wrapper .ui-selectonebutton > .ui-button.ui-state-active {
    background-color: var(--primary);
    transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}

body .layout-wrapper .ui-selectonebutton > .ui-button.ui-state-active:hover {
    background-color: var(--primaryPfad);
}

body .layout-wrapper .ui-selectonebutton > .ui-button.ui-state-active .ui-button-text,
body .layout-wrapper .ui-selectonebutton > .ui-button.ui-state-active:hover .ui-button-text {
    color: white;
}


/* ALEX */
/*body .layout-wrapper .ui-selectonemenu:hover,*/
/*body .layout-wrapper .ui-inputfield:hover,*/
/*body.layout-wrapper .globalFilterField:hover,*/
/*body .layout-wrapper .ui-inputfield.ui-state-focus,*/
/*body .layout-wrapper .ui-selectonemenu.ui-state-focus,*/
/*body .layout-wrapper .ui-selectcheckboxmenu.ui-state-focus {*/
/*    border-bottom-color : #b0c8ff !important;*/
/*}*/


body .layout-wrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-close:hover {
    background-color: var(--infoNegativeLightColor);
    color: red;
}

body .layout-wrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-close {
    background-color: var(--infoNegativeColor);
}

body .layout-wrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check:hover, body .layout-wrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-pencil:hover {
    background-color: rgba(33, 150, 243, 0.76);
}

body .layout-wrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check, body .layout-wrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-pencil {
    background-color: var(--primary);
}

body .layout-wrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor > a {
    height: 2.75rem;
    width: 2.75rem;
    padding: 5px;
    color: white;
    transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}


/*body .layout-wrapper  .ui-datatable .ui-datatable-data > tr .ui-row-editor:hover > a.ui-row-editor-pencil{*/
/*    background-color: rgba(33, 150, 243, 0.92) !important;*/
/*}*/
/*body .layout-wrapper  .ui-datatable .ui-datatable-data > tr .ui-row-editor{*/
/*    background-color: var(--primary) !important;*/
/*    padding: 4px !important;*/
/*    border-radius: 50%;*/
/*    color: white !important;*/
/*    transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);*/
/*}*/

/*body .layout-wrapper  .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-pencil {*/
/*    color: white !important;*/
/*}*/


body .layout-wrapper .btnCol {
    width: 30px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper th.btnCol {
    text-align: center;
}

body .layout-wrapper .iconCol {
    width: 25px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p20Col {
    width: 40px;
    text-overflow: unset !important;
    text-align: center;
    margin: 0;
}

body .layout-wrapper .p40Col {
    width: 40px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p45Col {
    width: 45px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p50Col {
    width: 50px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p60Col {
    width: 60px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p60ColRight {
    width: 60px;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p60ColRight {
    text-align: right;
}

body .layout-wrapper .p70Col {
    width: 70px;
    text-overflow: unset !important;
    text-align: center;
    margin: 0;
}

body .layout-wrapper .p80Col {
    width: 80px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .centerCol {
    text-align: center;
}

body .layout-wrapper .p80ColLeft, body .layout-wrapper .p80ColRight {
    width: 80px;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p80ColLeft {
    text-align: left;
}

body .layout-wrapper .ui-datatable-data .p80ColRight {
    text-align: right;
}

body .layout-wrapper .p90ColLeft, body .layout-wrapper .p90ColRight {
    width: 90px;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p90ColLeft {
    text-align: left;
}

body .layout-wrapper .ui-datatable-data .p90ColRight {
    text-align: right;
}

body .layout-wrapper .p100ColLeft, body .layout-wrapper .p100ColRight {
    width: calc(70px + (100 - 80) * ((100vw - 320px) / (1600 - 320))) !important;
    /*width         : 100px;*/
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p100ColLeft {
    text-align: left;
}

body .layout-wrapper .ui-datatable-data .p100ColRight {
    text-align: right;
}

body .layout-wrapper .p100Col, body .layout-wrapper .dateCol {
    width: calc(70px + (100 - 70) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p110Col {
    width: calc(80px + (110 - 80) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .ui-datatable-data .p80MinColLeft {
    text-align: left;
}

body .layout-wrapper .p110ColLeft, body .layout-wrapper .p110ColRight {
    width: calc(80px + (110 - 80) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p110ColLeft {
    text-align: left;
}

body .layout-wrapper .ui-datatable-data .p110ColRight {
    text-align: right;
}

body .layout-wrapper .p120Col {
    width: calc(90px + (120 - 90) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p130Col {
    width: calc(100px + (130 - 100) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p130ColLeft {
    width: calc(100px + (130 - 100) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p130ColLeft {
    text-align: left;
}

body .layout-wrapper .p130ColRight {
    width: calc(100px + (130 - 100) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p130ColRight {
    text-align: right;
}

body .layout-wrapper .p140ColLeft {
    width: calc(110px + (140 - 110) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p140ColLeft {
    text-align: left;
}

body .layout-wrapper .p150Col {
    width: calc(120px + (150 - 120) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p150ColRight {
    width: calc(120px + (150 - 120) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p150ColRight {
    text-align: right;
}

body .layout-wrapper .p150Col .ui-toggleswitch {
    text-align: initial
}

body .layout-wrapper .p180ColLeft {
    width: calc(150px + (180 - 150) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p180ColLeft {
    text-align: left;
}

body .layout-wrapper .ui-button.ui-state-focus {
    -webkit-box-shadow: 0 0 2px 1px var(--primaryLightColor);
    box-shadow: 0 0 2px 1px var(--primaryLightColor);
    border: 1px solid var(--primaryLightColor);
    /*background-color   : #015201;*/
}

body .layout-wrapper .ui-button {
    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}

body .layout-wrapper .ui-button.ui-state-disabled,
body .layout-wrapper .ui-button.ui-linkbutton.ui-state-disabled,
body .layout-wrapper .ui-button.readOnlyButton {
    border: 1px solid lightgray;
    color: black !important;
    background-color: lightgray;
    cursor: not-allowed;
}

body .layout-wrapper .deleteBtn:hover {
    background-color: orangered !important;
}

/*body .layout-wrapper .ui-selectonemenu:hover,*/
/*body .layout-wrapper .ui-inputfield:hover,*/
/*body.layout-wrapper .globalFilterField:hover,*/
/*body .layout-wrapper .ui-inputfield.ui-state-focus,*/
/*body .layout-wrapper .ui-selectonemenu.ui-state-focus,*/
/*body .layout-wrapper .ui-selectcheckboxmenu.ui-state-focus {*/
/*    border-bottom-color : #789ffa !important;*/
/*}*/

body .layout-wrapper .globalFilterInputDiv label {
    padding-top: 5px;
}

body .layout-wrapper .addElementBtn,
body .layout-wrapper .tblHeaderBtnRight {
    margin-left: 10px;
}

body .layout-wrapper .clearFilterBtn,
body .layout-wrapper .clearTblFilterBtn,
body .layout-wrapper .tblHeaderBtnLeft {
    margin-left: -10px;
}

body .layout-wrapper .clearFilterBtn,
body .layout-wrapper .addElementBtn,
body .layout-wrapper .clearTblFilterBtn,
body .layout-wrapper .tblHeaderBtnRight,
body .layout-wrapper .tblHeaderBtnLeft {
    /*background-color: #424242 !important;*/
    /*border: 1px solid #757575;*/
    margin-right: 0;
    margin-top: -4px;
    display: block;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body .layout-wrapper .clearFilterBtn:hover,
body .layout-wrapper .addElementBtn:hover,
body .layout-wrapper .clearTblFilterBtn:hover,
body .layout-wrapper .tblHeaderBtnRight:hover,
body .layout-wrapper .tblHeaderBtnLeft:hover {
    /*background-color: #757575 !important;*/
    -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
}

body .layout-wrapper .ui-state-active .ui-column-filter:hover,
body .layout-wrapper .ui-state-active .ui-column-filter:focus {
    background: #4b4b4b; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 96%, #b0c8ff 97%, #b0c8ff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 96%, #b0c8ff 97%, #b0c8ff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 96%, #b0c8ff 97%, #b0c8ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#b0c8ff', GradientType=0); /* IE6-9 */
    /*border-left : 2px solid #b0c8ff;*/
    color: black;
}

body .layout-wrapper .ui-sortable-column.ui-state-active:hover {
    background: rgb(210, 210, 210); /* Old browsers */
    /*background : -moz-linear-gradient(top, rgb(210, 210, 210) 0%, rgb(155, 155, 155) 100%); !* FF3.6-15 *!*/
    /*background : -webkit-linear-gradient(top, rgb(210, 210, 210) 0%, rgb(155, 155, 155) 100%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background : linear-gradient(to bottom, rgb(210, 210, 210) 0%, rgb(155, 155, 155) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#636363', GradientType=0); /* IE6-9 */
}

body .layout-wrapper .ui-column-customfilter .ui-widget.ui-state-active {
    color: white;
}

body .layout-wrapper .ui-column-filter:hover,
body .layout-wrapper .ui-column-filter:focus
    /*Wofür ist diese Zeile des CustomFilters notwendig*/
    /*, body .layout-wrapper .ui-column-customfilter .ui-widget:hover */
{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 96%, #b0c8ff 97%, #b0c8ff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 96%, #b0c8ff 97%, #b0c8ff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 96%, #b0c8ff 97%, #b0c8ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#b0c8ff', GradientType=0); /* IE6-9 */
    /*border-left : 2px solid #b0c8ff;*/
    color: black;
}

body .layout-wrapper .ui-datatable tbody tr.ui-state-hover {
    /*background-color : #5a5a5a !important;*/
    color: var(--primary) !important;
}

body .layout-wrapper .globalTableFilter {
    width: 15rem !important;
    transition: width 1s ease;
}

body .layout-wrapper .globalTableFilter:focus {
    width: 30rem !important;
}

body .layout-wrapper .ui-fieldset {
    margin-top: 20px;
    /*border-width: 0 0 1px 1px;*/
    /*border-radius: 0 0 0 5px;*/

    /*margin-bottom: 5px;*/
    /*transition: box-shadow 1s ease;*/
}

/*body .layout-wrapper .ui-fieldset:hover, body .layout-wrapper .ui-fieldset:has(.ui-inputfield:focus){*/
/*    -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);*/
/*    -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);*/
/*    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);*/
/*}*/

body .layout-wrapper .btnCol {
    width: 40px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper th.btnCol {
    text-align: center;
}

body .layout-wrapper .iconCol {
    width: 25px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p20Col {
    width: 40px;
    text-overflow: unset !important;
    text-align: center;
    margin: 0;
}

body .layout-wrapper .p40Col {
    width: 40px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p45Col {
    width: 45px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p50Col {
    width: 50px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p60Col {
    width: 60px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p60ColRight {
    width: 60px;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p60ColRight {
    text-align: right;
}

body .layout-wrapper .p70Col {
    width: 70px;
    text-overflow: unset !important;
    text-align: center;
    margin: 0;
}

body .layout-wrapper .p80Col {
    width: 80px;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .centerCol {
    text-align: center;
}

body .layout-wrapper .p80ColLeft, body .layout-wrapper .p80ColRight {
    width: 80px;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p80ColLeft {
    text-align: left;
}

body .layout-wrapper .ui-datatable-data .p80ColRight {
    text-align: right;
}

body .layout-wrapper .p90ColLeft, body .layout-wrapper .p90ColRight {
    width: 90px;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p90ColLeft {
    text-align: left;
}

body .layout-wrapper .ui-datatable-data .p90ColRight {
    text-align: right;
}

body .layout-wrapper .p100ColLeft, body .layout-wrapper .p100ColRight {
    width: calc(70px + (100 - 80) * ((100vw - 320px) / (1600 - 320))) !important;
    /*width         : 100px;*/
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p100ColLeft {
    text-align: left;
}

body .layout-wrapper .ui-datatable-data .p100ColRight {
    text-align: right;
}

body .layout-wrapper .p100Col, body .layout-wrapper .dateCol {
    width: calc(70px + (100 - 70) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p110Col {
    width: calc(80px + (110 - 80) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .ui-datatable-data .p80MinColLeft {
    text-align: left;
}

body .layout-wrapper .p110ColLeft, body .layout-wrapper .p110ColRight {
    width: calc(80px + (110 - 80) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p110ColLeft {
    text-align: left;
}

body .layout-wrapper .ui-datatable-data .p110ColRight {
    text-align: right;
}

body .layout-wrapper .p120Col {
    width: calc(90px + (120 - 90) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p130Col {
    width: calc(100px + (130 - 100) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p130ColLeft {
    width: calc(100px + (130 - 100) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p130ColLeft {
    text-align: left;
}

body .layout-wrapper .p130ColRight {
    width: calc(100px + (130 - 100) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p130ColRight {
    text-align: right;
}

body .layout-wrapper .p140ColLeft {
    width: calc(110px + (140 - 110) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p140ColLeft {
    text-align: left;
}

body .layout-wrapper .p150Col {
    width: calc(120px + (150 - 120) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
    text-align: center;
}

body .layout-wrapper .p150ColRight {
    width: calc(120px + (150 - 120) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p150ColRight {
    text-align: right;
}

body .layout-wrapper .p150Col .ui-toggleswitch {
    text-align: initial
}

body .layout-wrapper .p180ColLeft {
    width: calc(150px + (180 - 150) * ((100vw - 320px) / (1600 - 320))) !important;
    text-overflow: unset !important;
}

body .layout-wrapper .ui-datatable-data .p180ColLeft {
    text-align: left;
}

h1.pageTitle {
    font-size: calc(18px + (18 - 0.5 - 10) * ((100vw - 320px) / (1600 - 320))) !important;
    /*font-size: 1.8rem;*/
    color: var(--primary)
}

.infoHeader td {
    vertical-align: top;
}

.infoHeader .pi-info-circle {
    font-weight: bold;
    color: var(--primary);
    font-size: 1.2rem;
}

body .ui-tooltip .ui-tooltip-text {
    background: rgb(0, 0, 0);
    font-size: 1.2rem;
}

body .active-menuitem .layout-menuitem-text {
    color: black !important;
    width: 98%;
}

body .navigationMenu .ui-ripple.active .layout-menuitem-icon {
    background-color: var(--primary-dark-color);
}

body .navigationMenu .ui-ripple.active.menuValidationError .layout-menuitem-icon {
    background-color: transparent;
}

body .layout-menu-wrapper .layout-menu-container li.activeParent > a, body .layout-menu-wrapper .navigationMenu .ui-ripple.active .layout-menuitem-text {
    font-weight: bold;
}

/*body .layout-menu-wrapper .layout-menu-container li.validationErrorSubMenu > a {*/
/*    !* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+89,ff0000+100&0+0,0.31+100 *!*/
/*    border-right: 1px solid darkred;*/
/*}*/
body .layout-menu-wrapper .layout-menu-container li.validationErrorSubMenu > a > .layout-menuitem-text {
    /* background-color: #eec2b2; */
    /* color: red !important; <== wird ignoriert */
    /*text-decoration: underline; !* <= sieht nicht gut aus, da auch der Pfeil der Auswahlliste unterstrichen wird *!*/
    /*text-decoration-color: red;*/
    /* text-decoration-style: wavy; <= Wellen */
}

body .layout-menu-wrapper .layout-menu-container li.validationErrorSubMenu > a > .layout-submenu-toggler {
    font-weight: bold !important;
    color: red !important;
}

body .layout-menu-wrapper .layout-menu-container .layout-menu li a i {
    width: 15px;
    text-align: center;
}


body .layout-menu-wrapper .layout-menu-container li.validationErrorSubMenu > a > .layout-menuitem-icon {
    font-weight: bold !important;
    color: red !important;
}


body .layout-wrapper .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    color: black;
}

body .layout-wrapper .usernameMenuHeader i {
    color: var(--primaryLightColor);;
}

body .layout-wrapper .usernameMenuHeader span {
    font-weight: bold;
}

body .layout-wrapper .usernameMenuHeader {
    border-bottom: 1px solid grey;
    background-color: lightgray;
    cursor: default;
}

body .layout-wrapper .usernameMenuHeader:hover, body .layout-wrapper .usernameMenuHeader:focus {
    background-color: lightgray !important;
}


.layout-topbar-action, .layout-topbar-action:focus {
    outline: none !important;
    border: none !important;
}

.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li a.active {
    background-color: var(--menuHoverBG);
}

.qtip.wrappedTooltip {
    max-width: 400px !important;
    white-space: pre-wrap;
}

body .help-bubble, .qtip-default {
    background-color: rgba(231, 241, 249, 1) !important;
    border: 2px solid black !important;
    color: black;
    -webkit-box-shadow: 3px 3px 10px 4px #8C8C8C;
    box-shadow: 3px 3px 10px 4px #8C8C8C;
}


body .qtip .qtip-tip, body .qtip .qtip-tip .qtip-vml, body .qtip .qtip-tip canvas {
    background-color: black !important;
    border: 2px solid black !important;
}

.verticalAlignTopGrid td {
    vertical-align: top;
}

body .layout-wrapper .ui-fieldset .ui-fieldset-legend {
    border: 1px solid #474747;
    font-weight: bold;
    /*border: 1px solid #474747 !important;*/
}

body .layout-wrapper .warnFieldset {
    background-color: #ffa5002b;
    border-color: orangered;
}

body .layout-wrapper .warnFieldset .ui-fieldset-legend {
    border: 1px solid orangered !important;
}

body .layout-wrapper .blueFieldset {
    background-color: var(--menuHoverBG);
}

body .layout-wrapper .blueFieldset .ui-fieldset-legend {
    border: 1px solid var(--primaryPfad) !important;
}

body .ui-password.ui-password-masked, body .ui-password.ui-password-unmasked {
    clear: both;
    float: left;
    width: 100%
}

body .ui-password.ui-password-masked .ui-inputfield, body .ui-password.ui-password-unmaske .ui-inputfield {
    width: 100% !important;
}

body .layout-wrapper .blueFieldset .ui-fieldset-content, body .layout-wrapper .ui-fieldset .ui-fieldset-content {
    padding: 10px 15px;
}

body .layout-wrapper .warnFieldset .ui-fieldset-content {
    padding: 0 15px 0 15px;
    font-weight: bold;
}

.dynMenuRoot {
    background-color: white;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div {
    padding-bottom: 10px;
    border-bottom: 1px solid #D6D6D6;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div > .layout-menuitem-text {
    font-size: 1.2rem;
    color: var(--primary);
}

.layout-menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem.dynMenuRoot:first-child > div {
    padding-bottom: 15px;
    padding-top: 10px;
    border-bottom: 1px solid #D6D6D6;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 3;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem.dynMenuRoot:first-child > div > span.layout-menuitem-text::first-line {
    font-size: 1.2rem;
    font-weight: bold;
    color: var(--primary);
    line-height: 2em;
    text-transform: uppercase !important;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem.dynMenuRoot:first-child > div > span.layout-menuitem-text {
    white-space: pre-wrap;
    display: block;
    overflow: hidden;
    font-size: 13px;
    font-weight: lighter;
    color: grey;
    text-transform: none;
}

body .layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li a {
    color: black;
}

body .ui-tree.linkTree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e,
body .ui-tree.linkTree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s {
    /*margin-left: 20px;*/
}

.logoutBtn, .topbarBtn {
    transition: background-color 1s;
}

.logoutBtn:hover, .topbarBtn:hover {
    background-color: lightgray !important;
    color: black !important;
    text-decoration: none !important;
    font-weight: bold;
}

.logoutBtn:hover i {
    color: red !important;
    font-weight: bold;
}

.topbarBtn:hover i {
    color: var(--primaryLightColor);
    font-weight: bold;
}

body .ui-button.rounded-button.ui-button-icon-only.ui-button-disabled {
    color: grey;
    border-color: grey;
    cursor: not-allowed;
}

.transparent-warn-button {
    background-color: transparent !important;
    color: #ff8800 !important;
    border-color: transparent !important;
}

.transparent-warn-button:hover {
    cursor: help;
    border-color: var(--primary) !important;
}

body .slimUploadProgress .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div:not(.ui-fileupload-progress) {
    display: none;
}

body .slimUploadProgress .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div.ui-fileupload-progress {
    padding-left: 93px;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a {
    padding-left: 1.5rem;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a {
    padding-left: 2.25rem;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a {
    padding-left: 3.0rem;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a {
    padding-left: 3.75rem;
}

body .layout-wrapper .ui-datatable thead th.ui-state-active .ui-column-title, body .layout-wrapper .ui-datatable thead th.ui-state-active .ui-sortable-column-icon {
    color: var(--primary);
}

body .ui-datatable .ui-datatable-data > tr.ui-datatable-empty-message > td {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 2rem;
}

body .ui-datatable.hiddenSelectSelectableTable .ui-datatable-data > tr.ui-datatable-selectable {
    cursor: default;
}

body .ui-datatable .ui-column-filter::placeholder::before, .ui-datatable .ui-column-filter::-webkit-input-placeholder::before, input:placeholder-shown, body .ui-datatable .ui-column-filter::before {
    content: "Filtern...";
    color: black;
    /*content: "\e934";*/
}

body .layout-wrapper .ui-button.greenBtn {
    background-color: var(--newObjectColor);
}

body .layout-wrapper .ui-button.greenBtn:hover {
    background-color: var(--newObjectColorHover);
}

body .qtip-content, body .ui-confirm-dialog-message {
    white-space: pre-wrap;
    line-height: 150% !important;
}

body .ui-confirm-dialog {
    min-width: 500px;
}

body .ui-picklist-item.ui-state-disabled {
    opacity: 0.8;
}

.ui-inputgroup > .ui-inputtext:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.ui-inputgroup > .ui-inputtext:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.noBorderFieldset  {
    border: none !important;
    margin-top: 0;
}

body .layout-wrapper .fieldset-legend-no-border .ui-fieldset-legend{
    border:none !important;
}

body .ui-selectoneradio label.ui-state-disabled, body .ui-selectoneradio .ui-radiobutton-box.ui-state-disabled {
    opacity: 1;
}

body .ui-selectoneradio .ui-radiobutton-box.ui-state-disabled {
    border-color: darkgray;
}

body .ui-selectoneradio .ui-radiobutton-box.ui-state-active.ui-state-disabled .ui-radiobutton-icon {
    background: darkgray;
}

body .p-datepicker > .ui-inputfield {
    width: calc(100% - 2.8rem) !important
}

body .p-datepicker .ui-datepicker-trigger.ui-button {
    padding: 0.68rem 0 0.62rem 0 !important;
}

body span.p-datepicker > button:nth-child(2) {
    border: solid 1px gray;
    padding-bottom: 0.7rem;
}

.charsCount {
    clear: both;
    float: right;
    font-weight: bold;
}

.ui-chkbox .ui-chkbox-label.ui-state-disabled {
    opacity: 1 !important;
    color: black !important;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-disabled {
    background-color: #515C66;
    color: black !important;
    border-color: #515C66;
}

body .p-datepicker .ui-inputfield.hasDatepicker {
    display: inline-block !important;
    width: auto;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body .inline-block-data-table {
    display: inline-block;
}

body .bafa-file-upload {
    float: left;
    border: 1px solid lightgray;
    padding: 1rem;
    border-radius: 5px;
    width: 100%;
}

body .bafa-file-upload > .ui-fileupload-buttonbar {
    padding: 0.5rem;
}

.upload-label {
    display: block;
    float: right;
    border: 1px solid lightgray;
    border-radius: 5px;
    font-weight: bold;
    margin: 0 45px 10px 0;
    cursor: pointer;
    padding: 10px;
    color: white;
    background-color: var(--primary)
}

.upload-label:hover {
    background-color: var(--primaryLightColor)
}

.collapse {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows 0.5s;
    float: left;
    width: 100%;
    padding-bottom: 2rem;
}

.collapse-content {
    align-self: end;
    min-height: 0;
    transition: visibility 0.2s;
    visibility: hidden;
}

.icon-upload{
    float: left;
    padding: 1px 10px 0 5px;
}

.icon-upload-y    {
    transform-origin:50% 50%;
    transition:all 0.2s cubic-bezier(0.33, 0, 0.2, 1) 0s;
}

.ui-selectonemenu.upload-select-document-type {
    width:auto
}

.upload-select-document-type{
    float: left;
    user-select: none;
    margin-bottom: 2rem;
}

.collapse-content .ui-fileupload.ui-state-drag .ui-fileupload-buttonbar{
    background: aliceblue;
    border-radius: 5px;
}

fieldset.ui-state-error {
    border-color: red;
}