table {
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 0 var(--spc-tiny);
}

.hvs-table table,
.hvs-table table *,
.hvs-table th,
.hvs-table td {
  /*font-family: 'Roboto Mono', monospace;*/
  background-color: transparent;
  padding:0;
  color: #fff;
  font-size: 15px;
}

.hvs-table th {
  text-transform: uppercase;
  font-weight:bold;
}

th:hover:not([data-dont-sort]) {
  text-decoration: underline;
  cursor: pointer;
}

.hvs-table th, .hvs-table td {
    padding: 0 0.5rem;
}


tr:nth-of-type(2n+2) {
    background-color: #5553;
}

.table-footer {
    display: flex;
    justify-content: space-around;
}

.table-footer-button:hover {
    cursor: pointer;
    text-decoration: underline;
}

td {
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
}

@keyframes just-sorted {
    0% {
        border-color: green;
    }

    100% {
        border-color: transparent;
    }
}

.active-page {
  background-color:var(--link);
}

.page-nav-btn {
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 0.5rem;
  background-color: rgba(127, 127, 127, 0.5);
}

  .page-nav-btn:disabled {
    background-color: rgba(127, 127, 127, 0.2);
  }


  .page-nav-btn.active-page {
    background-color: var(--link);
  }


.table-nav-container {
  display:flex;
  align-items:center;
  gap:0.5rem;
}