html, body { min-height: 100%; }
.login-page { margin: 0; background: #4f5157; font-family: Tahoma, Arial, sans-serif; }
.login-page > form {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    min-height: 100vh;
    min-height: 100svh;
    padding: 24px 12px;
}
.login-panel { width: 320px; max-width: 100%; margin: auto 0; table-layout: fixed; }
.login-panel-reserve { width: 640px; }
.login-panel img { max-width: 100%; height: auto; }
@media (max-width: 600px) {
    .login-panel .dxeTextBox_Office2010Black { width: 100% !important; }
    .login-panel-reserve { width: 420px; }
    .login-panel-reserve, .login-panel-reserve > tbody,
    .login-panel-reserve > tbody > tr,
    .login-panel-reserve > tbody > tr > td { display: block; width: 100%; box-sizing: border-box; }
    .login-panel-reserve > tbody > tr > td { padding: 10px 5px !important; text-align: center; }
}