/* 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;
}



/* Style for the video icon */
.video-icon {
  display: inline-block;
  width: 80px; /* Adjust the size as needed */
  height: 80px; /* Adjust the size as needed */
  background-color: #e64b16; /* Background color for the icon */
  color: white; /* Icon color */
  border-radius: 10px; /* Rounded corners */
  line-height: 80px; /* Center the icon vertically */
  margin-bottom: 1rem; /* Space between icon and title */
}

.video-icon i {
  font-size: 24px; /* Icon size */
}

/* Center the card body content */
.card-body {
  text-align: center;
}

/* Optional: Add some space below the title */
.card-title {
  margin-bottom: 1rem;
}


.card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card-body {
  flex: 1 0 auto;
}

.btn-primary {
  margin-top: 10px;
}

.btn-secondary {
  margin-top: 10px;
}

.card-footer {
  margin-top: auto;
  border-top: none !important; /* Ensure no border on top of footer */
  padding: 1rem; /* Adjust padding if necessary */
}


.hr-color{
  color: black !important;
  background-color :black !important;
}
.path-user .password-parent,
.confirm-parent {
  position: relative;
}
.path-user .shwpd{
  position: absolute;
   right: 6px;
   top: 19px;
}
.path-user  #edit-submit{
  width: 100%;
  border: 1px solid #1899ff !important;
  background-color: #1899ff !important;
  padding: 10px 15px !important;
  border-radius: 6px !important;
  color: var(--color-white) !important;
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: none !important;
  cursor: pointer;
  font-family: var(--font-inter-regular);
  height: 45px !important;
}
.path-user .pwd-see{
  width: 25%;
  margin: auto !important;
}