body {
  font-family: Arial, sans-serif;
  color: #102c2f;
  margin: 24px;
}
h1 {
  margin: 0 0 4px;
  font-size: 30px;
}
p {
  margin: 0 0 20px;
  color: #5d6b6d;
}
.table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
table {
  width: 100%;
  min-width: 480px;
  border-collapse: collapse;
}
th,
td {
  border: 1px solid #102c2f;
  padding: 9px;
  text-align: left;
}
th {
  background: #ffc83d;
}
td:first-child {
  width: 54px;
  text-align: center;
  font-weight: bold;
}
.total {
  background: #fbf7eb;
  font-weight: bold;
}
@media print {
  body {
    margin: 12mm;
  }
  .table-scroll {
    overflow: visible;
  }
}