﻿.sub-uyemain {
    min-height: 526px;
    background: #E5F7FF 0% 0% no-repeat padding-box;
    border: 1px solid #C8EBFA;
    border-radius: 24px;
    opacity: 1;
    width: 100%;
    justify-content: center;
    justify-items: center;
}

    .sub-uyemain h1 {
        text-align: left;
        font: normal normal normal 37px/56px 'plain-regular';
        letter-spacing: 0px;
        color: #14A0DC;
        opacity: 1;
    }

    .sub-uyemain h2 {
        text-align: left;
        font: normal normal 200 80px/85px 'plain-regular';
        letter-spacing: 0px;
        color: #14A0DC;
        opacity: 1;
    }

    .sub-uyemain p {
        text-align: left;
        font: normal normal normal 14px/20px 'plain-regular';
        letter-spacing: 0px;
        color: #14A0DC;
        opacity: 1;
    }

    .sub-uyemain a {
        height: 21px;
        text-align: center;
        font: normal normal normal 16px/43px 'plain-medium';
        letter-spacing: 0px;
        color: #14A0DC;
        opacity: 1;
        width: 208px;
        height: 55px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 2px solid #C8EBFA;
        border-radius: 10px;
        opacity: 1;
        display: block;
        margin-top: 3rem;
    }

    .sub-uyemain .form-control {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 2px solid #C8EBFA;
        border-radius: 10px;
        opacity: 1;
        font: normal normal normal 16px/43px 'plain-medium';
        letter-spacing: 0px;
        color: #B4B4B4;
        text-indent: 40px;
    }

        .sub-uyemain .form-control::placeholder {
            color: #B4B4B4;
              opacity: 1;
        }

        .sub-uyemain .form-control:-ms-input-placeholder {
            color: #B4B4B4;
        }

        .sub-uyemain .form-control::-ms-input-placeholder {
            color: #B4B4B4;
        }

    .sub-uyemain h3 {
        font: normal normal 200 30px/45px 'plain-regular';
        letter-spacing: 0px;
        color: #14A0DC;
        opacity: 1;
        padding-top: 40%
    }

.sub-uyemain-btn {
   min-width: 111px;
    height: 55px;
    background: #14A0DC 0% 0% no-repeat padding-box;
    border: 2px solid #14A0DC;
    border-radius: 10px;
    opacity: 1;
    text-align: center;
    font: normal normal normal 17px/37px 'plain-medium';
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}


.sub-uyemain-btnRed {
    padding: 0px 10px;
    height: 55px;
    background: #FD4713 0% 0% no-repeat padding-box;
    border: 2px solid #FD4713;
    border-radius: 10px;
    opacity: 1;
    text-align: center;
    font: normal normal normal 17px/37px 'plain-medium';
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}





.uye-form .form-check-label {
    font-size: 2rem;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #C8EBFA;
    border-radius: 10px;
    opacity: 1;
    max-width: 220px;
    height: 55px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

    .uye-form .form-check-label + .form-control {
        margin-top: 1em;
    }

.uye-form span {
    text-align: left;
    font: normal normal normal 16px/28px 'plain-medium';
    letter-spacing: 0px;
    color: #B4B4B4;
    opacity: 1;
    min-width: 74px;
}



.uye-form input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #C8EBFA;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

    .uye-form input[type="checkbox"]::before {
        content: "";
        width: 0.65em;
        height: 0.65em;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        transform: scale(0);
        transform-origin: bottom left;
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--form-control-color);
        background-color: #14A0DC;
    }

    .uye-form input[type="checkbox"]:checked::before {
        transform: scale(1);
    }

.formError {
    min-width: 263px;
    height: 55px;
    background: url('../img/icon/icon_uye_alert.svg') #FFFFFF no-repeat padding-box left 5% center;
    border: 2px solid #FD7272;
    border-radius: 10px;
    opacity: 1;
    text-align: center;
    font: normal normal normal 16px/48px 'plain-medium';
    letter-spacing: 0px;
    color: #FD7272;
    padding-left: 5%;
    padding-right: 1%;
    opacity: 1;
}

.uyeMail {
    background: url('../img/icon/icon_uye_mail.svg') no-repeat left 3% top 60% #FFFFFF !important;
}

.uyeSifre {
    background: url('../img/icon/Icon_uye_sifre.svg') no-repeat left 3% top 55% #FFFFFF !important;
}


