/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/

/*index*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');

.sendOffScreen {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
.rahmen{
  
  width: 1200px;
  margin:auto;
  font-family: 'Roboto Condensed', sans-serif;
  background-color: white;
  --oj-text-field-border-color-focus: #00688C;
  --oj-button-outlined-chrome-bg-color: #07438C;
  --oj-button-outlined-chrome-text-color: white;
  --oj-button-borderless-chrome-bg-color-hover: white;
  --oj-button-borderless-chrome-text-color: #07438C; 

}
.festerHeader{
  position: absolute;
  top:0px;
  overflow: hidden;
  width: 100%;
}
.ersteZeileHeader{
  width: 100%;
  display: flex;
}
.divLogo{
width: 240px;
padding-top: 10px;
padding-left:10px;


}
.divAppname{
  width: 700px;
    font-size: 25pt;
    display: flex;
    align-items: center;
    color: #07438C;
    padding-top: 10px;
}
.sprachAusw{
  width:20px;
  margin-right: 12px;
  
}
.nsprachAusw{
  width:20px; 
}
.divsprachBtn{
  display:flex;
  --oj-button-borderless-chrome-bg-color-hover: white;
  --oj-button-borderless-chrome-text-color: #07438C;
  padding-right: 9px;
}
.divHilfeSprach{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 250px;
  justify-content: flex-end;
}
.divHilfe{
  display: flex;
  align-items: center;
  width: 350px;
  justify-content: flex-end;
}
.hilfeImg{
    padding-right: 5px;
}
.zweiteZeileHeader{
  margin-left:  250px;
  font-size:25pt;
  color: #07438C;
  display:flex;
  justify-content: space-between;
}
.logout::before{
  content: url('images/logout.png');
  border-style: none;
  margin-right: 0px;
  margin-left: 0px;
}
.mail::before{
  content: url('images/mail.png');
  border-style: none;
  margin-right: 0px;
  margin-left: 0px;
}
.passwort::before{
    content: url('images/passwort.png');
    border-style: none;
    margin-right: 0px;
    margin-left: 0px; 
}
.profil::before{
  content: url('images/profil.png');
  border-style: none;
  margin-right: 0px;
  margin-left: 0px; 
}
.logoutBtn{
  --oj-button-borderless-chrome-bg-color-hover: white;
  --oj-button-borderless-chrome-text-color: #07438C;
  --oj-button-icon-to-text-padding: 0px;
}
.logoutBtnLabel
{
  margin-right: -7px;
}

.indexContent{
  position:fixed;top: 160px;bottom: 160px;
  width: 100%;
  display: flex;
  flex-direction: row;
  
}
.naviDownloads{
display: flex;
flex-direction: column;
width: 250px;;
color: #07438C;
}
.downloadUnten{
  display: flex;
flex-direction: column;
width: 250px;;
color: #07438C;
  
}
.themenDiv{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  
}
.linksUeberschriftAbstand{
  margin-bottom: 10px;
  font-weight: bold;
}
.themenBtn{
  --oj-button-height: 20px;
  margin-left: -16px;
}
.themenBtnUnterstrich{
  --oj-button-height: 20px;
  margin-left: -16px;
}
.themenBtn span.oj-button-text{
  border-bottom: none;
  margin: 0 var(--oj-button-text-to-edge-padding);
  padding: 0px;
  font-weight: normal;
}
.themenBtnUnterstrich span.oj-button-text{
  border-bottom: 3px solid;
  margin: 0 var(--oj-button-text-to-edge-padding);
  padding: 0px;
}
.indexModule{
  width: 950px;
  overflow: auto;
  padding-right: 10px;
}
.festerFooter{
  position: absolute;
  bottom:0px;
  overflow: hidden;
  width:100%;
  display: flex;
  justify-content: space-between;
  background-color: #EDEEEE;
  padding-top:10px;
  
}
.werkschutzAusweisstelle{
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: 9pt;
padding-left: 10px;
}
.werkschutzHeader{
  font-weight: bold;
}
.werkschutzBody{
  display: flex;
  flex-direction: row;
  padding-bottom: 10px;
}
.divKontraktperson{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-left: 10px;
}
.poweredBy{
  align-items: center;
  display: flex;
}
.navigation{
  align-items: center;
  display: flex;
  padding-right: 10px;
}

.footer-nav {
 border-style: none !important;
 margin-top: 5px !important;
 margin-bottom: -20px !important;
}

/*Überschriften in der "Datenschutz"- und "Rechtliche Hinweise"-Seite der Navigationsleiste im Footer*/
.dsUeberschrift{
  font-size:20pt;
  margin-bottom: 20px;
}

