diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
index d8cc549..7cf9b7d 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -87,6 +87,17 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
     $rootScope.haveRoleAdmin;
     var isfilloptionChecked = "";
     var isOutlineOptionChecked = "";
+    $rootScope.forgotPwdModalShow = function ()
+    {
+        $("#forgotPwdModal").modal("show");
+        $(".modal-backdrop").css("opacity",".5");
+    }
+    $rootScope.forgotUserModalShow=function()
+    {
+        $("#forgotUserModal").modal("show");
+        $(".modal-backdrop").css("opacity", ".5");
+        
+    }
     $rootScope.initializeAIA = function () {
 
         $rootScope.isLoading = false;
diff --git a/400-SOURCECODE/AIAHTML5.Web/index.html b/400-SOURCECODE/AIAHTML5.Web/index.html
index baf48fd..6dc50e5 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.html
+++ b/400-SOURCECODE/AIAHTML5.Web/index.html
@@ -196,7 +196,7 @@
                                             <span class="input-group-addon"><i class="fa fa-user"></i></span>
                                             <input type="text" class="form-control" placeholder="Username" ng-model="userInfo.username">
                                         </div>
-                                        <span class="help-block text-right small"><a href="#" class="color-white" id="forgotUserIdAnchor" data-toggle="modal" data-target=".forgot-sm">Forgot User ID?</a></span>
+                                        <span class="help-block text-right small"><a href="#" class="color-white" id="forgotUserIdAnchor" data-toggle="modal" ng-click="forgotUserModalShow()" data-target=".forgot-sm">Forgot User ID?</a></span>
 
 
                                     </div>
@@ -208,7 +208,7 @@
                                             <span class="input-group-addon"><i class="fa fa-key"></i></span>
                                             <input type="password" class="form-control" placeholder="Password" ng-model="userInfo.password">
                                         </div>
-                                        <span class="help-block text-right small "><a class="color-white" style="cursor: pointer;" id="forgotPasswordAnchor" data-toggle="modal" data-target=".forgot-sm1">Forgot Password?</a></span> <!--#resetpass" href="/app/views/Home/resetPwd.html"-->
+                                        <span class="help-block text-right small "><a class="color-white" style="cursor: pointer;" id="forgotPasswordAnchor" data-toggle="modal" ng-click="forgotPwdModalShow();" data-target=".forgot-sm1">Forgot Password?</a></span> <!--#resetpass" href="/app/views/Home/resetPwd.html"-->
                                     </div>
                                     <div class="form-group">
                                         <button class="btn btn-primary pull-right" ng-click="AuthenticateUser(userInfo)">Log In</button>
@@ -230,7 +230,7 @@
             </footer>
         </div>
         <!-- Forgot User ID (Small modal) -->
-        <div class="modal fade forgot-sm" role="dialog" tabindex="-1" aria-labelledby="exampleModalLabel" data-target=".forgot-sm">
+        <div class="modal fade" id="forgotUserModal" role="dialog" tabindex="-1" aria-labelledby="exampleModalLabel" data-target=".forgot-sm">
             <div class="modal-dialog modal-sm" role="document">
                 <div class="modal-content">
                     <div class="modal-header">
@@ -255,7 +255,7 @@
             </div>
         </div>
         <!-- Forgot Password (Small modal) -->
-        <div class="modal fade forgot-sm1" role="dialog" tabindex="-1" aria-labelledby="exampleModalLabel" data-target=".forgot-sm1">
+        <div class="modal fade" id="forgotPwdModal" role="dialog" tabindex="-1" aria-labelledby="exampleModalLabel" data-target=".forgot-sm1">
             <div class="modal-dialog modal-sm" role="document">
                 <div class="modal-content">
                     <div class="modal-header">