/* Main Customized CSS */

/*Okta container*/
#okta-login-container {
  /* Grey color around container */
  /* background-color: #F2F2F2; */
  margin: auto !important;
}

/* Okta widget width and height */
#okta-sign-in {
  /* background-color: #F2F2F2; */
  box-shadow: 0 2px 6px 0 #CCCCCC !important;
  font-family: "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  margin: 5% auto !important;
}

#okta-sign-in.auth-container.main-container {
  background-position: center;
}

/* Okta MFA Customizations */
/* beacon-container with contains css icon */
#okta-sign-in .beacon-loading:after {
  display: none;
}

#okta-sign-in .auth-beacon {
  background-color: transparent;
  box-shadow: none;
}

#okta-sign-in .auth-beacon-border {
display: none;
}
#okta-sign-in .factors-dropdown-wrap {
  top: 29%;
}

#okta-sign-in.auth-container.main-container .bg-helper {
  color: transparent;
}

#okta-sign-in.auth-container .okta-sign-in-beacon-border {
  border: transparent;
}

/* processing icon on button */
#okta-sign-in.auth-container .button.button-primary.link-button-disabled {
  background-image: url(https://order.3m.com/store/_ui/desktop/bcom/common/images/ajax-loader_for_light_bg.gif) !important;
  background-position: center !important;
  background-size: 65px !important;
  background-repeat: no-repeat !important;
}

/* mfa screen icon */
#okta-sign-in.auth-container .mfa-okta-verify {
  /* background-image: url(../img/icons/mfa/oktaVerify_70x70.png) */
  background-image: none;
}
#okta-sign-in.auth-container .mfa-okta-email {
  background-image: none;
}

#okta-sign-in.auth-container .okta-sign-in-beacon-border {
  border-color: transparent;
}

#okta-sign-in .mfa-verify .o-form-button-bar .button {
  width: auto;
  margin: auto;
}

#okta-sign-in .enroll-totp .o-form-button-bar .button {
  width: auto;
  margin: auto;
}

#okta-sign-in .enroll-choices .o-form-button-bar .button {
  width: auto;
  margin: auto;
}

#okta-sign-in .enroll-email .o-form-button-bar .button {
  width: auto;
  margin: auto;
}

#okta-sign-in .enroll-activate-email .o-form-button-bar .button {
  width: auto;
  margin: auto;
}

#okta-sign-in .enroll-manual-push .o-form-button-bar .button {
  width: auto;
  margin: auto;
}

#okta-sign-in .activate-push .o-form-button-bar .button {
  width: auto;
  margin: auto;
}

#okta-sign-in .recovery-question .o-form-button-bar .button {
  width: auto;
  margin: auto;
}

#okta-sign-in .password-reset .o-form-button-bar .button {
  width: auto;
  margin: auto;
}

/* Base Okta Widget Customizations */
/* Label color */
#okta-sign-in.auth-container .okta-form-label {
  color: #4B4B4B !important;
}

/* login screen button */
#idp-discovery-submit {
  width: 101px !important;
  height: 45px !important;
  font-family: inherit !important;
  margin: 0px auto !important;
}

/* button bar customization */
#okta-sign-in .o-form-button-bar {
  outline-color: transparent;
  padding-bottom: 15px !important;
}

#okta-sign-in .o-form-button-bar.focused-input {
  margin-bottom: auto !important;
}

#okta-sign-in .focused-input,
#okta-sign-in .link.help:focus {
  box-shadow: none !important;
}

/* container customization */
#okta-sign-in.auth-container input[type=button]:focus,
#okta-sign-in.auth-container input[type=submit]:focus {
  box-shadow: none !important;
}

/* button customize */
#okta-sign-in.auth-container .button-primary:active, #okta-sign-in.auth-container .button-primary:hover{
    background: #0A7B6B !important;
}
#okta-sign-in.auth-container .button-primary {
 background: #0A7B6B !important;
 border-color: #0A7B6B !important;
 font-size: 14px !important;
 width: fit-content;
 line-height: normal;
 display: flex;
 flex-wrap: wrap;
 align-content: center;
 justify-content: center;
 align-items: center;
 border-radius: 4rem;
}

/* input field css */
#okta-sign-in.auth-container .okta-form-input-field {
  border-color: #767676 !important;
  border-radius: 2px !important;
}

#okta-sign-in.auth-container .okta-form-input-field input {
  font-family: inherit !important;
  font-size: 14px !important;
  color: #000000 !important;
  letter-spacing: 0 !important;
  line-height: 18px !important;
  font-weight: 400 !important;
}

