:root {
  --color-tcb-primary: #ED1C24;
  --color-primary: #000000;
  --color-bg-primary: #FFFFFF;
  --color-bg-primary-darker: #F5F5F5;
  --color-bg-primary-dark: #e3e3e3;
  --color-danger-light: #FFE2E0;
  --color-danger-dark: #8C201A;
  --color-text-support-dark: #616161;
  --color-text-info: #007aff;
}

.form-control[readonly] {
  background-color: #fff;
}

.identity-bg-layout {
  background: #d32f2f;
  background-position: center center;
  background-size: cover;
  margin-right: 0;
  background-image: url(../assets/login-image-2.jpg);
}

@media (max-width: 767px) {
  .identity-logo {
    background-image: url(../assets/favicon.svg);
    width: 2.8125rem;
    height: 2.8125rem;
  }

  .identity-bg-layout {
    display: none;
  }
}

@media (min-width: 420px) and (max-width: 991px) {
  .identity-bg-layout {
    height: 35%;
  }
}

/* Form Container */
.identity-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
}

@media (max-width: 991px) {
  .identity-container {
    min-height: 65%;
    height: unset;
  }
}

.identity-container ol {
  padding-left: 1rem;
  font-size: 0.875rem;
}

.identity-container__panel {
  animation-delay: 0.525s;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.identity-container__form {
  width: 100%;
  height: 100%;
  max-width: 100%;
  padding: 0 2rem;
}

.identity-page-wide .identity-container__form {
  max-width: 35.25rem;
}

.identity-qr-code {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 12.5rem;
}

.identity-section--highlight:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #dceaf7;
  border-radius: 0.5rem;
  margin: -0.5rem;
  padding: 0.5rem;
}

.bb-terms-container {
  max-height: 50vh;
  overflow: scroll;
  margin: 1rem 0;
}

@media (max-width: 420px) {
  .bb-terms-container {
    max-height: 40vh;
  }
}

/* Theme Modifications */
a {
  color: #007aff;
  font-size: 0.875rem;
  font-weight: 600;
}

hr {
  border-top: 1px solid #c5c5c5;
}

#kc-page-title {
  line-height: 3.1875rem;
  margin-bottom: 2rem;
}

#kc-login {
  margin-top: 1rem;
}

.bb-icon-info-outline:before {
  content: "info_outline";
}

.dropdown-menu {
  right: 0 !important;
  min-width: 5.8rem !important;
  margin-top: 0.25rem !important;
  margin-right: 0 !important;
  box-shadow: 0px 0.5rem 1rem 0px rgba(0, 0, 0, 0.2);
  max-height: 25rem;
  overflow: auto;
  padding: 0 !important;
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active:focus {
  background-color: #000;
  border-color: #000;
}
.btn-primary:disabled, .btn-primary.disabled {
  background-color: #7f7f7f;
  color: #fff;
  background-color: #7f7f7f;
  border-color: #7f7f7f;
}

.btn-secondary {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):hover,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.form-error-container input[type="text"], .form-error-container input[type="password"] {
  border-color: #d32f2f;
}

input[type="password"] {
  padding-right: 2.5rem;
}

.info-text {
  position: absolute;
  z-index: 1;
  color: white;
  top: 1.65rem;
  transform: translateY(-50%);
  left: 1rem;
  width: 1.5rem;
}

.alert-danger, .alert-success {
  padding-left: 3rem;
}

.toggle-password {
  right: 0.625rem;
  top: 0.625rem;
  cursor: pointer;
}

.bb-icon-visibility-off::before {
  content: "visibility_off" !important;
}

.android-icon {
  background-image: url(../assets/android/symbol@1.5x.svg);
  width: 2.8125rem;
  height: 2.8125rem;
  background-repeat: no-repeat; 
}
.ios-icon {
  background-image: url(../assets/ios/symbol@1.5x.svg);
  width: 2.8125rem;
  height: 2.8125rem;
  background-repeat: no-repeat; 
}
.appstore-logo, .playstore-logo {
  width: 11.25rem;
  height: 3.3125rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.appstore-logo {
  background-image: url(../assets/web/apple-store.svg);
}
.playstore-logo {
  background-image: url(../assets/web/google-play.svg);
}


#bb-device-dropdown-menu {
  min-width: 100%;
}

#bb-device-dropdown-button {
  font-size: 1rem;
  font-weight: normal;
  border-radius: .5rem;
  background: transparent;
  border: solid 1px #979797;
}

