diff --git a/Apollo/assets/views/student/studentDetailsModal.html b/Apollo/assets/views/student/studentDetailsModal.html
index d8c98578..cb5e3927 100755
--- a/Apollo/assets/views/student/studentDetailsModal.html
+++ b/Apollo/assets/views/student/studentDetailsModal.html
@@ -298,8 +298,7 @@
                                     </div>
 
                                 </tab>
-
-                                <tab heading="Document Details" id="document">
+                                <tab heading="Application Details" id="application">
                                     <div class="panel-scroll height-200 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" wheel-propagation="false" suppress-scroll-x="true" data-ps-id="6fc3054c-6292-144d-eff7-cd557f527468">
                                         <div ng-if="course.applicationDetails==false">
                                             <!--<center>
@@ -318,7 +317,99 @@
                                             </tr>
                                             </thead>
                                             <tbody>
-                                            <tr ng-repeat="cert in course.applicationDetails | unique:'CertificateName'">
+                                            <tr ng-repeat="apps in course.applicationDetails | unique:'CertificateName'">
+                                                <td>
+                                                    <span>{{apps.CertificateName}}</span>
+                                                </td>
+                                                <td>
+                                                    <span>{{apps.ListName}} </span>
+                                                </td>
+                                                <td>
+                                                    <span>{{apps.AppDate}}</span>
+                                                </td>
+                                                <td>
+                                                    <span>{{apps.Comments}}</span>
+                                                </td>
+
+
+                                            </tr>
+
+                                            </tbody>
+                                        </table>
+
+                                        <!--
+                                        view tab end
+                                        -->
+
+                                    </div>
+                                </tab>
+                                <tab heading="Answer Booklet Details" id="booklet">
+                                    <div class="panel-scroll height-200 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" wheel-propagation="false" suppress-scroll-x="true" data-ps-id="6fc3054c-6292-144d-eff7-cd557f527468">
+                                        <div ng-if="course.answerbookletDetails==false">
+                                            <!--<center>
+                                                <h5 class="text-dark">No Document Details!</h5>
+                                            </center>-->
+                                        </div>
+                                        <table class="table no-margin ng-scope" ng-if="course.answerbookletDetails!=false">
+                                            <thead>
+                                            <tr>
+                                                <!-- <th>Type</th>-->
+                                                <th>Sem/Year</th>
+                                                <th>Status</th>
+                                                <th>Date</th>
+                                                <th>Comments</th>
+
+                                            </tr>
+                                            </thead>
+                                            <tbody>
+                                            <tr ng-repeat="booklet in course.answerbookletDetails | unique:'Sem'">
+                                                 <td>
+                                                     <span>{{booklet.Sem}}</span>
+                                                 </td>
+                                                <td>
+                                                    <span>{{booklet.ListName}} </span>
+                                                </td>
+                                                <td>
+                                                    <span>{{booklet.AnsDate}}</span>
+                                                </td>
+                                                <td>
+                                                    <span>{{booklet.Comments}}</span>
+                                                </td>
+
+
+                                            </tr>
+
+                                            </tbody>
+                                        </table>
+
+                                        <!--
+                                        view tab end
+                                        -->
+
+                                    </div>
+                                </tab>
+
+
+                                <tab heading="Document Details" id="document">
+                                    <div class="panel-scroll height-200 ng-scope ps-container ps-theme-default ps-active-y" perfect-scrollbar="" wheel-propagation="false" suppress-scroll-x="true" data-ps-id="6fc3054c-6292-144d-eff7-cd557f527468">
+                                        <div ng-if="course.certificateDetails==false">
+                                            <!--<center>
+                                                <h5 class="text-dark">No Document Details!</h5>
+                                            </center>-->
+                                        </div>
+                                        <table class="table no-margin ng-scope" ng-if="course.certificateDetails!=false">
+                                            <thead>
+                                            <tr>
+                                                <!-- <th>Type</th>-->
+                                                <th>Document Name</th>
+                                                <th>Status</th>
+                                                <th>Date</th>
+                                                <th>Comments</th>
+
+                                            </tr>
+                                            </thead>
+                                            <tbody>
+                                            <tr ng-repeat="cert in course.certificateDetails | unique:'CertificateName'">
                                                 <!-- <td>
                                                      <span>{{cert.Sem_Year}}</span>
                                                  </td>-->