body{
  background-color: #0a4a24;
  font-size: 10pt;
}

select{
  font-family: var(--bs-body-font-family), "Font Awesome 6 Free";
}

.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.panel-login{
    /*margin-top: 50px; removed by #279 */
}

.panel-body{
    padding-left: 30px;
}

.actionbuttons{
    margin-bottom: 10px;
}

tr.lighttext{
    color: gray;
}

th.center{
    text-align: center;
}

td.shaded {
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent);
    background-size: 70px 70px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}

td.shaded-warning{/* Warning */
  background-image: linear-gradient(135deg, rgba(255, 243, 205, 0.56) 25%, transparent 25%, transparent 50%, rgba(255, 243, 205, 0.56) 50%, rgba(255, 243, 205, 0.56) 75%, transparent 75%, transparent);
  
  background-size: 70px 70px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}
td.shaded-danger{/* Danger */
  background-image: linear-gradient(135deg, rgba(248, 215, 218, 0.56) 25%, transparent 25%, transparent 50%, rgba(248, 215, 218, 0.56) 50%, rgba(248, 215, 218, 0.56) 75%, transparent 75%, transparent);
  background-size: 70px 70px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}
td.shaded-primary{/* Primary */
  background-image: linear-gradient(135deg, rgba(207, 226, 255, 0.56) 25%, transparent 25%, transparent 50%, rgba(207, 226, 255, 0.56) 50%, rgba(207, 226, 255, 0.56) 75%, transparent 75%, transparent);  
  background-size: 70px 70px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}
td.shaded-success{/* Success */
  /* Success */
  background-image: linear-gradient(135deg, rgba(209, 231, 221, 0.56) 25%, transparent 25%, transparent 50%, rgba(209, 231, 221, 0.56) 50%, rgba(209, 231, 221, 0.56) 75%, transparent 75%, transparent);
  background-size: 70px 70px;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545 !important;
  }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
  }
  .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
  }
  .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
  }
  .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
  }
  .btn-outline-danger:disabled, .btn-outline-danger.disabled {
    color: #dc3545;
    background-color: transparent;
  }

  .btn-outline-primary{
      color:#0d6efd;
      border-color:#0d6efd
  }
  .btn-outline-primary:hover{
    color:#fff;
    background-color:#0d6efd;
    border-color:#0d6efd
  }

  .btn-outline-success{color:#198754;border-color:#198754}.btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}


  td{
    vertical-align: middle !important;
  }

  td.table-td-belegungsplan{
    width: 100px;
  }

  td.table-td-belegungsplan-time{
    width: 120px;
  }

  .widescreen-table-belegungsplan{
    width: 60px;
  }
  .widescreen-table-belegungsplan-time{
    width: 45px;
  }

  .widescreen-table{
    padding: 0px;
  }

  span.HistoryData{
    font-size: 10pt;
    color: gray;
    
  }

  .tableFixHead{
    overflow: auto;
    height: 750px; 
  }
  .tableFixHead thead th {
    position: sticky; top: 0; z-index: 1;
  }

  /*
  .widescreen-tableFixHead{
    overflow: auto;
    height: 750px; 
  }
  .widescreen-tableFixHead thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: white;

  }
  */

  .toggle label {
    position: relative; 
    display: inline-block;
    width: 10em;
    height: 2.5em;
    margin-top: -20px;
  }

  
  .toggle input {
    display: none;
  }
  
  .toggle  .slider {    /* Grundfläche */
    position: absolute;
    cursor: pointer;
    top: 1.1em; 
    left: 3em;
    width: 4em;
    height: 2.1em;
    background-color: #c32e04; /* red */
    transition: all .3s ease-in-out;
    border-radius: 1em;  
  }
  
  .toggle  .slider:before {  /* verschiebbarer Button */
    position: absolute;
    content: "";
    height: 1.6em;
    width: 1.6em;
    left: 0.2em;
    bottom: 0.2em;
    background-color: white;
    border-radius: 50%;
    transition: all .3s ease-in-out;
  }
  
  .toggle input:checked + .slider {
    background-color: #5a9900; /* green */
  }
  
  .toggle input:focus + .slider {
    background-color:pink;	
    box-shadow: 0 0 1px #5a9900;
  }
  
  .toggle  input:checked + .slider:before {
    transform: translateX(1.9em);
  }
  
  .text  .slider:after {  /* Text vor dem FlipFlop-Schalter */
    position: absolute;
    content: "R";
    color: #c32e04;
    font-weight: bold;
    height: 1.6em;
    left: -1.2em;
    bottom: 0.2em;
  }

  .text input:checked + .slider:after {  /* Text hinter dem FlipFlop-Schalter */
    position: absolute;
    content: "B";
    color: #5a9900;
    left: 4.5em;
  }

.selectTableDisabled{
  text-decoration: line-through wavy;
}


.time-line {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 0, 0, 0.5);
  z-index: 1;
}