/* ios & macos reset */

.form-control input[type="text"], 
.form-control input[type="password"], 
.form-control input[type="tel"], 
.form-control input[type="number"], 
.form-control select, 
.form-control textarea,
.form input[type="text"], 
.form input[type="password"], 
.form input[type="tel"], 
.form input[type="number"], 
.form select, 
.form textarea{
    background-color:#fff !important;
    background-image:none !important;
    border:1px solid #ccc !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

/* ios & macos reset */

.form-control,
.form{
	line-height:20px;
	font-size:12px;
	cursor:pointer;
}

.form-control.medium,
.form.medium{
	line-height:30px;
	font-size:13px;
}

.form-control.large,
.form.large{
	line-height:40px;
	font-size:15px;
}

.form-control.xlarge,
.form.xlarge{
	line-height:50px;
	font-size:15px;
}

.input-icon{
	position:relative;
}

.icon{
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	background-color:#ccc;
	background-repeat:no-repeat;
	background-position:center center;
}

.medium .icon{
	width:30px;
	height:30px;
}

.large .icon{
	width:40px;
	height:40px;
}

.xlarge .icon{
	width:50px;
	height:50px;
}

.invalid .icon{
	background-color:#d9534f;
}

.icon-firstname{
	background-image:url('../png/firstname.png');
}

.icon-lastname{
	background-image:url('../png/lastname.png');
}

.icon-mail{
	background-image:url('../png/mail.png');
}

.icon-pen{
	background-image:url('../png/pen.png');
}

.icon-message{
	background-image:url('../png/message.png');
}

.icon-attach{
	background-image:url('../png/attach.png');
}

.icon-code{
	background-image:url('../png/code.png');
}

.icon-pass{
	background-image:url('../png/password.png');
}

.icon-passConfirm{
	background-image:url('../png/passconfirm.png');
}

.icon-company{
	background-image:url('../png/company.png');
}

.icon-taxOffice{
	background-image:url('../png/taxoffice.png');
}

.icon-taxId{
	background-image:url('../png/taxid.png');
}

.icon-tc{
	background-image:url('../png/tc.png');
}

.icon-birthday{
	background-image:url('../png/birthday.png');
}

.icon-gender{
	background-image:url('../png/gender.png');
}

.icon-mobilePhone{
	background-image:url('../png/mobilephone.png');
}

.icon-homePhone{
	background-image:url('../png/homephone.png');
}

.icon-officePhone{
	background-image:url('../png/officephone.png');
}

.icon-address{
	background-image:url('../png/address.png');
}

.icon-map{
	background-image:url('../png/map.png');
}

.icon-zipCode{
	background-image:url('../png/zipcode.png');
}

.icon-fb{
	background-color:#3c599b;
	background-image:url('../png/facebook-2.png');
}

.icon-tw{
	background-color:#29aae3;
	background-image:url('../png/twitter-2.png');
}

.icon-star{
	background-image:url('../png/star.png');
}

.myFlagIcon{
	float:left;
	width:100%;
	height:100%;
}

.myFlagIcon i{
	position:absolute;
	top:50%;
	left:50%;
	width:16px;
	height:11px;
	margin-top:-5px;
	margin-left:-8px;
	background-image:url("../png/flags.png");
	background-repeat:no-repeat;
}

.flagList{
	position:absolute;
	width:600%;
	top:100%;
	left:0;
	background:#fff;
	border-color:#ccc;
	z-index:33;
}

.flagList li{
	line-height:20px;
}

.flagList li:hover{
	background-color:#ececec;
}

.flag{
	float:left;
	width:16px;
	height:11px;
	background-image:url("../png/flags.png");
	background-repeat:no-repeat;
	margin-top:5px;
	margin-right:10px;
}

.country{
	float:left;
	height:20px;
}

.code{
	float:right;
	height:20px;
}

.required{
	background:url('../png/required.png') no-repeat right center;
}

#secCode{
	position:absolute;
	top:0;
	left:0;
}

.form-control input[type="text"], 
.form-control input[type="password"], 
.form-control select,
.form-control textarea,
.form input[type="text"], 
.form input[type="password"], 
.form select,
.form textarea{
	height:20px;
	margin:0;
	padding-top:0;
	padding-left:5px;
	padding-bottom:0;
	padding-right:5px;
	border:1px solid #ccc;
	box-sizing:border-box;
}

.form-control textarea,
.form textarea{
	height:90px;
    line-height:18px;
}

.icon + input[type="text"], 
.icon + input[type="password"], 
.icon + textarea{
	padding-left:25px;
}

.icon + select{
	text-indent:25px;
}

