.checkbox label:after,
.radio label:after { content: ''; display: table; clear: both; }
.checkbox .cr, .radio .cr { position: relative; display: inline-block; border: 2px solid #797979; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; color: red; }
.radio .cr { border-radius: 75%; border-color: #797979; }
.checkbox .cr .cr-icon,
.radio .cr .cr-icon { position: absolute; font-size: 1.4em; line-height: 0; top: 50%; left: -1px; }
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] { display: none; }
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon { opacity: 0; }
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon { opacity: 1; }
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr { opacity: .5; }
.radio, .checkbox{display: inline-block;}
.radio label, .checkbox label {padding-left:0;}