/*** jQuery Custom Form Elements ***/
/*** alex@visionbreeze.com  ***/

/* CLICK AREA EXPAND */
.cfe-checkbox:after, .cfe-radio:after { content:" "; display:block; position:absolute; top:-13px; left:-13px; width:40px; height:40px; background:rgba(0,0,0,0);}

/* CHECKBOX */
.cfe-checkbox + label{margin:0 0 0 15px; vertical-align:middle;}
.cfe-checkbox{display:inline-block; vertical-align:middle; width:18px; height:18px; cursor:pointer; background:#ffffff; position:relative;
	box-shadow:inset rgba(0,0,0,0.3) 0px 1px 1px, rgba(255,255,255,0.3) 0px 1px 0px; -webkit-appearance:none; -webkit-border-radius:4px; border-radius:4px;
}
.cfe-checkbox i {display:none; width:10px; height:10px; margin:4px; background:#F7941B; -webkit-border-radius:2px; border-radius:2px;}

.cfe-checkbox.checked{background-position:left -28px !important;}
.cfe-checkbox.checked i{display:block;}

.cfe-checkbox.type2 { box-shadow:inset rgba(0,0,0,0.5) 0px 1px 2px, rgba(255,255,255,0.2) 0px 1px 0px; }

.popup-window .cfe-checkbox { box-shadow:inset rgba(0,0,0,0.4) 0px 1px 1px, rgba(255,255,255,0.8) 0px 1px 0px; }

/* RADIO */
.cfe-radio + label{margin:0 0 0 15px; vertical-align:middle;}
.cfe-radio{display:inline-block; vertical-align:middle; width:18px; height:18px; cursor:pointer; background:#ffffff; position:relative;
	box-shadow:inset rgba(0,0,0,0.3) 0px 1px 1px, rgba(255,255,255,0.3) 0px 1px 0px; -webkit-appearance:none; -webkit-border-radius:18px; border-radius:18px;
}
.cfe-radio i {display:none; width:10px; height:10px; margin:4px; background:#F7941B; -webkit-border-radius:18px; border-radius:18px;}

.cfe-radio.checked{background-position:left -28px !important;}
.cfe-radio.checked i{display:block;}



/* SELECT */
.cfe-select{display:inline-block; vertical-align:middle; height:34px; overflow:hidden; position:relative; color:#262626; 
	box-shadow:inset rgba(0,0,0,0.4) 0px 1px 1px, rgba(255,255,255,0.3) 0px 1px 0px; -webkit-transition:box-shadow 100ms linear; transition:box-shadow 100ms linear;
	-webkit-border-radius:8px; border-radius:8px; background:#ffffff;
}
.cfe-select > span{display:inline-block; height:34px; line-height:34px; padding:0 35px 0 10px; margin:0; border:none; vertical-align:middle;
	 -webkit-appearance:none; text-shadow:none;
}
.cfe-select.small{ height:26px; }
.cfe-select.small > span{ height:26px; line-height:26px; }

.cfe-select.error > span{background:#ffb9b9;}
.cfe-select > span.placeholder{color:#262626;}
.cfe-select > span > .fa{font-size:16px; display:block; position:absolute; top:50%; right:12px; height:25px; margin-top:-7px; color:#F7941B;}
.cfe-select > select{position:absolute; z-index:1; margin:0; padding:0; top:0; left:0; width:100%; height:100%; cursor:pointer;}
.cfe-select > select option, .cfe-select > select optgroup{font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#2a2a2a; padding:5px 20px;}
.cfe-select > select optgroup{font-style:normal;}

.cfe-select.size-op-modes {max-width:295px; text-align:right; height:auto; }
.cfe-select.size-op-modes > span {line-height:1.2; height:auto; padding:9px 35px 9px 10px; }