:root {
  --bs-body-font-family: "IBM Plex Sans" ,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace:"IBM Plex Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
body {
  margin-bottom: 40px;
}

main {
  padding-top: 20px;
}

.card-wrapper {
  padding: 10px;
}

.sensor-measure {
  font-size: 2em;
}

.icon-large {
  font-size: 4em;
}

.form-select.dark {
  background-color: #050505;
  color: white;
  border: 1px solid #111;
}
.form-select.dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 60, 60, 0.25);
}

.sensormarker {
  background: #fffa;
  color: #000;
  border: 1px solid #666 !important;
  border-radius: 10px;
  box-shadow: 3px 3px 3px #0004;
  width: 20px !important;
  height: 15px !important;
}

.sortable thead th:not(.no-sort) {
  cursor: pointer;
}
.sortable thead th:not(.no-sort)::after, .sortable thead th:not(.no-sort)::before {
  transition: color 0.1s ease-in-out;
  font-size: 1.2em;
  color: transparent;
}
.sortable thead th:not(.no-sort)::after {
  margin-left: 3px;
  content: "▸";
}
.sortable thead th:not(.no-sort):hover::after {
  color: inherit;
}
.sortable thead th:not(.no-sort)[aria-sort=descending]::after {
  color: inherit;
  content: "▾";
}
.sortable thead th:not(.no-sort)[aria-sort=ascending]::after {
  color: inherit;
  content: "▴";
}
.sortable thead th:not(.no-sort).indicator-left::after {
  content: "";
}
.sortable thead th:not(.no-sort).indicator-left::before {
  margin-right: 3px;
  content: "▸";
}
.sortable thead th:not(.no-sort).indicator-left:hover::before {
  color: inherit;
}
.sortable thead th:not(.no-sort).indicator-left[aria-sort=descending]::before {
  color: inherit;
  content: "▾";
}
.sortable thead th:not(.no-sort).indicator-left[aria-sort=ascending]::before {
  color: inherit;
  content: "▴";
}