<!DOCTYPE html>
<html>
	<head>
		<title>Voucher</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="pragma" content="no-cache" />
		<link rel="icon" href="assets/img/favicon.png" />
        <script src="assets/js/jquery.min.js"></script>
		<style>
			body {
			  color: #000000;
			  background-color: #FFFFFF;
			  font-size: 14px;
			  font-family:  'Helvetica', arial, sans-serif;
			  margin: 0px;
			  -webkit-print-color-adjust: exact;
			}
			table.voucher {
			  display: inline-block;
			  border: 2px solid black;
			  margin: 2px;
			}
			@page
			{
			  size: auto;
			  margin-left: 7mm;
			  margin-right: 3mm;
			  margin-top: 9mm;
			  margin-bottom: 3mm;
			}
			@media print
			{
			  table { page-break-after:auto }
			  tr    { page-break-inside:avoid; page-break-after:auto }
			  td    { page-break-inside:avoid; page-break-after:auto }
			  thead { display:table-header-group }
			  tfoot { display:table-footer-group }
			}
			.num {
			  float:right;
			  display:inline-block;
			}

			.rotate {
			  vertical-align: bottom;
			  text-align: center;
			}
			.rotate span {
			  -ms-writing-mode: tb-rl;
			  -webkit-writing-mode: vertical-rl;
			  writing-mode: vertical-rl;
			  transform: rotate(360deg);
			  white-space: nowrap;
			}
			.bgwhite{
			 -webkit-print-color-adjust: exact;
			 background-color: #fff;
			 color:#000;
			}
			.fontID{
				font-size : 18px;
			}

			.qrcode{
			  height:60px;
			  width:60px;
			}
			.vc{
				text-align: center;
				display:none;
			}	
			.up{
				text-align: center;
				display:none;
			}			
		</style>
    </head>
    <body>