@charset "UTF-8";

body {
  background: #F9FAFB;
  height: 100vh;
}

.login-theme-wrapper {
  overflow-x: hidden;
}

.siteforceLoadingBalls.global {
  background: transparent;
}


.siteforceLoadingBalls .loadingBall {
  background-color: #ffffff;
}

.comm-page-custom-signup-success .uiContainerManager,
.comm-page-custom-sign-in .uiContainerManager,
.comm-page-custom-signin .uiContainerManager,
.comm-page-login-home .uiContainerManager,
.comm-page-custom-forget-password .uiContainerManager,
.comm-page-forgot-password .uiContainerManager,
.comm-page-custom-password-check .uiContainerManager,
.comm-page-check-password .uiContainerManager,
.comm-page-custom-reset-password .uiContainerManager,
.comm-page-custom-signup .uiContainerManager,
.comm-page-custom-verify-email .uiContainerManager {
  display: none;
}

.siteforceContentArea {
  background-color: initial;
}

.comm-login-form-container .slds-form-element__control,
.comm-forget-pass-container .slds-form-element__control,
.comm-reset-pass-container .slds-form-element__control,
.comm-page-custom-signup .slds-form-element__control {
  margin-bottom: 1rem;
}

.comm-login-form-container .slds-form-element__control .slds-form-element__label,
.comm-forget-pass-container .slds-form-element__control .slds-form-element__label,
.comm-reset-pass-container .slds-form-element__control .slds-form-element__label,
.comm-page-custom-signup .slds-form-element__control .slds-form-element__label {
  font-weight: 600;
  color: #111219;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  padding-top: 0;
}

.comm-login-form-container .slds-form-element__control .slds-input,
.comm-forget-pass-container .slds-form-element__control .slds-input,
.comm-reset-pass-container .slds-form-element__control .slds-input,
.comm-page-custom-signup .slds-form-element__control .slds-input {
  border: 1px solid #BABDCB;
  border-radius: 6px;
  color: #111219;
  box-shadow: 0px 5px 4px -4px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}

.comm-page-custom-signup .slds-combobox__form-element .slds-input_faux {
  border: 1px solid #dddee5;
  border-radius: 6px;
  color: #111219;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 5px 4px -4px rgba(0, 0, 0, 0.02);
}

.comm-page-forgot-password .slds-popover_tooltip,
.comm-page-custom-signup .slds-popover_tooltip {
  border-radius: 8px;
  border: 1px solid #DDDEE5;
  background: #fff;
}

.comm-page-forgot-password .slds-popover_tooltip .slds-popover__body,
.comm-page-custom-signup .slds-popover_tooltip .slds-popover__body {
  color: #111219;
}

.comm-forget-pass-content .slds-form-element .slds-form-element__icon,
.comm-page-custom-signup .slds-form-element .slds-form-element__icon {
  vertical-align: text-bottom;
}

