.awesomecheckbox > input[type=checkbox], .awesomeradio > input[type=radio] { margin-left: -10000%; height:0; } /* to hide the checkbox itself */

    .awesomecheckbox > input[type=checkbox] ~ label, .awesomeradio > input[type=radio] ~ label {
        margin-top:-13px;    
    }


    .awesomecheckbox > input[type=checkbox] ~ label:before, .awesomeradio > input[type=radio] ~ label:before {
      font-family: FontAwesome;
      display: inline-block;
      font-size: 38px;
    }

    .awesomecheckbox > input[type=checkbox] ~ label:before, .awesomeradio > input[type=radio] ~ label:before { content: "\f096"; letter-spacing: 10px; } /* unchecked icon */

    .awesomecheckbox > input[type=checkbox].input-validation-error ~ label:before, .awesomeradio > input[type=radio].input-validation-error ~ label:before { color:red; } /*Input validation error fix*/
    .awesomecheckbox > input[type=checkbox].input-validation-error, .awesomeradio > input[type=radio].input-validation-error {border: 0px solid #fff !important; outline: 0px solid #fff !important; }

    .awesomecheckbox > input[type=checkbox]:checked ~ label:before, .awesomeradio > input[type=radio]:checked ~ label:before { content: "\f046"; letter-spacing: 4.5px; color:#2842AB; } /* checked icon */

    .awesomecheckbox > input[type=checkbox] ~ label, .awesomeradio > input[type=radio] ~ label {
      -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none;   /* Chrome/Safari/Opera */
      -khtml-user-select: none;    /* Konqueror */
      -moz-user-select: none;      /* Firefox */
      -ms-user-select: none;       /* IE/Edge */
      user-select: none;           /* non-prefixed version, currently
                                      not supported by any browser */
    }