diff --git a/src/app/views/enrolment/student/student.component.html b/src/app/views/enrolment/student/student.component.html
index 25fe570..2cf3161 100644
--- a/src/app/views/enrolment/student/student.component.html
+++ b/src/app/views/enrolment/student/student.component.html
@@ -117,8 +117,16 @@
                                         </td>
                                         <td>{{app.comments}}</td>
                                         <td>
-                                            <i class="fa fa-edit line-height-table" tooltip="Edit" (click)="editDocuments()"></i>  | 
-                                            <i class="fa fa-money line-height-table" tooltip="Fees" (click)="feesModal.show();getFeesModelWindowDetails(app)"></i>
+                                            <div *ngIf="app.feesStatus==1;else pending_content">                                                    
+                                                <i class="fa fa-edit line-height-table" tooltip="Edit" (click)="editDocuments()"></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-money line-height-table text-danger" tooltip="Fees" (click)="feesModal.show();getFeesModelWindowDetails(app)"></i>
+                                            </ng-template>
+                                           
+                                            
 
                                             <!--<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>-->
                                         </td>
@@ -676,6 +684,7 @@
         </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>
@@ -717,6 +726,17 @@
                               </div>
                               <!--/.col-->
                   </div>
+                  <div class="row">
+                        <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>
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" (click)="feesModal.hide()">Close</button>
diff --git a/src/app/views/enrolment/student/student.component.ts b/src/app/views/enrolment/student/student.component.ts
index de44e15..a83909e 100644
--- a/src/app/views/enrolment/student/student.component.ts
+++ b/src/app/views/enrolment/student/student.component.ts
@@ -29,6 +29,7 @@ export class StudentComponent implements OnInit {
         batch: 'Jan 2018',
         status: 'Send To Univ',
         comments: 'approved by Univ',
+        feesStatus: 0,
         feesDetails:[
         {
           feesName:"Tution Fees",
@@ -54,6 +55,7 @@ export class StudentComponent implements OnInit {
         batch: 'Jan 2018',
         status: 'Approved by Univ',
         comments: 'approved by Univ',
+        feesStatus: 1,
         feesDetails:[
         {
           feesName:"Tution Fees",
@@ -79,6 +81,7 @@ export class StudentComponent implements OnInit {
         batch: 'Jan 2018',
         status: 'rejected by Univ',
         comments: 'rejected by Univ',
+        feesStatus: 1,
         feesDetails:[
         {
           feesName:"Tution Fees",