body{
	background-color: #e9ecef
}
.card {
	position: relative!important;
	display: flex!important;
	flex-direction: column!important;
	min-width: 0!important;
	word-wrap: break-word!important;
	border: 1px solid rgba(0, 0, 0, .05)!important;
	background-color: #fff!important;
	background-clip: border-box!important;
	border-radius: 20px!important;
	padding-top: 10px!important;
	padding: 30px!important;
}
.text-danger-m1 {
	color: #dd4949!important;
}
.text-primary-m1 {
	color: #4087d4!important;
}
.btn {
	font-size: .875rem;
	position: relative;
	transition: all .15s ease;
	letter-spacing: .025em;
	text-transform: none;
	will-change: transform;
}
table.customTable.invoiceTable th{
	background-color: #5e72e4!important;
	color: #fff!important;
}
td p{
	text-transform: capitalize;
}
.page-tools {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 20px;
	margin-top: 4em;
}

.action-buttons a {
	padding: 10px 21px;
	box-shadow: 0 0 5px #ddd;
}

.customerInfo h3 {
	font-size: 18px;
}

.customerInfo h2 {
	text-align: left;
	font-size: 19px;
}
.extars ul {
	list-style: inside;
	color: #777;
}
.extars ul li{
	font-size: 13px;
}
.sizeTag {
	background: rgba(22, 199, 154, .1);
	color: rgba(22, 199, 154, 1);
	border-radius: 4px;
	padding: 5px 6px;
	font-size: 13px;
	font-weight: normal;
}
.b-top{
	border-top: 1px dashed #777;
	padding: 2px;
	margin-top: 2px;
}
tr th{
	text-transform: capitalize;
}
table.customTable {
	font-size: 14px;
}

table.customTable th {
	font-size: 14px;
}

table.customTable tr {
	vertical-align: middle;
}

table.customTable tr td {
	vertical-align: middle;
}
.badge {
	text-transform: capitalize;
	padding: 5px 6px;
	border-radius: 4px;
}
.orderTag{
	font-weight: 600;
	color: tomato;
}
.action-buttons a {
	padding: 10px 21px;
	box-shadow: 0 0 5px #ddd;
}
.bg-white {
	background-color: #fff!important;
}
.text-danger-m1 {
	color: #dd4949!important;
}
.text-primary-m1 {
	color: #4087d4!important;
}
.text-green {
	color: rgba(22, 199, 154, 1);
	font-weight: normal;
	padding: 5px 6px;
	font-size: 13px;
}
.page-content * {
	text-transform: capitalize!important;
}
@media  print
{    
	.no-print, .no-print *
	{
		display: none !important;
	}
	.badge.sizeTag {
		color: rgba(22, 199, 154, 1);
		font-weight: normal;
		padding: 5px 6px;
		font-size: 13px;
		background: transparent;
		border: 0;
	}
}

@page {
	size: A4 portrait;
	margin: 0;
}

@media print {
	html, body {
		height: 100%;
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
		background: #ffffff !important;
		color: #000 !important;
		-webkit-print-color-adjust: exact !important;
		direction: rtl !important; /* ensure direction during print */
	}

	/* Remove shadows, center the invoice wrapper and force full width */
	.invoice-wrapper,
	#printArea {
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
		border: none !important;
		margin: 0 auto !important;
		padding: 10px !important;
		width: 100% !important;
		max-width: 100% !important;
		background: #fff !important;
	}

	/* If you used a container that adds side gutters, remove them for print */
	.container, .container-fluid, .print-container {
		padding-inline-start: 0 !important;
		padding-inline-end: 0 !important;
		margin: 0 !important;
		width: 100% !important;
	}