/* Font used for receipt */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap");

.wrap-text {
	white-space: normal !important;
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
	max-width: 100%;
}

.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.new-invoice table {
	width: 100% !important;
}

.new-invoice table,
.new-invoice tr,
.new-invoice td,
.new-invoice th,
.new-invoice thead,
.new-invoice tbody {
	background: transparent !important;
	padding: 0 !important;
	border-color: #000;
}

.new-invoice .table thead tr th,
.new-invoice table thead tr th {
	font-size: 12px !important;
	padding: 10px 0 !important;
	border-bottom: 1px dashed black !important;
	border-color: #000;
}

.new-invoice .table tbody tr td,
.new-invoice table tbody tr td {
	padding: 10px !important;
	border-color: #000;
}

/* Wrapper */
.initial-38-1 {
	max-width: 382px;
	margin: 0 auto;
	padding-inline-end: 4px;
}

/* Force receipt font */
.initial-38-1 * {
	font-family: "Roboto Mono", monospace !important;
	font-weight: 400;
	color: #000000;
}

/* Logo */
.initial-38-2 {
	width: 100%;
	height: 70px;
	object-fit: contain;
}

/* Restaurant name */
.initial-38-3 {
	line-height: 2;
}

/* Address */
.initial-38-4 {
	font-size: 16px;
	font-weight: lighter;
}

/* Totals container */
.initial-38-9 {
	width: 98%;
	margin-inline-start: auto;
	margin-inline-end: auto;
}

/* Table column width */
.w-28p {
	width: 28%;
}

/* Large total font */
.fz-20px {
	font-size: 20px;
}

.border-dashed {
	border-style: dashed !important;
}

.border-bottom-dashed {
	border-bottom: 1px dashed #979797 !important;
}

/* Printable area cleanup */
#printableArea {
	margin: 0 !important;
}

#printableArea>.col-md-12 {
	padding: 0 !important;
}

#printableArea dl.row>* {
	padding: 0 !important;
}

/* =========================
   UNIVERSAL THERMAL PRINT
========================= */
@media print {

	.initial-38-1 {
		margin: 0;
		margin-right: auto !important;
	}

	.initial-38-1 .table-bordered,
	.initial-38-1 .table-bordered * {
		/* border: none !important; */
	}

	body {
		margin: 0;
		padding: 0;
		background: #fff;
		/* font-family: "Courier New", monospace; */
		font-size: 12px;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.non-printable {
		display: none !important;
	}

	#printableArea {
		width: var(--paper-width, 80mm);
		/* change to 58mm if needed */
		max-width: 80mm;
		padding: 3mm;
		margin: 0 auto;
	}

	table {
		table-layout: fixed !important;
		width: 100% !important;
		border: none !important;
		padding: 0 !important;
	}

	table,
	tr,
	td,
	th,
	thead,
	tbody {
		background: transparent !important;
		padding: 0 !important;
		border-color: #000;
	}

	.table thead tr th,
	table thead tr th {
		font-size: 10px !important;
		padding: 10px !important;
		border-bottom: .5px dashed black !important;
		border-color: #000 !important;
	}

	.table tbody tr td,
	table tbody tr td {
		padding: 10px !important;
		border-color: #000 !important;
	}

	.text-right {
		text-align: right !important;
	}

	.text-left {
		text-align: left !important;
	}

	.border,
	.rounded {
		border: none !important;
	}

	.border-dashed,
	.border-bottom-dashed {
		border-bottom: 1px dashed #000 !important;
	}

	h5 {
		font-size: 12px;
		margin: 2px 0;
		font-weight: bold;
	}

	.fz-20px {
		/* font-size: 	14px !important; */
	}

	img {
		max-width: 100%;
		height: auto;
	}
}