#okta-sign-in {
  margin: 0px auto 8px !important;
}

#okta-sign-in.auth-container.main-container {
  background-color: #F6F6F6 !important;
  color: #0A1720 !important;
}

#okta-sign-in .auth-divider .auth-divider-text {
  background-color: #F6F6F6 !important;
}

#okta-sign-in .o-form-head {
  font-size: 20px !important;
  color: #0A1720 !important;
}

#okta-sign-in .o-form label{
  color: #0A1720 !important;
}


#okta-sign-in .auth-org-logo {
  max-height: 65px !important;
}

#okta-sign-in .auth-header {
  padding: 20px 90px 15px;
}

#okta-sign-in .o-form .input-fix input {
  box-shadow: none !important;
}

#okta-sign-in .custom-checkbox {

}

#okta-sign-in .o-form .input-fix.focused-input input:focus,
#okta-sign-in.auth-container .okta-form-input-field.focused-input {
  border-color:  #F4772A !important;
  outline-color: #F4772A !important;
  box-shadow: 0 0 8px #f3b691 !important;
}

#okta-sign-in.auth-container .button-primary {
  color: #fff;
  background: #F4772A !important;
  box-shadow: none;
  border-color: #F4772A !important;
  font-weight: 600;
}

#okta-sign-in.auth-container .button-primary:hover {
  color: #fff;
  background: #F4772A !important;
  box-shadow: none;
  border-color: #F4772A !important;
}
#okta-sign-in.auth-container .button-primary:focus {
  color: #fff;
  background: #F4772A !important;
  box-shadow: 0 0 8px #f3b691 !important;
  border-color: #F4772A !important;
}

#okta-sign-in.auth-container input:focus {
  box-shadow: none !important; /* Reset any existing box-shadow */
  border-color: #F4772A !important; /* Apply your custom border color */
}

#okta-sign-in.auth-container input:focus {
  box-shadow: 0 0 8px #f3b691 !important;
  border-color: #F4772A !important;
}


#okta-sign-in .piv-button.link-button {
  color: #F4772A !important;
  border: 3px solid #F4772A !important;
  background-color: #fff !important;
  font-weight: 600;
}
#okta-sign-in .piv-button.link-button:hover {
  color: #F4772A !important;
  border: 3px solid #F4772A !important;
  background-color: #fff2ec !important;
  font-weight: 600;
}
#okta-sign-in .piv-button.link-button:focus {
  box-shadow: 0 0 8px #f3b691 !important;
}


#okta-sign-in .focused-input {
  box-shadow: 0 0 8px #f3b691 !important;
}

#okta-sign-in .link.help:focus {
  box-shadow: 0 0 8px #f3b691 !important;
}

/* disabled the sign-in widget label (logo image) in config.ts by setting value to null, this css will prevent showing an empty grey box */
#okta-sign-in.auth-container .okta-sign-in-header {
  display: none !important;
}