/* Enrollment screens subtitles */
#okta-sign-in .enroll-choices .okta-form-subtitle {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 50px;
}

#okta-sign-in .activate-totp .okta-form-subtitle,
#okta-sign-in .enroll-manual-totp .okta-form-subtitle,
#okta-sign-in .mfa-verify .okta-form-subtitle {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 40px;
}

/* Factors List */
#okta-sign-in .enroll-choices .enroll-factor-row {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  padding: 20px;
}

#okta-sign-in .enroll-choices .enroll-factor-description {
  text-align: left;
  margin: auto;
}

#okta-sign-in .enroll-choices .enroll-factor-description h3 {
  width: 200px;
}

#okta-sign-in .enroll-choices .enroll-factor-row a.link-button {
  font-size: 16px;
  padding: 10px 16px 10px 16px;
  color: white !important;
  background: #1D9CD3;
  margin: 0;
  display: inline;
}

#okta-sign-in .enroll-factor-row .enroll-factor-description .enroll-factor-label {
  min-width: 200px;
}

/* Google Enrollment */
#okta-sign-in .enroll-totp .o-form-input span {
  display: flex;
  justify-content: center;
}

#okta-sign-in .enroll-totp a.button-primary.default-custom-button.link-button {
  width: 65%;
}

#okta-sign-in .barcode-totp div.scan-instructions-qrcode-wrapper {
  float: left;
}

#okta-sign-in .barcode-totp div.scan-instructions-details-wrapper {
  float: right;
  padding-top: 30px;
  text-align: left;
  color: black;
}

/* Google Manual Steps */
.mids-qrcode-manual-instruction-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px !important;
}

.mids-qrcode-manual-instruction-container p b {
  font-weight: 600 !important;
  color: #2f3f4a !important;
}

.mids-qrcode-manual-instruction-container span {
  background-color: #F5F5F5 !important;
  width: 65%;
  padding: 10px 0 10px 0 !important;
  align-self: center;
  margin-top: 12px !important;
}

.mids-qrcode-manual-instruction-container span b {
  color: #666666 !important;
}

#okta-sign-in .enroll-manual-totp div.auth-footer {
  display: flex;
  justify-content: center;
  gap: 16px;
}

#okta-sign-in .enroll-manual-totp div.auth-footer a {
  margin: auto 0 auto 0;
}

/* SMS Enrollment */
#okta-sign-in .enroll-sms .sms-request-button,
#okta-sign-in .enroll-sms .sms-request-button:hover,
#okta-sign-in .enroll-sms .sms-request-button:focus {
  color: white !important;
  background: #1D9CD3;
}

#okta-sign-in .enroll-sms .sms-request-button.disabled,
#okta-sign-in .enroll-sms .sms-request-button.disabled:hover,
#okta-sign-in .enroll-sms .sms-request-button.disabled:focus {
  color: #2f3f4a !important;
  background: linear-gradient(#fbfbfb,#f8f8f8) !important;
}

/* SMS Error Boxes */
#okta-sign-in .enroll-sms .o-form-error-container .infobox,
#okta-sign-in .mfa-verify .o-form-error-container .infobox {
  padding: 4px 8px 4px 8px !important;
}

#okta-sign-in .enroll-sms .o-form-error-container .infobox p,
#okta-sign-in .mfa-verify .o-form-error-container .infobox p {
  text-align: left;
  padding-left: 40px;
}

/* Factor Challenge */

/* Drop Down */
#okta-sign-in div.factors-dropdown-wrap {
  position: initial;
  width: 100%
}

#okta-sign-in .factors-dropdown-wrap .dropdown .bg-helper.icon-button {
  height: 30px;
  width: 248px;
  border: 1px solid #BBBBBB;
  border-radius: 5px;
  margin: 0;
  font-weight: 600;
  color: transparent !important;
  display: flex;
  justify-content: center;
}

#okta-sign-in .factors-dropdown-wrap .dropdown .bg-helper.icon-button:focus {
  outline: 2px solid #38313D;
  outline-offset: 5px;
}

#okta-sign-in .factors-dropdown-wrap .dropdown .bg-helper.icon-button span {
  position: static;
  color: #38313D;
}

#okta-sign-in .factors-dropdown-wrap .dropdown .bg-helper.icon-button .off-screen {
  height: auto;
  width: auto;
  margin: auto 0 auto 0;
}

#okta-sign-in .factors-dropdown-wrap .dropdown .bg-helper.icon-button .icon-dm {
  margin: auto 0 auto 10px;
}

#okta-sign-in div.mids-beacon-container {
  display: flex;
  position: static;
  justify-content: center;
  margin-bottom: -65px;
  width: auto;
  height: auto;
}

#okta-sign-in div.mids-beacon-container div:not(.auth-beacon, .factors-dropdown-wrap) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#okta-sign-in div.mids-beacon-container .beacon-blank,
#okta-sign-in div.mids-beacon-container .auth-beacon .auth-beacon-border {
  display: none;
  max-width: 0px;
  max-height: 0px;
}

#okta-sign-in div.mids-beacon-container .auth-beacon,
#okta-sign-in div.mids-beacon-container .factors-dropdown-wrap {
  position: static;
}

#okta-sign-in div.mids-beacon-container .auth-beacon {
  order: 2;
  width: 85px;
  height: 85px;
  outline: 2px solid #a7a7a7;
  outline-offset: 5px;
  margin-top: 20px;
  align-self: center;
}

#okta-sign-in div.mids-beacon-container .factors-dropdown-wrap .dropdown
ul.options-wrap {
  top: 28px;
  left: 0;
  width: 248px;
  border: 1px solid #BBBBBB;
  border-radius: 5px;
}

#okta-sign-in div.mids-beacon-container .factors-dropdown-wrap .dropdown
ul.options-wrap li {
  border-radius: 5px;
  border: none;
}

#okta-sign-in div.mids-beacon-container .factors-dropdown-wrap .dropdown
ul.options-wrap li:hover:not(.option-disabled),
#okta-sign-in div.mids-beacon-container .factors-dropdown-wrap .dropdown
ul.options-wrap li:focus {
  background: #f2f2f2;
}

#okta-sign-in div.mids-beacon-container .factors-dropdown-wrap .dropdown
ul.options-wrap li:not(.option-disabled) a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 12px;
  gap: 12px;
  font-weight: 600;
  color: #38313D !important;
}

#okta-sign-in div.mids-beacon-container .factors-dropdown-wrap .dropdown
ul.options-wrap li:not(.option-disabled) a:focus {
  text-decoration: underline !important;
}

#okta-sign-in div.mids-beacon-container .factors-dropdown-wrap .dropdown
ul.options-wrap li.option-disabled a {
  height: 40px;
  font-weight: 600;
  color: #707070 !important;
}

#okta-sign-in div.mids-beacon-container .factors-dropdown-wrap .dropdown
ul.options-wrap li a span {
  position: static;
}

/* SMS challenge buttons have style conflicts. These two groups fix that */
#okta-sign-in .mfa-verify a.button.link-button {
  color: white !important;
  background: #1D9CD3;
  margin-bottom: 24px;
}

#okta-sign-in .mfa-verify a.button.link-button.disabled,
#okta-sign-in .mfa-verify a.button.link-button.disabled:hover {
  color: #2f3f4a !important;
  background: linear-gradient(#fbfbfb,#f8f8f8) !important;
  margin-bottom: 24px;
}