diff --git a/ng6-seed/src/app/sales-pd/sales-pd-list/sales-pd.component.html b/ng6-seed/src/app/sales-pd/sales-pd-list/sales-pd.component.html
index f4d47f3..4ba15dd 100644
--- a/ng6-seed/src/app/sales-pd/sales-pd-list/sales-pd.component.html
+++ b/ng6-seed/src/app/sales-pd/sales-pd-list/sales-pd.component.html
@@ -1,215 +1,246 @@
 <mat-card class="p-2" style="box-shadow: 0 0 1px rgba(0,0,0,.18), 0 0 1px rgba(0,0,0,.15) !important">
-  <div fxLayout="row">
-      <div fxFlex="50" class="pb-0 text-sm-left">
-          <mat-form-field dividerColor="primary" style="width: 50%;">
-              <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search">
-            </mat-form-field>
+    <div fxLayout="row">
+        <div fxFlex="50" class="pb-0 text-sm-left">
+            <mat-form-field dividerColor="primary" style="width: 50%;">
+                <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search">
+              </mat-form-field>
+        </div>
+        <div fxFlex="50" class="pb-0 text-sm-left" fxLayoutAlign="end center">   
+                    <div class="example-button-container">
+                      <button (click)="newForm()" mat-mini-fab color="primary" aria-label="Example icon button with a menu icon">
+                        <mat-icon>add</mat-icon>
+                      </button>
+                    </div>
+                   
+                  </div>  
       </div>
