<div class="md-padding" style="width: 100%; padding: 3px 0px 0px 0px;"
	id="popupContainer" ng-controller="myProjectAllocationsController"
	ng-init="getMyProjectAllocations()">
	<div class="container-fluid mainDivHeaderClass">
		<div class="row">
			<div class="col-lg-12">
				<p align="center" class="col-xs-11"
					style="vertical-align: middle; font-weight: bold; font-size: 30px;">My Project Allocations </p>
				<p align="right" class="col-xs-1"
					style="vertical-align: middle; font-weight: bold; font-size: 1.5em; margin-top: 8px; cursor: pointer;">
					<i class="fa fa-refresh" aria-hidden="true"
						ng-click="refreshPage()"></i>
				</p>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<div class="row col-lg-12" style="height: 15px;margin-left: 20px;"></div>
<div class="row col-lg-12">
			<div class="col-xs-6" style="margin-left: 20px;">
				<p>
					<b>List of your current and previous project allocations: </b>
					
				</p>
			</div>
			
		</div>
		<div class="row col-lg-12" style="height: 15px;"></div>
	<div class="row col-lg-12" style="margin-left: 0px;">

		<div id="gridTest" ui-grid="gridOptions" ui-grid-pagination
			class="myGrid" style="width:99%;height:380px;" >
			<div class="watermark" ng-show="!gridOptions.data.length">No
				data available</div>
		</div>
	</div>
</div>