@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.iitr8bszy4.bundle.scp.css';
@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.bundle.scp.css';

/* /Components/Aufgaben/Aufgaben.razor.rz.scp.css */
.ButtonInsideTextInput[b-1gfd656lie] {
  position: relative;
}
.ButtonInsideTextInput:has(.mdi-delete)[b-1gfd656lie]  .AufgabeText {
  padding-right: 25px;
}
.ButtonInsideTextInput:has(.mdi-sort)[b-1gfd656lie]  .AufgabeText {
  padding-right: 50px;
}
.ButtonInsideTextInput:has(.mdi-cancel)[b-1gfd656lie]  .AufgabeText {
  padding-right: 75px;
}
.ButtonInsideTextInput .Buttons[b-1gfd656lie] {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
}
/* /Components/Aufgaben/Aufgabenkategorien.razor.rz.scp.css */
.aufgabenkategorie-drag-over[b-b0nlqyrcvh] {
  border: 1px solid #7fabb5;
}

#AufgabenkategorieList > div[b-b0nlqyrcvh] {
  margin-bottom: 30px;
}
/* /Components/Common/BigDottedButton.razor.rz.scp.css */
.BigDottedButton[b-ztylccme8g] {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  padding: 16px;
  border: 1px dashed #00576c;
  background: #F7F9FA;
  text-align: center;
  color: #00576c;
  font-weight: 600;
}
.BigDottedButton:hover[b-ztylccme8g] {
  background: rgba(85, 144, 157, 0.2);
}
.BigDottedButton:active[b-ztylccme8g] {
  background: rgba(85, 144, 157, 0.4);
}
.BigDottedButton .Subtitle[b-ztylccme8g] {
  font-size: 16px;
  font-weight: 400;
}
.BigDottedButton[b-ztylccme8g]  svg {
  width: 48px;
  height: 48px;
}
.BigDottedButton[b-ztylccme8g]  svg path {
  fill: #00576c;
}
/* /Components/Common/Card.razor.rz.scp.css */
.Card[b-kbwvkzu88c] {
  padding: 20px;
  background: #FFFFFF;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.13);
  border-radius: 8px;
}
/* /Components/Common/DeleteIconButton.razor.rz.scp.css */
.Fade[b-yi16yy7smv] {
  animation: fadeIn-b-yi16yy7smv 1s;
}

.DeleteConfirm[b-yi16yy7smv] {
  color: #FF7279 !important;
}

