/* Hintergrundselektion in JSF Seite deaktivieren */
div {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* Image dragging deaktivieren */
img {
    pointer-events: none
}

body {
    background-color: white;
}

body .booleanCheckbox.ui-chkbox {
    width: auto;
}

body .booleanCheckbox .ui-chkbox-box {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    float: left;
}

body .booleanCheckbox .ui-chkbox-label {
    vertical-align: middle;
    margin-top: 0;
}

.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {
    font-size: 16px;
}

.sob-site {
    margin: 0 auto;
    background-color: white;
    overflow: hidden;
    margin-bottom: 3.428571429rem;
    padding: 0 0 40px 0;
    max-width: 1050px;
    font-size: 16px !important;
}

.sob-site-inputfield {
    font-size: 16px !important;
}

.sob-site-max {
    margin: 0 auto;
    background-color: white;
    overflow: hidden;
    margin-bottom: 3.428571429rem;
    padding: 0 15px 40px 0;
    max-width: none;
    font-size: 14px !important;
}

.sob-login-panelGridCenter {
    margin: 0 auto;
    font-size: 100% !important;
}

.sob-content {
    min-height: 500px;
}

.sob-bewerbung {
    font-size: 16px;
}

#content_content {
    border-color: white;
    padding: 0;
}

.sob-undecoratedLink {
    text-decoration: none;
    color: #000000;
    font-size: 16px;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.flex1-content {
    flex: 1;
}

.sob-footer {
    border-top: 1px solid #ededed;
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 4px;
    width: 100%;
    padding: 10px 10px 0 10px;
    grid-template-columns: 1fr 1fr 1fr;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
}

.footer-left, .footer-center, .footer-right{
    display: inline-block;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
}
.sob-footer-left{
    text-align: left;
    flex: 1;
}

.sob-footer-center{
    text-align: center;
    flex: 1;
}

.sob-footer-right{
    text-align: right;
    flex: 1;
}

.sob-login-messages {
    min-height: 100px
}

.sob-menu-item {
    padding-top: 8px !important;
    padding-left: 5px !important;
    padding-right: 5px !important
}

.float-right {
    float: right;
/ important;
}

.sob-submenu {
    padding-top: 3px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 16px;
}

.sob-menu-user-icon {
    float: left;
}

.sob-menu-test-mail-modus-aktiviert {
    height: 16px;
    width: 16px;
    border-radius: 80%;
    display: inline-block;
    color: blue !important;
}

.sob-menu-test-mail-modus-deaktiviert {
    height: 16px;
    width: 16px;
    border-radius: 80%;
    display: inline-block;
    color: red !important;
}

.sob-menu-user-name {
    padding: 1em 1em .3em .1em;
    margin-left: 0.3em;
}

.sob-menu-user {
    padding-top: 7px;
    padding-right: 20px;
    float: left;
}

.sob-menu {
    padding: 0 0;
}

.sob-menu-right {
    padding: 0 0;
    align-self: end;
}

.sob-menu-options {
    display: block;
    float: left;
    bottom: 5px;
}

.sob-menu-logout {
    float: left;
}
/*Abmeldebutton*/
#menu-logout-user {
    bottom: 5px;
    top: 1px;
    background-color: var(--blue-600);
}

.sob-link-header {
    font-size: 20px;
    font-weight: bold;
}

/* transparent menubar like schulobst */
.ui-menu.ui-menubar {
    background-color: white;
    background-image: none;
}

