/*inizio: TEMPLATE*/
footer.footer-motore .logo{
	width: 240px;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(275deg) brightness(104%) contrast(103%);
}
footer.footer-motore .box_link_footer{
	padding: 15px 40px 15px 40px;
}
footer.footer-motore  ul#collapseSA li{
	display: inline-block; 
	padding-left: 15px;
	padding-right: 15px;
}
footer.footer-motore ul#collapseSA  li:first-child{
	padding-left: 0px; 
}
div#main_content section.template-motore{
		padding-bottom: 0px !important; 
}
.navbar.blubackground{
	background-color: var(--colorblu) !important;
}
#motore{
    display: none;
}
.pagina-motore .tab_static_top_content_gradient{
	background-color: white !important; 
	color: #212519;
	font-weight: 600;
}
.pagina-motore .avviso_disponibilita{
	margin-top: 25px; border: 2px solid var(--colorblu);background-color: transparent; color: var(--colorblu); margin-left: 0px; margin-right: 0px; margin-bottom: 25px; padding: 10px; -webkit-border-radius: var(--borderradius);-moz-border-radius: var(--borderadius);border-radius: var(--borderradius);
}
.pagina-motore .avviso_catene{
	 border: 2px solid #1b7dac;background-color: transparent; color: #000; 
	line-height:20px;
	font-size:14px;
}
.pagina-motore .avviso_catene img{
	width:30px;
	margin-top:3px;
}

.top-menu i.fa{
	font-size: 25px !important;
	color: white;
}
.top-menu .navbar-nav .nav-link{
	font-size: 13px;
}
.top-menu .dropdown-toggle::after{
	vertical-align: 5px !important;
}
.dropdown-menu[aria-labelledby="navbarDropdownBisognoDiAiuto"]{
	right: 20px !important;
	max-width: 450px !important;
	
}
.dropdown-menu[aria-labelledby="navbarDropdownBisognoDiAiuto"] h3{
	font-weight: bold; 
	font-size: 19px;
	color: var(--colorblu);
}

.top-menu .navbar-nav li.nav-item{
	border-right: 1px solid #fff;
	padding-right: 10px;
	padding-left: 10px;
}
.top-menu .navbar-nav li.nav-item:last-child{
	border-right:none !important; 
}
.top-menu.navbar{
	padding-top: 3px;
	padding-bottom: 3px;
}
.top-menu .navbar-nav .nav-link{
	color: #fff !important;
}
#top{
	border-bottom: 1px solid var(--colorgrigioscuro);
}
.tab_static_top_content_gradient form label{
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}
.errore-motore-pag-msg{
	overflow: auto; 
}
.errore-motore-pag-msg{
	margin-top: 50px;
	margin-bottom: 50px; 
}
/*fine: TEMPLATE*/






/*inizio: breadcrumbs*/
.contenitore_HTML_boxbreadcrumbs{
	background-color: var(--colorgrigio);
}
.breadcrumb_header{
	background-color: white;
}
.breadcrumb_header-background{
	background-color: white;
}

#box_breadcrumbs_motore{
	border-top: none; 
	padding: 0px; 
	margin-bottom: 20px;
}

#box_breadcrumbs_motore .breadcrumb_motore{
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: transparent;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
	color: var(--colorback);
	font-size: 11px; 
    flex-grow: 1;
	font-weight: 600;
}


#box_breadcrumbs_motore .current .breadcrumb_motore{
	flex: 1;
    min-width: 0;
}


#box_breadcrumbs_motore .breadcrumb_contenuto h2{
	font-size: 14px;
	margin-bottom: 1rem; 
	margin-top: 0; 
	text-transform: uppercase; 
	font-weight: bold;
}

#box_breadcrumbs_motore .breadcrumb_contenuto .img-veicolo{
	width: 100%; 
	max-width: 130px;
	margin: 0 auto; 
	display: block; 
}
#box_breadcrumbs_motore .breadcrumb_contenuto a,
#box_breadcrumbs_motore .breadcrumb_contenuto a:visited{
	color: white; 
}


#box_breadcrumbs_motore .breadcrumb_title_label{ 
	font-size: 12px;
	display: block; 
    float: left; 

}

#box_breadcrumbs_motore .breadcrumb_action{
	text-align: right; 
	font-size: 11px;
	display: block;
    float: right; 
	padding-right: 5px;
}
#box_breadcrumbs_motore .breadcrumb_action a,
#box_breadcrumbs_motore .breadcrumb_action a:visited,
#box_breadcrumbs_motore .breadcrumb_action a:hover{
	color: white !important; 
}
#box_breadcrumbs_motore .current .breadcrumb_action a,
#box_breadcrumbs_motore .current .breadcrumb_action a:visited,
#box_breadcrumbs_motore .current .breadcrumb_action a:hover{
	color:  var(--colorblack) !important;
}
#box_breadcrumbs_motore .breadcrumb_title{
	
	font-weight: 600;
	text-transform: uppercase; 
	font-size: 14px;
	text-align: center; 
	color: var(--colorblu);
	background-color: white !important; 
	padding-top: 5px;
	padding-bottom: 5px;
	
}
#box_breadcrumbs_motore .breadcrumb_title::after{
	  content: "";
	  display: table;
	  clear: both;
	}

#box_breadcrumbs_motore .breadcrumb_title_mobile{
	display: none; 
}

#box_breadcrumbs_motore .breadcrumb_title.past{
	color: white;
	background-color: var(--colorblu) !important;
	border-bottom: 2px solid var(--colorblu);
	
}

#box_breadcrumbs_motore .breadcrumb_title.current{
	color: var(--colorarancione);
	border-bottom: 2px solid var(--colorarancione);
	
}


#box_breadcrumbs_motore .breadcrumb_title.next{
	border-bottom: 2px solid var(--colorblu);
}
.breadcrumbs_box_container .breadcrumbs_box{
	margin-top: 15px;
	margin-bottom: 15px;
	border-right:1px solid var(--colorgrigioscuro);
}

.box_breadcrumbs_motore_collapse{
	font-weight: 600; 
	color: var(--colorblu);
	border-bottom: 1px solid var(--colorgrigioscuro);
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative; 
	padding-left: 15px;
	cursor: pointer;
	margin-bottom: 15px;
}