.uyeAdi {
    background: url('../img/icon/Icon_uye_adi.svg') no-repeat left 3% top 55% #FFFFFF !important;
}

.uyeKimlik {
    background: url('../img/icon/Icon_uye_kimlik.svg') no-repeat left 3% top 55% #FFFFFF !important;
}

.uyeTelefon {
    background: url('../img/icon/Icon_uye_tel.svg') no-repeat left 3% top 55% #FFFFFF !important;
}

.uyeIlce {
    background: url('../img/icon/Icon_il_ilce.svg') no-repeat left 3% top 55% #FFFFFF !important;
}

.uyeAdres {
    background: url('../img/icon/Icon_adres.svg') no-repeat left 3% top 10% #FFF !important;
    min-height: 236px !important;
}

.uyeSure {
    background: url('../img/icon/Icon_uye_sure.svg') no-repeat left 10% top 55% #FFFFFF !important;
    border: 2px solid #C8EBFA;
    border-radius: 10px;
    opacity: 1;
    min-width: 200px;
    height: 55px;
}

    .uyeSure p {
        text-align: left;
        font: normal normal normal 16px/50px 'plain-medium';
        letter-spacing: 0px;
        color: #14A0DC;
        opacity: 1;
        padding-left: 60px;
    }

        .uyeSure p i {
            text-align: left;
            font: normal normal normal 16px/50px 'plain-medium';
            padding-left: 0px;
        }

.max600 {
    max-width: 450px;
}

    .max600 .form-control {
        text-align: center;
        text-indent: 0px;
    }

.dspBtn {
    opacity: .5;
}

.cikisyap {
    background-color: #D0D0D0 !important;
    border: 2px solid #D0D0D0 !important;
    border-radius: 10px;
    opacity: 1;
    display: block;
    float: right;
}

.SifreGosterim {
    float: right;
    margin-top: -61px;
    margin-right: 10px;
}

.LgEys {
    background-color: transparent !important;
    padding: 15px;
    z-index: 11;
    position: relative;
}

    .LgEys::before {
        background-color: transparent !important;
    }

.sifreGosterme {
    background: url('../img/icon/goz_gos.svg') no-repeat top;
    width: 24px;
    height: 24px;
    display: block;
    margin-top: -15px;
}

.sifreGoster {
    background: url('../img/icon/goz_goster.svg') no-repeat top;
    width: 24px;
    height: 24px;
    display: block;
    margin-top: -15px;
}

.lnkCikis {
    background-color: #D0D0D0;
    padding: 14px 20px;
    border-radius: 10px;
    margin-top: 10px;
    transition: .2s;
}

    .lnkCikis:hover {
        background-color: #14A0DC
    }

.text-right {
    text-align: right;
}

.btnDevam {
    background: url('../img/BtnDevam.svg') no-repeat top;
    border: none;
    min-width: 150px;
    height: 60px;
    margin-top: 6rem;
}

.odm {
    max-width: 100%;
    display: flex;
    margin: 3em;
    margin-left: 3em;
    color: #FF4713;
    margin-left: 10px;
}


    .odm label {
        min-width: 50% !important;
    }

    .odm input[type="checkbox"] {
        background-color: #FF4713 !important;
        width: 38px !important;
        height: 38px !important;
        margin-right: 10px;
    }

        .odm input[type="checkbox"]::before {
            background-color: #fff !important;
            width: 32px !important;
            height: 32px !important;
        }

    .odm span {
        color: #605A5A !important;
    }

    .odm .form-check-label {
        border: 2px solid #FF4713 !important;
    }

#cpMain_upKy, #cpMain_upKKVK, #cpMain_upMesafe {
    min-width: 30vw !important;
    display: flex;
}

.btnKayitKK {
    text-align: left;
    font: normal normal normal 16px/26px 'plain-medium';
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
    background-color: #FF4713 !important;
    border: none;
    border-radius: 10px;
    padding: 15px 25px;
    transition: .2s;
}

    .btnKayitKK:hover {
        background-color: #CC3C14 !important;
    }


.kvkk-form-wrap .input-group {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #C8EBFA;
    overflow: hidden;
}

.kvkk-form-wrap .input-group .input-group-text {
    color: #14A0DC;
    font-size: 16px;
}

.kvkk-form-wrap .form-control:focus {
    box-shadow: none;
    border-color: transparent;
}