@keyframes fadeIn-b-yi16yy7smv {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* /Components/Common/DropDownButton.razor.rz.scp.css */
.btn-group .PPButton--secondary.dropdown-toggle-split[b-iv0bnbi9wx] {
  border-left: 1px solid #00576c;
}
.btn-group .dropdown-toggle-split[b-iv0bnbi9wx] {
  border-left: 1px solid white;
}

.PPButton[b-iv0bnbi9wx] {
  margin: 0;
  margin-bottom: 8px;
  min-width: 0;
}
.PPButton.dropdown-toggle-split[b-iv0bnbi9wx] {
  padding-left: 8px;
  padding-right: 8px;
}

.dropdown-menu[b-iv0bnbi9wx] {
  background-color: rgb(241, 239, 240);
  font-weight: 400;
  font-size: 16px;
  padding: 0px;
}
.dropdown-menu[b-iv0bnbi9wx]  li {
  list-style: none !important;
  margin: 8px 4px;
  cursor: pointer;
}
.dropdown-menu[b-iv0bnbi9wx]  li:hover {
  background-color: #F7F9FA;
}
.dropdown-menu[b-iv0bnbi9wx]  li .dropdown-item {
  padding: 0;
}
.dropdown-menu[b-iv0bnbi9wx]  li .dropdown-item:hover {
  background: unset;
}
.dropdown-menu[b-iv0bnbi9wx]  li.Danger {
  color: #9B084A;
}
.dropdown-menu[b-iv0bnbi9wx]  li.Danger.HorizontaleLinie {
  padding-top: 8px;
}
.dropdown-menu[b-iv0bnbi9wx]  li.Danger svg path {
  fill: #9B084A;
}
.dropdown-menu[b-iv0bnbi9wx]  li svg {
  width: 16px;
}
/* /Components/Common/EmailVersandForm.razor.rz.scp.css */
.EmailTextEditor[b-mk2ir2x6u7] {
  position: relative;
}
[b-mk2ir2x6u7] .EmailTextEditor:has(trix-toolbar.active) {
  /*Das Mailvorlage Icon soll runtergeschoben werden, sobald die Toolbar vom Editor angezeigt wird*/
}
[b-mk2ir2x6u7] .EmailTextEditor:has(trix-toolbar.active) i {
  top: 30px;
}
.EmailTextEditor i[b-mk2ir2x6u7] {
  position: absolute;
  top: 10px;
  right: 10px;
}
.EmailTextEditor textarea[b-mk2ir2x6u7] {
  padding-right: 30px;
  scrollbar-width: thin;
}
/* /Components/Common/Layout.razor.rz.scp.css */
.ModalBackground[b-uawka043yg] {
  display: block;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.ErrorPage.ErrorPageModal[b-uawka043yg] {
  background-color: #fefefe;
  margin: 5% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  max-width: 1200px;
}
/* /Components/Common/ModalHeader.razor.rz.scp.css */
.ModalHeader[b-11eq0z3vf8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
/* /Components/Common/NotizenImJahresverlauf/MitarbeiterNotizEditor.razor.rz.scp.css */
.Modal__actions[b-wk41w0cit0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  gap: 12px;
}

.DateField[b-wk41w0cit0] {
  position: relative;
}
.DateField[b-wk41w0cit0]  input[type=text] {
  width: 100%;
}
.DateField .DateField__icon[b-wk41w0cit0] {
  position: absolute;
  cursor: pointer;
  right: 8px;
  top: 4px;
  width: 20px;
  height: 20px;
}
/* /Components/Common/SortableList/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/
[b-m34wg8tbwy] .sortable-ghost {
  visibility: hidden;
}

[b-m34wg8tbwy] .sortable-fallback {
  opacity: 1 !important;
}
/* /Components/Common/Wizard/Wizard.razor.rz.scp.css */
.disabled[b-p3vlvmu5zs] {
  pointer-events: none;
  opacity: 0.2;
}

.mobile-navigation-overlay[b-p3vlvmu5zs] {
  position: fixed;
  top: 100px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1050;
  display: none;
}
.mobile-navigation-overlay.show[b-p3vlvmu5zs] {
  display: block;
}

[b-p3vlvmu5zs] .mobile-navigation-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  max-width: 400px;
  height: 100%;
  background-color: white;
  padding: 20px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
}

.NavToggle__bar1[b-p3vlvmu5zs] {
  background-color: #55909d;
}
/* /Components/Common/Wizard/WizardNavigation.razor.rz.scp.css */
.Navigation[b-fib8pky0dk] {
  position: sticky;
  top: 0px;
  padding-top: 10px;
  margin-top: -10px;
  background-color: white;
  font-size: 14px;
}
.Navigation ul[b-fib8pky0dk] {
  padding: 0;
}
.Navigation li[b-fib8pky0dk] {
  list-style-type: none;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin: 10px 0px;
  padding: 5px 2px;
}
.Navigation li.active[b-fib8pky0dk] {
  color: #00576c;
}
.Navigation li.active[b-fib8pky0dk]  span {
  background-color: #55909d;
}
.Navigation li.active[b-fib8pky0dk]  span svg {
  width: 16px;
}
.Navigation li.active[b-fib8pky0dk]  span svg path {
  fill: #ffffff;
}
.Navigation li.completed[b-fib8pky0dk]  svg {
  width: 16px;
}
.Navigation li.completed[b-fib8pky0dk]  svg path {
  fill: #ffffff;
}
.Navigation li.done[b-fib8pky0dk] {
  color: #6C6565;
}
.Navigation li.done[b-fib8pky0dk]  span {
  background-color: #6C6565;
  color: #f1eff0;
}
.Navigation li.cursor-pointer:hover[b-fib8pky0dk] {
  background-color: #E5E5E5;
  border-radius: 20px;
}
.Navigation li:not(:last-child)[b-fib8pky0dk]::after {
  content: "";
  position: absolute;
  margin-top: 45px;
  left: 15px;
  width: 1px;
  height: 8px;
  background-color: #D9D9D9;
}
.Navigation li[b-fib8pky0dk]  span {
  font-size: 16px;
  color: #5B5F63;
  background-color: #D9D9D9;
  width: 26px;
  height: 26px;
  border-radius: 50px;
  border-width: 4px;
  line-height: 100%;
  color: #212529;
  display: flex;
  justify-content: center; /* Horizontal center */
  align-items: center; /* Vertical center */
  font-weight: 300;
  font-size: 16px;
  margin-right: 10px;
}
/* /Components/Kompetenzmodell/Kompetenz.razor.rz.scp.css */
@charset "UTF-8";
.ListItem[b-ah85yxrcdm] {
  margin-bottom: 5px;
}
.ListItem input[b-ah85yxrcdm] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.ListItem .KompetenzenList__SecretContainer[b-ah85yxrcdm] {
  max-height: 0;
  margin: 0;
  overflow: hidden;
  transition: all 0.35s;
  margin-left: 25px;
}
.ListItem .KompetenzenList__SecretContainer li[b-ah85yxrcdm] {
  list-style: disc;
}
.ListItem input:checked ~ .KompetenzenList__SecretContainer[b-ah85yxrcdm] {
  max-height: 100%;
}
.ListItem .ListItem__title[b-ah85yxrcdm] {
  margin: 0;
  cursor: pointer;
  justify-content: space-between;
  /*Textumbruch auf zweiter Zeile einrücken, damit der Text nicht unter dem Icon ist*/
  text-indent: -14px;
  padding-left: 14px;
}

@keyframes bounce-b-ah85yxrcdm {
  25% {
    transform: rotate(90deg) translate(0.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-0.25rem);
  }
}
/* /Components/Kompetenzmodell/KompetenzBereich.razor.rz.scp.css */
.Kompetezbereich[b-nar5t1zdti] {
  padding: 8px;
  border: 1px solid #00576c;
  height: 100%;
}
.Kompetezbereich h5[b-nar5t1zdti] {
  font-size: 20px;
  margin-bottom: 1.5rem;
  padding-right: 100px;
}
/* /Components/Kompetenzmodell/KompetenzbereichIcon.razor.rz.scp.css */
.Icon img[b-2o1lhwg9ru] {
  max-width: 85px;
  max-height: 85px;
  /*
          &.grayscale {
              filter: grayscale(100%);
          }*/
}
/* /Components/Kompetenzmodell/KompeteznmodellAnzeige.razor.rz.scp.css */
.KompetenzmodellAnzeige .top-left[b-gyc8wkk7j0], .KompetenzmodellAnzeige .top-right[b-gyc8wkk7j0] {
  margin-top: 80px;
}
.KompetenzmodellAnzeige .top-center[b-gyc8wkk7j0] {
  padding-bottom: 240px;
}
.KompetenzmodellAnzeige .bottom-left[b-gyc8wkk7j0], .KompetenzmodellAnzeige .bottom-right[b-gyc8wkk7j0] {
  margin-top: -80px;
}
.KompetenzmodellAnzeige .bottom-center[b-gyc8wkk7j0] {
  margin-top: 20px;
}
.KompetenzmodellAnzeige .row [class*=col-]:first-of-type[b-gyc8wkk7j0] {
  padding-left: 0;
}
.KompetenzmodellAnzeige .row [class*=col-]:last-of-type[b-gyc8wkk7j0] {
  padding-right: 0;
}
.KompetenzmodellAnzeige .stern[b-gyc8wkk7j0] {
  margin-top: -220px;
  /*padding-top:100px;*/
  background-image: url("/images/icons-kompetenzmodell/stern.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
}
/* /Components/Mitarbeiter/Gespraechsbogen/Components/GespraechsThemenBlock.razor.rz.scp.css */
.ThemenBlock[b-7wvv5eosvi] {
  margin-bottom: 3.5em !important;
}
/* /Components/Mitarbeiter/Gespraechsbogen/Gespraechsbogen.razor.rz.scp.css */
.NavigationNotSticky[b-41gdky89z6]  .Navigation {
  position: relative;
}
/* /Components/Mitarbeiter/Portal/Components/KompetenzCard.razor.rz.scp.css */
.KompetenzCard[b-6o44hu6e0i] {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.KompetenzCard__header[b-6o44hu6e0i] {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.KompetenzCard.red[b-6o44hu6e0i] {
  background-color: rgba(183, 65, 40, 0.15);
  color: #B74128;
}
.KompetenzCard.green[b-6o44hu6e0i] {
  background-color: rgba(73, 147, 106, 0.15);
  color: #49936A;
}
.KompetenzCard.blue[b-6o44hu6e0i] {
  background-color: rgba(4, 102, 146, 0.15);
  color: #046692;
}
.KompetenzCard__icon[b-6o44hu6e0i] {
  background: #ffffff;
  border-radius: 60px;
  border-style: solid;
  border-width: 0.5px;
  padding: 5px 0px 5px 0px;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.KompetenzCard__icon img[b-6o44hu6e0i] {
  height: 33.33px;
  object-fit: contain;
  aspect-ratio: 40/33.33;
}
.KompetenzCard__arrow img[b-6o44hu6e0i] {
  width: 30px;
}
.KompetenzCard__title[b-6o44hu6e0i] {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  flex: 1;
  line-height: 130%;
}
.KompetenzCard[b-6o44hu6e0i]  .accordion {
  --bs-accordion-border-width: 0;
  --bs-accordion-border-radius: 0;
}
.KompetenzCard[b-6o44hu6e0i]  .accordion-item {
  margin: 12px 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.85);
  padding-bottom: 8px;
}
.KompetenzCard[b-6o44hu6e0i]  .accordion-button {
  padding: 12px 16px;
  min-height: 0;
  background: transparent;
  display: inline-block;
}
.KompetenzCard[b-6o44hu6e0i]  .accordion-button:not(.collapsed) {
  background: transparent;
  box-shadow: none;
}
.KompetenzCard[b-6o44hu6e0i]  .accordion-button:not(.collapsed) .KompetenzItem__chevron {
  transform: rotate(180deg);
}
.KompetenzCard[b-6o44hu6e0i]  .accordion-button:focus {
  box-shadow: none;
}

.KompetenzItem__headerContent[b-6o44hu6e0i] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.KompetenzItem__title[b-6o44hu6e0i] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  flex: 1;
}
.KompetenzItem__body[b-6o44hu6e0i] {
  padding: 0 16px 16px 16px;
}
.KompetenzItem__body.red[b-6o44hu6e0i] {
  border-top: 2px dotted #B74128;
}
.KompetenzItem__body.green[b-6o44hu6e0i] {
  border-top: 2px dotted #49936A;
}
.KompetenzItem__body.blue[b-6o44hu6e0i] {
  border-top: 2px dotted #046692;
}
.KompetenzItem__content[b-6o44hu6e0i] {
  padding: 8px 8px 0 0;
}
.KompetenzItem__description[b-6o44hu6e0i] {
  font-size: 14px;
}

.MerkmalList[b-6o44hu6e0i] {
  list-style: disc;
  padding-left: 30px;
}
.MerkmalList__item[b-6o44hu6e0i] {
  color: black;
  margin-bottom: 4px;
}
/* /Components/Mitarbeiter/Portal/Components/KompetenzPol.razor.rz.scp.css */
[b-l3pedf2qea] .KompetenzPol__header .accordion-button {
  padding: 0;
}
[b-l3pedf2qea] .KompetenzPol__header .accordion-button:not(.collapsed) .KompetenzPol__toggle svg {
  transform: rotate(180deg);
}
.KompetenzPol__title[b-l3pedf2qea] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.KompetenzPol__toggle svg[b-l3pedf2qea] {
  transition: transform 0.2s ease;
}
/* /Components/Mitarbeiter/Portal/Components/MitarbeiterNotizenAnzeige.razor.rz.scp.css */
/* =========================
   Search Input with Clear Button
========================= */
.search-input-wrapper[b-3fqin38cih] {
  position: relative;
  display: inline-block;
}
.search-input-wrapper input[b-3fqin38cih] {
  padding-right: 30px;
}
.search-input-wrapper .search-clear[b-3fqin38cih] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.65rem;
  opacity: 0.6;
}
.search-input-wrapper .search-clear:hover[b-3fqin38cih] {
  opacity: 1;
}

.DateFilter[b-3fqin38cih] {
  cursor: pointer;
}
.DateFilter__active .Calendar[b-3fqin38cih] {
  background-color: black;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
}
.DateFilter__active .Calendar[b-3fqin38cih]  svg {
  width: 18px;
  height: 18px;
}
.DateFilter__active .Calendar[b-3fqin38cih]  svg path {
  fill: white;
}
/* /Components/Mitarbeiter/Portal/Components/MitarbeiterPortalSection.razor.rz.scp.css */
/* =========================
   Collapsible Section (HxAccordion)
========================= */
.MitarbeiterPortalSection__title[b-nmxiera3ym] {
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
}
.MitarbeiterPortalSection__inner[b-nmxiera3ym] {
  border-top: 0.5px solid #909090;
  margin-top: 16px;
  padding-top: 16px;
}
.MitarbeiterPortalSection[b-nmxiera3ym]  .accordion-button {
  padding: 0;
  min-height: 0;
}
.MitarbeiterPortalSection[b-nmxiera3ym]  .accordion-button:not(.collapsed) .MitarbeiterPortalSection__toggle svg {
  transform: rotate(180deg);
}
/* /Components/Mitarbeiter/Portal/Components/MitarbeiterPortalTabs.razor.rz.scp.css */
.MitarbeiterPortalTabs[b-9gwucrge9b] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 0 1.25rem;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

.MitarbeiterPortalTabs__tab[b-9gwucrge9b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 18px;
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 999px;
  color: #111827;
  cursor: pointer;
  transition: all 0.15s ease;
  background: transparent;
  border: none;
}

.MitarbeiterPortalTabs__tab:hover[b-9gwucrge9b] {
  color: #0f172a;
  background: #c8d7da;
}

.MitarbeiterPortalTabs__tab.is-active[b-9gwucrge9b] {
  background: #111827;
  color: #fff;
  font-weight: 700;
  padding: 0 20px;
}

.MitarbeiterPortalTabs__tab.is-active[b-9gwucrge9b],
.MitarbeiterPortalTabs__tab:hover[b-9gwucrge9b] {
  transform: translateY(-1px);
}

@media (max-width: 767.98px) {
  .MitarbeiterPortalTabs[b-9gwucrge9b] {
    gap: 1rem;
    padding: 0 0.75rem;
    flex-wrap: wrap;
  }
  .MitarbeiterPortalTabs__tab[b-9gwucrge9b] {
    font-size: 0.9rem;
    height: 34px;
    padding: 0 14px;
  }
}
/* /Components/Mitarbeiter/Portal/MitarbeiterPortal.razor.rz.scp.css */
/* =========================
   Tokens (colors, spacing)
========================= */
.MitarbeiterPortalHeader[b-yxcwihlej5] {
  background: url("/images/layout/Profile-BG-01.png") center 40%/cover no-repeat;
  height: 140px;
}
.MitarbeiterPortalHeader .MitarbeiterPortalHeader__title[b-yxcwihlej5] {
  margin: 0 0 0.25rem;
  font-weight: 700;
}

/* =========================
   Vergangenes (History)
========================= */
[b-yxcwihlej5] .MitarbeiterPortalVergangenes {
  display: grid;
  gap: 16px;
}

[b-yxcwihlej5] .HistoryItem {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.1);
  overflow: hidden;
  position: relative;
}
[b-yxcwihlej5] .HistoryItem > input[type=checkbox] {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
  pointer-events: none;
}
[b-yxcwihlej5] .HistoryItem__header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  min-height: 56px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(16, 24, 40, 0.08);
  cursor: pointer;
}
[b-yxcwihlej5] .HistoryItem__title {
  margin: 0;
  font-weight: 700;
  color: #0f172a;
}
[b-yxcwihlej5] .HistoryItem__chevron {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  color: #0b6b73;
  transition: transform 0.12s ease, background 0.12s ease;
}
[b-yxcwihlej5] .HistoryItem__chevron:hover {
  transform: translateY(-1px);
}
[b-yxcwihlej5] .HistoryItem__chev--close {
  display: none;
}
[b-yxcwihlej5] .HistoryItem > input[type=checkbox]:checked ~ .HistoryItem__header .HistoryItem__chev--open {
  display: none;
}
[b-yxcwihlej5] .HistoryItem > input[type=checkbox]:checked ~ .HistoryItem__header .HistoryItem__chev--close {
  display: inline;
}
[b-yxcwihlej5] .HistoryItem__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.2s ease, margin-top 0.2s ease, padding 0.2s ease, box-shadow 0.2s ease;
  padding: 0 16px;
}
[b-yxcwihlej5] .HistoryItem > input[type=checkbox]:checked ~ .HistoryItem__content {
  max-height: 2000px;
  opacity: 1;
  padding: 12px 16px 16px;
}

