/* BU CSS DOSYASI HEM LOGIN HEM DE REGISTER SAYFALARINI İÇERMEKTEDİR. */

.login-register-body{
    background-image: url("/build/images/login-register-background.jpg") !important;
    background-position: center !important;
}

.login-register-container{
    background-color: rgb(0, 0, 0, 0.5) !important;
}

.login-card-body{
    background: rgba(255, 255, 255, 0.4) !important;
    border-radius: 20px !important;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    padding: 60px 100px !important;
}

@media (max-width: 991px) {
    .login-card-body{
        padding: 60px 50px !important;
    }
}

.btn-primary{
    background-color: #127232 !important;
    border: 1px solid #127232 !important;
    box-shadow: 0px 0px 50px #fff !important;
    border-radius: 10px !important;
}

.btn-primary:hover{
    background-color: #212529 !important;
    border: 1px solid #212529 !important;
}

.login-logo{
    width: 80% !important;
}

@media (max-width: 767px) {
    .login-logo{
        width: 100% !important;
    }
}

input{
    background-color: rgb(255, 255, 255, 0.7) !important;
    border: 0px !important;
    border-radius: 10px !important;
}

.form-control:focus{
    box-shadow: 0px 0px 6px #127232 !important;
    background-color: rgb(255,255,255,0.9) !important;
}

.modal-content{
    width: 150% !important;
}

@media (max-width: 991px) {
    .modal-content{
        width: 100% !important;
    }
}

.modal-body{
    text-align: justify !important;
}

.captcha{
    background-color: rgb(255,255,255,.4) !important;
    border-radius: 10px !important;
}