/* Thermal-receipt print sheet. Everything on screen is hidden; only #printArea prints. */
@page { margin: 4mm; }

body > *:not(#printArea) { display: none !important; }

#printArea{
  display:block !important;
  width:100%;
  color:#000;background:#fff;
  font:12px/1.42 "Menlo","Consolas",ui-monospace,monospace;
}
#printArea .receipt{ width:100%; margin:0 auto; }
#printArea.w58 .receipt{ max-width:54mm; font-size:10.5px }
#printArea.w80 .receipt{ max-width:76mm }

#printArea .c{text-align:center}
#printArea .r{text-align:right}
#printArea .b{font-weight:700}
#printArea .big{font-size:15px;font-weight:800}
#printArea .xl{font-size:17px;font-weight:800}
#printArea .sep{border-top:1px dashed #000;margin:5px 0}
#printArea .solid{border-top:1px solid #000;margin:5px 0}
#printArea table{width:100%;border-collapse:collapse}
#printArea td,#printArea th{padding:1px 0;vertical-align:top;font-size:inherit}
#printArea th{border-bottom:1px dashed #000;text-align:left;font-weight:700}
#printArea .qty{width:32px;text-align:center;padding-left:4px}
#printArea .rate{width:56px;text-align:right;padding-left:6px}
#printArea .amt{width:64px;text-align:right;padding-left:6px}
#printArea .note{font-style:italic;padding-left:6px}
#printArea .foot{margin-top:7px;font-size:11px}
#printArea .kot-item{font-size:15px;font-weight:700;padding:3px 0;border-bottom:1px dotted #000}