input[type=checkbox],
input[type=radio] { margin: -2px 4px 0 0; padding: 0 !important; clear: none; cursor: pointer; display: inline-block; line-height: 0; outline: 0; text-align: center; vertical-align: middle; height: 20px; width: 20px; border: 1px solid #cfdce3; background: #fff;
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box; 
   box-sizing: border-box;
   -webkit-appearance: none;
}
input[type=radio] {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
input[type=checkbox]:disabled,
input[type=radio]:disabled,
input[type=checkbox]:disabled:checked:before,
input[type=radio]:disabled:checked:before { opacity: 0.7 }

input[type=checkbox]:checked:before,
input[type=radio]:checked:before { float: left; display: inline-block; vertical-align: middle; speak: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
input[type=checkbox]:checked:before { margin: 4px 0 0 4px; color: #333; content: url(../Images/check.png); }
input[type=radio]:checked:before { margin: 4px 0 0 4px; content: url(../Images/radio.png); }

/* select dropdown styles */
/*select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 0px;
	width: 100%; height: 38px; padding: 0 20px; font-size: 15px; cursor: pointer; color: #32768e; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border: 1px solid #cfdce3;
	background: #f9fafb url(../Images/arrow_select.png) no-repeat right;
}
*/

/* input file styles */
.inputFile { height:40px; width:100%; margin:0px; position: relative; padding: 0; box-shadow: inset 2px 2px 5px rgba(0,0,0,0.1); margin-bottom: 15px; background: #f9fafb; }
#uploadFilePath { border: 1px solid #cfdce3; width: 100%; padding-left: 10px; padding-right: 140px; height: 40px; background: none; outline: none; }
.custom-file-input { position: absolute; top: 0; right: 0; display: inline-block; color: #533e00; }
.custom-file-input input { visibility: hidden; width: 122px; height: 40px; }
.custom-file-input:before { right: 0; left: 0; position: absolute; content: ''; cursor: pointer; background: #fff url(../Images/input.png) no-repeat; width: 100%; height: 100%; }

input[type="text"] { background: #f9fafb; border: 1px solid #cfdce3; box-shadow: inset 1px 2px 3px rgba(0,0,0,0.1); height: 38px; line-height: 38px; padding: 0 20px; color: #4b5255; font-size: 14px; width: 100%; }
input[type="text"]:focus, #uploadFilePath:focus, textarea:focus { border: 1px solid #32768e; color: #4b5255; }
::-webkit-input-placeholder { color: #4b5255; }:-moz-placeholder { color: #4b5255; } #uploadFilePath::-moz-placeholder { color: #4b5255; }
:-ms-input-placeholder { color: #4b5255; }

input[type="password"] {
    background: #f9fafb; border: 1px solid #cfdce3; box-shadow: inset 1px 2px 3px rgba(0,0,0,0.1); height: 38px; line-height: 38px; padding: 0 20px; color: #4b5255; font-size: 14px; width: 100%;
}

textarea {  background: #f9fafb; border: 1px solid #cfdce3; box-shadow: inset 1px 2px 3px rgba(0,0,0,0.1); height: 155px; padding: 20px; color: #4b5255; font-size: 14px; width: 100%; }

input[type="submit"] { border: none; cursor: pointer; display: inline-block; padding: 0 35px 0 20px; background: #00b4ff url(../Images/arrow8.png) no-repeat 90%; color: #fff; text-decoration: none; height: 38px; font-size: 16px;}
input[type="submit"]:hover { text-decoration: underline; }
input[type="submit"]:hover { background: #42af35 url(../Images/arrow2.png) no-repeat 90%; text-decoration: none; }

.tx-felogin-pi1 input[type="submit"] {
    margin-top: 20px;
}


/* ### form box ### */
.formBox { width: 100%; overflow: hidden; padding-bottom: 20px; }
.formBox .holder { padding: 0 200px; }  
.formBox fieldset { border: none; }
.formBox .set { margin-bottom: 20px; }
.formBox .col { width: 400px; }
.formBox label { font-size: 16px; color: #4b5255; font-weight: bold; margin-bottom: 10px; display: block; }
.formBox .dropdown {}
.formBox .set > span, .formBox .set .correct > span  { display: block; margin-bottom: 10px; position: relative; }
.formBox .set span label { display: inline-block; font-weight: normal; margin-bottom: 0; position: relative; }


.chosen-container { width: 100%!important; }
.chosen-container-single .chosen-single { width: 100%; height: 38px; padding: 0 20px; font-size: 15px; cursor: pointer; color: #4b5255; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); background: #f9fafb!important; border-radius: 0; display: block; line-height: 38px;
	border: 1px solid #cfdce3; }

/* single select */
.chosen-container-single .chosen-single div { width: 30px; height: 38px; background: #f9fafb url(../Images/arrow_select.png) no-repeat center!important; }
.chosen-container-active.chosen-with-drop .chosen-single div { background: #f9fafb url(../Images/arrow_select_reverse.png) no-repeat center!important; }
.chosen-container-active .chosen-single { border: 1px solid #32768e; }
.chosen-container .chosen-drop { top: calc(100% + 20px); box-shadow: none!important; border: none; }
.chosen-container .chosen-drop:after { content: url(../Images/corner3.png); position: absolute; right: 0; top: -11px; }
.chosen-container .chosen-drop ul { list-style: none; padding: 0!important; margin: 0!important; }
.chosen-container .chosen-drop li { background: #32768e!important; border-bottom: 1px solid #6396a8; line-height: 38px; padding: 0 20px; color: #fff!important; font-size: 14px; }
.chosen-container .chosen-drop li:last-child { border-bottom: 0; }
.chosen-container .chosen-drop li:hover { background: #14c3e6!important; }


/* multi select */
.chosen-container-multi .chosen-choices { min-height: 30px; padding: 5px; border: 1px solid #cfdce3; border-radius: 0;  box-shadow: 1px 1px 3px rgba(0,0,0,0.1); background: #f9fafb url(../Images/arrow_select.png) no-repeat right; padding-right: 50px; }
.chosen-container-active .chosen-choices { border-color: #32768e; background: #f9fafb url(../Images/arrow_select_reverse.png) no-repeat right; }

.chosen-container-multi .chosen-choices li.search-choice { margin: 1px; margin-right: 3px; line-height: 30px; padding: 0 30px 0 10px; background: #e9edef!important; font-size: 14px; color: #4b5255; border: 0!important; border-radius: 0; box-shadow: none; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { width: 10px; height: 10px; background: url(../Images/close.png) no-repeat!important; top: 10px; right: 10px; }
.chosen-container-multi .chosen-choices li.search-field input[type="text"] { width: 200px!important; height: 30px; line-height: 30px; font-size: 14px; color: #4b5255; }
.chosen-container-multi .chosen-choices li.search-choice span { margin-bottom: 0; }

.chosen-container-multi .chosen-drop li.active-result { padding-left: 40px!important; background: #32768e url(../Images/multi_chk.png) no-repeat 10px!important; }
.chosen-container-multi .chosen-drop li.result-selected { padding-left: 40px!important; background: #32768e url(../Images/multi_chk_active.png) no-repeat 10px!important; }
.chosen-container-multi .chosen-drop li:hover { background: #14c3e6 url(../Images/multi_chk.png) no-repeat 10px!important; }

.chosen-container-multi .chosen-drop li.result-selected:hover { background: #14c3e6 url(../Images/multi_chk_active.png) no-repeat 10px!important; }

/* errors */

.error { position: relative; }
.error input[type="text"], .error .chosen-container-multi .chosen-choices { border-color: #f28e8e!important; }
.error:before { content: ''; width: 12px; height: 12px; background: url(../Images/close1.png); position: absolute; left: -25px; top: 50%; margin-top: -6px; }

.correct { position: relative; }
.correct:before { content: ''; width: 12px; height: 12px; background: url(../Images/correct.png); position: absolute; left: -25px; top: 50%; margin-top: -6px; }
.correct.area:before { top: 10px; margin-top: 0; }

input[type="checkbox"] { position: absolute; left: 0; top: 0; width: 20px; height: 20px; opacity: 0; }
input[type="checkbox"] + .checkbox { background: url(../Images/multi_chk.png) no-repeat -1px -1px; border: 1px solid #cfdce3; display: inline-block; margin: 0 10px 0 0; width: 20px; height: 20px; float: left; }
input[type="checkbox"]:checked + .checkbox { background: url(../Images/multi_chk_active.png) no-repeat -1px -1px; }
input[type="radio"] { position: absolute; left: 0; top: 0; width: 20px; height: 20px; opacity: 0; }
input[type="radio"] + .radio { background: url(../Images/ico-radio.png) no-repeat 0 0; display: inline-block; margin: 0 10px 0 0; width: 20px; height: 20px; float: left; }
input[type="radio"]:checked + .radio { background: url(../Images/ico-radio-checked.png) no-repeat 0 0; }