.hata{font-weight:bold;color:red;}
svg{overflow:hidden;vertical-align:middle;}

#main-login-form {display:-ms-flexbox;margin-right:-8px;margin-left:-8px; padding-bottom: 30px; max-width: 100%; background-color: #fff;}
#main-login-form::after{content:"";display:table;clear:both}
#main-login-form .col-sm-12,#main-login-form .col-sm-6{position:relative;width:100%;min-height:1px;padding-right:8px;padding-left:8px;}
@media (min-width: 576px){
#main-login-form .col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; box-sizing: border-box; float:left;}
#main-login-form .col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}

#main-login-form .tabs-footer > div input:checked + label:before,#main-login-form .checkbox-fa input:checked + label:before{background-color:#059669!important;border-color:#059669!important;color:#fff!important;}
#main-login-form .tabs-footer > div label:before,#main-login-form .checkbox-fa label:before{border-color:#cbd5e1;color:#fff;border-radius:4px;}
form{display:block;}
#main-login-form input,#main-login-form form {box-sizing: border-box;}

#main-login-form .col-sm-left-login,#main-login-form .col-sm-right-register{width:100%;padding:40px;border-radius:0;box-sizing:border-box;}
@media (min-width:576px){
#main-login-form .col-sm-left-login{border-right:1px solid #e2e8f0;}
}
#main-login-form .col-sm-left-login input,#main-login-form .col-sm-right-register input,#main-login-form .col-sm-right-register .sf-form-input,#main-login-form .col-sm-right-register .sf-form-textarea,#main-login-form .col-sm-right-register .sf-form-select{width:100%;height:48px;margin:12px 0 14px;padding:12px 14px;border-radius:8px;border:1px solid #e2e8f0;background-color:#fff;font-size:14px;line-height:1.25;text-align:left;color:#1e293b;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease;}
#main-login-form .col-sm-left-login input:focus,#main-login-form .col-sm-right-register input:focus,#main-login-form .col-sm-right-register .sf-form-input:focus,#main-login-form .col-sm-right-register .sf-form-select:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.22);}
#main-login-form .col-sm-left-login input::placeholder,#main-login-form .col-sm-right-register input::placeholder{font-style:normal;color:#94a3b8;}
#main-login-form .col-sm-left-login input:-webkit-autofill,#main-login-form .col-sm-right-register input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#1e293b!important;}
.TcxPassEye{position:absolute;right:15px;top:34%;color:#64748b;}
.TcxPassEye a{color:#64748b;}
.TcxPassEye a:hover{color:#334155;}
.spanTittle{font-size:1.25rem;font-weight:600;line-height:1.3;text-align:center;color:#0f172a;display:block;margin:0 0 1rem;padding:0;}
.userPassBtnContainer{float:right;margin-top:.5rem;}
.userPassBtn{font-size:.875rem;font-weight:500;line-height:1.3;text-align:right;color:#64748b;text-decoration:none;float:right;}
.userPassBtn:hover{color:#334155;text-decoration:underline;}
.socialMediaLoginButtons > span{position:relative;padding:3rem 0 2.5rem;display:block;}
.socialMediaLoginButtons > span:after{content:"";border-top:1px solid #e2e8f0;width:100%;display:block;}
.socialMediaLoginButtons > span span{font-size:.875rem;font-weight:500;font-style:normal;line-height:1;text-align:center;color:#94a3b8;display:table;background-color:#fff;position:absolute;left:0;right:0;margin:auto;padding:0 12px;top:2.35rem;}
.socialMediaLoginButtons img { height: 50px; margin: auto;}
.userMail{display:flex;align-items:center;margin-top:16px;margin-bottom:2.5px;}
.userMail input{width:auto;display:none;}
.userMail label:before{content:"";width:16px;height:16px;border-radius:4px;border:1px solid #cbd5e1;background-color:#fff;display:block;margin-right:9px;flex-shrink:0;}
.userMail label{display:flex;align-items:center;font-size:.8125rem;font-weight:500;line-height:1.4;text-align:left;color:#475569;margin:0;}
.userSozlesmeDiv input{display:none;}
.userSozlesmeDiv label:before{width:16px;height:16px;border-radius:4px;border:1px solid #cbd5e1;background-color:#fff;display:block;content:"";flex-shrink:0;}
.userSozlesmeDiv label{display:flex;align-items:flex-start;font-size:.8125rem;font-weight:500;line-height:1.45;text-align:left;color:#475569;margin:0;gap:8px;}
.userSozlesmeDiv label a{padding:0 2px;color:#334155;}
#main-login-form .checkbox-fa input{accent-color:#059669;}
#hizli-uye-menu{display:none;align-items:center;justify-content:center;width:max-content;border-radius:999px;background:#f1f5f9;margin:0 auto 1.25rem;padding:4px;}
#hizli-uye-menu a{padding:10px 28px;display:block;font-size:.875rem;font-weight:600;color:#64748b;border-radius:999px;text-decoration:none;}
#hizli-uye-menu a.active{background-color:#334155;color:#fff;}
.userPassBtn{z-index:9;position:relative;}
.userLoginBtn span { white-space: nowrap;}
#divUyeRegisterForm {display:block;}
@media only screen and (max-width: 1024px){
.page-login #main-login-form .col-sm-6{flex:1 1 100%;max-width:100%;}
#main-login-form .col-sm-left-login input,#main-login-form .col-sm-right-register input{width:100%;}
#main-login-form .col-sm-left-login button,#main-login-form .col-sm-right-register button,.iti.iti--allow-dropdown{width:100%; white-space: nowrap;}
#main-login-form .col-sm-left-login,#main-login-form .col-sm-right-register{width:auto;height:auto;}
#divUyeRegisterForm {display:none;}
#hizli-uye-menu{display:flex;}
}
.pt-20{padding-top:20px;}
#main-login-form button{width:100%!important;border:none;border-radius:8px;margin-top:12px;font-weight:600;font-size:15px;padding:13px 16px;min-height:48px;box-sizing:border-box;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;}
#main-login-form .userLoginBtn{background-color:#059669!important;color:#fff!important;border:1px solid #059669!important;}
#main-login-form .userLoginBtn:hover{background-color:#047857!important;border-color:#047857!important;}
#main-login-form .QuickMember,#main-login-form .col-sm-right-register .sf-neutral-button.sf-button-large{background-color:#334155!important;color:#fff!important;border:1px solid #334155!important;}
#main-login-form .QuickMember:hover,#main-login-form .col-sm-right-register .sf-neutral-button.sf-button-large:hover{background-color:#1e293b!important;border-color:#1e293b!important;}
#main-login-form .col-sm-right-register .sf-text-label{font-size:.8125rem!important;font-weight:500!important;color:#475569!important;}

.socialMediaLoginButtons button{
    color:#fff;
    white-space:nowrap;
    background-color:#1877f2!important;
    border:1px solid #1877f2!important;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:10px;
}
.socialMediaLoginButtons button:hover{background-color:#166fe5!important;border-color:#166fe5!important;}
.socialMediaLoginButtons button i {
    position: static;
    left: auto;
    top: auto;
    font-size: 1.15rem;
    line-height: 1;
    flex-shrink: 0;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}
#main-login-form .socialMediaLoginButtons button.button-google {
    background: #fff !important;
    background-color: #fff !important;
    color: #3c4043 !important;
    border: 1px solid #dadce0 !important;
    box-shadow: 0 1px 2px rgba(60,64,67,.12);
}
#main-login-form .socialMediaLoginButtons button.button-google i {
    color: #4285F4;
}
#main-login-form .socialMediaLoginButtons button.button-google span {
    color: #3c4043;
    font-weight: 600;
}
#main-login-form .socialMediaLoginButtons button.button-apple {
    background: #000 !important;
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
}
#main-login-form .socialMediaLoginButtons button.button-apple i {
    color: #fff;
}
#main-login-form .socialMediaLoginButtons button.button-apple span {
    color: #fff;
    font-weight: 600;
}