form {
  margin: auto;
  margin-bottom: 2rem;
  text-align: center;
  background-color: #EEE;
  border: 1px solid #77F; }

table {
  margin: auto;
  margin-bottom: 1rem;
  width: 100%;
  background-color: #EEE;
  border: 1px solid #009;
  border-collapse: collapse; }

thead tr {
  background-color: #009;
  color: #FFF; }

th {
  padding: 0.4rem;
  text-align: center; }

tbody tr:last-child {
  border: 0; }

tbody tr:nth-child(even) {
  background-color: #DDD; }

td {
  padding: 0.1rem 1rem;
  text-align: center; }

th.left, td.left {
  text-align: left; }

th.right, td.right {
  text-align: right; }

/*
th-hint
{
    display: block;
    font-size: 80%;
    font-weight: normal;
}

input .number
{
    width: 4rem;
    text-align: center;
}
*/
.form-inline {
  padding: 0.2rem;
  margin: 0;
  width: 100%;
  background: #FFF; }

.form-inline input {
  padding: 0.2rem;
  font-size: 100%; }

.form-inline label {
  font-size: 90%; }

.form-inline input.number {
  width: 4rem;
  background: #FFA;
  margin-right: 1rem; }

.form-inline input.code {
  width: 6rem;
  margin-right: 1rem; }

.form-inline button.confirm {
  font-size: 1.2rem;
  padding: 0.3rem; }

.error {
  color: #A00;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 5px; }

.th-hint {
  display: block;
  font-size: 80%;
  font-weight: normal; }

.updateBox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  padding: 0.2rem; }

#updateButton {
  padding: 0.4rem;
  margin: 0.5rem;
  font-size: 1.2rem; }

#updateSelect {
  font-size: 1.2rem;
  padding: 0.4rem 0; }

#timeClock {
  font-family: "Digital", "NunitoMedium", sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
  color: #000; }

#timeUpdated {
  padding: 4px 6px;
  font-family: "Digital", "NunitoMedium", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: black;
  color: #0F0; }

#timeUpdated.stopped {
  color: red; }