fix disable styling in manage user page

cmsWebApp/webroot/css/common.css

@@ -4171,6 +4171,10 @@ span.right-img {
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.02);
   margin-bottom: 15px;
 }
+
+.user-list-row.disabled {
+    background: #f3f4f6;
+}
 .m-user-left{
   float: left;
   width: 71%;
@@ -4218,8 +4222,18 @@ span.right-img {
     
 }
 
-.m-user-right-padlockicon img{margin: 0 auto;}
-.m-user-right-padlock:hover .arrow_box {display: inline-block;}
+.user-list-row.disabled  .m-user-right-padlockicon {
+    background: #f9623d;
+}
+
+.m-user-right-padlockicon .padlock{background: url('../images/m-user-right-padlockicon.png') center center no-repeat ; width: 100%; height: 100%; display: inline-block}
+.user-list-row.disabled  .m-user-right-padlockicon .padlock{background: url('../images/m-user-right-padlockicon_disabled.png') center center no-repeat ; width: 100%; height: 100%; display: inline-block}
+
+
+.user-list-row .m-user-right-padlock:hover .arrow_box.disble {display: inline-block;}
+.user-list-row.disabled .m-user-right-padlock:hover .arrow_box.enable {display: inline-block;}
+.user-list-row.disabled .m-user-right-padlock:hover .arrow_box.disble { display: none;}
+/*.arrow_box.enable {display: inline-block;}*/
 .arrow_box {
 	position: absolute;
 	background: #03a0e7;
@@ -4231,6 +4245,7 @@ span.right-img {
         top:-15px;
         left:-10px;
         letter-spacing: 2px;
+        text-align: center;
         
 }
 .arrow_box:after {

cmsWebApp/webroot/extensions/adminportal/manage_users.jsp

@@ -148,8 +148,11 @@
                                     </div>
                                 </div>
                                 <div class="m-user-right-padlock">
-                                    <div class="arrow_box" >DISABLE</div>
-                                    <span class="m-user-right-padlockicon"><img src="images/m-user-right-padlockicon.png"></span>
+                                    <div class="arrow_box disble" >DISABLE</div>
+                                    <div class="arrow_box enable" >ENABLE</div>
+                                    <span class="m-user-right-padlockicon">
+                                        <span class="padlock"></span>
+                                    </span>
                                 </div>
                                 <div class="m-user-right">
                                     <oneit:ormEnum  obj="<%= companyUser %>"    attributeName="Role"    cssClass="form-control user-role"   enums="<%= Arrays.asList(new RoleType[]{RoleType.ADMIN, RoleType.STANDARD}) %>"/>