diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html
index 07380fb50..e02e7d359 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html
@@ -2,15 +2,17 @@
         <mat-table [dataSource]="dataSourceTab1" matSort *ngIf="PdListData.length > 0" >
              
             <ng-container matColumnDef="PDType">
-                    <mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> 
+                    <mat-cell fxFlex="15" class="cell" *matCellDef="let details;" style="justify-content:flex-end"> 
                     
                    
                       <!-- <button *ngIf="details.fk_pd_type == '1'"  mat-icon-button class="hover-icon pd_circle"  matTooltip="Full PD" 
                       matTooltipPosition="above"><strong>F</strong></button> -->
                       <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' "  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
                       matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
-                      <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name"  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
-                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
+                      <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name"  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
+                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
+                      <div *ngIf="details.fk_pd_type != null" [ngClass]="(details.fk_pd_type=='1')?'fullPD':(details.fk_pd_type=='2')?'smartPD':'telePD'" class="mr-1 mb-1 hover-icon commonPDType"
+                      [matTooltip]="details.pd_type_name" matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></div>
                       <!-- <button *ngIf="details.fk_pd_type == '3'" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"  matTooltip="Tele PD" 
                       matTooltipPosition="above"><strong>T</strong></button> -->
 
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.scss
index eaa2718fe..41ca2a034 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.scss
@@ -14,13 +14,39 @@
 .fontsize{
     font-size:14px;
 }
-.pd_circle {
-    width: 50px !important;
-    height: 50px;
-    border-radius: 50%;
-    font-size: 18px;
+// .pd_circle {
+//     border: 5px red !important;
+//     width: 50px;
+//     height: 50px;
+//     border-radius: 50px !important;
+//    // font-size: 18px;
+//    // color: red;
+//    // line-height: 50px;
+//    // text-align: center;
+//     background: #fff;
+//   }
+.commonPDType{
+    display:flex;
+    justify-content:flex-end;
     color: #ffffff;
-    line-height: 50px;
+    margin-top:4px;
+    margin-bottom:4px;
+    width: 60px;
+    height: 60px;
+    justify-content:center;
     text-align: center;
-    background: red
-  }
\ No newline at end of file
+    border-radius: 50%;
+    line-height: 60px;
+}
+.fullPD{
+    background:#009688;
+    border: 2px #009688;
+}
+.smartPD{
+    background:#673ab7;
+    border: 2px #673ab7;
+}
+.telePD{
+    background:#2196f3;
+    border: 2px #2196f3;
+}
\ No newline at end of file
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html
index be998a087..86e8b7e0e 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html
@@ -2,11 +2,11 @@
         <mat-table [dataSource]="dataSourceTab4" matSort *ngIf="completedPdListData.length > 0" >
     
                 <ng-container matColumnDef="PDType">
-                        <mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> 
+                        <mat-cell fxFlex="15" class="cell" style="text-align: center" *matCellDef="let details;"> 
                                <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' "  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
                       matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
-                      <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name"  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
-                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
+                      <div *ngIf="details.fk_pd_type != null" [ngClass]="(details.fk_pd_type=='1')?'fullPD':(details.fk_pd_type=='2')?'smartPD':'telePD'" class="mr-1 mb-1 hover-icon commonPDType"
+                      [matTooltip]="details.pd_type_name" matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></div>
                         </mat-cell>
                     </ng-container>
             <ng-container matColumnDef="Name">
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.scss
index eaa2718fe..f7963f6f7 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.scss
@@ -14,13 +14,50 @@
 .fontsize{
     font-size:14px;
 }
-.pd_circle {
-    width: 50px !important;
-    height: 50px;
-    border-radius: 50%;
-    font-size: 18px;
+// .pd_circle {
+//     width: 60px !important;
+//     height: 60px;
+//     border-radius: 50%;
+//     font-size: 18px;
+//     color: #ffffff;
+//     text-align: center;
+//     background: red
+//   }
+// .FullPD-Class{
+//     background:lightcoral;
+//     border: 2px lightcoral;
+// }
+// .SmartPD-Class{
+//     background:thistle;
+//     border: 2px thistle;
+// }
+// .TelePD-Class{
+//     background:lawngreen;    
+//     border: 2px lawngreen;
+// }
+
+.commonPDType{
+    display:flex;
+    justify-content:flex-end;
     color: #ffffff;
-    line-height: 50px;
+    margin-top:4px;
+    margin-bottom:4px;
+    width: 60px;
+    height: 60px;
+    justify-content:center;
     text-align: center;
-    background: red
-  }
\ No newline at end of file
+    border-radius: 50%;
+    line-height: 60px;
+}
+.fullPD{
+    background:#009688;
+    border: 2px #009688;
+}
+.smartPD{
+    background:#673ab7;
+    border: 2px #673ab7;
+}
+.telePD{
+    background:#2196f3;
+    border: 2px #2196f3;
+}
\ No newline at end of file
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html
index 81f2fa52b..ef0a6b08f 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html
@@ -1,11 +1,11 @@
 <mat-card-content>
         <mat-table [dataSource]="dataSourceTab2" matSort *ngIf="progressPdListData.length > 0" >
             <ng-container matColumnDef="PDType">
