<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.container {
  position: relative;
  text-align: left;
  color: black;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  margin-left: 10px;
}

.center-left {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0%, -50%); 
}

.top-center {
  position: absolute;
  top: 25%;
  left: 120px;
  transform: translate(0%, -50%); 
}
</style>
</head>
<body>

<div class="container" style="margin-top: 50px; margin-left:35px;font-size:0.8em;">
  <img src="gambar/pasien_card.png" alt="Snow" style="width:340px;">    
  <!--div class="top-center">Kartu Pasien</div-->
  <div class="center-left">
	<table border="0" width="340" cellpadding="3" cellspacing="2">
		
		<tr align="left">
			<td width="75">NO. RM</td> <td width="250" style="font-size:1.3em;">: <strong><?php echo $norm;?></strong></td>
		</tr>
		<tr align="left">
			<td>NIK/No KTP</td><td>: <?php echo $nik;?></td>
		</tr>
		<tr align="left">
			<td>NAMA</td><td>: <?php echo $nama;?></td>
		</tr>
		<tr align="left">
			<td>TGL. LAHIR</td><td>: <?php echo tgl_indo($tgllahir);?></td>
		</tr>
	</table>
  </div>  
</div>

</body>
</html> 