.school-form-panel {
  width: 100%;
  min-width: 0;
}
.school-input input {
  width: auto;
  min-width: 0;
  flex: 1;
}
@media (max-width: 800px) {
  html,
  body { width: 100%; overflow-x: hidden; }
  .school-login {
    width: 100vw;
    max-width: 100vw;
    overflow-x: hidden;
  }
  .school-form-panel {
    width: 100vw !important;
    flex: 1 1 100%;
    max-width: 100vw !important;
    padding-right: 23px !important;
    padding-left: 23px !important;
    overflow: hidden;
  }
  .school-form-panel form,
  .school-input,
  .school-login-button,
  .identity-help {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .school-form-panel .login-form,
  .school-form-panel .identity-help,
  .school-form-panel .form-footer {
    width: calc(100vw - 46px) !important;
    max-width: calc(100vw - 46px) !important;
  }
}