diff --git a/400-SOURCECODE/AIAHTML5.Web/index.html b/400-SOURCECODE/AIAHTML5.Web/index.html
index dfdd798..79711bb 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.html
+++ b/400-SOURCECODE/AIAHTML5.Web/index.html
@@ -605,7 +605,7 @@
                     </form>
                 </div>
             </div>
-            <div id="setting-spinner" style="display:none;position: fixed; top: 50%; left: 50%; margin-left: -50px; z-index: 1234; overflow: auto; width: 100px;">
+            <div id="setting-spinner" style="display:none;position: fixed; top: 50%; left: 50%; margin-left: -50px; z-index: 15000; overflow: auto; width: 100px;">
                 <img id="img-spinner" src="content/images/common/loading.gif" alt="Loading">
             </div>
             <!--Annotation Modal-->
diff --git a/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css b/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
index 70ece9f..59191a9 100644
--- a/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
+++ b/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
@@ -777,7 +777,7 @@ textarea {
         margin-left: -50px; / half width of the spinner gif /
         margin-top: -50px; / half height of the spinner gif /
         text-align: center;
-        z-index: 1234;
+        z-index: 15000;
         overflow: auto;
         width: 100px; / width of the spinner gif /
         height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */