diff --git a/Apollo/assets/views/student/studentDetailsModal.html b/Apollo/assets/views/student/studentDetailsModal.html
index 6f146718..f4d3a4f7 100644
--- a/Apollo/assets/views/student/studentDetailsModal.html
+++ b/Apollo/assets/views/student/studentDetailsModal.html
@@ -20,81 +20,88 @@
     <div ng-controller="studentModalDemoCtrl">
 
 
-        <div class="row">
-            <div class="col-md-6">
-                <div class="user-left">
-                    <div class="center">
-                        <h4>{{items.studentDetails.Firstname}} {{items.studentDetails.Lastname}}</h4>
-                        <div flow-init="{singleFile:true}" flow-name="obj.flow" flow-file-added="!!{png:1,gif:1,jpg:1,jpeg:1}[$file.getExtension()]">
-                            <div class="user-image">
-                                <div class="thumbnail">
-                                    <img ng-src="images/{{items.studentDetails.ProfilePicPath}}" alt="" ng-if="items.studentDetails.ProfilePicPath!='' || items.studentDetails.ProfilePicPath!='NULL'">
-                                    <img ng-src="images/student/default.jpeg" alt="" ng-if="items.studentDetails.ProfilePicPath=='' || items.studentDetails.ProfilePicPath=='NULL'">
-                                    <!--<img flow-img="obj.flow.files[0]" ng-if="obj.flow.files.length">-->
 
-                                    <!--<img ng-src="images/{{items.studentDetails.ProfilePicPath}}" class="img-circle pull-center" alt="" width="60" height="60" ng-if="items.studentDetails.ProfilePicPath!='' || items.studentDetails.ProfilePicPath!='NULL'">
-                                    <img ng-src="images/student/default.jpeg" class="img-circle pull-left" alt="" width="60" height="60" ng-if="items.studentDetails.ProfilePicPath=='' || items.studentDetails.ProfilePicPath=='NULL'">-->
-                                </div>
+<div class="row">
+    <div class="col-md-12">
+            <div class="col-md-4">
 
+                <h4 class="text-blue">{{items.studentDetails.Firstname}} {{items.studentDetails.Lastname}}</h4>
+                <div flow-init="{singleFile:true}" flow-name="obj.flow" flow-file-added="!!{png:1,gif:1,jpg:1,jpeg:1}[$file.getExtension()]">
+                    <div class="user-image">
+                        <div class="thumbnail">
+                            <img ng-src="images/{{items.studentDetails.ProfilePicPath}}" alt="" ng-if="items.studentDetails.ProfilePicPath!='' || items.studentDetails.ProfilePicPath!='NULL'">
+                            <img ng-src="images/student/default.jpeg" alt="" ng-if="items.studentDetails.ProfilePicPath=='' || items.studentDetails.ProfilePicPath=='NULL'">
+                            <!--<img flow-img="obj.flow.files[0]" ng-if="obj.flow.files.length">-->
 
-                            </div>
+                            <!--<img ng-src="images/{{studentDetails.ProfilePicPath}}" class="img-circle pull-center" alt="" width="60" height="60" ng-if="studentDetails.ProfilePicPath!='' || studentDetails.ProfilePicPath!='NULL'">
+                            <img ng-src="images/student/default.jpeg" class="img-circle pull-left" alt="" width="60" height="60" ng-if="studentDetails.ProfilePicPath=='' || studentDetails.ProfilePicPath=='NULL'">-->
                         </div>
-                        <hr>
+
+
                     </div>
-                    <table class="table table-condensed">
-                        <thead>
-                        <tr>
-                            <th colspan="3">Contact Information</th>
-                        </tr>
-                        </thead>
-                        <tbody>
-                        <tr>
-                            <td>Mobile Number</td>
-                            <td>
-
-                                    {{items.studentDetails.MobileNumber}}
-                               </td>
-                        </tr>
-                        <tr>
-                            <td>Email</td>
-                            <td>
-                                    {{items.studentDetails.EmailID}}
-                              </td>
-                        </tr>
-                        <tr>
-                            <td>Alternate Number</td>
-                            <td>{{items.studentDetails.AlternateNumber}}</td>
-                        </tr>
-                        <tr>
-                            <td>Present Address</td>
-                            <td>
-                                    {{items.studentDetails.PresentAddress}}
-                               </td>
-                        </tr>
-
-                        <tr>
-                            <td>Permanent Address</td>
-                            <td>
-                                    {{items.studentDetails.PermanentAddress}}
-                               </td>
-                        </tr>
-                        </tbody>
-                    </table>
-
-
-
                 </div>
