table {
  border-collapse: collapse;
  table-layout: fixed;
  max-width: 100%;
}

th {
  background-color: var(--navy);
  color: var(--white);
  border: 1px solid var(--navy);
  border-right: 1px solid var(--white);
  padding: 5px;
  font-weight: normal;
  text-align: left;
}

th:last-child {
  border-right: 1px solid var(--navy);
}

td {
  border: 1px solid var(--navy);
  padding: 5px;
  text-align: left;
  display: block;
}

td:first-child {
  display: table-cell;
}

td:last-child {
  text-align: center;
  /* width: 100%; */
}

.fullWidth  {
  width: 100%;
}

@keyframes shimmer {
  0% {
    background-position: 0% 100%;
  }
  100% {
    background-position: 0 -100%;
  }
}

.newlyUncovered {
background-image: linear-gradient(#FFFC99, #FFE900, #FFFC99);
  /* background-image: linear-gradient(#FFD700, #FFF922);
  animation : shimmer 0.7s infinite linear;
  background:
    linear-gradient(to bottom, #FFD700 20%, #FFFC66 50%, #FFD700 80%);
  background-size: 200% 200%; */
}

.newlyCovered {
  animation : shimmer 1s infinite linear;
  background:
    linear-gradient(to bottom, #228B22 20%, #44AD44 50%, #228B22 80%);
  background-size: 200% 200%;
  color: #FFF;
}

.newlyCancelled {
  animation : shimmer 1s infinite linear;
  background:
    linear-gradient(to bottom, #DC143C 20%, #FD265E 50%, #DC143C 80%);
  background-size: 200% 200%;
  color: #FFF;
}

.newlyRe-instated {
  animation : shimmer 1s infinite linear;
  background:
    linear-gradient(to bottom, #0A75AD 20%, #0C97CF 50%, #0A75AD 80%);
  background-size: 200% 200%;
  color: #FFF;
}

.Uncovered {
  background-image: linear-gradient(#FFD700, #FFF922, #FFD700);
  /* background-image: linear-gradient(#FFD700, #FFF922); */
}

.Covered {
  background-image: linear-gradient(#228B22, #44AD44);
  color: #FFF;
}

.Cancelled {
  background-image: linear-gradient(#DC143C, #FD265E);
  color: #FFF;
}


.Re-instated {
  background-image: linear-gradient(#0A75AD, #0C97CF);
  color: #FFF;
}

.historic {
  opacity: 60%;
  /* background-image: linear-gradient(#FFD700, #aaa); */
}

@media (min-width: 600px) {
  td {
    display: table-cell;
  }
}