-                <mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> 
+                <mat-cell fxFlex="15" class="cell" style="text-align: center" *matCellDef="let details;"> 
    <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' "  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
                       matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
-                      <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name"  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
-                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
+                      <div *ngIf="details.fk_pd_type != null" [ngClass]="(details.fk_pd_type=='1')?'fullPD':(details.fk_pd_type=='2')?'smartPD':'telePD'" class="mr-1 mb-1 hover-icon commonPDType"
+                      [matTooltip]="details.pd_type_name" matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></div>
                 </mat-cell>
             </ng-container>
             <ng-container matColumnDef="Name">
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.scss
index eaa2718fe..67347bd56 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.scss
@@ -14,13 +14,38 @@
 .fontsize{
     font-size:14px;
 }
-.pd_circle {
-    width: 50px !important;
-    height: 50px;
-    border-radius: 50%;
-    font-size: 18px;
+// .pd_circle {
+//     width: 50px !important;
+//     height: 50px;
+//     border-radius: 50%;
+//     font-size: 18px;
+//     color: #ffffff;
+//     line-height: 50px;
+//     text-align: center;
+//     background: red
+//   }
+.commonPDType{
+    display:flex;
+    justify-content:flex-end;
     color: #ffffff;
-    line-height: 50px;
+    margin-top:4px;
+    margin-bottom:4px;
+    width: 60px;
+    height: 60px;
+    justify-content:center;
     text-align: center;
-    background: red
-  }
\ No newline at end of file
+    border-radius: 50%;
+    line-height: 60px;
+}
+.fullPD{
+    background:#009688;
+    border: 2px #009688;
+}
+.smartPD{
+    background:#673ab7;
+    border: 2px #673ab7;
+}
+.telePD{
+    background:#2196f3;
+    border: 2px #2196f3;
+}
\ No newline at end of file
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html
index 79ccd28ad..52a57a3ec 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html
@@ -1,11 +1,11 @@
 <mat-card-content>
   <mat-table [dataSource]="dataSourceTab5" matSort *ngIf="qcCompletedPdListData.length > 0" >
         <ng-container matColumnDef="PDType">
-                <mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> 
+            <mat-cell fxFlex="15" class="cell" style="text-align: center" *matCellDef="let details;"> 
                        <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' "  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
                       matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
-                      <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name"  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
-                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
+                      <div *ngIf="details.fk_pd_type != null" [ngClass]="(details.fk_pd_type=='1')?'fullPD':(details.fk_pd_type=='2')?'smartPD':'telePD'" class="mr-1 mb-1 hover-icon commonPDType"
+                      [matTooltip]="details.pd_type_name" matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></div>
                 </mat-cell>
             </ng-container>
       <ng-container matColumnDef="Name">
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.scss
index eaa2718fe..67347bd56 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.scss
@@ -14,13 +14,38 @@
 .fontsize{
     font-size:14px;
 }
-.pd_circle {
-    width: 50px !important;
-    height: 50px;
-    border-radius: 50%;
-    font-size: 18px;
+// .pd_circle {
+//     width: 50px !important;
+//     height: 50px;
+//     border-radius: 50%;
+//     font-size: 18px;
+//     color: #ffffff;
+//     line-height: 50px;
+//     text-align: center;
+//     background: red
+//   }
+.commonPDType{
+    display:flex;
+    justify-content:flex-end;
     color: #ffffff;
-    line-height: 50px;
+    margin-top:4px;
+    margin-bottom:4px;
+    width: 60px;
+    height: 60px;
+    justify-content:center;
     text-align: center;
-    background: red
-  }
\ No newline at end of file
+    border-radius: 50%;
+    line-height: 60px;
+}
+.fullPD{
+    background:#009688;
+    border: 2px #009688;
+}
+.smartPD{
+    background:#673ab7;
+    border: 2px #673ab7;
+}
+.telePD{
+    background:#2196f3;
+    border: 2px #2196f3;
+}
\ No newline at end of file
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html
index c4aacb045..6f5fdaf0f 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html
@@ -1,11 +1,11 @@
 <mat-card-content>
         <mat-table [dataSource]="dataSourceTab3" matSort *ngIf="scheduledPdListData.length > 0" >
                 <ng-container matColumnDef="PDType">
