@import url("https://use.typekit.net/age5pyb.css");
@media print {
  * { overflow: visible !important; } 
  .page { page-break-after:always; }
}
@page {
	size: A4 portrait;
	margin: 7mm 0 5mm 20mm;
/*	
	@top-right {
		counter-increment: page;
  counter-reset: page 1;
  content: "Page " counter(page) " of " counter(pages);
  }
	
	@bottom-left {
		border: 1px solid #000;
  content: "Ship Agent";
  font-size: 9pt;
  color: #000;
	}
	
	@bottom-right {
  content: "Master";
  font-size: 9pt;
  color: #000;
	}*/
}

:root {
	--navblue: rgb(220,230,235);
	--blue: rgb(40,120,180); /* on flag .svg also */
	--dblue: rgb(0,60,100);
}
html,
body {
	box-sizing: content-box;
	position: absolute;
	margin: 0;
	padding: 0;
	height: 270mm;
	width: 176mm;
	font-family: tablet-gothic-narrow, jaf-bernino-sans-narrow, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: black;
}
table, thead, tbody, tr, th, td {
	box-sizing: border-box;
}
head, header, footer, nav, h2, h5, legend, button {
	display: none; 
}
body       {
	border: 0;
}
.error {
	display: none;
}
.message {
	display: none;
}
div.data  {
	display: block;
	flex: none;
	width: 180mm;
	height: 100%;
	border: 0;
	margin: 0;
	padding: 75pt 0 70pt 0;
	background-color: #fff;
	font-size: 10pt;
	line-height: 14pt;
	text-align: center;
	/*overflow: hidden;*/
}
div.stat {
	padding: 0;
}
div.blank {
	height: calc(270mm - 90pt);
}
#letterhead {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding-bottom: 10pt;
	border-bottom: 0.5mm solid var(--dblue);
}
#letterhead > img {
	display: block;
	width: 60%;
	margin: 0 20% 0 20%;
	padding: 0;
}
fieldset {
	border: none;
}
hr {
	display: block;
	border: none;
	height: 7pt;
}
hr.wide {
	height: 10pt;
}
h3 {
	margin-top: 40pt;
	margin-bottom: 15pt;
	text-align: center;
	font-size: 16pt;
	line-height: 30pt;
	color: var(--dblue);
}
h3.voucher {
	margin-top: 10pt;
	margin-bottom: 5pt;
	text-align: left;
}
p {
	text-align: left;
}
.flex-line {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-end;
	height: auto;
}
.flex-line-page {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	align-items: flex-end;
	height: auto;
}
.column {
	display: inline-block;
	min-width: 70pt;
	text-align: left;
	vertical-align: top;
}
.topint {
	display: block;
}
.signature {
	width: 25%;
	margin-top: 30pt;
	/*border-top: 0.5mm solid #000;*/
	font-size: 9pt;
}
.letter {
	font-size: 10pt;
}
.statement {
	margin-top: 0;
	margin-bottom: 10pt;
	border-top: none;
}
.wide {
	margin-bottom: 15pt;
}
.page_break_before {
	page-break-before: always;
}
.page_break_after {
	page-break-after: always;
}
#letterbottom {
	display: block;
	position: absolute;
	bottom: -15mm;
	left: 0;
	width: 100%;
	height: 60pt;
}
#letterbottom > .flex-line {
	width: 100%;
	border-top: 0.5mm solid var(--dblue);
	align-items: flex-start;
}
#letterbottom .column {
	width: 33%;
	text-align: start;
}
#letterbottom .column > p {
	color: var(--dblue);
	font-size: 7pt;
	line-height: 10pt;
}

