@font-face {
  font-family: 'Roc Grotesk';
  src: url(/resource/custom_fonts_kostic/rocgrotesk-regular.otf);
  font-weight: 400;
}

@font-face {
  font-family: 'Biosans';
  src: url(/resource/custom_fonts/BioSans-Regular.otf);
  font-weight: 400;
}

:root {
  --marian-blue: #114289;
  --light-green: #ADFF92;
  --green: #248A3D;
  --pastel-green: #6BF288;
  --dark-cyan: #058E8E;
  --basic-text: #111111;
  --light-gray: #EEEEEE;
  --dark-gray: #D8D8D8;
  --warning-yellow: #F4B800;
  --red: #DD3434;
  --dark-red: #c93131;
  --dark-gray: #d9d9d9;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, dl, fieldset{
  margin: 0;
  padding: 0;
}

body,
p,
ul,
li,
input,
textarea,
label,
span {
  font-family: 'Biosans', sans-serif!important;
  font-weight: 400;
  color: var(--basic-text);
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Roc Grotesk', sans-serif!important;
  font-weight: 400;
  color: var(--basic-text);
}

.font-rocgrotesk {
  font-family: 'Roc Grotesk', sans-serif!important;
  font-weight: 400;
}

.font-biosans {
  font-family: 'Biosans', sans-serif!important;
}

.fs-12px {
  font-size: 12px!important;
}

.fs-14px {
  font-size: 14px!important;
}

.fs-16px {
  font-size: 16px!important;
}

.fs-18px {
  font-size: 18px!important;
  line-height: 23.4px!important;
}

.fs-22px {
  font-size: 22px!important;
  line-height: 26px!important;
}

.fs-32px {
  font-size: 32px!important;
  line-height: 41.6px!important;
}

.bg-red {
  background-color: var(--red);
}

.bg-green {
  background-color: var(--green);
}

.c-red {
  color: var(--red);
}

.c-green {
  color: var(--green);
}

.c-marian-blue {
  color: var(--marian-blue);
}

.no-underline {
  text-decoration: none;
}
.no-underline:hover {
  text-decoration: none;
}

.spinner-border.text-primary {
  color: var(--marian-blue);
}

.comm-page-login-home .salesforceIdentityLoginBody2,
.comm-page-forgot-password .salesforceIdentityLoginBody2,
.comm-page-custom-forgotpasswordsuccess .siteforceStarterBody,
.comm-page-custom-changepasswordsuccess .siteforceStarterBody,
.comm-page-self-register .salesforceIdentityLoginBody2,
.comm-page-custom-successregistration .siteforceStarterBody,
.comm-page-custom-onboardingtarga .siteforceStarterBody,
.comm-page-custom-success-page-nexi .siteforceStarterBody, 
.comm-page-custom-confirm-email .siteforceStarterBody {
  background: url(/resource/img_onboard_bg)!important;
  background-size: cover!important;
}

.onboarding-background {
  background: url(/resource/img_onboard_bg)!important;
  background-size: cover!important;
}

.modal-icon {
  width: 40px;
  height: 40px;
}

.mail-icon {
  background: url(/resource/modal_icons/mail-icon.svg)!important;
}

.alert-mail-icon {
  background: url(/resource/modal_icons/alert-mail-icon.svg)!important;
}

.support-icon {
  background: url(/resource/modal_icons/support-icon.svg)!important;
}

.alert-exclamation-mark-icon {
  background: url(/resource/modal_icons/info-exclamation-mark-icon.svg)!important;
}

.exclamation-plate-icon {
  background: url(/resource/modal_icons/exclamation-plate-icon.svg)!important;
}

.phone-icon {
  background: url(/resource/modal_icons/phone-icon.svg)!important;
}

.alert-phone-icon {
  background: url(/resource/modal_icons/alert-phone-icon.svg)!important;
}

.info-plate-icon {
  background: url(/resource/modal_icons/info-plate-icon.svg)!important;
}
.info-change-plate-icon {
  background: url(/resource/modal_icons/info-change-plate-icon.svg)!important;
}

.info-change-phone-icon {
  background: url(/resource/modal_icons/info-change-phone-icon.svg)!important;
}

.info-question-mark-icon {
  background: url(/resource/modal_icons/info-question-mark-icon.svg)!important;
}

.info-wallet-icon {
  background: url(/resource/modal_icons/info-wallet-icon.svg)!important;
}

.alert-plate-icon {
  background: url(/resource/modal_icons/alert-plate-icon.svg)!important;
}

.alert-account-icon {
  background: url(/resource/modal_icons/alert-account-icon.svg)!important;
}

.warning-exclamation-mark-icon {
  background: url(/resource/modal_icons/warning-exclamation-mark-icon.svg)!important;
}

.credit-card-icon {
  background: url(/resource/modal_icons/credit-card.svg)!important;
}

.credit-card-alert-icon {
  background: url(/resource/modal_icons/credit-card-alert-icon.svg)!important;
}

.fattura-alert-icon {
  background: url(/resource/modal_icons/fattura-alert-icon.svg)!important;
}

.fattura-icon {
  background: url(/resource/modal_icons/fattura-icon.svg)!important;
}

.informativa-icon {
  width: 64px;
  height: 64px;
}
.informativa-faq-icon {background: url(/resource/informative_icons/informative_icons/faq.svg)!important; background-repeat: no-repeat !important;}
.informativa-check-transit-icon {background: url(/resource/informative_icons/informative_icons/check-transit.svg)!important; background-repeat: no-repeat !important;}
.informativa-green-camper-icon {background: url(/resource/informative_icons/informative_icons/green-camper.svg)!important; background-repeat: no-repeat !important;}
.informativa-green-car-icon {background: url(/resource/informative_icons/informative_icons/green-car.svg)!important; background-repeat: no-repeat !important;}
.informativa-green-old-car-icon {background: url(/resource/informative_icons/informative_icons/green-old-car.svg)!important; background-repeat: no-repeat !important;}
.informativa-green-taxi-icon {background: url(/resource/informative_icons/informative_icons/green-taxi.svg)!important; background-repeat: no-repeat !important;}
.informativa-green-truck-icon {background: url(/resource/informative_icons/informative_icons/green-truck.svg)!important; background-repeat: no-repeat !important;}
.informativa-map-icon {background: url(/resource/informative_icons/informative_icons/map.svg)!important; background-repeat: no-repeat !important;}
.informativa-no-smartphone-icon {background: url(/resource/informative_icons/informative_icons/no-smartphone.svg)!important; background-repeat: no-repeat !important;}
.informativa-yellow-road-icon {background: url(/resource/informative_icons/informative_icons/yellow-road.svg)!important; background-repeat: no-repeat !important;}
.informativa-red-foreign-plate-icon {background: url(/resource/informative_icons/informative_icons/red-foreign-plate.svg)!important; background-repeat: no-repeat !important;}
.informativa-red-moto-icon {background: url(/resource/informative_icons/informative_icons/red-moto.svg)!important; background-repeat: no-repeat !important;}
.informativa-red-scooter-icon {background: url(/resource/informative_icons/informative_icons/red-scooter.svg)!important; background-repeat: no-repeat !important;}
.informativa-red-truck-icon {background: url(/resource/informative_icons/informative_icons/red-truck.svg)!important; background-repeat: no-repeat !important;}
.informativa-red-work-vehicle-icon {background: url(/resource/informative_icons/informative_icons/red-work-vehicle.svg)!important; background-repeat: no-repeat !important;}

.salesforceIdentityLoginBody2 .cCenterPanel {
  margin: 0!important;
  width: 100%!important;
  max-width: unset!important;
  min-width: unset!important;
}

.salesforceIdentityLoginBody2 .cCenterPanel:before {
  content: none!important;
}

.salesforceIdentityLoginBody2 .cCenterPanel .comm-layout-column,
.salesforceIdentityLoginBody2 .cCenterPanel .ui-widget {
  padding: 0!important;
}

.siteforceStarterBody .cCenterPanel {
  margin: 0!important;
  padding: 0!important;
  max-width: 100%!important;
}

.siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea,
.siteforceStarterBody .cCenterPanel .siteforceDynamicLayout.siteforceContentArea {
  height: 100vh;
  padding-top: 0 !important;
}

.siteforceStarterBody .cCenterPanel .comm-layout-column {
  padding: 0!important;
}

.siteforceStarterBody .cCenterPanel .ui-widget {
  margin-bottom: 0!important;
}

.login-form__form-container {
   width: 358px !important;
   max-width: 358px !important;
}

.slds-carousel__panels {
   padding-bottom: 111px;  
}

.login-form__onboarding .autostrade {
  margin-top: 40px;
}

.login-form__onboarding .carousel-item {
  height: 580px;
}

/*Carousel*/
.login-form__onboarding .carousel-fade-item.active {
  display: unset;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

.login-form__onboarding .carousel-fade-item {
  display: unset;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.login-form__onboarding .carousel-item h2 {
  padding: 0 60px;
  margin-top: 40px;
  font-size: 22px;
  line-height: 28px;
  color: var(--marian-blue);
}

.login-form__onboarding .carousel-item p {
  padding: 0 60px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 23px;
  color: #111111;
}

.login-form__onboarding img {
  max-width: 390px;
  height: auto;
  margin: 0 auto;
}

.login-form__onboarding .carousel-indicators {
  position: unset;
}

.login-form__onboarding .carousel-indicators button {
  background-color: var(--marian-blue);
  width: 16px;
  height: 8px;
  border-radius: 4px;
  border: none;
}
  
.login-form__input input {
  background-color: lightgray;
  border-radius: 0;
  padding: 6px 12px;
  color: black;
  margin-bottom: 12px;
}

.login-form__input label {
  display: none;
}

.sign-in-cta button {
  width: 100%;
  background-color: black!important;
  color: white!important;
  border-radius: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

.login-form__onboarding .slds-box.slds-box_x-small.slds-text-align_center.slds-m-around_x-small {
border: none;
}

.plate-form__input-panel input {
background-color: #d9d9d9;
border-radius: 0;
padding: 6px 12px;
color: black;
}

.plate-form__input-panel .plate-form__input label {
visibility: hidden;
}

.plate-form__button button {
width: 100%;
background-color: black!important;
color: white!important;
border: none;
border-radius: 0;
padding: 7px 12px;
display: block;
height: auto;
}

.register-form__input-panel .slds-combobox__input.slds-input_faux.slds-combobox__input-value {
background-color: #d9d9d9;
border: none;
border-radius: 0;
padding: 7px 12px;
}

.register-form__input-panel[c-hctSelfRegister_hctSelfRegister] > div[c-hctSelfRegister_hctSelfRegister].loading-spinner-wrapper  {
  min-width: unset !important;
}

.plate-form__modal section >div {
background: #F8F8F8!important;
top: 50%!important;
left: 50%!important;
transform: none;
padding: 2em 1em;
max-width: 358px;
width: 90%;
}

.plate-form__modal h3 {
font-size: 22px;
text-align: center;
}

.plate-form__modal .custom-modal__buttons-wrapper {
display: flex!important;
flex-flow: column nowrap;
}

.plate-form__modal .custom-modal__previous-button,
.plate-form__modal .custom-modal__next-button {
margin: 0!important;
display: block!important;
}

.plate-form__modal .custom-modal__next-button button {
color: white!important;
background-color: black!important;
width: 100%;
border: none;
border-radius: 0;
padding: 10px 12px;
display: block;
height: auto;
margin-bottom: 0.6em;
}

.plate-form__modal .custom-modal__previous-button button {
display: block;
color: black!important;
background-color: white!important;
border: none;
border-radius: 0;
padding: 10px 12px;
width: 100%;
height: auto;
margin-bottom: 0.6em;
}

.plate-form__modal .custom-modal__buttons-wrapper {
margin-top: 40px!important;
}

.plate-form__modal.custom-modal__input-label.disabled {
  font-size: 12px;
  position: absolute;
  left: 12%;
}

.g-onboard__bg-dark-cyan {
  border-radius: 8px;
  background: #E6F4F4;
}

.g-onboard__left-panel .support-button {
  background: unset;
  background-color: var(--marian-blue)!important;
}

.primary-button,
input.btn {
  font-family: 'Roc Grotesk', sans-serif;
  font-weight: 400;
  width: 100%;
  background: unset;
  background-color: var(--marian-blue)!important;
  color: white!important;
  border: none;
  border-radius: 8px!important;
  padding: 8px 12px!important;
  display: block!important;
  height: 48px;
  line-height: 32px;
  font-size: 18px!important;
}

.primary-button-on-comp button {
  font-family: 'Roc Grotesk', sans-serif;
  font-weight: 400;
  width: 100%;
  background-color: var(--marian-blue)!important;
  color: white!important;
  border: none;
  border-radius: 8px;
  padding: 0.4em 0.6em;
  font-size: 18px!important;
}

.primary-button-on-comp input {
  font-family: 'Roc Grotesk', sans-serif!important;
  font-weight: 400;
  width: 100%;
  background: none!important;
  background-color: var(--marian-blue)!important;
  color: white!important;
  border: none!important;
  border-radius: 8px!important;
  padding: 0.4em 0.6em!important;
  font-size: 18px!important;
}

.primary-button:disabled,
.primary-button-on-comp button:disabled,
.secondary-button:disabled {
  opacity: .4;
}

.secondary-button {
  font-family: 'Roc Grotesk', sans-serif;
  font-weight: 400;
  width: 100%;
  background-color: var(--light-green)!important;
  color: var(--basic-text)!important;
  border: none;
  border-radius: 8px!important;
  padding: 8px 12px!important;
  display: block!important;
  height: 48px;
  line-height: 32px;
  font-size: 18px!important;
}

a.secondary-button {
  padding: 10px 12px!important;
}

.secondary-button:hover {
  text-decoration: none;
}

.secondary-button-on-comp button {
  font-family: 'Roc Grotesk', sans-serif;
  font-weight: 400;
  width: 100%;
  background-color: var(--light-green)!important;
  color: var(--basic-text)!important;
  border: none;
  border-radius: 8px;
  padding: 0.4em 0.6em;
  font-size: 18px!important;

}

.support-button {
  font-size: 18px;
  background-color: transparent!important;
  color: white!important;
}

.support-button-wrapper {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.info-button-wrapper {
  opacity: 0.7;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.support-button .span-text {
  color: white;
}

.double-button__secondary {
  display: inline-block!important;
  border: none;
  background-color: transparent;
  padding: 4px;
  margin-right: 16px;
  border-radius: 8px;
  
}

.double-button__primary.primary-button {
  height: 48px;
}

.plate-btn svg{
  fill: var(--dark-cyan);
  margin-top: 7px;
}

.tab-button {
    font-weight: 400;
    width: 100%;
    background-color: var(--marian-blue) !important;
    color: white !important;
    border: none;
    border-radius: 50px;
    padding: 0.4em 0.6em;
    font-size: 18px !important;
}

@media screen and (max-width: 991px) {
  .view-on-app .hide-element-on-app {
    display: none!important;
  }
}

.sidebar__main-link a div {
display: flex;
flex-flow: row nowrap;
align-items: center;
}

.sidebar__main-link a img {
width: 40px;
height: auto;
margin-right: 0.6em;
}

.sidebar__main-link a {
opacity: 0.4;
color: #d2d2d2!important;
text-decoration: none!important;
display: inline-block;
cursor: pointer;
} 

.cursor-pointer {
  cursor: pointer;
}

@media screen and (min-width:992px) {
  .sidebar__main-link .menu-active, .menu-active, .menu-active:hover {
    opacity: 1;
    color: black!important;
    text-decoration: none;
    padding-left: 1em;
    margin: 0;
    border-left: 2px solid var(--pastel-green);
  }
}

@media screen and (max-width:991px) {
  .sidebar__main-link a {
    width: 100%;
    border-top: 2px solid transparent;
    text-align: center;
  }
  .sidebar__main-link a div {
    flex-flow: column nowrap;
    justify-content: center;
  }

  .sidebar__main-link a img {
    margin: 0;
    background-color: transparent;
  }

  .sidebar__main-link .menu-active {
    opacity: 1;
    margin-left: 0;
    border-top: 2px solid var(--light-green)
  }

  .sidebar__main-link > c-hct-navigation-item {
    width: 100%;
  }

  .sidebar__main-link a span {
    color: white!important;
    font-size: 14px!important;
    line-height: 12px;
  }
}

.account-section-logo {
  margin-top: 50%;
}
@media screen and (max-width: 767px) {
  .account-section-logo {
    margin-top: 20%;
  }
}

.account-section__menu-box a div {
display: flex;
flex-flow: row nowrap;
align-items: center;
width: 100%;
}

.account-section__menu-box a img {
max-width: 40px;
margin-right: 0.6em;
}

.account-section__menu-box a {
  padding: 0.6em;
  display: inline-block;
  border-top: none;
  border-bottom: 1px solid var(--light-gray);
  width: 100%;
  }
  
  .account-section__menu-box a > div:after {
  content: none;
  background: url(/resource/img_arrow/arrow_1.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 16px;
  }

.sidebar__prev-button a div {
display: flex;
flex-flow: row nowrap;
align-items: center;
}

.sidebar__prev-button a img {
max-width: 40px;
height: auto;
margin-right: 0.6em;
}

.dati-personali__page-wrapper .sidebar__main-link .sidebar__main-link-spacer {
display: none;
}

.sidebar__prev-button-svg svg {
max-width: 36px;
height: auto;
margin-bottom: 0.4em;
}

.dati-personali__page-wrapper .sidebar__main-link a img {
display: block;
}

.dati-personali__page-wrapper .sidebar__main-link a>div:before {
content: none;
display: inline-block;
width: 40px;
height: 40px;
background: url(/resource/image_placeholder/login_placeholder.png);
background-size: cover;
margin-right: 0.6em;
}

.dati-personali__page-wrapper .sidebar__main-link .menu-active {
margin-left: 0;
}

.left-menu .menu-active {
  border: none;
  padding-left: 0;
}

.dati-personali__page-wrapper .sidebar__main-link {
margin-bottom: 34px;
}

@media screen and (max-width: 991px) {
.dati-personali__page-wrapper .sidebar__main-link a {
    padding-top: 0.5em;
    text-align: center;
}

.dati-personali__page-wrapper .sidebar__main-links-wrapper {
  padding-bottom: 0;
}

.dati-personali__page-wrapper .sidebar__main-links-wrapper {
  display: none;
}

.sidebar__prev-button c-hct-navigation-item,
.sidebar__prev-button .sidebar__main-link-spacer {
  display: none;
}

.dati-personali__page-wrapper .sidebar__secondary-links-wrapper {
  display: none!important;
}

.dati-personali__page-wrapper aside {
  width: 36px;
}

.dati-personali__page-wrapper .sidebar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.sidebar {
  background-color: #FFFFFF;
}

.dati-mobile-header {
  width: calc(100% - 66px);
  text-align: center;
  font-weight: bold;
  margin-bottom: 0;
}

.dati-personali__page-wrapper .content {
  padding-bottom: 2em;
}
}

.dati-personali__input input {
font-size: 18px!important;
background-color: transparent;
padding: 0;
border: none;
}

.dati-personali__input label {
margin-bottom: 0!important;
}

.dati-personali__menu-items c-hct-navigation-item a div {
display: flex;
flex-flow: row nowrap;
align-items: center;
}

.dati-personali__menu-items c-hct-navigation-item a img {
max-width: 40px;
height: auto;
margin-right: 0.4em;
}

.dati-personali__menu-items c-hct-menu >div {
margin-bottom: 0.5em;
padding: 0.5em 0 1em;
border-bottom: 1px solid var(--light-gray);
position: relative;
}

.dati-personali__menu-items c-hct-menu >div:last-child {
border-bottom: none;
}

.dati-personali__menu-items c-hct-menu >div:after {
  content: none;
  background: url(/resource/img_arrow/arrow_1.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 12px;
  position: absolute;
  right: 20px;
  top: 23px;
  }

.basic-input,
.basic-input-on-comp input {
background-color: #D9D9D9;
color: black;
border-radius: 0;
padding: 0.4em 0.6em;
font-size: 16px;
}

.basic-input-on-comp label {
visibility: hidden;
}

.icon-input-wrapper {
  border-radius: 8px;
  position: relative;
  min-height: 40px;
}

.icon-input-wrapper svg, .icon-input-wrapper img {
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 1;
}

.icon-input-on-comp {
  position: relative;
  width: 100%;
}

.icon-input-on-comp label {
  position: absolute;
  top: 10px;
  left: 40px;
  z-index: 1;
  font-size: 18px;
  padding: 0;
  color: var(--basic-text);
  transition: 0.15s ease-out all;
}

.icon-input-on-comp input {
  padding: 12px 0 0 40px!important;
  height: 48px;
  background-color: var(--light-gray)!important;
  border: none!important;
  font-size: 18px!important;
  color: var(--basic-text)!important;
  border-radius: 8px!important;
  transition: 0.15s all ease-out!important;
}

.icon-input-on-comp input:disabled {
  opacity: 0.6;
}

.not-icon-input-on-comp {
  position: relative;
  width: 100%;
}

.not-icon-input-on-comp label {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  font-size: 18px;
  padding: 0;
  color: var(--basic-text);
  transition: 0.15s ease-out all;
}

.not-icon-input-on-comp input {
  padding: 12px 0 0 12px!important;
  height: 48px;
  background-color: var(--light-gray)!important;
  border: none!important;
  font-size: 18px!important;
  color: var(--basic-text)!important;
  border-radius: 8px!important;
  transition: 0.15s all ease-out!important;
}

.not-icon-input-on-comp input:disabled {
  opacity: 0.6;
}

.icon-input-wrapper > div {
  width: 100%;
}

.input-focused label {
  top: 2px;
  font-size: 12px;
}

.icon-input-on-apex input {
  width: 100%;
}

.icon-input-on-apex input:focus, 
.icon-input-on-apex input:focus-visible { 
  outline: none !important;
}

.input-on-comp {
  position: relative;
  width: 100%;
}

.input-on-comp label {
  position: absolute;
  top: 10px;
  left: 12px;
  z-index: 1;
  font-size: 18px;
  padding: 0;
  color: var(--basic-text);
  transition: 0.15s ease-out all;
}

.input-wrapper > div {
  width: 100%;
}

.input-focused label {
  top: 2px;
  font-size: 12px;
}

.input-on-comp input {
  padding: 12px 0 0 12px!important;
  height: 48px;
  background-color: var(--light-gray)!important;
  border: none!important;
  font-size: 18px!important;
  color: var(--basic-text)!important;
  border-radius: 8px!important;
  transition: 0.15s all ease-out!important;
}

.input-on-comp input:disabled {
  opacity: 0.6;
}

.input-on-apex input {
  width: 100%;
}

.input-on-apex input:focus, .input-on-apex input:focus-visible {
  box-shadow: none !important;
  outline: none !important;
}

.select-on-comp select {
  cursor: pointer;
  padding: 0 29px 0 16px !important;
  height: 48px !important;
  background-color: var(--light-gray)!important;
  border: none!important;
  font-size: 18px!important;
  color: var(--basic-text)!important;
  border-radius: 8px!important;
  transition: 0.15s all ease-out!important;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.select-on-comp select:focus {
  box-shadow: none !important;
}

.psw-eye-wrap-on-apex {
  position: absolute;
  top: 0;
  right: 44px;
}

.psw-eye-wrap-on-apex svg {
  cursor: pointer;
}

.green-checkbox .slds-checkbox__label {
  display: flex!important;
}

.green-checkbox .slds-form-element__label {
  padding: 0!important;
  font-size: 12px!important;
  color: var(--basic-text)!important;
}

.checkbox-align-items.green-checkbox .slds-form-element__label {
  padding-top: 4px!important;
  padding-left: 12px!important;
}

.green-checkbox .slds-checkbox_faux {
  border: 2px solid #33333366!important;
  border-radius: 8px!important;
  background-color: var(--light-gray)!important;
}

.check-lg .slds-checkbox_faux {
  width: 32px!important;
  height: 32px!important;
}

.check-sm .slds-checkbox_faux {
  width: 24px!important;
  height: 24px!important;
}

.green-checkbox .slds-checkbox_faux:after {
  height: 8px!important;
  width: 12px!important;
}

.green-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after {
  border-color: var(--basic-text)!important;
  margin-top: -2px!important;
}

.green-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux {
  background-color: var(--light-green)!important;
  border-color: rgba(51, 51, 51, 0.4)!important;
}

.green-checkbox [type=checkbox]:disabled+.slds-checkbox__label .slds-checkbox_faux {
  opacity: 0.5!important;
}

.green-checkbox-on-apex input[type="checkbox"] {
  position: relative;
}

.green-checkbox-on-apex input[type="checkbox"]::before {
  content: "";
  background-color: var(--light-gray)!important;
  border-radius: 8px!important;
  display: flex;
  height: 26px;
  width: 26px;
  margin-top: -1px;
  margin-left: -1px;
  border: 2px solid #33333366!important;
}

.green-checkbox-on-apex input[type="checkbox"]:checked::before {
  background-color: var(--light-green)!important;
}

.green-checkbox-on-apex input[type="checkbox"]:checked::after {
  display: block;
  content: '';
  height: 0.25rem;
  width: var(--lwc-squareIconXSmallContent,0.5rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  border-bottom: var(--lwc-borderWidthThick,2px) solid var(--slds-c-checkbox-mark-color-foreground, var(--sds-c-checkbox-mark-color-foreground, var(--lwc-brandAccessible,#2574A9)));
  border-left: var(--lwc-borderWidthThick,2px) solid var(--slds-c-checkbox-mark-color-foreground, var(--sds-c-checkbox-mark-color-foreground, var(--lwc-brandAccessible,#2574A9)));
}

.green-checkbox-on-apex input {
  width: 24px!important;
  height: 24px!important;
  margin-right: 16px!important;
}

.password-checkboxes-section .green-checkbox [type=checkbox]:disabled+.slds-checkbox__label .slds-checkbox_faux {
  opacity: 1 !important;
}

.step-text-resume {
  color: var(--basic-text);
  opacity: .5;
}

.g-onboard__step-section-mobile .register-form__step-dati {
  background-color: var(--marian-blue)!important;
}

/* 
FORGOT PASSWORD SUCCESS 
*/

.comm-page-custom-forgotpasswordsuccess .cb-section_column,
.comm-page-custom-changepasswordsuccess .cb-section_column,
.comm-page-custom-onboarding-carta .cb-section_column {
padding: 0!important;
}

.forgot-psw-success__wrapper, .confirm-email__wrapper {
  padding: 5em 3em;
}

.forgot-psw-success__wrapper h1, .confirm-email__wrapper h1 {
  font-size: 22px!important;
  line-height: 28.5px;
  }

.forgot-psw-success__wrapper > div, .confirm-email__wrapper > div {
  max-width: 360px;
  width: 100%;
}

.forgot-psw-success__mobile-header, .confirm-email__mobile-header {
  padding: 0.6em 0.8em;
  width: 100%;
}

.forgot-psw-success__mobile-header button, .confirm-email__mobile-header button {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

.forgot-psw-success__mobile-header svg {
  max-width: 36px;
}

.forgot-psw-success__mobile-header p, .confirm-email__mobile-header p {
  margin-bottom: 0;
  width: 100%;
}

.forgot-psw-success__mobile-header img {
  transform: rotate(180deg);
}

.forgot-psw-success__container {
    min-height: 93vh;
    margin-bottom: 0!important;
}

.confirm-email__container {
  margin-top: 0!important;
  margin-bottom: 0!important;
  padding-top: 5em !important;
}

@media screen and (max-width: 991px) {
  .confirm-email__content-wrapper .img {
    margin-top: 80px;
  }

.forgot-psw-success__wrapper, .confirm-email__wrapper {
    padding: 0 1em;
    min-height: inherit;
}

.forgot-psw-success__container, .confirm-email__container {
    min-height: 100vh;
}

.forgot-psw-success__container > .row, .confirm-email__container > .row {
    min-height: inherit;
}
}

/* 
END FORGOT PASSWORD SUCCESS 
*/

.transit-history__filters_wrapper {
border-bottom: 1px solid rgba(17, 17, 17, 0.2);
}

.transit-history__filters_wrapper + div tr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0.4em;
}

.table-transit__casello {
  grid-column: 1/2;
}

.table-transit__importo {
  grid-column: 2/3;
}

.table-transit__orario {
  grid-column: 1/2;
  grid-row: 2/3;
  font-size: 12px!important;
  margin-top: -10px;
}

.table-transit__targa {
  grid-column: 2/3;
  grid-row: 2/3;
  font-size: 12px!important;
  margin-top: -10px;  
}

.table-transit__importo .slds-grid.slds-grid_align-spread,
.table-transit__targa .slds-grid.slds-grid_align-spread {
  display: flex;
  justify-content: flex-end;
}

.transit-history__filters_wrapper + div tbody tr {
border-bottom: 1px solid #d9d9d9;
}

.transit-history__filters_wrapper + div table,
.transit-history__filters_wrapper + div th,
.transit-history__filters_wrapper + div td {
border: none!important;
}

.g-onboard__content-wrapper {
  box-shadow: 0px 24px 48px rgba(0,0,0,.16);
  max-width: 1124px;
  margin: 0 auto;
}

.g-onboard__left-panel,
.g-onboard__right-panel {
  max-width: 562px;
}

.g-onboard__left-panel {
  background-color: var(--marian-blue);
}

.g-onboard__header-mobile .text-button {
  color: white;
  font-weight: 400;
  font-size: 18px;
}

.g-onboard__right-panel h2 {
  font-size: 22px;
  line-height: 31.68px;
}

.g-onboard__step-wrapper {
  background-color: rgb(255 255 255 / 40%);
  border-radius: 20px;
  font-size: 18px;
  color: var(--basic-text);
  position: relative;
  overflow: hidden;
}

.g-onboard__step-unit {
  z-index: 1;
  position: relative;
}

.g-onboard__step-active {
  background-color: white;
  border-radius: 60px;
}

.g-onboard__step-unit.g-onboard__step-completed {
  background-color: var(--pastel-green);
  border-radius: 60px;
}

.g-onboard__step-wrapper > div {
  height: 44px;
}

.slds-has-error .slds-input, .error-border {
  border: none;
  outline: none;
  box-shadow: 0 2px 0 red;
  border-radius: 8px;
}

.g-onboard__step-section-mobile {
  width: 100%;
  background-color: rgba(17, 65, 137, 0.4);
  font-size: 16px;
  color: white;
  border-radius: 60px;
}

.g-onboard__step-section-mobile .g-onboard__step-unit {
  width: 33%;
  text-align: center;
  border-radius: 60px;
  padding: 4px 0;
}

.hover-icon-scale,
.hover-translate-left,
.hover-translate-right,
.sidebar__main-link a img {
  transition: 0.15s all ease-out;
}

.hover-icon-scale:hover, .translation:hover .hover-icon-scale {
   transform: scale(0.9);
}
  
.hover-translate-left:hover, .translation:hover .hover-translate-left {
    transform: translateX(-3px);
}
    
.hover-translate-right:hover, .translation:hover .hover-translate-right {
    transform: translateX(3px);
}

.sidebar__main-link a:hover img {
  transform: scale(0.9);
}

.g-onboard__page-one-col .g-onboard__content-wrapper {
  box-shadow: none;
}

.g-onboard__page-one-col .g-onboard__right-panel {
  box-shadow: 0px 24px 48px rgba(0,0,0,.16);
  background-color: white;
}

.g-onboard__page-one-col .g-onboard__left-panel > div, 
.g-onboard__page-one-col .g-onboard__right-panel > div {
  margin-top: 0;
}

.g-onboard__right-panel > div {
  min-height: 100%;
}

@media screen and (min-width: 992px) {

  .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea {
    padding-top: 5em !important;
  }

  /* Tolgo padding superiore a pagine della dashboard */
  .comm-page-home .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea,
  .comm-page-custom-ricarica .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea,
  .comm-page-custom-account .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea,
  .comm-page-custom-supporto .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea,
  .comm-page-custom-support .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea, 
  .comm-page-custom-targa .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea,
  .comm-page-custom-dati-personali .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea, 
  .comm-page-custom-modifica-numero-telefono .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea, 
  .comm-page-custom-modifica-numero-telefono .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea, 
  .comm-page-custom-consensi-e-marketing .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea,
  .comm-page-error .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea,
  .comm-page-custom-generic-error .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea,
  .comm-page-custom-modifica-email .siteforceStarterBody .cCenterPanel .siteforceSldsOneColLayout.siteforceContentArea{
    padding-top: 0 !important;
  }

  .g-onboard__page-wrapper {
    margin-bottom: 5em;
    margin-top: 5em;
  }

  .onboarding-targa.g-onboard__page-wrapper,
  .recharge-comp__content-wrapper.g-onboard__page-wrapper,
  .success-card-comp__content-wrapper.g-onboard__page-wrapper {
    margin-bottom: 5em;
    margin-top: 0 !important;
    padding-top: 5em;
  }

  .onboarding-recharge.g-onboard__page-wrapper {
    margin-bottom: 5em;
    margin-top: 0 !important;
    padding-top: 5em;
  }

  .g-onboard__left-panel,
  .g-onboard__right-panel {
    min-height: 650px;
  }
}

@media screen and (max-width: 991px) {
  .g-onboard__page-wrapper.g-onboard__page-one-col .g-onboard__left-panel {
    display: none!important;
  }
}

@media screen and (max-width: 991px) {
  .g-onboard__page-wrapper {
    padding: 0 !important;
    max-width: 100%;
    min-height: 100vh;
    background-color: white;
  }

  .g-onboard__content-wrapper {
    min-height: 100vh;
    flex-flow: column;
  }

  .g-onboard__left-panel, .g-onboard__right-panel {
    max-width: 100%;
  }

  .g-onboard__left-panel > div, .g-onboard__right-panel > div, .g-onboard__right-panel > form {
    max-width: 400px;
    margin: 0 auto;
  }

  .g-onboard__right-panel > div, .g-onboard__right-panel > form, .g-onboard__right-panel > form > span {
    min-height: calc(100vh - 340px);
  }

  .g-onboard__right-panel.g-onboard__panel-header-on-mobile > div {
    min-height: inherit;
  }
  
  .g-onboard__back-button path {
    stroke: var(--dark-cyan);
  }

  .g-onboard__left-panel {
    background-color: white;
  }

  .g-onboard__header-mobile .text-button {
    color: var(--basic-text);
  }

  .g-onboard__header-mobile > div {
    border-bottom: none;
  }

  .g-onboard__step-wrapper.g-onboard__step-wrapper-monoblock {
    width: 100%;
    background-color: rgba(17, 65, 137, 0.4);
    font-size: 16px;
    color: white;
    border-radius: 60px;
  }

  .g-onboard__step-wrapper.g-onboard__step-wrapper-monoblock .g-onboard__step-unit {
    width: 34%;
    text-align: center;
    border-radius: 60px;
    padding: 4px 0!important;
    height: auto!important;
  }

  .g-onboard__step-wrapper.g-onboard__step-wrapper-monoblock {
    display: flex;
  }

  .g-onboard__step-wrapper-monoblock .g-onboard__step-active {
    background-color: var(--marian-blue);
  }

  .g-onboard__step-unit p {
    color: white!important;
  }

  .g-onboard__step-completed.g-onboard__step-unit p {
    color: var(--basic-text)!important;
  }
}

.page-wrap .plate-form__content-wrapper .g-onboard__content-wrapper {
  box-shadow: none;
}

.page-wrap .plate-form__content-wrapper .g-onboard__right-panel {
  width: 100%!important;
}

.loading-spinner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgb(255 255 255 / 56%);
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  margin: 8px;
  border: 6px solid var(--marian-blue);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--marian-blue) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.show-loading-spinner {
  display: flex!important;
}

.g-dashboard__mobile-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 264px;
}

.g-dashboard__mobile-bg img {
  width: auto;
  height: 100%;
  object-fit: cover;
}

.comm-page-home .g-dashboard__mobile-bg {
  border-bottom: 1px solid var(--marian-blue);
}

.manage-home__content-wrapper .slds-form-element__label:empty {
  display: none!important;
}

.manage-home__content-wrapper .slds-combobox__input span,
.generic-select-input .slds-combobox__input span {
  color: var(--marian-blue)!important;
}

.manage-home__content-wrapper .slds-input__icon svg,
.generic-select-input .slds-input__icon svg {
  stroke: var(--marian-blue)!important;
  margin-bottom: 6px;
}

.manage-home__content-wrapper .slds-combobox__input,
.generic-select-input .slds-combobox__input {
  border: none;
  font-size: 18px;
  background-color: transparent;
}

.manage-home__content-wrapper [data-id="table"] {
  max-width: 100%!important;
  max-height: calc(100vh - 330px - 106.39px)!important;
  overflow-y: auto!important;
}

.manage-home__content-wrapper table tr:nth-of-type(2n),
.generic-table table tr:nth-of-type(2n) {
  background-color: var(--light-gray);
}

.generic-table table {
  border-bottom: none!important;
}

.manage-home__content-wrapper table tr {
  border: none!important;
  margin: 0 12px;
  border-radius: 8px;
  font-size: 18px!important;
  line-height: 20px!important;
}

.manage-home__content-wrapper table tr:hover th,
.manage-home__content-wrapper table tr:hover td,
.generic-table table tr:hover th,
.generic-table table tr:hover td {
  background-color: transparent!important;
  border: none!important;
  outline: none!important;
  box-shadow: none!important;
}

@media screen and (max-width: 991px) {
  .g-dashboard__page-wrap .content {
    padding-top: 264px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .manage-home__content-wrapper {
    max-height: calc(100vh - 370px);
   overflow-y: auto;
  }
  
  .manage-home__content-wrapper .transit-history__filters_wrapper {
    position: fixed;
    top: 200px;
    left: 50%;
    width: 100%;
    max-width: 500px;
    transform: translateX(-50%);
    z-index: 2;
  }

  .manage-home__content-wrapper .slds-combobox__input {
    padding-left: 0;
  }

  .g-dashboard__page-wrap .content {
    padding-bottom: 100px;
  }

  .manage-home__content-wrapper [data-id="table"] {
    /* max-height: 100%!important; */
    overflow-y: visible!important;
  }

  .manage-home__content-wrapper table tr {
    margin: 0;
  }
}

.recharge-history__table tr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 40px auto;
  width: inherit;
  padding: 4px 12px;
  margin: 0 12px;
  border-radius: 8px;
}

.recharge-history__table thead tr {
  height: 0!important;
}

.table-ricarica__importo {
  grid-column: 1/2;
}

.table-ricarica__ricarica {
  grid-column: 1/2;
  grid-row: 2/3;
  margin-top: -10px;
}

.table-ricarica__fattura {
  grid-column: 2/3;
}

.recharge-history__table c-hct-generic-table > div {
  max-width: 100%!important;
  max-height: calc(100vh - 220px)!important;
  overflow-y: auto!important;
}

.table-ricarica__importo .slds-truncate {
  font-size: 18px!important;
}

.table-ricarica__ricarica .slds-hyphenate {
  font-size: 12px!important;
}

.table-ricarica__importo,
.table-ricarica__ricarica,
.table-ricarica__fattura {
  border: none!important;
}

.table-ricarica__fattura .slds-grid.slds-grid_align-spread {
  display: flex;
  justify-content: flex-end;
}

.table-ricarica__fattura a {
  color: var(--basic-text);
  text-decoration: none;
}

.table-ricarica__fattura a:hover {
  text-decoration: underline;
}

.recharge-history__select lightning-combobox {
  max-width: 190px;
  margin: 0 auto;
}

.g-dashboard__header-back-arrow {
  position: absolute;
  left: 12px;
  top: 9px;
  z-index: 10000;
  cursor: pointer;
}

.g-dashboard__recharge-page-class .recharge-comp__input-panel,
.comm-page-custom-ricarica .recharge-comp__input-panel {
  padding-top: 0!important;
}

.g-dashboard__recharge-page-class .recharge-comp__input-panel,
.comm-page-custom-ricarica .recharge-comp__input-panel {
  padding: 0!important;
  max-width: 500px!important;
  width: 100%!important;
}

.g-dashboard__recharge-page-class .g-onboard__page-wrapper,
.comm-page-custom-ricarica .g-onboard__page-wrapper {
  margin: 0!important;
}

.g-dashboard__recharge-page-class .g-onboard__content-wrapper,
.comm-page-custom-ricarica .g-onboard__content-wrapper {
  box-shadow: none;
  margin: 0;
  max-width: unset;
}

.g-dashboard__recharge-page-class .g-onboard__right-panel > div,
.comm-page-custom-ricarica .g-onboard__right-panel > div {
  min-height: unset;
}

.g-dashboard__recharge-page-class section.recharge-comp__content-wrapper {
  padding: 0 !important;
}

.g-dashboard__recharge-page-class .step-text-resume {
  display: none;
} 

c-hct-nexi-success[c-hctsectionrecharge_hctsectionrecharge] {
  display: block;
  height: calc(100% - 80px);
}

c-hct-nexi-success[c-hctsectionrecharge_hctsectionrecharge] .g-dashboard__recharge-page-class, c-hct-nexi-success[c-hctsectionrecharge_hctsectionrecharge] .g-dashboard__recharge-page-class section, c-hct-nexi-success[c-hctsectionrecharge_hctsectionrecharge] .g-dashboard__recharge-page-class section .g-onboard__content-wrapper, c-hct-nexi-success[c-hctsectionrecharge_hctsectionrecharge] .g-dashboard__recharge-page-class section .g-onboard__content-wrapper .d-flex.flex-column.justify-content-between {
  height: 100%;
}

c-hct-nexi-success[c-hctsectionrecharge_hctsectionrecharge] .g-dashboard__recharge-page-class .primary-button {
  margin-bottom: 1rem
}

.recharge-page__sidebar .sidebar__main-links-wrapper > div .sidebar__main-link:nth-of-type(1) a {
  opacity: 1;
  color: black!important;
  padding-left: 1em;
  margin: 0;
  border-left: 2px solid var(--pastel-green);
}

.g-dashboard__page-wrap c-hct-on-boarding-targa {
  max-width: 66%;
}

.g-dashboard__page-wrap c-hct-on-boarding-targa section {
  height: calc(100% - 340px);
  margin: 0 auto !important;
  padding-top: 0 !important;
}

.g-dashboard__page-wrap c-hct-on-boarding-targa section .g-onboard__right-panel {
  height: calc(100vh - 340px);
}

.g-dashboard__page-wrap c-hct-on-boarding-targa section .g-onboard__right-panel .onboarding-plate-title {
  display: none !important;
}

.g-dashboard__page-wrap c-hct-on-boarding-targa .dashboard-plate-section {
  display: block !important;
}

.g-dashboard__page-wrap c-hct-on-boarding-targa .dashboard-plate-header {
  padding-top: 52px;
  padding-bottom: 32px;
}

@media screen and (max-width: 991px) {
  .recharge-history__table tr {
    margin: 0;
  }

  .g-dashboard__hide-standard-header .g-dashboard__mobile-bg,
  .g-dashboard__hide-standard-header .sidebar__secondary-links-wrapper,
  .g-dashboard__hide-standard-header .sidebar__main-links-wrapper,
  .g-dashboard__hide-standard-header .g-dashboard__logo {
    display: none!important;
  }

  .g-dashboard__hide-standard-header .g-dashboard__page-wrap .content,
  .g-dashboard__hide-standard-header.g-dashboard__page-wrap .content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .g-dashboard__header-back-arrow {
    left: 0;
    top: 9px;
  }

  .recharge-history__table c-hct-generic-table > div {
    max-width: 100%!important;
    max-height: calc(100vh - 180px)!important;
    overflow-y: auto!important;
  }

  .g-dashboard__recharge-page-class .g-onboard__content-wrapper,
  .comm-page-custom-ricarica .g-onboard__content-wrapper,
  .g-dashboard__recharge-page-class .g-onboard__page-wrapper,
  .comm-page-custom-ricarica .g-onboard__page-wrapper {
    min-height: unset;
  }

  .g-dashboard__page-wrap c-hct-on-boarding-targa {
    max-width: 100%;
  }

  .g-dashboard__page-wrap c-hct-on-boarding-targa .dashboard-plate-header {
    padding-top: 0;
    padding-bottom: 32px;
  }
  .remove-sidebar c-hct-sidebar[c-hctmanagevehicle_hctmanagevehicle] div[c-hctsidebar_hctsidebar] {
    display: none!important;
  }
}

.g-dashboard__hide-standard-header .g-dashboard__page-wrap .content,
.g-dashboard__hide-standard-header.g-dashboard__page-wrap .content {
  padding-top: 45px;
  padding-bottom: 0;
}


.spacer {
  width: 20%;
  height: 1px;
  background-color: var(--light-gray);
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  margin-bottom: 32px;
}

.position-generic-modal {
  background: rgb(255, 255, 255);    
  max-width: 358px;    
  height: unset;
}

body button {
  background: unset;
}

.custom-select-options {
  border: 1px solid var(--light-gray);
  border-radius: 8px;
  display: flex;
  align-items: center;
}

.custom-select-options .slds-combobox__input,
.custom-select-options .generic-select-input .slds-combobox__input {
  border: none;
  font-size: 18px;
  box-shadow:none;
}

.custom-select-options label{
  display: none;
}

.custom-select-options svg {
  min-width: 22px;
}

.custom-select-options .slds-input__icon {
  display: unset !important;
}

.custom-select-options .slds-input__icon-group.slds-input__icon-group_right {
  display: none !important;
}

.custom-select-options .slds-truncate {
  font-family: 'Roc Grotesk', sans-serif!important;
  font-weight: 400;
  text-wrap: wrap;
}

.custom-select-options .slds-combobox__input {
  display: block!important;
}

.custom-select-options .slds-listbox__option {
  font-size: 14px;
}

.custom-select-phone{
  background-color: var(--light-gray);
  height: 48px;
  border-radius: 8px;
  display:flex;
  align-items: center;
}

.custom-select-phone label{
  display: none;
}

.custom-select-phone .slds-combobox__input,
.custom-select-phone .generic-select-input .slds-combobox__input {
  border: none;
  font-size: 18px;
  box-shadow:none;
  background-color: var(--light-gray);
}

.custom-select-phone .slds-input__icon {
  display: unset !important;
}

.new-code-color{
  color: var(--marian-blue) !important;
}

.g-dashboard__hide-standard-header .billing-container {
  max-height: 100%;
  overflow: auto;
}

.billing-container {
  max-height: 440px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.billing-container::-webkit-scrollbar {
  display: none;
}

@media screen and (min-width: 992px){
  .g-dashboard__recharge-page-class .onboarding-recharge.g-onboard__page-wrapper{
    padding-top: 0;
  }  
}

@media screen and (max-width: 991px) {
  .billing-container {
      max-height: none;
      overflow-y: auto;
  }
}

.g-dashboard__recharge-page-class .billing-container{
  max-height: 100%;
  overflow-y: auto;
}

.recharge-history__table .slds-scrollable_y, 
.recharge-history__table .slds-scrollable--y {
  overflow-y: hidden;
}

@media only screen and (min-width: 48em) {
  .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] {
      height: 450px !important;
  }
}

.lottie-forgot-password-success-container,
.lottie-email-verification-container,
.lottie-iban-success-container, 
.lottie-close-account-success-container,
.lottie-ricarica-wallet,
.lottie-ricarica-ko{
  margin: 0 auto;
  width: 160px;
  height: 160px;
  background: transparent;
}

.disabled-plate{
  background-color: #DD3434;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}

.disabled-plate-td{
  background-color: #DD3434;
  border-radius: 8px 8px 0 0;
  padding: 16px;
}

.disabled-plate p,
.disabled-plate-td p,
.plate-full p
{
  color: white;
}

.disabled-plate svg path,
.disabled-plate svg line,
.disabled-plate-td svg path,
.disabled-plate-td svg line,
.plate-full svg path,
.plate-full svg line{
  stroke: white;
}

.disabled-plate .plate-btn svg,
.disabled-plate-td .plate-btn svg,
.plate-full .plate-btn svg
{
  fill: white !important;
}

.plate-gray-bg .plate-btn svg
{
  fill: #111111 !important;
}

.active-plate{
  background-color: var(--light-green);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}

.plate-btn svg{
  margin-top: 0;
}

.plate-gray-bg{
  background-color: var(--light-gray);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}

.plate-border-gray{
  border: 1px solid var(--light-gray);
  border-radius: 0 0 8px 8px;
  border-top: none;
}

.plate-full{
  background-color: var(--marian-blue);
  border-radius: 8px 8px 0 0;
  padding: 16px;
}

.plate-pending-whitelist {
  background-color: var(--warning-yellow);
  border-radius: 8px 8px 0 0;
  padding: 16px;
}
.plate-pending-whitelist-full {
  background-color: var(--warning-yellow);
  border-radius: 8px 8px;
  padding: 16px;
  margin-bottom: 16px
}

.plate-pending-whitelist .plate-btn svg, .plate-pending-whitelist-full .plate-btn svg {
  fill: #111111;
}

.plate-pending-whitelist .p, .plate-pending-whitelist-full .p {
  color: #111111;
}

.lottie-plate-full-container {
  margin: 0 auto;
  width: 160px;
  height: 160px;
  background: transparent;
}

.go-verify-button{
  max-width: 358px;
  margin: 0 auto;
}

.go-verify-button-container svg {
  min-width: 22px!important;
}

.full-azienda-leasing-container ol {
  list-style: none;
}
.full-azienda-leasing-container ol .list-number {
  font-family: 'Roc Grotesk', sans-serif!important;
  font-size: 18px;
}

.doc-section-tabs .doc-section-tabs-btn {
  background-color: var(--marian-blue) !important;
  color: white !important;
  border: none;
  border-radius: 30px;
  padding: 0.4em 0.6em;
  font-size: 18px !important;
  z-index: 9;
  padding: 0.5rem 4rem;
  min-width: 200px;
}
.doc-section-tabs .doc-section-tabs-btn-off {
  opacity: .6;
  background-color: var(--marian-blue) !important;
  color: white !important;
  border: none;
  border-radius: 30px;
  padding: 0.4em 0.6em;
  font-size: 18px !important;
  padding: 0.5rem 4rem;
  min-width: 200px;
}
.doc-section-tabs .doc-section-tabs-btn:last-of-type {
  margin-left: -35px
}
.doc-section-tabs .doc-section-tabs-btn-off:last-of-type {
  margin-left: -35px
}
.upgrade-full-privato-container .upload-btn {
  position: relative;
  width: 170px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.upgrade-full-privato-container .go-to-step-button.disabled {
  opacity: .4;
}
.upgrade-full-privato-container .upload-btn .slds-form-element {
  width: 100%;
}
.upgrade-full-privato-container .upload-btn .slds-form-element .slds-file-selector {
  display: block;
  width: 100%;
}
.upgrade-full-privato-container .upload-btn .slds-form-element .slds-file-selector__text {
  display: none;
}
.upgrade-full-privato-container .upload-btn .slds-form-element .slds-file-selector__button {
  color: transparent;
  height: 120px;
  width: 80%;border: 1px solid var(--light-gray);
  border-radius: 8px;
  opacity: 0;
}
.upgrade-full-privato-container .upload-btn .slds-form-element .slds-file-selector__button lightning-primitive-icon {
  display: none;
}
.upgrade-full-privato-container .upload-btn .slds-form-element .slds-file-selector__dropzone {
  border: 0;
}
.upgrade-full-privato-container .upload-btn .upload-btn-content {
  position: absolute;
  top: 25%;
  left: 30%;
}
.upgrade-full-privato-container .upload-btn:hover .hover-icon-scale {
  transform: scale(0.9);
}
.upgrade-full-privato-container .upload-btn lightning-button {
  width: 100%;
  height: 100%;
  z-index: 10;
}

.upgrade-full-privato-container .uploaded-btn {
  width: 170px;
  height: 120px;
  position: relative;
}
.upgrade-full-privato-container .uploaded-btn .slds-button {
  border: 0;
  color: transparent;
}
.upgrade-full-privato-container .uploaded-btn .uploaded-btn-preview {
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.upgrade-full-privato-container .uploaded-btn .uploaded-btn-action {
  color: #FFFFFF;
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.upgrade-full-privato-container .uploaded-btn .uploaded-btn-preview::after {
  content: '';
  background-color: #111111;
  opacity: 0.5;
  width: 170px;
  height: 120px;
  position: absolute;
  border-radius: 8px;
}
.upgrade-full-privato-container .uploaded-btn .uploaded-btn-action span {
  color: #FFFFFF;
}
.upgrade-full-privato-container .uploaded-btn button {
  color: transparent;
  background-color: transparent;
}
.upgrade-full-privato-container .uploaded-btn:hover .hover-icon-scale {
  transform: scale(0.9);
}

.upgrade-full-container,
.upgrade-full-privato-container,
.insert-iban-container,
.config-payment-container,
.onboarding-carta-dashboard-container,
.full-azienda-leasing-container{
  height: calc(100% - 104px) !important;
}

.upgrade-full-container > div,
.upgrade-full-privato-container > div,
.documents-accordion,
.download-app-container,
.iban-success-container,
.close-account-success-container,
.insert-iban-container,
.credit-card-list-container,
.nexi-success-card-container,
.config-payment-container,
.onboarding-carta-dashboard-container,
.error-debito-saldato-container,
.full-azienda-leasing-container, .full-azienda-leasing-container > div {
  max-width: 358px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .upgrade-full-container, 
  .upgrade-full-privato-container,
  .config-payment-container,
  .onboarding-carta-dashboard-container,
  .error-debito-saldato-container,
  .full-azienda-leasing-container {
    height: calc(100vh - 104px) !important;
  }
  .iban-success-container,
  .close-account-success-container,
  .nexi-success-card-container {
    height: 100vh !important;
  }
  .insert-iban-container{
    height: calc(100vh - 56px) !important;
  }
 
  .g-dashboard__recharge-page-class .g-onboard__right-panel > div{
    min-height: calc(100vh - 80px);
  }
}

.documents-arrow-left-icon{
  background: url(/resource/documents_arrow_left);
  width: 40px;
  height: 40px;
}
.documents-icon-plus{
  background: url(/resource/icon_plus);
  width: 40px;
  height: 40px;
}
.documents-icon-minus{
  background: url(/resource/icon_minus);
  width: 40px;
  height: 40px;
  padding: 20px;
}

.table-transit-row:nth-child(2n){
  background-color: var(--light-gray);
  border-radius: 8px;
}

.transit-blur{
  width: 50px;
  height: 15px;
  border-radius: 23px;
  opacity: 0.05;
  background: var(--basic-text);
}

.forceCommunitySection .cb-section_column:only-child {
  padding: 0;
}

.accordion-opened {
  height: unset !important;
  max-height: 200px !important;
  transition: max-height 1s;
  overflow: hidden;
}

.accordion-closed {
  height: unset !important;
  max-height: 0 !important;
  transition: max-height 1s;
  overflow: hidden;
}

hr{
  border-color: var(--light-gray);
  opacity: 1;
}

div.error-container{
  max-width: 358px;
  margin: auto;
  height: 100vh;
}

p.error-title{
  font-family: 'Roc Grotesk', sans-serif;
  font-size: 22px;
  line-height: 28.6px;
}

p.error-description{
  font-size: 18px;
  line-height: 23.4px;
}

.credit-card-green{
  background-color: var(--light-green);
  border: 1px solid transparent;
  border-radius: 8px 8px 0 0;
}

.button-credit-card{
  background-color: var(--pastel-green);
  border: 1px solid transparent;
  border-radius: 0 0 8px 8px;
}

.credit-card-red{
  background-color: var(--red);
  border: 1px solid transparent;
  border-radius: 8px 8px 0 0;
}

.credit-card-red .fs-18px{
  color: white;
}

.credit-card-red .fs-32px{
  color: white;
}

.credit-card-red .delete-icon svg path{
  stroke: white;
}

.button-credit-card-red{
  background-color: var(--dark-red);
  border: 1px solid transparent;
  border-radius: 0 0 8px 8px;
}

.button-credit-card-red .fs-18px{
  color: white;
}

.button-credit-card-red .fs-12px{
  color: white;
}

.button-credit-card-red svg path{
  stroke: white;
}

.credit-card-yellow {
  background-color: #F4B800;
  border: 1px solid transparent;
  border-radius: 8px 8px 0 0;
}

.button-credit-card-yellow {
  background-color: #DDA702;
  border: 1px solid transparent;
  border-radius: 0 0 8px 8px;
}

.credit-card-gray{
  background-color: var(--light-gray);
  border: 1px solid transparent;
  border-radius: 8px 8px 0 0;
}

.button-credit-card-gray{
  background-color: var(--dark-gray);
  border: 1px solid transparent;
  border-radius: 0 0 8px 8px;
}

.g-onboard__step-progress-bg-green {
  position: absolute;
  top: 0;
  z-index: 0;
  background-color: var(--pastel-green);
  width: 100%;
  height: 100%!important;
}

.g-onboard__step-progress-bg-blue {
  position: absolute;
  top: 0;
  z-index: 0;
  background-color: var(--marian-blue);
  width: 100%;
  height: 100%!important;
  border-radius: 60px 0 0 60px;
  margin-left: 2px;
}

.border-gray{
  border: 1px solid var(--light-gray);
  border-radius: 8px;
}

.border-gray-top {
  border-top: 1px solid var(--light-gray);
}

.border-marian-blue-top {
  border-top: 1px solid var(--marian-blue);
}

@media screen and (min-width: 992px) {
  .success-card-comp__recap-panel > div,
  .success-card-comp__input-panel > div,
  .configure-method-comp__recap-panel > div,
  .configure-method-comp__input-panel > div,
  .onboarding-card-comp__recap-panel > div,
  .onboarding-card-comp__input-panel > div {
    max-width: 358px;
    margin: auto;
  }
}

@media screen and (max-width: 991px) {
  .configure-method-comp__content-wrapper .g-onboard__content-wrapper,
  .success-card-comp__content-wrapper .g-onboard__content-wrapper,
  .onboarding-card-comp__content-wrapper .g-onboard__content-wrapper{
    box-shadow: none;
  }
  .configure-method-comp__step-section > div,
  .success-card-comp__step-section > div,
  .onboarding-card-comp__step-section > div {
    border-top: none;
    border-right: 1px solid;
    }

    .configure-method-comp__step-section p,
    .success-card-comp__step-section p,
    .onboarding-card-comp__step-section p {
        margin-bottom: 0;
    }

    .g-onboard__step-progress-bg-green{
      border-radius: 0 60px 60px 0; 
      /* width: 66%; */
    }
}

/* Card fattura */
.card-fattura-question {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--light-gray);
}

.inactive-fattura {
  border-radius: 8px;
  background: var(--light-gray);
}
.inactive-fattura .dati-fattura {
  padding: 16px;
  padding-bottom: 24px;
}
.inactive-fattura .dati-fattura div {
  width: 100%;
  max-width: calc(100% - 52px);
  padding-right: 24px;
}

.inactive-fattura .dati-fattura p {
  line-height: 110% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inactive-fattura .dati-fattura .text-codice-fiscale {
  color: rgba(0, 0, 0, 0.5);
}
.inactive-fattura .fattura-button {
  border-radius: 0 0 8px 8px;
  padding: 8px 16px;
  background: var(--dark-gray);
}

.active-fattura {
  border-radius: 8px;
  background: var(--light-green);
}
.active-fattura .dati-fattura {
  padding: 16px;
  padding-bottom: 24px;
}

.active-fattura .dati-fattura div{
  width: 100%;
  max-width: calc(100% - 52px);
  padding-right: 24px;
}

.active-fattura .dati-fattura p {
  line-height: 110% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.active-fattura .dati-fattura .text-codice-fiscale {
  color: rgba(0, 0, 0, 0.5);
}
.active-fattura .fattura-button {
  border-radius: 0 0 8px 8px;
  padding: 8px 16px;
  background: var(--pastel-green);
}

.delete-icon-fattura-carta {
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px;
}

.fattura-switch {
  width: 52px;
  height: 32px;
  border-radius: 20px;
  background-color: #FFFFFF;
  position: relative;
}
.fattura-switch .toggle-inactive {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: var(--dark-gray);
  position: absolute;
  top: calc(50% - 12px);
  left: 4px;
  transition: left 0.3s linear;
}
.fattura-switch .toggle-active {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: var(--dark-cyan);
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 4px);
  transition: left 0.3s linear;
}

/*nuovo button aggiungi targa*/
.button-add-plate {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--light-gray);
}

/*Parte fixed spese mensili*/
.total-amount {
  position: absolute;
  top: calc(100vh - 106.39px);
  background-color: #FFFFFF;
}

.button-add-card {
  padding: 16px;
  border-radius: 8px;
  background-color: var(--marian-blue);
}

@media screen and (max-width: 991px) {
  .total-amount {
    position: fixed;
    top: calc(100vh - 74.39px - 78px);
    left: 0;
    width: 100%;
  }
}

.comm-page-home .embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton {
  bottom: 77px !important;
}

@media screen and (max-width: 991px) {
  .comm-page-home .embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton {
    bottom: 119px !important;
  }

  .comm-page-custom-modifica-email .slds-col--padded.contentRegion.comm-layout-column,
  .comm-page-custom-modifica-email .slds-col--padded.contentRegion.comm-layout-column > div,
  .comm-page-custom-modifica-email .slds-col--padded.contentRegion.comm-layout-column > div > div,
  .comm-page-custom-modifica-email .slds-col--padded.contentRegion.comm-layout-column > div > div > div {
  height: 100%;
}
}
.select-transit-custom{
  color: var(--marian-blue);
  border: 0;
  box-shadow: none;
  font-size: 18px;
  background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16 18L20 22L24 18' stroke='%23114289' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: auto;
  background-position: right center;
}

/* rimozione linee nere verticali onboarding */
.apexp{
  display: none;
}

/* STYLE REPORT TRANSITI PDF */
.pdf.my-3 {
  margin: 16px 0;
}
.pdf.fs-18px{
  font-size: 18px;
}
.pdf.fs-13px{
  font-size: 13px;
}
.pdf.fw-bold{
  font-weight: bold;
}
.pdf.custom-table{
  border-spacing: 0;
  border-collapse: collapse;
}
.pdf.fs-13px.header-border th{
  border-width: 1px;
  border-style: solid;
  border-color: #111111;
  border-left: none;
  border-right: none;
}
.pdf.fs-13px.header-border th.first{
  border-left-width: 1px;
  border-left-style: solid;
}
.pdf.fs-13px.header-border th.last{
  border-right-width: 1px;
  border-right-style: solid;
}
.pdf-logo{
  display:block;
  margin-right:auto;
  margin-top:24px;
  width: 200px;
}
.pdf.text-center{
  text-align: center;
}
.pdf.footer-fixed{
  position: fixed;
  bottom: 0;
}
/* END STYLE REPORT TRANSITI PDF */

.informativa-scrolling-x-box {
  width: 100%;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}