<div class="row">
    <form class="form-horizontal">
        <div class="form-group" style="width:50%;float:left;padding-left:24px;margin-bottom:0px;">
            <!-- begin page-header -->
            <h1 class="page-header">
				Transcational Campaigns
            </h1> 
            <!-- end page-header -->
        </div>

        <!-- <div class="form-group" style="width:35%;float:right;padding-right:10px;margin-bottom:0px;">
                <label class="col-md-3 control-label"><span style="font-size: 14px;">Period</span></label>
                <div class="col-md-9">
                    <div id="advance-daterange" class="btn btn-white advance-daterange-class" >
                        <span></span>
                        <i class="fa fa-angle-down fa-fw"></i>
                    </div>
                </div>
        </div> -->
    </form>
</div>
<div class="row">
	<div class="panel panel-info">
	    <div class="panel-heading">
	        <div class="panel-heading-btn">
	        </div>
	        <!-- <div class="panel-heading-btn" id="downloadCSV" ng-click="downloadCsv()" attr-tableid="campaignTable"><i id="u-downloadLink" class="fa fa-2x fa-download" title="Downlaod Campaigns" style="cursor:pointer"></i></div> -->
	        <h4 class="panel-title p-heading">Campaigns</h4>
	    </div>
	    <div class="panel-body" style="overflow: auto;">
	        <table class="table table-striped table-bordered" id="tblCampaigns" >
	        	<thead >
	        		<th>Camp Name</th>
					<th>Camp Head</th>
					<th>Camp Desc</th>
        			<th>Reachable</th>
        			<th>Received</th>
        			<th>Viewed</th>
        			<th>Ignored</th>
        			<th>Clicked</th>
        			<th>Date</th>
	        	</thead>
	        	<tbody ></tbody>
	        </table>
	    </div>
	</div>
</div>

