/* messages   */
body .ui-message, body.layout-compact .ui-message {
    min-height: 0;
}

body .ui-message.ui-message-error {
    background-color: transparent;
    border: 0 none;
    color: #e62a10;
    margin: 0;
}

body .ui-message.ui-message-error .ui-message-error-icon {
    color: #e62a10;
    font-size: 15px;
    top: 2px;
}

body .ui-growl .ui-growl-warn .ui-growl-item .ui-growl-message {
    color: black;
}

body .ui-tooltip {
    max-width: 500px;
}

/* layout  */
.layout-wrapper .layout-menu .profile.profile-expanded .profile-icon i {
    transform: none;
}

.layout-wrapper .topbar .topbar-left {
    padding-top: 10px;
    background-color: #ffffff;
}

.layout-wrapper .ultima-menu li.border-top, .layout-wrapper .ultima-menu li .border-top {
    border-top: 1px solid #d6d5d5;
}

.layout-wrapper .layout-main {
    padding-top: 80px;
}

.layout-wrapper .layout-main .layout-breadcrumb .ui-breadcrumb {
    background: none;
    border: none;
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
    height: 20px;
}

.layout-wrapper .layout-main .layout-breadcrumb .ui-breadcrumb ul li {
    color: #212121;
}

.layout-wrapper .layout-main .layout-breadcrumb .ui-breadcrumb ul li a {
    color: #212121;
}

.layout-wrapper .layout-main .layout-breadcrumb .ui-breadcrumb ul li .ui-state-disabled {
    opacity: 1;
}

.panel-buttons {
    margin-top: 10px;
}

body .ui-panelgrid.panel-buttons.NoPadding .ui-panelgrid-cell {
    padding: 0px;
}

body .ui-state-disabled {
    opacity: .7;
}

.MarTop10 {
    margin-top: 10px;
}

.MarTop20 {
    margin-top: 20px;
}

.MarLeft10 {
    margin-left: 10px;
}


body.layout-compact .ui-fluid .ui-selectbooleancheckbox.ui-chkbox, body .ui-fluid .ui-selectbooleancheckbox.ui-chkbox {
    width: 100%;
    display: inline;
}

body.layout-compact .ui-fluid .ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-label,
body .ui-fluid .ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-label {
    display: inline;
}

/* dialog  */
.ui-confirm-dialog .ui-confirm-dialog-message {
    max-width: 500px;
}

body .ui-dialog .ui-dialog-titlebar {
    border-bottom: 1px solid black;
}

@media ( min-width: 1025px) {
    .ui-dialog {
        width: 60% !important;
        position: absolute;
    }

    .ui-dialog.large {
        width: 75% !important;
    }

    .ui-dialog.portraitCrop {
        width: auto !important;
    }
}

@media ( max-width: 640px) {
    .ui-dialog {
        width: 100% !important;
        position: absolute;
    }
}

@media ( max-width: 1024px) {
    .ui-dialog {
        width: 85% !important;
        position: absolute;
    }
}

.ui-dialog.promptDialog {
    width: 450px !important;
}

.ui-confirm-dialog.ui-dialog {
    width: auto !important;
}

/* card headers  */
body.layout-compact .card h1 {
    margin-top: 10px;
}


body .card h1 .infoText {
    font-size: 12px;
    margin-left: 10px;
    vertical-align: bottom;
}

body .card h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

body .card h3:first-child {
    margin-top: 5px;
}

body .card h3.underline, body h3.underline {
    border-bottom: 1px solid #d6d5d5;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

body .card h3 .infoText {
    font-size: 12px;
    font-style: italic;
    margin-left: 10px;
}

.ui-separator.thin {
    color: #f2f2f2;
}

/* Text, Font */
.TexAlCenter {
    text-align: center;
}

.TexAlRight {
    text-align: right;
}

.TextBold {
    font-weight: bold;
}

.TextItalic {
    font-style: italic;
}

body .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    background-image: none;
}

/* table  */
.ui-datatable.NoBorder thead th, .ui-datatable.NoBorder tbody,
.ui-datatable.NoBorder tbody tr, .ui-datatable.NoBorder tbody td {
    border: none;
}

body.layout-compact .ui-datatable.NoBorder tbody tr.ui-widget-content td {
    padding: 2px 2px;
}

.ui-datatable.NoHeader thead {
    display: none;
}

.ui-datatable .ui-column-customfilter .ui-selectonemenu {
    width: 100%;
}

.ui-datatable .ui-column-customfilter .ui-selectcheckboxmenu {
    width: 100%;
    font-weight: normal;
    text-align: left;
}

