@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,300;1,400;1,600&display=swap');

::-webkit-input-placeholder { /* Edge */
	color: #616161!important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #616161!important;
}

::placeholder {
	color: #616161!important;
}

/* START NEW VERSION */
.w3-row.row-flex{display: flex; justify-content: center;}
.w3-row.row-flex .rdt-fit-content{width: fit-content}

/* SWITCH START */

.toggleWrapper {
	position: relative;
	font-family: 'Poppins', sans-serif;
	margin: auto;
    width: 325px;
}
.toggleWrapper input {
	position: absolute;
	left: -99em;
}
.toggle {
	cursor: pointer;
    display: inline-block;
    position: relative;
    width: 325px;
    height: 55px;
    background-color: rgba(0,48,119,0.3);
    border-radius: 14px;
	transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}


.rd-plugin-prenotazione .icon-button {display: flex; align-items: center;  gap: 8px; background-color: #001E49; border-radius: 10px; padding-left: 0; padding-right: 0; letter-spacing: initial;}
.icon-button > span{ font-size: 12px; line-height: 18px; color: #FFF; width: 68px; text-transform: uppercase; line-height: 1.2;}
.icon-button.icon.van > span{ width: 81px; margin-right: 8px;}


.icon.car{
	position: absolute;
    left: 4px;
    top: 4px;
    height: 47px;
}

.icon.car > svg{
    width: 50px;
    margin-left: 8px;
    margin-right: 4px;
}

.icon.van{
	position: absolute;
    right: 4px;
    top: 4px;
    height: 47px;
}

.icon.van > svg{
  width: 60px;
  margin-left: 10px;
  margin-right: 4px;
}

.cls-ico-car{fill: #FFF;}
.cls-ico-van{fill: #FFF;}


.toggle__handler {
	display: inline-block;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    width: 146px;
    height: 55px;
    border-radius: 14px;
    box-shadow: inset 0 0 0 5px #f46700;
    transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}


input:not(:checked) + .toggle .icon-button.car {
  background-color: #f46700;
}

input:checked + .toggle .icon-button.van {
  background-color: #f46700;
}

input:checked + .toggle {

}

input:not(:checked) + .toggle .icon.car > span {
	color: #FFF;
	font-weight: 600;
}
input:not(:checked) + .toggle .cls-ico-car {
	fill: #FFF;
}

input:checked + .toggle .icon.van  > span {
	color: #FFF;
	font-weight: 600;
}

input:checked + .toggle .cls-ico-van {
	fill: #FFF;
}

input:checked + .toggle .toggle__handler {
	transform: translate3d(146px, 0, 0);
	width: 179px;
	height: 55px;
}

/* SWITCH END */



/* TITLE RESECH */
.rd-plugin-prenotazione {
	max-width: 990px!important;
	border-radius: 20px;
	margin: auto;
}


.rd-plugin-prenotazione label.field { font-family: 'Poppins', sans-serif; position: absolute; top: -50px; left: 0; padding: 12px; color: #FFF; font-size: 20px; font-weight: 600; }

.rd-plugin-prenotazione label.field.rdt-title-general {
	font-family: 'Poppins', sans-serif;
    font-size: 24px;
	top: -58px;
    left: 0;
}

/* ADDRESS DELIVERY */
.rdt-location-delivery{font-family: 'Poppins', sans-serif; font-size: 20px; color: #EEEEEE; padding: 12px;}
.rdt-location-delivery > span {font-size: 14px; color: #EEEEEE; display: block; padding-left: 20px; clear: both;}


.rdtNearButtonTips {font-family: 'Poppins', sans-serif; font-size: 14px; color: rgba(255,255,255,0.5); padding: 12px; text-align: center; position: relative; max-width: 246px;}

.rdtNearButtonTips::after {content: ""; width: 140px; height: 140px; 
	background-image: url("data:image/svg+xml,<svg xmlns=http://www.w3.org/2000/svg version=1.1 viewBox=\"0 0 260 280\"><path fill=\"#ffffff\" d=\"M 206.81 82.94 Q 209.80 85.05 211.74 88.31 Q 213.08 90.57 212.83 92.42 Q 212.50 94.91 209.78 94.94 Q 208.28 94.96 206.38 94.00 Q 202.09 91.83 197.19 87.56 Q 189.16 80.59 175.83 71.74 Q 175.78 71.70 174.59 70.82 Q 172.38 69.18 170.54 70.52 Q 169.56 71.24 168.61 73.46 Q 162.54 87.69 155.96 101.70 Q 154.26 105.32 150.88 107.13 Q 149.49 107.87 148.42 107.35 Q 146.84 106.58 147.75 104.25 Q 155.08 85.54 159.19 75.69 Q 162.61 67.48 165.08 62.95 Q 166.61 60.13 168.29 59.38 Q 170.62 58.34 173.15 60.15 Q 174.20 60.89 174.26 60.94 Q 192.87 73.10 206.81 82.94 Z\"/><path fill=\"#ffffff\" d=\" M 75.81 211.94 Q 102.32 212.13 126.31 197.81 Q 144.85 186.75 157.25 172.50 Q 169.38 158.56 175.18 140.42 Q 178.46 130.15 178.68 120.80 Q 178.96 109.46 175.75 97.50 Q 175.03 94.82 177.90 93.50 Q 180.66 92.24 182.57 93.72 Q 183.75 94.64 184.65 97.29 Q 187.75 106.32 187.50 115.25 Q 186.62 147.19 166.81 173.06 Q 153.12 190.95 136.13 202.91 Q 112.71 219.39 85.00 221.00 Q 65.75 222.12 48.93 211.80 Q 47.29 210.79 46.57 209.67 Q 44.94 207.13 48.07 206.62 Q 49.27 206.43 50.85 206.99 Q 64.54 211.85 75.81 211.94 Z\"/></svg>");
	
	position: absolute; background-size: cover; background-position: center; background-repeat: no-repeat;
	top: -30px;
    z-index: -1;
    right: -60px;
}

/* SUBMIT BUTTONS */
.rd-button {
	font-family: 'Poppins', sans-serif; font-size: 20px;
	color: #fff;
    background-color: #001E49;
  	border-radius: 14px;
	padding: 12px 30px;
	text-transform: uppercase;
	border-width: 0;
	cursor: pointer;
	white-space: nowrap;
	line-height: inherit;
}

.rd-button:hover {
	color: #fff!important;
	background-color: #2563eb!important;
}

.rd-button:disabled{opacity: 0.5;}
.rd-button:hover:disabled{background-color: #001E49!important; cursor: default!important;}

.rd-button-tariffa {
	
	color: #fff!important;
    background-color: #003077!important;
    padding: 5px 5px;
    border-radius: 10px;
    width: 95%;
}

/* INPUT TYPE */
.filiali-container-filter{position: absolute; display: inline-block; width: 98%}

input[type=text].rdt-input{
	font-family: 'Poppins', sans-serif;
	border-radius: 14px;
  position: relative;
  border-width: 2px;
  border-color: #FFF;
  border-style: solid;
  width: 100%;
  padding: 10px 12px!important;
  font-size: 20px;
  font-weight: 600;
  height: initial;
	background-color: #FFF;
	height: 54px;
	color: #495057;
}
	
input[type=text].rdt-input:focus-visible{outline: none; border-color: #f46700}

input[type=text].rdt-input.day-radius{border-radius: 14px 0 0 14px;}


/* SELCT DROPDOWN */
.rd-plugin-prenotazione select {
	font-family: 'Poppins', sans-serif;
	color: #616161!important;
  font-size: 20px;
  padding: 10px 12px!important;
  height: 54px;
  font-weight: 600;
  padding-right: 25px;
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5.379L20.621 2.5 10.5 12.621.379 2.5 2.5.379l8 8z' fill='%234F5D6D' fill-rule='nonzero'/%3E%3C/svg%3E");
	background-repeat: no-repeat, repeat;
	background-size: 15px auto, 100%;
	background-position: right 15px top 50%, 0 0;
	background-color: #FFF;
	appearance: none;
	border-color: #FFF;
	border-width: 2px;
	border-left-color: #EEE;
  width: 100%;
	opacity: 1;
  visibility: visible;
}

.rd-plugin-prenotazione select:disabled {
	background-color: #EEE;
    border-color: #EEE;
	color: #a0a0a0!important;
}

.rd-plugin-prenotazione select:focus-visible{ outline: none; border-color: #f46700; }

/* LIGHTPICK */

.lightpick select {
	width: initial;
	padding-left: initial;
}

.lightpick {
    font-family: 'Poppins', sans-serif!important;
	line-height: 1em!important;
}

.lightpick__footer_rd{display: none;}

/* LABEL */
.rd-carrello-label {padding: 14px; color: #EEEEEE; font-size: 20px; font-weight: 600;padding-bottom: 0;}
.rd-carrello-label.margin-bottom {
	margin-bottom: 5px;
}


.dropdown-agency{
	position: absolute;
    width: 98%;
    background-color: #FFF;
    z-index: 999999999;
    overflow-y: auto;
    margin-top: 2px;
    border-radius: 14px;
    max-height: 300px;
}

.dropdown-agency > a{ text-align: left;}

/* RESET BUTTON */
#resetFiliale {
	height: 30px;
    padding: 0;
    width: 30px;
    line-height: 1.1;
    border-radius: 50%!important;
    text-align: center;
    font-weight: 600;
    color: #A0A0A0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 27px;
	cursor: pointer;
}

#resetFiliale:hover {background-color: #003077; color: #FFF;}

.indirizzofilialeDivMidle{display: none;}

.not-mobile-fit-content{width: fit-content; }


.rd-error-message {
	color: red!important;
	font-style: oblique;	
	font-size: smaller;
	text-transform: uppercase;
	padding: 10px; 
  	vertical-align: middle;
	text-align: center;
}

.rd-error-message:empty {display:none}


.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .btn.btn-default {
	font-family: 'Poppins', sans-serif; font-size: 20px;
	color: #fff;
    background-color: #001E49;
  	border-radius: 14px;
	padding: 12px 30px;
	text-transform: uppercase;
	border-width: 0;
	cursor: pointer;
	white-space: nowrap;
}




.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .btn.btn-default:hover {
	color: #fff!important;
	background-color: #2563eb!important;
}




/* FIX SELECT2 */
.rd-plugin-prenotazione .select2-container * {
	font-family: 'Poppins', sans-serif;
	font-size: 20px!important;
	font-weight: 600!important;
	color: #495057!important;
}
.select2-container * {
	font-family: 'Poppins', sans-serif;
	font-size: 20px!important;
	font-weight: 600!important;
	color: #495057!important;
}

.rd-plugin-prenotazione .select2.select2-container{

	border-radius: 0px 10px 10px 0px;
	overflow: hidden;

}

.rd-plugin-prenotazione .select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 24px;
}

.rd-plugin-prenotazione .select2-container--default .select2-selection--single {
	height: 53px;
}

.rd-plugin-prenotazione .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 53px;
}

/* FIX BOOTSTRAP */
.jconfirm-box-container.col-md-offset-4 {
	margin-left: auto;
	margin-right: auto;
}

/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* When the browser is between 0px and 1330px wide,below css will be applied. 
/*-------------------------------------------------------*/
@media screen and (max-width: 1330px) {
	


}
/*-------------------------------------------------------*/
/* When the browser is between 0px and 1100px wide,below css will be applied. 
/*-------------------------------------------------------*/
@media screen and (max-width: 1100px) {
	


}
/*-------------------------------------------------------*/
/* When the browser is between 0px and 992px wide,below css will be applied. 
/*-------------------------------------------------------*/
@media screen and (max-width: 992px) {
	
	/* FIX FOR MOBILE ZOOM */
	input[type=text], input[type=date], input[type=email], input[type=text].rdt-input  {
		font-size: 16px;
		height: 48px;
	}
	select {
		font-size: 16px;
	}
	.rd-button {font-size: 16px;}

	.rd-plugin-prenotazione label.field.rdt-title-general {font-size: 20px;}
	.rd-plugin-prenotazione label.field.rdt-title-general {
		top: -50px;	
	}

	.rd-plugin-prenotazione select {
		font-size: 16px;
		height: 48px;
	}

	/* FIX SELECT2 */
.rd-plugin-prenotazione .select2-container * {
	font-size: 16px!important;
}
.select2-container * {
	font-size: 16px!important;
}



}
/*-------------------------------------------------------*/
/* When the browser is between 0px and 767px wide,below css will be applied. 
/*-------------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	

}
/*-------------------------------------------------------*/
/* When the browser is 767px or wider,below css will be applied. 
/*-------------------------------------------------------*/
@media screen and (min-width: 767px) {
	 

}


/*-------------------------------------------------------*/
/* When the browser is between 0px and 501px wide,below css will be applied. 
/*-------------------------------------------------------*/
@media screen and (max-width: 560px) {
	
	.w3-row.row-flex {display: block;}
	.w3-row.row-flex .rdt-fit-content{width: auto; display: flex; align-items: center; justify-content: center; width: 100%;}

	.rdtNearButtonTips {font-size: 12px; padding: 12px;}

	.indirizzofilialeDivMidle{display: block;}
	.indirizzofilialeDivLarge{display: none;}

	.rdtNearButtonTips::after {
		width: 120px;
		height: 120px;
		top: -40px;
		right: -60px;
	}

	.margin-top-mobile{ margin-top: 50px;}
	.filiali-container-filter { width: 100%;}

	.not-mobile-fit-content{width: auto; }

	
	
}
/*-------------------------------------------------------*/
/* When the browser is between 0px and 481px wide,below css will be applied. 
/*-------------------------------------------------------*/
@media screen and (max-width: 480px) {
	
	.rd-button > span, .rdtNearButtonTips::after {display: none;}
	#rdtNearButton{order: 1;}


}

a.w3-link-hover:hover{ background-color: #003077!important; color: #FFF!important;}

.no-bootstrap-style .form-check-input {
	/* Impedisce l'applicazione dello stile di Bootstrap al checkbox */
  /* Puoi personalizzare ulteriormente lo stile come preferisci */
  background-color: transparent;
  border: none;
  /* Aggiungi altri stili personalizzati se necessario */
}