/* Radio button and Checkbox Css */
.radio, .checkbox { padding-left:0px; margin-bottom:0; min-height:0; }
.radio + .radio, .checkbox + .checkbox { margin-top:0; }
.radio label, .checkbox label { display: inline-block; cursor: pointer; position: relative; padding-left: 35px; margin-right: 15px; margin-bottom:10px; }
.radio input[type=radio], .checkbox input[type=checkbox] { display: none; }
.radio label:before { content: ""; display: inline-block; width: 25px; height: 25px; margin-right: 10px; position: absolute; left: 0; top:3px; bottom: 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border:1px solid #ccc; }
.checkbox label:before { content: ""; display: inline-block; width: 25px; height: 25px; margin-right: 10px; position: absolute; left: 0; top:3px; bottom: 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border:1px solid #ccc; }
.radio label:before { border-radius: 20px; }
.checkbox label { margin-bottom: 10px; padding-top:2px }
.checkbox label:before { border-radius: 3px; }
.radio input[type=radio]:checked + label:before { content: "\2022"; color: #D20202; font-size: 30pt; text-align: center; height:25px; line-height: 23px; }
.checkbox input[type=checkbox]:checked + label:before { content: "\2713"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 15pt; font-weight:bold; color: #D20202; text-align: center; line-height: 25px; }