-      <div fxFlex="50" class="pb-0 text-sm-left" fxLayoutAlign="end center">   
-                  <div class="example-button-container">
-                    <button (click)="newForm()" mat-mini-fab color="primary" aria-label="Example icon button with a menu icon">
-                      <mat-icon>add</mat-icon>
-                    </button>
-                  </div>
-                 
-                </div>  
-    </div>
-<mat-tab-group class="mt-1">
-   <mat-tab> 
-      <ng-template mat-tab-label>Sales PD</ng-template> 
-      <mat-card-content style="padding: 0px !important;">
-            <app-advance-filter [drop_down_datas]="filter_drop_down_data" (filteredlistData)="filteredDataSource($event)" 
-            ></app-advance-filter>
-        <p class="note" *ngIf="!recordStatus && limitMsg">Showing data for last {{common}}. To see older records, please use advanced filter</p>
-        <br/>
-        <div class="example-container"> 
-            <!--Start Mobile View Code-->             
-        <div fxLayout="row wrap" *ngFor="let details of salesPdData" class="webhide">                    
-          <div fxFlex.xs="40" fxFlex.sm="40" class="webhide" style="text-align: left;" (click)="editForm(details)"> 
-            <small mat-line *ngIf="details.applicant_name == null">Name Not Given</small>
-            <small mat-line *ngIf="details.applicant_name != null">{{details.applicant_name}}</small><br/>
-            <small style="font-size: 10px;color:black" mat-line>{{details.sales_pd_type == '1' ? 'Physical PD' : 'Telephonic PD'}}</small>
-          </div>
-          <div fxFlex.xs="50" fxFlex.sm="50" class="webhide" style="text-align: right;" (click)="editForm(details)" >
-            <!-- <div fxLayout="row wrap" style="margin-left: 6px;" fxLayoutAlign="end"> -->
-              <!-- <div fxFlex.xs="85" fxFlex.sm="85" class="webhide"> -->
-                  <span style="font-size: 10px;color:black" mat-line>
-                   {{details.createdon | date:'dd-MM-yy h:mm:ss a'}} 
-                  </span> <br/>
-                  <span> <span style="font-size:13px">{{details.abbr}}</span>&nbsp;<span style="font-weight: bold">|</span>&nbsp;<span style="font-weight:bold;font-size:13px" [ngStyle]="{'color':details.status == 'COMPLETED' ? 'green' : 'orange'}">{{details.status}}</span></span>
-              <!-- </div>
-              <div fxFlex.xs="15" fxFlex.sm="15" class="webhide" style="text-align: right;">
-                <button style="float: right" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
-                matTooltipPosition="above" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button><br/>
-                <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
-                matTooltip="View" matTooltipPosition="above">
-                <mat-icon>visibility</mat-icon>
-            </button>
-            </div> -->
-            <!-- </div>   -->
-          </div>
-          <div fxFlex.xs="10" fxFlex.sm="10" class="webhide" style="text-align: right;">
-            <button style="width: 43px !important;height: 23px !important;line-height: 0px !important;" mat-button mat-icon-button type="button" [disabled]="details.status != 'COMPLETED'"
-             color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button><br>
-             <button  mat-button mat-icon-button  (click)="newPortal()"  type="button" matTooltip="link" matTooltipPosition="above" color="primary"><mat-icon>link</mat-icon></button>
-          </div>
-          <mat-divider></mat-divider>
-          </div> 
-      <!--End Mobile View Code-->
-      
-       <!--Start Web View Code--> 
-       <div fxLayout="row wrap" *ngFor="let details of salesPdData">
-        <div class="cell" fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="6" fxFlex.lg="6" fxFlex.xl="9"  style="justify-content:flex-end">
-            <small mat-line>{{details.sales_pd_id}}</small>
-        </div>           
-        <div fxFlex.xs="14" fxFlex.sm="14" fxFlex.md="14" fxFlex.lg="14" fxFlex.xl="14" class="cell" style="justify-content:flex-end" style="color:rgb(224, 2, 1);font-weight: bold;text-align: left">
-            <small mat-line>{{details.sales_pd_sno}}</small><br/>
-            <small style="color: black;text-align:center;font-weight: normal;font-size: 15px;">{{details.sales_pd_type == '1' ? 'Physical PD' : 'Telephonic PD'}}</small>
-        </div>
-        <div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="13" fxFlex.lg="13" fxFlex.xl="13" class="cell" style="justify-content:flex-end">
-            <span *ngIf="!details.applicant_name" mat-line>
-                <small>--</small>
-            </span>
-            <span *ngIf="details.applicant_name" mat-line>
-                <b>{{details.applicant_name}}</b>
-            </span><br>
-            <span class="fontsize" mat-line> {{details.applicant_id}}</span>
-        </div>
-        <div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="8" fxFlex.lg="8" fxFlex.xl="8" class="cell center" style="justify-content:flex-end">
-            <span style="font-weight:500">  <small mat-line>{{details.short_name}}</small></span><br/>
-            <span style="text-align: center;font-weight:400;font-size: 17px;"> <small mat-line>{{details.abbr}}</small></span>
-        </div>
-        <div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="13" fxFlex.lg="13" fxFlex.xl="13" class="center no-pad cell" style="justify-content:flex-end">
-            <span *ngIf="!details.officer_name" mat-line>
-                <small>--</small>
-            </span>
-            <span *ngIf="details.officer_name" mat-line>
-                <small mat-line >{{details.officer_name}}</small> 
-            </span>
-        </div> 
-        <div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="13" fxFlex.lg="13" fxFlex.xl="13" class="center no-pad cell" style="justify-content:flex-end">
-         
-            <span *ngIf="!details.status" mat-line>
-                <small>--</small>
-            </span>
-            <span *ngIf="details.status" mat-line>
-                <small mat-line [ngStyle]="{'color':details.status == 'COMPLETED' ? 'green' :'orange'}">{{details.status}}</small> 
-            </span>  
-        </div>
-        <div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="12" fxFlex.lg="12" fxFlex.xl="12" class="center no-pad cell" style="justify-content:flex-end">
-            <small mat-line>{{details.createdon | date: 'dd/MM/yyyy'}}</small> 
-        </div>
-        <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell center" style="justify-content:flex-end"  *ngIf="details.pd_status != 'BOUNCED' || details.fk_pd_allocated_to == user_id">
-            <button style="float: right" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
-            matTooltipPosition="top" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button>
-            <!-- <button [disabled]="((roleID===11)? false:((details.status === 'COMPLETED')?true:false))" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
-            matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button> -->
-            <!-- <button [disabled]="((roleID===11)? false:((details.status === 'COMPLETED')?true:false))" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
-            matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button> -->
-            <button [disabled]="((roleID == 11)?false:true)" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
-            matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button>
-            <!-- <div *ngIf="roleID == 11">
-                <button *ngIf="details.status == 'COMPLETED'" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
-                matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button>
+  <mat-tab-group class="mt-1">
+     <mat-tab> 
+        <ng-template mat-tab-label>Sales PD</ng-template> 
+        <mat-card-content style="padding: 0px !important;">
+              <app-advance-filter [drop_down_datas]="filter_drop_down_data" (filteredlistData)="filteredDataSource($event)" 
+              ></app-advance-filter>
+          <p class="note" *ngIf="!recordStatus && limitMsg">Showing data for last {{common}}. To see older records, please use advanced filter</p>
+          <br/>
+          <div class="example-container"> 
+              <!--Start Mobile View Code-->             
+          <div fxLayout="row wrap" *ngFor="let details of salesPdData" class="webhide">                    
+            <div fxFlex.xs="40" fxFlex.sm="40" class="webhide" style="text-align: left;" (click)="editForm(details)"> 
+              <small mat-line *ngIf="details.applicant_name == null">Name Not Given</small>
+              <small mat-line *ngIf="details.applicant_name != null">{{details.applicant_name}}</small><br/>
+              <small style="font-size: 10px;color:black" mat-line>{{details.sales_pd_type == '1' ? 'Physical PD' : 'Telephonic PD'}}</small>
             </div>
