.checkbox {vertical-align: top;margin: 0 3px 0 0;width: 17px;height: 17px;}
.checkbox + label {cursor: pointer;}
.checkbox:not(checked) {position: absolute;opacity: 0;}
.checkbox:not(checked) + label {position: relative;padding: 0 0 0 60px;}
.checkbox:not(checked) + label:before {content: '';position: absolute;top: -4px;left: 0;width: 50px;height: 26px;background: #CDD1DA;box-shadow: inset 0 2px 3px rgba(0,0,0,.2);}
.checkbox:not(checked) + label:after {content: '';position: absolute;top: -2px;left: 2px;width: 22px;height: 22px;background: #FFF;transition: all .2s;}
.checkbox:checked + label:before {background: #93cc0d;}
.checkbox:checked + label:after {left: 26px;}
.checkbox:focus + label:before {box-shadow: 0 0 0 3px rgba(255,255,0,.5);}

.radio {vertical-align: top;width: 17px;height: 17px;margin: 0 3px 0 0;}
.radio + label {cursor: pointer;}
.radio:not(checked) {position: absolute;opacity: 0;}
.radio:not(checked) + label {position: relative;padding: 0 0 0 26px;margin: 5px 11px;}
.radio:not(checked) + label:before {content: '';position: absolute;top: -2px;left: 1px;width: 22px;height: 22px;border: 1px solid #CDD1DA;background: #FFF;}
.radio:not(checked) + label:after {content: '';position: absolute;top: 1px;left: 4px;width: 16px;height: 16px;background: #93cc0d;box-shadow: inset 0 1px 1px rgba(0,0,0,.5);opacity: 0;transition: all .2s;}
.radio:checked + label:after {opacity: 1;}
.radio:focus + label:before {box-shadow: 0 0 0 3px rgba(255,255,0,.5);}

.aceptwrapp {display: block;text-align: center;margin: 5px 10px;line-height: 1em;}