body {
    font: "Helvetica Neue";
}

thead tr.row {
    background-color: #f9f9f9;
}

tr.row:nth-of-type(even) {
    background-color: #f9f9f9;
}

tr.row:hover {
    background-color: gainsboro;
}



table .row {
    font-size: 0.7rem;
}



.cell {
  width: 40%;
  font-size: inherit;
}

input.cell {
    height: inherit;
    border-color: #bbbcbc;
    display: inline-block;
}

button.cell {
  padding: inherit;
}

span.cell {
  display: block;
  margin: 0 auto;
  background-color: #c8d8fd;
  height: 100%;
}


@media screen and (max-width: 500px) {
  table .row {
    font-size: 1rem;
  }
  .cell {
    width: 100%;
  }
}

[v-cloak] { display: none; }