-            <div *ngIf="roleID != 11">
-                <button [disabled]="details.status === 'COMPLETED'" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
-                matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button>
-            </div> -->
-            <!-- <a href={{link}} target={{link}}> -->
-                   
-                <!-- </a> -->
-            <!-- <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="viewPD(details.is_child == 0 ? details.pd_id : details.parent_pd_id,details.random_string)"
-                matTooltip="View" matTooltipPosition="above">
-                <mat-icon>visibility</mat-icon>
-            </button> --> 
-                  <!-- <mat-cell class="cell" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="10" style="justify-content: flex-start"> -->
-               
-            <!-- </mat-cell> --> 
-        </div>           
-      <mat-divider></mat-divider>
-</div> 
-<!--End Web View Code-->
-</div>
-          <!-- <mat-table [dataSource]="dataSourceTab4" matSort *ngIf="salesPdData.length > 0" >
+            <div fxFlex.xs="50" fxFlex.sm="50" class="webhide" style="text-align: right;" (click)="editForm(details)" >
+              <!-- <div fxLayout="row wrap" style="margin-left: 6px;" fxLayoutAlign="end"> -->
+                <!-- <div fxFlex.xs="85" fxFlex.sm="85" class="webhide"> -->
+                    <span style="font-size: 10px;color:black" mat-line>
+                     {{details.createdon | date:'dd-MM-yy h:mm:ss a'}} 
+                    </span> <br/>
+                    <span> <span style="font-size:13px">{{details.abbr}}</span>&nbsp;<span style="font-weight: bold">|</span>&nbsp;<span style="font-weight:bold;font-size:13px" [ngStyle]="{'color':details.status == 'COMPLETED' ? 'green' : 'orange'}">{{details.status}}</span></span>
+                <!-- </div>
+                <div fxFlex.xs="15" fxFlex.sm="15" class="webhide" style="text-align: right;">
+                  <button style="float: right" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
+                  matTooltipPosition="above" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button><br/>
+                  <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
+                  matTooltip="View" matTooltipPosition="above">
+                  <mat-icon>visibility</mat-icon>
+              </button>
+              </div> -->
+              <!-- </div>   -->
+            </div>
+            <div fxFlex.xs="10" fxFlex.sm="10" class="webhide" style="text-align: right;">
+              <button style="width: 43px !important;height: 23px !important;line-height: 0px !important;" mat-button mat-icon-button type="button" [disabled]="details.status != 'COMPLETED'"
+               color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button><br>
+               <button  mat-button mat-icon-button  (click)="newPortal()"  type="button" matTooltip="link" matTooltipPosition="above" color="primary"><mat-icon>link</mat-icon></button>
+            </div>
+            <mat-divider></mat-divider>
+            </div> 
+        <!--End Mobile View Code-->
+        
+         <!--Start Web View Code--> 
+         <div fxLayout="row wrap" *ngFor="let details of salesPdData">
+          <div class="cell" fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="6" fxFlex.lg="6" fxFlex.xl="9"  style="justify-content:flex-end">
+              <small mat-line>{{details.sales_pd_id}}</small>
+          </div>           
+          <div fxFlex.xs="14" fxFlex.sm="14" fxFlex.md="14" fxFlex.lg="14" fxFlex.xl="14" class="cell" style="justify-content:flex-end" style="color:rgb(224, 2, 1);font-weight: bold;text-align: left">
+              <small mat-line>{{details.sales_pd_sno}}</small><br/>
+              <small style="color: black;text-align:center;font-weight: normal;font-size: 15px;">{{details.sales_pd_type == '1' ? 'Physical PD' : 'Telephonic PD'}}</small>
+          </div>
+          <div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="13" fxFlex.lg="13" fxFlex.xl="13" class="cell" style="justify-content:flex-end">
+              <span *ngIf="!details.applicant_name" mat-line>
+                  <small>--</small>
+              </span>
+              <span *ngIf="details.applicant_name" mat-line>
+                  <b>{{details.applicant_name}}</b>
+              </span><br>
+              <span class="fontsize" mat-line> {{details.applicant_id}}</span>
+          </div>
+          <div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="8" fxFlex.lg="8" fxFlex.xl="8" class="cell center" style="justify-content:flex-end">
+              <span style="font-weight:500">  <small mat-line>{{details.short_name}}</small></span><br/>
+              <span style="text-align: center;font-weight:400;font-size: 17px;"> <small mat-line>{{details.abbr}}</small></span>
+          </div>
+          <div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="13" fxFlex.lg="13" fxFlex.xl="13" class="center no-pad cell" style="justify-content:flex-end">
+              <span *ngIf="!details.officer_name" mat-line>
+                  <small>--</small>
+              </span>
+              <span *ngIf="details.officer_name" mat-line>
+                  <small mat-line >{{details.officer_name}}</small> 
+              </span>
+          </div> 
+          <div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="13" fxFlex.lg="13" fxFlex.xl="13" class="center no-pad cell" style="justify-content:flex-end">
            