.contenitore_HTML_boxbreadcrumbs .breadcrumb1_same_agency,
.contenitore_HTML_boxbreadcrumbs .breadcrumb_img_vettura{
	display: none !important;
}

.contenitore_HTML_boxbreadcrumbs p,
.contenitore_HTML_boxbreadcrumbs .breadcrumb_contenuto h2{
	margin-bottom: 5px !important;
}

.box_breadcrumbs_motore_collapse.collapsed:before{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f105";
	
	position: absolute; 
	left: 0px;
	top: 35%;
}

.box_breadcrumbs_motore_collapse:before{
	position: absolute; 
	left: 0px;
	top: 35%;
    
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	 content: "\f107";
}


.contenitore_HTML_boxbreadcrumbs.sticky{
	width: 100%;
    position: fixed !important;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    margin-left: 0px !important;
    margin-right: 0px !important;
	background-color: white; 
	border-bottom:1px solid var(--colorgrigioscuro); 
	margin-top: 0px !important; 
	box-shadow: -4px 16px 15px -3px rgba(0,0,0,0.1);
}
.contenitore_HTML_boxbreadcrumbs.sticky .box_breadcrumbs_motore_collapse{
	margin-bottom: 0px;
}
.contenitore_HTML_boxbreadcrumbs.sticky #box_breadcrumbs_motore{
	margin-top: 0px;
	margin-bottom: 0px;
}
.contenitore_HTML_boxbreadcrumbs.sticky .breadcrumb_header-background{
	background-color: transparent !important; 
}
.contenitore_HTML_boxbreadcrumbs.sticky .breadcrumbs_box{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.contenitore_HTML_boxbreadcrumbs.sticky .breadcrumb_motore{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.breadcrumb_totale{
	text-transform: uppercase; 
	font-size: 18px;
	font-weight: bold; 
	text-align: left;
}
.breadcrumb_totali{
	font-size: 24px;
	font-weight: bold; 
	text-align: right;
}
.breadcrumb_subtotale{
	font-size: 11px;
	text-align: left;
}
.breadcrumb_subtotali{
	font-size: 15px;
	text-align: right;
}

.breadcrumb_sac_scelti_label{

}
.breadcrumb_sac_scelti_label span{

	display: block;
	width: 100%;
	text-align: left; 
	text-transform:uppercase; 
}


.breadcrumb_sac_scelti_price span{
	font-weight: bold; 
	text-align: right; 
	display: block;
}
.breadcrumb_sac_scelti_toggle{
	text-align: center; 
	cursor: pointer; 
}

.pagina-di-riepilogo .breadcrumb_img_vettura,
.pagina-di-riepilogo .breadcrumb1_same_agency{
	display: block !important;
}

.pagina-di-riepilogo .breadcrumb_sac_scelti .row{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid silver; 
}
.pagina-di-riepilogo .breadcrumb_sac_scelti .row:last-child{
		border-bottom:0;
}

.pagina-di-riepilogo .contenitore_HTML_boxbreadcrumbs{
	background-color: white; 
	border: 2px solid var(--colorblu);
	margin-top: 25px;
	margin-bottom: 25px;
}
.pagina-di-riepilogo .contenitore_HTML_boxbreadcrumbs #box_breadcrumbs_motore{
	margin-bottom: 0px;
}
.pagina-di-riepilogo .breadcrumbs_box_container .breadcrumbs_box.current {
	border-right: 0px; 
}
.pagina-di-riepilogo #box_breadcrumbs_motore .breadcrumb_title.current{
	border-right: 2px solid var(--colorblu);
}


/* Freccia verso sinistra al primo <p> */
/* 1️⃣ Primo paragrafo → icona calendario (o orologio) */
.pagina-di-riepilogo #box_breadcrumbs_1 .breadcrumb_contenuto p:first-of-type::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f073"; /* fa-calendar */
  margin-right: 8px;
  color: var(--colorarancione);
}

/* 2️⃣ Secondo paragrafo → freccia piena verso sinistra */
.pagina-di-riepilogo #box_breadcrumbs_1 .breadcrumb_contenuto p:nth-of-type(2)::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0a8"; /* fa-arrow-left */
  margin-right: 8px;
  color: var(--colorarancione);
}

/* 3️⃣ Terzo paragrafo (stessa agenzia) → freccia piena verso destra */
.pagina-di-riepilogo #box_breadcrumbs_1 .breadcrumb_contenuto p.breadcrumb1_same_agency::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0a9"; /* fa-arrow-right */
  margin-right: 8px;
  color: var(--colorarancione);
}


.breadcrumb_inclusioni_vettura ul, 
.breadcrumb_inclusioni_vettura li{
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
    list-style-image: none;
}
.breadcrumb_inclusioni_vettura li{
	 display: inline-block;
	
}
.breadcrumb_inclusioni_vettura li:before {
  font-family: 'FontAwesome';
  content: '\f0c8'; /* fa-square */
  margin-right: 5px;
  color:  var(--colorarancione);
}

.btn.btn-link.toggle-extra-accessori,
.btn.btn-link.toggle-extra-accessori:hover, 
.btn.btn-link.toggle-extra-accessori:active,
.btn.btn-link.toggle-extra-accessori:visited{
	color:  var(--colorarancione);
	text-decoration: none !important; 
}
@media only screen and  (max-width: 992px) {
	.box_breadcrumbs_motore_collapse{
		border-bottom: none !important; 
	}

	.contenitore_HTML_boxbreadcrumbs{
		background-color: white !important; 
	}
	#box_breadcrumbs_motore .breadcrumb_header{
		display: none !important;
	}
	#box_breadcrumbs_motore .breadcrumb_title_mobile{
		display: block;
		margin-bottom: 0px;
		
	}
	#box_breadcrumbs_motore .breadcrumb_title_mobile .breadcrumb_title_label{
		padding-left: 5px;
	}
	#box_breadcrumbs_motore .breadcrumb_title{
		margin-left: 0px;
		margin-right: 0px;
	}
	.breadcrumbs_box_container .breadcrumbs_box{
		margin-left: 0px;
		margin-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-right: 0;
	}
	.pagina-di-riepilogo #box_breadcrumbs_motore .breadcrumb_title.current{
		border-right: 0;
	}
	.breadcrumbs_box_container col.breadcrumbs_box{
		
	}
	
	#box_breadcrumbs_motore .breadcrumb_motore{
		border: none !important; 
		padding: 0px !important;
	}
	
	
	#box_breadcrumbs_motore .breadcrumb_contenuto{
		padding-top: 10px;
		min-height: 50px !important; 
	}
	
	.breadcrumb_title_mobile::after,
	.breadcrumb_title_mobile .breadcrumb_title::after {
	  content: "";
	  display: table;
	  clear: both;
	}

	
}
/*fine: breadcrumbs*/


