@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

  div.subtitle, h2.subtitle { 
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #0f4884;

  }
  div.content-text { 
    font-family: 'Lato', sans-serif;
    color: #0f4884;

  }
  div.content-text ul { 
    font-family: 'Lato', sans-serif;

  }

div.content-text a, div.content-text a:visited {
 color: #10aeff;
}
div.content-text a:hover {
color: #0f4884;
}

  .content-text aside.tip { }
  .content-text aside.warning { }

  .button-wrap button {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #10aeff;
    color: #0f4884;
    margin: 0 6px;
    text-align: left;
    font-family: 'Lato', Arial !important;
    font-size: 12px;
    padding: 15px 15px;
   }
  .button-wrap button:hover { 
    background-color: #0f4884;
    border: none;
    color: #ffffff;
  }
.button-wrap button:active {
  background-color: #fff;
  border-color: #0f4884;
  color: #0f4884;
}


.button-wrap button svg path,.button-wrap button:focus svg path,.button-wrap button:active svg path  { 
    fill: #0f4884;
  }
  .button-wrap button:hover svg path {
    fill: #fff;
  }

  .button-wrap button:disabled { }

  .button-wrap .back-button button { }
  .button-wrap .back-button button svg path { }

  a.tile { }
  a.tile svg path {
    color: #0f4884;
   }

  div.radio-wrap { }
  div.radio-wrap label { }
  div.radio-wrap .radio-check { }

  div.dropdown-wrap { }
  div.dropdown-wrap li { }


/*NPS range colours*/
.guide-HObSDD3cr3 .nps-rating-scale [class*="Rating"][role="button"]:hover [class*="RatingNumber"] {
  color: grey; 
}
.guide-HObSDD3cr3 .nps-rating-scale [class*="Rating"][role="button"]:hover:after {
  background-color: grey; 
}
.guide-HObSDD3cr3 @media (max-width: 600px) {
  .nps-rating-scale [class*="Rating"][role="button"]:hover [class*="RatingNumber"] {
    color: white;
  }
  .guide-HObSDD3cr3 .nps-rating-scale [class*="Rating"][role="button"]:hover {
    background-color: grey; 
    border-color: grey;
  }
}

/* centre align button for renewal connect */
.guide-RLI8hqbRBd .button-wrap {
justify-content: center;
}

/* no arrow in button for renewal connect */
.guide-RLI8hqbRBd .button-wrap button svg { 
    display: none;
}
.guide-RLI8hqbRBd .button-wrap .back-button button svg { 
    display: block;
}

/* tip container renewal connect */
.guide-RLI8hqbRBd .content-text aside.tip {
  font-size: 12px;
}

/* button size and color renewal connect */
.guide-RLI8hqbRBd .button-wrap button {
  height: 42px;
  padding: 0px 32px;
  font-size: 14px;
  border-radius: 32px;
  border: 4px solid #d9f3db;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  background: #50BF4D;
}
/* button color hover renewal connect */
.guide-RLI8hqbRBd .button-wrap button:hover {
  border: 4px solid #50BF4D;
}
/* text format renewal connect */
.guide-RLI8hqbRBd i {
  font-size: 12px;
  line-height: 1.2rem;
}
/* text renewal connect */
.guide-RLI8hqbRBd div.content-text {
  line-height: 13px;
}
/* warning container renewal connect */
.guide-RLI8hqbRBd .content-text aside.warning {
  line-height: 12px;
  padding: 16px 16px 16px 16px;
}

/* tile blu cambio veicolo */
.guide-psNBnXKrxB 
a.tile {
  background-color: #EDF7FF;
  color: #00558C;
  border-radius: 8px;
  padding: 16px 56px 16px 16px;
  font-size: 16px;
  min-height: 72px;
}

/* freccia bianca cambio veicolo */
.guide-psNBnXKrxB 
a.tile svg path {
  fill: #00558C;
}

/* testo 16 cambio veicolo*/
.guide-psNBnXKrxB 
div.content-text {
  font-size: 16px;
}
 /* edit the text content of the SKIP button in Custom surveys */
html[lang="it"] .custom-survey-skip-button button div { 
display: none;
  } 
html[lang="it"] .custom-survey-skip-button button:after { 
content: "Salta";
  }

/* guide new quotation flow - hai bisogno di aiuto */

.jTCdiE, .Widget__Canvas-sc-2cb446d2-0, .ciUHrP, .widget-guide, .Steps-styles__Canvas-sc-526f0fed-0, .jTCdiE, .guide-lNLoZGv8f3, .guide-canvas{
  min-height: fit-content !important;
  height: fit-content !important; 
}
/* change arrow color in collapsible category */
.ston-content-text details {
    --details-icon-color: #00558C; 
    --details-icon-hover-color: #548DB2;
    --details-icon-hover-background: #00558C;
  }

  .guide-q9uZ42MKQk header {display:none;}
  .guide-q9uZ42MKQk footer {display:none !important;}