[b-yxcwihlej5] .HistoryGroup {
  padding: 10px 0 6px;
}
[b-yxcwihlej5] .HistoryGroup + ::deep .HistoryGroup {
  border-top: 1px solid rgba(16, 24, 40, 0.06);
}
[b-yxcwihlej5] .HistoryGroup__heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 6px;
  color: #475569;
  font-weight: 600;
}
[b-yxcwihlej5] .HistoryGroup__date {
  color: #6b7280;
  font-weight: 500;
}

[b-yxcwihlej5] .HistoryDocs {
  list-style: none;
  padding: 0;
  margin: 0 0 8px;
}
[b-yxcwihlej5] .HistoryDocs__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
}
[b-yxcwihlej5] .HistoryDocs__icon {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  color: #0b6b73;
}
[b-yxcwihlej5] .HistoryDocs__icon svg {
  width: 18px;
  height: 18px;
}
[b-yxcwihlej5] .HistoryDocs__link, [b-yxcwihlej5] .HistoryDocs__label {
  color: #0f172a;
  font-weight: 600;
  text-decoration: none;
}
[b-yxcwihlej5] .HistoryDocs__link:hover {
  text-decoration: underline;
}
/* /Components/Mitarbeiter/Zwischengespraech/Components/Gespraechsabschluss.razor.rz.scp.css */
.AlleSelektionLabel[b-ks7s17qu4m]:before {
  margin-right: 20px;
}
/* /Components/Mitarbeiter/Zwischengespraech/Components/ZwischengespraechStartseite.razor.rz.scp.css */
[b-i6qqg45g69] .MitarbeiterName {
  height: unset !important;
  margin-bottom: 16px;
}