/*inizio: card vettura*/
.flip-card-vettura {
  background-color: transparent;
  width: 100%;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
}
.flip-card-inner-vettura {
  position: absolute;
	
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
	
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card-front-vettura, .flip-card-back-vettura {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  font-size: 13px; 
}
.flip-card-front-vettura {
  color:var(--colorblack);
  border: 1px solid var(--colorgrigioscuro);
   -webkit-border-radius: var(--borderradius);
  -moz-border-radius: var(--borderadius);
  border-radius: var(--borderradius);
}
.flip-card-back-vettura {
  color:var(--colorblack);
  transform: rotateY(180deg);
  border: 1px solid var(--colorgrigioscuro);
   -webkit-border-radius: var(--borderradius);
  -moz-border-radius: var(--borderadius);
  border-radius: var(--borderradius);
	background-color: white; /*firefox fix*/
}
.flip-card-vettura.flip-snapcom .flip-card-inner-vettura {
  transform: rotateY(180deg);
}


.flip-card-vettura .flip-card-vettura-heading{
	padding: 15px;

}
.flip-card-vettura .flip-card-vettura-heading h2,
.flip-card-vettura .flip-card-vettura-heading h3,
.flip-card-vettura .flip-card-vettura-heading h4{
	margin-bottom: 0px;
}
.flip-card-vettura .flip-card-vettura-heading h2 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    color: var(--colorblu);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.flip-card-vettura .flip-card-vettura-heading h3{
	font-size: 16px;
	color: var(--colorblu);
	text-transform: uppercase; 
}
.flip-card-vettura .flip-card-vettura-heading h4,
.flip-card-vettura .flip-card-vettura-heading div.prodotto{
	font-size: 14px;
	font-weight: 600; 
}
.flip-card-vettura .flip-card-vettura-heading div.prodotto{
	margin-top: 0px;
	display: none !important;
}
.flip-card-vettura .flip-card-vettura-heading h4{
	font-weight: normal !important; 
}
.flip-card-vettura .flip-card-vettura-heading h4 span{
	font-weight: 600 !important; 
	text-transform: uppercase;
}
.btn-flip-card-vettura,
.btn-flip-card-vettura:hover{
	display: block;
	text-align: right; 
	text-decoration: none !important; 
	font-size: 13px;
}
.btn-flip-card-vettura i{ 
	font-size: 20px;
}
.text-btn-flip-card-vettura{
	font-size: 20px; 
	text-decoration: underline;
	display: block;
	padding-top: 5px;
	font-weight: 600;
}

.flip-card-vettura .flip-card-contentitore-immagine{
	position: relative; 
}
.flip-card-vettura .flip-card-contentitore-immagine img.img-veicolo{
	width: 70%;
	display: block;
	margin: 0 auto;
}
.flip-card-vettura .flip-card-contentitore-immagine .flip-card-text-immagine{
	position: absolute;
	right: 0px;
	top: -20px;
	background-color: var(--colorblu);
	-webkit-border-top-left-radius: var(--borderradius);
	-webkit-border-bottom-left-radius:  var(--borderradius);
	-moz-border-radius-topleft:  var(--borderradius);
	-moz-border-radius-bottomleft:  var(--borderradius);
	border-top-left-radius:  var(--borderradius);
	border-bottom-left-radius:  var(--borderradius);
	
}
.flip-card-vettura .flip-card-contentitore-immagine .flip-card-text-immagine p{
	text-align: center;
	color:white;
	font-weight: 600;
	margin-bottom: 0px;
	text-transform: uppercase; 
	font-size: 16px !important;
	padding-left: 15px;
	padding-right: 10px;
}
.flip-card-vettura .flip-card-contentitore-immagine .flip-card-avviso-elettrica{
	position: absolute; 
	left: 15px; 
	top: 15px; 
	font-size: 10px;
}
.flip-card-vettura .flip-card-contentitore-immagine .flip-card-avviso-elettrica img{
	width: 30px; 
	cursor: pointer; 
	filter: invert(43%) sepia(46%) saturate(840%) hue-rotate(70deg) brightness(94%) contrast(85%);
}
.flip-card-vettura .flip-card-contentitore-immagine .flip-card-autonomia{
	position: absolute; 
	right: 15px; 
	top: 15px; 
	font-size: 10px;
	font-weight: bold; 
}
.flip-card-vettura .flip-card-contentitore-immagine .flip-card-autonomia img{
	width: 30px; 
	display: inline-block; 
	margin-right: 5px; 
	vertical-align: baseline !important; 
	filter: invert(43%) sepia(46%) saturate(840%) hue-rotate(70deg) brightness(94%) contrast(85%);
}
.flip-card-vettura .flip-card-contentitore-immagine .flip-card-autonomia span{
	display: inline-block; 
}
.flip-card-contentiore-iconcine{
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}


.flip-card-contentiore-iconcine img{
	width: 25px;
	margin-right: 5px;
}
.flip-card-scheda-tecnica{
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}
.flip-card-scheda-tecnica a, .flip-card-scheda-tecnica a:hover{
	color: var(--colorblu);
	font-weight: 600;
	text-decoration: underline;
}
.flip-card-contentitore-prezzi{
	padding: 15px;
	padding-top: 0px;
}
.flip-card-contentitore-prezzi .check-prezzo{
	cursor: pointer;
	margin-bottom: 0px; 
	padding-left: 0px;
	text-align: center; 
}
.flip-card-contentitore-prezzi .check-prezzo input{
	display: none;
}
.flip-card-contentitore-prezzi .check-prezzo .form-check-label.booking_price{
	margin-left: 0px;
	display: block; 
}
.flip-card-contentitore-prezzi .check-prezzo > * {
    pointer-events: none;
}
.flip-card-contentitore-prezzi .booking_price span{
	font-size: 26px !important;
	font-weight: 600 !important;
}

.flip-card-contentitore-prezzi .e-risparmia{
	font-size: 13px;
	font-weight: 600 !important;
}

.flip-card-contentitore-prezzi .btn-seleziona-supplementi{
	margin-top: 15px !important; 
	padding: 5px !important; 
	font-size: 22px !important; 
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important; 
	font-weight: 600 !important; 
}
.flip-card-contentitore-prezzi .banner-partner-offerta{
	margin: 0 auto; 
}
.flip-card-back-vettura .alert{
	padding: 5px !important; 
}
.flip-card-back-vettura .alert.alert-info{
	background-color: transparent;
	border-color: #2a9127;
	color:var(--colorblack);
}
.flip-card-back-vettura .alert img{
	width: 30px;  
	margin: 0px 5px 0px 0px; 
	vertical-align: bottom;
	filter: invert(43%) sepia(46%) saturate(840%) hue-rotate(70deg) brightness(94%) contrast(85%);
}
.flip-card-back-vettura .flip-card-tariffa-include{
	padding: 0px 15px; 
}
.flip-card-back-vettura .flip-card-tariffa-include .tariffa-include-label{
	margin-top: 5px;
	margin-bottom: 5px;
	text-transform: uppercase; 
}
.flip-card-back-vettura .flip-card-tariffa-include ul{
	padding-left: 15px; 
}
.flip-card-back-vettura .flip-card-tariffa-include li{
	list-style: none; 
	list-style-image: none; 
	display: inline-block; 
}
.flip-card-back-vettura .flip-card-tariffa-include li:before{
	font-family: 'FontAwesome';
	content: '\f0c8'; /* fa-square */
	margin-right: 5px;
	font-size: 9px;
}
.flip-card-back-vettura .flip-card-avvisi-txt{
	padding: 0px 15px; 
}
.flip-card-back-vettura .flip-card-avvisi-txt p{
	margin-bottom: 0px; 
}

@media only screen and  (max-width: 1450px) {
	
	.flip-card-contentiore-iconcine img{
		width: 25px;
	}
	.flip-card-contentiore-iconcine span{
		font-size: 11px;
	}
	
}
@media only screen and  (max-width: 1300px) {
	.contenitore-gruppo-vettura.col-md-6{
		 -ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	} 	
}

@media only screen and  (max-width: 992px) {
	.contenitore-gruppo-vettura.col-md-6{
		 -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.flip-card-contentiore-iconcine img{
		display: block;
	}
	.flip-card-contentiore-iconcine span{
		display: block;
		text-align: center; 
	}
}


/*fine: card vettura*/




/*inizio: pagina servizi / accessori / coperture*/
.header-content-sac h2{
	font-weight: bold;
    text-transform: uppercase;
	font-size: 30px;
	line-height: 42px;
	text-align: center;
	color: var(--colorarancione);
}
.header-content-sac h3{
	font-size: 14px;
	text-align: center;
}


/* 1. Imposta l'altezza completa della card-body */
.box-sac .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Spinge la checkbox in fondo */
}

/* 2. Mantiene lo spazio fisso per il blocco in fondo (checkbox o select) */
.box-sac .form-check,
.box-sac .select_new_sac {
  margin-top: auto;
}

.box-sac{
	font-size: 14px; 
	  border-radius: var(--borderradius);
    -moz-border-radius: var(--borderadius);
     -webkit-border-radius: var(--borderradius);
	border: 1px solid var(--colorgrigioscuro);
}
.box-sac.active{
	border: 3px solid var(--colorblu);
}
.box-sac .card-title{
	color: var(--colorblu);
	font-weight: bold; 
	text-transform: uppercase; 
	text-align: center; 
	font-size: 20px;
}
.box-sac .price{
	font-size: 22px;
	margin-top: 25px;
	font-weight: bold; 
}
.box-sac .features-price{
	font-size: 20px;
	font-weight: 500;
	white-space: nowrap;
}
.box-sac .features-price.text-success { color: #28a745 !important; font-weight: 600;  }
.box-sac .features-price.text-warning { color: #ff9800 !important; }
.box-sac .features-price.text-danger  { color: #d4002a !important; }

.box-sac .feature-label {
  font-weight: 500;
  font-size: 0.9rem;
	padding-right: 1.25rem;
}
.box-sac .card-body{
	text-align: center;  
}
.box-sac .box-img-sac,
.box-sac .servizio_accessorio_in_promozione{
	max-height: 80px !important; 
}

/* Aumenta il padding verticale solo per le feature delle assicurazioni */
.box-sac .list-group-item {
  padding-top: 0.75rem;   /* default 0.5rem → leggermente più aria */
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;  /* opzionale, se vuoi più spazio orizzontale */
  padding-right: 1.25rem;
}
.box-sac .list-group-item i.fa{
	font-size: 18px;
}
.box-sac .included-label.badge.bg-success,
.box-sac .mandatory-label.badge.bg-danger{
	font-size: 18px;
}

.box-sac .included-label.badge.bg-success{
	background-color: white !important; 
	color: var(--colorblack);
}
.box-sac .included-label.badge.bg-success::before{
	content: "\f00c";
	color: green;
	display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	margin-right: 5px;
}
.box-sac .select_new_sac .input-group select {
    pointer-events: none;
    border: 2px solid var(--colorarancione) !important;
    -webkit-border-radius: var(--borderradius) !important;
    -moz-border-radius: var(--borderradius) !important;
    border-radius: var(--borderradius) !important;
    max-width: 40px;
    padding: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
	background-image: none !important; 
}
.box-sac .select_new_sac .input-group .input-group-text {
    cursor: pointer;
    background-color: #fff !important;
    color: var(--colorarancione) !important;
    border: none !important;
    font-size: 35px;
    line-height: 35px;
    font-weight: 600;
}
.box-sac .select_new_sac .remove_btn_select_new_sac {
	display: none;
}
.totali_gruppo .price{
	font-size: 24px;
	color: var(--colorblack);
}
.totali_gruppo .price strong{
	font-weight: bold; 
}
.breadcrumb_action .modifica_assicurazioni_btn{
	display: none; 
}
.box-sac.card-no .price{
	margin-top: 0px; 
}
.box-sac.card-no  .card-text{
	display: none; 
}
/* --- CARD-NO: le caratteristiche DEVONO essere su una sola riga --- */
/* SOLO per la card "NESSUNA COPERTURA" */
@media (min-width: 768px) {
	
	.box-sac.card-no .list-group {
		display: flex !important; /* Rende il contenitore un flex container */
		flex-direction: row !important;/* Dispone gli elementi in una riga orizzontale (comportamento di default) */
	  /* Altre proprietà per l'allineamento o la distribuzione dello spazio 
		justify-content: space-between !important; /* Spazio tra gli elementi */
		justify-content: center !important; 
		margin-bottom: 0px !important;
	}

	.box-sac.card-no .list-group-item {
	  display: flex !important;
	  /*  flex-direction: column !important; mette il prezzo a capo */
	  /*Allinea a sinistra
	  align-items: flex-start !important; 
	  text-align: left;
		 */
	  padding: 0.5rem 0.75rem;
	  border-bottom: none; 
	  margin-bottom: 0px !important; 
	}
	.box-sac.card-no .price{
		 margin-bottom: 0px !important; 
	}

	/* Mantiene spaziatura e riduce l'altezza */
	.box-sac.card-no .feature-label {
	  margin-bottom: 2px;
	  padding-right: 0px;
	}

	.box-sac.card-no .features-price {
		padding-left: 15px;
	}
	
}

.section_include_footer{
	background-color:#fff;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 30px;
	display: none; border-top: 2px solid var(--colorblu);
}
.section_include_footer ul{
	-webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
	list-style: none;
	list-style-image: none;
}
.section_include_footer ul li{
	line-height: 34px;
    padding-left: 30px;
	margin-bottom: 10px;
	list-style: none;
	list-style-image: none; 
	font-size: 16px;
	font-weight: 600;
	color: var(--colorblu);
}

.section_include_footer ul li:before {
    content: "\f00c";
    font-size: 16px;
    line-height: 34px;
    margin-left: -30px;
	padding-right: 15px;
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: var(--colorblu);
}

.section_include_footer h3{
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 10px;
	padding-left: 30px;
	font-weight: 600;
	color: var(--colorblack);
	text-transform: uppercase; 
}
@media only screen and (max-width:990px){
	
	.section_include_footer ul{
		-webkit-column-gap: 15px;
		-moz-column-gap: 15px;
		column-gap: 15px;
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
}


/*fine: pagina servizi / accessori / coperture*/

#gruppi-vettura-container-errore,
#errore_bxml_motore
{
	margin-top: 25px;
	margin-bottom: 25px;

}
#gruppi-vettura-container-errore{
		display: none;
}
#gruppi-vettura-container{
	margin-top: 15px; 
	visibility: hidden;
}

.pagina-motore .box_gruppo{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 0px !important;
}
.pagina-motore .carinfo{
	background-color: white;
}
.pagina-motore .partner{
	
	margin-bottom: 10px;
}
.pagina-motore .partner img{
	  border-radius: var(--borderradius);
    -moz-border-radius: var(--borderadius);
     -webkit-border-radius: var(--borderradius);
	border: 1px solid var(--colorgrigio);
}


.pagina-motore .carinfo .detailtitle{
	margin-bottom: 5px !important;
	margin-top: 0px !important; 
}
.pagina-motore .optionals img{
	margin-bottom: 5px;
}
.pagina-motore .booking_price {
	font-size: 18px;
    font-weight: 300;
}
.pagina-motore .check-prezzo{
	color: var(--colorblack);
	margin-bottom: 15px;
}

.pagina-motore .check-prezzo.active{
	color: var(--colorblu);
}

.pagina-motore .booking_price span{
	font-size: 35px;
    font-weight: 900;
}
.pagina-motore .booking_price .e-risparmia{
	font-style: italic;
	color:var(--colorblack);
}


.pagina-motore input[type="radio"][name="tp_prepaid"]:checked {
    background-color: var(--colorarancione);
    border: none;
    padding: 5px;
    border: 1px solid var(--colorblackchiaro);
}
.pagina-motore input[type="radio"][name="tp_prepaid"] {
    width: 30px;
    height: 30px;
    border: 1px solid var(--colorblackchiaro);
	margin-top: 10px;
}
.altrimodelli{
	padding-bottom: 20px;
}
.tariffa-include-ul, .tariffa-include-ul li{
	list-style:none;
	padding-left: 0px;
	margin-left: 0px;
}

.tariffa-include-ul li:before {
    content: "- ";
    text-indent: -1em;
    display: inline-block;
}
.tariffa-include-label{
	font-weight: bold;
}
.pagina-motore.m-step2 .blockUI.blockOverlay{
	left: -40px !important;
	right: -40px !important;
	width: auto !important;
}
.pagina-motore .btn-seleziona-supplementi{

    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    padding: 16px 20px;
	height: auto;	
}
.pagina-motore.step2.m-step2{
	position: relative;
}
.pagina-motore .box-supplementi,
.pagina-motore .tabs-supplementi{
	display: none;
}

.pagina-motore .step2-optionrow {
    padding-top: 20px;
    padding-bottom: 20px;
}
.pagina-motore .step2-optionrow h3 {
	    color: var(--colorblu);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
}
.pagina-motore .step2-optionrow .option-price p {
    color: var(--colorback);
    font-size: 22px;
}
.pagina-motore .step2-optionrow .select2-container{
	font-size: 13px;
}
.select2-results__option{
	font-size: 11px !important; 
	padding: 2px !important;
	min-height: 30px !important;
}


.pagina-motore .prezzo_totale h3 {
    color: var(--colorblu);
    font-weight: bold;
    font-size: 35px;
    line-height: 50px;
}

.pagina-motore.pagina-di-riepilogo .section-motore{
	padding-top: 60px;
	padding-bottom: 60px;
}

.pagina-motore.pagina-di-riepilogo .section-titolo {
    color: var(--colorblu);
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    background-color: var(--colorgrigio);
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
}



.pagina-motore.pagina-di-riepilogo .stampa{
	position: absolute;
	right: 15px;
}
.pagina-motore.pagina-di-riepilogo .stampa img{
	width: 38px;
}

.pagina-motore.pagina-di-riepilogo .dq-stitle {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    color: var(--colorblu);
}
.pagina-motore.pagina-di-riepilogo .dq-place {
    font-size: 18px;
    color: var(--colorblackchiaro);
}
.pagina-motore.pagina-di-riepilogo .dq-data {
    font-size: 18px;
    color: var(--colorblackchiaro);
    text-transform: uppercase;
}

.pagina-motore.pagina-di-riepilogo .dq-ora {
    font-size: 18px;
    color: var(--colorblackchiaro);
    text-transform: uppercase;
}
.pagina-motore.pagina-di-riepilogo .section-where.ritiro{
	border-bottom: 1px solid var(--colorgrigio);
}
.pagina-motore.pagina-di-riepilogo .section-where{
	padding-top: 25px;
	padding-bottom: 25px;
}
.pagina-motore.pagina-di-riepilogo .section-where strong{
	font-weight: bold;
}
.pagina-motore.pagina-di-riepilogo .upgrade_btn{
	
	font-size: 15px;
	font-weight: bold;
}
.pagina-motore.pagina-di-riepilogo .upgrade_btn::after{	
  font-family: "Font Awesome 6 Free";
  font-weight: 900;          /* usa le icone "solid" */
  content: "\f105";          /* fa-angle-right */
  margin-left: 15px;
  color: var(--colorarancione);       
}
.pagina-motore.pagina-di-riepilogo label[for="tp_readcondizioni"] a{
	font-weight: bold;
}
	
.pagina-motore .section-totali{
	padding-top: 25px;
	padding-bottom: 25px;
}
.pagina-motore .section-totali .titolo-totali{
	background-color: white;
	padding-bottom: 0px;
	
	text-align: left;
	font-size: 21px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
}
.pagina-motore .section-totali .line-separator-bottom{
	border-bottom: 1px solid var(--colorgrigioscuro);
}
.pagina-motore .section-totali .line-separator-top{
	border-top: 1px solid var(--colorgrigioscuro);
}
.pagina-motore  .section-totali .descrizione-totali{
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.pagina-motore  .section-totali .descrizione-totali.only-prepaid{
	padding-bottom: 0px;
	padding-top: 0px;
	text-transform:none;
}
.pagina-motore  .section-totali .descrizione-totali strong{
	font-weight: bold;
	font-size: 21px;
}
.pagina-motore .section-totali .label-totale{
	font-weight: bold;
    color: var(--colorblu);
    text-transform: uppercase;
    font-size: 30px;
}
.pagina-motore  .section-totali .descrizione-totali small{
	display: block;
}
.pagina-motore #upgrade_veicolo{
	padding-bottom: 25px;
}
.pagina-motore #upgrade_veicolo h4 {
    font-weight: bold;
    font-size: 35px;
	color: var(--colorblu);
}
.pagina-motore #ituoidati h4,
.pagina-motore #ituoidati h4.accordion-header button{
    color: var(--colorblu);
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    padding: 30px 0 20px 0;
}
/* Freccia dell'accordion spostata a sinistra solo nella sezione "I tuoi dati" */
.pagina-motore #ituoidati .accordion-button {
  padding-left: 1.5rem; /* spazio per la freccia */
  padding-right: 0;     /* elimina il margine destro standard */
}

