.radiobutton {
  height: 15px;
  width: 15px;
}

body:not(.isOldBrowser) .radiobutton {
  display: inline-block;
  background: #fff;
  border: 2px solid #0098da;
  margin: 0px 8px 0px 0px;
  cursor: pointer;
  height: 15px;
  width: 15px;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
}

body:not(.isOldBrowser) .radiobutton.inverted {
  background: #0098da;
  border-color: #fff;
  border-width: 2px;
}

body:not(.isOldBrowser) .radiobutton:checked {
  background: radial-gradient(ellipse at center, #fff 18%, #0098da 32%, #0098da 100%);
}

body:not(.isOldBrowser) .radiobutton.inverted:checked {
  background: radial-gradient(ellipse at center, #0098da 18%, #fff 32%, #fff 100%);
}


body .radiobutton.radiobutton-sm {
  height: 12px;
  width: 12px;
  border-width: 1px;
}

body .radiobutton.radiobutton-lg {
  height: 18px;
  width: 18px;
}


body.isOldBrowser .radiobutton {
  background: transparent;
  background-image: none;
  border: initial;
  margin: initial;
  cursor: pointer;
  color: initial;
  -webkit-appearance: radio;
  -moz-appearance: initial;
  appearance: initial;
  border-width: 0px;
  border-radius: initial;
}