diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
index f4ed49068..8400ed5bf 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
@@ -4,51 +4,92 @@
     <div fxLayout="row wrap">
       <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="30" fxFlex.xl="30" *ngFor="let master of pdMasterData">
           <mat-card style="margin: 15px;min-width: 80%;max-width: 100%;box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;">
-            <mat-card-content style="background-color: whitesmoke;">
-                <mat-list role="list">
-                    <mat-list-item class="center" role="listitem">
-                     <strong>{{master.lender_short_name}}</strong>
-                    </mat-list-item>
-                    <mat-list-item class="center" role="listitem">
-                        {{master.branch_name}}
-                       </mat-list-item>
-                       <mat-list-item class="center" role="listitem" *ngIf="master.lender_applicant_id">
-                          {{master.lender_applicant_id}}
-                         </mat-list-item>
-                         <mat-list-item class="center" role="listitem" *ngIf="master.lender_applicant_id">
-                            {{master.pd_date_of_initiation}}
-                           </mat-list-item>
-                           
-                           <mat-list-item role="listitem" class="center" *ngIf="master.product_name">
-                              {{master.product_name}}
-                             </mat-list-item>
-                             <mat-list-item class="center" role="listitem" *ngIf="master.subproduct_name">
-                              {{master.subproduct_name}}
-                             </mat-list-item>
-                              <mat-list-item class="center" role="listitem" *ngIf="master.loan_amount">
-                                  <i class="fa-1x fa fa-rupee"></i><small style="margin-left: 2%; font-size: inherit">{{master.loan_amount}}</small>
-                           </mat-list-item>
-  
-                           <mat-list-item class="center" role="listitem" *ngIf="master.pd_type_name">
+            <mat-card-content style="background-color: whitesmoke;padding:0px !important;">
+                 <mat-list role="list">
+                    <mat-list-item role="listitem" style="background-color:#e00201;">
+                  <div fxFlex="row">
+                           <div fxFlex="100">
+                      <div fxFlex="100" align="center" *ngIf="master.pd_type_name" style="color:#fff;">
                               <i class="fa-1x fa fa-check-circle"></i><small style="margin-left: 2%; font-size: inherit">{{master.pd_type_name}}</small>
-                       </mat-list-item>
+                      </div>
+                           </div>
+                  </div>
+                  </mat-list-item>
+                   <mat-list-item role="listitem">
+                   <div fxFlex="row">
+                  <div fxFlex="100">
+                      <div fxFlex="50" align="left">
+                     <strong>{{master.lender_short_name}}</strong>
+                      </div>
+                      <div fxFlex="50" align="right"> 
+                        {{master.branch_name}} 
+                      </div>
+                  </div>
+                   </div>
+                   </mat-list-item>
+                   <hr>
+
+                   <mat-list-item role="listitem">
+                   <div fxFlex="row">
+                  <div fxFlex="100">
+                      <div fxFlex="50" align="left" *ngIf="master.lender_applicant_id">
+                           {{master.lender_applicant_id}}                         
+                          </div>
+                      <div fxFlex="50" align="right" *ngIf="master.lender_applicant_id">
+                            {{master.pd_date_of_initiation}}                          
+                      </div>
+                  </div>
+                   </div>
+                   </mat-list-item>
+                   <hr>
+                   <mat-list-item role="listitem">
+                  <div fxFlex="row">
+                           <div fxFlex="100">
+                      <div fxFlex="100" align="left" *ngIf="master.product_name">
+                              {{master.product_name}}<br>
+                              <span *ngIf="master.subproduct_name" style="font-size:0.9rem !important;">{{master.subproduct_name}}</span>
+                      </div>
+                      
+                           </div>
+                  </div>
+                  </mat-list-item>
+                  <hr>
+                  <mat-list-item role="listitem">
+                  <div fxFlex="row">
+                           <div fxFlex="100">
+                      
+                      <div fxFlex="100" align="right" *ngIf="master.loan_amount">
+                       <i class="fa-1x fa fa-rupee"></i><small style="margin-left: 2%; font-size: inherit">{{master.loan_amount}}</small>             
+                      </div>
+                           </div>
+                  </div>
+                  </mat-list-item>                
                             
                   </mat-list>