.ui-datatable .ui-datatable-header .ui-inputswitch {
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 20px;
}

.ui-datatable.NoZebra table tbody tr.ui-datatable-even, .ui-datatable.NoZebra table tbody tr.ui-datatable-even a {
    background: none;
}

.ui-datatable.NoColumnHeader table thead, .ui-treetable.NoColumnHeader table thead {
    display: none;
}

.ui-datatable.ColumnTop tbody td {
    vertical-align: top;
}

.ui-datatable .ui-datatable-header .TableHeaderButtons, .ui-treetable .ui-treetable-header .TableHeaderButtons {
    float: right;
    margin-top: -9px;
}

.TableHeaderButtons .ui-toggleswitch-slider{
    margin-top: 6px;
    margin-bottom: -6px;
}

.ui-datatable .ui-datatable-header .TableHeaderButtons .ui-button {
    margin-left: 10px;
}

.ui-treetable .ui-treetable-header, body.layout-compact .ui-treetable .ui-treetable-header {
    padding-top: 8px;
    padding-bottom: 8px;
}

body.layout-compact .ui-datatable.NoCellpadding tbody tr.ui-widget-content td {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 3px;
}

.ui-datatable .ColumnDate {
    width: 90px;
}

.ui-datatable .ColumnNumber {
    width: 90px;
}

.ui-datatable .ColumnOption, .ui-treetable .ColumnOption {
    width: 60px;
}

.ui-datatable .ColumnOption2, .ui-treetable .ColumnOption2 {
    width: 80px;
}

.ui-datatable .exportOnly {
    display: none;
}

.ui-datatable tfoot td {
    font-weight: bold;
}

.ui-datatable tfoot td.TexAlRight {
    text-align: right;
}

/* datalist  */
.ui-datalist.Simple .ui-datalist-content {
    border: none;
    background: none;
}

.ui-datalist.Simple .ui-datalist-data {
    padding: 0;
    margin: 0;
}

.ui-datalist.Simple .ui-datalist-data .ui-datalist-item {
    margin-bottom: 5px;
}

.ui-datalist.Simple.NoPadding .ui-datalist-data .ui-datalist-item {
    margin-bottom: 0px;
}

.ui-datalist.Simple .ui-datalist-data .ui-datalist-item:last-child {
    margin-bottom: 0px;
}

.ui-datalist.ItemBottomBorder .ui-datalist-data .ui-datalist-item {
    border-bottom: 1px solid #d6d5d5;
    padding-bottom: 10px;
}

.ui-datalist.ItemBottomBorder .ui-datalist-data .ui-datalist-item:last-child {
    border-bottom: none;
}

/* editPanel  */
body .ui-panelgrid.editPanel.SmallPadding .ui-panelgrid-cell {
    padding-top: 8px;
    padding-bottom: 2px;
}

body .ui-panelgrid.editPanel.NoPadding .ui-panelgrid-cell {
    padding: 0px;
}

/* showPanel  */
body .ui-panelgrid.showPanel .ui-panelgrid-cell {
    padding-top: 8px;
    padding-bottom: 2px;
}


body .ui-panelgrid.showPanel.SmallPadding .ui-panelgrid-cell {
    padding-top: 4px;
    padding-bottom: 2px;
}


body .ui-panelgrid.showPanel.NoPadding .ui-panelgrid-cell {
    padding: 0px;
}

body .ui-panelgrid.showPanel .ui-panelgrid-cell.label {
    font-weight: lighter;
    padding-right: 0;
}

/* tabView / wizard */
.ui-tabs.BottomBorder {
    border-left: none;
    border-right: none;
    border-top: none;
}

.ui-tabs.NoBorder {
    border: none;
}

body .ui-wizard .ui-wizard-content {
    margin-top: 15px;
    margin-bottom: 20px;
}

body .ui-wizard .ui-wizard-step-titles > li.ui-state-highlight {
    /* ui-button-secondary-style für aktuellen step */
    background-color: #EF7D68;
}

body .ui-wizard .ui-wizard-navbar button.ui-wizard-nav-next {
    /* ui-button-secondary-style für next-button 	*/
    background-color: #EF7D68;
    color: #ffffff;
}

body .ui-wizard .ui-wizard-navbar button.ui-wizard-nav-next.ui-state-hover {
    /* ui-button-secondary-style für next-button 	*/
    background-color: #F39E8E;
}

.ui-wizard-navbar {
    border-top: 1px solid #d6d5d5;
    padding-top: 10px;
}

.wizardUnternehmung .ui-wizard-content, .wizardMember .ui-wizard-content {
    min-height: 400px;
}