a.dropdown-item {
  cursor: pointer;
}

.dropdown-toggle {
  white-space: nowrap;
  color:  #616161;
  font-size: 1rem;
  font-weight: normal;
  border-radius: .5rem;
}



.dropdown-toggle {
  background-color: transparent;
  border-color: #979797;
  color: #d8d8d8;

}

.dropdown-toggle:not(:disabled):not(.disabled):hover .bicon, 
.dropdown-toggle:not(:disabled):not(.disabled):hover .bb-transaction-category, 
.dropdown-toggle:not(:disabled):not(.disabled):hover .bb-icon, 
.dropdown-toggle:not(:disabled):not(.disabled):hover .table thead th.sortable .th-content::before, 
.table thead th.sortable .dropdown-toggle:not(:disabled):not(.disabled):hover .th-content::before, 
.dropdown-toggle:not(:disabled):not(.disabled):hover .bicon, .dropdown-toggle:not(:disabled):not(.disabled):hover .bb-transaction-category {
  color: #d8d8d8!important;
}

.dropdown-toggle:not(:disabled):not(.disabled):hover, 
.dropdown-toggle:not(:disabled):not(.disabled):active, 
.dropdown-toggle:not(:disabled):not(.disabled).active, 
.dropdown-toggle:not(:disabled):not(.disabled):active:focus, 
.dropdown-toggle:not(:disabled):not(.disabled).active:focus {
  background-color: transparent;
  border-color: #5f5f5f;
  color: #d8d8d8;
}
.fw-600 {
  font-weight: 600 !important;
}
.selected-locale {
  color: #000;
}
#kc-locale {
  padding-right: 9.1rem;
  padding-bottom: 5.5rem;
  margin-top: -6rem;
}
@media (max-width: 767px) {
  #kc-locale {
    padding-right: 0;
    margin-top: -5rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #kc-locale {
    margin-top: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1366px) {
  #kc-locale {
    padding-right: 3.1rem;
  }
}

.device-vendor-model:first-letter {
  text-transform: uppercase;
}

/**
 * Commons CSS
 */
.container {
  padding: 0 1rem;
  width: 100%;
}

.auth-wrapper,
.login-page-wrapper,
.error-page-wrapper,
.login-update-password-wrapper,
.login-reset-password-page-wrapper,
.login-forgot-username-page-wrapper,
.login-info-page-wrapper,
.login-device-fido-page-wrapper,
.login-expired-page-wrapper,
.password-expire-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .vh-md-100 {
    height: auto !important;
  }
  .identity-bg-layout.identity-bg-layout--login {
    padding-top: 35%;
  }
}
@media screen and (max-width: 767.98px) {
  .container {
    padding: 0 1rem;
  }
}

.login-page-wrapper input {
  font-family: -apple-system, BlinkMacSystemFont, "Lato", "sans-serif";
}

.login-page-wrapper .login-input-fields label {
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--color-primary);
  margin-bottom: 0.75rem;
}
/**
 * Footer Template CSS
 */
.footer {
  padding: 1.875rem 0 0.75rem 0;
  background-color: #FFFFFF;
  border-radius: 1rem 1rem 0 0;
}

.footer.footer--fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 1200px) {
  .footer .container {
    max-width: 61.875rem;
    padding: 0 1rem 0 1rem;
  }
}

.footer .title {
  line-height: 1.875rem;
}

.footer .logo,
.login-download__buttons .logo {
  width: 7.875rem;
  height: 2.25rem;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 1rem auto 1rem auto;
}

@media (min-width: 768px) {
  .footer .logo,
  .login-download__buttons .logo {
    margin: 2.3125rem 0 1rem 0;
  }
}

.login-download__buttons .logo.logo--ios,
.footer .logo.logo--ios {
  background-image: url(../assets/web/apple-store.svg);
}

.login-download__buttons .logo.logo--android,
.footer .logo.logo--android {
  background-image: url(../assets/web/google-play.svg);
}

.footer .bb-subtitle--text-download-login {
  padding-bottom: 0.75rem;
}

.footer .bb-subtitle--text-download {
  color: #616161;
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
}

.footer .copyright {
  font-weight: 400;
  text-transform: capitalize;
  color: #616161;
}

