diff --git a/400-SOURCECODE/AIAHTML5.Web/index.html b/400-SOURCECODE/AIAHTML5.Web/index.html
index 12198d0..6c2803c 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.html
+++ b/400-SOURCECODE/AIAHTML5.Web/index.html
@@ -431,7 +431,7 @@
                                     <div>
                                         <button type="button" class="btn btn-primary btn-xs pull-left btn-annotation" id="paintLine" data-toggle="tooltip" data-placement="top" title="Paint" style="margin-right:1%;" ng-click="paintBrush()"><i class="fa fa-paint-brush"></i></button>
                                         <button type="button" class="btn btn-primary btn-xs pull-left btn-annotation" data-toggle="tooltip" data-placement="top" title="Erase" ng-click="EraseDrawing()"><i class="fa fa-eraser"></i></button>&nbsp;
-                                        <div class="marginL2 pull-left"><input type="number" id="amount-2" value="25" step="1" style="width:60px;"></div>&nbsp;
+                                        <div class="marginL2 pull-left"><input type="number" id="amount-2" step="1" style="width:60px;" min="0" max="60" oninput="Brushsize(this)"></div>&nbsp;
                                         <div class="pull-left" style="width:45%; margin-left:2%;">
                                             <div id="slider-range-min-2"></div>
                                         </div>
@@ -987,6 +987,26 @@
             div.style.display = 'block';
         }
     </script>
+    <script>
+        function Brushsize(object) {
+
+                if (parseInt(object.value) == 0) {
+                    object.value = 0;
+                 
+                }
+
+            if (parseInt(object.value) <= parseInt(object.max)) {
+
+                object.value = object.value;
+
+
+            }
+            else {
+                object.value = object.value.slice(0, 1);
+
+            }
+        }
+    </script>
 
 
     <!--<script src="libs/jquery/1.11.3/jquery.min.js"></script>-->