[b-i6qqg45g69] .Navigation {
  margin-top: 0px;
  padding-top: 0px;
}
/* /Components/Personalentwicklung/Ergebnisprotokoll/ErgebnisprotokollEdit.razor.rz.scp.css */
.NotizenMitarbeiter[b-zbdy2bxfjx] {
  background-color: #F7F9FA;
  padding: 15px;
}
/* /Components/Personalentwicklung/Gespraechsbogen/Components/AuswahlDialogArt.razor.rz.scp.css */
.AuswahlDialogArt[b-ys8dqzd9kf] {
  position: relative;
  border: 1px solid #00576c;
  padding: 8px;
  height: 100%;
  padding-bottom: 170px;
}
.AuswahlDialogArt.selected[b-ys8dqzd9kf] {
  background-color: #F7F9FA;
}
.AuswahlDialogArt:hover[b-ys8dqzd9kf] {
  background-color: #F7F9FA;
  cursor: pointer;
}
.AuswahlDialogArt button[b-ys8dqzd9kf] {
  position: absolute;
  bottom: 5px;
}
.AuswahlDialogArt img[b-ys8dqzd9kf] {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 170px;
}
.AuswahlDialogArt ~ .Navigation[b-ys8dqzd9kf] {
  position: relative !important;
}
/* /Components/Personalentwicklung/Gespraechsbogen/Components/AuswahlFrageEditor.razor.rz.scp.css */
.FrageCheckboxContainer[b-28ckzhwx09] {
  display: inline-block;
  vertical-align: text-top;
}
.FrageCheckboxContainer label[b-28ckzhwx09] {
  margin: 0;
  margin-top: 5px;
}