/* Accordion */
body.layout-compact .ui-accordion.Simple .ui-accordion-header, body.layout-compact .ui-accordion.Simple .ui-accordion-header.ui-state-active,
body.layout-compact .ui-accordion.Simple .ui-accordion-header.ui-state-hover {
    background: none;
    color: #212121;
    font-size: 18px;
}

.ui-accordion.Simple .ui-accordion-content {
    border: none;
}

.ui-accordion.Simple .ui-icon {
    color: #212121;
}

/* ShowPanel / EditPanel */
body .ui-panelgrid .ui-panelgrid-cell {
    background-color: inherit;
}

body .ui-panelgrid.showPanel .ui-panelgrid-cell {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

body .ui-panelgrid.showPanel .ui-panelgrid-cell.label {
    font-weight: lighter;
    min-width: 9.5em;
    padding-right: 0;
}

body .ui-panelgrid.editPanel .ui-panelgrid-cell {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

body .ui-panelgrid.editPanel .ui-panelgrid-cell.label {
    padding-right: 0px;
    word-wrap: break-word;
    padding-top: 8px;
}

body .ui-panelgrid.editPanel.smallPadding .ui-panelgrid-cell,
body .ui-panelgrid.showPanel.smallPadding .ui-panelgrid-cell {
    padding-top: 3px;
    padding-bottom: 3px;
}

body .ui-panelgrid.editPanel.noPadding .ui-panelgrid-cell,
body .ui-panelgrid.showPanel.noPadding .ui-panelgrid-cell {
    padding: 0;
}

body .ui-panelgrid.editPanel.noPadding .ui-panelgrid-cell.label {
    padding-top: 8px;
}

body .ui-panelgrid.editPanel .ui-selectonemenu {
    min-height: 34px;
}

body .ui-panelgrid.editPanel .ui-selectbooleancheckbox {
    height: 30px;
}

body .ui-panelgrid.editPanel .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    padding-top: 6px;
    padding-bottom: 6px;
    min-height: 32px;
}

.panel-buttons {
    margin-top: 10px;
}

body .ui-panelgrid.panel-buttons.smallPadding {
    margin-top: 0px;
}

body .ui-panelgrid.panel-buttons.smallPadding .ui-panelgrid-cell {
    padding: 0.25rem;
}

/* ENDE ShowPanel / EditPanel */

/* Messages */
body .ui-widget + .ui-message,
body .ui-widget .ui-message,
body .ui-messages {
    padding: 0;
    margin: 0;
    display: block;
}

body .editPanel .ui-message.ui-message-error,
body .editPanel .ui-message.ui-message-info {
    background-color: transparent;
    border: 0 none;
}

/* ENDE Messages */

/* FileUpload */
.ui-messages.ui-widget.ui-helper-hidden.ui-fileupload-messages {
    display: none;
}

.ui-fileupload-content.ui-widget-content.ui-corner-bottom {
    display: none;
}

/* ENDE FileUpload */

/* -------------------------- */
/* spezifische Einstellungen  */
/* -------------------------- */
/* dashboard */
.dashboard .activity-list .ui-datalist-content {
    border: none;
}

.dashboard .activity-list ul {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0;
}

.dashboard .activity-list li {
    border-bottom: 1px solid #bdbdbd;
    padding: 15px 0 9px 9px;
}

.dashboard .activity-list li:last-child {
    border-bottom: none;
}

.dashboard .activity-list .ui-datalist-item .title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 6px;
}

.dashboard .activity-list .ui-datalist-item .info {
    margin-bottom: 10px;
}

.dashboard .activity-list .ui-datalist-item button {
    float: right;
}

.dashboard .colorbox .colorbox-title {
    font-weight: bold;
    color: #ffffff;
    font-size: 30px;
}

.dashboard .colorbox .ui-icon {
    color: #ffffff;
    font-size: 48px;
    margin-top: 10px;
}

.dashboard .colorbox.colorbox-cicero div:first-child {
    background-color: #F39E8E;
}

.dashboard .colorbox.colorbox-cicero div:last-child {
    background-color: #EF7D68;
}

/* statistik  */
.ui-datatable.TableStatistik table tbody tr.RowTotal td {
    font-weight: bold;
    background-color: #EBEBEB;
}

/* audits */
.ui-datatable.TableAudits table tbody tr.bestanden, .ui-datatable.TableAudits table tbody tr.bestanden a,
.ui-datatable.TableAudits table tbody tr.bestanden_akzeptiert,
.ui-datatable.tableAudits table tbody tr.bestanden_akzeptiert a {
    background: #ccffcc;
}

