Update radio btn style of rating in job match assessment.

cmsWebApp/webroot/css/common.css

@@ -1964,7 +1964,8 @@ ul.security-level {
     margin-left: -5px;
     border-color: #d1d1d1;
     color: #4a4a4a;
-    padding: 9px 24.12px;
+    padding: 0;
+/*    padding: 9px 24.12px;*/
 }
 .pagination.ratting-number>li:first-child>a, .pagination.ratting-number>li:first-child>span{
     border-top-left-radius: 100px;
@@ -2000,6 +2001,31 @@ ul.security-level {
 .radio.second-radio-primary label:hover::before {
     border-color: #03a0e7;
 }
+.ratting-number a input[type=radio]{
+  position: absolute;
+  visibility: hidden;
+}
+.ratting-number a label{
+  margin-bottom: 0;
+  display: block;
+  font-weight: normal;
+  padding: 9px 24.12px;
+  cursor: pointer;
+}
+.security-level input[type=radio]{
+  position: absolute;
+  visibility: hidden;
+}
+.security-level label{
+  font-weight: normal;
+  margin-bottom: 0;
+}
+.security-level li.active span{
+  background-color: #4990e2;
+  border: solid 1px #2a6ebf;
+  color: #ffffff;
+}
+
 /*Selection Criteria Page All Step End*/
 
 /*Complete Page*/
@@ -3786,7 +3812,7 @@ img.alert-icon {float: left;}
   .main-application-outline {width: 92%;}
   .app-block {margin: 45px 0 35px;padding: 43px 14px 15px;}
   .app-out-btn{margin-bottom: 8%;}
-  .pagination.ratting-number > li > a, .pagination.ratting-number > li > span{padding: 7px 15.12px;}
+  .ratting-number a label{padding: 7px 15.12px;}
   .ratting-box span{margin: 0 8px;}
   .app-complete-text{width: 75%;}
   .job-post-complete {min-height: 410px;}
@@ -3852,7 +3878,7 @@ img.alert-icon {float: left;}
 	.create-job-btn{padding: 9.5px 0 7.5px 15px;height: 60px;}
 	.profile-dropdown li a{padding: 17.2px 0 15px 22px;}
 	.search-bar img{top: 22px;}
-	.btn.btn-primary{height: 54px;width: 64.4%;}
+	.btn.btn.btn-primary{height: 54px;width: 64.4%;}
 	.create-job-btn a{padding: 10px 0;}
 	.main-menu ul {padding: 30px 0;}
   .make-payment-tab li a {width: 260px;}
@@ -3990,9 +4016,9 @@ img.alert-icon {float: left;}
   .rateing-title span {font-size: 12px;position: absolute;right: 30px;top: 23px;}
   .rating-box-title {font-size: 12px;line-height: 20px;padding: 16px 0;border-radius: 0;}
   .ratting-number {left: 0;margin: 0;padding-left: 0;position: absolute;right: 0;top: 0;width: 100%;}
-  .pagination.ratting-number > li > a, .pagination.ratting-number > li > span{float: left;margin-left: 0;width: 14.28%;border-left: 0 none;padding: 14px 0;}
-  .pagination.ratting-number > li:first-child > a, .pagination.ratting-number > li:first-child > span{border-bottom-left-radius: 0;border-top-left-radius: 0;border-left: 0;}
-  .pagination.ratting-number > li:last-child > a, .pagination.ratting-number > li:last-child > span{border-bottom-right-radius: 0;border-top-right-radius: 0;border-right: 0;}
+  .pagination.ratting-number > li > a, .pagination.ratting-number > li > span{float: left;margin-left: 0;width: 14.28%;border-left: 0 none;}
+  .ratting-number a label{padding: 14px 0;}
+  .ratting-number a label{padding: 14px 0;}  .pagination.ratting-number > li:first-child > a, .pagination.ratting-number > li:first-child > span{border-bottom-left-radius: 0;border-top-left-radius: 0;border-left: 0;}		3888	  .pagination.ratting-number > li:first-child > a, .pagination.ratting-number > li:first-child > span{border-bottom-left-radius: 0;border-top-left-radius: 0;border-left: 0;}  .pagination.ratting-number > li:last-child > a, .pagination.ratting-number > li:last-child > span{border-bottom-right-radius: 0;border-top-right-radius: 0;border-right: 0;}
   .ratting-box {border: 0 none;border-radius: 0;padding: 30px 0 33px;top: -2px;float: left;width: 100%;}
   .auto-save{padding: 24px 0;float: left;width: 100%;}
   .ratting-box span:first-child {float: left;margin: 13px 9px;position: relative;top: 25px;width: 50px;text-align: left;}

cmsWebApp/webroot/extensions/applicantportal/job_match_assessment.jsp

@@ -87,16 +87,13 @@
                                             {
                                                 String  activeStr   = (CollectionUtils.equals(String.valueOf(index), formValue) ? "active" : "");
                                                 String  selectedStr = (CollectionUtils.equals(String.valueOf(index), formValue) ? "checked" : "");
-
                                         %>
-                                                <li class="<%= activeStr %>">
-                                                    <a href="javascript:void(0)">
-                                                        <lable>
-                                                            <input type="radio" name="<%= optionKey %>" value="<%= index %>"    <%= selectedStr %>  id="<%= index %>">
-                                                            <%= index %>
-                                                        </lable>
-                                                    </a>
-                                                </li>
+                                        <li class="<%= activeStr %>">
+                                            <a href="javascript:void(0);">
+                                                <input type="radio" name="<%= optionKey %>" id="<%= index %>" value="<%= index %>" <%= selectedStr %>>
+                                                <label for="<%= index %>"><%= index %></label>
+                                            </a>
+                                        </li>
                                         <%
                                             }
                                         %>