.FrageTextBoxContainer[b-28ckzhwx09] {
  display: inline-block;
  position: relative;
  width: calc(100% - 45px);
  vertical-align: text-top;
}
.FrageTextBoxContainer[b-28ckzhwx09]  input {
  width: 100%;
}
.FrageTextBoxContainer .EditIcons[b-28ckzhwx09] {
  position: absolute;
  cursor: pointer;
  right: 2px;
  top: 4px;
  background: #F7F9FA;
}
.FrageTextBoxContainer .EditIcons[b-28ckzhwx09]  .mdi {
  font-size: 20px;
}
.FrageTextBoxContainer .EditIcons[b-28ckzhwx09]  div {
  display: inline-block;
}

.AddNewFrageContainer[b-28ckzhwx09] {
  margin-left: 38px;
}
/* /Components/Personalentwicklung/Gespraechsbogen/Components/AuswahlFragen.razor.rz.scp.css */
.AnzeigeAnzahlAusgewaehlteFragen[b-l9xafae8ex] {
  margin-top: 16px;
  padding-top: 4px;
  border-top-width: 1px;
  border-top-style: dashed;
  color: rgb(108, 101, 101);
  font-size: 14px;
  line-height: 150%;
}
.AnzeigeAnzahlAusgewaehlteFragen span[b-l9xafae8ex] {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
/* /Components/Personalentwicklung/Gespraechsbogen/Components/AuswahlZeitperiode.razor.rz.scp.css */
.AuswahlZeitperiode[b-3kp3qw35f9] {
  background-color: #7fabb5;
  padding: 8px;
  cursor: pointer;
  margin-right: 8px;
  color: white;
  width: 150px;
  display: inline;
}
/* /Components/Personalentwicklung/Gespraechsbogen/Components/EinschaetzungArbeitsverhalten.razor.rz.scp.css */
.VerhaltenkatalogVorschau[b-bn7kqralni]  .VerhaltenKriterien {
  padding: 8px;
  border: 1px solid #00576c;
  height: 100%;
}
/* /Components/Personalentwicklung/Gespraechsbogen/Components/EinschaetzungArbeitsverhaltenKompetenzpol.razor.rz.scp.css */
.EinschaetzungArbeitsverhalten[b-pxwkqz5gqf] {
  border: 1px solid #00576c;
  padding: 8px;
}
.EinschaetzungArbeitsverhalten[b-pxwkqz5gqf]  .Icon {
  position: relative;
  top: 0;
  right: 0;
}
.EinschaetzungArbeitsverhalten.disabled[b-pxwkqz5gqf] {
  pointer-events: none;
}

.EinschaetzungRadioButtons[b-pxwkqz5gqf] {
  display: flex;
  flex-direction: column;
}
.EinschaetzungRadioButtons .EinschaetzungRadioButton[b-pxwkqz5gqf] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
  /*input[value="5"] {
      & + .radio-circle {
          border-color: #BAD6E1;
      }

      & + .radio-circle::before {
          background-color: #BAD6E1;
      }
  }

  input[value="4"] {
      & + .radio-circle {
          border-color: #73BBBE;
      }

      & + .radio-circle::before {
          background-color: #73BBBE;
      }
  }

  input[value="3"] {
      & + .radio-circle {
          border-color: #49AB80;
      }

      & + .radio-circle::before {
          background-color: #49AB80;
      }
  }

  input[value="2"] {
      & + .radio-circle {
          border-color: #B5CFA7;
      }

      & + .radio-circle::before {
          background-color: #B5CFA7;
      }
  }

  input[value="1"] {
      & + .radio-circle {
          border-color: #EFE2A4;
      }

      & + .radio-circle::before {
          background-color: #EFE2A4;
      }
  }*/
}
.EinschaetzungRadioButtons .EinschaetzungRadioButton[b-pxwkqz5gqf]  input[type=radio] {
  display: none;
}
.EinschaetzungRadioButtons .EinschaetzungRadioButton .radio-circle[b-pxwkqz5gqf] {
  width: 12px;
  height: 12px;
  display: flex;
  flex: 0 0 12px;
  border-radius: 50%;
  border: 2px solid #7fabb5;
  background-color: #7fabb5;
  position: relative;
  margin-right: 5px;
  margin-top: -16px;
}
.EinschaetzungRadioButtons .EinschaetzungRadioButton .radio-circle[b-pxwkqz5gqf]::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #00576c;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.2s ease-in-out;
}
.EinschaetzungRadioButtons .EinschaetzungRadioButton:hover .radio-circle[b-pxwkqz5gqf] {
  border-color: #00576c !important;
}
.EinschaetzungRadioButtons .EinschaetzungRadioButton:hover .st14[b-pxwkqz5gqf] {
  opacity: 1;
}
.EinschaetzungRadioButtons .EinschaetzungRadioButton input[type=radio]:checked ~ .radio-circle[b-pxwkqz5gqf]::before {
  transform: translate(-50%, -50%) scale(1);
}
.EinschaetzungRadioButtons .EinschaetzungRadioButton .radio-label[b-pxwkqz5gqf] {
  margin-left: 10px;
}
/* /Components/Personalentwicklung/Gespraechsbogen/Components/Gesamteinschaetzung.razor.rz.scp.css */
.GesamteinschaetzungSticky[b-rne7it9w45] {
  padding-top: 25px;
  margin-top: -25px;
}
/* /Components/Personalentwicklung/Gespraechsbogen/Components/GesamteinschaetzungAnzeigeNotiz.razor.rz.scp.css */
[b-oj9ebr4c4n] ul {
  padding-left: 22px !important;
}
/* /Components/Personalentwicklung/Gespraechsbogen/Components/GespraechThemaMitFragen.razor.rz.scp.css */
/* /Components/Personalentwicklung/Gespraechsbogen/Components/Grundauftrag.razor.rz.scp.css */
.AnzeigeGrundauftrag[b-0jmfx8xwuh] {
  margin-top: 16px;
  padding: 8px;
  border: 1px solid #00576c;
}
/* /Components/Personalentwicklung/Gespraechsbogen/Components/GrundauftragAnzeigeGespraechsbogen.razor.rz.scp.css */
span[b-5yggrz1gf4] {
  color: #00576c;
  font-weight: bold;
}

