diff --git a/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.html b/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.html
index 96f8bd3..dfabb98 100644
--- a/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.html
+++ b/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.html
@@ -30,6 +30,10 @@
                 <mat-expansion-panel-header > -->
                   <!-- <div class="example-container mat-elevation-z8 "> -->
                     <table  mat-table  [dataSource]="appointmentListSource" #mytable class="my-table mat-elevation-z8 len-table">
+                      <ng-container matColumnDef="id">
+                        <th mat-header-cell *matHeaderCellDef class="font-color mat-no"> S.No</th>
+                        <td mat-cell *matCellDef="let row" class="element-spc"> {{row.index+1  }}</td>
+                      </ng-container>
                       <ng-container matColumnDef="ClientName">
                         <th mat-header-cell *matHeaderCellDef class="font-color mat-no"> Client Name</th>
                         <td mat-cell *matCellDef="let row" class="element-spc"> {{row.customer[0].cusName || null  }}</td>
@@ -57,7 +61,10 @@
 
                       <ng-container matColumnDef="status">
                         <th mat-header-cell *matHeaderCellDef class="font-color mat-mob"> Status </th>
-                        <td mat-cell *matCellDef="let row" class="element-spc"> {{row.status == 0 ? 'Booked':'Cancelled'}}</td>
+                        <td mat-cell *matCellDef="let row" class="element-spc"  [ngClass]="{
+                          'positive' :row.status == 'Booked',
+                          'negative' : row.status != 'Booked'
+                       }"> {{row.status}}</td>
                       </ng-container>
 
                       <ng-container matColumnDef="action">
diff --git a/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.scss b/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.scss
index f7d8378..ffea558 100644
--- a/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.scss
+++ b/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.scss
@@ -115,3 +115,13 @@ tr.mat-header-row {
   overflow: auto;
   max-height: 500px;
 }