@media print {
    .ui-chkbox-box.ui-widget.ui-corner-all {
        border: 1px solid;
        padding-left: 2px;
        padding-top: 0;
        padding-bottom: 2px;
        box-shadow: none;
        font-size: 14px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .ui-wizard-navbar {
        display: none;
    }

    .sob-cell-align-top {
        font-size: 14px;
    }

    .ui-panel {
        border: none !important;
    }

    .page-break {
        display: block;
        page-break-before: always;
    }

    div.ui-growl {
        display: none;
    }
}

@page {
    margin: 0.8cm
}

.ui-dialog-title {
    font-size: 16px !important;
}

div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active > span {
    display: none;
}

/* Breite der aufklappenden Menüs */
ul.ui-widget-content.ui-menu-list.ui-menu-child {
    width: 320px;
}

.checkboxLabel {
    min-height: 22px;
    display: block;
    vertical-align: middle;
}

.sob-cell-align-top {
    vertical-align: top;
}

.errorMessage {
    display: block;
    font-size: 24px;
    width: 100%;
    text-align: center;
    margin-top: 100px;
    color: darkred;
}

.sob-cell-ui-field-100-prozent {
    width: 100%;
}

.sob-cell-with-30 {
    min-width: 30px;
}

.sob-cell-with-50 {
    min-width: 50px;
}

.sob-cell-with-100 {
    min-width: 100px;
}

.sob-cell-with-150 {
    min-width: 150px;
}

.sob-cell-with-200 {
    min-width: 200px;
}

.sob-cell-with-250 {
    min-width: 250px;
    max-width: 250px;
}
.sob-cell-with-270 {
    min-width: 270px;
}

.sob-cell-with-300 {
    min-width: 300px;
}

.sob-cell-with-500 {
    min-width: 500px;
}

.ui-blockui {
    opacity: 0.1 !important;
}

.sob-cell-with-50Proz {
    width: 50%;
}

.sob-cell-with-100Proz {
    width: 100%;
}

.sob-cell-with-33Proz {
    width: 33%;
}

.ui-picklist-list {
    height: 280px !important;
    width: 350px !important;
}

.dateTimeField input {
    width: 165px;
}

.dateTimeField_2 input {
    width: 96%;
}

.width-200{
    width: 200px ;
}

.modifiziert {
    font-weight: Bold;
    color: #ff4912;
}

.deleted {
    background-color: #e04e25;
}

.companyHeaderGrid.ui-panelgrid > * > tr,
.companyHeaderGrid.ui-panelgrid .ui-panelgrid-cell {
    border: none !important;
}

.ui-layout-north {
    z-index: 9999 !important;
    overflow: visible !important;
}

.ui-layout-north .ui-layout-unit-content {
    overflow: visible !important;
}

.noBorders tr, .noBorders td {
    background: none !important;
    border: none !important;
}

.breadCrump {
    font-size: small !important;
    border: none !important;
    margin: 25px 20px !important;
}

.changedOld {
    background-color: mistyrose;
}

.changedOldCheckBox {
    background: mistyrose;
}

.changedNew {
    background-color: lightgreen;
}

.changedNewCheckBox {
    background: lightgreen;
}

.noChange {
    background-color: white;
}



#logo-table .ui-panelgrid-cell {
    padding: 0.1em 0.4em !important;
    text-align: right;
    width: auto;
}

#eu-logo_content > div:nth-child(1) > div:nth-child(1) {
    margin-right: 0px;
    text-align: right;
    align-self: center;
}

#logo-table_content {
    float: right;
}

.main-view-banner-image {
    height: 100%;
    max-height: 10rem;
}

@media screen and (max-width: 959px) {
    .main-view-banner-image {
        height: 100%;
        max-height: 4rem;
    }
}

.main-view-banner-image-small {
    height: 100%;
    max-height: 6rem;
    place-self: center;
}

@media screen and (max-width: 959px) {
    .main-view-banner-image-small {
        max-height: 3rem;
    }
}

.column {
    flex: auto;
    padding: 1em;
}

.flex {
    display: flex;
    box-sizing: border-box;
}

.flex-row {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
}

.flex-column {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    flex: auto
}

@media screen and (max-width: 959px) {
    .flex-column-lt-md {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }

    body#main-body.custom-background div.flex-row.flex-column-lt-md div#eu-banner.column.flex-align-start-center,
    html body#main-body.custom-background div.flex-row.flex-column-lt-md div#laender-banner.column.flex-align-start-end {
        justify-content: flex-start;
    }

    .column {
        padding: 0.4em;
    }

}

/*die folgenden .flex sind fürs mainLayout für die Logos*/
.flex-gap {
    display: flex;
    box-sizing: border-box;
    gap: 1rem;
    padding: 0.1rem;
}

.flex-align-start-start {
    display: flex;
    box-sizing: border-box;
    justify-content: flex-start;
    place-content: flex-start;
}

.flex-align-start-center {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}

.flex-align-center-center {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    place-content: center;
}

.flex-align-start-end {
    display: flex;
    box-sizing: border-box;
    justify-content: flex-end;
    place-content: flex-end;
}

.flex-align-spacebetween-center {
    display: flex;
    box-sizing: border-box;
    place-content: center;
    justify-content: space-between;
}

.header-ueberschrift {
    font-size: 30px;
    font-family: sans-serif;
}

.header-ueberschrift-unterschrift {
    font-size: 15px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 959px) {
    .header-ueberschrift {
        font-size: 20px;
    }

    .header-ueberschrift-unterschrift {
        font-size: 14px;
    }
}

.bundesland-logo {
    width: 50px;
    height: 50px;
    object-fit: contain;
    min-width: 50px;
}

.p-3 {
    padding: 1rem;
}

body .ui-chkbox .ui-chkbox-box {
    border-radius: 2px;
    position: relative;
}

