/* GENERATED FILE. Do not edit. Source: ForgotPassword.aspx.less in this folder.
   Edit the .less, then run: node Styles/build-standalone.js */
/* Match Unsubscribe page width for reCAPTCHA consistency */
/* body.login #widgetOuter.dropShadow.roundedBorders (1,3,1) out-ranks universal.css `#widgetOuter.dropShadow.roundedBorders`
           and `body.login #widgetOuter`, which these used to beat with !important. */
body.login #widgetOuter.dropShadow.roundedBorders {
  max-width: 550px;
  padding: 40px;
}
/* U18: these were style attributes in ForgotPassword.aspx (the MFA code window). Page is on Login.Master,
   which loads the Classic universal.css after this stylesheet, so every rule is scoped under
   #MFACodeWindow (1,1,0) to win ties. The two declarations on the code input no longer need !important
   (flagcheck compared old and new with the flags removed); the only competing !important width rule that could match
   (.loginFormWrap input) is outside this window and also says 100%. The buttons keep no inline style
   now; flex:1 has no competitor on button in Classic universal.css or Kendo default-main.css. */
#MFACodeWindow .fp-mfa-text {
  margin-bottom: 10px;
}
#MFACodeWindow .fp-mfa-code {
  width: 100%;
  margin-bottom: 10px;
}
#MFACodeWindow .fp-mfa-timer {
  margin-bottom: 10px;
}
#MFACodeWindow .fp-mfa-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
#MFACodeWindow .fp-mfa-btn {
  flex: 1;
}
#MFACodeWindow .fp-mfa-status {
  clear: both;
}