.footer .tcb-icon {
  display: inline-block;
  background-image: url(../assets/web/tcb-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 1.353rem;
  margin-left: 1.25rem;
}

.footer .get-in-touch {
  padding-top: 0;
}

.footer .contact {
  margin-top: 1rem;
  margin-bottom: 0.75rem;
}

.footer .contact .contact__phone {
  font-size: 1.125rem;
  line-height: 1.6875rem;
}

.footer .contact .contact__email {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--color-text-support-dark);
}

.footer .social .social__icon {
  height: 1.75rem;
  width: 1.75rem;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  margin-right: 1rem;
  display: block;
  background-color: var(--color-bg-primary-darker);
}

.footer .social .social__icon:hover {
  background-color: var(--color-bg-primary-dark);
}

.footer .social .social__icon.social__icon--facebook {
  background-image: url('../assets/web/facebook.svg');
}
.footer .social .social__icon.social__icon--linkedin {
  background-image: url('../assets/web/linkedin.svg');
}
.footer .social .social__icon.social__icon--youtube {
  background-image: url('../assets/web/youtube.svg');
}
.footer .social .social__icon.social__icon--zalo {
  background-image: url('../assets/web/zalo.svg');
}

/**
 * Header Template CSS
 */
.header {
  padding: 0 0 1.125rem 0;
  position: relative;
  width: 100%;
}

.position-sticky.switch-ifast-banner {
  top: 0;
  z-index: 2;
  background-color: var(--color-tcb-primary);
  padding: 0.5rem 0;
}

.position-sticky.switch-ifast-banner .btn.btn-switch-fast {
  font-size: 0.75rem;
  line-height: 1.125rem;
  border: 1px solid #C2C2C2;
  box-sizing: border-box;
  border-radius: 0.25rem;
  height: 1.375rem;
  padding: 0 0.75rem;
  background-color: var(--color-bg-primary);
}

.position-sticky.switch-ifast-banner .btn.btn-switch-fast:hover {
  background-color: #d5d5d5;
}

.switch-ifast-banner__text {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--color-bg-primary);
}

@media (min-width: 1200px) {
  .page-template .container,
  .switch-ifast-banner .container {
    max-width: 61.875rem;
  }
}

.w-sm-100 {
  width: 100%;
  display: block;
}
.download-alter {
  line-height: 2.5rem;
}
@media (min-width: 576px) {
  .w-sm-100 {
    width: auto;
  }
}

.bb-stack__item.bb-stack__item--fixed-width {
  width: 5.125rem;
}

.header .tcb-logo {
  background-image: url(../assets/web/tcb-logo.svg);
  height: 3.75rem;
  width: 14rem;
  background-color: var(--color-bg-primary);
  border-radius: 0 0 8px 8px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-left: 1rem solid var(--color-bg-primary);
  border-right: 1rem solid var(--color-bg-primary);
}

.kc-page-title {
  font-size: 2.125rem;
  line-height: 2.75rem;
}

.bb-highlight.bb-highlight--title-info {
  margin-bottom: 2.25rem;
}

/**
 * Page Background
 */
.page-template {
  background-color: #f7f7f7;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  min-height: max-content;
}
@media screen and (min-width: 768px) {
  .page-template {
    background-image: url(../assets/web/template-background-tablet.svg);
    background-size: cover;
    background-position: center right;
  }
}
@media screen and (min-width: 1200px) {
  .page-template {
    background-image: url(../assets/web/template-background.svg);
    background-size: cover;
    background-position: center top;
    /*background-attachment: fixed;*/
  }
}
/* Error page does not have background */
.error-page-wrapper .page-template {
  background-image: unset;
  background-color: var(--color-bg-primary-darker);
}

/**
 * Body Template CSS
 */
