<!-- Editable Table -->
<div class="container col-md-12">
	<table class="table table-responsive-md table-sm table-bordered" id="allowances_tb">
		<thead>
			<tr style="font-weight: 550;">
				<td>Name of Allowance</td>
				<td>Source of Circular (e.g. SRC, PSC, etc)</td>
				<td>Eligibile Staff by Grade</td>
				<td>Rate of Payment/ amount(KShs)</td>
				<td>Mode of payment (e.g. payroll, cash or voucher)</td>
				<td>
					Frequency of Payment (e.g. Monthly, annually, etc)
					<span style="float:right">
					<button id="allowances_row_add" class="btn btn-danger" style="padding: 2px; font-size: 11px;">Add New Row</button>
					</span>
				</td>
			</tr>
		</thead>
		<tbody>
			<tr class="bg-white">
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</tbody>
	</table>

</div>
<!-- End -->