@import url("../shared/ordertrackinglitecommon.css");
p {
  margin: 0 0 10px;
}

body {
  margin: 0;
}

.container {
  padding: 0;
  margin-right: 0;
  margin-left: 0;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

#loginImage {
  background-image: none;
  width: 0;
  height: auto;
  padding-bottom: 8px;
  display: contents;
}
#loginImage img {
  width: 290px;
}

.form-submit-error-description {
  padding-top: 5px;
  color: var(--brand-error-default-text-color, #D91440);
  font-family: var(--global-body-2-font-family);
  font-weight: var(--global-body-2-font-weight);
  font-style: var(--global-body-2-font-style);
  text-transform: var(--global-body-2-text-transform);
  text-decoration: var(--global-body-2-text-decoration);
  font-size: var(--global-body-2-font-size);
  letter-spacing: var(--global-body-2-letter-spacing);
  line-height: var(--global-body-2-line-height);
}

.login-control {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  margin-right: 16px;
  width: calc(100% - 32px);
}
.login-control .processing-note {
  margin-top: 15px;
  color: var(--text-primary, #000);
  font-family: var(--global-body-1-font-family);
  font-weight: var(--global-body-1-font-weight);
  font-style: var(--global-body-1-font-style);
  text-transform: var(--global-body-1-text-transform);
  text-decoration: var(--global-body-1-text-decoration);
  font-size: var(--global-body-1-font-size);
  letter-spacing: var(--global-body-1-letter-spacing);
  line-height: var(--global-body-1-line-height);
}

.login-description {
  padding-top: 14px;
  margin-bottom: 11px;
}
.login-description .login-header-title {
  color: var(--text-primary, #000);
  font-family: var(--global-h2-font-family);
  font-weight: var(--global-h2-font-weight);
  font-style: var(--global-h2-font-style);
  text-transform: var(--global-h2-text-transform);
  text-decoration: var(--global-h2-text-decoration);
  font-size: var(--global-h2-font-size);
  letter-spacing: var(--global-h2-letter-spacing);
  line-height: var(--global-h2-line-height);
  margin-bottom: 4px;
}
.login-description .login-header-info {
  margin-bottom: 16px;
  color: var(--text-primary, #000);
  font-family: var(--global-body-1-font-family);
  font-weight: var(--global-body-1-font-weight);
  font-style: var(--global-body-1-font-style);
  text-transform: var(--global-body-1-text-transform);
  text-decoration: var(--global-body-1-text-decoration);
  font-size: var(--global-body-1-font-size);
  letter-spacing: var(--global-body-1-letter-spacing);
  line-height: var(--global-body-1-line-height);
}

#login-form {
  margin-bottom: 16px;
}
#login-form .form-submit,
#login-form .form-submit-error,
#login-form .form-submit-clear {
  height: 44px;
  width: calc(100% - 32px);
  padding: 0 16px;
  border-radius: var(--action-default-border-radius, 22px);
  border: 1px solid var(--action-default-enabled-border-color, #949494);
  background-color: var(--action-default-enabled-background-color, #FFF);
  font-family: var(--component-input-text-font-family);
  font-weight: var(--component-input-text-font-weight);
  font-style: var(--component-input-text-font-style);
  text-transform: var(--component-input-text-text-transform);
  text-decoration: var(--component-input-text-text-decoration);
  font-size: var(--component-input-text-font-size);
  letter-spacing: var(--component-input-text-letter-spacing);
  line-height: var(--component-input-text-line-height);
  color: var(--text-secondary, #616161);
}
#login-form .form-submit:focus,
#login-form .form-submit-error:focus,
#login-form .form-submit-clear:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid var(--action-default-selected-border-color, #000);
  background-color: var(--action-default-enabled-background-color, #FFF);
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
  color: var(--text-primary, #000);
}
#login-form .form-submit-error {
  border: 1px solid var(--components-alert-error-default-border-color, #D91440);
}
#login-form .input-container {
  width: 100%;
}
#login-form .form-submit-container {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
}
#login-form .form-submit-container #errorIcon,
#login-form .form-submit-container .icon {
  display: none;
}
#login-form .form-submit-container .form-submit-account-description {
  padding-top: 4px;
  color: var(--text-primary, #000);
  font-family: var(--global-body-2-font-family);
  font-weight: var(--global-body-2-font-weight);
  font-style: var(--global-body-2-font-style);
  text-transform: var(--global-body-2-text-transform);
  text-decoration: var(--global-body-2-text-decoration);
  font-size: var(--global-body-2-font-size);
  letter-spacing: var(--global-body-2-letter-spacing);
  line-height: var(--global-body-2-line-height);
}
#login-form .form-submit-container .form-submit-parcel-description {
  margin-bottom: 8px;
  font-family: var(--component-input-label-1-font-family);
  font-weight: var(--component-input-label-1-font-weight);
  font-style: var(--component-input-label-1-font-style);
  text-transform: var(--component-input-label-1-text-transform);
  text-decoration: var(--component-input-label-1-text-decoration);
  font-size: var(--component-input-label-1-font-size);
  letter-spacing: var(--component-input-label-1-letter-spacing);
  line-height: var(--component-input-label-1-line-height);
}
#login-form .submit-button-container {
  display: flex;
  flex-direction: column;
  text-align: center;
}
#login-form .submit-button-container .form-submit-button {
  height: 44px;
  border-radius: var(--components-button-default-border-radius, 22px);
  -webkit-border-radius: var(--components-button-default-border-radius, 22px);
  -moz-border-radius: var(--components-button-default-border-radius, 22px);
  border: 1px solid var(--components-button-contained-primary-enabled-border-color, #8E44AD);
  background-color: var(--components-button-contained-primary-enabled-background-color, #8E44AD);
  font-family: var(--component-button-large-font-family);
  font-weight: var(--component-button-large-font-weight);
  font-style: var(--component-button-large-font-style);
  text-transform: var(--component-button-large-text-transform);
  text-decoration: var(--component-button-large-text-decoration);
  font-size: var(--component-button-large-font-size);
  letter-spacing: var(--component-button-large-letter-spacing);
  line-height: var(--component-button-large-line-height);
  color: var(--components-button-contained-primary-enabled-contrast-text-color, #FFF);
  -webkit-appearance: none;
  outline: none;
}
#login-form .submit-button-container .form-submit-button:focus {
  border: 1px solid var(--components-button-contained-primary-enabled-border-color, #8E44AD);
  background-color: var(--components-button-contained-primary-enabled-background-color, #8E44AD);
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
}
#login-form .submit-button-container .log-in-info {
  text-align: center;
  margin-top: 17px;
  font-family: var(--global-body-3-font-family);
  font-weight: var(--global-body-3-font-weight);
  font-style: var(--global-body-3-font-style);
  text-transform: var(--global-body-3-text-transform);
  text-decoration: var(--global-body-3-text-decoration);
  font-size: var(--global-body-3-font-size);
  letter-spacing: var(--global-body-3-letter-spacing);
  line-height: var(--global-body-3-line-height);
  color: var(--components-link-primary-enabled-text-color, #7F3D9B);
}
#login-form .submit-button-container .log-in-info:focus {
  border-radius: var(--action-checkbox-border-radius, 4px);
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
  color: var(--components-link-primary-enabled-text-color, #007A7A);
}

.login-second-row {
  padding-top: 6px;
  margin-bottom: 17px;
}
.login-second-row .image-description {
  font-family: var(--global-body-1-font-family);
  font-weight: var(--global-body-1-font-weight);
  font-style: var(--global-body-1-font-style);
  text-transform: var(--global-body-1-text-transform);
  text-decoration: var(--global-body-1-text-decoration);
  font-size: var(--global-body-1-font-size);
  letter-spacing: var(--global-body-1-letter-spacing);
  line-height: var(--global-body-1-line-height);
  padding-bottom: 16px;
}
.login-second-row .store-image-receipt {
  padding-bottom: 16px;
  justify-self: center;
}

.accordion-rule {
  margin-top: 3px;
  margin-bottom: 17px;
}

#need-assistance #footer-text {
  margin-left: 16px;
  margin-right: 16px;
}

.need-assistance-container {
  padding: 0 16px;
  width: 94%;
  padding-top: 16px;
  border-top: 1px solid var(--components-divider-default-border-color, #EEE);
}
.need-assistance-container__text {
  font-family: var(--global-body-1-font-family);
  font-weight: var(--global-body-1-font-weight);
  font-style: var(--global-body-1-font-style);
  text-transform: var(--global-body-1-text-transform);
  text-decoration: var(--global-body-1-text-decoration);
  font-size: var(--global-body-1-font-size);
  letter-spacing: var(--global-body-1-letter-spacing);
  line-height: var(--global-body-1-line-height);
  color: var(--text-primary, #000);
}
.need-assistance-container__text__title {
  font-family: var(--global-body-5-font-family);
  font-weight: var(--global-body-5-font-weight);
  font-style: var(--global-body-5-font-style);
  text-transform: var(--global-body-5-text-transform);
  text-decoration: var(--global-body-5-text-decoration);
  font-size: var(--global-body-5-font-size);
  letter-spacing: var(--global-body-5-letter-spacing);
  line-height: var(--global-body-5-line-height);
}
.need-assistance-container__text .need-assistance-container__text__number {
  font-family: var(--global-body-1-link-font-family);
  font-weight: var(--global-body-1-link-font-weight);
  font-style: var(--global-body-1-link-font-style);
  text-transform: var(--global-body-1-link-text-transform);
  text-decoration: var(--global-body-1-link-text-decoration);
  font-size: var(--global-body-1-link-font-size);
  letter-spacing: var(--global-body-1-link-letter-spacing);
  line-height: var(--global-body-1-link-line-height);
}