diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
index 136f2f5..f3223a1 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
@@ -7251,7 +7251,33 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
 
     //list manager
     $scope.$on('listManagerEvent', function (event, data) {
-      
+        
+        if ($rootScope.disableAnnotationtoolOnListManager == true)
+        {
+            $('#AnnotaionPopupDiv').find('input, textarea, button, select').attr('disabled', 'disabled');
+            $('#slider-range-min-2').slider('disable');
+            if ($rootScope.setListManagerZindex == true)
+            {
+                var canvasPaintZindex = $('#canvasPaint').css("z-index");  //x
+
+                var canvasZindex = $('#canvas').css("z-index");  //y
+                var listManagerZindex = $('#listManager').css("z-index"); //z
+                if (canvasPaintZindex > canvasZindex) {
+                    //y = parseInt(canvasPaintZindex) + 1;
+                    //if (listManagerZindex <= canvasPaintZindex) {
+                    //    listManagerZindex = parseInt(canvasPaintZindex) + 1;
+                    //    $('#listManager').css("z-index", z);
+                    //}
+                    //else {
+                    $('#listManager').css("z-index", canvasPaintZindex);
+                   // }
+                } else {
+                    //y = parseInt(y) + 1;
+                    $('#listManager').css("z-index", canvasZindex);
+                }
+               
+            }
+        }
         $('#spinner').css('visibility', 'visible');
         console.log('listManagerEvent')
         if ($rootScope.islistManagerEventAlredayDispachted == true) {
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
index d6de654..67b001d 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -26,6 +26,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
         $rootScope.clickDrag = new Array();
         $rootScope.isLineDrawSelecyed = false;
         $rootScope.isAnnotationWindowClose = false;
+        $rootScope.setListManagerZindex = false;
         $rootScope.lastX;
         $rootScope.lastY;
         $rootScope.CommonData;
@@ -158,11 +159,12 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
 
 
         //----Annotation Toolbar: Jcanvas-----
-
+       
         $rootScope.DrawLine = function (e) {
+            $rootScope.setListManagerZindex = true;
             $rootScope.switchCanvas();
             $rootScope.shapeType = "Line";
-
+          
 
             $('.btnCursor').removeClass('activebtncolor');
             $(".btn-annotation").removeClass("activebtncolor");
@@ -174,6 +176,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
 
         $rootScope.DrawPin = function (e) {
             $rootScope.switchCanvas();
+            $rootScope.setListManagerZindex = true;
             $rootScope.shapeType = "Pin";
 
             $('.btnCursor').removeClass('activebtncolor');
@@ -190,7 +193,9 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
             $('.btnCursor').addClass('activebtncolor');
         }
 
+       
         $rootScope.DrawRectangle = function (e) {
+            $rootScope.setListManagerZindex = true;
             $("#canvasPaint").css("display", "block");
             $("#canvas").css("display", "block");
             $rootScope.switchCanvas();
@@ -202,6 +207,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
         $rootScope.paintBrush = function () {
             //      debugger;
             //  $('.btnCursor').addClass('activebtncolor');
+            $rootScope.setListManagerZindex = true;
             $("#canvasPaint").css("display", "block");
             $("#canvas").css("display", "block");
             $rootScope.switchCanvasToPaintCanvas();
@@ -237,6 +243,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
         }
 
         $rootScope.DrawCircle = function (e) {
+            $rootScope.setListManagerZindex = true;
             $("#canvasPaint").css("display", "block");
             $("#canvas").css("display", "block");
             $rootScope.switchCanvas();
@@ -247,6 +254,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
         }
 
         $rootScope.DrawArrow = function (e) {
+            $rootScope.setListManagerZindex = true;
             $("#canvasPaint").css("display", "block");
             $("#canvas").css("display", "block");
             $rootScope.switchCanvas();
@@ -256,6 +264,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
             $(".btn-annotation-arrow").addClass("activebtncolor");
         }
         $rootScope.DrawText = function () {
+            $rootScope.setListManagerZindex = true;
             $("#canvasPaint").css("display", "block");
             $("#canvas").css("display", "block");
             $rootScope.switchCanvas();
@@ -269,6 +278,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
         }
 
         $rootScope.DrawPolygon = function () {
+            $rootScope.setListManagerZindex = true;
             $("#canvasPaint").css("display", "block");
             $("#canvas").css("display", "block");
             $rootScope.shapeType = "DrawPolygon";
@@ -434,9 +444,11 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
         //list manager function
 
         //list manager function
-
+       
+        $rootScope.disableAnnotationtoolOnListManager = false;
         $rootScope.ShowListManager = function () {
             console.log('ShowListManager')
+            $rootScope.disableAnnotationtoolOnListManager = true;
 
             $rootScope.isLoading = true;
             $('#spinner').css('visibility', 'visible');
@@ -453,6 +465,12 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
 
         $rootScope.CloseListManager = function () {
             console.log('close')
+            
+            $rootScope.disableAnnotationtoolOnListManager = false;
+            if ($rootScope.disableAnnotationtoolOnListManager == false) {
+                $('#AnnotaionPopupDiv').find('input, textarea, button, select,img,div').removeAttr('disabled', 'disabled');
+                $('#slider-range-min-2').slider('enable');
+            }
             //$rootScope.isListManagerSelected = false;
             $('#listManager').css('display', 'none');
             $("#listManager").css("visibility", "hidden");
diff --git a/400-SOURCECODE/AIAHTML5.Web/index.html b/400-SOURCECODE/AIAHTML5.Web/index.html
index 9437662..34aa067 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.html
+++ b/400-SOURCECODE/AIAHTML5.Web/index.html
@@ -408,18 +408,18 @@
                     <button type="button" class="close" aria-label="Close" ng-click="CloseAnnotationTool()"><span aria-hidden="true">&times;</span></button>
                     <h4 class="modal-title" id="myModalLabel">Annotation</h4>
                 </div>
-                <div class="modal-body">
+                <div class="modal-body" id="AnnotaionPopupDiv" >
                     <div class="row">
                         <div class="col-sm-12">
                             <h5>Mode</h5>
 
                             <div class="btn-group btn-group-justified" role="group" aria-label="...">
                                 <div class="btn-group" role="group" tooltip>
-                                    <div id="identify-block"  style="display: none; font-size:13px;">Identify Mode</div>
-                                    <button id="OnIdentify" type="button"  class="btn btn-sm btn-success" ng-click="OnIdentifyClick()">Identify</button>
+                                    <div id="identify-block" style="display: none; font-size:13px;">Identify Mode</div>
+                                    <button  id="OnIdentify" type="button" class="btn btn-sm btn-success" ng-click="OnIdentifyClick()">Identify</button>
                                 </div>
                                 <div class="btn-group" role="group">
-                                    <div id="draw-block"  style="display: none; font-size: 13px;">Draw Mode</div>
+                                    <div id="draw-block" style="display: none; font-size: 13px;">Draw Mode</div>
                                     <button id="DrawMode" type="button" ng-click="DrawingMode()" class="btn btn-sm btn-success">Draw</button>
                                 </div>
                             </div>
@@ -444,7 +444,7 @@
                                 </div>
                             </div>
                             <div class="well-popup well">
-                                <img src="content/images/blank-shape.jpg" alt="..." class="img-rounded img-responsive" ng-click="enableAnnotationToolBar()">
+                                <img src="content/images/blank-shape.jpg" alt="..." class="img-rounded img-responsive" ng-click="disableAnnotationtoolOnListManager||enableAnnotationToolBar()">
                             </div>
                             <div class="well well-popup">
                                 <div class="" role="group" aria-label="...">
@@ -1373,6 +1373,7 @@
         });
     </script>
 
+    
 
 
 </body>