body    {
    background:#e9eff9;
    padding:30px;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('/roma_ui/fonts/gotham_font/gotham.css');

html, body {
    background:#e9eff9;
    padding:30px;
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center; /* Dikeyde ortalar */
    justify-content: center; /* Yatayda ortalar */
}

.centered-div {
    width: 1170px; /* İsteğe bağlı genişlik */
    height: 600px; /* İsteğe bağlı yükseklik */
    background: #fff url(../images/new_login_backgroun.png) no-repeat center center;
    padding:0 75px;
    display: flex;
    align-items: center; /* İçerikte dikey ortalama */
    justify-content: left; /* İçerikte yatay ortalama */
    border-radius: 10px; /* İsteğe bağlı yuvarlatılmış köşeler */
}

.login_area     { width:320px; min-height:50px; background:#fff; padding:25px; border-radius:10px; font: 400 15px 'Raleway', sans-serif !important; }
.login_area b       { color:#ff6000; font: 600 16px 'Raleway', sans-serif !important; }
.login_area hr      { border:none; border-top:#dfdfdf 1px solid; }

.login_input_1      { width:100%; height:45px; padding-left:55px; outline:none; margin-bottom:15px; font:500 12px 'Raleway', sans-serif !important; background:#f7f7f7 url('../images/login_input_1.png') no-repeat left top; border-radius:5px; border:none; }
.login_input_2      { width:100%; height:45px; padding-left:55px; outline:none; margin-bottom:0px; font:500 12px 'Raleway', sans-serif !important; background:#f7f7f7 url('../images/login_input_2.png') no-repeat left top; border-radius:5px; border:none; }

.login_button       { display:inline-block; margin-top:0; text-decoration:none; font: 600 12px 'Raleway', sans-serif !important; background:#ff6000; color:#fff; padding:8px; border-radius:5px; }
.login_button:hover       { display:inline-block; margin-top:0; text-decoration:none; font: 600 12px 'Raleway', sans-serif !important; background:#2954ed; color:#fff; padding:8px; border-radius:5px; }