.userContainer:after { clear: both; display: table; content: ""; }
.spanTittle { display: block; margin-bottom: 20px; font-size: 26px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } 
.userDivRow:after { clear: both; display: table; content: ""; }
.userDivLeft, .userDivRight { width: 50%; float: left; }
.dynamicFormActive .userDivLeft { width: 50%; float: none; margin:0 auto; }

.userDivRight { float: right; }
.userLeftBox, .userRightBox { margin: 30px; padding: 30px; background-color: #fff; background-color: #fff; border: 1px solid #eee; }
.userLeftBox h1{font-size:18px;}
.userWrapper { margin-bottom: 10px; }
.userWrapper:after { clear: both; display: table; content: ""; }
.userWrapper input { letter-spacing: 0.3px; background-color: #fff; height: auto; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee; font-weight: normal; color: #555; width: 100%; text-indent: 15px; line-height: 1; }
.userWrapper.dateOfBirthDiv{width:100%; position:relative; clear: left;}
.userWrapper.dateOfBirthDiv input { height: 49px; text-indent: 0; padding: 15px 35px 15px 15px; position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; position: relative; }
span.placeholderDate {position: absolute;left: 2px;top: 18px;color: #555;text-indent: 15px;pointer-events: none;}
:root{--dateBg: white;}
.dateOfBirthDiv input[type="date"]:before { content: attr(place); position: absolute; background-color: var(--dateBg) !important; top: 1px; bottom: 1px; letter-spacing: 1.1px; display: flex; align-items: center; pointer-events: none; }
.dateOfBirthDiv input[type="date"].selected:before {content: "";}
input[type="date"]::-webkit-date-and-time-value{text-align: left;}
.userWrapper.dateOfBirthDiv input[type="date"]::-webkit-inner-spin-button, .userWrapper.dateOfBirthDiv input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; width: 20px; height: 20px; position: relative; right: -7px; top: -2px; cursor: pointer; }
.userLoginBtn, .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;  }
.userLoginBtn:hover, .userSignBtn:hover { background-color: #333; color: #fff;}
.userWrapper input:hover { }
.userLoginBtn { width: 100%; float: none; text-align: center; margin-top: 20px; clear: left; line-height: !important; padding: 15px 0; }
.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: 10px 0; display: inline-block; float: right; line-height: normal; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 12px; }
.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, .userTelefonArama { width: 100%; margin-bottom: 5px; }
.userMail:after, .userSms:after, .userSozlesmeDiv:after, .userTelefonArama:after { clear: both; display: table; content: ""; }
.userMail input, .userSms input, .userSozlesmeDiv input, .userTelefonArama input { float: left; width: 17px; margin-top: 0; margin-left: 0; }
.userMail label, .userSms label, .userSozlesmeDiv label, .userTelefonArama 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; }
.alert-danger { background-color: transparent; border: 0; color: #ff0000; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 12px; font-weight: 400; padding: 0; margin: 0; }

@media (max-width: 767px) {
    .userDivLeft, .userDivRight { width: 100%; }
    .userLeftBox, .userRightBox { margin: 0; padding: 5px; border: 0; }
}

.popupContent { padding-top: 50px !important; padding-bottom: 50px !important; }
.popupContent .userLeftBox, .popupContent .userRightBox { margin: 0px; }
.popupContent .userLogin { margin: 0px auto; text-align: center; }
#txtUyeGirisEmail-error { display: none !important }
#txtUyeGirisPassword-error { display: none !important }

/*sifreControlYeni*/

.signUpPassControl { float: left; width: 100%; display: flex; gap: 10px; margin: 5px 0; flex-flow: row wrap; }
.signUpPassControl .passCntrlDiv { font-size: 11px; color: #000; display: flex; align-items: center; justify-content: center; line-height: 18px; gap: 5px; flex-flow: wrap; }
.signUpPassControl .passCntrlDiv .nosvg { width: 11px; height: 11px; }
.signUpPassControl .passCntrlDiv .yessvg { width: 18px; height: 18px; }
.signUpPassControl .passCntrlDiv.noCase { color: #D6001C; }
.signUpPassControl .passCntrlDiv.yesCase { color: #00853D; }