diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
index 6f0e2cb..fd51bbf 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -490,34 +490,38 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
         $rootScope.shapestyleborderWidth = 2;
         $rootScope.shapestyleborderStyles = "solid";
         $rootScope.shapestyle = function (id) {
-            //        debugger;
-            document.getElementById('modelbackground').style.display = "none";
-            document.getElementById('modeleditstyle').style.display = "none";
-
-            $rootScope.shapestyleOpacity = $("#" + id).css('opacity');
-            $("#shapeStyleDiv").parent().css("opacity", $rootScope.shapestyleOpacity);
-            $rootScope.shapestyleFillColor = $("#" + id).css('background-color');
-            $("#shapeStyleDiv").css("background-color", $rootScope.shapestyleFillColor);
-            $rootScope.shapestyleborderColor = $("#" + id).parent().css("border-top-color");
-            $("#shapeStyleDiv").parent().css("border-color", $rootScope.shapestyleborderColor);
-            $rootScope.shapestyleborderWidthSeparatingPixel = $("#" + id).parent().css("border-top-width");
-            $("#shapeStyleDiv").parent().css("border-width", $rootScope.shapestyleborderWidthSeparatingPixel);
-            var pixelSeparation = $rootScope.shapestyleborderWidthSeparatingPixel;
-            var intPart = pixelSeparation.split("p");
+            
+            if ((document.getElementById('fill-option').checked == false) && (document.getElementById('Outline-Option').checked == false)) {
+              //  $('#btnShapeStyle').attr('disabled', 'disabled');
+            } else {
+                //$('#btnShapeStyle').removeAttr('disabled', 'disabled');
+                document.getElementById('modelbackground').style.display = "none";
+                document.getElementById('modeleditstyle').style.display = "none";
 
-            $rootScope.shapestyleborderWidth = intPart[0];
-            $rootScope.shapestyleborderStyles = "solid";
+                $rootScope.shapestyleOpacity = $("#" + id).css('opacity');
+                $("#shapeStyleDiv").parent().css("opacity", $rootScope.shapestyleOpacity);
+                $rootScope.shapestyleFillColor = $("#" + id).css('background-color');
+                $("#shapeStyleDiv").css("background-color", $rootScope.shapestyleFillColor);
+                $rootScope.shapestyleborderColor = $("#" + id).parent().css("border-top-color");
+                $("#shapeStyleDiv").parent().css("border-color", $rootScope.shapestyleborderColor);
+                $rootScope.shapestyleborderWidthSeparatingPixel = $("#" + id).parent().css("border-top-width");
+                $("#shapeStyleDiv").parent().css("border-width", $rootScope.shapestyleborderWidthSeparatingPixel);
+                var pixelSeparation = $rootScope.shapestyleborderWidthSeparatingPixel;
+                var intPart = pixelSeparation.split("p");
 
+                $rootScope.shapestyleborderWidth = intPart[0];
+                $rootScope.shapestyleborderStyles = "solid";
 
-            $('#editshapestyle').modal('hide');
-            //  name: 'Circle_' + $rootScope.resetCircle,
 
+                $('#editshapestyle').modal('hide');
+                //  name: 'Circle_' + $rootScope.resetCircle,
 
-            //   $("#canvas").removeLayer("TextRect_" + $rootScope.resetTextRect).drawLayers();
 
-            //Edit Shape Style popup should open at it's default position
-            $("#modeleditstyle").css({ "left": "40%", "right": "0", "top": "70px" });
+                //   $("#canvas").removeLayer("TextRect_" + $rootScope.resetTextRect).drawLayers();
 
+                //Edit Shape Style popup should open at it's default position
+                $("#modeleditstyle").css({ "left": "40%", "right": "0", "top": "70px" });
+            }
         }
 
         $rootScope.enableAnnotationToolBar = function () {
diff --git a/400-SOURCECODE/AIAHTML5.Web/index.html b/400-SOURCECODE/AIAHTML5.Web/index.html
index 7b20735..1657409 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.html
+++ b/400-SOURCECODE/AIAHTML5.Web/index.html
@@ -886,7 +886,7 @@
                 </div>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-primary btn-sm" ng-click="shapestyle('imgOpacity')">
+                <button id="btnShapeStyle" type="button" class="btn btn-primary btn-sm" ng-click="shapestyle('imgOpacity')">
                     OK
                 </button>
                 <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" ng-click="disableAnnotationToolBar()">Cancel</button>
@@ -1018,12 +1018,17 @@
     </div>-->
 
     <script>
+    
         function enableDisableFillOption() {
-
+            //debugger;
             if (document.getElementById('fill-option').checked) {
-
+                // $('#imgOpacity').attr("background-color");
+                //$('#imgOpacity').css({"background-color"})
                 //$("#filloption1").css({ "pointer-events": "auto" });
                 //$("#filloption12").css({ "pointer-events": "auto" });
+            
+                var x = $("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color');
+                $("#imgOpacity").css("background-color", x);
                 $("#edit-slider-3").css({ "pointer-events": "auto" });
                 $("#edit-slider-4").css({ "pointer-events": "auto" });
                 $("#editstylebackgroundcolor").css({ "pointer-events": "auto" });
@@ -1039,7 +1044,7 @@
 
             }
             else {
-
+                $('#imgOpacity').css("background-color","transparent");
                 //$("#filloption1").css({ "pointer-events": "none" });
                 //$("#filloption2").css({ "pointer-events": "none" });
                 $("#edit-slider-3").css({ "pointer-events": "none" });
@@ -1061,12 +1066,17 @@
         function enableDisableOutline() {
 
             if (document.getElementById('Outline-Option').checked) {
+                var x = $("#outlineColor span.minicolors-swatch-color").css('background-color');
+                $(".marginTopBtm10 div.outlinediv").css("border-color", x);
+             //   var borderWidth = $("#outlineColor span.minicolors-swatch-color").css('border-width');
+               // $("#imgOpacity").css("border-width", borderWidth);
 
                 $("#borderWidthCanvasElement").css({ "pointer-events": "auto" });
                 $("#outlineColor").css({ "pointer-events": "auto" });
                 $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" })
             }
             else {
+                $('.marginTopBtm10 div.outlinediv').css("border-color", "transparent");
                 $("#borderWidthCanvasElement").css({ "pointer-events": "none" });
                 $("#outlineColor").css({ "pointer-events": "none" });
                 $(".setEnableDisableForEditShapeStyle").css({ "opacity": ".5" })