+                  
+                  <div>
+                  <mat-card-title style="color:#e00201;">Lender Contact Details</mat-card-title>
+                   <mat-list>
+                           <mat-list-item align="left" *ngIf="master.pd_contact_person">
+                               <i class="fa-1x fa fa-user"></i><small style="margin-left: 2%; font-size: inherit">{{master.pd_contact_person}}</small>
+                             </mat-list-item>
+                             <mat-list-item align="left" *ngIf="master.pd_contact_mobileno">
+                                 <i class="fa-1x fa fa-phone"></i><small style="margin-left: 2%; font-size: inherit">{{master.pd_contact_mobileno}}</small>
+                               </mat-list-item>
+                         </mat-list>
+                  </div>
               </mat-card-content>
-             <mat-card-actions align="center">
-              <button mat-raised-button class="mr-1 mb-1"  color="primary" style="cursor: not-allowed !important;">
-                <strong> {{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Addon Pending' : master.pd_status | titlecase}}</strong>
-              </button>
-              <button *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editPdMaster(master)" matTooltipPosition="above" matTooltip="Edit PD Master"><mat-icon>edit</mat-icon></button>                 
-              <button *ngIf="currentPDStatus==pdStatusCheck.DRAFT" mat-raised-button  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Trigger" matTooltipPosition="above" (click)="directTriggerPD(mandatoryFieldsValidations,master)"><mat-icon>flash_on</mat-icon></button>  
-                
-             </mat-card-actions>
-
              </mat-card>
       </div>
       <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="60" fxFlex.lg="70" fxFlex.xl="70" class="content-data" *ngFor="let master of pdMasterData">
           <div fxLayout="row">
-              <div fxFlex="100" align="right">                             
+              <div fxFlex="100" align="right"> 
+                  <button mat-raised-button class="mr-1 mb-1"  color="primary" style="cursor: not-allowed !important;">
+                <strong> {{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Addon Pending' : master.pd_status | titlecase}}</strong>
+              </button>
+              <button *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editPdMaster(master)" matTooltipPosition="above" matTooltip="Edit PD Master"><mat-icon>edit</mat-icon></button>                 
+              <button *ngIf="currentPDStatus==pdStatusCheck.DRAFT" mat-raised-button  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Trigger" matTooltipPosition="above" (click)="directTriggerPD(mandatoryFieldsValidations,master)"><mat-icon>flash_on</mat-icon></button>  
+                                           
                       <button *ngIf="master.pd_type_name && currentPDStatus==pdStatusCheck.QC_COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PD Report" matTooltipPosition="above" (click)="getPDIDReport(viewID)"><mat-icon>ballot</mat-icon></button>
                       <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon"  type="button" matTooltip="Close" matTooltipPosition="above" (click)="loadPdListCompoent()"><mat-icon>close</mat-icon></button>   
               </div>
@@ -57,7 +98,93 @@
 
              <div fxLayout="row wrap">
               <div fxFlex="50" *ngFor="let addresses of master.addresses;">
-                <mat-card style="box-shadow: 0 0 1px rgba(0,0,0,.18), 0 0 1px rgba(0,0,0,.15) !important" *ngIf="addresses.pincode">
+                <mat-card style="box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;border-radius: 5px !important;border-bottom:1px solid #e00201 !important;" *ngIf="addresses.pincode">
+                <mat-card class="headerdesign" style="background-color: #e00201;margin:0px !important;">
+                    <!-- this is for  set primary address of the PD actions-->
+                  <div [ngSwitch]="addresses.is_primary" style="padding:10px !important;">
+                    <div *ngSwitchCase="1"> 
+                                <!-- <div fxFlex="50" align="left">
+                                <div fxFlex="100" style="color: #e00201">
+                                   {{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Addon Pending' : master.pd_status | titlecase}} 
+                                </div>
+                                </div> -->
+                                <div fxLayout="row nowrap">
+                                  <div fxFlex="100">
+                                <div fxFlex="40" align="left" style="color: #fff">
+                                        {{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Completed' : master.pd_status | titlecase}} 
+                                </div>
+                                <div fxFlex="60" align="right">
+                                  <button *ngIf="addresses.assigned_pd==null || addresses.assigned_pd==''" mat-raised-button mat-button-md  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" [matTooltip]="master.fk_primary_address_id ? 'Initiate Address for Additional PD Process' : 'Initiate Address for PD Process'" matTooltipPosition="above" (click)="initiateAddtionalPD(master,addresses,master.fk_primary_address_id ? true : false)"><mat-icon>where_to_vote</mat-icon></button>
+                                  <button *ngIf="addresses.assigned_pd && master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && master.pd_status!=pdStatusCheck.ADD_ON_PENDING && currentPDStatus!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-button-md  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Allocate" matTooltipPosition="above" (click)="pdAllocationTo(master,addresses)"><mat-icon>verified_user</mat-icon></button>
+                                  <button *ngIf="addresses.assigned_pd && master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && master.pd_status!=pdStatusCheck.ADD_ON_PENDING && currentPDStatus!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Schedule" matTooltipPosition="above" (click)="scheduleDetails(master,addresses)"><mat-icon>schedule</mat-icon></button>
+                                  <button *ngIf="addresses.assigned_pd && master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.TRIGGERED  && enableStartPD" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above" (click)="getPDStart(addresses,master.pd_status)"><mat-icon>question_answer</mat-icon></button>
+                              </div> 
+                                  </div>
+                            </div>
+                            <div fxLayout="row nowrap">
+                              <div fxFlex="100">
+                                  <div fxFlex="40" align="left" style="color: #fff">
+                                      <div *ngIf="master.pd_allocated_to && master.fk_pd_type==1">
+                                        {{master.pd_allocated_to | titlecase}}                                      
+                                  </div>
+                                  <div *ngIf="master.executive_name && master.centralofficer && master.fk_pd_type==2">
+                                      {{master.executive_name | titlecase}}
+                                    </div>
+                                  <div *ngIf="master.centralofficer && master.fk_pd_type==3">
+                                      {{master.centralofficer | titlecase}}
+                                  </div>
+                                </div> 
+                              <div fxFlex="60" align="right" style="color: #fff" *ngIf="master.scheduled_on">
+                                {{master.scheduled_on}}
+                              </div>
+                              </div>
+                              </div> 
+                    </div>
+                    <div *ngSwitchCase="0">
+                      <div fxLayout="row nowrap">
+                                  <div fxFlex="100">
+                        <mat-card-actions align="right" *ngIf="master.fk_primary_address_id==null && addresses.addtional_pd_data.length==0">
+                               <button mat-raised-button mat-button-md  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" [matTooltip]="master.fk_primary_address_id ? 'Initiate Address for Additional PD Process' : 'Initiate Address for PD Process'" matTooltipPosition="above" (click)="initiateAddtionalPD(master,addresses,master.fk_primary_address_id ? true : false)"><mat-icon>where_to_vote</mat-icon></button>
+                           </mat-card-actions>
+                           <mat-card-actions align="right" *ngIf="master.fk_primary_address_id!=null && addresses.addtional_pd_data.length==0 && master.pd_status==pdStatusCheck.ADD_ON_PENDING">
+                             <!-- master.pd_status==pdStatusCheck.ADD_ON_PENDING -->
+                              <button mat-raised-button mat-button-md  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" [matTooltip]="master.fk_primary_address_id ? 'Initiate Address for Additional PD Process' : 'Initiate Address for PD Process'" matTooltipPosition="above" (click)="initiateAddtionalPD(master,addresses,master.fk_primary_address_id ? true : false)"><mat-icon>where_to_vote</mat-icon></button>
+                          </mat-card-actions>
+                           <div *ngIf="master.fk_primary_address_id!=null && addresses.addtional_pd_data.length>0">
+                              <div fxLayout="row nowrap">
+                                  <div fxFlex="40" align="left" style="color: #fff">
+                                          {{addresses.addtional_pd_data[0].pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : addresses.addtional_pd_data[0].pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Completed' : addresses.addtional_pd_data[0].pd_status | titlecase}} 
+                                  </div>
+                                  <div fxFlex="60" align="right">
+                                    <button *ngIf="addresses.assigned_pd && addresses.addtional_pd_data[0].pd_type_name && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.DRAFT && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.COMPLETED && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.ADD_ON_PENDING && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-button-md  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Allocate" matTooltipPosition="above" (click)="pdAllocationTo(master,addresses)"><mat-icon>verified_user</mat-icon></button>
+                                    <button *ngIf="addresses.assigned_pd && addresses.addtional_pd_data[0].pd_type_name && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.DRAFT && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.COMPLETED && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.ADD_ON_PENDING && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Schedule" matTooltipPosition="above" (click)="scheduleDetails(master,addresses)"><mat-icon>schedule</mat-icon></button>
+                                    <button *ngIf="addresses.assigned_pd && addresses.addtional_pd_data[0].pd_type_name && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.DRAFT && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.TRIGGERED" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above" (click)="getPDStart(addresses,addresses.addtional_pd_data[0].pd_status)"><mat-icon>question_answer</mat-icon></button>
+                                  </div>
+                              </div>
+                              <div fxLayout="row nowrap">
+                                  <div fxFlex="40" align="left" style="color: #fff">
+                                      <div *ngIf="addresses.addtional_pd_data[0].pd_allocated_to && addresses.addtional_pd_data[0].fk_pd_type==1">
+                                        {{addresses.addtional_pd_data[0].pd_allocated_to | titlecase}}                                      
+                                  </div>
+                                  <div *ngIf="addresses.addtional_pd_data[0].executive_name && addresses.addtional_pd_data[0].centralofficer && addresses.addtional_pd_data[0].fk_pd_type==2">
+                                      {{addresses.addtional_pd_data[0].executive_name | titlecase}}
+                                    </div>
+                                  <div *ngIf="addresses.addtional_pd_data[0].centralofficer && addresses.addtional_pd_data[0].fk_pd_type==3">
+                                      {{addresses.addtional_pd_data[0].centralofficer | titlecase}}
+                                  </div>
+                                </div> 
+                              <div fxFlex="60" align="right" style="color: #fff" *ngIf="addresses.addtional_pd_data[0].scheduled_on">
+                                {{addresses.addtional_pd_data[0].scheduled_on}}
+                              </div>
+                              </div>
+                          </div>
+                      </div>
+                      </div>
+                    </div>
+                    
+                  </div>
+                 </mat-card>
+                  
                   <mat-card-content>
                       <div fxLayout="row nowrap">
                       <div fxFlex="10" appPdLocatedMapView [value]="addresses">
@@ -71,114 +198,20 @@
                       </div>
                   </mat-card-content>
                   <!-- <mat-divider></mat-divider> -->
-                  <!-- this is for  set primary address of the PD actions-->
-                  <div [ngSwitch]="addresses.is_primary">
-                    <div *ngSwitchCase="1">
-                        <mat-card-actions>
-                                <!-- <div fxFlex="50" align="left">
-                                <div fxFlex="100" style="color: #e00201">
-                                   {{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Addon Pending' : master.pd_status | titlecase}} 
-                                </div>
-                                </div> -->
-                                <div fxLayout="row nowrap">
-                                <div fxFlex="40" align="left" style="color: #e00201">
-                                        {{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Completed' : master.pd_status | titlecase}} 
-                                </div>
-                                <div fxFlex="60" align="right">
-                                  <button *ngIf="addresses.assigned_pd==null || addresses.assigned_pd==''" mat-raised-button mat-button-md  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" [matTooltip]="master.fk_primary_address_id ? 'Initiate Address for Additional PD Process' : 'Initiate Address for PD Process'" matTooltipPosition="above" (click)="initiateAddtionalPD(master,addresses,master.fk_primary_address_id ? true : false)"><mat-icon>where_to_vote</mat-icon></button>
-                                  <button *ngIf="addresses.assigned_pd && master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && master.pd_status!=pdStatusCheck.ADD_ON_PENDING && currentPDStatus!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-button-md  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Allocate" matTooltipPosition="above" (click)="pdAllocationTo(master,addresses)"><mat-icon>verified_user</mat-icon></button>
-                                  <button *ngIf="addresses.assigned_pd && master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && master.pd_status!=pdStatusCheck.ADD_ON_PENDING && currentPDStatus!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Schedule" matTooltipPosition="above" (click)="scheduleDetails(master,addresses)"><mat-icon>schedule</mat-icon></button>
-                                  <button *ngIf="addresses.assigned_pd && master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.TRIGGERED  && enableStartPD" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above" (click)="getPDStart(addresses,master.pd_status)"><mat-icon>question_answer</mat-icon></button>
-                              </div> 
-                            </div>
-                            <div fxLayout="row nowrap">
-                                  <div fxFlex="40" align="left" style="color: #e00201">
-                                      <div *ngIf="master.pd_allocated_to && master.fk_pd_type==1">
-                                        {{master.pd_allocated_to | titlecase}}                                      
-                                  </div>
-                                  <div *ngIf="master.executive_name && master.centralofficer && master.fk_pd_type==2">
-                                      {{master.executive_name | titlecase}}
-                                    </div>
-                                  <div *ngIf="master.centralofficer && master.fk_pd_type==3">
-                                      {{master.centralofficer | titlecase}}
-                                  </div>
-                                </div> 
-                              <div fxFlex="60" align="right" style="color: #e00201" *ngIf="master.scheduled_on">
-                                {{master.scheduled_on}}
-                              </div>
-                              </div>
-                              
-                      </mat-card-actions>
-                    </div>
-                    <div *ngSwitchCase="0">
-                        <mat-card-actions align="right" *ngIf="master.fk_primary_address_id==null && addresses.addtional_pd_data.length==0">
-                               <button mat-raised-button mat-button-md  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" [matTooltip]="master.fk_primary_address_id ? 'Initiate Address for Additional PD Process' : 'Initiate Address for PD Process'" matTooltipPosition="above" (click)="initiateAddtionalPD(master,addresses,master.fk_primary_address_id ? true : false)"><mat-icon>where_to_vote</mat-icon></button>
-                           </mat-card-actions>
-                           <mat-card-actions align="right" *ngIf="master.fk_primary_address_id!=null && addresses.addtional_pd_data.length==0 && master.pd_status==pdStatusCheck.ADD_ON_PENDING">
-                             <!-- master.pd_status==pdStatusCheck.ADD_ON_PENDING -->
-                              <button mat-raised-button mat-button-md  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" [matTooltip]="master.fk_primary_address_id ? 'Initiate Address for Additional PD Process' : 'Initiate Address for PD Process'" matTooltipPosition="above" (click)="initiateAddtionalPD(master,addresses,master.fk_primary_address_id ? true : false)"><mat-icon>where_to_vote</mat-icon></button>
-                          </mat-card-actions>
-                           <mat-card-actions align="right" *ngIf="master.fk_primary_address_id!=null && addresses.addtional_pd_data.length>0">
-                              <div fxLayout="row nowrap">
-                                  <div fxFlex="40" align="left" style="color: #e00201">
-                                          {{addresses.addtional_pd_data[0].pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : addresses.addtional_pd_data[0].pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Completed' : addresses.addtional_pd_data[0].pd_status | titlecase}} 
-                                  </div>
-                                  <div fxFlex="60" align="right">
-                                    <button *ngIf="addresses.assigned_pd && addresses.addtional_pd_data[0].pd_type_name && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.DRAFT && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.COMPLETED && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.ADD_ON_PENDING && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-button-md  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Allocate" matTooltipPosition="above" (click)="pdAllocationTo(master,addresses)"><mat-icon>verified_user</mat-icon></button>
-                                    <button *ngIf="addresses.assigned_pd && addresses.addtional_pd_data[0].pd_type_name && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.DRAFT && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.COMPLETED && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.ADD_ON_PENDING && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Schedule" matTooltipPosition="above" (click)="scheduleDetails(master,addresses)"><mat-icon>schedule</mat-icon></button>
-                                    <button *ngIf="addresses.assigned_pd && addresses.addtional_pd_data[0].pd_type_name && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.DRAFT && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.TRIGGERED" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above" (click)="getPDStart(addresses,addresses.addtional_pd_data[0].pd_status)"><mat-icon>question_answer</mat-icon></button>
-                                  </div>
-                              </div>
-                              <div fxLayout="row nowrap">
-                                  <div fxFlex="40" align="left" style="color: #e00201">
-                                      <div *ngIf="addresses.addtional_pd_data[0].pd_allocated_to && addresses.addtional_pd_data[0].fk_pd_type==1">
-                                        {{addresses.addtional_pd_data[0].pd_allocated_to | titlecase}}                                      
-                                  </div>
-                                  <div *ngIf="addresses.addtional_pd_data[0].executive_name && addresses.addtional_pd_data[0].centralofficer && addresses.addtional_pd_data[0].fk_pd_type==2">
-                                      {{addresses.addtional_pd_data[0].executive_name | titlecase}}
-                                    </div>
-                                  <div *ngIf="addresses.addtional_pd_data[0].centralofficer && addresses.addtional_pd_data[0].fk_pd_type==3">
-                                      {{addresses.addtional_pd_data[0].centralofficer | titlecase}}
-                                  </div>
-                                </div> 
-                              <div fxFlex="60" align="right" style="color: #e00201" *ngIf="addresses.addtional_pd_data[0].scheduled_on">
-                                {{addresses.addtional_pd_data[0].scheduled_on}}
-                              </div>
-                              </div>
-                          </mat-card-actions>
-                    </div>
-                    
-                  </div>
+                 
 
                 </mat-card>
               </div>
-              <div fxFlex="50">
-                <mat-card style="box-shadow: 0 0 1px rgba(0,0,0,.18), 0 0 1px rgba(0,0,0,.15) !important">
-                    <mat-card-header>
-                       <mat-card-title>Lender Contact Details</mat-card-title>
-                    </mat-card-header>
-                    <mat-card-content>
-                       <mat-list>
-                           <mat-list-item *ngIf="master.pd_contact_person">
-                               <i class="fa-1x fa fa-user"></i><small style="margin-left: 2%; font-size: inherit">{{master.pd_contact_person}}</small>
-                             </mat-list-item>
-                             <mat-list-item *ngIf="master.pd_contact_mobileno">
-                                 <i class="fa-1x fa fa-phone"></i><small style="margin-left: 2%; font-size: inherit">{{master.pd_contact_mobileno}}</small>
-                               </mat-list-item>
-                         </mat-list>
-                    </mat-card-content>
-                   </mat-card>
-            </div> 
+         
             <div fxFlex="50" *ngIf="master.remarks">
-                <mat-card style="box-shadow: 0 0 1px rgba(0,0,0,.18), 0 0 1px rgba(0,0,0,.15) !important">
-                    <mat-card-header>
-                       <mat-card-title>Remarks</mat-card-title>
+                <mat-card style="box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;border-radius: 5px !important;border-bottom:1px solid #e00201 !important;">
+                    <mat-card-header style="background-color:#e00201;">
+                       <mat-card-title style="color:#fff;">Remarks</mat-card-title>
                     </mat-card-header>
                     <mat-card-content>
                         <p>{{master.remarks}}</p>
                     </mat-card-content>
                    </mat-card>
-              
               </div> 
              
              </div>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.scss
index ca365439f..dc3c39ef2 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.scss
@@ -1,3 +1,4 @@
+
 .cardEdit {
     float:right;
     padding-top:3%;
@@ -12,7 +13,12 @@
 .metaDataStyle{
  height:89px !important;
 }
-
+.headerdesign{
+    border-radius: 5px !important;
+        // border-bottom-left-radius: 5px !important;
+        //  border-bottom-right-radius: 5px !important;
+    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;
+}
 
 :host {
   margin-left: -5px;
@@ -35,12 +41,12 @@
     }
 }
 
-.mat-list .mat-list-item.center .mat-list-item-content{
-    justify-content: center;
-//    color: #fff
-}
-.mat-list .mat-list-item.center .mat-list-text>*{
-margin: 0 auto 0 0;
-}
+// .mat-list .mat-list-item.center .mat-list-item-content{
+//     justify-content: center;
+// //    color: #fff
+// }
+// .mat-list .mat-list-item.center .mat-list-text>*{
+// margin: 0 auto 0 0;
+// }