So I have a td with a radio button. I have the following markup:

```css
.create-agreement-radio {
  padding-top: 20px;
}

.create-agreement-radio td {
  padding-top: 20px;
}

table .create-agreement-radio {
  padding-top: 20px;
}
```

```html
<td class="text-center create-agreement-radio">
  <span class="radio-custom radio-primary" data-lastselected="0" data-bind="event: { click: function(data, event) { $root.contractRadioClick(data, event, this) } }">
<input type="radio" name="contractSelectRadio" data-bind=" attr: { id: 'contractSelected' + $index() }">
<label data-bind="attr: { 'for': 'contractSelected' + $index() }"></label>
</span>
</td>
```

I am unsure why my CSS changes are not taking effect on the radio button, but if I add styling to the element it works fine, just not when I apply a class to the td.