.ui-datatable.TableAudits table tbody tr.nachbessern, .ui-datatable.TableAudits table tbody tr.nachbessern a {
    background: #fcf8e3;
}

.ui-datatable.TableAudits table tbody tr.nichtbestanden, .ui-datatable.TableAudits table tbody tr.nichtbestanden a,
.ui-datatable.TableAudits table tbody tr.nichtbestanden_akzeptiert,
.ui-datatable.TableAudits table tbody tr.nichtbestanden_akzeptiert a {
    background: #ffcccc;
}

/* Arbeitgeber, Mitarbeiter */
.ui-datatable.TableMitarbeiter table tbody tr.punkteWarnung,
.tableMitarbeiter table tbody tr.punkteWarnung a {
    background: #ffcccc;
}

.ui-datatable.TableMitarbeiter table tbody tr.abgelehnt,
.tableMitarbeiter table tbody tr.aufgehoben {
    background: #ebebeb;
}

.ui-datatable.TableMitarbeiter table tbody tr.unterbruch,
.tableMitarbeiter table tbody tr.unterbruch a {
    background: #99ccff;
}

/* Abteilungen */
.ui-datatable.TableAbteilungen table tbody tr.inaktiv {
    background: #ebebeb;
}

/* bildungsangebote */
.ui-datatable.TableBildungsangebote table tbody tr.abgelehnt,
.ui-datatable.TableBildungsangebote table tbody tr.abgelaufen {
    background: #ebebeb;
}

.ui-datatable.TableBildungsangebote table tbody tr.ablaufWarnung,
.ui-datatable.TableBildungsangebote table tbody tr.ablaufWarnung a {
    background: #db5d65;
    color: white;
}

.spracheDe {
    background: url("/app/jakarta.faces.resource/images/sprache_de.gif.jsf?ln=bgs") no-repeat;
    padding-left: 20px;
}

.spracheFr {
    background: url("/app/jakarta.faces.resource/images/sprache_fr.gif.jsf?ln=bgs") no-repeat;
    padding-left: 20px;
}

.spracheIt {
    background: url("/app/jakarta.faces.resource/images/sprache_it.gif.jsf?ln=bgs") no-repeat;
    padding-left: 20px;
}

.spracheDisabled {
    opacity: 0.5;
}

body .ui-menu.angebotCopy {
    width: 200px;
}

body .ui-menu.angebotCopy .ui-menu-list li.ui-widget-header {
    background: none;
    color: black;
}

body .ui-menu.angebotCopy .ui-menu-list li.ui-widget-header h3 {
    font-weight: bold;
}

/* Credits import*/
.ui-datatable.TableCreditsImport table tbody tr.notMitarbeiter {
    background: #fcf8e3;
}

/* member */
.portrait {
    max-width: 150px;
    max-height: 150px;
}

.gutschrift-keinUebertrag {
    text-decoration: line-through;
    float: left;
    text-align: left;
    font-style: italic;
}

/* charts */
#formChart\:chart {
    background-color: #f8f8f8;
    border: 2px solid #aaaaaa;
}

.periodeChart {
    height: 300px;
    margin-left: 15px;
    background-color: #f8f8f8;
    border: 2px solid #aaaaaa;
}

/* Durchführung Feedback */
.ui-datatable.TableFeedbackStatistik table tbody tr.firstAntwort {
    background-color: #f4f4f4;
}

.feedback_ratingImage_small {
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 7px;
}

.feedback_ratingImage_small.rating1 {
    background-image: url("/app/jakarta.faces.resource/images/rating1_small.png.jsf?ln=bgs");
}

.feedback_ratingImage_small.rating2 {
    background-image: url("/app/jakarta.faces.resource/images/rating2_small.png.jsf?ln=bgs");
}

.feedback_ratingImage_small.rating3 {
    background-image: url("/app/jakarta.faces.resource/images/rating3_small.png.jsf?ln=bgs");
}

.feedback_ratingImage {
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: 10px;
}

.feedback_ratingImage.rating1 {
    background-image: url("/app/jakarta.faces.resource/images/rating1.png.jsf?ln=bgs");
}

.feedback_ratingImage.rating2 {
    background-image: url("/app/jakarta.faces.resource/images/rating2.png.jsf?ln=bgs");
}

.feedback_ratingImage.rating3 {
    background-image: url("/app/jakarta.faces.resource/images/rating3.png.jsf?ln=bgs");
}

/* Membercard */
body .card .memberDetail {
    position: relative;
}