a[b-5yggrz1gf4] {
  color: #00576c;
  text-decoration: underline;
}
/* /Components/Personalentwicklung/Gespraechsbogen/Components/MitarbeiterTitel.razor.rz.scp.css */
.MitarbeiterName[b-lqjly84dbd] {
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: #212529;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  height: 100%;
}
.MitarbeiterName .Titel[b-lqjly84dbd] {
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  color: #6C6565;
  flex-basis: 100%;
  margin-bottom: 4px;
}
/* /Components/Personalentwicklung/Gespraechsbogen/Components/TitelblattAuswahl.razor.rz.scp.css */
.opacity-50[b-zbcnytktdx] {
  opacity: 0.5;
}

.OpenCloseContent[b-zbcnytktdx] {
  max-height: 450px;
}
/* /Components/Personalentwicklung/Gespraechsbogen/Components/Vorbereitungsnotizen.razor.rz.scp.css */
/* /Components/Personalentwicklung/Gespraechsbogen/Gespraechsbogen.razor.rz.scp.css */
@charset "UTF-8";
.TitelblattAuswahl-Preview[b-lprbr8k6ms] {
  background-color: white;
  width: 100%;
  height: 322px;
  position: relative;
}
.TitelblattAuswahl-Preview .TitelblattAuswahl__SubTitle[b-lprbr8k6ms] {
  font-size: 0.8em;
}
.TitelblattAuswahl-Preview .TitelblattAuswahl__Name[b-lprbr8k6ms] {
  position: absolute;
  bottom: 6px;
}

