UI Grid Custom Checkbox styling

I am attempting to do some styling with the checkboxes in UI-Grid and it doesn't seem to be working properly. Notice the checkbox is still appearing underneath my styling overlay, and clicking on the 3rd checkbox seems to activate the overlay checkbox style.

Is there any way to replace the checkbox appearing in the column with my overlay and use that instead? Or does anyone have an idea to get this working properly?

http://ift.tt/2eu0cnU

cellTemplate: '<div class="ui-grid-cell-contents">' +
                                         '  <input type="checkbox" class= "Check" id="Check" name="select_item" value = "true" ng-model="row.entity.ValidateProvider"/>' +
                                         '  <label for="roundedOne" />' +
                                         '  </div>'

I want to get them looking like the 4th from the top on this site:

http://ift.tt/OByXbA