.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;
    border: 1px solid #eee
}

.userLeftBox h1 {
    font-size: 18px
}

.userWrapper {
    margin-bottom: 10px
}

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

.userWrapper input {
    letter-spacing: .3px;
    background-color: #fff;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    padding: 15px 0;
    border: 1px solid #eee;
    font-weight: 400;
    color: #555;
    width: 100%;
    text-indent: 15px;
    line-height: 1
}

.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: .6px;
    float: none;
    width: 100%;
    display: block;
    margin: 10px 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 {
    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;
    height: auto;
    width: 100%;
    border-radius: 0;
}

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

.alert-danger {
    background-color: transparent;
    border: 0;
    color: red;
    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: 0
}

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

#txtUyeGirisEmail-error {
    display: none !important
}

#txtUyeGirisPassword-error {
    display: none !important
}