.pagina-motore #ituoidati .accordion-button::after {
  display: none !important; /* nasconde la freccia originale Bootstrap */
}

.pagina-motore #ituoidati .accordion-button::before {
  content: "";
  background-image: var(--bs-accordion-btn-icon); /* usa l'icona Bootstrap */
  background-repeat: no-repeat;
  background-size: 1rem;
  width: 1rem;
  height: 1rem;
  margin-right: .75rem;
  transition: transform .2s ease-in-out;
}

/* Rotazione della freccia all'apertura */
.pagina-motore #ituoidati .accordion-button:not(.collapsed)::before {
  transform: rotate(-180deg);
}

.pagina-motore #ituoidati .accordion-collapse {
  transition: none !important; 
}


.pagina-motore .btn-prenota-step4 {
    background: var(--colorarancione);
    border-color: var(--colorarancione);
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    padding: 10px 20px;
    margin: 20px auto;
}

.pagina-motore.step3.m-step3 #motore,
.pagina-motore.step-modifica.m-modifica-prenotazione #motore{
	width: auto !important;
	background-color: white !important;
	border-bottom: none !important;
} 
.pagina-motore.step3.m-step3 .m-step1.container,
.pagina-motore.step-modifica.m-modifica-prenotazione .m-step1.container{
	max-width: 100% !important;
	padding-left: 40px;
	padding-right: 40px;
}
.pagina-motore.step3.m-step3 #motore .m-step1.container-fluid,
.pagina-motore.step-modifica.m-modifica-prenotazione #motore .m-step1.container-fluid{
	border-top: none !important;
	margin-bottom: 25px;
}

