/*	CSS for customized radio buttons and check boxes */
.custom-radio { /*position: relative;*/ margin:0; float:left; padding:0 10px 0 0;  font-size:0; }
.custom-radio input {position: absolute; left: 5px; top: 5px; margin: 0; z-index: 0; float:left; opacity:0 !important;}

.custom-radio label {display: block; position: relative; z-index: 1; padding-right: 1em; line-height: 1; cursor: pointer; width:auto !important; display:inline-block; }

.custom-radio label {background:url(../images/radio-but.png) no-repeat left top;width:24px;height: 42px;font-family: 'Lato', sans-serif;font-weight:300;font-size:14.98px;color:#a6a6a6;padding:5px 0 0 30px;}
.custom-radio label.checked {background:url(../images/radio-but.png) no-repeat left bottom;}

.custom-checkbox label { background:url(https://droptrack-assets.s3.amazonaws.com/signup/images/check_off.png) no-repeat; }
.custom-checkbox label.checked{ background:url(https://droptrack-assets.s3.amazonaws.com/signup/images/check_on.png) no-repeat;}


.custom-checkbox input  {position: absolute; left: 2px; top: 2px; margin: 0; z-index: 0; float:left; }
.custom-checkbox label  {display: block; position: relative; z-index: 1; padding-right: 1em; line-height: 1; cursor: pointer; height:18px;}

.custom-checkbox { position: relative; padding:0 22px 0 0;}