/*
 Company: Ediscom S.p.a.
 Authors: Stefano Brunasso, Alberto Dal Monte Casoni
 Date: 5-apr-2016 16.39.47
*/
/*
    Created on : 5-apr-2016, 16.39.47
    Authors     : Stefano Brunasso, Alberto Dal Monte Casoni
*/
.form-wrap .err_box div {padding: 8px; margin-bottom: 12px; font-family: Arial,Helvetica,sans-serif; text-align: left; }
.err_box div {padding:18px 0; color: black !important; text-align: center}
.empty {background-color: #f7ff7e !important;} /*giallo*/
.format {background-color: #ff9595 !important;} /*rosso*/
.warning {background-color: #f7ff7e !important;} /*giallo*/
.success {background-color: #a8ff95 !important;} /*verde*/
.error {background-color: #ff9595 !important;}  /*rosso*/
.empty, .format, .warning, .success, .error {color: black !important}
.empty *, .format *, .warning *, .success , .error * {color: black !important}

/* sfondo errori modifica blocco */
	#blocchi_extra .programmazione label {background: none !important}
	#blocchi_extra .programmazione label.empty  div.campo-testo{background-color: #f7ff7e !important;}
	#blocchi_extra .programmazione label.format div.campo-testo{background-color: #ff9595 !important;}
	#blocchi_extra .programmazione label.warning div.campo-testo{background-color: #f7ff7e !important;}
	#blocchi_extra .programmazione label.success div.campo-testo{background-color: #f7ff7e !important;}
	#blocchi_extra .programmazione label.error div.campo-testo{background-color: #ff9595 !important;}

	#blocchi_extra .fascia-oraria label {background: none !important}
	#blocchi_extra .fascia-oraria label.empty  div.campo-testo{background-color: #f7ff7e !important;}
	#blocchi_extra .fascia-oraria label.format div.campo-testo{background-color: #ff9595 !important;}
	#blocchi_extra .fascia-oraria label.warning div.campo-testo{background-color: #f7ff7e !important;}
	#blocchi_extra .fascia-oraria label.success div.campo-testo{background-color: #f7ff7e !important;}
	#blocchi_extra .fascia-oraria label.error div.campo-testo{background-color: #ff9595 !important;}

/* modifica/crea invio */
.empty, .format, .warning, .success, .error {color: black !important}

.step.contenuto.testo_sms label.url.bottom-shadow {background: none !important}

.step.contenuto.testo_sms label.empty  div.campo-testo {background-color: #f7ff7e !important;}
.step.contenuto.testo_sms label.format div.campo-testo {background-color: #ff9595 !important;}
.step.contenuto.testo_sms label.warning div.campo-testo {background-color: #f7ff7e !important;}
.step.contenuto.testo_sms label.success div.campo-testo{background-color: #f7ff7e !important;}
.step.contenuto.testo_sms label.error div.campo-testo {background-color: #ff9595 !important;}


.dialog:before {content: " "; display: none; position: absolute; top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 100; height: 100%}
.dialog .content{position: absolute; background-color: white; z-index: 101;}

div.ediscom-overlay{background-color:rgba(0,0,0,0.3);color:#000;position:fixed;top:0;left:0;width:100%;height:100%;display:table;text-align:center;font-size:3em;line-height:1.5em;z-index:1}
div.ediscom-overlay>div{display:table-cell;vertical-align:middle}
div.ediscom-overlay .testo,div.ediscom-overlay .avanzamento{font-size:0.5em}


		/* LAYOUT DI PRIVATO */
html {min-width: 960px; min-height: 960px}
body {margin:0; padding:0; font-family: 'Montserrat', sans-serif; color: #404040; -webkit-text-size-adjust: 100%}

#menu-servizi {background: #404040}
#menu-servizi .menu-wrap {line-height: 48px; height: 48px; float: right; margin-right: 30px;}
#menu-servizi .menu-wrap .voce-menu {display: inline-block; height: 16px; line-height: 16px; color: white; font-size: 16px; text-align: center;
	text-decoration: none; padding: 0 25px; border-right: 1px solid white; font-style: italic; font-weight: 400; font-family: 'Lato', sans-serif}
#menu-servizi .menu-wrap .voce-menu:last-child {border: none}
#menu-servizi .menu-wrap .voce-menu:hover {color: #fab900}

header {height:81px; background: white; position: relative; z-index: 10}
header .logo {margin-top: 4px}
#menu-alto {height: 81px; float: right; width:760px}
#menu-alto button {margin:0; padding:0}
#menu-alto .voce-menu {float: right; display: block; background-position: 0 -8000px; background-repeat: no-repeat}
#menu-alto .voce-menu:hover {cursor: pointer; background-position: 0 0; height: 182px}
#menu-alto .voce-menu:hover img {visibility: hidden}

#fascione-unlogged {position: relative; z-index: 1}
#fascione-unlogged .element-wrap img {display:block; float: left}

#main-content {min-height: 244px;}

#main-footer {border-top: 1px solid #cdcdcd; margin-bottom: 8px; background: white;}
#main-footer .element-wrap .footer {line-height: 20px; font-family: 'Montserrat', sans-serif; font-size: 12px; padding: 20px 0 0 0; text-align: right}
#main-footer .element-wrap .footer .logo {display:block; float:left; height: auto; width: 140px}

	/* FORM PROFILAZIONE */
	#profilazione .riga.element-wrap .testo-filtri {line-height: 43px; padding: 34px 0; font-size: 30px; display: block; font-style:italic; font-family: 'Lato', sans-serif;
		text-align: center}
	.step.contenuto.profilazione .pulsanti {text-align: center; line-height: 154px; padding-top: 21px}
	.step.contenuto.profilazione .pulsanti button {width: 410px; padding: 0}
	.step.contenuto.profilazione .pulsanti button:last-child {margin-left: 70px}

	.profilazione01 {color: #fab800; font-size: 22px; font-family: 'Lato', sans-serif; font-style: italic; background: none !important; border: none !important}

	.profilazione01 .sesso {display: block; width: 420px; float: left}
	.profilazione01 .sesso span {line-height: 85px; display: block; float: left}
	.profilazione01 .sesso .bottonePieno {display: block; float: left; margin-top: 26px; margin-left: 6px}

	.profilazione01 .eta {width: 540px; display: block; float: left;}
	.profilazione01 .eta span {line-height: 85px; margin-right: 10px}
	.profilazione01 .eta .range {display:inline-block; color: white; font-size: 22px; font-style: normal; font-weight: bold}
	.profilazione01 .eta .range.piu {margin-left:20px}
	.profilazione01 .eta .range.meno {margin-right:20px}

	.profilazione02 {line-height: 85px}
	.profilazione02 .bottoneGradiente {line-height: 42px; border-radius: 21px; height: 42px; font-size: 16px}

	.profila.regione {padding-top:10px}
	.profila.regione .riga {min-height: 40px; padding: 22px 0 0 0; min-height: auto; background-image: url(img/top-shadow.png) top center no-repeat;}
	.profila.regione .riga .label {font-size: 20px; font-family: 'Lato', sans-serif; font-style: italic; color: #404040; float: left; display: block;
		height: 40px; line-height: 40px}
	.profila.regione .input-autocomplete {margin-left: 220px; display:block; min-height: 40px; border: 1px inset #b4b4b4; border-radius: 6px;
		font: 14px 'Montserrat', sans-serif}
	.profila.regione .input-autocomplete input {line-height: 40px; font-family: 'Montserrat', sans-serif; font-size: 14px; padding: 0;
		margin:0 !important;}
	.profila.regione .input-autocomplete span {border: 1px solid #b4b4b4 !important; border-radius: 4px !important;
		font-family: 'Montserrat', sans-serif !important; font-size: 14px !important;}
	.ui-menu {border-color: #b4b4b4; border-radius: 4px; font-size: 14px}

	.conteggio-profilazione  {text-align:center; margin-bottom: 15px !important}
	.conteggio-profilazione .numero-utenti-wrap {font-size: 46px; color: #404040; font-family: 'Montserrat', sans-serif; display: inline-block; margin: auto;
		border: 3px solid #fab800; line-height: 58px; height: 58px; text-align: center; border-radius: 32px; margin-top: 15px; padding: 0 28px}
	.conteggio-profilazione .numero-utenti-wrap span.piccolo {font-size: 22px}
	.conteggio-profilazione .bottoneGradiente {margin: auto; display: block; margin-top: 15px; font-size: 22px; padding: 0 26px; line-height: 46px; height: 46px;
		border-radius: 23px}

	#profilazione-anni {font-size: 18px; display: inline-block; width: 310px; font-style:normal; margin: 0 0 5px 0; border: none !important;
		background: #ffffff none repeat scroll 0 0 !important; height: 4px; z-index: 0}
	#profilazione-anni .ui-slider-handle {border-radius: 20px !important; line-height: 36px !important; width: 36px !important; height:36px !important;
		padding: 0 !important; text-align: center !important; font-size: 18px !important; color: #404040 !important; border: 3px solid #fab800 !important;
		background: white !important; top: -19px; margin-left: -20px; font-family: 'Montserrat', sans-serif;}
	#profilazione-anni .ui-slider-range {background: #fab800 !important; height: 4px !important; margin-top: 0;}

	.step.contenuto.mittente .selezionato {color: #fab800}
	.step.contenuto.mittente .tipo-mittente {display: block; margin: 0 0 0 0 !important; line-height: normal !important;}
	.step.contenuto.mittente .prezzo {display:inline-block; width: auto; background: none; border: none; font-size: 20px; color: #404040; text-align: center;
		font-weight:bold; height: 36px; line-height: 36px; background: url(img/checkbox.png) right center no-repeat; position: relative; padding-right: 30px}
	.step.contenuto.mittente .prezzo span {font-size: 120%}
	.step.contenuto.mittente .selezionato .prezzo {background: none}
	.step.contenuto.mittente .prezzo img {display: block; visibility: hidden; position: absolute; right: 0; top: 6px}
	.step.contenuto.mittente .selezionato .prezzo img {display: block; visibility: visible}
	.step.contenuto.mittente i {cursor: pointer}
	.step.contenuto.mittente .num-utenti.bottoneBordatoGiallo {display: inline-block !important; font-size: 20px; padding: 0 16px !important; margin: 8px 0}
	.step.contenuto.mittente .num-utenti.bottoneBordatoGiallo span:last-child {font-size: 20px}
	.step.contenuto.mittente .num-utenti.bottoneBordatoGiallo .numero_utenti {font-size: 32px !important;}
	.step.contenuto.mittente input[name=tipo_mittente] {display: none}
	.step.contenuto.mittente table.element-wrap {width: 840px; padding-top: 30px;}
	.step.contenuto.mittente table.element-wrap td {position: relative; width: 50%}
	.step.contenuto.mittente .testo-centrato div:first-child {width: 100%}
	.step.contenuto.mittente .testo-centrato label {cursor: pointer; display: inline-block; padding: 0 4px}
	.step.contenuto.mittente #m_custom.titolo-risorsa span {display: block}
	
	.step.contenuto.pagamento table {width: 100%}
	.step.contenuto.pagamento #riepilogo_pagamento, .step.contenuto.pagamento #riepilogo_bonifico {width: 50%; float: left}
	
	.tipo_pianificazione input {text-align:right !important}
	.slider {display: inline-block; width:300px !important; font-style:normal; margin: 0 18px 5px 18px; border: none !important;
		background: #fab800 none repeat scroll 0 0 !important; height: 4px !important; z-index: 0}
	.slider .ui-slider-handle {border-radius: 20px !important; line-height: 36px !important; width: 36px !important; height:36px !important;
		padding: 0 !important; text-align: center !important; font-size: 18px !important; color: #404040 !important; border: 2px solid #fab800 !important;
		background: white !important; top: -18px !important; margin-left: -20px !important; font-family: 'Montserrat', sans-serif;}
	.slider .ui-slider-range {background: #fab800 !important; height: 4px !important; margin-top: 0;}

	.num-blocchi .titolo-risorsa {font-size: 20px !important}
	.num-blocchi input {border: 1px inset #b4b4b4; border-radius: 6px; color: #404040; font-family: "Lato",sans-serif; height: 38px; text-align: left !important;
		line-height: 38px; width: 40px; padding: 0 8px; text-align: center; font-style: italic; font-size: 16px; font-weight: bold; margin: 0 12px}



	/* PROFILO */
	#modifica_profilo {padding-bottom: 20px}
	#modifica_profilo fieldset {margin: 0 18px 0 0; padding: 0; border: 0;display: block; padding-top: 24px;}
	#modifica_profilo fieldset label {text-transform: uppercase; font-size: 12px; color: #404040; height: 24px; line-height: 24px; width: 200px; display: inline-block}
	#modifica_profilo fieldset input[type=text], #modifica_profilo fieldset input[type=password]
		{border: 1px solid #b4b4b4; border-style: inset; border-radius: 6px; height: 32px; line-height: 32px; width: 250px;
			font-family: 'Montserrat', sans-serif; color: #404040}
	#modifica_profilo fieldset input[readonly] { background: #CCC; cursor: default}
	#modifica_profilo fieldset.checkbox {line-height: 32px; padding-top: 48px !important;}
	.element-wrap.profilo {width: 504px}
	.profilo .bottonePieno.sfondo-giallo.sotto {margin: 20px auto 0 auto !important; display: block}

	/* INVII */
	.new_invii {padding: 28px 0}
	.tipo_ricerca {color: white}
	.tipo_ricerca .element-wrap {width: 450px; padding: 22px 0}
	.tipo_ricerca .bottoneSlider {width: 152px;}

	.campi-ricerca {height: 85px}

	.form_filtri .campi-ricerca fieldset {margin: 0 18px 0 0; padding: 0; border: 0; width: 190px; float: left; display: block; padding-top: 24px;}
	.form_filtri .campi-ricerca fieldset label {text-transform: uppercase; font-size: 12px; color: #404040; height: 24px; line-height: 24px}
	.form_filtri .campi-ricerca fieldset .campo-testo {border: 1px solid #b4b4b4; border-style: inset; border-radius: 6px; height: 32px; line-height: 32px; width: 190px;
		font-family: 'Montserrat', sans-serif; color: #404040}
	.form_filtri .campi-ricerca fieldset.checkbox {line-height: 32px; padding-top: 48px !important;}
	.form_filtri .campi-ricerca .bottoneGradiente{margin-top: 48px;}
	.form_filtri .campi-ricerca .tendina-ricerca {border: 1px solid #b4b4b4; border-style: inset; border-radius: 6px; height: 34px; line-height: 34px; width: 190px;
		position: relative; background: white}
	.form_filtri .campi-ricerca .tendina-ricerca select {border: none; display:block; margin:5px 1% 0 0; padding:0; width: 99%; height:24px; color: #404040;
		font-family: 'Montserrat', sans-serif; letter-spacing: -1px}
	.form_filtri .campi-ricerca .tendina-ricerca select option {letter-spacing: normal}

	.check-search {text-transform: uppercase; font-size: 12px; height: 62px}
	.check-search label {padding-left: 24px; position: relative; display: block; height: 30px; line-height: 30px; float: left; cursor: pointer; margin: 16px  24px 16px 0}
	.check-search label.selezionato {color: #fab800; text-decoration: underline}
	.check-search label .ico {position:absolute; top: 6px; left: 0}
	.check-search label input {display:none}

	/* LIST RISULTATI RICERCHE */
	span.asc {cursor: pointer}
	table.list {width: 100%; font-size: 12px; border-top: 1px solid #dedede; margin-top: 10px;}
	table.list th, table.list td {text-align: left;}
	table.list th {text-transform: uppercase; font-weight: normal; height: 50px; line-height: 50px; border-bottom: 1px solid #dedede;}
	table.list th i {display: none}
	table.list th .asc i.fa-chevron-up {display: inline !important}
	table.list th .desc i.fa-chevron-down {display: inline !important}
	table.list th span {cursor: pointer}
	table.list tbody td {line-height: 20px; padding: 4px 0; background: #f4f4f4; border-bottom: 1px solid #dedede;}

	.invio.aperto td {background: white}
	table.list tbody .stato {width: 34px; text-align:center }
	table.list tbody .invio .bottoni {width: 86px; text-align:center; padding-right: 15px}
	table.list tbody .blocco .bottoni {width: 42px; text-align:center; padding-right: 15px}
	table.list tbody .invio .centrali {min-width: 210px !important;}
	table.list tbody .contenitore-blocchi td {padding-top: 0 ; padding-bottom: 0 }

	.table_blocco {width: 100%; }
	.table_blocco tr:last-child td {border-bottom: none}
	.table_blocco td {background: #ebebeb !important; padding-top: 4px !important; padding-bottom: 4px !important}
	.table_blocco td.stato {padding-left: 40px; width: 34px; text-align: center;}
	.table_blocco td.nblocco {width: 166px}
	.table_blocco td.centrali {width: 210px}

	/* FA ICONS */
	table.list .fa {text-decoration: none; cursor: pointer; font-size: 14.5px;}
	table.list .bottoni .fa {font-size: 20.5px; display: block; margin-right: 6px; float: right}
	.fa.disabilitato, .bottoni .fa:hover {color: #ccc}

	/* paginazione risultati */
	.paginazione.top {text-align: center; font-size: 12px; margin-top: 10px;}
	.paginazione.bottom {text-align: center; height: 56px; line-height: 56px}
	.paginazione nav button {font-family: 'Montserrat', sans-serif; color: #404040; font-size: 18px; border: none; background: none; cursor: pointer;
		margin: 0; padding: 0}
	.paginazione nav button[disabled] {cursor: auto !important; color: #fab800}
	.paginazione nav button.estremo {font-size:12px}

	/* riepiloghi invii */
	#riepilogo .riga:nth-child(odd) {background: #404040 url(img/top-shadow.png) top center no-repeat !important}
	#riepilogo .riga:nth-child(even) {background: url(img/top-shadow.png) top center no-repeat; background-color: transparent}

	#riepilogo .riga:nth-child(odd) .riepilogo-valore {color: white}
	#riepilogo .riga:nth-child(even) .riepilogo-valore {color: #404040;}
	#riepilogo .bottonePieno {float: right}
	#riepilogo .titolo-risorsa {font-size: 26px}

	/* contenuto invii */
	#contenuto .titolo-risorsa {font-size: 26px}
	.info_price{width: 23em; line-height: 24px;position: absolute;top: 70px;left: 690px;border-radius: 4px;padding: 0 8px;font-style: inherit;}
	.titolo-risorsa {font-size: 28px; display: block; line-height: 85px; font-style: italic; font-weight: bold; margin-right: 12px}
	.textarea-sms_wrap button {display: block; width: 300px; padding:0; border: none; margin-top: 20px; font-size: 16px}
	.caratteri_disponibili-wrap { margin-top: 8px;}
	.caratteri_disponibili-wrap span:last-child {font-size: 18px}
	.textarea-sms {border: 2px solid #fab800; background-color: transparent; width: 585px; padding: 15px; font-size: 18px; font-style: italic; font-weight: bold;
		line-height: 22px; height: 88px; resize: none}
	#salva_prosegui {text-align: center; padding:20px 0; margin-top: 30px}
	#numerosita {width: 350px; margin: 0 35px 3px 35px}
	.prezzo-invio.bottoneGradiente {font-size: 18px; padding: 0 36px; width: auto; height: 46px; line-height: 46px; border-radius: 23px; display: inline-block }
	.prezzo-invio.bottoneGradiente input {background: none; border: none; color: inherit; display: inline-block; font-family: inherit; font-size: inherit;
		width: 105px;}

	/* scelta tipologia sms */
	.tipo_sms {width: 455px; display: inline-block; font-family: 'Lato', sans-serif; font-style: italic; color: #404040; font-size: 16px; cursor: pointer}
	.tipo_sms:nth-child (odd) {margin-right: 15px}
	.tipo_sms img {float: left}
	.tipo_sms .titolo {float: right; width: 275px; margin: 0; padding:20px 0 5px 0px; font-size: 30px}
	.step.contenuto.tipo .disabilitato .tipo_sms {opacity: 0.5; cursor: default; }
	.step.contenuto.tipo label.disabilitato.empty {background-color: transparent !important}
	.step.contenuto.tipo a.empty {background-color: transparent !important}
	.step.contenuto.tipo .disabilitato a {visibility: hidden; display: none}
	.step.contenuto.tipo label {display: inline-block}
	.tipo_sms { background: url(img/checkbox.png) bottom right no-repeat}
	.selezionato .tipo_sms {color: #fab800; background: url(img/checkbox-selected.png) bottom right no-repeat}
	.tipo_sms input[type=radio] {display: none}
	
	/* scelta tipologia pagamento */
	.scelta_pagamento {width: 455px; display: inline-block; font-family: 'Lato', sans-serif; font-style: italic; color: #404040; font-size: 16px; cursor: pointer}
	.scelta_pagamento:nth-child (odd) {margin-right: 15px}
	.scelta_pagamento img {float: left}
	.scelta_pagamento .titolo {float: right; width: 275px; margin: 0; padding:20px 0 5px 0px; font-size: 30px}
	.step.contenuto.tipo_pagamento .disabilitato .scelta_pagamento {opacity: 0.5; cursor: default; }
	.step.contenuto.tipo_pagamento label.disabilitato.empty {background-color: transparent !important}
	.step.contenuto.tipo_pagamento a.empty {background-color: transparent !important}
	.step.contenuto.tipo_pagamento .disabilitato a {visibility: hidden; display: none}
	.step.contenuto.tipo_pagamento label {display: inline-block}
	.scelta_pagamento { background: url(img/checkbox.png) bottom right no-repeat}
	.selezionato .scelta_pagamento {color: #fab800; background: url(img/checkbox-selected.png) bottom right no-repeat}
	.scelta_pagamento input[type=radio] {display: none}
	
	/* Definizione blocchi */
	#blocchi_extra td {padding: 16px 0; font-size: 16px; font-weight: bold; text-align: center}

	#blocchi_extra .ico {text-align: center; width: 16px}

	#blocchi_extra .blocco {width: 70px;}

	#blocchi_extra .percentuale {width: 300px;}
	#blocchi_extra .percentuale .campo-testo {border: 1px inset #b4b4b4; border-radius: 6px; height: 38px; width: 50px; padding: 0 10px 0 5px;  margin-right: 4px; display: inline-block;
		 font-family: "Lato",sans-serif; font-style: italic; font-size: 16px; font-weight: bold; }
	#blocchi_extra .percentuale .campo-testo input {margin:0; padding:0 3px 0 0; border: none; line-height: 38px; font-family: "Lato",sans-serif; text-align: right; font-style: italic;
		font-size: 16px; font-weight: bold;  background-color:transparent; width: 32px;  color: #fab800; display: inline-block}
	#blocchi_extra .percentuale .ui-widget.ui-widget-content {width: 180px; display: inline-block; margin: 0 20px}
	#blocchi_extra .percentuale .percentuale-wrap {position: relative}
	#blocchi_extra .percentuale div.num {height: 24x; line-height: 24px; position: absolute; top: -32px; left: 0; display: block; border-radius: 4px; padding: 0 8px;
		font-style: inherit}
		#blocchi_extra .percentuale div.num img {left: 15px; bottom: -6px; position: absolute}

	#blocchi_extra .programmazione {}
	#blocchi_extra .programmazione label {display:inline-block}
	#blocchi_extra .programmazione input {font-family: "Lato",sans-serif; background: none; border: none; color: #fab800; font-style: italic; font-weight: bold;}
	#blocchi_extra .slider {width: 175px !important; margin: 0px 15px 4px 15px !important}
	#blocchi_extra td.percentuale .ui-slider-handle {height: 28px !important; line-height:28px !important; width: 28px !important;
		top: -15px !important; margin-left: -15px !important}
	#blocchi_extra td.percentuale label {display: inline-block}
	#blocchi_extra .campo-testo {border: 1px inset #b4b4b4; border-radius: 6px; color: #fab800; font-family: "Lato",sans-serif; height: 38px;
		line-height: 38px; padding: 0 5px; text-align: center; font-style: italic; font-weight: bold; /*margin-right: 4px*/}
	#blocchi_extra .campo-testo input {border: none; margin: 0px 18px 0 0; padding:0; background-color: transparent; font-family: "Lato",sans-serif; height: 37px; line-height: 37px;}
	#blocchi_extra .campo-testo .full_icon {top: 15px !important; right: 3px !important}

	#blocchi_extra .fascia-oraria {}
	#blocchi_extra .fascia-oraria label {display: inline-block}
	#blocchi_extra .fascia-oraria .tendina select{font-family: "Lato",sans-serif; background: none; border: none; color: #fab800; font-style: italic; font-weight: bold;}
	#blocchi_extra .fascia-oraria .tendina option {}
	#somma .campo-testo {width: 50px; padding: 0 10px 0 5px;}
	#somma .campo-testo input {margin:0; color: #fab800; font-style: italic; font-weight: bold; font-size: 16px; width: 32px;  padding:0 3px 0 0;}

	/* Testo Sms */
	.step.testo_sms.riga {line-height: normal !important; padding: 20px 0; min-height: auto !important; height: auto !important}
	.step.testo_sms.riga .titolo-risorsa {line-height: normal !important}
	.step.testo_sms.riga .riepilogo-valore {width: 585px; font-size: 18px; font-style: normal; font-weight: normal; line-height: 22px; display:block}

	/* Contenuto pagamento */
	.step.contenuto.pagamento #riepilogo_pagamento {padding: 10px 0}
	.step.contenuto.pagamento .titolo-risorsa {line-height: normal !important; padding: 20px 0 0 0}
	.step.contenuto.pagamento .titoletto {color: #fab800; font-family: "Lato",sans-serif; font-style: italic; font-size: 22px; padding: 0 0 6px 0}
	.step.contenuto.pagamento .bottoni {padding-top: 20em; padding-bottom: 20px;}
	.step.pagamento.riga {padding:20px 0}
	.step.pagamento.riga .titolo-risorsa {line-height: normal; padding: 0 0 10px 0}

	 /*popup login/registrazione */
	/*.box-popup {width: 480px; position: absolute; top: 20px; left: 50%; margin-left: -240px; background: white; font-family: Arial, Helvetica, sans-serif; font-size:14px}*/
	.box-popup {width: 480px; position: relative; top: 20px; left: 50%; margin-left: -240px; background: white; font-family: Arial, Helvetica, sans-serif; font-size:14px}
/*	.box-popup .form-wrap {width: 310px; margin: auto; position: relative;}*/
	.box-popup .form-wrap {margin: auto; position: relative; padding: 0 50px 10px 50px }
	.box-popup .fa-close {height: 24px; width: 24px; border-radius: 12px; background: #ffc300; color: white; font-size: 22px; text-align: center; position: absolute;
		top: -8px; right: -8px; cursor: pointer}
	.box-popup .titolo-popup {height: 73px; background: #404040; color: #ffc300; margin:0 0 28px 0; padding:0; text-align: center; line-height: 73px;
		font-family: 'Lato', sans-serif; font-weight:bold; font-style: italic; font-size: 36px; display: block}
	.box-popup #form_recupera .titolo-popup {font-size: 28px}
	.box-popup .titolo-popup img {height: 70px; width: auto; vertical-align: middle; margin-left: 8px}
	.box-popup form label {display: block; color: #808080; }
	.box-popup form label input[type="text"], .box-popup form label input[type="password"], .box-popup form label .password
		{border: 2px solid #eaeaea; border-radius: 5px; height: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #808080;
		display: block; width: 98%; margin: 0 0 10px 0; padding: 0 1%}
	.box-popup form button {height: 46px; border-radius: 23px; border: none; margin:22px 0 0 0; padding:0; background: #fab800; display: block; width: 100%; color:white;
		text-align: center; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 20px; cursor: pointer}
	.box-popup .oppure {font-size: 15px; color: #808080; text-align: center; margin-bottom: 10px; line-height: 40px}
	.box-popup .oppure span {color: #fab800; text-decoration: underline; cursor: pointer }

	/* popup modifiche e vari */
	.step.contenuto.grigino-popup {}
	.step.contenuto.grigino-popup .box-popup {margin-left: -290px; width:580px}
	.step.contenuto.grigino-popup .titolo-popup {margin-bottom: 15px}
	.step.contenuto.grigino-popup .titolo-popup.sfondo-bianco {height: auto; line-height: normal; font-size: 28px;}
	.step.contenuto.grigino-popup .campo-testo {border: 1px inset #b4b4b4; border-radius: 6px; color: #404040; font-family: "Montserrat",sans-serif; height: 32px;
		line-height: 32px; width: 300px;}
	.step.contenuto.grigino-popup .wrap {padding: 0 50px 40px 50px; width: 480px;}
	.esempi_sms .wrap {font-family: "Lato", sans-serif !important; font-style: italic; font-size: 16px}
	.esempi_sms .titolo-popup.sfondo-bianco {margin: 16px 0 8px 0 !important; text-align: left}
	.esempi_sms .fa-check {color: #090 !important}

	/*div.grigino-popup {background-color:rgba(0,0,0,0.7);color:#000;position:fixed;top:0;left:0;width:100%;height:100%;display:table;z-index:1}
	div.grigino-popup>div{display:table-cell;vertical-align:middle}*/
	div.grigino-popup {background-color:rgba(0,0,0,0.7);color:#000;position:fixed;top:0;left:0;width:100%;height:100%;display:block;overflow:auto;z-index:100}

	.campo-testo {}
	label.url {display:block; padding: 40px 0}
	.url-sms {padding: 26px 0 8px 0 !important; min-height: 84px}
	.url-sms .campo-testo {width:100%; float:left}
	.url-sms .avviso {font-size: 12px; /*float: left; padding-left: 12px;*/ line-height: 38px; margin-top: -20px }
	.titolo-testo-sms {padding: 26px 0 8px 0 !important; line-height: normal}
	.url .titolo-risorsa {display: block !important; line-height: normal !important; margin-bottom: 12px}
	.url .campo-testo {border: 1px inset #b4b4b4; border-radius: 6px; height: 38px; padding:0 5px; display: inline-block; display: block;
		 font-family: "Lato",sans-serif; font-style: italic; font-size: 16px; font-weight: bold; position:relative}
	.url .campo-testo input {margin:0; padding:0; border: none; line-height: 38px; font-family: "Lato",sans-serif; font-size: 14px;
		background-color:transparent; color: #404040; display: block; width: 100%}

	.box-popupnome_invio label {display:block; padding: 40px 0}
	.box-popup .nome_invio .titolo-risorsa {display: block !important; line-height: normal !important; margin-bottom: 12px}
	.box-popup .campo-testo {border: 1px inset #b4b4b4; border-radius: 6px; height: 38px; padding:0 5px; display: inline-block; display: block;
		 font-family: "Lato",sans-serif; font-style: italic; font-size: 16px; font-weight: bold; position:relative}
	.box-popup .campo-testo input {margin:0; padding:0; border: none; line-height: 38px; font-family: "Lato",sans-serif; font-size: 14px;
		background-color:transparent; color: #404040; display: block; width: 100%}

	.grigino-popup .box-popup {}
	.grigino-popup .titolo-popup {margin-bottom: 8px}
	.grigino-popup .titolo-popup.sfondo-bianco {height: auto; line-height: normal; font-size: 28px;}
	.grigino-popup .campo-testo {border: 1px inset #b4b4b4; border-radius: 6px; color: #404040; font-family: "Montserrat",sans-serif; height: 32px;
		line-height: 32px; }
	.grigino-popup .wrap {padding: 0 50px 10px 50px;}
	.scegli_profilazione.grigino-popup .campo-testo {display: inline-block !important; width: auto !important; font-style: normal !important;
		font-weight: normal !important; font-size: 14px !important}
	.grigino-popup.nome_invio .campo-testo {width: 260px !important; height: 32px !important; line-height: 32px !important; margin-right: 6px}
	.grigino-popup.nome_invio .campo-testo input {font-family: "Montserrat",sans-serif !important; line-height: 30px !important; margin: 1px 0}
	.box-popup #profilazione_salva .campo-testo {font-family: "Montserrat",sans-serif !important; font-weight: normal; font-style: normal}

	/* popup scegli mittente */
	.step.contenuto.scegli_mittente.grigino-popup .titolo-popup.sfondo-bianco {font-size:20px;letter-spacing: -1px; }
	.step.contenuto.scegli_mittente.grigino-popup .wrap {text-align: center}
	.step.contenuto.scegli_mittente.grigino-popup .campo-testo {display: block; width: auto; float: left}
	.step.contenuto.scegli_mittente.grigino-popup .campo-testo input {border: none; font-family: "Montserrat",sans-serif; font-size: 16px; padding: 0 6px;
		width: 130px; color: #404040; line-height: 30px; margin: 1px 0}
	.step.contenuto.scegli_mittente.grigino-popup .bottoneBordatoGiallo {display: inline-block; line-height: 30px; height: 30px; border-width: 2px; font-size: 14px;
		width: auto; padding: 0 6px}
	.step.contenuto.scegli_mittente.grigino-popup .bottoneGradiente {padding: 0 12px}
	.step.contenuto.dati_fatturazione .campo-testo{border: 1px inset #b4b4b4; border-radius: 6px; height: 38px; width: 400px; padding: 0 10px 0 5px;  margin-right: 4px; display: inline-block; }


	/* PRIVACY REGOLAMENTO */
	#privacy .box-popup, #regolamento_registrazione .box-popup {width: 860px !important; margin-left: -430px !important}
	#privacy .grigino-popup .wrap, #regolamento_registrazione .grigino-popup .wrap {padding: 0 10px 40px 10px !important;}

	/* ERRORI 404 */
	.titolo-errore {font-size: 26px; display: block; line-height:36px; font-style: italic; font-weight: bold; padding-bottom: 12px}
	.errore-pagina .element-wrap {width: 760px }
	.errore-pagina h1 {width: 960px !important}

/* CLASSI COMUNI */
#fascione-logged {background:url(/Privato/css/img/fascione-loggato.jpg) top center no-repeat; padding-top: 84px}
.element-wrap {width: 960px; margin: auto; display: block; position: relative}
table.element-wrap {display: table}
.element-wrap.titolo {color: #fab800; font-size: 48px; font-weight: normal; height: 80px; line-height: 80px;
	margin:0 auto; padding:10px 0 0 0; text-align: center; font-family: 'Lato', sans-serif; font-style: italic; }

button.sotto {min-width: 100px; margin: auto; font-size: 21px; font-family: 'Montserrat', sans-serif; padding: 0 12px;
	display: inline-block; margin: auto; height: 40px; line-height: 40px; border-radius: 20px}

.display-inline-block {display: inline-block !important}
.display-block {display: block !important}

 /* formattazione date picker */
 	.ui-datepicker *  {font-family: 'lato', sans-serif; font-size:14px; /* color: #404040 !important; border-color: #999 !important*/}
	/*
	.ui-datepicker select, .ui-datepicker option {border: none !important}
	.ui-datepicker select {margin-right: 2px !important}
	.ui-datepicker-title select.ui-datepicker-month {width: 108px !important}
	.ui-widget-header {background-image: none !important; background-color: #404040 !important}
	*/

/* righe form */
.riga {min-height: 85px}
.riga .label {color: #fab800; font-size: 22px; font-family: 'Lato', sans-serif; font-style: italic;}

.element-img {margin: auto; display: block; position: relative}

.montserratFont {font-family: 'Montserrat', sans-serif;}
.latoFont {font-family: 'Lato', sans-serif;}
.italic {font-style: italic;}

.top-shadow {background: url(img/top-shadow.png) top center no-repeat;}
.bottom-shadow {background: url(img/bottom-shadow.png) bottom center no-repeat;}

.sfondo-grigino {background: #f9f9f9 !important}
.sfondo-grigietto {background: #eaeaea !important}
.sfondo-grigio {background: #404040 !important}
.sfondo-bianco {background: #fff !important}
.sfondo-giallo {background: #fab800 !important}

.giallo {color: #fab800}
.grigino {color: #f9f9f9 !important}
.grigio {color: #404040 !important}
.bianco {color: #fff !important}

.grassetto {font-weight: bold}

.bottoneBordatoGiallo {font-size: 30px; color: #404040; font-family: 'Montserrat', sans-serif; margin: auto; border: 3px solid #fab800;
	line-height: 40px; height: 40px; text-align: center; border-radius: 23px; padding: 0; width: 294px; display: block}

.piccolo.bottoneBordatoGiallo {font-size: 18px; width: auto; padding: 0 36px}
.piccolo.bottoneBordatoGiallo input {font-size: 32px; font-family: 'Montserrat', sans-serif; display: inline; margin:0; border:0; padding:0; background: none;
	color: #404040; width: 170px; height: auto;}

.ui-autocomplete li {font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight:normal !important; }
.ui-autocomplete li .ui-menu-item-wrapper {font-weight:normal !important;}
.bottone64 {height: 64px; line-height: 64px; border-radius: 32px; text-align: center; background: #ffd100; width: 420px; color: white;
	text-transform: uppercase; font-size: 18px; display: block; margin: auto; cursor: pointer; text-decoration: none }

.bottoneSlider {height: 38px; line-height: 38px; font-size: 12px; color: #bbbbbb; border: 2px solid; border-color: #dedede; border-radius: 21px;
	text-transform: uppercase; text-align: center; padding-left: 46px;	display: inline-block; background: white; cursor: pointer; position: relative; padding-right: 8px}
.bottoneSlider.active {border-color: #fab800; padding-right: 46px; padding-left: 0; color: #fab800; padding-left: 8px}
.bottoneSlider .big-dot {border-radius: 19px; background: #dedede; width: 38px; height: 38px; position: absolute; left:0; top: 0}
.bottoneSlider .big-dot.active {background: #fab800; right: 0; left: auto}
.bottoneSlider input {display: none}
.bottoneSlider:first-child {margin-right: 21px;}

.bottonePieno {line-height: 40px; font-size: 12px; color: #fff; border-radius: 20px; text-transform: uppercase; text-align: center; font-family: 'Montserrat', sans-serif;
	display: inline-block; background: #dedede; cursor: pointer; position: relative; font-style:normal; padding: 0 6px; border: none}
.bottonePieno.active {background: #fab800}
.bottonePieno i {font-size: 22px; margin: 0 6px 0 0; vertical-align: sub}
.bottonePieno input {display: none}
.bottonePieno:first-child {}

.bottonePienoGrande {line-height: 64px; font-size: 18px; color: #fff; border-radius: 32px; text-transform: uppercase; text-align: center;
	display: inline-block; background: #fab800; cursor: pointer; position: relative; font-style:normal; padding: 0 18px; border: none}

.bottoneGradienteGrande {line-height: 64px; font-size: 18px; color: #fff; border-radius: 32px; text-transform: uppercase; text-align: center;
	display: inline-block; cursor: pointer; position: relative; font-style:normal; padding: 0 18px; border: none;
			background: #5bd88e; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(-90deg, #5bd88e, #afdf47); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(-90deg, #5bd88e, #afdf47); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(-90deg, #5bd88e, #afdf47); /* For Firefox 3.6 to 15 */
		background: linear-gradient(-90deg, #5bd88e, #afdf47); /* Standard syntax */
}

.bottoneGradiente {height: 34px; line-height: 34px; text-align: center; color: white; font-size: 12px; font-family: 'Montserrat', sans-serif;
		text-transform: uppercase; border: none; border-radius: 18px; padding: 0 18px;
		background: #5bd88e; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(-90deg, #5bd88e, #afdf47); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(-90deg, #5bd88e, #afdf47); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(-90deg, #5bd88e, #afdf47); /* For Firefox 3.6 to 15 */
		background: linear-gradient(-90deg, #5bd88e, #afdf47); /* Standard syntax */
	}
.noBordo {border: none}

.position-relative {position: relative}
.float-left {float: left}
.float-right {float: right}
.testo-centrato {text-align: center}
.testo-sinistra {text-align: left}
.disabilitato {cursor: default !important}
.link {cursor: pointer; text-decoration: underline}
.link:hover {text-decoration: none}
button {cursor: pointer}

.clearfix:before,
.clearfix:after{
  display: table;
  content: " ";
}
.clearfix:after{
  clear: both;
}

a {color: #fab800}
a:hover {text-decoration: none}

#form_invio .contenuto { display: none; }
#registrazione {color: #404040}
#privacy h1 {margin:0; padding:0; font-size:16px}
#privacy .privacies {text-align: left}
#new-profilazione {margin-bottom: 20px}
#new-profilazione .testo-piccolo {font-size: 18px}


#map .mapPlaceAutocomplete {
	margin: 10px;
	border: 0;
	padding: 8px;
	font: 400 15px Roboto, Arial, sans-serif;
	width: 260px;
	box-shadow: 0px 0px 5px #ccc;
}