.banner-laterale-agenzia {
  position: fixed;
  top: 50%;
  left: -320px; /* nascondi fuori dallo schermo */
  transform: translateY(-50%);
  z-index: 1050;
  transition: left 0.6s ease;
  background-color: transparent;
}

.banner-laterale-agenzia.aperto {
  left: 0; /* si apre verso destra */
}

.banner-laterale-agenzia img {
  display: block;
  max-width: 300px; /* regola a piacere */
  height: auto;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

/* Pulsante chiudi in stile moderno */
.banner-laterale-agenzia .chiudi-banner {
  position: absolute;
  top: 8px;
  right: 8px;
  opacity: 0.8;
  color: var(--colorblack); 
  z-index: 10;
  cursor: pointer; 
}

.banner-laterale-agenzia .chiudi-banner:hover {
  opacity: 1;
}


.pagina-di-riepilogo .carinfo .cartitle a, 
.pagina-di-riepilogo .cartitle a:visited{
	display: revert !important;
}


.pagina-motore.pagina-di-riepilogo .section-titolo .modifica_btn {
    right: 15px;
    font-size: 15px;
    font-weight: normal;
    top: 15px;
    position: absolute;
    color: #fff;
    background-color:var(--colorarancione) !important;
    border-color: :var(--colorarancione); 
    text-transform: uppercase;
    border-radius: 10px;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
}

@media only screen and  (max-width: 1200px) {
	.optionals div.optionals-desc{
		display: none; 
	}
}

@media only screen and  (max-width: 992px) {
	
	
	.pagina-motore.step3.m-step3 #motore{
		display: block;
	}

	.pagina-motore .box_gruppo{
		padding-left: 0px; 
		padding-right: 0px;
	}
	.pagina-motore .partner{
		margin-top: 10px;
	}
	.m-step2 .box_gruppo{
		padding-left: 0px;
		padding-right: 0px;
	}
	.pagina-motore .tariffa-include-cont{
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.pagina-motore .tariffa-include-ul li{
		padding-left: 25px;
		font-size: 14px;
	}
	.pagina-motore .tariffa-include-ul li:before {
		content: "";
	}
	.pagina-motore .carinfo .detailtitle{
		font-size: 15px;
	}
	.pagina-motore .carinfo .detailtitle.prodotto-label{
		padding-left: 30px;
		padding-right: 30px;
	}
	.popup_banner_hai_bisogno_di_aiuto{
		display: none !important;
	}
	
	.pagina-motore.m-step2 .blockUI.blockOverlay{
		left: -15px !important;
		right: -15px !important;
		width: auto !important;
	}
	.pagina-motore .btn-seleziona-supplementi{
		margin-top: 0px;
	}
	.pagina-motore .step2-optionrow p.descrizione-supplemento{
		display: none;
	}
	.pagina-motore.pagina-di-riepilogo .section-titolo{
		text-align: left !important;
	}

	.pagina-motore.pagina-di-riepilogo .section-titolo{
		padding-left: 15px;
		padding-right: 15px;
	}
	.pagina-motore #upgrade_veicolo h4{
		font-size: 19px;
		text-align: center;
	}
	.pagina-motore #ituoidati .altre-info h4 {
		margin-bottom: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.pagina-motore.step3.m-step3 .m-step1.container,
	.pagina-motore.step-modifica.m-modifica-prenotazione .m-step1.container{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	
	.form-group.input-group-fatturazione{
		float: none !important;
		min-width: 100%;
		padding-right: 0px;
	}
	
	.pagina-motore .step2-optionrow h3{
		font-size: 13px !important;
	}
	.pagina-motore .step2-optionrow .option-price p{
		font-size: 13px !important;
	}
	
	.pagina-motore.pagina-di-riepilogo .section-motore{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.stampa{
		display: none;
	}
	.pagina-motore.pagina-di-riepilogo .dq-stitle{
		font-size:15px;
	}
	.pagina-motore.pagina-di-riepilogo .dq-place{
		font-size:15px;
	}
	.pagina-motore.pagina-di-riepilogo .dq-data{
		font-size:15px;
	}
	.pagina-motore.pagina-di-riepilogo .dq-ora{
		font-size:15px;
	}
	.pagina-motore.pagina-di-riepilogo .section-titolo{
		font-size: 18px;
	}
	
	.pagina-motore .section-totali .descrizione-totali{
		font-size:16px;
	}
	.pagina-motore .section-totali .descrizione-totali strong{
		font-size:16px;
	}
	.pagina-motore .section-totali .titolo-totali{
		font-size: 16px;
	}
	.pagina-motore .section-totali .label-totale{
		font-size: 22px;
	}
	
	.pagina-motore .titolo-supplementi{
		font-size: 20px;
	}
		.optionals div.optionals-desc{
		display: block; 
	}
}









/*M-STEP2*/
@media only screen and  (max-width: 992px) {
	#cambio-km-tariffa{
		margin-bottom: 15px;
	}
	#cambio-km-tariffa label{
		display: block; 
		text-align: center; 
		margin-left: auto !important;
		margin-right: auto !important; 
		width: 100% !important;
	}
	#cambio-km-tariffa .select2{
		display: block; 
		
		width: 100% !important;
	}
	.btn-configuratore{
		display: none !important; 
	}
}



