*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}/*Not require if bootstrap is included*/
label.cr-checkbox-outer,label.cr-radio-outer{position:relative;display:inline-block;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
label.cr-checkbox-outer input[type=checkbox],label.cr-radio-outer input[type=radio]{position:relative;z-index:3;opacity:0;cursor:pointer;vertical-align: top;margin:4px;}

span.cr-checkbox-inner:after,
span.cr-checkbox-inner:before,
span.cr-radio-inner:after,
span.cr-radio-inner:before{box-sizing: initial;}

span.cr-checkbox-inner:after,
span.cr-checkbox-inner:before,
span.cr-radio-inner:after{height:16px;width:16px;}
span.cr-radio-inner:before{height:6px;width:6px;}


span.cr-checkbox-inner:after,
span.cr-radio-inner:after{border-radius: 2px;border:1px solid #35a8e0;content:"";position:absolute;left:0;top:2px;z-index:1;}
span.cr-radio-inner:after,span.cr-radio-inner:before{border-radius: 50%;}


span.cr-checkbox-inner:before,span.cr-radio-inner:before{content:"\f00c";text-align: center;display: inline-block;font-family: FontAwesome;font-size: 12px;line-height: 16px;position:absolute;top: 3px;left: 1px;z-index:2;color:#35a8e0;opacity:0;}
span.cr-radio-inner:before{background-color: #35a8e0;border: 5px solid #fff;content: "";}

label.cr-radio-outer input[type=radio]:checked + span.cr-radio-inner:before,
label.cr-checkbox-outer input[type=checkbox]:checked + span.cr-checkbox-inner:before{opacity:1;}

/*Disabled*/
label.cr-radio-outer input[type=radio]:disabled,label.cr-checkbox-outer input[type=checkbox]:disabled{cursor:default;}

label.cr-radio-outer input[type=radio]:disabled + span.cr-radio-inner:after,
label.cr-checkbox-outer input[type=checkbox]:disabled + span.cr-checkbox-inner:after{border-color:#bdc3c7;}
label.cr-checkbox-outer input[type=checkbox]:disabled + span.cr-checkbox-inner:before{color:#bdc3c7;}
label.cr-radio-outer input[type=radio]:disabled + span.cr-radio-inner:before {background-color: #bdc3c7;}


/*Round Theme*/
label.cr-checkbox-outer.round-theme span.cr-checkbox-inner:after{border-radius:10px;}
label.cr-checkbox-outer.round-theme span.cr-checkbox-inner:before{border-radius:6px;}


/*Animation - default Animation : opacity*/
label.cr-radio-outer input[type=radio] + span.cr-radio-inner:before,
label.cr-radio-outer input[type=radio] + span.cr-radio-inner:before,
label.cr-checkbox-outer input[type=checkbox] + span.cr-checkbox-inner:before{
-webkit-transition: all .28s cubic-bezier(0.400, 0.000, 0.200, 1.000); 
   -moz-transition: all .28s cubic-bezier(0.400, 0.000, 0.200, 1.000); 
    -ms-transition: all .28s cubic-bezier(0.400, 0.000, 0.200, 1.000); 
	 -o-transition: all .28s cubic-bezier(0.400, 0.000, 0.200, 1.000); 
        transition: all .28s cubic-bezier(0.400, 0.000, 0.200, 1.000);

-webkit-transition-timing-function: cubic-bezier(0.400, 0.000, 0.200, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.400, 0.000, 0.200, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.400, 0.000, 0.200, 1.000); 
	 -o-transition-timing-function: cubic-bezier(0.400, 0.000, 0.200, 1.000); 
        transition-timing-function: cubic-bezier(0.400, 0.000, 0.200, 1.000);
}

/*Animation : Scale*/
label.cr-radio-outer.scale input[type=radio] + span.cr-radio-inner:before,
label.cr-checkbox-outer.scale input[type=checkbox] + span.cr-checkbox-inner:before{
-webkit-transform: scale(0);
   -moz-transform: scale(0);
    -ms-transform: scale(0);
	 -o-transform: scale(0);
		transform: scale(0);
}
label.cr-radio-outer.scale input[type=radio]:checked + span.cr-radio-inner:before,
label.cr-checkbox-outer.scale input[type=checkbox]:checked + span.cr-checkbox-inner:before{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
	 -o-transform: scale(1);
		transform: scale(1);
}

/*================THEMES========================*/
/*box-theme*/
label.cr-checkbox-outer.box-theme input[type=checkbox]:checked + span.cr-checkbox-inner:before{background-color:#35a8e0;color: #fff;}
label.cr-radio-outer.box-theme span.cr-radio-inner:before{background-color: #fff;border-color:#35a8e0;border-width: 6px;left: 1px;top: 1px;right:1px;bottom:1px;}

label.cr-checkbox-outer.box-theme input[type=checkbox]:checked:disabled + span.cr-checkbox-inner:before{background-color:#bdc3c7;}
label.cr-radio-outer.box-theme input[type=radio]:checked:disabled + span.cr-radio-inner:before{background-color: #fff;border-color:#bdc3c7;}

/*line-theme*/






/*Keep your css above this line*/
/*FIrefox alignment hack*/
@media screen and (-moz-images-in-menus:0) {span.cr-checkbox-inner:before,span.cr-radio-inner:before{line-height:15px;}/*line-height : (original - 2)px; [refer line: 11] */