div.bb-sso-container .bb-sso-button-default div.bb-sso-button-label-container {
  font-size: 8px;
  line-height: 10px;
  white-space: normal;
  display: flex;
  width: 50px;
}
div.bb-sso-container.bb-sso-container-block .bb-sso-container-buttons {
  display: flex !important;
}
div.bb-sso-container .bb-sso-button-default {
  display: flex;
  padding: 5px;
  margin: 3px;
}
div.bb-sso-container.bb-sso-container-block .bb-sso-container-buttons {
  display: flex;
}
#bb-sso-custom-login-form-1 .bb-sso-separator {
  margin: 50px 0 -10px !important;
}
.login:not(.interim-login) #nav {
  margin: 15px 0 5px !important;
}
.login .privacy-policy-page-link {
  margin: 0 0 15px !important;
}
#login #bb-sso-custom-login-form-1 {
  margin-left: -50px;
  scale: 80%;
  position: absolute;
  margin-top: -50px;
}
.sfr-login-register {
  color: #ec1e25 !important;
  font-weight: bold;
}
#login .sfr-login-register:hover {
  color: #000 !important;
}
.register-page .signup-form .editfield {
  margin: 15px 5px 0px 0px;
  display: inline-flex;
  width: 48%;
  justify-content: center;
}
/* Style the 2FA Screen */
.other_2fa_options {
  margin-top: -10px !important;
  margin-bottom: 30px;
}
#loginform ._2fa-info {
  color: #555;
}
.sfr-core-ui .button-primary {
  background: #ec1e25;
  border-color: #1a1a1a;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
}
.sfr-core-ui .button, .sfr-core-ui .button-secondary {
  color: #ec1e25;
  border-color: #ec1e25;
  background: #f6f7f7;
  vertical-align: top;
}
#loginform .login .button-primary {
  margin-top: -52px;
  z-index: 99;
  position: relative;
}
div[data-sitekey="0x4AAAAAAAag7_e1d4RXSy58"] {
  opacity: 0.6;
}
#login_error, .login .message, .login .notice, .login .success {
  margin-top: 10px;
  margin-bottom: 20px;
}
#bb-otp-verify-page p:first-of-type {
  padding-left: 10px;
  padding-right: 10px;
}
/* Reset the form to normal flow */
#loginform {
  display: block;
}
/* Turnstile + Submit button row: create a grid only for these two */
#loginform div[id^="cf-turnstile-"], #loginform p.submit, #lostpasswordform div[id^="cf-turnstile-"], #lostpasswordform p.submit {
  display: inline-block;
  vertical-align: middle;
  z-index: 9;
  position: relative;
}
/* Create the two-column row */
#loginform div[id^="cf-turnstile-"], #lostpasswordform div[id^="cf-turnstile-"] {
  width: 40%;
  /* left side */
  transform: scale(0.7);
  transform-origin: left center;
  margin-top: -10px;
}
#lostpasswordform div[id^="cf-turnstile-"] {
  transform: scale(0.5);
  margin-top: -15px;
}
#loginform p.submit, #lostpasswordform p.submit {
  width: 55%;
  /* right side */
  text-align: right;
  margin-top: -15px !important;
}
/* Ensure the two elements sit on the same line */
#loginform div[id^="cf-turnstile-"] + p.submit, #lostpasswordform div[id^="cf-turnstile-"] + p.submit {
  white-space: nowrap;
}
a {
  color: #ec1e25;
}
a:hover {
  color: #000;
  text-decoration: none;
}
/* target to the resend code  */
#bb-otp-verify-page p:has(#bb-otp-resend-link) {
  margin-top: -40px !important;
}
/* target to the back to login prompt */
#bb-otp-verify-page p:nth-of-type(3) a {
  font-weight: bold;
  background-color: #fff;
  text-decoration: none;
  padding: 5px;
  line-height: 3.5rem;
}
/* Hides the Privacy and Terms Modal Popup Title as its already repeated */
.login .mfp-content #terms-modal h2, .login .mfp-content #privacy-modal h2 {
  display: none;
}
@media (max-width: 782px) {
  body:not(.interim-login) {
    background-image: url(https://my.thesafari.app/ssmedia/2026/01/sfr_commbgmob.webp) !important;
    background-size: auto !important;
    background-position: center center;
    background-repeat: no-repeat;
  }
}