* {
  padding: 0;
  margin: 0;
}
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs21 {
  font-size: 21px;
}
.fs28 {
  font-size: 28px;
}
.fs32 {
  font-size: 32px;
}
.fs42 {
  font-size: 42px;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.right {
  right: 0;
}
.top {
  top: 0;
}
.bar {
  width: 420px;
  height: 80px;
}
.bar-mini {
  width: 250px;
  height: 80px;
}
.flex-center {
  justify-content: center;
}
.bar-tiny {
  width: 280px;
  height: 160px;
}
.w320 {
  width: 320px;
}
.center {
  text-align: center;
}
.mt0 {
  margin-top: 0;
}
.mb0 {
  margin-bottom: 0;
}
.mt15 {
  margin-top: 15px;
}
.mt50 {
  margin-top: 50px;
}
.mt100 {
  margin-top: 100px;
}
.a4 {
  width: 21cm;
  height: 28cm;
}
.a4-row {
  width: 29cm;
  height: 15cm;
}
.b4 {
  width: 10cm;
  height: 18cm;
}
.size10x18 {
  width: 10cm;
  height: 18cm;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
  page-break-after: avoid;
  page-break-before: avoid;
  -webkit-print-color-adjust: exact;
}
/* .size10x18:nth-child(odd) {
  background: #333;
}
.size10x18:nth-child(even) {
  background: #bbb;
} */

.flex {
  display: flex;
  align-items: center;
}
.mt7cm {
  margin-top: 7cm;
}
.fr {
  float: right;
}
.print-table {
  width: 100%;
  border: 1px solid #ccc;
  text-align: left;
  border-collapse: collapse;
}
.print-table .tr td {
  font-weight: 700;
}
.print-table td,
.print-table .tr td {
  border: 1px solid #ccc;
  margin: 0;
}