.WhiteBlockContent[b-lprbr8k6ms] {
  /*Dieses Margin wird benötigt, damit der Datepicker immer korrekt angezeigt wird.*/
  margin-bottom: 250px;
}

.ErfassungRueckblick[b-lprbr8k6ms] {
  /*Falls noch kein Content vorhanden ist, braucht es eine gewisse Höhe, damit das Titelblatt korrekt dargestellt wird*/
  min-height: 280px;
}

.GrundauftragFragen[b-lprbr8k6ms] {
  cursor: pointer;
}

.GrundauftragDisabled[b-lprbr8k6ms] {
  color: lightgrey;
}

.ZeitperiodeSelected[b-lprbr8k6ms] {
  background-color: #7fabb5;
}

.MagBogen__Element__Header[b-lprbr8k6ms] {
  padding: 8px;
  background-color: #00576c;
  color: #ffffff;
}

.MagBogen__Element__Content .MagBogen__Element__FrageListe[b-lprbr8k6ms] {
  padding-bottom: 8px;
}
.MagBogen__Element__Content .MagBogen__Element__FrageListe:hover[b-lprbr8k6ms] {
  background-color: #7fabb5;
  color: #ffffff;
}
.MagBogen__Element__Content .MagBogen__Element__Vorbereitungsnotizen[b-lprbr8k6ms] {
  border-left: 1px solid #00576c;
  border-bottom: 1px solid #00576c;
  padding: 8px;
}
.MagBogen__Element__Content .MagBogen__Element__Vorbereitungsnotizen .NotizenTitel[b-lprbr8k6ms] {
  margin-bottom: 1rem !important;
}
.MagBogen__Element__Content .MagBogen__Element__Vorbereitungsnotizen .NotizenText[b-lprbr8k6ms] {
  height: 80px;
}
/* /Components/Personalentwicklung/Mitarbeiter/Components/MitarbeiterUebersichtProzessItem.razor.rz.scp.css */
.ProzessItem[b-ft0vsum2oj] {
  border-bottom: 1px solid #00576c;
  padding-bottom: 16px;
  padding-top: 8px;
}
.ProzessItem:hover[b-ft0vsum2oj] {
  background: #7fabb5;
}
.ProzessItem a[b-ft0vsum2oj] {
  width: 100%;
  display: inline-block;
}
/* /Components/Personalentwicklung/Mitarbeiter/Components/MitarbeiterUebersichtSection.razor.rz.scp.css */
.ContainerHeader[b-h2ma4badi8] {
  background-color: #55909d;
  color: #ffffff;
  padding: 8px;
  cursor: pointer;
}
.ContainerHeader .OpenCloseToggleToggler[b-h2ma4badi8] {
  color: white;
}
.ContainerHeader h3[b-h2ma4badi8] {
  color: #ffffff;
  margin: 0;
}
.ContainerHeader label[b-h2ma4badi8] {
  vertical-align: -webkit-baseline-middle;
  width: 100%;
}

.ContainerContent[b-h2ma4badi8] {
  padding-top: 8px;
}
/* /Components/Personalentwicklung/Mitarbeiter/Components/MitarbeiterUebersichtTile.razor.rz.scp.css */
.Tile[b-hrodk7p4we] {
  border: 1px solid #55909d;
  margin-right: 16px;
}
.Tile .TileHeader[b-hrodk7p4we] {
  padding: 4px;
}
.Tile .TileContent[b-hrodk7p4we] {
  border-top: 1px solid #55909d;
  padding: 4px;
}
/* /Components/Personalentwicklung/Mitarbeiter/MitarbeiterUebersicht.razor.rz.scp.css */
.ProzessItem[b-wm6s66djnh] {
  border-bottom: 1px solid #00576c;
  padding-bottom: 16px;
  padding-top: 8px;
}

.ArchivAnzeige .ArchivAnzeige__Header[b-wm6s66djnh] {
  padding-bottom: 8px;
}
.ArchivAnzeige .ArchivAnzeige__Content[b-wm6s66djnh] {
  border-bottom: 1px solid #00576c;
  margin-bottom: 8px;
}
/* /Components/Personalentwicklung/Stellenbeschreibung/Components/StellenbeschreibungAnzeige.razor.rz.scp.css */
p.title[b-a0ptomp4y2] {
  font-size: 24px;
  font-weight: 700;
  color: #00576c;
}
/* /Components/Personalentwicklung/Ziele/ZielAnzeige.razor.rz.scp.css */
/* /Components/Personalentwicklung/Ziele/ZieleEditorEditZieleInZieltyp.razor.rz.scp.css */
.KompetenzauswahlZiele[b-l8fk8lulat]  .ListItem {
  padding: 0;
  margin: 0;
}
.KompetenzauswahlZiele[b-l8fk8lulat]  .ListItem .ListItem__title {
  text-wrap: wrap;
}
.KompetenzauswahlZiele[b-l8fk8lulat]  .ListItem .KompetenzenList__SecretContainer {
  margin-left: 35px;
}
.KompetenzauswahlZiele[b-l8fk8lulat]  ul {
  padding: 0;
  margin: 0;
}
.KompetenzauswahlZiele[b-l8fk8lulat]  ul li {
  list-style-type: none;
  padding-left: 0px;
}
/* /Components/Personalentwicklung/Ziele/ZieleFuerMehrereMaErstellen.razor.rz.scp.css */
.ZieleFuerMaErfassenContainer[b-llkytc3ilq] {
  border: 1px solid #55909d;
  padding: 8px;
}

