<html>      
<body>

<div class="md-padding" style="width: 100%; padding: 3px 0px 0px 0px;"
	id="popupContainer" ng-controller="chartsController">

	<div style="margin: 6% 0% -8% 61%">
		Report Type:<select ng-model="reportId" ng-change="clickMe()" ng-options="report.Id as report.Name for report in reports"></select>
	</div>

	<hc-pie-chart style="width: 100%; padding: 3px 0px 0px 0px;" title="Browser usage" data="pieData"  options="chartOptions">Placeholder for pie chart</hc-pie-chart>
	
		<div class="row col-lg-12" style="padding-top: 4%;margin-left:0px;">

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

</body>


</html>