diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
index b384d2b..542c821 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
@@ -252,6 +252,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         var view_list = angular.element($event.currentTarget);
         var view_list_male_female = view_list.attr('title');
 
+        $rootScope.Normal = "LeftButtonsDefaultState";
 
         if (view_list_male_female == "Male") {
 
@@ -4446,6 +4447,9 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             $timeout(function () { $scope.highLightBody() }, 50);
 
         }
+
+        // unhighlight other
+        $scope.Normal = "";
     }
 
     $scope.enableNormalMode = function () {
@@ -4503,7 +4507,11 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             //1.
             $scope.highLightBody();
 
+
         }
+
+        // unhighlight other
+        $scope.Normal = "";
     }
 
     $scope.enableShowHideStructureBox = function () {
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html b/400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html
index a5a648c..e5c539c 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html
+++ b/400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html
@@ -113,13 +113,13 @@
                 <button id="btnTranparency" class="btn btn-black btn-sm btn-block marginTop5 tooltip-custom" ng-click="createTransparencyBox()" data-toggle="tooltip" data-placement="bottom" title="Transparency Box"><img src="content/images/icon-transparency.png" alt="" title=""></button>
             </div>
             <div class="col-sm-6">
-                <button class="btn btn-primary btn-sm marginTop5 tooltip-custom" ng-click="enableNormalMode()" data-toggle=" tooltip" data-placement="bottom" title="Normal"> <img src="content/images/bulb1.png" alt="" title=""></button>
+                <button ng-class="Normal" class="btn btn-black btn-sm marginTop5 tooltip-custom" ng-click="enableNormalMode()" data-toggle=" tooltip" data-placement="bottom" title="Normal"> <img src="content/images/bulb1.png" alt="" title=""></button>
             </div>
             <div class="col-sm-6">
-                <button class="btn btn-black btn-sm pull-right marginTop5 tooltip-custom" ng-click="enableExtract()" data-toggle="tooltip" data-placement="bottom" title="Extract"><img src="content/images/bulb1.png" alt="" title=""></button>
+                <button ng-class="Extract" class="btn btn-black btn-sm pull-right marginTop5 tooltip-custom" ng-click="enableExtract()" data-toggle="tooltip" data-placement="bottom" title="Extract"><img src="content/images/bulb1.png" alt="" title=""></button>
             </div>
             <div class="col-sm-6">
-                <button id="btnHighLight" class="btn btn-black btn-sm marginTop5 tooltip-custom btn-resize" ng-click="enableHighlight()" data-toggle="tooltip" data-placement="bottom" title="Highlight"> <img src="content/images/bulb.png" alt="" title=""></button>
+                <button ng-class="Highlight" id="btnHighLight" class="btn btn-black btn-sm marginTop5 tooltip-custom btn-resize" ng-click="enableHighlight()" data-toggle="tooltip" data-placement="bottom" title="Highlight"> <img src="content/images/bulb.png" alt="" title=""></button>
             </div>
             <div class="col-sm-6 dropdown hover-tool">
                 <div class="custom-tooltip">Highlight Options</div>
diff --git a/400-SOURCECODE/AIAHTML5.Web/content/css/main.css b/400-SOURCECODE/AIAHTML5.Web/content/css/main.css
index 77adcca..0065ce3 100644
--- a/400-SOURCECODE/AIAHTML5.Web/content/css/main.css
+++ b/400-SOURCECODE/AIAHTML5.Web/content/css/main.css
@@ -696,4 +696,5 @@ textarea {
 
 .daBodyView{}
 .ciView {
-}
\ No newline at end of file
+}
+
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 6f63003..bb2ecdf 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
@@ -813,3 +813,11 @@ cursor:pointer;
     max-width: 300px;
     width: 100%;
 }
+
+.LeftButtonsDefaultState
+{
+    background-color: #0095da;
+    border-color: #007ab3;
+    color: #ffffff;
+}
+