/* Watermark is an IMG, so it prints even with background graphics disabled. */
.detail-company-logo{display:block;width:105px;height:auto;margin:10px auto 8px}
.detail-company-tin{text-align:center;font-weight:bold;color:#074b88;margin:8px 0 15px}
#thermalReceipt{position:relative;isolation:isolate;background:#fff}
#thermalReceipt .receipt-watermark{display:block!important;position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);width:88%;height:auto;opacity:.12;z-index:0;pointer-events:none}
#thermalReceipt .receipt-content{position:relative;z-index:1}
#thermalReceipt .receipt-logo{display:block;width:100px;height:auto;margin:0 auto 8px}
#thermalReceipt[data-preview="true"]{display:block;margin:18px auto;padding:18px;width:100%;max-width:360px;border:1px solid #bbd0e3;border-radius:10px;color:#17344f;font-size:12px;line-height:1.4}
#thermalReceipt[data-preview="true"] p{margin:0 0 6px;overflow-wrap:anywhere}
#thermalReceipt .receipt-center{text-align:center}
#thermalReceipt .receipt-bold,#thermalReceipt .receipt-brand{font-weight:bold}
#thermalReceipt .receipt-brand{text-align:center;font-size:17px}
#thermalReceipt .receipt-total{font-weight:bold;font-size:15px;border-top:1px solid;border-bottom:1px solid;padding:7px 0}
#thermalReceipt[data-preview="true"] .receipt-qr{display:block;width:128px;height:128px;margin:10px auto}
@media print{
 html,body,dialog#detail,#thermalReceipt{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 dialog#detail::before{display:none!important}
 #thermalReceipt[data-preview="true"]{border:0!important;border-radius:0!important;margin:0!important;padding:0!important;max-width:none!important}
 #thermalReceipt .receipt-content{display:block!important;position:relative!important;z-index:1!important}
 #thermalReceipt .receipt-watermark{width:66mm!important;height:auto!important;max-width:92%!important;opacity:.12!important}
 #thermalReceipt .receipt-logo{display:block!important;width:27mm!important;height:auto!important;max-width:100%!important;margin:0 auto 2mm!important}
 #thermalReceipt .receipt-tin{font-weight:bold!important;text-align:center!important;font-size:12px!important}
}