/* Positions measured from a capture of the ÉTS ADFS sign-in (1383x856). */
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #333;
  background: #fff;
}
.sso-strip { height: 3px; background: #3c3c3c; }
.sso-layout {
  display: grid;
  grid-template-columns: 1fr 500px;
  min-height: calc(100vh - 3px);
}
.sso-photo {
  background: url(login-bg.jpg) no-repeat center / cover;
}
.sso-panel { position: relative; background: #fff; padding: 103px 0 0 50px; }
.sso-logo { display: block; width: 236px; height: 148px; margin-left: 10px; }
.sso-panel h1 {
  margin: 77px 0 0;
  font-size: 18px;
  font-weight: 700;
  color: #e2001a;
}
.sso-panel input[type=text],
.sso-panel input[type=password] {
  display: block;
  width: 350px;
  height: 30px;
  margin-top: 28px;
  padding: 0 6px;
  border: 1px solid #bababa;
  border-radius: 0;
  font: 15px inherit;
  color: #000;
  background: #fff;
}
.sso-panel input[type=password] { margin-top: 9px; }
.sso-keep { display: flex; align-items: center; gap: 6px; margin-top: 7px; }
.sso-keep input { width: 12px; height: 12px; margin: 0; }
.sso-panel button {
  display: block;
  width: 108px;
  height: 25px;
  margin-top: 34px;
  border: 0;
  background: #e2001a;
  color: #fff;
  font: 15px inherit;
  cursor: pointer;
}
.sso-forgot { display: block; margin-top: 26px; color: #6600cc; text-decoration: none; }
.sso-forgot:hover { text-decoration: underline; }
.sso-foot {
  position: absolute; left: 66px; bottom: 20px;
  font-size: 11.5px; color: #333;
}
.sso-foot a { color: #333; text-decoration: none; margin-right: 14px; }
.sso-foot a:hover { text-decoration: underline; }

@media (max-width: 760px) {
  .sso-layout { grid-template-columns: 1fr; }
  .sso-photo { display: none; }
  .sso-panel { padding: 40px 20px 80px; }
  .sso-logo { margin: 0 auto; max-width: 100%; height: auto; }
  .sso-panel h1 { margin-top: 40px; }
  .sso-panel input[type=text], .sso-panel input[type=password] { width: 100%; max-width: 350px; }
  .sso-foot { left: 20px; }
}