/*** jQuery Custom Form Elements ***/
/*** Alex Niksin ***/
/*** alexniksin@gmail.com  ***/


/* CHECKBOX */
.cfe-checkbox + label{margin:0 0 0 10px;}
.cfe-checkbox{display:inline-block; background:url(../img/checkbox.png) no-repeat left top; width:12px; height:13px; cursor:pointer;  margin-bottom:-2px;}
.cfe-checkbox.checked{background-position:left -13px;}

.cfe-checkbox.user-select{width:16px; height:19px; margin:0;}
.cfe-checkbox.user-select:after{content:"\f10c"; display:inline-block; color:#8e8e8e;}
.cfe-checkbox.user-select.checked:after{content:"\f058"; display:inline-block; color:#00afe8; font-size:18px;}


/* RADIOBUTTON */
.cfe-radio + label{margin:0 0 1px 5px; }
.cfe-radio{display:inline-block; background:url(../img/radio.png) no-repeat left top; width:14px; height:15px; cursor:pointer; margin-bottom:-3px;}
.cfe-radio.checked{background-position:0 -15px;}



/* SELECT */
.cfe-select{display:inline-block; vertical-align:middle; width:auto; height:29px; overflow:hidden; position:relative;}
.cfe-select.size1{width:222px;}
.cfe-select.size2{width:460px;}
.cfe-select > .cfe-select-title{display:block; position:relative; text-align:left; cursor:pointer; padding:0 30px 0 10px; line-height:27px; height:27px; word-break:break-all; overflow:hidden; background:#f1f2f3; border:1px solid #dedede; margin:0;
	-webkit-border-radius:6px; border-radius:6px; -webkit-transition:all 100ms; transition:all 100ms;
}
.cfe-select.error > .cfe-select-title{border-color:#ff3300 !important;}
.cfe-select > .cfe-select-title.placeholder{color:#aaaaaa;}
.cfe-select > .cfe-select-title > .fa{font-size:16px; display:block; position:absolute; top:6px; right:12px; color:#3d3d3d;}
.cfe-select > select:focus + .cfe-select-title{border-color:#cecece;}
.cfe-select > select:focus + .cfe-select-title > .fa{color:#000000;}

.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:#2d2d2d; padding:5px 10px;}
.cfe-select > select optgroup{font-style:normal;}


/* FILE UPLOAD */
.cfe-file{display:inline-block; width:180px; position:relative; -webkit-border-radius:6px; border-radius:6px; padding:0 30px 0 10px; line-height:27px; height:27px; word-break:break-all; overflow:hidden; background:#f1f2f3; box-shadow:0 1px 1px rgba(0,0,0,0.4); margin:0;}
.cfe-file:hover{background:#ebebeb;}
.cfe-file .cfe-filename.placeholder{color:#aaaaaa;}
.cfe-file .cfe-upload-icon{position:absolute; top:7px; right:10px; font-size:14px;}
.cfe-file > input{outline:none; position:absolute; width:100%; height:100%; opacity:0; top:0; left:0;  cursor:pointer; -webkit-transform:scale(4,4); transform:scale(4,4);}


/**************
	 < 768
***************/
@media (max-width:999px){
.cfe-select{width:290px !important;}
.cfe-file{width:248px;}
}