/* Zusammengeführt aus allStandard.css und modernResponsive.css.
   Reihenfolge unverändert: Basis vor Modernisierung.
   Weitere Entfernung alter Regeln erst nach visueller Regression aller Seiten. */

/* Lange Engineering CSS */
:root {
  /******   Farben       ************/
  --hellblau:                 rgba(0, 204, 255, 0.4);
  --loginBlau:                #0B6AB4; /*#00CCFF;*/
  --loginHellblau:            #C6E0F4; /*#61DFFF;*/
  --loginHoverBlau:           #65ACE2; /*#61DFFF;*/
  --loginLichtblau:           #00CCFF;
  --waitGrau:                 #999999;
  --mainWeiss:                rgba(255, 255, 255, 0.8);
  --mainschwarz-trans:        rgba(0,0,0,0.2);
  --schwarz:                  #000000;
  --weiss:                    #FFFFFF;
  --weiss-dunkel:             #f9f9f9;
  --lichtgrau:                #EBEBEB;
  --buttonHellgrau:           #CCCCCC;
  --buttonMittelgrau:         #ADADAD;
  --buttonDunkelgrau:         #878787;
  --buttonWeiss:              #FFFFFF;
  --buttonMinBlau:            #E0EEFA;
  --buttonHellblau:           #CCE4F7;
  --buttonLichtblau:          #00CCFF;
  --statistikLichtblau:       #4DDBFF;
  --statistikDunkelBlau:      #0000CC;
  --statistikMittelBlau:      #4B9EDD;
  --buttonBlau:               #0078D7;
  --buttonSchwarz:            #111111;
  --mittelSchwarz:            #444444;
  --transparent:              transparent;
  --errorRed:                 #FF2424;
  --errorRed2:                #FF6666;
  --errorRedStat:             #FF7575;
  --errorGreen:               #00CC00;
  --errorGreenStat:           #00CC00;
  --errorBlueStat:            #4B9EDD;
  --errorYellowStat:          #FFFF00;
  --errorOrangewStat:         #FFCC00;
  --buttonDarkWhite1:         #EEEEEE;
  --backgroundBasicData:      #C9E9FD;

  --skillRowBlau:             #0B6AB4;
  --skillRowLichtblau:        #00C0F0;
  --skillRowHellblau:         #65ACE2;
  --skillRowWeiss:            #FFFFFF;

  --selfSelectBack:           #65ACE2;
  --selfSelectTop:            transparent;
  --selfSelectBottom:         #4B9EDD;
  --selfSelectOption:         #00CCFF;
  --selfSelectOptionActive:   #0B6AB4;
  --selfSelectOptionHover:    #0078D7;
  --selfSelectTopColor:       #FFFFFF;
  --selfSelectOptionColor:    #FFFFFF;
  --selfSelectOptionHellgrau: #CCCCCC;
  --selfSelectWhite:          #FFFFFF;

  --certSearchTableBack1:     #E3E3E3;
  --certSearchTableBack2:     #00CC00;
  --certSearchTableBack3:     #FFCC00;
  --certSearchTableBack4:     #00CCFF;
  --certSearchTableBack5:     #FFFFFF;
  --certSearchTableBack6:     #FFFF00;
  --certSearchTableBack7:     #00CC00;
  --certSearchTableBack8:     #FF2424;

  --fieldBackActive:          #FFCC33;
  --mailGreen:                #008000;

  --font-size-Cell:           1.5em;
  --font-size-Roll:           1em;
  --font-size-RollLeft:       0.8em;
  --font-size-RollRight:      0.8em;

  --font-size-moduls1:        1.5em;
  --font-size-moduls2:        1.2em;
  --font-size-moduls3:        1.1em;
  --font-size-moduls4:        1.0em;
  --font-size-moduls5:        0.9em;
  --font-size-moduls6:        0.8em;
  --font-size-moduls6a:       0.75em;
  --font-size-moduls7:        0.7em;
  --font-size-moduls8:        0.6em;

  --font-size-modulsBig:      1.8em;

  --font-size-rem1:           1.1em;

  --scrollbarWidth:           thin;
  --scrollbarBack:            #00CCFF;
  --scrollbarOutline:         #0B6AB4;

  --userInactive:             #FF9933;
  --weissTrans:               rgba(255,255,255,0.4);
}

body {
  border: none;
  padding: 0px;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  overflow: hidden;
  /*background-image: url(../images/lange_background1.jpg);*/
  background-image: url(../images/back.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  scrollbar-color: var(--scrollbarOutline) var(--scrollbarBack);
  scrollbar-width: var(--scrollbarWidth);
}

.classFontStyleOK{
  font-weight: bold;
  color: var(--errorGreen) !important;
}

.classFontStyleNoOK{
  font-weight: bold;
  color: var(--errorRed) !important;   
}

.sortGrey{
  color: var(--buttonMittelgrau);
}

.hrE{
  border: 0 !important;
  height: 3px !important;
  width: 75% !important;
  background-color: var(--weiss) !important;
  cursor: pointer !important;
}

.backgroundColorWhite{
  background-color: var(--weiss) !important;
}

.backgroundColorTrans{
  background-color: transparent !important;
}

.backgroundColorYellow_Black{
  background-color: var(--certSearchTableBack6) !important;
  color: var(--schwarz);
}

.backgroundColorGreen_Black{
  background-color: var(--certSearchTableBack7) !important;
  color: var(--schwarz);
}

.backgroundColorOrange_Black{
  background-color: var(--certSearchTableBack3) !important;
  color: var(--schwarz);
}

.backgroundColorRed_White{
  background-color: var(--certSearchTableBack8) !important;
  color: var(--weiss);
}

.backgroundMinBlau_Black{
  background-color: var(--buttonMinBlau) !important;
  color: var(--schwarz);
}

.borderNormal{
  border: solid 1px var(--schwarz) !important;
}

.borderTrans{
  border: solid 1px transparent !important;
}

.errorClass{
  font-size: 1em;
  font-weight: bold;
  color: var(--errorRed);
}

.okClass{
  font-size: 1em;
  font-weight: bold;
  color: var(--mailGreen);
}

.flex_right{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}

.textBold{
  font-weight: bold !important;
}

/*    Scrollbars    */
div {
  scrollbar-color: var(--scrollbarOutline) var(--scrollbarBack);
  scrollbar-width: var(--scrollbarWidth);
  }

div:hover{
  scrollbar-color: var(--scrollbarOutline) var(--scrollbarBack);
}

div:active{
  scrollbar-color: var(--scrollbarOutline) var(--scrollbarBack);
}

.pointer{
  cursor: pointer;
}

.setWidth100{
  width: 100% !important;
}

.setHeight100{
  height: 100% !important;
}

.setWidth100_rem1{
  width: 100% !important;
  font-size: var(--font-size-rem1);
}

.scrollRight {
  overflow-y: auto;
  overflow-x: hide;
}

/* wait */
.waitTimeClass {
  display: none;
}

.waitTimeClassShow {
  position: absolute;
  z-index: 8000;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--mainWeiss);
  color: var(--waitGrau);
  display: block;
}

.waitTimeInClass{
  position: absolute;
  border: none;
  width: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
  font-size: 2em;
}

.protectAllClass{
  position: absolute;
  top: 0px;
  left; 0px;
  width: 100%;
  height: 100%;
  z-index: 7900;
  background-color: var(--transparent);
}

.marginAllTop{
  margin-top: 10px;
}

.marginAllTopSmall{
  margin-top: 5px;
}

.marginAllBottom{
  margin-bottom: 5px;
}

.marginAllLeft{
  margin-left: 5px;
}

.noBorder{
  border: none !important;
}

.noBorder2{
  border: none !important;
  padding: 4px;
}

.underline{
  text-decoration: underline;
}

.clickDownYes{
  pointer-events: none;
}

.clickDownNo{
  pointer-events: auto;
}

.zIndex50{
  z-index: 50 !important;
}

.zIndex55{
  z-index: 55 !important;
}

.divWidth65{
  width: 65em !important;
}

.divWidth85{
  width: 85em !important;
}

/* main, footer div */
.topMainClass{
  position: relative;
  height: 3em;
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.mainClass {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 5px;           /*Standardrand, muss im JS setMainSize() bei der Berechnung berücksichtigt werden*/
  margin: 0px;
  width: calc(100% - 10px);
  height: calc(100% - 5px);
  background-color: var(--mainWeiss);
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.innerMainClass{
  position: relative;
  margin: auto;
  overflow: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  /*border: solid 1px var(--schwarz);*/
}

.footerClass{
  position: relative;
  height: 3em;
  width: 90%;
  margin: auto;
  font-size: var(--font-size-moduls6);
}

.footerInClass{
  position: absolute;
  width: 100%;
  height: max-content;
  bottom: 5px;
}

/* login */
.loginDivClass{
  position: relative;
  width: 30em;
  height: 20em;
  border: none;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  margin: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: center;
}

.loginOutDivClass{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.showLoginErrorClass{
  position: absolute;
  border: none;
  width: 30em;
  height: 3em;
  top: calc(50% - 7em);
  left: calc(50% - 15em);
  margin: auto;
  margin-top: 15px;
  padding-left: 2em;
  font-size: 1em;
  color: var(--errorRed);
}

.tabDivClass{
  position: relative;
  width: 100%;
  height: 3em;
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.underTabClass{
  position: relative;
  border: none;
  width: 100%;
  height: 17em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--loginLichtblau);
}

.containerTab{
  flex: 1;                    /*alle Tabs in gleicher Größe*/
}

.loginTab{
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0.5em 0%, 0% 0.5em, 0% 100%, 100% 100%, 100% 0.5em, calc(100% - 0.5em) 0%);
  clip-path: polygon(0.5em 0%, 0% 0.5em, 0% 100%, 100% 100%, 100% 0.5em, calc(100% - 0.5em) 0%);
  padding-top: 0.4em;
  text-align: center;
  font-size: 0.9em;
  cursor: pointer;
}

.loginTabBackgroundActive{
  background-color: var(--loginLichtblau);
  color: var(--weiss);
}

.loginTabBackgroundInActive{
  background-color: var(--loginHellblau);
  color: var(--buttonDunkelgrau);
}


.loginMaskClass{
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.showTabActiveClass{
  display: block;
  width: 40%;
  min-width: 120px;
}

.showTabInActiveClass{
  display: none;
}

.forgotPassClass{
  position: absolute;
  top: 20px;
  margin: auto;
  width: 90%;
  height: 80%;
  min-width: 120px;
  background-color: var(--buttonLichtblau);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.forgotPassInactiveClass{
  display: none;
  width: 90%;
  min-width: 120px;
}

.userFieldClass{
  width: 100%;
  height: max-content;
  border: none;
  padding: 3px;
}

.buttonWidthClassLogin{
  width: 13.4em;
  height: 2em;
}

.forgotText{
  font-size: var(--font-size-moduls6);
  cursor: pointer;
  margin-top: 10px;
}

.forgotTextClass{
  position: relative;
  width: 95%;
  margin-bottom: 10px;
  height: max-content;
  font-size: var(--font-size-moduls6);
  color: var(--weiss);
  text-align: center;
  margin: auto;
}

.forgotTextBottomClass{
  position: relative;
  width: 90%;
  margin-top: 5px;
  height: max-content;
  max-height: 50px;
  overflow: auto;
  font-size: var(--font-size-moduls6);
  color: var(--errorRed);
  text-align: center;
  margin: auto;
}

.forgotTextBottomClassOK{
  position: relative;
  width: 90%;
  margin-top: 5px;
  height: max-content;
  max-height: 50px;
  overflow: auto;
  font-size: var(--font-size-moduls6);
  color: var(--errorGreen);
  background-color: var(--mailGreen);
  text-align: center;
  margin: auto;
}

/* top panel (über Main) show path, user, roll, datue*/
.actUserClass, .actRollClass, .actDateClass{
  position: relative;
  width: 18%;
  font-size: var(--font-size-Roll);
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: left;
}

.actPlaceClass{
  position: relative;
  width: 38%;
  font-size: var(--font-size-Roll);
}

.actHelpClass{
  position: relative;
  width: 8%;
  font-size: var(--font-size-Roll);
}

.actPlaceInLeftClass, .actUserInLeftClass, .actRollInLeftClass, .actDateInLeftClass{
  position: relative;

  width: max-content;
  padding-left: 5px;
  text-align: right;
  font-size: var(--font-size-RollLeft);
}

.actPlaceInRightClass, .actUserInRightClass, .actRollInRightClass, .actDateInRightClass{
  position: relative;

  width: max-content;
  padding-left: 5px;
  text-align: left;
  font-size: var(--font-size-RollRight);
}


/* begin main menu */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.li_h {
  float: left;
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 12px;
  padding-right: 12px;
  min-width: 50px;
  text-align: center;
  cursor: pointer;
}

.li_v, .li_v_start {
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 12px;
  padding-right: 12px;
  min-width: 50px;
  text-align: left;
  cursor: pointer;
 /* background-color: var(--selfSelectOption);*/
  margin-bottom: 1px;
}

.li_v{
   border-top: solid 2px var(--selfSelectOption);
}

.li_h:hover {

  background-color: var(--hellblau);
}

.li_v:hover, .li_v_start:hover {

  background-color: var(--hellblau);
}

.li_h.dropdown {
  display: inline-block;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
}

.dropdown {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
}

.dropdown-content {
  display: none;
  position: absolute;
  margin-top: 2px;
  margin-left: 30px;
  background-color: var(--weiss-dunkel);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px var(--mainschwarz-trans);
  z-index: 50;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.showMenuOutClass{
  position: relative;
  width: 90%;

  height: calc(100% - 4em);
  /*border: solid 1px #000;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.showMenuInTopClass{
  position: relative;
  width: 100%;
  min-height: 3em;
  /*border: solid 1px #000;*/
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

}

.showMenuInTopLeftClass{
  position: relative;
  width: calc(100% - 115px);
  height: 100%;
  /*border: solid 1px #000;*/
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: top;
  padding-left: 5px;
  padding-right: 5px;
 /* background-color: var(--selfSelectOption); */
}

.showMenuInTopRightClass{
  position: relative;
  width: 240px;
  height: 100%;
  /*border: solid 1px #000;*/
  flex-direction: row;
  justify-content: right;
  align-items: top;
  padding-left: 5px;
  padding-right: 5px;
  /*background-color: var(--selfSelectOption); */
}

.showMenuInShowClass{
  position: relative;
  width: 100%;

  height: calc(100% - 50px) !important;
  /*border: solid 1px #000;*/
  overflow: auto;
}
/* End main menu */

/* begin button css */
button:disabled, button:disabled:hover, button:disabled:active,
input[type=button]:disabled, input[type=button]:disabled:hover, input[type=button]:disabled:active{
  background-color: var(--buttonHellgrau);
  /*197,197,197*/
  -webkit-box-shadow: 0px 0px 0px 1px var(--buttonHellgrau),
                      0px 0px 0px 2px var(--buttonMittelgrau);
  box-shadow: 0px 0px 0px 1px var(--buttonHellgrau),
              0px 0px 0px 2px var(--buttonMittelgrau);
  color: var(--buttonMittelgrau);
}

button, input[type=button]{
  outline: none;
  font-family: sans-serif;
  font-size: 0.8rem !important;
  background-color: var(--buttonHellblau);
  padding: 3px 8px;
  border: 1px solid var(--buttonSchwarz);
  color: black;
}

button:hover, input[type=button]:hover {
  /*-webkit-box-shadow: 3px 2px 0px 0px var(--buttonMittelgrau);
  box-shadow: 3px 2px 0px 0px var(--buttonMittelgrau);*/
  background-color: var(--loginHoverBlau);
}

button:active, input[type=button]:active{
  background-color: var(--buttonBlau);
}

.buttonWidthSmall{
  width: 5em !important;
  border: 1px solid var(--buttonSchwarz) !important;
}

.buttonWidthSmallActive{
  width: 5em !important;
  border: 2px solid var(--statistikDunkelBlau) !important;
}

.buttonWidthMedium{
  width: 10em !important;
  border: 1px solid var(--buttonSchwarz) !important;
}

.buttonWidthMediumActive{
  width: 10em !important;
  border: 2px solid var(--statistikDunkelBlau) !important;
}

.buttonWidthLarge{
  width: 15em !important;
  border: 1px solid var(--buttonSchwarz) !important;
}

.buttonWidthLargeActive{
  width: 15em !important;
  border: 2px solid var(--statistikDunkelBlau) !important;
}

.buttonWidthBig{
  width: 20em !important;
  border: 1px solid var(--buttonSchwarz) !important;
}

.buttonWidthBigActive{
  width: 20em !important;
  border: 2px solid var(--statistikDunkelBlau) !important;
}

.buttonWidthBigBig{
  width: 25em !important;
  border: 1px solid var(--buttonSchwarz) !important;
}

.buttonWidthBigBigActive{
  width: 25em !important;
  border: 2px solid var(--statistikDunkelBlau) !important;
}

.buttonTextBold{
  font-weight: bold;
  border: 1px solid var(--buttonSchwarz) !important;
}

.buttonWidthAll{
  width: 100%;
  border: 1px solid var(--buttonSchwarz) !important;
}

.buttonWidthAllActive{
  width: 100%;
  border: 2px solid var(--buttonSchwarz) !important;
}

.buttonHeightSmall{
  font-size: var(--font-size-moduls5) !important;
  height: max-content !important;
}


/*  eigene Buttons  */
.saveSkillButtonClass {
  position: relative;
  width: max-content;
  height: max-content;
  border: solid 2x var(--buttonBlau);
  background-color: var(--buttonHellblau);
  padding: 3px;
  font-weight: normal;
  color: var(--buttonBlau);
  z-index: 2500;
  margin-right: 5px;
}

.saveSkillButtonClass a: {text-decoration: none;}
.saveSkillButtonClass a:link {text-decoration: none;}
.saveSkillButtonClass a:active {text-decoration: none;}
.saveSkillButtonClass a:visited {text-decoration: none;}
.saveSkillButtonClass a:hover {text-decoration: none;}

.noLink{
  all: unset;
  text-decoration: none;
  cursor: pointer;
  }

.saveSettingButtonClass {
  position: relative;
  width: max-content;
  height: max-content;
  border: solid 2x var(--buttonBlau);
  background-color: var(--buttonHellblau);
  padding: 3px;
  font-weight: normal;
  color: var(--buttonBlau);
  z-index: 2500;
}

.saveSettingButtonClass a: {text-decoration: none;}
.saveSettingButtonClass a:link {text-decoration: none;}
.saveSettingButtonClass a:active {text-decoration: none;}
.saveSettingButtonClass a:visited {text-decoration: none;}
.saveSettingButtonClass a:hover {text-decoration: none;}

.saveSettingButtonClassPadding{
  padding-right: 28px;
}

/*    end Button CSS     */

/* input, textarea, select */
input[type=text],
input[type=password]{
  border: solid 1px var(--buttonSchwarz);
  width: 14em;
  background-color: var(--buttonDarkWhite1);
  color: var(--buttonBlau);
  height: 2em;
}

textarea {
  background-size: 100%;
  border-radius:6px;
  border:2px solid silver;
  outline: none;
}

select {
  background-color: var(--buttonHellblau);
  width: 180px;
  font-size: 0.9em;
  font-family: inherit;
  font-weight: normal;
}

.selectAllStandard {
  background-color: var(--buttonHellblau);
  width: 180px;
  font-size: 0.9em;
  font-family: inherit;
  font-weight: normal;
}

/*#showPicsQuart option:hover{
  background-color: #CCFF66;
}

.selectOptionHover{
       background-color: #CCFF66;
}

.selectOptionHover.hover{
  background-color: #CC9900;
}*/

.selectOptionNoHover{
  display: block;
}

.textFieldShort, .textFieldMiddle, .textFieldLong, .textFieldMedium{
  position: relative;
  border: solid 1px var(--buttonBlau);
  color: var(--buttonBlau);
  height: 2em;
}

.textMiddle{
  text-align: center;
}

.textFieldShort{
  width: 40px !important;
}

.textFieldShortOrange{
  background-color: var(--errorOrangewStat) !important;
}

.textFieldMiddle,.textFieldMiddleTop{
  width: 100px !important;
}

.textFieldMiddle2{
  width: 90px !important;
  /*display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;*/
}

.textFieldMedium{
  width: 150px !important;
}

.textFieldLong{
  width: 220px !important;
}

.textFieldLong2{
  width: 206px !important;
}

.textFieldHeightSmall{
  font-size: var(--font-size-moduls5) !important;
  padding: 4px;
  height: max-content !important;
}

.userDataText{
  width: 15em !important;
}

.userDataTextLong{
  width: 18em !important;
}

.userDataTextLongX{
  width: 24em !important;
}

.userTextSmall{
  font-size: var(--font-size-moduls6);
}

/* misc, disclaimer */
#copyright{
  position: relative;
  width: max-content;
  /*border: solid 1px #000;*/
  margin: auto;
}

.disclaimerClass{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.disclaimerClassNoShow {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: transparent;
  display: none;
}

.discInClass{
  position: relative;
  width: 55%;
  height: 45%;
  background-color: var(--weiss-dunkel);
  text-align: center;
  vertical-align: top;
  overflow: auto;
}

.discTableClass{
  height: 100%;
  width: 100%;
}

.discTableTopClass{
  height: 80%;
  font-size: var(--font-size-moduls3);
}

.discTableBottomClass{
  height: 80%;
  vertical-align: bottom;
}

.discButtonAgree {
  cursor: pointer;
  border: solid 4px var(--errorGreen) !important;
}

.discButtonNoAgree {
  cursor: pointer;
  border: solid 4px var(--errorRed) !important;
}

.boxShadow{
  box-shadow: 10px 15px 10px silver;
}

.boxShadowSmall{
  box-shadow: 5px 7px 5px silver;
}

/* user expertises, skills  */
.modulTopShowDataClass{
  position: relative;
  left: 10px;
  top: 0px;
  width: 840px;
  height: 2.5em;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
  background-color: var(--skillRowBlau);
  font-size: 1em;
  z-index: 2;
  margin-bottom: 5px;
}

.fontBold{
  font-weight: bold;
}

.fontImport{
  font-weight: normal;
  font-size: 0.8em;
}

.fontTestSmall{
  font-size: 0.8em;
}

.modulTopShowDataSelectClass,.modulTopShowDataSelectClass2{
  position: relative;
  left: 10px;
  top: 0px;
  width: 840px;
  height: 2.5em;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  overflow: hidden;
  font-size: 1em;
  z-index: 2;
  margin-bottom: 5px;
}

.modulTopShowDataSelectClass2{
  font-size: var(--font-size-moduls6);
  height: max-content;
  max-height: 5em !important;
  width: 850px;
}

.modulTopShowDataAdminClass{
  position: relative;
  left: 10px;
  top: 0px;
  width: 1140px;
  height: 2.5em;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
  background-color: var(--skillRowBlau);
  font-size: 1em;
  z-index: 2;
  margin-bottom: 5px;
}

.modulTopShowDataInLeftClass{
  position: relative;
  width: 10em;
  height: max-content;
  color: var(--weiss);
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.modulTopShowDataInRightClass{
  position: relative;
  width: calc(100% - 10em - 55px);
  height: max-content;
  color: var(--weiss);
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
  padding-right: 40px;
}

.report_1_class, .report_2_class, .report_3_class, .report_4_class, .report_5_class, .report_6_class, .report_7_class,.backgroundMessageQuartal  {
  position: relative;
  width: max-content;
  height: max-content;
  color: var(--weiss);
  font-weight: bold;
  margin-right: 10px;
}

.backgroundMessageQuartal{
 background-color: var(--errorOrangewStat);
 padding: 5px;
 border: solid 2px var(--statistikDunkelBlau);
 width: calc(100% - 10px);
 height: calc(100% - 10px);
}

.report_2_class{
  margin-right: 20px !important;
}

.report_5_class{
  font-weight: normal !important;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-content: center;
  padding-right: 10px;
}

.report_6_class{
  height: 25px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  cursor: pointer;
}

.report_7_class{
  height: 25px !important;
  margin-right: 15px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  cursor: pointer;
}

.userExpertiseOutClass, .userSkillsOutClass {
  position: relative;
  left: 10px;
  top: 0px;
  width: 850px;
  height: calc(100% - 10em);
  overflow: auto;
  /*border: solid 1px #000; */
  background-color: var(--transparent);
  z-index: 2;
}

.userExpertiseOutAdminClass, .userSkillsOutAdminClass, .userEmplOutAdminClass {
  position: relative;
  left: 10px;
  top: 0px;
  width: 1150px;
  height: calc(100% - 10.5em);
  /*border: solid 1px #000; */
  background-color: var(--transparent);
  z-index: 2;
}

.userEmplOutAdminClass{
  width: 1500px;
  display: flex;
  height: 100%;
  flex-direction: row;
  justify-content: left;
  align-items: left;
  overflow: auto;
}

.userSkillsOutAdminClass{
  overflow: auto;
}

.userExpertiseOutAdminClass{
  overflow: auto;
}

.showModulsForUserClass{
  width: 530px;
  height: calc(100% - 100px);
  border: none;
  background-color: var(--skillRowLichtblau);
  margin-left: 10px;
  color: var(--skillRowWeiss);
  font-weight: bold;
  padding: 5px;
}

.InOutSameDiv{
  position: relative;
  width: calc(100% - 50px);
  height: 100%;
  top: 10px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: normal;
}

.InOutSameDivTop{
  position: relative;
  width: 100%;
  height: 25px;
  top: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}

.InOutSameDivBottomActive{
  position: relative;
  width: calc(100% - 4px);
  padding-top: 5px;
  padding-bottom: 5px;
  height: calc(100% - 80px);
  top: 0px;
  border: solid 2px var(--skillRowWeiss);
  overflow: auto;
  display: block;
}

.InOutSameDivBottomInActive{
  position: relative;
  width: calc(100% - 4px);
  padding-top: 5px;
  padding-bottom: 5px;
  height: calc(100% - 30px);
  top: 0px;
  border: solid 2px var(--skillRowWeiss);
  overflow: auto;
  display: none;
}

.sameTopMenuActive, .sameTopMenuInActive {
  position: relative;
  height: 100%;
  padding-left: 5px;
  border-left: solid 2px var(--skillRowWeiss);
  border-top: solid 2px var(--skillRowWeiss);
  border-right: solid 2px var(--skillRowWeiss);
  flex: 1;
  cursor:pointer;
}

.sameTopMenuActive {
  background-color: var(--skillRowWeiss);
  color: var(--skillRowLichtblau);
  font-weight: bold;
}

.sameTopMenuInActive {
  background-color: var(--transparent);
  color: var(--skillRowWeiss);
}

.userExpertiseInClass, .userSkillsInClass, .userDataOutClass {
  position: relative;
  left: 0px;
  top: 0px;
  width: 840px;
  height: calc(100% - 1em);
  background-color: var(--transparent);
}

.userExpertiseInAdminClass, .userSkillsInAdminClass, .userDataOutAdminClass, .userEmplInAdminClass {
  position: relative;
  left: 0px;
  top: 0px;
  width: 1140px;
  overflow: hidden;
  height: max-content;
  background-color: var(--transparent);
}

.userEmplInAdminClass{
  height: 100% !important;
  width: 950px !important;
  overflow: auto !important;
}


.userExpertiseRowClass, .userSkillsRowClass, .userRowOutClass, .userRowOutMaxClass, .userRowOutHeadClass,.userRowOutScreenClass {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: max-content;
  border: none;
  background-color: var(--skillRowBlau);
  margin-top: 1px;
  color: var(--skillRowWeiss);
  font-weight: bold;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
}

.userRowOutClass{
  background-color: var(--skillRowLichtblau) !important;
  height: 40px !important;
}

.userRowOutScreenClass{
  font-weight: normal !important;
  padding: 5px;
  width: calc(100% - 10px) !important;
  background-color: var(--skillRowLichtblau) !important;
}

.userRowOutMaxClass{
  background-color: var(--errorBlueStat) !important;
}

.userRowOutHeadClass{
  background-color: var(--errorBlueStat) !important;
  height: 40px !important;
}


.userExpertiseRowLeftClass, .userSkillsRowLeftClass{
  position: relative;

  width: calc(100% - 240px);
  height: 100%;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-left: 15px;
}

.userExpertiseRowLeftAdminClass, .userSkillsRowLeftAdminClass{
  position: relative;
  float: left;
  width: calc(100% - 350px);
  height: 100%;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-left: 15px;
}

.userRowLeftTableClass{
  font-weight: normal;

}

.userExpertiseRowRightClass, .userSkillsRowRightClass {
  position: relative;

  width: 240px;
  height: 100%;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
  margin-right: 0px;
}

.userExpertiseRowRightDownClass, .userSkillsRowRightDownClass {
  position: relative;
  float: left;
  width: 240px;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
}

.userExpertiseRowRightAdminClass, .userSkillsRowRightAdminClass {
  position: relative;
  float: left;
  width: 340px;
  height: 100%;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
}

.userRowInLeftClass {
  position: relative;
  float: left;
  width: calc(100% - 365px);
  height: 100%;
  padding-left: 5px;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
}

.userRowInRightClass {
  position: relative;
  float: left;
  width: 355px;
  height: 100%;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
}

.userRowInRightClassRight {
  position: relative;
  float: left;
  width: 355px;
  height: 100%;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
}

.buttonActive{
  border: solid 3px var(--buttonBlau) !important;
}

/* Unterpunkte */
.userExpertiseRowDownOutClass, .userSkillsRowDownOutClass, .userExpertiseRowDownOutAdminClass, .userSkillsRowDownOutAdminClass, .userEmplRowDownOutAdminClass, .userEmplRowDownOutAdminClassUser {
  position: relative;
  top: 0px;
  width: 100%;
  min-height: 40px;
  height: max-content;
  background-color: var(--transparent);
  z-index: 3;
  display: block;
}

.userEmplRowDownOutAdminClassUser{
  min-height: 970px !important;
}

/* ausgeblendet */
.userExpertiseRowDownOutNoClass, .userSkillsRowDownOutNoClass {
  display: none;
}

.userExpertiseRowDownInEvenClass, .userSkillsRowDownInEvenClass, .userEmplRowDownInEvenClass {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  border: none;
  background-color: var(--skillRowLichtblau);
  margin-top: 1px;
  color: var(--mainWeiss);
  font-size: var(--font-size-moduls5);
  font-weight: normal;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: stretch;
}

.userEmplRowDownInEvenOddTextClass{
  align-items: flex-start !important;
}

.userExpertiseRowDownInEvenAdminClass, .userSkillsRowDownInEvenAdminClass, .userEmplRowDownInEvenAdminClass {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  border: none;
  background-color: var(--skillRowLichtblau);
  margin-top: 1px;
  color: var(--mainWeiss);
  font-size: var(--font-size-moduls5);
  font-weight: normal;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
}

/*Wenn ungerade Zeilen anders aussehen sollen, dann hier ändern*/
.userExpertiseRowDownInOddClass, .userSkillsRowDownInOddClass, .userEmplRowDownInOddClass {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: none;
  background-color: var(--skillRowLichtblau);
  margin-top: 1px;
  color: var(--mainWeiss);
  font-size: var(--font-size-moduls5);
  font-weight: normal;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: stretch;
}

.userExpertiseRowDownInOddAdminClass, .userSkillsRowDownInOddAdminClass, .userEmplRowDownInOddAdminClass {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: none;
  background-color: var(--skillRowLichtblau);
  margin-top: 1px;
  color: var(--mainWeiss);
  font-size: var(--font-size-moduls5);
  font-weight: normal;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
}

.userEmplRowDownInEvenAdminClass, .userEmplRowDownInOddAdminClass{
  min-height: 40px;
  max-height: max-content;
}

.userExpertiseRowDownPraeClass, .userSkillsRowDownPraeClass,.userExpertiseRowDownTLClass {
  position: relative;
  float: left;
  width: 20px;
  background-color: var(--transparent);
  color: var(--skillRowWeiss);
  border-right: solid 2px var(--skillRowWeiss);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.userExpertiseRowDownTLClass{
  position: absolute;
  left: 23px;
  height: 100% !important;
}

.userExpertiseRowDownPraeClass{
  position: absolute;
  height: 100% !important;
}

.userExpertiseRowDownPraeAdminClass, .userSkillsRowDownPraeAdminClass {
  position: absolute;
  float: left;
  width: 20px;
  background-color: var(--transparent);
  border-right: solid 2px var(--skillRowWeiss);
  color: var(--skillRowWeiss);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.userExpertiseRowDownPraeActiveClass, .userSkillsRowDownPraeActiveClass {
  position: relative;
  float: left;
  width: 20px;
  background-color: var(--fieldBackActive);
  border-right: solid 2px var(--skillRowWeiss);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: var(--skillRowBlau);
}

.userExpertiseRowDownPraeActiveClass{
  position: absolute;
  height: 100% !important;
}

.userExpertiseRowDownPraeActiveAdminClass, .userSkillsRowDownPraeActiveAdminClass {
  position: absolute;
  float: left;
  width: 20px;
  background-color: var(--fieldBackActive);
  color: var(--skillRowBlau);
  border-right: solid 2px var(--skillRowWeiss);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.userExpertiseRowDownLeftClass, .userSkillsRowDownLeftClass {
  position: relative;
  float: left;
  width: calc(100% - 302px);
  min-height:40px;
  max-height:max-content;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  color: var(--mittelSchwarz);
}

.userExpertiseRowDownLeftAdminClass, .userSkillsRowDownLeftAdminClass {
  position: relative;
  width: calc(100% - 420px);
  min-height:40px;
  max-height:max-content;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  left: 20px;
}

.userExpertiseRowDownLeftAdminClass,.userExpertiseRowDownLeftClass{
 left: 45px !important;
}

.userExpertiseRowDownRightClass, .userSkillsRowDownRightClass {
  position: relative;
  float: left;
  width: 250px;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.userExpertiseRowDownRightAdminClass, .userSkillsRowDownRightAdminClass {
  position: relative;
  width: 320px;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.showSumDownClass{
  position: relative;
  width: 120px;
  height:30px;
  margin-left: 5px;
  text-align: left;
  border: solid 1px var(--transparent);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  }

.managerValueClass, .empValueClass{
  position: relative;
  width: 80px !important;
  height: 20px !important;
  margin-left: 10px;
}

.managerValueClass{
  cursor: pointer;
}

.managerValueExpertiseClass{
  cursor: pointer;
  width: 140px !important;
  max-width: max-content;
}

.empValueClass{
  max-width: max-content;
}

.empValueExpertiseClass{
  width: 140px !important;
}

.moneyCheckLogClass{
  position: absolute;
  width: 300px;
  height: max-content;
  min-height: 150px;
  max-height: 480px;
  border: solid 1px #000;
  left: 400px;
  top: 400px;
  z-index: 5;
  background-color: var(--loginHellblau);
  display: none;
}

.moneyCheckLogShowClass{
  position: absolute;
  width: 300px;
  height: 480px;
  border: solid 1px #000;
  left: 400px;
  top: 400px;
  z-index: 5;
  background-color: var(--loginHellblau);
  display: block;
}

.moneyCheckInTopClass{
  position: relative;
  width: 100%;
  height: 20px;
  border-bottom: solid 1px #000;
  font-size: var(--font-size-moduls6);
}

.moneyCheckInBottomClass{
  position: relative;
  width: 100%;
  height: calc(100% - 20px);
  overflow: auto;
}

.moneyLogTable{
  font-size: var(--font-size-moduls6);

}


/*  Hilfe Icons    */
.helpAll {
  position: absolute;
  top: 10px;
  left: 120px;
  width: max-content;
  height: 20px;
}

.helpAllAdmin {
  position: relative;
  min-width: 90px;
  width: max-content;
  height: 20px;
}

.helpAllExpert {
  position: absolute;
  top: 10px;
  left: 165px;
  width: max-content;
  height: 20px;
}

.helpAllAdminExpert {
  position: absolute;
  top: 10px;
  left: 335px;
  width: max-content;
  height: 20px;
}

.helpInfo {
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
  background-image: url(../ressources/icons/info.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.helpInfoHide {
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
  background-image: url(../ressources/icons/info-yellow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.helpInfoHideFactor {
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
  background-image: url(../ressources/icons/info-green.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.helpInfoHideManager {
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
  background-image: url(../ressources/icons/info-orange.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.helpPic {
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
  background-image: url(../ressources/icons/image.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.helpFiles,.helpFilesCert,.helpFilesPDF {
  position: relative;
  float: left;
  width: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image:url(../ressources/icons/folder.svg);
}


.helpFiles{
  height: 100%;
  }

.helpFilesCert,.helpFilesCertNo{
  height: 32px;
  background-image:url(../ressources/icons/certificate-file.svg) !important;
}

.helpFilesCertNo{
  height: 32px;
  width: 30px;
  background-image: none !important;
}

.helpFilesPDF,.helpFilesPDFNo{
  height: 32px;
  background-image:url(../ressources/icons/file-pdf.svg) !important;
}

.helpFilesPDFNo{
  height: 32px;
  width: 30px;
  background-image: none !important;
}

.maCertEndetClass{
  color: var(--errorRed);
  font-size: var(--font-size-moduls3);
  font-weight: bold;
  text-decoration: underline;
  padding-left: 30px;
  padding-bottom: 8px;
}

.certMultiArrow{
  position: relative;
  width: 15px;
  transform: rotate(-90deg);
  margin-right: 5px;
}

.certInfo{
  position: relative;
  width: 15px;
  margin-left: 10px;
}

.helpText {
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
  background-image:url(../ressources/icons/message.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.helpModul {
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
  background-image:url(../ressources/icons/module.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.helpTextSize{
  font-size: 0.9em !important;
}

.helpTextSize2{
  font-size: 0.8em !important;
}

.helpTextPadLeft{
  padding-left: 5px;
}

.helpTextStartClass{
  font-size: var(--font-size-moduls7);
}

.changeManagerShow{
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
  background-image:url(../ressources/icons/warning.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.changeFactorShow{
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
  background-image:url(../ressources/icons/calculator.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.changeManagerShowGroup{
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
  background-image:url(../ressources/icons/group.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.changeManagerNoShow{
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
  background-image:url(../ressources/icons/warning.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  visibility: hidden;
}

.placeholder{
  position: relative;
  width: 30px;
  float: left;
}

/*   Mitarbeiter und Mitarbeiter Admin  */
.userEmplRowDownInLeftAdminClass{
  position: relative;
  width: 185px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  color: var(--mainWeiss);
  font-weight: bold;
  padding: 5px;
}

.userEmplRowDownInRightAdminClass{
  position: relative;
  width: calc(100% - 200px);
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  color: var(--mainWeiss);
}

.userEmplRowDownInRightAdminCheckClass{
  position: relative;
  width: max-content;
  margin-right: 100px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  color: var(--mainWeiss);
}

.userEmplRowDownInRightAdmin2Class{
  position: relative;
  width: calc(100% - 400px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: left;
  color: var(--mainWeiss);
}

.userEmplRowDownInRightAdmin3Class{
  position: relative;
  width: 200px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
  color: var(--mainWeiss);
}

.userEmplRowDownInRightAdmin4Class{
  position: relative;
  width: calc(100% - 185px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: var(--mainWeiss);
}

.userEmplRowDownInRightAdmin5Class{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: var(--mainWeiss);
}

.miExtRightClass{
  position: relative;
  width: max-content;
  padding-left: 10px;
  padding-right: 10px;
  height: 100%;
}

.buttonBottomAllDiv,.buttonBottomAllDivNo{
  /*width: calc(100% - 10px); */
  width: 850px;
  text-align: right;
  margin-top: 5px;
  padding-right: 10px;
  height: 3em;
  display: block;
}

.buttonBottomAllDivNo{
  display: none !important;
}

/*  Textbox für Infos zu den Modulen  */
.textBoxClass,.textBoxDocuClass,.textBoxCertClass{
  position: absolute;
  width: max-content;
  min-width: 300px;
  max-width: 400px;
  min-height: 70px;
  height: max-content;
  max-height: 50%;
  border: solid 2px var(--skillRowBlau);
  background-color: var(--skillRowWeiss);
  z-index: 3002;
}

.textBoxDocuClass{
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.textBoxCertClass{
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -200%);
}

.textBoxInTopClass,.textBoxInTopClassError,.textBoxInTopBreakClass{
  position:relative;
  width: 100%;
  min-height: 25px;
  height: max-content;
  background-color: var(--skillRowHellblau);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.textBoxInTopBreakClass{
  flex-direction: column !important;
  padding-top: 3px;
  padding-bottom: 3px;
}

.textBoxInTopClassError{
  color: var(--errorRed) !important;
}

.textBoxInBottomClass{
  font-size: 0.8em;
  color: var(--skillRowBlau);
  padding: 5px;
  width: calc(100% - 10px);
  white-space: normal;
  max-height: 400px;
  overflow: auto;
}

.textBoxInBottomClassBlue{
  font-size: 0.8em;
  color: var(--mainWeiss) !important;
  padding: 5px;
  width: calc(100% - 10px);
  white-space: normal;
  max-height: 400px;
  overflow: auto;
  background-color: var(--skillRowBlau);
}

.textBoxInBottomClassOrange{
  font-size: 0.8em;
  color: var(--mainWeiss) !important;
  padding: 5px;
  width: calc(100% - 10px);
  white-space: normal;
  max-height: 400px;
  overflow: auto;
  background-color: var(--errorOrangewStat);
}

.textBoxInBottomClassRed{
  font-size: 0.8em;
  color: var(--mainWeiss) !important;
  padding: 6px;
  width: calc(100% - 10px);
  white-space: normal;
  max-height: 400px;
  overflow: auto;
  background-color: var(--errorRed);
}

.textBoxShowTextClass{
  border-top: solid 1px var(--skillRowBlau);
  padding-top: 5px;
}

/* Auswahlcontainer für Zahlen  */
.changeValueFieldNoClass{
  position: absolute;
  width: max-content;
  height: 13em;
  display: none;
}

.changeValueFieldClass{
  position: absolute;
  width: max-content;
  height: 13em;
  border: solid 2px var(--skillRowBlau);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 3100;
  background-color: var(--weiss);
  padding-top: 5px;
  padding-bottom: 5px;
}

.changeValueFieldDoubleClass{
  position: relative;
  width: 12em;
  height: 13em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3100;
  background-color: var(--weiss);
}


.changeValueFieldDoubleRightClass{
  position: relative;
  width: max-content;
  max-width: 18em;
  height: 13em;
  border-left: solid 2px var(--skillRowBlau);
  z-index: 3100;
  background-color: var(--weiss);
  overflow: auto;
  padding: 5px;
  display: block;
}

.changeValueFieldDoubleRightNoClass{
  position: relative;
  width: max-content;
  max-width: 18em;
  height: 13em;
  display: none;
}

.topAroundClass {
  position: relative;
  width: 100%;
  height: calc(100% - 4em);
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}

.bottomAroundClass{
  position: relative;
  width: 100%;
  height: 2em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.topAroundTextClass{
  position: relative;
  width: 100%;
  height: calc(100% - 4em);
  display: flex;
  flex-direction: column;
  justify-content: cen ter;
  align-items: left;
  margin-top: 10px;
  overflow: auto;
}

.changeValueFieldInClass{
  position: relative;
  width: 2em;
  height: 100%;
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.changeValueFieldTopClass{
  position: relative;
  width: 100%;
  height: 30%;
  background-image: url(../ressources/icons/plus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.changeValueFieldMiddleClass{
  position: relative;
  width: 100%;
  height: 40%;
}

.changeValueFieldBottomClass{
  position: relative;
  width: 100%;
  height: 30%;
  background-image: url(../ressources/icons/minus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position:center;
  cursor: pointer;
}

.selectChoiseValueField{
  position: relative;
  width: 100% !important;
  height: 100% !important;
  padding: 0px !important;
  text-align: center;
  background-color: var(--weiss) !important;
  border: solid 1px var(--skillRowBlau);
  font-size: 1em;
  color: var(--skillRowBlau);
}


/* Selectfeld für Auswahl des Wissensstandes */
.downModulSelClass {
  position: relative;
  width: 100px;
  margin: auto;
  border: solid 1px var(--skillRowBlau);
  background-color: var(--skillRowHellblau);
  cursor: pointer;
}

.downModulSelClass option {
  background-color:  var(--skillRowHellblau);
  border: none;
}

.showSelectClass {
  position: absolute;
  width: 100px;
  top: 10px;
  margin: auto;
  border: none;
  background-color: var(--selfSelectBack);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: center;
  overflow: hidden;
}

.showSelectAdminClass {
  position: relative;
  width: 100px;
  margin: auto;
  border: none;
  background-color: var(--selfSelectBack);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: center;
  overflow: hidden;
}

.showSelectClassExpert {
  position: absolute;
  width: 160px;
  min-width: max-content;
  top: 10px;
  margin: auto;
  border: none;
  background-color: var(--selfSelectBack);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: center;
  overflow: hidden;
}

.showSelectClassExpert2 {
  position: absolute;
  width: 160px;
  min-width: max-content;
  top: 10px;
  margin: auto;
  margin-left: 30px;
  border: none;
  background-color: var(--selfSelectBack);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: center;
  overflow: hidden;
}

.showSelectClass:hover {
  min-width: 100px;
  width: max-content;
}

.showSelectTopClass {
  position: relative;
  width: 100%;
  height: max-content;
  background-color: var(--selfSelectTop);
  color: var(--selfSelectTopColor);
  padding-top: 2px;
  padding-left: 10px;
  padding-bottom: 2px;
  font-size: var(--font-size-moduls4);
  white-space: nowrap;
}

.showSelectBottomClass {
  display: none;
}

.showSelectBottomClassActive {
  position: relative;
  width: 100%;
  height: max-content;
  background-color: var(--selfSelectBottom);
  color: var(--selfSelectOptionColor);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  font-size: var(--font-size-moduls4);
}

.optionClass {
  position: relative;
  width: calc(100% - 10px);
  height: max-content;
  background-color: var(--selfSelectTop);
  color: var(--selfSelectOptionColor);
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.optionClassActive {
  position: relative;
  width: calc(100% - 10px);
  height: max-content;
  background-color: var(--selfSelectOptionActive);
  color: var(--selfSelectOptionColor);
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;

}

.optionClass:hover {
  background-color: var(--selfSelectOptionHellgrau);
}

/*  eigenes Selectfeld allgemein  */
.showSelectAllClass {
  position: relative;
  width: 100%;
  margin: auto;
  border: solid 1px #000;
  background-color: var(--buttonHellblau);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: center;
  overflow: hidden;
}

.showSelectAllClass:hover {
  /*min-width: 100px;
  width: max-content;*/
}

.showSelectAllTopClass {
  position: relative;
  width: 100%;
  height: max-content;
  background-color: var(--buttonHellblau);
  color: var(--schwarz);

  padding-left: 10px;
  padding-bottom: 2px;
  padding-top: 2px;
  font-size: var(--font-size-moduls5);
  white-space: nowrap;
}

.showSelectAllBottomClass {
  display: none;
}

.showSelectAllBottomClassActive {
  position: relative;
  width: 100%;
  height: max-content;
  background-color: var(--buttonHellblau);
  color: var(--schwarz);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  font-size: var(--font-size-moduls5);
}

.optionAllClass {
  position: relative;
  width: calc(100% - 10px);
  height: max-content;
  background-color: var(--selfSelectTop);
  color: var(--schwarz);
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.optionAllClassActive {
  position: relative;
  width: calc(100% - 10px);
  height: max-content;
  background-color: var(--selfSelectOptionActive);
  color: var(--schwarz);
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.optionAllClass:hover {
  background-color: var(--selfSelectOptionHover);
}

.showPicQuartSelOutClass{
  position: relative;
  float: left;
  width: 98px;
  height: 1.2em;
}

.showPicYearSelOutClass{
  position: relative;
  float: left;
  width: 65px;
  margin-left: 5px;
  height: 1.2em;
}

.showPicTextClass{
  position: relative;
  float: left;
  width: max-content;
  height: 1.2em;
  margin-right: 5px;
}

/* Zahleneingabefeld für Mitarbeiter Fähigkeiten und Kenntnisse */
.showIntChoiseClass {
  position: relative;
  width: 80px;
  height: 1.7em;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.showIntChoiseLeftClass {
  position: relative;
  float: left;
  width: 40px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.showIntChoiseLeftLeftClass {
  position: relative;
  float: left;
  width: 20px;
  height: 100%;
  background-image: url(../ressources/icons/chevron-up.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  cursor: pointer;
}

.showIntChoiseLeftRightClass {
  position: relative;
  float: left;
  width: 20px;
  height: 100%;
  background-image: url(../ressources/icons/chevrons-up.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.showIntChoiseMiddleClass {
  position: relative;
  float: left;
  width: 55px;
  height: 100%;
  padding-left: 2px;
  padding-right: 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.showIntChoiseRightClass {
  position: relative;
  float: left;
  margin-left: -2px;
  width: 20px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-image: url(../ressources/icons/refresh.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 5px;
  cursor: pointer;
}

.showIntChoiseRightClassVoid {
  position: relative;
  float: left;
  margin-left: -2px;
  width: 20px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 5px;
  cursor: pointer;
}

.showIntChoiseRightLeftClass {
  position: relative;
  float: left;
  width: 20px;
  height: 100%;
  background-image: url(../ressources/icons/chevrons-down.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.showIntChoiseRightRightClass {
  position: relative;
  float: left;
  width: 20px;
  height: 100%;
  background-image: url(../ressources/icons/chevron-down-blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  cursor: pointer;
}

.showIntChoiseFieldClass {
  width: 100% !important;
  height: 1.6em !important;
}

.showIntChoiseFieldRedClass{
  width: 100% !important;
  height: 1.6em !important;
  border: solid 3px var(--errorRed) !important;
}

.showIntChoiseFieldRedClassInactive{
  width: 100% !important;
  height: 1.6em !important;
  border: solid 3px var(--errorRed) !important;
  background-color: var(--errorRed2) !important;
  color: var(--weiss) !important;
  cursor: pointer;
}

.managerValueIntClass{
  width: 80px !important;
  height: 1.6em !important;
  margin-left: 10px;
}

.managerValueIntClassEx{
  width: 80px !important;
  height: 2.0em !important;
  margin-left: 0px;
}

.middleAround {
  width: 90%;
  text-align: center;
  height: max-content;
  font-size: 0.8em;
  color: var(--buttonBlau)!important;
  }

/*   Texteingabe    */
.picSelSendTextClass{
  position: relative;
  float: left;
  width: max-content;
  height: 1.55em;
  font-size: var(--font-size-moduls5)!important;
  top: 0px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 5px;
  padding-right: 5px;
  left: 12px;
  background-color: var(--skillRowHellblau)!important;
}

.picSelSendNewClass{
  position: relative;
  float: left;
  width: max-content;
  height: 1.55em;
  font-size: var(--font-size-moduls5)!important;
  top: 0px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 5px;
  padding-right: 5px;
  left: 10px;
  background-color: var(--skillRowHellblau)!important;
}


.picSelSendTextClass:hover, .picSelSendNewClass:hover{
  background-color: var(--buttonBlau)!important;
  color: var(--weiss);
}

.userSelfTextClass{
  position: relative;
  width: 98%;
  height: 5em;
  font-size: var(--font-size-moduls2)!important;
}

.fieldSetText{
  position: relative;
  width: calc(100% - 32px);
  height: 6.5em;
  text-align: center;
  font-size: var(--font-size-moduls6)!important;
  border-radius: 8px;
  border-color: var(--buttonBlau);
  color: var(--buttonBlau);
  margin-bottom: 5px;
}

.fieldSetStat{
  position: relative;
  width: max-content;
  height: max-content;
  border-radius: 5px;
  border-width: 2px;
  border-color: var(--buttonBlau);
  color: var(--buttonBlau);
  padding: 5px;
}

.fieldSetCert{
  position: relative;
  width: calc(100% - 10px);
  height: max-content;
  min-height: 6em;
  max-height: 28em;
  border-radius: 5px;
  border-width: 2px;
  border-color: var(--buttonBlau);
  color: var(--schwarz);
  padding: 5px;
  background-color: var(--buttonHellblau);
  overflow: auto;

}

/*  Admin, Manager, QM  */
/* skillsEmployees */
.modulChoiseEmployeesOutClass{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: left;
  z-index: 2;
  /*overflow: auto;  */
  overflow-y: hidden;
}

.statTopName{
  position: relative;
  width: max-content;
  height: max-content;
  left: 0px;
  top: 0px;
  border: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.modulChoiseEmployeesClass, .modulChoiseEmployeesClassSelect{
  position: relative;
  width: max-content;
  height: max-content;
  left: 10px;
  top: 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.modulChoiseEmployeesClassSelect{
  width: 67.9em !important;
}

.modulChoiseEmployeesWidthClass{
  width: 57em;
}

.modulChoiseEmployeesWidthClass2{
  width: 60em;
}

.modulChoiseEmployeesActClass{
  position: relative;
  width: 13em;
  height: 1.6em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--buttonBlau);
  color: var(--mainWeiss);
}

.modulChoiseEmployeesActTextClass{
  position: relative;
  width: 13em;
  height: 1.6em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*margin-top: 0.1em;  */
  background-color: var(--buttonBlau);
  color: var(--mainWeiss);
}

.modulChoiseEmployeesHighClass {
  height: 3.2em;
}

.modulChoiseEmployeesNewClass{
  position: relative;
  width: 11em;
  height: 3.2em;
  left: 0px;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*margin-left: 1em;*/
  background-color: var(--buttonLichtblau);
  cursor: pointer;
}

.modulChoiseEmployeesNewClass2{
  position: relative;
  width: 12em;
  height: 3.2em;
  left: 0px;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*margin-left: 1em; */
  background-color: var(--errorGreenStat);
  cursor: pointer;
}

.modulChoiseEmployeesCSV_Class{
  position: relative;
  width: 11em;
  height: 3.2em;
  left: 0px;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*margin-left: 1em;*/
  background-color: var(--errorGreenStat);
  cursor: pointer;
  visibility: hidden;
}

.modulChoiseEmployeesCSVShowClass{
  position: relative;
  width: max-content;
  height: 1em;
  left: 0px;
  top: 0px;
  margin-top: 0.5em;
  background-color: var(--transparent);
}

.modulChoiseSkillsCSVShowClass{
  position: relative;
  width: max-content;
  height: 1em;
  left: 0px;
  top: 0px;
  margin-top: 0.5em;
  background-color: var(--transparent);
}

.modulChoiseSkillsDateShowClass{
  position: relative;
  width: max-content;
  height: 2em;
  left: 0px;
  top: 0px;
  margin-top: 0.5em;
  background-color: var(--transparent);
}

.modulPrintEmploeesDataClass{
  position: relative;
  width: 68.2em;
  min-height: 6.5em;
  left: 0px;
  top: 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 0.5em;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  /*padding: 0.5em;
  border: solid 2px var(--buttonBlau);*/
}

.printQuarterField{
  position: relative;
  width: 100%;
  height: calc(100% - 32px);
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-top: 0.8em;
  padding: 0.3em;
  padding-bottom: 0.8em;
  border: solid 2px var(--buttonBlau);
  font-size: var(--font-size-moduls5) !important;
}

.printQuarterFieldLegend{
  font-size: var(--font-size-moduls5) !important;
}

.pastPDF_Field{
  position: relative;
  width: calc(100% - 27px);
  height: max-content;
  font-size: var(--font-size-moduls6);
  margin-bottom: 5px;
}

.tableCellPDF{
  border: solid 1px var(--schwarz);
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: var(--font-size-Cell);
  font-weight: bold;
}

.modulChoiseEmployeesDataClass{
  position: relative;
  width: max-content;
  height: 100%;
  left: 0px;
  top: 0px;
  margin-top: 1em;
  background-color: var(--transparent);

}

.modulChoiseEmploeesContClass{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--transparent);
  z-index: 3;
}

.modulChoiseEmploeesContClassNo{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--transparent);
  display: none;
}

.modulChoiseEmploeesContCertClass{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--mainWeiss);
  z-index: 26;
}

.modulChoiseEmploeesContCertClassNo{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--transparent);
  display: none;
}

.modulChoiseEmploeesContDataClass{
  position: relative;
  width: 30em;
  height: max-content;
  min-height: 250px;
  max-height: 80%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  margin-top: 40px;
  overflow: auto;
  background-color: var(--buttonLichtblau);
  z-index: 3;
}

.modulChoiseEmploeesContDataCertClass{
  position: relative;
  width: 30em;
  height: max-content;
  min-height: 250px;
  max-height: 80%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  margin-top: 40px;
  overflow: auto;
  background-color: var(--buttonLichtblau);
  opacity: 1;
  z-index: 4;
}

.modulChoiseEmploeesContDataSelectClass{
  position: relative;
  width: 25em;
  height: max-content;
  padding: 1px;
  margin-bottom: 2px;
  background-color: var(--transparent);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.modulChoiseEmploeesLeftClass{
  position: relative;
  width: 17em;
  height: 3em;
  padding: 0px;
  margin: 0px;
  background-color: var(--buttonHellblau);
  color: var(--buttonBlau);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.modulChoiseEmploeesLeftProbeClass{
  position: relative;
  width: 17em;
  height: 3em;
  padding: 0px;
  margin: 0px;
  background-color: var(--errorYellowStat);
  color: var(--buttonBlau);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.modulChoiseEmploeesLeftDeleteClass{
  position: relative;
  width: 17em;
  height: 3em;
  padding: 0px;
  margin: 0px;
  background-color: var(--errorRed);
  color: var(--mainWeiss);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.modulChoiseEmploeesLeftNoStatClass{
  position: relative;
  width: 17em;
  height: 3em;
  padding: 0px;
  margin: 0px;
  background-color: var(--errorOrangewStat);
  color: var(--buttonBlau);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.modulChoiseEmploeesLeftInactiveClass{
  position: relative;
  width: 17em;
  height: 3em;
  padding: 0px;
  margin: 0px;
  background-color: var(--userInactive);
  color: var(--buttonBlau);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.modulChoiseEmploeesRightClass{
  position: relative;
  width: 7.5em;
  height: 3em;
  padding: 0px;
  margin-left: 0.5em;
  background-color: var(--buttonHellblau);
  color: var(--buttonBlau);
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.closeDivButClass{
  position: relative;
  width: 30em;
  height: 2em;
  background-color: var(--buttonHellblau);
  color: var(--buttonBlau);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: auto;
  margin-top: 5px;
  border: solid 1px var(--buttonBlau);
  font-weight: bold;
}

/*  Mitarbeiter direkt, Mitarbeiter admin */
.miTextClass{
  position: relative;
  width: 48em;
  height: 3em;
  color: var(--buttonBlau);
}

.miRollSelClass{
  position: relative;
  width: 15em;
  height: 2.3em;
  border: solid 1px var(--buttonBlau);
}

.miRollSelClassHeight{
  position: relative;
  width: 15em;
  height: 2.3em;
  max-height: 15em;
  border: solid 1px var(--buttonBlau);
}

.statSelClass{
  position: relative;
  width: 14em;
  height: 3.50em;
  border: solid 1px var(--buttonBlau);
  /*margin-right: 5px;*/
}

.statSelClassQuarter{
  position: relative;
  width: 11em;
  height: 1.5em;
  border: solid 1px var(--buttonBlau);
}

.countrySelClass{
  position: relative;
  width: 100%;
  height: 1.9em;
  border: solid 1px var(--buttonBlau);
  background-color: var(--buttonDarkWhite1);
}

.miSaveButtonClass{
  margin-right: 5px;
  cursor: pointer;
}

.miSaveButtonClass2{
  margin-right: 20px;
  cursor: pointer;
}

.bigCheck{
  transform: scale(2);
}

.spaceClass{
  height: 2em !important;
}

.spaceClass2{
  height: 0.6em !important;
}

.spaceClass3{
  height: 1em !important;
}

.spaceClass4{
  height: 0.3em !important;
}

.helpChangeAdmin{
  position: absolute;
  right: 2px;
  top: 2px;
  width: 10px;
  height: 10px;
  cursor: help !important;
  background-color: var(--errorRed);
}

.helpChangeAdminInt{
  position: absolute;
  right: 25px;
  top: 0px;
  width: 10px;
  height: 10px;
  cursor: help !important;
  background-color: var(--errorRed);
}

.helpChangeAdminText{
  position: absolute;
  right: -120px;
  top: -20px;
  width: 200px;
  height: 100px;
  background-color: var(--weiss);
  border-color: var(--buttonHellblau);
  color: var(--schwarz);
  z-index: 10000 !important;
}

.helpChangeAdminSkill{
  position: absolute;
  right: 109px;
  top: 2px;
  width: 10px;
  height: 10px;
  cursor: help !important;
  background-color: var(--errorRed);
}

.helpChangeAdminSkillInt{
  position: absolute;
  right: 143px;
  top: 0px;
  width: 10px;
  height: 10px;
  cursor: help !important;
  background-color: var(--errorRed);
}

.helpChangeAdminSkillIntEx{
  position: absolute;
  right: 143px;
  top: 0px;
  width: 10px;
  height: 10px;
  cursor: help !important;
  background-color: var(--errorRed);
}

/*       Statistiken           */
.allStatistikOutClass{
  position: relative;
  min-width: 1410px;
  width: initial;
  border: none;
  height: 100%;
  max-height: calc(100% - 15em);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: flex-start;
}

.allStatistikLeftClass{
  position: relative;
  width: 100%;
  height: 100%;
  /*max-height: 1040px;*/
  background-color: solid 1px var(--mainWeiss);
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-content: center;
  overflow: auto;
}

.allStatistikLeftFieldClass{
  position: relative; width: 48%;
  left: 10px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
  }

.allStatistikRightClass{
  position: relative;
  width: 48%;
  height: 100%;
 /*   max-height: 1040px;*/
  background-color: var(--mainWeiss);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  overflow: auto;
}

.userSkillsRowStatistikClass, .userSkillsRowStatistikClassTop{
  position: relative;
  width: 100%;
  min-height: 1.4em;
  max-height: max-content;
  background-color: var(--skillRowBlau);
  margin-bottom: 0.2em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.userSkillsRowLeftStatistikClass{
  position: relative;
  float: left;
  width: calc(100% - 125px);
  max-width: 740px;
  height: 100%;
  background-color: var(--transparent);
  color: var(--mainWeiss);
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-left: 5px;
  font-size: 0.9em;
  overflow-x: auto;
}

.userSkillsRowRightStatistikClass{
  position: relative;
  float: right;
  width: 125px;
  background-color: var(--transparent);
  color: var(--mainWeiss);
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
  padding-right: 10px;
  font-size: 0.9em;
}

.userSkillsRowRightStatistikClassTop{
  position: relative;
  float: right;
  width: 340px;
  background-color: var(--transparent);
  color: var(--mainWeiss);
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
  font-size: 0.9em;
}

.userExpertiseRowLeftStatistikClass{
  position: relative;
  float: left;
  width: calc(100% - 185px);
  max-width: 740px;
  height: 100%;
  background-color: var(--transparent);
  color: var(--mainWeiss);
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-left: 5px;
  font-size: 0.9em;
  overflow-x: auto;
  top: 0.5em;
}

.userExpertiseRowRightStatistikClass{
  position: relative;
  float: right;
  width: 180px;
  background-color: var(--transparent);
  color: var(--mainWeiss);
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
  padding-right: 10px;
  font-size: 0.9em;
}

.userSkillsRowLeftStatistikHeadClass{
  position: relative;
  float: left;
  min-width: 320px;
  width: 100%;
  height: 2em;
  background-color: var(--transparent);
  color: var(--mainWeiss);
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-left: 5px;
  font-size: 0.9em;
  font-weight: bold;
}

.showSumDownStatistikClass, .showSumDownStatistikClassTop{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: var(--font-size-moduls4);
  }

.showSumDownExpertStatistikClass{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  }

.statSelDayClass{
  position: relative;
  width: 3.5em;
  height: 1.5em;
  border: solid 1px var(--buttonBlau);
}

.statSelYearClass{
  position: relative;
  width: 5em;
  height: 1.5em;
  border: solid 1px var(--buttonBlau);
}

.statSelDayClass2{
  position: relative;
  width: 3.5em;
  height: 1.35em;
  margin-top: 2px;
  border: solid 1px var(--buttonBlau);
}

.statSelYearClass2{
  position: relative;
  width: 5em;
  height: 1.35em;
  margin-top: 2px;
  border: solid 1px var(--buttonBlau);
}

.statSelQuarterClass{
  position: relative;
  width: 8em;
  height: 1.55em;
  border: solid 1px var(--buttonBlau);
}

.statSelQuarter2Class {
  position: relative;
  width: 7.5em;
  height: 1.55em;
  border: solid 1px var(--buttonBlau);
}

.statSelQuarter3Class{
  position: relative;
  width: 7.5em;
  height: 1.45em;
  border: solid 1px var(--buttonBlau);
}

.statSelQuarter3Class{
  margin-top: 2px;
}

.statAdminSelQuarterClass{
  position: relative;
  width: 8em;
  height: 1.67em;
  border: solid 1px var(--buttonBlau);
}

.adminSkillChoiseDateTopClass{
  position: relative;
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  margin-top: 5px;
  margin-left: 10px;
  visibility: hidden;
}

.statSelDayClass2, .statSelYearClass2, .statSelQuarter2Class, .statSelQuarter3Class{
  font-size: var(--font-size-moduls6) !important;
}

.selSetTime{
  font-size: var(--font-size-moduls6) !important;
  height: 1.6em !important;
}

.sendQuarterButton{
  cursor: pointer;
  background-color: var(--buttonLichtblau) !important;
  border-color: var(--buttonLichtblau) !important;
  font-size: var(--font-size-moduls4) !important;
  margin-top: 2px;
  height: 3.7em;
}

.printHelpTextClass{
  position: relative;
  font-size: 0.77em;
  width: 88.3em;
  height: 1.2em;
  left: 10px;
  top: 10px;
  background-color: var(--errorRed);
  color: var(--weiss);
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
}

.innerSkillTop{
  width: 100%;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: var(--font-size-moduls4);
}

/*   große Statistik    */
.allStatistikOutAllClass{
  position: relative;
  max-width: 100%;
  border: none;
  height: calc(100% - 112px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
}

.allStatistikOut2Class{
  position: relative;
  width: 100%;
  max-width: 1850px;
  min-width: max-content;
  border: none;
  height: max-content;
}

.allStatistikOutTopClass{
  position: relative;
  width: 100%;
  min-width: max-content;
  max-width: 1850px;
  border: none;
  height: max-content;
}

.allStatistikInAllClass{
  position: relative;
  width: max-content;
  max-width: 100%;
  border: none;
  height: max-content;
  padding-right: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-content: center;
}


.allStatistikInLeftClass, .allStatistikInLeftClassSum, .allStatistikInSkillClass{
  position: relative;
  width: 300px;
  border: none;
  height: max-content;
  overflow: hidden;
  display: flex;
  padding-left: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--schwarz);
  background-color: var(--buttonLichtblau);
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-content: center;
  font-size: 0.8em;
}

.allStatistikInSkillClass{
  border-bottom: none;
  min-height: 30px;
}

.allStatistikInLeftClassSum{
  width: 290px !important;
  justify-content: right !important;
  padding-right: 10px;
}

.allStatistikInLeftClassSpace{
  position: relative;
  width: 300px;
  border: none;
  height: 18px;
  overflow: hidden;
  padding-left: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.8em;
}

.allStatistikNoBackLeftClass{
  position: relative;
  width: 300px;
  border: none;
  height: max-content;
  overflow: hidden;
  display: flex;
  padding-left: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: var(--transparent);
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: left;
}

.allStatistikInRightClass{
  position: relative;
  width: calc(100% - 300px);
  border: none;
  overflow: hidden;
  display: flex;
  padding-left: 5px;
  flex-direction: row;
  justify-content: left;
  align-content: center;
}

.allStatistikInRightTopClass{
  position: relative;
  width: calc(100% - 300px);
  height: max-content;
  border: none;
  overflow: hidden;
  padding-left: 5px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-content: center;
}

.allStatistikInRightTopClassDeg{
  position: relative;
  width: calc(100% - 300px);
  border: none;
  overflow: hidden;
  padding-left: 5px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-content: center;
  height: 105px;
}

.statistikTopSpaceClass{
  position: relative;
  width: 90%;
  border: none;
  height: 5px;

}

.allStatistikInRight3FieldsClass, .allStatistikInRight3FieldsFirstClass, .allStatistikInRight3FieldsEndClass, .allStatistikInRight3FieldsTopEndClassAdmin,
.allStatistikInRight3FieldsFirstTopClass, .allStatistikInRight3FieldsTopEndClass, .allStatistikInRight3FieldsFirstClassSUM,
.allStatistikInRight3FieldsEndClassSUM, .allStatistikInRight3FieldsFirstTopClassSUM, .allStatistikInRight3FieldsTopEndClassSUM{
  position: relative;
  width: 70px;
 /* height: 100%;*/
  margin-right: 8px !important;
  border-left: 2px solid var(--schwarz);
  border-right: 2px solid var(--schwarz);
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-content: center;
  font-size: 0.8em;
}

.allStatistikInRight3FieldsTopClass, .allStatistikInRight1FieldsSecondNameClass{
  position: relative;
  width: 70px;
  height: 100%;
  margin-right: 8px !important;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-content: center;
  font-size: 0.8em;
  border-left: solid 2px var(--buttonLichtblau);
  border-right: solid 2px var(--buttonLichtblau);
}

.allStatistikInRight1FieldsSecondNameClass {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  }

.allStatistikInRight3FieldsTopClass_noVisibleMargin{
  position: relative;
  width: 68px;
  height: calc(100% - 8px);
  margin-right: 8px !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  font-size: 0.8em;
  padding-top: 4px;
  padding-left: 1px;
  padding-right: 1px;
  border-left: solid 2px var(--transparent);
  border-right: solid 2px var(--transparent);
}

/*.allStatistikInRight3FieldsTopClass_noVisibleMargin{
  border-left: solid 2px var(--transparent);
  border-right: solid 2px var(--transparent);
}*/

.allStatistikInRight1FieldsTopClass{
  position: relative;
  width: 64px;
  height: 100%;
  margin-right: 8px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  font-size: 0.8em;
}

.allStatistikInRight1FieldsTopClassAdmin{
  position: relative;
  width: 68px;
  height: calc(100% - 4px);
  margin-right: 8px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  font-size: 0.8em;
  /*border-left: 2px solid var(--buttonHellblau);
  border-right: 2px solid var(--buttonHellblau);*/
  border-left: 2px solid var(--buttonHellblau);
  border-top: 2px solid var(--buttonHellblau);
  border-bottom: 2px solid var(--buttonHellblau);
  border-right: 2px solid var(--buttonHellblau);
  padding-left: 2px;
}

.allStatistikInRight1FieldsTopClassEvenAdmin{
  position: relative;
  width: 68px;
  height: calc(100% - 4px);
  margin-right: 8px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  font-size: 0.8em;
  /*border-left: 2px solid var(--buttonHellblau);
  border-right: 2px solid var(--buttonHellblau);*/
  border: 2px solid var(--statistikDunkelBlau);
  padding-left: 2px;
}

.allStatistikInRight3FieldsClass{
  border-top: 1px solid var(--schwarz);
}

.allStatistikInRight3FieldsFirstClass{
  border-top: 2px solid var(--schwarz);
}

.allStatistikInRight3FieldsFirstClassSUM{
  justify-content: center !important;
  border-top: 2px solid var(--schwarz);
  padding-top: 3px;
  height: calc(100% - 3px) !important;
}

.allStatistikInRight3FieldsEndClass{
  border-top: 1px solid var(--schwarz);
  border-bottom: 2px solid var(--schwarz);
  height: calc(100% - 3px) !important;
}

.allStatistikInRight3FieldsEndClassSUM{
  justify-content: center !important;
  border-top: 2px solid var(--schwarz);
  border-bottom: 2px solid var(--schwarz);
  height: calc(100% - 7px) !important;
  padding-top: 3px;
}

.allStatistikInRight3FieldsTopEndClass{
  background-color: var(--weiss);
  border-top: 2px solid var(--schwarz);
  border-bottom: 2px solid var(--schwarz);
  height: calc(100% - 4px) !important;
}

.allStatistikInRight3FieldsTopEndClassAdmin{
  background-color: var(--weiss);
  border-top: 2px solid var(--schwarz);
  border-bottom: 2px solid var(--schwarz);
  height: calc(100% - 4px) !important;
  padding-top: 2px;
  padding-bottom: 2px;
 /* width: 68px !important;  */
}

.allStatistikInMarginClass{
  margin-right: 5px;
}

.allStatistikInMarginEndClass{
  margin-right: 0px;
}

.allStatistikInMarginAllEndClass{
  border-left: 1px solid var(--schwarz) !important;
  border-right: 1px solid var(--schwarz) !important;
}

.allStatistikInBackEvenClass{
  background-color: var(--buttonHellblau);
}

.allStatistikInBackOddClass{
  background-color: var(--buttonMinBlau);
}

.allStatistikInBackMainClass{
  background-color: var(--buttonLichtblau);
}

.allStatistikInBackTransClass{
  background-color: var(--transparent);
}

.allStatistikInBackMainClass2{
  background-color: var(--buttonHellblau);
}

.allStatistikInBackMainClass3{
  background-color: var(--buttonLichtblau);
}

.allStatistikInBackMainClass4{
  color: var(--statistikDunkelBlau);
  white-space: nowrap;
  overflow: auto;
}



.allStatistikInRight3FieldsFirstTopClass{
  border-top: 2px solid var(--schwarz);
  height: 155px !important;
  overflow: auto;
  background-color: var(--weiss);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}

.allStatistikInRight3FieldsFirstTopClassAdmin{
  border-top: 2px solid var(--schwarz);
  height: 155px !important;
  overflow: auto;
  background-color: var(--weiss);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  width: 70px !important;
}

.allStatistikInRight3FieldsFirstTopClassSUM{
  border: none !important;
  background-color: var(--transparent) !important;
}

.allStatistikInRight3FieldsTopEndClassSUM{
  border: 2px solid var(--schwarz) !important;
  background-color: var(--weiss) !important;
  justify-content: center !important;
  align-items: center;
  /*padding-top: 4px; */
}

.statistikExt{
  justify-content: center !important;
  height: calc(100% - 4px) !important;
  padding-top: 4px !important;
  background-color: var(--weiss) !important;
}

.statistikExt2{
  height: calc(100% - 7px) !important;
}

.statistikExt3{
  justify-content: center !important;
  height: 100% !important;
}

.statExpBigOut{
  position: relative;
  width: 180px;
  height: max-content;
  background-color: var(--transparent);
  display: flex; flex-direction: column;
  justify-content: space-between;
  align-content: center;
  padding: 3px;
}

.statExpBigIn3{
  position: relative;
  width: 100%;
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  background-color: var(--transparent);
}

.statExpBigInRow5, .statExpBigInRow5Middle{
  position: relative;
  width: 15%;
  height: 22px;
  border: solid 1px #000;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: var(--font-size-moduls5);
  background-color: var(--weiss) !important;
}

.statExpBigInRow5Middle{
  font-weight: bold;
  font-size: var(--font-size-moduls5);
}

.statExpBigIn1{
  position: relative;
  width: 20%;
  height: 22px;
  border: solid 1px #000;
  color: #000000;
  background-color: var(--weiss) !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size-moduls5);
}

.statExpBigInNo{
  position: relative;
  width: 20%;
  height: 22px;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
  text-align: center;
  background-color: var(--transparent);
}

.showSumExp{
  position: relative;
  width: max-content;
  min-height: 40px;
  height: max-content;
  font-size: var(--font-size-moduls3);
  font-weight: bold;
  top: 10px;
  left: 10px;
}

.userSkillsRowLeftStatistikClassSum{
  position: relative;
  float: left;
  width: calc(100% - 185px);
  max-width: 740px;
  height: 100%;
  background-color: var(--transparent);
  color: var(--skillRowBlau);
}



/*   TOP schräg  */
.allStatistikInRight3FieldsFirstTopClassDeg {
  position: relative;
  border: 2px solid var(--schwarz);
  height: 49px !important;
  overflow: auto;
  background-color: var(--weiss);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: flex-end;
  transform: rotate(-45deg);
  left: -3px;
  top: 47px;
  width: 139px;
  margin-right: -61px !important;
}

.allStatistikInRight3FieldsFirstTopClassDegAdmin {
  position: relative;
  border: 2px solid var(--schwarz);
  height: 49px !important;
  overflow: auto;
  background-color: var(--weiss);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: flex-end;
  transform: rotate(-45deg);
  left: -3px;
  top: 47px;
  width: 140px;
  margin-right: -62px !important;
}

.tableTopDeg{
  width: 100%;
  font-size: 0.8em;
  text-align: right;
  /*color: var(--buttonBlau);  */
}

.adminSkillStatistikField, .adminSkillStatistikFieldTop, .adminSkillStatistikFieldBottom, .adminSkillStatistikFieldBottomRight{
  position: relative;
  width: 72px;
  height: calc(100% - 2px);
  margin-right: 8px !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-content: flex-end;
  font-size: 0.8em;
  text-align: right;
  background-color: var(--weiss)
}

.adminSkillStatistikFieldTop{
  justify-content: flex-start !important;
}

.adminSkillStatistikFieldBottom{
  justify-content: flex-end !important;
}

.adminSkillStatistikFieldBottomRight{
  margin-left: 1px;
}

.allStatistikInRight3FieldsFirstTopClass a {text-decoration: none;}
.allStatistikInRight3FieldsFirstTopClass a:link{text-decoration: none;}
.allStatistikInRight3FieldsFirstTopClass a:visited{text-decoration: none;}
.allStatistikInRight3FieldsFirstTopClass a:active{text-decoration: none;}
.allStatistikInRight3FieldsFirstTopClass a:hover{text-decoration: none;}

.allStatistikInRight1FieldClass{
  position: relative;
  width: calc(100% / 3);
  height: calc(100% - 2px);
  border: none;
  overflow: hidden;
  /*border-right: 1px solid var(--schwarz);  */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  padding-top: 2px;
}

.allStatistikInRight1FieldBottomClass{
  position: relative;
  width: calc(100% / 3);
  height: 100%;
  border: none;
  overflow: hidden;
  /*border-right: 1px solid var(--schwarz);  */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  /*align-content: center;*/
}

.allStatistikInRight1FieldEndClass{
  position: relative;
  width: calc(100% / 3);
  height: calc(100% - 4px);
  overflow: hidden;
  border-bottom: 2px solid var(--schwarz);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  padding-top: 2px;
}

.allStatistikInRight1FieldMiddleEndClass{
  position: relative;
  width: calc(100% / 3);
  height: calc(100% - 4px);
  overflow: hidden;
  border-bottom: 2px solid var(--schwarz);
  border-left: 1px solid var(--schwarz);
  border-right: 1px solid var(--schwarz);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  padding-top: 2px;
}

.statisticRed{
  background-color: var(--errorRedStat);
}

.statisticGreen{
  background-color: var(--errorGreenStat);
}

.statisticBlue{
  background-color: var(--buttonLichtblau);
}

.statisticWhite{
  background-color: var(--weiss);
}

.statisticRedText{
  color: var(--errorRedStat);
}

.statisticGreenText{
  color: var(--errorGreenStat);
}

.statisticBlueText{
  color: var(--errorBlueStat);
}

.statisticWhiteText{
  color: var(--weiss);
}

.statistikLightBlue{
  background-color: var(--buttonHellblau);
}

.statNorm{
  color: var(--schwarz);
  font-weight: bold;
}

.statDown{
  color: var(--errorRedStat);
  font-weight: bold;
}

.statUp{
  color: var(--errorGreenStat);
  font-weight: bold;
}

.legendTable1, .legendTable2, .legendTable3, .legendTable4{
  position: relative;
  width: 10px;
  height: max-content;
  white-space: nowrap;
  font-weight: bold;
  color: var(--schwarz);
}

.legendTable1{
 background-color: var(--transparent);
}

.legendTable2{
 background-color: var(--errorBlueStat);
}

.legendTable3{
 background-color: var(--errorGreenStat);
}

.legendTable4{
 background-color: var(--errorRedStat);
}

.legendTable5, .legendTable6{
  position: relative;
  height: max-content;
  white-space: nowrap;
  font-weight: normal;
  background-color: var(--transparent);
  color: var(--schwarz);
  padding-left: 2px;
  padding-right: 5px;
}

.legendTable5{
  width: 70px;
}

.legendTable6{
  width: 80px;
}

.allStatistikInMiddle1FieldClass{
  position: relative;
  width: calc(100% / 3);
  height: 100%;
  border: none;
  overflow: hidden;
  border-left: 1px solid var(--schwarz);
  border-right: 1px solid var(--schwarz);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  padding-top: 2px;
}

.statistikLegendClass{
  position:relative;
  width: 100%;
  height: max-content;
  color: var(--buttonBlau);
  font-size: 0.8em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
}

.statistikLegendTableClass{
  border: 1px solid var(--buttonBlau);
  padding-left: 10px;
  padding-right: 10px;
  background-color: var(--weiss);
}

.statistikBoldClass{
  font-weight: bold;
  color:var(--buttonBlau);
}

.statistikBoldClass2{
  font-weight: bold;
  color:var(--schwarz);
}

/*  menu admin  */
.adminMenuOut{
  position: relative;
  width: calc(100% - 50px);
 /* min-width: 1000px;*/
  height: calc(100% - 20px);
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: top;
  padding: 5px;
  border: none;
 /* overflow: auto; */
  /*overflow-x: hidden; */
}

.adminEmployeesOut{
  max-width: 60em;
  border: solid 1px var(--schwarz);
  position: relative;
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  border: none;
}

.adminEmployeesSumOut{
  max-width: 80em;
  border: solid 1px var(--schwarz);
  position: relative;
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  border: none;
}

.adminEmployeesInBottom{
  position: relative;
  width: 100%;
  height: calc(100% - 30px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  border: solid 1px var(--schwarz);
  margin-top: 2px;
  background-color: var(--weissTrans);
}

.adminEmployeesInTop, .adminEmployeesInTop2, .adminEmployeesInTop2_active{
  position: relative;
  width: calc(100% - 5px);
  height: 30px;
  background-color: var(--buttonLichtblau);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
}

.adminEmployeesInTop2{
  height: 1px !important;
}

.adminEmployeesInTop2_active{
  background-color: var(--weiss) !important;
  height: 30px !important;
}

.adminEmployeesInBottomBonus{
  position: relative;
  width: 100%;
  height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border: solid 1px var(--schwarz);
  margin-top: 2px;
  background-color: var(--weissTrans);
}

.adminEmployeesBonusTopClass{
  position: relative;
  width: calc(100% - 5px);
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 5px;
  margin-top: 10px;
}

.adminEmployeesBonusClass {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 15px;
  font-size: var(--font-size-moduls5);
  background-color: var(--weissTrans);
  overflow: auto;
}

.tdBonusHead{
  font-weight: bold;
  color: var(--schwarz);
  background-color: var(--buttonLichtblau);
  padding: 2px;
}

.tdBonusFirst{
  font-weight: normal;
  color: var(--schwarz);
  background-color: var(--buttonLichtblau);
  padding: 2px;
}

.tdBonus, .tdBonusSum{
  font-weight: normal;
  font-size: var(--font-size-moduls6);
  color: var(--schwarz);
  background-color: var(--buttonHellblau);
  padding: 2px;

}

.tdBonusVoid{
  font-weight: normal;
  color: var(--schwarz);
  background-color: var(--weiss);
  height: 10px;
}

.tdBonusHorVoid{
  font-weight: normal;
  color: var(--schwarz);
  background-color: var(--weiss);
  width: 5px;
}

.bonusText{
  font-weight: normal;
  width: 60px !important;
  height: 100%;
  border: none !important;
}

.bonusSalar{
  position: relative;
  width: 100%;
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  font-size: var(--font-size-moduls3);
  background-color: var(--weissTrans);
  overflow: auto;
}

.tdBonusSum{
  font-weight: bold;
}

.bonusButMonth, .bonusButMonthActive, .bonusButSave, .bonusButSave2, .bonusButSaveExcel{
  width: 90px !important;
}

.bonusButMonthActive {
  border-width: 2px !important;
}

.bonusButSave{
  margin-right: 5px;
  background-color: var(--buttonHellblau) !important;
}

.bonusButSave2{
  min-height: max-content;
  height: 25px;
  max-height: 25px;
}

.bonusButSaveExcel{
  width: 175px !important;
  margin-right: 5px;
}

.bonusRowOut{
  position: relative;
  width: 100%;
  height: max-content;
  border: none;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.bonusRowIn,.bonusRowInBlanco,.bonusRowInBlancoTop,.bonusRowInTop{
  position: relative;
  width: max-content;
  height: 2.7em;
  border: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.bonusRowInBlancoTop{
   height: 1.8em !important;
}

.bonusRowIn{
  height: 2.7em;
  margin-left: 5px;
}

.bonusRowInTop{
  height: 1.8em;
  margin-left: 5px;
}

.blancoFrame{
  border: solid 3px var(--fieldBackActive);
  margin-left: 5px;
  }

.bonusField,.bonusFieldEnd,.bonusFieldL,.bonusFieldR,.bonusFieldBottom,.bonusFieldRPic,.bonusFieldL2,.bonusFieldExtend {
  position: relative;
  height: calc(100% - 1px) !important;
  border-left: 1px solid var(--schwarz);
  border-bottom: 1px solid var(--schwarz);
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bonusField{
  height: calc(100% - 1px) !important;
}

.bonusFieldText,.bonusFieldTextR,.bonusFieldTextM,.bonusFieldTextL,.bonusFieldTextActive{
  position: relative;
  height: calc(100% - 1px) !important;
  width: calc(100% - 0.5em) !important;
  padding: 1px !important;
  margin: 1px !important;
  border: none !important;
  background-color: var(--weiss) !important;
  color: var(--statistikDunkelBlau) !important;
}

.bonusFieldTextR{
  text-align: right;

}

.bonusFieldText{
  text-align: right;

}

.bonusFieldTextM{
  text-align: center;
  font-weight: bold;
  color: var(--schwarz) !important;
}

.bonusFieldTextL{
 /* text-align: left;
  font-weight: bold;
  color: var(--schwarz) !important;
  height: calc(100% - 1px) !important;*/

  align-items: flex-start;
  padding-left: 8px;
  overflow-x: auto !important;
  overflow-y: hidden !important;

}

.bonusFieldTextActive{
 background-color: var(--fieldBackActive) !important;
 text-align: right;
}

.bonusFieldRPic{
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: calc(100% - 1px) !important;
}

.bonusFieldStart{
  height: 1.6em !important;
}

.bonusFieldEnd{
  border-right: 1px solid var(--schwarz);
}

.bonusFieldL{
  align-items: flex-start;
  padding-left: 2px;
}

.bonusFieldL2{
  align-items: flex-start;
  padding-left: 8px;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.bonusFieldR{
  align-items: flex-end;
}

.bonusFieldExtend{
 font-size: var(--font-size-moduls5);
}

.bonusFieldTop{
  border-top: 1px solid var(--schwarz);
  height: calc(100% - 2px) !important;
}

.bonusFieldWidth50{
  width: 50px;
}

.bonusFieldWidth80{
  width: 80px;
}

.bonusFieldWidth100{
  width: 100px;
}

.bonusFieldWidth150{
  width: 150px;
}

.bonusFieldWidth200{
  width: 200px;
}

.bonusFieldWidth200a{
  width: 194px;
}

.bonusFieldWidth250{
  width: 250px;
}

.bonusFieldBackBlue1{
  background-color: var(--buttonLichtblau);
}

.bonusFieldBackBlue2{
  background-color: var(--buttonHellblau);
}

.bonusFieldBackStr{
  background-color: var(--lichtgrau) !important;
}

.bonusFieldBold{
  font-weight: bold;
}

.bonusFieldRow{
  flex-direction: row !important;
}

.bonusSelectOut{
  position: relative;
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
}

.bonusSelectSave{
  position: relative;
  width: 100px;
  width: max-content;
  height: max-content;
  margin-right: 17px;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
}

.bonusMonthSelClass{
  position: relative;
  width:10em;
  height: 1.8em;
  border: solid 1px var(--buttonBlau);
}

.bonusYearSelClass{
  position: relative;
  width:5em;
  height: 1.8em;
  border: solid 1px var(--buttonBlau);
}

.bonusFontSize{
  font-size: var(--font-size-moduls5);
  height: 2.0em !important;
}

.showOK{
  font-weight: bold;
  color: var(--errorGreen);
}

.showNoOK{
  font-weight: bold;
  color: var(--errorRed);
}

.layerMain{
  position: relative;
  top: 2px;
  width: max-content;
  font-weight: bold;
  font-size: 0.95em;
  white-space: nowrap;
  cursor: pointer;
}

.bonusTopClass{
  font-size: var(--font-size-moduls6) !important;
}

.bonusTopClass2{
  font-size: var(--font-size-moduls6);
  padding-left: 25px;
  height: 29px;
  display: flex;
  flex-direction: row;
  justify-items: left;
  align-items: flex-end;
}

.bonusTopClass3{
  font-size: var(--font-size-moduls6) !important;
  margin-bottom: 20px;
}

.bonusTopClass4{
  font-size: var(--font-size-moduls6) !important;
  margin-bottom: 10px;
  margin-top: -5px;
}

.bonusTopClass2In{
  width: max-content;
  height: 1.2em;
  margin-right: 10px;
  display: flex;
  flex-direction: row;
  justify-items: left;
  align-items: center;
}

.bonusRefresh{
  height: 19px !important;
  font-size: var(--font-size-moduls6) !important;
  margin-top:2px !important;
  cursor: pointer;
 }

.bonusBlancoColor{
  background-color: var(--fieldBackActive);
}

.layerDown{
  position: relative;
  top: 2px;
  width: calc(100% - 50px);
  padding-right: 20px;
  font-weight: normal;
  font-size: 0.9em;
  white-space: wrap;
  cursor: pointer;
}

.layerMainActive{
  position: relative;
  top: 2px;
  width: max-content;
  font-weight: bold;
  font-size: 0.95em;
  white-space: nowrap;
  background-color: var(--loginLichtblau);
  cursor: pointer;
}

.layerDownActive{
  position: relative;
  top: 2px;
  width: calc(100% - 50px);
  padding-right: 20px;
  font-weight: normal;
  font-size: 0.9em;
  white-space: wrap;
  background-color: var(--loginHellblau);
  cursor: pointer;
}

.adminMenuInLeft, .adminMenuInLeft2, .employeesGroupsOutLeft{
  position: relative;
  width: max-content;
  max-width: 600px;
  min-width: 450px;
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: left;
  padding: 5px;
  border: solid 1px var(--schwarz);
  overflow: auto;
}

.adminMenuInLeft{
  /*overflow-x: hidden;  */
}

.adminMenuInMiddle, .adminEmployeesGroupsMiddleClass{
  position: relative;
  width: max-content;
  min-width: 430px;
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: left;
  padding: 5px;
  overflow: auto;
  margin-left: 20px;
}

.adminDataPraefix{
  position: relative;
  width: 95% !important;
  height: 1.5em !important;
  border-radius: 6px !important;
  border: 2px solid silver !important;
}

.adminMenuInMiddleIn, .adminMenuInMiddleInText{
  position: relative;
  /*width: max-content;*/
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

/*.adminMenuInMiddleIn2{
  position: relative;
  /*width: max-content;*//*
  height: max-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 10px;
}*/

.adminMenuInMiddleInText {
  width: 32em !important;
  font-size: var(--font-size-moduls7) !important;
  color: var(--errorRed);
  display: block;
}

.adminMenuInMiddleInTextHelp{
  width: 21em !important;
  font-size: var(--font-size-moduls5) !important;
  color: var(--buttonSchwarz);
  display: block;
}

.adminMenuInMiddleIn2{
  position: relative;
  width: calc(100% - 10px);
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}

.adminMenuInMiddleIn2Right{
  position: relative;
  width: 100%;
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}

.adminMenuInMiddleIn3{
  position: relative;
  width: calc(100% - 10px);
  height: max-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}

.adminMenuInRight, .adminEmployeesGroupsRightClass{
  position: relative;
  width: max-content;
  min-width: 200px;
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: left;
  padding: 5px;
  /*border: solid 1px var(--schwarz);*/
  overflow: auto;
  overflow-x: hidden;
  margin-left: 20px;
}

.saveAdminButtonClass {
  position: relative;
  width: max-content;
  height: 1.80em !important;
  border: solid 2px var(--buttonBlau);
  background-color: var(--buttonHellblau);
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-weight: normal;
  color: var(--buttonBlau);
  z-index: 25;
}

.saveAdminButtonClassNoShow {
  display: none;
  width: 0px;
}

.adminMenuText{
  position: relative;
  width: 100%;
  height: max-content;
  text-align: center;
  font-size: var(--font-size-moduls6);
  margin-bottom: 3px;
}

.adminMenuTextLeft, .adminMenuTextLeft2{
  position: relative;
  width: 100%;
  height: max-content;
  text-align: left;
  font-size: var(--font-size-moduls6);
  margin-bottom: 3px;
  padding-left: 5px;
}

.adminMenuTextLeft2{
  padding-left: 0px;
}

.adminDataText, .adminDataTextArea{
  height:1.8em;
  width: 28em !important;
  padding: 0px !important;
  padding-left: 3px !important;
  background-color: var(--mainWeiss) !important;
}

.adminDataTextArea{
  height: 3em;
  color: var(--loginBlau);
}

.adminDataTextShort{
  height:1.8em;
  width: 5em !important;
  margin-right: 5px;
  padding: 0px !important;
  background-color: var(--mainWeiss) !important;
}

.adminAreaText{
  position: relative;
  width: calc(100% - 15px);
  height: max-content;
  text-align: left;
  font-size: var(--font-size-moduls6);
  margin-bottom: 3px;
  font-size: var(--font-size-moduls5) !important;
}

.fieldsetModul{
  position: relative;
  width: calc(100% - 33px);
  border-color: var(--loginBlau);
  border-radius: 8px;
  padding-top: 10px;
}

.fieldsetModulLegend{
  font-size: var(--font-size-moduls6);
}

.miRollSelClass2{
  position: relative;
  width:100%;
  height: 2.3em;
  border: solid 1px var(--buttonBlau);
}

/* Gruppen und Stammdaten */
.adminEmployeesGroupsClass{
  position: relative;
  width: 60%;
  height: calc(100% - 0.6em);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;

}

.adminEmployeesGroupsMiddleClass{
  border: none !important;
  max-width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;

}

.adminEmployeesGroupsRightClass{
  border: none !important;
  max-width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;

}

.employeesGroupsOutLeft{
  border: none !important;
  width: 100% !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.employeesGroupsOutRight{
  /*border: none !important; */
  width: 30% !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right:3em;
  margin-left: 2em;
}

.employeesGroupsInLeft{
  position: relative;
  height: max-content;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: left;
  width: 70% !important;

}

.employeesGroupsOutFrame{
  position: relative;
  height: 115px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: left;

}

.employeesGroupsOutCheckFrame{
  position: relative;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: flex-start;

}

.checkClass{
  position: relative;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  margin-bottom: 20px;
}

.nameText{
  position: relative;
  height: 20px;
  font-size: var(--font-size-moduls5);
  margin-bottom: 5px;
}

.nameTextDouble{
  position: relative;
  height: 40px;
  font-size: var(--font-size-moduls5);
  margin-bottom: 5px;
}

.nameSelect{
  position: relative;
  height: max-content;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
}

.nameSelect2{
  position: relative;
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: center;
}

.employeesGroupDescFieldClass{
  position: relative;
  width: 17em;
  height: 4em;
}

.nameCheck{
  position: relative;
  font-size: var(--font-size-moduls5);
  width: max-content;
  height: max-content;
  margin-right: 10px;
}

.emplGroupsButtons{
  position: relative;
  width: 100%;
  height: 7em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: normal;
  margin-top: 1.5em;

}

.showGroupEplNames{
  position: relative;
  width: calc(100% - 10px);
  height: max-content;
  max-height: calc(100% - 8em);
  min-height: 10em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border: solid 1px #000;
  margin-bottom: 10px;
  overflow: auto;
}

.showGroupEplSendBut{
  width: calc(100% - 10px);
  cursor: pointer;
}

.emplGroupRow{
  position: relative;
  width: 100%;
  height: max-content;
}

.emplGroupRowTableClass{
  width: 100%;
}

.emplGroupRowTDleftClass{
  width: 30px;
  text-align: left;
}

.emplGroupRowTDrightClass{
  text-align: left;
}

.emplGroupInactive {
  background-color: var(--errorRedStat);
}

.emplGroupsNameText{
  width: 15.8em !important;
  margin-top: 5px;
}

.adminEvaluationOut,.adminEvaluationTopOut,.adminEvaluationTopOut2,.adminEvaluationTopOutClick,.adminEvaluationTopOutTrans,.adminEvaluationTopOutChoice,.adminEvaluationOutSearch{
  position: relative;
  min-width: 105em;
  width: 110em;
  height: calc(100% - 2em);
  min-height: 600px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: normal;
  padding-left: 10px;
}

.adminEvaluationTopOut2{
  position: absolute;
  top: 0px;
  height: calc(100% - 1.2em) !important;
  background-color: var(--weiss);
  z-index: 50;
}

.adminEvaluationOutSearch{
  height: calc(100% - 4em) !important;
}

.adminEvaluationOutLegend{
  position: relative;
  width: 75em;
  height: max-content;
  max-height: 1.5em;
  display: flex;
  flex-direction: row;
  justify-items: space-between;
  align-items: center;
  padding-left: 10px;
  margin-bottom: 5px;
}

.adminEvaluationOutLegendIn{
  position: relative;
  width: 360px;
  margin-right: 10px;
  padding: 5px;
  height: max-content;
  font-size: var(--font-size-moduls6);
}

.adminEvaluationOutLegendInL{
  position: relative;
  width: 300px;
  margin-right: 10px;
  padding: 5px;
  height: max-content;
  font-size: var(--font-size-moduls6);
}

.adminEvaluationTopOutChoice{
  width: 147em !important;
  position: absolute !important;
  top: 0px;
  background-color: var(--weiss);
  z-index: 30;
}

.adminEvaluationTopOutClick{
  position: absolute;
  top: 0px;
  background-color: transparent;
  z-index: 30;
}

.adminEvaluationLeft,.adminEvaluationLeft2,.adminEvaluationLeft3,.adminEvaluationTopLeft,.adminEvaluationTopLeftTwo,.adminEvaluationTopLeftWhite,.adminEvaluationTopLeftCert {
  position: relative;
  width: 34.9em;
  height: 99%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: var(--weissTrans);
}

.adminEvaluationTopLeftWhite{
  background-color: var(--weiss);
}

.adminEvaluationTopLeftTwo{
  width: 70em !important;
}

.adminEvaluationLeft2{
  width: 48em !important;
}

.adminEvaluationLeft3{
  width: 51em !important;
}


.adminEvaluationMiddle,.adminEvaluationTopMiddle,.adminEvaluationMiddleCert,.adminEvaluationMiddleCert2,.adminEvaluationTopMiddleExtern,.adminEvaluationTopMiddleCert {
  position: relative;
  width: 35em;
  height: 99%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: var(--weissTrans);
}

/*.adminEvaluationTopMiddle{
  width: 85em;
  position: absolute !important;
  top: 0px;
  margin-left: calc((100% - 85em) / 2);
}*/

.adminEvaluationMiddleCert,.adminEvaluationMiddleCert2{
  margin-left: 5px;
}

.adminEvaluationMiddleCert2{
  width: 36em !important ;
}

.adminEvaluationTopMiddleExtern{
  background-color: var(--transparent) !important;
  width: 35.8em;
}

.adminEvaluationRight,.adminEvaluationTopRight,.adminEvaluationTopRight2,.adminEvaluationRightCert,.adminEvaluationTopRightWhite,.adminEvaluationTopRightWhite2,.adminEvaluationTopRightCert {
  position: relative;
  width: 39em;
  height: 99%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: var(--weissTrans);
}

.adminEvaluationTopLeftCert,.adminEvaluationTopRightCert{
  width: 20em;
}

.adminEvaluationTopMiddleCert{
  width: 58em;
}

.adminEvaluationTopRight2{
  margin-left: 12px;
}

.adminEvaluationTopRightWhite,.adminEvaluationTopRightWhite2{
  background-color: var(--weiss);
}

.adminEvaluationTopRightWhite2{
  margin-left: 16px;
}

.adminEvaluationRightCert{
  margin-left: 5px;
}

.adminEvaluationInTop,.adminEvaluationInTopNoShow {
  position: relative;
  width: calc(100% - 4px);
  height: 2em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--buttonLichtblau);
  padding-left: 5px;
}

 .adminEvaluationInBottom,.adminEvaluationInBottomNoShow {
  position: relative;
  width: calc(100% - 12px);
  height: calc(100% - 2.2em - 11px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border: solid 1px #000;
  padding: 5px;
}

 .adminEvaluationInBottom2,.adminEvaluationInBottom3{
  position: relative;
  width: calc(100% - 12px);
  height: calc(100% - 2.2em - 10px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  border: solid 1px #000;
  padding: 5px;
  overflow: auto;
}

.adminEvaluationInBottom3{
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.adminEvaluationInBottomNoShow{
  display: none;
}

.adminEvaluationTopOut,.adminEvaluationTopOutTrans{
  position: absolute;
  top: 0px;
  background-color: var(--weiss);
  z-index: 30;
}

.adminEvaluationTopOutTrans{
  background-color: var(--transparent);
}

.adminEvaluationTopOutNoShow{
  display: none;
}

.adminEvaluationInTop{
  visibility: visible;
}

.adminEvaluationInTopNoShow{
  visibility: hidden;
}

.adminEvaluationInLeft, .adminEvaluationInLeft2{
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.adminEvaluationInLeft{
  width: 19em;
  overflow: auto;
  font-size: var(--font-size-moduls5);
}

.adminEvaluationInLeft2{
  width: 19em;
}


.evalGroupEntryScroll, .evalGroupEntryScroll2, .evalGroupEntryScroll3{
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: auto;
}

.evalGroupEntryScroll{
  margin-top: 10px;
}

.evalGroupEntryScroll2{
  max-height: 28.8em;
  min-height: 20em;
  font-size: var(--font-size-moduls5);
  overflow: auto;
  padding-top: 0.5em;
}

.evalGroupEntryScroll3{
  max-height: clac(100% - 20em);
  font-size: var(--font-size-moduls5);
  overflow: auto;
}

.adminEvaluationInRight{
  position: relative;
  width: 18em;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: var(--font-size-moduls6);
}

.adminEvaluationInRight2{
  position: relative;
  width: 19em;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.evalGroupEntry, .evalGroupEntry2{
  position: relative;
  width: calc(100% - 4px);
  margin-bottom: 4px;
  height: 1.5em;
  margin-left: 2px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  background-color: var(--transparent);
  cursor: pointer;
}

.evalGroupEntryActive{
  position: relative;
  width: calc(100% - 4px);
  margin-bottom: 4px;
  height: 1.5em;
  margin-left: 2px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  background-color: var(--buttonHellblau);
  cursor: pointer;
}

.evalGroupEntry2{
  padding: 5px;
  width: calc(100% - 14px) !important;
  height: max-content !important;
}

.evalGroupEntry3{
  padding-left: 5px;
  width: calc(100% - 10px) !important;
  height: 1.5em !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.evalGroupEntryLeft, .evalGroupEntryLeft2{
  position: relative;
  width: 50px;
  height: max-content;
  margin-right: 2px;
}

.evalGroupEntryLeft2{
  width: 30px;
}

.evalGroupEntryRight, .evalGroupEntryRight2{
  position: relative;
  width: calc(100% - 32px);
  height: max-content;
}

.evalGroupEntryRight{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.evalGroupEntryRight2{
 width: calc(100% - 40px);
}

.evalGroupEntryField{
  position: relative;
  width: 100%;
  height: max-content;
}

.evalGroupEntryFieldBut{
  position: relative;
  min-width: max-content;
  width: 7vw !important;
  height: max-content;
  font-size: var(--font-size-rem1) !important;
}

.evalGroupArea {
  position: relative;
  width: calc(100% - 1.8em);
  height: 5em;
}

.evalCheckOut{
  position: relative;
  width: 7em;
  height: max-content;
  margin: 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.statEvalClass{
  position: relative;
  width:16em;
  height: 2.0em;
  border: solid 1px var(--buttonBlau);
  /*margin-right: 5px;*/
}

.statPathClass{
  position: relative;
  width:19em;
  height: 2.0em;
  border: solid 1px var(--buttonBlau);
  /*margin-right: 5px;*/
}

.evalFontRight{
  font-size: var(--font-size-moduls6) !important;
}

.evalFontRight2{
  font-size: var(--font-size-moduls6a) !important;
}

.useEvalBackBlue{
  background-color: var(--statistikLichtblau);
}

/* Admin Mitarbeiter-Daten bearbeiten */
.emplChangeDataOutClass,.emplChangeDataBackOutClass,.emplChangeDataBackOutClassUser{
  position: relative;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  padding: 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: auto;
  min-width: 2190px;
  min-height: 1160px;
}

.emplChangeDataBackOutClass{
  flex-direction: row !important;
  justify-content: center !important;
  align-content: center !important;
}

.emplChangeDataBackInClass{
  position: relative;
  width: max-content;
  max-width: 500px;
  max-height: 500px;
  overflow: auto;
  margin: auto;
  border: solid 1px var(--loginHoverBlau);
  background-color: var(--buttonBlau);
  color: var(--mainWeiss);
  padding: 10px;
}

.emplChangeDataInRowClass,.emplChangeDataInRowClassUser {
  position: relative;
  width: 100%;
  /*min-width: max-content;*/
  height: calc(100% / 4 - 1px);
  /*height: 300px;*/
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  /*margin-bottom: 5px; */
}

.emplChangeDataInRowClassUser{
  justify-content: flex-start !important;
}

.emplChangeDataInRecClass,.emplChangeDataInRecClassUser,.emplChangeDataInRecClassUser2,.emplChangeDataInRecClassUser3{
  position: relative;
  width: calc((100% - 25px) / 3);
  min-width: 36em;
  height: calc(100% - 12px);
  min-height: 275px;
  padding: 2px;
  margin: 3px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border: solid 3px var(--statistikDunkelBlau);
  border-radius: 5px;
  font-size: var(--font-size-moduls5);
  background-color: var(--backgroundBasicData);
  overflow: auto;
}

.emplChangeDataInRecClassUser{
  min-width: 38em !important;
  align-items: flex-start !important;
}

.emplChangeDataInRecClassUser3{
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  max-height: 19em !important;
}

.emplChangeDataInRecDoubleClass{
  position: relative;
  width: calc((100% / 3) * 2);
  min-width: 71.4em;
  height: calc(100% - 13px);
  min-height: 275px;
  padding: 2px;
  margin: 3px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border: solid 3px var(--statistikDunkelBlau);
  border-radius: 5px;
  font-size: var(--font-size-moduls5);
  background-color: var(--backgroundBasicData);
}

.emplChangeDataInRecClassHeight{
  position: relative;
  width: calc(100% - 5px);
  min-width: 35em;
  height: calc(100% - 18px);
  padding: 2px;
  margin: 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border: solid 3px var(--statistikDunkelBlau);
  border-radius: 5px;
  font-size: var(--font-size-moduls5);
  background-color: var(--backgroundBasicData);
}

 .waitingFormClass{
  min-width: 30em;
  width: 34em;
  max-width: 34.5em;
  padding-left: 2px;
}

.waitingFormClass4{
  width: max-content;
  height: max-content;
}

.waitingFormClassDouble{
  width: 71em;
  padding-left: 2px;
}

.areaBasicFootText{
  width: 250px;
  height: 62px;
  resize: none;
}

.standardLeft{
   position: relative;
   width:calc(((100% - 50px) / 4) * 3);
   /*min-width: 1590px;*/
   height: calc(100% - 1px);
}

.standardReight{
  position: relative;
  width:calc((100% - 10px) / 4);
  height: calc(100% - 1px);
}

.emplChangeButClass{
  position: relative;
  width: 90%;
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  margin-bottom: 5px;
}

.emplChangeTextClass{
  position: relative;
  width: 100%;
  height: max-content;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 5px;
}

.emplChangeTextErrorClass, .emplChangeTextClassSuccess, .emplChangeTextClassError{
  position: relative;
  width: 100%;
  height: max-content;
  text-align: center;
  margin-bottom: 0px;
  margin-top: 20px;
  background-color: var(--transparent);
  font-size: var(--font-size-moduls5);
  color: var(--errorRed);
}

.emplChangeTextClassSuccess{
  background-color: var(--errorGreen);
  color: var(--weiss);
}

.emplChangeTextClassError{
  background-color: var(--errorRed);
  color: var(--weiss);
}

/* Cert */
.educationListHead{
  width: calc(100% - 12px);
  height: max-content;
  font-weight: bold;
  font-size: 1em;
  border: none;
  text-align: left;
  padding-top: 4px;
}

.educationRowOutClass, .educationRowOutClassCheck{
  position: relative;
  width: calc(100% - 7px);
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
  align-items: flex-start;
  font-weight: normal;
  padding-top:4px;
  padding-left: 4px;
}

.educationRowOutClass{
  cursor: pointer;
}

.educationRowOutClassActive{
  position: relative;
  width: calc(100% - 7px);
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
  align-items: flex-start;
  font-weight: normal;
  padding-top:4px;
  padding-left: 4px;
  background-color: var(--lichtgrau);
  cursor: pointer;
}

.providerRowOutListClass{
  position: relative;
  width: calc(100% - 7px);
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
  align-items: flex-start;
  font-weight: normal;
  padding-top:4px;
  padding-left: 4px;
  background-color: var(--transparent);
  cursor: pointer;
}

.providerRowOutListClassActive{
  position: relative;
  width: calc(100% - 7px);
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
  align-items: flex-start;
  font-weight: normal;
  padding-top:4px;
  padding-left: 4px;
  background-color: var(--lichtgrau);
  cursor: pointer;
}

.educationRowOutClassRight{
  position: relative;
  width: calc(100% - 7px);
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
  align-items: flex-start;
  font-weight: normal;
  padding-top:4px;
  padding-left: 4px;
  font-weight: bold;
  background-color: var(--buttonLichtblau);
  margin-top: 2px;
}

.educationRowPraefixClass{
  position: relative;
  width: 75px;
  height: max-content;
  text-align: left;
  border: none;
}

.educationListClass{
  position: relative;
  width: calc(100% - 80px);
  height: max-content;
  border: none;
}

.providerListClass{
  position: relative;
  width: 100%;
  height: max-content;
  border: none;
  margin-bottom: 5px;
}

.educationListClassRight{
  position: relative;
  width: calc(100% - 100px);
  height: max-content;
  border: none;
}

.educationRowCheckClass{
  position: relative;
  width: 20px;
  height: max-content;
  text-align: left;
  border: none;
}

.adminEducationInBottomList,.adminEducationInBottomListForm,.adminEducationInBottomListTop{
  position: relative;
  width: calc(100% - 7px);
  height: calc(100% - 2.2em - 35px);
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  align-items: left;
  border: solid 1px var(--schwarz);
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow-y: auto;
  overflow-x: hidden;
}

.adminEducationInBottomListForm{
  position: relative;
  height: 100%;
  border: none !important;
}

.adminEducationInBottomListTop{
  height: calc(100% - 2.2em - 12px) !important;
}

.adminEducationInBottomListTop2{
  position: relative;
  width: 100%;
  height: 50%;
  overflow: auto;
  }

.eduFieldCont,.eduFieldContR,.eduFieldContHide{
  position: relative;
  height: max-content;
  width: calc(100% - 30px);
  margin-left: 12px;
  text-align: left;
  font-size: 0.85em;
}

.eduFieldContHide{
  display: none;
}

.eduFieldContR{
  text-align: right;
}

.showManagerRightButtonNo{
  text-align: right;
  display: none;
}

.showManagerRightButton{
  text-align: right;
  display: block;
}

.showManagerLeftButtonNo{
  text-align: right;
  display: none;
}

.showManagerLeftButton{
  text-align: left;
  display: block;
  padding-left: 5px;
}

.eduFieldContSmall,.eduFieldContNormal{
  position: relative;
  height: max-content;
  width: calc(100% - 30px);
  margin-left: 12px;
  text-align: left;
  font-size: 0.7em;
}

.eduFieldContNormal{
  font-size: 1em !important;
}

.eduFieldContMore,.eduFieldContPath{
  position: relative;
  height: max-content;
  width: calc(100% - 30px);
  margin-left: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 0.85em;
}

.eduFieldContPath{
  margin-left: 0px !important;
}

.eduFieldContPathList{
  position: relative;
  height: max-content;
  max-height: 300px;
  width: calc(100% - 30px);
  margin-bottom: 10px;
  text-align: left;
  font-size: 0.85em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
  overflow: auto;
}

.showCertCountClass{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  font-size: var(--font-size-moduls6);
}

.showCertNoCountClass,.showCertNoCountRedClass{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  font-size: var(--font-size-moduls6);
}

.showCertNoCountClass{
  color: var(--schwarz);
  }

.showCertNoCountRedClass{
  color: var(--errorRed);
  }

.pathTop5{
  margin-top: 5px;
}

.pathTop7{
  margin-top: 7px;
}

.pathTop10{
  margin-top: 10px;
}

.educationText{
  position: relative;
  height: 1.6em !important;
  width: calc(100% - 5px) !important;
  text-align: left;
  font-size: 0.9em;
}

.educationText2{
  position: relative;
  height: 1.6em !important;
  width: 90px !important;
  text-align: left;
  font-size: 0.9em;
}

.educationText3{
  position: relative;
  height: 1.6em !important;
  width: 300px !important;
  text-align: left;
  font-size: 0.9em;
}

.educationText4{
  position: relative;
  height: 1.6em !important;
  width: 100px !important;
  text-align: left;
  font-size: 0.9em;
}

.educationTextSmall{
  position: relative;
  height: 1.6em !important;
  width: 80px !important;
  text-align: left;
  font-size: 0.9em;
}

.educationTextSmall1{
  position: relative;
  height: 1.6em !important;
  width: 70px !important;
  text-align: left;
  font-size: 0.9em;
}


.educationTextSmall2{
  position: relative;
  height: 1.2em !important;
  width: 60px !important;
  text-align: left;
  font-size: 0.9em;
}

.educationTextSmall3{
  position: relative;
  height: 1.2em !important;
  width: 30px !important;
  text-align: left;
  font-size: 0.9em;
}

.educationTextSmall4{
  position: relative;
  height: 1.2em !important;
  width: 35px !important;
  text-align: left;
  font-size: 0.9em;
}

.educationArea,.educationArea2,.educationArea3{
  position: relative;
  height: 10em;
  width: calc(100% - 5px);
  text-align: left;
  font-size: 1.1em;
}

.educationArea2{
  height: 7.5em !important;
}

.educationArea3{
  height: 4.5em !important;
  width: calc(100% - 10px) !important;
}

.eduShowSort{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: flex-start;
}

.eduFieldContSel{
  position: relative;
  height: 20em;
  width: 100%;
  font-size: 1.1em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow: auto;
  margin-top: 12px;
}

.eduFieldContSelHide{
  position: relative;
  height: 20em;
  width: 100%;
  font-size: 1.1em;
  visibility: hidden;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow: auto;
  margin-top: 12px;
}

.eduVoidRow{
  margin-top: 8px;
}

.tableInCert{
  height: 0.2em;
}

.tableInCertMessage{
  height: 1.2em;
  padding-bottom: 8px;
}

.eduFieldButton{
  position: relative;
  height: 30px !important;
  width: calc(100% - 21px);
  text-align: right;
  margin-top: 5px;
}

.allExpCheckFormClass,.allExpCheckFormClass2{
  position: relative;
  width: calc(100% - 7px);
  height: calc(100% - 2.2em - 30px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border: solid 1px var(--schwarz);
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow-y: auto;
  overflow-x: hidden;
}

.allExpCheckFormClass2{
  margin-left: 5px;
  width: calc(100% - 5px)!important;
}

.allTrainingCheckFormClass{
  position: relative;
  width: calc(100% - 2px);
  height: 100% !important;
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  align-items: flex-start;
  border: solid 1px var(--schwarz);
  overflow-y: auto;
  overflow-x: hidden;
}

.allTrainingCheckFormCertClass{
  position: relative;
  width: calc(100% - 2px);
  height: 100% !important;
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
  align-items: left;
  border: none;
  overflow-y: hidden;
  overflow-x: hidden;
}

.allExpCheckFormClassNoShow{
  position: relative;
  width: calc(100% - 7px);
  height: calc(100% - 2.2em - 30px);
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  visibility: hidden;
}

.allCertCheckFormClass{
  position: relative;
  width: calc(100% - 10px);
  height: calc(100% - 35px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  /*border: solid 1px var(--schwarz);*/
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow-y: auto;
  overflow-x: hidden;
}

.certNoClass{
  width: 15px;
  background-image: url(../ressources/icons/status-no.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.certOkClass{
  width: 15px;
  background-image: url(../ressources/icons/status-ok.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.certStatusClass{
  width: 90px;
  padding-left: 5px;
  text-align: left;
}

.certTimeClass{
  width: max-content;
  text-align: left;
  padding-right: 10px;
}

.certTimeClass1{
  width: 90px;
  text-align: left;
}

.certTimeClass2{
  width: 70px;
  text-align: left;
}

.certTimeClass3{
  width: 50px;
  text-align: left;
}

.certTimeClass4{
  width: 45px;
  text-align: left;
}

.adminEducationInBottomButton,.adminEducationInBottomButtonRight,.adminEducationInBottomButtonLeft{
  position: relative;
  width: 100%;
  height: 1.5em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 3px;
  margin-bottom: 4px;
}

.adminEducationInBottomButtonNoShow,.adminEducationInBottomButtonRightNoShow,.adminEducationInBottomButtonLeftNoShow{
  position: relative;
  display: none;
}

.eduCertAllTableClassNo{
  display: none;
}

.eduCertAllTableClass{
  display: block;
}

.adminEducationInBottomButton{
  background-color: var(--transparent);
}

.eduCertAllClass{
  position: relative;
  width: 100%;
  height: max-content;
  font-size: var(--font-size-moduls5);
  margin-bottom: 4.5em;
}

.saveSortButtonClass, .saveSortButtonClassActive, .saveSortButtonClassNoShow, .saveSortButtonClassGreen {
  position: relative;
  width: max-content;
  height: max-content !important;
  background-color: var(--buttonHellblau);
  font-weight: normal;
  font-size: var(--font-size-moduls6) !important;
  color: var(--buttonBlau);
}

.buttonHeightMedium{
  font-size: var(--font-size-moduls3) !important!;
  height: 2em !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  }

.saveSortButtonClass{
  border: solid 1px var(--buttonBlau) !important;
}

.saveSortButtonClassActive{
  border: solid 2px var(--buttonBlau) !important;
}

.saveSortButtonClassNoShow{
  display: none;
}

.saveSortButtonClassPadding{
  padding: 3px 5px !important;
}

.saveSortButtonClassGreen{
  background-color: var(--errorGreen) !important;
}

.adminEducationInBottomButtonRight{
  /*justify-content: flex-end !important; */
  background-color: var(--weiss);
}

.adminEducationInBottomButtonLeft{
  justify-content: flex-start !important;
  background-color: var(--weiss);
}

.adminEduInTopLeftClass,.adminEduInTopLeftRedClass{
  width: 70%;
  text-align: left;
  font-size: var(--font-size-moduls5);
  font-weight: bold;
  color: var(--errorGreenStat);
}

.adminEduInTopLeftRedClass{
  color: var(--errorRed) !important;
}

.adminEduInTopRightClass{
  width: 30%;
  text-align: right;
}

.arrowRot{
  width: 1.5em;
  transform: rotate(180deg);
  cursor: pointer;
}

.arrowRot90{
  width: 1.5em;
  transform: rotate(-90deg);
  cursor: pointer;
}

.arrowNormal{
  width: 1.5em;
  cursor: pointer;
}

.certListBottomClass{
  position: relative;
  width: calc(100% - 30px);
  height: max-content;
  font-size: var(--font-size-moduls7);
  margin-bottom: 6px;
}

.showCertTimeDayClass{
  position: relative;
  width: 45px;
  height: 1.1em;
  border: solid 1px var(--schwarz);
  margin-right: 2px;
  font-size: var(--font-size-moduls4);
}

.showLifeTimeClass{
  position: relative;
  width: 35px !important;
  height: 0.9em !important;
  border: solid 1px var(--schwarz) !important;
  margin-left: 5px;
  margin-right: 5px;
}

.certConfirm,.certConfirmSug{
  position: relative;
  width: calc(100% - 22px);
  border: solid 1px var(--schwarz);
  height: max-content;
  margin-bottom: 10px;
  padding: 5px;
  font-size: var(--font-size-moduls5);
  }

.certConfirmSug{
  background-color: var(--errorOrangewStat);
}

.certTableDataClassBig{
  width: calc(100% - 40px);
  padding-bottom: 3px;
 }

.certTableDataClassBigBold{
  width: calc(100% - 40px);
  font-weight: bold;
 }

.certTableDataClassSmall{
  width: 20px;
  text-align: right;
  }

.certSearchLeft{
  width: calc(100% - 20px);
}

.tableCertCheckClass{
  height: 1.85em;
}

.certSearchLeft2{
  width: 100px;
  font-size: var(--font-size-moduls6);
}

.certSearchRight{
  width: 100px;
}

.educationTextArea{
  width: calc(100% - 10px) !important;
  height: 3.4em !important;
}

.educationTextArea2{
  width: calc(100% - 10px) !important;
  height: 4em !important;
}

.educationTextArea3{
  width: calc(100% - 10px) !important;
  height: 5em !important;
}

.educationTextArea4{
  width: calc(100% - 10px) !important;
  height: 2.4em !important;
}

.certSearchLeftSmall{
  font-size: var(--font-size-moduls6);
  }

.certSearchLeftBig,.certSearchLeftBigTop{
  font-size: var(--font-size-moduls2);
  }

.certSearchName{
  font-size: var(--font-size-moduls2);
  }

.certUserDataShowNo{
  font-size: var(--font-size-moduls1);
  margin-left: 20px;
  margin-top: 20px;
  font-weight: bold;
  }

.certSearchLeftBigTop{
  margin-top: 15px;
  }

.certSearchRightSmall{
  font-size: var(--font-size-moduls6);
  }

.certSearchTR1{
  background-color: var(--certSearchTableBack1);
}

.certSearchTR2{
  background-color: var(--certSearchTableBack2);
}

.certSearchTR3{
  background-color: var(--certSearchTableBack3);
}

.certSearchTR4{
  background-color: var(--certSearchTableBack4);
}

.certSearchResult{
  position: relative;
  width: calc(100% - 10px);
  padding: 0px;
  border: solid 3px var(--buttonBlau);
  margin-bottom: 10px;
  font-size: var(--font-size-moduls6);
}

.searchShowClass{
  position: relative;
  width: 20em;
  height: max-content;
  text-align: right;
}

.searchShowSelectClass{
  position: relative;
  width: 100%;
  height: max-content;
  border: solid 2px var(--buttonDunkelgrau);
  text-align: left;
}

.searchShowClassName{
  font-size: var(--font-size-moduls4);
}

.certSearchResultData{
  position: relative;
  width: calc(100% - 20px);
  height: max-content;
  border: solid 3px var(--buttonBlau);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  padding: 5px;
  font-size: var(--font-size-moduls6);
}

.certSearchResultDataTop{
  position: relative;
  width: 100%;
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 3px;
}

.certSearchResultDataTopInLeft,.certSearchResultDataTopInRight{
  position: relative;
  height: max-content;
  border: none;
}

.certSearchResultDataTopInLeft{
  width: 20%;
}

.certSearchResultDataTopInRight{
  width: 80%;
}

.certSearchResultDataBottom{
  position: relative;
  width: calc(100% - 6px);
  height: max-content;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border: solid 1px var(--buttonBlau);
  padding: 3px;
  margin-bottom: 2px;
}

.certSearchResultDataBottomIn{
  position: relative;
  width: 100%;
  height: max-content;
  /*border: solid 1px var(--buttonBlau);*/
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 3px;
}

.certSearchResultDataBottomInLeft,.certSearchResultDataBottomInRight,.certSearchResultDataBottomInLeft2,.certSearchResultDataBottomInRight2{
  position: relative;
  height: max-content;
  max-height: 60px;
}

.certSearchResultDataBottomInLeft{
  width: calc(20% - 5px);
  margin-right: 5px;
}

.certSearchResultDataBottomInRight{
  width: 80%;
  overflow: auto;
}

.certSearchResultDataBottomInLeft2{
  width: calc(100% - 350px);
  margin-right: 5px;
}

.certSearchResultDataBottomInRight2{
  width: calc(100% - (100% - 350px));
  overflow: auto;
}

.adminCertInBottomList{
  position: relative;
  width: calc(100% - 7px);
  height: calc(100% - 2.2em - 10px);
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  align-items: left;
  border: solid 1px var(--schwarz);
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow-y: auto;
  overflow-x: hidden;
}

.certSearchResultDataPDFLink{
  position: relative;
  width: calc(100% - 7px);
  height: max-content;
  min-height: 20px;
  border: none;
  margin-bottom: 1px;
  font-size: var(--font-size-moduls5);
}

.showCertPathAll{
  position: relative;
  width: 100%;
  height: 1.8em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: flex-start;
  }

.showCertPath,.showCertPathDel,.showCertPathStd{
  position: relative;
  width: 76%;
  height: 1.6em;
  }

.showCertPathDel{
  width: 12% !important;
}

.showCertPathStd{
  width: 10% !important;
}

.externImportAll,.externImportAllScroll,.externImportAllScrollDown,.externImportAllButton,.externImportAllButtonDown,.externImportAllUserButton{
  position: relative;
  width: 100%;
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}

.externImportAllScrollDown{
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  height: calc(100% - 480px) !important;
  margin-top: 10px;
}

.externImportAllScroll{
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  height: calc(100% - 400px) !important;
  overflow: auto;
}

.externImportAllScrollDown{
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  height: 220px !important;
}

.externImportAllButton,.externImportAllButtonDown{
  height: 40px !important;
}

.externImportAllUserButton{
  width: 90% !important;
  margin: 0 auto;
  margin-top: -5px;
  font-size: var(--font-size-moduls6);
}

.externImportAllButtonDown{
  width: calc(100% - 5px)!important;
  padding-right: 5px;
  }

.externImportAllLeft{
  position: relative;
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.externImportAllRight{
  position: relative;
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.externImportLeftCheck{
  position: relative;
  width: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.externImportLeftName{
  position: relative;
  width: calc(100% - 25px);
  padding-left: 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.externImportLeftDate{
  position: relative;
  width: 30%;
  padding-left: 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.showKeyColumnOut{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.showKeyColumnIn{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.takeOverClass,.takeOverClassNoShow{
  position: relative;
  width: 95%;
  height: max-content;
  margin-top: 20px !important ;
  font-size: var(--font-size-moduls5)!important;
  color: var(--mailGreen)!important;
  display: block !important;
}

.takeOverClassNoShow{
  display: none !important;
}

.colorRowBasicTopOut{
  position: relative;
  width: calc(100% - 35px);
  height: 100px;
  border: solid 1px var(--statistikDunkelBlau);
  border-radius: 5px;
  margin-top: 6px;
  padding: 8px;
}

.colorRowBasicMiddleOut {
  position: relative;
  width: calc(100% - 35px);
  height: calc(100% - 225px);
  border: solid 1px var(--statistikDunkelBlau);
  border-radius: 5px;
  margin-top: 10px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
}

.colorRowBasicMiddleIn{
  width: calc(100% - 4px);
  height: calc(100% - 40px);
  padding-left: 4px;
  overflow: auto;
}

.colorRowBasic,.colorRowBasicActive{
  position: relative;
  width: calc(100% - 25px);
  padding: 7px;
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  border: solid 2px var(--transparent);
  background-color: var(--transparent);
  border-radius: 3px;
}

.colorRowBasicActive{
  border: solid 2px #0078D7 !important;
  background-color: #C6E0F4 !important;
}

.colorRowBasicVoid{
  position: relative;
  padding: 7px;
  width: calc(100% - 10px);
  height: max-content;
  text-align: center;
  margin-bottom: 4px;
  border: solid 2px var(--transparent);
}

.fieldInColorRowBasic{
  position: relative;
  width: calc((100% / 4) - 12px);
  height: max-content;
}

.fieldInColorRowBasicL{
  position: relative;
  width: 25px;
  height: max-content;
}

.colorRowBasicHead{
  position: relative;
  width: calc(100% - 25px);
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 12px;
  margin-left: 7px;
}

.colorRowBasisBottomOut{
  position: relative;
  width: calc(100% - 35px);
  height: 40px ;
  border: solid 1px var(--statistikDunkelBlau);
  border-radius: 5px;
  margin-top: 10px;
  padding: 8px;
}

.helpLinkPDF{
  position: relative;
  top: 2px;
  margin-right: 11px;
}

.finalLinkPDF{
  height: 25px !important;
  margin-right: 15px;
  border: solid 3px var(--errorYellowStat) !important;
  background-color: var(--errorRed) !important;
  color: var(--mainWeiss) !important;
  font-weight: bold;
  cursor: pointer;
  display: none;
}

.finalLinkPDFShow{
  height: 25px !important;
  margin-right: 15px;
  border: solid 3px var(--errorYellowStat) !important;
  background-color: var(--errorRed) !important;
  color: var(--mainWeiss) !important;
  font-weight: bold;
  cursor: pointer;
  display: block;
}

.hideShowCloseText{
  display: none;
  background-color: var(--white);
}

.hideShowCloseTextShow{
  display: block;
  background-color: var(--errorGreenStat);
}

.hideShowCloseTextError{
  display: block;
  background-color: var(--errorRed);
  color: var(--weiss);
}

.quarterClosePDF{
  position: relative;
  width: 202px;
  text-align: center;
  background-color: var(--errorGreenStat);
}

.quarterClosePDF_No{
  position: relative;
  width: 202px;
  text-align: center;
  background-color: var(--white);
}

.errorTextMailTestNoOk,.errorTextMailTestOk{
  height: 2em;
  width: 30em;
  color: var(--errorRed);
  background-color: var(--transparent);
  border: none;
  resize: none;
  margin-top: 1.0em;
  font-weight: bold;
}

.errorTextMailTestOk{
  color: var(--errorGreen) !important;
}

.errorTextMailTestHelp{
  font-size: var(--font-size-moduls6);
}

.errorShowDivOut{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 20000;
}

.errorShowDivIn{
  position: relative;
  width: max-content;
  min-width: 320px;
  max-width: 550px;
  height: max-content;
  border: solid 25px var(--fieldBackActive);
  text-align: center;
  overflow: auto;
  background-color: var(--buttonLichtblau);
}

.errorShowTop{
  position: relative;
  width: calc(100% - 22px);
  height: fit-content;
  border-bottom: solid 1px blue;
  padding: 10px;
  font-weight: bold;
  background-color: var(--statistikDunkelBlau);
  color: var(--weiss);
  border: solid 1px var(--schwarz);
}

.erroShowContent{
  position: relative;
  width: calc(100% - 42px);
  height: fit-content;
  border: none;
  padding: 20px;
  border: solid 1px var(--schwarz);
}

.errorTextNoDataCert{
  height: 2.2em;
  width: 15em;
  color: var(--errorRed);
  background-color: var(--errorYellowStat);
  border: none;
  resize: none;
  font-size: var(--font-size-modulsBig);
  margin-top: 1.0em;
  margin-left: 0.5em;
  font-weight: bold;
  padding-top: 30px;
  padding-left: 20px;
}

.clearSetTop{
  position: relative;
  width: calc(100% - 4px);
  height: calc(100% - 30px);
  padding-left: 2px;
  padding-right: 2px;
}

.clearSetBottom{
  position: relative;
  width: calc(100% - 4px);
  height: 30px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: flex-end;
}

.showCertDate{
  font-weight: normal;
  font-size: var(--font-size-moduls6);
}

.carenzTable{
  position: relative;
  width: 80%;
  min-width: 500px;
  height: max-content;
  padding: 5px;
  margin: 0 auto;
}






















@media (max-width: 1550px){
.userSkillsRowStatistikClassTop{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: self-end;
  }

.userSkillsRowLeftStatistikHeadClass{
  margin-right: auto;
  }

.showSumDownStatistikClassTop{
  margin-left: auto;
  }
}

@media (max-width: 1350px){
.adminDataText{
  width: 19em !important;
}

.errorClass{
  font-size: var(--font-size-moduls6);
}

.adminMenuInMiddleInText {
  width: 17em !important;
}
}

@media (max-width: 1100px){
.adminMenuInLeft{
  overflow: auto;
}

.errorClass{
  font-size: var(--font-size-moduls7);
}

}

@media (max-height: 650px) or (max-width: 1500px){
.showSelectAllBottomClassActive {
  font-size: var(--font-size-moduls7);
  }

.showSelectAllTopClass {
  font-size: var(--font-size-moduls7);
  }

.showPicQuartSelOutClass{
  width: 85px;
  height: 0.8em;
}

.showPicYearSelOutClass{
  width: 70px;
  height: 0.8em;
}

.showPicTextClass{
  margin-top: 2px;
  height: 1.0em;
  font-size: var(--font-size-moduls6)
}

/*   Texteingabe    */
.picSelSendTextClass{
  height: 1.3em;
  font-size: var(--font-size-moduls6)!important;
  margin-top: 5px;
}

.picSelSendNewClass{
  height: 1.3em;
  font-size: var(--font-size-moduls6)!important;
  margin-top: 5px;
}

.fieldSetText{
  height: 6.7em;
  font-size: var(--font-size-moduls8)!important;
}

.footerClass{
  height: 50px;
}

.allStatistikOutAllClass{
  height: calc(100% - 143px);
}

/*end @media */
}









/* Modernisierte und responsive Regeln */
/* TESTFASSUNG – CSS-Normalisierung nach PHP-Script-Bereichen.
   Ausgangspunkt: zuletzt bestätigte Bild-305-CSS-Datei.
   Keine PHP- oder JavaScript-Dateien geändert; bitte Darstellung im System prüfen. */


/* 01 – :root: zentrale Variablen und Kompatibilitätsaliasse. */

/* Original ab Zeile 16. */
:root {


  --le-font-family-main: Arial, Helvetica, sans-serif;
  --le-font-family-heading: var(--le-font-family-main);
  --le-font-family-controls: var(--le-font-family-main);


  --le-font-base: 0.8125rem;

  --le-font-size-small: calc(var(--le-font-base) * 0.8461538462);
  --le-font-size-body: var(--le-font-base);
  --le-font-size-medium: calc(var(--le-font-base) * 1.0769230769);
  --le-font-size-large: calc(var(--le-font-base) * 1.2307692308);


  --le-radius-base: 0.25rem;
  --le-radius-none: 0;
  --le-radius-small: var(--le-radius-base);
  --le-radius-medium: var(--le-radius-small);
  --le-radius-large: calc(var(--le-radius-base) * 2);
  /* Einheitliche Optik der Portalcontainer. Für vollständig eckige Container: 0 */
  --le-container-background: var(--ui-surface);
  --le-container-border-width: var(--le-border-normal);
  --le-container-border-color: var(--le-line-soft);
  --le-container-radius: 0 0 var(--le-radius-small) var(--le-radius-small);
  --le-container-shadow: none;


  --le-border-base: 1px;
  --le-border-normal: var(--le-border-base);
  --le-border-strong: calc(var(--le-border-base) * 2);
  --le-border-accent: calc(var(--le-border-base) * 4);


  --le-width-xsmall: 4rem;
  --le-width-small: 7rem;
  --le-width-normal: 11rem;
  --le-width-slarge: 14rem;
  --le-width-large: 18rem;
  --le-width-xlarge: 24rem;
  --le-width-big: 30rem;




  --le-theme-primary-900: #164f82;
  --le-theme-primary-800: #1d629d;
  --le-theme-primary-700: #2f76ae;
  --le-theme-primary-500: #6ea8d5;
  --le-theme-primary-300: #b9d5ea;
  --le-theme-primary-200: #dceaf5;
  --le-theme-primary-100: #eef6fb;

  --le-theme-surface: #ffffff;
  --le-theme-surface-soft: #f7fafc;
  --le-theme-background: #eaf2f8;
  --le-theme-border: #cfdbe5;
  --le-theme-border-strong: #aebfcd;
  --le-theme-text: #243746;
  --le-theme-text-muted: #647886;
  --le-theme-text-inverse: #ffffff;


  --le-button-disabled-bg: #edf2f5;
  --le-button-disabled-text: #8a9aa5;
  --le-button-disabled-border: #c8d3db;


  --le-section-header-bg: var(--ui-blue-500);
  --le-section-header-text: var(--ui-blue-900);
  --le-section-header-border: var(--ui-blue-700);



  --le-theme-text-strong: #163d59;
  --le-theme-border-soft: #cfdbe5;
  --le-theme-border-accent: #86a9bf;

  --le-theme-success: #4f8a5b;
  --le-theme-success-hover: #42764d;
  --le-theme-success-text: #2d6533;
  --le-theme-success-soft: #eef8ee;
  --le-theme-success-border: #a9cdaa;

  --le-theme-warning: #d5a800;
  --le-theme-warning-soft: #fff3c4;
  --le-theme-warning-border: #e2bd31;

  --le-theme-error: #d56a58;
  --le-theme-error-strong: #9a3326;
  --le-theme-error-soft: #fff0f0;
  --le-theme-error-border: #e6a69b;


  --le-theme-shadow-soft: rgba(20, 61, 92, .06);
  --le-theme-shadow: rgba(20, 61, 92, .10);
  --le-theme-shadow-medium: rgba(20, 45, 65, .18);
  --le-theme-shadow-strong: rgba(20, 45, 65, .28);
  --le-theme-overlay-white-soft: rgba(255,255,255,.24);
  --le-theme-overlay-white: rgba(255,255,255,.84);
  --le-theme-overlay-white-strong: rgba(255,255,255,.94);

  --ui-blue-900: var(--le-theme-primary-900);
  --ui-blue-800: var(--le-theme-primary-800);
  --ui-blue-700: var(--le-theme-primary-700);
  --ui-blue-500: var(--le-theme-primary-500);
  --ui-blue-300: var(--le-theme-primary-300);
  --ui-blue-200: var(--le-theme-primary-200);
  --ui-blue-100: var(--le-theme-primary-100);
  --ui-surface: var(--le-theme-surface);
  --ui-surface-soft: var(--le-theme-surface-soft);
  --ui-border: var(--le-theme-border);
  --ui-border-strong: var(--le-theme-border-strong);
  --ui-text: var(--le-theme-text);
  --ui-text-muted: var(--le-theme-text-muted);
  --ui-shadow: 0 1px 3px var(--le-theme-shadow);
  --ui-radius: var(--le-radius-small);
  --ui-gap: clamp(.5rem, 1vw, 1rem);
  --ui-control-height: 2rem;


  --le-page-bg: var(--le-theme-background);
  --le-color-rgba-5e8bce57: var(--le-theme-overlay-white-strong);
  --le-white: var(--le-theme-surface);
  --le-color-rgba-eeef63aa: rgba(220, 234, 245, .28);
  --le-color-eef3f7: var(--le-theme-primary-100);
  --le-color-eef8ee: var(--le-theme-success-soft);
  --le-color-2d6533: var(--le-theme-success-text);
  --le-color-a9cdaa: var(--le-theme-success-border);
  --le-color-f8fafc: var(--le-theme-surface-soft);
  --le-color-f7f8f9: var(--le-theme-surface-soft);
  --le-summary-bg: var(--le-theme-primary-100);
  --le-color-dfe8ef: var(--le-theme-border);
  --le-color-e8f2f8: var(--le-theme-primary-100);
  --le-color-dcecf6: var(--le-theme-primary-200);
  --le-color-697f8e: var(--le-theme-text-muted);
  --le-warning-yellow-bg: var(--le-theme-warning-soft);
  --le-color-516875: var(--le-theme-text-muted);
  --le-border-soft: var(--le-theme-border);
  --le-color-cbd7df: var(--le-theme-border);
  --le-black: var(--le-theme-text-strong);
  --le-color-d9e6f0: var(--le-theme-primary-200);
  --le-color-c9dce9: var(--le-theme-primary-300);
  --le-color-f5f9fc: var(--le-theme-surface-soft);
  --le-text-secondary: var(--le-theme-text);
  --le-color-d7e2ea: var(--le-theme-border);
  --le-cell-blue-bg: var(--le-theme-primary-100);
  --le-color-e1eef6: var(--le-theme-primary-200);
  --le-color-fff1b8: var(--le-theme-warning-soft);
  --le-text-dark: var(--le-theme-text);
  --le-color-d5a800: var(--le-theme-warning);
  --le-color-ffd95a: var(--le-theme-warning-border);
  --le-text-muted-2: var(--le-theme-text-muted);
  --le-color-rgba-6a485759: var(--le-theme-shadow-strong);
  --le-row-main-bg: var(--le-theme-primary-200);
  --le-text-strong: var(--le-theme-text-strong);
  --le-line-strong: var(--le-theme-border-accent);
  --le-color-c3d9e8: var(--le-theme-primary-300);
  --le-line-soft: var(--le-theme-border-strong);
  --le-cell-blue-bg-2: var(--le-theme-primary-200);
  --le-cell-blue-bg-3: var(--le-theme-primary-200);
  --le-summary-strong-bg: var(--le-theme-primary-300);
  --le-text-heading: var(--le-theme-text-strong);
  --le-active-number-bg: var(--le-theme-primary-500);
  --le-line-medium: var(--le-theme-border-accent);
  --le-color-9fbdcf: var(--le-theme-border-accent);
  --le-color-8eafc3: var(--le-theme-border-accent);
  --le-color-rgba-0b06c849: var(--le-theme-shadow-medium);
  --le-color-rgba-684a6bc8: var(--le-theme-shadow-medium);
  --le-color-rgba-9b07e1e1: var(--le-theme-shadow);
  --le-color-rgba-d2c85cd9: var(--le-theme-shadow-medium);
  --le-color-rgba-36aa078d: var(--le-theme-shadow-strong);
  --le-color-rgba-ad7d9aca: var(--le-theme-shadow);
  --le-color-rgba-e4e6e700: rgba(185, 213, 234, .30);
  --le-color-e5eaee: var(--le-theme-surface-soft);
  --le-color-8a979f: var(--le-theme-text-muted);
  --le-color-cbd4da: var(--le-theme-border);
  --le-color-rgba-d198deae: var(--le-theme-shadow-medium);
  --le-color-rgba-bba64952: var(--le-theme-shadow);
  --le-color-e4f0f7: var(--le-theme-primary-100);
  --le-color-d8e9f4: var(--le-theme-primary-200);
  --le-color-8fb4ca: var(--le-theme-border-accent);
  --le-color-e2bd31: var(--le-theme-warning-border);
  --le-color-fff9dc: var(--le-theme-warning-soft);
  --le-color-fff0f0: var(--le-theme-error-soft);
  --le-color-7e2020: var(--le-theme-error-strong);
  --le-color-fff6df: var(--le-theme-warning-soft);
  --le-color-fff3e6: var(--le-theme-warning-soft);
  --le-color-rgba-897e8f17: var(--le-theme-shadow);
  --le-color-rgba-82bde927: var(--le-theme-shadow);
  --le-text-bluegray: var(--le-theme-text-strong);
  --le-warning-soft-bg: var(--le-theme-error-soft);
  --le-color-9a3326: var(--le-theme-error-strong);
  --le-color-e6a69b: var(--le-theme-error-border);
  --le-border-blue: var(--le-theme-border-strong);
  --le-color-b6c9d6: var(--le-theme-border-strong);
  --le-color-rgba-249b745d: var(--le-theme-shadow);
  --le-color-d56a58: var(--le-theme-error);
  --le-color-rgba-487cd67c: var(--le-theme-shadow-soft);
  --le-color-8fb5ce: var(--le-theme-border-accent);
  --le-color-f4f9fc: var(--le-theme-surface-soft);
  --le-color-9dbfd3: var(--le-theme-border-accent);
  --le-color-c6d8e3: var(--le-theme-border);
  --le-info-soft-bg: var(--le-theme-primary-100);
  --le-color-9bbfd4: var(--le-theme-border-accent);
  --le-color-dfeaf2: var(--le-theme-primary-200);
  --le-color-b8ccd9: var(--le-theme-border-strong);
  --le-color-d4e4ee: var(--le-theme-primary-200);
  --le-cell-soft-bg: var(--le-theme-surface-soft);
  --le-color-405766: var(--le-theme-text);
  --le-color-rgba-a900a250: var(--le-theme-overlay-white-soft);
  --le-color-dce9f1: var(--le-theme-primary-200);
  --le-color-rgba-ebeb8c5d: var(--le-theme-shadow-medium);
  --le-color-d9362b: var(--le-theme-error);
  --le-color-rgba-8ccbed41: var(--le-theme-shadow-medium);
  --le-color-b9cedd: var(--le-theme-border-strong);
  --le-color-f8fbfd: var(--le-theme-surface-soft);
  --le-color-rgba-a8259b01: var(--le-theme-overlay-white);
  --le-color-rgba-cc39d645: var(--le-theme-overlay-white-strong);
  --le-color-rgba-4b4ed352: var(--le-theme-overlay-white);
  --le-color-6f9fbe: var(--le-theme-primary-500);
  --le-color-5f7482: var(--le-theme-text-muted);
  --le-color-rgba-8440e635: var(--le-theme-overlay-white-strong);
  --le-color-e7f0f6: var(--le-theme-primary-100);
  --le-color-dce9f2: var(--le-theme-primary-200);
  --le-color-23445b: var(--le-theme-text-strong);
  --le-color-rgba-bba5cf4e: var(--le-theme-overlay-white-strong);
  --le-color-1f4f6b: var(--le-theme-text-strong);
  --le-color-173f57: var(--le-theme-text-strong);


  --le-size-1: 1px;
  --le-size-2: 2px;
  --le-size-3: 3px;
  --le-size-4: 4px;
  --le-size-5: 5px;
  --le-size-6: 6px;
  --le-size-7: 7px;
  --le-size-8: 8px;
  --le-size-9: 9px;
  --le-size-10: 10px;
  --le-size-11: 11px;
  --le-size-12: 12px;
  --le-size-13: 13px;
  --le-size-14: 14px;
  --le-size-15: 15px;
  --le-size-16: 16px;
  --le-size-17: 17px;
  --le-size-18: 18px;
  --le-size-20: 20px;
  --le-size-21: 21px;
  --le-size-22: 22px;
  --le-size-24: 24px;
  --le-size-25: 25px;
  --le-size-28: 28px;
  --le-size-30: 30px;
  --le-size-32: 32px;
  --le-size-45: 45px;
  --le-size-54: 54px;
  --le-size-68: 68px;
  --le-size-70: 70px;
  --le-size-72: 72px;
  --le-size-80: 80px;
  --le-size-100: 100px;
  --le-size-104: 104px;
  --le-size-105: 105px;
  --le-size-110: 110px;
  --le-size-116: 116px;
  --le-size-140: 140px;
  --le-size-160: 160px;
  --le-size-170: 170px;
  --le-size-185: 185px;
  --le-size-190: 190px;
  --le-size-198: 198px;
  --le-size-200: 200px;
  --le-size-205: 205px;
  --le-size-220: 220px;
  --le-size-230: 230px;
  --le-size-240: 240px;
  --le-size-300: 300px;
  --le-size-302: 302px;
  --le-size-305: 305px;
  --le-size-310: 310px;
  --le-size-400: 400px;
  --le-size-614: 614px;
  --le-size-650: 650px;
  --le-size-840: 840px;
  --le-size-850: 850px;

  --le-width-905: 905px;
  --le-width-910: 910px;
  --le-width-912: 912px;
  --le-width-915: 915px;
  --le-width-918: 918px;
  --le-width-920: 920px;
  --le-width-926: 926px;
  --le-width-930: 930px;
  --le-width-wide: 1400px;

  --le-layout-min-width: 1140px;
  --le-size-1150: 1150px;
  --le-content-width: 1240px;
  --le-size-1250: 1250px;
  --le-layout-max-width: 1480px;
  --le-admin-settings-width: 1800px;




  --le-expertise-result-primary-width: 72px;
  --le-expertise-result-ebs-width: 72px;
  --le-pdf-stat-filter-width: 850px;



  --le-pdf-stat-layout-width: 68.2em;
  --le-action-green: var(--le-theme-success);
  --le-action-green-hover: var(--le-theme-success-hover);
  --le-pdf-head-left-offset: 0.5rem;
  --le-pdf-content-left-offset: 0.5rem;
  --le-pdf-output-left-offset: 3rem;
  --le-pdf-help-left-offset: 0.75rem;
  --le-pdf-legend-border-reserve: var(--le-border-strong);
  --le-pdf-stat-visual-shift-x: 0.75rem;
}

/* 02 – Globale Regeln: Grundlayout, Tabellen und Bedienelemente. */

/* Original Zeile 366: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
html {
  min-width: 320px;
  background: var(--le-page-bg);
}

/* Original Zeile 371: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body {
  color: var(--ui-text);
  background-color: var(--le-page-bg);
  background-image: url(../images/back.jpg);
  background-repeat: repeat;
  line-height: 1.35;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Original Zeile 381: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
*, *::before, *::after { box-sizing: border-box; }

/* Original Zeile 382: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
img, svg { max-width: 100%; }

/* Original Zeile 426: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
ul { scrollbar-width: thin; }

/* Original Zeile 548: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
table {
  border-collapse: collapse;
  max-width: 100%;
}

/* Original Zeile 552: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
th {
  color: var(--ui-text);
  font-weight: 600;
  background: var(--ui-surface-soft);
}

/* Original Zeile 557: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
td, th {
  border-color: var(--ui-border) !important;
}

/* Original Zeile 565: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
button,
input[type=button],
input[type=submit],
input[type=reset],
/* Speichern-Aktionen sind klickbare divs: gemeinsame Optik auch in den Nutzer-Modulen. */
.leAdminExpertGroupsList .saveSkillButtonClass,
#userExpertiseOut .saveSkillButtonClass,
#userSkillsOut .saveSkillButtonClass {
  /* Standardhoehe folgt dem Inhalt; gleiche Hoehen regelt bei Bedarf der Container. */
  min-height: 0;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--ui-radius);
  background: var(--ui-blue-200);
  color: var(--ui-blue-900);
  box-shadow: none !important;
  padding: 3px .7rem;
  cursor: pointer;
}

/* Original Zeile 611: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
select { background-color: var(--le-white); }

/* Original Zeile 612: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
textarea { resize: vertical; }

/* Original Zeile 668: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
html {
  min-width: var(--le-layout-min-width);
  overflow-x: auto;
}

/* Original Zeile 673: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body {
  min-width: var(--le-layout-min-width);
  overflow-x: auto;
}

/* Original Zeile 694: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
table {
  max-width: none;
}

/* Original Zeile 4518: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
html,
body {
  overflow-x: auto;
}

/* Original Zeile 4768: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body {
  overflow-x: hidden;
}

/* Original Zeile 11012: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
html,
body {
  background-color: var(--le-page-bg) !important;
}

/* Original Zeile 11017: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body {
  background-image: url(../images/back.jpg) !important;
  background-repeat: repeat !important;
  background-position: left top !important;
}

/* Original Zeile 11070: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
html {
  min-height: 100% !important;
  background-color: var(--le-page-bg) !important;
  background-image: url(../images/back.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* Original Zeile 11080: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body {
  min-height: 100vh !important;
  background: transparent !important;
}

/* Original Zeile 11123: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
html {
  background-image: url(../images/back.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* Original Zeile 12491: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
html, body {
  font-family: var(--le-font-family-main);
}

/* Original Zeile 12495: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
button, input, select, textarea {
  font-family: var(--le-font-family-controls);
}

/* 03 – Seiten und Module: normale Regeln. */

/* === Zertifikatssuche: 24 Regeln; Quellreihenfolge innerhalb des Abschnitts beibehalten. === */
/* PHP-Scripte / Bereiche: certSearch.php; searchCert.php. */

/* Original Zeile 19762: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOutSearch .adminEvaluationMiddle .certSearchTR3,
.adminEvaluationOutSearch #adminEvaluationInBottomRightSearchID .certSearchTR3 {
  background-color: color-mix(in srgb, var(--certSearchTableBack3) 24%, var(--weiss)) !important;
}

/* Original Zeile 19768: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOutSearch .adminEvaluationMiddle .certSearchTR4,
.adminEvaluationOutSearch #adminEvaluationInBottomRightSearchID .certSearchTR4 {
  background-color: color-mix(in srgb, var(--certSearchTableBack4) 19%, var(--weiss)) !important;
}

/* Original Zeile 19774: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOutSearch .adminEvaluationMiddle .certSearchTR2,
.adminEvaluationOutSearch #adminEvaluationInBottomRightSearchID .certSearchTR2 {
  background-color: color-mix(in srgb, var(--certSearchTableBack2) 16%, var(--weiss)) !important;
}

/* Original Zeile 19780: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOutSearch #adminEvaluationInBottomRightSearchID .certSearchResult {
  border-color: var(--buttonHellgrau);
}

/* Original Zeile 19787: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEvaluationOutSearch #searchAllChoiseFormID input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.adminEvaluationOutSearch #searchAllChoiseFormID textarea,
.adminEvaluationOutSearch #searchAllChoiseFormID select,
.adminEvaluationOutSearch #adminEvaluationInBottomRightSearchID input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.adminEvaluationOutSearch #adminEvaluationInBottomRightSearchID textarea,
.adminEvaluationOutSearch #adminEvaluationInBottomRightSearchID select {
  font-size: var(--font-size-moduls6) !important;
}

/* Original Zeile 19797: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOutLegend .backgroundColorGreen_Black,
.adminEvaluationOutSearch .adminEvaluationLeft .backgroundColorGreen_Black {
  background-color: color-mix(in srgb, var(--certSearchTableBack7) 32%, var(--weiss)) !important;
  color: var(--schwarz) !important;
}

/* Original Zeile 19802: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOutLegend .backgroundColorYellow_Black,
.adminEvaluationOutSearch .adminEvaluationLeft .backgroundColorYellow_Black {
  background-color: color-mix(in srgb, var(--certSearchTableBack6) 38%, var(--weiss)) !important;
  color: var(--schwarz) !important;
}

/* Original Zeile 19807: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOutLegend .backgroundColorOrange_Black,
.adminEvaluationOutSearch .adminEvaluationLeft .backgroundColorOrange_Black {
  background-color: color-mix(in srgb, var(--certSearchTableBack3) 36%, var(--weiss)) !important;
  color: var(--schwarz) !important;
}

/* Original Zeile 19812: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOutLegend .backgroundColorRed_White,
.adminEvaluationOutSearch .adminEvaluationLeft .backgroundColorRed_White {
  background-color: color-mix(in srgb, var(--certSearchTableBack8) 35%, var(--weiss)) !important;
  color: var(--schwarz) !important;
}

/* Original Zeile 19822: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOutSearch #searchAllChoiseFormID #searchExpertiseID,
.adminEvaluationOutSearch #searchAllChoiseFormID #searchTrainingID,
.adminEvaluationOutSearch #searchAllChoiseFormID #searchCertNameID {
  height: 3.2em !important;
  min-height: 3.2em !important;
  box-sizing: border-box;
  line-height: 1.3 !important;
}

/* Original Zeile 19833: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOutSearch #searchAllChoiseFormID #searchCertSpecID,
.adminEvaluationOutSearch #searchAllChoiseFormID #searchCertTextID {
  height: 3.2em !important;
  min-height: 3.2em !important;
  box-sizing: border-box;
  line-height: 1.3 !important;
}

/* Original Zeile 19842: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr > td.spaceClass3 {
  height: 0.35em !important;
  line-height: 0.35em !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 0.65em !important;
}

/* Original Zeile 19851: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR3 > td,
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR4 > td {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

/* Original Zeile 19863: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR3 > td,
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR4 > td {
  border-left: var(--le-border-normal) solid var(--ui-border) !important;
  border-right: var(--le-border-normal) solid var(--ui-border) !important;
  box-sizing: border-box;
}

/* Original Zeile 19872: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR3:has(#expButID, #trainingButID, #nameButID) > td,
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR4:has(#keyButID, #specButID, #textButID) > td {
  border-top: var(--le-border-normal) solid var(--ui-border) !important;
  padding-top: 4px !important;
}

/* Original Zeile 19879: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR3:has(#searchExpertiseID, #searchTrainingID, #searchCertNameID) > td,
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR4:has(#searchCertKeyID, #searchCertSpecID, #searchCertTextID) > td {
  border-bottom: var(--le-border-normal) solid var(--ui-border) !important;
  padding-bottom: 4px !important;
}

/* Original Zeile 19887: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr > td.spaceClass3 {
  height: 11px !important;
  min-height: 11px !important;
  line-height: 11px !important;
  font-size: 11px !important;
  padding: 0 !important;
}

/* Original Zeile 19900: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR3:has(#expButID, #trainingButID, #nameButID) > td,
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR4:has(#keyButID, #specButID, #textButID) > td {
  border-radius: 4px 4px 0 0 !important;
}

/* Original Zeile 19906: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR3:has(#searchExpertiseID, #searchTrainingID, #searchCertNameID) > td,
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR4:has(#searchCertKeyID, #searchCertSpecID, #searchCertTextID) > td {
  border-radius: 0 0 4px 4px !important;
}

/* Original Zeile 19916: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR3:has(> td #expButID, > td #trainingButID, > td #nameButID) > td:first-child,
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR4:has(> td #keyButID, > td #specButID, > td #textButID) > td:first-child {
  border-top-left-radius: 4px !important;
}

/* Original Zeile 19920: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR3:has(> td #expButID, > td #trainingButID, > td #nameButID) > td:last-child,
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR4:has(> td #keyButID, > td #specButID, > td #textButID) > td:last-child {
  border-top-right-radius: 4px !important;
}

/* Original Zeile 19924: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR3:has(> td #searchExpertiseID, > td #searchTrainingID, > td #searchCertNameID) > td,
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR4:has(> td #searchCertKeyID, > td #searchCertSpecID, > td #searchCertTextID) > td {
  border-radius: 0 0 4px 4px !important;
}

/* Original Zeile 19929: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR3:has(> td #expButID, > td #trainingButID, > td #nameButID) > td:not(:first-child),
.adminEvaluationOutSearch #searchAllChoiseFormID > table > tbody > tr.certSearchTR4:has(> td #keyButID, > td #specButID, > td #textButID) > td:not(:first-child) {
  border-left: 0 !important;
}

/* Original Zeile 19935: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOutSearch #searchAllChoiseFormID input.buttonWidthBig:is(#expButID, #trainingButID, #nameButID, #keyButID, #specButID, #textButID) {
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-sm, 4px) !important;
  background-color: var(--le-white) !important;
  cursor: pointer;
}


/* Zugehörige PHP-Scripte: certSearch.php; searchCert.php.
   Bestätigte seitenspezifische Ergänzungen; Reihenfolge innerhalb dieser Gruppe beibehalten. */


/* Bild 301 – Filter-Buttons: gleiche Höhe und 3 px Abstand */
.adminEvaluationOut:has(#certMaIdID) .saveSortButtonClass,
.adminEvaluationOut:has(#certMaIdID) .saveSortButtonClassActive {
    box-sizing: border-box !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 3px 4px !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    white-space: normal !important;
    line-height: 1.15 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* Bild 287 – Suchkriterien: durchgehende Containerecken */
.adminEvaluationOutSearch #searchAllChoiseFormID
tr.certSearchTR3 > td,
.adminEvaluationOutSearch #searchAllChoiseFormID
tr.certSearchTR4 > td {
    border-radius: 0 !important;
}

/* Obere Ecken */
.adminEvaluationOutSearch #searchAllChoiseFormID
tr:has(#expButID, #trainingButID, #nameButID, #keyButID, #specButID, #textButID)
> td:first-child {
    border-top-left-radius: 4px !important;
}

.adminEvaluationOutSearch #searchAllChoiseFormID
tr:has(#expButID, #trainingButID, #nameButID, #keyButID, #specButID, #textButID)
> td:last-child {
    border-top-right-radius: 4px !important;
}

/* Bild 287 – alle vier Ecken der inneren Suchkriterien-Container */

/* Rundungen der Tabellenzellen ermöglichen */
.adminEvaluationOutSearch #searchAllChoiseFormID > table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* Hintergrund von den Zeilen auf die Zellen verlagern */
.adminEvaluationOutSearch #searchAllChoiseFormID tr.certSearchTR3,
.adminEvaluationOutSearch #searchAllChoiseFormID tr.certSearchTR4 {
    background: transparent !important;
}

.adminEvaluationOutSearch #searchAllChoiseFormID tr.certSearchTR3 > td {
    background: color-mix(in srgb, var(--certSearchTableBack3) 24%, var(--weiss)) !important;
}

.adminEvaluationOutSearch #searchAllChoiseFormID tr.certSearchTR4 > td {
    background: color-mix(in srgb, var(--certSearchTableBack4) 19%, var(--weiss)) !important;
}

/* Obere linke und rechte Ecke */
.adminEvaluationOutSearch #searchAllChoiseFormID
tr:has(> td #expButID, > td #trainingButID, > td #nameButID,
       > td #keyButID, > td #specButID, > td #textButID)
> td:first-child {
    border-top-left-radius: 6px !important;
}

.adminEvaluationOutSearch #searchAllChoiseFormID
tr:has(> td #expButID, > td #trainingButID, > td #nameButID,
       > td #keyButID, > td #specButID, > td #textButID)
> td:last-child {
    border-top-right-radius: 6px !important;
}

/* Untere linke und rechte Ecke */
.adminEvaluationOutSearch #searchAllChoiseFormID
tr:has(> td #searchExpertiseID, > td #searchTrainingID,
       > td #searchCertNameID, > td #searchCertKeyID,
       > td #searchCertSpecID, > td #searchCertTextID)
> td {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}
/* === Login und Logout: 24 Regeln; Quellreihenfolge innerhalb des Abschnitts beibehalten. === */
/* PHP-Scripte / Bereiche: login.php; logout.php. */

/* Original Zeile 645: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.loginDivClass,
.showLoginErrorClass {
  max-width: calc(100vw - 2rem);
}

/* Original Zeile 13227: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.topLogoutClass {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: var(--le-size-5) !important;
  font-family: var(--le-font-family-main) !important;
  font-size: var(--le-font-size-body) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  color: inherit !important;
}

/* Original Zeile 13282: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.topLogoutClass {
  margin-left: 0 !important;
  padding: var(--le-size-2) var(--le-size-8) !important;
  border: var(--le-border-normal) solid var(--le-white) !important;
  box-sizing: border-box !important;
}

/* Original Zeile 19630: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .loginDivClass {
  width: min(32rem, calc(100vw - 2rem));
  height: auto;
  min-height: 20rem;
  border: var(--le-border-normal) solid var(--ui-border);
  border-radius: var(--le-radius-large);
  overflow: hidden;
  background: var(--ui-surface);
  box-shadow: 0 4px 16px var(--le-theme-shadow);
}

/* Original Zeile 19640: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .tabDivClass { height: 2.8rem; flex: 0 0 2.8rem; }

/* Original Zeile 19641: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .loginTab {
  box-sizing: border-box;
  clip-path: none;
  padding: .7rem .4rem;
  font-size: var(--le-font-size-body);
  font-weight: 600;
  border-bottom: var(--le-border-strong) solid transparent;
}

/* Original Zeile 19649: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .loginTabBackgroundActive {
  background: var(--ui-surface);
  color: var(--ui-blue-900);
  border-bottom-color: var(--ui-blue-700);
}

/* Original Zeile 19654: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .loginTabBackgroundInActive {
  background: var(--ui-blue-100);
  color: var(--ui-text);
  border-bottom-color: var(--ui-border);
}

/* Original Zeile 19659: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .underTabClass {
  box-sizing: border-box;
  min-height: 17rem;
  height: auto;
  padding: 1.5rem 1rem;
  background: var(--ui-surface);
  color: var(--ui-text);
}

/* Original Zeile 19667: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .showTabActiveClass { width: min(100%, 19rem); }

/* Original Zeile 19668: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .loginMaskClass { gap: .6rem; }

/* Original Zeile 19669: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .userFieldClass { box-sizing: border-box; padding: 0; }

/* Original Zeile 19670: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#loginOutDiv .userFieldClass input[type="text"],
#loginOutDiv .userFieldClass input[type="password"] {
  box-sizing: border-box;
  width: 100%;
  min-height: 2.3rem;
  padding: .45rem .65rem;
  border: var(--le-border-normal) solid var(--ui-border-strong);
  border-radius: var(--le-radius-small);
  background: var(--ui-surface);
  color: var(--ui-text);
  font: inherit;
}

/* Original Zeile 19682: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#loginOutDiv .userFieldClass input:focus-visible {
  outline: var(--le-border-strong) solid var(--ui-blue-700);
  outline-offset: 1px;
}

/* Original Zeile 19686: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#loginOutDiv .buttonWidthClassLogin {
  box-sizing: border-box;
  width: 100%;
  min-height: 2.4rem;
  height: auto;
  border: var(--le-border-normal) solid var(--ui-blue-800);
  border-radius: var(--le-radius-small);
  background: var(--ui-blue-800);
  color: var(--le-white);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

/* Original Zeile 19699: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#loginOutDiv .buttonWidthClassLogin:hover { background: var(--ui-blue-900); }

/* Original Zeile 19700: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .forgotText { display: inline-block; margin-top: 1rem; color: var(--ui-blue-800); text-decoration: underline; }

/* Original Zeile 19701: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .forgotPassClass {
  box-sizing: border-box;
  inset: 1rem auto auto 5%;
  width: 90%;
  height: auto;
  min-height: calc(100% - 2rem);
  padding: 1rem;
  border: var(--le-border-normal) solid var(--ui-border);
  border-radius: var(--le-radius-small);
  background: var(--ui-blue-100);
}

/* Original Zeile 19712: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .forgotTextClass { color: var(--ui-text); }

/* Original Zeile 19713: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .showLoginErrorClass { max-width: calc(100vw - 2rem); }

/* Original Zeile 19726: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#loginOutDiv input[type="button"].buttonWidthClassLogin,
#loginOutDiv #forgotPass input[type="button"].buttonWidthClassLogin:not(.buttonTextBold) {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--ui-control-height);
  height: auto;
  padding: .25rem .7rem;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small);
  background: var(--ui-blue-200);
  color: var(--ui-blue-900);
  box-shadow: none !important;
  font: inherit;
  font-weight: normal;
  cursor: pointer;
}

/* Original Zeile 19742: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#loginOutDiv input[type="button"].buttonWidthClassLogin:hover {
  background: var(--ui-blue-300);
}

/* Original Zeile 19748: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#loginOutDiv #forgotPass .userFieldClass:has(> input.buttonWidthClassLogin) + .userFieldClass:has(> input.buttonWidthClassLogin) {
  margin-top: 0.5rem;
}

/* Original Zeile 19753: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#topLogout:empty {
    display: none !important;
}

/* === Mitarbeiter / Stammdaten: 418 Regeln; Quellreihenfolge innerhalb des Abschnitts beibehalten. === */
/* PHP-Scripte / Bereiche: adminChangeBasic.php; employees.php. */

/* Original Zeile 535: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
fieldset,
.discInClass,
.adminMenuOut,
.adminEvaluationOut,
.allStatistikOutAllClass,
.userDataOutClass,
.userDataOutAdminClass {
  border-color: var(--ui-border) !important;
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow);
}

/* Original Zeile 622: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.modulTopShowDataClass,
.modulTopShowDataSelectClass,
.modulTopShowDataSelectClass2,
.userExpertiseInClass,
.userSkillsInClass,
.userDataOutClass {
  width: min(var(--le-size-840), calc(100% - var(--le-size-20)));
  max-width: 100%;
}

/* Original Zeile 631: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.modulTopShowDataAdminClass,
.userExpertiseInAdminClass,
.userSkillsInAdminClass,
.userDataOutAdminClass,
.userEmplInAdminClass {
  width: min(var(--le-layout-min-width), calc(100% - var(--le-size-20)));
  max-width: 100%;
}

/* Original Zeile 1544: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.userEmplOutAdminClass {
  left: 0 !important;
  margin-left: 0 !important;
  width: var(--le-size-1150) !important;
  min-width: var(--le-size-1150) !important;
  background: var(--le-white) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Original Zeile 1554: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.userEmplInAdminClass {
  width: var(--le-layout-min-width) !important;
  min-width: var(--le-layout-min-width) !important;
  background: var(--le-white) !important;
  border: 0 !important;
}

/* Original Zeile 1562: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInEvenAdminClass,
.userEmplRowDownInOddAdminClass {
  box-sizing: border-box;
  width: 100% !important;
  min-height: 2.15rem;
  height: auto !important;
  margin: 0 !important;
  color: var(--le-text-secondary) !important;
  font-weight: normal !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
  border-bottom: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
}

/* Original Zeile 1577: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInEvenAdminClass {
  background: var(--le-cell-blue-bg) !important;
}

/* Original Zeile 1581: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInOddAdminClass {
  background: var(--le-cell-blue-bg-2) !important;
}

/* Original Zeile 1585: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.userEmplRowDownInEvenAdminClass:hover,
.userEmplRowDownInOddAdminClass:hover {
  background: var(--le-cell-blue-bg-3) !important;
}

/* Original Zeile 1591: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInLeftAdminClass {
  box-sizing: border-box;
  width: var(--le-size-185) !important;
  min-width: var(--le-size-185) !important;
  color: var(--le-text-heading) !important;
  background: var(--le-color-rgba-e4e6e700);
  font-weight: 600 !important;
  padding: var(--le-size-5) var(--le-size-8) !important;
  border-right: var(--le-border-normal) solid var(--le-line-soft);
  align-items: center !important;
}

/* Original Zeile 1604: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInRightAdminClass,
.userEmplRowDownInRightAdmin2Class,
.userEmplRowDownInRightAdmin3Class,
.userEmplRowDownInRightAdmin4Class,
.userEmplRowDownInRightAdmin5Class,
.userEmplRowDownInRightAdminCheckClass {
  color: var(--le-text-secondary) !important;
  background: transparent !important;
}

/* Original Zeile 1615: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.userEmplOutAdminClass input[type=text],
.userEmplOutAdminClass input[type=password],
.userEmplOutAdminClass select,
.userEmplOutAdminClass textarea {
  background: var(--le-white) !important;
  color: var(--ui-text) !important;
  border: var(--le-border-normal) solid var(--le-border-soft) !important;
  border-radius: var(--le-radius-small) !important;
  box-shadow: none !important;
}

/* Original Zeile 1627: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInEvenOddTextClass {
  padding-top: var(--le-size-3) !important;
  padding-bottom: var(--le-size-3) !important;
}

/* Original Zeile 1638: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.userEmplOutAdminClass + * {
  box-sizing: border-box;
}

/* Original Zeile 1644: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesContDataClass,
.modulChoiseEmploeesContDataCertClass {
  border-radius: var(--le-radius-small);
}

/* Original Zeile 1650: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.userEmplOutAdminClass .bigCheck {
  transform: scale(1.35);
}

/* Original Zeile 1666: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInRightAdminClass,
.userEmplRowDownInRightAdmin2Class,
.userEmplRowDownInRightAdmin3Class,
.userEmplRowDownInRightAdmin4Class,
.userEmplRowDownInRightAdmin5Class,
.userEmplRowDownInRightAdminCheckClass {
  box-sizing: border-box !important;
  padding-left: var(--le-size-10) !important;
}

/* Original Zeile 1677: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.userEmplOutAdminClass button,
.userEmplOutAdminClass input[type=button],
#modulChoiseEmployeesOut button,
#modulChoiseEmployeesOut input[type=button] {
  background-color: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  box-shadow: none !important;
}

/* Original Zeile 1688: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.userEmplOutAdminClass button:hover,
.userEmplOutAdminClass input[type=button]:hover,
#modulChoiseEmployeesOut button:hover,
#modulChoiseEmployeesOut input[type=button]:hover {
  background-color: var(--ui-blue-300) !important;
  color: var(--ui-blue-900) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 1697: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.userEmplOutAdminClass button:active,
.userEmplOutAdminClass input[type=button]:active,
#modulChoiseEmployeesOut button:active,
#modulChoiseEmployeesOut input[type=button]:active {
  background-color: var(--ui-blue-700) !important;
  color: var(--le-white) !important;
}

/* Original Zeile 1706: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.userEmplOutAdminClass button:disabled,
.userEmplOutAdminClass input[type=button]:disabled,
#modulChoiseEmployeesOut button:disabled,
#modulChoiseEmployeesOut input[type=button]:disabled {
  background-color: var(--le-color-e5eaee) !important;
  color: var(--le-color-8a979f) !important;
  border-color: var(--le-color-cbd4da) !important;
}

/* Original Zeile 1788: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInLeftAdminClass {
  border-right: 0 !important;
  padding-right: var(--le-size-8) !important;
}

/* Original Zeile 1794: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInRightAdminClass,
.userEmplRowDownInRightAdmin2Class,
.userEmplRowDownInRightAdmin3Class,
.userEmplRowDownInRightAdmin4Class,
.userEmplRowDownInRightAdmin5Class,
.userEmplRowDownInRightAdminCheckClass {
  border-left: 0 !important;
  padding-left: var(--le-size-12) !important;
}

/* Original Zeile 1805: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInLeftAdminClass {
  background: var(--le-color-rgba-e4e6e700) !important;
}

/* Original Zeile 1815: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInEvenAdminClass > *,
.userEmplRowDownInOddAdminClass > *,
.userEmplRowDownInEvenOddTextClass > *,
.userEmplRowDownInLeftAdminClass,
.userEmplRowDownInRightAdminClass,
.userEmplRowDownInRightAdmin2Class,
.userEmplRowDownInRightAdmin3Class,
.userEmplRowDownInRightAdmin4Class,
.userEmplRowDownInRightAdmin5Class,
.userEmplRowDownInRightAdminCheckClass {
  border-left: 0 !important;
  border-right: 0 !important;
}

/* Original Zeile 1830: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInEvenAdminClass,
.userEmplRowDownInOddAdminClass {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
  border-bottom: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
}

/* Original Zeile 1845: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInRightAdminClass,
.userEmplRowDownInRightAdmin2Class,
.userEmplRowDownInRightAdmin3Class,
.userEmplRowDownInRightAdmin4Class,
.userEmplRowDownInRightAdmin5Class,
.userEmplRowDownInRightAdminCheckClass {
  box-sizing: border-box !important;
  padding-top: var(--le-size-5) !important;
  padding-bottom: var(--le-size-5) !important;
  padding-left: var(--le-size-12) !important;
  padding-right: var(--le-size-5) !important;
}

/* Original Zeile 1859: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userEmplRowDownInEvenAdminClass,
.userEmplRowDownInOddAdminClass {
  height: auto !important;
  min-height: 2.15rem !important;
  align-items: stretch !important;
}

/* Original Zeile 1873: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmploeesContData.modulChoiseEmploeesContDataClass,
.modulChoiseEmploeesContDataClass {
  box-sizing: border-box !important;
  width: 32em !important;
  min-width: 32em !important;
  min-height: 250px;
  max-height: 70vh !important;

  padding: var(--le-size-12) !important;
  margin-top: 40px;

  background: var(--ui-surface-soft) !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-large) !important;
  box-shadow:
    0 var(--le-size-14) var(--le-size-32) var(--le-color-rgba-d198deae),
    0 var(--le-size-3) var(--le-size-8) var(--le-color-rgba-bba64952) !important;

  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: var(--le-size-4);

  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 1900: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.modulChoiseEmploeesContDataSelectClass {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 2.65rem;
  height: auto !important;

  padding: 0 !important;
  margin: 0 0 var(--le-size-3) 0 !important;

  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: stretch !important;

  background: var(--le-cell-blue-bg) !important;
  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-medium) !important;
  overflow: hidden;
}

/* Original Zeile 1920: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.modulChoiseEmploeesContDataSelectClass:nth-child(even) {
  background: var(--le-color-e4f0f7) !important;
}

/* Original Zeile 1924: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.modulChoiseEmploeesContDataSelectClass:hover {
  background: var(--le-color-d8e9f4) !important;
  border-color: var(--le-color-8fb4ca) !important;
}

/* Original Zeile 1930: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesLeftClass,
.modulChoiseEmploeesLeftProbeClass,
.modulChoiseEmploeesLeftDeleteClass,
.modulChoiseEmploeesLeftNoStatClass,
.modulChoiseEmploeesLeftInactiveClass {
  box-sizing: border-box !important;
  width: auto !important;
  flex: 1 1 auto !important;
  min-width: 0;

  height: auto !important;
  min-height: 2.65rem;

  padding: var(--le-size-6) var(--le-size-10) !important;
  margin: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;

  text-align: left !important;
  font-weight: 500;
  color: var(--ui-text) !important;
  background: transparent !important;
}

/* Original Zeile 1958: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesLeftProbeClass {
  border-left: var(--le-border-accent) solid var(--le-color-e2bd31) !important;
  background: var(--le-color-fff9dc) !important;
}

/* Original Zeile 1963: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesLeftDeleteClass {
  border-left: var(--le-border-accent) solid var(--errorRed) !important;
  background: var(--le-color-fff0f0) !important;
  color: var(--le-color-7e2020) !important;
}

/* Original Zeile 1969: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesLeftNoStatClass {
  border-left: var(--le-border-accent) solid var(--errorOrangewStat) !important;
  background: var(--le-color-fff6df) !important;
}

/* Original Zeile 1974: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesLeftInactiveClass {
  border-left: var(--le-border-accent) solid var(--userInactive) !important;
  background: var(--le-color-fff3e6) !important;
}

/* Original Zeile 1980: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesRightClass {
  box-sizing: border-box !important;
  width: 7.5em !important;
  min-width: 7.5em;

  height: auto !important;
  min-height: 2.65rem;

  padding: var(--le-size-6) var(--le-size-12) !important;
  margin: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;

  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  border-left: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;

  font-weight: 600 !important;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}

/* Original Zeile 2008: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.modulChoiseEmploeesRightClass:hover {
  background: var(--ui-blue-300) !important;
  color: var(--ui-blue-900) !important;
}

/* Original Zeile 2013: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesRightClass:active {
  background: var(--ui-blue-700) !important;
  color: var(--le-white) !important;
}

/* Original Zeile 2053: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesLeftProbeClass,
.modulChoiseEmploeesLeftDeleteClass,
.modulChoiseEmploeesLeftNoStatClass,
.modulChoiseEmploeesLeftInactiveClass {
  border-left: 0 !important;
}

/* Original Zeile 2061: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmploeesContData.modulChoiseEmploeesContDataClass,
.modulChoiseEmploeesContDataClass {
  width: 32em !important;
  min-width: 32em !important;
}

/* Original Zeile 2068: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#modulChoiseEmploeesContData .closeDivButClass,
.modulChoiseEmploeesContDataClass .closeDivButClass {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  align-self: center !important;
  margin: var(--le-size-8) 0 0 0 !important;
}

/* Original Zeile 2079: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.modulChoiseEmploeesContClass > .closeDivButClass,
.modulChoiseEmploeesContCertClass > .closeDivButClass {
  box-sizing: border-box !important;
  width: 32em !important;
  max-width: 32em !important;
  margin: var(--le-size-8) auto 0 auto !important;
}

/* Original Zeile 2092: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesLeftClass,
.modulChoiseEmploeesLeftProbeClass,
.modulChoiseEmploeesLeftDeleteClass,
.modulChoiseEmploeesLeftNoStatClass,
.modulChoiseEmploeesLeftInactiveClass {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 2.85rem !important;
  padding-top: var(--le-size-7) !important;
  padding-bottom: var(--le-size-7) !important;
  padding-left: var(--le-size-10) !important;
  padding-right: var(--le-size-10) !important;
  line-height: 1.25 !important;
}

/* Original Zeile 2109: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesRightClass {
  height: auto !important;
  min-height: 2.85rem !important;
  align-self: stretch !important;
}

/* Original Zeile 2121: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.modulChoiseEmploeesContDataSelectClass {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: stretch !important;
  overflow: hidden !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-medium) !important;

  padding: 0 !important;
}

/* Original Zeile 2135: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesLeftClass,
.modulChoiseEmploeesLeftProbeClass,
.modulChoiseEmploeesLeftDeleteClass,
.modulChoiseEmploeesLeftNoStatClass,
.modulChoiseEmploeesLeftInactiveClass,
.modulChoiseEmploeesRightClass {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Original Zeile 2146: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesLeftClass,
.modulChoiseEmploeesLeftProbeClass,
.modulChoiseEmploeesLeftDeleteClass,
.modulChoiseEmploeesLeftNoStatClass,
.modulChoiseEmploeesLeftInactiveClass {
  align-self: stretch !important;
}

/* Original Zeile 2154: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesRightClass {
  align-self: stretch !important;
  border-left: var(--le-border-normal) solid var(--le-line-soft) !important;
}

/* Original Zeile 2160: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.modulChoiseEmploeesContDataSelectClass:last-of-type {
  margin-bottom: 0 !important;
}

/* Original Zeile 2170: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.modulChoiseEmploeesContDataSelectClass {
  min-height: 2.85rem !important;
  height: auto !important;
  margin-bottom: var(--le-size-3) !important;
  align-items: stretch !important;
}

/* Original Zeile 2179: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesLeftClass,
.modulChoiseEmploeesLeftProbeClass,
.modulChoiseEmploeesLeftDeleteClass,
.modulChoiseEmploeesLeftNoStatClass,
.modulChoiseEmploeesLeftInactiveClass {
  min-height: 2.85rem !important;
  height: auto !important;
  padding: var(--le-size-5) var(--le-size-10) var(--le-size-6) var(--le-size-10) !important;
  line-height: 1.25 !important;
  align-self: stretch !important;
}

/* Original Zeile 2192: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.modulChoiseEmploeesRightClass {
  min-height: 2.85rem !important;
  height: auto !important;
  align-self: stretch !important;
}

/* Original Zeile 2992: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage {
  box-sizing: border-box !important;
  position: relative !important;

  width: var(--le-size-1250) !important;
  min-width: var(--le-size-1250) !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: var(--le-size-10) var(--le-size-5) var(--le-size-24) var(--le-size-5) !important;

  display: block !important;
  overflow: visible !important;

  background: transparent !important;
}

/* Original Zeile 3014: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .leAdminBasicSettingsGrid {
  box-sizing: border-box !important;

  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  display: block !important;
  overflow: visible !important;
}

/* Original Zeile 3041: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .emplChangeDataInRowClass {
  box-sizing: border-box !important;

  width: var(--le-content-width) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 0 var(--le-size-12) 0 !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--le-size-12) !important;

  justify-content: initial !important;
  align-items: stretch !important;

  overflow: visible !important;
}

/* Original Zeile 3066: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass,
.leAdminBasicSettingsPage .emplChangeDataInRecClassHeight {
  box-sizing: border-box !important;

  position: relative !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: var(--le-size-12) !important;

  display: block !important;

  color: var(--ui-text) !important;
  background: var(--le-white) !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;

  box-shadow:
    0 var(--le-size-4) var(--le-size-12) var(--le-color-rgba-897e8f17),
    0 var(--le-size-1) var(--le-size-3) var(--le-color-rgba-487cd67c) !important;

  overflow: visible !important;
}

/* Original Zeile 3099: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClassHeight {
  overflow: hidden !important;
}

/* Original Zeile 3107: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage form {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Original Zeile 3114: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .waitingFormClass,
.leAdminBasicSettingsPage .waitingFormClassDouble,
.leAdminBasicSettingsPage .waitingFormClass4 {
  box-sizing: border-box !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 0 var(--le-size-8) 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}

/* Original Zeile 3132: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage table {
  box-sizing: border-box !important;
  max-width: 100% !important;
  border-collapse: separate;
}

/* Original Zeile 3138: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage td {
  box-sizing: border-box;
  vertical-align: middle;
}

/* Original Zeile 3151: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage td[id^="waitHead"] {
  padding: var(--le-size-8) var(--le-size-10) !important;

  background: var(--ui-blue-100) !important;
  color: var(--le-text-bluegray) !important;

  border: 0 !important;
  border-left: var(--le-border-accent) solid var(--ui-blue-700) !important;
  border-radius: var(--le-radius-medium) !important;

  font-size: var(--le-font-size-body) !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  text-align: left !important;
}

/* Original Zeile 3168: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage td[id^="waitHead"] b,
.leAdminBasicSettingsPage td[id^="waitHead"] strong {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 700 !important;
  color: inherit !important;
}

/* Original Zeile 3177: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage td[id^="waitHead"] table,
.leAdminBasicSettingsPage td[id^="waitHead"] table td {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Original Zeile 3185: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage td[id^="waitHead"] table td:first-child {
  text-align: left !important;
}

/* Original Zeile 3189: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage td[id^="waitHead"] table td:last-child {
  width: var(--le-size-32) !important;
  text-align: right !important;
}

/* Original Zeile 3195: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage td[id^="waitHead"] img {
  width: var(--le-size-20) !important;
  max-width: var(--le-size-20) !important;
  height: auto !important;
  margin: 0 !important;
  vertical-align: middle;
}

/* Original Zeile 3207: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminBasicSettingsPage input[type=text],
.leAdminBasicSettingsPage input[type=password],
.leAdminBasicSettingsPage input[type=date],
.leAdminBasicSettingsPage select,
.leAdminBasicSettingsPage textarea {
  box-sizing: border-box !important;

  min-height: var(--le-size-28) !important;

  background: var(--le-white) !important;
  color: var(--ui-text) !important;

  border: var(--le-border-normal) solid var(--le-color-b6c9d6) !important;
  border-radius: var(--le-radius-small) !important;

  box-shadow: none !important;
}

/* Original Zeile 3227: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminBasicSettingsPage input[type=text],
.leAdminBasicSettingsPage input[type=password],
.leAdminBasicSettingsPage input[type=date],
.leAdminBasicSettingsPage select,
.leAdminBasicSettingsPage textarea {
  max-width: 100% !important;
}

/* Original Zeile 3236: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminBasicSettingsPage input[type=checkbox],
.leAdminBasicSettingsPage input[type=radio] {
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: var(--le-size-2) var(--le-size-6) var(--le-size-2) var(--le-size-2) !important;
}

/* Original Zeile 3253: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .saveSettingButtonClass {
  box-sizing: border-box !important;

  position: relative !important;
  float: none !important;

  width: auto !important;
  min-width: 108px !important;
  max-width: 180px !important;

  height: var(--le-size-28) !important;
  min-height: var(--le-size-28) !important;

  margin: var(--le-size-2) 0 var(--le-size-2) auto !important;
  padding: var(--le-size-4) var(--le-size-10) !important;

  display: inline-flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;

  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;

  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-medium) !important;

  box-shadow: none !important;

  font-size: var(--le-font-size-body) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;

  cursor: pointer !important;
}

/* Original Zeile 3289: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .saveSettingButtonClass:hover {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 3294: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .saveSettingButtonClass:active {
  background: var(--ui-blue-700) !important;
  color: var(--le-white) !important;
}

/* Original Zeile 3300: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .saveSettingButtonClass a,
.leAdminBasicSettingsPage .saveSettingButtonClass a:link,
.leAdminBasicSettingsPage .saveSettingButtonClass a:visited,
.leAdminBasicSettingsPage .saveSettingButtonClass a:hover,
.leAdminBasicSettingsPage .saveSettingButtonClass a:active {
  display: block !important;

  width: 100% !important;

  color: inherit !important;
  text-align: center !important;
  text-decoration: none !important;

  font: inherit !important;
}

/* Original Zeile 3318: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */


/* Original Zeile 3328: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage td > div[style*="width: max-content"] {
  max-width: 100%;
}

/* Original Zeile 3336: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .waitingFormClass + .waitingFormClass,
.leAdminBasicSettingsPage .waitingFormClass + .waitingFormClassDouble,
.leAdminBasicSettingsPage .waitingFormClassDouble + .waitingFormClass,
.leAdminBasicSettingsPage form + form {
  padding-top: var(--le-size-8) !important;
  border-top: var(--le-border-normal) solid var(--le-border-blue) !important;
}

/* Original Zeile 3345: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .waitingFormClass > table > tbody > tr > td,
.leAdminBasicSettingsPage .waitingFormClassDouble > table > tbody > tr > td,
.leAdminBasicSettingsPage .waitingFormClass4 > table > tbody > tr > td {
  padding-top: var(--le-size-4);
  padding-bottom: var(--le-size-4);
}

/* Original Zeile 3356: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage .colorRowBasicTopOut,
.leAdminBasicSettingsPage .colorRowBasicMiddleOut,
.leAdminBasicSettingsPage .colorRowBasisBottomOut {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Original Zeile 3364: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .colorRowBasicMiddleOut {
  margin-top: var(--le-size-8) !important;
  border-top: var(--le-border-normal) solid var(--le-border-blue) !important;
  padding-top: var(--le-size-8) !important;
}

/* Original Zeile 3370: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .colorRowBasicMiddleIn {
  max-height: 560px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 3376: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .colorRowBasicHead {
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Original Zeile 3382: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminBasicSettingsPage .fieldInColorRowBasic input,
.leAdminBasicSettingsPage .fieldInColorRowBasicL input {
  min-height: var(--le-size-24) !important;
  height: var(--le-size-24) !important;
  font-size: var(--le-font-size-small) !important;
}

/* Original Zeile 3393: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass *,
.leAdminBasicSettingsPage .emplChangeDataInRecClassHeight * {
  max-width: 100%;
}

/* Original Zeile 3399: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass:empty {
  display: none !important;
}

/* Original Zeile 3410: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage {
  box-sizing: border-box !important;

  width: var(--le-size-1250) !important;
  min-width: var(--le-size-1250) !important;
  max-width: var(--le-size-1250) !important;

  padding: var(--le-size-10) var(--le-size-5) var(--le-size-24) var(--le-size-5) !important;

  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: var(--le-size-12) !important;

  overflow: visible !important;
}

/* Original Zeile 3429: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .standardLeft.leAdminBasicSettingsGrid {
  box-sizing: border-box !important;

  width: var(--le-width-926) !important;
  min-width: var(--le-width-926) !important;
  max-width: var(--le-width-926) !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  gap: var(--le-size-12) !important;

  overflow: visible !important;
}

/* Original Zeile 3450: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .standardReight {
  box-sizing: border-box !important;

  width: var(--le-size-302) !important;
  min-width: var(--le-size-302) !important;
  max-width: var(--le-size-302) !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  display: block !important;
  overflow: visible !important;
}

/* Original Zeile 3469: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .emplChangeDataInRowClass {
  box-sizing: border-box !important;

  width: var(--le-width-926) !important;
  min-width: var(--le-width-926) !important;
  max-width: var(--le-width-926) !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: var(--le-size-10) !important;

  overflow: visible !important;
}

/* Original Zeile 3495: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass {
  box-sizing: border-box !important;

  flex: 0 0 var(--le-size-302) !important;
  width: var(--le-size-302) !important;
  min-width: var(--le-size-302) !important;
  max-width: var(--le-size-302) !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: var(--le-size-12) !important;

  display: block !important;

  background: var(--le-white) !important;
  color: var(--ui-text) !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;
  box-shadow:
    0 var(--le-size-4) var(--le-size-12) var(--le-color-rgba-897e8f17),
    0 var(--le-size-1) var(--le-size-3) var(--le-color-rgba-487cd67c) !important;

  overflow: visible !important;
}

/* Original Zeile 3525: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecDoubleClass {
  box-sizing: border-box !important;

  flex: 0 0 var(--le-size-614) !important;
  width: var(--le-size-614) !important;
  min-width: var(--le-size-614) !important;
  max-width: var(--le-size-614) !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: var(--le-size-12) !important;

  display: block !important;

  background: var(--le-white) !important;
  color: var(--ui-text) !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;
  box-shadow:
    0 var(--le-size-4) var(--le-size-12) var(--le-color-rgba-897e8f17),
    0 var(--le-size-1) var(--le-size-3) var(--le-color-rgba-487cd67c) !important;

  overflow: visible !important;
}

/* Original Zeile 3555: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .standardReight .emplChangeDataInRecClassHeight {
  box-sizing: border-box !important;

  width: var(--le-size-302) !important;
  min-width: var(--le-size-302) !important;
  max-width: var(--le-size-302) !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: var(--le-size-12) !important;

  display: block !important;

  background: var(--le-white) !important;
  color: var(--ui-text) !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;
  box-shadow:
    0 var(--le-size-4) var(--le-size-12) var(--le-color-rgba-897e8f17),
    0 var(--le-size-1) var(--le-size-3) var(--le-color-rgba-487cd67c) !important;

  overflow: hidden !important;
}

/* Original Zeile 3584: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .emplChangeDataInRowClass > .emplChangeDataInRecClass,
.leAdminBasicSettingsPage .emplChangeDataInRowClass > .emplChangeDataInRecDoubleClass {
  align-self: stretch !important;
}

/* Original Zeile 3591: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass:empty {
  display: block !important;
}

/* Original Zeile 3597: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec15 {
  visibility: visible !important;
}

/* Original Zeile 3602: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecDoubleClass form,
.leAdminBasicSettingsPage .emplChangeDataInRecDoubleClass .waitingFormClassDouble {
  width: 100% !important;
  max-width: 100% !important;
}

/* Original Zeile 3610: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass,
.leAdminBasicSettingsPage .emplChangeDataInRecDoubleClass,
.leAdminBasicSettingsPage .emplChangeDataInRecClassHeight {
  min-width: 0 !important;
}

/* Original Zeile 3617: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass {
  width: var(--le-size-302) !important;
  min-width: var(--le-size-302) !important;
  max-width: var(--le-size-302) !important;
}

/* Original Zeile 3623: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecDoubleClass {
  width: var(--le-size-614) !important;
  min-width: var(--le-size-614) !important;
  max-width: var(--le-size-614) !important;
}

/* Original Zeile 3629: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .standardReight .emplChangeDataInRecClassHeight {
  width: var(--le-size-302) !important;
  min-width: var(--le-size-302) !important;
  max-width: var(--le-size-302) !important;
}

/* Original Zeile 3637: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .saveSettingButtonClass {
  position: relative !important;
  float: none !important;

  width: auto !important;
  min-width: 90px !important;
  max-width: 150px !important;

  margin: var(--le-size-2) auto !important;
}

/* Original Zeile 3649: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage td[id^="waitHead"] {
  background: var(--ui-blue-100) !important;
  color: var(--le-text-bluegray) !important;
  border-left: var(--le-border-accent) solid var(--ui-blue-700) !important;
  border-radius: var(--le-radius-medium) !important;
}

/* Original Zeile 3662: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage {
  width: var(--le-size-1250) !important;
  min-width: var(--le-size-1250) !important;
  max-width: var(--le-size-1250) !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  gap: var(--le-size-12) !important;
  padding: var(--le-size-10) var(--le-size-5) var(--le-size-24) var(--le-size-5) !important;
}

/* Original Zeile 3677: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .standardLeft.leAdminBasicSettingsGrid {
  flex: 0 0 918px !important;
  width: var(--le-width-918) !important;
  min-width: var(--le-width-918) !important;
  max-width: var(--le-width-918) !important;

  display: flex !important;
  flex-direction: column !important;
  gap: var(--le-size-12) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 3692: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .standardReight {
  flex: 0 0 var(--le-size-310) !important;
  width: var(--le-size-310) !important;
  min-width: var(--le-size-310) !important;
  max-width: var(--le-size-310) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 3703: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .emplChangeDataInRowClass {
  box-sizing: border-box !important;

  width: var(--le-width-918) !important;
  min-width: var(--le-width-918) !important;
  max-width: var(--le-width-918) !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: repeat(3, 298px) !important;
  grid-auto-flow: row !important;
  column-gap: var(--le-size-12) !important;
  row-gap: 0 !important;

  align-items: stretch !important;
  justify-content: start !important;

  overflow: visible !important;
}

/* Original Zeile 3730: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass {
  box-sizing: border-box !important;

  width: 298px !important;
  min-width: 0 !important;
  max-width: 298px !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: var(--le-size-12) !important;

  grid-column: span 1;

  overflow: hidden !important;
}

/* Original Zeile 3750: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec2,
.leAdminBasicSettingsPage .emplChangeDataInRecDoubleClass {
  box-sizing: border-box !important;

  width: 608px !important;
  min-width: 0 !important;
  max-width: 608px !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: var(--le-size-12) !important;

  grid-column: span 2 !important;

  overflow: hidden !important;
}

/* Original Zeile 3771: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .standardReight .emplChangeDataInRecClassHeight {
  box-sizing: border-box !important;

  width: var(--le-size-310) !important;
  min-width: var(--le-size-310) !important;
  max-width: var(--le-size-310) !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: var(--le-size-10) !important;

  overflow: hidden !important;
}

/* Original Zeile 3793: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .waitingFormClass,
.leAdminBasicSettingsPage .waitingFormClassDouble,
.leAdminBasicSettingsPage .waitingFormClass4 {
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;

  overflow: visible !important;
}

/* Original Zeile 3814: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage form {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 3824: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass table,
.leAdminBasicSettingsPage .emplChangeDataInRecDoubleClass table,
.leAdminBasicSettingsPage .emplChangeDataInRecClassHeight table {
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  table-layout: auto !important;
}

/* Original Zeile 3838: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass td,
.leAdminBasicSettingsPage .emplChangeDataInRecDoubleClass td {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

/* Original Zeile 3847: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */


/* Original Zeile 3857: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec2 input[type=text],
.leAdminBasicSettingsPage #emplChangeDataInRec2 input[type=password],
.leAdminBasicSettingsPage #emplChangeDataInRec2 select {
  width: 100% !important;
  min-width: 0 !important;
}

/* Original Zeile 3866: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .saveSettingButtonClass,
.leAdminBasicSettingsPage .buttonWidthSmall,
.leAdminBasicSettingsPage .buttonWidthMedium,
.leAdminBasicSettingsPage .buttonWidthLarge,
.leAdminBasicSettingsPage .buttonWidthBig,
.leAdminBasicSettingsPage .buttonWidthBigBig {
  box-sizing: border-box !important;

  width: auto !important;
  min-width: 82px !important;
  max-width: var(--le-size-140) !important;

  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Original Zeile 3883: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec11 td,
.leAdminBasicSettingsPage #emplChangeDataInRec11 div {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Original Zeile 3892: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 3898: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass > *,
.leAdminBasicSettingsPage .emplChangeDataInRecDoubleClass > * {
  max-width: 100% !important;
}

/* Original Zeile 3918: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage {
  box-sizing: border-box !important;

  width: var(--le-size-1250) !important;
  min-width: var(--le-size-1250) !important;
  max-width: var(--le-size-1250) !important;

  margin: 0 !important;
  padding: var(--le-size-10) var(--le-size-5) var(--le-size-24) var(--le-size-5) !important;

  display: grid !important;
  grid-template-columns: repeat(4, 301px) !important;
  grid-auto-rows: auto !important;
  gap: var(--le-size-12) !important;

  justify-content: start !important;
  align-items: stretch !important;

  overflow: visible !important;
}

/* Original Zeile 3941: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */


/* Original Zeile 3951: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass,
.leAdminBasicSettingsPage .emplChangeDataInRecDoubleClass,
.leAdminBasicSettingsPage .emplChangeDataInRecClassHeight {
  box-sizing: border-box !important;

  position: relative !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: var(--le-size-12) !important;

  align-self: stretch !important;

  background: var(--le-white) !important;
  color: var(--ui-text) !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;

  box-shadow:
    0 var(--le-size-4) var(--le-size-12) var(--le-color-rgba-897e8f17),
    0 var(--le-size-1) var(--le-size-3) var(--le-color-rgba-487cd67c) !important;

  overflow: hidden !important;
}

/* Original Zeile 3989: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec1 {
  grid-column: 1 / span 2 !important;
  grid-row: 1 !important;
}

/* Original Zeile 3995: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec2 {
  grid-column: 3 / span 2 !important;
  grid-row: 1 !important;
}

/* Original Zeile 4004: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4009: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4014: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4020: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 {
  grid-column: 4 !important;
  grid-row: 2 / span 2 !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  align-self: stretch !important;
}

/* Original Zeile 4032: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4037: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4042: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4051: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4056: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4061: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4073: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .waitingFormClass,
.leAdminBasicSettingsPage .waitingFormClassDouble,
.leAdminBasicSettingsPage .waitingFormClass4,
.leAdminBasicSettingsPage form,
.leAdminBasicSettingsPage table {
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 4093: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage table {
  table-layout: auto !important;
}

/* Original Zeile 4098: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage td {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

/* Original Zeile 4107: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */


/* Original Zeile 4118: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec2 input[type=text],
.leAdminBasicSettingsPage #emplChangeDataInRec2 input[type=password],
.leAdminBasicSettingsPage #emplChangeDataInRec2 select {
  width: auto !important;
  max-width: 100% !important;
}

/* Original Zeile 4129: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut,
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleOut,
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut,
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicHead {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Original Zeile 4138: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleIn {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;

  max-height: none !important;
  overflow-y: visible !important;
  overflow-x: hidden !important;
}

/* Original Zeile 4154: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec1,
.leAdminBasicSettingsPage #emplChangeDataInRec2,
.leAdminBasicSettingsPage #emplChangeDataInRec5,
.leAdminBasicSettingsPage #emplChangeDataInRec6,
.leAdminBasicSettingsPage #emplChangeDataInRec7,
.leAdminBasicSettingsPage #emplChangeDataInRec9,
.leAdminBasicSettingsPage #emplChangeDataInRec10,
.leAdminBasicSettingsPage #emplChangeDataInRec11,
.leAdminBasicSettingsPage #emplChangeDataInRec13,
.leAdminBasicSettingsPage #emplChangeDataInRec14,
.leAdminBasicSettingsPage #emplChangeDataInRec15,
.leAdminBasicSettingsPage #emplChangeDataInRec17 {
  align-self: stretch !important;
}

/* Original Zeile 4173: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .saveSettingButtonClass {
  box-sizing: border-box !important;

  position: relative !important;
  float: none !important;

  width: auto !important;
  min-width: 90px !important;
  max-width: 150px !important;

  height: var(--le-size-28) !important;
  min-height: var(--le-size-28) !important;

  margin: var(--le-size-2) auto !important;
  padding: var(--le-size-4) var(--le-size-10) !important;

  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Original Zeile 4196: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .buttonWidthSmall,
.leAdminBasicSettingsPage .buttonWidthMedium,
.leAdminBasicSettingsPage .buttonWidthLarge,
.leAdminBasicSettingsPage .buttonWidthBig,
.leAdminBasicSettingsPage .buttonWidthBigBig {
  width: auto !important;
}

/* Original Zeile 4214: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage {
  display: grid !important;
  grid-template-columns: repeat(4, 301px) !important;
  grid-template-rows: auto auto auto auto !important;
  grid-auto-flow: row !important;
  gap: var(--le-size-12) !important;
  align-items: stretch !important;
}

/* Original Zeile 4224: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .standardLeft.leAdminBasicSettingsGrid,
.leAdminBasicSettingsPage .standardReight,
.leAdminBasicSettingsPage .emplChangeDataInRowClass {
  display: contents !important;
}

/* Original Zeile 4235: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec1 {
  grid-column: 1 !important;
  grid-row: 1 !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Original Zeile 4245: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec2 {
  grid-column: 2 / span 2 !important;
  grid-row: 1 !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Original Zeile 4258: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec5 {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

/* Original Zeile 4263: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

/* Original Zeile 4268: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec7 {
  grid-column: 3 !important;
  grid-row: 2 !important;
}

/* Original Zeile 4273: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec9 {
  grid-column: 1 !important;
  grid-row: 3 !important;
}

/* Original Zeile 4278: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec10 {
  grid-column: 2 !important;
  grid-row: 3 !important;
}

/* Original Zeile 4283: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec11 {
  grid-column: 3 !important;
  grid-row: 3 !important;
}

/* Original Zeile 4288: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4293: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4298: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4307: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 {
  grid-column: 4 !important;
  grid-row: 1 / span 4 !important;

  box-sizing: border-box !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;

  display: flex !important;
  flex-direction: column !important;

  align-self: stretch !important;

  overflow: hidden !important;
}

/* Original Zeile 4330: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut {
  flex: 0 0 auto !important;
}

/* Original Zeile 4336: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleOut {
  box-sizing: border-box !important;

  flex: 1 1 auto !important;
  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;
}

/* Original Zeile 4348: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleIn {
  box-sizing: border-box !important;

  flex: 1 1 auto !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 4366: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut {
  flex: 0 0 auto !important;
  margin-top: var(--le-size-6) !important;
}

/* Original Zeile 4375: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec1,
.leAdminBasicSettingsPage #emplChangeDataInRec5,
.leAdminBasicSettingsPage #emplChangeDataInRec6,
.leAdminBasicSettingsPage #emplChangeDataInRec7,
.leAdminBasicSettingsPage #emplChangeDataInRec9,
.leAdminBasicSettingsPage #emplChangeDataInRec10,
.leAdminBasicSettingsPage #emplChangeDataInRec11,
.leAdminBasicSettingsPage #emplChangeDataInRec13,
.leAdminBasicSettingsPage #emplChangeDataInRec14,
.leAdminBasicSettingsPage #emplChangeDataInRec15 {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Original Zeile 4392: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec1,
.leAdminBasicSettingsPage #emplChangeDataInRec2,
.leAdminBasicSettingsPage #emplChangeDataInRec5,
.leAdminBasicSettingsPage #emplChangeDataInRec6,
.leAdminBasicSettingsPage #emplChangeDataInRec7,
.leAdminBasicSettingsPage #emplChangeDataInRec9,
.leAdminBasicSettingsPage #emplChangeDataInRec10,
.leAdminBasicSettingsPage #emplChangeDataInRec11,
.leAdminBasicSettingsPage #emplChangeDataInRec13,
.leAdminBasicSettingsPage #emplChangeDataInRec14,
.leAdminBasicSettingsPage #emplChangeDataInRec15 {
  align-self: stretch !important;
  height: auto !important;
}

/* Original Zeile 4409: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec15 {
  display: block !important;
  visibility: visible !important;
}

/* Original Zeile 4420: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage {
  box-sizing: border-box !important;

  width: var(--le-width-wide) !important;
  min-width: var(--le-width-wide) !important;
  max-width: var(--le-width-wide) !important;

  padding-left: var(--le-size-5) !important;
  padding-right: var(--le-size-5) !important;


  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: var(--le-size-12) !important;

  overflow-x: visible !important;
  overflow-y: visible !important;
}

/* Original Zeile 4439: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass,
.leAdminBasicSettingsPage .emplChangeDataInRecDoubleClass,
.leAdminBasicSettingsPage .emplChangeDataInRecClassHeight {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  overflow-x: visible !important;
}

/* Original Zeile 4450: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage form,
.leAdminBasicSettingsPage table,
.leAdminBasicSettingsPage .waitingFormClass,
.leAdminBasicSettingsPage .waitingFormClassDouble,
.leAdminBasicSettingsPage .waitingFormClass4 {
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  overflow-x: visible !important;
}

/* Original Zeile 4466: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage td,
.leAdminBasicSettingsPage th,
.leAdminBasicSettingsPage div,
.leAdminBasicSettingsPage span,
.leAdminBasicSettingsPage label {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

/* Original Zeile 4478: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminBasicSettingsPage a,
.leAdminBasicSettingsPage input[type=text],
.leAdminBasicSettingsPage input[type=password],
.leAdminBasicSettingsPage textarea {
  max-width: 100% !important;
}

/* Original Zeile 4487: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/* Original Zeile 4492: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleIn {
  width: 100% !important;
  max-width: 100% !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 4501: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleIn > *,
.leAdminBasicSettingsPage #emplChangeDataInRec17 .fieldInColorRowBasic,
.leAdminBasicSettingsPage #emplChangeDataInRec17 .fieldInColorRowBasicL {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Original Zeile 4510: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec2,
.leAdminBasicSettingsPage #emplChangeDataInRec11 {
  min-width: 0 !important;
  max-width: none !important;
}

/* Original Zeile 4536: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage {
  box-sizing: border-box !important;

  width: var(--le-admin-settings-width) !important;
  min-width: var(--le-admin-settings-width) !important;
  max-width: var(--le-admin-settings-width) !important;

  margin: 0 !important;
  padding: var(--le-size-10) var(--le-size-5) var(--le-size-24) var(--le-size-5) !important;

  display: grid !important;


  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: var(--le-size-12) !important;

  align-items: stretch !important;
  justify-content: start !important;

  overflow-x: hidden !important;
  overflow-y: visible !important;
}

/* Original Zeile 4560: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage,
.leAdminBasicSettingsPage .standardLeft,
.leAdminBasicSettingsPage .standardReight,
.leAdminBasicSettingsPage .emplChangeDataInRowClass {
  overflow-x: hidden !important;
}

/* Original Zeile 4571: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .emplChangeDataInRecClass,
.leAdminBasicSettingsPage .emplChangeDataInRecDoubleClass,
.leAdminBasicSettingsPage .emplChangeDataInRecClassHeight {
  box-sizing: border-box !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  overflow-x: hidden !important;
}

/* Original Zeile 4584: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage form,
.leAdminBasicSettingsPage table,
.leAdminBasicSettingsPage .waitingFormClass,
.leAdminBasicSettingsPage .waitingFormClassDouble,
.leAdminBasicSettingsPage .waitingFormClass4 {
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  overflow-x: hidden !important;
}

/* Original Zeile 4604: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage td,
.leAdminBasicSettingsPage th,
.leAdminBasicSettingsPage div,
.leAdminBasicSettingsPage span,
.leAdminBasicSettingsPage label,
.leAdminBasicSettingsPage p {
  max-width: 100% !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* Original Zeile 4618: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage a {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

/* Original Zeile 4624: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminBasicSettingsPage input[type=text],
.leAdminBasicSettingsPage input[type=password],
.leAdminBasicSettingsPage input[type=date],
.leAdminBasicSettingsPage select,
.leAdminBasicSettingsPage textarea {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Original Zeile 4641: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 {
  grid-column: 4 !important;
  grid-row: 1 / span 2 !important;

  box-sizing: border-box !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  height: 620px !important;
  min-height: 620px !important;
  max-height: 620px !important;

  display: flex !important;
  flex-direction: column !important;

  align-self: start !important;

  overflow: hidden !important;
}

/* Original Zeile 4664: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut {
  flex: 0 0 auto !important;

  width: 100% !important;
  max-width: 100% !important;

  overflow: hidden !important;
}

/* Original Zeile 4674: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleOut {
  box-sizing: border-box !important;

  flex: 1 1 auto !important;
  min-height: 0 !important;

  width: 100% !important;
  max-width: 100% !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;
}

/* Original Zeile 4690: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleIn {
  box-sizing: border-box !important;

  flex: 1 1 auto !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  scrollbar-gutter: stable;
}

/* Original Zeile 4710: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut {
  flex: 0 0 auto !important;

  width: 100% !important;
  max-width: 100% !important;

  margin-top: var(--le-size-6) !important;

  overflow: hidden !important;
}

/* Original Zeile 4722: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleIn > *,
.leAdminBasicSettingsPage #emplChangeDataInRec17 .fieldInColorRowBasic,
.leAdminBasicSettingsPage #emplChangeDataInRec17 .fieldInColorRowBasicL,
.leAdminBasicSettingsPage #emplChangeDataInRec17 input {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Original Zeile 4736: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4741: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4746: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4755: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage * {
  scrollbar-width: auto;
}

/* Original Zeile 4759: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage table,
.leAdminBasicSettingsPage tbody,
.leAdminBasicSettingsPage tr,
.leAdminBasicSettingsPage td {
  overflow-x: hidden !important;
}

/* Original Zeile 4782: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage {
  row-gap: var(--le-size-14) !important;
}

/* Original Zeile 4787: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec1,
.leAdminBasicSettingsPage #emplChangeDataInRec2 {
  margin-bottom: var(--le-size-4) !important;
}

/* Original Zeile 4797: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 {
  grid-column: 4 !important;
  grid-row: 1 / span 2 !important;

  height: 390px !important;
  min-height: 390px !important;
  max-height: 390px !important;

  align-self: start !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;
}

/* Original Zeile 4814: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */


/* Original Zeile 4820: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */


/* Original Zeile 4832: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */


/* Original Zeile 4842: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec15 {
  grid-column: 4 !important;
  grid-row: 3 / span 2 !important;

  display: block !important;
  visibility: visible !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  min-height: 330px !important;

  background: var(--le-white) !important;
  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;
  box-shadow:
    0 var(--le-size-4) var(--le-size-12) var(--le-color-rgba-897e8f17),
    0 var(--le-size-1) var(--le-size-3) var(--le-color-rgba-487cd67c) !important;
}

/* Original Zeile 4868: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage::after {
  content: "" !important;

  box-sizing: border-box !important;

  grid-column: 4 !important;
  grid-row: 5 !important;

  display: block !important;

  width: auto !important;
  min-width: 0 !important;
  min-height: 165px !important;

  background: var(--le-white) !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;

  box-shadow:
    0 var(--le-size-4) var(--le-size-12) var(--le-color-rgba-897e8f17),
    0 var(--le-size-1) var(--le-size-3) var(--le-color-rgba-487cd67c) !important;
}

/* Original Zeile 4898: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 4907: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 {
  grid-column: 4 !important;
  grid-row: 1 / span 2 !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  align-self: stretch !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;
}

/* Original Zeile 4924: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleOut {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* Original Zeile 4930: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleIn {
  flex: 1 1 auto !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 4942: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut,
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut {
  flex: 0 0 auto !important;
}

/* Original Zeile 4952: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec15 {
  grid-column: 3 !important;
  grid-row: 4 !important;

  display: block !important;
  visibility: visible !important;

  min-height: 0 !important;
}

/* Original Zeile 4963: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .leAdminBasicEmptyRightRow3 {
  grid-column: 4 !important;
  grid-row: 3 !important;
}

/* Original Zeile 4969: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .leAdminBasicEmptyRightRow4 {
  grid-column: 4 !important;
  grid-row: 4 !important;
}

/* Original Zeile 4975: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .leAdminBasicEmptyCard {
  box-sizing: border-box !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;

  align-self: stretch !important;

  margin: 0 !important;
  padding: var(--le-size-12) !important;

  background: var(--le-white) !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;

  box-shadow:
    0 var(--le-size-4) var(--le-size-12) var(--le-color-rgba-897e8f17),
    0 var(--le-size-1) var(--le-size-3) var(--le-color-rgba-487cd67c) !important;
}

/* Original Zeile 5004: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #waitingSendId2_3 {
  margin-right: var(--le-size-10) !important;
}

/* Original Zeile 5008: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #waitingSendId2_2 {
  margin-left: var(--le-size-10) !important;
  margin-right: 0 !important;
}

/* Original Zeile 5014: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #waitingSendId2_3,
.leAdminBasicSettingsPage #waitingSendId2_2 {
  vertical-align: middle !important;
}

/* Original Zeile 5024: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec9,
.leAdminBasicSettingsPage #emplChangeDataInRec10,
.leAdminBasicSettingsPage #emplChangeDataInRec11,
.leAdminBasicSettingsPage .leAdminBasicEmptyRightRow3 {
  align-self: stretch !important;
}

/* Original Zeile 5031: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec13,
.leAdminBasicSettingsPage #emplChangeDataInRec14,
.leAdminBasicSettingsPage #emplChangeDataInRec15,
.leAdminBasicSettingsPage .leAdminBasicEmptyRightRow4 {
  align-self: stretch !important;
}

/* Original Zeile 5045: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage {
  grid-template-rows: max-content max-content max-content max-content !important;
  align-items: stretch !important;
}

/* Original Zeile 5051: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec1,
.leAdminBasicSettingsPage #emplChangeDataInRec2,
.leAdminBasicSettingsPage #emplChangeDataInRec5,
.leAdminBasicSettingsPage #emplChangeDataInRec6,
.leAdminBasicSettingsPage #emplChangeDataInRec7,
.leAdminBasicSettingsPage #emplChangeDataInRec9,
.leAdminBasicSettingsPage #emplChangeDataInRec10,
.leAdminBasicSettingsPage #emplChangeDataInRec11,
.leAdminBasicSettingsPage #emplChangeDataInRec13,
.leAdminBasicSettingsPage #emplChangeDataInRec14,
.leAdminBasicSettingsPage #emplChangeDataInRec15,
.leAdminBasicSettingsPage .leAdminBasicEmptyRightRow3,
.leAdminBasicSettingsPage .leAdminBasicEmptyRightRow4 {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: stretch !important;
}

/* Original Zeile 5071: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 {
  grid-column: 4 !important;
  grid-row: 1 / 3 !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Original Zeile 5087: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 > * {
  min-height: 0 !important;
  max-width: 100% !important;
}

/* Original Zeile 5092: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* Original Zeile 5099: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleOut {
  box-sizing: border-box !important;
  flex: 1 1 0 !important;
  width: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Original Zeile 5110: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleIn {
  box-sizing: border-box !important;
  flex: 1 1 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable;
}

/* Original Zeile 5123: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-height: 0 !important;
  margin-top: var(--le-size-6) !important;
  overflow: hidden !important;
}

/* Original Zeile 5132: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec9 { grid-column: 1 !important; grid-row: 3 !important; }

/* Original Zeile 5133: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec10 { grid-column: 2 !important; grid-row: 3 !important; }

/* Original Zeile 5134: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec11 { grid-column: 3 !important; grid-row: 3 !important; }

/* Original Zeile 5135: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .leAdminBasicEmptyRightRow3 { grid-column: 4 !important; grid-row: 3 !important; }

/* Original Zeile 5136: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec13 { grid-column: 1 !important; grid-row: 4 !important; }

/* Original Zeile 5137: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec14 { grid-column: 2 !important; grid-row: 4 !important; }

/* Original Zeile 5138: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec15 { grid-column: 3 !important; grid-row: 4 !important; }

/* Original Zeile 5139: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .leAdminBasicEmptyRightRow4 { grid-column: 4 !important; grid-row: 4 !important; }

/* Original Zeile 5142: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 {
  grid-column: 4 !important;
  grid-row: 1 / 3 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Original Zeile 5153: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* Original Zeile 5159: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleOut {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Original Zeile 5167: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleIn {
  flex: 1 1 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 100% !important;
  display: block !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable !important;
}

/* Original Zeile 5180: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleIn > * {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  visibility: visible !important;
}

/* Original Zeile 5186: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: var(--le-size-6) !important;
  overflow: visible !important;
}

/* Original Zeile 5193: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .leAdminBasicEmptyRightRow3 {
  grid-column: 4 !important;
  grid-row: 3 / span 2 !important;
  align-self: stretch !important;
}

/* Original Zeile 5198: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .leAdminBasicEmptyRightRow4 {
  grid-column: 4 !important;
  grid-row: 5 !important;
  min-height: var(--le-size-160) !important;
  align-self: stretch !important;
}

/* Original Zeile 5204: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec15 {
  grid-column: 3 !important;
  grid-row: 4 !important;
}

/* Original Zeile 5208: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage::after {
  content: none !important;
  display: none !important;
}

/* Original Zeile 5222: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec11 {
  grid-column: 3 / span 2 !important;
  grid-row: 3 !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  align-self: stretch !important;
}

/* Original Zeile 5234: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .leAdminBasicEmptyRightRow3 {
  display: none !important;
}

/* Original Zeile 5239: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec13 {
  grid-column: 1 !important;
  grid-row: 4 !important;
}

/* Original Zeile 5244: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec14 {
  grid-column: 2 !important;
  grid-row: 4 !important;
}

/* Original Zeile 5249: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec15 {
  grid-column: 3 !important;
  grid-row: 4 !important;

  display: block !important;
  visibility: visible !important;
}

/* Original Zeile 5258: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .leAdminBasicEmptyRightRow4 {
  grid-column: 4 !important;
  grid-row: 4 !important;

  display: block !important;

  min-height: 0 !important;
  height: auto !important;
  align-self: stretch !important;
}

/* Original Zeile 5270: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 {
  grid-column: 4 !important;
  grid-row: 1 / 3 !important;

  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;

  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;

  overflow: hidden !important;
}

/* Original Zeile 5286: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut {
  box-sizing: border-box !important;

  flex: 0 0 auto !important;

  min-height: 118px !important;
  height: auto !important;

  padding: var(--le-size-8) var(--le-size-8) var(--le-size-10) var(--le-size-8) !important;
  margin: 0 !important;

  overflow: visible !important;
}

/* Original Zeile 5300: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut .colorRowBasicHead {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: var(--le-size-28) !important;
  margin: 0 0 var(--le-size-5) 0 !important;
  align-items: center !important;
}

/* Original Zeile 5308: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut .colorRowBasicHead:last-child {
  margin-bottom: 0 !important;
  padding-top: var(--le-size-3) !important;
}

/* Original Zeile 5313: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #waitingSendId17_1 {
  margin-top: var(--le-size-3) !important;
  margin-bottom: var(--le-size-2) !important;
}

/* Original Zeile 5319: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleOut {
  box-sizing: border-box !important;

  flex: 1 1 0 !important;
  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  padding: var(--le-size-4) var(--le-size-8) !important;
  margin: 0 !important;

  overflow: hidden !important;
}

/* Original Zeile 5334: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleOut > form {
  box-sizing: border-box !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;
}

/* Original Zeile 5347: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleOut > form > .colorRowBasicHead {
  flex: 0 0 auto !important;
  min-height: var(--le-size-28) !important;
  margin-bottom: var(--le-size-4) !important;
}

/* Original Zeile 5353: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleIn {
  box-sizing: border-box !important;

  flex: 1 1 0 !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  scrollbar-gutter: stable !important;
}

/* Original Zeile 5370: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut {
  box-sizing: border-box !important;

  flex: 0 0 auto !important;

  min-height: 52px !important;
  height: auto !important;

  padding: var(--le-size-7) var(--le-size-8) !important;
  margin: 0 !important;

  display: block !important;

  overflow: visible !important;
}

/* Original Zeile 5386: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut table {
  width: 100% !important;
  min-height: 36px !important;
  table-layout: auto !important;
}

/* Original Zeile 5392: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut td {
  padding-top: var(--le-size-3) !important;
  padding-bottom: var(--le-size-3) !important;
  vertical-align: middle !important;
}

/* Original Zeile 5398: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #waitingSendId17_2 {
  margin: 0 0 0 var(--le-size-8) !important;
}

/* Original Zeile 5403: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17,
.leAdminBasicSettingsPage #emplChangeDataInRec17 * {
  min-height: 0;
}

/* Original Zeile 5408: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut {
  min-height: 118px !important;
}

/* Original Zeile 5412: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut {
  min-height: 52px !important;
}

/* Original Zeile 5427: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Original Zeile 5434: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut {
  box-sizing: border-box !important;

  flex: 0 0 auto !important;

  padding: var(--le-size-9) var(--le-size-9) var(--le-size-11) var(--le-size-9) !important;
  margin: 0 0 var(--le-size-8) 0 !important;

  border-bottom: var(--le-border-normal) solid var(--le-border-blue) !important;

  overflow: visible !important;
}

/* Original Zeile 5448: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut .colorRowBasicHead {
  margin-bottom: var(--le-size-6) !important;
}

/* Original Zeile 5452: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut .colorRowBasicHead:last-child {
  margin-bottom: 0 !important;
  padding-top: var(--le-size-5) !important;
}

/* Original Zeile 5458: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleOut {
  box-sizing: border-box !important;

  flex: 1 1 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 var(--le-size-9) var(--le-size-8) var(--le-size-9) !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;
}

/* Original Zeile 5474: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17
.colorRowBasicMiddleOut > form > .colorRowBasicHead {
  flex: 0 0 auto !important;
  margin-bottom: var(--le-size-6) !important;
}

/* Original Zeile 5481: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleIn {
  flex: 1 1 0 !important;
  min-height: 0 !important;

  padding-right: var(--le-size-3) !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 5492: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut {
  box-sizing: border-box !important;

  flex: 0 0 auto !important;

  min-height: 58px !important;

  margin: 0 !important;
  padding: var(--le-size-9) !important;

  border-top: var(--le-border-normal) solid var(--le-border-blue) !important;

  overflow: visible !important;
}

/* Original Zeile 5507: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut table {
  width: 100% !important;
  min-height: 40px !important;
}

/* Original Zeile 5512: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut td {
  padding-top: var(--le-size-4) !important;
  padding-bottom: var(--le-size-4) !important;
  vertical-align: middle !important;
}

/* Original Zeile 5519: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #waitingSendId17_1 {
  margin-top: var(--le-size-5) !important;
  margin-bottom: var(--le-size-1) !important;
}

/* Original Zeile 5525: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #waitingSendId17_2 {
  margin-left: var(--le-size-12) !important;
  margin-right: 0 !important;
}

/* Original Zeile 5535: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage .leAdminBasicEmptyRightRow4 {
  display: none !important;
}

/* Original Zeile 5540: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #leAdminBasicEmptyLast,
.leAdminBasicSettingsPage .leAdminBasicEmptyLast {
  box-sizing: border-box !important;

  grid-column: 4 !important;
  grid-row: 4 !important;

  display: block !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;

  align-self: stretch !important;

  margin: 0 !important;
  padding: var(--le-size-12) !important;

  background: var(--le-white) !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;

  box-shadow:
    0 var(--le-size-4) var(--le-size-12) var(--le-color-rgba-897e8f17),
    0 var(--le-size-1) var(--le-size-3) var(--le-color-rgba-487cd67c) !important;
}

/* Original Zeile 5572: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec15,
.leAdminBasicSettingsPage #leAdminBasicEmptyLast {
  align-self: stretch !important;
}

/* Original Zeile 5583: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 5588: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut {
  margin-bottom: 0 !important;
}

/* Original Zeile 5592: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleOut {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Original Zeile 5597: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut {
  margin-top: 0 !important;
}

/* Original Zeile 5602: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut {
  border-bottom: var(--le-border-normal) solid var(--le-border-blue) !important;
}

/* Original Zeile 5606: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut {
  border-top: var(--le-border-normal) solid var(--le-border-blue) !important;
}

/* Original Zeile 5616: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicTopOut {
  border: var(--le-border-normal) solid var(--le-color-8fb5ce) !important;
  border-radius: var(--le-radius-large) !important;
  padding: var(--le-size-9) !important;
  margin: 0 !important;
}

/* Original Zeile 5624: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleOut {
  border: var(--le-border-normal) solid var(--le-color-8fb5ce) !important;
  border-radius: var(--le-radius-large) !important;
  padding: var(--le-size-7) var(--le-size-9) var(--le-size-8) var(--le-size-9) !important;
  margin: 0 !important;
}

/* Original Zeile 5632: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasisBottomOut {
  border: var(--le-border-normal) solid var(--le-color-8fb5ce) !important;
  border-radius: var(--le-radius-large) !important;
  padding: var(--le-size-9) !important;
  margin: 0 !important;
}

/* Original Zeile 5640: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 {
  gap: var(--le-size-8) !important;
}

/* Original Zeile 5645: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17 .colorRowBasicMiddleIn {
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 5658: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton {
  box-sizing: border-box !important;
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--le-size-6) !important;

  min-width: 118px !important;
  min-height: var(--le-size-28) !important;

  padding: var(--le-size-4) var(--le-size-10) !important;
  margin: 0 !important;

  background: var(--ui-blue-100) !important;
  color: var(--ui-blue-900) !important;

  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-medium) !important;

  box-shadow: none !important;

  font-size: var(--le-font-size-body) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;

  text-decoration: none !important;
  white-space: nowrap !important;

  cursor: pointer !important;
  overflow: hidden !important;
}

/* Original Zeile 5693: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton::before {
  content: "↶";
  display: inline-block;

  font-size: var(--le-font-size-large);
  line-height: 1;
  font-weight: 700;

  color: var(--ui-blue-700);
}

/* Original Zeile 5705: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton::after {
  content: "Standard laden";
  display: inline-block;
}

/* Original Zeile 5715: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton > img[src$="/240.png"],
.leAdminBasicSettingsPage .leLoadStandardButton > img[src$="240.png"] {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  opacity: 0 !important;

  cursor: pointer !important;
  z-index: 2 !important;
}

/* Original Zeile 5733: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton:hover {
  background: var(--ui-blue-200) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 5738: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton:hover::before {
  color: var(--ui-blue-900);
}

/* Original Zeile 5742: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton:active {
  background: var(--ui-blue-700) !important;
  color: var(--le-white) !important;
}

/* Original Zeile 5747: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton:active::before {
  color: var(--le-white) !important;
}

/* Original Zeile 5753: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage td:has(> .leLoadStandardButton) {
  width: auto !important;
  min-width: 128px !important;
  max-width: none !important;
  text-align: right !important;
}

/* Original Zeile 5761: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton {
  margin-right: var(--le-size-8) !important;
}

/* Original Zeile 5771: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton {
  min-width: 86px !important;
  min-height: var(--le-size-28) !important;
  padding: 0 !important;
  margin-right: var(--le-size-8) !important;
  gap: 0 !important;
}

/* Original Zeile 5780: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton::before,
.leAdminBasicSettingsPage .leLoadStandardButton::after {
  content: none !important;
  display: none !important;
}

/* Original Zeile 5786: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .leLoadStandardAction {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--le-size-5) !important;
  width: 100% !important;
  min-height: var(--le-size-28) !important;
  padding: var(--le-size-4) var(--le-size-9) !important;
  cursor: pointer !important;
}

/* Original Zeile 5798: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButtonIcon {
  display: inline-block !important;
  flex: 0 0 auto !important;
  font-size: var(--le-font-size-large) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: var(--ui-blue-700) !important;
}

/* Original Zeile 5807: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButtonText {
  display: inline-block !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Original Zeile 5813: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton:hover .leLoadStandardButtonIcon {
  color: var(--ui-blue-900) !important;
}

/* Original Zeile 5817: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton:active .leLoadStandardButtonIcon {
  color: var(--le-white) !important;
}

/* Original Zeile 5821: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage td:has(.leLoadStandardButton) {
  min-width: 96px !important;
  max-width: none !important;
}

/* Original Zeile 5831: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #waitingSendId17_1,
.leAdminBasicSettingsPage #waitingSendId17_2 {
  width: auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  padding-left: var(--le-size-12) !important;
  padding-right: var(--le-size-12) !important;
}

/* Original Zeile 5842: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #areaFoot1ID,
.leAdminBasicSettingsPage #areaFoot2ID,
.leAdminBasicSettingsPage #areaFoot3ID,
.leAdminBasicSettingsPage #areaFoot4ID {
  box-sizing: border-box !important;
  width: calc(100% - var(--le-size-104)) !important;
  max-width: none !important;
}

/* Original Zeile 5858: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #waitingSendId17_1 {
  width: 150px !important;
  min-width: 150px !important;
  max-width: none !important;
  white-space: nowrap !important;
}

/* Original Zeile 5865: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #waitingSendId17_2 {
  width: 155px !important;
  min-width: 155px !important;
  max-width: none !important;
  white-space: nowrap !important;
}

/* Original Zeile 5875: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #areaFoot1ID,
.leAdminBasicSettingsPage #areaFoot2ID,
.leAdminBasicSettingsPage #areaFoot3ID,
.leAdminBasicSettingsPage #areaFoot4ID {
  box-sizing: border-box !important;
  width: calc(100% - 92px) !important;
  max-width: none !important;
}

/* Original Zeile 5885: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #areaFoot1ID,
.leAdminBasicSettingsPage #areaFoot2ID,
.leAdminBasicSettingsPage #areaFoot3ID,
.leAdminBasicSettingsPage #areaFoot4ID {
  flex: 1 1 auto !important;
}

/* Original Zeile 5902: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec11 #areaFoot1ID,
.leAdminBasicSettingsPage #emplChangeDataInRec11 #areaFoot2ID,
.leAdminBasicSettingsPage #emplChangeDataInRec11 #areaFoot3ID,
.leAdminBasicSettingsPage #emplChangeDataInRec11 #areaFoot4ID {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

/* Original Zeile 5914: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec11 #waitingFormID10_1,
.leAdminBasicSettingsPage #emplChangeDataInRec11 #waitingFormID10_2,
.leAdminBasicSettingsPage #emplChangeDataInRec11 #waitingFormID10_3,
.leAdminBasicSettingsPage #emplChangeDataInRec11 #waitingFormID10_4 {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

/* Original Zeile 5930: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17
.colorRowBasicTopOut .colorRowBasicHead:last-child {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr var(--le-size-160) !important;
  column-gap: var(--le-size-4) !important;
  align-items: center !important;
}

/* Original Zeile 5938: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17
.colorRowBasicTopOut .colorRowBasicHead:last-child > .fieldInColorRowBasic {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  float: none !important;
  display: block !important;
}

/* Original Zeile 5947: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec17
.colorRowBasicTopOut .colorRowBasicHead:last-child > .fieldInColorRowBasic:last-child {
  width: var(--le-size-160) !important;
  min-width: var(--le-size-160) !important;
  justify-self: end !important;
}

/* Original Zeile 5955: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #waitingSendId17_1 {
  box-sizing: border-box !important;
  width: var(--le-size-160) !important;
  min-width: var(--le-size-160) !important;
  max-width: var(--le-size-160) !important;
  white-space: nowrap !important;
}

/* Original Zeile 5968: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec17
.colorRowBasisBottomOut td:has(#waitingSendId17_2) {
  width: 165px !important;
  min-width: 165px !important;
  max-width: 165px !important;
}

/* Original Zeile 5975: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #waitingSendId17_2 {
  box-sizing: border-box !important;
  width: 165px !important;
  min-width: 165px !important;
  max-width: 165px !important;
  white-space: nowrap !important;
  padding-left: var(--le-size-8) !important;
  padding-right: var(--le-size-8) !important;
}

/* Original Zeile 5993: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .leAdminBasicSettingsGrid form > div:last-child,
.leAdminBasicSettingsPage .leAdminBasicSettingsGrid .waitingFormClass > div:last-child,
.leAdminBasicSettingsPage .leAdminBasicSettingsGrid .waitingFormClassDouble > div:last-child {
  text-align: right !important;
}

/* Original Zeile 6003: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButton {
  float: none !important;
}

/* Original Zeile 6012: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec11 form > div:last-child,
.leAdminBasicSettingsPage #emplChangeDataInRec11 .waitingFormClass > div:last-child,
.leAdminBasicSettingsPage #emplChangeDataInRec11 .waitingFormClassDouble > div:last-child {
  text-align: left !important;
}

/* Original Zeile 6022: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage #emplChangeDataInRec11 form div:has(> .leLoadStandardButton) {
  float: none !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Original Zeile 6032: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leAdminBasicSettingsGrid
:not(#emplChangeDataInRec11) form div:has(> .leLoadStandardButton) {
  vertical-align: middle !important;
}

/* Original Zeile 6049: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .leAdminBasicSettingsGrid
div[style*="width: max-content"] {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: var(--le-size-8) !important;
}

/* Original Zeile 6063: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage .leAdminBasicSettingsGrid
div[style*="width: max-content"] > div {
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 6077: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage #emplChangeDataInRec11
td[align="right"] > table {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Original Zeile 6085: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec11
td[align="right"] > table > tbody > tr {
  text-align: left !important;
}

/* Original Zeile 6090: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec11
td[align="right"] > table > tbody > tr > td {
  text-align: left !important;
}

/* Original Zeile 6100: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage img[id^="helpModulDataTextID"] {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: var(--le-size-20) !important;
  height: auto !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 20 !important;
  vertical-align: middle !important;
  cursor: pointer !important;
}

/* Original Zeile 6113: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage a:has(> img[id^="helpModulDataTextID"]) {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: var(--le-size-20) !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 20 !important;
}

/* Original Zeile 6123: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminBasicSettingsPage td:has(a > img[id^="helpModulDataTextID"]) {
  min-width: var(--le-size-28) !important;
  width: var(--le-size-28) !important;
  padding-left: var(--le-size-4) !important;
  padding-right: var(--le-size-2) !important;
  text-align: right !important;
  overflow: visible !important;
}

/* Original Zeile 6136: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButtonIcon::before {
  content: "↶";
}

/* Original Zeile 6141: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminBasicSettingsPage .leLoadStandardButtonText {
  white-space: nowrap !important;
}

/* Original Zeile 6150: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 .leAdminBasicEntryTable,
.leAdminBasicSettingsPage #emplChangeDataInRec10 .leAdminBasicEntryTable {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
}

/* Original Zeile 6158: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 .leAdminBasicHelpHeaderTable,
.leAdminBasicSettingsPage #emplChangeDataInRec10 .leAdminBasicHelpHeaderTable {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  overflow: visible !important;
}

/* Original Zeile 6168: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 .leAdminBasicHelpHeaderTitle,
.leAdminBasicSettingsPage #emplChangeDataInRec10 .leAdminBasicHelpHeaderTitle {
  width: auto !important;
  min-width: 0 !important;
  padding-right: var(--le-size-6) !important;
  overflow: visible !important;
}

/* Original Zeile 6176: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 .leAdminBasicHelpHeaderIcon,
.leAdminBasicSettingsPage #emplChangeDataInRec10 .leAdminBasicHelpHeaderIcon {
  box-sizing: border-box !important;
  width: var(--le-size-32) !important;
  min-width: var(--le-size-32) !important;
  max-width: var(--le-size-32) !important;
  padding: 0 var(--le-size-2) !important;
  text-align: right !important;
  vertical-align: middle !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

/* Original Zeile 6189: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 .leAdminBasicHelpHeaderIcon a,
.leAdminBasicSettingsPage #emplChangeDataInRec10 .leAdminBasicHelpHeaderIcon a {
  display: inline-block !important;
  width: var(--le-size-25) !important;
  height: var(--le-size-25) !important;
  overflow: visible !important;
}

/* Original Zeile 6197: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 .leAdminBasicHelpHeaderIcon img,
.leAdminBasicSettingsPage #emplChangeDataInRec10 .leAdminBasicHelpHeaderIcon img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: var(--le-size-25) !important;
  height: auto !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 30 !important;
}

/* Original Zeile 6214: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 .leAdminBasicEntryTable,
.leAdminBasicSettingsPage #emplChangeDataInRec10 .leAdminBasicEntryTable {
  width: calc(100% - var(--le-size-8)) !important;
  max-width: calc(100% - var(--le-size-8)) !important;
  margin-left: var(--le-size-4) !important;
  margin-right: var(--le-size-4) !important;
  table-layout: fixed !important;
}

/* Original Zeile 6224: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 .leAdminBasicHelpHeaderCell,
.leAdminBasicSettingsPage #emplChangeDataInRec10 .leAdminBasicHelpHeaderCell {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 4px !important;
  padding-right: 0 !important;
  overflow: hidden !important;
}

/* Original Zeile 6239: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 .leAdminBasicHelpHeaderTable,
.leAdminBasicSettingsPage #emplChangeDataInRec10 .leAdminBasicHelpHeaderTable {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  margin: 0 !important;
}

/* Original Zeile 6249: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 .leAdminBasicHelpHeaderTitle,
.leAdminBasicSettingsPage #emplChangeDataInRec10 .leAdminBasicHelpHeaderTitle {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: var(--le-size-6) !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

/* Original Zeile 6262: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 .leAdminBasicHelpHeaderIcon,
.leAdminBasicSettingsPage #emplChangeDataInRec10 .leAdminBasicHelpHeaderIcon {
  box-sizing: border-box !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  padding: 0 var(--le-size-2) !important;
  text-align: right !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

/* Original Zeile 6275: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 .leAdminBasicHelpHeaderIcon a,
.leAdminBasicSettingsPage #emplChangeDataInRec10 .leAdminBasicHelpHeaderIcon a {
  display: block !important;
  box-sizing: border-box !important;
  width: var(--le-size-25) !important;
  max-width: var(--le-size-25) !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Original Zeile 6285: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminBasicSettingsPage #emplChangeDataInRec6 .leAdminBasicHelpHeaderIcon img,
.leAdminBasicSettingsPage #emplChangeDataInRec10 .leAdminBasicHelpHeaderIcon img {
  display: block !important;
  width: var(--le-size-25) !important;
  max-width: var(--le-size-25) !important;
  height: auto !important;
  margin: 0 !important;
}

/* Original Zeile 9372: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminExpertisePage .modulChoiseEmploeesContDataSelectClass {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-medium) !important;
  padding: 0 !important;
  margin-bottom: var(--le-size-3) !important;
}

/* Original Zeile 9383: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertisePage .modulChoiseEmploeesLeftClass {
  min-height: 2.85rem !important;
  height: auto !important;
  padding: var(--le-size-5) var(--le-size-10) var(--le-size-6) var(--le-size-10) !important;
  line-height: 1.25 !important;
  align-self: stretch !important;
}

/* Original Zeile 9391: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertisePage .modulChoiseEmploeesRightClass {
  min-height: 2.85rem !important;
  height: auto !important;
  align-self: stretch !important;
  border-left: var(--le-border-normal) solid var(--le-line-soft) !important;
}

/* Original Zeile 11045: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
fieldset,
.discInClass,
.adminMenuOut,
.adminEvaluationOut,
.allStatistikOutAllClass,
.userDataOutClass,
.userDataOutAdminClass,
.userEmplOutAdminClass,
.leAdminSkillsSummary,
.leAdminSkillsList,
.leAdminSkillsListInner,
.leAdminExpertiseSummary,
.leAdminExpertiseList,
.leAdminExpertiseListInner,
.modulChoiseEmployeesDataClass {
  background-color: var(--le-white) !important;
}

/* Original Zeile 14795: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut {
  color: var(--ui-text) !important;
  background: transparent !important;
  font-size: var(--le-font-size-body) !important;
}

/* Original Zeile 14801: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.adminEmployeesOut .adminEmployeesInTop {
  min-height: 2.5rem !important;
  height: auto !important;
  padding: .45rem .75rem !important;
  box-sizing: border-box !important;
  background: var(--ui-blue-100) !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-large) var(--le-radius-large) 0 0 !important;
  color: var(--ui-blue-900) !important;
  font-weight: 600 !important;
}

/* Original Zeile 14813: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesInBottom {
  box-sizing: border-box !important;
  padding: .85rem !important;
  margin-top: 0 !important;
  gap: 1rem !important;
  background: var(--ui-surface) !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-top: 0 !important;
  border-radius: 0 0 var(--le-radius-large) var(--le-radius-large) !important;
  box-shadow: var(--ui-shadow) !important;
}

/* Original Zeile 14825: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesGroupsClass {
  width: 100% !important;
  gap: 1rem !important;
}

/* Original Zeile 14830: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .employeesGroupsOutLeft {
  box-sizing: border-box !important;
  gap: 1rem !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Original Zeile 14837: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .employeesGroupsInLeft {
  box-sizing: border-box !important;
  padding: .85rem !important;
  background: var(--ui-surface-soft) !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-large) !important;
}

/* Original Zeile 14845: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .employeesGroupsOutFrame,
.adminEmployeesOut .employeesGroupsOutCheckFrame {
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: .85rem !important;
}

/* Original Zeile 14852: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .nameText,
.adminEmployeesOut .nameTextDouble,
.adminEmployeesOut .nameCheck {
  color: var(--ui-text) !important;
  font-size: var(--le-font-size-small) !important;
  font-weight: 600 !important;
}

/* Original Zeile 14860: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .emplGroupsNameText,
.adminEmployeesOut .employeesGroupDescFieldClass,
.adminEmployeesOut .textFieldShort,
.adminEmployeesOut .miRollSelClass,
.adminEmployeesOut .miRollSelClassHeight {
  box-sizing: border-box !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  font-size: var(--le-font-size-body) !important;
}

/* Original Zeile 14873: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .showGroupEplNames {
  box-sizing: border-box !important;
  padding: .35rem !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-surface) !important;
}

/* Original Zeile 14881: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEmployeesOut .emplGroupRow {
  width: 100% !important;
  border-bottom: var(--le-border-normal) solid var(--ui-border) !important;
}

/* Original Zeile 14886: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEmployeesOut .employeesGroupsOutRight {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: .85rem !important;
  background: var(--ui-blue-100) !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-large) !important;
}

/* Original Zeile 14895: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEmployeesOut .emplGroupsButtons {
  gap: .5rem !important;
  height: auto !important;
  margin-top: 0 !important;
}

/* Original Zeile 14901: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEmployeesOut .emplGroupsButtons input[type="button"],
.adminEmployeesOut .showGroupEplSendBut {
  min-height: var(--ui-control-height) !important;
  border: var(--le-border-normal) solid var(--ui-blue-700) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-blue-700) !important;
  color: var(--le-theme-text-inverse) !important;
  font-size: var(--le-font-size-body) !important;
}

/* Original Zeile 14911: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEmployeesOut .emplGroupsButtons input[type="button"]:hover,
.adminEmployeesOut .showGroupEplSendBut:hover {
  background: var(--ui-blue-800) !important;
}

/* Original Zeile 15034: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.adminEmployeesOut .adminEmployeesInTop,
.adminEmployeesOut .adminEmployeesInBottom {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Original Zeile 15056: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEmployeesOut .adminEmployeesGroupsClass,
.adminEmployeesOut .adminEmployeesGroupsMiddleClass,
.adminEmployeesOut .employeesGroupsOutLeft,
.adminEmployeesOut .employeesGroupsInLeft,
.adminEmployeesOut .employeesGroupsOutRight {
  background: transparent !important;
  box-shadow: none !important;
}

/* Original Zeile 15065: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEmployeesOut .employeesGroupsInLeft,
.adminEmployeesOut .employeesGroupsOutRight {
  border: 0 !important;
  border-radius: 0 !important;
}

/* Original Zeile 15072: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesGroupsClass {
  width: 54% !important;
  max-width: 54% !important;
  min-width: 0 !important;
}

/* Original Zeile 15078: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesGroupsMiddleClass {
  width: 46% !important;
  max-width: 46% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  padding-left: 1rem !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Original Zeile 15088: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 15095: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEmployeesOut .emplGroupsButtons input[type="button"],
.adminEmployeesOut .showGroupEplSendBut {
  border-color: var(--ui-border-strong) !important;
  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  box-shadow: none !important;
}

/* Original Zeile 15103: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEmployeesOut .emplGroupsButtons input[type="button"]:hover,
.adminEmployeesOut .showGroupEplSendBut:hover {
  border-color: var(--ui-blue-700) !important;
  background: var(--ui-blue-300) !important;
  color: var(--ui-blue-900) !important;
}

/* Original Zeile 15123: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut {
  width: 65em !important;
  max-width: 100% !important;
  align-items: stretch !important;
}

/* Original Zeile 15129: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.adminEmployeesOut .adminEmployeesInTop,
.adminEmployeesOut .adminEmployeesInBottom {
  width: 100% !important;
  max-width: 100% !important;
}

/* Original Zeile 15135: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesInBottom {
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* Original Zeile 15141: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesGroupsClass {
  flex: 0 0 36em !important;
  width: 36em !important;
  max-width: 36em !important;
  min-width: 0 !important;
}

/* Original Zeile 15148: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesGroupsMiddleClass {
  flex: 0 0 28em !important;
  width: 28em !important;
  max-width: 28em !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Original Zeile 15160: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesGroupsMiddleClass .showGroupEplNames {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Original Zeile 15167: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.adminEmployeesOut .adminEmployeesInTop {
  min-height: 38px !important;
  height: auto !important;
  padding: var(--le-size-6) var(--le-size-10) !important;
  margin: 0 !important;
  background: var(--skillRowHellblau, var(--ui-blue-100)) !important;
  border: 0 !important;
  border-left: var(--le-border-accent) solid var(--buttonBlau) !important;
  border-radius: var(--le-radius-medium) !important;
  color: var(--ui-blue-900) !important;
  font-weight: bold !important;
  align-items: center !important;
}

/* Original Zeile 15203: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesGroupsClass,
.adminEmployeesOut .adminEmployeesGroupsMiddleClass {
  box-sizing: border-box !important;
  background: transparent !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-small) !important;
  box-shadow: none !important;
}

/* Original Zeile 15220: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut {
  width: calc(64em + 2.7rem + var(--le-border-strong)) !important;
  max-width: 100% !important;
}

/* Original Zeile 15225: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesInBottom {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Original Zeile 15232: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesGroupsMiddleClass {
  flex: 0 0 28em !important;
  width: 28em !important;
  max-width: 28em !important;
  min-width: 28em !important;
}

/* Original Zeile 15239: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEmployeesOut .adminEmployeesGroupsMiddleClass .showGroupEplNames,
.adminEmployeesOut .adminEmployeesGroupsMiddleClass .emplGroupRow,
.adminEmployeesOut .adminEmployeesGroupsMiddleClass .emplGroupRowTableClass {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Original Zeile 15270: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.adminEmployeesOut .adminEmployeesInTop {
  margin-bottom: .5rem !important;
}

/* Original Zeile 15274: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesInBottom {
  margin-top: 0 !important;
  align-items: flex-start !important;
}

/* Original Zeile 15280: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesGroupsClass,
.adminEmployeesOut .adminEmployeesGroupsMiddleClass {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: flex-start !important;
}

/* Original Zeile 15289: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesGroupsClass {
  flex: 0 0 var(--le-width-big) !important;
  width: var(--le-width-big) !important;
  max-width: var(--le-width-big) !important;
  padding: var(--le-size-5) !important;
}

/* Original Zeile 15297: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEmployeesOut #groupNameSelectID,
.adminEmployeesOut #employeesGroupsNew,
.adminEmployeesOut #employeesGroupDescFieldID,
.adminEmployeesOut #groupColorSelectID {
  width: var(--le-width-normal) !important;
  min-width: var(--le-width-normal) !important;
  max-width: var(--le-width-normal) !important;
  box-sizing: border-box !important;
}

/* Original Zeile 15307: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEmployeesOut #groupNameSelectID,
.adminEmployeesOut #employeesGroupsNew,
.adminEmployeesOut #groupColorSelectID {
  height: var(--ui-control-height) !important;
}

/* Original Zeile 15315: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesGroupsMiddleClass {
  flex: 0 0 var(--le-width-xlarge) !important;
  width: var(--le-width-xlarge) !important;
  min-width: var(--le-width-xlarge) !important;
  max-width: var(--le-width-xlarge) !important;
  padding: .65rem !important;
}

/* Original Zeile 15323: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesGroupsMiddleClass > .nameText {
  margin-bottom: var(--le-size-5) !important;
}

/* Original Zeile 15327: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesGroupsMiddleClass .showGroupEplNames {
  margin-bottom: var(--le-size-5) !important;
}

/* Original Zeile 15332: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut {
  width: calc(var(--le-width-big) + var(--le-width-xlarge) + 2.7rem + var(--le-border-strong)) !important;
  max-width: 100% !important;
}

/* Original Zeile 15350: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .adminEmployeesInBottom {
  border-top: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-large) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Original Zeile 15360: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEmployeesOut .adminEmployeesGroupsClass,
.adminEmployeesOut .adminEmployeesGroupsMiddleClass,
.adminEmployeesOut .employeesGroupsOutLeft,
.adminEmployeesOut .employeesGroupsInLeft,
.adminEmployeesOut .employeesGroupsOutRight {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Original Zeile 15372: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut #showGroupEplNamesDivID,
.adminEmployeesOut #showGroupEplNamesID {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: visible !important;
}

/* Original Zeile 15381: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEmployeesOut .employeesGroupsOutFrame,
.adminEmployeesOut .employeesGroupsOutCheckFrame {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Original Zeile 17226: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass #userEmplAllFormID {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Original Zeile 17235: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass .userEmplOutAdminClass {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: .75rem !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Original Zeile 17248: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass .userEmplInAdminClass {
  box-sizing: border-box !important;
  flex: 1 1 70% !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* Original Zeile 19521: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.userDataOutClass {
  box-sizing: border-box !important;
  width: min(var(--le-layout-min-width, 1150px), calc(100% - 20px)) !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--le-white) !important;
  color: var(--le-text-secondary) !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Original Zeile 19535: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.userDataOutClass #userDataAllFormID { box-sizing: border-box; width: 100%; max-width: 100%; }

/* Original Zeile 19536: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userDataOutClass .userRowOutClass,
.userDataOutClass .userRowOutMaxClass,
.userDataOutClass .userRowOutHeadClass {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 2.15rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  color: var(--le-text-secondary) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 1px solid var(--le-line-soft) !important;
  border-bottom: 0 !important;
  background: var(--le-cell-blue-bg) !important;
}

/* Original Zeile 19556: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userDataOutClass .userRowOutClass:nth-child(even),
.userDataOutClass .userRowOutMaxClass:nth-child(even) { background: var(--le-cell-blue-bg-2) !important; }

/* Original Zeile 19558: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userDataOutClass .userRowOutHeadClass {
  background: var(--le-summary-strong-bg) !important;
  font-weight: 600 !important;
}

/* Original Zeile 19562: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userDataOutClass .userRowInLeftClass {
  box-sizing: border-box !important;
  flex: 0 0 250px !important;
  width: 250px !important;
  min-width: 0 !important;
  height: auto !important;
  padding: var(--le-size-5, 5px) var(--le-size-8, 8px) !important;
  color: var(--le-text-heading) !important;
  background: transparent !important;
  border: 0 !important;
  font-weight: 600 !important;
}

/* Original Zeile 19574: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userDataOutClass .userRowInRightClass,
.userDataOutClass .userRowInRightClassRight {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  padding: var(--le-size-5, 5px) var(--le-size-12, 12px) !important;
  color: var(--le-text-secondary) !important;
  background: transparent !important;
  border: 0 !important;
}

/* Original Zeile 19586: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userDataOutClass .userRowInRightClassRight { text-align: right !important; }

/* Original Zeile 19587: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.userDataOutClass .userDataText,
.userDataOutClass .userDataTextLong,
.userDataOutClass .miRollSelClass {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-height: 1.9rem !important;
  background: var(--le-white) !important;
  color: var(--ui-text) !important;
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: var(--ui-radius) !important;
}

/* Original Zeile 19598: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userDataOutClass .userRowOutMaxClass .userRowInRightClass table {
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
}

/* Original Zeile 19603: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userDataOutClass .userRowOutMaxClass .userRowInRightClass td {
  background: transparent !important;
  border: 0 !important;
  padding: var(--le-size-5, 5px) !important;
}

/* Original Zeile 19608: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userDataOutClass .userRowOutScreenClass {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  padding: var(--le-size-8, 8px) !important;
  background: var(--le-theme-surface-soft) !important;
  color: var(--le-theme-text-muted) !important;
  overflow-wrap: anywhere;
}


/* Zugehörige PHP-Scripte: adminChangeBasic.php; employees.php.
   Bestätigte seitenspezifische Ergänzungen; Reihenfolge innerhalb dieser Gruppe beibehalten. */
/* Admin > Stammdaten: EIN einheitlicher linker Innenabstand.
   Die aeussere Kopfzelle traegt 4 px, innere Titelzellen keinen weiteren.
   Keine Aenderung an Hilfe-Icons, PHP oder IDs. */
.leAdminBasicSettingsPage td[id^="waitHead"] {
  padding-left: 4px !important;
  padding-right: 0 !important;
}
.leAdminBasicSettingsPage td[id^="waitHead"] > table {
  border-spacing: 0 !important;
  margin: 0 !important;
}
.leAdminBasicSettingsPage td[id^="waitHead"] > table > tbody > tr > td:first-child,
.leAdminBasicSettingsPage td[id^="waitHead"] > table > tr > td:first-child,
.leAdminBasicSettingsPage :is(#emplChangeDataInRec6, #emplChangeDataInRec10) td[id^="waitHead"] .leAdminBasicHelpHeaderTitle {
  padding-left: 0 !important;
  text-align: left !important;
}

/* PDF-Fußzeilentexte: vorhandene Tabellenstruktur der wiederhergestellten PHP-Datei.
   Nur die erste Tabellenzeile im Bereich #emplChangeDataInRec11 gestalten. */
.leAdminBasicSettingsPage #emplChangeDataInRec11 > table > tbody > tr:first-child > td {
  padding-bottom: 6px !important;
}
.leAdminBasicSettingsPage #emplChangeDataInRec11 > table > tbody > tr:first-child > td > table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
}
.leAdminBasicSettingsPage #emplChangeDataInRec11 > table > tbody > tr:first-child > td > table > tbody > tr > td:first-child {
  padding: var(--le-size-8) 4px !important;
  background: var(--ui-blue-100) !important;
  color: var(--le-text-bluegray) !important;
  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-left: var(--le-border-accent) solid var(--ui-blue-700) !important;
  border-right: 0 !important;
  border-radius: var(--le-radius-medium) 0 0 var(--le-radius-medium) !important;
  text-align: left !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}
.leAdminBasicSettingsPage #emplChangeDataInRec11 > table > tbody > tr:first-child > td > table > tbody > tr > td:last-child {
  width: 40px !important;
  background: var(--ui-blue-100) !important;
  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-left: 0 !important;
  border-radius: 0 var(--le-radius-medium) var(--le-radius-medium) 0 !important;
  text-align: right !important;
  vertical-align: middle !important;
}

/* === Prämien / Erfolgsbeteiligung: 205 Regeln; Quellreihenfolge innerhalb des Abschnitts beibehalten. === */
/* PHP-Scripte / Bereiche: adminEmployeesSuccess.php. */

/* Original Zeile 6497: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 1280px !important;
  max-width: none !important;
  height: auto !important;
  min-height: calc(100% - var(--le-size-20)) !important;
  padding: var(--le-size-6) !important;
  margin: 0 !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: var(--le-size-6) !important;
  overflow: visible !important;
}

/* Original Zeile 6512: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessForm {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 1268px !important;
  height: auto !important;
}

/* Original Zeile 6520: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .adminEmployeesInTop {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 38px !important;
  height: auto !important;
  padding: var(--le-size-6) var(--le-size-10) !important;
  margin: 0 !important;

  background: var(--skillRowHellblau, var(--ui-blue-100)) !important;
  border-left: var(--le-border-accent) solid var(--buttonBlau) !important;
  border-radius: var(--le-radius-medium) !important;

  font-weight: bold !important;
  align-items: center !important;
}

/* Original Zeile 6537: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .adminEmployeesInTop2 {
  width: 100% !important;
  height: var(--le-size-4) !important;
  min-height: var(--le-size-4) !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Original Zeile 6547: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesInBottomBonus {
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: var(--le-size-8) !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;
  background: var(--weissTrans) !important;

  overflow: visible !important;
}

/* Original Zeile 6563: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessToolbar {
  box-sizing: border-box !important;
  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;
  min-height: 74px !important;
  height: auto !important;

  display: grid !important;
  grid-template-columns: auto minmax(var(--le-size-300), 1fr) auto auto !important;
  column-gap: var(--le-size-14) !important;
  row-gap: var(--le-size-6) !important;
  align-items: center !important;

  padding: var(--le-size-8) var(--le-size-10) !important;
  margin: 0 0 var(--le-size-10) 0 !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;
  background: var(--skillRowHellblau, var(--le-color-f4f9fc)) !important;
}

/* Original Zeile 6585: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect {
  width: auto !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: var(--le-size-7) !important;
}

/* Original Zeile 6596: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect > div {
  flex: 0 0 auto !important;
}

/* Original Zeile 6600: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusMonthSelClass,
.leAdminEmployeesSuccessPage .bonusYearSelClass {
  box-sizing: border-box !important;
  height: var(--le-size-30) !important;
  border: var(--le-border-normal) solid var(--le-color-9dbfd3) !important;
  border-radius: var(--le-radius-medium) !important;
  background: var(--weiss) !important;
}

/* Original Zeile 6609: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusMonthSelClass {
  width: 120px !important;
}

/* Original Zeile 6613: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusYearSelClass {
  width: 78px !important;
}

/* Original Zeile 6617: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass {
  box-sizing: border-box !important;
  min-width: var(--le-size-300) !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

/* Original Zeile 6624: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass2 {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: var(--le-size-185) !important;
  height: auto !important;
  padding-left: 0 !important;
  align-items: center !important;
  gap: var(--le-size-5) !important;
}

/* Original Zeile 6634: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass2In {
  box-sizing: border-box !important;
}

/* Original Zeile 6639: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions {
  box-sizing: border-box !important;
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: var(--le-size-5) !important;
}

/* Original Zeile 6652: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions > div {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Original Zeile 6658: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSave,
.leAdminEmployeesSuccessPage .bonusButSave2,
.leAdminEmployeesSuccessPage .bonusButSaveExcel {
  box-sizing: border-box !important;
  min-height: var(--le-size-28) !important;
  border-radius: var(--le-radius-medium) !important;
}

/* Original Zeile 6666: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSaveExcel,
.leAdminEmployeesSuccessPage .bonusButSave {
  width: calc(50% - var(--le-size-4)) !important;
  min-width: 0 !important;
  margin-right: var(--le-size-4) !important;
}

/* Original Zeile 6677: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesBonusClass {
  box-sizing: border-box !important;
  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: 0 !important;

  overflow: visible !important;
  align-items: flex-start !important;

  font-size: var(--le-font-size-small) !important;
}

/* Original Zeile 6693: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminEmployeesSuccessPage .bonusRowOut {
  box-sizing: border-box !important;
  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;
  height: auto !important;

  margin: 0 0 var(--le-size-8) 0 !important;
  padding: 0 !important;

  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* Original Zeile 6708: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusRowInTop,
.leAdminEmployeesSuccessPage .bonusRowIn,
.leAdminEmployeesSuccessPage .bonusRowInBlanco,
.leAdminEmployeesSuccessPage .bonusRowInBlancoTop {
  box-sizing: border-box !important;
  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;
  height: var(--le-size-32) !important;
  min-height: var(--le-size-32) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: stretch !important;

  padding: 0 !important;
  margin: 0 !important;
}

/* Original Zeile 6730: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .blancoFrame {
  box-sizing: border-box !important;
  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;
  margin-left: 0 !important;
  padding: 0 !important;
  border-width: var(--le-border-strong) !important;
}

/* Original Zeile 6741: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusField,
.leAdminEmployeesSuccessPage .bonusFieldEnd,
.leAdminEmployeesSuccessPage .bonusFieldL,
.leAdminEmployeesSuccessPage .bonusFieldL2,
.leAdminEmployeesSuccessPage .bonusFieldR,
.leAdminEmployeesSuccessPage .bonusFieldBottom,
.leAdminEmployeesSuccessPage .bonusFieldRPic,
.leAdminEmployeesSuccessPage .bonusFieldExtend {
  box-sizing: border-box !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;

  height: var(--le-size-32) !important;
  min-height: var(--le-size-32) !important;

  padding: var(--le-size-2) var(--le-size-3) !important;
  margin: 0 !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  line-height: 1.15 !important;
  overflow: hidden !important;
}

/* Original Zeile 6768: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldWidth200,
.leAdminEmployeesSuccessPage .bonusFieldWidth200a {
  width: var(--le-size-200) !important;
  min-width: var(--le-size-200) !important;
  max-width: var(--le-size-200) !important;
  flex-basis: var(--le-size-200) !important;
}

/* Original Zeile 6776: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldWidth100 {
  width: var(--le-size-100) !important;
  min-width: var(--le-size-100) !important;
  max-width: var(--le-size-100) !important;
  flex-basis: var(--le-size-100) !important;
}

/* Original Zeile 6783: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldWidth80 {
  width: var(--le-size-80) !important;
  min-width: var(--le-size-80) !important;
  max-width: var(--le-size-80) !important;
  flex-basis: var(--le-size-80) !important;
}

/* Original Zeile 6791: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminEmployeesSuccessPage .bonusFieldText,
.leAdminEmployeesSuccessPage .bonusFieldTextR,
.leAdminEmployeesSuccessPage .bonusFieldTextM,
.leAdminEmployeesSuccessPage .bonusFieldTextL,
.leAdminEmployeesSuccessPage .bonusFieldTextActive {
  position: relative !important;
  box-sizing: border-box !important;

  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  height: var(--le-size-25) !important;
  min-height: var(--le-size-25) !important;

  padding: var(--le-size-2) var(--le-size-4) !important;
  margin: 0 !important;

  border: var(--le-border-normal) solid var(--le-color-c6d8e3) !important;
  border-radius: var(--le-radius-small) !important;
}

/* Original Zeile 6815: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldL,
.leAdminEmployeesSuccessPage .bonusFieldL2 {
  justify-content: center !important;
  align-items: flex-start !important;
  padding-left: var(--le-size-6) !important;
  text-align: left !important;
}

/* Original Zeile 6823: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldL2 table {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

/* Original Zeile 6830: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldL2 td {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Original Zeile 6837: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusFieldTop {
  min-height: var(--le-size-32) !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Original Zeile 6845: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldEnd {
  border-right: var(--le-border-normal) solid var(--schwarz) !important;
}

/* Original Zeile 6850: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldRPic img {
  flex: 0 0 auto !important;
  max-height: var(--le-size-20) !important;
  width: auto !important;
}

/* Original Zeile 6862: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessToolbar {
  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-10) !important;

  min-height: 52px !important;
  padding: var(--le-size-6) var(--le-size-8) !important;
}

/* Original Zeile 6878: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  gap: var(--le-size-5) !important;
}

/* Original Zeile 6885: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass {
  flex: 1 1 auto !important;
  min-width: var(--le-size-300) !important;
  max-width: none !important;
}

/* Original Zeile 6891: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass2 {
  flex: 0 0 auto !important;
  min-width: 175px !important;
  max-width: 210px !important;
}

/* Original Zeile 6897: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions {
  flex: 0 0 260px !important;
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: var(--le-size-4) !important;
}

/* Original Zeile 6911: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions > div:last-child {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: var(--le-size-5) !important;
}

/* Original Zeile 6919: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions .bonusButSaveExcel,
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions .bonusButSave {
  box-sizing: border-box !important;
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Original Zeile 6935: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldRPic {
  box-sizing: border-box !important;
  flex: 0 0 var(--le-size-80) !important;
  width: var(--le-size-80) !important;
  min-width: var(--le-size-80) !important;
  max-width: var(--le-size-80) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: var(--le-size-4) !important;

  padding-left: var(--le-size-3) !important;
  padding-right: var(--le-size-3) !important;
  white-space: nowrap !important;
}

/* Original Zeile 6955: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminEmployeesSuccessPage .leBonusRowArrow {
  box-sizing: border-box !important;
  display: block;
  flex: 0 0 auto !important;

  width: var(--le-size-18) !important;
  height: var(--le-size-18) !important;
  max-width: var(--le-size-18) !important;
  max-height: var(--le-size-18) !important;

  margin: 0 !important;
  padding: var(--le-size-1) !important;

  object-fit: contain !important;
  cursor: pointer !important;
}

/* Original Zeile 6973: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminEmployeesSuccessPage .leBonusRowArrow[style*="visibility: hidden"] {
  width: var(--le-size-18) !important;
  height: var(--le-size-18) !important;
}

/* Original Zeile 6979: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldR.bonusFieldWidth80,
.leAdminEmployeesSuccessPage .bonusField.bonusFieldWidth100 {
  box-sizing: border-box !important;
}

/* Original Zeile 6984: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .bonusFieldR.bonusFieldWidth80 > input,
.leAdminEmployeesSuccessPage .bonusField.bonusFieldWidth100 > input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Original Zeile 6994: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusRowIn,
.leAdminEmployeesSuccessPage .bonusRowInBlanco,
.leAdminEmployeesSuccessPage .bonusRowInBlancoTop {
  overflow: visible !important;
}

/* Original Zeile 7001: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldEnd,
.leAdminEmployeesSuccessPage .bonusFieldR {
  box-sizing: border-box !important;
}

/* Original Zeile 7007: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminEmployeesSuccessPage .adminEmployeesBonusClass,
.leAdminEmployeesSuccessPage .bonusRowOut {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 7026: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminEmployeesSuccessPage .bonusRowIn[style*="display: none"],
.leAdminEmployeesSuccessPage .bonusRowInBlanco[style*="display: none"] {
  display: none !important;
}

/* Original Zeile 7032: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminEmployeesSuccessPage .bonusRowIn[style*="display: flex"],
.leAdminEmployeesSuccessPage .bonusRowInBlanco[style*="display: flex"] {
  display: flex !important;
}

/* Original Zeile 7038: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminEmployeesSuccessPage .bonusRowIn:not([style*="display:"]),
.leAdminEmployeesSuccessPage .bonusRowInBlanco:not([style*="display:"]) {
  display: flex !important;
}

/* Original Zeile 7049: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusRowInTop .bonusFieldTop,
.leAdminEmployeesSuccessPage .bonusRowInBlancoTop .bonusFieldTop {
  box-sizing: border-box !important;
  padding: var(--le-size-2) var(--le-size-2) !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1.05 !important;
  text-align: center !important;

  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/* Original Zeile 7066: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .bonusRowInTop .bonusFieldTop input,
.leAdminEmployeesSuccessPage .bonusRowInBlancoTop .bonusFieldTop input {
  box-sizing: border-box !important;
  width: calc(100% - var(--le-size-2)) !important;
  min-width: 0 !important;
  max-width: calc(100% - var(--le-size-2)) !important;

  height: var(--le-size-24) !important;
  min-height: var(--le-size-24) !important;

  margin: 0 var(--le-size-1) !important;
  padding: var(--le-size-1) var(--le-size-2) !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1 !important;
  text-align: center !important;
}

/* Original Zeile 7085: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusRowInTop .bonusFieldL {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

/* Original Zeile 7090: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusRefresh {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: var(--le-size-22) !important;
  min-height: var(--le-size-22) !important;

  padding: var(--le-size-2) var(--le-size-5) !important;
  margin: 0 var(--le-size-2) 0 0 !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Original Zeile 7111: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldRPic {
  justify-content: center !important;
  gap: var(--le-size-5) !important;
}

/* Original Zeile 7116: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminEmployeesSuccessPage .leBonusRowArrow {
  width: var(--le-size-17) !important;
  min-width: var(--le-size-17) !important;
  max-width: var(--le-size-17) !important;
  height: var(--le-size-17) !important;
  min-height: var(--le-size-17) !important;
  max-height: var(--le-size-17) !important;
  padding: 0 !important;
}

/* Original Zeile 7127: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldExtend,
.leAdminEmployeesSuccessPage .bonusFieldR,
.leAdminEmployeesSuccessPage .bonusFieldEnd {
  padding-left: var(--le-size-3) !important;
  padding-right: var(--le-size-3) !important;
}

/* Original Zeile 7134: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldExtend {
  font-size: var(--le-font-size-small) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Original Zeile 7145: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessToolbar {
  box-sizing: border-box !important;
  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;

  display: grid !important;
  grid-template-columns: var(--le-size-310) minmax(390px, 1fr) var(--le-size-190) var(--le-size-300) !important;
  align-items: center !important;
  column-gap: var(--le-size-10) !important;
  row-gap: var(--le-size-4) !important;

  min-height: 58px !important;
  padding: var(--le-size-6) var(--le-size-8) !important;
}

/* Original Zeile 7162: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect {
  box-sizing: border-box !important;
  width: var(--le-size-310) !important;
  min-width: var(--le-size-310) !important;
  max-width: var(--le-size-310) !important;

  display: grid !important;
  grid-template-columns: 120px var(--le-size-72) var(--le-size-100) !important;
  column-gap: var(--le-size-7) !important;
  align-items: center !important;
}

/* Original Zeile 7175: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect > div {
  min-width: 0 !important;
}

/* Original Zeile 7179: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusMonthSelClass {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

/* Original Zeile 7185: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusYearSelClass {
  width: var(--le-size-72) !important;
  min-width: var(--le-size-72) !important;
  max-width: var(--le-size-72) !important;
}

/* Original Zeile 7191: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect .bonusSelectSave {
  width: var(--le-size-100) !important;
  min-width: var(--le-size-100) !important;
  max-width: var(--le-size-100) !important;
}

/* Original Zeile 7197: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSave2 {
  box-sizing: border-box !important;
  width: var(--le-size-100) !important;
  min-width: var(--le-size-100) !important;
  max-width: var(--le-size-100) !important;
  height: var(--le-size-28) !important;
  padding: var(--le-size-2) var(--le-size-8) !important;
  white-space: nowrap !important;
}

/* Original Zeile 7208: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1.25 !important;
}

/* Original Zeile 7219: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass2 {
  box-sizing: border-box !important;
  width: var(--le-size-190) !important;
  min-width: var(--le-size-190) !important;
  max-width: var(--le-size-190) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: var(--le-size-5) !important;

  font-size: var(--le-font-size-small) !important;
  white-space: nowrap !important;
}

/* Original Zeile 7237: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions {
  box-sizing: border-box !important;
  width: var(--le-size-300) !important;
  min-width: var(--le-size-300) !important;
  max-width: var(--le-size-300) !important;

  display: grid !important;
  grid-template-rows: auto auto !important;
  row-gap: var(--le-size-5) !important;

  padding: 0 !important;
  margin: 0 !important;
}

/* Original Zeile 7251: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions > div:first-child {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;

  font-size: var(--le-font-size-small) !important;
  white-space: nowrap !important;
}

/* Original Zeile 7267: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions > div:last-child {
  box-sizing: border-box !important;
  width: 100% !important;

  display: grid !important;
  grid-template-columns: var(--le-size-190) var(--le-size-105) !important;
  column-gap: var(--le-size-5) !important;
  align-items: stretch !important;
}

/* Original Zeile 7277: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions .bonusButSaveExcel {
  box-sizing: border-box !important;
  width: var(--le-size-190) !important;
  min-width: var(--le-size-190) !important;
  max-width: var(--le-size-190) !important;
  height: var(--le-size-28) !important;
  margin: 0 !important;
  padding: var(--le-size-2) var(--le-size-6) !important;

  font-size: var(--le-font-size-small) !important;
  white-space: nowrap !important;
}

/* Original Zeile 7290: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions .bonusButSave {
  box-sizing: border-box !important;
  width: var(--le-size-105) !important;
  min-width: var(--le-size-105) !important;
  max-width: var(--le-size-105) !important;
  height: var(--le-size-28) !important;
  margin: 0 !important;
  padding: var(--le-size-2) var(--le-size-6) !important;

  font-size: var(--le-font-size-small) !important;
  white-space: nowrap !important;
}

/* Original Zeile 7316: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesInBottomBonus {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: var(--le-content-width) !important;
  padding: var(--le-size-8) !important;
}

/* Original Zeile 7325: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessToolbar {
  box-sizing: border-box !important;
  width: var(--le-width-930) !important;
  min-width: var(--le-width-930) !important;
  max-width: var(--le-width-930) !important;

  min-height: 60px !important;
  height: 60px !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-10) !important;

  margin: 0 !important;
  padding: var(--le-size-6) var(--le-size-8) !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: var(--le-radius-none) !important;
}

/* Original Zeile 7349: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect {
  box-sizing: border-box !important;
  flex: 0 0 var(--le-size-305) !important;
  width: var(--le-size-305) !important;
  min-width: var(--le-size-305) !important;
  max-width: var(--le-size-305) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-6) !important;
}

/* Original Zeile 7364: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect > div {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Original Zeile 7371: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusMonthSelClass {
  box-sizing: border-box !important;
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  height: var(--le-size-30) !important;
}

/* Original Zeile 7379: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusYearSelClass {
  box-sizing: border-box !important;
  width: var(--le-size-72) !important;
  min-width: var(--le-size-72) !important;
  max-width: var(--le-size-72) !important;
  height: var(--le-size-30) !important;
}

/* Original Zeile 7387: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect .bonusSelectSave {
  box-sizing: border-box !important;
  width: 95px !important;
  min-width: 95px !important;
  max-width: 95px !important;
  margin: 0 !important;
}

/* Original Zeile 7396: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 350px !important;
  max-width: none !important;
  height: auto !important;

  padding: 0 var(--le-size-4) !important;
  margin: 0 !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1.3 !important;
  white-space: normal !important;
}

/* Original Zeile 7413: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass2 {
  box-sizing: border-box !important;
  flex: 0 0 var(--le-size-205) !important;
  width: var(--le-size-205) !important;
  min-width: var(--le-size-205) !important;
  max-width: var(--le-size-205) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-5) !important;

  padding: 0 !important;
  margin: 0 !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Original Zeile 7436: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions {
  position: absolute !important;
  top: var(--le-size-8) !important;
  right: var(--le-size-8) !important;

  box-sizing: border-box !important;
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
  min-height: 60px !important;

  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: var(--le-size-5) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 7458: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions > div:first-child {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: var(--le-size-24) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;

  padding: 0 var(--le-size-2) !important;
  margin: 0 !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Original Zeile 7477: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions > div:last-child {
  box-sizing: border-box !important;
  width: 100% !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: var(--le-size-6) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 7497: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSave2,
.leAdminEmployeesSuccessPage .bonusButSaveExcel,
.leAdminEmployeesSuccessPage .bonusButSave {
  box-sizing: border-box !important;
  height: var(--le-size-30) !important;
  min-height: var(--le-size-30) !important;

  border: var(--le-border-normal) solid var(--statistikDunkelBlau) !important;
  border-radius: var(--le-radius-medium) !important;
  background: var(--weiss) !important;

  color: var(--statistikDunkelBlau) !important;
  font-size: var(--le-font-size-small) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;

  padding: var(--le-size-4) var(--le-size-10) !important;
  margin: 0 !important;

  cursor: pointer !important;
  white-space: nowrap !important;
}

/* Original Zeile 7521: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSave2:hover,
.leAdminEmployeesSuccessPage .bonusButSaveExcel:hover,
.leAdminEmployeesSuccessPage .bonusButSave:hover {
  background: var(--skillRowHellblau) !important;
}

/* Original Zeile 7527: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSave2 {
  width: 95px !important;
  min-width: 95px !important;
  max-width: 95px !important;
}

/* Original Zeile 7533: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSaveExcel {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

/* Original Zeile 7539: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */


/* Original Zeile 7550: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusRefresh {
  box-sizing: border-box !important;

  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;

  height: var(--le-size-24) !important;
  min-height: var(--le-size-24) !important;
  max-height: var(--le-size-24) !important;

  border: var(--le-border-normal) solid var(--statistikDunkelBlau) !important;
  border-radius: var(--le-radius-medium) !important;
  background: var(--weiss) !important;

  color: var(--statistikDunkelBlau) !important;
  font-size: var(--le-font-size-small) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;

  padding: var(--le-size-2) var(--le-size-4) !important;
  margin: 0 !important;

  cursor: pointer !important;
  white-space: nowrap !important;
}

/* Original Zeile 7578: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminEmployeesSuccessPage .bonusRefresh:hover {
  background: var(--skillRowHellblau) !important;
}

/* Original Zeile 7583: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusRowInTop a:has(.bonusRefresh) {
  display: inline-flex !important;
  width: auto !important;
  height: var(--le-size-24) !important;
  margin: 0 var(--le-size-3) 0 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

/* Original Zeile 7598: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldRPic {
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: var(--le-size-4) !important;

  width: var(--le-size-80) !important;
  min-width: var(--le-size-80) !important;
  max-width: var(--le-size-80) !important;

  padding: var(--le-size-2) var(--le-size-5) var(--le-size-2) var(--le-size-2) !important;
  margin: 0 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
}

/* Original Zeile 7619: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminEmployeesSuccessPage .bonusFieldRPic .leBonusRowArrow {
  box-sizing: border-box !important;
  flex: 0 0 var(--le-size-17) !important;

  width: var(--le-size-17) !important;
  min-width: var(--le-size-17) !important;
  max-width: var(--le-size-17) !important;
  height: var(--le-size-17) !important;
  min-height: var(--le-size-17) !important;
  max-height: var(--le-size-17) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 7644: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminEmployeesSuccessPage .bonusRowInTop a:has(.bonusRefresh),
.leAdminEmployeesSuccessPage .bonusRowInTop a:has(.bonusRefresh):link,
.leAdminEmployeesSuccessPage .bonusRowInTop a:has(.bonusRefresh):visited,
.leAdminEmployeesSuccessPage .bonusRowInTop a:has(.bonusRefresh):hover,
.leAdminEmployeesSuccessPage .bonusRowInTop a:has(.bonusRefresh):active {
  text-decoration: none !important;
  color: inherit !important;
  border: 0 !important;
  outline: 0 !important;
}

/* Original Zeile 7655: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusRowInTop a:has(.bonusRefresh) *,
.leAdminEmployeesSuccessPage .bonusRefresh {
  text-decoration: none !important;
}

/* Original Zeile 7661: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminEmployeesSuccessPage .bonusRefresh,
.leAdminEmployeesSuccessPage .bonusRefresh:link,
.leAdminEmployeesSuccessPage .bonusRefresh:visited,
.leAdminEmployeesSuccessPage .bonusRefresh:hover,
.leAdminEmployeesSuccessPage .bonusRefresh:active {
  color: var(--statistikDunkelBlau) !important;
  text-decoration: none !important;
}

/* Original Zeile 7675: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesInBottomBonus {
  position: relative !important;
  box-sizing: border-box !important;
  min-width: var(--le-content-width) !important;
}

/* Original Zeile 7682: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessToolbar {
  position: relative !important;
  box-sizing: border-box !important;

  width: var(--le-width-905) !important;
  min-width: var(--le-width-905) !important;
  max-width: var(--le-width-905) !important;
  height: var(--le-size-54) !important;
  min-height: var(--le-size-54) !important;

  display: grid !important;
  grid-template-columns: var(--le-size-300) 385px var(--le-size-200) !important;
  align-items: center !important;
  column-gap: var(--le-size-10) !important;

  padding: var(--le-size-5) var(--le-size-6) !important;
  margin: 0 !important;

  background: transparent !important;
  border: 0 !important;
}

/* Original Zeile 7705: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */


/* Original Zeile 7717: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusMonthSelClass {
  width: var(--le-size-116) !important;
  min-width: var(--le-size-116) !important;
  max-width: var(--le-size-116) !important;
}

/* Original Zeile 7723: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusYearSelClass {
  width: var(--le-size-70) !important;
  min-width: var(--le-size-70) !important;
  max-width: var(--le-size-70) !important;
}

/* Original Zeile 7729: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect .bonusSelectSave,
.leAdminEmployeesSuccessPage .bonusButSave2 {
  width: var(--le-size-100) !important;
  min-width: var(--le-size-100) !important;
  max-width: var(--le-size-100) !important;
}

/* Original Zeile 7737: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass {
  box-sizing: border-box !important;
  width: 385px !important;
  min-width: 385px !important;
  max-width: 385px !important;

  padding: 0 !important;
  margin: 0 !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

/* Original Zeile 7752: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass2 {
  box-sizing: border-box !important;
  width: var(--le-size-200) !important;
  min-width: var(--le-size-200) !important;
  max-width: var(--le-size-200) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-5) !important;

  font-size: var(--le-font-size-small) !important;
  white-space: nowrap !important;
}

/* Original Zeile 7770: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions {
  position: absolute !important;
  top: var(--le-size-6) !important;
  right: var(--le-size-8) !important;

  box-sizing: border-box !important;
  width: 315px !important;
  min-width: 315px !important;
  max-width: 315px !important;
  height: var(--le-size-54) !important;
  min-height: var(--le-size-54) !important;

  display: grid !important;
  grid-template-rows: var(--le-size-20) var(--le-size-30) !important;
  row-gap: var(--le-size-4) !important;

  padding: 0 !important;
  margin: 0 !important;
}

/* Original Zeile 7791: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions > div:first-child {
  box-sizing: border-box !important;
  width: 100% !important;
  height: var(--le-size-20) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: var(--le-size-7) !important;

  padding: 0 !important;
  margin: 0 !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Original Zeile 7812: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions > div:last-child {
  box-sizing: border-box !important;
  width: 100% !important;
  height: var(--le-size-30) !important;

  display: grid !important;
  grid-template-columns: var(--le-size-205) var(--le-size-104) !important;
  column-gap: var(--le-size-6) !important;
  align-items: stretch !important;

  padding: 0 !important;
  margin: 0 !important;
}

/* Original Zeile 7826: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions .bonusButSaveExcel {
  box-sizing: border-box !important;
  width: var(--le-size-205) !important;
  min-width: var(--le-size-205) !important;
  max-width: var(--le-size-205) !important;
  height: var(--le-size-30) !important;
  margin: 0 !important;
}

/* Original Zeile 7835: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions .bonusButSave {
  box-sizing: border-box !important;
  width: var(--le-size-104) !important;
  min-width: var(--le-size-104) !important;
  max-width: var(--le-size-104) !important;
  height: var(--le-size-30) !important;
  margin: 0 !important;
}

/* Original Zeile 7845: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSave2,
.leAdminEmployeesSuccessPage .bonusButSaveExcel,
.leAdminEmployeesSuccessPage .bonusButSave,
.leAdminEmployeesSuccessPage .bonusButSave2 a,
.leAdminEmployeesSuccessPage .bonusButSaveExcel a,
.leAdminEmployeesSuccessPage .bonusButSave a {
  text-decoration: none !important;
}

/* Original Zeile 7855: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusRefresh {
  box-sizing: border-box !important;

  height: var(--le-size-24) !important;
  min-height: var(--le-size-24) !important;

  border: var(--le-border-normal) solid var(--statistikDunkelBlau) !important;
  border-radius: var(--le-radius-medium) !important;
  background: var(--weiss) !important;

  color: var(--statistikDunkelBlau) !important;
  text-decoration: none !important;
  font-size: var(--le-font-size-small) !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  box-shadow: none !important;
}

/* Original Zeile 7884: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage,
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessForm,
.leAdminEmployeesSuccessPage .adminEmployeesInBottomBonus {
  box-sizing: border-box !important;
  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;
}

/* Original Zeile 7894: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .adminEmployeesBonusClass,
.leAdminEmployeesSuccessPage .bonusRowOut,
.leAdminEmployeesSuccessPage .bonusRowInTop,
.leAdminEmployeesSuccessPage .bonusRowIn,
.leAdminEmployeesSuccessPage .bonusRowInBlanco,
.leAdminEmployeesSuccessPage .bonusRowInBlancoTop,
.leAdminEmployeesSuccessPage .blancoFrame {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

/* Original Zeile 7911: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusRowInTop > :last-child,
.leAdminEmployeesSuccessPage .bonusRowIn > :last-child,
.leAdminEmployeesSuccessPage .bonusRowInBlanco > :last-child,
.leAdminEmployeesSuccessPage .bonusRowInBlancoTop > :last-child {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 150px !important;
  max-width: none !important;
}

/* Original Zeile 7923: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessToolbar {
  box-sizing: border-box !important;
  width: var(--le-width-915) !important;
  min-width: var(--le-width-915) !important;
  max-width: var(--le-width-915) !important;
}

/* Original Zeile 7930: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions {
  right: var(--le-size-8) !important;
  width: var(--le-size-305) !important;
  min-width: var(--le-size-305) !important;
  max-width: var(--le-size-305) !important;
}

/* Original Zeile 7938: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions > div:last-child {
  width: var(--le-size-305) !important;
  grid-template-columns: 195px var(--le-size-104) !important;
  column-gap: var(--le-size-6) !important;
}

/* Original Zeile 7944: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions .bonusButSaveExcel {
  width: 195px !important;
  min-width: 195px !important;
  max-width: 195px !important;
}

/* Original Zeile 7951: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .adminEmployeesInTop,
.leAdminEmployeesSuccessPage .adminEmployeesInTop2 {
  box-sizing: border-box !important;
  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;
}

/* Original Zeile 7969: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesInBottomBonus {
  position: relative !important;
  box-sizing: border-box !important;

  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 315px !important;
  grid-template-rows: auto auto !important;
  column-gap: var(--le-size-8) !important;
  row-gap: var(--le-size-8) !important;
  align-items: stretch !important;

  padding: var(--le-size-8) !important;
  margin: 0 !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;
  background: var(--ui-blue-100) !important;
  overflow: visible !important;
}

/* Original Zeile 7994: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessToolbar {
  position: relative !important;
  grid-column: 1 !important;
  grid-row: 1 !important;

  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 58px !important;

  display: grid !important;
  grid-template-columns: var(--le-size-300) minmax(0, 1fr) var(--le-size-205) !important;
  column-gap: var(--le-size-10) !important;
  align-items: center !important;

  margin: 0 !important;
  padding: var(--le-size-4) var(--le-size-6) !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: var(--le-radius-none) !important;
  overflow: visible !important;
}

/* Original Zeile 8021: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect {
  box-sizing: border-box !important;
  width: var(--le-size-300) !important;
  min-width: var(--le-size-300) !important;
  max-width: var(--le-size-300) !important;

  display: grid !important;
  grid-template-columns: var(--le-size-116) var(--le-size-70) var(--le-size-100) !important;
  column-gap: var(--le-size-7) !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8036: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect > div {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8045: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 8052: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 8059: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */


/* Original Zeile 8067: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;

  display: flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 var(--le-size-4) !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

/* Original Zeile 8086: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass2 {
  box-sizing: border-box !important;
  width: var(--le-size-205) !important;
  min-width: var(--le-size-205) !important;
  max-width: var(--le-size-205) !important;
  height: auto !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-5) !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: var(--le-font-size-small) !important;
  white-space: nowrap !important;
}

/* Original Zeile 8108: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;

  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;

  box-sizing: border-box !important;
  width: 315px !important;
  min-width: 315px !important;
  max-width: 315px !important;
  height: auto !important;
  min-height: var(--le-size-54) !important;

  display: grid !important;
  grid-template-rows: var(--le-size-20) var(--le-size-30) !important;
  row-gap: var(--le-size-4) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8134: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessExportOptions {
  box-sizing: border-box !important;
  width: 100% !important;
  height: var(--le-size-20) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-5) !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Original Zeile 8154: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leBonusOptionInput {
  box-sizing: border-box !important;
  width: var(--le-size-13) !important;
  min-width: var(--le-size-13) !important;
  max-width: var(--le-size-13) !important;
  height: var(--le-size-13) !important;
  margin: 0 var(--le-size-2) 0 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8165: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessExportButtons {
  box-sizing: border-box !important;
  width: 100% !important;
  height: var(--le-size-30) !important;

  display: grid !important;
  grid-template-columns: var(--le-size-205) var(--le-size-104) !important;
  column-gap: var(--le-size-6) !important;
  align-items: stretch !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8180: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSave2,
.leAdminEmployeesSuccessPage .bonusButSaveExcel,
.leAdminEmployeesSuccessPage .bonusButSave {
  box-sizing: border-box !important;
  height: var(--le-size-30) !important;
  min-height: var(--le-size-30) !important;

  border: var(--le-border-normal) solid var(--statistikDunkelBlau) !important;
  border-radius: var(--le-radius-medium) !important;
  background: var(--weiss) !important;
  color: var(--statistikDunkelBlau) !important;

  font-size: var(--le-font-size-small) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  margin: 0 !important;
  padding: var(--le-size-4) var(--le-size-8) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

/* Original Zeile 8203: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSave2:hover,
.leAdminEmployeesSuccessPage .bonusButSaveExcel:hover,
.leAdminEmployeesSuccessPage .bonusButSave:hover {
  background: var(--le-info-soft-bg) !important;
}

/* Original Zeile 8209: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */


/* Original Zeile 8215: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSaveExcel {
  width: var(--le-size-205) !important;
  min-width: var(--le-size-205) !important;
  max-width: var(--le-size-205) !important;
}

/* Original Zeile 8221: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */


/* Original Zeile 8228: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesBonusClass {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;

  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8242: Bestimmt die Darstellung beim Überfahren mit der Maus. */


/* Original Zeile 8251: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 8256: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 8268: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesInBottomBonus {
  position: relative !important;
  box-sizing: border-box !important;

  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;

  display: block !important;

  padding: var(--le-size-6) var(--le-size-8) var(--le-size-8) var(--le-size-8) !important;
  margin: 0 !important;

  background: var(--ui-blue-100) !important;
  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;
  overflow: visible !important;
}

/* Original Zeile 8289: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessToolbar {
  position: relative !important;
  box-sizing: border-box !important;

  width: var(--le-width-920) !important;
  min-width: var(--le-width-920) !important;
  max-width: var(--le-width-920) !important;

  min-height: 50px !important;
  height: auto !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-12) !important;

  margin: 0 !important;
  padding: var(--le-size-4) var(--le-size-4) !important;

  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}

/* Original Zeile 8316: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect {
  position: relative !important;
  box-sizing: border-box !important;

  flex: 0 0 var(--le-size-300) !important;
  width: var(--le-size-300) !important;
  min-width: var(--le-size-300) !important;
  max-width: var(--le-size-300) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-7) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8336: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect > div {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8346: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusMonthSelClass {
  width: var(--le-size-116) !important;
  min-width: var(--le-size-116) !important;
  max-width: var(--le-size-116) !important;
  height: var(--le-size-30) !important;
}

/* Original Zeile 8353: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusYearSelClass {
  width: var(--le-size-70) !important;
  min-width: var(--le-size-70) !important;
  max-width: var(--le-size-70) !important;
  height: var(--le-size-30) !important;
}

/* Original Zeile 8360: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect .bonusSelectSave {
  width: var(--le-size-100) !important;
  min-width: var(--le-size-100) !important;
  max-width: var(--le-size-100) !important;
  margin: 0 !important;
}

/* Original Zeile 8368: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass {
  position: relative !important;
  box-sizing: border-box !important;

  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 360px !important;
  max-width: 395px !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

/* Original Zeile 8386: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass2 {
  position: relative !important;
  box-sizing: border-box !important;

  flex: 0 0 var(--le-size-200) !important;
  width: var(--le-size-200) !important;
  min-width: var(--le-size-200) !important;
  max-width: var(--le-size-200) !important;

  height: var(--le-size-30) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-5) !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: var(--le-font-size-small) !important;
  white-space: nowrap !important;
}

/* Original Zeile 8411: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass2In {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

/* Original Zeile 8419: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions {
  position: absolute !important;
  top: var(--le-size-6) !important;
  right: var(--le-size-8) !important;
  left: auto !important;

  box-sizing: border-box !important;

  width: var(--le-size-300) !important;
  min-width: var(--le-size-300) !important;
  max-width: var(--le-size-300) !important;

  height: 50px !important;
  min-height: 50px !important;

  display: grid !important;
  grid-template-rows: var(--le-size-18) var(--le-size-28) !important;
  row-gap: var(--le-size-4) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8442: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessExportOptions {
  box-sizing: border-box !important;
  width: 100% !important;
  height: var(--le-size-18) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-5) !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: var(--le-font-size-small) !important;
  white-space: nowrap !important;
}

/* Original Zeile 8461: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessExportButtons {
  box-sizing: border-box !important;
  width: 100% !important;
  height: var(--le-size-28) !important;

  display: grid !important;
  grid-template-columns: var(--le-size-190) var(--le-size-104) !important;
  column-gap: var(--le-size-6) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8475: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSave2,
.leAdminEmployeesSuccessPage .bonusButSaveExcel,
.leAdminEmployeesSuccessPage .bonusButSave {
  box-sizing: border-box !important;

  height: var(--le-size-28) !important;
  min-height: var(--le-size-28) !important;

  border: var(--le-border-normal) solid var(--statistikDunkelBlau) !important;
  border-radius: var(--le-radius-medium) !important;
  background: var(--weiss) !important;
  color: var(--statistikDunkelBlau) !important;

  font-size: var(--le-font-size-small) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  margin: 0 !important;
  padding: var(--le-size-3) var(--le-size-7) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

/* Original Zeile 8499: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSave2 {
  width: var(--le-size-100) !important;
  min-width: var(--le-size-100) !important;
  max-width: var(--le-size-100) !important;
}

/* Original Zeile 8505: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSaveExcel {
  width: var(--le-size-190) !important;
  min-width: var(--le-size-190) !important;
  max-width: var(--le-size-190) !important;
}

/* Original Zeile 8511: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */


/* Original Zeile 8519: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesBonusClass {
  position: relative !important;
  box-sizing: border-box !important;

  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;

  margin: var(--le-size-8) 0 0 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8532: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminEmployeesSuccessPage .bonusRowInTop a,
.leAdminEmployeesSuccessPage .bonusRowInTop a:link,
.leAdminEmployeesSuccessPage .bonusRowInTop a:visited,
.leAdminEmployeesSuccessPage .bonusRowInTop a:hover,
.leAdminEmployeesSuccessPage .bonusRowInTop a:active {
  color: inherit !important;
  text-decoration: none !important;
}

/* Original Zeile 8541: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusRefresh {
  text-decoration: none !important;
}

/* Original Zeile 8546: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusFieldRPic {
  justify-content: flex-end !important;
  padding-right: var(--le-size-5) !important;
}

/* Original Zeile 8561: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesInBottomBonus {
  box-sizing: border-box !important;
  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;
  padding: var(--le-size-7) var(--le-size-8) var(--le-size-8) var(--le-size-8) !important;
}

/* Original Zeile 8571: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessToolbar {
  box-sizing: border-box !important;
  width: var(--le-width-910) !important;
  min-width: var(--le-width-910) !important;
  max-width: var(--le-width-910) !important;

  min-height: var(--le-size-54) !important;

  display: grid !important;
  grid-template-columns: var(--le-size-300) minmax(0, 1fr) var(--le-size-198) !important;
  column-gap: var(--le-size-10) !important;
  align-items: center !important;

  padding: var(--le-size-3) var(--le-size-2) !important;
  margin: 0 !important;
}

/* Original Zeile 8589: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect {
  box-sizing: border-box !important;
  width: var(--le-size-300) !important;
  min-width: var(--le-size-300) !important;
  max-width: var(--le-size-300) !important;

  display: grid !important;
  grid-template-columns: var(--le-size-116) var(--le-size-70) var(--le-size-100) !important;
  column-gap: var(--le-size-7) !important;
  align-items: center !important;
}

/* Original Zeile 8602: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  padding: 0 var(--le-size-3) !important;
  margin: 0 !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1.25 !important;
}

/* Original Zeile 8616: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass2 {
  box-sizing: border-box !important;
  width: var(--le-size-198) !important;
  min-width: var(--le-size-198) !important;
  max-width: var(--le-size-198) !important;

  padding: 0 !important;
  margin: 0 !important;
}

/* Original Zeile 8627: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions {
  position: absolute !important;
  top: var(--le-size-7) !important;
  right: var(--le-size-8) !important;

  box-sizing: border-box !important;
  width: var(--le-size-302) !important;
  min-width: var(--le-size-302) !important;
  max-width: var(--le-size-302) !important;
  min-height: var(--le-size-54) !important;
  height: var(--le-size-54) !important;

  display: grid !important;
  grid-template-rows: var(--le-size-20) var(--le-size-30) !important;
  row-gap: var(--le-size-4) !important;

  padding: 0 !important;
  margin: 0 !important;
}

/* Original Zeile 8647: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessExportOptions {
  box-sizing: border-box !important;
  width: var(--le-size-302) !important;
  height: var(--le-size-20) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-5) !important;

  padding: 0 var(--le-size-2) !important;
  margin: 0 !important;
}

/* Original Zeile 8663: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessExportButtons {
  box-sizing: border-box !important;
  width: var(--le-size-302) !important;
  height: var(--le-size-30) !important;

  display: grid !important;
  grid-template-columns: 192px var(--le-size-104) !important;
  column-gap: var(--le-size-6) !important;

  padding: 0 !important;
  margin: 0 !important;
}

/* Original Zeile 8676: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSaveExcel {
  width: 192px !important;
  min-width: 192px !important;
  max-width: 192px !important;
}

/* Original Zeile 8682: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSave {
  width: var(--le-size-104) !important;
  min-width: var(--le-size-104) !important;
  max-width: var(--le-size-104) !important;
}

/* Original Zeile 8695: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusRowInTop > .bonusFieldWidth200:first-child,
.leAdminEmployeesSuccessPage .bonusRowInTop > .bonusFieldWidth200a:first-child {
  box-sizing: border-box !important;

  width: var(--le-size-200) !important;
  min-width: var(--le-size-200) !important;
  max-width: var(--le-size-200) !important;
  flex: 0 0 var(--le-size-200) !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap: var(--le-size-4) !important;
  align-items: center !important;

  padding: var(--le-size-3) var(--le-size-4) !important;
  overflow: hidden !important;
}

/* Original Zeile 8714: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusRowInTop > .bonusFieldWidth200:first-child a:has(.bonusRefresh),
.leAdminEmployeesSuccessPage .bonusRowInTop > .bonusFieldWidth200a:first-child a:has(.bonusRefresh) {
  box-sizing: border-box !important;
  display: block !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: var(--le-size-25) !important;

  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;
  text-decoration: none !important;
}

/* Original Zeile 8732: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusRowInTop .bonusRefresh {
  box-sizing: border-box !important;

  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  height: var(--le-size-25) !important;
  min-height: var(--le-size-25) !important;
  max-height: var(--le-size-25) !important;

  margin: 0 !important;
  padding: var(--le-size-2) var(--le-size-4) !important;

  border: var(--le-border-normal) solid var(--statistikDunkelBlau) !important;
  border-radius: var(--le-radius-medium) !important;
  background: var(--weiss) !important;
  color: var(--statistikDunkelBlau) !important;

  font-size: var(--le-font-size-small) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  cursor: pointer !important;
}

/* Original Zeile 8762: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminEmployeesSuccessPage .bonusRowInTop .bonusRefresh:hover {
  background: var(--le-info-soft-bg) !important;
  text-decoration: none !important;
}

/* Original Zeile 8771: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSave2,
.leAdminEmployeesSuccessPage .bonusButSaveExcel,
.leAdminEmployeesSuccessPage .bonusButSave {
  border: var(--le-border-normal) solid var(--statistikDunkelBlau) !important;
  border-radius: var(--le-radius-medium) !important;
  background: var(--weiss) !important;
  color: var(--statistikDunkelBlau) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Original Zeile 8782: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .bonusButSave2:hover,
.leAdminEmployeesSuccessPage .bonusButSaveExcel:hover,
.leAdminEmployeesSuccessPage .bonusButSave:hover {
  background: var(--le-info-soft-bg) !important;
  text-decoration: none !important;
}

/* Original Zeile 8790: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesBonusClass {
  margin-top: var(--le-size-8) !important;
}

/* Original Zeile 8802: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesInBottomBonus {
  position: relative !important;
  box-sizing: border-box !important;

  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;

  display: block !important;

  padding: var(--le-size-6) 0 var(--le-size-8) 0 !important;
  margin: 0 !important;

  background: var(--ui-blue-100) !important;
  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;
  overflow: visible !important;
}

/* Original Zeile 8831: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessToolbar {
  position: relative !important;
  box-sizing: border-box !important;

  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;
  min-height: var(--le-size-54) !important;
  height: auto !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-12) !important;

  padding: var(--le-size-5) var(--le-size-7) !important;
  margin: 0 0 var(--le-size-7) 0 !important;

  background: var(--ui-blue-100) !important;
  border: 0 !important;
  overflow: visible !important;
}

/* Original Zeile 8858: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect {
  position: relative !important;
  box-sizing: border-box !important;

  flex: 0 0 912px !important;
  width: var(--le-width-912) !important;
  min-width: var(--le-width-912) !important;
  max-width: var(--le-width-912) !important;

  display: grid !important;
  grid-template-columns: var(--le-size-116) var(--le-size-70) var(--le-size-100) minmax(390px, 1fr) var(--le-size-198) !important;
  column-gap: var(--le-size-7) !important;
  row-gap: 0 !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8877: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect > div {
  position: relative !important;
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8890: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusMonthSelClass {
  box-sizing: border-box !important;
  width: var(--le-size-116) !important;
  min-width: var(--le-size-116) !important;
  max-width: var(--le-size-116) !important;
  height: var(--le-size-30) !important;
}

/* Original Zeile 8898: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .bonusYearSelClass {
  box-sizing: border-box !important;
  width: var(--le-size-70) !important;
  min-width: var(--le-size-70) !important;
  max-width: var(--le-size-70) !important;
  height: var(--le-size-30) !important;
}

/* Original Zeile 8906: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect .bonusSelectSave {
  box-sizing: border-box !important;
  width: var(--le-size-100) !important;
  min-width: var(--le-size-100) !important;
  max-width: var(--le-size-100) !important;
  margin: 0 !important;
}

/* Original Zeile 8915: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass {
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;

  display: flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 var(--le-size-3) !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

/* Original Zeile 8935: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass2 {
  box-sizing: border-box !important;

  width: var(--le-size-198) !important;
  min-width: var(--le-size-198) !important;
  max-width: var(--le-size-198) !important;
  height: var(--le-size-30) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-5) !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: var(--le-font-size-small) !important;
  white-space: nowrap !important;
}

/* Original Zeile 8957: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .bonusTopClass2In {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8965: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;

  flex: 0 0 var(--le-size-302) !important;

  box-sizing: border-box !important;
  width: var(--le-size-302) !important;
  min-width: var(--le-size-302) !important;
  max-width: var(--le-size-302) !important;
  height: 50px !important;
  min-height: 50px !important;

  display: grid !important;
  grid-template-rows: var(--le-size-18) var(--le-size-28) !important;
  row-gap: var(--le-size-4) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 8988: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessExportOptions {
  box-sizing: border-box !important;
  width: var(--le-size-302) !important;
  height: var(--le-size-18) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-5) !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: var(--le-font-size-small) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Original Zeile 9008: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessExportButtons {
  box-sizing: border-box !important;
  width: var(--le-size-302) !important;
  height: var(--le-size-28) !important;

  display: grid !important;
  grid-template-columns: 192px var(--le-size-104) !important;
  column-gap: var(--le-size-6) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 9026: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .leBonusHeaderActions {
  box-sizing: border-box !important;

  width: var(--le-size-200) !important;
  min-width: var(--le-size-200) !important;
  max-width: var(--le-size-200) !important;
  flex: 0 0 var(--le-size-200) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--le-size-4) !important;

  padding: var(--le-size-2) var(--le-size-4) !important;
  overflow: hidden !important;
}

/* Original Zeile 9045: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .leBonusHeaderActions > a {
  box-sizing: border-box !important;
  display: block !important;

  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: var(--le-size-22) !important;

  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;
  text-decoration: none !important;
}

/* Original Zeile 9062: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .leBonusHeaderActions .bonusRefresh {
  box-sizing: border-box !important;

  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  height: var(--le-size-22) !important;
  min-height: var(--le-size-22) !important;
  max-height: var(--le-size-22) !important;

  margin: 0 !important;
  padding: var(--le-size-2) var(--le-size-5) !important;

  border: var(--le-border-normal) solid var(--statistikDunkelBlau) !important;
  border-radius: var(--le-radius-medium) !important;
  background: var(--weiss) !important;
  color: var(--statistikDunkelBlau) !important;

  font-size: var(--le-font-size-small) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  cursor: pointer !important;
}

/* Original Zeile 9093: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesBonusClass {
  position: relative !important;

  width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 9109: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessToolbar {
  box-sizing: border-box !important;


  border: var(--le-border-strong) solid var(--le-color-9bbfd4) !important;
  border-radius: var(--le-radius-large) !important;
  background: var(--ui-blue-100) !important;


  padding: var(--le-size-6) var(--le-size-7) !important;


  margin: 0 0 var(--le-size-12) 0 !important;
}

/* Original Zeile 9125: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessActions {
  align-self: center !important;
}

/* Original Zeile 9130: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesBonusClass {
  margin-top: 0 !important;
}

/* Original Zeile 9869: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .adminEmployeesInBottomBonus {
  border: 0 !important;
  border-radius: var(--le-radius-none) !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Original Zeile 9878: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessToolbar {
  border: var(--le-border-strong) solid var(--le-color-9bbfd4) !important;
  border-radius: var(--le-radius-large) !important;
  background: var(--ui-blue-100) !important;
}

/* Original Zeile 15182: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .adminEmployeesInTop a:has(> img#helpModulDataTextID) {
  background: transparent url("../ressources/icons/help.svg") center / var(--le-size-22) var(--le-size-22) no-repeat !important;
}

/* Original Zeile 15186: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminEmployeesSuccessPage .adminEmployeesInTop img#helpModulDataTextID[src*="168.png"] {
  opacity: 0 !important;
}


/* Zugehörige PHP-Scripte: adminEmployeesSuccess.php.
   Bestätigte seitenspezifische Ergänzungen; Reihenfolge innerhalb dieser Gruppe beibehalten. */

/* Bild 292 – Test: Aktionsschaltflächen in den Mitarbeiterzeilen bei größerer Schrift */
.leAdminEmployeesSuccessPage .bonusRowInTop > .bonusFieldWidth200:first-child,
.leAdminEmployeesSuccessPage .bonusRowInTop > .bonusFieldWidth200a:first-child {
  align-items: stretch !important;
  overflow: visible !important;
}

.leAdminEmployeesSuccessPage .bonusRowInTop > .bonusFieldWidth200:first-child a:has(.bonusRefresh),
.leAdminEmployeesSuccessPage .bonusRowInTop > .bonusFieldWidth200a:first-child a:has(.bonusRefresh),
.leAdminEmployeesSuccessPage .bonusRowInTop .bonusRefresh {
  height: auto !important;
  min-height: 25px !important;
  max-height: none !important;
}

.leAdminEmployeesSuccessPage .bonusRowInTop .bonusRefresh {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.2 !important;
  padding: 3px 4px !important;
}

/* Bild 304 – ausschließlich Optik der Prämien-Tabelle; keine Eingabefelder oder Maße ändern. */
.leAdminEmployeesSuccessPage .bonusRowOut > .bonusRowInTop {
  background-color: var(--ui-blue-200) !important;
  border-top: 1px solid var(--ui-border-strong) !important;
  border-bottom: 1px solid var(--ui-border-strong) !important;
}
.leAdminEmployeesSuccessPage .bonusRowOut > .bonusRowIn:not([id^="extendRow"]) {
  border-bottom: 1px solid var(--ui-border) !important;
}

/* Bild 305 – Aktionsbuttons in Mitarbeiterzeilen: einheitliche, besser lesbare Optik. */
.leAdminEmployeesSuccessPage .bonusRowInTop > .bonusFieldWidth200:first-child,
.leAdminEmployeesSuccessPage .bonusRowInTop > .bonusFieldWidth200a:first-child {
  align-items: center !important;
  gap: 4px !important;
  padding: 4px !important;
}
.leAdminEmployeesSuccessPage .bonusRowInTop > .bonusFieldWidth200:first-child a:has(.bonusRefresh),
.leAdminEmployeesSuccessPage .bonusRowInTop > .bonusFieldWidth200a:first-child a:has(.bonusRefresh) {
  display: flex !important;
  align-items: stretch !important;
  min-height: 30px !important;
}
.leAdminEmployeesSuccessPage .bonusRowInTop .bonusRefresh {
  min-height: 30px !important;
  padding: 5px 3px !important;
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  font-size: var(--le-font-size-body) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}
.leAdminEmployeesSuccessPage .bonusRowInTop .bonusRefresh:hover {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Bild 305 – ausschließlich Kopf-Buttons an bestätigte Mitarbeiter-Buttons angleichen. */
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect .bonusButSave2,
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessExportButtons .bonusButSaveExcel,
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessExportButtons .bonusButSave {
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  font-size: var(--le-font-size-body) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessPeriodSelect .bonusButSave2:hover,
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessExportButtons .bonusButSaveExcel:hover,
.leAdminEmployeesSuccessPage .leAdminEmployeesSuccessExportButtons .bonusButSave:hover {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}
/* === Kenntnisse / Fähigkeiten: 220 Regeln; Quellreihenfolge innerhalb des Abschnitts beibehalten. === */
/* PHP-Scripte / Bereiche: changeSkills.php; userExpertise.php; userSkills.php. */

/* Original Zeile 704: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsPage {
  position: relative;
  min-width: var(--le-layout-min-width);
  width: max-content;
  min-height: 100%;
  padding: .25rem .5rem 1rem;
  overflow: visible;
}

/* Original Zeile 716: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsPage .modulChoiseEmployeesClass {
  left: 0;
  min-width: 960px;
  padding: .3rem 0;
  gap: var(--le-size-3);
  justify-content: flex-start;
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* Original Zeile 727: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsPage .modulChoiseEmployeesActClass,
.leAdminSkillsPage .modulChoiseEmployeesActTextClass {
  background: var(--ui-blue-800);
  color: var(--le-white);
  border: var(--le-border-normal) solid var(--ui-blue-800);
}

/* Original Zeile 734: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsPage .modulChoiseEmployeesNewClass {
  background: var(--le-color-eef3f7);
  color: var(--ui-blue-900);
  border: var(--le-border-normal) solid var(--ui-border-strong);
  box-shadow: none;
}

/* Original Zeile 741: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsPage .modulChoiseEmployeesCSV_Class {
  background: var(--le-color-eef8ee);
  color: var(--le-color-2d6533);
  border: var(--le-border-normal) solid var(--le-color-a9cdaa);
  box-shadow: none;
}

/* Original Zeile 748: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminSkillsPage .modulChoiseEmployeesNewClass:hover,
.leAdminSkillsPage .modulChoiseEmployeesCSV_Class:hover {
  background: var(--ui-blue-100);
  border-color: var(--ui-blue-700);
  color: var(--ui-blue-900);
}

/* Original Zeile 756: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminSkillsPage .adminSkillChoiseDateTopClass {
  margin: .25rem 0 .55rem;
  padding: .2rem 0;
  min-height: 2rem;
  background: transparent;
  border: 0;
}

/* Original Zeile 767: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsPage .modulChoiseEmployeesDataClass {
  margin-top: 0;
  width: max-content;
  min-width: var(--le-size-1150);
  background: var(--le-white);
}

/* Original Zeile 775: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsSummary {
  left: 0;
  width: var(--le-layout-min-width);
  min-width: var(--le-layout-min-width);
  height: 2.35rem;
  margin: 0;
  padding: 0 .55rem;
  background: var(--le-color-f8fafc);
  color: var(--ui-text);
  border: var(--le-border-normal) solid var(--ui-border);
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

/* Original Zeile 790: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminSkillsSummary .modulTopShowDataInLeftClass,
.leAdminSkillsSummary .modulTopShowDataInRightClass,
.leAdminSkillsSummary .report_1_class,
.leAdminSkillsSummary .report_2_class,
.leAdminSkillsSummary .report_3_class,
.leAdminSkillsSummary .report_4_class,
.leAdminSkillsSummary .report_5_class,
.leAdminSkillsSummary .report_6_class,
.leAdminSkillsSummary .report_7_class {
  color: var(--ui-text) !important;
}

/* Original Zeile 802: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsSummary .report_1_class,
.leAdminSkillsSummary .report_2_class {
  font-weight: 600;
}

/* Original Zeile 810: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsList {
  left: 0;
  width: var(--le-size-1150);
  min-width: var(--le-size-1150);
  background: var(--le-white);
  border: var(--le-border-normal) solid var(--ui-border);
  box-shadow: none;
  overflow: auto;
}

/* Original Zeile 820: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsListInner {
  width: var(--le-layout-min-width);
  min-width: var(--le-layout-min-width);
  background: var(--le-white);
}

/* Original Zeile 827: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowClass {
  min-height: 2.25rem;
  margin-top: 0;
  background: var(--le-color-f7f8f9);
  color: var(--ui-text);
  border: 0;
  border-top: var(--le-border-normal) solid var(--ui-border);
  border-left: 0;
  font-weight: 500;
  transition: background-color .12s ease;
}

/* Original Zeile 839: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowClass:first-child {
  border-top: 0;
}

/* Original Zeile 843: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminSkillsList .userSkillsRowClass:hover {
  background: var(--le-summary-bg);
}

/* Original Zeile 847: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowLeftClass {
  padding-left: .65rem;
  color: var(--ui-text);
}

/* Original Zeile 852: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowRightClass {
  color: var(--ui-text);
}

/* Original Zeile 856: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userRowLeftTableClass {
  font-weight: 500;
  color: var(--ui-text);
}

/* Original Zeile 862: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsList .showSumDownClass {
  width: 130px;
  min-height: 1.8rem;
  margin-right: .45rem;
  justify-content: center;
  color: var(--ui-text);
  text-align: right;
  align-items: flex-end;
  font-weight: 600;
}

/* Original Zeile 876: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass,
.leAdminSkillsList .userSkillsRowDownInOddAdminClass {
  min-height: 2.15rem;
  margin-top: 0;
  color: var(--ui-text);
  border-top: var(--le-border-normal) solid var(--le-color-dfe8ef);
  border-bottom: 0;
  background: var(--ui-blue-100);
}

/* Original Zeile 886: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownInOddAdminClass {
  background: var(--le-color-e8f2f8);
}

/* Original Zeile 890: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass:hover,
.leAdminSkillsList .userSkillsRowDownInOddAdminClass:hover {
  background: var(--le-color-dcecf6);
}

/* Original Zeile 896: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownPraeAdminClass {
  background: transparent;
  color: var(--le-color-697f8e);
  border-right: 0;
}

/* Original Zeile 902: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownPraeActiveAdminClass {
  background: var(--le-warning-yellow-bg);
  color: var(--ui-text);
  border-right: 0;
}

/* Original Zeile 909: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownLeftAdminClass {
  color: var(--le-color-516875);
  padding-left: .5rem;
  padding-right: .65rem;
  font-weight: 400;
}

/* Original Zeile 917: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownRightAdminClass {
  padding: .16rem .35rem;
  gap: .2rem;
  background: transparent;
}

/* Original Zeile 923: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminSkillsList input[type=text],
.leAdminSkillsList select {
  min-height: 1.65rem;
  height: 1.65rem;
  background: var(--le-white);
  color: var(--ui-text);
  border: var(--le-border-normal) solid var(--le-border-soft) !important;
  border-radius: var(--le-radius-small);
  box-shadow: none;
}

/* Original Zeile 934: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminSkillsList select {
  padding-top: 0;
  padding-bottom: 0;
}

/* Original Zeile 939: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsList .managerValueIntClass {
  background: var(--le-white);
}

/* Original Zeile 944: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsList .helpAllAdmin,
.leAdminSkillsList .helpChangeAdminSkillInt {
  opacity: .72;
  filter: saturate(.75);
}

/* Original Zeile 950: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminSkillsList .helpAllAdmin:hover,
.leAdminSkillsList .helpChangeAdminSkillInt:hover {
  opacity: 1;
  filter: none;
}

/* Original Zeile 957: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowClass + .userSkillsRowClass {
  border-top-color: var(--le-color-cbd7df);
}

/* Original Zeile 976: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsSummary {
  border-left: 0 !important;
  border-right: 0 !important;
}

/* Original Zeile 982: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsList {
  border-left: 0 !important;
  border-right: 0 !important;
}

/* Original Zeile 988: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsPage .modulChoiseEmployeesClass {
  border-left: 0 !important;
  border-right: 0 !important;
}

/* Original Zeile 994: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownPraeActiveAdminClass {
  background: var(--le-warning-yellow-bg) !important;
  color: var(--ui-text) !important;
}

/* Original Zeile 1000: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowClass,
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass,
.leAdminSkillsList .userSkillsRowDownInOddAdminClass {
  border-right: 0 !important;
  border-left: 0 !important;
}

/* Original Zeile 1016: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowClass {
  background: var(--le-color-d9e6f0) !important;
  color: var(--le-text-heading) !important;
  border-top: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-bottom: var(--le-border-normal) solid var(--ui-border-strong) !important;
  font-weight: 600 !important;
  min-height: 2.35rem;
}

/* Original Zeile 1025: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminSkillsList .userSkillsRowClass:hover {
  background: var(--le-color-c9dce9) !important;
}

/* Original Zeile 1029: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowLeftClass,
.leAdminSkillsList .userSkillsRowRightClass,
.leAdminSkillsList .userRowLeftTableClass,
.leAdminSkillsList .showSumDownClass {
  color: var(--le-text-heading) !important;
}

/* Original Zeile 1037: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass,
.leAdminSkillsList .userSkillsRowDownInOddAdminClass {
  background: var(--le-color-f5f9fc) !important;
  color: var(--le-text-secondary) !important;
  border-top: var(--le-border-normal) solid var(--le-color-d7e2ea) !important;
  min-height: 2.15rem;
}

/* Original Zeile 1045: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownInOddAdminClass {
  background: var(--le-cell-blue-bg) !important;
}

/* Original Zeile 1049: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass:hover,
.leAdminSkillsList .userSkillsRowDownInOddAdminClass:hover {
  background: var(--le-color-e1eef6) !important;
}

/* Original Zeile 1059: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass:has(.userSkillsRowDownPraeActiveAdminClass),
.leAdminSkillsList .userSkillsRowDownInOddAdminClass:has(.userSkillsRowDownPraeActiveAdminClass) {
  background: var(--le-color-fff1b8) !important;
  color: var(--le-text-dark) !important;
  box-shadow: inset var(--le-size-3) 0 0 var(--le-color-d5a800);
}

/* Original Zeile 1067: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownPraeActiveAdminClass {
  background: var(--le-color-ffd95a) !important;
  color: var(--ui-text) !important;
  font-weight: 700;
}

/* Original Zeile 1074: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass:has(.userSkillsRowDownPraeActiveAdminClass) .userSkillsRowDownLeftAdminClass,
.leAdminSkillsList .userSkillsRowDownInOddAdminClass:has(.userSkillsRowDownPraeActiveAdminClass) .userSkillsRowDownLeftAdminClass {
  color: var(--le-text-dark) !important;
  font-weight: 500;
}

/* Original Zeile 1081: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass:has(.userSkillsRowDownPraeActiveAdminClass) input,
.leAdminSkillsList .userSkillsRowDownOddAdminClass:has(.userSkillsRowDownPraeActiveAdminClass) input,
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass:has(.userSkillsRowDownPraeActiveAdminClass) select,
.leAdminSkillsList .userSkillsRowDownInOddAdminClass:has(.userSkillsRowDownPraeActiveAdminClass) select {
  background: var(--le-white) !important;
}

/* Original Zeile 1089: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownPraeAdminClass {
  color: var(--le-text-muted-2) !important;
}

/* Original Zeile 1154: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.innerMainClass,
.showMenuInShowClass,
.leAdminSkillsPage {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  text-align: left;
}

/* Original Zeile 1163: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowClass {
  background: var(--le-row-main-bg) !important;
  color: var(--le-text-strong) !important;
  border-top: var(--le-border-strong) solid var(--le-line-strong) !important;
  border-bottom: var(--le-border-strong) solid var(--le-line-strong) !important;
  font-weight: 600 !important;
}

/* Original Zeile 1171: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminSkillsList .userSkillsRowClass:hover {
  background: var(--le-color-c3d9e8) !important;
}

/* Original Zeile 1176: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass {
  background: var(--le-cell-blue-bg) !important;
  border-top: var(--le-border-strong) solid var(--le-line-soft) !important;
  border-bottom: var(--le-border-normal) solid var(--le-line-soft) !important;
}

/* Original Zeile 1182: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownInOddAdminClass {
  background: var(--le-cell-blue-bg-2) !important;
  border-top: var(--le-border-strong) solid var(--le-line-soft) !important;
  border-bottom: var(--le-border-normal) solid var(--le-line-soft) !important;
}

/* Original Zeile 1188: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass:hover,
.leAdminSkillsList .userSkillsRowDownInOddAdminClass:hover {
  background: var(--le-cell-blue-bg-3) !important;
}

/* Original Zeile 1194: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass:has(.userSkillsRowDownPraeActiveAdminClass),
.leAdminSkillsList .userSkillsRowDownInOddAdminClass:has(.userSkillsRowDownPraeActiveAdminClass) {
  background: var(--le-summary-strong-bg) !important;
  color: var(--le-text-heading) !important;
  box-shadow: inset var(--le-size-4) 0 0 var(--ui-blue-700) !important;
}

/* Original Zeile 1202: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownPraeActiveAdminClass {
  background: var(--le-active-number-bg) !important;
  color: var(--le-text-strong) !important;
  font-weight: 700;
}

/* Original Zeile 1217: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsSummary {
  border-top: var(--le-border-strong) solid var(--le-line-strong) !important;
  border-bottom: var(--le-border-strong) solid var(--le-line-strong) !important;
  background: var(--le-summary-bg) !important;
}

/* Original Zeile 1224: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsListInner {
  border-top: var(--le-border-normal) solid var(--le-line-medium);
}

/* Original Zeile 1229: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminSkillsPage .modulChoiseEmployeesClass,
.leAdminSkillsPage .adminSkillChoiseDateTopClass,
.leAdminSkillsPage .modulChoiseEmployeesDataClass {
  text-align: left !important;
  justify-content: flex-start !important;
}

/* Original Zeile 1262: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsPage {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* Original Zeile 1272: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminSkillsPage .modulChoiseEmployeesClass,
.leAdminSkillsPage .adminSkillChoiseDateTopClass,
.leAdminSkillsPage .modulChoiseEmployeesDataClass,
.leAdminSkillsSummary,
.leAdminSkillsList,
.leAdminSkillsListInner {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 1284: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowClass {
  margin-top: var(--le-size-3) !important;
  margin-bottom: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: var(--le-row-main-bg) !important;
}

/* Original Zeile 1293: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsListInner > .userSkillsRowClass:first-child {
  margin-top: 0 !important;
}

/* Original Zeile 1298: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass,
.leAdminSkillsList .userSkillsRowDownInOddAdminClass {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-top: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
  border-bottom: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
}

/* Original Zeile 1307: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList .userSkillsRowDownInEvenAdminClass + .userSkillsRowDownInOddAdminClass,
.leAdminSkillsList .userSkillsRowDownInOddAdminClass + .userSkillsRowDownInEvenAdminClass {
  border-top-color: var(--le-color-8eafc3) !important;
}

/* Original Zeile 9139: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertisePage {
  position: relative !important;
  min-width: var(--le-layout-min-width) !important;
  width: max-content !important;
  min-height: 100% !important;
  padding: .25rem .5rem 1rem !important;
  overflow: visible !important;
}

/* Original Zeile 9149: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertisePage .modulChoiseEmployeesClass {
  left: 0 !important;
  min-width: 960px !important;
  padding: .3rem 0 !important;
  gap: var(--le-size-3) !important;
  justify-content: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Original Zeile 9160: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertisePage .modulChoiseEmployeesActClass,
.leAdminExpertisePage .modulChoiseEmployeesActTextClass {
  background: var(--ui-blue-800) !important;
  color: var(--le-white) !important;
  border: var(--le-border-normal) solid var(--ui-blue-800) !important;
}

/* Original Zeile 9167: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertisePage .modulChoiseEmployeesNewClass {
  background: var(--le-color-eef3f7) !important;
  color: var(--ui-blue-900) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  box-shadow: none !important;
}

/* Original Zeile 9174: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertisePage .modulChoiseEmployeesCSV_Class {
  background: var(--le-color-eef8ee) !important;
  color: var(--le-color-2d6533) !important;
  border: var(--le-border-normal) solid var(--le-color-a9cdaa) !important;
  box-shadow: none !important;
}

/* Original Zeile 9181: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminExpertisePage .modulChoiseEmployeesNewClass:hover,
.leAdminExpertisePage .modulChoiseEmployeesCSV_Class:hover {
  background: var(--ui-blue-100) !important;
  border-color: var(--ui-blue-700) !important;
  color: var(--ui-blue-900) !important;
}

/* Original Zeile 9189: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminExpertisePage .adminSkillChoiseDateTopClass {
  margin: .25rem 0 .55rem !important;
  padding: .2rem 0 !important;
  min-height: 2rem !important;
  background: transparent !important;
  border: 0 !important;
}

/* Original Zeile 9197: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertisePage .modulChoiseEmployeesDataClass {
  margin-top: 0 !important;
  width: max-content !important;
  min-width: var(--le-size-1150) !important;
  background: var(--le-white) !important;
}

/* Original Zeile 9205: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertiseSummary {
  left: 0 !important;
  width: var(--le-layout-min-width) !important;
  min-width: var(--le-layout-min-width) !important;
  height: 2.35rem !important;
  margin: 0 !important;
  padding: 0 .55rem !important;
  background: var(--le-color-f8fafc) !important;
  color: var(--ui-text) !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Original Zeile 9222: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminExpertiseSummary .modulTopShowDataInLeftClass,
.leAdminExpertiseSummary .modulTopShowDataInRightClass,
.leAdminExpertiseSummary .report_1_class,
.leAdminExpertiseSummary .report_2_class,
.leAdminExpertiseSummary .report_3_class,
.leAdminExpertiseSummary .report_4_class,
.leAdminExpertiseSummary .report_5_class,
.leAdminExpertiseSummary .report_6_class,
.leAdminExpertiseSummary .report_7_class {
  color: var(--ui-text) !important;
}

/* Original Zeile 9235: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertiseList {
  left: 0 !important;
  width: var(--le-size-1150) !important;
  min-width: var(--le-size-1150) !important;
  background: var(--le-white) !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  overflow: auto !important;
}

/* Original Zeile 9247: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertiseListInner {
  width: var(--le-layout-min-width) !important;
  min-width: var(--le-layout-min-width) !important;
  background: var(--le-white) !important;
}

/* Original Zeile 9254: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowClass {
  min-height: 2.25rem !important;
  margin-top: 0 !important;
  background: var(--le-color-f7f8f9) !important;
  color: var(--ui-text) !important;
  border: 0 !important;
  border-top: var(--le-border-normal) solid var(--ui-border) !important;
  font-weight: 500 !important;
  transition: background-color .12s ease !important;
}

/* Original Zeile 9265: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowClass:first-child {
  border-top: 0 !important;
}

/* Original Zeile 9269: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminExpertiseList .userExpertiseRowClass:hover {
  background: var(--le-summary-bg) !important;
}

/* Original Zeile 9273: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowLeftClass {
  padding-left: .65rem !important;
  color: var(--ui-text) !important;
}

/* Original Zeile 9278: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowRightClass,
.leAdminExpertiseList .userRowLeftTableClass {
  color: var(--ui-text) !important;
}

/* Original Zeile 9283: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userRowLeftTableClass {
  font-weight: 500 !important;
}

/* Original Zeile 9287: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertiseList .showSumDownClass {
  width: 130px !important;
  min-height: 1.8rem !important;
  margin-right: .45rem !important;
  justify-content: center !important;
  color: var(--ui-text) !important;
  text-align: right !important;
  align-items: flex-end !important;
  font-weight: 600 !important;
}

/* Original Zeile 9299: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass,
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass {
  box-sizing: border-box !important;
  min-height: 2.15rem !important;
  margin-top: 0 !important;
  color: var(--ui-text) !important;
  border-top: var(--le-border-normal) solid var(--le-color-dfe8ef) !important;
  border-bottom: 0 !important;
  background: var(--ui-blue-100) !important;
}

/* Original Zeile 9310: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass {
  background: var(--le-color-e8f2f8) !important;
}

/* Original Zeile 9314: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass:hover,
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass:hover {
  background: var(--le-color-dcecf6) !important;
}

/* Original Zeile 9319: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownPraeAdminClass {
  background: transparent !important;
  color: var(--le-color-697f8e) !important;
  border-right: 0 !important;
}

/* Original Zeile 9325: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownPraeActiveAdminClass {
  background: var(--le-warning-yellow-bg) !important;
  color: var(--ui-text) !important;
  border-right: 0 !important;
}

/* Original Zeile 9331: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownLeftAdminClass {
  color: var(--le-color-516875) !important;
  padding-left: .5rem !important;
  padding-right: .65rem !important;
  font-weight: 400 !important;
}

/* Original Zeile 9338: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownRightAdminClass {
  padding: .16rem .35rem !important;
  gap: .2rem !important;
  background: transparent !important;
}

/* Original Zeile 9345: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminExpertiseList input[type=text],
.leAdminExpertiseList select {
  min-height: 1.65rem !important;
  height: 1.65rem !important;
  background: var(--le-white) !important;
  color: var(--ui-text) !important;
  border: var(--le-border-normal) solid var(--le-border-soft) !important;
  border-radius: var(--le-radius-small) !important;
  box-shadow: none !important;
}

/* Original Zeile 9356: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminExpertiseList select {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Original Zeile 9362: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertiseList .empValueExpertiseClass,
.leAdminExpertiseList .managerValueExpertiseClass {
  box-sizing: border-box !important;
  background: var(--le-white) !important;
  color: var(--ui-text) !important;
  border: var(--le-border-normal) solid var(--le-border-soft) !important;
  border-radius: var(--le-radius-small) !important;
}

/* Original Zeile 9404: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowClass {
  background: var(--le-color-dfeaf2) !important;
  color: var(--ui-text) !important;
  border-top: var(--le-border-normal) solid var(--le-color-b8ccd9) !important;
  border-bottom: var(--le-border-normal) solid var(--le-color-b8ccd9) !important;
  font-weight: 700 !important;
}

/* Original Zeile 9412: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminExpertiseList .userExpertiseRowClass:hover {
  background: var(--le-color-d4e4ee) !important;
}

/* Original Zeile 9416: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowLeftClass,
.leAdminExpertiseList .userExpertiseRowRightClass,
.leAdminExpertiseList .userRowLeftTableClass,
.leAdminExpertiseList .showSumDownClass {
  color: var(--ui-text) !important;
  font-weight: 700 !important;
}

/* Original Zeile 9425: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass {
  background: var(--le-cell-soft-bg) !important;
  color: var(--le-color-405766) !important;
}

/* Original Zeile 9430: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass {
  background: var(--le-cell-blue-bg) !important;
  color: var(--le-color-405766) !important;
}

/* Original Zeile 9435: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass:hover,
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass:hover {
  background: var(--le-color-e1eef6) !important;
}

/* Original Zeile 9441: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass:has(.userExpertiseRowDownPraeActiveAdminClass),
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass:has(.userExpertiseRowDownPraeActiveAdminClass) {
  background: var(--le-color-fff1b8) !important;
  color: var(--le-text-dark) !important;
  box-shadow: inset var(--le-size-3) 0 0 var(--le-color-d5a800) !important;
}

/* Original Zeile 9448: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownPraeActiveAdminClass {
  background: var(--le-color-ffd95a) !important;
  color: var(--ui-text) !important;
  font-weight: 700 !important;
}

/* Original Zeile 9454: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass:has(.userExpertiseRowDownPraeActiveAdminClass) .userExpertiseRowDownLeftAdminClass,
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass:has(.userExpertiseRowDownPraeActiveAdminClass) .userExpertiseRowDownLeftAdminClass {
  color: var(--le-text-dark) !important;
  font-weight: 500 !important;
}

/* Original Zeile 9461: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */


/* Original Zeile 9468: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownPraeAdminClass {
  color: var(--le-text-muted-2) !important;
}

/* Original Zeile 9481: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminExpertiseSummary .modulTopShowDataInLeftClass {
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
  padding-left: 0 !important;
}

/* Original Zeile 9489: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowClass {
  background: var(--le-row-main-bg) !important;
  color: var(--le-text-strong) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  margin-top: var(--le-size-3) !important;
  margin-bottom: 0 !important;
  font-weight: 700 !important;
}

/* Original Zeile 9499: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */


/* Original Zeile 9504: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass {
  background: var(--le-cell-blue-bg) !important;
  color: var(--le-text-secondary) !important;
  border-top: var(--le-border-strong) solid var(--le-line-soft) !important;
  border-bottom: var(--le-border-normal) solid var(--le-line-soft) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Original Zeile 9513: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass {
  background: var(--le-cell-blue-bg-2) !important;
  color: var(--le-text-secondary) !important;
  border-top: var(--le-border-strong) solid var(--le-line-soft) !important;
  border-bottom: var(--le-border-normal) solid var(--le-line-soft) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Original Zeile 9522: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass:hover,
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass:hover {
  background: var(--le-cell-blue-bg-3) !important;
}

/* Original Zeile 9528: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownTLClass {
  box-sizing: border-box !important;
  border-left: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
  border-right: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
  background: var(--le-color-rgba-a900a250) !important;
}

/* Original Zeile 9536: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */


/* Original Zeile 9544: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */


/* Original Zeile 9551: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass:has(.userExpertiseRowDownPraeActiveAdminClass) .userExpertiseRowDownLeftAdminClass,
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass:has(.userExpertiseRowDownPraeActiveAdminClass) .userExpertiseRowDownLeftAdminClass {
  color: var(--le-text-heading) !important;
  font-weight: 500 !important;
}

/* Original Zeile 9558: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass:has(.userExpertiseRowDownPraeActiveAdminClass) input,
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass:has(.userExpertiseRowDownPraeActiveAdminClass) input,
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass:has(.userExpertiseRowDownPraeActiveAdminClass) select,
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass:has(.userExpertiseRowDownPraeActiveAdminClass) select {
  background: var(--le-white) !important;
}

/* Original Zeile 9570: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass,
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass {
  border-top: var(--le-border-normal) solid var(--le-color-c6d8e3) !important;
  border-bottom: 0 !important;
}

/* Original Zeile 9583: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminExpertiseSummary .modulTopShowDataInLeftClass {
  box-sizing: border-box !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Original Zeile 9593: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminExpertiseSummary .modulTopShowDataInLeftClass > * {
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}

/* Original Zeile 9605: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertiseSummary {
  justify-content: flex-start !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Original Zeile 9611: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminExpertiseSummary .modulTopShowDataInLeftClass {
  box-sizing: border-box !important;

  width: 10em !important;
  min-width: 10em !important;
  max-width: 10em !important;

  margin: 0 !important;
  padding: 0 0 0 .65rem !important;

  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
}

/* Original Zeile 9627: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminExpertiseSummary .modulTopShowDataInRightClass {
  box-sizing: border-box !important;

  width: calc(100% - 10em) !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;
  padding-right: .65rem !important;

  justify-content: flex-end !important;
}

/* Original Zeile 9646: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsSummary {
  justify-content: flex-start !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Original Zeile 9652: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminSkillsSummary .modulTopShowDataInLeftClass {
  box-sizing: border-box !important;

  width: 10em !important;
  min-width: 10em !important;
  max-width: 10em !important;

  margin: 0 !important;
  padding: 0 0 0 .65rem !important;

  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
}

/* Original Zeile 9668: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.leAdminSkillsSummary .modulTopShowDataInRightClass {
  box-sizing: border-box !important;

  width: calc(100% - 10em) !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;
  padding-right: .65rem !important;

  justify-content: flex-end !important;
}

/* Original Zeile 9687: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowClass {
  margin-top: var(--le-size-3) !important;
  margin-bottom: 0 !important;

  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;

  background: var(--le-row-main-bg) !important;
}

/* Original Zeile 9700: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */


/* Original Zeile 9705: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass,
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass {
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  border-top: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
  border-bottom: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

/* Original Zeile 9717: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass + .userExpertiseRowDownInOddAdminClass,
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass + .userExpertiseRowDownInEvenAdminClass {
  border-top-color: var(--le-color-8eafc3) !important;
}

/* Original Zeile 9723: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownTLClass {
  box-sizing: border-box !important;
  border-left: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
  border-right: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Original Zeile 9732: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass:has(.userExpertiseRowDownPraeActiveAdminClass),
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass:has(.userExpertiseRowDownPraeActiveAdminClass) {
  background: var(--le-summary-strong-bg) !important;
  color: var(--le-text-heading) !important;
  box-shadow: inset var(--le-size-4) 0 0 var(--ui-blue-700) !important;
}

/* Original Zeile 9739: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownPraeActiveAdminClass {
  background: var(--le-active-number-bg) !important;
  color: var(--le-text-strong) !important;
  font-weight: 700 !important;
}

/* Original Zeile 9754: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowClass {
  box-sizing: border-box !important;

  background: var(--le-color-dce9f1) !important;
  color: var(--ui-text) !important;

  border-top: var(--le-border-normal) solid var(--ui-surface) !important;
  border-bottom: var(--le-border-normal) solid var(--ui-surface) !important;
  border-left: 0 !important;
  border-right: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  font-weight: 700 !important;
}

/* Original Zeile 9773: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowLeftClass,
.leAdminExpertiseList .userExpertiseRowRightClass {
  background: transparent !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Original Zeile 9781: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertiseList .showSumDownClass {
  background: transparent !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Original Zeile 9788: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass,
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass {
  border-top: var(--le-border-normal) solid var(--ui-surface) !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

/* Original Zeile 9797: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownTLClass {
  border-left: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-right: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Original Zeile 9811: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowClass {
  border-top: var(--le-border-strong) solid var(--le-line-soft) !important;
  border-bottom: 0 !important;
}

/* Original Zeile 9817: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseListInner > .userExpertiseRowClass:first-child {
  border-top: 0 !important;
}

/* Original Zeile 9822: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowDownInEvenAdminClass,
.leAdminExpertiseList .userExpertiseRowDownInOddAdminClass {
  border-top: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-bottom: 0 !important;
}

/* Original Zeile 9836: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertiseSummary {
  border-top: var(--le-border-strong) solid var(--le-line-strong) !important;
  border-bottom: var(--le-border-strong) solid var(--le-line-strong) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: var(--le-summary-bg) !important;
}

/* Original Zeile 9845: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertiseListInner {
  border-top: var(--le-border-normal) solid var(--le-line-medium) !important;
}

/* Original Zeile 9851: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList .userExpertiseRowClass {
  margin-top: var(--le-size-3) !important;
  margin-bottom: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Original Zeile 9859: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseListInner > .userExpertiseRowClass:first-child {
  margin-top: 0 !important;
}

/* Original Zeile 9947: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList .userExpertiseRowClass {
  box-sizing: border-box !important;

  min-height: 2.25rem !important;
  margin-top: var(--le-size-3) !important;
  margin-bottom: 0 !important;

  background: var(--le-color-dce9f1) !important;
  color: var(--ui-text) !important;

  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;

  font-weight: 700 !important;
  transition: background-color .12s ease !important;
}

/* Original Zeile 9966: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsListInner > .userExpertiseRowClass:first-child {
  margin-top: 0 !important;
}

/* Original Zeile 9970: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminExpertGroupsList .userExpertiseRowClass:hover {
  background: var(--le-color-d4e4ee) !important;
}

/* Original Zeile 9974: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList .userExpertiseRowLeftClass,
.leAdminExpertGroupsList .userExpertiseRowRightClass,
.leAdminExpertGroupsList .userRowLeftTableClass,
.leAdminExpertGroupsList .showSumDownClass {
  color: var(--ui-text) !important;
  font-weight: 700 !important;
}

/* Original Zeile 9983: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList .userExpertiseRowDownInEvenClass,
.leAdminExpertGroupsList .userExpertiseRowDownInOddClass {
  box-sizing: border-box !important;

  min-height: 2.15rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  color: var(--le-text-secondary) !important;

  border-top: var(--le-border-normal) solid var(--le-color-c6d8e3) !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

/* Original Zeile 9999: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList .userExpertiseRowDownInEvenClass {
  background: var(--le-cell-blue-bg) !important;
}

/* Original Zeile 10003: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList .userExpertiseRowDownInOddClass {
  background: var(--le-cell-blue-bg-2) !important;
}

/* Original Zeile 10007: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.leAdminExpertGroupsList .userExpertiseRowDownInEvenClass:hover,
.leAdminExpertGroupsList .userExpertiseRowDownInOddClass:hover {
  background: var(--le-cell-blue-bg-3) !important;
}

/* Original Zeile 10013: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList .userExpertiseRowDownPraeClass {
  background: transparent !important;
  color: var(--le-text-muted-2) !important;
  border-right: 0 !important;
}

/* Original Zeile 10020: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList .userExpertiseRowDownInEvenClass:has(.userExpertiseRowDownPraeActiveClass),
.leAdminExpertGroupsList .userExpertiseRowDownInOddClass:has(.userExpertiseRowDownPraeActiveClass) {
  background: var(--le-summary-strong-bg) !important;
  color: var(--le-text-heading) !important;
  box-shadow: inset var(--le-size-4) 0 0 var(--ui-blue-700) !important;
}

/* Original Zeile 10027: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList .userExpertiseRowDownPraeActiveClass {
  background: var(--le-active-number-bg) !important;
  color: var(--le-text-strong) !important;
  font-weight: 700 !important;
}

/* Original Zeile 10034: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList .userExpertiseRowDownLeftClass {
  color: var(--le-color-516875) !important;
  padding-left: .5rem !important;
  padding-right: .65rem !important;
  font-weight: 400 !important;
}

/* Original Zeile 10041: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList .userExpertiseRowDownRightClass,
.leAdminExpertGroupsList .userExpertiseRowRightDownClass {
  padding: .16rem .35rem !important;
  background: transparent !important;
}

/* Original Zeile 10096: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList .userExpertiseRowRightDownClass {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  text-align: right !important;
  padding-left: .35rem !important;
  padding-right: .35rem !important;
}

/* Original Zeile 10106: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminExpertGroupsList .userExpertiseRowRightDownClass > .saveSkillButtonClass {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Original Zeile 10118: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList
.userExpertiseRowDownInEvenClass:has(> [id^="downPraeShowNo"]),
.leAdminExpertGroupsList
.userExpertiseRowDownInOddClass:has(> [id^="downPraeShowNo"]) {
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;

  display: grid !important;
  grid-template-columns: var(--le-size-45) minmax(0, 1fr) var(--le-size-240) !important;
  align-items: stretch !important;

  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 10138: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList
.userExpertiseRowDownInEvenClass:has(> [id^="downPraeShowNo"])
> [id^="downPraeShowNo"],
.leAdminExpertGroupsList
.userExpertiseRowDownInOddClass:has(> [id^="downPraeShowNo"])
> [id^="downPraeShowNo"] {
  position: relative !important;
  left: auto !important;

  box-sizing: border-box !important;
  width: var(--le-size-45) !important;
  min-width: var(--le-size-45) !important;
  max-width: var(--le-size-45) !important;

  grid-column: 1 !important;
  margin: 0 !important;
}

/* Original Zeile 10157: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList
.userExpertiseRowDownInEvenClass:has(> [id^="downPraeShowNo"])
> .userExpertiseRowDownLeftClass,
.leAdminExpertGroupsList
.userExpertiseRowDownInOddClass:has(> [id^="downPraeShowNo"])
> .userExpertiseRowDownLeftClass {
  position: relative !important;
  left: auto !important;
  float: none !important;

  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  grid-column: 2 !important;
  margin: 0 !important;
}

/* Original Zeile 10177: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertGroupsList
.userExpertiseRowDownInEvenClass:has(> [id^="downPraeShowNo"])
> .userExpertiseRowRightDownClass,
.leAdminExpertGroupsList
.userExpertiseRowDownInOddClass:has(> [id^="downPraeShowNo"])
> .userExpertiseRowRightDownClass {
  position: relative !important;
  left: auto !important;
  float: none !important;

  box-sizing: border-box !important;
  width: var(--le-size-240) !important;
  min-width: var(--le-size-240) !important;
  max-width: var(--le-size-240) !important;

  grid-column: 3 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  margin: 0 !important;
  padding: .16rem .35rem !important;
}

/* Original Zeile 10203: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leAdminExpertGroupsList
.userExpertiseRowDownInEvenClass:has(> [id^="downPraeShowNo"])
> .userExpertiseRowRightDownClass > .saveSkillButtonClass,
.leAdminExpertGroupsList
.userExpertiseRowDownInOddClass:has(> [id^="downPraeShowNo"])
> .userExpertiseRowRightDownClass > .saveSkillButtonClass {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Original Zeile 10222: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminSkillsList
input.managerValueClass[style*="border"][style*="var(--le-border-accent)"][style*="red"],
.leAdminSkillsList
input.managerValueIntClass[style*="border"][style*="var(--le-border-accent)"][style*="red"] {
  border: var(--le-border-accent) solid var(--errorRed) !important;
}

/* Original Zeile 10230: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminExpertiseList
input.managerValueExpertiseClass[style*="border"][style*="var(--le-size-3)"][style*="red"] {
  border: var(--le-border-accent) solid var(--errorRed) !important;
}

/* Original Zeile 10236: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsList .helpChangeAdminSkill,
.leAdminSkillsList .helpChangeAdminSkillInt,
.leAdminSkillsList .helpChangeAdminSkillIntEx,
.leAdminExpertiseList .helpChangeAdminSkill,
.leAdminExpertiseList .helpChangeAdminSkillInt,
.leAdminExpertiseList .helpChangeAdminSkillIntEx {
  opacity: 1 !important;
  filter: none !important;
  background-color: var(--errorRed) !important;
}

/* Original Zeile 10267: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList
.userSkillsRowDownRightAdminClass:has(> .helpChangeAdminSkill) {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: var(--le-size-80) var(--le-size-80) !important;
  column-gap: var(--le-size-10) !important;
  justify-content: end !important;
  align-items: center !important;
  position: relative !important;
}

/* Original Zeile 10278: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList
.userSkillsRowDownRightAdminClass:has(> .helpChangeAdminSkill)
> .empValueClass,
.leAdminSkillsList
.userSkillsRowDownRightAdminClass:has(> .helpChangeAdminSkill)
> .managerValueClass {
  box-sizing: border-box !important;
  width: var(--le-size-80) !important;
  min-width: var(--le-size-80) !important;
  max-width: var(--le-size-80) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 10293: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList
.userExpertiseRowDownRightAdminClass:has(> .helpChangeAdmin) {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: var(--le-size-140) var(--le-size-140) !important;
  column-gap: var(--le-size-10) !important;
  justify-content: end !important;
  align-items: center !important;
  position: relative !important;
}

/* Original Zeile 10304: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList
.userExpertiseRowDownRightAdminClass:has(> .helpChangeAdmin)
> .empValueExpertiseClass,
.leAdminExpertiseList
.userExpertiseRowDownRightAdminClass:has(> .helpChangeAdmin)
> .managerValueExpertiseClass {
  box-sizing: border-box !important;
  width: var(--le-size-140) !important;
  min-width: var(--le-size-140) !important;
  max-width: var(--le-size-140) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 10319: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsList .helpChangeAdminSkill,
.leAdminExpertiseList .helpChangeAdmin {
  position: absolute !important;
  right: var(--le-size-3) !important;
  top: var(--le-size-3) !important;
  width: var(--le-size-9) !important;
  height: var(--le-size-9) !important;
  z-index: 30 !important;
  background: var(--le-color-d9362b) !important;
  border: 0 !important;
  cursor: help !important;
}

/* Original Zeile 10371: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList
.userSkillsRowDownRightAdminClass:has(> .helpChangeAdminSkill),
.leAdminExpertiseList
.userExpertiseRowDownRightAdminClass:has(> .helpChangeAdmin) {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  position: relative !important;
}

/* Original Zeile 10383: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminSkillsList
.userSkillsRowDownRightAdminClass:has(> .helpChangeAdminSkill)
> .empValueClass,
.leAdminSkillsList
.userSkillsRowDownRightAdminClass:has(> .helpChangeAdminSkill)
> .managerValueClass {
  width: var(--le-size-80) !important;
  min-width: var(--le-size-80) !important;
  max-width: var(--le-size-80) !important;
  margin-left: var(--le-size-10) !important;
}

/* Original Zeile 10395: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leAdminExpertiseList
.userExpertiseRowDownRightAdminClass:has(> .helpChangeAdmin)
> .empValueExpertiseClass,
.leAdminExpertiseList
.userExpertiseRowDownRightAdminClass:has(> .helpChangeAdmin)
> .managerValueExpertiseClass {
  width: var(--le-size-140) !important;
  min-width: var(--le-size-140) !important;
  max-width: var(--le-size-140) !important;
}

/* Original Zeile 10411: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsList .helpChangeAdminSkill,
.leAdminExpertiseList .helpChangeAdmin {
  position: absolute !important;
  right: calc(.35rem + var(--le-size-3)) !important;
  top: calc(50% - .825rem + var(--le-size-3)) !important;

  width: var(--le-size-8) !important;
  height: var(--le-size-8) !important;

  margin: 0 !important;
  padding: 0 !important;

  background: var(--le-color-d9362b) !important;
  border: 0 !important;
  border-radius: var(--le-radius-none) !important;

  z-index: 50 !important;
  pointer-events: auto !important;
  cursor: help !important;
}

/* Original Zeile 10491: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsList .helpChangeAdminSkill,
.leAdminExpertiseList .helpChangeAdmin {
  right: calc(.35rem + var(--le-size-1)) !important;
  top: calc(50% - .825rem + var(--le-size-1)) !important;

  width: var(--le-size-8) !important;
  height: var(--le-size-8) !important;

  z-index: 60 !important;
}

/* Original Zeile 10578: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminSkillsList .leManagerValueMarkerAnchor > .helpChangeAdminSkill,
.leAdminExpertiseList .leManagerValueMarkerAnchor > .helpChangeAdmin {
  top: var(--le-size-2) !important;
  right: var(--le-size-2) !important;
}

/* Original Zeile 11033: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.innerMainClass,
.showMenuOutClass,
.showMenuInShowClass,
.leAdminSkillsPage,
.leAdminExpertisePage,
#modulChoiseEmployeesOut,
.modulChoiseEmployeesOutClass {
  background-color: transparent !important;
  background-image: none !important;
}

/* Original Zeile 11271: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#userSkillsOut.userSkillsOutClass,
#userExpertiseOut.userExpertiseOutClass {
  box-sizing: border-box !important;
  left: 0 !important;
  width: var(--le-size-850) !important;
  min-width: var(--le-size-850) !important;
  max-width: var(--le-size-850) !important;
  background: var(--le-white) !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: auto !important;
}

/* Original Zeile 11284: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#userSkillsOut .userSkillsInClass,
#userExpertiseOut .userExpertiseInClass {
  box-sizing: border-box !important;
  left: 0 !important;
  width: var(--le-size-840) !important;
  min-width: var(--le-size-840) !important;
  max-width: var(--le-size-840) !important;
  height: auto !important;
  background: var(--le-white) !important;
  border-top: var(--le-border-normal) solid var(--le-line-medium) !important;
}

/* Original Zeile 11296: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#userSkillsOut .userSkillsRowClass,
#userExpertiseOut .userExpertiseRowClass {
  box-sizing: border-box !important;
  min-height: 2.35rem !important;
  height: auto !important;
  margin-top: var(--le-size-3) !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  background: var(--le-row-main-bg) !important;
  color: var(--le-text-strong) !important;
  border: 0 !important;
  font-weight: 600 !important;
  transition: background-color .12s ease !important;
}

/* Original Zeile 11311: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#userSkillsOut .userSkillsInClass > .userSkillsRowClass:first-child,
#userExpertiseOut .userExpertiseInClass > .userExpertiseRowClass:first-child {
  margin-top: 0 !important;
}

/* Original Zeile 11316: Bestimmt die Darstellung beim Überfahren mit der Maus. */
#userSkillsOut .userSkillsRowClass:hover,
#userExpertiseOut .userExpertiseRowClass:hover {
  background: var(--le-color-c3d9e8) !important;
}

/* Original Zeile 11321: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#userSkillsOut .userSkillsRowLeftClass,
#userExpertiseOut .userExpertiseRowLeftClass,
#userSkillsOut .userSkillsRowRightClass,
#userExpertiseOut .userExpertiseRowRightClass,
#userSkillsOut .showSumDownClass,
#userExpertiseOut .showSumDownClass {
  color: var(--le-text-strong) !important;
}

/* Original Zeile 11330: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#userSkillsOut .userSkillsRowLeftClass,
#userExpertiseOut .userExpertiseRowLeftClass {
  padding-left: .65rem !important;
}

/* Original Zeile 11335: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#userSkillsOut .showSumDownClass,
#userExpertiseOut .showSumDownClass {
  width: 120px !important;
  min-height: 1.8rem !important;
  margin-right: .45rem !important;
  justify-content: center !important;
  align-items: flex-end !important;
  text-align: right !important;
  font-weight: 600 !important;
}

/* Original Zeile 11346: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#userSkillsOut .userSkillsRowDownInEvenClass,
#userSkillsOut .userSkillsRowDownInOddClass,
#userExpertiseOut .userExpertiseRowDownInEvenClass,
#userExpertiseOut .userExpertiseRowDownInOddClass {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 2.15rem !important;
  height: auto !important;
  margin: 0 !important;
  color: var(--le-text-secondary) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
  border-bottom: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
  align-items: stretch !important;
}

/* Original Zeile 11363: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#userSkillsOut .userSkillsRowDownInEvenClass,
#userExpertiseOut .userExpertiseRowDownInEvenClass {
  background: var(--le-cell-blue-bg) !important;
}

/* Original Zeile 11368: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#userSkillsOut .userSkillsRowDownInOddClass,
#userExpertiseOut .userExpertiseRowDownInOddClass {
  background: var(--le-cell-blue-bg-2) !important;
}

/* Original Zeile 11373: Bestimmt die Darstellung beim Überfahren mit der Maus. */
#userSkillsOut .userSkillsRowDownInEvenClass:hover,
#userSkillsOut .userSkillsRowDownInOddClass:hover,
#userExpertiseOut .userExpertiseRowDownInEvenClass:hover,
#userExpertiseOut .userExpertiseRowDownInOddClass:hover {
  background: var(--le-cell-blue-bg-3) !important;
}

/* Original Zeile 11380: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#userSkillsOut .userSkillsRowDownInEvenClass:has(.userSkillsRowDownPraeActiveClass),
#userSkillsOut .userSkillsRowDownInOddClass:has(.userSkillsRowDownPraeActiveClass),
#userExpertiseOut .userExpertiseRowDownInEvenClass:has(.userExpertiseRowDownPraeActiveClass),
#userExpertiseOut .userExpertiseRowDownInOddClass:has(.userExpertiseRowDownPraeActiveClass) {
  background: var(--le-summary-strong-bg) !important;
  color: var(--le-text-heading) !important;
  box-shadow: inset var(--le-size-4) 0 0 var(--ui-blue-700) !important;
}

/* Original Zeile 11389: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#userSkillsOut .userSkillsRowDownPraeClass,
#userExpertiseOut .userExpertiseRowDownPraeClass {
  background: transparent !important;
  color: var(--le-text-muted-2) !important;
  border-right: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
}

/* Original Zeile 11396: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#userSkillsOut .userSkillsRowDownPraeActiveClass,
#userExpertiseOut .userExpertiseRowDownPraeActiveClass {
  background: var(--le-active-number-bg) !important;
  color: var(--le-text-strong) !important;
  border-right: var(--le-border-normal) solid var(--le-color-6f9fbe) !important;
  font-weight: 700 !important;
}

/* Original Zeile 11404: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#userExpertiseOut .userExpertiseRowDownTLClass {
  border-left: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
  border-right: var(--le-border-normal) solid var(--le-color-9fbdcf) !important;
  background: transparent !important;
}

/* Original Zeile 11410: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#userSkillsOut .userSkillsRowDownLeftClass,
#userExpertiseOut .userExpertiseRowDownLeftClass {
  color: var(--le-text-secondary) !important;
  font-weight: 400 !important;
  padding-left: .5rem !important;
  padding-right: .65rem !important;
}

/* Original Zeile 11418: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#userSkillsOut .userSkillsRowDownRightClass,
#userExpertiseOut .userExpertiseRowDownRightClass,
#userSkillsOut .userSkillsRowRightDownClass,
#userExpertiseOut .userExpertiseRowRightDownClass {
  box-sizing: border-box !important;
  padding: .16rem .35rem !important;
  gap: .2rem !important;
  justify-content: flex-end;
  background: transparent !important;
}

/* Original Zeile 11428: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#userSkillsOut input[type=text],
#userSkillsOut input[type=number],
#userSkillsOut select,
#userExpertiseOut input[type=text],
#userExpertiseOut input[type=number],
#userExpertiseOut select {
  box-sizing: border-box !important;
  min-height: 1.65rem !important;
  height: 1.65rem !important;
  background: var(--le-white) !important;
  color: var(--ui-text) !important;
  border: var(--le-border-normal) solid var(--le-border-soft) !important;
  border-radius: var(--le-radius-small) !important;
  box-shadow: none !important;
}

/* Original Zeile 11444: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#userSkillsOut select,
#userExpertiseOut select {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Original Zeile 11450: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#userSkillsOut .userSkillsRowDownInEvenClass:has(.userSkillsRowDownPraeActiveClass) input,
#userSkillsOut .userSkillsRowDownInOddClass:has(.userSkillsRowDownPraeActiveClass) input,
#userSkillsOut .userSkillsRowDownInEvenClass:has(.userSkillsRowDownPraeActiveClass) select,
#userSkillsOut .userSkillsRowDownInOddClass:has(.userSkillsRowDownPraeActiveClass) select,
#userExpertiseOut .userExpertiseRowDownInEvenClass:has(.userExpertiseRowDownPraeActiveClass) input,
#userExpertiseOut .userExpertiseRowDownInOddClass:has(.userExpertiseRowDownPraeActiveClass) input,
#userExpertiseOut .userExpertiseRowDownInEvenClass:has(.userExpertiseRowDownPraeActiveClass) select,
#userExpertiseOut .userExpertiseRowDownInOddClass:has(.userExpertiseRowDownPraeActiveClass) select {
  background: var(--le-white) !important;
}

/* Original Zeile 13568: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowStatistikClassTop{
  box-sizing: border-box !important;
  min-height: 2.35rem !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 0 var(--le-size-3) 0 !important;
  padding: 0 !important;
  background: var(--le-row-main-bg) !important;
  color: var(--le-text-strong) !important;
  border: 0 !important;
  font-weight: 600 !important;
}

/* Original Zeile 13583: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowLeftStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userExpertiseRowLeftStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowLeftStatistikHeadClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowRightStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowRightStatistikClassTop,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userExpertiseRowRightStatistikClass{
  color: var(--le-text-strong) !important;
}

/* Original Zeile 13593: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowLeftStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userExpertiseRowLeftStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowLeftStatistikHeadClass{
  padding-left: .65rem !important;
}

/* Original Zeile 13600: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userExpertiseRowLeftStatistikClass{
  top: 0 !important;
}

/* Original Zeile 13606: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowRightStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowRightStatistikClassTop,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userExpertiseRowRightStatistikClass{
  box-sizing: border-box !important;
  min-height: 2.35rem !important;
  align-items: center !important;
}

/* Original Zeile 13616: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowStatistikClass.statistikLightBlue{
  background: var(--le-summary-bg) !important;
  border-top: var(--le-border-normal) solid var(--le-line-medium) !important;
}

/* Original Zeile 13740: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowStatistikClassTop{
  min-height: 1.55rem !important;
  margin-bottom: var(--le-size-2) !important;
  line-height: 1.2 !important;
}

/* Original Zeile 13747: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowRightStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowRightStatistikClassTop,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userExpertiseRowRightStatistikClass{
  min-height: 1.55rem !important;
}

/* Original Zeile 13755: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowLeftStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userExpertiseRowLeftStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowLeftStatistikHeadClass{
  padding-top: .16rem !important;
  padding-bottom: .16rem !important;
}

/* Original Zeile 13822: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowStatistikClassTop{
  min-height: 2.35rem !important;
  margin-bottom: var(--le-size-3) !important;
  line-height: normal !important;
}

/* Original Zeile 13829: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowRightStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowRightStatistikClassTop,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userExpertiseRowRightStatistikClass{
  min-height: 2.35rem !important;
}

/* Original Zeile 13835: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowLeftStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userExpertiseRowLeftStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowLeftStatistikHeadClass{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Original Zeile 13905: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass .userSkillsRowStatistikClassTop{
  flex-shrink: 0 !important;
}

/* Original Zeile 13968: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */


/* Original Zeile 14090: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */


/* Original Zeile 14179: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */


/* Original Zeile 14291: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikLeft .userSkillsRowStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikLeft .userSkillsRowStatistikClassTop,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight .userSkillsRowStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight .userSkillsRowStatistikClassTop{
  flex: 0 0 auto !important;
}

/* Original Zeile 14723: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight .userSkillsRowRightStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight .userSkillsRowRightStatistikClassTop,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight .userExpertiseRowRightStatistikClass{
  padding-right: .65rem !important;
  box-sizing: border-box !important;
}

/* Original Zeile 14768: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight .userSkillsRowRightStatistikClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight .userSkillsRowRightStatistikClassTop,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight .userExpertiseRowRightStatistikClass{
  padding-right: .85rem !important;
  box-sizing: border-box !important;
}


/* Zugehörige PHP-Scripte: changeSkills.php; userExpertise.php; userSkills.php.
   Bestätigte seitenspezifische Ergänzungen; Reihenfolge innerhalb dieser Gruppe beibehalten. */


/* Bereinigung 05: Nur Abschlusszeilen mit Speichern-Aktion rechts ausrichten.
   allStandard.css: linke Leerzelle calc(100% - 302px), rechter Bereich 240px;
   die verbleibenden 62px werden durch flex-end am Zeilencontainer rechts aufgefangen.
   Button-Optik und andere Unterzeilen bleiben unveraendert. */
#userExpertiseOut :is(.userExpertiseRowDownInEvenClass, .userExpertiseRowDownInOddClass):has(> .userExpertiseRowRightDownClass > .saveSkillButtonClass),
#userSkillsOut :is(.userSkillsRowDownInEvenClass, .userSkillsRowDownInOddClass):has(> .userSkillsRowRightDownClass > .saveSkillButtonClass) {
  justify-content: flex-end;
}

/* Bereinigung 06: Unteren Speichern-Button in den beiden Nutzermodulen
   optisch 4 px nach rechts versetzen; Gestaltung und Zeilenlayout unveraendert. */
#userExpertiseOut :is(.userExpertiseRowDownInEvenClass, .userExpertiseRowDownInOddClass) > .userExpertiseRowRightDownClass > .saveSkillButtonClass,
#userSkillsOut :is(.userSkillsRowDownInEvenClass, .userSkillsRowDownInOddClass) > .userSkillsRowRightDownClass > .saveSkillButtonClass {
  transform: translateX(4px);
}

/* Bild 289 – oberer Abstand in changeSkills.php */
#adminEvaluationTopOutIDKey.adminEvaluationTopOut2 {
    top: 8px !important;
    bottom: 0 !important;
    height: auto !important;
}
/* === Berichte / PDF: 88 Regeln; Quellreihenfolge innerhalb des Abschnitts beibehalten. === */
/* PHP-Scripte / Bereiche: PDF-Ausgabe. */

/* Original Zeile 13509: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass{
  box-sizing: border-box !important;
  width: var(--le-pdf-stat-filter-width) !important;
  min-width: var(--le-pdf-stat-filter-width) !important;
  max-width: var(--le-pdf-stat-filter-width) !important;
  min-height: 0 !important;
  height: auto !important;
  margin-left: 0 !important;
  margin-top: var(--le-size-10) !important;
  margin-bottom: var(--le-size-10) !important;
  overflow: visible !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
}

/* Original Zeile 13524: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass .printQuarterField{
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 5.6rem !important;
  margin: 0 !important;
  padding: .55rem .7rem .7rem !important;
  border: var(--le-border-normal) solid var(--le-line-medium) !important;
  background: var(--le-white) !important;
  color: var(--le-text-strong) !important;
  align-items: center !important;
}

/* Original Zeile 13539: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass .printQuarterFieldLegend{
  padding: 0 .35rem !important;
  color: var(--le-text-strong) !important;
  font-family: var(--le-font-family-main) !important;
  font-size: var(--le-font-size-body) !important;
  font-weight: 600 !important;
}

/* Original Zeile 13551: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass{
  gap: var(--le-size-12) !important;
  align-items: flex-start !important;
}

/* Original Zeile 13556: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikLeftFieldClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikRightClass{
  box-sizing: border-box !important;
  background: var(--le-white) !important;
}

/* Original Zeile 13562: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikLeftFieldClass{
  left: 0 !important;
}

/* Original Zeile 13641: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass{
  box-sizing: content-box !important;
  width: 68.2em !important;
  min-width: 68.2em !important;
  max-width: 68.2em !important;
  min-height: 6.5em !important;
  height: auto !important;
  margin-left: .5em !important;
  margin-top: var(--le-size-10) !important;
  margin-bottom: var(--le-size-10) !important;
  overflow: hidden !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Original Zeile 13659: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass *,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .printHelpTextClass{
  box-sizing: content-box !important;
}

/* Original Zeile 13665: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass .printQuarterField{
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: calc(100% - 32px) !important;
  min-height: 0 !important;
  margin-top: .8em !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  padding: .3em !important;
  padding-bottom: .8em !important;
  border: var(--le-border-strong) solid var(--buttonBlau) !important;
  background: var(--le-white) !important;
  align-items: center !important;
  justify-content: space-around !important;
}

/* Original Zeile 13685: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass .statSelDayClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass .statSelYearClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass .statSelQuarterClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass select,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass .sendQuarterButton{
  min-height: 0 !important;
  max-width: none !important;
}

/* Original Zeile 13696: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .printHelpTextClass{
  height: 1.2em !important;
  padding-top: var(--le-size-4) !important;
  padding-bottom: var(--le-size-4) !important;
  overflow: visible !important;
}

/* Original Zeile 13717: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass{
  min-height: 6.9em !important;
}

/* Original Zeile 13721: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass .printQuarterField{
  width: calc(100% - 1.0em) !important;
  margin-left: .15em !important;
  margin-right: .15em !important;
  padding-left: .45em !important;
  padding-right: .45em !important;
  padding-top: .38em !important;
  padding-bottom: .85em !important;
}

/* Original Zeile 13733: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass{
  margin-top: var(--le-size-10) !important;
}

/* Original Zeile 13777: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass{
  min-height: 7.2em !important;
  margin-bottom: var(--le-size-2) !important;
}

/* Original Zeile 13785: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass .printQuarterField{
  width: calc(100% - 1.8em) !important;
  margin-left: .15em !important;
  margin-right: .15em !important;
  padding-left: .75em !important;
  padding-right: .75em !important;
  padding-top: .58em !important;
  padding-bottom: 1.0em !important;
}

/* Original Zeile 13796: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .printHelpTextClass{
  top: var(--le-size-2) !important;
}

/* Original Zeile 13801: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass{
  margin-top: var(--le-size-4) !important;
  height: calc(100vh - 14rem) !important;
  max-height: calc(100vh - 14rem) !important;
  overflow: hidden !important;
}

/* Original Zeile 13811: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikLeftFieldClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikRightClass{
  height: 100% !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  scrollbar-gutter: stable !important;
}

/* Original Zeile 13845: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #statExpTopLegend td.tableCellPDF + td{
  padding-left: .55rem !important;
}

/* Original Zeile 13864: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikOutClass{
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  align-items: flex-start !important;
}

/* Original Zeile 13874: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikLeftFieldClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikRightClass{
  height: calc(100vh - 14rem) !important;
  max-height: calc(100vh - 14rem) !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  scrollbar-gutter: stable !important;
}

/* Original Zeile 13888: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikLeftFieldClass .allStatistikLeftClass{
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
}

/* Original Zeile 13898: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikLeftFieldClass .allStatistikLeftClass > div{
  height: auto !important;
  min-height: 0 !important;
}

/* Original Zeile 13911: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikLeftFieldClass > .pastPDF_Field{
  flex-shrink: 0 !important;
}

/* Original Zeile 13937: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikLeftFieldClass{
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Original Zeile 13945: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikLeft,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight{
  height: calc(100vh - 15.5rem) !important;
  max-height: calc(100vh - 15.5rem) !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  scrollbar-gutter: stable !important;
  flex: 0 0 auto !important;
}

/* Original Zeile 13958: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikLeft > div,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight > div{
  height: max-content !important;
  min-height: max-content !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Original Zeile 13977: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikRightClass{
  overflow-y: scroll !important;
}

/* Original Zeile 14004: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesOut{
  height: auto !important;
  min-height: 100% !important;
  overflow-y: visible !important;
}

/* Original Zeile 14010: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesData{
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
}

/* Original Zeile 14020: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesData > #allStatistikOut,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut{
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Original Zeile 14028: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikLeft,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight{
  height: calc(100vh - 15.5rem) !important;
  max-height: calc(100vh - 15.5rem) !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}

/* Original Zeile 14048: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut{
  height: calc(100vh - 15.5rem) !important;
  max-height: calc(100vh - 15.5rem) !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable !important;
  align-items: flex-start !important;
}

/* Original Zeile 14060: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 14068: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikLeft,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikLeftFieldClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikLeftClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .allStatistikRightClass{
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* Original Zeile 14081: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikLeft > div,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight > div{
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Original Zeile 14112: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut{
  height: calc(100vh - 15.5rem) !important;
  max-height: calc(100vh - 15.5rem) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  align-items: stretch !important;
}

/* Original Zeile 14121: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesData{
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Original Zeile 14129: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut > .allStatistikLeftFieldClass{
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* Original Zeile 14140: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 14147: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikLeft{
  flex: 1 1 auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

/* Original Zeile 14158: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight{
  flex: 0 0 48% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

/* Original Zeile 14170: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 14202: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesOut{
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;

  display: flex !important;
  flex-direction: column !important;
}

/* Original Zeile 14214: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployees,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulPrintEmploeesData,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #helpPrintTextID{
  flex: 0 0 auto !important;
}

/* Original Zeile 14222: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesData{
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

/* Original Zeile 14232: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesData > #allStatistikOut,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut{
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  align-items: stretch !important;
}

/* Original Zeile 14242: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut > .allStatistikLeftFieldClass{
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* Original Zeile 14253: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut > .allStatistikLeftFieldClass > .pastPDF_Field{
  flex: 0 0 auto !important;
}

/* Original Zeile 14258: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikLeft{
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

/* Original Zeile 14270: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight{
  flex: 0 0 48% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

/* Original Zeile 14282: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikLeft > div,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight > div{
  height: auto !important;
  min-height: max-content !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Original Zeile 14313: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass{
  width: var(--le-pdf-stat-layout-width) !important;
  max-width: var(--le-pdf-stat-layout-width) !important;
}

/* Original Zeile 14319: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #helpPrintTextID{
  width: var(--le-pdf-stat-layout-width) !important;
  max-width: var(--le-pdf-stat-layout-width) !important;
  box-sizing: border-box !important;
}

/* Original Zeile 14326: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesData,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut{
  width: var(--le-pdf-stat-layout-width) !important;
  max-width: var(--le-pdf-stat-layout-width) !important;
  box-sizing: border-box !important;
}

/* Original Zeile 14335: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut > .allStatistikLeftFieldClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight{
  box-sizing: border-box !important;
}

/* Original Zeile 14351: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .finalLinkPDF{
  background-color: var(--le-action-green) !important;
}

/* Original Zeile 14355: Bestimmt die Darstellung beim Überfahren mit der Maus. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .finalLinkPDF:hover{
  background-color: var(--le-action-green-hover) !important;
}

/* Original Zeile 14372: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #helpPrintTextID{
  width: auto !important;
  max-width: none !important;
}

/* Original Zeile 14380: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass{
  width: calc(var(--le-pdf-stat-layout-width) + 1.5em) !important;
  max-width: calc(var(--le-pdf-stat-layout-width) + 1.5em) !important;
}

/* Original Zeile 14406: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #helpPrintTextID.printHelpTextClass{
  width: 88.3em !important;
  max-width: 88.3em !important;
  box-sizing: content-box !important;
}

/* Original Zeile 14415: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass{
  width: calc(var(--le-pdf-stat-layout-width) + 1.5em) !important;
  min-width: calc(var(--le-pdf-stat-layout-width) + 1.5em) !important;
  max-width: calc(var(--le-pdf-stat-layout-width) + 1.5em) !important;
}

/* Original Zeile 14437: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesData{
  width: max-content !important;
  max-width: none !important;
  box-sizing: content-box !important;
}

/* Original Zeile 14443: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesData > #allStatistikOut,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut{
  width: initial !important;
  min-width: 1410px !important;
  max-width: none !important;
  box-sizing: content-box !important;
}

/* Original Zeile 14452: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut > .allStatistikLeftFieldClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight{
  width: 48% !important;
  max-width: none !important;
}

/* Original Zeile 14473: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass{
  left: 0 !important;
  margin-left: var(--le-pdf-head-left-offset) !important;
}

/* Original Zeile 14478: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #helpPrintTextID.printHelpTextClass{
  left: 0 !important;
  margin-left: var(--le-pdf-head-left-offset) !important;
}

/* Original Zeile 14495: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .modulPrintEmploeesDataClass{
  left: 0 !important;
  margin-left: 0 !important;
}

/* Original Zeile 14516: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #helpPrintTextID.printHelpTextClass{
  left: 0 !important;
  margin-left: var(--le-pdf-content-left-offset) !important;
}

/* Original Zeile 14522: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesData{
  margin-left: var(--le-pdf-content-left-offset) !important;
}

/* Original Zeile 14542: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #helpPrintTextID.printHelpTextClass{
  left: 0 !important;
  margin-left: var(--le-pdf-output-left-offset) !important;
}

/* Original Zeile 14547: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 14562: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #helpPrintTextID.printHelpTextClass,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesData{
  margin-left: var(--le-pdf-output-left-offset) !important;
}

/* Original Zeile 14568: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut > .allStatistikLeftFieldClass > .pastPDF_Field{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Original Zeile 14588: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 14595: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 14617: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #helpPrintTextID.printHelpTextClass{
  left: 0 !important;
  margin-left: var(--le-pdf-help-left-offset) !important;
  width: 89.1em !important;
  max-width: 89.1em !important;
}

/* Original Zeile 14625: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 14631: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut > .allStatistikLeftFieldClass > .pastPDF_Field{
  width: calc(100% - var(--le-pdf-legend-border-reserve)) !important;
  max-width: calc(100% - var(--le-pdf-legend-border-reserve)) !important;
  box-sizing: border-box !important;
}

/* Original Zeile 14652: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #helpPrintTextID.printHelpTextClass{
  left: 0 !important;
  margin-left: var(--le-pdf-help-left-offset) !important;
}

/* Original Zeile 14657: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesData{
  margin-left: var(--le-pdf-output-left-offset) !important;
}

/* Original Zeile 14677: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #helpPrintTextID.printHelpTextClass{
  width: 88.7em !important;
  max-width: 88.7em !important;
}

/* Original Zeile 14684: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikOut{
  position: relative !important;
  left: var(--le-pdf-stat-visual-shift-x) !important;
}

/* Original Zeile 14704: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #helpPrintTextID.printHelpTextClass{
  left: 0 !important;
  margin-left: var(--le-pdf-help-left-offset) !important;
  width: 88.4em !important;
  max-width: 88.4em !important;
}

/* Original Zeile 14713: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikLeft,
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikLeft > div{
  margin-left: 0 !important;
  padding-left: 0 !important;
  left: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Original Zeile 14750: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #modulChoiseEmployeesData.modulChoiseEmployeesDataClass{
  background: transparent !important;


  padding-right: var(--le-pdf-stat-visual-shift-x) !important;
}

/* Original Zeile 14761: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #allStatistikRight{
  overflow-y: scroll !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: auto !important;
}

/* === Schulungen / Zertifikate: 215 Regeln; Quellreihenfolge innerhalb des Abschnitts beibehalten. === */
/* PHP-Scripte / Bereiche: training.php. */

/* Original Zeile 687: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut,
.adminEvaluationOut,
.allStatistikOutAllClass {
  max-width: none;
}

/* Original Zeile 14917: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut .adminEvaluationLeft,
.adminEvaluationOut .adminEvaluationMiddle,
.adminEvaluationOut .adminEvaluationRight {
  box-sizing: border-box !important;
  background: var(--le-container-background) !important;
  border: var(--le-container-border-width) solid var(--le-container-border-color) !important;
  border-radius: var(--le-container-radius) !important;
  box-shadow: var(--le-container-shadow) !important;
  overflow: hidden !important;
}

/* Original Zeile 14928: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.adminEvaluationOut .adminEvaluationInTop {
  box-sizing: border-box !important;
  min-height: 2.5rem !important;
  height: auto !important;
  padding: .45rem .75rem !important;
}

/* Original Zeile 14940: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut .adminEvaluationInBottom {
  box-sizing: border-box !important;
  padding: .75rem !important;
  gap: .75rem !important;
  border: 0 !important;
  background: var(--ui-surface) !important;
}

/* Original Zeile 14948: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut .adminEvaluationInLeft,
.adminEvaluationOut .adminEvaluationInLeft2,
.adminEvaluationOut .adminEvaluationInRight,
.adminEvaluationOut .adminEvaluationInRight2 {
  font-size: var(--le-font-size-body) !important;
}

/* Original Zeile 14955: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut .statEvalClass,
.adminEvaluationOut .textFieldLong2,
.adminEvaluationOut .textFieldMiddle,
.adminEvaluationOut .evalGroupArea {
  box-sizing: border-box !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  font-size: var(--le-font-size-body) !important;
}

/* Original Zeile 14967: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut .textShowEval,
.adminEvaluationOut .evalFontRight {
  color: var(--ui-text) !important;
  font-size: var(--le-font-size-small) !important;
  font-weight: 600 !important;
}

/* Original Zeile 14974: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut .evalGroupEntry,
.adminEvaluationOut .evalGroupEntry2 {
  box-sizing: border-box !important;
  min-height: 2rem !important;
  height: auto !important;
  margin-bottom: .25rem !important;
  padding: .3rem .4rem !important;
  border: var(--le-border-normal) solid transparent !important;
  border-radius: var(--le-radius-small) !important;
  color: var(--ui-text) !important;
}

/* Original Zeile 14986: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.adminEvaluationOut .evalGroupEntry:hover {
  background: var(--ui-blue-100) !important;
  border-color: var(--ui-border) !important;
}

/* Original Zeile 14991: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut .evalGroupEntryActive,
.adminEvaluationOut .useEvalBackBlue {
  background: var(--ui-blue-100) !important;
  border-color: var(--ui-border) !important;
  color: var(--ui-blue-900) !important;
}

/* Original Zeile 14998: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut .evalGroupEntryScroll2,
.adminEvaluationOut .evalGroupEntryScroll3 {
  box-sizing: border-box !important;
  padding: .35rem !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-surface-soft) !important;
  scrollbar-gutter: stable !important;
}

/* Original Zeile 15008: Button-Optik kommt aus der zentralen Grundregel.
   Diese bisherige Sonderregel setzte Mindesthoehe, Rahmen, Rundung, Hintergrund,
   Schriftfarbe und Schriftgroesse erneut und ueberlagerte damit den Standard.
   Breite/Aufteilung bleiben in den vorhandenen Layoutklassen geregelt. */

/* Original Zeile 15041: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut .evalGroupEntry2.useEvalBackBlue {
  background: var(--ui-blue-100) !important;
  color: var(--ui-blue-900) !important;
}

/* Original Zeile 15719: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID),
.adminEvaluationOut:has(#showProviderID),
.adminEvaluationOut:has(.adminEvaluationLeft3),
.adminEvaluationOut:has(#certMaIdID) {
  box-sizing: border-box !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: .7rem !important;
  padding: .35rem !important;
}

/* Original Zeile 15731: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationLeft3,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationRightCert,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight {
  box-sizing: border-box !important;
  height: 100% !important;
  min-height: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 15751: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.adminEvaluationOut:has(#showTrainingID) .adminEvaluationInTop,
.adminEvaluationOut:has(#showProviderID) .adminEvaluationInTop,
.adminEvaluationOut:has(.adminEvaluationLeft3) .adminEvaluationInTop,
.adminEvaluationOut:has(#certMaIdID) .adminEvaluationInTop {
  box-sizing: border-box !important;
  width: 100% !important;
  flex: 0 0 var(--ui-control-height) !important;
  min-height: var(--ui-control-height) !important;
}

/* Original Zeile 15762: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomList,
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomListForm,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomList,
.adminEvaluationOut:has(.adminEvaluationLeft3) .adminEducationInBottomList,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomList {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
}

/* Original Zeile 15773: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight {
  justify-content: flex-start !important;
}

/* Original Zeile 15781: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID) .eduFieldCont,
.adminEvaluationOut:has(#showTrainingID) .eduFieldContMore,
.adminEvaluationOut:has(#showProviderID) .eduFieldCont,
.adminEvaluationOut:has(.adminEvaluationLeft3) .eduFieldCont,
.adminEvaluationOut:has(#certMaIdID) .eduFieldCont {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Original Zeile 15790: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID) .educationText,
.adminEvaluationOut:has(#showTrainingID) .educationArea,
.adminEvaluationOut:has(#showProviderID) .educationText,
.adminEvaluationOut:has(#showProviderID) .educationArea,
.adminEvaluationOut:has(.adminEvaluationLeft3) .educationText,
.adminEvaluationOut:has(.adminEvaluationLeft3) .educationArea2,
.adminEvaluationOut:has(.adminEvaluationLeft3) .educationArea3,
.adminEvaluationOut:has(#certMaIdID) .educationText,
.adminEvaluationOut:has(#certMaIdID) .educationArea2,
.adminEvaluationOut:has(#certMaIdID) .educationArea3 {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Original Zeile 15805: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomButton,
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomButtonRight,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomButton,
.adminEvaluationOut:has(.adminEvaluationLeft3) .adminEducationInBottomButton,
.adminEvaluationOut:has(.adminEvaluationLeft3) .adminEducationInBottomButtonRight,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomButtonRight {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  min-height: var(--ui-control-height) !important;
  height: auto !important;
  margin-top: .35rem !important;
  margin-bottom: .35rem !important;
  gap: .35rem !important;
}

/* Original Zeile 15822: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) .saveSortButtonClass,
.adminEvaluationOut:has(#showTrainingID) .saveSortButtonClassActive,
.adminEvaluationOut:has(#showProviderID) .saveSortButtonClass,
.adminEvaluationOut:has(#showProviderID) .saveSortButtonClassActive,
.adminEvaluationOut:has(.adminEvaluationLeft3) .saveSortButtonClass,
.adminEvaluationOut:has(.adminEvaluationLeft3) .saveSortButtonClassActive,
.adminEvaluationOut:has(#certMaIdID) .saveSortButtonClass,
.adminEvaluationOut:has(#certMaIdID) .saveSortButtonClassActive {
  box-sizing: border-box !important;
  min-height: var(--ui-control-height) !important;
  padding: .25rem .5rem !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
}

/* Original Zeile 15839: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) .saveSortButtonClass:hover:not(:disabled),
.adminEvaluationOut:has(#showProviderID) .saveSortButtonClass:hover:not(:disabled),
.adminEvaluationOut:has(.adminEvaluationLeft3) .saveSortButtonClass:hover:not(:disabled),
.adminEvaluationOut:has(#certMaIdID) .saveSortButtonClass:hover:not(:disabled) {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 15848: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#certMaIdID) .saveSortButtonClass:disabled {
  opacity: .48 !important;
  cursor: default !important;
  filter: grayscale(.2) !important;
}

/* Original Zeile 15856: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 {
  overflow: visible !important;
}

/* Original Zeile 15859: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 > .adminEducationInBottomList {
  height: auto !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
}

/* Original Zeile 15867: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight:has(.adminEvaluationInBottomNoShow) {
  display: none !important;
}

/* Original Zeile 15914: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: auto !important;
}

/* Original Zeile 15920: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 > .adminEducationInBottomList {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  padding-top: .2rem !important;
  padding-bottom: .15rem !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
}

/* Original Zeile 15930: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 .eduFieldCont,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 .eduFieldContMore {
  box-sizing: border-box !important;
  height: max-content !important;
  min-height: 0 !important;
  margin-top: .08rem !important;
  margin-bottom: .08rem !important;
  line-height: 1.15 !important;
}

/* Original Zeile 15941: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 textarea.educationArea2 {
  box-sizing: border-box !important;
  height: 4.8rem !important;
  min-height: 4.8rem !important;
  resize: vertical !important;
}

/* Original Zeile 15949: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 #eduCertFreeID {
  height: 3.6rem !important;
  min-height: 3.6rem !important;
}

/* Original Zeile 15954: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 .adminEducationInBottomButton,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 .adminEducationInBottomButtonRight {
  min-height: var(--ui-control-height) !important;
  height: auto !important;
  margin-top: .15rem !important;
  margin-bottom: .15rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Original Zeile 15974: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationLeft3,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationRightCert {
  box-sizing: border-box !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

/* Original Zeile 15986: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationLeft3 > .adminEvaluationInTop,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 > .adminEvaluationInTop,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationRightCert > .adminEvaluationInTop {
  flex: 0 0 var(--ui-control-height) !important;
}

/* Original Zeile 15992: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationLeft3 > .adminEducationInBottomList,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 > .adminEducationInBottomList,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationRightCert > .adminEducationInBottomList {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
}

/* Original Zeile 16003: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationLeft3 > .adminEducationInBottomList,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationRightCert > .adminEducationInBottomList {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 16009: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 {
  overflow: hidden !important;
  scrollbar-gutter: auto !important;
}

/* Original Zeile 16014: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 > .adminEducationInBottomList {
  overflow: hidden !important;
  padding-top: .1rem !important;
  padding-bottom: .1rem !important;
}

/* Original Zeile 16021: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 .eduFieldCont,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 .eduFieldContMore {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.08 !important;
}

/* Original Zeile 16028: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 textarea.educationArea2 {
  height: 4.35rem !important;
  min-height: 4.35rem !important;
}

/* Original Zeile 16033: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 #eduCertFreeID {
  height: 3rem !important;
  min-height: 3rem !important;
}

/* Original Zeile 16038: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 .adminEducationInBottomButton,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationMiddleCert2 .adminEducationInBottomButtonRight {
  margin-top: .05rem !important;
  margin-bottom: .05rem !important;
}

/* Original Zeile 16055: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) {
  box-sizing: border-box !important;
  align-items: stretch !important;
}

/* Original Zeile 16060: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID {
  box-sizing: border-box !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  align-self: stretch !important;
}

/* Original Zeile 16070: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: .7rem !important;
  overflow: hidden !important;
}

/* Original Zeile 16079: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert {
  box-sizing: border-box !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  align-self: stretch !important;
  margin: 0 !important;
}

/* Original Zeile 16090: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEvaluationInTop,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEvaluationInTop {
  flex: 0 0 var(--ui-control-height) !important;
  min-height: var(--ui-control-height) !important;
}

/* Original Zeile 16096: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEducationInBottomList,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEducationInBottomList {
  box-sizing: border-box !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
}

/* Original Zeile 16104: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEducationInBottomList {
  flex: 1 1 auto !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 16111: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 {
  overflow: hidden !important;
  scrollbar-gutter: auto !important;
  justify-content: flex-start !important;
}

/* Original Zeile 16117: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEducationInBottomList {
  flex: 0 0 auto !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding-top: .08rem !important;
  padding-bottom: .08rem !important;
}

/* Original Zeile 16127: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 .eduFieldCont,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 .eduFieldContMore {
  box-sizing: border-box !important;
  height: max-content !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.05 !important;
}

/* Original Zeile 16137: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 textarea.educationArea2 {
  height: 4rem !important;
  min-height: 4rem !important;
}

/* Original Zeile 16142: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 #eduCertFreeID {
  height: 2.7rem !important;
  min-height: 2.7rem !important;
}

/* Original Zeile 16147: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 .tableInCert {
  height: .15rem !important;
  min-height: 0 !important;
  line-height: .15rem !important;
  padding: 0 !important;
}

/* Original Zeile 16154: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 .adminEducationInBottomButtonRight {
  flex: 0 0 auto !important;
  min-height: var(--ui-control-height) !important;
  height: auto !important;
  margin-top: .03rem !important;
  margin-bottom: .03rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Original Zeile 16176: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) {
  display: flex !important;
  align-items: stretch !important;
  height: calc(100% - var(--le-size-20)) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* Original Zeile 16185: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3 {
  box-sizing: border-box !important;
  flex: 0 0 32% !important;
  width: 32% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: stretch !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
}

/* Original Zeile 16197: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID {
  box-sizing: border-box !important;
  display: flex !important;
  flex: 1 1 68% !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: stretch !important;
  align-items: stretch !important;
  gap: .7rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

/* Original Zeile 16217: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 46% !important;
  width: 46% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: stretch !important;
  margin: 0 !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-surface) !important;
  overflow: hidden !important;
}

/* Original Zeile 16235: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 54% !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: stretch !important;
  margin: 0 !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-surface) !important;
  overflow: hidden !important;
}

/* Original Zeile 16255: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEducationInBottomList {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}

/* Original Zeile 16267: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEducationInBottomList {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 16281: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 form,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 fieldset {
  border-color: var(--ui-border) !important;
}

/* Original Zeile 16298: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID),
.adminEvaluationOut:has(#showProviderID),
.adminEvaluationOut:has(.adminEvaluationLeft3),
.adminEvaluationOut:has(#certMaIdID) {
  align-items: stretch !important;
}

/* Original Zeile 16306: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight,
.adminEvaluationOut:has(.adminEvaluationLeft3) > .adminEvaluationLeft3,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Original Zeile 16324: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Original Zeile 16333: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomButton,
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomButtonRight,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomButtonRight,
.adminEvaluationOut:has(.adminEvaluationLeft3) .adminEducationInBottomButton,
.adminEvaluationOut:has(.adminEvaluationLeft3) .adminEducationInBottomButtonRight,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomButtonRight {
  border: 0 !important;
  box-shadow: none !important;
}

/* Original Zeile 16350: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomList,
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomListForm,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomList,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomListForm,
.adminEvaluationOut:has(.adminEvaluationLeft3) .adminEducationInBottomList,
.adminEvaluationOut:has(.adminEvaluationLeft3) .adminEducationInBottomListForm,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomList,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomListForm {
  box-sizing: border-box !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-surface) !important;
  box-shadow: none !important;
}

/* Original Zeile 16367: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

/* Original Zeile 16384: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomList,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomList,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomList,
.adminEvaluationOut:has(.adminEvaluationLeft3) .adminEducationInBottomList {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

/* Original Zeile 16394: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */


/* Original Zeile 16397: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEducationInBottomList {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 16416: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Original Zeile 16438: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight > .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft > .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle > .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight > .adminEducationInBottomButton {
  box-sizing: border-box !important;
  flex: 0 0 calc(var(--ui-control-height) + .45rem) !important;
  width: 100% !important;
  min-height: calc(var(--ui-control-height) + .45rem) !important;
  height: calc(var(--ui-control-height) + .45rem) !important;
  margin: 0 !important;
  padding: .2rem 0 .25rem 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Original Zeile 16462: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft > .adminEducationInBottomList,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle > .adminEducationInBottomList,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight > .adminEducationInBottomList,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight > .adminEducationInBottomListForm,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft > .adminEducationInBottomList,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle > .adminEducationInBottomList,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight > .adminEducationInBottomList,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight > .adminEducationInBottomListForm,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft > .adminEducationInBottomList,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle > .adminEducationInBottomList,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight > .adminEducationInBottomList {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-surface) !important;
  box-shadow: none !important;
}

/* Original Zeile 16486: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft > .adminEducationInBottomList,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft > .adminEducationInBottomList,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft > .adminEducationInBottomList {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 16494: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3 {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Original Zeile 16506: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID {
  box-sizing: border-box !important;
  display: flex !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Original Zeile 16515: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Original Zeile 16529: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3 > .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEducationInBottomButton {
  box-sizing: border-box !important;
  flex: 0 0 calc(var(--ui-control-height) + .45rem) !important;
  width: 100% !important;
  min-height: calc(var(--ui-control-height) + .45rem) !important;
  height: calc(var(--ui-control-height) + .45rem) !important;
  margin: 0 !important;
  padding: .2rem 0 .25rem 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Original Zeile 16547: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3 > .adminEducationInBottomList,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEducationInBottomList,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEducationInBottomList {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-surface) !important;
  box-shadow: none !important;
}

/* Original Zeile 16563: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3 > .adminEducationInBottomList,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEducationInBottomList {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 16570: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEducationInBottomList {
  overflow: visible !important;
}

/* Original Zeile 16584: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID),
.adminEvaluationOut:has(#showProviderID),
.adminEvaluationOut:has(> #allTrainingCheckFormID),
.adminEvaluationOut:has(#certMaIdID),
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Original Zeile 16607: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight > .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft > .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle > .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight > .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3 > .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEducationInBottomButton {
  display: block !important;
  flex: 0 0 calc(var(--ui-control-height) + .45rem) !important;
  height: calc(var(--ui-control-height) + .45rem) !important;
  min-height: calc(var(--ui-control-height) + .45rem) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Original Zeile 16629: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomList,
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomListForm,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomList,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomListForm,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomList,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomListForm,
.adminEvaluationOut:has(> #allTrainingCheckFormID) .adminEducationInBottomList,
.adminEvaluationOut:has(> #allTrainingCheckFormID) .adminEducationInBottomListForm {
  background: var(--ui-surface) !important;
  background-color: var(--ui-surface) !important;
}

/* Original Zeile 16643: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEducationInBottomList {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding-top: .35rem !important;
  padding-bottom: .35rem !important;
  overflow: hidden !important;
}

/* Original Zeile 16652: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 .eduFieldCont,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 .eduFieldContMore {
  margin-top: .08rem !important;
  margin-bottom: .08rem !important;
  line-height: 1.18 !important;
}

/* Original Zeile 16659: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 textarea.educationArea2 {
  height: 4.8rem !important;
  min-height: 4.8rem !important;
}

/* Original Zeile 16664: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 #eduCertFreeID {
  height: 3.4rem !important;
  min-height: 3.4rem !important;
}

/* Original Zeile 16680: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) .adminEducationInBottomButton {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .35rem !important;
}

/* Original Zeile 16690: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomButton > input,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomButton > input,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomButton > input,
.adminEvaluationOut:has(> #allTrainingCheckFormID) .adminEducationInBottomButton > input {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 16700: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomList > .eduFieldCont:has(#eduCertProviderCountryID),
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomList > .eduFieldCont:has(#trainingCountrySelectID),
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomList > .eduFieldCont:has(#eduCertKeyID),
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomList > .eduFieldCont:has(#eduSpecIntID),
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomList > .eduFieldCont:has(#followNewID),
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomList > .eduFieldCont:has(#eduTeachID) {
  margin-bottom: .55rem !important;
}

/* Original Zeile 16728: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomList > .eduFieldCont:not(:has(#eduCertProviderCountryID, #trainingCountrySelectID, #eduCertKeyID, #eduSpecIntID, #followNewID, #eduTeachID)) {
  margin-bottom: .08rem !important;
}

/* Original Zeile 16744: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomList > #providerSelectDivID,
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomList > #eduCertEmplID {
  margin-bottom: .55rem !important;
}

/* Original Zeile 16756: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomList > .eduFieldCont:has(#eduCertFreeID) {
  margin-bottom: .25rem !important;
}

/* Original Zeile 16763: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  #eduCertFreeID {
  height: 5.6rem !important;
  min-height: 5.6rem !important;
  max-height: none !important;
  resize: vertical !important;
}

/* Original Zeile 16788: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomList > #providerSelectDivID,
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomList > #eduCertEmplID {
  box-sizing: border-box !important;
  margin-bottom: .08rem !important;
  padding-bottom: .58rem !important;
}

/* Original Zeile 16803: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID)
  > .adminEvaluationRight
  > form#allExpCheckFormID {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

/* Original Zeile 16820: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#showTrainingID)
  > .adminEvaluationRight
  > form#allExpCheckFormID
  > #expertDivID.adminEducationInBottomListForm {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: .35rem !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-surface) !important;
  box-shadow: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 16849: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomButton,
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomButtonRight,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomButtonRight,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomButtonRight,
.adminEvaluationOut:has(> #allTrainingCheckFormID) .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) .adminEducationInBottomButtonRight {
  column-gap: .6rem !important;
  row-gap: .35rem !important;
}

/* Original Zeile 16861: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomButton > input,
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomButtonRight > input,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomButton > input,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomButtonRight > input,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomButton > input,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomButtonRight > input,
.adminEvaluationOut:has(> #allTrainingCheckFormID) .adminEducationInBottomButton > input,
.adminEvaluationOut:has(> #allTrainingCheckFormID) .adminEducationInBottomButtonRight > input {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 16882: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight > .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft > .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle > .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight > .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3 > .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEducationInBottomButton {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  column-gap: .55rem !important;
  row-gap: 0 !important;
}

/* Original Zeile 16902: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3 > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEducationInBottomButton > input[type="button"] {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

/* Original Zeile 16929: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle > .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight > .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft > .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle > .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight > .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3 > .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEducationInBottomButton {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: .2rem !important;
}

/* Original Zeile 16949: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3 > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEducationInBottomButton > input[type="button"] {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* Original Zeile 16971: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomButtonRight:has(> input[type="button"]:nth-of-type(5)) {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .25rem !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
}

/* Original Zeile 16985: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomButtonRight:has(> input[type="button"]:nth-of-type(5))
  > input[type="button"] {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Original Zeile 16997: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .adminEducationInBottomButtonRight:has(> input[type="button"]:nth-of-type(5))
  > input[type="button"]:last-of-type {
  grid-column: 1 / -1 !important;
}

/* Original Zeile 17018: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationLeft > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationMiddle > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showTrainingID) > .adminEvaluationRight > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(> #allTrainingCheckFormID) > .adminEvaluationLeft3 > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationMiddleCert2 > .adminEducationInBottomButton > input[type="button"],
.adminEvaluationOut:has(> #allTrainingCheckFormID) > #allTrainingCheckFormID > .adminEvaluationRightCert > .adminEducationInBottomButton > input[type="button"] {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Original Zeile 17037: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#showTrainingID) .adminEducationInBottomButton,
.adminEvaluationOut:has(#showProviderID) .adminEducationInBottomButton,
.adminEvaluationOut:has(#certMaIdID) .adminEducationInBottomButton,
.adminEvaluationOut:has(> #allTrainingCheckFormID) .adminEducationInBottomButton {
  gap: .15rem !important;
}

/* Zugehörige PHP-Scripte: listCert.php; changeCert.php. Bild 308:
   Adresszeile: Postleitzahl lesbar, Ortsfeld nutzt die verfügbare Zellenbreite. */
.adminEvaluationOut:has(> #allTrainingCheckFormID) #eduCertProviderZipID,
.adminEvaluationOut:has(> #allTrainingCheckFormID) #eduCertProviderZip2ID {
  box-sizing: border-box !important;
  width: 5.2rem !important;
  min-width: 5.2rem !important;
  max-width: 100% !important;
}
.adminEvaluationOut:has(> #allTrainingCheckFormID) #eduCertProviderTownID,
.adminEvaluationOut:has(> #allTrainingCheckFormID) #eduCertProviderTown2ID {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 5rem !important;
  max-width: 100% !important;
}

/* Zugehörige PHP-Scripte: listCert.php; changeCert.php. Bild 308:
   Sichtbare Formularaktionen unabhängig von den NoShow-Zuständen einheitlich hoch. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  #allTrainingCheckFormID .adminEvaluationMiddleCert2 .eduFieldButton > input[type="button"]:not(.saveAdminButtonClassNoShow),
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  #allTrainingCheckFormID .adminEvaluationMiddleCert2 .eduFieldButton > input[type="button"].saveAdminButtonClassNoShow:not([style*="display: none"]):not([style*="display:none"]) {
  box-sizing: border-box !important;
  height: 30px !important;
  min-height: 30px !important;
  padding-block: 0 !important;
  line-height: 28px !important;
  vertical-align: middle !important;
}
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  #allTrainingCheckFormID .adminEvaluationMiddleCert2 .eduFieldButton {
  align-items: center !important;
  row-gap: .3rem !important;
}

/* Original Zeile 17048: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .eduFieldButton {
  box-sizing: border-box !important;
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: .25rem !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: .3rem 0 0 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
}

/* Original Zeile 17067: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .eduFieldButton > input[type="button"] {
  box-sizing: border-box !important;
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  font-size: var(--le-font-size-small) !important;
}

/* Original Zeile 17081: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .eduFieldButton > #butEduChange {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Original Zeile 17096: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .eduFieldButton {
  padding-inline: .25rem !important;
}

/* Original Zeile 17103: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .eduFieldButton > #butEduChange {
  flex-basis: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Original Zeile 17117: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .eduFieldButton > #butEduChange {
  flex: 0 0 calc(100% - .5rem) !important;
  width: calc(100% - .5rem) !important;
  max-width: calc(100% - .5rem) !important;
  margin-inline: auto !important;
}

/* Original Zeile 17133: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .eduFieldButton > #butEduChange {
  flex: 0 0 calc(100% - .5rem + 2px) !important;
  width: calc(100% - .5rem + 2px) !important;
  max-width: calc(100% - .5rem + 2px) !important;
  margin-inline: auto !important;
}

/* Original Zeile 17155: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .eduFieldButton:not(:has(> #butEduChange)) {
  justify-content: flex-end !important;
}

/* Original Zeile 17162: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .eduFieldButton:not(:has(> #butEduChange))
  > input[type="button"] {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: 100% !important;
}

/* Original Zeile 17175: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .eduFieldButton:has(> #butEduChange)
  > #butEduChange {
  flex: 0 0 calc(100% - .125rem) !important;
  width: calc(100% - .125rem) !important;
  max-width: calc(100% - .125rem) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Original Zeile 17191: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .eduFieldButton:has(> #butEduChange)
  > #butEduChange {
  flex-basis: calc(100% - .125rem - 1px) !important;
  width: calc(100% - .125rem - 1px) !important;
  max-width: calc(100% - .125rem - 1px) !important;
}

/* Original Zeile 17206: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(> #allTrainingCheckFormID)
  > #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  .eduFieldButton:has(> #butEduChange)
  > #butEduChange {
  position: relative !important;
  left: -1px !important;
}

/* Original Zeile 17481: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationLeft {
  flex: 0 1 29% !important;
  width: 29% !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Original Zeile 17488: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationMiddle {
  flex: 0 1 29% !important;
  width: 29% !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Original Zeile 17495: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) > .adminEvaluationRight {
  flex: 1 1 42% !important;
  width: 42% !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Original Zeile 17505: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID)
  > .adminEvaluationRight
  > .adminEducationInBottomList {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    flex: 1 1 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: .4rem !important;
}

/* Original Zeile 17521: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID)
  > .adminEvaluationRight
  > .adminEducationInBottomList table {
  width: 100% !important;
  max-width: 100% !important;
}

/* Original Zeile 17540: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .fieldSetCert {
  padding: .35rem .45rem !important;
  margin: .2rem 0 0 0 !important;
  font-size: var(--le-font-size-small) !important;
  line-height: 1.15 !important;
}

/* Original Zeile 17548: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .fieldSetCert > legend {
  font-size: var(--le-font-size-small) !important;
  padding: 0 .25rem !important;
}

/* Original Zeile 17554: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .tableInCert {
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.1 !important;
}

/* Original Zeile 17560: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID tr > td.tableInCert:only-child {
  padding-top: .08rem !important;
  padding-bottom: .08rem !important;
}

/* Original Zeile 17566: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID tr:has(> td.tableInCert[colspan="10"]) {
  height: .28rem !important;
  min-height: .28rem !important;
  line-height: .28rem !important;
}

/* Original Zeile 17573: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .educationText {
  min-height: 1.45rem !important;
  height: 1.45rem !important;
  padding-top: .05rem !important;
  padding-bottom: .05rem !important;
  font-size: var(--le-font-size-small) !important;
}

/* Original Zeile 17582: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .educationText2,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .educationTextSmall4 {
  min-height: 1.4rem !important;
  height: 1.4rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: var(--le-font-size-small) !important;
}

/* Original Zeile 17592: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certStatusClass,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass1,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass2,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass3,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass4 {
  font-size: var(--le-font-size-small) !important;
  line-height: 1.1 !important;
}

/* Original Zeile 17603: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID #maTextFreeID {
  min-height: 4rem !important;
  height: 4rem !important;
  font-size: var(--le-font-size-small) !important;
  line-height: 1.2 !important;
}

/* Original Zeile 17611: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID #rowEvidennceID td {
  padding-top: .1rem !important;
  padding-bottom: .1rem !important;
}

/* Original Zeile 17627: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .fieldSetCert {
  padding-top: .18rem !important;
  padding-bottom: .18rem !important;
  margin-top: .1rem !important;
}

/* Original Zeile 17634: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .fieldSetCert td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.05 !important;
}

/* Original Zeile 17641: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#certMaIdID)
  #maDataCertID
  tr:has(> td.tableInCert[colspan="10"]) {
  height: .12rem !important;
  min-height: .12rem !important;
  line-height: .12rem !important;
}

/* Original Zeile 17650: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .educationText {
  min-height: 1.28rem !important;
  height: 1.28rem !important;
}

/* Original Zeile 17655: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .educationText2,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .educationTextSmall4 {
  min-height: 1.22rem !important;
  height: 1.22rem !important;
}

/* Original Zeile 17662: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certStatusClass,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass1,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass2,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass3,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass4 {
  line-height: 1 !important;
}

/* Original Zeile 17673: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID #maTextFreeID {
  min-height: 2.6rem !important;
  height: 2.6rem !important;
}

/* Original Zeile 17679: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID #rowEvidennceID td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.05 !important;
}

/* Original Zeile 17685: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID #rowEvidennceID {
  margin-top: 0 !important;
}

/* Original Zeile 17708: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#certMaIdID) #showManagerButtonID {
  box-sizing: border-box !important;
  min-height: calc(var(--ui-control-height) + .3rem) !important;
  height: calc(var(--ui-control-height) + .3rem) !important;
  margin-top: .12rem !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 17717: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#certMaIdID) #showManagerButtonID > table {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border-spacing: 0 !important;
}

/* Original Zeile 17724: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.adminEvaluationOut:has(#certMaIdID) #showManagerButtonID td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Original Zeile 17736: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID)
  .adminEducationInBottomList
  > .eduFieldCont:has(#certValidityID) {
  margin-top: .18rem !important;
  line-height: 1.05 !important;
}

/* Original Zeile 17743: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID)
  .adminEducationInBottomList
  > .eduFieldCont:has(#certValidityID) td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.05 !important;
}

/* Original Zeile 17753: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID)
  .adminEducationInBottomList
  > .eduFieldCont:has(#certValidityID)
  .tableInCert {
  height: .08rem !important;
  min-height: .08rem !important;
  line-height: .08rem !important;
  padding: 0 !important;
}

/* Original Zeile 17765: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID)
  .adminEducationInBottomList
  > .eduFieldCont:has(+ #eduCertEmplID),
.adminEvaluationOut:has(#certMaIdID)
  .adminEducationInBottomList
  > #eduCertEmplID {
  margin-top: .15rem !important;
  margin-bottom: 0 !important;
}

/* Original Zeile 17777: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#certMaIdID)
  #eduCertEmplID ~ .eduFieldCont.eduVoidRow:not(:has(#maDataCertID)) {
  margin-top: .12rem !important;
  line-height: 1.05 !important;
}

/* Original Zeile 17783: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#certMaIdID)
  #eduCertEmplID ~ .eduFieldCont.eduVoidRow:not(:has(#maDataCertID)) td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.05 !important;
}

/* Original Zeile 17791: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(#certMaIdID)
  #eduCertEmplID ~ .eduFieldCont.eduVoidRow .tableInCert {
  height: .08rem !important;
  min-height: .08rem !important;
  line-height: .08rem !important;
  padding: 0 !important;
}

/* Original Zeile 17800: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID {
  margin-top: .12rem !important;
}

/* Original Zeile 17808: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID input[type="date"].educationText2 {
  box-sizing: border-box !important;
  width: 6.5rem !important;
  min-width: 6.5rem !important;
  max-width: 6.5rem !important;
  padding-left: .18rem !important;
  padding-right: .18rem !important;
}

/* Original Zeile 17827: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .fieldSetCert,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .fieldSetCert > legend,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .educationText,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .educationText2,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .educationTextSmall4,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certStatusClass,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass1,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass2,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass3,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID .certTimeClass4,
.adminEvaluationOut:has(#certMaIdID) #maDataCertID #maTextFreeID {
  font-size: var(--le-font-base) !important;
}

/* Original Zeile 17851: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEvaluationOut:has(#certMaIdID)
  #maDataCertID input[type="date"].educationText2 {
  width: 7.3rem !important;
  min-width: 7.3rem !important;
  max-width: 7.3rem !important;
}

/* Original Zeile 18088: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  .adminEducationInBottomButton,
#adminEvaluationTopOutID.adminEvaluationTopOut
  .adminEducationInBottomButtonRight,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  .adminEducationInBottomButton,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  .adminEducationInBottomButtonRight {
  box-sizing: border-box !important;

  flex: 0 0 calc(var(--ui-control-height) + .45rem) !important;
  width: 100% !important;
  min-height: calc(var(--ui-control-height) + .45rem) !important;
  height: calc(var(--ui-control-height) + .45rem) !important;

  display: flex !important;
  align-items: center !important;
  gap: .35rem !important;

  margin: 0 !important;
  padding: .22rem 0 !important;

  background: transparent !important;
  border: 0 !important;
}

/* Original Zeile 18116: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonLeftID,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  #adminEducationInBottomButtonLeftIDKey {
  justify-content: flex-start !important;
}

/* Original Zeile 18123: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonID,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  #adminEducationInBottomButtonIDKey {
  justify-content: space-between !important;
}

/* Original Zeile 18130: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonRightID,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  #adminEducationInBottomButtonRightIDKey {
  justify-content: flex-end !important;
}

/* Original Zeile 18198: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  #allExpCheckSelectFormIDKey
  > #expertDivID,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  #allExpCheckSelectFormIDKey
  > .adminEducationInBottomListForm {
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: .25rem !important;

  background: transparent !important;
  border: 0 !important;

  overflow: visible !important;
}

/* Original Zeile 18334: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonLeftID,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonID,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonRightID {
  position: absolute !important;
  top: calc(var(--ui-control-height) + .35rem) !important;

  width: auto !important;
  min-width: 0 !important;
  height: var(--ui-control-height) !important;
  min-height: var(--ui-control-height) !important;

  padding: 0 !important;
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  background: transparent !important;
  border: 0 !important;

  z-index: 5 !important;
}

/* Original Zeile 18363: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonLeftID {
  left: var(--le-size-5) !important;
}

/* Original Zeile 18368: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonID {
  left: calc(var(--le-size-5) + 7.7rem) !important;
}

/* Original Zeile 18373: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonRightID {
  left: calc(var(--le-size-5) + 15.9rem) !important;
}

/* Original Zeile 18381: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopMiddle
  > .adminEducationInBottomButton,
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopMiddle
  > .adminEducationInBottomButtonRight,
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopRight
  > .adminEducationInBottomButton,
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopRight
  > .adminEducationInBottomButtonRight {
  flex: 0 0 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Zugehörige PHP-Scripte: listCert.php; changeCert.php. Bild 307:
   Die dynamisch eingefügten Aktionsbuttons benötigen auch im Elterncontainer
   eine echte Höhe. Der bisherige Block mit height:0/min-height:0 kappte sie. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopMiddle > #adminEducationInBottomButtonID,
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopRight2 > #adminEducationInBottomButtonRightID {
  box-sizing: border-box !important;
  height: 40px !important;
  min-height: 40px !important;
  flex: 0 0 40px !important;
  overflow: visible !important;
  align-items: center !important;
}
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopMiddle > #adminEducationInBottomButtonID input[type="button"],
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopRight2 > #adminEducationInBottomButtonRightID input[type="button"] {
  box-sizing: border-box !important;
  height: 32px !important;
  min-height: 32px !important;
  line-height: normal !important;
}

/* Original Zeile 18403: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonLeftID input,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonID input,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonRightID input {
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;

  padding-left: .55rem !important;
  padding-right: .55rem !important;

  font-size: var(--le-font-size-small) !important;
  white-space: nowrap !important;
}

/* Original Zeile 18464: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.adminEvaluationOut:has(> #adminEvaluationTopOutID),
.adminEvaluationOut:has(> #adminEvaluationTopOutIDKey) {
  position: relative !important;
}

/* Original Zeile 18498: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonLeftID {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;

  box-sizing: border-box !important;
  flex: 0 0 calc(var(--ui-control-height) + .45rem) !important;

  width: 100% !important;
  min-width: 0 !important;
  height: calc(var(--ui-control-height) + .45rem) !important;
  min-height: calc(var(--ui-control-height) + .45rem) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  padding: .22rem .25rem !important;
  margin: 0 !important;
  gap: .35rem !important;

  background: transparent !important;
  border: 0 !important;
  z-index: 6 !important;
}

/* Original Zeile 18531: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonID,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonRightID {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;

  width: 100% !important;
  min-width: 0 !important;
  height: calc(var(--ui-control-height) + .45rem) !important;
  min-height: calc(var(--ui-control-height) + .45rem) !important;

  padding: .22rem .25rem !important;
  margin: 0 !important;
}

/* Original Zeile 18735: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #adminEducationInBottomButtonLeftID {
  justify-content: flex-start !important;
}

/* Original Zeile 18929: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.adminEvaluationOut:has(.evalGroupEntry) {
  background: transparent !important;
}

/* Original Zeile 19030: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick {
  box-sizing: border-box !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: var(--ui-control-height) !important;
  bottom: 0 !important;

  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: flex-start !important;

  background: transparent !important;
  overflow: visible !important;
}

/* Original Zeile 19056: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopLeft {
  box-sizing: border-box !important;
  flex: 0 0 32% !important;
  width: 32% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;

  background: var(--ui-surface) !important;
  background-color: var(--ui-surface) !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-top: 0 !important;
  border-radius: 0 0 var(--le-radius-small) var(--le-radius-small) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Original Zeile 19084: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopMiddleExtern {
  box-sizing: border-box !important;
  flex: 0 0 calc((68% - .7rem) * .46) !important;
  width: calc((68% - .7rem) * .46) !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

/* Original Zeile 19107: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationExternTopOutID #adminEvaluationExternInTopID,
#adminEvaluationExternTopOutID #adminEducationExternInBottomButtonID,
#adminEvaluationExternTopOutID #allExpCheckSelectFormExternID {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

/* Original Zeile 19118: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2 {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;

  margin: 0 0 0 .7rem !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;

  background: var(--ui-surface) !important;
  background-color: var(--ui-surface) !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-top: 0 !important;
  border-radius: 0 0 var(--le-radius-small) var(--le-radius-small) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Original Zeile 19146: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
/*#adminEvaluationExternTopOutID #adminEvaluationExternInTopLeftID,
#adminEvaluationExternTopOutID #adminEvaluationExternInTopRightID {
  display: none !important;
}*/

/* Original Zeile 19154: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationExternTopOutID
  > .adminEvaluationTopLeft
  > #adminEducationExternInBottomButtonLeftID {
  box-sizing: border-box !important;
  flex: 0 0 calc(var(--ui-control-height) + .45rem) !important;
  width: 100% !important;
  min-width: 0 !important;
  height: calc(var(--ui-control-height) + .45rem) !important;
  min-height: calc(var(--ui-control-height) + .45rem) !important;

  margin: 0 !important;
  padding: .2rem .35rem .25rem .35rem !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  background: var(--ui-surface) !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Original Zeile 19176: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationExternTopOutID #butExternClose {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: var(--ui-control-height) !important;
  height: var(--ui-control-height) !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Original Zeile 19188: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#adminEvaluationExternTopOutID #allExpCheckSelectFormExternLeftID,
#adminEvaluationExternTopOutID #allExpCheckSelectFormExternRightID {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  background: var(--ui-surface) !important;
  background-color: var(--ui-surface) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Original Zeile 19216: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopLeft {
  flex: 0 0 auto !important;
  width: 34.9em !important;
}

/* Original Zeile 19224: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopMiddleExtern {
  flex: 0 0 auto !important;
  width: 35.8em !important;
  margin: 0 !important;
  background: transparent !important;
  outline: none !important;
  pointer-events: none !important;
}

/* Original Zeile 19236: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2 {
  flex: 0 0 auto !important;
  width: 39em !important;
  margin-left: 0 !important;
}

/* Original Zeile 19255: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2 {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin-left: 0 !important;
}

/* Original Zeile 19280: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick {
  left: .7rem !important;
  right: .7rem !important;
  top: calc(var(--ui-control-height) + .45rem) !important;
  bottom: .7rem !important;
}

/* Original Zeile 19288: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopLeft,
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2 {
  height: 100% !important;
  max-height: 100% !important;
}

/* Original Zeile 19297: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopMiddleExtern {
  background: transparent !important;
  outline: none !important;
  pointer-events: none !important;
}

/* Original Zeile 19313: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2 {
  flex: 0 0 39em !important;
  width: 39em !important;
  max-width: 39em !important;
  min-width: 0 !important;
  margin-left: 0 !important;
}

/* Original Zeile 19335: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick {
  bottom: 1.2rem !important;
}

/* Original Zeile 19341: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopLeft {
  flex: 0 0 35.3em !important;
  width: 35.3em !important;
  max-width: 35.3em !important;
}

/* Original Zeile 19350: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2 {
  flex: 0 0 37.5em !important;
  width: 37.5em !important;
  max-width: 37.5em !important;
}

/* Original Zeile 19369: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick {
  bottom: 1.6rem !important;
}

/* Original Zeile 19375: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopLeft {
  flex: 0 0 calc(35.3em - 4px) !important;
  width: calc(35.3em - 4px) !important;
  max-width: calc(35.3em - 4px) !important;
  position: relative !important;
  left: -1px !important;
}

/* Original Zeile 19385: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2 {
  flex: 0 0 38.2em !important;
  width: 38.2em !important;
  max-width: 38.2em !important;
}

/* Original Zeile 19405: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopLeft {
  flex-basis: calc(35.3em - 5px) !important;
  width: calc(35.3em - 5px) !important;
  max-width: calc(35.3em - 5px) !important;
}

/* Original Zeile 19413: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2 {
  flex: 0 0 38.8em !important;
  width: 38.8em !important;
  max-width: 38.8em !important;
  position: relative !important;
  left: -4px !important;
}

/* Original Zeile 19433: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2 {
  flex: 0 0 calc(38.8em + 3px) !important;
  width: calc(38.8em + 3px) !important;
  max-width: calc(38.8em + 3px) !important;
  left: -7px !important;
}

/* Original Zeile 19451: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2 {
  left: -8px !important;
}

/* Original Zeile 19468: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2 {
  flex: 0 0 calc(38.8em + 4px) !important;
  width: calc(38.8em + 4px) !important;
  max-width: calc(38.8em + 4px) !important;
  left: -9px !important;
}

/* Original Zeile 19487: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminEvaluationOut:has(#showProviderID) textarea.educationArea {
  height: 18rem !important;
  min-height: 18rem !important;
}


/* Zertifikate > Liste der Zertifikate > Datenimport:
   Das eingeblendete Import-Overlay liegt deckungsgleich über den drei
   darunterliegenden Bereichen. Die beiden vorhandenen Überschriften bleiben
   sichtbar; PHP- und AJAX-Struktur bleiben unverändert. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick {
  box-sizing: border-box !important;
  inset: auto !important;
  left: .7rem !important;
  right: .7rem !important;
  top: 5px !important;
  bottom: 1.6rem !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
  z-index: 30 !important;
}

#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopLeft,
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopMiddleExtern,
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2,
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight {
  box-sizing: border-box !important;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
}

#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > #trainingLeftOverlay2.adminEvaluationTopLeft,
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > #trainingRightOverlay2.adminEvaluationTopRight {
  height: calc(100% - 5px) !important;
}


#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopLeft {
  flex: 0 0 calc(35.3em - 5px) !important;
  width: calc(35.3em - 5px) !important;
  max-width: calc(35.3em - 5px) !important;
  left: -2px !important;
}

#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopMiddleExtern {
  flex: 0 0 35.8em !important;
  width: 35.8em !important;
  max-width: 35.8em !important;
  margin-left: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2,
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight {
  flex: 0 0 calc(38.8em + 4px) !important;
  width: calc(38.8em + 4px) !important;
  max-width: calc(38.8em + 4px) !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  left: -7px !important;
}

/* Nur die geometrischen Abweichungen der beiden Seiten. */
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick
  > .adminEvaluationTopRight2 {
  flex-basis: calc(38.8em + 6px) !important;
  width: calc(38.8em + 6px) !important;
  max-width: calc(38.8em + 6px) !important;
  left: -9px !important;
}

#adminEvaluationExternTopOutID.adminEvaluationTopOutClick:has(> .adminEvaluationTopRight) {
  bottom: calc(1.6rem + 8px) !important;
}

#adminEvaluationExternTopOutID #adminEvaluationExternInTopLeftID,
#adminEvaluationExternTopOutID #adminEvaluationExternInTopRightID {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  flex: 0 0 var(--ui-control-height) !important;
  min-height: var(--ui-control-height) !important;
  height: var(--ui-control-height) !important;
  padding: .3rem .45rem !important;
}


/* Zugehörige PHP-Scripte: training.php.
   Bestätigte seitenspezifische Ergänzungen; Reihenfolge innerhalb dieser Gruppe beibehalten. */


/* Bereinigung 07 – Bild 284 / training.php: Filterleiste der Schulungsliste.
   Nur die linke Filterleiste; keine Änderung an PHP/AJAX oder anderen Modulen. */
.adminEvaluationOut:has(> .adminEvaluationLeft > #showTrainingID)
  > .adminEvaluationLeft > .adminEducationInBottomButton {
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: center !important;
  align-items: center !important;
  justify-content: flex-start !important;
  column-gap: .35rem !important;
  row-gap: .25rem !important;
  height: auto !important;
  min-height: calc(var(--ui-control-height) + .45rem) !important;
  flex: 0 0 auto !important;
  padding-block: .2rem !important;
}
.adminEvaluationOut:has(> .adminEvaluationLeft > #showTrainingID)
  > .adminEvaluationLeft > .adminEducationInBottomButton > input[type="button"] {
  flex: 0 0 auto !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Bereinigung 08 – Bild 298: Filter-Buttons in training.php auf gleiche
   Mindesthoehe bringen. Breiten, Abstaende und Optik aus 07 beibehalten. */
.adminEvaluationOut:has(> .adminEvaluationLeft > #showTrainingID)
  > .adminEvaluationLeft > .adminEducationInBottomButton > input[type="button"] {
  box-sizing: border-box !important;
  min-height: var(--ui-control-height) !important;
  height: auto !important;
}

#allTrainingCheckFormID #butEduNew {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 3.0em !important;
    padding: 0.35em 0.5em !important;
}

/* listCert.php: Eingabefelder im mittleren Bereich nicht zusammendrücken */
.adminEvaluationOut:has(#showTrainingID)
.adminEvaluationMiddleCert2 > .adminEducationInBottomList {
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.adminEvaluationOut:has(#showTrainingID)
.adminEvaluationMiddleCert2 > .adminEducationInBottomList > * {
    flex-shrink: 0;
}

/* listCert.php – nur die mittlere Zertifikatsmaske scrollen */
.adminEvaluationOut:has(#showTrainingID)
  #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2 {
    min-height: 0 !important;
    overflow: hidden !important;
}

.adminEvaluationOut:has(#showTrainingID)
  #allTrainingCheckFormID
  > .adminEvaluationMiddleCert2
  > .adminEducationInBottomList {
    box-sizing: border-box !important;
    flex: 1 1 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}


/* trainingProviders.php: zwei sichtbare Bereiche statt drei */
.adminEvaluationOut:has(#showProviderID) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-content: flex-start !important;
    gap: 10px;
}

.adminEvaluationOut:has(#showProviderID) > .adminEvaluationLeft {
    box-sizing: border-box !important;
    flex: 0 0 31% !important;
    width: 31% !important;
    min-width: 0 !important;
}

.adminEvaluationOut:has(#showProviderID) > .adminEvaluationMiddle {
    box-sizing: border-box !important;
    flex: 0 0 34% !important;
    width: 34% !important;
    min-width: 0 !important;
}

.adminEvaluationOut:has(#showProviderID) > .adminEvaluationRight {
    display: none !important;
}

/* === Statistiken: 113 Regeln; Quellreihenfolge innerhalb des Abschnitts beibehalten. === */
/* PHP-Scripte / Bereiche: Statistik-Module. */

/* Original Zeile 11995: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.statistikLegendClass,
.statistikLegendClass *,
.allStatistikOutAllClass,
.allStatistikOutAllClass *,
.statistikTopSpaceClass,
.statistikTopSpaceClass * {
  box-sizing: content-box !important;
}

/* Original Zeile 12007: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.statistikLegendClass table,
.allStatistikOutAllClass table {
  border-collapse: separate !important;
  max-width: none !important;
}

/* Original Zeile 12015: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.statistikLegendClass tr:hover > td,
.allStatistikOutAllClass tr:hover > td {
  background-color: inherit;
}

/* Original Zeile 12023: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statSelDayClass,
.allStatistikOutAllClass .statSelYearClass,
.allStatistikOutAllClass .statSelDayClass2,
.allStatistikOutAllClass .statSelYearClass2,
.allStatistikOutAllClass .statSelQuarterClass,
.allStatistikOutAllClass .statSelQuarter2Class,
.allStatistikOutAllClass .statSelQuarter3Class,
.allStatistikOutAllClass .statAdminSelQuarterClass {
  min-height: 0 !important;
  max-width: none !important;
}

/* Original Zeile 12035: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .selSetTime {
  min-height: 0 !important;
}

/* Original Zeile 12041: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInRight3FieldsFirstTopClassDeg,
.allStatistikOutAllClass .allStatistikInRight3FieldsFirstTopClassDegAdmin,
.allStatistikOutAllClass .allStatistikInRight1FieldsTopClassAdmin {
  background-clip: border-box;
}

/* Original Zeile 12048: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.statistikLegendClass {
  color: var(--ui-blue-900);
}

/* Original Zeile 12052: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.statistikLegendClass .statistikLegendTableClass,
.allStatistikOutAllClass .fieldSetStat {
  border-color: var(--ui-border-strong) !important;
  box-shadow: none !important;
}

/* Original Zeile 12058: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .fieldSetStat {
  background-color: var(--le-color-rgba-8440e635) !important;
  color: var(--ui-blue-900);
}

/* Original Zeile 12069: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInRight3FieldsFirstTopClassDegAdmin,
.allStatistikOutAllClass .allStatistikInRight3FieldsFirstTopClassDeg {
  top: 49px !important;
}

/* Original Zeile 12080: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInRight3FieldsFirstTopClassDegAdmin,
.allStatistikOutAllClass .allStatistikInRight3FieldsFirstTopClassDeg {
  top: 56px !important;
}

/* Original Zeile 12092: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInRight3FieldsFirstTopClassDegAdmin,
.allStatistikOutAllClass .allStatistikInRight3FieldsFirstTopClassDeg {
  top: 47px !important;
}

/* Original Zeile 12097: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass > .statistikTopSpaceClass,
.statistikTopSpaceClass {
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: var(--le-font-size-small) !important;
  overflow: hidden !important;
}

/* Original Zeile 12122: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInRightTopClassDeg {
  align-self: flex-end !important;
}

/* Original Zeile 12136: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass > .statistikTopSpaceClass,
.statistikTopSpaceClass {
  height: var(--le-size-5) !important;
  min-height: var(--le-size-5) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: var(--le-size-5) !important;
  font-size: var(--le-font-size-small) !important;
  overflow: hidden !important;
}

/* Original Zeile 12154: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Original Zeile 12170: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .allStatistikInSkillClass,
.allStatistikOutAllClass .allStatistikInLeftClass {
  background-color: var(--le-color-e7f0f6) !important;
  border-bottom-color: var(--le-line-medium) !important;
  color: var(--le-text-bluegray) !important;
}

/* Original Zeile 12179: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .allStatistikInBackMainClass2:not([style*="background-color"]),
.allStatistikOutAllClass .allStatistikInBackMainClass3:not([style*="background-color"]) {
  background-color: var(--le-cell-soft-bg) !important;
}

/* Original Zeile 12185: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInRight3FieldsTopEndClassAdmin {
  background-color: var(--le-cell-soft-bg) !important;
  border-top-color: var(--le-line-medium) !important;
  border-bottom-color: var(--le-line-medium) !important;
  color: var(--le-text-bluegray) !important;
}

/* Original Zeile 12193: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .adminSkillStatistikField,
.allStatistikOutAllClass .adminSkillStatistikFieldTop,
.allStatistikOutAllClass .adminSkillStatistikFieldBottom,
.allStatistikOutAllClass .adminSkillStatistikFieldBottomRight,
.allStatistikOutAllClass .allStatistikInRight3FieldsTopEndClassSUM {
  background-color: var(--le-color-dce9f2) !important;
  border-color: var(--le-line-strong) !important;
  color: var(--le-color-23445b) !important;
  font-weight: 600;
}

/* Original Zeile 12207: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .allStatistikInRight3FieldsClass,
.allStatistikOutAllClass .allStatistikInRight3FieldsFirstClass,
.allStatistikOutAllClass .allStatistikInRight3FieldsEndClass,
.allStatistikOutAllClass .allStatistikInMarginAllEndClass {
  border-color: var(--le-line-medium) !important;
}

/* Original Zeile 12215: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .fieldSetStat {
  background-color: var(--le-color-rgba-bba5cf4e) !important;
  border-color: var(--le-line-medium) !important;
}

/* Original Zeile 12222: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.statistikLegendClass .statistikLegendTableClass {
  background-color: var(--le-color-rgba-bba5cf4e) !important;
  border-color: var(--le-line-medium) !important;
  color: var(--le-text-bluegray) !important;
}

/* Original Zeile 12236: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .allStatistikInSkillClass,
.allStatistikOutAllClass .allStatistikInLeftClass {
  background-color: var(--le-row-main-bg) !important;
  color: var(--le-color-1f4f6b) !important;
  border-bottom-color: var(--le-line-strong) !important;
  box-shadow: inset var(--le-size-4) 0 0 var(--ui-blue-700);
  font-weight: 500;
}

/* Original Zeile 12247: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInRight3FieldsTopEndClassAdmin {
  background-color: var(--le-cell-soft-bg) !important;
  border-left-color: var(--le-line-strong) !important;
  border-right-color: var(--le-line-strong) !important;
  border-top-color: var(--le-line-strong) !important;
  border-bottom-color: var(--le-line-strong) !important;
  color: var(--le-text-bluegray) !important;
}

/* Original Zeile 12258: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInRight3FieldsTopEndClassSUM,
.allStatistikOutAllClass .allStatistikInRight3FieldsFirstTopClassSUM {
  background-color: var(--le-color-dce9f2) !important;
  border-left-color: var(--le-line-strong) !important;
  border-right-color: var(--le-line-strong) !important;
  border-top-color: var(--le-line-strong) !important;
  border-bottom-color: var(--le-line-strong) !important;
  color: var(--le-color-23445b) !important;
}

/* Original Zeile 12277: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInRightTopClassDeg,
.allStatistikOutAllClass .allStatistikInRightTopClassDeg > * {
  position: relative;
  z-index: 5;
}

/* Original Zeile 12283: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInRight3FieldsTopEndClassAdmin,
.allStatistikOutAllClass .allStatistikInRight3FieldsTopEndClassSUM,
.allStatistikOutAllClass .allStatistikInRight3FieldsFirstTopClassSUM {
  position: relative;
  z-index: 1;
}

/* Original Zeile 12291: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInRight3FieldsTopEndClassAdmin,
.allStatistikOutAllClass .allStatistikInRight3FieldsTopEndClassSUM,
.allStatistikOutAllClass .allStatistikInRight3FieldsFirstTopClassSUM {
  border-color: var(--le-black) !important;
}

/* Original Zeile 12299: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .allStatistikInSkillClass,
.allStatistikOutAllClass .allStatistikInLeftClass {
  background-color: var(--le-color-dce9f2) !important;
  color: var(--le-color-173f57) !important;
  border-bottom-color: var(--le-line-strong) !important;
  box-shadow: inset var(--le-size-4) 0 0 var(--ui-blue-700);
  font-weight: 600;
}

/* Original Zeile 12317: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass {
  margin-top: var(--le-size-8) !important;
}

/* Original Zeile 12323: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInSkillClass.allStatistikInBackMainClass3,
.allStatistikOutAllClass .allStatistikInSkillClass,
.allStatistikOutAllClass .adminSkillStatistikFieldTop,
.allStatistikOutAllClass .adminSkillStatistikFieldBottomRight {
  --le-stat-summary-bg: var(--le-summary-strong-bg);
}

/* Original Zeile 12330: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .allStatistikInSkillClass.allStatistikInBackMainClass3,
.allStatistikOutAllClass .allStatistikInSkillClass {
  background: var(--le-stat-summary-bg) !important;
  background-color: var(--le-stat-summary-bg) !important;
  color: var(--le-color-173f57) !important;
  border-bottom-color: var(--le-line-strong) !important;
  box-shadow: inset var(--le-size-4) 0 0 var(--ui-blue-700);
  font-weight: 600;
}

/* Original Zeile 12343: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .adminSkillStatistikFieldTop {
  background-color: transparent !important;
  background-image: linear-gradient(
    to bottom,
    var(--le-stat-summary-bg) 0,
    var(--le-stat-summary-bg) var(--le-size-30),
    transparent var(--le-size-30),
    transparent 100%
  ) !important;
}

/* Original Zeile 12354: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .adminSkillStatistikFieldBottomRight {
  background-color: transparent !important;
  background-image: linear-gradient(
    to top,
    var(--le-stat-summary-bg) 0,
    var(--le-stat-summary-bg) var(--le-size-30),
    transparent var(--le-size-30),
    transparent 100%
  ) !important;
}

/* Original Zeile 12376: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .adminSkillStatistikFieldTop,
.allStatistikOutAllClass .adminSkillStatistikFieldBottomRight {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Original Zeile 12385: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .adminSkillStatistikFieldTop > div:last-child,
.allStatistikOutAllClass .adminSkillStatistikFieldTop > span:last-child,
.allStatistikOutAllClass .adminSkillStatistikFieldBottomRight > div:last-child,
.allStatistikOutAllClass .adminSkillStatistikFieldBottomRight > span:last-child {
  background-color: var(--le-summary-strong-bg) !important;
}

/* Original Zeile 12393: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .allStatistikInSkillClass,
.allStatistikOutAllClass .allStatistikInLeftClass {
  padding-left: var(--le-size-7) !important;
}

/* Original Zeile 12405: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInRight3FieldsTopEndClassSUM,
.allStatistikOutAllClass .allStatistikInRight3FieldsFirstTopClassSUM {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Original Zeile 12413: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .adminSkillStatistikFieldTop,
.allStatistikOutAllClass .adminSkillStatistikFieldTop > div,
.allStatistikOutAllClass .adminSkillStatistikFieldTop > span {
  background: var(--le-summary-strong-bg) !important;
  background-color: var(--le-summary-strong-bg) !important;
  background-image: none !important;
}

/* Original Zeile 12422: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .adminSkillStatistikField,
.allStatistikOutAllClass .adminSkillStatistikFieldBottom,
.allStatistikOutAllClass .adminSkillStatistikFieldBottomRight,
.allStatistikOutAllClass .adminSkillStatistikFieldBottomRight > div,
.allStatistikOutAllClass .adminSkillStatistikFieldBottomRight > span {
  background: var(--le-summary-strong-bg) !important;
  background-color: var(--le-summary-strong-bg) !important;
  background-image: none !important;
}

/* Original Zeile 12438: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass {
  margin-top: var(--le-size-10) !important;
}

/* Original Zeile 12450: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass {
  margin-top: 0 !important;
  padding-top: var(--le-size-10) !important;
  box-sizing: border-box !important;
}

/* Original Zeile 12465: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Original Zeile 12471: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.statistikLegendClass {
  margin-top: var(--le-size-10) !important;
}

/* Original Zeile 12482: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.allStatistikOutAllClass .allStatistikInRightTopClass {
  position: relative;
  left: var(--le-size-1);
}

/* Original Zeile 12516: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInLeftClass.allStatistikInBackMainClass {
  background-color: var(--le-summary-strong-bg) !important;
  color: var(--le-color-173f57) !important;
  border-bottom-color: var(--le-line-strong) !important;
  box-shadow: inset var(--le-size-4) 0 0 var(--ui-blue-700);
  font-weight: 600;
}

/* Original Zeile 12527: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInLeftClass.allStatistikInBackEvenClass {
  background-color: var(--le-cell-soft-bg) !important;
  border-bottom-color: var(--le-line-soft) !important;
}

/* Original Zeile 12533: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInLeftClass.allStatistikInBackOddClass {
  background-color: var(--le-cell-blue-bg) !important;
  border-bottom-color: var(--le-line-soft) !important;
}

/* Original Zeile 12542: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsClass.allStatistikInBackEvenClass,
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClass.allStatistikInBackEvenClass,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.allStatistikInBackEvenClass {
  background-color: var(--le-cell-soft-bg) !important;
}

/* Original Zeile 12551: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsClass.allStatistikInBackOddClass,
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClass.allStatistikInBackOddClass,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.allStatistikInBackOddClass {
  background-color: var(--le-cell-blue-bg) !important;
}

/* Original Zeile 12562: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.statistikLegendClass .statistikLegendTableClass {
  background-color: var(--le-cell-soft-bg);
  color: var(--le-text-bluegray);
  border-color: var(--ui-border-strong) !important;
}

/* Original Zeile 12571: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statisticRed {
  background-color: var(--errorRedStat) !important;
}

/* Original Zeile 12575: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statisticBlue {
  background-color: var(--buttonLichtblau) !important;
}

/* Original Zeile 12579: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statisticGreen {
  background-color: var(--errorGreenStat) !important;
}

/* Original Zeile 12594: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body:has(.allStatistikOutAllClass .statistikExt) {
  overflow-y: hidden !important;
}

/* Original Zeile 12601: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body:has(.allStatistikOutAllClass .statistikExt) .allStatistikOutAllClass {
  height: calc(100vh - var(--le-size-140)) !important;
  max-height: calc(100vh - var(--le-size-140)) !important;
  overflow-y: scroll !important;
  overflow-x: auto !important;
  scrollbar-gutter: stable;
}

/* Original Zeile 12611: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 12618: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 12626: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 12635: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.statistikExt3 .allStatistikInMarginAllEndClass,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass .allStatistikInMarginAllEndClass,
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClassSUM .allStatistikInMarginAllEndClass {
  border-left-color: var(--le-line-strong) !important;
  border-right-color: var(--le-line-strong) !important;
}

/* Original Zeile 12647: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClassSUM {
  border-left-color: var(--le-line-strong) !important;
  border-right-color: var(--le-line-strong) !important;
  border-top-color: var(--le-line-strong) !important;
}

/* Original Zeile 12654: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass {
  border-left-color: var(--le-line-strong) !important;
  border-right-color: var(--le-line-strong) !important;
  border-bottom-color: var(--le-line-strong) !important;
}

/* Original Zeile 12672: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt,
.allStatistikOutAllClass .statistikExt3 {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

/* Original Zeile 12678: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClass.statistikExt3 {
  border-top-color: transparent !important;
}

/* Original Zeile 12685: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt3 {
  border-bottom-color: transparent !important;
}

/* Original Zeile 12694: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.statistikExt > div,
.allStatistikOutAllClass
.statistikExt3 > div {
  border-top-color: var(--le-line-soft) !important;
  border-bottom-color: var(--le-line-soft) !important;
}

/* Original Zeile 12703: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.statistikExt > div:first-child,
.allStatistikOutAllClass
.statistikExt3 > div:first-child {
  border-left-color: var(--le-line-strong) !important;
}

/* Original Zeile 12710: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.statistikExt > div:last-child,
.allStatistikOutAllClass
.statistikExt3 > div:last-child {
  border-right-color: var(--le-line-strong) !important;
}

/* Original Zeile 12718: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.statistikExt > div:not(:first-child),
.allStatistikOutAllClass
.statistikExt3 > div:not(:first-child) {
  border-left-color: var(--le-line-soft) !important;
}

/* Original Zeile 12737: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt,
.allStatistikOutAllClass .statistikExt3 {
  border-left-color: var(--le-line-strong) !important;
  border-right-color: var(--le-line-strong) !important;
}

/* Original Zeile 12743: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClass.statistikExt3 {
  border-top-color: var(--le-line-strong) !important;
}

/* Original Zeile 12750: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt3 {
  border-bottom-color: var(--le-line-strong) !important;
}

/* Original Zeile 12760: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt > div,
.allStatistikOutAllClass .statistikExt3 > div {
  border-top-color: var(--le-line-soft) !important;
  border-bottom-color: var(--le-line-soft) !important;
}

/* Original Zeile 12802: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt,
.allStatistikOutAllClass .statistikExt3 {
  border-left: var(--le-border-strong) solid var(--le-black) !important;
  border-right: var(--le-border-strong) solid var(--le-black) !important;
}

/* Original Zeile 12809: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClass.statistikExt3 {
  border-top: var(--le-border-strong) solid var(--le-black) !important;
}

/* Original Zeile 12817: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 12825: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt3 {
  border-top: var(--le-border-normal) solid var(--le-black) !important;
  border-bottom: var(--le-border-strong) solid var(--le-black) !important;
}

/* Original Zeile 12836: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt3 > div {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Original Zeile 12841: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt3 > div:first-child {
  border-left: 0 !important;
}

/* Original Zeile 12845: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt3 > div:not(:first-child) {
  border-left: var(--le-border-normal) solid var(--le-black) !important;
}

/* Original Zeile 12849: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt3 > div:last-child {
  border-right: 0 !important;
}

/* Original Zeile 12884: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt,
.allStatistikOutAllClass .statistikExt3 {
  position: relative;
  box-shadow: inset 0 calc(-1 * var(--le-size-1)) 0 var(--le-black) !important;
}

/* Original Zeile 12891: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt3 {
  box-shadow: inset 0 calc(-1 * var(--le-size-2)) 0 var(--le-black) !important;
}

/* Original Zeile 12975: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt,
.allStatistikOutAllClass .statistikExt3,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt3 {
  box-shadow: none !important;
}

/* Original Zeile 12987: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt,
.allStatistikOutAllClass .statistikExt3 {
  position: relative;
}

/* Original Zeile 12992: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt::after,
.allStatistikOutAllClass .statistikExt3::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--le-size-1);
  background: var(--le-black);
  z-index: 5;
  pointer-events: none;
}

/* Original Zeile 13006: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt::after,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt3::after {
  height: var(--le-size-2);
}

/* Original Zeile 13029: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 13036: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt {
  border-bottom: var(--le-border-strong) solid var(--le-black) !important;
}

/* Original Zeile 13042: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt3 {
  border-bottom: var(--le-border-strong) solid var(--le-black) !important;
}

/* Original Zeile 13050: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt3
> .allStatistikInRight1FieldEndClass {
  border-bottom: var(--le-border-strong) solid var(--le-black) !important;
}

/* Original Zeile 13115: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt,
.allStatistikOutAllClass .statistikExt3 {
  border-left-width: var(--le-border-accent) !important;
  border-right-width: var(--le-border-accent) !important;
}

/* Original Zeile 13121: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClass.statistikExt3 {
  border-top-width: var(--le-border-accent) !important;
}

/* Original Zeile 13128: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt3 {
  border-bottom-width: var(--le-border-accent) !important;
}

/* Original Zeile 13170: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt,
.allStatistikOutAllClass .statistikExt3 {
  border-left: var(--le-border-normal) solid var(--le-black) !important;
  border-right: var(--le-border-normal) solid var(--le-black) !important;
}

/* Original Zeile 13176: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClass.statistikExt3 {
  border-top: var(--le-border-normal) solid var(--le-black) !important;
}

/* Original Zeile 13183: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsClass.statistikExt3 {
  border-top: var(--le-border-normal) solid var(--le-black) !important;
}

/* Original Zeile 13190: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt3,
.allStatistikOutAllClass .statistikExt2 {
  position: relative !important;
  z-index: 20 !important;
  border-top: var(--le-border-normal) solid var(--le-black) !important;
  border-bottom: var(--le-border-normal) solid var(--le-black) !important;
}

/* Original Zeile 13201: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt3
> .allStatistikInRight1FieldEndClass {
  position: relative !important;
  z-index: 21 !important;
  border-bottom: var(--le-border-normal) solid var(--le-black) !important;
}

/* Original Zeile 13209: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt::after,
.allStatistikOutAllClass .statistikExt3::after {
  content: none !important;
  display: none !important;
}

/* Original Zeile 13298: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 13306: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt,
.allStatistikOutAllClass .statistikExt3 {
  border-left-width: var(--le-border-normal) !important;
  border-right-width: var(--le-border-normal) !important;
}

/* Original Zeile 13312: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt3 {
  border-bottom-width: var(--le-border-normal) !important;
}

/* Original Zeile 13412: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt2 {
  position: relative !important;
  z-index: auto !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Original Zeile 13428: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass
.allStatistikInRight3FieldsClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsFirstClass.statistikExt,
.allStatistikOutAllClass
.allStatistikInRight3FieldsEndClass.statistikExt {
  width: var(--le-expertise-result-primary-width) !important;
  flex: 0 0 var(--le-expertise-result-primary-width) !important;
}

/* Original Zeile 13453: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt3 {
  margin-left: 2px !important;
}

/* Original Zeile 13464: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt3 {
  width: var(--le-expertise-result-ebs-width) !important;
  flex: 0 0 var(--le-expertise-result-ebs-width) !important;
}

/* Original Zeile 13476: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.allStatistikOutAllClass .statistikExt3 {
  margin-left: 1px !important;
}

/* Original Zeile 17399: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
html:has(.allStatistikOutAllClass .statistikExt),
body:has(.allStatistikOutAllClass .statistikExt),
.mainClass:has(.allStatistikOutAllClass .statistikExt),
.innerMainClass:has(.allStatistikOutAllClass .statistikExt),
.showMenuOutClass:has(.allStatistikOutAllClass .statistikExt),
.showMenuInShowClass:has(.allStatistikOutAllClass .statistikExt) {
  overflow-y: hidden !important;
}

/* Original Zeile 17410: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body:has(.allStatistikOutAllClass .statistikExt)
  .allStatistikOutAllClass {
  overflow-y: scroll !important;
  overflow-x: auto !important;
}

/* Original Zeile 17428: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body:has(.allStatistikOutAllClass .statistikExt)
  .allStatistikOutAllClass {
  height: calc(100% - 112px) !important;
  max-height: calc(100% - 112px) !important;
  min-height: 0 !important;

  overflow-y: scroll !important;
  overflow-x: auto !important;
}

/* Original Zeile 17456: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body:has(.allStatistikOutAllClass .statistikExt)
  .allStatistikOutAllClass {
  height: calc(100% - 120px) !important;
  max-height: calc(100% - 120px) !important;
}

/* Kenntnisse > Statistik – bestätigte Höhenketten-Korrektur (18.09.2026).
   Die Legende und zwei Zeilenumbrüche belegen zuerst ihre natürliche Höhe.
   Der Statistikbereich füllt den verbleibenden Platz und scrollt in beiden
   Richtungen selbst. Die ID-Selektoren setzen sich auch gegen die weiter unten
   stehenden historischen @media-Höhenvorgaben durch; diese bleiben für andere
   Statistikvarianten vorerst unangetastet. Browserprüfung durch Nutzer bestätigt. */
#showMenuInShow:has(> .allStatistikOutAllClass) {
  display: flex !important;
  flex-direction: column !important;
  overflow-y: hidden !important;
  min-height: 0 !important;
}

/* Die Legende und die beiden Zeilenumbrüche dürfen nicht schrumpfen. */
#showMenuInShow:has(> .allStatistikOutAllClass) > :not(.allStatistikOutAllClass) {
  flex-shrink: 0 !important;
}

/* Einziger Scrollcontainer: horizontale UND vertikale Leiste an der Statistik.
   Überschreibt ausdrücklich die alten viewport-/prozentbasierten Höhen,
   einschließlich der bisherigen @media-Höhenwerte. */
#showMenuInShow > .allStatistikOutAllClass {
  flex: 1 1 0% !important;
  height: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
}

/* === Navigation / Kopfbereich: 47 Regeln; Quellreihenfolge innerhalb des Abschnitts beibehalten. === */
/* PHP-Scripte / Bereiche: Navigation. */

/* Original Zeile 389: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.innerMainClass,
.showMenuOutClass {
  width: min(100%, var(--le-layout-max-width));
}

/* Original Zeile 395: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.topMainClass {
  min-height: 2.4rem;
  height: auto;
  background: var(--ui-blue-800);
  color: var(--le-white);
  align-items: center;
  padding: .25rem .65rem;
  box-shadow: var(--ui-shadow);
}

/* Original Zeile 405: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.topMainClass a,
.topMainClass label,
.topMainClass span,
.topMainClass div {
  color: inherit;
}

/* Original Zeile 412: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.actPlaceClass,
.actUserClass,
.actRollClass,
.actDateClass,
.actHelpClass {
  min-width: 0;
}

/* Original Zeile 429: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#showMenuInTop ul {
  overflow: visible;
}

/* Original Zeile 460: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopClass {
  position: relative;
  z-index: 5000;
  min-height: 2.6rem;
  background: var(--ui-blue-200);
  border-bottom: var(--le-border-normal) solid var(--ui-border);
  align-items: center;
  overflow: visible;
}

/* Original Zeile 470: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopLeftClass {
  position: relative;
  z-index: 5001;
  width: calc(100% - var(--le-size-220));
  min-width: 0;
  overflow: visible;
  white-space: nowrap;
  align-items: center;
}

/* Original Zeile 480: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopRightClass {
  position: relative;
  z-index: 5001;
  width: var(--le-size-220);
  min-width: var(--le-size-160);
  align-items: center;
  overflow: visible;
}

/* Original Zeile 489: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.li_h.dropdown,
.dropdown {
  position: relative;
  display: inline-block;
  z-index: 5001;
}

/* Original Zeile 496: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  background-color: var(--weiss-dunkel);
  min-width: var(--le-size-160);
  box-shadow: 0 var(--le-size-8) var(--le-size-16) 0 var(--mainschwarz-trans);
  z-index: 5100;
}

/* Original Zeile 509: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.dropdown-content ul {
  overflow: visible;
}

/* Original Zeile 513: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.dropdown-content li {
  position: relative;
}

/* Original Zeile 518: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.dropdown-content .dropdown-content {
  top: 0;
  left: 100%;
  margin: 0;
}

/* Original Zeile 524: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.dropdown-content a:hover {
  background: var(--ui-blue-100);
}

/* Original Zeile 529: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.showMenuInShowClass {
  position: relative;
  z-index: 1;
}

/* Original Zeile 678: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.mainClass,
.innerMainClass,
.showMenuOutClass,
.showMenuInTopClass,
.showMenuInShowClass {
  min-width: var(--le-layout-min-width);
}

/* Original Zeile 1139: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */


/* Original Zeile 1143: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopLeftClass {
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
}

/* Original Zeile 1149: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopRightClass {
  margin-left: auto;
}

/* Original Zeile 1242: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.innerMainClass,
.showMenuOutClass {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 1250: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.showMenuInShowClass {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: var(--le-size-5) !important;
  padding-right: 0 !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  text-align: left !important;
}

/* Original Zeile 1313: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopClass {
  justify-content: flex-start !important;
}

/* Original Zeile 1317: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopLeftClass {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  padding-left: var(--le-size-5) !important;
}

/* Original Zeile 1323: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopRightClass {
  margin-left: auto !important;
}

/* Original Zeile 11109: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.innerMainClass,
.showMenuOutClass {
  border-left: 0 !important;
  border-right: 0 !important;
  outline: 0 !important;
}

/* Original Zeile 11168: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.mainClass,
.innerMainClass,
.showMenuOutClass,
.showMenuInShowClass {
  scrollbar-color: auto !important;
  scrollbar-width: auto !important;
}

/* Original Zeile 11177: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.mainClass::-webkit-scrollbar,
.innerMainClass::-webkit-scrollbar,
.showMenuOutClass::-webkit-scrollbar,
.showMenuInShowClass::-webkit-scrollbar {
  width: auto;
  height: auto;
}

/* Original Zeile 11185: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.mainClass::-webkit-scrollbar-track,
.innerMainClass::-webkit-scrollbar-track,
.showMenuOutClass::-webkit-scrollbar-track,
.showMenuInShowClass::-webkit-scrollbar-track {
  background: transparent;
}

/* Original Zeile 11192: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.mainClass::-webkit-scrollbar-thumb,
.innerMainClass::-webkit-scrollbar-thumb,
.showMenuOutClass::-webkit-scrollbar-thumb,
.showMenuInShowClass::-webkit-scrollbar-thumb {
  background: auto;
}

/* Original Zeile 11822: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.actHelpClass img,
.helpClass img,
.helpIconClass img,
.helpButtonClass img,
#modulTopShowData img[src*="168"],
#modulTopShowDataSelect img[src*="168"],
.waitLoaderShow img[src*="168"] {
  box-sizing: border-box !important;
  width: var(--le-size-17) !important;
  height: var(--le-size-17) !important;
  min-width: var(--le-size-17) !important;
  min-height: var(--le-size-17) !important;
  max-width: var(--le-size-17) !important;
  max-height: var(--le-size-17) !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  transform: none !important;
}

/* Original Zeile 12860: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.li_h,
.li_h > a,
.li_v,
.li_v > a,
.li_v_start,
.li_v_start > a,
.dropdown-content,
.dropdown-content li,
.dropdown-content a {
  font-size: var(--le-font-size-medium) !important;
}

/* Original Zeile 12901: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.topMainClass,
.topMainClass a,
.topMainClass label,
.topMainClass span,
.topMainClass div {
  font-size: var(--le-font-size-large) !important;
}

/* Original Zeile 12920: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.topMainClass {
  font-family: var(--le-font-family-main) !important;
  font-size: var(--le-font-size-body) !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: .01em;
}

/* Original Zeile 12928: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.topMainClass a,
.topMainClass label,
.topMainClass span,
.topMainClass div {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

/* Original Zeile 12948: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.li_v,
.li_v > a,
.li_v_start,
.li_v_start > a,
.dropdown-content,
.dropdown-content li,
.dropdown-content a {
  font-family: var(--le-font-family-main) !important;
  font-size: var(--le-font-size-body) !important;
  font-weight: 400 !important;
}

/* Original Zeile 13062: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.topMainClass {
  align-items: center !important;
}

/* Original Zeile 13066: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.actPlaceClass,
.actUserClass,
.actRollClass,
.actDateClass {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  white-space: nowrap;
}

/* Original Zeile 13078: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.actPlaceInLeftClass,
.actUserInLeftClass,
.actRollInLeftClass,
.actDateInLeftClass,
.actPlaceInRightClass,
.actUserInRightClass,
.actRollInRightClass,
.actDateInRightClass {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  padding-left: var(--le-size-5) !important;
  font-family: var(--le-font-family-main) !important;
  font-size: var(--le-font-size-body) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* Original Zeile 13099: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.actHelpClass,
.actHelpClass img,
#helpAllLink,
#helpCertLink {
  text-transform: none !important;
}

/* Original Zeile 13138: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopRightClass {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;
  align-self: stretch !important;
}

/* Original Zeile 13146: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopRightClass .menuTabClass,
.showMenuInTopRightClass ul,
.showMenuInTopRightClass .li_h {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Original Zeile 13156: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopRightClass .li_h {
  box-sizing: border-box !important;
}

/* Original Zeile 13215: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.actHelpClass {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;
  white-space: nowrap !important;
}

/* Original Zeile 13223: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.actHelpClass img {
  filter: brightness(0) invert(1) !important;
}

/* Original Zeile 13241: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopRightClass {
  display: none !important;
}

/* Original Zeile 13245: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopLeftClass {
  width: 100% !important;
}

/* Original Zeile 13263: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.actHelpClass > .actDateInLeftClass {
  width: 100% !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding-left: 0 !important;
}


/* Gemeinsamer Kopf: fünf Blöcke nebeneinander,
   Beschriftung und Wert jeweils untereinander */
#topMain {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

#topMain > .actPlaceClass,
#topMain > .actUserClass,
#topMain > .actRollClass,
#topMain > .actDateClass {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
}

#topMain > .actPlaceClass {
    flex: 0 0 45% !important;
}

#topMain > .actUserClass {
    flex: 0 0 17% !important;
}

#topMain > .actRollClass   {
    flex: 0 0 14% !important;
}

#topMain > .actDateClass  {
    flex: 0 0 12% !important;
}

#topMain > .actHelpClass  {
    flex: 0 0 12% !important;
}

#topMain > .actPlaceClass > div,
#topMain > .actUserClass > div,
#topMain > .actRollClass > div,
#topMain > .actDateClass > div {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    line-height: 1.15 !important;
}

/* === Sonstige Module: 75 Regeln; Quellreihenfolge innerhalb des Abschnitts beibehalten. === */
/* PHP-Scripte / Bereiche: weitere Module. */

/* Original Zeile 649: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.discInClass {
  width: min(900px, 90vw);
  height: min(70vh, 620px);
  border-radius: var(--ui-radius);
}

/* Original Zeile 1514: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut.modulChoiseEmployeesOutClass {
  padding-top: var(--le-size-8) !important;
  align-items: flex-start !important;
}

/* Original Zeile 1519: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut .modulChoiseEmployeesClass {
  left: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: var(--le-size-5) !important;
  justify-content: flex-start !important;
  gap: var(--le-size-3);
}

/* Original Zeile 1529: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut .modulChoiseEmployeesClass + .modulChoiseEmployeesClass {
  margin-top: var(--le-size-2) !important;
  margin-bottom: var(--le-size-7) !important;
}

/* Original Zeile 1535: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut .modulChoiseEmployeesDataClass {
  left: 0 !important;
  margin-left: 0 !important;
  margin-top: var(--le-size-6) !important;
}

/* Original Zeile 1655: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut {
  padding-left: var(--le-size-5) !important;
  padding-right: 0 !important;
}

/* Original Zeile 1721: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesOut .modulChoiseEmployeesActClass,
#modulChoiseEmployeesOut .modulChoiseEmployeesActTextClass {
  background-color: var(--ui-blue-800) !important;
  color: var(--le-white) !important;
  border: var(--le-border-normal) solid var(--ui-blue-800) !important;
  box-shadow: none !important;
}

/* Original Zeile 1730: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#modulChoiseEmployeesOut .modulChoiseEmployeesNewClass,
#modulChoiseEmployeesOut .modulChoiseEmployeesSelectClass,
#modulChoiseEmployeesOut .modulChoiseEmployeesSelectNewClass,
#modulChoiseEmployeesOut .modulChoiseEmployeesRightClass,
#modulChoiseEmployeesOut button,
#modulChoiseEmployeesOut input[type=button] {
  background-color: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--ui-radius) !important;
  box-shadow: none !important;
}

/* Original Zeile 1744: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#modulChoiseEmployeesOut .modulChoiseEmployeesNewClass:hover,
#modulChoiseEmployeesOut .modulChoiseEmployeesSelectClass:hover,
#modulChoiseEmployeesOut .modulChoiseEmployeesSelectNewClass:hover,
#modulChoiseEmployeesOut .modulChoiseEmployeesRightClass:hover,
#modulChoiseEmployeesOut button:hover,
#modulChoiseEmployeesOut input[type=button]:hover {
  background-color: var(--ui-blue-300) !important;
  color: var(--ui-blue-900) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 1756: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#modulChoiseEmployeesOut .modulChoiseEmployeesNewClass:active,
#modulChoiseEmployeesOut .modulChoiseEmployeesSelectClass:active,
#modulChoiseEmployeesOut .modulChoiseEmployeesSelectNewClass:active,
#modulChoiseEmployeesOut .modulChoiseEmployeesRightClass:active,
#modulChoiseEmployeesOut button:active,
#modulChoiseEmployeesOut input[type=button]:active {
  background-color: var(--ui-blue-700) !important;
  color: var(--le-white) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 1768: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#modulChoiseEmployeesOut button:disabled,
#modulChoiseEmployeesOut input[type=button]:disabled {
  background-color: var(--le-color-e5eaee) !important;
  color: var(--le-color-8a979f) !important;
  border-color: var(--le-color-cbd4da) !important;
}

/* Original Zeile 1777: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#modulChoiseEmployeesOut [class*="New"],
#modulChoiseEmployeesOut [class*="Select"] {
  box-shadow: none;
}

/* Original Zeile 10633: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.waitLoaderShow,
.waitLoaderShow .waitLoaderScriptDataClass,
.waitLoaderShow .showPicsTopClass,
.waitLoaderShow .showPicsOutClass,
.waitLoaderShow .closeLoaderClass {
  box-sizing: border-box !important;
}

/* Original Zeile 10641: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.waitLoaderShow .waitLoaderScriptDataClass,
.waitLoaderShow .showPicsTopClass,
.waitLoaderShow .showPicsOutClass,
.waitLoaderShow .closeLoaderClass {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 10651: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .showPicsOutClass {
  margin-top: var(--le-size-10) !important;
}

/* Original Zeile 10656: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.waitLoaderShow .showPicsTopClass {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-5) !important;
  padding: var(--le-size-4) var(--le-size-5) !important;
  margin-bottom: var(--le-size-4) !important;
  background: var(--le-summary-bg) !important;
  border: var(--le-border-normal) solid var(--le-color-b9cedd) !important;
}

/* Original Zeile 10668: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .showPicsQuartClass,
.waitLoaderShow .showPicsYearClass,
.waitLoaderShow .nameDateClass,
.waitLoaderShow .nameDayClass,
.waitLoaderShow .nameMonthClass {
  box-sizing: border-box !important;
  height: var(--le-size-25) !important;
  min-height: var(--le-size-25) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--le-white) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

/* Original Zeile 10704: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .showPicsOutClass {
  border: var(--le-border-normal) solid var(--le-line-strong) !important;
}

/* Original Zeile 10727: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.waitLoaderShow #showPicsTop.showPicsTopClass {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-4) !important;
  min-height: var(--le-size-30) !important;
  height: var(--le-size-30) !important;
  padding: var(--le-size-2) var(--le-size-5) !important;
  margin: 0 0 var(--le-size-4) 0 !important;
  line-height: 1 !important;
}

/* Original Zeile 10742: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow #showPicText.showPicTextClass {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: var(--le-size-24) !important;
  min-height: var(--le-size-24) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: var(--le-size-24) !important;
  white-space: nowrap !important;
}

/* Original Zeile 10756: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow #showPicQuartSelOut.showPicQuartSelOutClass,
.waitLoaderShow #showPicYearSelOut.showPicYearSelOutClass {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: var(--le-size-24) !important;
  min-height: var(--le-size-24) !important;
  margin: 0 !important;
  padding: 0 !important;
  top: 0 !important;
  left: 0 !important;
  float: none !important;
}

/* Original Zeile 10771: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.waitLoaderShow #showPicQuartSelOut select,
.waitLoaderShow #showPicYearSelOut select,
.waitLoaderShow #showPicsTop .picSelSendClass {
  box-sizing: border-box !important;
  height: var(--le-size-24) !important;
  min-height: var(--le-size-24) !important;
  max-height: var(--le-size-24) !important;
  margin: 0 !important;
  top: 0 !important;
  vertical-align: middle !important;
}

/* Original Zeile 10783: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.waitLoaderShow #showPicsTop .picSelSendClass {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* Original Zeile 10792: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .showPicsOutClass,
.waitLoaderShow .closeLoaderClass {
  width: calc(100% - var(--le-size-3)) !important;
  max-width: calc(100% - var(--le-size-3)) !important;
  margin-left: 0 !important;
  margin-right: var(--le-size-3) !important;
}

/* Original Zeile 10811: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.waitLoaderShow #showPicsTop.showPicsTopClass {
  box-sizing: border-box !important;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-4) !important;
  width: 100% !important;
  min-height: var(--le-size-28) !important;
  height: var(--le-size-28) !important;
  padding: var(--le-size-2) var(--le-size-4) !important;
  margin: 0 0 var(--le-size-4) 0 !important;
}

/* Original Zeile 10825: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow #showPicText.showPicTextClass,
.waitLoaderShow #showPicQuartSelOut.showPicQuartSelOutClass,
.waitLoaderShow #showPicYearSelOut.showPicYearSelOutClass {
  box-sizing: border-box !important;
  position: relative !important;
  float: none !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: var(--le-size-22) !important;
  min-height: var(--le-size-22) !important;
  display: flex !important;
  align-items: center !important;
}

/* Original Zeile 10842: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow #showPicText.showPicTextClass {
  width: auto !important;
  flex: 0 0 auto !important;
  line-height: var(--le-size-22) !important;
  white-space: nowrap !important;
}

/* Original Zeile 10851: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.waitLoaderShow #showPicQuartSelOut .showPicsQuartClass,
.waitLoaderShow #showPicYearSelOut .showPicsYearClass,
.waitLoaderShow #showPicQuartSelOut select,
.waitLoaderShow #showPicYearSelOut select {
  box-sizing: border-box !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  height: var(--le-size-22) !important;
  min-height: var(--le-size-22) !important;
  max-height: var(--le-size-22) !important;
  margin: 0 !important;
  padding: 0 var(--le-size-4) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--le-white) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
  font-size: var(--le-font-size-small) !important;
  line-height: var(--le-size-20) !important;
  vertical-align: middle !important;
}

/* Original Zeile 10875: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.waitLoaderShow #showPicQuartSelOut .showPicsQuartClass,
.waitLoaderShow #showPicQuartSelOut select {
  width: 82px !important;
}

/* Original Zeile 10880: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.waitLoaderShow #showPicYearSelOut .showPicsYearClass,
.waitLoaderShow #showPicYearSelOut select {
  width: var(--le-size-54) !important;
}

/* Original Zeile 10886: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.waitLoaderShow #showPicsTop .picSelSendClass {
  box-sizing: border-box !important;
  position: relative !important;
  float: none !important;
  top: 0 !important;
  left: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 58px !important;
  height: var(--le-size-22) !important;
  min-height: var(--le-size-22) !important;
  max-height: var(--le-size-22) !important;
  margin: 0 !important;
  padding: 0 var(--le-size-7) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  box-shadow: none !important;
  font-size: var(--le-font-size-small) !important;
  line-height: var(--le-size-20) !important;
  text-transform: none !important;
}

/* Original Zeile 11576: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .allLeftIn1,
.waitLoaderShow .allLeftIn3,
.waitLoaderShow .allLeftIn3a,
.waitLoaderShow .showPicsOutClass,
.waitLoaderShow #closeLoaderID.closeLoaderClass {
  box-sizing: border-box !important;
  width: calc(100% - var(--le-size-10)) !important;
  max-width: calc(100% - var(--le-size-10)) !important;
  margin-left: 0 !important;
  margin-right: var(--le-size-10) !important;
}

/* Original Zeile 15407: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#modulAllScroll):has(#modulFieldset):has(#dataFieldset) {
  align-items: flex-start !important;
  height: calc(100% - var(--le-size-20)) !important;
  padding: var(--le-size-5) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Original Zeile 15417: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) #modulAllScroll {
  box-sizing: border-box !important;
  align-self: flex-start !important;
  padding: .55rem !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-surface) !important;
  box-shadow: none !important;
}

/* Original Zeile 15428: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle {
  box-sizing: border-box !important;
  flex: 0 0 calc(var(--le-width-big) + 1rem) !important;
  width: calc(var(--le-width-big) + 1rem) !important;
  min-width: calc(var(--le-width-big) + 1rem) !important;
  max-width: calc(var(--le-width-big) + 1rem) !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 .5rem !important;
  margin-left: .75rem !important;
  overflow-x: hidden !important;
}

/* Original Zeile 15442: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle > .fieldsetModul {
  box-sizing: border-box !important;
  display: block !important;
  width: var(--le-width-big) !important;
  min-width: var(--le-width-big) !important;
  max-width: var(--le-width-big) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 .65rem 0 !important;
  padding: .65rem !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-surface) !important;
  box-shadow: none !important;
}

/* Original Zeile 15459: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle .adminMenuInMiddleIn,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle .adminMenuInMiddleIn2,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle .adminMenuInMiddleIn2Right,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle .adminMenuInMiddleIn3,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle .adminMenuText,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle .adminMenuTextLeft,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle .adminMenuTextLeft2 {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Original Zeile 15470: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle .adminDataText,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle .adminDataTextArea,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle .adminDataPraefix,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle .adminAreaText,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle .miRollSelClass2 {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Original Zeile 15480: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInMiddle .adminAreaText {
  width: 100% !important;
}

/* Original Zeile 15485: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#modulFieldset):has(#dataFieldset) > .adminMenuInRight {
  align-self: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  padding: .55rem !important;
  margin-left: .75rem !important;
  background: transparent !important;
}

/* Original Zeile 15498: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle {
  max-height: calc(100% - var(--le-size-20)) !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

/* Original Zeile 15505: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#expandFieldset) > #modulAllScroll {
  max-height: calc(100% - var(--le-size-20)) !important;
}

/* Original Zeile 15523: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle > #modulFieldset,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle > #dataFieldset,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle > #expandFieldset {
  box-sizing: border-box !important;
  width: var(--le-width-big) !important;
  min-width: var(--le-width-big) !important;
  max-width: var(--le-width-big) !important;
  height: max-content !important;
  min-height: 0 !important;
  padding: .55rem !important;
}

/* Original Zeile 15537: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminDataText,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminDataTextArea,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminDataPraefix,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminAreaText,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .miRollSelClass2 {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 15552: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminDataText,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminDataPraefix,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .miRollSelClass2 {
  height: var(--ui-control-height) !important;
}

/* Original Zeile 15558: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminDataTextArea {
  height: 3rem !important;
  min-height: 3rem !important;
  resize: vertical !important;
}

/* Original Zeile 15564: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminAreaText {
  min-height: 2.6rem !important;
  height: 2.6rem !important;
  resize: vertical !important;
}

/* Original Zeile 15572: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminMenuText,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminMenuTextLeft,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminMenuTextLeft2,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminMenuInMiddleIn,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminMenuInMiddleIn2,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminMenuInMiddleIn2Right,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminMenuInMiddleIn3 {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: max-content !important;
  min-height: 0 !important;
}

/* Original Zeile 15587: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminMenuText,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminMenuTextLeft,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminMenuTextLeft2 {
  margin-bottom: .2rem !important;
  padding-left: 0 !important;
}

/* Original Zeile 15594: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminMenuInMiddleIn,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminMenuInMiddleIn2,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .adminMenuInMiddleIn3 {
  margin-bottom: .35rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Original Zeile 15604: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle .fieldsetModul > .adminMenuInMiddleIn:not(:has(input, textarea, select, table)) {
  height: .2rem !important;
  min-height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Original Zeile 15614: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle #modulDataSave,
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle #modulExpSave {
  box-sizing: border-box !important;
  width: 100% !important;
  height: max-content !important;
  min-height: 0 !important;
  margin: .25rem 0 0 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

/* Original Zeile 15628: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle #modulFieldset .adminMenuInMiddleIn2 {
  margin-bottom: .35rem !important;
}

/* Original Zeile 15634: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle > .fieldsetModul {
  margin-bottom: .45rem !important;
}

/* Original Zeile 15638: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#expandFieldset) > .adminMenuInMiddle > .fieldsetModul + .adminMenuInMiddleIn {
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

/* Original Zeile 15658: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#modulFieldset):has(#dataFieldset):not(:has(#expandFieldset))
  > .adminMenuInMiddle .adminMenuInMiddleIn,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset):not(:has(#expandFieldset))
  > .adminMenuInMiddle .adminMenuInMiddleIn2,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset):not(:has(#expandFieldset))
  > .adminMenuInMiddle .adminMenuInMiddleIn2Right,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset):not(:has(#expandFieldset))
  > .adminMenuInMiddle .adminMenuText {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Original Zeile 15672: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#modulFieldset):has(#dataFieldset):not(:has(#expandFieldset))
  > .adminMenuInMiddle .adminDataText,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset):not(:has(#expandFieldset))
  > .adminMenuInMiddle .adminDataPraefix,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset):not(:has(#expandFieldset))
  > .adminMenuInMiddle .adminAreaText,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset):not(:has(#expandFieldset))
  > .adminMenuInMiddle .miRollSelClass2 {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 15690: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#modulFieldset):has(#dataFieldset):not(:has(#expandFieldset))
  > .adminMenuInMiddle .adminDataText,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset):not(:has(#expandFieldset))
  > .adminMenuInMiddle .adminDataPraefix,
.adminMenuOut:has(#modulFieldset):has(#dataFieldset):not(:has(#expandFieldset))
  > .adminMenuInMiddle .miRollSelClass2 {
  height: var(--ui-control-height) !important;
}

/* Original Zeile 15700: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.adminMenuOut:has(#modulFieldset):has(#dataFieldset):not(:has(#expandFieldset))
  > .adminMenuInMiddle .adminAreaText {
  min-height: 2.6rem !important;
  height: 2.6rem !important;
  resize: vertical !important;
}

/* Original Zeile 17259: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass .showModulsForUserClass {
  box-sizing: border-box !important;
  flex: 0 1 30% !important;
  width: auto !important;
  min-width: 18rem !important;
  max-width: 30rem !important;
  height: 100% !important;
  margin-left: 0 !important;
  overflow: hidden !important;
}

/* Original Zeile 17271: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass .showModulsForUserClass .InOutSameDiv {
  box-sizing: border-box !important;
  width: 100% !important;
  height: calc(100% - 2rem) !important;
  margin: .5rem 0 0 0 !important;
}

/* Original Zeile 17278: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass .showModulsForUserClass .InOutSameDivBottomActive,
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass .showModulsForUserClass .InOutSameDivBottomInActive {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Original Zeile 17297: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass .showModulsForUserClass {
  padding: .65rem !important;
  background: var(--ui-surface-soft) !important;
  color: var(--ui-text) !important;
  font-weight: 600 !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-large) !important;
  box-shadow: var(--ui-shadow) !important;
}

/* Original Zeile 17308: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass
.showModulsForUserClass .InOutSameDiv {
  top: 0 !important;
  width: 100% !important;
  margin: .55rem 0 0 0 !important;
  color: var(--ui-text) !important;
  font-weight: 400 !important;
}

/* Original Zeile 17318: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass
.showModulsForUserClass .InOutSameDivTop {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 2rem !important;
  min-height: 2rem !important;
  gap: var(--le-size-2) !important;
  align-items: stretch !important;
}

/* Original Zeile 17328: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass
.showModulsForUserClass .sameTopMenuActive,
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass
.showModulsForUserClass .sameTopMenuInActive {
  box-sizing: border-box !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: .3rem .55rem !important;
  border: 0 !important;
  border-radius: var(--le-radius-small) var(--le-radius-small) 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  cursor: pointer !important;
}

/* Original Zeile 17344: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass
.showModulsForUserClass .sameTopMenuActive {
  background: var(--ui-surface) !important;
  color: var(--ui-blue-700) !important;
  font-weight: 600 !important;
  border-bottom: var(--le-border-strong) solid var(--ui-blue-500) !important;
}

/* Original Zeile 17352: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass
.showModulsForUserClass .sameTopMenuInActive {
  background: var(--ui-blue-100) !important;
  color: var(--ui-text-muted) !important;
  font-weight: 500 !important;
  border-bottom: var(--le-border-normal) solid var(--ui-border) !important;
}

/* Original Zeile 17361: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass
.showModulsForUserClass .InOutSameDivBottomActive,
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass
.showModulsForUserClass .InOutSameDivBottomInActive {
  box-sizing: border-box !important;
  width: 100% !important;
  padding: .55rem .65rem !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-top: 0 !important;
  border-radius: 0 0 var(--le-radius-small) var(--le-radius-small) !important;
  box-shadow: none !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
}

/* Original Zeile 17382: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass
.showModulsForUserClass input[type="checkbox"] {
  vertical-align: middle !important;
  margin: 0 .35rem .12rem 0 !important;
}

/* Original Zeile 18826: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#modulChoiseEmployeesData.modulChoiseEmployeesDataClass:empty {
  background: transparent !important;
}

/* Original Zeile 18960: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.showPicImageRowClass .showPicImageCellClass {
  min-height: 50px !important;
  box-sizing: border-box !important;
}

/* Original Zeile 18976: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.showPicImageRowClass .showPicImageCellClass {
  min-height: 70px !important;
}

/* Original Zeile 18990: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.showPicImageRowClass .showPicImageCellClass {
  min-height: 90px !important;
}

/* Original Zeile 19005: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.showPicImageRowClass .showPicImageCellClass {
  min-height: 100px !important;
}


/* changeSkills.php und changeExpertises.php:
   alle drei Bereiche innerhalb der verfügbaren Höhe halten */
.adminMenuOut:has(#modulAllScroll):has(#modulFieldset):has(#dataFieldset) {
    min-height: 0 !important;
    align-items: stretch !important;
}

.adminMenuOut:has(#modulAllScroll):has(#modulFieldset):has(#dataFieldset)
    > .adminMenuInRight {
    box-sizing: border-box !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* === Weitere seitenbezogene Regeln: 250 Regeln; Quellreihenfolge innerhalb des Abschnitts beibehalten. === */
/* PHP-Scripte / Bereiche: weitere Seiten. */

/* Original Zeile 384: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.mainClass {
  background: var(--le-color-rgba-5e8bce57);
  padding: clamp(var(--le-size-4), .65vw, var(--le-size-10));
}

/* Original Zeile 433: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.li_h {
  position: relative;
  float: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  padding: .35rem .8rem;
  color: var(--ui-blue-900);
  font-size: var(--le-font-size-small);
  letter-spacing: .01em;
  border-bottom: var(--le-border-strong) solid transparent;
  transition: background-color .15s ease, border-color .15s ease;
  cursor: pointer;
}

/* Original Zeile 449: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.li_h:hover,
.li_h:focus-visible {
  background: var(--ui-blue-100);
  border-bottom-color: var(--ui-blue-700);
}

/* Original Zeile 455: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.li_v,
.li_v_start {
  position: relative;
}

/* Original Zeile 560: Bestimmt die Darstellung beim Überfahren mit der Maus. */
tr:hover > td {
  background-color: var(--le-color-rgba-eeef63aa);
}

/* Original Zeile 578: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
button:hover,
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover {
  background: var(--ui-blue-300);
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 585: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: var(--le-border-strong) solid var(--ui-blue-500);
  outline-offset: var(--le-size-1);
}

/* Original Zeile 593: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=date],
select,
textarea,
.textFieldShort,
.textFieldMiddle,
.textFieldLong,
.textFieldMedium {
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--ui-radius);
  background: var(--le-white);
  color: var(--ui-text);
  min-height: 1.9rem;
  max-width: 100%;
}

/* Original Zeile 615: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
img[src*="ressources/icons/"],
img[src*="/icons/"] {
  object-fit: contain;
  vertical-align: middle;
}

/* Original Zeile 639: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.divWidth65, .divWidth85 {
  width: min(100%, 85em) !important;
  max-width: 100% !important;
}

/* Original Zeile 1098: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#disclaimer.disclaimerClass {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  width: 100vw !important;
  height: 100vh !important;
  min-width: var(--le-layout-min-width);

  margin: 0 !important;
  padding: 0;

  z-index: 30000 !important;


  background: var(--le-color-rgba-6a485759);

  display: flex;
  justify-content: center;
  align-items: center;

  overflow: auto;
}

/* Original Zeile 1125: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#disclaimer.disclaimerClassNoShow,
.disclaimerClassNoShow {
  display: none !important;
}

/* Original Zeile 1209: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.backgroundColorYellow_Black,
.textFieldShortOrange,
.backgroundColorOrange_Black,
.backgroundColorRed_White {

}

/* Original Zeile 1337: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#disclaimer.disclaimerClass > div,
#disclaimer.disclaimerClass > article,
#disclaimer.disclaimerClass > section {
  box-sizing: border-box;
  padding: var(--le-size-16) !important;
  border-radius: var(--le-radius-large) !important;
  border: var(--le-border-normal) solid var(--le-color-rgba-0b06c849) !important;
  box-shadow:
    0 var(--le-size-8) var(--le-size-24) var(--le-color-rgba-684a6bc8),
    0 var(--le-size-2) var(--le-size-6) var(--le-color-rgba-9b07e1e1) !important;
  background-color: var(--le-white);
}

/* Original Zeile 1351: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#disclaimer .disclaimerInClass {
  box-sizing: border-box;
  padding: var(--le-size-16) !important;
  border-radius: var(--le-radius-large) !important;
  border: var(--le-border-normal) solid var(--le-color-rgba-0b06c849) !important;
  box-shadow:
    0 var(--le-size-8) var(--le-size-24) var(--le-color-rgba-684a6bc8),
    0 var(--le-size-2) var(--le-size-6) var(--le-color-rgba-9b07e1e1) !important;
  background-color: var(--le-white);
  overflow: hidden;
}

/* Original Zeile 1368: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#disclaimer.disclaimerClass > div,
#disclaimer.disclaimerClass > article,
#disclaimer.disclaimerClass > section,
#disclaimer .disclaimerInClass {
  border-radius: var(--le-radius-large) !important;
  border: var(--le-border-normal) solid var(--le-color-rgba-d2c85cd9) !important;
  box-shadow:
    0 var(--le-size-18) 42px var(--le-color-rgba-36aa078d),
    0 var(--le-size-6) var(--le-size-14) var(--le-color-rgba-684a6bc8),
    0 var(--le-size-1) var(--le-size-3) var(--le-color-rgba-ad7d9aca) !important;
  transform: translateY(-6px);
}

/* Original Zeile 1383: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#textBoxCertID.textBoxCertClass,
.textBoxCertClass {
  box-sizing: border-box !important;
  border-right: 0 !important;
  outline: 0 !important;
  overflow: hidden !important;
}

/* Original Zeile 1392: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#textBoxCertID.textBoxCertClass > *,
.textBoxCertClass > * {
  box-sizing: border-box;
  max-width: 100%;
}

/* Original Zeile 1399: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#textBoxCertID.textBoxCertClass,
.textBoxCertClass {
  box-shadow: none;
}

/* Original Zeile 1410: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#textBoxCertID.textBoxCertClass,
.textBoxCertClass {
  box-sizing: border-box !important;
  background-color: var(--skillRowBlau) !important;
  border: var(--le-border-strong) solid var(--skillRowBlau) !important;
  overflow: hidden !important;
}

/* Original Zeile 1419: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#textBoxCertID.textBoxCertClass .textBoxInTopClass,
#textBoxCertID.textBoxCertClass .textBoxInTopClassError,
#textBoxCertID.textBoxCertClass .textBoxInTopBreakClass,
.textBoxCertClass .textBoxInTopClass,
.textBoxCertClass .textBoxInTopClassError,
.textBoxCertClass .textBoxInTopBreakClass {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Original Zeile 1432: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#textBoxCertID.textBoxCertClass .textBoxInBottomClassBlue,
.textBoxCertClass .textBoxInBottomClassBlue {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: var(--le-size-5) !important;
  background-color: var(--skillRowBlau) !important;
}

/* Original Zeile 1442: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#textBoxCertID.textBoxCertClass .textBoxInBottomClassOrange,
#textBoxCertID.textBoxCertClass .textBoxInBottomClassRed,
.textBoxCertClass .textBoxInBottomClassOrange,
.textBoxCertClass .textBoxInBottomClassRed {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Original Zeile 1452: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#textBoxCertID.textBoxCertClass .textBoxInBottomClass,
.textBoxCertClass .textBoxInBottomClass {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Original Zeile 1464: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#textBoxDocuID.textBoxDocuClass,
.textBoxDocuClass {
  box-sizing: border-box !important;
  background-color: var(--skillRowBlau) !important;
  border: var(--le-border-strong) solid var(--skillRowBlau) !important;
  overflow: hidden !important;
}

/* Original Zeile 1473: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#textBoxDocuID.textBoxDocuClass .textBoxInTopClass,
#textBoxDocuID.textBoxDocuClass .textBoxInTopClassError,
#textBoxDocuID.textBoxDocuClass .textBoxInTopBreakClass,
.textBoxDocuClass .textBoxInTopClass,
.textBoxDocuClass .textBoxInTopClassError,
.textBoxDocuClass .textBoxInTopBreakClass {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Original Zeile 1485: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#textBoxDocuID.textBoxDocuClass .textBoxInBottomClassBlue,
.textBoxDocuClass .textBoxInBottomClassBlue {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: var(--le-size-5) !important;
  background-color: var(--skillRowBlau) !important;
}

/* Original Zeile 1495: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#textBoxDocuID.textBoxDocuClass .textBoxInBottomClass,
#textBoxDocuID.textBoxDocuClass .textBoxInBottomClassOrange,
#textBoxDocuID.textBoxDocuClass .textBoxInBottomClassRed,
.textBoxDocuClass .textBoxInBottomClass,
.textBoxDocuClass .textBoxInBottomClassOrange,
.textBoxDocuClass .textBoxInBottomClassRed {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Original Zeile 2019: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.closeDivButClass {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 2.2rem;
  height: auto !important;

  margin: var(--le-size-8) 0 0 0 !important;
  padding: var(--le-size-5) var(--le-size-10) !important;

  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-medium) !important;
  box-shadow: none !important;
}

/* Original Zeile 2035: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.closeDivButClass:hover {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 2040: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.closeDivButClass:active {
  background: var(--ui-blue-700) !important;
  color: var(--le-white) !important;
}

/* Original Zeile 2210: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackPage {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: var(--le-layout-min-width) !important;
  height: auto !important;
  min-height: 0 !important;

  padding: var(--le-size-12) var(--le-size-5) var(--le-size-20) var(--le-size-5) !important;
  margin: 0 !important;

  display: block !important;
  overflow: visible !important;
  background: transparent !important;
}

/* Original Zeile 2225: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackMainRow {
  box-sizing: border-box !important;
  width: auto !important;
  height: auto !important;

  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: var(--le-size-16) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Original Zeile 2241: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackEmpty,
.leMiDataBackEmptyRow {
  display: none !important;
}

/* Original Zeile 2246: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackCard {
  box-sizing: border-box !important;
  position: relative !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: var(--le-size-16) !important;

  background: var(--le-white) !important;
  color: var(--ui-text) !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;

  box-shadow:
    0 var(--le-size-5) var(--le-size-14) var(--le-color-rgba-897e8f17),
    0 var(--le-size-1) var(--le-size-3) var(--le-color-rgba-82bde927) !important;

  overflow: visible !important;
  align-items: stretch !important;
}

/* Original Zeile 2270: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackResetCard {
  width: 420px !important;
  min-width: 420px !important;
}

/* Original Zeile 2275: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackStatsCard {
  width: 520px !important;
  min-width: 520px !important;
}

/* Original Zeile 2281: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackIntro {
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;

  margin: 0 0 var(--le-size-14) 0 !important;
  padding: var(--le-size-12) var(--le-size-14) !important;

  background: var(--ui-blue-100) !important;
  color: var(--le-text-bluegray) !important;

  border: 0 !important;
  border-left: var(--le-border-accent) solid var(--ui-blue-700) !important;
  border-radius: var(--le-radius-medium) !important;

  line-height: 1.45 !important;
  text-align: left !important;
}

/* Original Zeile 2301: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackAction {
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;

  margin: var(--le-size-6) 0 !important;
  padding: 0 !important;

  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

/* Original Zeile 2314: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leMiDataBackAction input[type=button] {
  width: 100% !important;
  min-height: 2.35rem !important;

  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;

  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-medium) !important;
  box-shadow: none !important;

  font-weight: 600 !important;
}

/* Original Zeile 2328: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leMiDataBackAction input[type=button]:hover {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 2333: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leMiDataBackAction input[type=button]:active {
  background: var(--ui-blue-700) !important;
  color: var(--le-white) !important;
}

/* Original Zeile 2339: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackWarning {
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;

  margin: var(--le-size-14) 0 0 0 !important;
  padding: var(--le-size-10) var(--le-size-12) !important;

  background: var(--le-warning-soft-bg) !important;
  color: var(--le-color-9a3326) !important;

  border: var(--le-border-normal) solid var(--le-color-e6a69b) !important;
  border-radius: var(--le-radius-medium) !important;

  line-height: 1.35 !important;
  text-align: left !important;
}

/* Original Zeile 2358: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackStatsTable {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: var(--ui-text) !important;
}

/* Original Zeile 2365: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackStatsTable td {
  box-sizing: border-box;
  padding: var(--le-size-7) var(--le-size-8) !important;
  border: 0 !important;
  border-bottom: var(--le-border-normal) solid var(--le-border-blue) !important;
  vertical-align: middle !important;
}

/* Original Zeile 2373: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr:first-child td {
  padding: var(--le-size-2) var(--le-size-8) var(--le-size-10) var(--le-size-8) !important;
  color: var(--ui-blue-900) !important;
  font-weight: 600 !important;
  text-align: left !important;
  border-bottom: var(--le-border-strong) solid var(--le-color-8eafc3) !important;
}

/* Original Zeile 2381: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr:last-child td {
  border-bottom: 0 !important;
}

/* Original Zeile 2385: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leMiDataBackStatsTable input[type=text],
.leMiDataBackStatsTable select {
  background: var(--le-white) !important;
  color: var(--ui-text) !important;
  border: var(--le-border-normal) solid var(--le-color-b6c9d6) !important;
  border-radius: var(--le-radius-small) !important;
  min-height: 1.9rem !important;
}

/* Original Zeile 2394: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leMiDataBackStatsTable input[type=button] {
  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-medium) !important;
  box-shadow: none !important;
}

/* Original Zeile 2402: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leMiDataBackStatsTable input[type=button]:hover {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 2407: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leMiDataBackStatsTable input[type=button]:active {
  background: var(--ui-blue-700) !important;
  color: var(--le-white) !important;
}

/* Original Zeile 2416: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leBasicResetPage {
  box-sizing: border-box !important;
  position: relative !important;

  width: 100% !important;
  min-width: var(--le-layout-min-width) !important;
  height: auto !important;
  min-height: 0 !important;

  padding: var(--le-size-24) var(--le-size-5) !important;
  margin: 0 !important;

  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;

  background: transparent !important;
  overflow: visible !important;
}

/* Original Zeile 2436: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leBasicResetCard {
  box-sizing: border-box !important;
  position: relative !important;

  width: 520px !important;
  max-width: 520px !important;
  height: auto !important;
  max-height: none !important;

  margin: 0 !important;
  padding: var(--le-size-18) !important;

  background: var(--le-white) !important;
  color: var(--ui-text) !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-radius: var(--le-radius-large) !important;

  box-shadow:
    0 var(--le-size-6) var(--le-size-18) var(--le-color-rgba-249b745d),
    0 var(--le-size-1) var(--le-size-4) var(--le-color-rgba-82bde927) !important;

  overflow: visible !important;
}

/* Original Zeile 2461: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leBasicResetTable {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Original Zeile 2467: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leBasicResetTable td {
  padding: var(--le-size-7) var(--le-size-8) !important;
  border: 0 !important;
  color: var(--ui-text) !important;
}

/* Original Zeile 2473: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leBasicResetTable tr:first-child td {
  padding: var(--le-size-12) var(--le-size-14) !important;
  background: var(--ui-blue-100) !important;
  color: var(--le-text-bluegray) !important;
  border-left: var(--le-border-accent) solid var(--ui-blue-700) !important;
  border-radius: var(--le-radius-medium) !important;
  text-align: left !important;
  line-height: 1.45 !important;
}

/* Original Zeile 2483: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leBasicResetButton {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 2.35rem !important;

  margin: 0 !important;
  padding: var(--le-size-7) var(--le-size-12) !important;

  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;

  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-medium) !important;
  box-shadow: none !important;

  cursor: pointer !important;
}

/* Original Zeile 2502: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leBasicResetButton:hover {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 2507: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leBasicResetButton:active {
  background: var(--ui-blue-700) !important;
  color: var(--le-white) !important;
}

/* Original Zeile 2512: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.leBasicResetButton a,
.leBasicResetButton a:link,
.leBasicResetButton a:visited,
.leBasicResetButton a:hover,
.leBasicResetButton a:active {
  display: block;
  width: 100%;
  color: inherit !important;
  text-decoration: none !important;
}

/* Original Zeile 2523: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leBasicResetTable #backResult {
  padding-top: var(--le-size-12) !important;
  font-weight: 600;
}

/* Original Zeile 2534: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackPage,
.leBasicResetPage {
  min-width: var(--le-size-1250) !important;
  width: var(--le-size-1250) !important;
  max-width: none !important;
}

/* Original Zeile 2542: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackMainRow {
  width: var(--le-content-width) !important;
  max-width: none !important;
}

/* Original Zeile 2548: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackResetCard {
  width: 480px !important;
  min-width: 480px !important;
}

/* Original Zeile 2553: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackStatsCard {
  width: 700px !important;
  min-width: 700px !important;
}

/* Original Zeile 2559: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leBasicResetPage {
  box-sizing: border-box !important;
  padding-left: var(--le-size-5) !important;
  padding-right: var(--le-size-5) !important;
}

/* Original Zeile 2565: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leBasicResetCard {
  width: var(--le-content-width) !important;
  max-width: var(--le-content-width) !important;
  min-width: var(--le-content-width) !important;
}

/* Original Zeile 2572: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leBasicResetTable {
  width: 100% !important;
  table-layout: auto !important;
}

/* Original Zeile 2577: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leBasicResetTable td {
  white-space: normal;
}

/* Original Zeile 2586: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackCard,
.leMiDataBackResetCard,
.leMiDataBackStatsCard {
  box-sizing: border-box !important;
  height: max-content !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: flex-start !important;
  overflow: hidden !important;
}

/* Original Zeile 2598: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackStatsCard {
  display: block !important;
  padding: var(--le-size-16) !important;
}

/* Original Zeile 2604: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackStatsTable {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Original Zeile 2618: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackIntro {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 0 var(--le-size-14) 0 !important;
  padding: var(--le-size-12) var(--le-size-14) !important;

  background: var(--ui-blue-100) !important;
  color: var(--le-text-bluegray) !important;

  border: 0 !important;
  border-left: var(--le-border-accent) solid var(--ui-blue-700) !important;
  border-radius: var(--le-radius-medium) !important;

  text-align: left !important;
  line-height: 1.45 !important;
}

/* Original Zeile 2636: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr:first-child td {
  box-sizing: border-box !important;
  padding: var(--le-size-12) var(--le-size-14) !important;

  background: var(--ui-blue-100) !important;
  color: var(--le-text-bluegray) !important;

  border: 0 !important;
  border-left: var(--le-border-accent) solid var(--ui-blue-700) !important;
  border-radius: var(--le-radius-medium) !important;

  text-align: left !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

/* Original Zeile 2653: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr:nth-child(2) td,
.leMiDataBackStatsTable tr:nth-child(4) td,
.leMiDataBackStatsTable tr:nth-child(7) td {
  height: var(--le-size-10) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Original Zeile 2663: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr:not(:first-child) td {
  background: transparent;
  color: var(--ui-text) !important;
}

/* Original Zeile 2670: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr:nth-child(5) td,
.leMiDataBackStatsTable tr:nth-child(8) td {
  padding-top: var(--le-size-10) !important;
  padding-bottom: var(--le-size-10) !important;
  border-top: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-bottom: var(--le-border-normal) solid var(--le-line-soft) !important;
}

/* Original Zeile 2679: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr:nth-child(6) td {
  padding: var(--le-size-8) !important;
  background: var(--ui-surface-soft) !important;
  color: var(--ui-text-muted) !important;
  border-bottom: var(--le-border-normal) solid var(--le-line-soft) !important;
  text-align: left !important;
}

/* Original Zeile 2688: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr:last-child td {
  padding-bottom: var(--le-size-4) !important;
  border-bottom: 0 !important;
}

/* Original Zeile 2694: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackMainRow {
  align-items: flex-start !important;
}

/* Original Zeile 2704: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.emplChangeDataInRowClassUser.leMiDataBackMainRow {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-items: flex-start !important;
  overflow: visible !important;
}

/* Original Zeile 2715: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.emplChangeDataInRecClassUser3.leMiDataBackStatsCard {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-self: flex-start !important;

  overflow: hidden !important;
}

/* Original Zeile 2730: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.emplChangeDataInRecClassUser2.leMiDataBackResetCard {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: flex-start !important;
}

/* Original Zeile 2738: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.emplChangeDataInRecClassUser3.leMiDataBackStatsCard
  > .leMiDataBackStatsTable {
  display: table !important;
  position: relative !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  overflow: visible !important;
}

/* Original Zeile 2754: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr {
  position: static !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Original Zeile 2761: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackStatsTable td {
  position: static !important;
  height: auto !important;
  max-height: none !important;
}

/* Original Zeile 2771: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackIntro,
.leMiDataBackStatsTable tr:first-child td {
  box-sizing: border-box !important;

  min-height: 0 !important;
  height: auto !important;

  padding: var(--le-size-12) var(--le-size-14) !important;
  margin: 0 !important;

  background: var(--ui-blue-100) !important;
  color: var(--le-text-bluegray) !important;

  border: 0 !important;
  border-left: var(--le-border-accent) solid var(--ui-blue-700) !important;
  border-radius: var(--le-radius-medium) !important;

  font-size: inherit !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  vertical-align: top !important;
}

/* Original Zeile 2796: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackIntro {
  margin-bottom: var(--le-size-14) !important;
}

/* Original Zeile 2801: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr:first-child td {
  padding-bottom: var(--le-size-12) !important;
}

/* Original Zeile 2806: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr:nth-child(5) td,
.leMiDataBackStatsTable tr:nth-child(6) td,
.leMiDataBackStatsTable tr:nth-child(8) td {
  position: static !important;
  float: none !important;
}

/* Original Zeile 2819: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.emplChangeDataInRowClassUser.leMiDataBackMainRow {
  align-items: stretch !important;
}

/* Original Zeile 2824: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.emplChangeDataInRecClassUser2.leMiDataBackResetCard,
.emplChangeDataInRecClassUser3.leMiDataBackStatsCard {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  align-self: stretch !important;
}

/* Original Zeile 2833: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.emplChangeDataInRecClassUser3.leMiDataBackStatsCard {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
}

/* Original Zeile 2846: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackWarning,
.leMiDataBackStatsTable tr:nth-child(6) td {
  box-sizing: border-box !important;

  margin: var(--le-size-12) 0 0 0 !important;
  padding: var(--le-size-10) var(--le-size-12) !important;

  background: var(--ui-blue-100) !important;
  color: var(--le-text-bluegray) !important;

  border: var(--le-border-normal) solid var(--le-line-soft) !important;
  border-left: var(--le-border-accent) solid var(--ui-blue-700) !important;
  border-radius: var(--le-radius-medium) !important;

  font-size: inherit !important;
  font-weight: normal !important;
  line-height: 1.35 !important;
  text-align: left !important;

  box-shadow: none !important;
}

/* Original Zeile 2870: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackWarning {
  background: var(--le-warning-soft-bg) !important;
  color: var(--le-color-9a3326) !important;
  border-color: var(--le-color-e6a69b) !important;
  border-left-color: var(--le-color-d56a58) !important;
}

/* Original Zeile 2878: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr:nth-child(6) td {
  background: var(--ui-blue-100) !important;
  color: var(--le-text-bluegray) !important;
  border-color: var(--le-line-soft) !important;
  border-left-color: var(--ui-blue-700) !important;
}

/* Original Zeile 2891: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackWarning,
.leMiDataBackStatsTable tr:nth-child(6) td {
  box-sizing: border-box !important;

  padding: var(--le-size-10) var(--le-size-12) !important;

  background: var(--le-warning-soft-bg) !important;
  color: var(--le-color-9a3326) !important;

  border: var(--le-border-normal) solid var(--le-color-e6a69b) !important;
  border-left: var(--le-border-accent) solid var(--le-color-d56a58) !important;
  border-radius: var(--le-radius-medium) !important;

  font-size: inherit !important;
  font-weight: normal !important;
  line-height: 1.35 !important;
  text-align: left !important;

  box-shadow: none !important;
}

/* Original Zeile 2913: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leMiDataBackWarning {
  margin: var(--le-size-14) 0 0 0 !important;
}

/* Original Zeile 2919: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr:nth-child(6) td {
  margin: 0 !important;
}

/* Original Zeile 2924: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackStatsTable tr:nth-child(6),
.leMiDataBackStatsTable tr:nth-child(6) td {
  background-color: var(--le-warning-soft-bg) !important;
}

/* Original Zeile 2935: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackIntro,
.leMiDataBackStatsTable tr:first-child td {
  font-size: var(--le-font-size-medium) !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

/* Original Zeile 2943: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackIntro *,
.leMiDataBackStatsTable tr:first-child td * {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 400 !important;
}

/* Original Zeile 2953: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackIntro > b:first-child,
.leMiDataBackIntro > strong:first-child,
.leMiDataBackStatsTable tr:first-child td > b:first-child,
.leMiDataBackStatsTable tr:first-child td > strong:first-child {
  font-size: var(--le-font-size-medium) !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

/* Original Zeile 2963: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackWarning,
.leMiDataBackStatsTable tr:nth-child(6) td {
  font-size: var(--le-font-size-medium) !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

/* Original Zeile 2971: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.leMiDataBackWarning b:first-child,
.leMiDataBackWarning strong:first-child,
.leMiDataBackStatsTable tr:nth-child(6) td b:first-child,
.leMiDataBackStatsTable tr:nth-child(6) td strong:first-child {
  font-size: var(--le-font-size-medium) !important;
  font-weight: 700 !important;
}

/* Original Zeile 6301: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#textBoxCertID.textBoxCertClass,
.textBoxCertClass,
#textBoxDocuID.textBoxDocuClass,
.textBoxDocuClass {
  width: auto !important;
  max-width: 500px !important;
}

/* Original Zeile 6310: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#textBoxCertID.textBoxCertClass .textBoxInTopBreakClass,
.textBoxCertClass .textBoxInTopBreakClass,
#textBoxDocuID.textBoxDocuClass .textBoxInTopBreakClass,
.textBoxDocuClass .textBoxInTopBreakClass {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;

  white-space: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;

  scrollbar-gutter: stable !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Original Zeile 6328: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#textBoxCertID.textBoxCertClass .textBoxInTopClass,
#textBoxCertID.textBoxCertClass .textBoxInTopClassError,
.textBoxCertClass .textBoxInTopClass,
.textBoxCertClass .textBoxInTopClassError,
#textBoxDocuID.textBoxDocuClass .textBoxInTopClass,
#textBoxDocuID.textBoxDocuClass .textBoxInTopClassError,
.textBoxDocuClass .textBoxInTopClass,
.textBoxDocuClass .textBoxInTopClassError {
  white-space: normal !important;
}

/* Original Zeile 6344: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#textBoxCertID.textBoxCertClass .textBoxInTopBreakClass,
.textBoxCertClass .textBoxInTopBreakClass,
#textBoxDocuID.textBoxDocuClass .textBoxInTopBreakClass,
.textBoxDocuClass .textBoxInTopBreakClass {
  white-space: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: 100% !important;
}

/* Original Zeile 6365: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#textBoxID.textBoxClass,
.textBoxClass,
#textBoxDocuID.textBoxDocuClass,
.textBoxDocuClass,
#textBoxCertID.textBoxCertClass,
.textBoxCertClass {
  box-sizing: border-box !important;
  max-width: 500px !important;
}

/* Original Zeile 6376: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#textBoxInTopID,
#textBoxDocuInTopID,
#textBoxCertInTopID {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Original Zeile 6392: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.textBoxInTopBreakClass {
  position: relative !important;
  box-sizing: border-box !important;

  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 40px) !important;

  margin-left: var(--le-size-10) !important;
  margin-right: 0 !important;

  font-size: var(--le-font-size-small) !important;
  color: var(--weiss) !important;
  font-weight: bold !important;

  white-space: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Original Zeile 6416: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.textBoxTopCloseClass {
  position: relative !important;
  box-sizing: border-box !important;

  flex: 0 0 var(--le-size-30) !important;
  width: var(--le-size-30) !important;
  min-width: var(--le-size-30) !important;
  max-width: var(--le-size-30) !important;

  text-align: right !important;
  overflow: visible !important;
}

/* Original Zeile 6429: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.textBoxTopCloseIconClass {
  display: block !important;
  width: auto !important;
  height: var(--le-size-25) !important;
  margin-left: auto !important;
  cursor: pointer !important;
}

/* Original Zeile 6447: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#textBoxHeadTextID.textBoxInTopBreakClass,
#textBoxDocuHeadTextID.textBoxInTopBreakClass,
#textBoxCertHeadTextID.textBoxInTopBreakClass {
  position: relative !important;
  display: block !important;


  flex-direction: initial !important;
  justify-content: initial !important;
  align-items: initial !important;

  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 40px) !important;
  min-height: 0 !important;
  height: auto !important;

  margin-left: var(--le-size-10) !important;
  margin-right: 0 !important;
  padding-top: var(--le-size-3) !important;
  padding-bottom: var(--le-size-3) !important;

  background: transparent !important;
  font-size: var(--le-font-size-small) !important;
  color: var(--weiss) !important;
  font-weight: bold !important;


  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;


  overflow-x: auto !important;
  overflow-y: hidden !important;
}

/* Original Zeile 9889: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertGroupsPage {
  position: relative !important;
  min-width: var(--le-layout-min-width) !important;
  width: max-content !important;
  padding: .25rem .5rem 1rem !important;
  background: transparent !important;
  overflow: visible !important;
}

/* Original Zeile 9899: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminExpertGroupsPage .nameSelect2 {
  box-sizing: border-box !important;
  min-height: 2rem !important;
  margin: 0 0 .55rem 0 !important;
  padding: .2rem 0 !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--le-size-6) !important;

  background: transparent !important;
  border: 0 !important;
}

/* Original Zeile 9915: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminExpertGroupsPage .nameSelect2 .miRollSelClass {
  min-height: 1.8rem !important;
  height: 1.8rem !important;
  border: var(--le-border-normal) solid var(--le-border-soft) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--le-white) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

/* Original Zeile 9926: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertGroupsList {
  left: 0 !important;
  width: var(--le-size-1150) !important;
  min-width: var(--le-size-1150) !important;

  background: var(--le-white) !important;
  border: var(--le-border-normal) solid var(--ui-border) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;

  overflow: auto !important;
}

/* Original Zeile 9940: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leAdminExpertGroupsListInner {
  width: var(--le-layout-min-width) !important;
  min-width: var(--le-layout-min-width) !important;
  background: var(--le-white) !important;
}

/* Original Zeile 10048: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminExpertGroupsList input[type=text],
.leAdminExpertGroupsList select {
  min-height: 1.65rem !important;
  height: 1.65rem !important;

  background: var(--le-white) !important;
  color: var(--ui-text) !important;

  border: var(--le-border-normal) solid var(--le-border-soft) !important;
  border-radius: var(--le-radius-small) !important;
  box-shadow: none !important;
}

/* Original Zeilen 10062–10087: Individuelle Button-Optik entfernt.
   Die klickbaren divs nutzen nun die zentrale Button-Grundregel.
   Nur der Linktext im div erbt dessen Farbe und bleibt ohne Unterstreichung. */
.leAdminExpertGroupsList .saveSkillButtonClass a,
.leAdminExpertGroupsList .saveSkillButtonClass a:link,
.leAdminExpertGroupsList .saveSkillButtonClass a:visited,
.leAdminExpertGroupsList .saveSkillButtonClass a:hover,
.leAdminExpertGroupsList .saveSkillButtonClass a:active,
#userExpertiseOut .saveSkillButtonClass a,
#userExpertiseOut .saveSkillButtonClass a:link,
#userExpertiseOut .saveSkillButtonClass a:visited,
#userExpertiseOut .saveSkillButtonClass a:hover,
#userExpertiseOut .saveSkillButtonClass a:active,
#userSkillsOut .saveSkillButtonClass a,
#userSkillsOut .saveSkillButtonClass a:link,
#userSkillsOut .saveSkillButtonClass a:visited,
#userSkillsOut .saveSkillButtonClass a:hover,
#userSkillsOut .saveSkillButtonClass a:active {
  color: inherit !important;
  text-decoration: none !important;
}

/* Original Zeile 10248: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#changeValueField.changeValueFieldClass {
  box-sizing: border-box !important;
  border: var(--le-border-strong) solid var(--ui-blue-700) !important;
  border-radius: var(--le-radius-medium) !important;
  background: var(--le-white) !important;
  box-shadow: 0 var(--le-size-4) var(--le-size-14) var(--le-color-rgba-ebeb8c5d) !important;
}

/* Original Zeile 10337: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#changeValueField.changeValueFieldClass {
  box-sizing: border-box !important;
  border: var(--le-border-strong) solid var(--ui-blue-700) !important;
  outline: 0 !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-surface) !important;
  box-shadow: 0 var(--le-size-4) var(--le-size-14) var(--le-color-rgba-8ccbed41) !important;
  overflow: visible !important;
}

/* Original Zeile 10349: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#changeValueField.changeValueFieldClass > .changeValueFieldDoubleClass,
#changeValueField.changeValueFieldClass > .changeValueFieldDoubleRightClass {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Original Zeile 10355: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 10440: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#changeValueField.changeValueFieldClass {
  box-sizing: border-box !important;

  width: max-content !important;
  height: auto !important;
  min-height: 13em !important;

  padding: 0 !important;

  border: var(--le-border-strong) solid var(--ui-blue-700) !important;
  border-radius: var(--le-radius-small) !important;
  outline: 0 !important;

  background: var(--ui-surface) !important;
  box-shadow: 0 var(--le-size-4) var(--le-size-14) var(--le-color-rgba-8ccbed41) !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: center !important;

  overflow: hidden !important;
}

/* Original Zeile 10465: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#changeValueField.changeValueFieldClass > .changeValueFieldDoubleClass,
#changeValueField.changeValueFieldClass > .changeValueFieldDoubleRightClass {
  box-sizing: border-box !important;
  height: 13em !important;
  min-height: 13em !important;
  max-height: 13em !important;

  margin: 0 !important;

  border-top: 0 !important;
  border-bottom: 0 !important;

  background: var(--ui-surface) !important;
}

/* Original Zeile 10481: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#changeValueField.changeValueFieldClass > .changeValueFieldDoubleRightClass {
  border-left: var(--le-border-strong) solid var(--ui-blue-700) !important;
  border-right: 0 !important;
}

/* Original Zeile 10503: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#changeValueField.changeValueFieldClass .bottomAroundClass {
  box-sizing: border-box !important;
  padding-bottom: var(--le-size-5) !important;
}

/* Original Zeile 10510: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#changeValueField.changeValueFieldClass .bottomAroundClass > * {
  margin-bottom: var(--le-size-3) !important;
}

/* Original Zeile 10523: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leManagerValueMarkerAnchor {
  position: relative !important;
  display: inline-block !important;
  flex: 0 0 auto !important;

  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;

  height: max-content !important;
  line-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  vertical-align: middle !important;
}

/* Original Zeile 10542: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leManagerValueMarkerAnchor > .managerValueClass,
.leManagerValueMarkerAnchor > .managerValueExpertiseClass {
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Original Zeile 10554: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leManagerValueMarkerAnchor > .helpChangeAdminSkill,
.leManagerValueMarkerAnchor > .helpChangeAdmin {
  position: absolute !important;

  top: var(--le-size-2) !important;
  right: var(--le-size-2) !important;
  left: auto !important;

  width: var(--le-size-8) !important;
  height: var(--le-size-8) !important;

  margin: 0 !important;
  padding: 0 !important;

  background: var(--le-color-d9362b) !important;
  border: 0 !important;
  border-radius: var(--le-radius-none) !important;

  z-index: 60 !important;
  cursor: help !important;
}

/* Original Zeile 10593: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#textBoxHeadTextID.textBoxInTopBreakClass,
#textBoxDocuHeadTextID.textBoxInTopBreakClass,
#textBoxCertHeadTextID.textBoxInTopBreakClass {
  white-space: normal !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.25 !important;
}

/* Original Zeile 10605: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#textBoxInTopID,
#textBoxDocuInTopID,
#textBoxCertInTopID {
  height: auto !important;
  min-height: var(--le-size-25) !important;
  align-items: center !important;
  overflow: visible !important;
}

/* Original Zeile 10619: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoader,
.waitLoaderShow {
  top: 90px;
}

/* Original Zeile 10683: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .picSelSendClass {
  box-sizing: border-box !important;
  left: 0 !important;
  float: none !important;
  height: var(--le-size-25) !important;
  min-height: var(--le-size-25) !important;
  margin: 0 !important;
  padding: 0 var(--le-size-8) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  box-shadow: none !important;
}

/* Original Zeile 10698: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.waitLoaderShow .picSelSendClass:hover {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 10708: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .closeLoaderClass {
  top: var(--le-size-8) !important;
  padding: var(--le-size-6) var(--le-size-8) !important;
  border: var(--le-border-normal) solid var(--ui-blue-700) !important;
  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
}

/* Original Zeile 10716: Bestimmt die Darstellung beim Überfahren mit der Maus. */
.waitLoaderShow .closeLoaderClass:hover {
  background: var(--ui-blue-300) !important;
}

/* Original Zeile 10800: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .closeLoaderClass {
  left: 0 !important;
}

/* Original Zeile 10914: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow #closeLoaderID.closeLoaderClass {
  box-sizing: border-box !important;
  position: relative !important;
  left: 0 !important;
  width: calc(100% - var(--le-size-10)) !important;
  max-width: calc(100% - var(--le-size-10)) !important;
  min-width: 0 !important;
  height: var(--le-size-30) !important;
  min-height: var(--le-size-30) !important;
  margin: var(--le-size-8) 0 0 0 !important;
  padding: 0 var(--le-size-8) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: var(--le-border-normal) solid var(--ui-blue-700) !important;
  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  line-height: 1 !important;
}

/* Original Zeile 10941: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .fieldSetText {
  box-sizing: border-box !important;
  position: relative !important;
  width: calc(100% - var(--le-size-10)) !important;
  max-width: calc(100% - var(--le-size-10)) !important;
  height: auto !important;
  min-height: 92px !important;
  margin: var(--le-size-6) 0 var(--le-size-5) 0 !important;
  padding: var(--le-size-7) var(--le-size-8) var(--le-size-8) var(--le-size-8) !important;
  text-align: left !important;
  border: var(--le-border-normal) solid var(--le-line-strong) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--le-color-f8fbfd) !important;
  color: var(--ui-blue-900) !important;
}

/* Original Zeile 10958: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .fieldSetText > legend {
  box-sizing: border-box !important;
  margin: 0 0 0 var(--le-size-2) !important;
  padding: 0 var(--le-size-5) !important;
  color: var(--ui-blue-900) !important;
  background: var(--le-color-f8fbfd) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

/* Original Zeile 10969: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.waitLoaderShow .fieldSetText .userSelfTextClass,
.waitLoaderShow .fieldSetText textarea.userSelfTextClass {
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: var(--le-size-68) !important;
  min-height: var(--le-size-68) !important;
  margin: var(--le-size-2) 0 0 0 !important;
  padding: var(--le-size-6) var(--le-size-7) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--le-white) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
  line-height: 1.3 !important;
  resize: vertical !important;
}

/* Original Zeile 10990: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.waitLoaderShow .fieldSetText textarea.userSelfTextClass[readonly] {
  background: var(--le-cell-soft-bg) !important;
  color: var(--le-text-secondary) !important;
}

/* Original Zeile 10996: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.waitLoaderShow .fieldSetText textarea.userSelfTextClass:focus {
  outline: var(--le-border-strong) solid var(--ui-blue-500) !important;
  outline-offset: var(--le-size-1) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 11028: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */


/* Original Zeile 11086: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.mainClass {
  background: var(--le-color-rgba-a8259b01) !important;
}

/* Original Zeile 11097: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.mainClass {
  background: var(--le-color-rgba-cc39d645) !important;


  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Original Zeile 11139: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: var(--le-color-rgba-4b4ed352) !important;
}

/* Original Zeile 11149: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body > * {
  position: relative;
  z-index: 1;
}

/* Original Zeile 11155: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.mainClass {
  background: transparent !important;
}

/* Original Zeile 11209: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.modulTopShowDataSelectClass,
.modulTopShowDataSelectClass2 {
  left: 0 !important;
  width: var(--le-size-840) !important;
  min-width: var(--le-size-840) !important;
  max-width: var(--le-size-840) !important;
  margin: .25rem 0 .55rem 0 !important;
  padding: .2rem 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

/* Original Zeile 11224: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.modulTopShowDataSelectClass2 {
  width: var(--le-size-850) !important;
  min-width: var(--le-size-850) !important;
  max-width: var(--le-size-850) !important;
}

/* Original Zeile 11230: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulTopShowData.modulTopShowDataClass {
  box-sizing: border-box !important;
  left: 0 !important;
  width: var(--le-size-840) !important;
  min-width: var(--le-size-840) !important;
  max-width: var(--le-size-840) !important;
  height: 2.35rem !important;
  margin: 0 !important;
  padding: 0 .55rem !important;
  background: var(--le-summary-bg) !important;
  color: var(--ui-text) !important;
  border-top: var(--le-border-strong) solid var(--le-line-strong) !important;
  border-bottom: var(--le-border-strong) solid var(--le-line-strong) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  justify-content: flex-start !important;
}

/* Original Zeile 11250: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulTopShowData.modulTopShowDataClass .modulTopShowDataInLeftClass {
  color: var(--ui-text) !important;
  font-weight: 600 !important;
  justify-content: flex-start !important;
}

/* Original Zeile 11256: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulTopShowData.modulTopShowDataClass .modulTopShowDataInRightClass {
  color: var(--ui-text) !important;
  justify-content: flex-end !important;
}

/* Original Zeile 11261: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulTopShowData.modulTopShowDataClass .report_1_class,
#modulTopShowData.modulTopShowDataClass .report_2_class,
#modulTopShowData.modulTopShowDataClass .report_3_class,
#modulTopShowData.modulTopShowDataClass .report_4_class,
#modulTopShowData.modulTopShowDataClass .report_5_class,
#modulTopShowData.modulTopShowDataClass .report_6_class,
#modulTopShowData.modulTopShowDataClass .report_7_class {
  color: var(--ui-text) !important;
}

/* Original Zeile 11461: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.buttonBottomAllDiv {
  box-sizing: border-box !important;
  width: var(--le-size-840) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: var(--le-size-8) !important;
  text-align: right !important;
}

/* Original Zeile 11470: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.buttonBottomAllDiv input[type=button] {
  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  box-shadow: none !important;
}

/* Original Zeile 11478: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.buttonBottomAllDiv input[type=button]:hover {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 11493: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulTopShowData.modulTopShowDataClass {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

/* Original Zeile 11501: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulTopShowData .modulTopShowDataInLeftClass {
  box-sizing: border-box !important;
  flex: 0 0 var(--le-size-185) !important;
  width: var(--le-size-185) !important;
  min-width: var(--le-size-185) !important;
  max-width: var(--le-size-185) !important;
  padding-right: var(--le-size-6) !important;
  white-space: nowrap !important;
}

/* Original Zeile 11511: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulTopShowData .modulTopShowDataInRightClass {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-right: var(--le-size-6) !important;
  gap: var(--le-size-8) !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

/* Original Zeile 11524: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulTopShowData .report_1_class,
#modulTopShowData .report_2_class,
#modulTopShowData .report_3_class,
#modulTopShowData .report_4_class,
#modulTopShowData .report_5_class,
#modulTopShowData .report_6_class,
#modulTopShowData .report_7_class {
  flex: 0 0 auto !important;
  width: max-content !important;
  max-width: none !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
  white-space: nowrap !important;
}

/* Original Zeile 11540: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#modulTopShowData .report_5_class,
#modulTopShowData .report_7_class {
  font-size: var(--le-font-size-small) !important;
  font-weight: 400 !important;
  color: var(--le-color-5f7482) !important;
}

/* Original Zeile 11548: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#modulTopShowData img[src*="168.png"],
#modulTopShowDataSelect img[src*="168.png"] {
  box-sizing: content-box !important;
  width: var(--le-size-18) !important;
  height: var(--le-size-18) !important;
  max-width: var(--le-size-18) !important;
  max-height: var(--le-size-18) !important;
  margin: 0 var(--le-size-2) !important;
  object-fit: contain !important;
  vertical-align: middle !important;
}

/* Original Zeile 11564: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.waitLoaderShow:not([style*="top"]) {
  top: var(--le-size-100) !important;
}

/* Original Zeile 11569: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.waitLoaderShow[style*="top"] {
  top: var(--le-drag-top, initial);
}

/* Original Zeile 11589: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .upmanHead {
  box-sizing: border-box !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: var(--le-size-2) var(--le-size-4) !important;
  font-size: var(--le-font-size-medium) !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

/* Original Zeile 11602: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .allLeftIn1 label,
.waitLoaderShow .allLeftIn1 p,
.waitLoaderShow .allLeftIn1 span,
.waitLoaderShow .allLeftIn1 div {
  max-width: 100%;
}

/* Original Zeile 11609: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .allLeftIn1 {
  overflow: hidden !important;
}

/* Original Zeile 11619: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .allLeftIn1 {
  font-size: var(--le-font-size-body) !important;
  line-height: 1.25 !important;
  color: var(--le-text-secondary) !important;
}

/* Original Zeile 11625: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .allLeftIn1 .upmanHead {
  font-size: var(--le-font-size-body) !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: var(--le-text-secondary) !important;
  padding: var(--le-size-1) var(--le-size-3) !important;
}

/* Original Zeile 11634: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .allLeftIn1 .upmanHead span,
.waitLoaderShow .allLeftIn1 .upmanHead div,
.waitLoaderShow .allLeftIn1 .upmanHead p {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

/* Original Zeile 11648: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
img[src*="168.png"] {
  box-sizing: content-box !important;
  width: var(--le-size-16) !important;
  height: var(--le-size-16) !important;
  min-width: var(--le-size-16) !important;
  min-height: var(--le-size-16) !important;
  max-width: var(--le-size-16) !important;
  max-height: var(--le-size-16) !important;
  margin: 0 var(--le-size-2) !important;
  padding: 0 !important;
  object-fit: contain !important;
  vertical-align: middle !important;
}

/* Original Zeile 11663: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#modulTopShowData img[src*="168.png"],
#modulTopShowDataSelect img[src*="168.png"],
.waitLoaderShow img[src*="168.png"] {
  width: var(--le-size-16) !important;
  height: var(--le-size-16) !important;
  min-width: var(--le-size-16) !important;
  min-height: var(--le-size-16) !important;
  max-width: var(--le-size-16) !important;
  max-height: var(--le-size-16) !important;
}

/* Original Zeile 11685: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
img[src$="/168.png"],
img[src$="168.png"] {
  box-sizing: border-box !important;
  display: inline-block !important;
  flex: 0 0 var(--le-size-17) !important;
  width: var(--le-size-17) !important;
  height: var(--le-size-17) !important;
  min-width: var(--le-size-17) !important;
  min-height: var(--le-size-17) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 var(--le-size-2) !important;
  padding: 0 !important;
  object-fit: contain !important;
  vertical-align: middle !important;
  transform: none !important;
}

/* Original Zeile 11704: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
a:has(> img[src$="/168.png"]),
a:has(> img[src$="168.png"]) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 var(--le-size-21) !important;
  width: var(--le-size-21) !important;
  min-width: var(--le-size-21) !important;
  height: var(--le-size-21) !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* Original Zeile 11721: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow #loadDataFileID.upmanHead {
  box-sizing: border-box !important;
  font-size: var(--le-font-size-body) !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: var(--le-text-secondary) !important;
  text-align: center !important;
  white-space: normal !important;
  padding: var(--le-size-2) var(--le-size-4) !important;
}

/* Original Zeile 11733: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow #loadDataFileID > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  margin-left: var(--le-size-2) !important;
}

/* Original Zeile 11746: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.waitLoaderShow #selfPicFormId label > .buttonstandard1 {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: var(--le-size-116) !important;
  max-width: 150px !important;
  min-height: 34px !important;
  height: auto !important;
  margin: var(--le-size-2) auto 0 !important;
  padding: var(--le-size-4) var(--le-size-9) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  box-shadow: none !important;
  font-size: var(--le-font-size-small) !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  text-transform: none !important;
  text-align: center !important;
  white-space: normal !important;
}

/* Original Zeile 11772: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.waitLoaderShow #selfPicFormId label > .buttonstandard1:hover {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 11778: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .allLeftIn1 td {
  vertical-align: middle !important;
}

/* Original Zeile 11782: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .allLeftIn1 .font_size_5.bold {
  font-size: var(--le-font-size-small) !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  color: var(--le-text-secondary) !important;
}

/* Original Zeile 11796: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .allLeftIn1 {
  font-size: var(--le-font-size-body) !important;
  line-height: 1.3 !important;
}

/* Original Zeile 11801: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow .allLeftIn1 .font_size_5.bold {
  font-size: var(--le-font-size-body) !important;
  line-height: 1.25 !important;
}

/* Original Zeile 11806: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow #loadDataFileID.upmanHead {
  font-size: var(--le-font-size-body) !important;
  line-height: 1.25 !important;
}

/* Original Zeile 11811: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.waitLoaderShow #selfPicFormId label > .buttonstandard1 {
  font-size: var(--le-font-size-body) !important;
  line-height: 1.2 !important;
}

/* Original Zeile 11844: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#modulTopShowData a:has(img[src*="168"]),
#modulTopShowDataSelect a:has(img[src*="168"]),
.waitLoaderShow a:has(img[src*="168"]) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 var(--le-size-21) !important;
  width: var(--le-size-21) !important;
  min-width: var(--le-size-21) !important;
  max-width: var(--le-size-21) !important;
  height: var(--le-size-21) !important;
  min-height: var(--le-size-21) !important;
  max-height: var(--le-size-21) !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* Original Zeile 11878: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
html body img#helpModulDataTextID {
  box-sizing: border-box !important;
  display: inline-block !important;
  width: var(--le-size-22) !important;
  height: var(--le-size-22) !important;
  min-width: var(--le-size-22) !important;
  min-height: var(--le-size-22) !important;
  max-width: var(--le-size-22) !important;
  max-height: var(--le-size-22) !important;
  margin: 0 var(--le-size-2) !important;
  padding: 0 !important;
  object-fit: contain !important;
  vertical-align: middle !important;
  transform: none !important;
}

/* Original Zeile 11895: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow img#helpModulDataTextID {
  margin-top: 0 !important;
}

/* Original Zeile 11904: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
html body a:has(> img#helpModulDataTextID) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--le-size-24) !important;
  min-width: var(--le-size-24) !important;
  height: var(--le-size-24) !important;
  min-height: var(--le-size-24) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* Original Zeile 11921: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
html body img.leHelpIcon {
    box-sizing: border-box !important;
    display: inline-block !important;
    width: var(--le-size-22) !important;
    height: var(--le-size-22) !important;
    min-width: var(--le-size-22) !important;
    min-height: var(--le-size-22) !important;
    max-width: var(--le-size-22) !important;
    max-height: var(--le-size-22) !important;
    margin: 0 var(--le-size-2) !important;
    padding: 0 !important;
    object-fit: contain !important;
    vertical-align: middle !important;
    transform: none !important;
}

/* Original Zeile 11940: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.waitLoaderShow #allLeftIn1_id > table > tbody > tr > td.upmanHead,
.waitLoaderShow #allLeftIn1_id > table > tr > td.upmanHead {
    width: var(--le-size-170) !important;
    min-width: var(--le-size-170) !important;
}

/* Original Zeile 11946: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.waitLoaderShow #selfPicFormId label > .buttonstandard1,
.waitLoaderShow .upmanHead .buttonstandard1 {
    width: var(--le-size-140) !important;
    min-width: var(--le-size-140) !important;
    max-width: var(--le-size-140) !important;
    white-space: nowrap !important;
}

/* Original Zeile 11958: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.waitLoaderShow #allLeftIn1_id > table > tbody > tr > td:first-child,
.waitLoaderShow #allLeftIn1_id > table > tr > td:first-child {
    width: var(--le-size-230) !important;
    min-width: var(--le-size-230) !important;
}

/* Original Zeile 11964: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow #allLeftIn1_id .selfUploadTextClass {
    white-space: normal !important;
    line-height: 1.25 !important;
}

/* Original Zeile 11972: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow #allLeftIn1_id .selfUploadTextClass {
    width: var(--le-size-230) !important;
    min-width: var(--le-size-230) !important;
    max-width: var(--le-size-230) !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    line-height: 1.25 !important;
}

/* Original Zeile 12770: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.menuClass,
.menuClass a,
.menuClass div,
.menuClass span,
.subMenuClass,
.subMenuClass a,
.subMenuClass div,
.subMenuClass span,
[class*="menu"] a,
[class*="Menu"] a {
  font-size: var(--le-font-size-medium) !important;
}

/* Original Zeile 12939: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.li_h,
.li_h > a {
  font-family: var(--le-font-family-main) !important;
  font-size: var(--le-font-size-body) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

/* Original Zeile 12961: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.leHelpIcon,
[class*="help"],
[class*="Help"] {
  text-transform: none !important;
}

/* Original Zeile 13272: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#helpAllLink {
  margin-right: var(--le-size-5) !important;
}

/* Original Zeile 13276: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#helpCertLink {
  margin-right: var(--le-size-10) !important;
}

/* Original Zeile 15248: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminExpertGroupsPage .nameSelect2 a:has(> img#helpModulDataTextID[src*="168.png"]) {
  background: transparent url("../ressources/icons/help.svg") center / var(--le-size-22) var(--le-size-22) no-repeat !important;
}

/* Original Zeile 15252: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
.leAdminExpertGroupsPage .nameSelect2 img#helpModulDataTextID[src*="168.png"] {
  opacity: 0 !important;
}

/* Original Zeile 15880: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled {
  background: var(--le-button-disabled-bg) !important;
  color: var(--le-button-disabled-text) !important;
  border-color: var(--le-button-disabled-border) !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: default !important;
}

/* Original Zeile 15894: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
button:disabled:hover,
input[type="button"]:disabled:hover,
input[type="submit"]:disabled:hover,
input[type="reset"]:disabled:hover {
  background: var(--le-button-disabled-bg) !important;
  color: var(--le-button-disabled-text) !important;
  border-color: var(--le-button-disabled-border) !important;
}

/* Original Zeile 17868: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.waitLoaderShow #selfPicFormId label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Original Zeile 17876: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.waitLoaderShow #selfPicFormId label > .buttonstandard1,
.waitLoaderShow .upmanHead .buttonstandard1 {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  width: 10.75rem !important;
  min-width: 10.75rem !important;
  max-width: none !important;

  min-height: 2.65rem !important;
  height: auto !important;

  margin: var(--le-size-2) auto 0 !important;
  padding: .3rem .75rem !important;

  font-size: var(--le-font-size-body) !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  text-align: center !important;
  white-space: normal !important;

  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  box-shadow: none !important;
}

/* Original Zeile 17907: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
.waitLoaderShow #selfPicFormId label > .buttonstandard1:hover,
.waitLoaderShow .upmanHead .buttonstandard1:hover {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 17937: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutID.adminEvaluationTopOut,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut {
  box-sizing: border-box !important;
  top: 0 !important;
  left: 0 !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  height: calc(100% - var(--le-size-10)) !important;
  min-height: 0 !important;

  padding: var(--le-size-5) !important;
  gap: .65rem !important;

  background: transparent !important;
  box-shadow: none !important;

  align-items: stretch !important;
  justify-content: flex-start !important;
}

/* Original Zeile 17963: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopLeft,
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopMiddle,
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopRight,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  > .adminEvaluationTopLeftCert,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  > .adminEvaluationTopMiddleCert,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  > .adminEvaluationTopRightCert {
  box-sizing: border-box !important;

  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;

  background: transparent !important;
}

/* Original Zeile 17995: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopLeft {
  flex: 0 1 31% !important;
  width: 31% !important;
}

/* Original Zeile 18001: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopMiddle {
  flex: 0 1 34% !important;
  width: 34% !important;
}

/* Original Zeile 18007: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopRight {
  flex: 1 1 35% !important;
  width: 35% !important;
}

/* Original Zeile 18023: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  > .adminEvaluationTopLeftCert {
  flex: 0 1 24% !important;
  width: 24% !important;
}

/* Original Zeile 18029: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  > .adminEvaluationTopMiddleCert {
  flex: 0 1 52% !important;
  width: 52% !important;
}

/* Original Zeile 18035: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  > .adminEvaluationTopRightCert {
  flex: 1 1 24% !important;
  width: 24% !important;
}

/* Original Zeile 18049: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  .adminEvaluationInTop,
#adminEvaluationTopOutID.adminEvaluationTopOut
  .adminEvaluationInTopNoShow,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  .adminEvaluationInTop,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  .adminEvaluationInTopNoShow {
  box-sizing: border-box !important;

  flex: 0 0 calc(var(--ui-control-height) + .2rem) !important;
  width: 100% !important;
  min-height: calc(var(--ui-control-height) + .2rem) !important;
  height: calc(var(--ui-control-height) + .2rem) !important;

  margin: 0 !important;
  padding: .3rem .55rem !important;
}

/* Original Zeile 18146: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormID,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormRightID,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  #allExpCheckSelectFormLeftIDKey,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  #allExpCheckSelectFormIDKey,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  #allExpCheckSelectFormRightIDKey {
  box-sizing: border-box !important;

  flex: 1 1 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: .55rem !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}

/* Original Zeile 18186: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  .allExpCheckFormClassNoShow,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  .allExpCheckFormClassNoShow {
  visibility: hidden !important;
}

/* Original Zeile 18224: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  #allExpCheckSelectFormIDKey table {
  max-width: 100% !important;
}

/* Original Zeile 18235: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  input.saveSortButtonClass,
#adminEvaluationTopOutID.adminEvaluationTopOut
  input.saveSortButtonClassGreen,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  input.saveSortButtonClass,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  input.saveSortButtonClassGreen {
  min-height: var(--ui-control-height) !important;

  padding: .25rem .7rem !important;

  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;

  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;

  box-shadow: none !important;
}

/* Original Zeile 18256: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  input.saveSortButtonClass:hover,
#adminEvaluationTopOutID.adminEvaluationTopOut
  input.saveSortButtonClassGreen:hover,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  input.saveSortButtonClass:hover,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  input.saveSortButtonClassGreen:hover {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 18283: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutID.adminEvaluationTopOut,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut {
  position: relative !important;
  background: var(--ui-surface) !important;
  background-color: var(--ui-surface) !important;
  isolation: isolate !important;
}

/* Original Zeile 18293: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopLeft,
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopMiddle,
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopRight,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  > .adminEvaluationTopLeftCert,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  > .adminEvaluationTopMiddleCert,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut
  > .adminEvaluationTopRightCert {
  background: var(--ui-surface) !important;
}

/* Original Zeile 18316: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopLeft {
  position: relative !important;
  padding-top: calc(var(--ui-control-height) + .55rem) !important;
}

/* Original Zeile 18324: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopLeft
  > #allExpCheckSelectFormLeftID {
  flex: 1 1 0 !important;
  min-height: 0 !important;
}

/* Original Zeile 18437: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutID.adminEvaluationTopOut,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut {
  position: absolute !important;

  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;

  background: var(--ui-surface) !important;
  background-color: var(--ui-surface) !important;

  z-index: 50 !important;
  isolation: isolate !important;
}

/* Original Zeile 18489: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  > .adminEvaluationTopLeft {
  position: relative !important;
  padding-top: 0 !important;
}

/* Original Zeile 18556: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID .externImportAllScrollDown,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID .eduFieldContSmall,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID .externImportAllButtonDown {
  position: static !important;
}

/* Original Zeile 18569: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllScrollDown
  .eduFieldContSmall
  > input[type="button"] {
  position: absolute !important;

  top: calc(var(--ui-control-height) + .42rem) !important;
  left: 7.9rem !important;

  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;

  margin: 0 !important;
  padding: .25rem .55rem !important;

  z-index: 8 !important;
  white-space: nowrap !important;
}

/* Original Zeile 18592: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllButtonDown
  > input[type="button"] {
  position: absolute !important;

  top: calc(var(--ui-control-height) + .42rem) !important;
  right: .25rem !important;

  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;

  margin: 0 !important;
  padding: .25rem .55rem !important;

  z-index: 8 !important;
  white-space: nowrap !important;
}

/* Original Zeile 18615: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllButtonDown {
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Original Zeile 18628: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #butExternClose,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllScrollDown
  .eduFieldContSmall
  > input[type="button"],
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllButtonDown
  > input[type="button"] {
  box-sizing: border-box !important;
  min-height: var(--ui-control-height) !important;
  height: var(--ui-control-height) !important;

  font-size: var(--le-font-size-small) !important;

  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;

  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
}

/* Original Zeile 18652: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #butExternClose:hover,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllScrollDown
  .eduFieldContSmall
  > input[type="button"]:hover,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllButtonDown
  > input[type="button"]:hover {
  background: var(--ui-blue-300) !important;
  border-color: var(--ui-blue-700) !important;
}

/* Original Zeile 18682: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllScrollDown
  .eduFieldContSmall
  > input[type="button"],
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllButtonDown
  > input[type="button"] {
  position: static !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;
  z-index: auto !important;
}

/* Original Zeile 18707: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllButtonDown {
  position: static !important;

  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;

  padding: 0 !important;
  margin: 0 !important;

  overflow: visible !important;
}

/* Original Zeile 18724: Legt Darstellung und Abmessungen der Eingabe- bzw. Auswahlfelder fest. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllScrollDown,
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllScrollDown
  .eduFieldContSmall {
  position: static !important;
}

/* Original Zeile 18743: Gestaltet die Schaltfläche bzw. ihren Interaktionszustand. */
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllScrollDown
  .eduFieldContSmall
  > input[type="button"],
#adminEvaluationTopOutID.adminEvaluationTopOut
  #allExpCheckSelectFormLeftID
  .externImportAllButtonDown
  > input[type="button"] {
  height: auto !important;
  min-height: var(--ui-control-height) !important;

  padding: .25rem .55rem !important;
  font-size: var(--le-font-size-small) !important;

  background: var(--ui-blue-200) !important;
  color: var(--ui-blue-900) !important;
  border: var(--le-border-normal) solid var(--ui-border-strong) !important;
  border-radius: var(--le-radius-small) !important;
}

/* Original Zeile 19502: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#showProviderID > *:nth-child(even) {
  background-color: var(--le-theme-primary-100) !important;
}

/* Original Zeile 19506: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#showProviderID > *:nth-child(odd) {
  background-color: transparent !important;
}

/* Original Zeile 19515: Bestimmt die Darstellung beim Überfahren mit der Maus. */
#showProviderID > *:hover {
  background-color: var(--le-theme-primary-300) !important;
}

/* 04 – @media: nach Bedingungen und innerhalb davon nach Seiten sortiert. */

/* Medienbedingung: print. Ursprüngliche Quellpositionen an jeder Regel. */

@media print {
/* Navigation / Kopfbereich */

/* Original Zeile 1928: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.showMenuInTopClass, .topMainClass { box-shadow: none; }

}

@media print {
/* Weitere seitenbezogene Regeln */

/* Original Zeile 1926: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body { background: var(--le-white); color: var(--le-black); }

/* Original Zeile 1927: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.mainClass { position: static; width: 100%; height: auto; background: var(--le-white); }

}

/* Medienbedingung: (max-width: 1200px). Ursprüngliche Quellpositionen an jeder Regel. */

@media (max-width: 1200px) {
/* Login und Logout */

/* Original Zeile 26706: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.topLogoutClass {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

}

@media (max-width: 1200px) {
/* Navigation / Kopfbereich */

/* Original Zeile 26668: Gestaltet den Kopf- bzw. oberen Bereich des zugehörigen Moduls. */
.topMainClass {
    min-height: auto !important;
    height: auto !important;
    align-items: stretch !important;
  }

/* Original Zeile 26674: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.actPlaceClass,
  .actUserClass,
  .actRollClass,
  .actDateClass {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    white-space: normal !important;
  }

/* Original Zeile 26684: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.actPlaceInLeftClass,
  .actUserInLeftClass,
  .actRollInLeftClass,
  .actDateInLeftClass,
  .actPlaceInRightClass,
  .actUserInRightClass,
  .actRollInRightClass,
  .actDateInRightClass {
    width: 100% !important;
    padding-left: 0 !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

/* Original Zeile 26699: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
.actHelpClass {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    white-space: nowrap !important;
  }

}

/* Medienbedingung: (max-height: 650px), (max-width: 1500px). Ursprüngliche Quellpositionen an jeder Regel. */

@media (max-height: 650px), (max-width: 1500px) {
/* Statistiken */

/* Original Zeile 34878: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body:has(.allStatistikOutAllClass .statistikExt)
    .allStatistikOutAllClass {
    height: calc(100% - 143px) !important;
    max-height: calc(100% - 143px) !important;
  }

/* Original Zeile 34924: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
body:has(.allStatistikOutAllClass .statistikExt)
    .allStatistikOutAllClass {
    height: calc(100% - 151px) !important;
    max-height: calc(100% - 151px) !important;
  }

}

/* Medienbedingung: (max-width: 600px). Ursprüngliche Quellpositionen an jeder Regel. */

@media (max-width: 600px) {
/* Mitarbeiter / Stammdaten */

/* Original Zeile 39236: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userDataOutClass .userRowOutClass,
  .userDataOutClass .userRowOutMaxClass,
  .userDataOutClass .userRowOutHeadClass { flex-wrap: wrap !important; }

/* Original Zeile 39239: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userDataOutClass .userRowInLeftClass { flex: 1 1 100% !important; width: 100% !important; }

/* Original Zeile 39240: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userDataOutClass .userRowInRightClass,
  .userDataOutClass .userRowInRightClassRight { flex: 1 1 100% !important; width: 100% !important; }

/* Original Zeile 39242: Gestaltet Zeilen bzw. deren Zellen im zugehörigen Modul. */
.userDataOutClass .userRowOutMaxClass .userRowInRightClass table { display: block; overflow-x: auto; }

}

/* Medienbedingung: (max-width: 480px). Ursprüngliche Quellpositionen an jeder Regel. */

@media (max-width: 480px) {
/* Login und Logout */

/* Original Zeile 39428: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .loginDivClass { width: calc(100vw - 1.5rem); }

/* Original Zeile 39429: Legt das Erscheinungsbild und/oder die Anordnung des bezeichneten Elements fest. */
#loginOutDiv .underTabClass { padding: 1.2rem .85rem; }

}
/* PDF-Ausgabe: Quartalsabschluss im linken Auswahlbereich */

/* Gemeinsame kompakte Abmessungen */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData)
:is(#lastQuarterFinishID, #showCloseTextID) {
    box-sizing: border-box;
    min-height: 20px;
    padding: 2px 7px;
    border-radius: 3px;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    white-space: nowrap;
}

/* Button: noch nicht abgeschlossen */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData)
#lastQuarterFinishID.finalLinkPDFShow {
    display: inline-block;
    width: auto;
    height: 21px !important;
    margin-right: 4px;
    padding: 1px 7px;
    border: 1px solid var(--le-action-green) !important;
    background-color: var(--le-action-green) !important;
    color: #fff !important;
    font-weight: 600;
    cursor: pointer;
}

#modulChoiseEmployeesOut:has(#modulPrintEmploeesData)
#lastQuarterFinishID.finalLinkPDFShow:hover {
    background-color: var(--le-action-green-hover) !important;
}

/* Button ausgeblendet: abgeschlossen oder nicht möglich */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData)
#lastQuarterFinishID.finalLinkPDF {
    display: none;
}

/* Bereits abgeschlossen */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData)
#showCloseTextID.hideShowCloseTextShow {
    display: inline-block;
    background-color: #e5f3e9;
    color: #245b38;
    border: 1px solid #b7d8c1;
}

/* Aktuelles Quartal: Abschluss nicht möglich */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData)
#showCloseTextID.hideShowCloseTextError {
    display: inline-block;
    background-color: #edf2f6;
    color: #40576b;
    border: 1px solid #c7d4df;
}

/* Kein Statustext, solange der Abschlussbutton angezeigt wird */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData)
#showCloseTextID.hideShowCloseText {
    display: none;
}


/* Quartalsabschluss PDF-Ausgabe: ausschließlich lokale Feinkorrektur.
   Grundlage: funktionierende modernResponsive(20260922-090333).css. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #showCloseTextID:is(.hideShowCloseTextShow, .hideShowCloseTextError) {
    box-sizing: border-box;
    width: 145px;
    min-height: 21px;
    padding: 2px 8px;
    text-align: center;
    line-height: 16px;
    white-space: nowrap;
}
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #lastQuarterFinishID.finalLinkPDFShow {
    box-sizing: border-box;
    height: 21px !important;
    padding: 1px 7px;
    font-size: 11px !important;
    line-height: 16px;
}
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) .helpLinkPDF {
    top: 0;
    margin-right: 7px;
}

/* PDF-Ausgabe: Feinkorrektur nach neuModul339 – nur Quartalsabschluss. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #showCloseTextID:is(.hideShowCloseTextShow, .hideShowCloseTextError) {
    width: 160px;
    min-width: 160px;
    text-align: center;
}
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #showCloseTextID.hideShowCloseTextError {
    background-color: #f5df92;
    border-color: #d4b34c;
    color: #53420f;
}
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #lastQuarterFinishID.finalLinkPDFShow {
    width: 160px;
    min-width: 160px;
    background-color: var(--le-action-green) !important;
    border-color: var(--le-action-green) !important;
}

/* Quartalsabschluss – Feinkorrektur zu neuModul340; nur PDF-Ausgabe. */
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #lastQuarterFinishID.finalLinkPDFShow {
    background-color: var(--errorGreen) !important;
    border-color: var(--errorGreen) !important;
    color: #111 !important;
}
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #showCloseTextID:is(.hideShowCloseTextShow, .hideShowCloseTextError) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    min-width: 160px;
    height: 21px;
    min-height: 21px;
    padding: 0 7px;
    line-height: normal;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
}
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #showCloseTextID.hideShowCloseTextShow {
    background-color: #ffcc00;
    border-color: #d2a500;
    color: #282000;
}
#modulChoiseEmployeesOut:has(#modulPrintEmploeesData) #showCloseTextID.hideShowCloseTextError {
    background-color: #f44336;
    border-color: #cb3025;
    color: #fff;
}

/* PDF-Ausgabe: Hinweisfenster Quartalsabschluss, ausschließlich eigene Inhaltsklasse. */
#textBoxID:has(> #textBoxInBottomID.pdfQuarterCloseInfo) {
    border-color: #27638f;
    background-color: #eaf3fa;
}
#textBoxID:has(> #textBoxInBottomID.pdfQuarterCloseInfo) #textBoxInTopID {
    background-color: #245e8b;
    color: #fff;
}
#textBoxID:has(> #textBoxInBottomID.pdfQuarterCloseInfo) #textBoxHeadTextID {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}
#textBoxID > #textBoxInBottomID.pdfQuarterCloseInfo {
    box-sizing: border-box;
    width: 100%;
    max-height: 400px;
    overflow: auto;
    padding: 12px 14px;
    background-color: #eaf3fa;
    color: #203b52;
    font-size: 13px;
    line-height: 1.5;
    white-space: normal;
}

/* Quartalsabschluss: Textfarbe gegen geerbte helle Schrift absichern. */
#textBoxInBottomID.pdfQuarterCloseInfo,
#textBoxInBottomID.pdfQuarterCloseInfo :is(div, p, span, li, ul, ol, b, strong) {
    color: #203b52 !important;
}
#textBoxInBottomID.pdfQuarterCloseInfo {
    background-color: #eaf3fa !important;
    font-size: 13px !important;
    line-height: 1.5;
}

/* PDF-Ausgabe: ausschließlich Schließen-Symbol des Quartalsabschluss-Hinweises. */
#textBoxID:has(> #textBoxInBottomID.pdfQuarterCloseInfo) .textBoxTopCloseIconClass {
    margin-right: 4px !important;
    filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.85));
}

#userExpertiseOut .userExpertiseRowDownRightClass {
    width: max-content;
    flex: 0 0 auto;
    margin-left: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: .25rem;
}

#userExpertiseOut .userExpertiseRowDownRightClass > .showSelectClassExpert,
#userExpertiseOut .userExpertiseRowDownRightClass > .helpAllExpert {
    position: static;
    margin: 0;
}

#userExpertiseOut .userExpertiseRowDownRightClass > .showSelectClassExpert {
    flex: 0 0 auto;
}

#userExpertiseOut .userExpertiseRowDownRightClass > .helpAllExpert {
    flex: 0 0 auto;
}

/* Fähigkeiten: Auswahl und Hinweise gemeinsam rechts ausrichten */
#userSkillsOut .userSkillsRowDownRightClass {
    width: max-content;
    flex: 0 0 auto;
    margin-left: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: .25rem;
}

/* Auswahlfeld und Hinweise nehmen am Flex-Layout teil */
#userSkillsOut .userSkillsRowDownRightClass > .showSelectClass,
#userSkillsOut .userSkillsRowDownRightClass > .helpAll {
    position: static;
    margin: 0;
    flex: 0 0 auto;
}

/* Manager → Kenntnisse Gruppen */
.userExpertiseRowDownRightClass:has(> .showSelectClassExpert2) {
    width: max-content;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.userExpertiseRowDownRightClass > .showSelectClassExpert2 {
    position: static;
    flex: 0 0 auto;
}

/* Karenzzeit-Hinweis in Kenntnisse und Fähigkeiten vollständig darstellen. */
#modulTopShowDataSelect:has(> .backgroundMessageQuartal) {
    display: block !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: 110px !important;
    margin-bottom: .25rem !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#modulTopShowDataSelect > .backgroundMessageQuartal {
    position: static !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: .45rem .65rem !important;
    overflow: visible !important;
    white-space: normal !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: var(--le-text-heading) !important;
    background-color: var(--le-summary-bg) !important;
    border: var(--le-border-normal) solid var(--le-line-strong) !important;
    border-radius: var(--le-radius-small) !important;
}

#modulTopShowDataSelect > .backgroundMessageQuartal * {
    font-size: inherit !important;
    line-height: inherit !important;
}

#modulTopShowDataSelect:has(> .backgroundMessageQuartal) > p:not(.backgroundMessageQuartal) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#modulTopShowDataSelect:has(> .backgroundMessageQuartal) + #modulTopShowData {
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
}


/* Zertifikate > Datenimport > externes Zertifikat auswählen:
   Geometrie des OCR-/Text-Overlays. Der mittlere Bereich bleibt transparent.
   Der Kopfstil kommt ausschließlich aus .adminEvaluationInTop. */
#adminEvaluationTopOutIDContent.adminEvaluationTopOutTrans {
    box-sizing: border-box !important;
    position: absolute !important;
    inset: auto !important;
    left: .7rem !important;
    right: .7rem !important;
    top: 5px !important;
    bottom: 1.6rem !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    background: transparent !important;
    overflow: hidden !important;
    z-index: 31 !important;
}

#adminEvaluationTopOutIDContent.adminEvaluationTopOutTrans
    > .adminEvaluationTopLeftWhite,
#adminEvaluationTopOutIDContent.adminEvaluationTopOutTrans
    > .adminEvaluationTopRightWhite2,
#adminEvaluationTopOutIDContent.adminEvaluationTopOutTrans
    > .adminEvaluationTopRightWhite {
    box-sizing: border-box !important;
    position: relative !important;
    top: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
}

#adminEvaluationTopOutIDContent.adminEvaluationTopOutTrans
  > #trainingLeftOverlay3.adminEvaluationTopLeftWhite{
  height: calc(100% - 12px) !important;
  left: -5px !important;
  flex: 0 0 calc(35.3em - 2px) !important;
  max-width: calc(35.3em - -2px) !important;
  }

#adminEvaluationTopOutIDContent.adminEvaluationTopOutTrans
  > #trainingRightOverlay3.adminEvaluationTopRightWhite  {
  height: calc(100% - 12px) !important;
  left: -11px !important;
}

#adminEvaluationTopOutIDContent.adminEvaluationTopOutTrans
    > .adminEvaluationTopLeftWhite {
    flex: 0 0 calc(35.3em - 7px) !important;
    width: calc(35.3em - 7px) !important;
    max-width: calc(35.3em - 3px) !important;
    left: 0 !important;
}

#adminEvaluationTopOutIDContent.adminEvaluationTopOutTrans
    > .adminEvaluationTopMiddleExtern {
    box-sizing: border-box !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    flex: 0 0 35.8em !important;
    width: 35.8em !important;
    max-width: 35.8em !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    overflow: visible !important;
    pointer-events: none !important;
}

#adminEvaluationTopOutIDContent.adminEvaluationTopOutTrans
    > .adminEvaluationTopRightWhite2,
#adminEvaluationTopOutIDContent.adminEvaluationTopOutTrans
    > .adminEvaluationTopRightWhite {
    flex: 0 0 calc(38.8em + 8px) !important;
    width: calc(38.8em + 8px) !important;
    max-width: calc(38.8em + 8px) !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    left: -8px !important;
}

#adminEvaluationTopOutIDContent #butExternCloseContent {
    margin-left: 5px !important;
}

#adminEvaluationTopOutIDContent #adminEvaluationInTopLeftIDContent,
#adminEvaluationTopOutIDContent #adminEvaluationInTopRightIDContent {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 0 var(--ui-control-height) !important;
    width: 100% !important;
    min-height: var(--ui-control-height) !important;
    height: var(--ui-control-height) !important;
    margin: 0 !important;
    padding: .3rem .45rem !important;
    align-items: center !important;
}

#adminEvaluationTopOutIDContent #allExpCheckSelectFormLeftIDContent,
#adminEvaluationTopOutIDContent #allExpCheckSelectFormRightIDContent {
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* Einheitlicher Portalstil für alle sichtbaren Container dieser Modulgruppe.
   Seitenspezifische Regeln dürfen nur Geometrie und Verhalten ergänzen. */
#adminEvaluationTopOutID.adminEvaluationTopOut #allExpCheckSelectFormLeftID,
#adminEvaluationTopOutID.adminEvaluationTopOut #allExpCheckSelectFormID,
#adminEvaluationTopOutID.adminEvaluationTopOut #allExpCheckSelectFormRightID,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut #allExpCheckSelectFormLeftIDKey,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut #allExpCheckSelectFormIDKey,
#adminEvaluationTopOutIDKey.adminEvaluationTopOut #allExpCheckSelectFormRightIDKey,
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick > .adminEvaluationTopLeft,
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick > .adminEvaluationTopRight2,
#adminEvaluationExternTopOutID.adminEvaluationTopOutClick > .adminEvaluationTopRight,
#adminEvaluationTopOutIDContent.adminEvaluationTopOutTrans > .adminEvaluationTopLeftWhite,
#adminEvaluationTopOutIDContent.adminEvaluationTopOutTrans > .adminEvaluationTopRightWhite2,
#adminEvaluationTopOutIDContent.adminEvaluationTopOutTrans > .adminEvaluationTopRightWhite {
    background: var(--le-container-background) !important;
    border: var(--le-container-border-width) solid var(--le-container-border-color) !important;
    border-radius: var(--le-container-radius) !important;
    box-shadow: var(--le-container-shadow) !important;
}

/* Einheitlicher Portalstil für alle Modul-Kopfzeilen.
   Seitenspezifische Regeln dürfen nur Maße, Position und Sichtbarkeit ergänzen. */
.adminEvaluationInTop,
.adminEvaluationInTopNoShow {
    background: var(--le-section-header-bg) !important;
    color: var(--le-section-header-text) !important;
    font-family: var(--le-font-family-heading) !important;
    font-size: var(--le-font-base) !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    border: 0 !important;
    border-left: 3px solid var(--le-section-header-border) !important;
    border-bottom: var(--le-border-normal) solid var(--le-section-header-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}