@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');

html {
	margin: 0;
	padding: 0;
}
body {
	width: 100%;  
	height: 100%; 
	padding: 0;
	color: #555555;
	background: #FFFFFF; 
	font-size: 16px; 
	font-family: 'Helvetica', sans-serif;
	font-weight: 300;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
a {
	color: #2c2f79;
	text-decoration: none;
}
div {
	margin: 0;
	padding: 0;
}
h1 {
	font-family: 'Helvetica', sans-serif;
	color: #2c2f79;
	font-size: 20px;
	font-weight: 600;
	margin: 0  0 10px 0;
}
h2.name {
	font-family: 'Helvetica', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
}
header {
	font-family: 'Helvetica', sans-serif;
	padding: 10px 0;
	border-bottom: 1px solid #AAAAAA;
}
#logo {
	float: left;
}

#logo img {
	height: 2cm;
}

#company {
	float: right;
	text-align: right;
}
#mail-section {
	font-family: 'Helvetica', sans-serif;
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #AAAAAA;
}
#details {
	font-family: 'Helvetica', sans-serif;
	margin-bottom: 0px;
}

#client {
	font-family: 'Helvetica', sans-serif;
	padding-left: 6px;
	border-left: 6px solid #2c2f79;
	float: left;
	text-transform: uppercase;
}

#client .to {
	color: #777777;
}
#mail-address{
	font-family: 'Helvetica', sans-serif;
	margin-left: 2cm;
	margin-bottom: 2cm;
	padding-left: 6px;
	float: left;
}
#invoice-section {
	font-family: 'Helvetica', sans-serif;
	padding: 10px 0 40px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #AAAAAA;
}

#invoice {
	float: right;
	text-align: right;
}

#invoice .date {
	font-size: 1.1em;
	color: #777777;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 0;
}

table th,
table td {
	padding: 10px 20px;
	background: #EEEEEE;
	text-align: center;
	border-bottom: 1px solid #FFFFFF;
}

table th {
	white-space: nowrap;        
	font-weight: normal;
}

table td {
	text-align: right;
}

table td h3{
	color: #2c2f79;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 0.2em 0;
}

table .no {
	color: #FFFFFF;
	font-size: 1.6em;
	background: #2c2f79;
}

table .desc {
	text-align: left;
}

table .unit {
	background: #DDDDDD;
}

table .qty {
}

table .total {
	background: #2c2f79;
	color: #FFFFFF;
}

table td.unit,
table td.qty,
table td.total {
	font-size: 1.2em;
}

table tbody tr:last-child td {
	border: none;
}

table tfoot td {
	padding: 10px 20px;
	background: #FFFFFF;
	border-bottom: none;
	font-size: 1.2em;
	white-space: nowrap; 
	border-top: 1px solid #AAAAAA; 
}

table tfoot tr:first-child td {
	border-top: none; 
}

table tfoot tr:last-child td {
	color: #2c2f79;
	font-size: 1.4em;
	border-top: 1px solid #AAAAAA; 
}

table tfoot tr td:first-child {
	border: none;
}

#thanks{
	font-size: 1.6em;
	text-align: left;
	margin: 50px 0 22px;
}

#notices{
	text-align: left;
	padding-left: 6px;
	border-left: 6px solid #2c2f79;  
}

#notices .notice {
	font-size: 1em;
}

footer {
	font-family: 'Helvetica', sans-serif;
	color: #777777;
	width: 100%;
	height: 7.5cm;
	position: absolute;
	bottom: 0;
	padding: 8px 0;
	text-align: center;
}
#return-section {
	padding: 50px 0 10px;
	margin-bottom: 10px;
	text-align: left;
}
#return-section #details{
	padding: 0 0 20px;
}


