body {font-family:'Poppins', Arial, sans-serif; font-size:14px; padding:0; margin:0; color:#000; overflow-y:auto; overflow-x:hidden; font-weight:500;}
body[login], html[login] {background:#F4F6F8; height:100%; padding:0; margin:0;}
body[frame], html[frame] {background:#fff; height:100%; padding:10px; margin:0;}

::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }
::-webkit-scrollbar-thumb {border-radius:10px; background-color:  #3c4957; outline: 2px;}
select{
  background:#fff;
  fill:#fff;
  color:#000;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: none;
}

div{display:block; position:relative;}
div{display:block; position:relative;}
div, span{position:relative;}
span, a, button, img{display:inline-block; line-height: normal;}
a, button{transition:.2s; border:none;}
a, a:hover{text-decoration:none;}

*:focus{outline:none;}

.dizi{display:flex; flex-wrap:wrap; width:100%;}
.dizi-np{display:flex; flex-wrap:wrap; width:100%;}
.dizi > * {padding:8px;}


.login{background:#fff; border-radius:10px; width:55%; height:70%; padding:10px; overflow:hidden;}
.loginres{border-radius:5px; overflow:hidden; justify-content:center; height:100%;}
.loginres img{min-width:100%; max-height:100%; object-fit:cover}

.login .loginicerik{padding:35px;}
.login .loginicerik .baslik{font-size:42px; font-weight:200; letter-spacing:-1px;}
.login .loginicerik .bilgi{font-size:14px; margin-top:20px;}

.login .loginicerik .yaz{margin-top:20px;}
.login .loginicerik .yaz input{margin-top:20px; width:100%; padding:10px 0; border:none; border-bottom:1px solid #ECEFF2; font-size:18px; font-weight:300;}

.login .loginicerik .yaz .giris{background:#ff0000; color:#fff; padding:15px 25px; color:#fff; border:0; border-radius:5px; margin-top:20px; font-size:14px;}
.login .loginicerik .yaz .giris:hover{background:#2d1e8b;}
.login .loginicerik .girissorgula{margin-top:25px; font-size:12px;}

.login .loginicerik .gblogo{max-height:100%}
.login .loginicerik .gblogo img{width:50%}



@media(max-width: 1550px){

}

@media(max-width: 1450px){
    .login .loginicerik .baslik{font-size:32px;}
    .login .loginicerik .bilgi{font-size:12px;}
    .login .loginicerik .yaz input{margin-top:15px;}
}

@media(max-width: 1370px){
    .login{width:65%; height:75%;}
    .login .loginicerik{padding:20px;}
    .login .loginicerik .baslik{font-size:32px;}
    .login .loginicerik .yaz input{margin-top:10px;}
}

@media(max-width: 1234px){
    .login{width:75%; height:75%;}
    .login .loginicerik .yaz input{margin-top:5px;}
}

@media(max-width: 1000px){
    .login .loginicerik{padding:20px 10px;}
    .login .loginicerik .baslik{font-size:28px;}
    .login{width:95%; height:auto;}
    .login .loginicerik .yaz input{margin-top:0px;}
    .loginresalan{order:0; height:150px !important;}
    .loginresalan .loginres{height:150px;}
    .loginicerikalan{order:1}
}