+
+.positive {
+color: green;
+font-weight: bold;
+}
+
+.negative {
+color: rgb(230, 174, 21);
+font-weight: bold;
+}
diff --git a/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.ts b/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.ts
index 1518762..6450ae4 100644
--- a/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.ts
+++ b/ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.ts
@@ -33,7 +33,7 @@ export interface UsersData {
 export class AppoinmentsListComponent implements OnInit {
 
   push: any;
-  displayedColumns: string[] = ['ClientName','datetime','phoneNo','email','address','status', 'action'];
+  displayedColumns: string[] = ['id','ClientName','datetime','phoneNo','email','address','status', 'action'];
   public appointmentListLength: number;
   @ViewChild(MatPaginator) paginator: MatPaginator;
   @ViewChild(MatSort) sort: MatSort;
diff --git a/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.html b/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.html
index 3aaa7ad..0b266f6 100644
--- a/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.html
+++ b/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.html
@@ -114,6 +114,16 @@
          <textarea matInput rows="5" cols="40" placeholder="Description" formControlName="note"></textarea>
       </mat-form-field>  -->
 
+      <mat-form-field appearance="outline"  class="mat-pane" *ngIf="action == 'Update'">
+
+         <mat-label>Status</mat-label>
+         <mat-select placeholder="Select Status" formControlName="status" required>
+           <mat-option *ngFor="let details of Status"  [value]="details.value"> 
+            {{details.value}}                 
+           </mat-option>
+         </mat-select>
+       </mat-form-field>
+
       <div class="notes">
          <input type="checkbox" id="scales" name="scales" checked>
          <label for="scales">Send notifications for customer</label>
diff --git a/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.ts b/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.ts
index 3ca021e..07aaf7f 100644
--- a/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.ts
+++ b/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.ts
@@ -103,6 +103,7 @@ export class DialogBoxComponent implements OnInit {
   ServiceId: any;
   user_role: string;
   consultants: any = [];
+  Status:any = [{id:1,value:"Consult"},{id:2,value:"Attend"},{id:1,value:"No Show"},{id:1,value:"Cancel"}]
   constructor(private notifierService: NotifierService,private router: Router,private formBuilder: FormBuilder, public _cus:CustomersService,
     public dialogRef: MatDialogRef<DialogBoxComponent>,public _api:ConsultantService, public _con:ConsultantService,
     @Inject(MAT_DIALOG_DATA) public data: UsersData,public _app:AppointmentsService,public end_user:EndUserService) {
@@ -190,7 +191,7 @@ export class DialogBoxComponent implements OnInit {
         customer: new FormControl('', [Validators.required]),
         // note: new FormControl('', [Validators.required]),
 
-      
+        status: new FormControl('', null),
         
        
         appoinmentSlots: new FormControl('', [Validators.required]),
@@ -278,6 +279,7 @@ export class DialogBoxComponent implements OnInit {
           }
           if(this.local_data.hasOwnProperty('id')){
             paramsData.id =this.local_data.id
+            paramsData.status =this.form.value.status
           }
           console.log(paramsData)
            this._app.addFormDetails(paramsData).subscribe(res => {
diff --git a/ng-seed/src/app/appoinment/business/business-list/business-list.component.html b/ng-seed/src/app/appoinment/business/business-list/business-list.component.html
index 8ce2a48..e57e70b 100644
--- a/ng-seed/src/app/appoinment/business/business-list/business-list.component.html
+++ b/ng-seed/src/app/appoinment/business/business-list/business-list.component.html
@@ -11,7 +11,7 @@
   <div class="main-content" fxLayout="row" fxLayoutAlign="center start">
     <div fxFlex.gt-sm="90" fxFlex.gt-xs="95" fxFlex="100">
        <div class="messages-list material fullscreen">
-          <mat-accordion>
+          <mat-accordion *ngIf="!recordStatus">
              <!-- <mat-expansion-panel>
                 <mat-expansion-panel-header > -->
                   <!-- <div class="example-container mat-elevation-z8 "> -->
diff --git a/ng-seed/src/app/appoinment/business/business-list/business-list.component.ts b/ng-seed/src/app/appoinment/business/business-list/business-list.component.ts
index 029bf03..dd70c79 100644
--- a/ng-seed/src/app/appoinment/business/business-list/business-list.component.ts
+++ b/ng-seed/src/app/appoinment/business/business-list/business-list.component.ts
@@ -78,6 +78,7 @@ export class BusinessListComponent implements OnInit {
           } 
           else{
             this.isLoading = false
+            this.businessListSource['data'] = []
             this.businessList=[];
             this.businessListLength= null;
             this.recordStatus=true;
diff --git a/ng-seed/src/app/appoinment/customers/customers-list/customers-list.component.html b/ng-seed/src/app/appoinment/customers/customers-list/customers-list.component.html
index 7547649..2369aa4 100644
--- a/ng-seed/src/app/appoinment/customers/customers-list/customers-list.component.html
+++ b/ng-seed/src/app/appoinment/customers/customers-list/customers-list.component.html
@@ -23,7 +23,7 @@
       
                       <ng-container matColumnDef="id">
                         <th mat-header-cell *matHeaderCellDef class="font-color mat-no"> S.No</th>
-                        <td mat-cell *matCellDef="let row; let i = index;" class="element-spc"> {{row.id}} </td>
+                        <td mat-cell *matCellDef="let row; let i = index;" class="element-spc"> {{row.index+1}} </td>
                       </ng-container>
 
                       <ng-container matColumnDef="name">
diff --git a/ng-seed/src/environments/environment.ts b/ng-seed/src/environments/environment.ts
index f3747b3..e27364f 100644
--- a/ng-seed/src/environments/environment.ts
+++ b/ng-seed/src/environments/environment.ts
@@ -10,7 +10,7 @@ export const environment = {
 //  apiEndpoint:'http://192.168.1.20:8080/api/',
 // apiEndpoint:'https://api.venbait.in/api/', 
   // apiEndpoint:'http://venbainfotech.com:5000/api/', 
- apiEndpoint:'http://192.168.1.20:8080/api/',
+ apiEndpoint:'http://192.168.1.3:8080/api/',
 
 //  apiEndpoint:'https://api.venbait.in/api/',