-              <ng-container matColumnDef="SalesPdId">
-                  <mat-cell class="cell" *matCellDef="let details;" fxFlex.xs="7" fxFlex.sm="7" fxFlex.md="7" fxFlex.lg="7" fxFlex.xl="10">
-                      <small mat-line>{{details.sales_pd_id}}</small>
-              </mat-cell>
-                  </ng-container>
-              <ng-container matColumnDef="SalesPdSno">
-                  <mat-cell fxFlex.xs="15" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="16" fxFlex.xl="15" class="cell" *matCellDef="let details;" style="color:rgb(224, 2, 1);font-weight: bold;text-align: left" >
-                      <small mat-line>{{details.sales_pd_sno}}</small><br/>
-                      <small style="color: black;text-align:center;font-weight: normal;font-size: 15px;">{{details.sales_pd_type == '1' ? 'Physical PD' : 'Telephonic PD'}}</small>
-              </mat-cell>
-                  </ng-container>
-          <ng-container matColumnDef="Applicant Name">
-                <mat-cell class="cell" *matCellDef="let details;" fxFlex.xs="20" fxFlex.sm="17" fxFlex.md="18" fxFlex.lg="20" fxFlex.xl="18">
-                    <span *ngIf="!details.applicant_name" mat-line>
-                        <small>--</small>
-                    </span>
-                    <span *ngIf="details.applicant_name" mat-line>
-                        <b>{{details.applicant_name}}</b>
-                    </span><br>
-                    <span class="fontsize" mat-line> {{details.applicant_id}}</span>
+              <span *ngIf="!details.status" mat-line>
+                  <small>--</small>
+              </span>
+              <span *ngIf="details.status" mat-line>
+                  <small mat-line [ngStyle]="{'color':details.status == 'COMPLETED' ? 'green' :'orange'}">{{details.status}}</small> 
+              </span>  
+          </div>
+          <div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="12" fxFlex.lg="12" fxFlex.xl="12" class="center no-pad cell" style="justify-content:flex-end">
+              <small mat-line>{{details.createdon | date: 'dd/MM/yyyy'}}</small> 
+          </div>
+          <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
+                  <div fxFlex="row">
+                          <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
+                                  <button style="float: right" mat-button mat-icon-button class="hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
+                                  matTooltipPosition="top" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button>
+                          </div>
+                          <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
+                                  <div *ngIf="roleID == 30">
+                                          <button *ngIf="details.status == 'COMPLETED'" mat-button mat-icon-button class="hover-icon" type="button" color="primary" (click)="editForm(details)"
+                                          matTooltip="View" matTooltipPosition="top" style="color:rgba(0, 0, 0, 0.26) !important"><mat-icon>visibility</mat-icon></button>
+                                          <button *ngIf="details.status == 'STARTED'" mat-button mat-icon-button class=" hover-icon" type="button" color="primary" (click)="editForm(details)"
+                                          matTooltip="View" matTooltipPosition="top" ><mat-icon>visibility</mat-icon></button>
+                                      </div>
+                                      <div *ngIf="roleID != 30">
+                                          <button [disabled]="details.status === 'COMPLETED'" mat-button mat-icon-button class="hover-icon" type="button" color="primary" (click)="editForm(details)"
+                                          matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button>
+                                      </div>   
+                          </div>
+                              <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
+                                      <button  mat-button mat-icon-button class="hover-icon" (click)="newPortal()"  type="button" matTooltip="link" matTooltipPosition="above" color="primary"><mat-icon>link</mat-icon></button>   
+                              </div>
+                                  <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
+                                          <button *ngIf="roleID == 30" mat-button mat-icon-button class="hover-icon" type="button" matTooltip="ReGenerate" 
+                                          matTooltipPosition="above" color="primary" [matMenuTriggerFor]="menu1"><mat-icon>more_vert</mat-icon></button>
+                                          <mat-menu #menu1="matMenu"> 
+                                           <button mat-menu-item (click)="regeneratereport(details.sales_pd_id,'report')">
+                                            
+                                             <mat-icon>autorenew</mat-icon>
+                                             <span>Re-Generate Report</span>
+                                           </button>
+                                          
+                                           <button mat-menu-item (click)="regeneratereport(details.sales_pd_id,'location')">
+                                            
+                                             <mat-icon>location_on</mat-icon>
+                                             <span>Re-Generate Location</span>
+                                           </button>
+                                           <button mat-menu-item  (click)="regeneratereport(details.sales_pd_id,'mail')">
+                                             
+                                               <mat-icon>email</mat-icon>
+                                               <span>Resent Mail</span>
+                                             </button>
+                                         </mat-menu>  
+                                  </div>
+                  </div>
+            
+              <!-- <button [disabled]="((roleID===11)? false:((details.status === 'COMPLETED')?true:false))" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
+              matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button> -->
+             
+              <!-- <a href={{link}} target={{link}}> -->
+                     
+                  <!-- </a> -->
+              <!-- <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="viewPD(details.is_child == 0 ? details.pd_id : details.parent_pd_id,details.random_string)"
+                  matTooltip="View" matTooltipPosition="above">
+                  <mat-icon>visibility</mat-icon>
+              </button> --> 
+                    <!-- <mat-cell class="cell" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="10" style="justify-content: flex-start"> -->
+                 
+              <!-- </mat-cell> --> 
+          </div>           
+        <mat-divider></mat-divider>
+  </div> 
+  <!--End Web View Code-->
+  </div>
+            <!-- <mat-table [dataSource]="dataSourceTab4" matSort *ngIf="salesPdData.length > 0" >
+             
+                <ng-container matColumnDef="SalesPdId">
+                    <mat-cell class="cell" *matCellDef="let details;" fxFlex.xs="7" fxFlex.sm="7" fxFlex.md="7" fxFlex.lg="7" fxFlex.xl="10">
+                        <small mat-line>{{details.sales_pd_id}}</small>
+                </mat-cell>
+                    </ng-container>
+                <ng-container matColumnDef="SalesPdSno">
+                    <mat-cell fxFlex.xs="15" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="16" fxFlex.xl="15" class="cell" *matCellDef="let details;" style="color:rgb(224, 2, 1);font-weight: bold;text-align: left" >
+                        <small mat-line>{{details.sales_pd_sno}}</small><br/>
+                        <small style="color: black;text-align:center;font-weight: normal;font-size: 15px;">{{details.sales_pd_type == '1' ? 'Physical PD' : 'Telephonic PD'}}</small>
+                </mat-cell>
+                    </ng-container>
+            <ng-container matColumnDef="Applicant Name">
+                  <mat-cell class="cell" *matCellDef="let details;" fxFlex.xs="20" fxFlex.sm="17" fxFlex.md="18" fxFlex.lg="20" fxFlex.xl="18">
+                      <span *ngIf="!details.applicant_name" mat-line>
+                          <small>--</small>
+                      </span>
+                      <span *ngIf="details.applicant_name" mat-line>
+                          <b>{{details.applicant_name}}</b>
+                      </span><br>
+                      <span class="fontsize" mat-line> {{details.applicant_id}}</span>
+                    </mat-cell>
+            </ng-container>
+            <ng-container matColumnDef="Short Name">
+                <mat-cell class="cell" *matCellDef="let details" fxLayoutAlign="center start" fxFlex.xs="9" fxFlex.sm="9" fxFlex.md="9" fxFlex.lg="9">
+                  <span style="font-weight:500">  <small mat-line>{{details.short_name}}</small></span><br/>
+                   <span style="text-align: center;font-weight:400;font-size: 17px;"> <small mat-line>{{details.abbr}}</small></span>
+                    </mat-cell>
+              </ng-container>
+              <ng-container matColumnDef="Officer Name">
+                   <mat-cell fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="10" fxFlex.lg="13"  class="cell" *matCellDef="let details;" fxLayoutAlign="center start"> 
+                      <span *ngIf="!details.officer_name" mat-line>
+                          <small>--</small>
+                      </span>
+                      <span *ngIf="details.officer_name" mat-line>
+                          <small mat-line >{{details.officer_name}}</small> 
+                      </span>         
+                   </mat-cell>
+              </ng-container>
+              <ng-container matColumnDef="status">
+                  <mat-cell fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="18"   class="cell" *matCellDef="let details;" style="justify-content: flex-start;;text-align: center;font-weight: bold" fxLayoutAlign="start"> 
+                    <span *ngIf="!details.status" mat-line>
+                          <small>--</small>
+                      </span>
+                      <span *ngIf="details.status" mat-line>
+                          <small mat-line [ngStyle]="{'color':details.status == 'COMPLETED' ? 'green' :'orange'}">{{details.status}}</small> 
+                      </span>                    
                   </mat-cell>
