body {
  padding-top: 0px;
  background-color: #000000;
  color: #888888;
  font-family: courier, courier new, serif;
  font-size: 10px;
}

.alert {
  color: rgb(245, 94, 94);
  display: none;
}

.moment {
  line-height: 1;
}

.days {
}

.day {
}

.snap {
  scroll-snap-align: start;
}

canvas {
  vertical-align: middle;
  image-rendering: pixelated;
  display: block;
}

.container {
  position: relative;
}

.scrollable {
  max-height: 100vh;
  overflow-y: scroll;
  -ms-scroll-snap-type: mandatory;
      scroll-snap-type: mandatory;
  -ms-scroll-snap-points-y: repeat(3rem);
      scroll-snap-points-y: repeat(3rem);
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  overflow-x: hidden;
  scroll-padding: 1em;
}

.daylabel {
  border: 0px;
  border-spacing: 0px;
  padding: 0;
  /* white-space: pre;
  visibility: hidden; */
}

.dayname {
  display: none;
  white-space: pre;
}

.daydate {
  display: none;
  white-space: pre;
}

.daymonth {
  display: none;
  white-space: pre;
}

.time {
  white-space: pre;
  text-align: right;
}

.light {
  white-space: pre;
}

.sound {
  white-space: pre;
}

.wireless {
  white-space: pre;
}

.gps {
  white-space: pre;
}

.movement {
  white-space: pre;
}

.maintitle {
}

.battery {
}

.columntitles {
}

.columntitle {
  white-space: pre;
}

.active {
  color: #FFFFFF;
}

.selected .time {
  /* filter: invert(100%);
  background: black; */
}

.selected td {
  background: #222;
}

.whitespace {
  white-space: pre;
}


table {
  /* width:  100%; */
  text-align: left;
  position: relative;
  border-collapse: collapse;
}

table, th, td {
  border: 0px;
  border-spacing: 0px;
  padding: 0;
}

th {
  background: black;
  position: sticky;
  top: 0;
  font-weight: normal;
}

tr:nth-child(1) .dayname {
  display: block;
}

tr:nth-child(2) .daydate {
  display: block;
}

tr:nth-child(3) .daymonth {
  display: block;
}

/* tr:not(:first-child) .dayname {
  visibility: hidden;
} */