/* CSS Customizzato per il frontend */

.nav { display: block !important; }

.iosZoomFix { font-size: 16px !important; }
body.iosBugFixCaret.modal-open { position: fixed; width: 100%; }

hr { margin: 10px 0px; }

input[type="checkbox"] { display: none; }

#conferma_prenotazione, #modal_porto { top: 100px; }

.touchspin { z-index: 0 !important; }

.portlet.light { padding: 15px 15px 10px;width:100%}
.form-wizard .steps, .form-wizard .steps > li > a.step {background-color:transparent!important; text-align: center;}

.dest-box { margin-bottom: 10px; }
.dest-box .col-md-3 { transition: all 0.2s ease-in-out 0s; }
.dest-box .dest-active { transform: translate(-5px, -15px); box-shadow: 5px 0 12px 0 rgba(0, 0, 0, 0.7); background: #FFF; }
.dest-box .title { font-size:19px; line-height:1.1em; font-family: Montserrat; }

.box-prenotazione-toggler { color: #FFF; background-color: #424242; font-weight: 400; text-transform: uppercase; padding: 10px 15px; transition: all 150ms ease-in-out; }
.bootstrap-select> .btn {
    padding-bottom: 6px !important;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
    .input-group-btn>.btn.btn-sm {
        padding: 8px 18px;
    }

@media (min-width: 768px) and (max-width: 1099px) {
	.dest-box .title { font-size:16px !important; }	
}

.steps> li {
    display: inline-block!important;
}

.steps > li > a {
    	padding-left:5px!important;
	padding-right:5px!important;
}
.form-wizard .steps > li > a.step > .number {
	margin-right: 0px;
}

.date-picker input[readonly], input.form_datetime_web[readonly] {
	background: #FFF !important;
	cursor: pointer;
}

@media (min-width: 768px) {
	.steps > li > a {
    		padding-left: 10px !important;
    		padding-right: 10px !important;
	}
	.form-wizard .steps > li > a.step > .number {
    		margin-right: 10px;
	}
}

@media (max-width: 369px) {
	#box-preventivo { font-size: 10px !important; }
	#lista_servizi { font-size: 10px !important; }
	.bootstrap-touchspin-down, .bootstrap-touchspin-up { display: none !important; }
    .steps > li > a {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .form-wizard .steps > li > a.step > .number {
        margin-right: 0px;
    }
}

@media (min-width: 480px) and (max-width: 510px) {
	#box-preventivo { font-size: 10px !important; }
}

@media (min-width: 468px) {
    
	.nav-justified > li, .nav-tabs.nav-justified > li {
    		/*display: table-cell !important;*/
	}
	/*.steps > li > a {
    		padding: 10px 15px!important;

	}
	.form-wizard .steps > li > a.step > .number {
    		margin-right: 10px;
	}*/
}


@media (min-width: 768px) {
    	.steps > li {
    		display: block;
	}
	.steps > li > a {
    		padding-left:15px!important;
		padding-right:15px!important;

	}
	.nav > li > a {
    		padding: 10px 15px;
	}
	.form-wizard .steps > li > a.step > .number {
    		margin-right: 10px;
	}
    div#prezzi_parcheggi h3.block {
       
        margin: 10px 0 !important
    }
}

@media (max-width: 768px) {
	div.riga-servizi { display: block !important; }
	div.riga-risultati { display: inline-block !important; width: 100%; }
	div#prezzi_parcheggi h3.block { font-size: 16px !important; }
}

@media (max-width: 600px) {
	div#prezzi_parcheggi h3.block { font-size: 14px !important; }
}


@media (max-width: 468px) {
	div.dettagli-prenotazione h3.block { font-size: 14px !important; }	
	div#prezzi_parcheggi h3.block { /*font-size: 10px !important;*/ }	
}

.open > .dropdown-menu {
    display: block;
}

/*-- FASCIA PRENOTAZIONE --*/
.button-next, .button-submit, .btn-primary { background-color: #23285C!important; }
#btn-convenzione { background-color: #23285C; }
.alert-danger { margin-top: 15px; }
div#first_row { padding: 0; background-color: #fff; /*margin-left: 0; margin-right: 0;*/ }
#first_row .form-group{margin-bottom:6px}
div.box-prenotazione {
    padding: 20px 0px 20px 0;
    background-color: #F4F4F4; /*display: flow-root;*/
}
div.form-body { padding-bottom: 0; }
div#address_block{ background-color: #f4f4f4!important; }

input.form_datetime_web { height: 37px; }
#address_block { padding-bottom: 1px; }
.alert-info { background-color: #ffffff; border: 1px solid #23285c61; color: #272d67; }
.alert-info span#address a.small { color: #d82222; font-size: 90%;}
.alert-info span#telephone a { color: #272d67; }

p.percentuale { height: 5px; font-size:14px !important; text-align:center; color:red; }
p.prezzo-parcheggio { /*height: 5px;*/ font-size:32px !important; text-align:center; font-weight: 600; margin-bottom: 5px; }
p.prezzo-parcheggio span.euro { font-size: 21px; font-weight: 400; }
p.testo-prenota { height: 5px; font-size:13px !important; text-align:center; margin-bottom: 30px; font-weight: 300; text-transform: uppercase; } 
div.metodo-pagamento { text-align:center; padding: 0 0 10px 0; margin-top: -9px; height:28px}
div.riga-risultati { padding-bottom: 10px; padding-top: 20px; padding-right: 5px; background-color: #f2f2f8; display: flex; }
div.riga-risultati div.box-risultati { padding: 0 10px 10px 0; }
div.riga-risultati div.box-risultati div.contenuto-box-risultati { border: 1px solid #ddd; padding: 15px 15px 0 15px; background-color: #fff; box-shadow: 0 3px 7px rgba(0,0,0,0.12); transition: box-shadow 50ms ease-in-out; }
div.parcheggio-completo { background-color: #dedcdc; filter: alpha(opacity=50); opacity: 0.5; }


/*--- SERVIZI ---*/
div.dettagli-prenotazione div#lista_servizi { background-color: #f2f2f8; padding: 20px 0 10px 0; }
div.riga-servizi { padding-bottom: 5px; display: flex; padding-left: 20px; padding-right: 5px; }
div.riga-servizi div.box-servizi { padding: 0 10px 10px 0;  display: grid;}
div.riga-servizi div.box-servizi div.contenuto-box-servizi { /*height:150px;*/ text-align:center; border: 1px solid #ddd; padding: 15px 15px 15px 15px; background-color: #fff; box-shadow: 0 3px 7px rgba(0,0,0,0.12); transition: box-shadow 50ms ease-in-out; cursor: pointer;}
div.riga-servizi div.box-servizi div.contenuto-box-servizi.active { border: 2px solid #23285C; }
div.riga-servizi div.box-servizi div.contenuto-box-servizi div.checker { display: none; }
div.riga-servizi div.box-servizi div.contenuto-box-servizi div.bootstrap-touchspin { width: 120px; margin: 0 auto; }
div.riga-servizi div.box-servizi div.contenuto-box-servizi p.nome-servizio { margin: 10px; letter-spacing: -0.02em; height: 60px; }
div.riga-servizi div.box-servizi div.contenuto-box-servizi p.prezzo-parcheggio { margin: 10px; }
div.riga-servizi div.box-servizi div.contenuto-box-servizi p.seleziona-servizio { font-size: 13px; }

h3.block { font-size: 18px; font-weight: 400; margin-left: 15px; margin-right: 15px; }
div#prezzi_parcheggi h3.tit-tipo-parcheggio { border: 1px solid #dfdfdf; padding: 10px 16px; margin: 0; margin-top: 15px; text-transform: uppercase; font-size: 18px; font-weight: 600; }
div#prezzi_parcheggi h3.block { margin-left: 0px;}

/*--- SIDEBAR ---*/
div.sidebar-risultati {  }
h5.sidebar_parcheggio { font-weight: 600; font-size: 16px; margin-top: 25px; margin-bottom: 13px; }
ul.features-list { margin: 0; padding: 0; list-style: none; font-size: 0.8rem; padding-top: 5px; width: 100%; }
ul.features-list li { padding: 5px 0px 5px 0px;  display: flex; position: relative; height: 30px; }
ul.features-list li.available h5 { margin-top: 0; font-weight: 400; margin-left: 6px; }
ul.features-list li.available .info { color: #43A047; }
ul.features-list li .info i { font-size: 16px; line-height: 16px; }
ul.features-list li.available .totale { color: #E12330; }
ul.features-list li .totale i { font-size: 16px; line-height: 16px; }
ul.features-list .form-control-static { padding: 0px; min-height: 0px; }
ul.features-list .form-group { margin-bottom: 0px; }
ul.features-list li.available h5.prezzo-totale { font-size: 17px; }

/*--- DETTAGLI PRENOTAZIONE ---*/
div.dettagli-prenotazione { margin-bottom: 25px; padding-left: 15px; padding-bottom: 20px; }
div.dettagli-prenotazione h3.block { /*padding-top: 20px; margin-left: 0; margin-top: 0; */ font-size: 18px; font-weight: 400; margin-left: 0px; margin-right: 15px; margin-top:20px; margin-bottom:10px}
div.dettagli-prenotazione h4.titolo-dettagli { margin: 20px 0px; padding-bottom: 5px; border-bottom: 1px dashed #ccc; }

div.dettagli-prenotazione div.riga-on { background-color: #f2f2f2; margin-left: 0px; margin-right: 0px; padding:8px 0 }
div.dettagli-prenotazione div.riga-on label.control-label { padding: 7px 0 4px 7px; }
    div.dettagli-prenotazione div.riga-off {
        margin-left: 0px;
        margin-right: 0px;
        padding: 8px 0
    }
div.dettagli-prenotazione div.riga-off label.control-label { padding: 7px 0 4px 7px; }


@media (max-width: 1099px) and (min-width: 768px) {
    p.title.prezzo-parcheggio { 
		font-size: 30px !important; font-weight: 600;
	}
    p.title.testo-prenota { 
		font-size: 12px !important;
	}
}

@media (max-width: 768px) {
	div.box-risultati {
		width: 100%;
	}
}

@media (min-width: 992px) {
	.visible-md {
		display: block !important;
	}
    .tab-content > .active {
        display: flex;
    }
}