.form-control.medium input[type="text"], 
.form-control.medium input[type="password"], 
.form-control.medium select,
.form.medium input[type="text"], 
.form.medium input[type="password"], 
.form.medium select{
	height:30px;
}

.form-control.medium textarea,
.form.medium textarea{
	height:120px;
    line-height:20px;
	padding-top:4px;
    padding-bottom:4px;
}

.medium .icon + input[type="text"], 
.medium .icon + input[type="password"], 
.medium .icon + textarea{
	padding-left:35px;
}

.medium .icon + select{
	text-indent:35px;
}

.form-control.large input[type="text"], 
.form-control.large input[type="password"], 
.form-control.large select,
.form.large input[type="text"], 
.form.large input[type="password"], 
.form.large select{
	height:40px;
	padding-left:10px;
	padding-right:10px;
}

.form-control.large textarea,
.form.large textarea{
	height:150px;
    line-height:20px;
	padding-top:9px;
    padding-bottom:9px;
}

.large .icon + input[type="text"], 
.large .icon + input[type="password"], 
.large .icon + textarea{
	padding-left:50px;
}

.large .icon + select{
	text-indent:50px;
}

.form-control.xlarge input[type="text"], 
.form-control.xlarge input[type="password"], 
.form-control.xlarge select,
.form.xlarge input[type="text"], 
.form.xlarge input[type="password"], 
.form.xlarge select{
	height:50px;
	padding-left:10px;
	padding-right:10px;
}

.form-control.xlarge textarea,
.form.xlarge textarea{
	height:180px;
    line-height:20px;
	padding-top:14px;
    padding-bottom:14px;
}

.xlarge .icon + input[type="text"], 
.xlarge .icon + input[type="password"],
.xlarge .icon + textarea{
	padding-left:60px;
}

.xlarge .icon + select{
	text-indent:60px;
}

#secCode + input[type="text"], 
#secCode + input[type="password"], 
#secCode + select, 
#secCode + textarea{
	padding-left:105px;
}

.form-control.invalid input[type="text"], 
.form-control.invalid input[type="password"], 
.form-control.invalid select, 
.form-control.invalid textarea,
.form.invalid input[type="text"], 
.form.invalid input[type="password"], 
.form.invalid select, 
.form.invalid textarea,
.ng-invalid{
	border:1px solid #d9534f;
	background-color:#FFCAC8;
	color:#fff;
}

.form-control input[type="file"],
.form input[type="file"]{
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.input-wrap, 
.input-wrap input{
	width:17px;
	height:20px;
}

.medium .input-wrap, 
.medium .input-wrap input{
	height:30px;
}

.large .input-wrap, 
.large .input-wrap input{
	height:40px;
}

.input-wrap{
	float:left;
	margin-right:10px;
}

.input-wrap.radio{
	background:url('../png/radio.png') no-repeat center center;
}

.form-control:hover .input-wrap.radio{
	background:url('../png/radiohover.png') no-repeat center center;
}

.input-wrap.radio.active, 
.form-control:hover .input-wrap.radio.active, 
.active > .form-control .input-wrap.radio{
	background:url('../png/radioactive.png') no-repeat center center;
}

.input-wrap.checkbox{
	background:url('../png/checkbox.png') no-repeat center center;
}

.form-control:hover .input-wrap.checkbox{
	background:url('../png/checkboxhover.png') no-repeat center center;
}

.input-wrap.checkbox.active, 
.form-control:hover .input-wrap.checkbox.active, 
.active > .form-control .input-wrap.checkbox{
	background:url('../png/checkboxactive.png') no-repeat center center;
}

.input-wrap input{
	visibility:hidden;
	margin:0;
}

.form-link{
	line-height:30px;
	font-size:15px;
	color:#666;
}

.info:before{
	content:'';
	display:inline-block;
	min-height:13px;
	min-width:12px;
	background:url('../png/info.png') no-repeat 0 center;
	margin-right:10px;
	vertical-align:middle;
}

.ask:before{
	content:'';
	display:inline-block;
	min-height:15px;
	min-width:15px;
	background:url('../png/infoask.png') no-repeat 0 center;
	margin-right:10px;
	vertical-align:middle;
}

.social-btn{
	height:20px;
	padding-left:29px;
}

.medium .social-btn{
	height:30px;
	padding-left:39px;
}

.large .social-btn{
	height:40px;
	padding-left:49px;
}

.xlarge .social-btn{
	height:50px;
	padding-left:59px;
}

.removeBtn{
	width:20px;
	height:20px;
	background-image:url('../png/removeicon.png');
	background-repeat:no-repeat;
	background-position:center center;
}

.hasDatepicker{
	padding-right:26px;
	background:url('../png/calendaricon.png') no-repeat right center;
}