.no-spin::-webkit-outer-spin-button,
.no-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.no-spin[type=number]{-moz-appearance:textfield;}

div.container_preventivatore{padding:70px 0px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
div.container_preventivatore div.left{width:68%;}
div.container_preventivatore div.left h2{border-bottom:0px;text-align:left;font-size:32px;margin-bottom:10px;}
div.container_preventivatore div.left label.card{background:#fff;width:100%;padding:20px;border:3px solid var(--main-hover);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
div.container_preventivatore div.left label.checked{background:#000;color:#fff;border:0px;}
div.container_preventivatore div.left label.card input{display:none;}
div.container_preventivatore div.left label.card p.title{font-size:20px;font-weight:bold;margin-bottom:5px;width:100%;}
div.container_preventivatore div.left label.card p.text{font-size:15px;line-height:1.4;margin-bottom:0px;width:85%;}
div.container_preventivatore div.left label.card p.price{font-weight:bold;text-align:right;width:15%;}
div.container_preventivatore div.left label.card:hover{cursor:pointer;transform:scale(1.03);}
div.container_preventivatore div.left div.options{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;}
div.container_preventivatore div.left div.options div.quantity{width:100%;justify-content:flex-end;gap:5px;margin-bottom:10px;}
div.container_preventivatore div.left div.options div.quantity.active{display:flex!important;}
div.container_preventivatore div.left div.options div.quantity div.selector{background:#fff;width:35px;text-align:center;font-size:1.3rem;font-weight:400;border-radius:10px;color:#000;}
div.container_preventivatore div.left div.options div.quantity div.selector:hover{cursor:pointer;}
div.container_preventivatore div.left div.options div.quantity input.qty{display:block;font-family:var(--font-body);font-weight:400;font-size:1.1rem;width:40px;padding:0px;text-align:center;border:0;border-radius:10px;background:unset;}
div.container_preventivatore div.left label.minimenu,div.container_preventivatore div.left label.servizi{padding:0px;border:0px;display:flex;}
div.container_preventivatore div.left label.minimenu p.title,div.container_preventivatore div.left label.servizi p.title{width:100%;}
div.container_preventivatore div.left label.minimenu div.img,div.container_preventivatore div.left label.servizi div.img{flex:0.3;overflow:hidden;height:130px;display:flex;justify-content:center;align-items:center;}
div.container_preventivatore div.left label.minimenu div.img img,div.container_preventivatore div.left label.servizi div.img img{height:100%;max-width:unset;width:auto;}
div.container_preventivatore div.left label.minimenu div.img img.vertical,div.container_preventivatore div.left label.servizi div.img img.vertical{width:100%;max-height:unset;height:auto;min-height:100%!important;}
div.container_preventivatore div.left label.minimenu div.img img.horizontal,div.container_preventivatore div.left label.servizi div.img img.horizontal{min-width:100%;}
div.container_preventivatore div.left label.minimenu div.details_menu,div.container_preventivatore div.left label.servizi div.details_menu{flex:1;margin:0px 20px;display:flex;flex-wrap:wrap;}
div.container_preventivatore div.left div.prenota{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
div.container_preventivatore div.left p.error{text-align:center;width:100%;margin:20px 0px;color:red;display:none;}
div.container_preventivatore div.right{width:30%;height:fit-content;}
div.container_preventivatore div.right img{margin-bottom:30px;}
div.container_preventivatore div.right div.sidebar h2{width:100%;background:var(--grey);font-size:24px;padding:15px;}
div.container_preventivatore div.right div.sidebar p{font-size:1.1rem;display:flex;justify-content:space-between;}
div.container_preventivatore div.right div.sidebar p{display:none;border-bottom:1px solid #ddd;padding:15px 0px;}
div.container_preventivatore div.right div.sidebar p.tariffa span.option{width:75%;text-wrap:pretty;}
div.container_preventivatore div.right div.sidebar p.tariffa span.price{width:25%;text-align:right;}
div.container_preventivatore div.right div.sidebar div.servizi p{display:flex;}
div.container_preventivatore div.right div.sidebar p:last-child{border:0;}
div.container_preventivatore div.right div.sidebar div.riepilogo{border-bottom:1px solid #000;}
div.container_preventivatore div.right div.sidebar p.total{display:flex;border:0px;text-align:right;font-weight:bold;font-size:22px;margin:20px 0px;justify-content:flex-end;}
div.container_preventivatore div.sidebar_mobile{display:none;}

form div.num_ospiti{margin-bottom:30px!important;font-weight:400}
form label{display:inline-block;margin-bottom:5px;}
form input[type="number"]{width:90px;background:#FFF;border-radius:0px;padding:12px;outline:0;border:1px solid #eee;margin-left:10px;}
form div.el_extra label{margin-bottom:30px!important;}

@media only screen and (min-width:701px) and (max-width: 1024px){
	div.container_preventivatore div.left{width:100%;}
	div.container_preventivatore div.right{width:100%;margin-top:40px;}
}

@media screen and (max-width:700px){
	div.container_preventivatore div.left{width:100%;}
	div.container_preventivatore div.right{width:100%;z-index:10;}
	div.container_preventivatore div.left label.card.tariffa{padding:10px;gap:8px;}
	div.container_preventivatore div.left label.card p.text{width:100%;text-align:center;text-wrap:pretty;font-size:14px;}
	div.container_preventivatore div.left label.card p.price{width:100%;}
	div.container_preventivatore div.form_container{padding:30px 15px;}
	div.container_preventivatore div.left label.card p.title{font-size:17px;text-align:center;text-wrap:pretty;margin:0;}
	div.container_preventivatore div.left label.minimenu, div.container_preventivatore div.left label.servizi{display:block;}
	div.container_preventivatore div.left label.minimenu div.details_menu, div.container_preventivatore div.left label.servizi div.details_menu{padding:12px 0;margin:0 10px;gap:8px;}
	div.container_preventivatore div.left label.card p.price,div.container_preventivatore div.left label.minimenu div.details_menu, div.container_preventivatore div.left label.servizi div.details_menu{text-align:center;}
	div.container_preventivatore div.left h2{text-align:center;font-size:24px;text-wrap:pretty;}
	div.container_preventivatore div.right div.sidebar p.total{display:flex;justify-content:center;}
	div.container_preventivatore div.right div.sidebar div.riepilogo{padding: 0px 20px;}
	div.container_preventivatore{padding:0px;}
	div.container_preventivatore div.sidebar_mobile{display:flex;justify-content:space-between;position:fixed;z-index:999;width:100%;background:var(--grey2);color:#000;margin:0px;bottom:0px;padding:15px 0px;}
	div.container_preventivatore div.sidebar_mobile p{width:50%;text-align:center;font-weight:400;font-size:18px;}
	div.container_preventivatore div.sidebar_mobile p.total{border-right:1px solid #333;}
	div.container_preventivatore div.right div.sidebar p{width:100%;justify-content:center;flex-wrap:wrap;}
	div.container_preventivatore div.right div.sidebar p span{width:100%;text-align:center;}
	div.container_preventivatore div.right div.sidebar p span.option{width:100%!important;margin-bottom:8px;}
	
	div.container_preventivatore div.left div.num_ospiti{text-align:center;}
	div.container_preventivatore div.left div.el_extra{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 30px;}
	div.container_preventivatore div.left div.el_extra label{width:100%;text-align:center;margin-bottom:0!important;}
	div.container_preventivatore div.left div.el_extra input{margin:0!important;}
	
	div.container_preventivatore div.left label.minimenu div.img, div.container_preventivatore div.left label.servizi div.img{height:150px;}
	div.container_preventivatore div.left label.minimenu div.img img, div.container_preventivatore div.left label.servizi div.img img{width:100%;height:auto;max-height:unset;}
}