/* 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('icons/firstname.png');
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-star{
	background-image:url('icons/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("/theme/standart/images/blok/flags.png");
	background-repeat:no-repeat;
}

.myFlagIcon i:after{
	content: '';
    width: 7px;
    height: 9px;
    position: absolute;
    left: 21px;
    top: 1px;
    background: url('flagArrow.png') no-repeat center center;
}

.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("/theme/standart/images/blok/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('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;
}

.placeholder{
	position: absolute;
	top:1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	background:#fff;
	z-index: 33;
}

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

.icon + input[type="text"], 
.icon + input[type="password"], 
.icon + textarea,
.input-icon .placeholder{
	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,
.medium .input-icon .placeholder{
	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,
.large .input-icon .placeholder{
	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,
.xlarge .input-icon .placeholder{
	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: 13px;
	height: 16px;
}

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

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

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

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

.form-control:hover .input-wrap.radio{
	background:url('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('radioActive.png') no-repeat center center;
}

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

.form-control:hover .input-wrap.checkbox{
	background:url('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('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('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('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('removeIcon.png');
	background-repeat:no-repeat;
	background-position:center center;
}

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