@charset "utf-8";
/* CSS Document */

/*-----customized form elements-----*/
label.checkBox,label.radioBox{display:block;position:relative;overflow:hidden;padding:0 0 0 30px;}
label.checkBox input,label.radioBox input{position:absolute;opacity:0;left:0px;top:0px;}
label.checkBox span{content:'';display:block;position:absolute;width:22px;height:22px;border-radius:2px;background:#f0f1fa;left:0px;top:0px;overflow:hidden;}
label.checkBox span:after{content:'';display:block;width:7px;height:11px;border-right:#fff 3px solid;border-bottom:#fff 3px solid;position:absolute;left:7px;top:4px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:100%;transition:margin .2s ease-out;}

label.radioBox span{content:'';display:block;position:absolute;width:22px;height:22px;border-radius:2px;background:#f0f1fa;left:0px;top:0px;overflow:hidden;border-radius:50%;}
label.radioBox span:after{content:'';display:block;width:0px;height:0px;border-radius:50%;background:#d71635;position:absolute;left:50%;top:50%;margin:-0px 0 0 -0px;transition:all .2s ease-out;}

label.checkBox:hover input ~ span,label.radioBox:hover input ~ span{box-shadow:inset 0 0 6px rgba(0,0,0,0.2);}
label.checkBox input:checked ~ span{background:#d71635;}
label.checkBox input:checked ~ span:after{margin-top:0%;}

label.radioBox input:checked ~ span{background:#fff;border:#d71635 2px solid;}
label.radioBox input:checked ~ span:after{width:10px;height:10px;margin:-5px 0 0 -5px;}
/*-----ends customized form elements-----*/