.ZieleFuerMaErfassenAnzeigeZeitperiode[b-llkytc3ilq] {
  margin-left: 30px;
}
.ZieleFuerMaErfassenAnzeigeZeitperiode.Error[b-llkytc3ilq] {
  color: red;
}
/* /Components/Personalentwicklung/Ziele/ZielGruppierungAnzeige.razor.rz.scp.css */
.disabled[b-40r2v3l9nc] {
  pointer-events: none;
  opacity: 0.2;
}

.ZieleGruppierung[b-40r2v3l9nc] {
  /*DummyKlasse damit die CSS Generierung funktioniert (disabled wird dynamisch gsetzt)*/
}
/* /Components/Personalentwicklung/Zwischengespraech/Components/AuswahlThemaHinweisCoaching.razor.rz.scp.css */
.coaching-hinweis[b-rdrcokpi06] {
  background: linear-gradient(180deg, #FFFFFF 0%, #F4EEdb 100%);
  border: 0.5px solid #6C6565;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 240px;
}
.coaching-hinweis .illustration-container[b-rdrcokpi06] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.coaching-hinweis .text-container[b-rdrcokpi06] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.coaching-hinweis .text-container .body-text[b-rdrcokpi06] {
  font-size: 14px;
  line-height: 21px;
  color: #212529;
  margin: 0;
}
.coaching-hinweis .coaching-button[b-rdrcokpi06] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  background-color: #ffffff;
  border: 0.5px solid #212529;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 18.4px;
  color: #212529;
  cursor: pointer;
  transition: all 0.3s ease-out;
  width: 100%;
}
.coaching-hinweis .coaching-button:hover[b-rdrcokpi06] {
  background-color: rgb(242.25, 242.25, 242.25);
}
.coaching-hinweis .coaching-button:active[b-rdrcokpi06] {
  transform: translateY(1px);
}
.coaching-hinweis .link-container[b-rdrcokpi06] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.coaching-hinweis .link-container .training-link[b-rdrcokpi06] {
  font-size: 14px;
  line-height: 21px;
  color: #212529;
  text-decoration: underline;
  cursor: pointer;
}
.coaching-hinweis .link-container .training-link:hover[b-rdrcokpi06] {
  color: #00576c;
}
/* /Components/Personalentwicklung/Zwischengespraech/Components/ZwischengespraechStatusBadge.razor.rz.scp.css */
.Wait[b-ntn7xd9sfp]  .badge.text-bg-light {
  color: #B34576 !important;
}
.Wait[b-ntn7xd9sfp]  .badge svg path {
  fill: #B34576 !important;
}

[b-ntn7xd9sfp] .text-bg-warning {
  background-color: #B34576 !important;
  color: white !important;
}
[b-ntn7xd9sfp] .text-bg-warning svg path {
  fill: white !important;
}
/* /Components/Personalentwicklung/Zwischengespraech/Components/ZwischengespraechTypen/DialogMentaleGesundheit/DialogMentaleGesundheitHeader.razor.rz.scp.css */
.header-container[b-kh4kazlqrp] {
  background: linear-gradient(180deg, #FFFFFF 0%, #DBEEF4 100%);
  display: flex;
  align-items: center;
  border-radius: 0 0 10px 10px;
}
.header-container h1[b-kh4kazlqrp] {
  font-size: 40px;
  line-height: 130%;
  color: #00576c;
}
.header-container .illustration[b-kh4kazlqrp] {
  margin: 20px;
  width: 130px;
  height: 130px;
  background: url(images/illustrationen/mentale-gesundheit.png);
  background-size: cover;
}
/* /Components/Personalentwicklung/Zwischengespraech/Components/ZwischengespraechTypen/DialogMentaleGesundheit/DialogMentaleGesundheitStep1.razor.rz.scp.css */
.alert[b-y06afxgeeu] {
  font-size: 16px;
}
/* /Components/Personalentwicklung/Zwischengespraech/ZwischengespraechStartseite.razor.rz.scp.css */
.StartseiteZwischengespraech .StartseiteZwischengespraechDatum[b-ry5g5ju1ot] {
  display: block;
  font-size: 32px;
  margin-bottom: 8px;
}
.StartseiteZwischengespraech .StartseiteZwischengespraechStatus[b-ry5g5ju1ot] {
  color: #6C6565;
}
.StartseiteZwischengespraech .StartseiteZwischengespraechTitel[b-ry5g5ju1ot] {
  display: block;
  font-weight: 600;
  font-size: 32px;
  line-height: 130%;
}
.StartseiteZwischengespraech .StatusTitel[b-ry5g5ju1ot] {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 16px;
}
.StartseiteZwischengespraech h1[b-ry5g5ju1ot] {
  margin: 0;
}
.StartseiteZwischengespraech h3[b-ry5g5ju1ot] {
  font-weight: 400;
}