/* Anpassungen Chorsystem */

.mainZentriert {
  max-width: 400px;
  margin: 2rem auto;
}

/* Button oben rechts für Neues Element */
.obenrechts {
  float: right;
  margin-top: 6px;
}

.form-control:disabled {
  /* quickfix, warum kommt das nicht richtig von BS? */
  background-color: #CED4DA !important;
  color:  #6e7275 !important;
}

/* Summernote Text-Bereich */

.summernote-editor-transparent {
  background-color: transparent;
}
html[data-bs-theme="light"]  .summernote-editor-farbig {
 background-color: #F8F4F4;
 color: #0F151C;
}
html[data-bs-theme="dark"]  .summernote-editor-farbig {
 background-color: #0F151C;
 color: #F8F4F4; 
}

/*  Status Icons in Namenslisten benötigen eine feste Breite */

/* DEPRC !!! Benutze "fa-fw" */
.statusicon-festebreite {
  width: 18px !important;
  text-align: center;
}

.hinweise-festebreite {
  width: 16px !important;
  text-align: center;
}

/* zur Datenminimierung wird für das Dropdown bei Teilnahme-Änderung alles mgl. per Css geregelt */

/* ToDo: vergl. 
src/Service/TeilnahmeService.php Zeile 364, hier wird ziemlich Code-getrieben Styles produziert
Stefan schlägt vor: Bitte alles hier per Klasse "statusIcon" mit Zusatz des Status regeln.

Beginne es bei den Dropdowns für die Gruppenansicht
*/

.statusIcon {
  position: relative;
  display: inline-block;
  width: 1.3rem !important;
}

.statusIcon::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5rem;
}

.statusIcon-ja::before { content: "\f058"; color: #6DB52B}
.statusIcon-nein::before { content: "\f057"; color: #D13B21}
.statusIcon-info::before { content: "\f05a";; color: #374582 }
.statusIcon-unbekannt::before { content: "\f0e7"; color: #FFCA2C}
.statusIcon-vielleicht::before { content: "\f057"; color: #FFCA2C}
.statusIcon-unentschuldigt::before { content: "\f056"; color: #D13B21}
.statusIcon-unzugeordnet::before { content: "\f111"; color: #141D27}
.statusIcon-bewerbung::before { content: "\f256"; color: #FFCA2C}


/* Markiere den Namen in der Gruppenansicht, wenn ausgeklappt */
.markiereWennAusgeklappt.show {
  background-color: #d13b2113 !important ;
    color: #D13B21 !important;
    font-weight: 600 !important;
}

/* Spez. Formatierungen der Tabelle Namensansicht  DEPRC */

.namensansichttabelle {
}

.namensansichttabelle td,
.namensansichttabelle th {
  padding-left: 0.3px;
  padding-right: 0.3px;
}

.altetermine {
  opacity: 0.5;
  filter: grayscale(100%);
  transition: all 1s;
}
.altetermine:hover {
  opacity: 0.7;
  filter: grayscale(50%);
}

/* Schreibbarer Bereich bei hover */

  .textbereicheditierbar {
    transition: all 0.3s linear;
    box-shadow: none;
  }
  .textbereicheditierbar:hover {
      box-shadow: 1px 1px 10px 0 rgba(109,181,43,0.5);
  }

/* Filter Control von BS-Table etwas unauffälliger... */
.filter-control * {
  font-size: 0.75rem;
  line-height: 1;
  height: calc(1.5em + 0.5rem);
  width: calc(100% - 10px) !important;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-color: #ededed;
  padding: 0.375rem 0.25rem;
}

/* Star Rating */

.rating > [id^="star"] {
  display: none;
}

.rating > label {
  color: #ddd;
  float: right;
  cursor: pointer;
}

.rating > [id^="star"]:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: #ffd700;
}

.rating > [id^="star"]:checked + label:hover,
.rating > [id^="star"]:checked ~ label:hover,
.rating > label:hover ~ [id^="star"]:checked ~ label,
.rating > [id^="star"]:checked ~ label:hover ~ label {
  color: #ffed85;
}

/* Icons vor Standard-Buttons */

.SymbolSpeichern:before {
  content: "\f0c7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolLoeschen:before {
  content: "\f1f8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolHinzufuegen:before {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolBearbeiten:before {
  content: "\f044";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolZurueck:before {
  content: "\f137";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolLink:before {
  content: "\f0c1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolHistorie:before {
  content: "\f1da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolDownload:before {
  content: "\f019";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolUpload:before {
  content: "\f093";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolPerson:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolPersonen:before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolPdf:before {
  content: "\f1c1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolMail:before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolYouTube:before {
  content: "\f167";
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolDaumenHoch:before {
  content: "\f164";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolDaumenRunter:before {
  content: "\f165";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolAuto:before {
  content: "\f5e4";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolKopieren:before {
  content: "\f0c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolAktualisieren:before {
  content: "\f2f1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolMobile:before {
  content: "\f3cd";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolZahnrad:before {
  content: "\f013";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolListe:before {
  content: "\f00b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolHilfe:before {
  content: "\f1cd";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolFrage:before {
  content: "\e4e3";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolFilter:before {
  content: "\f0b0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolSuchen:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolCloud:before {
  content: "\f0c2";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolLogin:before {
  content: "\f2f6";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}