<div class="col-md-6 col-sm-12">
	<!-- BEGIN PORTLET-->
	<div class="portlet light tasks-widget">
		<div class="portlet-title" style="display:none;">
			<div class="caption caption-md">
			<i class="icon-bar-chart theme-font-color hide"></i>
			<span class="caption-subject theme-font-color bold uppercase">Attendance</span>
			</div>
		</div>
		<div class="portlet-body">
			<div class="row">
				<div class="col-md-12 col-xs-12">
					<p id="netError"></p>
				</div>
				<div class="col-md-6 col-xs-6">
				<button type="button" data-loading-text="Updating..." class="clock-in-btn btn-block btn-sm btn-primary">
				CLOCK IN
				</button>
				<button type="button" data-loading-text="Updating..." class="clock-out-btn btn-success btn-block btn-sm">CLOCK OUT</button>
				</div>
				<div class="col-md-6 col-xs-6 margin-top-5" >
				<span class="label label-primary clock-in-status-btn" style="width:100%;padding: 2px 21px 4px 21px;">Current Time : 8:00am </span>
				</div>
			</div>
			<hr class="margin-10">
			<div class="row">
				<div class="col-md-6 col-xs-6">
				<button type="button" data-loading-text="Updating..." class="lunch-break-btn btn-block btn-sm btn-primary">
				LUNCH BREAK
				</button>
				<button type="button" data-loading-text="Updating..." class="lunch-break-out-btn btn-block btn-sm btn-success">
				LUNCH OUT
				</button>
				</div>
				<div class="col-md-6 col-xs-6 margin-top-5">
				<span class="label label-primary lunch-break-status-btn" style="width:100%;padding: 2px 21px 4px 21px;">Lunch Time : 1:00pm </span>
				</div>
				</div>
				<hr class="margin-10">
				<div class="row">
				<div class="col-md-6 col-xs-6">
				<button type="button" data-loading-text="Updating..." class="break-btn btn-block btn-sm btn-primary">
				BREAK
				</button>
				<button type="button" data-loading-text="Updating..." class="break-out-btn btn-block btn-sm btn-success">
				BREAK OUT
				</button>
				</div>
				<div class="col-md-6 col-xs-6 margin-top-5">
				<span class="label label-primary break-status-btn" style="width:100%;padding: 2px 21px 4px 21px;">Break Time : 4:00pm </span>
				</div>
			</div>
		</div>
	</div>
</div>
