<!-- Begin Body -->
<div class="container-fluid" style="padding-top:100px; height:550px">
	<div class="row"><br/></div> 
	<input type="hidden" class="check_tobedelivered_date" value="yes">
	<div class="row">
      		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 
				 <table  id="sales_report_per_broker_table"  class="cell-border order-column compact hover"  style="width:100%;">

					<thead>
						<tr>  
							<th style="text-align:center; min-width: 150px;" rowspan="2" ><small>Broker</small></th> 
							<th style="text-align:center; min-width: 80px;" rowspan="2"><small>Reservation Status</small></th> 
							<th style="text-align:center; min-width: 30px;" rowspan="2"><small>Year</small></th> 
							<th style="text-align:center; min-width: 30px;" rowspan="2"><small>Jan</small></th>
							<th style="text-align:center; min-width: 30px;" rowspan="2"><small>Feb</small></th>
							<th style="text-align:center; min-width: 30px;" rowspan="2"><small>Mar</small></th>
							<th style="text-align:center; min-width: 30px;" rowspan="2"><small>Apr</small></th>
							<th style="text-align:center; min-width: 30px;" rowspan="2"><small>May</small></th>
							<th style="text-align:center; min-width: 30px;" rowspan="2"><small>Jun</small></th>
							<th style="text-align:center; min-width: 30px;" rowspan="2"><small>Jul</small></th>
							<th style="text-align:center; min-width: 30px;" rowspan="2"><small>Aug</small></th>
							<th style="text-align:center; min-width: 30px;" rowspan="2"><small>Sep</small></th>
							<th style="text-align:center; min-width: 30px;" rowspan="2"><small>Oct</small></th>
							<th style="text-align:center; min-width: 30px;" rowspan="2"><small>Nov</small></th>
							<th style="text-align:center; min-width: 30px;" rowspan="2"><small>Dec</small></th>
							<th style="text-align:center; min-width: 120px;" colspan="2"><small>Total Sales</small></th> 
						</tr>
						<tr>  
							<th style="text-align:center; min-width: 20px;"><small>#</small></th>   
							<th style="text-align:center; min-width: 100px;"><small>Amount</small></th> 
						</tr>
					</thead>

					<tfoot>
						<tr>  
							<th style="text-align:center; min-width: 150px;"><small>Broker</small></th> 
							<th style="text-align:center; min-width: 80px;" ><small>Reservation Status</small></th> 
							<th style="text-align:center; min-width: 30px;" ><small>Year</small></th> 
							<th style="text-align:center; min-width: 30px;" ><small>Jan</small></th>
							<th style="text-align:center; min-width: 30px;" ><small>Feb</small></th>
							<th style="text-align:center; min-width: 30px;" ><small>Mar</small></th>
							<th style="text-align:center; min-width: 30px;" ><small>Apr</small></th>
							<th style="text-align:center; min-width: 30px;" ><small>May</small></th>
							<th style="text-align:center; min-width: 30px;" ><small>Jun</small></th>
							<th style="text-align:center; min-width: 30px;" ><small>Jul</small></th>
							<th style="text-align:center; min-width: 30px;" ><small>Aug</small></th>
							<th style="text-align:center; min-width: 30px;" ><small>Sep</small></th>
							<th style="text-align:center; min-width: 30px;" ><small>Oct</small></th>
							<th style="text-align:center; min-width: 30px;" ><small>Nov</small></th>
							<th style="text-align:center; min-width: 30px;"><small>Dec</small></th> 
							<th style="text-align:center; min-width: 20px;"><small>#</small></th>   
							<th style="text-align:center; min-width: 100px;"><small>Amount</small></th> 
						</tr>
					</tfoot>
				</table> 
      		</div>
  	</div>
</div>



 