[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="password"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="number"]{
	unicode-bidi:bidi-override;
}

input, select, button{
	/* -webkit-appearance:none;
	-moz-appearance:none;
	appearance:none; */
}

:not(.withPlace)::-webkit-input-placeholder{
	color:transparent;
}
:not(.withPlace)::-moz-placeholder{
	color:transparent;
}
:not(.withPlace):-ms-input-placeholder{
	color:transparent;
}
:not(.withPlace):-moz-placeholder{
	color:transparent;
}

/* 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 #e5e5e5 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

/* ios & macos reset */

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

.ie .form-control,
.ie .form{
	position:relative;
}

.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;
}

#invoiceForm .form-control.xlarge, 
#invoiceForm .form.xlarge{
	padding-top: 9px;
	padding-bottom: 9px;
}

.input-icon{
	position:relative;
}

.icon{
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:333;
}

[dir="rtl"] .icon{
	right:0;
	left:auto;
}

.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-author{
	background-image:url('icons/author.png');
}

.icon-iban{
	background-image:url('icons/iban.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-fax{
	background-image:url('icons/fax.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("../../../../../standart/images/blok/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("../../../../../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, 
#secCode, 
#codeRecommend,
#codeCall,
#codeHizli{
	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:10px;
	padding-bottom:0;
	padding-right:10px;
	border:1px solid #ccc;
	box-sizing:border-box;
}

.form-control .myFlag + input{
	padding-left:30px;
}

[dir="rtl"] .form-control .myFlag + input{
	padding-left:30px;
}

.placeholder{
	position: absolute;
	top:1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
    color:#b5b5b5;
    font-size:13px;
	padding-right:10px;
	padding-left:10px;
	background:#fff;
	z-index: 33;
}

.medium .placeholder{
	line-height:30px;
}

.medium .myFlag + input + .placeholder{
    padding-left:40px;
}

[dir="rtl"] .medium .myFlag + input + .placeholder{
    padding-right:40px;
    padding-left:10px;
}

.large .placeholder{
	line-height:40px;
    padding-right:15px;
    padding-left:15px;
}

.large .myFlag + input + .placeholder{
    padding-left:45px;
}

[dir="rtl"] .large .myFlag + input + .placeholder{
    padding-right:45px;
    padding-left:15px;
}

.xlarge .placeholder{
	line-height:50px;
    padding-right:15px;
    padding-left:15px;
}

.xlarge .myFlag + input + .placeholder{
    padding-left:55px;
}

[dir="rtl"] .xlarge .myFlag + input + .placeholder{
    padding-right:55px;
    padding-left:15px;
}

.placeholder.focus{
    bottom:auto;
    height:0;
    line-height:28px;
    font-size:10px;
    color:#b5b5b5;
    font-weight:600;
}

.medium .placeholder.focus{
    height:10px;
    line-height:10px;
}

.large .placeholder.focus{
    height:20px;
    line-height:20px;
}

.xlarge .placeholder.focus{
    height:25px;
    line-height:30px;
}

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

[dir="rtl"] .icon + input[type="text"], 
[dir="rtl"] .icon + input[type="password"], 
[dir="rtl"] .icon + textarea,
[dir="rtl"] .ie .icon + select{
	padding-left:10px;
}

.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;
}

.form-control.medium .myFlag + input{
	padding-left:40px;
}

[dir="rtl"] .form-control.medium .myFlag + input{
	padding-left:40px;
}

[dir="rtl"] .medium .icon + input[type="text"], 
[dir="rtl"] .medium .icon + input[type="password"], 
[dir="rtl"] .medium .icon + textarea,
[dir="rtl"] .ie .medium .icon + select{
	padding-left:10px;
}

.form-control.medium select:not(.withPlace), 
.form-control.medium input[type="text"]:not(.withPlace), 
.form-control.medium input[type="password"]:not(.withPlace), 
.form.medium select:not(.withPlace), 
.form.medium input[type="text"]:not(.withPlace), 
.form.medium input[type="password"]:not(.withPlace){
	padding-top:10px;
}

.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:15px;
	padding-right:15px;
}

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

[dir="rtl"] .large .icon + input[type="text"], 
[dir="rtl"] .large .icon + input[type="password"], 
[dir="rtl"] .large .icon + textarea,
[dir="rtl"] .ie .large .icon + select,
[dir="rtl"] .large.input-icon .placeholder,
[dir="rtl"] .large .input-icon .placeholder{
	padding-left:15px;
}

.form-control.large .myFlag + input{
	padding-left:45px;
}

[dir="rtl"] .form-control.large .myFlag + input{
	padding-left:45px;
}

.form-control.large select:not(.withPlace), 
.form-control.large input[type="text"]:not(.withPlace), 
.form-control.large input[type="password"]:not(.withPlace), 
.form.large select:not(.withPlace), 
.form.large input[type="text"]:not(.withPlace), 
.form.large input[type="password"]:not(.withPlace){
	padding-top:15px;
}

.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:15px;
	padding-right:15px;
}

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

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

[dir="rtl"] .xlarge .icon + input[type="text"], 
[dir="rtl"] .xlarge .icon + input[type="password"], 
[dir="rtl"] .xlarge .icon + textarea,
[dir="rtl"] .ie .xlarge .icon + select,
[dir="rtl"] .xlarge.input-icon .placeholder,
[dir="rtl"] .xlarge .input-icon .placeholder{
	padding-right:60px;
	padding-left:10px;
}