.banner-partner-offerta img{
	max-width: 40%;
    display: block;
    margin: 0 15px;
}
.banner-partner-offerta{
	margin-bottom: 15px;
}
/*PARTE FLAT*/
.flat-gruppo{
	width: 100%; 
	padding-top: 5px;
	
	display: none; 
	margin-left: 0px;
	margin-right: 0px;
	position: relative; 
	z-index: 900; 

}
.flat-gruppo-inner{
	padding: 25px !important; 
}

.flip-card-back-vettura.active,
.flip-card-front-vettura.active{
	border: 2px solid var(--colorblu);	
	-webkit-border-bottom-right-radius: var(--borderradius);
	-webkit-border-bottom-left-radius: var(--borderradius);
	-moz-border-radius-bottomright: var(--borderradius);
	-moz-border-radius-bottomleft: var(--borderradius);
	border-bottom-right-radius: var(--borderradius);
	border-bottom-left-radius: var(--borderradius);
}
.flip-card-back-vettura.active:after, 
.flip-card-front-vettura.active:after{
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f107";
	position: absolute;
	bottom: -28px;

	/* CENTRATURA */
	left: 50%;
	transform: translateX(-50%);

	background-color: white;
	color: var(--colorblu);
	font-size: 37px;
}


.flip-card-front-vettura .label_su_richiesta_front{
	font-size: 15px;
	color: var(--colorblu);
	font-weight: bold; 
	text-transform: uppercase; 
	text-align: center; 
	display: block; 
}
.flip-card-front-vettura.active .open-gruppo-flat{
	display: none; 
}
.flat-desc-veicolo img{
	width: 25px;
    margin-right: 10px;
}
.flat-desc-veicolo p{
	font-size: 15px;
	color: var(--colorblack);
	font-weight: 600;
}
.flat-img-veicolo{
	text-align: center; 
}
.flat-img-veicolo .img-veicolo{
	max-width: 500px; 
	margin: 0 auto; 
	width: 100% !important;
}

