﻿/* ----- CAPTCHA ----- */
.box-captcha > div {display:inline-block;}
.box-captcha strong {display:block; margin-bottom:5px;}
.box-captcha .testocaptcha, .box-captcha .codicecaptcha, .box-captcha .checkcaptchalive {margin:0!important; float:left; border:1px #000 solid; display:block; clear:none!important; box-sizing:border-box; border-color:#000!important;}
.box-captcha input.testocaptcha { padding:2px 5px!important; width:70px; height:32px!important; line-height:24px!important; font-size:18px!important; border:1px #000 solid; background-color:#FFF; color:#000; max-width:100px; border-radius:0; box-shadow:none;}
.box-captcha .codicecaptcha, .box-captcha .checkcaptchalive {height:32px!important; border-left:0; padding:0!important;}
.box-captcha .codicecaptcha {max-width: 130px;}
.box-captcha .checkcaptchalive {width:30px!important; background-position:center center; background-repeat:no-repeat; background-image:url('../images/captcha_reload.png'); background-color:#FFF; cursor:pointer;}
.box-captcha .checkcaptchalive.ok  {background-image:url('../images/captcha_ok.png'); cursor:default;}
.box-captcha .checkcaptchalive.err {background-image:url('../images/captcha_err_reload.png'); cursor:pointer;}


/* ----- COOKIE CONSENT ----- */
body #cc-tag {z-index: 999!important; display:none!important}


/* ----- PULSANTE PER APRIRE INFORMATIVA PRIVACY ----- */
.open-informativa {display:inline-block; vertical-align:baseline; margin:0 0 0 5px; border:0.1em #444 solid; line-height:1em; font-size:1em; width:1em; height:1.1em; text-align:center; cursor:pointer; padding:0;}



/* ----- RICERCA ----- */
#qs_start {text-align:center; margin:5px 0;}

/* ----- AGESTAMLS testo aggiuntivo su dettaglio ----- */
.AgestaMLS {margin-top:20px;}


/* ----- GENERICI ----- */
sup, sub {vertical-align: baseline; position: relative; top: -0.4em; line-height:.5em;}
sub {top: 0.4em;}
select.error, textarea.error, input.error, input[type=text].error, input[type=password].error, input[type=datetime].error, input[type=datetime-local].error, input[type=date].error, input[type=month].error, input[type=time].error, input[type=week].error, input[type=number].error, input[type=email].error, input[type=url].error, input[type=search].error, input[type=tel].error, input[type=color].error {border-color:#F00;}
select.error:focus, textarea.error:focus, input.error:focus, input[type=text].error:focus, input[type=password].error:focus, input[type=datetime].error:focus, input[type=datetime-local].error:focus, input[type=date].error:focus, input[type=month].error:focus, input[type=time].error:focus, input[type=week].error:focus, input[type=number].error:focus, input[type=email].error:focus, input[type=url].error:focus, input[type=search].error:focus, input[type=tel].error:focus, input[type=color].error:focus {border-color: #F00; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); }
input[type=radio].error {position:relative;}
input[type=radio].error:focus {box-shadow:none; outline:0;}
input[type=radio].error::before {content: ""; width: 1rem; height: 1rem; border-radius: 50%; box-shadow: 0px 0px 5px rgba(255,0,0,1); position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.text-center {text-align:center;}
.sm-margin-v {margin-top:5px; margin-bottom:5px}
.sm-margin-o {margin-left:5px; margin-right:5px}
.md-margin-v {margin-top:10px; margin-bottom:10px}
.md-margin-o {margin-left:10px; margin-right:10px}
.lg-margin-v {margin-top:15px; margin-bottom:15px}
.lg-margin-o {margin-left:15px; margin-right:15px}
.v-align {vertical-align:middle!important;}
.autowidth {width:auto!important;}
.xl-margin-left {margin-left:40px;}

.hide, .hide-filter { display:none }
.show-block {display:block;}
.show-inlineblock {display:inline-block;}
.show-flex {display:flex;}
form#scroll_page {display:none; margin:0;}

.snowfall-flakes {pointer-events:none;}


/* ----- CODE MIRROR ----- */
.CodeMirror {height:200px}


/* ----- MENU ----- */
.menu, .menu ul {margin: 0; padding: 0; list-style: none;}
.menu:before, .menu:after {content: ""; display: table;}
.menu:after {clear: both;}
.menu {zoom:1;}
.menu li {position: relative;}
.menu a {text-decoration: none;}
.menu ul {top: 100%; bottom: 0; opacity: 0; visibility: hidden; position: absolute; z-index: 1; transition: all .2s ease-in-out;}
.menu li:hover > ul {opacity: 1; visibility: visible; margin: 0;}
.menu ul ul {bottom: 0; left: 100%; top: 0;}
.menu ul li {float: none; display: block; border: 0; width: 100%; text-align: center;}
.menu ul a {display: block; white-space: nowrap; float: none; text-transform: none;}
.menu ul li:first-child > a:after { position: absolute;}
.menu ul ul li:first-child a:after {top: 50%;}


/* ----- AGENZIA ----- */
.agency_recapiti .agency_telephone, .agency_recapiti .agency_fax, .agency_recapiti .agency_mobile , .agency_recapiti .agency_email {white-space:nowrap; margin-left:5px;}
.agency_recapiti .agency_telephone *, .agency_recapiti .agency_fax *, .agency_recapiti .agency_mobile *, .agency_recapiti .agency_email * {vertical-align:middle;}
.agency_ragionesociale {display:none}
.agency_social a {display:inline-block; margin:0 5px 5px 0; padding:0;}
.agency_social img {width:16px; height:auto; border:0; padding:0}
.agency_social.fawe i {display:inline-block; margin:0 5px 5px 0; font-size:16px; line-height:16px;}


/* ----- ICONE PROPERTYRE ----- */
.age-propertyre {display:block;}
.age-propertyre img {display:none;}


/* ----- ICONE SOCIAL ----- */
.site_social img, .age_social img {max-height:48px;}


/* ----- INFORMATIVA ----- */ 
.informativa { display: none; }
.open-inforamtiva { padding: 0 2px; cursor: pointer;}
.autdati .informativa a {text-decoration:underline;}


/**********************************************/
/********           WIDGETS            ********/
/**********************************************/

/* ----- NEWSLETTER ----- */ 
.widget .newsletter * {box-sizing: border-box;}
.widget .newsletter .nl-title {display:block; font-weight:bold; margin-bottom:5px; font-size:1.2em;}
.widget .newsletter .nl-body form .form-container-fluid {display:block; width:100%;}
.widget .newsletter .nl-body form .f-row > * {margin-top:10px; text-align:left;}
.widget .newsletter .nl-body form label {margin:0px; min-width:50px; width:auto; text-align:left;}
.widget .newsletter .nl-body form input[type=text], .widget .newsletter .nl-body form input[type=email] {width:100%; background:#FFF; color:#000; margin:0px; width:100%; padding: 0 5px; font-size:1em; box-sizing:border-box;}
.widget .newsletter .nl-body form input[type=text]::placeholder, .widget .newsletter .nl-body form input[type=email]::placeholder {color:#ccc; font-weight:400; font-size:0.9em; line-height:1em;}
.widget .newsletter .nl-body form .subscribe {clear:both; text-align:center;} 
.widget .newsletter .nl-body form .subscribe .pulsante {float:none; width:auto!important;}
.widget .newsletter .nl-body form .autdati {font-size:11px; line-height:1.2em; text-align:justify;}
.widget .newsletter .nl-body form .autdati .open-informativa {width:12px; height:12px; line-height:9px;}
.widget .newsletter .nl-body form .autdati label {margin-top:0; min-width:20px; width:auto;}
.widget .newsletter .nl-body form .autdati input[type=radio] {float:left; margin:0 10px 0 0; width:auto;}
.widget .newsletter .nl-body form .autdati .informativa {text-align:justify;}


/* ----- CONSORZIO ----- */ 
.widget .consorzio {max-width:100%; height:auto; display:inline-block;}


/* ----- NEWS IMMOBILIARE ----- */ 
.immobiliare-news h3 {margin-bottom:1rem;}
.immobiliare-news .immonews-box {display:flex; flex-flow:column nowrap;}
.immobiliare-news.horizontal .immonews-box {flex-flow:row wrap; justify-content:center; gap:2.5%;}
.immobiliare-news.horizontal .immonews-box > div {flex:1 1 22.5%;}
.immobiliare-news .immonews {margin-bottom:1.4rem; text-align:justify; line-height:1.2em;}
.immobiliare-news .immonews-img {display:none; margin-bottom:0.3rem;}
.immobiliare-news .immonews-img img {max-width:100%;}
.immobiliare-news .immonews-category {font-size:90%; text-transform:uppercase; display:none;}
.immobiliare-news .immonews-tit {font-weight:700; font-size:110%; margin-bottom:0.3rem;}
.immobiliare-news .immonews-abstract {font-size:90%; margin-bottom:0.75rem;}
.immobiliare-news .immonews-abstract img, .immobiliare-news .immonews-abstract p {display:none;}
.immobiliare-news .immonews-date {font-style:italic; color:var(--aw-colore1); font-size:80%; text-align:right; margin-bottom:0.3rem;}
.immobiliare-news .immonews-author {font-size:80%; text-align:right; margin-bottom:0.75rem; display:none;}
.immobiliare-news  .immonews-btn {text-align:center;}
.immobiliare-news  .immonews-btn a {background-color:var(--aw-pulsante-background-color); color:var(--aw-pulsante-color); border-radius:var(--aw-pulsante-border-radius); font-size:1em; padding:0.3rem 0.5rem;}
.immobiliare-news  .immonews-btn a:hover {background-color:var(--aw-pulsante-background-color-hover); color:var(--aw-pulsante-color-hover);}


/* ----- PREZZO RIBASSATO ----- */
.cambioprezzo {display:table;}
.cambioprezzo .prezzoold, .cambioprezzo .prezzodiff, .cambioprezzo .diffperc {display:table-cell; line-height:1rem; padding:2px 5px; vertical-align:middle;}
.dettaglio .cambioprezzo, .dettaglio .cambioprezzo .prezzoold, .dettaglio .cambioprezzo .prezzodiff {display:block;}
.cambioprezzo.incrementato {color:#A00;}
.cambioprezzo.decrementato {color:#0A0;}
.cambioprezzo .prezzodiff:before {display:inline-block; content: "\f062"; font-family: 'Font Awesome 5 Pro'; padding-right:4px; font-size:70%; vertical-align:middle;}
.cambioprezzo.decrementato .prezzodiff:before {content: "\f063";}
.cambioprezzo .diffperc {background-color:#0A0; color:#FFF; padding:2px 5px; font-size:70%;}
.cambioprezzo.incrementato .diffperc {background-color:#A00;color:#FFF;}
.cambioprezzo .diffperc:before{display:none;}
.cambioprezzo .diffperc, .price .diffperc  {display:none;}


/* ----- SOCIAL SHARE SU DETTAGLIO ----- */
.socialshare .printan, .socialshare .email-share {display:none;}


/* ----- DETTAGLI SU DETTAGLIO ----- */
.etichetta:not(.accessorio) strong::after {content:':'; display:inline-block;}
.etichetta.accessorio .valore {display:none;}

/* ----- IFRAME RESPONSIVE ----- */
.iframe-responsive {position:relative; width:100%; padding:0 0 100% 0; margin:0; height:0;}
.iframe-responsive > iframe {position:absolute; top:0; left:0; right:0; bottom: 0; margin:0; width:100%; height:100%;}
.ratio_16_9 {padding:0 0 56.25% 0}
.ratio_4_3 {padding:0 0 75% 0}
.ratio_3_2 {padding:0 0 66.6666% 0}
.ratio_1_1 {padding:0 0 100% 0}


/* ----- PERIODI ----- */
table.periodi {width:100%;}
table.periodi thead tr {line-height:30px;}
table.periodi tbody tr {line-height:30px;}
table.periodi td.iconaperiodo img.prenotaperiodo, table.periodi td.iconaperiodo div {cursor:pointer; height:25px; width:25px;}
table.periodi td.iconaperiodo div {background-position:center center; background-repeat:no-repeat; background-size:cover;}
table.periodi td.iconaperiodo div.prenotato {background-image:url('/web/images/icons/periodo/red.png');}
table.periodi td.iconaperiodo div.prenotaperiodo {background-image:url('/web/images/icons/periodo/green.png');}
table.periodi td.azioneperiodo {text-align:center; /*display:none;*/}
table.periodi td.azioneperiodo .pulsante {padding:0 10px; cursor:pointer; margin:0; border:0; height:25px; line-height:25px; font-size:0.9em;}

@media (max-width:480px) {
	table.periodi td.azioneperiodo {display:none;}
}

.form_contatto .periodo > div:not(.row) {width: 33%; display: inline-block; padding: 0; margin: 0;}
.form_contatto .periodo > div input {width: 100%}
.form_contatto .periodo .periododa:not(.col) {width: 32%; margin-right:1%}
#ui-datepicker-div {background-color:#FFF;}
.form-group.periodo {margin-bottom:0;}

/* --------- DOCUMENTI -------------- */
.documenti-imm i.fa {display:none}
.doc-imm { background:url('../images/pdf-dark.png') 5px center no-repeat; padding: 5px 5px 5px 36px; height: auto; line-height: 22px; vertical-align:middle}
.color .doc-imm { background:url('../images/pdf-color.png') 5px center no-repeat;}
.white .doc-imm { background:url('../images/pdf-white.png') 5px center no-repeat;}
.documenti-imm.fontawesome .doc-imm {background:none; padding: 5px;}
.documenti-imm.fontawesome .doc-imm i.fa {display:inline-block; margin-right:10px; font-size:1.5em; font-weight:bold; line-height:1.3em;}


/* ----- GOOGLE MAP & LEAFLET POPUP ----- */
.gm-style .testoann {margin-bottom:5px;}
.gm-style .testoann a {display:block; float:left;}
.gm-style .testoann img {height:60px; max-width:200px;}
.gm-style .testoann div:after {content:' '; display:block; clear:both;}
.gm-style .linkann {clear:both; text-align:center; display:block; line-height: 2em;}
.gm-style .linkann .pulsante {font-size:10px;}

.leaflet-map {width:100%;}
.leaflet-map.map-agenzia {min-height:250px;}
.leaflet-control-attribution a, .leaflet-control-zoom a {color:#000!important;}
#colorbox .leaflet-map.fullscreen {height:100%!important;}

@media print {
	#cc-notification , #cc-tag {display:none!important}
}


/* ----- AGENZIE, GRUPPI E SEDI ----- */
.agenzie_mini span.agenzie span.agency_pi:before {content:"-"; display:inline-block; margin:0 10px;}
.sedi .sedi_foto {background-position:center center; background-repeat:no-repeat; background-size:contain; }
.sedi .sedi_foto.with_photo {padding-bottom:66%; margin-bottom:10px;}


/* ----- INVIA UNA MAIL AD UN AMICO ----- */
.amico-share {  background-color: #eee; display: inline-block;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-weight: bold;
	height: 20px;
	position: relative;
	background-image: linear-gradient(#fff, #dedede);
} 
.amico-share a { font-size: 10px; background-image: url('/web/images/mail.png'); color: #000000 !important; cursor: pointer; background-position: left 50%; background-repeat: no-repeat; line-height: 20px; display: block; height: 20px; padding: 0 4px 0 22px; margin-left: 2px; }
	 
#amico { display: none; }
#amico_form fieldset { border: 0px none; }
#amico_form .dati-amico { float: left; width: 50%; }
#amico_form .dati-invio { float: left; width: 50%; }
#amico_form .dati-amico input, #amico_form .dati-invio input { width: 150px; }
#amico_form label { width: 100px; margin-top: 0px; }
#amico_form textarea { width: 440px; height: 110px; } 

.sharemore .amico-share { display: none; }

/* ----- COLORBOX ----- */
#colorbox, #cboxOverlay, #cboxWrapper {z-index: 99999999 !important; }


/* ----- CENTRA TESTO ORIZZ/VERT IN UN DIV ----- */

.center-hv {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/**********************************************/
/********          DEBUGGING           ********/
/**********************************************/
@keyframes blackWhite {  
  0%   { background-color: #BF3E39; }
  33%  { background-color: #BF3E39; }
  34%  { background-color: #B30600; }
  66%  { background-color: #B30600; }
  67%  { background-color: #7F0400; }
  100% { background-color: #7F0400; }
}

@-webkit-keyframes blackWhite {  
  0%   { background-color: #BF3E39; }
  33%  { background-color: #BF3E39; }
  34%  { background-color: #B30600; }
  66%  { background-color: #B30600; }
  67%  { background-color: #7F0400; }
  100% { background-color: #7F0400; }
}

html.aw-debug-top-up { margin-top: 200px;}

.aw-debug-block { height: 100%; overflow: hidden; }

.aw-debug-show { 
  text-align: center; position: fixed; top: 0px; right: 0px; width: 40px; height: 40px; cursor: pointer; 
  background-color: #B30600; border-bottom: 2px solid #7F0400; border-left: 2px solid #7F0400; 
  border-bottom-left-radius: 4px; z-index: 9998;
  box-shadow: -2px 2px 2px RGBA(100,100,100,0.5); 
}
.aw-debug-show.warning {
  -webkit-animation-name: blackWhite;
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-duration: 2s; 
	animation-name: blackWhite;
  animation-iteration-count: infinite;  
  animation-duration: 2s; 
}

.aw-debug-show i { line-height: 40px; font-size: 26px; color: #FFF; }


.aw-debug-body { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; display: none; z-index: 9999; background-color: #FFF; overflow: auto; }
.aw-debug-body.top { bottom: unset; height: 200px; }
.aw-debug-body.show { display: block; }

.aw-debug-body .aw-debug-close, 
.aw-debug-body .aw-debug-style { cursor: pointer; text-align: center; position: fixed; width: 40px; height: 40px; z-index: 40; }

.aw-debug-body .aw-debug-close { top: 0px; right: 30px; background-color: #e43a45; }
.aw-debug-body .aw-debug-style { top: 0px; right: 80px; background-color: #CCC; }

.aw-debug-body .aw-debug-style i, .aw-debug-body .aw-debug-close i { line-height: 40px; font-size: 26px; color: #FFF; }

.aw-debug-body blockquote.debug {
  display:block; font-size:12px; font-family:'Open Sans', Tahoma, sans-serif !important; padding:5px 10px; margin:5px; background:#FFF; color:#000; 
  line-height:20px; font-style:normal; font-weight:normal; white-space:normal; letter-spacing:normal; text-align: left !important;  
}
.aw-debug-body blockquote.debug * { font-family:'Open Sans', Tahoma, sans-serif !important; }

.aw-debug-body blockquote.debug:hover {z-index:9999; background-color:#EEE;}
.aw-debug-body blockquote.debug:before {content:''; display:none;}
.aw-debug-body blockquote.debug b { font-weight:bold; color:#F00; }
.aw-debug-body blockquote.debug u { font-weight:bold; color:#00F; text-transform: none; text-decoration: none; }
.aw-debug-body blockquote.debug i {color:#000; background-color:yellow; display:inline-block; padding:0 10px; }
.aw-debug-body blockquote.debug i.allerta { background-color: red; color: #FFF; }
.aw-debug-body blockquote.debug i.allerta b { color: #24ff2b; }
.aw-debug-body blockquote.debug i.info { background-color: dodgerblue; color: #FFF; }
.aw-debug-body blockquote.debug i.info b { color:#f3e002}
.aw-debug-body blockquote.debug i.timing4 { background-color: red; color: #FFF; }
.aw-debug-body blockquote.debug i.timing4 b {color:#24ff2b;}
.aw-debug-body blockquote.debug i.timing3 { background-color: orange; color: #FFF; }
.aw-debug-body blockquote.debug i.timing3 b {color:#002bc7;}
.aw-debug-body blockquote.debug i.timing2 { background-color: gold; color: #000; }
.aw-debug-body blockquote.debug i.timing2 b {color:red;}
.aw-debug-body blockquote.debug i.timing1 { background-color: green; color: #FFF; }
.aw-debug-body blockquote.debug i.timing1 b {color:yellow;}
.aw-debug-body blockquote.debug strong {font-size:120%; font-weight:bold; color:#080; display:block; }
.aw-debug-body blockquote.debug strong big {font-size:150%; color:#2196f3; text-align: center !important; }
.aw-debug-body blockquote.debug textarea.code{width:100%; height:300px; font-size:10px; font-family:monospace!important;}

.aw-debug-body blockquote.debug pre { overflow: auto; }
.aw-debug-body blockquote.debug pre, blockquote.debug pre b, blockquote.debug pre u, blockquote.debug pre i, blockquote.debug pre strong {font-size:12px; font-family:monospace!important;}
.aw-debug-body blockquote.debug pre span {font-weight:bold; color:#080;}
.aw-debug-body blockquote.debug pre b.union {color:#C2C;}
.aw-debug-body blockquote.debug pre mark {font-weight:bold; background:transparent;}
.aw-debug-body blockquote.debug pre mark.operator {color:#F0F;}
.aw-debug-body blockquote.debug pre mark.comma {color:#0A0;}
.aw-debug-body blockquote.debug pre code {font-family:'Courier New', Courier, monospace!important; color:#F00; border:1px #aca1a1 solid; background-color:#efefef; padding:1px 3px;}

.aw-debug-body blockquote.debug.error { width: auto; }
.aw-debug-body blockquote.debug.error div { background-color: #FFADAC; color: #000; width: auto; padding: 9.5px; border: 1px solid #AB281F; border-radius: 4px; font-family:'Open Sans', Tahoma, sans-serif;}
.aw-debug-body blockquote.debug.error big { font-size:150%; color: #AB281F; font-weight: bold; font-family:'Open Sans', Tahoma, sans-serif;}
.aw-debug-body blockquote.debug.error b { color: #AB281F;}
.aw-debug-body blockquote.debug .green { color: #090; }
.aw-debug-body blockquote.debug .red { color: #F00; }
.aw-debug-body blockquote.debug .yellow { color: #b7b70f; }
.aw-debug-body blockquote.debug .orange { color: #F80; }


/**********************************************/
/********          MY AGENCY           ********/
/**********************************************/

/* ----- STILE BASE PER LOGIN MYAGENCY  ----- */
.btn-login { padding: 2px 2px; width: auto; box-shadow: none; font-size: 10px;   }
.login-1, .login-2 { float: left; width: 50%; }
.login-1, .login-2, .ma-like { display: none; }
.login-1.show, .login-2.show, .ma-like.show { display: block; }
.input-login { width: 80px; height: 12px; font-size: 10px !important; margin: 0 5px; }

body .notifica { position: fixed; top: 60px; left: -300px; padding: 10px; text-align: center; width: 200px; font-weight: bold; }
body .notifica.t0 { background-color: RGBA(127, 0, 0, 0.8); color: #FFF; }
body .notifica.t1 { background-color: RGBA(0, 127, 14, 0.8); color: #FFF; }


.ma-like {position: absolute; z-index:999; cursor:pointer; background-size:contain; background-position:center center; background-repeat:no-repeat; width:16px; height:16px; background-image:url('/web/images/cuore-disattivo.png')}
.ma-like.liked {background-image:url('/web/images/cuore-attivo.png');}


/**********************************************/
/********   CLASSE ENERGETICA 2015     ********/
/**********************************************/

.box-clen-2015 {width:82mm; -moz-height:126mm; -ms-height:126mm; height:127mm; border:1mm #336600 solid; background:#FFF; position:relative; background:#FFF; zoom:1; box-sizing:content-box;}

.box-clen-2015 .titolo {background-color:#336600; color:#FFF; padding:2mm; font-family:"Century Gothic", Arial Black, Arial; font-size:4mm; border:.5mm #336600 solid; display:inline-block; width:51mm; height:5mm; text-align:center; font-weight:bold;}

.box-clen-2015 .logo {position:absolute; right:0; top:0; width:24mm; height:16mm; border:.5mm #336600 solid; padding:3mm 1mm; text-align:center; font-size:10mm; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.box-clen-2015 .logo .A {color:#FF0000; border-bottom:2px #FF0000 solid; padding-bottom:1mm;}
.box-clen-2015 .logo .P {color:#FF9900; border-bottom:2px #FF9900 solid; padding-bottom:1mm;}
.box-clen-2015 .logo .E {color:#00FF00; border-bottom:2px #00FF00 solid; padding-bottom:1mm;}
.box-clen-2015 .logo .anno {color:#336600; border-bottom:2px #336600 solid; padding-bottom:3mm; font-size:2mm;}

.box-clen-2015 .schema {width:48mm; padding:1mm; height:90mm; display:inline-block; margin:1mm 0 0 1mm;}
.box-clen-2015 .schema .sottotitolo {padding:2mm; color:#336600; font-family:"Century Gothic", Arial Black, Arial; font-size:3mm; font-weight:bold; margin-bottom:5mm; margin-top:3mm;}
.box-clen-2015 .schema .scala {display:block; position:relative;}
.box-clen-2015 .schema .top, .box-clen-2015 .schema .bottom  {display:block; text-align:center; color:#000; font-family:"Century Gothic", Arial Black, Arial; font-size:2.5mm; font-weight:bold;}
.box-clen-2015 .schema .top span, .box-clen-2015 .schema .bottom span  {font-size:8mm; vertical-align:middle; color:#F00; margin-right:2mm; font-weight:normal;}
.box-clen-2015 .schema .top span {color:#336600}

.box-clen-2015 .schema .valori {position:relative;}	
.box-clen-2015 .schema .valori .classe-en {display:block; height:21px; position:relative; width:100%;}
.box-clen-2015 .schema .valori .classe-en .bordo {position:relative; width:16px; height:16px; background:#000; padding:1px; color:#000; display:block;}
.box-clen-2015 .schema .valori .classe-en .bordo:after {content:""; position:absolute; border-bottom:9px solid transparent; border-left:9px solid #000; border-top:9px solid transparent; margin-left:17px; margin-top: -1px; z-index:1; height: 0px; width: 0px;}
.box-clen-2015 .schema .valori .classe-en .bordo div {position:absolute; width:13px; height:12px; background:#FFF; padding:2px; margin-bottom:1mm; color:#000; font-family:"Century Gothic", Arial Black, Arial; font-size:3mm; z-index:2; font-weight:bold;}
.box-clen-2015 .schema .valori .classe-en .bordo div:after {content:""; position:absolute; border-bottom:8px solid transparent; border-left:8px solid #FFF; border-top:8px solid transparent; margin-left:15px; margin-top: -2px; z-index:2; height: 0px; width: 0px;}
.box-clen-2015 .schema .valori .classe-en div span {position:absolute; top:1px;}
.box-clen-2015 .schema .valori .classe-en .freccia {display:block; height:18px; width:2mm; background-color:#EEE; position:absolute; left:30px; top:0; z-index:3}
.box-clen-2015 .schema .valori .classe-en .freccia:before {content:""; position:absolute; border-bottom:9px solid transparent; border-left:9px solid #EEE; border-top:9px solid transparent; margin-left:100%; height: 0px; width: 0px;}
.box-clen-2015 .schema .valori .classe-en .freccia:after {content:""; position:absolute; border-bottom:9px solid transparent; border-left:9px solid #FFF; border-top:9px solid transparent; margin-left:0; height: 0px; width: 0px;}
.box-clen-2015 .schema .valori .classe-en .chiudi {display:block; height:.3mm; width:36mm; background-color:#000; position:absolute; left:40px; top:8px; z-index:2;}

.box-clen-2015 .schema .valori .classe-en.A4 .freccia  {width:3mm; background-color:#336600;}
.box-clen-2015 .schema .valori .classe-en.A4 .freccia:before {border-left-color:#336600;}
.box-clen-2015 .schema .valori .classe-en.A3 .freccia  {width:6mm; background-color:#006600;}
.box-clen-2015 .schema .valori .classe-en.A3 .freccia:before {border-left-color:#006600;}
.box-clen-2015 .schema .valori .classe-en.A2 .freccia  {width:9mm; background-color:#009900;}
.box-clen-2015 .schema .valori .classe-en.A2 .freccia:before {border-left-color:#009900;}
.box-clen-2015 .schema .valori .classe-en.A1 .freccia  {width:12mm; background-color:#00cc00;}
.box-clen-2015 .schema .valori .classe-en.A1 .freccia:before {border-left-color:#00cc00;}
.box-clen-2015 .schema .valori .classe-en.B .freccia  {width:15mm; background-color:#99cc00;}
.box-clen-2015 .schema .valori .classe-en.B .freccia:before {border-left-color:#99cc00;}
.box-clen-2015 .schema .valori .classe-en.C .freccia  {width:18mm; background-color:#ffff00;}
.box-clen-2015 .schema .valori .classe-en.C .freccia:before {border-left-color:#ffff00;}
.box-clen-2015 .schema .valori .classe-en.D .freccia  {width:21mm; background-color:#ffc000;}
.box-clen-2015 .schema .valori .classe-en.D .freccia:before {border-left-color:#ffc000;}
.box-clen-2015 .schema .valori .classe-en.E .freccia  {width:24mm; background-color:#e46c0a;}
.box-clen-2015 .schema .valori .classe-en.E .freccia:before {border-left-color:#e46c0a;}
.box-clen-2015 .schema .valori .classe-en.F .freccia  {width:27mm; background-color:#c0504d;}
.box-clen-2015 .schema .valori .classe-en.F .freccia:before {border-left-color:#c0504d;}
.box-clen-2015 .schema .valori .classe-en.G .freccia  {width:30mm; background-color:#FF0000;}
.box-clen-2015 .schema .valori .classe-en.G .freccia:before {border-left-color:#FF0000;}


.box-clen-2015 .eeqz {background-color:#008000; position:absolute; right:1mm; top:24mm; width:26mm; height:10mm; color:#FFF; padding:1mm; font-family:"Century Gothic", Arial Black, Arial; font-size:3mm; line-height:3.5mm; border:.5mm #336600 solid; display:inline-block; text-align:left; font-weight:bold;}
.box-clen-2015 .eeqz .checkbox {float:right; width:6mm; height:6mm; border:1px #000 solid; background:#FFF; padding:0; color:#000; text-align:center; font-family:"Century Gothic", Arial Black, Arial; font-size:5mm; line-height:6mm;}

.box-clen-2015 .riassunto {background-color:#CE9800; position:absolute; right:1mm; top:38mm; width:26mm; height:55mm; color:#FFF; padding:1mm; font-family:"Century Gothic", Arial Black, Arial; font-size:5mm; line-height:5mm; border:.5mm #CE9800 solid; display:inline-block; text-align:center; font-weight:bold;}
.box-clen-2015 .riassunto .cetit {display:block; text-align:center; color:#000; font-family:Arial Black, Arial; margin-top:1mm;}
.box-clen-2015 .riassunto .cetit span {display:block; text-align:center; font-size:3mm;}
.box-clen-2015 .riassunto .clen {font-size:8mm; line-height:10mm; color:#336600; margin-bottom:4mm;}
.box-clen-2015 .riassunto .epgl-nren {display:block; background-color:#FFF; border:.5mm #336600 solid; padding:1mm; color:#336600}
.box-clen-2015 .riassunto .epgl-nren .cesub {font-size:5mm;}
.box-clen-2015 .riassunto .epgl-nren .cesub span {font-size:3.5mm}
.box-clen-2015 .riassunto .epgl-nren .valore {display:block; font-size:7mm; margin-top:5mm; margin-bottom:3mm;}
.box-clen-2015 .riassunto .epgl-nren .um {font-size:3mm}
.box-clen-2015 .riassunto .frecciasx {background-color:#CE9800; border-color:#CE9800; position:absolute; top:30mm; left:-1mm; width:1mm; height:5mm; z-index:3;}
.box-clen-2015 .riassunto .frecciasx:before {content:""; position:absolute; border-bottom:24px solid transparent; border-right:15px solid #CE9800; border-top:24px solid transparent; margin-left:-17px; margin-top:-14px; z-index:3; height: 0px; width: 0px;}

.box-clen-2015 .epgl-ren {border-top:.5mm #336600 solid; padding:2mm; color:#336600; font-family:"Century Gothic", Arial Black, Arial; font-size:3mm; font-weight:bold; text-align:center; height: 8mm;}
.box-clen-2015 .epgl-ren span {display:block; color:#000}

.box-clen-2015 .pef {border-top:.5mm #336600 solid; padding:0mm; color:#336600; font-family:"Century Gothic", Arial Black, Arial; font-size:3mm; font-weight:bold; text-align:left;}
.box-clen-2015 .pef div {float:left; padding:1mm; height:9mm;}
.box-clen-2015 .pef .pef-etichetta {display:inline-block; width:38mm; border-right:.5mm #336600 solid; padding-left:2mm; padding-top:2mm; height:9mm; line-height:3mm; }
.box-clen-2015 .pef .pef-s span.t {display:block;}
.box-clen-2015 .pef .pef-inv {display:inline-block; width:18mm; border-right:.5mm #336600 solid; text-align:center; height: 10mm; }
.box-clen-2015 .pef .pef-est {display:inline-block; width:18mm; text-align:center; height: 10mm;}
.box-clen-2015 .pef .faccina {font-family:Wingdings; position:relative; background:#FFF; color:#000; display:inline-block; font-size:20px; padding:0px; font-weight:normal; vertical-align:middle;}
.box-clen-2015 .pef .faccina.selected:before {content:"X"; font-size:5mm;  font-family:"Century Gothic", Arial Black, Arial; position:absolute; margin-left:.85mm}
.box-clen-2015 .pef .svgs {margin-top:3px; float:none; padding:0; height:auto;}
.box-clen-2015 .pef .svgs svg {margin:1px 1px}


/**********************************************/
/********           GOOGLE             ********/
/**********************************************/

/* GESTIONE RECAPTCHA */
.g-recaptcha > div { margin: 4px auto; }
div[class^="minidiv_shbnr_cs_"] { display: none; }



/**********************************************/
/********           PARTNER            ********/
/**********************************************/

/* AUXILIA - FORM MUTUI */
.auxilia-mutuo {display:block; width:100%; text-align:center;}
.auxilia-mutuo .auxilia-logo {width:100px; margin:5px 0;}
.auxilia-mutuo .auxilia-title {color: #CCA800; font-size: 13px; font-family: 'Opensans', sans-serif !important; font-weight: 800; margin: 0 0 10px 0; text-align: center;}
.auxilia-mutuo .auxilia-cols {display:flex; flex-flow:row; flex-wrap:wrap; align-items:stretch; justify-content: space-between;}
.auxilia-mutuo .auxilia-cols > div {flex: 1 1 auto;display:flex;flex-flow:row;flex-wrap:nowrap;min-width:48%;margin: 0.5% 1%;text-align: left;align-items: center;}
.auxilia-mutuo .auxilia-cols > div label {display: inline-block; flex: 1 0 43%; width:auto; text-align: left; white-space: nowrap; margin: 0 2% 0 0;}
.auxilia-mutuo .auxilia-cols > div select, .auxilia-mutuo .auxilia-cols > div input {flex: 0 1 55%; margin:0; width:auto; min-width:150px;}
.auxilia-mutuo .auxilia-cols > div.last {justify-content: center; text-align: center;}
.auxilia-mutuo .auxilia-cols > div.last input.pulsante {float:none; margin:0; flex:0 1 auto; width:auto; -webkit-min-width:fit-content; -moz-min-width:fit-content; ; min-width:-moz-fit-content; min-width: -webkit-fill-available; min-width:fit-content;}


/* ----- REPLAT ----- */
#box_replat_ft_ver {background-color:transparent}
#box_replat_ft_ver input {border:0}
.replat_lang, .replat_link {text-transform:uppercase; font-size:0.8em;}
.replat_angolo_alto_sx {height:12px; width:12px; font-size:0px; background-image:none;}
.replat_angolo_alto_dx {height:12px; width:12px; font-size:0px; background-image:none;}
.replat_bordo_alto {height:12px; font-size:0px; background-image:none;}
/* solo box verticale */ .replat_fascia_1_sx {background-image:none;}
/* solo box verticale */ .replat_fascia_1_dx {background-image:none;}
/* solo box verticale */ .replat_fascia_1_centro {background-image:none; height:30px;}
.replat_fascia_1_testo {text-align:center; vertical-align:middle; text-transform:uppercase; font-weight:bold;}
.replat_bordo_sx {background-image:none; text-align:left;}
.replat_bordo_dx {background-image:none; text-align:left;}
.replat_angolo_basso_sx {height:12px; width:12px; font-size:0px; background-image:none;}
.replat_angolo_basso_dx {height:12px; width:12px; font-size:0px; background-image:none;}
.replat_bordo_basso {height:12px; font-size:0px; background-image:none;}

.replat_fascia_1_testo {text-align:center; vertical-align:middle; color:midnightblue; font-family:arial narrow;	font-size:18px;	text-transform:uppercase; font-weight:bold; letter-spacing:-1px}
.replat_link a:link, .replat_link a:visited, .replat_link a:hover {font-family:verdana;font-weight:bold; font-size:10px;color:gray;text-decoration:underline}
#box_replat_ft_ver table { margin-bottom: 0px; }
#box_replat_ft_ver form { border-radius: 8px; border: 2px solid #F78E11; background-color: #ffffff; display: block !important; box-shadow: 0 0 20px #F78E11 inset;  padding: 10px 0; }
#box_replat_ft_ver input[type=image] {width:32px; height:32px; border:0; box-shadow:none;}


/* ----- CREDIPASS ----- */
.boxcredipass {width: 100%; text-align:center}
#credipass { width: 100%; border: 0px none; min-height: 250px; margin-top: 5px; }




.form_page input, .form_page textarea, .form_page select { width: 100%; }
.form_page .box-radio {margin-bottom:10px;}
.form_page .box-radio label {display:inline-block; width:auto; margin-right:5px; vertical-align:middle;}
.form_page .box-radio input {display:inline-block; margin-right:30px; width:auto; vertical-align: middle;}
.form_page .form-mc-box .f-row > div, .form_page .f-checkbox {margin-top:0; display: flex; flex-flow:row nowrap; align-items: center;}
.form_page .form-mc-box input {width:auto; vertical-align:middle; margin:0 5px 0 0;}
.form_page .form-mc-box label {width:auto; vertical-align:middle; margin:0 5px 0 0;}
.form_page .f-checkbox input {width:auto; vertical-align:middle; margin:0 5px 0 0;}
.form_page .f-checkbox label {width:auto; vertical-align:middle; margin:0 5px 0 0; display:inline-block;}
.form_page .f-radio input {width:auto; vertical-align:middle; margin:0 5px 0 0;}
.form_page .f-radio label {width:auto; vertical-align:middle; margin:0 5px 0 0; display:inline-block;}
.form_page .form_privacy {margin-top:25px;}
.form_page .form_privacy .form_privacy_titolo {font-weight:bold;}
.form_page .form_privacy .box-radio > label {margin:0 5px 0 0; vertical-align:middle;}
.form_page .form_privacy .box-radio > input {margin:0 25px 0 0; vertical-align:middle;}
.form_page .box-send {text-align:center; margin-top:20px;}



/*****************************************/
/********     LEAFLET MAPPA       ********/
/*****************************************/

.leaflet-div-icon { border: 0px !important; }

.bsmap-bar { background-color: #FFF; box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; }
.bsmap-input { padding: 3px 6px; border: 0px; min-width: 175px; }
.bsmap-btn { display: inline-block; color: #fff; background-color: #337ab7; border-color: #2e6da4; padding: 3px 6px; border: 0px; }
.bsmap-btn:hover { color: #fff; background-color: #286090; border-color: #204d74; }

.btn-single { width: 30px; height: 30px; line-height: 30px; text-align: center; }
.btn-single i { font-size: 24px; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; }

.btn-perimetro { width: 50px; height: 50px; float: left; background: no-repeat center center url('images/search_raggio.png'); padding: 4px; box-sizing: content-box !important; cursor: pointer; }
.btn-perimetro.circle { border-right: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; }
.btn-perimetro.polygon { background-image: url('images/search_recinto.png'); padding-left: 0px; }
.btn-perimetro.active { background-color: #CCC; }

.bsmap-icon-poli .bsmap-btn { padding: 0px; position: absolute; width: 20px; height: 20px; top: 1px; left: 1px; }
.bsmap-icon-poli .bsmap-btn i { width: 20px; height: 20px; text-align: center; line-height: 20px; }
.bsmap-icon-poli .bsmap-btn.hide { display: none !important; }
.bsmap-icon-poli .bsmap-btn.done, .bsmap-icon-poli .bsmap-btn.edit { left: unset; right: 1px; }

.bsmap-btngo {font-size:1.2em; white-space:nowrap;}

.bsmap-cp-items { display: flex; width: 250px; padding: 3px; }
.bsmap-cp-items input { flex: 0 0 auto; width: auto; border: 0 none !important; }
.bsmap-cp-items button { flex: 0 1 auto; display: none; }

.ui-front { z-index: 10000 !important; }



/*****************************************/
/********   MEDIA QUERY STAMPA    ********/
/*****************************************/
.noprint, .noprint-landscape, .noprint-portrait {display:block;}
.onlyprint, .onlyprint-landscape, .onlyprint-portrait {display:none;}

@media print {
	* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

	.noprint {display:none!important;}
	.onlyprint {display:block!important;}
	.no-break {page-break-inside:avoid;}	
}

@media print and (color) {
	* {-webkit-print-color-adjust: exact;  print-color-adjust: exact; }
}

@media print and (orientation: landscape) {
	.noprint-landscape {display:none!important;}
	.onlyprint-landscape {display:block!important;}
} 

@media print and (orientation: portrait) {
	.noprint-portrait {display:none!important;}
	.onlyprint-portrait {display:block!important;}
}

/*******************************************/
/********   GESTIONE CONSISTENZE    ********/
/*******************************************/

.consistenze {width: 100%; border-collapse:collapse; box-sizing:border-box;}
.consistenze th {text-align:left; box-sizing:border-box;}
.consistenze td {text-align:right; box-sizing:border-box;}
.consistenze thead tr {font-size:1.2em; font-weight:bold; border-bottom:1px #CCC solid;}
.consistenze tfoot tr {font-size:1.2em; font-weight:bold; border-top:1px #CCC solid;}

@media (max-width: 576px) {
	.consistenze {width:100%; display:block;}
  .consistenze thead {display:none;}
	.consistenze tbody, .consistenze tbody tr, .consistenze tfoot, .consistenze tfoot tr {display:block; width:100%; border:0;}	
  .consistenze tbody tr {display:flex; flex-flow:row wrap; border:1px #CCC solid; margin-bottom:10px; width:100%;} 
	.consistenze tbody tr th {display: block; flex:1 0 100%; margin: 0; border-bottom: 1px solid #e7ecf1; text-align:center; width:100%;}	
  .consistenze tbody tr td {display:block; flex:1 1 50%; float: none; text-align:left; border-right:1px solid #e7ecf1; padding:0 5px; margin:0; font-size:0.8em;}
  .consistenze tbody tr td:last-child {border: 0px none; }  
  .consistenze tbody td:before {content: attr(data-label) ': '; float: none; text-transform: uppercase; font-weight:bold}	
	.consistenze tfoot tr {display:flex; flex-flow:row;}
	.consistenze tfoot th, .consistenze tfoot td {display:block; flex:1 1 auto;}
}