#okta-sign-in.auth-container .okta-form-input-field.focused-input {
  border-color: #767676;
  border-radius: 2px !important;
}

/* input field error border */
#okta-sign-in .o-form-has-errors.chzn-container-single .chzn-single,
#okta-sign-in .o-form-has-errors.input-fix,
#okta-sign-in .o-form-has-errors.link-button,
#okta-sign-in .o-form-has-errors.textarea-fix {
  border-color: #FF0000 !important;
  border-width: 1px !important;
  border-radius: 2px !important;
}

/* Signin button at password screen */
#okta-signin-submit {
  display: flex !important;
  align-content: center;
  justify-content: center;
  height: 45px !important;
  font-family: inherit !important;
  margin: auto !important;
}

/* Reset email / back to signin buttons */
#okta-sign-in .button-secondary.link-button,
#okta-sign-in .button-wide,
#okta-sign-in .button-wide.button-primary,
#okta-sign-in .default-custom-button.link-button,
#okta-sign-in .piv-button.link-button,
#okta-sign-in .social-auth-button.link-button {
  height: 45px !important;
  margin: 35px auto !important;
}

#okta-sign-in.auth-container .okta-form-subtitle {
  font-family: 3MCircularTTWeb-Book;
  font-size: 14px;
  color: #4B4B4B !important;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
}

/*Header modification*/
#okta-sign-in.auth-container .okta-sign-in-header {
  border-bottom-color: transparent !important;
  padding-bottom: 5px !important;
  padding-top: 50px;
  /* display: none */
}

/* padding adjustment */
#okta-sign-in .auth-content {
  padding: 5px 70px 20px !important;
}

/* overrides the dropdown*/
a.link.js-help-link {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

a.link.help.js-back {
  display: block !important;
}

ul.help-links.js-help-links {
  display: block;
}

/* Removes ghost 'forgot password' */
#okta-sign-in>div.auth-content>div>div>div.auth-footer>a {
  /* color: transparent !important; */
  display: none;
}

#okta-sign-in.auth-container h2,
#okta-sign-in.auth-container h3 {
  font-family: 3MCircularWeb-Bold !important;
  font-size: 28px;
  color: #4B4B4B !important;
  letter-spacing: 0;
  text-align: center;
  line-height: 36px;
  font-weight: 700 !important;
}

/*remember*/
#okta-sign-in .o-form .custom-checkbox label {
  font-weight: bolder;
  display: none;
}

/* Adjusting spacing between error messages */
#okta-sign-in .o-form-fieldset {
  margin-bottom: auto !important;
}

/*needhelp*/
#okta-sign-in>div.auth-content>div>div>div.auth-footer {
  text-align: center;
}

/*'forgotpassword'*/
#help-links-container li:nth-child(1) a {
  color: #003CE6 !important;
  text-decoration: underline;
  text-decoration-color: #003CE6;
  font-size: 14px;
}

#okta-sign-in .auth-content .help-links li {
  margin-top: auto !important;
}

/*help*/
#help-links-container li:nth-child(2) a {
  display: none;
}

/*registration block*/
#okta-sign-in>div.auth-content>div>div>div.registration-container>div.content-container {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
}

/*registration.signup.label*/
#okta-sign-in .registration-container .registration-label {
  padding-bottom: 15px;
  font-family: 3MCircularTT-Bold;
  font-size: 18px;
  color: #4B4B4B;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
  font-weight: 700;
}

/*Create account button*/
#okta-sign-in>div.auth-content>div>div>div.registration-container>div>a {
  display: flex;
  background-color: white;
  border: 1px solid #333333;
  text-decoration: none;
  width: 202px;
  height: 45px;
  margin: 0px auto;
  font-size: 16px;
  color: #4B4B4B;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
  border-radius: 2px;
  align-items: center !important;
  align-content: center;
  justify-content: center;
}

/* Moved create an account below registration link */
#okta-sign-in .registration-container .content-container {
  align-items: center !important;
  border-top-color: #CCCCCC !important;
}

/*Removes the ! image from alert error  */
#okta-sign-in .o-form-input-error .icon-16 {
  display: none;
}

/* alert message below input field */
#okta-sign-in .o-form-explain.o-form-input-error {
  padding-left: 0px !important;
  color: #C80000 !important;
}

/* Server (Banner) Error message below input fields */
.o-form-fieldset-container>p {
  margin-top: 10px !important;
  font-family: 3MCircularTT-Book !important;
  font-size: 14px !important;
  color: #C80000 !important;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 400;
}

.back-to-login:hover{
  text-decoration: underline;
}

.back-to-login{
  color:#4B4B4B;
  cursor:pointer;
}