.show-error a {
  color: var(--cds-semantic-color-error-primary, #EC563B) !important;
  text-decoration: underline;
}


.cds-button-gradient .slds-button {
  border-radius: 6px;
  border: 0;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.60rem 1rem;
  line-height: inherit;
  width: 100%;
}

.cds-button-gradient .slds-button:focus {
  box-shadow: none;
}

.cds-button-gradient .slds-button.slds-button_brand {
  background: linear-gradient(140deg, #2463EB 60.54%, #00C3EF 98.27%);
  color: #ffffff;
}

.cds-button-gradient .slds-button.slds-button_brand:hover {
  background: linear-gradient(140deg, #2463EB 60.54%, #00C3EF 98.27%);
  color: #ffffff;
}

.login-theme-wrapper .ui-widget .left.slds-form-element {
  position: absolute;
  min-width: 4rem;
  bottom: 4rem;
  z-index: 9;
  left: 25%;
  transform: translateX(-25%);
}

.comm-page-custom-sign-in .login-theme-wrapper .ui-widget .left.slds-form-element,
.comm-page-custom-signin .login-theme-wrapper .ui-widget .left.slds-form-element,
.comm-page-custom-reset-password .login-theme-wrapper .ui-widget .left.slds-form-element {
  bottom: 5rem;
}

.comm-page-custom-signup-success .login-theme-wrapper .ui-widget .left.slds-form-element,
.comm-page-custom-forget-password .login-theme-wrapper .ui-widget .left.slds-form-element,
.comm-page-custom-password-check .login-theme-wrapper .ui-widget .left.slds-form-element,
.comm-page-custom-reset-password .login-theme-wrapper .ui-widget .left.slds-form-element {
  left: 50%;
  transform: translateX(-50%);
  bottom: 6rem;
}

.comm-page-custom-signup .login-theme-wrapper .ui-widget .left.slds-form-element {
  bottom: 4rem;
}

.login-theme-wrapper .ui-widget .left.slds-form-element .slds-combobox_container .slds-dropdown {
  min-width: 6rem;
}

.login-theme-wrapper .ui-widget .left.slds-form-element .slds-combobox_container .slds-input_faux {
  border: 1px solid #dddee5;
  border-radius: 6px;
  color: #111219;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 5px 4px -4px rgba(0, 0, 0, 0.02);
}

@media (max-width: 1366px) {}

@media (max-width: 1024px) {

  .comm-login-wrapper .comm-login-left,
  .comm-reg-wrapper .comm-reg-left {
    display: flex;
    width: 100%;
  }

  .comm-login-wrapper .comm-login-right,
  .comm-reg-wrapper .comm-reg-right {
    display: none;
  }

  .comm-page-custom-sign-in .login-theme-wrapper .ui-widget .left.slds-form-element,
  .comm-page-custom-signin .login-theme-wrapper .ui-widget .left.slds-form-element,
  .comm-page-custom-signup .login-theme-wrapper .ui-widget .left.slds-form-element {
    left: 50%;
    transform: translateX(-50%);
  }

  .comm-page-custom-forget-password .comm-forget-pass-container {
    padding-top: 3rem !important;
  }
}

@media (max-width: 991px) {}

@media (max-width: 480px) {
  .comm-logo a {
    margin-bottom: 1rem !important;
  }

  .comm-login-wrapper .comm-login-left,
  .comm-reg-wrapper .comm-reg-left {
    padding: 2rem 1rem 1rem;
    align-items: flex-start;
  }

  .comm-login-wrapper .comm-login-form-wrap,
  .comm-reg-wrapper .comm-login-form-wrap {
    width: auto;
  }

  .comm-login-wrapper .comm-login-form-container,
  .comm-reg-wrapper .comm-login-form-container {
    padding: 1.5rem;
  }

  .comm-login-wrapper .comm-login-form-container h1,
  .comm-reg-wrapper .comm-login-form-container h1,
  .comm-reset-pass-wrap .comm-reset-pass-container h1 {
    font-size: 1.35rem !important;
  }

  .comm-page-custom-forget-password .comm-forget-pass-container,
  .comm-page-custom-reset-password .comm-reset-pass-container,
  .comm-page-custom-password-check .comm-check-pass-container,
  .comm-page-custom-signup-success .comm-check-pass-container {
    padding: 1.5rem !important;
  }

  .comm-page-custom-forget-password .comm-forget-pass-container .comm-forget-pass-content,
  .comm-page-custom-reset-password .comm-reset-pass-container .comm-reset-pass-content,
  .comm-page-custom-password-check .comm-check-pass-container .comm-check-pass-content,
  .comm-page-custom-signup-success .comm-check-pass-container .comm-check-pass-content {
    padding: 1.5rem;
    width: auto;
  }

  .comm-page-custom-reset-password .login-theme-wrapper .ui-widget .left.slds-form-element {
    bottom: 3rem;
  }

}

@media only screen and (max-height: 900px) {}

@media only screen and (max-height: 736px) {

  .comm-page-custom-reset-password .comm-reset-pass-container {
    padding-top: 1rem !important;
  }

  .comm-reset-pass-content {
    padding: 1rem 3rem !important;
  }

  .comm-page-custom-reset-password .comm-logo a {
    margin-bottom: 1rem !important;
  }

  .comm-page-custom-reset-password .comm-reset-pass-container h1 {
    margin-bottom: 0.5rem !important;
    font-size: 1.35rem !important;
  }

  .comm-page-custom-reset-password .login-theme-wrapper .ui-widget .left.slds-form-element {
    bottom: 5rem;
  }
}

@media only screen and (max-height: 700px) {
  .comm-login-wrapper .comm-login-left {
    align-items: flex-start;
    padding-bottom: 3rem;
    padding-top: 1rem;
  }

  .comm-reg-wrapper .comm-reg-left {
    align-items: flex-start;
    padding-bottom: 3rem;
    padding-top: 1rem;
  }

  .comm-logo a {
    margin-bottom: 1rem !important;
  }

  .comm-login-form-container h1 {
    font-size: 1.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .comm-page-custom-signup .comm-login-form-container h4 {
    font-size: 1rem !important;
    margin-bottom: 0.5rem !important;
  }

  .comm-login-form-container {
    padding: 1rem 1.5rem 1rem !important;
  }

  .comm-page-custom-signup .login-theme-wrapper .ui-widget .left.slds-form-element {
    bottom: 3rem !important;
  }

  .comm-page-custom-signup .login-button {
    margin: 1rem auto auto auto !important;
  }

  .comm-login-form-container .slds-form-element__control,
  .comm-forget-pass-container .slds-form-element__control,
  .comm-reset-pass-container .slds-form-element__control,
  .comm-page-custom-signup .slds-form-element__control {
    margin-bottom: 0.75rem !important;
  }

  .comm-page-custom-forget-password .comm-forget-pass-container,
  .comm-page-custom-reset-password .comm-reset-pass-container,
  .comm-page-custom-password-check .comm-check-pass-container,
  .comm-page-custom-signup-success .comm-check-pass-container {
    padding-top: 1.5rem !important;
  }

  .comm-page-custom-signup-success .login-theme-wrapper .ui-widget .left.slds-form-element,
  .comm-page-custom-forget-password .login-theme-wrapper .ui-widget .left.slds-form-element,
  .comm-page-custom-password-check .login-theme-wrapper .ui-widget .left.slds-form-element,
  .comm-page-custom-reset-password .login-theme-wrapper .ui-widget .left.slds-form-element {
    bottom: 5rem !important;
  }

}

@media only screen and (max-height: 670px) {


  .comm-page-custom-signup .login-theme-wrapper .ui-widget .left.slds-form-element {
    bottom: 2rem !important;
  }

  .comm-page-custom-signup .comm-logo {
    margin-bottom: 0 !important;
  }

  .comm-page-custom-reset-password .comm-reset-pass-container {
    padding-top: 0.5rem !important;
  }

  .comm-reset-pass-content {
    padding: 1rem 3rem !important;
  }

  .comm-page-custom-reset-password .comm-logo a {
    margin-bottom: 0.5rem !important;
  }

  .comm-page-custom-reset-password .comm-reset-pass-container h1 {
    margin-bottom: 0.5rem !important;
    font-size: 1.25rem !important;
  }

  .comm-page-custom-reset-password .comm-reset-pass-container h4 {
    margin-bottom: 0.5rem !important;
    font-size: 1rem !important;
  }

  .comm-page-custom-reset-password .login-theme-wrapper .ui-widget .left.slds-form-element {
    bottom: 5rem;
  }

  .password-policy {
    margin-bottom: 0.5rem;
  }

  .reset-pass-button {
    margin: 0.5rem auto 0 !important;
  }

  .comm-page-custom-reset-password .login-theme-wrapper .ui-widget .left.slds-form-element {
    bottom: 3.5rem !important;
  }
}

@media only screen and (max-height: 610px) {
  .comm-logo a {
    margin-bottom: 1rem !important;
  }

  .comm-login-left {
    padding-bottom: 5rem !important;
  }

  .comm-login-banner-wrap {
    padding: 10% !important;
  }
}