diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
index ee44509..312857a 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -2744,7 +2744,17 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
                 }
             });
         };
+        $rootScope.restrictBodySystemList = function () {
+            var RestrictListDiv = document.getElementById("restrictListDiv");
+            if (RestrictListDiv.style.display == 'block') {
+                RestrictListDiv.style.display = 'none';
+                $(".restrict-carret-icon").css({ "transform": "rotate(0deg)", "-moz-transform": "rotate(0deg)", "-webkit-transform": "rotate(0deg)", "-ms-transform": "rotate(0deg)" });
+                return;
+            }
+            RestrictListDiv.style.display = 'block';
+            $(".restrict-carret-icon").css({ "transform": "rotate(90deg)", "-moz-transform": "rotate(90deg)", "-webkit-transform": "rotate(90deg)", "-ms-transform": "rotate(90deg)" });
 
+        }
                      
     }]
 );
\ No newline at end of file
diff --git a/400-SOURCECODE/AIAHTML5.Web/index.html b/400-SOURCECODE/AIAHTML5.Web/index.html
index 2ab3271..0a9973b 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.html
+++ b/400-SOURCECODE/AIAHTML5.Web/index.html
@@ -149,6 +149,11 @@
             color: #000;
             border-radius: 0;
         }
+        .restrict-carret-icon {
+            font-size: 18px;
+            position: relative;
+            top: 1px;
+        }
     </style>
 
 
@@ -774,14 +779,12 @@
                         </div>
                         <div style="">
                             <div class="form-group">
-                                <div onclick="mytoggle()" class="btn btn-success btn-block" style="padding:3px 12px;">
-                                    <i class=" fa fa-caret-right"></i>  <span>Restrict List to</span>
+                                <div ng-click="restrictBodySystemList()" class="btn btn-success btn-block" style="padding:3px 12px;">
+                                    <i class=" fa fa-caret-right restrict-carret-icon"></i>  <span>Restrict List to</span>
                                 </div>
                             </div>
 
-                            <div id="divSection" style="display:none;">
-
-
+                            <div id="restrictListDiv" style="display:none;">
 
                                 <div class="well well-sm marginTopBtm10">
                                     <div class="form-horizontal">
@@ -797,7 +800,7 @@
                                                 <select class="form-control" disabled>
                                                     <option value="1" selected="">Entire View</option>
                                                 </select>
-                                        </div>
+                                            </div>
                                         </div>
                                     </div>
                                 </div>
@@ -1215,29 +1218,7 @@
 
     </script>
 
-    <script>
-        function mytoggle() {
-            var div = document.getElementById("divSection");
-            if (div.style.display == 'block') {
-                div.style.display = 'none';
-                return;
-            }
-            div.style.display = 'block';
-        }
-    </script>
-
-
-    <script>
-        function mytoggle() {
-            var div = document.getElementById("divSection");
-            if (div.style.display == 'block') {
-                div.style.display = 'none';
-                return;
-            }
-            div.style.display = 'block';
-        }
-    </script>
-    <script>
+      <script>
         function Brushsize(object) {
 
             object.value = object.value.replace(/[^0-9]/g, '');