fix radio button style issues in my company page

cmsWebApp/webroot/css/common.css

@@ -4344,7 +4344,16 @@ span.right-img {
 .invite-combo{
   text-align: center;
 }
-
+.oneit-radio span.radio{margin: 0;}
+.oneit-radio label:after {
+ background-color: #03a0e7;
+}
+.oneit-radio label.checked::after   {
+    -webkit-transform: scale(1, 1);
+    -ms-transform: scale(1, 1);
+    -o-transform: scale(1, 1);
+    transform: scale(1, 1);
+}
 /*Manage User Page End*/
 
 /*popup message*/
@@ -4948,6 +4957,7 @@ img.alert-icon {float: left;}
   .main-company-profile {margin: 40px auto 0;padding: 0 15px;width: 100%;}
   .hello-company-name {font-size: 18px;}
   .main-invite-friend {padding: 35px 30px 25px;}
+  
 }
 
 @media screen and (max-width: 750px){

cmsWebApp/webroot/extensions/adminportal/my_company.jsp

@@ -29,8 +29,27 @@
             $("#remove-logo").click(function(){
                 removeLogo();
             });
+            
+            
+            $(".oneit-radio input").each(function(){
+               
+                 if($(this).is(':checked')) { 
+                     updateRadioChecked(this); 
+                 }
+                 
+                 $(this).click(function(){
+                     if($(this).is(':checked')) { 
+                     updateRadioChecked(this); 
+                    }
+                 });
+            });
         });
         
+        function updateRadioChecked(ele){
+            $(".oneit-radio label").removeClass('checked');
+            $(ele).closest('label').addClass('checked');
+        }
+        
         function saveOwnBilling(ownBilling)
         {
             ajaxProcessAddJQ ("<%= request.getContextPath() %>/extensions/adminportal/inc/save_own_billing.jsp", 'form' , 
@@ -135,8 +154,18 @@
                                         </div>
                                     </div>
                                     <div class="form-group row">
-                                        <oneit:ormInput obj="<%= hiringTeam %>" type="radio" attributeName="ManageOwnBilling" value="true"/>Yes
-                                        <oneit:ormInput obj="<%= hiringTeam %>" type="radio" attributeName="ManageOwnBilling" value="false"/>No
+                                        <div class="col-md-6">
+                                        <div class="radio radio-primary second-radio-primary oneit-radio">
+                                            <label >
+                                            <oneit:ormInput obj="<%= hiringTeam %>" type="radio" attributeName="ManageOwnBilling" value="true"/>Yes
+                                            </label>
+                                        </div>
+                                         <div class="radio radio-primary second-radio-primary oneit-radio">
+                                            <label>
+                                            <oneit:ormInput obj="<%= hiringTeam %>" type="radio" attributeName="ManageOwnBilling" value="false"/>No
+                                            </label>
+                                        </div>
+                                        </div>
                                     </div>
                                     <div class="form-group row">
                                         <%