.form-control.xlarge .myFlag + input{
	padding-left:55px;
}

[dir="rtl"] .form-control.xlarge .myFlag + input{
	padding-left:55px;
}

.form-control.xlarge select:not(.withPlace), 
.form-control.xlarge input[type="text"]:not(.withPlace), 
.form-control.xlarge input[type="password"]:not(.withPlace), 
.form.xlarge select:not(.withPlace), 
.form.xlarge input[type="text"]:not(.withPlace), 
.form.xlarge input[type="password"]:not(.withPlace){
	padding-top:15px;
}

.form-control.medium textarea:not(.withPlace),
.form-control.large textarea:not(.withPlace),
.form-control.xlarge textarea:not(.withPlace),
.form.medium textarea:not(.withPlace),
.form.large textarea:not(.withPlace),
.form.xlarge textarea:not(.withPlace){
	padding-top:20px;
}

.secCode + input[type="text"], 
.secCode + input[type="password"], 
.secCode + select, 
.secCode + textarea,
#secCode + input[type="text"], 
#secCode + input[type="password"], 
#secCode + select, 
#secCode + textarea,
#codeRecommend + input[type="text"], 
#codeRecommend + input[type="password"], 
#codeRecommend + select, 
#codeRecommend + textarea,
#codeCall + input[type="text"], 
#codeCall + input[type="password"], 
#codeCall + select, 
#codeCall + textarea,
#codeHizli + input[type="text"], 
#codeHizli + input[type="password"], 
#codeHizli + select, 
#codeHizli + textarea{
	padding-left:110px;
}

.form-control img + input[type="text"] + .placeholder, 
.form-control img + input[type="password"] + .placeholder, 
.form-control img + select + .placeholder, 
.form-control img + textarea + .placeholder{
	left:105px;
	padding-left:5px;
}

.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;
}

[dir="rtl"] .input-wrap{
	float:right;
	margin-right:0;
	margin-left:10px;
}

.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:35px;
	font-size:12px;
	color:#666;
}

[dir="rtl"] .form-link.fr{
	float:right;
}

.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;
}

[dir="rtl"] .info:before{
	background:url('infoRtl.png') no-repeat  center;
	margin-right:0;
	margin-left:10px;
}

.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-repeat:no-repeat;
	background-position:center center;
}

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

/* Fırat */

.form-item input[type="checkbox"],
.form-item input[type="radio"]{
	position:absolute;
	visibility:hidden;
}

.form-item i:before{
	line-height:17px;
	font-size:15px;
	color:#a4a4a4;
}

.form-item input[type="checkbox"] + .icon-wrapper [class*="-unchecked"],
.form-item input[type="radio"] + .icon-wrapper [class*="-unchecked"]{
	display:block;
}

.form-item input[type="checkbox"] + .icon-wrapper [class*="-checked"],
.form-item input[type="radio"] + .icon-wrapper [class*="-checked"]{
	display:none;
}

.form-item input[type="checkbox"]:checked + .icon-wrapper [class*="-unchecked"],
.form-item input[type="radio"]:checked + .icon-wrapper [class*="-unchecked"]{
	display:none;
}

.form-item input[type="checkbox"]:checked + .icon-wrapper [class*="-checked"],
.form-item input[type="radio"]:checked + .icon-wrapper [class*="-checked"]{
	display:block;
}

[for="cardHolder"] input,
[for="cardNumber"] input{
	width:100%;
}

/* Fırat */

@media screen and (max-width: 768px) {

	.form-control input[type="text"], 
	.form-control input[type="radio"], 
	.form-control input[type="password"], 
	.form-control select,
	.form-control textarea,
	.form input[type="text"], 
	.form input[type="password"], 
	.form select,
	.form textarea{
		/*font-size:17px;*/
	}

	.icon:not(.myFlag){
		display: none;
	}

	.icon:not(.myFlag) + input[type="text"], 
	.icon:not(.myFlag) + input[type="password"], 
	.icon:not(.myFlag) + textarea, 
	.icon:not(.myFlag) + select,
	.input-icon :not(.phone) + .placeholder,
	.medium .icon:not(.myFlag) + input[type="text"], 
	.medium .icon:not(.myFlag) + input[type="password"], 
	.medium .icon:not(.myFlag) + textarea, 
	.medium .icon:not(.myFlag) + select, 
	.medium .input-icon :not(.phone) + .placeholder,
	.large .icon:not(.myFlag) + input[type="text"], 
	.large .icon:not(.myFlag) + input[type="password"], 
	.large .icon:not(.myFlag) + textarea, 
	.large .icon:not(.myFlag) + select, 
	.large .input-icon :not(.phone) + .placeholder,
	.xlarge .icon:not(.myFlag) + input[type="text"], 
	.xlarge .icon:not(.myFlag) + input[type="password"], 
	.xlarge .icon:not(.myFlag) + textarea, 
	.xlarge .icon:not(.myFlag) + select,
	.xlarge .input-icon :not(.phone) + .placeholder{
		padding-right:10px;
		padding-left:10px;
	}

	.icon + select,
	.medium .icon + select,
	.large .icon + select,
	.xlarge .icon + select{
		text-indent:0;
	}

}