#divNewUyeGirisContent { max-width: 588px; margin: 90px auto; float: none; }
.userDivTab { float: left; width: 100%; }
.userDivTab ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-between; }
.userDivTab ul li { flex: 1; display: flex; }
.userDivTab ul li span { display: flex; align-items: center; justify-content: center; flex: 1; line-height: 36px; font-size: 16px; font-weight: 500; cursor: pointer; border-bottom: 2px solid #E5E5E5; color: #A3A3A3; }
.userDivTab ul li.active span { border-color: #15284B; color: #15284B; }
#mainHolder_divUyeGirisAlan { display: none; }
#mainHolder_divHizliUyelikAlan { display: none; }
#mainHolder_divUyeGirisAlan.showDivMember { display: block; }
#mainHolder_divHizliUyelikAlan.showDivMember { display: block; }

.displayNone { display: none; }

.newUyegirisPopup .newUserLeftBox#divNewUyeGirisContent { width: 100%; max-width: 450px; float: left; margin: 0; }

.newUserContainer:after { clear: both; display: table; content: ""; }

.spanTittle { display: block; text-align: center; margin-bottom: 15px; font-size: 22px; font-family: sans-serif; font-weight: 600; }

.newUserDivRow:after { clear: both; display: table; content: ""; }

.newUserDivLeft, .newUserDivRight { width: 100%; float: left; padding: 0 !important; }

.newUserDivRight { float: right; }
 
/*Uyegirisonay*/
.UyeGirisOnayDiv { float: left; width: 100%; }
.UyeGirisOnayDiv .uyeGirisOnayUst { float: left; width: 100%;text-align:center;margin-bottom:15px; }
.UyeGirisOnayDiv .uyeGirisOnayUst .spanTittle { font-size:17px; margin-bottom:5px;}
.UyeGirisOnayDiv .uyeGirisOnayUst  h1 { font-size: 12px;font-weight:normal;margin:0; }
.UyeGirisOnayDiv .currentUser { font-size: 12px; font-weight: 500; margin: 0; color: #15284b; }
.UyeGirisOnayDiv .btnLoginPage { font-size: 12px; font-weight: 600; margin: 0; color: #15284b; }
.UyeGirisOnayDiv .newUserWrapper.userDiv { display: flex; flex-direction: column; gap: 5px; background: #fff; padding: 14px 14px 6px; }
.UyeGirisOnayDiv .newUserWrapper.userDiv:after { display:none;}
/*Uyegirisonay*/

#divNewUyeGirisContent #divNewPopupUyeGiris { float: left; width: 100%; }
#divNewUyeGirisContent .uyeGirisFormDetail { float: left; width: 100%; }
#divNewUyeGirisContent .newUserLeftBox,
#divNewUyeGirisContent .newUserRightBox { margin: 0; padding: 0; background: transparent; border: none; border-radius: 0; box-shadow: none;float:left;width:100%; }
#divNewUyeGirisContent .uyeGirisFormDetailInputList { float: left; width: 100%; background: #FAFAFA; border: 1px solid #F5F5F5; border-radius: 4px; padding: 24px 16px; }
#divNewUyeGirisContent .uyeGirisFormDetailButtonList { float: left; width: 100%; }
#divNewUyeGirisContent .socialMediaLoginButtons { float: left; width: 100%; margin-top: 24px; }
#divNewUyeGirisContent #mainHolder_divHizliUyelikAlan .socialMediaLoginButtons { margin: 24px 0; }
#divNewUyeGirisContent #divNewPopupHizliUyelik .socialMediaLoginButtons { margin: 24px 0; }
#divNewUyeGirisContent .signSozlesmeDiv,
#divNewUyeGirisContent .socialUserSozlesmeDiv { float: left; width: 100%; margin-top: 24px; display: flex; flex-direction: column; gap: 5px; }
#divNewUyeGirisContent .signSozlesmeDiv .socialUserInput,
#divNewUyeGirisContent .socialUserSozlesmeDiv .socialUserInput { float: left; width: 100%; display: flex; align-items: center; }
#divNewUyeGirisContent .signSozlesmeDiv input,
#divNewUyeGirisContent .socialUserSozlesmeDiv #newSocialChkSozlesme { display: none; }
#divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesme,
#divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesme { float: left; flex: 0 0 24px; width: 24px; height: 24px; border: 2px solid #A8C8ED; border-radius: 3px; margin-right: 7px; position: relative; }
#divNewUyeGirisContent .signSozlesmeDiv input:checked + .newSocialChkSozlesme,
#divNewUyeGirisContent .socialUserSozlesmeDiv #newSocialChkSozlesme:checked + .newSocialChkSozlesme { border-color: #436293; }
#divNewUyeGirisContent .signSozlesmeDiv input:checked + .newSocialChkSozlesme:before,
#divNewUyeGirisContent .socialUserSozlesmeDiv #newSocialChkSozlesme:checked + .newSocialChkSozlesme:before { content: '\f00c'; font-weight: normal; font-family: 'FontAwesome'; font-size: 17px; color: #436293; position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; }
#divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesmeTranslate,
#divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesmeTranslate { float: left; font-size: 14px; color: #15284B; line-height: 1.2; flex: 1; width: 100%; }
#divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesmeTranslate a,
#divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesmeTranslate a { color: #2E8AFF !important; font-size: 14px; }
#divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesmeTranslate strong,
#divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesmeTranslate strong { font-weight: normal; }
#divNewUyeGirisContent .uyeliksizDevamEtBtn { float: left; width: 100%; margin-top:16px;  }
#divNewUyeGirisContent .uyeliksizDevamEtBtn a { color: #15284b; font-size: 14px; font-weight: 600; float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 16px; background: #dedede; border-radius: 6px; text-align: center; display: flex; justify-content: center;}
#divNewUyeGirisContent .forgotpasswordDiv {float: left;width: 100%;margin-top: 8px;text-align: right;}
.uyeliksizDevamEtDivider {display: flex;justify-content: center;align-items: center;float: left;flex-direction: row;flex: 1;width: 100%;margin: 8px 0px}
.uyeliksizDevamEtDivider .uyeliksizDevamEtDividerLine {height: 1px;border-bottom: 1px solid #dedede;flex: 1;margin: 6px;}
.newUserLeftBox h1 {font-size: 18px;}

.newUserWrapper { float: left; width: 100%; position: relative; margin-bottom: 0; margin-top: 8px; }
.CaptchaDiv { float: left; width: 100%; position: relative; margin-top: 5px; }

.newUserWrapper:after { clear: both; display: table; content: ""; }

.newUserWrapper input[type="password"],
.newUserWrapper input[type="text"],
.newUserWrapper input { -webkit-appearance: initial; float: left; width: 100%; color: #15284B; font-size: 14px; height: 52px; padding: 14px 14px 0; border-radius: 0; box-shadow: none; font-weight: normal; background: #fff; border: none; border-bottom: 1px solid #F5F5F5; transition: none; }
.newUserWrapper input[type="password"]:-webkit-autofill,
.newUserWrapper input[type="text"]:-webkit-autofill,
.newUserWrapper input:-webkit-autofill,
.newUserWrapper input[type="text"]:-webkit-autofill:hover,
.newUserWrapper input[type="password"]:-webkit-autofill:hover,
.newUserWrapper input:-webkit-autofill:hover,
.newUserWrapper input[type="text"]:-webkit-autofill:focus,
.newUserWrapper input[type="password"]:-webkit-autofill:focus,
.newUserWrapper input:-webkit-autofill:focus { -webkit-text-fill-color: #15284B; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.newUserWrapper input#txtQuickTelPassword { padding-top: 0; }
.newUserWrapper input#txtQuickTelLogin { padding-top: 0; }
.newUserWrapper input#txtQuickTel { padding-top: 0; }
.newUserWrapper input:hover { }
.newUserWrapper .placeholderLabel { user-select: none; position: absolute; left: 14px; top: 15px; max-width: 100%; color: #15284B; font-size: 14px !important; line-height: 20px; font-weight: normal; letter-spacing: .00937em; text-decoration: inherit; text-transform: inherit; transform-origin: left top; transition: transform .36s cubic-bezier(.4,0,.2,1),max-width .324s cubic-bezier(.4,0,.2,1); backface-visibility: hidden; pointer-events: none; margin: 0 !important; padding: 0 !important; }
.newUserWrapper .placeholderLabel.active { max-width: 133%; transform: translateY(-40%) scale(.75); transition: transform .36s cubic-bezier(.4,0,.2,1),max-width .396s cubic-bezier(.4,0,.2,1); }
.newUserWrapper.isRequiredDiv input,
.newUserWrapper.isRequiredDiv select { background: #FEF2F2; border-color: #FCA5A5; }
.newUserWrapper.isRequiredDiv .placeholderLabel { color: #EF4444; }
.newUserWrapper select { -webkit-appearance: initial; float: left; width: 100%; color: #15284B; font-size: 14px; height: 52px; padding: 14px 14px 0; border-radius: 0; box-shadow: none; font-weight: normal; background: #fff; border: none; border-bottom: 1px solid #F5F5F5; transition: none; }
.newUserWrapper.webkitAppearance:after { content: '\f078'; font-family: 'FontAwesome'; position: absolute; right: 4px; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 11px; z-index: 1; }
.newUserWrapper.mrgn0 { margin: 0; }
.newUserWrapper input[type=date] { -webkit-appearance: none; -moz-appearance: none;}
.newUserWrapper.dateOfBirthDiv { position: relative; }

.newUserWrapper.dateOfBirthDiv input { height: 49px; text-indent: 0; padding: 14px; appearance: none; -moz-appearance: none; -webkit-appearance: none; position: relative;}

span.tcxDateInputIcon { position: absolute; right: 1px; top: calc(50% - 15px); width: 35px; height: 25px; background: #fff; pointer-events: none;}
.isRequiredDiv span.tcxDateInputIcon { background: #fef2f2;  }

input::-webkit-date-and-time-value { text-align: left; }

.dateOfBirthDiv input[type="date"]:before { content: attr(place); position: absolute; background: white; top: 1px; bottom: 1px; left: 14px; width: 150px; display: flex; align-items: center; pointer-events: none; letter-spacing: 1px; }

.dateOfBirthDiv input[type="date"].selected:before { content: "";width: auto;}




.acountDoneLoginBtn, .newUserLoginBtn, .userSignBtn { cursor: pointer; border: 0; border-radius: 0; height: auto; padding: 12px 0; line-height: normal; font-weight: 500; font-size: 13px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; letter-spacing: 0.6px; float: none; width: 100%; display: block; margin: 10px 0 0 0; }

.acountDoneLoginBtn:hover,.newUserLoginBtn:hover, .userSignBtn:hover { background-color: #333; color: #fff; }

.acountDoneLoginBtn,
.newUserLoginBtn { width: 100%; float: left; text-align: center; margin-top: 20px; clear: left; line-height: 1.5 !important; padding: 15px 0; }
#divNewUyeGirisContent .newUserLoginBtn,
.newUyeOlContainer .newUserLoginBtn,
.acountDoneContainer .acountDoneLoginBtn,
.pageSifreOlustur .newUserLoginBtn,
.pageSifremiUnuttum .newUserLoginBtn { background: #15284B; border-radius: 4px; height: 52px; font-size: 14px; margin-top: 24px; transition: none; color: #fff; }

.userPassBtn, .userSignBtn, .userSignUp, .userLogin { display: block; text-align: left; text-decoration: underline; font-size: 13px; margin-top: 10px; }

.userSignUp { display: block; text-align: center; border: 1px solid #666; padding: 12px 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; clear: left; }

.userLogin { text-decoration: none; text-align: center; color: #000; font-size: 13px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; clear: left; margin-top: 15px; border-top: 1px solid #eee; font-style: italic; }

.userLogin p.backBtn { font-style: normal; display: block; text-align: center; border: 1px solid #666; padding: 12px 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; clear: left; color: #000; font-weight: 600; text-decoration: none; margin-bottom: 0; margin-top: 15px; }

.userLogin p:last-child:hover { background-color: #000; color: #fff; }

.userSignUp:hover { background-color: #000; color: #fff; }

.userPassBtn { margin: 0; display: inline-block; line-height: normal; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 14px; color: #15284B; }
#divNewUyeGirisContent .userPassBtn { margin: 0; float: none; text-decoration: none; }

.uyeGirisBeniHatirla { float: left; margin: 10px 0; line-height: normal; font-size: 12px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

.socialMediaLoginButtons { clear: both; }

.userMail, .userSms, .userSozlesmeDiv { width: 100%; margin-bottom: 5px; }

.userMail:after, .userSms:after, .userSozlesmeDiv:after { clear: both; display: table; content: ""; }

.userMail input, .userSms input, .userSozlesmeDiv input { float: left; width: 17px; margin-top: 0; margin-left: 0; }

.userMail label, .userSms label, .userSozlesmeDiv label { float: left; width: 90%; line-height: 12px; font-size: 11px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

.userSozlesmeDiv label a { line-height: 12px; font-size: 11px; }

.baglanButton { padding: 0; line-height: normal; margin: 10px 0 0 0; height: auto; width: 100%; border-radius: 0; margin: 10px 0 0 0; }

.baglanButton a { cursor: pointer; display: block; padding: 15px 0; }

.baglanButton a#btnMercanAppLogi { margin-bottom: 10px; }


.alert.alert-danger { float: left; width: 100%; background-color: transparent; border: 0; color: #ff0000; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 12px !important; font-weight: 400; padding: 0 !important; margin: 5px 0 0 !important; line-height: 15px }
.alert.alert-danger:before { content: '\f05a'; font-family: 'FontAwesome'; font-weight: 100; font-size: 15px; float: left; margin-right: 5px; line-height: 15px; }

#divSifremiUnuttum .loginTabPhoneAndMail,
.uyeGirisFormDetail .loginTabPhoneAndMail { float: left; width: 100%; display: flex; gap: 40px; margin: 10px 0; }

#divSifremiUnuttum .loginTabPhoneAndMail .tabBtn,
.uyeGirisFormDetail .loginTabPhoneAndMail .tabBtn { display: flex; align-items: center; justify-content: center; font-size: 14px; color: #15284B; position: relative; cursor: pointer; padding: 10px 0; }

#divSifremiUnuttum .loginTabPhoneAndMail .tabBtn:before,
.uyeGirisFormDetail .loginTabPhoneAndMail .tabBtn:before { content: ''; float: left; width: 15px; height: 15px; border: 1px solid #ddd; border-radius: 100%; margin-right: 7px; }

#divSifremiUnuttum .loginTabPhoneAndMail .tabBtn.active:before,
.uyeGirisFormDetail .loginTabPhoneAndMail .tabBtn.active:before { outline: 1px solid #ddd; border: 2px solid #fff; background: #15284B; }

.popupContent { padding-top: 50px !important; padding-bottom: 50px !important; }

.popupContent .newUserLeftBox, .popupContent .newUserRightBox { margin: 0px; }

.popupContent .userLogin { margin: 0px auto; text-align: center; }

#txtUyeGirisEmail-error { display: none !important }

#txtUyeGirisPassword-error { display: none !important }

.otpSmsDiv .userSmsOtpBtn { float: right; width: 175px; height: 52px; cursor: pointer; background: #15284B; border-radius: 4px; font-size: 14px; color: #fff; border: none; }

.otpSmsDiv .textbox { float: left; width: calc(100% - 175px); }


/*socailButton*/
#divNewUyeGirisContent .socialMediaLoginButtons { display: flex; gap: 24px; }
#divNewUyeGirisContent .socialMediaLoginButtons .socialBaglanButton a { border: 1px solid #F5F5F5; display: flex; align-items: center; justify-content: center; padding: 10px; color: #15284B; font-size: 12px; gap: 10px; font-weight: 500; }
#divNewUyeGirisContent .socialMediaLoginButtons .socialBaglanButton a svg { flex: 0 0 28px; width: 28px; }
/*socailButton*/

/*sifremiunuttumVEuyeolsifreolustur*/
.pageSifreOlustur,
.pageSifremiUnuttum { float: left; width: 100%; margin: 0; padding: 0; max-width: 100%; min-height: 450px; }
.pageSifreOlustur .pageCreatPass,
.pageSifremiUnuttum .pageForgetPass { max-width: 588px; margin: 90px auto; display: flex; flex-direction: column; }
.pageSifremiUnuttum .divsifremiUnuttumTop { float: left; width: 100%; }
.pageSifreOlustur .sifreOlusturDesc,
.pageSifremiUnuttum .SifremiUnuttumContentDesc,
.pageSifremiUnuttum .sifreGuncelleDesc { float: left; width: 100%; font-size: 14px; color: #15284B; line-height: 1.2; margin-bottom: 40px; }
.pageSifremiUnuttum #divSifremiUnuttum { float: left; width: 100%; }
.pageSifremiUnuttum .islemTamamlandi,
.pageSifremiUnuttum .sifremiUnuttumInputList,
.pageSifremiUnuttum .sifreGuncelleInputList,
.pageSifreOlustur .sifreOlusturInputList,
.pageSifremiUnuttum .SifremiUnuttumSucces { float: left; width: 100%; background: #FAFAFA; border: 1px solid #F5F5F5; border-radius: 4px; padding: 24px 16px; }
.pageSifremiUnuttum .SifremiUnuttumSucces { text-align: center; }
.pageSifremiUnuttum .SifremiUnuttumSucces a { color: #15284B; font-size: 14px; font-weight: 600 }
.pageSifreOlustur .sifreOlusturTitle,
.pageSifremiUnuttum .sifremiUnuttumTitle,
.pageSifremiUnuttum .sifreGuncelleTitle { float: left; width: 100%; color: #15284B; font-size: 14px; font-weight: 600; margin-bottom: 15px; }

.passControlDiv .error-list { float: left; width: 100%; list-style:none;padding:0;margin:0;}
.passControlDiv .error-list span { color: #ff0000 !important; margin: 5px 0; display: block; font-size: 12px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 15px; }
.passControlDiv .error-list span:before { content: '\f05a'; font-family: 'FontAwesome'; font-weight: 100; font-size: 15px; float: left; margin-right: 5px; line-height: 15px; }
.passControlProgress { float: left; width: 100%; margin: 5px 0; position: relative; }
.passControlProgress .progress { float: left; width: 90px; margin: 0; height: 7px; background: #EEEEEE; box-shadow: none; overflow: visible; border-radius: 0; }
.passControlProgress .progress-bar.bg-danger { background: #EB4335; }
.passControlProgress .progress-bar.bg-warning { background: #15284B; }
.passControlProgress .progress-bar.bg-success { background: #1b874b; }
.passControlProgress .password-verdict { position: absolute; left: 100px; top: -3px; font-size: 12px; color: #15284B; line-height: 1; }

@media (min-width:621px) {
    .newUyegirisPopup #divNewUyeGirisContent .socialMediaLoginButtons { flex-direction: row; gap: 10px; }
    .newUyegirisPopup #divNewUyeGirisContent .socialMediaLoginButtons .socialBaglanButton a { justify-content: center; flex-direction: column; text-align: center; }
}

@media (max-width: 620px) {
    .newUyegirisPopup .fancybox-skin { padding: 10px !important; }
    #divNewUyeGirisContent { margin: 20px auto; padding:0 10px;}
    .pageSifreOlustur .pageCreatPass,
    .pageSifremiUnuttum .pageForgetPass { padding: 0 10px; }
    #divNewUyeGirisContent .socialMediaLoginButtons { flex-direction: column; gap: 10px; }
    #divNewUyeGirisContent .socialMediaLoginButtons .socialBaglanButton a { justify-content: flex-start; }
    #divNewUyeGirisContent #mainHolder_divHizliUyelikAlan .socialMediaLoginButtons .socialBaglanButton a { justify-content: center; flex-direction: column; text-align: center; }
    #divNewUyeGirisContent #divNewPopupHizliUyelik .socialMediaLoginButtons .socialBaglanButton a { justify-content: center; flex-direction: column; text-align: center; }
    #divNewUyeGirisContent #mainHolder_divHizliUyelikAlan .socialMediaLoginButtons { flex-direction: row; }
    #divNewUyeGirisContent #divNewPopupHizliUyelik .socialMediaLoginButtons { flex-direction: row; }
    #divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesmeTranslate,
    #divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesmeTranslate{ font-size: 11px; }
    #divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesmeTranslate a,
    #divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesmeTranslate a{font-size:11px;}
    #divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesme,
    #divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesme{width:18px;height:18px;flex: 0 0 18px;}
    #divNewUyeGirisContent .signSozlesmeDiv input:checked + .newSocialChkSozlesme:before,
    #divNewUyeGirisContent .socialUserSozlesmeDiv #newSocialChkSozlesme:checked + .newSocialChkSozlesme:before{font-size:10px;}
}