.flat-titolo-veicolo h2,
.flat-titolo-veicolo h3{
	font-weight: bold;
	color: var(--colorblu); 
	margin-bottom: 0px;
}
.flat-titolo-veicolo h2{
	font-size: 24px !important;
	text-transform: uppercase;
}
.flat-titolo-veicolo h3{
	font-size: 18px !important;
	font-weight: normal !important; 
	text-transform: uppercase; 
	color: var(--colorblu);
}
.flat-titolo-veicolo h4{
	font-size: 16px !important;
	margin-bottom: 0px;
	
}
.flat-titolo-veicolo h4 span{
	text-transform: uppercase; 
	font-weight: 600;
}
.flat-titolo-veicolo i{
	display: none; 
}
.flat-titolo-veicolo div.prodotto{
	display: none;
}
.modal-dialog.modal-step2-flotta{
	width: 90% !important;  
	max-width: 90% !important; 
}





.price-gruppo-flat{
	font-size: 16px; 
	text-transform: lowercase;
	font-weight: bold; 
}
.price-gruppo-flat span{
	font-weight: bold;
	font-size: 22px;
}
.price-gruppo-flat span.totale{
	font-size:16px; 
	color: var(--colorblack);
	font-weight: 500 !important; 
}
.price-gruppo-flat span.totale span{
	font-size: 16px !important; 
	font-weight: 500 !important; 
}
.totale-price_gruppo-flat{
	font-size: 16px; 
	display: block; 
}
.flat-gruppo-price{
	 -webkit-border-radius: var(--borderradius);
	-moz-border-radius: var(--borderadius);
	border-radius: var(--borderradius);
}
.flat-gruppo .check-prezzo{
	border: 1px solid var(--colorgrigioscuro);
	padding: 15px 25px 15px 33px; 
    -webkit-border-radius: var(--borderradius);
	-moz-border-radius: var(--borderadius);
	border-radius: var(--borderradius);
	margin-bottom: 15px !important;
	cursor: pointer;
}
.flat-gruppo .check-prezzo.active{
	border: 3px solid var(--colorarancione); 
    background-color: var(--colorgrigio); 
}
.pagina-motore .flat-gruppo .booking_price{
	font-weight: 600; 
	color: var(--colorblack); 
	font-size: 18px;
	width: 100%; 
}
.pagina-motore .flat-gruppo .booking_price .flat_gruppo_differenza{
	font-size: 15px !important; 
	font-weight: bold;
	color: var(--colorblu);
}
.pagina-motore .flat-gruppo .booking_price p{
	color: var(--colorblack); 
	font-size: 13px;
	font-weight: normal !important; 
}
.pagina-motore .flat-gruppo .booking_price strong{
	text-transform: uppercase !important; 
	color: var(--colorblu) !important;
}
.flat-gruppo h3{
	font-weight: 600; 
	font-size: 20px;
}