-            </div>
-            <div class="col-md-6">
-                <div class="user-right">
+
+        </div>
+        <div class="col-md-8">
+            <table class="table table-condensed">
+                <thead>
+                <tr>
+                    <th colspan="3"> <span class="text-azure">Contact Information</span></th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td>Mobile Number</td>
+                    <td>
+
+                        {{items.studentDetails.MobileNumber}}
+                    </td>
+                </tr>
+                <tr>
+                    <td>Email</td>
+                    <td>
+                        {{items.studentDetails.EmailID}}
+                    </td>
+                </tr>
+                <tr>
+                    <td>Alternate Number</td>
+                    <td>{{items.studentDetails.AlternateNumber}}</td>
+                </tr>
+                <tr>
+                    <td>Aadhar Number</td>
+                    <td>{{items.studentDetails.AadharNumber}}</td>
+                </tr>
+
+                <tr>
+                    <td>Present Address</td>
+                    <td>
+                        {{items.studentDetails.PresentAddress}}
+                    </td>
+                </tr>
+
+                <tr>
+                    <td>Permanent Address</td>
+                    <td>
+                        {{items.studentDetails.PermanentAddress}}
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+        <div class="row">
+            <div class="col-md-12">
+                <div class="col-md-6">
 
                     <table class="table table-condensed">
                         <thead>
                         <tr>
-                            <th colspan="3">General information</th>
+                            <th colspan="3"><span class="text-pink">General Information</span></th>
                         </tr>
                         </thead>
                         <tbody>
+
                         <tr>
                             <td>Gender</td>
                             <td>{{items.studentDetails.Gender}}</td>
@@ -103,6 +110,7 @@
                             <td>Date Of Birth</td>
                             <td>{{items.studentDetails.DOB}}</td>
                         </tr>
+
                         <tr>
                             <td>Father Name</td>
                             <td>{{items.studentDetails.Fathername}}</td>
@@ -111,8 +119,8 @@
                             <td>Mother Name</td>
                             <td>
 
-                                   {{items.studentDetails.MotherName}}
-                               </td>
+                                {{items.studentDetails.MotherName}}
+                            </td>
                         </tr>
                         <tr>
                             <td>Qualification</td>
@@ -122,10 +130,21 @@
                             <td>Designation</td>
                             <td>{{items.studentDetails.Designation}}</td>
                         </tr>
+
+                        </tbody>
+                    </table>
+
+                </div>
+                <div class="col-md-6">
+
+                    <table class="table table-condensed">
+                        <thead>
                         <tr>
-                            <td>Aadhar Number</td>
-                            <td>{{items.studentDetails.AadharNumber}}</td>
+                            <th colspan="3"><span class="text-green">Other Information</span></th>
                         </tr>
+                        </thead>
+                        <tbody>
+
                         <tr>
                             <td>Occupation</td>
                             <td>{{items.studentDetails.Occupation}}</td>
@@ -151,206 +170,8 @@
 
                 </div>
             </div>
-
         </div>
-       <!-- <div class="row">
-            <div class="col-md-12">
 