/* Resulted table */
table {
	color: #000;
	border: 1px solid #000;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	float: none;
}
table.stat_table {
 table-layout: fixed;
}
caption {
	text-align: left;
	font-size: 11pt;
	font-weight: 500;
	line-height: 19pt;
}
table input, table textarea {
	border: none;
	line-height: 13pt;
	font-size: 9pt;
	width: auto;
	height: 18pt;
	word-wrap: normal;
}
th, tr.total > td {
	padding: 7pt;
	vertical-align: middle;
	font-size: 9pt;
	line-height: 13pt;
	border: 0.5mm solid #000;
}
th {
	height: auto;
	text-align: center;
}
tr.total > td {
	height: 30pt;
}
tr.add_row {
	display: none;
}
td {
	border-right: 0.5mm solid #000;
	border-left: 0.5mm solid #000;
	border-top: none;
	border-bottom: none;
	width: auto;
	word-wrap: break-word;
	vertical-align: baseline;
	font-size: 9pt;
	line-height: 13pt;
}
th, td {
	padding: 5pt 7pt;
}
/* Statement formatting */
.stat_table {
	width: 168mm;
	height: auto;
	border: none;
}
.stat_table > thead {
	display: none;
}
.stat_table tr.remarks {
	page-break-before: auto;
	page-break-inside: avoid;
	page-break-after: avoid;
	height: 14mm;
}
.stat_table tr.dd {
	border-top: none;
	border-bottom: none;
	height: 5mm;
}
.stat_table tr.dd:first-of-type {
	border-top: 0.5mm solid #000;
}
.stat_table tr.dd:last-of-type {
	height: 6mm;
	border-bottom: 1pt solid #000;
}
.stat_table td {
	display: table-cell;
	position: relative;
	border: 0.5mm solid #000;
	height: 9mm;
	min-height: 9mm;
	font-size: 10pt;
	line-height: 12pt;
	vertical-align: baseline;
	padding: 4.3mm 0 0 3mm;
}
.stat_table td.one, .stat_table td.two, .stat_table td.seven, .stat_table td.ten, .stat_table td.full, .stat_table td.remark, .stat_table tr.subtitle > td {
	padding: 0.3mm;
}
.stat_table td.page {
	height: 7mm;
}
.stat_table td.one {
	width: 11mm;
}
.stat_table td.two {
	min-width: 22mm;
}
.stat_table td.four {
	min-width: 44mm;
	max-width: 44mm;
}
.stat_table td.seven {
	width: 77mm;
}
.stat_table td.eight {
	width: 88mm;
}
.stat_table td.ten {
	width: 110mm;
}
.stat_table td.full {
	min-width: 176mm;
}
.stat_table td.daily_delay {
	border-top: none;
	border-bottom: none;
	height: 5mm;
	padding: 0 0.5mm;
	vertical-align: top;
}
.stat_table td.remark {
	padding-left: 2mm;
}
.stat_table tr.subtitle {
	page-break-before: auto;
	page-break-inside: avoid;
	page-break-after: avoid;
}
.stat_table tr.subtitle > td {
	height: 6mm;
	font-size: 8.5pt;
	vertical-align: middle;
}
stat_table tr.subtitle > td:first-of-type {
	border-top: 0.5mm solid black;
}
.stat_table tr.buttons {
	display: none;
	page-break-before: avoid;
	page-break-inside: avoid;
	page-break-after: auto;
}
.stat_table tr.sign_upper, .stat_table tr.sign_upper > td, .stat_table tr.sign_bottom, .stat_table tr.sign_bottom > td {
	border-left: none;
	border-right: none;
} 
.stat_table tr.borderless, .stat_table tr.sigh_bottom > td.borderless {
	border: none;
	
}
.stat_table tr.sign_upper, .stat_table tr.sign_upper > td {
	border-top: 0.5mm solid black;
	border-bottom: none;
	/*border: none;*/
}
.stat_table tr.sign_upper {
	page-break-before: avoid;
	page-break-inside: avoid;
	page-break-after: always;
	height: 26pt;
}
.stat_table tr.sign_bottom, .stat_table tr.sign_bottom > td {
	border-top: none;
	/*border: none;*/
}
.stat_table tr.sign_bottom {
	page-break-before: auto;
	page-break-inside: avoid;
	page-break-after: avoid;
	height: 12pt;
}
.stat_table td.upper_right {
	padding: 0;
	border-top: none;
	border-right: none;
	vertical-align: middle;
	font-size: 11pt;
	line-height: 15pt;
	font-weight: bold;
}
.stat_table td.left_pad {
	padding-left: 5mm;
}
.stat_table td.daily {
	padding: 0;
}
.stat_table td.center {
	text-align: center;
}
.stat_table td.middle {
	vertical-align: middle;
}
.stat_table td.empty {
	height: 5mm;
}
.stat_table img {
	width: 50mm;
	height: auto;
	margin: -2mm 0 0 0;
}
.stat_table span.stat_label {
	position: absolute;
	top: 0.5mm;
	left: 1mm;
	font-size: 8pt;
	line-height: 8pt;
}
.stat_table span.stat_column {
	display: inline-block;
	width: auto;
}
.stat_repeat {
	position: fixed;
	bottom: 0;
	left: 30pt;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.noprint {
	display: none;
}