File: //var/www/html/qcr24/app/global/pdf/transaction_report_terminal.html
<div class="container">
<div class="pdf_top_table">
<table class="table box2">
<tbody>
<tr>
<td class="box3">South Eastern Taxi Brokers</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="box5" >Date: {date-dc}</td>
<td class="box6" ></td>
</tr>
</tbody>
</table>
</diV>
<hr>
<div class="pdf_table">
<table style="width:100%">
<thead>
<tr>
<th>DC/Driver</th>
<th>Phone No</th>
<th>Device</th>
<th>Fare Amount</th>
</tr>
</thead>
<tbody>
{transaction-terminal-reports}
</tbody>
</table>
</div>
</div>
<style>
.container{width:1170px;margin:0 auto;padding-left:15px;paddding-right:15px;}
.table_logo{text-align:center;margin:20px 0 30px 0;}
.buyer_row{box-sizing:border-box;}
.buyer_row:after{content:"";display:table;clear:both;box-sizing:border-box;}
.buyer_row .col-sm-6,.buyer_row .col-md-6,.buyer_row .col-lg-6{width:50%;float:left;box-sizing:border-box;}
.seller_name p{text-align:right;}
.pull-right{float:right;}
.pdf_table tr td,.pdf_table tr th{padding:10px 15px;}
.pdf_table thead th{background:#c3c3c3;}
.pdf_table tbody td,.pdf_table tbody th{background:#f2f2f2;border-bottom:1px solid #f2f2f2;}
.pdf_table tfoot td,.pdf_table tfoot th{background:#c3c3c3;}
.box1 {
margin: 0 auto;
width: 90%;
}
.box2 {
margin: 50px auto;
width: 100%;
}
.box3 {
color: #000;
font-family: 'Arial';
font-size: 18px;
font-weight: bold;
}
.box4 {
color: #000;
font-family: 'Arial';
font-size: 18px;
font-weight: bold;
text-align: right;
}
.box5 {
color: #000;
font-family: 'Arial';
font-size: 18px;
font-weight: bold;
}
.box6 {
padding: 0 0 0 0;
margin: 0;
color: #ff0000;
font-family: 'Arial';
font-size: 18px;
font-weight: bold;
text-align: right;
}
.box7 {
color: #000;
font-family: 'Arial';
font-size: 16px;
font-weight: bold;
}
.box8 {
margin: 30px auto;
width: 100%;
}
.transactionbox {
margin: 30px auto 5px;
}
.transactionbox table {
border-collapse: collapse;
width: 100%;
}
.transactionbox table, .transactionbox th, .transactionbox td {
border: 1px solid black;
padding: 5px;
font-weight: bold;
}
.farebox {
float: right;
width: 414px;
}
.farebox table {
border-collapse: collapse;
width: 100%;
}
.farebox table, .farebox th, .farebox td {
border: 1px solid black;
padding: 5px;
font-weight: bold;
}
</style>