@page {
   size: A4 portrait;
   margin: 1cm;
}

#printarea * {
  font-family: OpenSans;
  font-size: 9pt;
}

.topbar, .navbar, .footer_out, #overlay, h2, h3, .button, .form {
  display: none;
}

#printarea .qrcodesheet {
  width: 22%;
  float: left;
  border: .5mm dotted #000000;
  margin: .0mm;
  padding: 1mm;
  display: block;
  text-align: center;
}

#printarea .qrcode {
  display: block;
  margin-bottom: 5mm;
}

#printarea .qrcode img {
  width: 100%;
}

#printarea .qruser {
  font-family: monospace;
}

#printarea h3:first-child {
  break-before: avoid;
}

#printarea h3 {
  display: block;
  break-before: page;
  clear: both;
  font-family: OpenSansBold;
  font-size: 130%;
}

#printarea .pagebreak {
  break-before: page;
}

#printarea h3:first-child {
  padding-top: 0cm;
}

#printarea .list {
  width: 100%;
  border-collapse: collapse;
}

#printarea .list th {
  font-family: OpenSansBold;
  width: 25%;
}

#printarea .list th, #printarea .list td {
  border-right: .5mm solid #000000 !important;
  border-bottom: .5mm solid #000000 !important;
  padding: 3mm;
  text-align: left;
}

#printarea .list th:last-child, #printarea .list td:last-child {
  border-right: none !important;
}

#printarea .list tr:last-child th, #printarea .list tr:last-child td {
  border-bottom: none !important;
}

#printarea .list td.count {
  color: #CCCCCC;
}

.clear {
  clear: both;
}

.error {
  color: #be475d;
}