-                <div class="col-md-12">
-                    <div class="panel panel-white" id="panel1">
-                        <div class="panel-heading panel-white">
-                            <div class="padding-10">
-
-                                <img ng-src="images/{{items.studentDetails.ProfilePicPath}}" class="img-circle pull-center" alt="" width="60" height="60" ng-if="items.studentDetails.ProfilePicPath!='' || items.studentDetails.ProfilePicPath!='NULL'">
-                                <img ng-src="images/student/default.jpeg" class="img-circle pull-left" alt="" width="60" height="60" ng-if="items.studentDetails.ProfilePicPath=='' || items.studentDetails.ProfilePicPath=='NULL'">
-
-                                <h4 class="no-margin inline-block padding-5 text-green">{{items.studentDetails.Firstname}} {{items.studentDetails.Lastname}} &lt;!&ndash;<span class="block text-small text-left text-blue">{{studentDetails.MobileNumber}}</span>&ndash;&gt;</h4>
-                                &lt;!&ndash;<div class="pull-right padding-15">
-                                    <span class="text-small text-bold text-green"><i class="fa fa-dot-circle-o"></i> on-line</span>
-                                </div>&ndash;&gt;
-                            </div>
-                            &lt;!&ndash; <h4 class="panel-title text-green">{{studentDetails.Firstname}} {{studentDetails.Lastname}}</h4>&ndash;&gt;
-                            <ct-paneltool class="panel-tools" tool-collapse="tool-collapse"></ct-paneltool>
-                        </div>
-                        <div collapse="panel1" ng-init="panel1=false" class="panel-wrapper">
-                            <div class="panel-body">
-
-                                <div class="col-md-6">
-                                    <div class="user-left">
-
-
-                                        <table class="table table-condensed">
-                                            <tbody>
-                                            <tr>
-                                                <td>Mobile Number <span style="float: right;">:</span></td>
-                                                <td> {{items.studentDetails.MobileNumber}}</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Email <span style="float: right;">:</span></td>
-                                                <td> {{items.studentDetails.EmailID}}</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Alternate Mobile Number <span style="float: right;">:</span></td>
-                                                <td> {{items.studentDetails.AlternateNumber}}</td>
-                                            </tr>
-
-                                            <tr>
-                                                <td>Father Name <span style="float: right;">:</span></td>
-                                                <td> {{items.studentDetails.Fathername}}</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Mother Name <span style="float: right;">:</span></td>
-                                                <td> {{items.studentDetails.MotherName}}</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Gender <span style="float: right;">:</span></td>
-                                                <td> {{items.studentDetails.Gender}}</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Date Of Birth <span style="float: right;">:</span></td>
-                                                <td> {{items.studentDetails.DOB}}</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Present Address <span style="float: right;">:</span></td>
-                                                <td style="width: 280px;"> {{items.studentDetails.PresentAddress}}</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Permanent Address <span style="float: right;">:</span></td>
-                                                <td> {{items.studentDetails.PermanentAddress}}</td>
-                                            </tr>
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div>
-                                <div class="col-md-6">
-
-                                    <table class="table table-condensed">
-                                        <tbody>
-                                        <tr>
-                                            <td>Qualification <span style="float: right;">:</span></td>
-                                            <td> {{items.studentDetails.PreQualification}}</td>
-                                        </tr>
-                                        <tr>
-                                            <td>Designation <span style="float: right;">:</span></td>
-                                            <td> {{items.studentDetails.Designation}}</td>
-                                        </tr>
-                                        <tr>
-                                            <td>Aadhar Number <span style="float: right;">:</span></td>
-                                            <td> {{items.studentDetails.AadharNumber}}</td>
-                                        </tr>
-
-                                        <tr>
-                                            <td>Refered By <span style="float: right;">:</span></td>
-                                            <td> {{items.studentDetails.ReferredBy}}</td>
-                                        </tr>
-                                        <tr>
-                                            <td>Refered Person No <span style="float: right;">:</span></td>
-                                            <td> {{items.studentDetails.ReferersMobileNumber}}</td>
-                                        </tr>
-                                        <tr>
-                                            <td>Occupation <span style="float: right;">:</span></td>
-                                            <td> {{items.studentDetails.Occupation}}</td>
-                                        </tr>
-                                        <tr>
-                                            <td>Caste <span style="float: right;">:</span></td>
-                                            <td> {{items.studentDetails.Caste}}</td>
-                                        </tr>
-                                        <tr>
-                                            <td>Religion <span style="float: right;">:</span></td>
-                                            <td> {{items.studentDetails.Religion}}</td>
-                                        </tr>
-                                        <tr>
-                                            <td>Nationality <span style="float: right;">:</span></td>
-                                            <td> {{items.studentDetails.Nationality}}</td>
-                                        </tr>
-
-                                        </tbody>
-                                    </table>
-                                </div>
-                            </div>
-
-                        </div>
-                    </div>
-                </div>
-                &lt;!&ndash; <h5 class="over-title margin-bottom-15">UI Bootstrap <span class="text-bold">Modals</span></h5>
-                 <p>
-                     $modal is a service to quickly create AngularJS-powered modal windows. Creating custom modals is straightforward: create a partial view, its controller and reference them when using the service.
-                 </p>
-                 <script type="text/ng-template" id="assets/views/student/studentDetailsModal.html">
-                     <div class="modal-header">
-                         <h3 class="modal-title">I'm a modal!</h3>
-                     </div>
-                     <div class="modal-body">
-                         <ul>
-                             <li ng-repeat="item in items">
-                                 <a ng-click="selected.item = item">{{ item }}</a>
-                             </li>
-                         </ul>
-                         Selected: <b>{{ selected.item }}</b>
-                     </div>
-                     <div class="modal-footer">
-                         <button class="btn btn-primary" ng-click="ok()">OK</button>
-                         <button class="btn btn-primary btn-o" ng-click="cancel()">Cancel</button>
-                     </div>
-                 </script>&ndash;&gt;
-                &lt;!&ndash;<div class="row">
-                    <div class="col-lg-4 col-md-4 col-sm-6">
-                        <div class="panel panel-transparent">
-                            <div class="panel-heading">
-                                <div class="panel-title">
-                                    Default Modal
-                                </div>
-                            </div>
-                            <div class="panel-body">
-                                <p class="margin-bottom-30">
-                                    Toggle a modal by clicking the button below. It will slide down and fade in from the top of the page.
-                                </p>
-                                <button class="btn btn-primary btn-o pull-right" ng-click="open()">
-                                    Open Deafult Modal
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-4 col-md-4 col-sm-6">
-                        <div class="panel panel-transparent">
-                            <div class="panel-heading">
-                                <div class="panel-title">
-                                    Large Modal
-                                </div>
-                            </div>
-                            <div class="panel-body">
-                                <p class="margin-bottom-30">
-                                    Modals have a large optional size, available by setting option <code>size: 'lg'</code> in the method <code>open(options)</code>
-                                </p>
-                                <button class="btn btn-primary btn-o pull-right" ng-click="open1('lg')">
-                                    Open Large Modal
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-4 col-md-4 col-sm-6">
-                        <div class="panel panel-transparent">
-                            <div class="panel-heading">
-                                <div class="panel-title">
-                                    Small Modal
-                                </div>
-                            </div>
-                            <div class="panel-body">
-                                <p class="margin-bottom-30">
-                                    Modals have a small optional size, available by setting option <code>size: 'sm'</code> in the method <code>open(options)</code>
-                                </p>
-                                <button class="btn btn-primary btn-o pull-right" ng-click="open('sm')">
-                                    Open Small Modal
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div ng-show="selected" class="margin-top-15 text-small">
-                    Selection from a modal: {{ selected }}
-                </div>&ndash;&gt;
-            </div>
-        </div>-->
         <div class="row" ng-repeat="course in items.courseDetails.courseStatus">
             <div class="col-md-12">
                 <div class="panel panel-white" id="panel2">
@@ -436,39 +257,7 @@
 									</a> </span>
                                                 </td>
                                             </tr>
-                                            <!--<script type="text/ng-template" id="myModalContent.html">
 
-                                                <div class="modal-header">
-                                                    <h4 class="modal-title">{{items.FeesName}} Details</h4>
-                                                </div>
-                                                <div class="modal-body">
-                                                    <table class="table">
-                                                        <thead>
-                                                        <tr>
-                                                            <th>Bill NO</th>
-                                                            <th>Bill Amount</th>
-                                                            <th>Bill Date</th>
-                                                        </tr>
-                                                        </thead>
-                                                        <tbody>
-                                                        <tr ng-repeat="v in items.paidDetails">
-                                                            <td>{{v.BillNO}}</td>
-                                                            <td>{{v.BillAmount}}</td>
-                                                            <td>{{v.BillDate}}</td>
-
-                                                        </tr>
-
-                                                    </table>
-
-
-
-
-
-                                                </div>
-                                                <div class="modal-footer">
-                                                    <button class="btn btn-danger btn-sm" ng-click="cancel()">Cancel</button>
-                                                </div>
-                                            </script>-->
 
                                             </tbody>
                                         </table>