-                        <mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> 
+                    <mat-cell fxFlex="15" class="cell" style="text-align: center" *matCellDef="let details;"> 
                                 <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' "  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
                       matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
-                      <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name"  mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" 
-                      matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
+                      <div *ngIf="details.fk_pd_type != null" [ngClass]="(details.fk_pd_type=='1')?'fullPD':(details.fk_pd_type=='2')?'smartPD':'telePD'" class="mr-1 mb-1 hover-icon commonPDType"
+                      [matTooltip]="details.pd_type_name" matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></div>
                         </mat-cell>
                     </ng-container>
             <ng-container matColumnDef="Name">
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.scss
index eaa2718fe..c7faca5e9 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.scss
@@ -14,13 +14,29 @@
 .fontsize{
     font-size:14px;
 }
-.pd_circle {
-    width: 50px !important;
-    height: 50px;
-    border-radius: 50%;
-    font-size: 18px;
+
+.commonPDType{
+    display:flex;
+    justify-content:flex-end;
     color: #ffffff;
-    line-height: 50px;
+    margin-top:4px;
+    margin-bottom:4px;
+    width: 60px;
+    height: 60px;
+    justify-content:center;
     text-align: center;
-    background: red
-  }
\ No newline at end of file
+    border-radius: 50%;
+    line-height: 60px;
+}
+.fullPD{
+    background:#009688;
+    border: 2px #009688;
+}
+.smartPD{
+    background:#673ab7;
+    border: 2px #673ab7;
+}
+.telePD{
+    background:#2196f3;
+    border: 2px #2196f3;
+}
\ No newline at end of file
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 5c135271d..7fbec37ae 100644
--- 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
@@ -19,7 +19,7 @@
                   <span *ngIf="master.pd_allocated_to" style="color:red;text-align:left"><mat-icon color="primary" class="hover-icon" matTooltip="PD Officer" 
                     matTooltipPosition="above">person</mat-icon>{{master.pd_allocated_to | titlecase}}</span> &nbsp;&nbsp;
                   <span *ngIf="master.pd_status==pdStatusCheck.SCHEDULED" style="color:red;text-align:left">{{master.pd_status | titlecase}} &nbsp;On&nbsp;{{master.scheduled_on}}</span>
-                  <span *ngIf="master.pd_status!=pdStatusCheck.SCHEDULED" style="color:red;text-align:left">{{master.pd_status | titlecase}}</span>
+                    <span *ngIf="master.pd_status!=pdStatusCheck.SCHEDULED" style="color:red;text-align:left">{{master.pd_status | titlecase}}</span>
 
                 </div>
         
diff --git a/ng6-seed/src/app/session/login/login-component.scss b/ng6-seed/src/app/session/login/login-component.scss
index dd97db7a8..bbb8c363d 100644
--- a/ng6-seed/src/app/session/login/login-component.scss
+++ b/ng6-seed/src/app/session/login/login-component.scss
@@ -1,14 +1,33 @@
 .form-bg {
-    background-image:url('http://www.ssa.sineedge.com/beta/assets/images/login.jpg') !important;
+//    background-image:url('http://www.ssa.sineedge.com/beta/assets/images/login.jpg') !important;
+//background-image: url(../../../assets/images/login_o.jpg);
+    //background-color: #F44336;
+    background: url(../../../assets/images/bg.png) repeat-x 0 0 #E31F26;
     height: 100vh !important;
     background-position: center !important;
     min-height: calc(0vh + 0px) !important;
 }
+.signin-page{
+	float: left;
+	width: 100%;
+	
+	padding-bottom: 40px;
+}
+// .form-bg {
+//     float: left;
+//     width: 100%;
+//     background-color: repeat-x 0 0 #F44336;
+//     padding-bottom: 40px;
+// }
 .form-bg::before {
     background-color: rgba(0, 0, 0, 0) !important;
 }
+.form-bg::after{
+    background-color:  #E31F26;
+}
 h3, .page-footer{
-    color:red;
+    color:#E31F26;
+    background-color:#ffffff;
     font-weight: bold;
 }
 .bottom-sec,.mat-green{
diff --git a/ng6-seed/src/assets/images/bg.png b/ng6-seed/src/assets/images/bg.png
new file mode 100644
index 000000000..6c8827466
Binary files /dev/null and b/ng6-seed/src/assets/images/bg.png differ
diff --git a/ng6-seed/src/assets/images/login.jpg b/ng6-seed/src/assets/images/login_n.jpg
similarity index 100%
rename from ng6-seed/src/assets/images/login.jpg
rename to ng6-seed/src/assets/images/login_n.jpg