.ie .form,.ie .form-control,.input-icon
{
    position:relative
}

.icon,.myFlagIcon i
{
    background-repeat:no-repeat
}

.ask:before,.info:before
{
    content:''
;display: inline-block;
    vertical-align:middle
}
:not(.withPlace)::-webkit-input-placeholder
{

}
:not(.withPlace)::-moz-placeholder
{

}
:not(.withPlace):-ms-input-placeholder
{
}
:not(.withPlace):-moz-placeholder
{

}
#alarmDuration::-webkit-input-placeholder,#alarmPrice::-webkit-input-placeholder
{
    color:#767272
}

.form input[type=text],.form input[type=password],.form input[type=tel],.form input[type=number],.form select,.form textarea,.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
{
    background-color:#fff!important;background-image:none!important;border-radius:0!important;box-shadow:none!important
}

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

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

.icon
{
    position: absolute;
    top:0
;left: 0;
    width:20px
;height: 20px;
    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
}

.f-login
{
    background-color: #385899;
    color:ffffff
}

.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-image:url(icons/facebook.png)
}
.icon-google
{
    background-image:url(/Data/EditorFiles/_icon/google3.png)
}

.icon-tw
{
    background-image:url(icons/twitter.png)
}

.xlarge .icon-fb
{
    background-color: #3c599b;
    background-image:url(icons/facebook2.png)
}
.xlarge .icon-google
{
    background-color: #e8e8e8;
    background-image:url(/Data/EditorFiles/_icon/google2.png)
}

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

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

.myFlag
{
    z-index:99999
}

.flagList,.placeholder
{
    z-index: 33;
    position:absolute
}

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

.flagList
{
    width:600%;top:100%
;left: 0;
    background:#fff;border-color:#ccc
}
[dir=rtl] .flagList
{
    right: 0;
    left:auto
}

.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) right center no-repeat
}
#codeCall,#codeHizli,#codeRecommend,#secCode,.secCode
{
    position: absolute;
    top:0;left:0
}

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

.placeholder
{
    top: 1px;
    right:1px
;bottom: 1px;
    left:1px
;color: #b5b5b5;
    font-size:13px
;padding-right: 5px;
    padding-left:5px;background:#fff
}

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

.large .placeholder
{
    line-height:40px
}

.xlarge .placeholder
{
    line-height:50px
}

.placeholder.focus
{
    top: 1px;
    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: 15px;
    line-height:15px
}

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

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

.edge .icon+select,.icon+input[type=text],.icon+input[type=password],.icon+textarea,.ie .icon+select,.input-icon .placeholder
{
    padding-left:25px
}
[dir=rtl] .icon+input[type=text],[dir=rtl] .icon+input[type=password],[dir=rtl] .icon+textarea,[dir=rtl] .ie .icon+select,[dir=rtl] .input-icon .placeholder
{
    padding-right: 25px;
    padding-left:5px
}

.icon+select
{
    text-indent:15px
}

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

.edge .medium .icon+select,.ie .medium .icon+select,.medium .icon+input[type=text],.medium .icon+input[type=password],.medium .icon+textarea,.medium .input-icon .placeholder,.medium.input-icon .placeholder
{
    padding-left:35px
}
[dir=rtl] .ie .medium .icon+select,[dir=rtl] .medium .icon+input[type=text],[dir=rtl] .medium .icon+input[type=password],[dir=rtl] .medium .icon+textarea,[dir=rtl] .medium .input-icon .placeholder,[dir=rtl] .medium.input-icon .placeholder
{
    padding-right: 35px;
    padding-left:5px
}

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

.form-control.medium input[type=text]:not(.withPlace),.form-control.medium input[type=password]: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:10px;padding-right:10px
}

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

.edge .large .icon+select,.ie .large .icon+select,.large .icon+input[type=text],.large .icon+input[type=tel],.large .icon+input[type=password],.large .icon+textarea,.large .input-icon .placeholder,.large.input-icon .placeholder
{
    padding-left:50px
}
[dir=rtl] .ie .large .icon+select,[dir=rtl] .large .icon+input[type=text],[dir=rtl] .icon+input[type=tel],[dir=rtl] .large .icon+input[type=password],[dir=rtl] .large .icon+textarea,[dir=rtl] .large .input-icon .placeholder,[dir=rtl] .large.input-icon .placeholder
{
    padding-right: 50px;
    padding-left:10px
}

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

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

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

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

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

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

.form-control.large textarea:not(.withPlace),.form-control.medium textarea:not(.withPlace),.form-control.xlarge textarea:not(.withPlace),.form.large textarea:not(.withPlace),.form.medium textarea:not(.withPlace),.form.xlarge textarea:not(.withPlace)
{
    padding-top:20px
}
#codeCall+input[type=text],#codeCall+input[type=password],#codeCall+select,#codeCall+textarea,#codeHizli+input[type=text],#codeHizli+input[type=password],#codeHizli+select,#codeHizli+textarea,#codeRecommend+input[type=text],#codeRecommend+input[type=password],#codeRecommend+select,#codeRecommend+textarea,#secCode+input[type=text],#secCode+input[type=password],#secCode+select,#secCode+textarea,.secCode+input[type=text],.secCode+input[type=password],.secCode+select,.secCode+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 input[type=file],.form-control 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) center center no-repeat
}

.form-control:hover .input-wrap.radio
{
    background:url(radioHover.png) center center no-repeat
}

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

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

.form-control:hover .input-wrap.checkbox
{
    background:url(checkboxHover.png) center center no-repeat
}

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

.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
{
    min-height: 13px;
    min-width:12px;background:url(info.png) 0 center no-repeat;margin-right:10px
}
[dir=rtl] .info:before
{
    background:url(infoRtl.png) center no-repeat
;margin-right: 0;
    margin-left:10px
}

.ask:before
{
    min-height: 15px;
    min-width:15px;background:url(infoAsk.png) 0 center no-repeat;margin-right:10px
}

.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:url(removeIcon.png) #fff!important
}

.hasDatepicker
{
    padding-right: 26px;
    background:url(calendarIcon.png) right center no-repeat
}
@media screen and (max-width:768px)
{
    button,input,select
    {
        /*-webkit-appearance: none;
        -moz-appearance:none;appearance:none*/
    }
    select
    {
        background:url(selectArrow.png) right center no-repeat
    }

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

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

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