/*quickfix -> TODO mit Icon ersetzen*/
div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active > span {
    display: block;
}

@media print {
    body * {
        visibility: visible;
    }
}

body .ui-panel {
    border-radius: 4px;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.0), 0 1px 1px 0 rgba(0, 0, 0, 0.0), 0 1px 3px 0 rgba(0, 0, 0, 0.0);
}


body .ui-button .ui-button-text {
    font-size: 16px;
    background-color: var(--blue-600);
    color: white;
}

#loginButton {
    margin-top: 10px;
}

#formLoginUnten\:kitaKontoButton {
    margin-top: 20px;
}

#formLoginUnten\:schuleKontoButton {
    margin-top: 20px;
    font-size: 16px;
}

#formLoginUnten {
    max-width: 980px;
    margin: 0 auto;
    margin-left: 0px;
    font-size: 16px;
}

.sob-menu-item-button {
    padding-top: 12px !important;
    height: 43px;
    font-size: 16px;
}

#main-view-bannerlogo-rechts {
    float: right;
}

.sob-undecoratedLinkAbmelden {
    text-decoration: none;
    font-size: 16px;
}

body .ui-breadcrumb a {
    margin-right: 10px;
}

body .ui-breadcrumb li:first-child a span {
    display: inline;
    font-size: 13px;
    position: relative;
    bottom: 2px;
}

body .ui-wizard .ui-wizard-navbar button {
    width: auto;
}

.ui-icon-arrowthick-1-w::before {
    content: "\e037";
}

.ui-icon-arrowthick-1-w {
    transform: rotate(180deg);
}

.ui-icon-arrowthick-1-e::before {
    content: "\e037";
}


table.sob-login-panelGridCenter {
    font-size: 16px;
}

span.ui-chkbox-icon.ui-icon.ui-c.ui-icon-blank {
    visibility: hidden !important;
}

.email-register-button .change-password-button .kita-absenden-button {
    width: 200px !important;
    margin-right: 10px;
}

.benutzerkonto-kita-button {
    width: 200px;
    margin-left: 50px;
}

table.custom-table,
table.custom-table th,
table.custom-table td {
    border: 1px solid #dee2e6;
    border-collapse: collapse;
}

table.custom-table th,
table.custom-table td {
    padding: 0.5rem;
}

table.custom-table th {
    font-weight: normal;
    font-size: 12px;
}

table.custom-table .gray-background {
    background-color: #f1f2f3;
}

.text-right {
    text-align: end;
}

.checkbox-padding {
    padding-right: 1rem;
}

.column-width {
    width: 200px !important;
}

body .ui-fileupload .ui-fileupload-buttonbar {
    border: none !important;
}

body .ui-fileupload .ui-fileupload-content {
    border: none !important;
}

.ui-panelgrid-cell.sob-cell-align-top.ui-g-12.ui-md-6 {
    border: 1px solid #e0e0e1;
}

.ui-panelgrid-cell.ui-g-12.ui-md-6 {
    border: 1px solid #e0e0e1;
}

.ui-panelgrid-cell.sob-cell-align-top.ui-g-12.ui-md-4 {
    border: 1px solid #e0e0e1;
}

.ui-panelgrid-cell.ui-g-12.ui-md-4 {
    border: 1px solid #e0e0e1;
}

.ui-noborder.ui-g {
    border: none !important;
}

#bewerbungsbogenRueckmeldungForm\:durchgefuehrte-schule-o-content_content .ui-panelgrid-cell,
#bewerbungsbogenRueckmeldungForm\:durchgefuehrte-schule-muo-content .ui-panelgrid-cell,
#bewerbungsbogenRueckmeldungForm\:durchgefuehrte-schule-kita-content.ui-panelgrid-cell,
#bewerbungsbogenRueckmeldungForm\:durchgefuehrte-schule-m-content.ui-panelgrid-cell {
    border: 1px solid #e0e0e1;
}


html body#main-body.custom-background div#header.sob-header form#j_idt32 div#j_idt39.ui-menu.ui-menubar.ui-widget.ui-widget-content.ui-corner-all.ui-helper-clearfix ul.ui-menu-list.ui-helper-reset li.ui-menuitem.ui-menubar-options.ui-widget.ui-corner-all div#menu-option2.sob-menu-options a#test-modus-deaktiviert-link.ui-menuitem-link.sob-menu-user-icon span.sob-menu-user-icon.pi.pi-envelope.ui-menuitem-icon.ui-icon.ui-icon-drafts.sob-menu-test-mail-modus-deaktiviert {
    color: red
}

.ui-panelgrid-cell.ui-g-12.ui-md-6 {
    border: 1px solid #e0e0e1 !important;
}

