/* Pleasanter 1.5.7.1: apply only to the login page. */
body#login {
  min-width: 0;
  width: 100%;
  margin: 0;
  background: #fff;
}
body#login #Header,
body#login #LoginLogo {
  display: none;
}
body#login #MainContainer,
body#login #Application {
  background: #fff;
}
body#login #Application {
  margin-top: 0;
  padding: 12px 12px 60px;
}
body#login #LoginFieldSet {
  box-sizing: border-box;
  width: 500px;
  max-width: 100%;
  min-width: 0;
  margin: 0 auto 20px;
  padding: 12px 24px 24px;
  border: 0;
  background: #fff;
}
body#login #LoginFieldSet > legend:empty {
  display: none;
}
body#login #LoginGuideTop {
  margin: 0 0 16px;
}
body#login #OgawaLoginImage {
  display: block;
  width: 400px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
body#login #Tenants:empty {
  display: none;
}
body#login #BottomMargin {
  height: 0;
}
@media (max-width: 1024px) {
  body#login #LoginFieldSet {
    padding: 4px 8px 20px;
  }
  body#login #login-fields-body > .field-wide,
  body#login #login-fields-body > .field-normal {
    float: none;
    width: 100%;
    margin: 0;
    height: auto;
    padding: 0 0 12px;
  }
  body#login #login-fields-body .field-label {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 0 6px;
    text-align: left;
  }
  body#login #login-fields-body .field-control {
    float: none;
    width: 100%;
  }
  body#login #login-fields-body .container-normal {
    margin-left: 0;
  }
  body#login #login-fields-body input[type="text"],
  body#login #login-fields-body input[type="password"] {
    font-size: 16px;
  }
}

/* Legacy desktop inputs start 120px from the row's left edge and leave
   10px on the right: their center is (120 - 10) / 2 = 55px right of
   the fieldset center. Match the logo to that input center.
   Use the built-in responsive breakpoint (1024px), including mobile landscape. */
@media (min-width: 1025px) {
  body#login #OgawaLoginImage {
    transform: translateX(55px);
  }
}