.form-radio, .form-checkbox
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #f1f1f1;
     color: #666;
     top: 10px;
     height: 30px;
     width: 30px;
/*     padding-left:15px!important;
     padding-right:15px!important;*/
     border: 0;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}

.form-radio {
     border-radius: 50px;
}

.form-checkbox {
     border-radius:3px;
}

.form-radio:checked::before, .form-checkbox:checked::before
{
     position: absolute;
     font: 18px/1 'Open Sans', sans-serif;
     left: 10px;
     top: 5px;
     font-weight:bolder;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover, .form-checkbox:hover
{
     background-color: #f7f7f7;
}
.form-radio:checked, .form-checkbox:checked
{
     background-color: #f1f1f1;
}


input:invalid+span:after {
  position: absolute; 
  font-size: 18px;
  content: 'X';
  padding-left: 5px;
  color: #8b0000;
}

input:valid+span:after {
  position: absolute;
  font-size:18px;
  content: '✓';
  padding-left: 5px;
  color: #009000;
}

input + span {
  padding-right: 15px;
}