/*
 * Root variables
*/
:root {
  /* Brand Book colors */
  --ftx-primary-blue: #1aabdb;
  --ftx-secondary-blue: #1a7eae;
  --ftx-light-blue: #75ccf2;
  --ftx-purple: #442c85;
  --ftx-yellow: #fccf16;
  --ftx-gold: #f4ba0e;

  /* Current UI colors */
  --ftx-dark-blue: #003749;
  --ftx-accetnt-blue: #0066cb;
  --ftx-dark-grey: #4a4a49;
  --ftx-medium-grey: #b4b4b4;
  --ftx-light-grey: #f7f7f7;
  --ftx-white: #ffffff;
  --ftx-error: #DB0404;
  --ftx-error-text: #690202;
  --ftx-success: #16bdb4;
  --ftx-success-text: #0a6863;
  --ftx-light-blue-colorless: rgba(117, 204, 242, 0.1);

  /* Shadow colors */
  --ftx-shadow-color-1: #a5bdc5;
  --ftx-shadow-color-2: #c7d1d1;
  --ftx-shadow-color-3: #aeaec0;
  --ftx-shadow-color-4: #aeaec0;

  /* Background colors */
  --ftx-bg-1: radial-gradient(
    151.47% 126.37% at 85.14% 109.62%,
    #442c85 3.51%,
    #315ca5 16.15%,
    #226ba6 25.91%,
    #1d7eb6 37.59%,
    #1c8ec3 52.95%,
    #1b9ed0 61.22%,
    #1aabdb 74.83%,
    #3cb8e5 85.93%,
    #5cc5ef 99.48%
  );
  --ftx-bg-2: radial-gradient(
    185.49% 153.9% at 96.14% 137.14%,
    #442c85 3.51%,
    #315ca5 16.15%,
    #226ba6 25.91%,
    #1d7eb6 37.59%,
    #1c8ec3 52.95%,
    #1b9ed0 61.22%,
    #1aabdb 74.83%,
    #3cb8e5 85.93%,
    #5cc5ef 99.48%
  );
  --ftx-bg-3: linear-gradient(
      167.95deg,
      rgba(117, 204, 242, 0.04) 0%,
      rgba(117, 204, 242, 0.24) 100%
    ),
    #ffffff;
  --ftx-bg-4: #f5f7f7;
  --ftx-bg-5: linear-gradient(113.26deg, #fcfcfc 0%, #f2f4f4 100%);
  --ftx-bg-6: #F5F7F7;
  --ftx-bg-7: linear-gradient(131deg, rgba(0, 55, 73, 0.12) 24.61%, rgba(0, 55, 73, 0.06) 74.98%);

  /* Label */
  --ftx-grad-label-neutral: linear-gradient(131.19deg, rgba(0, 55, 73, 0.12) 24.61%, rgba(0, 55, 73, 0.06) 74.98%);
  --ftx-grad-label-error: linear-gradient(132.78deg, rgba(255, 99, 45, 0.2) 23.79%, rgba(255, 99, 45, 0.12) 75.48%);
  --ftx-grad-label-success: linear-gradient(132.78deg, rgba(22, 189, 180, 0.2) 23.79%, rgba(22, 189, 180, 0.12) 75.48%);
  --ftx-grad-label-borsellino: linear-gradient(132.78deg, rgba(244, 186, 14, 0.64) 23.79%, rgba(244, 186, 14, 0.24) 75.48%);
  --ftx-grad-linear: linear-gradient(113.26deg, #fcfcfc 0%, #f2f4f4 100%);
}

/*
 * DEFAULT THEME OVERRIDE
*/
/* * {
  font-family: 'Public Sans', sans-serif;
} */
html, body {
  background-color: #F5F5F5;
  overscroll-behavior-y: none;
}
html.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
::-ms-reveal {
  display: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(174, 174, 192, 0.4), inset 0px 0px 50px 50px #E5F3F9 !important;
  box-shadow: inset 2px 2px 2px 0px rgba(174, 174, 192, 0.4), inset 0px 0px 50px 50px #E5F3F9 !important;
}
.siteforceServiceBody .siteforceContentArea {
  background-color: transparent !important;
}
.salesforceIdentityLoginBody2 {
  position: static !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  display: flex !important;
  flex-direction: column;
  background: #F5F7F7 !important;
}
.salesforceIdentityLoginBody2 .cHeaderPanel {
  position: static !important;
  z-index: 1 !important;
}
.salesforceIdentityLoginBody2 .cCenterPanel {
  min-width: none !important;
  max-width: 100% !important;
  min-height: calc(100vh - 200px) !important;
  min-height: calc(100dvh - 200px) !important;
  width: 100%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.salesforceIdentityLoginBody2 .cCenterPanel:before {
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}
.salesforceIdentityLoginBody2 .cCenterPanel:before {
  bottom: auto !important;
  padding-bottom: 0 !important;
}
.salesforceIdentityLoginBody2 .ui-widget {
  padding: 0 !important;
}
.siteforceContentArea .comm-layout-column .ui-widget:not(:last-child) {
  margin-bottom: 0 !important;
}
.slds-col_padded, .slds-col--padded {
  padding: 0 !important;
}
.cLoginForm {
  width: 100%;
  max-width: 500px;
  margin: auto;
}
@media (min-width: 600px) {
  .cLoginForm {
    margin-top: 150px;
  }
}
.slds-form-element__help {
  display: none;
}
.slds-input {
  width: 100%;
}
.hyphens-none .slds-form-element__label {
  hyphens: none;
}


/* UTILITY */
.ftx-text-primary {
  color: var(--mvy-navy-blue, #002937) !important;
}
.ftx-text-secondary {
  color: var(--mvy-light-blue, #0072CE) !important;
}
.ftx-text-dark-gray {
  color: #A0A0A0 !important;
}
.ftx-text-white {
  color: var(--ftx-white, #FFF) !important;
}
.ftx-bg-1 {
  background: var(--ftx-bg-1);
}
.ftx-bg-2 {
  background: var(--ftx-bg-2);
}
.ftx-bg-3 {
  background: var(--ftx-bg-3);
}
.ftx-bg-4 {
  background: var(--ftx-bg-4);
}
.ftx-bg-5 {
  background: var(--ftx-bg-5);
}
.ftx-bg-6 {
  background: var(--ftx-bg-6);
}
.ftx-bg-7 {
  background: var(--ftx-bg-7);
}
.ftx-background {
  background: var(--ftx-bg-4);
}
.ftx-bg-hp {
  background: var(--ftx-bg-2);
  background-size: 100% 90%;
  background-repeat: no-repeat;
}
.ftx-light-blue-colorless {
  background: var(--ftx-light-blue-colorless);
}
.ftx-grad-linear {
  background: var(--ftx-grad-linear);
}
.pt-22 {
  padding-top: 5.313rem;
}
.max-word-space {
  word-spacing: 100vw;
}

/*
 * FTX CASHBACK UI
 * Atomic design system reference: https://bradfrost.com/blog/post/atomic-web-design/
 * Simplified version
*/

.ftx-page {
  min-height: calc(100vh - 144px);
  min-height: calc(100dvh - 144px);
}
.ftx-header {
  border-bottom: none !important;
  box-shadow: 0px 10px 8px -8px rgba(0, 0, 0, 0.20);
  position: relative;
}
.ftx-no-scroll {
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}
@media (min-width: 600px) {
  .ftx-onboarding-custom-container {
    max-width: 80%;
    min-height: calc(100vh - 144px);
    min-height: calc(100dvh - 144px);
    margin: auto;
  }
}
@media (min-width: 1024px) {
  .ftx-onboarding-custom-container {
    max-width: 100%;
  }
}

/*
 * ATOMS
*/
/* Heading */
.ftx-heading {
  font-family: inherit;
  font-size: 24px;
  font-weight: 700;
  color: #003749;
}
h1.ftx-heading--f50 {
  font-size: 50px !important;
  line-height: 58.75px !important;
}
.ftx-heading--f36 {
  font-size: 36px !important;
  line-height: 46px !important;
}
.ftx-heading--f30 {
  font-size: 30px !important;
  line-height: 35.25px !important;
}
.ftx-heading--f27 {
  font-size: 27px !important;
  line-height: 32px !important;
}
@media (max-width: 600px) {
  .ftx-heading--f27 {
    font-size: 20px !important;
    line-height: 23.5px !important;
    font-weight: 600;
  }
}
.ftx-heading--f24 {
  font-size: 24px !important;
  line-height: 30px !important;
  font-weight: 500 !important;
}
.ftx-heading--f20 {
  font-size: 20px !important;
  line-height: 24px !important;
  font-weight: 600;
}
.ftx-heading--f18 {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .ftx-heading--f18 {
    font-weight: 700;
  }
}
.ftx-heading--f16 {
  font-size: 16px !important;
  line-height: 19px !important;
  font-weight: 600;
}
.ftx-heading--f14 {
  font-size: 14px !important;
  line-height: 16.45px !important;
  font-weight: 700;
}
.ftx-heading--white {
  color: var(--ftx-white) !important;
}
.ftx-heading--w300 {
  font-weight: 300 !important;
}
.ftx-heading--w400 {
  font-weight: 400 !important;
}
.ftx-heading--w500 {
  font-weight: 500 !important;
}
.ftx-heading--w600 {
  font-weight: 600 !important;
}
.ftx-heading--w700 {
  font-weight: 700 !important;
}

/* Paragraph */
.ftx-paragraph {
  font-size: 16px;
  color: var(--ftx-dark-blue);
  font-weight: 300;
  line-height: 18px;
}
.ftx-paragraph--f12 {
  font-size: 12px;
  line-height: 14px;
}
.ftx-paragraph--f13 {
  font-size: 13px;
  line-height: 18.16px;
}
.ftx-paragraph--f14 {
  font-size: 14px;
  line-height: 16.45px;
  font-weight: 500;
}
.ftx-paragraph--f14-normal {
  font-size: 14px;
  line-height: 14.45px;
}
@media only screen and (min-width: 1024px) {
  .ftx-paragraph--f14-normal {
    font-size: 12px;
    line-height: 14px;
  }
}
.ftx-paragraph--f18 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.ftx-paragraph--f36 {
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}
.ftx-paragraph--w300 {
  font-weight: 300;
}
.ftx-paragraph--w400 {
  font-weight: 400;
}
.ftx-paragraph--w500 {
  font-weight: 500;
}
.ftx-paragraph--w600 {
  font-weight: 600;
}
.ftx-paragraph--w700 {
  font-weight: 700;
}
.ftx-paragraph--white {
  color: var(--ftx-white);
}

/* Overline */
.ftx-overline-1 {
  font-size: 14px;
  line-height: 16.45px;
  font-weight: 500;
  letter-spacing: 4%;
  text-transform: uppercase;
}

/* Links */
.ftx-link {
  display: inline-flex;
  align-items: center;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 18px !important;
  text-decoration: underline;
  color: var(--ftx-dark-blue) !important;
  transition: 200ms ease-in-out;
}
.ftx-link:hover {
  opacity: 0.7;
  color: var(--ftx-dark-blue) !important;
}
.ftx-link__icon {
  margin: 0 4px;
  flex-shrink: 0;
}
.ftx-link__txt {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.ftx-link__icon img {
  width: 100%;
  min-width: auto;
}
.ftx-link--f12 {
  font-size: 12px !important;
  line-height: 14px !important;
}
.ftx-link--f14 {
  font-size: 14px !important;
  line-height: 16.45px !important;
}
.ftx-link--f16 {
  font-size: 16px !important;
  line-height: 22.35px !important;
  font-weight: 700 !important;
}
.ftx-link--f18 {
  font-size: 18px !important;
  line-height: 24px !important;
}
.ftx-link--w400 {
  font-weight: 400 !important;
}
.ftx-link--w600 {
  font-weight: 600 !important;
}
.ftx-link--w700 {
  font-weight: 700 !important;
}
.ftx-link--white {
  color: var(--ftx-white) !important;
}
.ftx-link--white:hover {
  color: var(--ftx-white) !important;
  opacity: .6;
  text-decoration: none;
}
.ftx-link--reverse {
  flex-direction: row-reverse;
}
.ftx-link--no-decoration {
  text-decoration: none;
}

/* Button */
.ftx-button {
  width: 100%;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: -6px -6px 16px var(--ftx-white),
    6px 6px 16px rgba(199, 209, 209, 0.5);
  border-radius: 15px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  padding: 0 12px;
  transition: 150ms ease-in-out;
  cursor: pointer;
  position: relative;
}
@media (min-width: 600px) {
  .ftx-button {
    min-width: 218px;
  }
}
@media (min-width: 1024px) {
  .ftx-button {
    min-width: 231px;
  }
}
.ftx-button__icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.ftx-button:hover, .ftx-button:active, .ftx-button:focus-visible {
  border-radius: 15px;
  text-decoration: none;
}
.ftx-button--primary {
  color: #003749;
  background-color: #FCCF16;
}
.ftx-button--primary:hover, .ftx-button--primary:active, .ftx-button--primary:focus-visible {
  color: #003749;
  background-color: #F4BA0E;
  box-shadow: -6px -6px 16px #FFFFFF, 6px 6px 16px rgba(199, 209, 209, 0.5), inset -2px -2px 5px rgba(255, 255, 255, 0.4), inset 1px 1px 5px rgba(137, 102, 0, 0.6);
}
.ftx-button--secondary {
  background-color: #0066CB;
  color: #FFFFFF;
}
.ftx-button--secondary:not(:disabled):hover,
.ftx-button--secondary:active,
.ftx-button--secondary:focus-visible {
  background-color: var(--ftx-primary-blue);
  box-shadow: unset;
}
.ftx-button--tertiary {
  background-color: var(--ftx-accetnt-blue);
  color: var(--ftx-white);
}
.ftx-button--tertiary:not(:disabled):hover,
.ftx-button--tertiary:active,
.ftx-button--tertiary:focus-visible {
  background-color: var(--ftx-accetnt-blue);
  box-shadow: unset;
}
.ftx-button--white {
  background-color: var(--ftx-white);
  color: var(--ftx-dark-blue);
}
.ftx-button--white:not(:disabled):hover,
.ftx-button--white:active,
.ftx-button--white:focus-visible {
  background-color: var(--ftx-white);
  color: var(--ftx-dark-blue);
  box-shadow: unset;
}
.ftx-button--light-gray {
  background-color: #F6F7F7;
  color: var(--ftx-dark-blue);
  box-shadow: -6px -6px 12px -4px #FFFFFF, 6px 6px 16px rgba(199, 209, 209, 0.5);
  transition: 150ms ease-in-out;
}
.ftx-button--light-gray:hover {
  background-color: #E8E9E9;
  color: var(--ftx-dark-blue);
}
.ftx-button--shadowless {
  box-shadow: unset;
  white-space: nowrap;
}
.ftx-button[disabled] {
  opacity: 0.5;
  box-shadow: none !important;
  cursor: not-allowed;
}
.ftx-button--rounded-full {
  border-radius: 100vw;
}
.ftx-button--with-icon {
  min-width: 250px;
}
.ftx-button--icon-only {
  display: grid;
  place-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}
.ftx-button--icon-only:hover {
  background-color: transparent;
  box-shadow: none;
  opacity: 0.8;
}
.ftx-button--icon-only .ftx-button__icon {
  position: static;
  transform: none;
}
.ftx-button--plain {
  display: inline-flex;
  width: auto;
  min-width: 0;
  background-color: transparent;
  box-shadow: none;
  color: var(--ftx-dark-blue);
}
.ftx-button--with-label {
  margin-top: 9px;
}
.ftx-button--icon-only-pressed {
  background: var(--ftx-bg-4);
  box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.07), inset 1px 2px 2px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  min-width: auto;
  width: auto;
  height: auto;
  padding: 4px;
}
.ftx-button--icon-only-pressed:hover {
  border-radius: 8px;
}

/* Text input */
.ftx-input {
  width: 100%;
  background-color: transparent;
  border: none;
}
.ftx-input input, .ftx-page input[type="text"], .ftx-page input[type="email"], .ftx-page input[type="password"], .ftx-input .slds-combobox__input.slds-input_faux {
  width: 100% !important;
  min-height: 58px !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0 0.75rem;
  border-radius: 8px !important;
  border: 1px solid #A0A0A0 !important;
  color: var(--mvy-navy-blue, #1A2A3A) !important;
  background: var(--ftx-white, #FFFFFF) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.375rem !important;
  transition: outline 100ms ease-in-out, box-shadow 100ms ease-in-out, border-color 250ms ease-in-out;
}
.ftx-input input::placeholder-shown, .ftx-page input[type="text"]::placeholder-shown, .ftx-page input[type="email"]::placeholder-shown, .ftx-page input[type="password"]::placeholder-shown, .ftx-input .slds-combobox__input.slds-input_faux::placeholder-shown {
  color: #A0A0A0 !important;
}
.ftx-input input:hover, .ftx-page input[type="text"]:hover, .ftx-page input[type="email"]:hover, .ftx-page input[type="password"]:hover, .ftx-input .slds-combobox__input.slds-input_faux:hover {
  border: 1px solid var(--mvy-light-blue, #0072CE) !important;
}
.ftx-input input:focus-visible, .ftx-page input[type="text"]:focus-visible, .ftx-page input[type="email"]:focus-visible, .ftx-page input[type="password"]:focus-visible, .ftx-input .slds-combobox__input.slds-input_faux:focus-visible {
  outline: 5px solid var(--mvy-dark-green, #44D69F) !important;
  box-shadow: 0 !important;
}
.ftx-input input:disabled, .ftx-page input[type="text"]:disabled, .ftx-page input[type="email"]:disabled, .ftx-page input[type="password"]:disabled, .ftx-input .slds-combobox__input.slds-input_faux:disabled, .ftx-input input[disabled], .ftx-page input[type="text"][disabled], .ftx-page input[type="email"][disabled], .ftx-page input[type="password"][disabled], .ftx-input .slds-combobox__input.slds-input_faux[disabled] {
  background-color: #E7E7E7 !important;
  border: 0 !important;
}
.ftx-input input[readonly], .ftx-page input[type="text"][readonly], .ftx-page input[type="email"][readonly], .ftx-page input[type="password"][readonly], .ftx-input .slds-combobox__input.slds-input_faux[readonly] {
  outline: 0 !important;
  box-shadow: 0 !important;
  cursor: default;
}
.ftx-input input[type="password"], .ftx-page input[type="password"], .ftx-page input[name="password"], .ftx-input input[name="password"], .ftx-input input[name="Password"] {
  color: var(--mvy-navy-blue, #1A2A3A) !important;
  padding-right: 2.813rem;
}
.slds-input[type="date"] {
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
}
.ftx-toggle-password {
  content: url(/resource/FtxShowHideIcon);
  position: absolute;
  right: 18px;
  top: 15px;
  width: 20px;
  height: 20px;
  padding: 0 5px;
  box-sizing: content-box;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
.slds-has-error + .ftx-toggle-password {
  top: 19px;
}
.ftx-toggle-password--show {
  content: url(/resource/FtxHidePassword);
}
.ftx-input label {
  display: none;
}
.ftx-input-name {
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--mvy-navy-blue);
  letter-spacing: 0.48px;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  margin-bottom: 0.5rem;
  padding-left: 0.75rem;
}
.ftx-input-password--padding input {
  padding-right: 50px !important;
}
.slds-has-error input, .ftx-page .slds-has-error input[type="text"], .ftx-page .slds-has-error input[type="email"], .ftx-page .slds-has-error input[type="password"] {
  border: 1px solid var(--mvy-status-error, #E91717) !important;
}
.slds-has-error input:hover, .ftx-page .slds-has-error input[type="text"]:hover, .ftx-page .slds-has-error input[type="email"]:hover, .ftx-page .slds-has-error input[type="password"]:hover {
  border: 1px solid var(--mvy-status-error, #E91717) !important;
}
.slds-form-element__help, .ftx-login-custom-error, .ftx-profile-delete-error-text {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 14px;
  padding-right: 0.75rem;
  margin-top: 0.25rem;
  color: var(--mvy-status-error, #E91717);
}
.ftx-onboarding-targa .ftx-login-custom-error, .ftx-modify-form .ftx-login-custom-error {
  padding-left: 0;
}
.ftx-login-container .ftx-input input, .ftx-login-container input[type="text"], .ftx-login-container input[type="email"], .ftx-login-container input[type="password"], .ftx-login-container .ftx-input .slds-combobox__input.slds-input_faux {
  padding: 16px 12px;
  box-shadow: none !important;
}

/* Checkbox */
.ftx-checkbox--disabled {
  opacity: 0.5;
}
.ftx-checkbox__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ftx-checkbox__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.ftx-checkbox__custom {
  position: relative;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  margin-right: 15px;
  border-radius: 10px;
  background-color: var(--ftx-white);
  box-shadow: inset 2px 2px 2px rgba(174, 174, 192, 0.4);
  transition: all 0.2s ease-in-out;
}
.ftx-checkbox__custom::after {
  display: inline-block;
  content: url(/resource/FtxTickWhite);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-48%, -50%);
  opacity: 0;
  pointer-events: none;
}
.ftx-checkbox__input:checked ~ .ftx-checkbox__custom::after {
  opacity: 1;
}
.ftx-checkbox__input:checked ~ .ftx-checkbox__custom {
  background-color: var(--ftx-primary-blue);
  box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.07), inset 1px 2px 2px rgba(0, 0, 0, 0.25);
}
.ftx-checkbox__text {
  font-size: 12px;
  line-height: 14px;
  font-weight: 300;
  color: var(--ftx-dark-blue);
}
.ftx-page .slds-checkbox__label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.ftx-page .slds-checkbox_faux {
  background-color: var(--ftx-white, #FFF);
  margin: 0 !important;
  font: inherit;
  color: currentColor;
  width: 24px;
  height: 24px;
  border: 2px solid var(--mvy-navy-blue, #002937);
  border-radius: 8px;
  display: grid;
  place-content: center;
  cursor: pointer;
  transition: 150ms background-color ease-in-out, 150ms border-color ease-in-out;
}
.ftx-page .slds-checkbox[type="checkbox"]:checked+.slds-checkbox_faux:after, .slds-checkbox [type="checkbox"]:checked+.slds-checkbox--faux:after, .slds-checkbox [type="checkbox"]:checked~.slds-checkbox_faux:after, .slds-checkbox [type="checkbox"]:checked~.slds-checkbox--faux:after, .slds-checkbox [type="checkbox"]:checked+.slds-checkbox__label .slds-checkbox_faux:after, .slds-checkbox [type="checkbox"]:checked+.slds-checkbox__label .slds-checkbox--faux:after {
  content: "";
  width: 11px;
  height: 6px;
  border-left: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg) translate(1px, -1px) scale(0);
  transform-origin: center center;
  transition: 150ms transform ease-in-out;
}
.ftx-page .slds-checkbox [type="checkbox"]:checked + .slds-checkbox_faux, .ftx-page .slds-checkbox [type="checkbox"]:checked + .slds-checkbox--faux, .ftx-page .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox_faux, .ftx-page .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox--faux, .ftx-page .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux, .ftx-page .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox--faux {
  background-color: var(--mvy-light-green, #71E995);
  transition: 150ms background-color ease-in-out;
}
.ftx-page .slds-checkbox [type="checkbox"]:checked + .slds-checkbox_faux:after, .ftx-page .slds-checkbox [type="checkbox"]:checked + .slds-checkbox--faux:after, .ftx-page .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox_faux:after, .ftx-page .slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox--faux:after, .ftx-page .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux:after, .ftx-page .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox--faux:after {
  transform: rotate(-45deg) translate(-1px, -6px) scale(1);
  transition: 150ms transform ease-in-out;
}
/* TODO input checkbox hover, active, focus state */
.ftx-page .slds-checkbox [type="checkbox"] .slds-form-element__label {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

/* Radio switch field */
.ftx-switch-field {
	display: flex;
	overflow: hidden;
  width: calc(100% + 50px);
  margin: 0 -25px;
  padding: 0 25px 22px;
}
.ftx-switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}
.ftx-switch-field label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 50%;
	background-color: transparent;
  color: var(--mvy-navy-blue, #002937);
	font-size: 16px;
  line-height: 18px;
  font-weight: 600;
	padding: 15px;
	transition: all 0.1s ease-in-out;
  overflow: hidden;
}
.ftx-switch-field label:hover {
	cursor: pointer;
}
.ftx-switch-field input:checked + label {
  color: var(--mvy-navy-blue);
	background-color: var(--mvy-light-green);
}
.ftx-switch-field label:first-of-type {
	border-radius: 8px 0px 0px 8px;
  border: 2px solid #E7E7E7;
  border-right: 0;
}
.ftx-switch-field label:last-of-type {
	border-radius: 0px 8px 8px 0px;
  border: 2px solid #E7E7E7;
  border-left: 0;
}
.ftx-switch-field input:checked + label {
  border: 2px solid var(--mvy-light-green);
  box-shadow: 0px 5px 16px 0px rgba(68, 214, 159, 0.20);
}
.ftx-switch-field input:hover + label {
  border-color: #DCE2E4;
  background-color: #DCE2E4;
}
.ftx-switch-field input:checked:hover + label {
  border-color: #65D78C;
  background-color: #65D78C;
}
.ftx-switch-field input:active + label {
  border-color: #C4CED1;
  background-color: #C4CED1;
}
.ftx-switch-field input:checked:active + label {
  border-color: #5AC382;
  background-color: #5AC382;
}
.ftx-switch-field input:disabled + label {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Ftx card */
.ftx-page .slds-card {
  padding: 6px;
  background: linear-gradient(113.26deg, #FCFCFC 0%, #F2F4F4 100%);
  box-shadow: 10px 10px 30px rgba(165, 189, 197, 0.4);
  border-radius: 16px;
}
.ftx-page .slds-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px 25px;
  background: linear-gradient(113.26deg, #FCFCFC 0%, #F2F4F4 100%);
  box-shadow: inset -1px -1px 1px rgba(255, 255, 255, 0.7), inset 1.5px 1.5px 1px rgba(174, 174, 192, 0.2);
  border-radius: 12px;
  margin: 0;
}
.ftx-page .slds-form-element {
  width: 100%;
}
.ftx-page .slds-form-element__label {
  /* font-family: Rubik; */
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--mvy-navy-blue);
  padding: 0;
}
.ftx-bg-onboarding {
  background-color: #F5F7F7;
}
@media only screen and (min-width: 1024px) {
  .ftx-bg-onboarding {
    background: linear-gradient(to right, white 0%, white 50%, #f5f7f7 50%, #f5f7f7 100%);
  }
}
.ftx-page.ftx-onboarding-scontrino .slds-form-element__label {
  display: none;
}

/* Modal */
.ftx-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: grid;
  place-content: center;
}
.ftx-modal.hidden {
  display: none;
}
.ftx-modal::after {
  content: '';
  display: block;
  position: fixed;
  opacity: 0.9;
  inset: 0;
  z-index: 98;
  background: rgba(0, 41, 55, 0.80);
}
.ftx-modal__content {
  background: #f5f7f7;
  padding: 48px;
  border-radius: 8px;
  position: relative;
  z-index: 99;
}

/* List */
.ftx-list {
  padding-left: 0 !important;
}
.ftx-list li {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 14px;
  padding-left: 0 !important;
}
.ftx-list li::before {
  display: none!important;
}
.ftx-list li img {
  margin-right: .5rem;
}
.ftx-list--ordered {
  list-style: decimal;
}
.ftx-list--ordered li {
  list-style: decimal;
}
.ftx-list li:not(:first-child) .div-row {
  margin-top: 35px;
}
.ftx-list li .div-description {
  margin-top: 4px;
}
.ftx-list--with-icon-title-description li {
  display: list-item;
}
.ftx-list--dashed {
  list-style-type: '- ' !important;
}
.ftx-list--dashed li {
  list-style-type: '- ' !important;
  display: list-item;
  width: fit-content;
  padding-left: 0 !important;
}
.ftx-list--dashed li:before {
  display: none !important;
}

.ftx-hr {
  padding: 16px 0;
  position: relative;
}
.ftx-hr hr {
  border-top: 1px solid var(--mvy-light-blue, #0072CE);
}
.ftx-hr__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--mvy-light-blue, #0072CE);
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 14px;
  line-height: 16.45px;
  letter-spacing: 4%;
  color: var(--ftx-white);
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}

/* Tooltip */
.ftx-tooltip {
  display: inline-block;
  position: relative;
  cursor: help;
}
.ftx-tooltip::before {
  content: attr(data-text);
  position:absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  margin-bottom: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  background: var(--ftx-dark-grey);
  color: var(--ftx-white);
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.ftx-tooltip:hover:before {
  visibility: visible;
  opacity: 1;
}
.ftx-tooltip--right::before {
  bottom: initial;
  left: initial;
  margin-bottom: 0;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 4px;
}
.ftx-tooltip--left::before {
  bottom: initial;
  left: initial;
  margin-bottom: 0;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 4px;
}
.ftx-tooltip--bottom::before {
  bottom: initial;
  left: initial;
  margin-bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  margin-top: 4px;
}

/* Upload */
.ftx-upload {
  width: 100%;
  height: 170px;
  padding: 10px;
  background-color: var(--ftx-white, #FFF);
  border-radius: 8px;
  border: 4px solid var(--ftx-white, #FFF);
}
.ftx-upload.ftx-upload--error {
  border: 4px solid var(--ftx-error, #E91717);
  transition: border 200ms ease-in-out;
  animation-name: shake;
  animation-duration: .5s;
  animation-delay: 0.25s;
}
.ftx-upload__input {
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%231AABDBFF' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 16px;
  position: relative;
}
.ftx-upload__input__message {
  margin-bottom: 4px;
}
.ftx-upload__input__message strong {
  color: var(--ftx-primary-blue);
  text-decoration: underline;
}
.ftx-upload__input__max-size {
  color: var(--ftx-medium-grey) !important;
  margin: 25px 0;
}
.ftx-upload .slds-form-element, .ftx-upload .slds-form-element__control, .ftx-upload .slds-file-selector, .ftx-upload .slds-file-selector__dropzone, .ftx-upload .slds-file-selector__dropzone slot, .ftx-upload .slds-file-selector__dropzone .slds-file-selector__body {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.ftx-upload .slds-form-element {
  position: absolute;
  inset: 0;
  display: inline-block;
}
.ftx-upload .slds-file-selector__dropzone, .ftx-upload .slds-form-element__label {
  opacity: 0;
}
.ftx-upload .slds-form-element__control{
  position: static;
  clear: none;
}
.ftx-file-uploaded {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background-color: var(--ftx-white);
  border-radius: 8px;
  margin-bottom: 1rem;
}
.ftx-file-uploaded__remove {
  flex-shrink: 0;
  cursor: pointer;
  margin-right: 0;
  margin-left: auto;
}
.ftx-upload-error-text {
  opacity: 0;
  visibility: hidden;
  font-weight: 400;
  font-size: 14px;
  margin-top: 8px;
  color: var(--ftx-error);
  transition: 200ms ease-in-out;
  transition-delay: 200ms;
}
.ftx-upload-error-text.is-visible {
  opacity: 1;
  visibility: visible;
  transition: 200ms ease-in-out;
  transition-delay: 200ms;
}
@media only screen and (min-width: 1024px) {
  .ftx-upload {
    height: 227px;
  }
  .ftx-upload__input__max-size {
    margin: 25px 0 35px;
  }
}
@keyframes shake {
  0% {
    transform: translateX(0px);
    timing-function: ease-in;
  }
  37% {
    transform: translateX(5px);
    timing-function: ease-out;
  }
  55% {
    transform: translateX(-5px);
    timing-function: ease-in;
  }
  73% {
    transform: translateX(4px);
    timing-function: ease-out;
  }
  82% {
    transform: translateX(-4px);
    timing-function: ease-in;
  }
  91% {
    transform: translateX(2px);
    timing-function: ease-out;
  }
  96% {
    transform: translateX(-2px);
    timing-function: ease-in;
  }
  100% {
    transform: translateX(0px);
    timing-function: ease-in;
  }
}

/* Calendar */
.ftx-page .slds-datepicker {
  border-radius: 8px !important;
  position: relative;
  padding: 16px;
  border: 3px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box,
  rgba(5, 118, 223, 1) border-box !important;
}
.ftx-page .slds-datepicker .slds-datepicker__filter {
  border-bottom: 1px solid rgba(228, 229, 231, 1);
  padding: 0;
  padding-bottom: 15px;
}
.ftx-page .slds-datepicker .slds-datepicker__filter > * {
  height: 32px !important;
}
.ftx-page .slds-datepicker .slds-datepicker__filter .slds-shrink-none .slds-form-element {
  padding: 0 !important;
}
.ftx-page .slds-datepicker .slds-datepicker__filter_month {
  justify-content: flex-end;
}
.ftx-page .slds-datepicker .slds-datepicker__filter_month h2 {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #4A4A49;
  order: -1;
  margin-right: auto;
  padding-left: 8px;
}
.ftx-page .slds-datepicker .slds-datepicker__month th {
  color: var(--mvy-light-blue, #0072CE);
  padding: 8px;
  padding-bottom: 0;
  text-decoration: none;
  font-weight: 700;
  font-size: 9px;
  line-height: 11px;
  height: 40px;
}
.ftx-page .slds-datepicker .slds-datepicker__month th abbr {
  text-decoration: none;
  text-transform: uppercase;
}
.ftx-page .slds-datepicker .slds-is-selected .slds-day {
  display: grid;
  place-content: center;
  background: radial-gradient(185.49% 153.9% at 96.14% 137.14%, #442C85 3.51%, #315CA5 16.15%, #226BA6 25.91%, #1D7EB6 37.59%, #1C8EC3 52.95%, #1B9ED0 61.22%, #1AABDB 74.83%, #3CB8E5 85.93%, #5CC5EF 99.48%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border-radius: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: var(--ftx-white);
}
.ftx-page .slds-datepicker button[name="today"] {
  display: none;
}

/* Field */
.ftx-field {
  width: 100%;
  background-color: transparent;
  border: none;
  position: relative;
  color: var(--mvy-navy-blue, #002937);
}
.ftx-field--label {
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 8px;
  padding: 0;
  background-color: none;
  border: none;
}
.ftx-field-section-margin {
  margin: 25px 0 25px 0;
}

/* Item */
.ftx-item {
  width: 100%;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: -6px -6px 16px var(--ftx-white),
    6px 6px 16px rgba(199, 209, 209, 0.5);
  border-radius: 15px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  padding: 0 12px;
  transition: 150ms ease-in-out;
  cursor: pointer;
  position: relative;
}
.ftx-item:hover {
  text-decoration: none;
  color: inherit;
}
.ftx-item__icon {
  height: fit-content;
}
.ftx-item__extra {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  background: linear-gradient(108.46deg, #fccf16 0%, #f4ba0e 100%);
  color: var(--ftx-dark-blue);
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  border-radius: 2px;
  padding: 2px 8px;
  text-align: center;
}
.ftx-item--profile-menu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  height: auto;
  color: var(--mvy-navy-blue);
  background: #F5F7F7;
  box-shadow: none;
  padding: 16px;
  padding-right: 8px;
  font-size: 18px;
  line-height: 24px;
  border-top: 1px solid var(--ftx-white, #fff);
  border-radius: 0px;
}
.ftx-profile-menu {
  height: 100%;
}
.ftx-profile-menu--container > div:last-child .ftx-item--profile-menu {
  border-bottom: 1px solid var(--ftx-white, #fff);
}
.ftx-item--profile-menu-active {
  background: rgba(0, 41, 55, 0.05);
}
.ftx-item--profile-menu-active::before {
  position: absolute;
  content: '';
  top: -1px;
  left: -12px;
  height: calc(100% + 2px);
  width: 12px;
  background: linear-gradient(126deg, #0072CE 15.55%, #0054A1 85.22%);
  border-radius: 12px 0px 0px 12px;
}
.ftx-item--profile-menu .ftx-item__icon {
  position: relative;
  left: 0;
  top: 0;
}
.ftx-item--profile-menu img {
  margin-right: 5%;
}
.ftx-item__text {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ftx-item__container {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.ftx-profile-menu--btn-bottom {
  margin-top: auto;
  margin-bottom: 25px;
  padding-right: 14px;
}

/* Table */
.ftx-table__box {
  background-color: #dee3e4;
  border-radius: 8px;
  padding: 16px;
}
.ftx-table__box .slds-table_header-fixed_container, .slds-table--header-fixed_container {
  background-color: #dee3e4;
}
.ftx-table table, .ftx-table th, .ftx-table td {
  text-align: left;
  background-color: #dee3e4;
 }
 .ftx-table table {
  table-layout: auto;
  width: 100%;
}
.ftx-table table tbody {
  min-width: auto;
}
.ftx-table table, .ftx-table th, .ftx-table td {
  text-align: left;
 }
.ftx-table table thead tr {
  height: 0 !important;
}
.ftx-table table tr {
  height: 50px;
}
.ftx-table table thead th {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: 0.48px;
  color: var(--mvy-navy-blue, #002937);
  text-transform: uppercase;
}
.ftx-table table thead th[aria-label="Info Viaggio"] {
  min-height: 127px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .ftx-table table thead th[aria-label="Info Viaggio"] {
    min-height: auto;
    display: block;
  }
}
.ftx-table table thead th .slds-th__action {
  padding-left: 14px;
}
.ftx-table table thead th:first-child .slds-th__action {
  padding-left: 8px;
}
.ftx-table table thead th span {
  background-color: #dee3e4;
}
.ftx-table table thead th .slds-th__action lightning-primitive-header-actions, .ftx-table table th .slds-th__action lightning-primitive-resize-handler {
  display: none;
}
.ftx-table table tbody [data-label="Stato"] lightning-primitive-cell-factory > span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: fit-content;
  max-width: 100%;
  border-radius: 8px;
  background: #c9d0d3;
  color: var(--mvy-navy-blue, #002937);
  padding: 8px 4px 8px 10px;
  gap: 4px;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
}
.ftx-table table tbody [data-label="Stato"] lightning-primitive-cell-factory > span::after {
  content: url(/resource/mvyStatusValidation);
  height: 24px;
  width: 24px;
  text-align: center;
  display: inline-block;
}
.ftx-table table tbody [data-label="Stato"].approved lightning-primitive-cell-factory > span {
  background: linear-gradient(108deg, #71E995 0%, #44D69F 100%);
  box-shadow: 0px 5px 16px 0px rgba(68, 214, 159, 0.20);
}
.ftx-table table tbody [data-label="Stato"].approved lightning-primitive-cell-factory > span::after {
  content: url(/resource/mvyStatusApproved);
}
.ftx-table table tbody [data-label="Stato"].rejected lightning-primitive-cell-factory > span {
  background: #E91717;
  color: var(--ftx-white);
}
.ftx-table table tbody [data-label="Stato"].rejected lightning-primitive-cell-factory > span::after {
  content: url(/resource/mvyStatusRejected);
}
.ftx-table table tbody [data-label="Stato"].approved-extra lightning-primitive-cell-factory > span {
  background: linear-gradient(108deg, #71E995 0%, #44D69F 100%);
}
.ftx-table table tbody [data-label="Stato"].approved-extra lightning-primitive-cell-factory > span::after {
  content: url(/resource/mvyStatusApproved);
}
.ftx-table .slds-table_bordered tbody td, .ftx-table .slds-table_bordered tbody th, .ftx-table .slds-table--bordered tbody td, .ftx-table .slds-table--bordered tbody th {
  border-top: 1px solid #b3bec0;
}
.ftx-table table tbody th, .ftx-table table tbody td {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--mvy-navy-blue, #002937);
  position: relative;
  padding-left: 14px;
}
.ftx-table td::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  height: 8px;
  width: 1px;
  border-radius: 6px;
  background-color: var(--ftx-medium-grey);
}
.slds-table_header-fixed_container[lightning-datatable_table] > .slds-scrollable_y[lightning-datatable_table]::before {
  display: none !important;
}
.ftx-table .slds-table_bordered, .slds-table--bordered {
  border-bottom: 0;
}
.ftx-table table tbody td[data-label="Info Viaggio"] + td:before {
  display: none;
}
.ftx-table td[data-label="Info Viaggio"] {
  color: #000;
}
.ftx-table table thead th[aria-label="Pedaggio"] .slds-th__action, .ftx-table table thead th[aria-label="Classe"] .slds-th__action {
  padding: 0;
}
.ftx-table .ftx-table-items-center .slds-grid_align-spread, .ftx-table table th[aria-label="Pedaggio"] .slds-th__action, .ftx-table table th[aria-label="Classe"] .slds-th__action, .ftx-table table th[aria-label="Elimina"] .slds-th__action {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ftx-table .ftx-delete-column lightning-button-icon {
  position: relative;
}
.ftx-table .ftx-delete-column lightning-button-icon button {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
}
.ftx-table .ftx-delete-column lightning-primitive-cell-button:after {
  display: block;
  content: url(/resource/mvyInterfaceClose);
  height: 24px;
  width: 24px;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ftx-table .ftx-methods-type-column .slds-grid {
  align-items: center;
  justify-content: flex-start;
}
.ftx-table .ftx-methods-type-column .slds-grid::before {
  display: block;
  content: url(/resource/mvyDeviceObu);
  height: 24px;
  width: 24px;
  margin-right: 8px;
}
.ftx-table .ftx-table-transit-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ftx-table .ftx-table-transit-info::after {
  display: block;
  content: url(/resource/mvyTravelStartExit);
  height: auto;
  width: auto;
  margin-right: 4px;
  order: -1;
  padding-top: 4px;
}
.ftx-table .ftx-table-date-info {
  vertical-align: bottom;
}
.ftx-table .ftx-table-date-info span {
  padding-bottom: 4px;
}
.ftx-table .slds-table th:focus, .ftx-table .slds-table th.slds-has-focus, .ftx-table .slds-table [role=gridcell]:focus, .slds-table [role=gridcell].slds-has-focus {
  box-shadow: none;
}
.ftx-table table tbody td.ShowButtonInfoRimborsoExtra::before, .ftx-table table tbody td.hideButtonInfoRimborsoExtra::before {
  display: none;
}
.ftx-table table tbody td.ShowButtonInfoRimborsoExtra button {
  border: 0;
}
.ftx-table table tbody td.hideButtonInfoRimborsoExtra button {
  display: none;
}
.ftx-table table tbody td.ShowButtonInfoRimborsoExtra button:before {
  height: 24px;
  width: 24px;
  fill: var(--ftx-dark-blue);
  transition: 200ms ease-in-out;
  content: url(/resource/mvyInterfaceInfo);
}
.ftx-table table tbody td.ShowButtonInfoRimborsoExtra button svg {
  display: none;
}
.ftx-table table tbody td.ShowButtonInfoRimborsoExtra button:hover button:before {
  opacity: 0.5
}
.ftx-table table tbody td.ShowButtonInfoRimborsoExtra button:hover {
  background-color: transparent;
}
.ftx-table table tbody td.ShowButtonInfoRimborsoExtra button:active, .ftx-table table tbody td.ShowButtonInfoRimborsoExtra button:focus {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.ftx-table .slds-table_header-fixed_container > .slds-scrollable_y::before {
  border-bottom: 1px solid transparent !important;
}
.ftx-table .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover>td:not(.slds-has-focus), .ftx-table .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover>th:not(.slds-has-focus) {
  box-shadow: none !important;
}
.ftx-table .slds-th__action:hover {
  background-color: #dee3e4 !important;
}
.ftx-table .slds-has-focus.slds-is-resizable .slds-th__action, .ftx-table .slds-has-focus.slds-is-resizable .slds-th__action:hover {
  box-shadow: none !important;
  background-color: #dee3e4 !important;
}

@media only screen and (max-width: 767px) {
  .ftx-table.table-full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .ftx-table table, .ftx-table th, .ftx-table td {
    background-color: transparent
  }
  .ftx-table {
    position: relative;
  }
  .ftx-table__box {
    border-radius: 0;
    box-shadow: none;
    padding: 27px 0 23px 24px;
    padding-right: 0;
    background-color: rgba(117,204,242, 0.1);
  }
  .ftx-table__box .slds-table_header-fixed_container, .slds-table--header-fixed_container {
    background-color: transparent !important;
    padding-top: 0 !important;
  }
  .ftx-table table {
    display: flex;
  }
  .ftx-table table thead {
    padding: 25px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 115px;
    flex-shrink: 0;
  }
  .ftx-table tbody {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    flex-grow: 1;
    padding: 25px;
    gap: 14px;
    background: #FFFFFF;
    box-shadow: 10px 10px 30px rgba(165, 189, 197, 0.4);
    border-radius: 16px 0 0 16px;
    min-width: calc(100% - 115px);
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-padding-left: 14px;
    scroll-snap-type: x mandatory;
  }
  .ftx-table tbody::-webkit-scrollbar {
    display: none;
  }
  .ftx-table thead tr, .ftx-table tbody tr {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
  }
  .ftx-table table thead tr {
    height: 100%  !important;
  }
  .ftx-table table thead th {
    padding: 14px;
    padding-left: 0;
    height: 50px;
  }
  .ftx-table table thead th:first-child {
    height: 68px;
  }
  .slds-table_header-fixed thead th, .slds-table--header-fixed thead th {
    position: sticky;
    left: 0;
    z-index: 2;
  }
  .ftx-table table tbody td, .ftx-table table tbody th {
    text-align: center;
    padding: 14px;
  }
  .ftx-table table tbody tr {
    background: linear-gradient(113.26deg, #FCFCFC 0%, #F2F4F4 100%);
    border-radius: 8px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    min-width: 180px;
    max-width: 180px;
    height: 100%;
  }
  .ftx-table .slds-scrollable_x, .ftx-table .slds-scrollable--x {
    overflow-x: hidden;
  }
  .ftx-table .slds-scrollable_y, .ftx-table .slds-scrollable--y {
    width: auto !important;
  }
  .ftx-table .slds-table_bordered, .slds-table--bordered {
    width: 100% !important;
  }
  .ftx-table td:not(:first-child):before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 24px;
    background-color: #b3bec0;
  }
  .ftx-table .slds-table_bordered tbody td, .ftx-table .slds-table_bordered tbody th, .ftx-table .slds-table--bordered tbody td, .ftx-table .slds-table--bordered tbody th {
    border: none;
  }
  .ftx-table .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover>th:not(.slds-has-focus) {
    box-shadow: none;
  }
  .ftx-table .slds-table:not(.slds-no-row-hover) tbody tr:hover>th {
    background-color: transparent;
  }
  .ftx-table .slds-cell-fixed {
    background-color: transparent !important;
    position: static !important;
    min-height: 0 !important;
    width: 100% !important;
  }
  .ftx-table table thead th {
    background-color: transparent;
    width: 100% !important;
  }
  .ftx-table table thead th .slds-th__action {
    display: block;
    background-color: transparent;
    padding: 0;
    margin: 0;
    height: auto;
  }
  .ftx-table table thead th span {
    background-color: transparent;
  }
  .ftx-table table thead th .slds-truncate {
    white-space: break-spaces;
  }
  .ftx-table table thead th:first-child .slds-th__action {
    padding-left: 0;
  }
  .ftx-table table thead th[aria-label="Elimina"] .slds-th__action {
    justify-content: flex-start;
  }
  .ftx-table .ftx-methods-type-column .slds-grid, .ftx-table table tbody .slds-grid_align-spread {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
  }
  .ftx-table table tbody [data-label="Stato"] lightning-primitive-cell-factory > span {
    min-width: 142px;
    margin: auto;
  }
  .ftx-table table tbody td [data-label="Elimina"] > span, .ftx-table table tbody td [data-label="Codice/Targa"] span, .ftx-table table tbody td [data-label="Rimborso"] span, .ftx-table table tbody td [data-label="Classe"] span {
    height: 27px;
  }
  .ftx-table table tbody td [data-label="Info Viaggio"] > span {
    min-height: 110px;
  }
  .ftx-table .slds-table:not(.slds-no-row-hover) tbody tr:hover>td, .ftx-table .slds-table:not(.slds-no-row-hover) tbody tr:hover>th, .ftx-table .slds-table:not(.slds-no-row-hover) tbody tr:focus>td, .ftx-table .slds-table:not(.slds-no-row-hover) tbody tr:focus>th {
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .ftx-table .slds-table_header-fixed_container > .slds-scrollable_y:before {
    border-bottom: 0 !important;
  }
  .ftx-table table tbody td.hideButtonInfoRimborsoExtra {
    display: none;
    padding: 0;
  }
}

@media only screen and (min-width: 768px) {
  .ftx-table td:not(:first-child):before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    height: 24px;
    width: 1px;
    background-color: #b3bec0;
  }
  .ftx-table table td:last-child, .ftx-table table th:last-child  {
    text-align: center;
  }
}

/* Table date time */
.ftx-table-date-time {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

/* Table pagination */
.ftx-table-pagination {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  margin-top: 25px;
}
.ftx-table-pagination__page {
  display: grid;
  place-content: center;
  width: 24px;
  height: 24px;
  background: linear-gradient(126deg, #0072CE 15.55%, #0054A1 85.22%);
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.48px;
  font-weight: 400;
  color: var(--ftx-white, #FFFFFF);
}
.ftx-modal-sconto .ftx-modify-form {
  width: clamp(300px, 80%, 760px) !important;
  max-width: 100% !important;
  max-height: 100%;
  overflow-y: auto;
}
.ftx-modal-sconto .ftx-modify-form__description p:first-child {
  margin-bottom: 1rem !important;
  margin-top: 0.5rem !important;
}
.ftx-modal-sconto .ftx-input-rimborsi {
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 22px;
  text-transform: capitalize;
}
.ftx-modal-sconto .ftx-modify-form__description span {
font-size: 16px;
font-style: normal;
font-weight: 400 !important;
line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .ftx-modal-sconto .ftx-modify-form__description span, .ftx-modal-sconto .ftx-input-rimborsi {
    font-size: 18px;
    line-height: 24px;
  }
}

/* Banner */
.ftx-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 1.5rem auto;
  padding: 8px 16px;
  background-color: var(--mvy-navy-blue, #002937);
  color: var(--ftx-white, #FFFFFF);
  border-radius: 16px;
}

/* Reset field */
.ftx-reset-field {
  content: url(/resource/FtxCustomError);
  position: absolute;
  right: 18px;
  bottom: 19px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

/* Spinner */
.ftx-spinner {
  height: 50px;
  width: auto;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  transform-origin: bottom;
}
.ftx-spinner-container {
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}
.bounce {
  animation-name: bounce;
  animation-timing-function: linear;
}
@keyframes bounce {
  0%   { transform: scale(1,0.75) translateY(0); }
  10%  { transform: scale(1,1) translateY(0); }
  50%  { transform: scale(1,1) translateY(-40px); }
  90%  { transform: scale(1,1) translateY(0); }
  100% { transform: scale(1,0.8) translateY(0); }
}

/*
 * Molecules
*/
/* User icon */
.ftx-user-icon {
  width: 56px;
  height: 56px;
  border-radius: 100vw;
  background-color: var(--mvy-light-blue, #0072CE);
  color: var(--ftx-white, #FFFFFF);
  display: grid;
  place-content: center;
  cursor: pointer;
  position: relative;
  user-select: none;
  box-shadow: 0px 5px 16px 0px rgba(5, 118, 223, 0.15);
  transition: box-shadow 250ms ease-in-out;
}
.ftx-user-icon span {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
}
.ftx-user-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 100vw;
  box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.07), inset 1px 2px 2px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: 250ms ease-in-out;
}
.ftx-user-icon.is-active {
  box-shadow: none;
}
.ftx-user-icon.is-active::after {
  opacity: 1;
}
.ftx-user-icon.is-active svg path {
  fill: var(--ftx-white, #FFFFFF);
}
.ftx-user-icon--small {
  font-size: .75rem;
}

/* Purse */
.ftx-purse {
  padding: 24px 20px 16px 20px;
  background: linear-gradient(108deg, #71E995 0%, #44D69F 100%);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.20);
  border-radius: 8px;
  width: 100%;
  margin-bottom: 25px;
}
.ftx-purse hr {
  margin: 0 -18px;
  border: 0;
  border-top: 1px solid rgba(0, 41, 55, 0.20);
}
.ftx-purse__main {
  min-height: 131px;
  padding-bottom: 16px;
}
.ftx-purse__footer {
  padding-top: 16px;
  min-height: 57px;
}
.ftx-purse--empty {
  background: #E7E7E7;
}
@media (min-width: 1024px) {
  .ftx-purse {
    width: 50%;
    margin-bottom: 0;
    margin-right: 12px;
  }
}

/* Purse data */
.ftx-purse-data {
  height: 65px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: var(--ftx-white, #FFFFFF);
  border: 2px solid #E7E7E7;
  border-radius: 8px;
  padding: 7px 14px;
  text-align: center;
  position: relative;
  transition: 150ms ease-in-out;
}
.ftx-purse-data:hover {
  border: 2px solid var(--mvy-light-blue, #0072CE);
}
.ftx-purse-data:active {
  border: 2px solid var(--mvy-light-blue, #0072CE);
  background-color: #f2f4f5;
}
.ftx-purse-data .ftx-heading {
  font-size: 16px !important;
}
.ftx-purse-data hr {
  display: none;
}
.ftx-purse-data__main {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  height: 100%;
}
.ftx-purse-data__main img {
  width: 24px;
  margin-right: 16px;
}
.ftx-purse-data__footer {
  position: absolute;
  left: 52px;
  bottom: 6px;
}
.ftx-purse-data-container:last-of-type {
  margin-bottom: 0;
  margin-right: 0;
}
@media (min-width: 600px) {
  .ftx-purse-data {
    height: 240px;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 20px 16px;
  }
  .ftx-purse-data .ftx-heading {
    font-size: 20px !important;
  }
  .ftx-purse-data__main {
    flex-direction: column;
    flex-basis: auto;
    align-items: center;
    justify-content: space-between;
    min-height: 100px;
    height: auto;
    padding-bottom: 12px;
  }
  .ftx-purse-data__main img {
    margin-right: 0;
  }
  .ftx-purse-data hr {
    display: block;
    width: 100%;
    border: 0;
    border-top: 1px solid rgba(0, 41, 55, 0.20);
  }
  .ftx-purse-data__footer {
    position: static;
    padding: 12px 12px 0;
    min-height: 57px;
  }
}
@media (min-width: 1400px) {
  .ftx-purse-data__main, .ftx-purse-data__footer {
    width: 100%;
    padding: 16px 26px;
  }
  .ftx-purse-data__main {
    padding-top: 0;
  }
}

/* Registration form */
.ftx-registration-form-override .slds-no-flex {
  width: 100%;
  display: flex;
}
.ftx-registration-form-override .slds-card .slds-button.slds-button_brand {
  width: 100% !important;
  height: 49px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: -6px -6px 16px var(--ftx-white), 6px 6px 16px rgba(199, 209, 209, 0.5);
  border-radius: 15px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  padding: 0 12px !important;
  transition: 150ms ease-in-out;
  cursor: pointer;
  background-color: var(--ftx-yellow);
  color: var(--ftx-dark-blue);
  border: none;
}
.ftx-registration-form-override .slds-card .slds-button.slds-button_brand:hover {
  color: #003749;
  background-color: #F4BA0E;
  box-shadow: -6px -6px 16px #FFFFFF, 6px 6px 16px rgba(199, 209, 209, 0.5), inset -2px -2px 5px rgba(255, 255, 255, 0.4), inset 1px 1px 5px rgba(137, 102, 0, 0.6);
}
.ftx-page .ftx-registration-form-override .slds-form-element__label {
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  color: var(--ftx-dark-blue);
  padding: 0;
  hyphens: none;
}

/* Card Method */
.ftx-req-methods-section {
  background: linear-gradient(108deg, var(--mvy-light-blue, #0072CE) 0%, var(--mvy-light-blue, #0072CE) 100%);
  background-size: 100% 95%;
  background-repeat: no-repeat;
}
.ftx-card-method {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: var(--ftx-white, #FFFFFF);
  border-radius: 8px;
  border: 2px solid var(--mvy-light-green, #71E995);
  padding: 24px 16px 16px;
  position: relative;
  max-width: 412px;
  margin: auto;
}
.ftx-card-method__header {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .ftx-card-method__header {
    min-height: 44px;
  }
}
.ftx-card-method__header__icon, .ftx-card-method__header__icon img {
  flex-shrink: 0;
  height: 40px;
}
.ftx-card-method__header__title {
  margin-left: 16px;
}
.ftx-card-method__body__text {
  margin: 1rem 0;
}
.ftx-card-method__body__text p {
  line-height: 22.35px !important;
}
.ftx-card-method__body hr {
  height: 1px !important;
  border: none;
  background-color: rgba(0, 41, 55, 0.20);
}
.ftx-card-method__label {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-content: center;
  background: var(--ftx-gold);
  border-radius: 2px;
  padding: 2px 14px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  min-width: 98px;
}
@media (min-width: 1024px) {
  .ftx-card-method {
    max-width: none;
    height: 26rem;
  }
  .ftx-card-method__body__text {
    min-height: 3rem;
  }
  .ftx-card-method__footer {
    margin-bottom: 0;
    margin-top: auto;
  }
}


/* Highlights banner */
.ftx-highlight-banner {
  width: 100%;
  background-color: #e9eced;
  padding: 16px 0;
  border-radius: 8px;
}

/* Cashback table */
.ftx-how-is-cashback-computed__table-container {
  display: block;
  background-color: #E9EDED;
  border-radius: 10px;
  position: relative;
  z-index: 6;
}
.ftx-how-is-cashback-computed__table--axis-x {
  position: absolute;
  top: 15px;
  left: 40%;
}
@media (min-width: 768px) {
  .ftx-how-is-cashback-computed__table--axis-x {
    top: 25px;
  }
}
@media (min-width: 1024px) {
  .ftx-how-is-cashback-computed__table--axis-x {
    left: 42%;
  }
}
.ftx-how-is-cashback-computed__table--axis-y {
  position: absolute;
  top: 50%;
  left: -93%;
  right: 0;
  transform: rotate(270deg);
}
@media (min-width: 768px) {
  .ftx-how-is-cashback-computed__table--axis-y {
    left: -80px;
    right: inherit;
  }
}

.ftx-cashback-ranges-table {
  overflow-x: auto;
}
.ftx-cashback-ranges-table__scrollable-table {
  overflow-x: scroll;
  position: relative;
}
.ftx-cashback-ranges-table table {
  border-collapse: separate;
  border-spacing: 0;
  border: none;
  width: 100%;
}
.ftx-cashback-ranges-table table th:not(.start) {
  position: sticky;
  position: -webkit-sticky;
  left: 0;
  top: auto;
  background: #F1F3F3;
}
.ftx-cashback-ranges-table table td, .ftx-cashback-ranges-table table th {
  height: 43px;
  padding: 4px !important;
  border-radius: 10px;
  border: 4px solid #E9EDED;
  background-color: var(--ftx-white, #FFFFFF);
  box-sizing: content-box;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: var(--ftx-dark-blue);
}
.ftx-cashback-ranges-table table th.start {
  background-color: transparent;
}
.ftx-cashback-ranges-table__arrow {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #1AABDB;
  position: absolute;
  right: 0;
  left: 92%;
  top: 50%;
  transition: all 1s ease;
  -webkit-box-shadow: -5px 0px 12px 0px rgba(252,247,252,1);
  -moz-box-shadow: -5px 0px 12px 0px rgba(252,247,252,1);
  box-shadow: -5px 0px 12px 0px rgba(252,247,252,1);
}
.ftx-cashback-ranges-table__arrow.scroll {
  left: 35%;
  right: 100%;
  transition: all 1s ease;
  -webkit-box-shadow: -10px 0px 9px -6px rgba(252,247,252,1);
  -moz-box-shadow: -10px 0px 9px -6px rgba(252,247,252,1);
  box-shadow: -10px 0px 9px -6px rgba(252,247,252,1);
  transform: rotate(180deg) translate(100%, 0);
}
.ftx-cashback-ranges-table__heading {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.563rem;
  min-width: 75px;
  max-width: 100%;
  width: 100px;
  background: #DDE3E4 !important;
  border: 4px solid #E9EDED !important;
  text-transform: uppercase;
}
.ftx-cashback-ranges-table__news {
  background: radial-gradient(194.1% 188.29% at 100% 128.33%, #442C85 3.51%, #315CA5 16.15%, #226BA6 25.91%, #1D7EB6 37.59%, #1C8EC3 52.95%, #1B9ED0 61.22%, #1AABDB 74.83%, #3CB8E5 85.93%, #5CC5EF 99.48%);
}
.ftx-cashback-ranges-table__news div {
  height: 100%;
  gap: 9px;
}
.ftx-cashback-ranges-table__news span {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ftx-cashback-ranges-table__cell {
  font-weight: 500;
}
.ftx-cashback-ranges-table__cell--blue-bg {
  background-image: linear-gradient(108deg, rgba(113,233,149,1), rgba(68,214,159,1));
}
.ftx-cashback-ranges-table__cell--cyan-bg {
  background-image: linear-gradient(108deg, rgba(113,233,149,0.75), rgba(68,214,159,0.75));
}
.ftx-cashback-ranges-table__cell--green-bg {
  background-image: linear-gradient(108deg, rgba(113,233,149,0.5), rgba(68,214,159,0.5));
}
.ftx-cashback-ranges-table__cell--yellow-bg {
  background-image: linear-gradient(108deg, rgba(113,233,149,0.25), rgba(68,214,159,0.25));
}
.ftx-cashback-ranges-table__cell--orange-bg {
  background-image: linear-gradient(108deg, rgba(113,233,149,0.2), rgba(68,214,159,0.2));
}
.ftx-cashback-ranges-table__cell--red-bg {
  background-image: linear-gradient(108deg, rgba(113,233,149,0.15), rgba(68,214,159,0.15));
}
.ftx-cashback-ranges-table__cell--pink-bg {
  background-image: linear-gradient(108deg, rgba(113,233,149,0.1), rgba(68,214,159,0.1));
}
.ftx-cashback-ranges-table__cell--purple-bg {
  background-image: linear-gradient(108deg, rgba(113,233,149,0.05), rgba(68,214,159,0.05));
}
.ftx-cashback-ranges-table__cell--white-bg {
  background-image: var(--ftx-white);
}
.ftx-cashback-ranges-table__cell--blue-border {
  display: inline-block;
  height: 43px;
  width: calc(100% - 20px);
  border-radius: 3px!important;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #FFF!important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  border: 5px solid #FFF!important;
}
.ftx-cashback-ranges-table table .ftx-cashback-ranges-table__note {
  background: radial-gradient(194.1% 188.29% at 100% 128.33%, #442C85 3.51%, #315CA5 16.15%, #226BA6 25.91%, #1D7EB6 37.59%, #1C8EC3 52.95%, #1B9ED0 61.22%, #1AABDB 74.83%, #3CB8E5 85.93%, #5CC5EF 99.48%);
  color: var(--ftx-white);
}
@media (min-width: 1024px) {
  .ftx-cashback-ranges-table {
    overflow-x: hidden;
  }
  .ftx-cashback-ranges-table__scrollable-table {
    overflow-x: hidden;
  }
}

/* Completion Form */
.ftx-completion-form {
  width: 100%;
  margin: auto;
  padding: 6px;
  background: var(--ftx-bg-5);
  box-shadow: 10px 10px 30px rgba(165, 189, 197, 0.4);
  border-radius: 16px;
}
.ftx-completion-form__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px 25px;
  background: var(--ftx-bg-5);
  box-shadow: inset -1px -1px 1px rgba(255, 255, 255, 0.7),
    inset 1.5px 1.5px 1px rgba(174, 174, 192, 0.2);
  border-radius: 12px;
}

/* Additional data - how it works */
.ftx-additional-data-howitworks {
  position: relative;
}
.ftx-additional-data-howitworks__header {
  display: flex;
  align-items: center;
}
.ftx-additional-data-howitworks__header__title {
  margin-left: 0px;
}
.ftx-additional-data-howitworks__box {
  background: #eaeded;
  border-radius: 8px;
  position: relative;
}
.ftx-additional-data-howitworks__body {
  margin-top: 16px;
}
.ftx-additional-data-howitworks__body__text {
  height: 65px;
}
.ftx-additional-data-howitworks__footer {
  margin-top: 18px;
}
.ftx-additional-data-howitworks__row {
  margin-top: 35px;
}
.ftx-additional-data-howitworks__body .div-img {
  width: 40px;
  height: 40px;
}

/* Stepper */
.ftx-stepper {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: auto;
  right: 10px;
}
.ftx-stepper__item {
  position: relative;
  order: 1;
  width: 85px;
  height: auto;
}
.ftx-stepper__item:last-of-type {
  width: 0;
}
.ftx-stepper__item::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 18px;
  height: 3px;
  width: 85px;
  background-color: #A0A0A0;
}
.ftx-stepper__item:last-child::before {
  display: none;
}
.ftx-stepper__item::after {
  display: grid;
  place-items: center;
  font-size: 14px;
  line-height: 16.45px;
  font-weight: 600;
  color: var(--mvy-navy-blue, #002937);
  content: counter(list-item) '/' attr(data-total);
  position: absolute;
  top: 4px;
  left: 0;
  width: 30px;
  height: 30px;
  background: var(--ftx-white, #FFFFFF);
  z-index: 1;
  border: 2px solid var(--mvy-light-blue, #0072CE);
  border-radius: 50%;
  cursor: pointer;
}
.ftx-stepper__content {
  display: none;
}
.ftx-stepper__content p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #A0A0A0;
  user-select: none;
}
.ftx-stepper__item.ftx-stepper__item--current::after {
  height: 36px;
  width: 36px;
  background-color: var(--ftx-white, #FFFFFF);
  border: 4px solid var(--mvy-light-blue, #0072CE);
  box-sizing: content-box;
  top: -2.5px;
  background-origin: border-box;
  background-clip: content-box;
}
.ftx-stepper__item.ftx-stepper__item--current .ftx-stepper__content .ftx-stepper__item-title {
  color: var(--mvy-light-blue, #0072CE) !important;
}
.ftx-stepper__item.ftx-stepper__item--current .ftx-stepper__content .ftx-stepper__item-description {
  color: var(--mvy-navy-blue, #002937) !important;
}
.ftx-stepper__item.ftx-stepper__item--current .ftx-stepper__content img {
  opacity: 1;
}
.ftx-stepper__item.ftx-stepper__item--done::before {
  background-color: #A0A0A0 !important;
  opacity: 1;
}
.ftx-stepper__item.ftx-stepper__item--done::after {
  background: #cdd4d7 !important;
  border: 4px solid #cdd4d7 !important;
  outline: 2px solid #cdd4d7 !important;
  content: '';
}
.ftx-stepper__item.ftx-stepper__item--done .ftx-stepper__content {
  opacity: 0.6;
  cursor: pointer;
}
.ftx-stepper__item.ftx-stepper__item--done .ftx-stepper__content .ftx-stepper__item-title, .ftx-stepper__item.ftx-stepper__item--done .ftx-stepper__content .ftx-stepper__item-description {
  color: rgba(0, 41, 55, 0.50) !important;
}
@media only screen and (min-width: 1024px) {
  .ftx-stepper {
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 1px;
    padding-left: 1px;
    right: 0;
  }
  .ftx-stepper__item {
    padding-left: 24px;
    padding-top: 0.125rem;
    height: 100px;
    width: 100%;
  }
  .ftx-stepper__item:last-of-type {
    width: auto;
  }
  .ftx-stepper__item::before {
    left: 6px;
    top: 6px;
    height: 100px;
    width: 2px;
  }
  .ftx-stepper__item::after {
    content: "";
    width: 16px;
    height: 16px;
    background: #A0A0A0;
    border: 8px solid var(--ftx-white);
    outline: 2px solid #A0A0A0;
  }
  .ftx-stepper__content {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    cursor: pointer;
  }
  .ftx-stepper__item.ftx-stepper__item--current::after {
    width: 16px;
    height: 16px;
    background-color: var(--mvy-light-blue, #0072CE);
    outline: 2px solid var(--mvy-light-blue, #0072CE);
    border: 4px solid var(--ftx-white, #FFFFFF);
    cursor: pointer;
    box-sizing: border-box;
    background-clip: border-box;
    background-origin: padding-box;
    top: 4px;
  }
  .ftx-stepper__item.ftx-stepper__item--done::before {
    background-color: var(--mvy-light-blue, #0072CE);
  }
  .ftx-stepper__item.ftx-stepper__item--done::after {
    background: var(--ftx-white, #FFFFFF);
    outline: 2px solid var(--mvy-light-blue, #0072CE);
  }
}

/* Steps block */
.ftx-steps-block {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .ftx-steps-block {
    width: auto;
    min-width: 263px;
    min-height: calc(100vh - 144px);
    min-height: calc(100dvh - 144px);
    position: sticky;
    top: 0;
    background-color: var(--ftx-white, #FFFFFF);
  }
}

/* Password edit form */
.ftx-password-edit-form {
  width: 100%;
  background: rgba(0, 41, 55, 0.05);
  border-radius: 8px;
  overflow: hidden;
}
.ftx-password-edit-form__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
}

/* Confirmation Message */
.ftx-confirmation-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 358px;
  height: 100%;
}

/* Cashback request form */
.ftx-cashback-request-form {
  width: 100%;
  margin: auto;
}
.ftx-input input[type="date"], .ftx-input input[type="time"] {
  font-weight: 300;
}
.ftx-input input.is-filled[type="date"], .ftx-input input.is-filled[type="time"] {
  font-weight: 600;
}
.ftx-cashback-request-form .slds-combobox__input.slds-has-focus {
  border: 3px solid var(--ftx-primary-blue);
  border-radius: 10px;
  padding: 13px 21px;
}
.ftx-cashback-request-form .ftx-cashback-request-form__field--arrow-down lightning-combobox[data-id="classe veicolo"] .slds-input__icon {
  display: none;
}
.ftx-cashback-request-form .ftx-cashback-request-form__field--arrow-down lightning-combobox[data-id="classe veicolo"] .slds-combobox__form-element::after {
  display: block;
  content: url(/resource/ftxArrowDown);
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  width: 24px;
  transition: 150ms transform ease-in-out;
}
.ftx-cashback-request-form c-lookup-input-component[data-id="stazione entrata"] .slds-input-has-icon_right .slds-input__icon, .ftx-cashback-request-form c-lookup-input-component[data-id="stazione uscita"] .slds-input-has-icon_right .slds-input__icon {
  right: 18px;
}
.ftx-cashback-request-form .slds-combobox__input.has-custom-error[c-lookupInputComponent_lookupInputComponent] {
  border: none;
}
.ftx-cashback-request-form .ftx-cashback-request-form__field--arrow-down .slds-combobox.slds-is-open .slds-combobox__form-element::after  {
  -webkit-transform: scaleY(-1) translateY(50%);
  transform: scaleY(-1) translateY(50%);
}
.ftx-cashback-request-form__field lightning-datepicker .slds-form-element__control > lightning-button-icon button lightning-primitive-icon, .ftx-onboarding-targa lightning-datepicker .slds-form-element__control > lightning-button-icon button lightning-primitive-icon  {
  display: none;
}
.ftx-cashback-request-form__field lightning-datepicker .slds-form-element__control > lightning-button-icon button::after, .ftx-onboarding-targa lightning-datepicker .slds-form-element__control > lightning-button-icon button::after {
  display: block;
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translateY(-50%);
  content: url(/resource/mvyInterfaceCalendar);
  height: 24px;
  width: 24px;
}
.ftx-cashback-request-form__field lightning-timepicker .slds-combobox__form-element > .slds-input__icon-group > lightning-icon lightning-primitive-icon  {
  display: none;
}
.ftx-cashback-request-form__field lightning-timepicker .slds-combobox__form-element > .slds-input__icon-group > lightning-icon::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  content: url(/resource/mvyInterfaceClock);
  height: 24px;
  width: 24px;
}
.ftx-cashback-request-form__field lightning-datetimepicker .slds-form-element_compound .slds-form-element__row {
  margin-left: 0;
  margin-right: 0;
}
.ftx-cashback-request-form .slds-combobox__input.has-custom-border {
  padding: 16px 14px;
}
.ftx-cashback-request-form .slds-combobox__input-entity-icon {
  display: none !important;
}
[class="slds-input-has-icon_left"] .slds-combobox__input.slds-combobox__input-value {
  padding-left: 0 !important;
}
.ftx-cashback-request-form .ftx-input input {
  padding: 16px 14px;
}
.ftx-cashback-request-form .ftx-input input::placeholder, .ftx-cashback-request-form .slds-combobox__input .slds-truncate {
  color: var(--ftx-medium-grey);
  font-weight: 300;
  font-size: 16px;
}
.ftx-cashback-request-form .ftx-input.ftx-input-has-value .slds-combobox__input .slds-truncate {
  color: var(--ftx-dark-blue);
  font-weight: 600;
}
.ftx-cashback-request-form .ftx-input[data-id="data e ora"] .slds-form-element__group > .slds-form-element__row {
  gap: 2.25rem;
}
.ftx-cashback-request-form .slds-form-element_compound .slds-form-element {
  padding: 0;
}
.ftx-cashback-request-form .slds-dropdown-trigger_click.slds-is-open .slds-dropdown, .ftx-cashback-request-form .slds-dropdown-trigger--click.slds-is-open .slds-dropdown {
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 6px 6px 16px rgba(199, 209, 209, 0.5);
  border-radius: 10px;
}
.ftx-cashback-request-form .ftx-input[data-id="stazione entrata"] .slds-dropdown-trigger_click.slds-is-open .slds-dropdown, .ftx-cashback-request-form .ftx-input[data-id="stazione uscita"] .slds-dropdown-trigger_click.slds-is-open .slds-dropdown {
  height: 272px;
}
.ftx-cashback-request-form .ftx-input[data-id="stazione entrata"] .slds-listbox_vertical .slds-listbox__option_entity , .ftx-cashback-request-form .ftx-input[data-id="stazione uscita"] .slds-listbox_vertical .slds-listbox__option_entity {
  padding: 14px;
  border-bottom: 1px solid #D9D9D9;
}
.ftx-cashback-request-form .ftx-input[data-id="stazione entrata"] .slds-listbox_vertical .slds-listbox__option_entity .slds-media__figure , .ftx-cashback-request-form .ftx-input[data-id="stazione uscita"] .slds-listbox_vertical .slds-listbox__option_entity .slds-media__figure {
  display: none;
}
.ftx-cashback-request-form .ftx-input[data-id="stazione entrata"] .slds-listbox_vertical .slds-listbox__option_entity .slds-media__body , .ftx-cashback-request-form .ftx-input[data-id="stazione uscita"] .slds-listbox_vertical .slds-listbox__option_entity .slds-media__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ftx-cashback-request-form .ftx-input[data-id="stazione entrata"] .slds-listbox_vertical .slds-listbox__option_entity .slds-media__body .slds-listbox__option-text_entity, .ftx-cashback-request-form .ftx-input[data-id="stazione uscita"] .slds-listbox_vertical .slds-listbox__option_entity .slds-media__body .slds-listbox__option-text_entity {
  font-size: 16px;
  line-height: 18.8px;
  font-weight: 400;
  color: var(--ftx-dark-blue);
}
.ftx-cashback-request-form .ftx-input[data-id="stazione entrata"] .slds-listbox_vertical .slds-listbox__option_entity .slds-media__body .slds-listbox__option-meta, .ftx-cashback-request-form .ftx-input[data-id="stazione uscita"] .slds-listbox_vertical .slds-listbox__option_entity .slds-media__body .slds-listbox__option-meta {
  font-size: 14px;
  line-height: 16.45px;
  font-weight: 400;
  color: var(--mvy-light-blue, #0072CE);
}
.ftx-cashback-request-form .ftx-input[data-id="stazione entrata"] .slds-dropdown-trigger_click.slds-is-open .slds-dropdown ul, .ftx-cashback-request-form .ftx-input[data-id="stazione uscita"] .slds-dropdown-trigger_click.slds-is-open .slds-dropdown ul {
  height: 100%;
  max-height: 100%!important;
  scrollbar-width: none;
  overflow-y: scroll;
}
.ftx-cashback-request-form .ftx-input[data-id="stazione entrata"] .slds-dropdown-trigger_click.slds-is-open .slds-dropdown ul::-webkit-scrollbar, .ftx-cashback-request-form .ftx-input[data-id="stazione uscita"] .slds-dropdown-trigger_click.slds-is-open .slds-dropdown ul::-webkit-scrollbar {
  display: none;
}
.ftx-switch-field-targa {
  display: flex;
  flex-wrap: wrap;
}
.ftx-switch-field-targa > div:last-child {
  padding-bottom: 35px;
}
.ftx-switch-field-targa .card-onboarding {
  height: auto;
  display: flex;
  flex-direction: column;
  background-color: var(--ftx-white, #FFFFFF);
  border: 2px solid #E7E7E7;
  border-radius: 8px;
  cursor: pointer;
  padding: 16px;
}
@media only screen and (min-width: 1024px) {
  .ftx-switch-field-targa > div:last-child {
    padding-bottom: 16px;
  }
  .ftx-switch-field-targa .card-onboarding {
    height: 100%;
    min-height: 155px;
    padding: 14px;
  }
}
.ftx-switch-field-targa input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}
.ftx-switch-field-targa input:checked + label {
  background-color: #eaeded;
}
.ftx-card-onboarding__body hr {
  margin-bottom: 8px;
  margin-top: 4px
}
.ftx-card-onboarding__body hr {
  height: 1px;
  border: none;
  background: #bcc6c8;
}

/* Active state heading */
.ftx-active-state-heading {
  padding: 14px 25px;
  background: linear-gradient(167.95deg, rgba(117, 204, 242, 0.04) 0%, rgba(117, 204, 242, 0.24) 100%), #FFFFFF;
  border-radius: 8px;
}

/* Card Contact */
.ftx-card-contact {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--ftx-white, #FFFFFF);
  box-shadow: 0px 5px 16px 0px rgba(5, 118, 223, 0.15);
  border: 2px solid var(--mvy-light-blue, #0072CE);
  border-radius: 8px;
  padding: 20px 16px;
  text-align: center;
  margin: auto;
  max-width: 411px;
  cursor: pointer;
}
a.ftx-card-contact, a.ftx-card-contact:hover {
  text-decoration: none !important;
  color: var(--mvy-navy-blue, #002937) !important;
}
.ftx-card-contact__title {
  border-bottom: 1px solid #cdd4d7;
  padding-bottom: 12px;
  width: 100%;
}
.ftx-card-contact__image {
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .ftx-card-contact {
    height: 228px;
    max-height: 228px;
    max-width: none;
    margin: none;
  }
}


/*
 * Organisms
*/
/* Header menu */
.ftx-header-menu {
  background-color: var(--ftx-white);
  height: calc(100vh - 156px);
  height: calc(100dvh - 156px);
  width: 100vw;
  width: 100dvw;
  position: absolute;
  top: 116px;
  right: 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: 200ms ease-in-out;
  z-index: 1000;
}
@media only screen and (min-width: 600px) {
  .ftx-header-menu {
    height: auto;
    width: calc(100vw - 32px);
    top: 124px;
    right: 16px;
    border-radius: 8px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20);
  }
}
.ftx-header-menu--open {
  opacity: 1;
  visibility: visible;
}
.ftx-header-menu__inner {
  background-color: transparent;
  padding: 4px;
  height: 100%;
}
.ftx-header-menu__list {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ftx-header-menu__list-item--selected::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  background: radial-gradient(185.49% 153.9% at 96.14% 137.14%, #442C85 3.51%, #315CA5 16.15%, #226BA6 25.91%, #1D7EB6 37.59%, #1C8EC3 52.95%, #1B9ED0 61.22%, #1AABDB 74.83%, #3CB8E5 85.93%, #5CC5EF 99.48%);
  border-radius: 16px 0px 0px 16px;
  opacity: 0.6;
}
.ftx-header-menu__list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  height: 48px;
  color: var(--ftx-dark-blue);
  border-radius: 4px;
  padding: 0 16px;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
  width: 100%;
  text-decoration: none !important;
  transition: 250ms ease-in-out;
}
@media only screen and (max-width: 599px) {
  .ftx-header-menu__list > div:last-child .ftx-header-menu__list-item {
    justify-content: center;
    background-color: transparent;
    border-radius: 0;
    filter: none;
  }
  .ftx-header-menu__list > div:last-child {
    margin-top: auto;
    margin-bottom: 2rem;
  }
}
.ftx-header-menu__list-item:hover {
  background-color: hsla(195, 100%, 11%, 0.05);
  text-decoration: none !important;
}
.ftx-header-menu__list-item .ftx-header-menu__list-item-icon {
  position: static;
  transform: none;
  margin-right: 10px;
  height: 24px;
  width: 24px;
}
.ftx-header-menu__list-item-active {
  color: var(--mvy-light-blue, #0072CE);
  font-weight: 600;
}
.ftx-header-menu__list-item-active .ftx-header-menu__list-item-icon {
  filter: invert(27%) sepia(85%) saturate(3690%) hue-rotate(196deg) brightness(89%) contrast(91%);
}
.ftx-header-menu__list-item-active:hover {
  background-color: hsla(195, 100%, 11%, 0.05);
  color: var(--mvy-light-blue, #0072CE);
}
.ftx-header-menu-backdrop {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ftx-header-menu-backdrop--active {
  display: block;
}
@media (min-width: 600px) {
  .ftx-header-menu {
    width: 377px;
    max-width: 377px;
    right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .ftx-header-menu {
    right: 0;
  }
}

/* Side login block */
.ftx-side-login {
  display: flex;
  flex-direction: column;
  height: 160px;
  background: var(--mvy-gradient-blue);
  border-radius: 16px;
  padding: 25px 0;
}
@media (min-width: 1024px) {
  .ftx-side-login {
    padding: 50px 0;
    height: 100%;
  }
}
.ftx-side-login__logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.ftx-side-login__logo img:first-child {
  margin-bottom: 1.5rem;
}
.ftx-side-login__link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-top: auto;
}
.ftx-side-login__link a {
  margin-left: 4px;
}

/* Purse section */
.ftx-purse-section {
  width: 100%;
}
.ftx-purse-section__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* gap: 25px; */
}
@media (min-width: 1024px) {
  .ftx-purse-section__inner {
    flex-direction: row;
    /* gap: 12px; */
  }
}
.ftx-cashback-modal .ftx-modal__content {
  max-width: 584px;
  margin: 0 15px;
  overflow-y: auto;
}

/* Password edit section */
.ftx-password-edit-section {
  min-height: calc(100vh - 144px - 5rem);
  min-height: calc(100dvh - 144px - 5rem);
}
@media screen and (min-width: 600px) {
  .ftx-password-edit-section {
    min-height: calc(100vh - 144px - 9rem);
    min-height: calc(100dvh - 144px - 9rem);
  }
}
.ftx-password-edit-section__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 389px;
  margin: 0 auto;
}
.ftx-send-link-button {
  width: 100%;
}
.ftx-send-link-button-disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}

/* Footer */
.ftx-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--ftx-white);
}
.ftx-footer__top {
  background-image: url(/resource/mvyFooterBg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 0;
}
.ftx-footer__top p {
  max-width: 470px;
  color: var(--mvy-navy-blue, #002937);
}
.ftx-footer__top img {
  height: 53px;
}
.ftx-footer__bottom {
  padding: 40px 0;
}

/*
* Pages
*/
/* Register */
.ftx-register .ftx-registration-form-override .slds-card .slds-button.slds-button_brand {
  margin-top: 16px;
}
.ftx-register .ftx-registration-form {
  width: 100%;
  max-width: 555px;
  margin: auto;
  padding: 6px;
  background: var(--ftx-bg-5);
  box-shadow: 10px 10px 30px rgba(165, 189, 197, 0.4);
  border-radius: 16px;
}
.ftx-register .ftx-registration-form__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px 25px;
  background: var(--ftx-bg-5);
  box-shadow: inset -1px -1px 1px rgba(255, 255, 255, 0.7),
    inset 1.5px 1.5px 1px rgba(174, 174, 192, 0.2);
  border-radius: 12px;
}
.ftx-register .ftx-input input, .ftx-register input[type="text"], .ftx-register input[type="email"], .ftx-register input[type="password"], .ftx-register .ftx-input .slds-combobox__input.slds-input_faux {
  padding: 16px 24px;
}

/* Registration choice */
.ftx-registration-choice-desktop {
  padding-top: 190px;
  min-height: calc(100vh - 144px);
  min-height: calc(100dvh - 144px);
  background: #F5F7F7;
}
.ftx-registration-choice__wrapper {
  margin: 0 auto;
}
@media (min-width: 600px) {
  .ftx-registration-choice__wrapper {
    max-width: 412px;
  }
}
@media (min-width: 1024px) {
  .ftx-registration-choice__wrapper {
    max-width: 312px;
  }
}

/* Password success */
.ftx-password-success-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 100vh;
  min-height: 100svh;
  background: var(--ftx-bg-7);
}
.ftx-password-success-section .ftx-confirmation-message {
  max-width: 475px;
  flex: 1;
}
.ftx-password-success-section .ftx-password-success-back a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  width: 100%;
  border-radius: 10px;
  border: none;
  background: #0072CE;
  color: white;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 600;
  box-shadow: 0px 5px 16px 0px rgba(5, 118, 223, 0.15);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* Profile aside */
.ftx-profile-aside {
  flex-shrink: 0;
  width: 312px;
  height: calc(100vh - 144px);
  height: calc(100dvh - 144px);
  position: sticky;
  top: 20px;
  overflow-y: auto;
  padding-left: 12px;
  padding-top: 32px;
}

@media only screen and (min-width: 600px) {
  .ftx-profile-main {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .ftx-profile-main {
    max-width: calc(100% - 312px)
  }
}

/* Profile Information */
.ftx-profile-information, .ftx-profile-cashback-methods, .ftx-profile-customer-request {
  display: flex;
  flex-direction: column;
  background: transparent;
  height: auto;
  min-height: calc(100vh - 144px);
  min-height: calc(100dvh - 144px);
}
@media (min-width: 1024px) {
  .ftx-profile-information, .ftx-profile-cashback-methods, .ftx-profile-customer-request {
    background: rgba(0, 41, 55, 0.05);
    height: calc(100vh - 144px);
    height: calc(100dvh - 144px);
    overflow-y: auto;
  }
}
.ftx-profile-information--first {
  display: flex;
  flex-direction: column;
}
.delete-profile-icon svg path {
  fill: var(--mvy-light-blue, #0072CE);
}
@media (min-width: 600px) {
  .ftx-profile-information--first {
    flex-direction: row;
  }
}

/* Profile Cashback Methods */
@media (min-width: 1024px) {
  .ftx-profile-cashback-methods .ftx-button {
    max-width: 204px;
  }
}

/* Onboarding Scontrino */
.ftx-onboarding-scontrino-modal .ftx-modal__content {
  max-width: 516px;
  margin: 0 15px;
}
.ftx-onboarding-scontrino .ftx-stepper__content .ftx-stepper__item-description {
  align-self: center;
}
.ftx-onboarding-scontrino .slds-input-has-icon_left-right .slds-input__icon_right {
  right: 18px;
}

/* Onboarding Targa */
.ftx-onboarding-targa .ftx-request-requirements-modal h6 {
  width: fit-content;
}
.ftx-onboarding-targa .ftx-request-requirements-modal .ftx-modal__content {
  max-width: 799px;
  margin: 0 15px;
  padding: 25px;
}
@media (min-width: 1024px) {
  .ftx-onboarding-targa .ftx-request-requirements-modal .ftx-modal__content {
    padding: 48px;
    padding-top: 64px;
  }
}
.ftx-onboarding-targa .ftx-input--arrow-down .slds-combobox__form-element > .slds-input__icon-group lightning-primitive-icon {
  display: none;
}
.ftx-onboarding-targa .ftx-input--arrow-down .slds-combobox__form-element > .slds-input__icon-group lightning-icon::after {
  display: block;
  content: url(/resource/ftxArrowDown);
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-45%);
  height: 24px;
  width: 24px;
  transition: 150ms transform ease-in-out;
}
.ftx-onboarding-targa .ftx-input--arrow-down .slds-is-open .slds-combobox__input.slds-input_faux {
  background: linear-gradient(#fff, #fff) padding-box,
  var(--mvy-light-blue) border-box !important;
  border: 3px solid transparent;
  padding: 13px 11px;
}
.ftx-onboarding-targa .ftx-input--arrow-down .slds-is-open .slds-combobox__form-element > .slds-input__icon-group lightning-icon::after {
  -webkit-transform: scaleY(-1) translateY(50%);
  transform: scaleY(-1) translateY(50%);
}
.ftx-onboarding-targa .slds-dropdown-trigger_click.slds-is-open .slds-dropdown:not(.slds-datepicker) {
  margin-top: 8px;
  padding-top: 0;
  padding-bottom: 0;
  background: linear-gradient(#fff, #fff) padding-box,
  var(--mvy-light-blue) border-box !important;
  border: 3px solid transparent;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 6px 6px 16px rgba(199, 209, 209, 0.5);
  border-radius: 8px;
}
.ftx-onboarding-targa .slds-dropdown-trigger_click .slds-listbox__option {
  padding: 12px 14px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 16px;
  line-height: 18.8px;
  border-bottom: 1px solid #D9D9D9;
}
.ftx-onboarding-targa .slds-dropdown-trigger_click .slds-listbox__option:last-child {
  border-bottom: none;
}
.ftx-onboarding-targa .slds-dropdown-trigger_click .slds-listbox__option .slds-listbox__option-icon {
  margin-right: 8px;
}
.ftx-onboarding-targa-success .ftx-confirmation-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 635px;
  padding: 0 15px;
  height: 100%;
}
.ftx-onboarding-targa .ftx-stepper__content, .ftx-onboarding-obu .ftx-stepper__content {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0 !important;
}
.ftx-onboarding-targa .ftx-stepper__content .ftx-stepper__item-description, .ftx-onboarding-obu .ftx-stepper__content .ftx-stepper__item-description {
  padding-top: 0 !important;
  align-self: center;
}
.ftx-onboarding-targa .ftx-stepper__content .ftx-stepper__item-title, .ftx-onboarding-obu .ftx-stepper__content .ftx-stepper__item-title {
  margin-bottom: 4px;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 600 !important;
  color: #A0A0A0 !important;
  flex-shrink: 0;
  flex-basis: 100%;
  margin-top: 0;
  align-self: flex-start;
}
.ftx-onboarding-targa .ftx-stepper__content img, .ftx-onboarding-obu .ftx-stepper__content img {
  margin-right: 4px;
  flex-shrink: 0;
  height: 16px;
  width: 16px;
  opacity: 0.5;
}
.ftx-onboarding-targa-success {
  min-height: calc(100vh - 144px);
  min-height: calc(100dvh - 144px);
}

/* Onboarding Obu */
.ftx-onboarding-obu .ftx-upload-switch input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}
.ftx-onboarding-obu .ftx-upload-switch input + label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  background-color: transparent;
  border: 2px solid #E7E7E7;
  color: var(--mvy-navy-blue, #002937);
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  padding: 15px;
  transition: all 0.1s ease-in-out;
  overflow: hidden;
  user-select: none;
  height: 52px;
}
.ftx-onboarding-obu .ftx-upload-switch:last-of-type input + label {
  border-radius: 0px 8px 8px 0px;
  border: 2px solid #E7E7E7;
  border-left: 0;
}
.ftx-onboarding-obu .ftx-upload-switch:first-of-type input + label {
  border-radius: 8px 0px 0px 8px;
  border: 2px solid #E7E7E7;
  border-right: 0;
}
.ftx-onboarding-obu .ftx-upload-switch input:checked + label {
  background-color: var(--mvy-light-green, #71E995);
  border: 2px solid var(--mvy-light-green, #71E995);
  box-shadow: 0px 5px 16px 0px rgba(68, 214, 159, 0.20);
}
.ftx-onboarding-obu .ftx-upload-switch label:hover {
	cursor: pointer;
  border-color: #DCE2E4 !important;
  background-color: #DCE2E4 !important;
}
.ftx-onboarding-obu .ftx-upload-switch input:checked + label:hover {
  border-color: #65D78C !important;
  background-color: #65D78C !important;
}
.ftx-onboarding-obu .ftx-input-name, .ftx-onboarding-targa .ftx-input-name {
  padding-left: 0;
}

/* Generic success page */
.ftx-generic-success {
  min-height: calc(100vh - 200px);
  min-height: calc(100dvh - 200px);
}
.ftx-generic-success .ftx-confirmation-message {
  max-width: 490px;
  padding: 0 15px;
  height: 100%;
}

/* Generic error page */
.ftx-generic-error-page {
  height: calc(100vh - 144px);
  height: calc(100dvh - 144px);
}
.ftx-generic-error-page .ftx-confirmation-message {
  max-width: 490px;
  padding: 0 15px;
  height: 100%;
}

/* Contact page */
.ftx-contact-page {
  padding-top: 3rem;
}
@media (min-width: 1024px) {
  .ftx-contact-page {
    min-height: calc(100vh - 144px);
    min-height: calc(100dvh - 144px);
    padding-top: 5.25rem;
  }
}

/*
 * MUOVY CUSTOM STYLES
 * TODO: move to separate file / replace ftx styles while work on website redesign
*/

:root {
  /* Color palette */
  --mvy-navy-blue: #002937;
  --mvy-dark-blue: #003087;
  --mvy-light-blue: #0072CE;
  --mvy-light-green: #71E995;
  --mvy-dark-green: #44D69F;

  --mvy-status-success: #03CD3C;
  --mvy-status-error: #E91717;
  --mvy-status-warning: #FF9E2D;
  --mvy-status-info: #003399;

  --mvy-gradient-blue: linear-gradient(126deg, #0072CE 15.55%, #0054A1 85.22%);
}

/* Colors */
.mvy-color-white {
  color: white;
}

/*
 * Atoms
*/
/* Typography */
.mvy-title-1 {
  font-size: 3.125rem !important;
  font-weight: 850 !important;
  line-height: 3.625rem;
  letter-spacing: -1.5px;
}
.mvy-title-2 {
  font-size: 2.25rem !important;
  font-weight: 600 !important;
  line-height: 2.75rem;
}
.mvy-title-3 {
  font-size: 1.625rem !important;
  font-weight: 700 !important;
  line-height: 1.75rem;
}
.mvy-title-4 {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.625rem;
}
.mvy-subtitle-1 {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  line-height: 1.5rem;
}
.mvy-subtitle-2 {
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.375rem;
}
.mvy-subtitle-3 {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.25rem;
}
.mvy-body-1 {
  font-size: 1.125rem !important;
  font-weight: 400 !important;
  line-height: 1.5rem;
}
.mvy-body-2 {
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.375rem;
}
.mvy-body-3 {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.25rem;
}
.mvy-overline-1 {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.25rem;
  letter-spacing: 0.56px;
  text-transform: uppercase;
}
.mvy-overline-2 {
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  line-height: 1.125rem;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
.mvy-link-1 {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  line-height: 1.5rem;
  text-decoration: underline;
}
.mvy-link-2 {
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.375rem;
  text-decoration: underline !important;
}
.mvy-link-3 {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.25rem;
  text-decoration: underline;
}

/* Buttons */
.mvy-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 56px;
  padding: 16px 24px;
  border-radius: 8px;
  border: none;
  background: var(--mvy-light-green, #71E995);
  color: var(--mvy-navy-blue, #002937);
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0px 5px 16px 0px rgba(68, 214, 159, 0.20);
  margin: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.mvy-button::after {
  position: absolute;
  content: '';
  inset: 0;
  background: transparent;
  opacity: 0;
  transition: 250ms ease-in-out;
  pointer-events: none;
  cursor: inherit;
}
.mvy-button:hover::after, .mvy-button:focus-visible::after {
  background: #002937;
  opacity: 0.1;
  cursor: pointer;
}
.mvy-button:active::after {
  background: #002937;
  opacity: 0.2;
}
.mvy-button:disabled {
  opacity: 0.5;
  box-shadow: none;
  cursor: default;
}
.mvy-button:disabled::after {
  background: transparent;
  opacity: 0;
}
.mvy-button--blue {
  background: var(--mvy-light-blue, #0072CE);
  color: var(--ftx-white, #FFF) !important;
  box-shadow: 0px 5px 16px 0px rgba(5, 118, 223, 0.15);
}
.mvy-button--white {
  background: var(--ftx-white, #FFF);
  color: var(--mvy-navy-blue, #002937) !important;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20);
}
.mvy-button--grey {
  background: #F5F7F7;
  color: var(--mvy-navy-blue, #002937) !important;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20);
}
.mvy-button--ghost {
  background: transparent;
  box-shadow: none;
}
.mvy-button--size-md {
  min-height: 48px;
  padding: 12px 24px;
}
.mvy-button--size-full {
  width: 100%;
}
.mvy-button--pill {
  border-radius: 9999px;
}
.mvy-button--icon {
  padding: 16px;
  border-radius: 9999px;
  box-shadow: none;
  background: transparent;
}

/* Input */
.mvy-text-input {
  width: 100% !important;
  min-height: 58px !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0 0.75rem;
  border-radius: 8px !important;
  border: 1px solid #A0A0A0 !important;
  color: var(--mvy-navy-blue, #1A2A3A) !important;
  background: var(--ftx-white, #FFFFFF) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.375rem !important;
  transition: outline 100ms ease-in-out, box-shadow 100ms ease-in-out, border-color 250ms ease-in-out;
}
.mvy-text-input:placeholder-shown {
  color: #A0A0A0 !important;
}
.mvy-text-input:hover {
  border: 1px solid var(--mvy-light-blue, #0072CE) !important;
}
.mvy-text-input:focus-visible {
  outline: 5px solid var(--mvy-dark-green, #44D69F) !important;
  box-shadow: 0 !important;
}
.mvy-text-input:disabled,
.mvy-text-input[disabled] {
  background-color: #E7E7E7 !important;
  border: 0 !important;
}
.mvy-text-input[readonly] {
  background-color: transparent !important;
  border: 0 !important;
  cursor: default;
}
.mvy-text-input--error {
  border: 1px solid var(--mvy-status-error, #E91717) !important;
}
.mvy-text-input--error:hover {
  border: 1px solid var(--mvy-status-error, #E91717) !important;
}
.mvy-text-input[readonly]:focus-visible, .mvy-text-input--error:focus-visible {
  outline: 0 !important;
  box-shadow: 0 !important;
}

/* Select */

/* Checkbox */
/* Component structure:
  <div class="mvy-checkbox-field">
      <label for="tt">
          <input type="checkbox" name="tt" id="tt" disabled checked>
          <div class="mvy-checkbox-field__label">
              <span class="mvy-subtitle-1">Opzione</span>
              <span class="mvy-body-2">Descrizione</span>
          </div>
      </label>
  </div>
*/
.mvy-checkbox-field {
  color: var(--mvy-navy-blue, #002937);
}
.mvy-checkbox-field + .mvy-checkbox-field {
  margin-top: 1em;
}
.mvy-checkbox-field label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.mvy-checkbox-field input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--ftx-white, #FFF);
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 24px;
  height: 24px;
  border: 2px solid var(--mvy-navy-blue, #002937);
  border-radius: 8px;
  display: grid;
  place-content: center;
  cursor: pointer;
  transition: 150ms background-color ease-in-out, 150ms background-color ease-in-out;
}
.mvy-checkbox-field input[type="checkbox"]::before {
  content: "";
  width: 11px;
  height: 6px;
  border-left: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg) translate(1px, -1px) scale(0);
  transform-origin: center center;
  transition: 150ms transform ease-in-out;
}
.mvy-checkbox-field input[type="checkbox"]:checked {
  background-color: var(--mvy-light-green, #71E995);
  transition: 150ms background-color ease-in-out;
}
.mvy-checkbox-field input[type="checkbox"]:checked::before {
  transform: rotate(-45deg) translate(1px, -1px) scale(1);
  transition: 150ms transform ease-in-out;
}
.mvy-checkbox-field input[type="checkbox"]:hover {
  background-color: hsla(195, 100%, 11%, 0.1);
  transition: 150ms background-color ease-in-out;
}
.mvy-checkbox-field input[type="checkbox"]:checked:hover {
  background-color: #65D78C;
  transition: 150ms background-color ease-in-out;
}
.mvy-checkbox-field input[type="checkbox"]:active {
  background-color: hsla(195, 100%, 11%, 0.2);
  transition: 150ms background-color ease-in-out;
}
.mvy-checkbox-field input[type="checkbox"]:active:hover {
  background-color: #5AC382;
  transition: 150ms background-color ease-in-out;
}
.mvy-checkbox-field input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--mvy-light-blue, #0072CE);
  outline-offset: 2px;
}
.mvy-checkbox-field input[type="checkbox"]:disabled {
  background-color: #A0A0A0;
  border: 0;
  cursor: not-allowed;
}
.mvy-checkbox-field input[type="checkbox"]:disabled::before {
  border-color: #E7E7E7;
}
.mvy-checkbox-field input[type="checkbox"]:disabled:hover {
  background-color: #A0A0A0;
}
.mvy-checkbox-field__label {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

/*
 * Organisms
*/
/* MvyForm */
.mvy-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 1rem;
  margin-bottom: 1rem;
}

.mvy-form-label {
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--mvy-navy-blue);
  letter-spacing: 0.48px;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  margin-bottom: 0.5rem;
  padding-left: 0.75rem;
}