:root {
  --blue: deepskyblue;
  --lightblue: lightskyblue;
}

body {
  font-family: Arial, sans-serif;
}

.select2-results__options {
  line-height: 1.0;
  max-height: 280px !important;
}

label {
  font-weight: bold;
  vertical-align: middle;
}

table {
  border-collapse: separate;
  border-spacing: 0px;
  border-color: var(--blue);
  font-size: 9pt;
  text-align: center;
  margin: auto
}

table.doppel {
  border: 0;
}

table.doppel td {
  border: 0;
}

th {
  background-color: var(--blue);
  color: white;
  border-bottom-width: 1px;
}

tr:not(:first-child) td {
  border-left: 1px solid var(--blue);
  border-bottom: 1px solid var(--blue);
}

td:last-child {
  border-right: 1px solid var(--blue);
}

tr:nth-child(2) td {
  border-top: 1px solid var(--blue);
}

tr:nth-child(2) td:first-child {
  border-top-left-radius: 5px;
}

tr:first-child th:first-child {
  border-top-left-radius: 5px;
}

tr:first-child th:last-child {
  border-top-right-radius: 5px;
}

tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}

tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}

.rtl {
  border-top-left-radius: 5px;
}

a[role=button] {
  border: 1px solid var(--blue);
  background-color: var(--blue);
  color: white;
  border-radius: 8px;
  padding: 2px 3px;
  text-decoration: none;
}

a[role=button]:hover {
  background-color: white;
  color: var(--blue);
}

[data-bs-title]:hover:after {
  transition: all 0.1s ease 0.3s;
  visibility: visible;
}

[data-bs-title]:after {
  content: attr(data-bs-title);
  position: absolute;
  bottom: 100%;
  left: 30px;
  font-size: 12px;
  font-family: sans-serif;
  padding: 4px;
  color: white;
  white-space: nowrap;
  border-radius: 5px;
  background: linear-gradient(to right, var(--blue), var(--lightblue));
  z-index: 99999;
  visibility: hidden;
}

[data-bs-title] {
  position: relative;
}