.flat-gruppo  .price-gruppo-flat{
	font-weight: 600 !important; 
	font-size: 20px !important; 
	line-height: 18px !important; 
	margin-top: 15px !important;
}
.flat-gruppo .totale-price_gruppo-flat{
	display: block; 
	color: var(--colorblack); 
	padding-left: 0px; 
	font-size: 16px;
	margin-top: 10px;
	font-weight: 500;
}
.flat_best{
	background-color: var(--colorarancione); 
	color: white; 
	padding: 5px; 
	font-size: 10px !important; 
	
	 -webkit-border-radius: var(--borderradius);
	-moz-border-radius: var(--borderadius);
	border-radius: var(--borderradius);
	display: inline-block; margin-left: 15px; 
	
	position: relative;
    top: -4px;
	
}
.flat-gruppo .bottom_price_flat{
	margin-top: 15px !important;
}
.flat-gruppo .bottom_price_flat a, .flat-gruppo .bottom_price_flat a:hover{
	text-decoration: underline; 
	font-size: 16px !important;
	font-weight: 600; 
	color: var(--colorblu);
}

.modal-dialog.modal-flat-inclusioni {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh; /* Ensure modal is centered even if there's little content */
}
.modal.modal-flat-inclusioni-background{
}

.modal-dialog.modal-flat-inclusioni  .modal-title{
	font-weight: 600 !important;
    color: var(--colorblu) !important;
    font-size: 18px !important;
}
@media only screen and  (max-width: 992px) {
	
	
	.price-gruppo-flat{ 
		font-size: 14px; 
	}
	.totale-price_gruppo-flat{
		font-size: 14px; 
	}
	.open-gruppo-flat button,
	.open-gruppo-flat button:hover{
		font-size: 14px;
		
	}
	.flat-gruppo{
		margin-left: 0px !important; 
	}
	.flat-gruppo h3{
		margin-bottom: 15px;
	}
	.flat-desc-veicolo{
		margin-bottom: 15px;
	}
	.bottom_price_flat{
		margin-bottom: 15px;
	}
}


/*fix*/
@media only screen and  (max-width: 992px) {
	.btn_heading_sac {
		width: calc(33% - 15px) !important;
		display: block;
		float: left;
		margin-left: 15px !important;
		max-width: 33%;
	}

	.col-md-12 .btn_heading_sac:first-child {
		margin-left: 0px !important;
	}
	.btn_heading_sac img{
	
	}
	.btn_heading_sac p{
		 font-size: 13px;
		display: block;
		width: 100%;
		white-space: nowrap;       
		overflow: hidden;          
		text-overflow: ellipsis;    
	}

	.box_sac.step2-optionrow .col-2,
	.box_sac.step2-optionrow .col-10,
	.box_sac.step2-optionrow .col-md-4.box_sac_input{
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.box_sac.step2-optionrow .col-2 .box_sac_img{
		max-width: 75px;
		margin: 0 auto 15px auto;
		display: block;
	}
	.box_sac.step2-optionrow  .box_sac_title,
	.box_sac.step2-optionrow  .box_sac_descrizione{
		text-align: center;
	}
}