/* ------------------------------------------------------------------
   receipt.css - letterhead and footer for the Receipt / Voucher document.
   Uses the same logo the invoice uses (uploads/users/logos/<client logo>).
   No width media queries here on purpose: a bare max-width query also
   matches PRINT media and would hijack the printout.
   ------------------------------------------------------------------ */

.rcpt-head            { padding: 0 0 14px 0; text-align: center; }
.rcpt-head img        { max-width: 100%; max-height: 130px; }
.rcpt-head-txt        { padding: 0 0 10px 0; text-align: center; font-size: 17px; }

.rcpt-foot {
	margin-top: 26px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
	text-align: center;
	font-size: 11px;
	line-height: 17px;
	color: #666;
}
.rcpt-foot-name       { font-weight: bold; color: #333; font-size: 12px; }

/* keep the letterhead and footer with the document when printing */
@media print {
	.rcpt-head, .rcpt-head-txt, .rcpt-foot { display: block !important; }
	.rcpt-foot { page-break-inside: avoid; }
	/* the receipt already carries its own letterhead, so drop the blank
	   space print.css reserves for pre-printed stationery */
	.rcpt-head + .inv-print-title,
	.rcpt-head-txt + .inv-print-title { padding-top: 10px !important; }
}