.ui-icon-arrowthick-1-w {
    transform: scaleY(-1) !important;
}

#formOverview\:schuleDetails-content  .ui-panelgrid-content .ui-panelgrid-cell:nth-child(odd) {
    border: 0 !important;;
    width: 10%;
    text-align: center;
}

#formOverview\:schuleDetails-content  .ui-panelgrid-content .ui-panelgrid-cell:nth-child(even) {
    border: 0 !important;
    width: 90%;
}

#bewerbungsbogenRueckmeldungForm\:dsgvo-content_content .ui-panelgrid-content .ui-panelgrid-cell {
    border: 0 !important;
}
#bewerbungsbogenRueckmeldungForm\:dsgvo-content_content .ui-panelgrid-content .ui-panelgrid-cell:nth-child(odd) {
    width: 6% !important;
}

#bewerbungsbogenRueckmeldungForm\:dsgvo-content_content .ui-panelgrid-content .ui-panelgrid-cell:nth-child(even) {
    width: 94% !important;
}

#durchgefuehrte-schule-o-content .ui-panelgrid-cell.sob-cell-align-top.ui-g-12.ui-md-6 {
    border: 1px solid #e0e0e1;
}

#durchgefuehrte-schule-m-content .ui-panelgrid-cell.sob-cell-align-top.ui-g-12.ui-md-6 {
    border: 1px solid #e0e0e1;
}

#durchgefuehrte-schule-muo-content .ui-panelgrid-cell.sob-cell-align-top.ui-g-12.ui-md-6 {
    border: 1px solid #e0e0e1;
}

#durchgefuehrte-schule-kita-content .ui-panelgrid-cell.sob-cell-align-top.ui-g-12.ui-md-6 {
    border: 1px solid #e0e0e1;
}

.ui-inputfield.ui-inputtext {
    width: 100%;
}

label.dsgvo-zustimmung .ui-outputlabel-label {
    font-weight: bold;
}


.ui-panelgrid .p-grid .ui-panelgrid-cell, .ui-panelgrid .grid .ui-panelgrid-cell, .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell{
    border: 1px solid #dee2e6;
}

body .dsgvo-panel {
    width: auto; !important;
    border: none; !important;
    margin: 5px; !important;
    padding: 2px !important;
}

.margin-left-10{
    margin-left: 10px !important;
}

.tabellen-hintergrund {
    border: none !important;
    background-color: transparent !important;
}

.tabelle-border {
    border: none !important;
}

.card-style-1{
    display: inline-block;
    width: 15.625em ;
    margin-left: 3.125em ;
    margin-top: 3.125em;
    border: black solid 1px !important;
}

.width-300-h-200{
    width: 18.75em;
    height: 12.5em;
}
.text-style-1{
    display: inline-block;
    text-align: center;
    font-size: small;
}

.text-style-2{
    text-align: center;
    margin-top: 0.313em;
    margin-bottom: 0.313em;
}

.width-auto {
    width: auto;
}
.width-150 {
    width: 9.375em;
}

.width-190 {
    width: 11.875em;
}

.width-200{
    width: 12.5em ;
}
.column-width {
    width: 12.5em!important;
}

.width-250 {
    width: 15.625em;
}

.margin-left-50{
    margin-left: 3.125em;
}
.margin-left-100{
    margin-left: 6.25em;
}

.margin-left-150{
    margin-left: 9.375em;
}
.margin-left-200{
    margin-left: 12.5em;
}

.margin-left-250{
     margin-left: 15.625em;
 }

.margin-left-300{
    margin-left: 18.75em;
}

#passwortLabel .ui-outputlabel-rfi{
    display: none;
}

#emailLabel .ui-outputlabel-rfi{
    display: none;
}

.bewerbungsbogenDruckAdmin {
    overflow: auto;
    height: 600px;
    opacity: 0.7;

}
.bewerbungsbogenBlocked{
    pointer-events: none;
}

.druck-ansicht{
    overflow: auto;
    height: 600px ;
    opacity: 0.7;
    width: 1000px ;
}

@media print {
    .page-break {
        display: block;
        page-break-before: always;
    }

    .ui-md-3 {
        width: 25%;
    }
    .ui-md-2 {
        width: 16.66666667%;
    }
    .ui-md-1 {
        width: 8.33333333%;
    }

    .ui-md-4 {
        width: 33.33333333%;
    }
    .ui-md-6 {
        width: 50%;
    }

}

.sob-invisible-cell{
    border: none !important;
}

.info-link-button{
    float: right;
    padding-right: 2em;
}

.left-align{
    text-align: left;
}

.left-align{
    text-align: right;
}