PharmacyDetails

<!DOCTYPE html>
<html lang="en">
   <head>
      <title>Bill Invoice</title>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

   <style>
  @page{
   size: 8.27in 5.8in Portrait; margin:1px 1px 1px 1px;
   }
     /* body {
font-family: Consolas, Courier, sans-serif;    font-size: 11px;
 margin: 35mm 15mm 15mm 20mm;
 }  */
      label {
font-weight: 600;         line-height: 30px;
}
      ul {
    list-style: none;         padding: 0;
 }
      table {
      margin: 8px 0;         width: 100%;
 }
table thead {
   background: #ddd;
  }
 table, th,    td {
         ;         border-collapse: collapse;         padding: 5px 8px;         text-align: left;
}
.printTable  table tr th:first-child {
         width: 7%;
}
.hide {
  display: none;
  }
  .Header h4,     .Header h2 {
     margin-bottom: 4px;         margin-top: 4px;
 }
 img{
 width: 130px;      height: 140px;
 }
.PrintFoot p {
  margin: 0 0 3px 0;
}
 .topheader {
position:fixed; margin-top:0px;
 }
/*td:nth-child(2),
    td:nth-child(3) {
        display: none
    }

    td:nth-child(5),
    td:nth-child(10),
    td:nth-child(11) {
        display: none
    }*/
tr:first-child{
border-top: 1px solid #555;
}
   </style>
  </head>
   <body>
      <div class="main-div">
      <div class="header" style="overflow: auto;">


<div style="overflow: auto;">
         <div style="width: 30%; float: left; text-align:left;">
      <strong>Bill Type :</strong>  {Type}
</div>
         <div style="width: 70%; float: left; text-align:left;">
<strong style="text-align:center;">{InvoiceCopy}</strong>
</div>
</div>
      <hr>
      <div style="overflow: auto;">
         <div style="width: 50%; float: left; text-align:left;">
<strong>Patient ID :</strong> {PatientID}<br>
<strong>Patient Name :</strong> {PatientName}<br>
<strong>Scheme Name: </strong>  {Patient Type}<br>
<strong>Claim Code :</strong> {ClaimID}  <br>
</div>

         <div  style="width: 50%; float: left; text-align: right;">         <strong>Sales Bill No :</strong> {Date}<br>
<strong>Date :</strong> {date} <br>
<strong>Time :</strong> {Time}<br>
<strong>NHSI No :</strong> {policyno}<br>


</div>
      </div>

      <div class="printTable" >
         <table class="table table-bordered table-striped">
            <thead>
               <tr>
                  <th>S.No.</th>
                  <th>Name</th>
                  <th>Batch</th>
                  <th>Expiry</th>
                  <th>Qty</th>
                  <th>Rate</th>
                  <th>Net Total</th>
               </tr>
            </thead>
            <tbody>
               {Details}
            </tbody>

         </table>
      </div>
      <div style="overflow: auto;">


</div>
         <div style="width: 100%; float: left; text-align: right;">           <strong>Total:  </strong>   {BillTotal}  <br>                     <strong>Discount  : </strong>  {Discount}  <br>
         <hr>
<strong>Net Amount  : </strong>  {NetTotal}  <br>

         </div>
      </div>
      <div class="PrintFoot" style="margin-top: 10px;">
         <p><strong>Username :</strong> {User}</p>
        <strong>In Words:  </strong>  {InWords}<br/><br/>
         <strong>Remarks  : </strong>  {narration}  <br/>
         <p style="text-align: center;">Get Well Soon !!</p>
      </div>
</div>
   </body>
</html>