body .card .memberDetail .linkMembercard {
    position: absolute;
    top: 0px;
    right: 0px;
}

body .card .memberDetail .linkMembercard img {
    width: 100px;
    height: 100px;
}

.ui-dialog.membercard {
    max-width: 700px;
    min-width: 700px;
    top: 50px !important;
}

.ui-galleria.galleriaMembercard {
    border: none;
    width: auto !important;
}

.ui-galleria.galleriaMembercard .ui-galleria-panel-wrapper {
    width: auto !important;
    height: 426px !important;
}

.ui-galleria.galleriaMembercard .ui-galleria-panel {
    width: auto !important;
    height: auto !important;
}

.ui-galleria.galleriaMembercard img {
    width: 100%;
}

@media ( max-width: 1024px) {
    .ui-dialog.membercard {
        max-width: 500px;
        min-width: 500px;
        top: 20px !important;
    }

    .ui-galleria.galleriaMembercard .ui-galleria-panel-wrapper {
        height: 301px !important;
    }
}

@media ( max-width: 640px) {
    .ui-dialog.membercard {
        max-width: 350px;
        min-width: 350px;
    }

    .ui-galleria.galleriaMembercard .ui-galleria-panel-wrapper {
        height: 205px !important;
    }
}

@media ( max-width: 399px) {
    .ui-dialog.membercard {
        max-width: 300px;
        min-width: 300px;
        top: 5px !important;
    }

    .ui-galleria.galleriaMembercard .ui-galleria-panel-wrapper {
        height: 172px !important;
    }
}

#panelInfo2 {
    flex: 0 0 100%;
    margin-left: 0.5em;
    margin-top: 1em;
}

#panelInfo2 .card {

    width: 99%;
}


.membercard-info {
    background-color: #F39E8E;
    display: flex;
    align-items: center;
    justify-content: center;
}

.link-info-membercard {
    padding-right: 1em;
    padding-left: 1em;
    color: black;
}

.login-panel {
    width: 430px
}

.route-bar-breadcrumb > .ui-breadcrumb {
    border: none !important;
    padding: 0px !important;
    display: flex;
}

.route-bar-breadcrumb > .ui-breadcrumb > .ui-breadcrumb-items {
    overflow: hidden;
}


.layout-breadcrumb {
    display: flex;
}


.layout-wrapper > .topbar {
    padding: 0px !important;
    display: flex;
    align-items: center;
}

.layout-wrapper > .topbar > #menu-button {
    margin: 0px !important;
}

.ui-menuitem-link.ui-corner-all.ui-breadcrumb-home-icon.mi-outlined {
    line-height: unset !important;
    font-size: 1rem !important;
}

.dashboard-link {
    height: 1.714rem;
}

/* START Login */
.login-body {
    background: url("/app/jakarta.faces.resource/images/login/login.png.jsf?ln=apollo-layout") top left no-repeat #f7f7f7;
    background-size: 100% auto;
}

.login-panel {
    text-align: center;
    width: 350px;
    min-height: 440px;
    padding: 50px 20px;
    margin: 100px auto 0 auto;
}

.login-panel .ui-g .ui-g-12 {
    padding: 25px 40px;
}

.login-panel .ui-g .ui-g-12 .ui-button {
    margin-bottom: 20px;
}

.login-footer {
    position: absolute;
    bottom: 10px;
    font-size: 16px;
    width: 100%;
    text-align: center;
    color: #757575;
}

/* ENDE Login */


/* START DataTable */
body .ui-datatable .ui-datatable-data > tr > td {
    padding: 6px 10px;
}

body .ui-datatable .ui-datatable-header {
    text-align: center;
}

body .ui-datatable .ui-datatable-header {
    background: #00224D;
    border: 1px solid #00224D;
    color: #ffffff;
}

body .ui-datatable tbody tr.ui-datatable-odd {
    background-color: #ffffff;
}
body .ui-datatable tbody tr.ui-datatable-even {
    background-color: #f4f4f4;
}

.bg-home-header-icon {
    background: #f39e8e;
}
/* ENDE DataTable */

/* START TreeTable */
body .ui-treetable .ui-treetable-header {
    background: #00224D;
    border: 1px solid #00224D;
    color: #ffffff;
    text-align: center;
}

#treeKategorien_head tr th{
    text-align: center;
}
/* START TreeTable */

/* File Upload in Table Header */
.TableHeaderButtons > .ui-fileupload .ui-fileupload-buttonbar {
    border: 0;
    background: transparent;
    padding: 0.5rem 1rem;
}

.TableHeaderButtons .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 0.5rem 1rem;
}