@charset "utf-8";
/* Ecommerce Templates Receipt Page Layout for (1) thanks.php/asp (2) clientlogin.php/asp (3) orderstatus.php/asp (3) latedownload.php/asp if used.
On those pages, load this thanks-receipt.css AFTER ectcart.css as an OVERRIDE.
By Gary Flack, I.T.ZAP Website Design Works, gary@itzap.com.au
Version 4 release January 2022 */

/* Set body Font Size for Print, force Heading grey-scale background-color shades, do not print a href links */
@media print {
	body {font-size: 12px; background: #000000}
	div.receiptsectionhead, div.rcontorderid, div.receiptheadrow, div.downloadheadrow {background-color: rgba(0, 0, 0, 0.1) !important}
	div.receiptoption {background-color: rgba(0, 0, 0, 0.03) !important}
	a[href]:after {content: none !important}
}
div#printcontent.recptbody {width: 100%; box-sizing: border-box; font-size: 0.95rem; color: #000; line-height: 1.3}

div.receiptaddresses {
	width: 100%;
	box-sizing: border-box;
	overflow: initial;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-start;
	align-items: stretch;
	padding: 0;
	margin: 0;
}
div.receiptaddress {
	flex: 0 1 auto;
	align-self: auto;
	min-width: 45%;
	margin-right: 0;
	vertical-align: top;
}
div.receiptaddress, div.receiptextra, div.receiptdownload {
	box-sizing: border-box;
	margin: 2px 0.5%;
	padding: 0 0 5px 0;
	border: 1px solid rgba(0, 0, 0, 0.25);
}
div.receiptextra {margin: 5px 0.5%}
/* Billing and Delivery Address Headings */
div.receiptsectionhead {
	box-sizing: border-box;
	text-align: center;
	font-size: 105%;
	font-weight: bold;
	color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	padding: 2px 0;
	margin: 0 0 5px 0;
}
div.receiptcontainer {overflow: hidden; padding: 0; font-size: 95%}
div.receiptcontainer.container1 {padding: 0}
div.receiptleft {
	float: left;
	box-sizing: border-box;
	width: 33%;
	font-size: 95%;
	text-align: right !important;
	padding: 0 5px 0 0;
	margin: 0;
}
div.receiptleft::after {content:" : "}
div.receiptright {
	float: left;
	box-sizing: border-box;
	width: auto;
	height: auto;
	text-align: left;
	color: #000000;
	padding: 0;
	margin: 0;
}
div.receiptaddress div.receiptcontainer div.receiptleft {text-align: left; padding-left: 0}
/* Order Number Heading */
div.rcontorderid {
	font-size: 105%;
	font-weight: bold;
	color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	padding: 2px 0;
	margin: 0 0 5px 0;
}
div.rcontorderid > div.receiptleft {font-size: 100%; color: #000000}
div.rcontaddinfo {margin: 5px 0 0 0}
/* Order Details Outer Container */
div.receiptlist, div.downloadlist{
	display: table;
	box-sizing: border-box;
	width: 99%;
	margin: 0.75em 0.5% 0 0.5%;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.25);
}
div.receiptlist {text-align: left}
/* Order Headings */
div.receiptheadrow, div.downloadheadrow {
	display: table-row;
	box-sizing: border-box;
	height: auto;
	line-height: 1.8;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	padding: 0;
	margin: 0;
}
div.receiptlistrow, div.downloadlistrow {display:table-row; font-size: 95%}
div.receiptheadrow > div, div.downloadheadrow > div, div.receiptlistrow > div, div.downloadlistrow > div {
	display: table-cell;
	white-space: normal;
	vertical-align: top;
	padding: 3px;
}
/* div.receiptprodid {padding-left: 0.5em} */
div.thankspageimg {text-align: left; display: inline-block;}
div.thankspageimg img.thankspageimg {
	max-width: 90px;
	width: auto;
	max-height: 100px;
	height: auto;
}
div.receiptquantity {text-align: center}
div.receiptunitprice, div.receiptoption.receiptoptunitprice, div.receipttotal, div.receiptoption.receiptopttotal {
	text-align: right;
	white-space: nowrap !important;
}
div.receiptitemrow > div, div.downloadlistrow > div {
	height: auto;
	border-top: 1px solid rgba(0, 0, 0, 0.25);
}
/* Product Option Rows */
div.receiptoptionrow > div {
	height: auto;
	line-height: 1.8;
}
div.receiptoption {
	font-size: 95%;
	background-color: rgba(0, 0, 0, 0.05);
}
div.receiptoptgroup {
	text-align: right;
	padding-right: 0.75em;
}
div.receiptoptgroup::after {content:" "}
/* Receipt Totals */
div.receipttotalscolumn {overflow:auto; margin-top: 0.5em}
div.receipttotalstable {
	display: block;
	box-sizing: border-box;
	white-space: nowrap;
	width: auto;
	max-width: 99%;
	float: right;
	border-top: none;
	line-height: 2.2;
	margin: 0 0.5% 0.75em 0.5%;
	padding: 0;
}
div.receipttotalsrow {display: block; text-align: right}
div.receipttotalsrow > div {display: inline-block; padding: 0}

div.rectotsubtotal div,
div.rectotshiphand div,
div.rectotstatetax div,
div.rectotdiscounts div,
div.rectotgrandtotal div {
	display: inline-block
}
div.receipttotalsrow div.ectright {min-width: 95px; text-align: right}
div.receipttotalsrow div.ectright p {margin: 0}
div.rectotgrandtotal {font-weight:bold}
div.receipttotalsrow.rectotgrandtotal > div.ectright {
	border-top: 1px solid #000;
	border-bottom: 3px double #000;
}
div.rectotdiscounts div.ectright {color: #F90000}
div.receiptshippingaddress {float: right;}
div.receiptpackage {
	display:table;
	font-size: 0.9em;
	color: #404040;
}
div.receiptpackagerow {display: table-row}
div.receiptpackagerow > div {
	display: table-cell;
	padding: 2px;
}
div.receiptpackagerow div.ectleft::before {content:" > "}
div.receiptpackagerow div.ectleft::after {content:": "}

div.receiptrecemail {font-weight: bold; font-style: italic}

/* BUTTON POSITIONING */
div.receiptbuttons {padding: 10px; text-align: center}
div.receiptcontinueshopping, div.receiptprintversion {
	padding: 10px;
	width: 50%;
	float: left;
	box-sizing: border-box;
}
div.receiptcontinueshopping {text-align: right}
div.receiptprintversion {text-align: left}

/* DOWNLOAD FILE ORDER on thanks.php and latedownload.php */
div.receiptdownloadhead, div.downloadheadrow {color: #003366; background-color: #ebf5ff}
div.receiptdownload {margin-bottom: 0.75em; border: none}
div.receiptnodownloadtext {margin: 15px}

/* latedownload.php heading */
div.receiptsectionhead.latedownloadhead {
	color: #003366;
	background-color: transparent;
	text-align: left;
	padding: 0 0 0 24%;
	margin: 0;
}
div.downloadlist.latedownloadlist, div.downloadlistrow.latedownloadlistrow {border: none}
/* latedownload.php labels */
div.downloadlistrow.latedownloadlistrow > div:first-child {
	box-sizing: border-box;
	border: none;
	text-align: right;
	padding-right: 0.3em;
	width: 27%;
}
/* latedownload.php inputs */
div.downloadlistrow.latedownloadlistrow > div:nth-child(2) {
	box-sizing: border-box;
	border: none;
	text-align: left;
	width: 73%;
}
div.downloadlistrow.latedownloadlistrow > div:nth-child(2) input {width: auto}
div.latedownloadbuttons {padding: 10px}

/* Small screen responsive adjustments, Addresses in one column, hide Prod ID and Option Names */
@media screen and (max-width: 640px) {
	div#printcontent.recptbody {font-size: 95%}
	div.receiptaddresses {flex-direction: column}
	div.receiptaddress {min-width: 99%; width: auto}
	div.receiptshippingaddress {float: none}
	div.receiptprodid, div.receiptprodid, div.receiptoptgroup {display: none !important}
}
/* ====================================
ADD YOUR OWN CUSTOM MOFIFICATIONS BELOW
======================================= /*