/* 
  Paper CSS
 */

 * {
  margin: 0;
  padding: 0;
  font-size: 3mm;
	font-family:Sarabun; 
}
th, td{
  padding: 2mm;
}

.sheet {
  margin: 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  page-break-after: always;
}

.fix-height {
  padding: 0 !important;
}
.fix-height * {
  padding: 0 !important;
  margin: 0 !important;
}

.all-mid {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/** Paper sizes **/
body.A1               .sheet { width: 594mm; height: 841mm }
body.A1.landscape     .sheet { width: 841mm; height: 594mm }
body.A2               .sheet { width: 420mm; height: 594mm }
body.A2.landscape     .sheet { width: 594mm; height: 420mm }
body.A3               .sheet { width: 297mm; height: 420mm }
body.A3.landscape     .sheet { width: 420mm; height: 297mm }
body.A3-infinity      .sheet { width: 297mm;}
body.A4               .sheet { width: 210mm; height: 297mm }
body.A4.landscape     .sheet { width: 297mm; height: 210mm }
body.A4-infinity      .sheet { width: 210mm; }
body.A5               .sheet { width: 148mm; height: 210mm }
body.A5.landscape     .sheet { width: 210mm; height: 148mm }
body.letter           .sheet { width: 216mm; height: 279mm }
body.letter.landscape .sheet { width: 279mm; height: 216mm }
body.legal            .sheet { width: 216mm; height: 356mm }
body.legal.landscape  .sheet { width: 356mm; height: 216mm }


/** For screen preview **/
@media screen {
  body { 
    background: #dadbe0;
  }
  .sheet {
    background: white;
    box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
    margin: 5mm auto;
  }
  .print-only {
    display: none !important;
  }
}
@media print {
  .no-print,
  .tooltip {
    display: none !important;
  }
  @page {
    margin: 0;
    padding: 0;
  }
}
section {
  display: none;
}




/** Fix for Chrome issue #273306 **/
@media print {
  body.A1.landscape { width: 841mm }
  body.A1, body.A2.landscape { width: 594mm }
  body.A2, body.A3.landscape { width: 420mm }
  body.A3, body.A4.landscape { width: 297mm }
  body.A4, body.A5.landscape { width: 210mm }
  body.A5                    { width: 148mm }
  body.letter, body.legal    { width: 216mm }
  body.letter.landscape      { width: 279mm }
  body.legal.landscape       { width: 356mm }
}

/* Sarabun fonts */
@font-face {
	font-family: "Charmonman";
	src: url("fonts/Charmonman-Regular.ttf");
}
@font-face {
	font-family: "Charmonman";
	src: url("fonts/Charmonman-Bold.ttf");
	font-weight: bold;
}

/* Additional styling */
label.required::after {
  content: "*";
  color: red;
}