-          </ng-container>
-          <ng-container matColumnDef="Short Name">
-              <mat-cell class="cell" *matCellDef="let details" fxLayoutAlign="center start" fxFlex.xs="9" fxFlex.sm="9" fxFlex.md="9" fxFlex.lg="9">
-                <span style="font-weight:500">  <small mat-line>{{details.short_name}}</small></span><br/>
-                 <span style="text-align: center;font-weight:400;font-size: 17px;"> <small mat-line>{{details.abbr}}</small></span>
+             </ng-container>
+              <ng-container matColumnDef="Create On">
+                  <mat-cell  class="cell" *matCellDef="let details;" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="10" fxLayoutAlign="center end"> 
+                      <small mat-line>{{details.createdon | date: 'dd/MM/yyyy'}}</small>                      
                   </mat-cell>
-            </ng-container>
-            <ng-container matColumnDef="Officer Name">
-                 <mat-cell fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="10" fxFlex.lg="13"  class="cell" *matCellDef="let details;" fxLayoutAlign="center start"> 
-                    <span *ngIf="!details.officer_name" mat-line>
-                        <small>--</small>
-                    </span>
-                    <span *ngIf="details.officer_name" mat-line>
-                        <small mat-line >{{details.officer_name}}</small> 
-                    </span>         
-                 </mat-cell>
-            </ng-container>
-            <ng-container matColumnDef="status">
-                <mat-cell fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="18"   class="cell" *matCellDef="let details;" style="justify-content: flex-start;;text-align: center;font-weight: bold" fxLayoutAlign="start"> 
-                  <span *ngIf="!details.status" mat-line>
-                        <small>--</small>
-                    </span>
-                    <span *ngIf="details.status" mat-line>
-                        <small mat-line [ngStyle]="{'color':details.status == 'COMPLETED' ? 'green' :'orange'}">{{details.status}}</small> 
-                    </span>                    
-                </mat-cell>
-           </ng-container>
-            <ng-container matColumnDef="Create On">
-                <mat-cell  class="cell" *matCellDef="let details;" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="10" fxLayoutAlign="center end"> 
-                    <small mat-line>{{details.createdon | date: 'dd/MM/yyyy'}}</small>                      
-                </mat-cell>
-           </ng-container>
-            <ng-container matColumnDef="Action">
-                 <mat-cell class="cell" *matCellDef="let details;" style="justify-content: flex-end;padding: 0 !important" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="18">
-                    <button style="float: right" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
-                    matTooltipPosition="above" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button>
-                    <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
-                    matTooltip="View" matTooltipPosition="above">
-                    <mat-icon>visibility</mat-icon>
-                </button>
-                   
-                </mat-cell>
-            </ng-container>
-            <mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
-            </mat-row>
-       </mat-table> -->
-       
-  </mat-card-content>
-
-    <mat-paginator *ngIf="!recordStatus" #paginator class="mat-elevation-z1" [length]="length" [pageIndex]="pageIndex" [pageSize]="pageSize"
-    [pageSizeOptions]="[5, 10, 25,50, 100]" (page)="pageEvent = $event; pageChange($event)" showFirstLastButtons>
-  </mat-paginator> 
-  <mat-card-content *ngIf="recordStatus">
-           <h5 align="center" style="font-weight: bold;
-           color: brown;">Showing data for last {{common}}. To see older records, please use advanced filter</h5>
-       </mat-card-content>
-   </mat-tab> 
-</mat-tab-group>
-</mat-card>
\ No newline at end of file
+             </ng-container>
+              <ng-container matColumnDef="Action">
+                   <mat-cell class="cell" *matCellDef="let details;" style="justify-content: flex-end;padding: 0 !important" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="18">
+                      <button style="float: right" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
+                      matTooltipPosition="above" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button>
+                      <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
+                      matTooltip="View" matTooltipPosition="above">
+                      <mat-icon>visibility</mat-icon>
+                  </button>
+                     
+                  </mat-cell>
+              </ng-container>
+              <mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
+              </mat-row>
+         </mat-table> -->
+         
+    </mat-card-content>
+  
+      <mat-paginator *ngIf="!recordStatus" #paginator class="mat-elevation-z1" [length]="length" [pageIndex]="pageIndex" [pageSize]="pageSize"
+      [pageSizeOptions]="[5, 10, 25,50, 100]" (page)="pageEvent = $event; pageChange($event)" showFirstLastButtons>
+    </mat-paginator> 
+    <mat-card-content *ngIf="recordStatus">
+             <h5 align="center" style="font-weight: bold;
+             color: brown;">Showing data for last {{common}}. To see older records, please use advanced filter</h5>
+         </mat-card-content>
+     </mat-tab> 
+  </mat-tab-group>
+  </mat-card>
\ No newline at end of file