/*Kontakt*/
.kontaktfelder{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.kontaktLinks{
width: 49%;
display: flex;
flex-direction: column;
}
.kontaktRechts{
  width: 49%;
  display:flex;
  flex-direction: column;
}
.kontaktPlzOrt{
  display:flex;
  margin-top: 16px;
}
.kontaktPlz{
flex:1;
margin-right: 2%;
}
.kontaktOrt{
flex:2;
}
.kontaktBtnAbstand{
  margin-top: 10px;
}

/*bestaetigungKontakt, bestaetigungPwAnforderung, bestaetigungRegistrierung*/
.bestFlexBox{
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
.bestText{
 font-size: 30pt;
 text-align: center;
}
.bestBtn{
  margin-top: 35px;
width: 150px;
align-self: center;
}

/*Login*/
.loginContent{
  display: flex;
    align-items: flex-start;
    margin-right: 2%; 
    justify-content: space-between;
   
  
}
.loginVorhandBenutzerkonto{
  display: flex;
  flex-direction: column;
  width: 49%;
}
.ueberschriftLinkeSeite{
  font-size: 16pt;
  margin-bottom: 20px;
}
.ueberschriftNochKeinPW{
  font-size:16pt;
  margin-bottom: 35px;
}
.uberschriftPwVergessen{
  margin-bottom: 20px;
  font-size: 16pt;
  margin-top: 34px;
}
.rechteSeiteTrennung{
  display:flex;
  flex-direction: column;
  width: 49%;
}
.keinBenKonto{
  display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.pwVergessen{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

/*Registrierung*/
.okIcon::before{
  content: url('images/ok.png');
  height: 90px;
  border-style: none;
}
.n_okIcon::before{
  content: url('images/n_ok.png');
  height: 90px;
  border-style: none;
}
.btnIcons{
  --oj-button-height:90px;
  --oj-button-borderless-chrome-bg-color-hover: white;
}
.regisAuswahl{
  display:flex;
  justify-content: space-between;
}
.regisGrafik{
  max-width: 935px ;
  min-width: 935px;
  margin-top: 20px;
}
.auswTextAbstand{
  margin-top:10px;
}
.absatzueberschrift{
  font-size: 16pt;
  margin-top: 20px;
}
.felderErfass{
display:flex;
flex-direction: column;
}
.persAnga{
  display: flex;
  flex-direction: column;
}
.persAngaZeile{
  display: flex;
}
.plzZeile{
flex:1;
margin-right: 2%;
}
.ortZeile{
flex:2;
}
.angaSpanLi{
width: 49%;
margin-right: 2%;
}
.angaSpanRe{
width: 49%;
}
.firmaAnga{
  display:flex;
  flex-direction: row; 
}
.felderErfassLi{
  display:flex;
  flex-direction: column;
  flex:2;
  margin-right: 2%;
}
.strAbstand{
  margin-top:15px;
}
.felderErfassRe{
  display: flex;
  flex-direction: column;
  flex:1;
}
.debUstText{
  margin-bottom: 20px;
  margin-top: 17px;

}

/*Neue Mitarbeiter*/
.neueMita{
  display:flex;
 flex-direction: column;
}
.nMitarbRow{
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2%;
}
.nMitaAnredeSpalte{
  flex:1;
} 
.nMitaStASpalte{
  flex:1; 
} 
.nMitaMobilfSpalte{
  flex:1; 
}
.aeSpalte{
  flex:1; 
} 
.atSpalte{
 flex:1; 
}
.requireNReqAbstand{
  margin-top:15px;
}
.nMitaStASpalte{
  flex:1;
}
.aeatBtn{
  width:148px;
}
.einsatzSpalte{
  flex:1;
}
.fotoSpalte{
  border-style: solid;
  border-color:#00688C;
  width: 170px;
  height: 209px;
}
.gAnreSpalt{
  display: flex;
  flex-direction: column;
  flex: 1;
}
.gEmailSpalt{
  display: flex;
  flex-direction: column;
  flex: 2;
  align-items: flex-start;
  justify-content: flex-end;
}
.gEmailInputBreit{
  width:50%;
}
.reFirmaSpalt{
  display: flex;
  flex-direction: column;
  flex: 2;
}
.reFestteleSpalt{
  display: flex;
  flex-direction: column;
  flex: 1;
}
.rePlzSpalt{
  display: flex;
  flex-direction: column;
  flex: 1;
}
.reOrtSpalt{
  display: flex;
  flex-direction: column;
  flex: 3;
}
.linkBtns{
  --oj-button-borderless-chrome-bg-color-hover: white;
  --oj-button-borderless-chrome-text-color: #07438C; 
}
.nMitLoeschenIcon{
content: url('images/bt_delete.png');
border:none;
}
.zusammenfassungBtn
{
  float: right;
  width: 180px;
  margin-right: 2%;
}

.löschenBtn
{
  float: right;
  width: 90px;
}

.divZusammenfassungBtn
{
  width: 100%;
}
.avatarPosition
{
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 10px;
}

.divAvatarLöschen
{
  display: flex;
  justify-content: center;
  width: 100%;
}

.verlaeBackgroundDiv
{
  display: flex;
  background-color: #07438C;
}

.verlaeÜberschriftTabelle
{
  display: flex;
  flex-direction: column;
  flex: 2;
  justify-content: center;
  width: 300px;
}

.verlaeÜberschriftTabelleKleiner
{
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 150px;
}

.oj-listview.oj-focus-ancestor .oj-listview-item.oj-selected, .oj-listview.oj-focus-ancestor .oj-listview-card.oj-selected, .oj-listview.oj-focus-ancestor .oj-listview-group-item.oj-selected
{
  background-color: rgb(189, 206, 0);
}

.oj-listview-item.oj-selected, .oj-listview-card.oj-selected, .oj-listview-group-item.oj-selected
{
  background-color: white;
}

.verlaeTemplateDiv
{
  display: flex;
}

.verlaeÜberschriftMitarbeiter
{
  color: white;
  margin: var(--oj-paragraph-margin-bottom) var(--oj-paragraph-margin-bottom) var(--oj-paragraph-margin-bottom) var(--oj-paragraph-margin-bottom);
}

.verlaeÜberschriftZeitraum
{
  color: white;
  margin: var(--oj-paragraph-margin-bottom) var(--oj-paragraph-margin-bottom) var(--oj-paragraph-margin-bottom) 0;
}

.textLogoutPop
{
  font-size: 24px;
}

.logoutBtnPop
{
  display: flex;
  justify-content: center;
  width: 100%;
}

#abmelden
{
  margin-right: 2%;
  width: 150px;
}

#popschließen
{
  width: 150px;
}

.divVerlBearbBtn
{
  display: flex;
  gap: 2%;
  justify-content: flex-end;
}

.verlBearbBtn
{
  margin-top: 20px;
}

/*Antragsteller Übersicht*/
.ueberschriftDiv{
  display: flex;
  background-color: #07438C;
  padding: 0 var(--oj-list-view-item-padding-horizontal);
  height: 65px;
  align-items: center;
}
.astUberschrift{
  display: flex;
  background-color: #07438C;
  padding: 0 var(--oj-list-view-item-padding-horizontal);
  height: 65px;
  align-items: center;

}

.ptvw{
  display: flex;
  background-color: #07438C;
  height: 65px;
  align-items: center;
  padding-left: 20px;
}
.ueberschriftenflex1{
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
 padding-right: 10px;
}
.ueberschriftenflex2{
  display: flex;
  flex-direction: column;
  flex: 2;
  justify-content: center;
}
.astUebersichtText{
  color: white;
  margin: 0px;  
}
.templateDiv{
  display: flex;
  align-items: center;
}
.astTemplDiv{
  display: flex;
  align-items: center;
};
.ueberschriftenIcon{
  display:flex;
  flex:1;
  text-align: center;
}
.sucheImg{
  width: 18px;
}
.statusRotImage{
  content: url('images/status_rot.png');
}
.statusRotBtn{
  --oj-button-solid-chrome-bg-color: white;
  --oj-button-solid-chrome-border-color: #7F7F7F;
  --oj-button-solid-chrome-bg-color-hover: white;
  --oj-button-solid-chrome-border-color-hover: #C00000;
  margin-right: 50px;
}
.statusGelbImage{
  content: url('images/status_gelb.png');
}
.statusGelbBtn{
  --oj-button-solid-chrome-bg-color: white;
  --oj-button-solid-chrome-border-color: #7F7F7F;
  --oj-button-solid-chrome-bg-color-hover: white;
  --oj-button-solid-chrome-border-color-hover: #FEE002;
  margin-right: 50px;
}
.statusGelbWeissImage{
  content: url('images/status_gelb_weiss.png');
}
.statusGelbWeissBtn{
  --oj-button-solid-chrome-bg-color: white;
  --oj-button-solid-chrome-border-color: #7F7F7F;
  --oj-button-solid-chrome-bg-color-hover: white;
  --oj-button-solid-chrome-border-color-hover: #FEE002;
  margin-right: 50px;
}
.statusGruenImage{
  content: url('images/status_gruen.png');
}
.statusGruenBtn{
  --oj-button-solid-chrome-bg-color: white;
  --oj-button-solid-chrome-border-color: #7F7F7F;
  --oj-button-solid-chrome-bg-color-hover: white;
  --oj-button-solid-chrome-border-color-hover: #B8C400;
  margin-right: 50px;
}
.statusHellblauImage{
  content: url('images/status_hellblau.png');
}
.statusHellblauBtn{
  --oj-button-solid-chrome-bg-color: #FFFFFF;
  --oj-button-solid-chrome-border-color: #7F7F7F;
  --oj-button-solid-chrome-bg-color-hover: #FFFFFF;
  --oj-button-solid-chrome-border-color-hover: #FFFFFF;
}
.statusSchwarzImage{
  content: url('images/status_schwarz.png');
}
.statusSchwarzBtn{
  --oj-button-solid-chrome-bg-color: #FFFFFF;
  --oj-button-solid-chrome-border-color: #7F7F7F;
  --oj-button-solid-chrome-bg-color-hover: #FFFFFF;
  --oj-button-solid-chrome-border-color-hover: #7F7F7F;
  margin-right: 50px;
}
.ansehenBtn{
  content:url('images/bt_row_view.png');
}
.bearbeitenBtn{
  content: url('images/bt_row_edit.png');
}
.loeschenBtn{
  content: url('images/bt_row_delete.png');
}
#ansehenPopUp{
  width: 1300px;
  height: 950px;
}
#popschließenPopup{
  width: 300px;
  font-size: 25px;
}
.popUpDiv{
  width: 100%;
  float: left;
}
.outerFloat{
  width: 80%;
  float: left;
  margin-bottom: 20px;
}
.outerFloatBild{
  width: 20%;
  float: right;
}
.outerFloatSpalte{
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.outerFloatSpalte oj-label{
  float: left;
  width: 45%;
}
.outerFloatSpalte oj-bind-text{
  float: right;
}
.innerFloat{
  float: left;
  width: 20%;
}
.innerFloatBild{
  float: right;
  width: 100%;
}
.spalteDiv{
  float: left;
  width: 33.3333333%;
}
.absatzÜberschrift{
  margin: 0px;
  font-size: 25px;
  font-weight: bold;
  text-decoration: underline;
}
.popUpDiv oj-label{
  font-size: 18px;
}
.oj-flex-item{
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.agflex1{
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-right: 10px;
}
.agFlex2{
  display: flex;
  flex-direction: column;
  flex: 2;
  justify-content: center;
}.suchenBtn{
  content: url('images/bt_search.png');
}
.agUbersichtCheckboxAbgelehnt
{
  padding-left: 50px;
}

.agUbersichtCheckboxStatus
{
  padding-left: 55px;
}

/* Patenverwaltung */
.pvwInputDateDiv{
  display: flex;
  width:300px;
  gap:2%;
  justify-content: center;
  padding-right: 10px;
  padding-left: 10px;
}


/* Neue Klassen */
/* agDauEinfZsf */
.agDauEinfZsfExtra1
{
  display: flex;
  flex-direction: column;
}

.agDauEinfZsfExtra2
{
  text-align: center;
}

.agDauEinfZsfExtra3
{
  display: flex;
}

.agDauEinfZsfExtra4
{
  flex: 1;
  text-align: center;
}

.agDauEinfZsfExtra5
{
  flex: 1;
  text-align: center;
  padding-right: 10pxs;
}

/* aiUebersicht */
.aiUeberichtExtra1
{
  display: flex;
  gap: 2%;
  margin-top: 15px;
}

.aiUeberichtExtra2
{
  display: flex;
  gap: 2%;
  justify-content: end;
}

/* astUebersicht */
.astUebersichtExtra1
{
  width: 75px;
}

.astUebersichtExtra2
{
  width: 113px;
}

.astUebersichtExtra3
{
  width: 175px;
}

.astUebersichtExtra4
{
  width: 175px;
  display: flex;
  flex-direction: column;
}

.astUebersichtExtra5
{
  text-align: center;
}

.astUebersichtExtra6
{
  display: flex;
}

.astUebersichtExtra7
{
  flex: 1;
  text-align: center;
}

.astUebersichtExtra8
{
  flex: 1;
  text-align: center;
  padding-right: 10px;
}

.astUebersichtExtra9
{
  flex: 1;
}

.astUebersichtExtra10
{
  max-width: 60%;
  max-height: 60%;
  float: right;
}

/* dauEinf */
.dauEinfExtra1
{
  display: flex;
  flex-direction: column;
}

.dauEinfExtra2
{
  display: flex;
  gap: 2%;
}

.dauEinfExtra3
{
  flex: 1;
}

.dauEinfExtra4
{
  display: flex;
  gap: 2%;
  justify-content: end;
}

/* dauEinfZsf */
.dauEinfZsfExtra1
{
  display: flex;
  flex-direction: column;
}

.dauEinfZsfExtra2
{
  text-align: center;
}

.dauEinfZsfExtra3
{
  display: flex;
}

.dauEinfZsfExtra4
{
  flex: 1;
  text-align: center;
}

.dauEinfZsfExtra5
{
  flex: 1;
  text-align: center;
  padding-right: 10px;
}

.dauEinfZsfExtra6
{
  width: 20px;
}

.dauEinfZsfExtra7
{
  width: 175px;
}

/* neueMita */
.neueMitaExtra1
{
  display: flex;
  gap: 2%;
  justify-content: end;
}

/* nMiaQuittung */
.nMiaQuittungExtra1
{
  display: flex;
  gap: 2%;
  justify-content: center;
}

/* patenwech */
.patenwechExtra1
{
  display: flex;
  gap: 2%;
}

.patenwechExtra2
{
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
}

.patenwechExtra3
{
  display: flex;
  flex-direction: column;
  flex: 1;
}

.patenwechExtra4
{
  display: flex;
  flex: 1;
  gap: 2%;
  align-items: flex-end;
}

.patenwechExtra5
{
  width: 125px;
}

.patenwechExtra6
{
  width: 150px;
  display: flex;
  flex-direction: column;
}

.patenwechExtra7
{
  text-align: center;
}

.patenwechExtra8
{
  display: flex;
}

.patenwechExtra9
{
  flex: 1;
  text-align: center;
}

.patenwechExtra10
{
  flex: 1;
  text-align: center;
  padding-right: 10px;
}

.patenwechExtra11
{
  width: 320px;
}

.patenwechExtra12
{
  width: 145px;
}

.patenwechExtra13
{
  display: flex;
  justify-content: end;
  margin-top: 20px;
}

/* registrierung */
.registrierungExtra1
{
  justify-content: flex-end;
}

.registrierungExtra2
{
  margin-top: 20px;
}

/* overflow */

.astUebersichtExtra12
{
  position: sticky;
  overflow: hidden;
  top: 0px;
  width: 100%;
  z-index: 22;

}

.astUebersichtExtra13
{
  position: sticky;
  overflow: hidden;
  top: 0px;
  z-index: 33;
  
}

.astUebersichtExtra14
{
  position: sticky;
  overflow: hidden;
  bottom: 0px;
  width: 97%;
  z-index: 33;
}
.rotate {
  animation: rotation 5s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.speichernImg{
  content: url('images/bt_download_row.png');
}