.selections {
  margin-bottom: 2rem;
}

.selections h2 {
  font-size: 1.2rem;
  font-weight: bold;
}

.selections h3 {
  font-size: 1.04rem;
  font-weight: bold;
}

#title,
#title2 {
  text-align: center;
  margin-bottom: 1.5em;
}

.filter {
  margin-bottom: 2em;
}

.selections input[type='radio'] {
  display: none;
}

.selections input[type='checkbox'] {
  display: none;
}

.selections select {
  border: 1px solid #a0a0a0;
  padding: 5px;
  margin-right: 8px;
}

#selection {
  margin-top: 120px;
}

.bardalabel {
  display: inline-block !important;
  float: none !important;
  width: 100% !important;
  height: 100% !important;
  margin-right: 8px !important;
  cursor: pointer;
  padding: 2px 5px;
  background-color: var(--bs-lgl30);
  color: var(--bs-body-color);
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.bacteria .bardalabel {
  font-style: italic;
}

.bardalabel:hover {
  background-color: #ccc;
}

.selections input[type='radio']:checked + label,
.selections input[type='checkbox']:checked + label {
  background-color: #0077b2;
  color: white;
}

.selections input[type='radio']:checked + label:hover,
.selections input[type='checkbox']:checked + label:hover {
  background-color: #1188c3;
}

.selections fieldset,
.selections fieldset legend {
  all: revert;
  padding: 4px;
}

.selections #antibiotikum fieldset {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 0.2em;
}

.selections #antibiotikum fieldset div {
  break-inside: avoid;
  width: 100%;
}

.selections option:disabled {
  color: #ccc !important;
}

#loader {
  width: 200px;
  height: 200px;
  background: url('/style/layout/ajaxloader.gif') no-repeat center center;
}

.tabulator-responsive-collapse strong {
  --bs-table-accent-bg: transparent;
  background-color: transparent !important;
}
.tabulator-row > span {
  display: none;
} /* hide group row count */

.synced-charts {
  margin-top: 1em;
}

.synced-charts h2 {
  text-align: center;
  background-color: #ccc;
  padding: 0.25em 0;
  margin-top: -0.5em;
}

.synced-charts p {
  display: none;
}

.synced-charts p.show {
  display: block;
}

.synced-charts .hide {
  display: none;
}

.apexcharts-tooltip-title {
  font-family: Roboto, sans-serif !important;
  font-weight: bold;
  background-color: #0077b2 !important;
  color: white !important;
}

.apexcharts-tooltip-text {
  font-family: Roboto, sans-serif !important;
  font-size: 0.85em !important;
}

.apexcharts-legend {
  z-index: 20;
  margin-bottom: 0.5em;
}