/* No faded text on disabled field */
.readable-text-disabled {
  color: initial !important;
  -webkit-text-fill-color: initial !important;
}

.form-item--error-message::before {
  display: none !important;
}

.form-item--error-message a {
  display: none !important;
}

.form-item--error-message {
  color: var(--color-danger);
  font-family: var(--font-inter-regular);
}

.form-item--error-message strong {
  font-weight: normal !important;
  font-family: var(--font-inter-regular);
}

.TemplateBannerWrapper {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #d3ede8 61.9%);
  min-height: 12rem;
  display: flex;
  align-items: center;
}

.TemplateBannerWrapper .first-page-heading {
  font-size: var(--size-40px);
  font-family: var(--font-franklin-gothic);
  color: var(--color-blue);
}

.EmployeeVerifyText {
  color: var(--color-ebv-text);
}

.termsAndServiceTitleWrapper {
  /* margin-top: 148px !important; */
  position: sticky;
  top: 148px;
  background: white;
  z-index: 998;
  padding-bottom: 1rem;
  margin-bottom: 0px !important;
}

#webform-submission-terms-of-service-form1-add-form .submitWrapper {
  padding-right: 16px !important;
}

.error-page-num {
  font-size: var(--size-80px);
  font-family: var(--font-family-poppins-semibold);
  font-weight: normal !important;
  color: var(--color-blue);
  line-height: 62px;
}

.page-not-found-title,
.page-content-403,
.page-content-404 {
  font-family: var(--font-family-poppins-medium);
  columns: var(--color-black);
  font-size: var(--size-32px);
}

.home-page-button {
  color: var(--color-blue);
  border: 1px solid var(--color-blue);
  background-color: var(--color-white);
  font-family: var(--font-family-poppins-medium);
}

.home-page-button:hover {
  background-color: var(--color-blue) !important;
  color: var(--color-white) !important;
  transition: all 0.5s linear;
}

/* #block-ebv-content {
  margin-top: 10rem;
}

#user-pass-reset {
  width: 50%;
  margin-left: 26%;
} */

/* .user-pass-reset {
  margin-top: 10rem;
} */

/*/.alert-success alert-dismissible fade show*/
/* .alert.alert-status {
  margin-top: 10rem;
} */

/* div[data-drupal-messages] {
  margin-top: 10rem;
} */

/* balance header, main content */
main[role="main"] {
  /* margin-top: 148px !important; */
}

/* user reset form */
form#user-pass-reset {
  text-align: center;
  margin: 1rem;
  min-height: calc(100vh - 255px);
  font-family: var(--font-family-poppins-regular);

  /* background-color: pink; */
}

form#user-pass-reset > p {
  font-weight: bold;
}

form#user-pass-reset div#edit-pass {
  display: inline-block;
  /* background-color: red; */
}

form#user-pass-reset > .form-item {
  text-align: left;
}

form#user-pass-reset > #edit-pass--description {
  text-align: left;
}

form#user-pass-reset > div#edit-actions > .button.form-submit:hover {
  background-color: #fff;
  color: var(--color-blue);
  transition: all 0.3s;
}

form#user-pass-reset > div#edit-actions > .button.form-submit {
  background-color: var(--color-blue);
  color: var(--color-white);
  border: 1px solid var(--color-blue);
  border-radius: 8px;
  font-size: var(--size-15px);
  min-height: 48px;
  padding: 0 19px;
  font-family: var(--font-inter-medium);
  min-width: 91px;
}

.path-user main[role="main"] {
  margin-top: 0px !important;
}

#user-pass-reset label[for="edit-pass"]::after {
  display: none;
}

#edit-pass > label {
  width: 100%;
  text-align: center;
  color: var(--cloudy-grey);
  font-family: var(--font-inter-medium);
  font-size: var(--size-25px);
  margin-top: 30px;
  padding-bottom: 30px;
}

#edit-pass > div > label {
  color: var(--login-label-color) !important;
  font-family: var(--font-inter-regular);
  font-size: var(--size-15px);
  font-weight: normal;
}

#edit-pass input[type="password"] {
  width: 100%;
  max-width: 100%;
  border: 1px solid #69696966;
  border-radius: 5px !important;
  padding: 8px 10px;
  box-shadow: none !important;
  min-height: 45px;
  margin-top: 5px !important;
}

#edit-pass .password-parent,
#edit-pass .confirm-parent {
  margin-bottom: 2rem;
}

#webform-submission-ebv-form-add-form {
  min-height: calc(100vh - 220px);
}

.loginFailedWrapper .site-name a {
  color: var(--color-blue);
  text-decoration: none;
  font-size: 25px !important;
  font-family: var(--font-inter-regular);
  font-weight: normal;
}

.loginFailedWrapper .site-name a:hover {
  text-decoration: underline;
  color: var(--color-blue);
}
.maintenance-page.path-user .dialog-off-canvas-main-canvas {
  height: 100%;
}

.loginFailedWrapper .pageTitle {
  width: 100%;
  text-align: center;
  color: var(--cloudy-grey);
  font-family: var(--font-inter-medium);
  font-size: 30px !important;
  margin-top: 30px;
  padding-bottom: 10px;
}

.loginFailedWrapper .pageContent {
  color: var(--login-label-color);
  text-decoration: none;
  font-size: 18px !important;
  font-family: var(--font-inter-regular);
  font-weight: normal;
  width: 70%;
  margin: auto;
  text-align: center;
  margin-top: 30px;
}

.loginFailedWrapper .pageContent a {
  color: var(--btn-color);
  text-decoration: none;
  font-size: 18px !important;
  font-family: var(--font-inter-regular);
  font-weight: normal;
  text-decoration: underline;
}

.termsAndServicesWrapper tr {
  vertical-align: top;
}

.termsAndServicesWrapper td {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.requestVerificationButton {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 62px !important;
  padding-left: 12px !important;
}


.logo-wrapper img {
  width: 103px;
}