diff --git a/src/app/views/enrolment/student/student.component.html b/src/app/views/enrolment/student/student.component.html
index 27d062f..e332d8b 100644
--- a/src/app/views/enrolment/student/student.component.html
+++ b/src/app/views/enrolment/student/student.component.html
@@ -99,12 +99,23 @@
                                 </td>
                                 <td>{{app.comments}}</td>
                                 <td>
-                                    <i class="fa fa-edit line-height-table" tooltip="Edit" (click)="editDocuments()"></i>                                    |
-                                    <i class="fa fa-edit fa-file-code-o" tooltip="Answer Booklet" data-toggle="modal" (click)="myModal2.show(); getModelWindowDetails(app, 'answerBooklet')"></i>                                    |
-                                    <i class="fa fa-edit fa-id-card-o" tooltip="Mark Card" data-toggle="modal" (click)="myModal2.show(); getModelWindowDetails(app, 'markCard')"></i>  |  
-                                    <i class="fa fa-money line-height-table" tooltip="Fees" (click)="feesModal.show();getFeesModelWindowDetails(app)"></i>
+                                    <div *ngIf="app.status==1;else pending_content">
+                                            <i class="fa fa-edit line-height-table" tooltip="Edit" (click)="editDocuments()"></i>                                    |
+                                            <i class="fa fa-edit fa-file-code-o text-success" tooltip="Answer Booklet" data-toggle="modal" (click)="myModal2.show(); getModelWindowDetails(app, 'answerBooklet')"></i>                                    |
+                                            <i class="fa fa-edit fa-id-card-o text-success" tooltip="Mark Card" data-toggle="modal" (click)="myModal2.show(); getModelWindowDetails(app, 'markCard')"></i>  |  
+                                            <i class="fa fa-money line-height-table text-success" tooltip="Fees" (click)="feesModal.show();getFeesModelWindowDetails(app)"></i>
+                                    </div>
+                                    <ng-template #pending_content>
+                                            <i class="fa fa-edit line-height-table" tooltip="Edit" (click)="editDocuments()"></i>                                    |
+                                            <i class="fa fa-edit fa-file-code-o text-danger" tooltip="Answer Booklet" data-toggle="modal" (click)="myModal2.show(); getModelWindowDetails(app, 'answerBooklet')"></i>                                    |
+                                            <i class="fa fa-edit fa-id-card-o text-danger" tooltip="Mark Card" data-toggle="modal" (click)="myModal2.show(); getModelWindowDetails(app, 'markCard')"></i>  |  
+                                            <i class="fa fa-money line-height-table text-danger" tooltip="Fees" (click)="feesModal.show();getFeesModelWindowDetails(app)"></i>
+                                    </ng-template>
+                                    
 
                                 </td>
+                
+
                             </tr>
                         </tbody>
                     </table>
@@ -536,27 +547,23 @@
         <div class="modal-content">
             <div class="modal-header">
                 <h4 class="modal-title">Fees Details</h4>
+                
                 <button type="button" class="close" (click)="feesModal.hide()" aria-label="Close">
           <span aria-hidden="true">&times;</span>
         </button>
+        
             </div>
             <div class="modal-body">
                 <div class="row">
-                    <div class="form-group col-sm-4">
-                          <label for="feesName">Fees Name <span class="danger">*</span></label>
-                          <select class="form-control" id="semyear">
-                            <option>Late Fees</option>
-                            <option>Other Fees</option>
-                          </select>
-                        </div>
-                        <div class="form-group col-sm-4">
-                              <label for="feesAmount">Fees Amount <span class="danger">*</span></label>
-                              <input type="text" class="form-control" value="15000" id="feesAmount" placeholder="Enter fees amount">            
-                            </div>
-                           
-                            <div class="form-group col-sm-4" style="margin-top: 28px;">
-                                  <button type="button" class="btn btn-sm btn-primary"><i class="fa fa-plus-circle "></i> Add</button>
-                              </div>
+                    <div class="col-md-3">
+                        <label class="text-info">Payable Amount&nbsp;:&nbsp;</label><span>25800</span>
+                </div>
+                <div class="col-md-3">
+                    <label class="text-success">Paid Amount&nbsp;:&nbsp;</label><span>25000</span>
+            </div>
+            <div class="col-md-3">
+                <label class="text-danger">Balance Amount&nbsp;:&nbsp;</label><span>800</span>
+        </div>
                 </div><!--/.row-->
                 <div class="row">
                         <div class="col-md-10">