.identity-bg-layout.identity-bg-layout--login {
  background-image: url(../assets/web/identity-bg.png);
}
.identity-container.identity-container--login {
  height: auto;
  padding: 2rem 0 3rem 0;
}
.error-page-wrapper .identity-container.identity-container--login {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

.dropdown-toggle.dropdown-toggle--locale {
  padding: 0.3125rem 0.1875rem;
  background: var(--color-bg-primary);
  border: 1px solid #DEDEDE;
  border-radius: 1.625rem;
  width: 4.0625rem;
  height: 1.75rem;
}

.dropdown-toggle--locale .locale-name {
  font-size: 0.9375rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  letter-spacing: -0.24px;
  color: #212121;
  font-family: -apple-system, BlinkMacSystemFont, "Lato", "sans-serif";
}

.dropdown-toggle--locale .locale-icon,
.dropdown-menu--locale .locale-icon {
  display: inline-flex;
  width: 1.125rem;
  height: 1.125rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.locale-icon.locale-icon--EN {
  background-image: url(../assets/web/locale-EN.png);
}

.locale-icon.locale-icon--VN {
  background-image: url(../assets/web/locale-VI.svg);
}

.dropdown-menu--locale .locale-name {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.form-control--error {
  border: 1px solid #FF3B30;
}

.form-input-helper {
  display: none;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  margin-top: 0.625rem;
}

.form-input-helper--error {
  color: #FF3B30;
  display: block;
}

.alert .message-title {
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--color-danger-dark);
  margin-bottom: 0.25rem;
}

.alert .message-description {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: var(--color-danger-dark);
  font-weight: 400;
}

.alert.alert-danger {
  background-color: var(--color-danger-light);
  color: var(--color-danger-dark);
}

.color-danger-dark {
  color: var(--color-danger-dark);
}

.text-go-back,
.text-go-back:hover {
  color: var(--color-primary);
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  text-decoration: none;
  text-underline: none;
}

.error-page-wrapper .identity-container__form  {
  max-width: 100%;
}
.error-page-wrapper .identity-bg-layout--login {
  display: none;
}
.error-page-wrapper .error-bg-ufo {
  width: 10rem;
  height: 10rem;
  background: url(../assets/web/ufo.svg) no-repeat center center;
  background-size: contain;
  margin-bottom: 2rem;
}
.error-page-wrapper .identity-container--login {
  height: 100%;
}
.error-page-wrapper .identity-container--login .identity-logo {
  display: none;
}
.error-page-wrapper .error-back-button {
  margin-top: 2rem;
  min-width: 6.25rem;
  font-family: -apple-system, BlinkMacSystemFont, "Lato", "sans-serif";
}
.error-page-wrapper .error-page-content {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.mb-2rem {
  margin-bottom: 2rem;
}
.text-info-action,
.text-info-action:hover {
  color: var(--color-primary);
  font-style: normal;
  cursor: pointer;
  background: none;
  border: unset;
  border-radius: unset;
  padding: 0;
  text-decoration: underline;
}
.kc-form-buttons {
  margin-top: 2rem;
}
.kc-form-buttons .btn {
  height: 2.5rem;
}
.bb-subtitle--text-action a {
  color: var(--color-primary);
  text-decoration: underline;
}
/**
 * Authorization device
 */
.authorization-device {
  background: var(--color-bg-primary);
  border-radius: 0.5rem;
}
.authorization-device .device-vendor-model {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: var(--color-text-support-dark);
}
.authorization-device .phone-icon-wrapper {
  padding: 1.25rem;
  margin: 0;
}
.authorization-device .phone-icon {
  display: inline-flex;
  width: 0.9375rem;
  height: 1.5rem;
  background-image: url(../assets/web/phone-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.instruction-text {
  color: var(--color-primary);
}
.instruction-text--not-receive {
  color: var(--color-primary);
  opacity: 0.72;
}

/** Progress bar canvas **/
.canvas-progress-bar {
  background-color: transparent;
  width: 100%;
  height: 100%;
}
.canvas-boundary {
  position: relative;
  width: 2.375rem;
  height: 2.375rem;
  display: inline-block;
  margin: 0 0.5rem;
}
.canvas-boundary__text {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.875rem;
  align-items: center;
  justify-content: center;
}
.countdown-text {
  height: 2.375rem;
  display: flex;
  align-items: center;
  flex-flow: wrap;
}

.tcb-timeout-icon {
  display: block;
  width: 10rem;
  height: 10rem;
  background-image: url(../assets/web/timeout-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.right-separator {
  display: inline-block;
  padding-right: 0.75rem;
  margin-right: 0.75rem;
  border-right: 1px solid var(--color-primary);
}

.bb-text-default .unlink {
  color: inherit;
  text-transform: none;
}

.login-update-password-wrapper .error-msg-container {
  display: none;
}

.login-download__text {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #333333;
  margin-bottom: 0.5rem;
}

.login-download__buttons .logo {
  width: 7.875rem;
  height: 2.25rem;
  margin-bottom: 0;
}


/* QA container */
.qa-container .qa-item {
  background: var(--color-bg-primary);
  border-radius: 0.5rem;
}
.qa-item__title .icon-info,
.qa-item__title .icon-arrow {
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  flex-basis: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all ease-in-out 0.3s;
}
.qa-item__title .icon-info {
  background-image: url(../assets/web/icon-info-square.svg);
}
.qa-item__title .icon-arrow {
  background-image: url(../assets/web/icon-arrow-down.svg);
  transform: rotate(-180deg);
  cursor: pointer;
}
.qa-item__title .icon-arrow.collapsed {
  transform: rotate(0deg);
}
.qa-item__title .qa-content {
  color: var(--color-primary);
  display: flex;
  flex: 1;
  padding: 0 0.5rem;
}
.qa-item__body {
  padding: 0 1rem 1.25rem 1rem;
  transition: height ease-in-out 0.2s;
  height: auto;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 8.5rem 11.25rem;
  background-position: calc(100% - 1rem) bottom;
  display: flex;
  overflow: hidden;
  min-height: 11.25rem;
}
.qa-item__body.collapsed {
  transition: height ease-in-out 0.2s;
  height: 0;
  padding: 0;
  overflow: hidden;
  min-height: 0;
}
@media (min-width: 576px) {
  .qa-item__body {
    background-image: url(../assets/web/tcb-mobile-app.png);
  }
}
.fit-content {
  min-height: max-content;
}

.login-error-modal-header__content {
  margin-bottom: -1rem;
}

.login-error-modal-header__icon {
  height: 7.5rem;
  width: 7.5rem;
  margin-bottom: 1.5rem;
}
.login-error-modal-header__icon.coming-soon-icon {
  background-image: url(../assets/web/coming-soon.svg);
}
.login-error-modal-header__icon.under-maintenance-icon {
  background-image: url(../assets/web/under-maintenance.svg);
}
.login-error-modal-header__icon.no-device-found-icon {
  background-image: url(../assets/web/no-device-found.svg);
}

.login-error-modal-header__title {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 2.125rem;
  line-height: 2.75rem;
  color: #000;
}

.login-error-modal-body__msg {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: #616161;
}

.pw-expired-new-pw-form {
  width: 100%;
}

@media (min-width: 576px) {
  .pw-expired-new-pw-form {
    width: 30.5rem;
  }
}

.pw-expired-new-pw-form .change-pw-button {
  padding: 0.385rem 1.5rem;
}

.pw-expired-new-pw-form .password {
  position: relative;
}

.pw-expired-new-pw-form .password__input {
  color: #000000;
  background-color: transparent;
  padding: 0.5rem 2.5rem 0.5rem 0;
  width: 100%;
  border: none;
  border-bottom: solid 1px #616161;
  font-weight: 400;
  font-size: 1rem;
}

.pw-expired-new-pw-form .password__input::placeholder {
  color: #A2A2A2;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}

.pw-expired-new-pw-form .password__input:focus {
  outline: none;
  box-shadow: none;
  border-bottom-color: #0A84FF;
  caret-color: #0A84FF;
}

.pw-expired-new-pw-form .toggle-password {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  cursor: pointer;
}

.pw-expired-new-pw-form .password__indicator {
  color: #616161;
  font-size: 1.5rem;
  position: absolute;
  right: 0;
  top: 0.35rem;
  padding: 0.25rem 0.5rem;
}

.pw-expired-new-pw-form .error-check-list__item {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-start;
}

.pw-expired-new-pw-form .error-check-list__valid,
.pw-expired-new-pw-form .error-check-list__invalid-box {
  height: 1.3125rem;
  width: 0.875rem;
  min-width: 0.875rem;
  margin-right: 0.5rem;
}

.pw-expired-new-pw-form .error-check-list__invalid-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pw-expired-new-pw-form .error-check-list__invalid {
  color: #C5C5C5;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
}

.pw-expired-new-pw-form .error-check-list__content {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3125rem;
  color: #616161;
}

.password__input--invalid {
  border-bottom: solid 1px #FF3B30 !important;
}

.pw-expired-not-matched-msg.form-input-helper {
  font-size: 0.9375rem;
  line-height: 1.25rem;
}

.pw-expired-new-pw-form .submit-change-pw-button {
  margin-top: 2.5rem;
  padding: 0.385rem 2.5rem;
}

.pw-expired-new-pw-form .submit-change-pw-button.disabled {
  background: #D9D9D9;
  border-color: #D9D9D9;
  color: #A2A2A2;
}

.pw-expired-success__title {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3.75rem;
  color: #000000;
  margin-bottom: 0.3125rem;
}

.pw-expired-success__content {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
  margin-bottom: 2.375rem;
}

.pw-expired-success__icon {
  margin-left: -15px;
}