@import url("../shared/ordertrackinglitecommon.css");
.input-container .icon {
  display: none;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

.body-content {
  padding-left: 5px;
}

p {
  margin: 0 0 10px;
}

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

.login-control {
  display: flex;
  flex-direction: column;
  margin-left: 80px;
  margin-bottom: 16px;
}
.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);
}

.account-number-entry {
  display: flex;
  flex-direction: column;
}

.login-second-row {
  width: 100% !important;
  padding-top: 20px;
}

.submit-button-container {
  display: flex;
  flex-direction: row;
}

.login-first-row {
  width: 100% !important;
}
.login-first-row .login-description {
  padding-top: 34px;
}
.login-first-row .login-description .login-header-title {
  margin-bottom: 4px;
  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);
}
.login-first-row .login-description .login-header-info {
  margin-bottom: 7px;
  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-first-row .form-submit,
.login-first-row .form-submit-error,
.login-first-row .form-submit-clear {
  width: 299px !important;
  max-width: 299px;
  height: 36px;
  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-first-row .form-submit:focus,
.login-first-row .form-submit-error:focus,
.login-first-row .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-first-row .form-submit:hover,
.login-first-row .form-submit-error:hover,
.login-first-row .form-submit-clear:hover {
  border: 1px solid var(--action-default-hovered-border-color, #424242);
  background-color: var(--action-default-hovered-background-color, #FFF);
}
.login-first-row .form-submit-error {
  border: 1px solid var(--components-alert-error-default-border-color, #D91440);
}
.login-first-row .form-submit-account-description {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 17px;
  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-first-row .form-submit-parcel-description {
  margin-bottom: 8px;
  display: flex;
  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-first-row .form-submit-error-description {
  height: 17px;
  margin-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-first-row .form-submit-container {
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
}
.login-first-row .submit-button-container .form-submit-button {
  width: 216px;
  height: 36px;
  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-medium-font-family);
  font-weight: var(--component-button-medium-font-weight);
  font-style: var(--component-button-medium-font-style);
  text-transform: var(--component-button-medium-text-transform);
  text-decoration: var(--component-button-medium-text-decoration);
  font-size: var(--component-button-medium-font-size);
  letter-spacing: var(--component-button-medium-letter-spacing);
  line-height: var(--component-button-medium-line-height);
  color: var(--components-button-contained-primary-enabled-contrast-text-color, #FFF);
  -webkit-appearance: none;
  outline: none;
}
.login-first-row .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-first-row .submit-button-container .form-submit-button:hover {
  border: 1px solid var(--components-button-contained-primary-hovered-border-color, #7F3D9B);
  background-color: var(--components-button-contained-primary-hovered-background-color, #7F3D9B);
}
.login-first-row .submit-button-container .log-in-info {
  padding-top: 9px;
  padding-left: 32px;
  height: 20px;
  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-first-row .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-first-row .submit-button-container .log-in-info:hover {
  color: var(--components-link-primary-hovered-text-color, #7F3D9B);
}
.login-first-row #errorIcon {
  display: none;
}

.login-second-row {
  padding-top: 20px;
}
.login-second-row .image-description {
  padding-top: 16px;
  padding-bottom: 16px;
  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-second-row .store-image-receipt {
  padding-bottom: 16px;
}

.accordion-rule {
  margin: 15px auto 17px auto;
  max-width: 77vw;
}

#need-assistance #footer-text {
  margin-left: 65px;
  max-width: 77vw;
}

.need-assistance-container {
  padding-top: 16px;
  width: 762px;
  border-top: 1px solid var(--components-divider-default-border-color, #EEE);
  margin-left: 80px;
}
.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__body {
  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);
}
.need-assistance-container__text__body .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);
}
@media (max-width: 991px) {
  .need-assistance-container {
    max-width: 650px;
  }
}