/* Neueinstellung #f3606f  */
/* Neueinstellung - Probezeit #f6f9f8 */
/* Offen #ffd7cb */
/* Laufend in der Beratung #ffeebe */
/* In Bearbeitung #ffffcb */
/* Laufend erledigt #caffca */
/* Laufend ohne bAV #c1fb8d */


.status-1 {
  background-color: #f71b31 !important;
  border-color: #d6d9da !important;
  font-weight: 600 !important;
  color: white !important;
}
.status-2 {
  background-color: #f71b31 !important;
  border-color: #d6d9da !important;
  font-weight: 600 !important;
  color: white !important;
}
.status-3 {
  background-color: #f71b31 !important;
  border-color: #d6d9da !important;
  font-weight: 600 !important;
  color: white !important;
}
.status-4 {
  background-color: yellow !important;
  border-color: #d6d9da !important;
  font-weight: 600 !important;
  color: black !important;
}
.status-5 {
  background-color: yellow !important;
  border-color: #d6d9da !important;
  font-weight: 600 !important;
  color: black !important;
}
.status-6 {
  background-color: #68f768 !important;
  border-color: #d6d9da !important;
  font-weight: 600 !important;
  color: black !important;
}
.status-7 {
  background-color: #68f768 !important;
  border-color: #d6d9da !important;
  font-weight: 600 !important;
  color: black !important;
}
.status-8 {
  background-color: yellow !important;
  border-color: #d6d9da !important;
  font-weight: 600 !important;
  color: black !important;
}
.status-9 {
  background-color: yellow !important;
  border-color: #d6d9da !important;
  font-weight: 600 !important;
  color: black !important;
}
.status-10 {
  background-color: yellow !important;
  border-color: #d6d9da !important;
  font-weight: 600 !important;
  color: black !important;
}
.status-11 {
    background-color: #f71b31 !important;
    border-color: #d6d9da !important;
    font-weight: 600 !important;
    color: white !important;
}


.alert.alert-warning {
    color: #4f3100;
    background: #ffff00;  /* Yellow */
}


tr.selected {
    background: #057513 !important;
}

.btn-container {
    display: flex;
    flex-wrap: wrap; /* bricht auf neue Zeilen */
    gap: 0.5rem; /* Abstand zwischen Buttons */
}

.btn-container .btn {
    flex: 1 1 auto; /* wächst, aber nicht kleiner als Inhalt */
    white-space: nowrap; /* verhindert Zeilenumbruch im Button */
    text-align: center; /* optional: zentrierter Text */
}

/* Blinkender Button für Personalstelle */
.personal-button {
  color: white;
  animation: glowing 1300ms infinite;
}
@keyframes glowing {
  0% { background-color: #e7061d ; box-shadow: 0 0 3px #e7061d ; }
  50% { background-color: #f18a5a ; box-shadow: 0 0 15px #f18a5a ; }
  100% { background-color: #e7061d ; box-shadow: 0 0 3px #e7061d ; }
}

/* Blinkender Button für Personalstelle */
.blinking-warning {
  animation: blinkingText 1500ms infinite;
}
@keyframes blinkingText {
  0% { color: #e7061d}
  25% { color: rgb(255, 123, 0)}
  50% { color: rgb(230, 185, 61)}
  60% { color: #f18a5a}
  98% { color: red}
  100% { color: #e7061d}
}

/* Blinkender Button für Personalstelle */
.blinking-warning-dark {
  animation: blinkingTextDark 1500ms infinite;
}
@keyframes blinkingTextDark {
  0% { color: #94000f}
  25% { color: rgb(161, 80, 4)}
  50% { color: rgb(199, 150, 17)}
  60% { color: #f3763d}
  98% { color: rgb(228, 10, 10)}
  100% { color: #c20518}
}

.text-blinking-red {
    font-weight: bold;
    animation: blink-red 1500ms infinite;
}
@keyframes blink-red {
    0% { color: #e7061d; }
    33% { color: #f18a5a; }
    66% { color: #f0dca4; }
    100% { color: #e7061d; }
}
/* AJAX-Loader */
#ajaxoverlay
{
    opacity: 0.4;
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    width: 100%;
    z-index: 9999;
    text-align: center;
}

/* #ajaxoverlay img {
    position:  absolute;
    top: 20%;
} */
#loaderText {
  position:  absolute;
  /* display: none; */
  top: 20%;
  margin-left: -15%;
}

#loaderText h4 {
  color: aqua;
}

ul.collapse-level-2 a.nav-link {
  font-size: small !important;
  word-break: break-all;
}

ul.collapse-level-3 a.nav-link {
  margin-left: 1em !important;
  font-size: smaller !important;
  word-break: break-all;
}

.self-invalid {
  border-color: #f95851 !important;
  color: #f83f37  !important;
}

.self-success {
  border-color: #23A538 !important;
  color: #23A538  !important;
}
span.self-success, span.self-invalid {
  font-size: 0.83rem;
}
input[readonly], input[disabled], select[disabled] {
  background-color: #eeeeef !important;
  /* border-color: #d6d9da !important; */
  color:#495057 !important;
}

.option-starttext {
  font-weight: bold;
}

.option-leer {
  font-size: 0.2em;
}

.bav-ueberschrift {
  margin-bottom: 9px;
  margin-top: 7px;
}

.option-trenner {
  font-size: 0.3pt;
  background-color: #6ed9e5;
}

hr.hr-secondary {
    height: 2px;
    background-color: #8d8989;
    filter: contrast(200%) blur(0.6px);
    margin: 25px 0px;
    /* border-top: 2px solid #9e9e9e; */
}

.btn-success-hover-outline {
    background-color: #28a745;
    color: #fff;
    border: 1px solid #198754;
    transition: all 0.2s ease;
}

.btn-success-hover-outline:hover,
.btn-success-hover-outline:focus {
    background-color: #fff;
    color: #198754;
    border-color: #198754;
}

.btn-danger-hover-outline {
  background-color: #ff2f26; /* Bootstrap Danger */
  color: #fff;
  border: 1px solid #dc3545;
  transition: all 0.2s ease;
}

.btn-danger-hover-outline:hover,
.btn-danger-hover-outline:focus {
  background-color: #fff;
  color: #dc3545;
  border-color: #dc3545;
}

@media (min-width: 1199px) {
  .dropdown-menu{
    margin-left: -7px;
  }
}

@media (max-width: 1199px) {
  .wartung-login {
    padding-top: 175px !important;
  }
}

@media (max-width: 525px) {
  .wartung-login {
    padding-top: 205px !important;
  }
}

@media (max-width: 1890px) {
  .colme {
    height: 2.9em;
  }
}

@media (max-width: 1559px) {
    .colme-1 {
        height: 2.9em;
    }
}

@media (max-width: 1351px) {
    .colme-2 {
        height: 2.9em;
    }
}