/*************** Google font ***********/

/* dosis-regular latin -----https://google-webfonts-helper.herokuapp.com/fonts/dosis?subsets=latin----- */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dosis-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Dosis Regular'), local('Dosis-Regular'),
       url('../fonts/dosis-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v7-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}

/* nanum-gothic-regular latin -----https://google-webfonts-helper.herokuapp.com/fonts/nanum-gothic?subsets=latin----- */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nanum-gothic-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('../fonts/nanum-gothic-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v7-latin-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

/* nanum-gothic-800 - latin */
@font-face {
  font-family: 'Nanum Gothic 800';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/nanum-gothic-v13-latin-800.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'),
       url('../fonts/nanum-gothic-v13-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v13-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v13-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v13-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v13-latin-800.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

/* benchnine-regular latin -----https://google-webfonts-helper.herokuapp.com/fonts/benchnine?subsets=latin----- */
@font-face {
  font-family: 'BenchNine';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/benchnine-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('BenchNine Regular'), local('BenchNine-Regular'),
       url('../fonts/benchnine-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/benchnine-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/benchnine-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/benchnine-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/benchnine-v6-latin-regular.svg#BenchNine') format('svg'); /* Legacy iOS */
}

/*****************************************************/

body {
	font-family: 'Nanum Gothic';
	padding: 0;
	height: 100%; 
	padding-bottom: 40px;/*margin-bottom per evitare che il footer fixed copri la fine della pagina */
	}

html {height: 100%;} 
*, html {line-height: 1em;}


/****PER RISOLVERE PROBLEMA SCROLL SU IOS *****/

/* iPad (landscape) ----------- */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) {
html, body {overflow:hidden}
body {overflow:auto; -webkit-overflow-scrolling:touch}  
}

/* iPad (portrait) ----------- */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {
html, body {overflow:hidden}
body {overflow:auto; -webkit-overflow-scrolling:touch} 
}

/* iPhone -------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
html, body {overflow:hidden}
body {overflow:auto; -webkit-overflow-scrolling:touch}  
}

/*html, body {overflow:hidden}
body {overflow:auto; -webkit-overflow-scrolling:touch}*/


a {color:#7b7f29/*#037274*/; }
a:hover, a:focus {color:#A4A83B/*#069b9e*/; text-decoration:underline;}

a.neutro {color:#666}
a.neutro:hover {color:#999; text-decoration: none}

a.arancio {color:#d67126}
a.arancio:hover {color:#F19810; text-decoration: none}

a.red {color:#980b05}
a.red:hover {color:#E62E26; text-decoration: none}

a.blu {color:#044748}
a.blu:hover {color:#037274; text-decoration: none}

a.bluscuro {color:#1c4149; cursor:pointer}
a.bluscuro:hover {color:#24869b; text-decoration: none}

a.bianco {color:#e9e9e9}
a.bianco:hover {color:#FFF; text-decoration: none}

p {line-height: 1.5em;}

footer {
	background-color:#D8D7CE; 
	padding:15px; 
	margin-top:20px; 
	text-align:center; 
	font-size:0.8em; }

.navbar-fixed-bottom-footer {
  	position:sticky;
  	right: 0;
  	left: 0;
  	z-index: 1030;
	bottom: 0;
  	margin-bottom: 0;
  	border-width: 1px 0 0;
}

@media (min-width: 768px) {
  .navbar-fixed-bottom-footer {
    border-radius: 0;
  }
}

@media print {
	.noprint {display: none;} /*classe da applicare agli elementi che non devono apparire in stampa*/
}

.mr-15 {margin-right: 15px} /* per allineamento destra pulsanti INDIENTRO/CAMBIA IND */

.content {margin-top:77px} /*contenitore menu a scomparsa sx*/

.bg-grigiochiaro {background:#e7e7e7;}
.bg-grigiomedio {background:#D8D7CE;}
.bg-grigio {background:#bcbaad;}
.bg-grigiomedioscuro {background:#838374;}
.bg-grigioscuro {background:#58584f;}
.bg-bianco {background-color:#FFF;} 

.bg-verde {background:#A4A83B;}
.bg-arancio {background:#F19810;}
.bg-rosso {background:#d64841/*#E62E26*/;}
.bg-prugna {background:#BE4694;}
.bg-viola {background:#6F4193;}
.bg-celeste {background:#5DBEC1;}
.bg-blu {background:#037274;}
.bg-verdone {background:#5B5C1E;}
.bg-oro {background:#BC920D;} /*più chiaro: #e6b005*/
.bg-bordeau {background:#A01A16;}
.bg-giallo {background:#fccf31;}
.bg-bluscuro {background:#1c4149 /*#054f50*/;}

.txt-grigio {color:#BCBAAD;}
.txt-grigiomedioscuro {color:#838374;}
.txt-grigioscuro {color:#58584f;}
.txt-verde {color:#A4A83B;}
.txt-arancio {color:#F19810;}
.txt-arancio-3 {color:#FFB647;}
/*.txt-giallo {color:#ffeea7;} */
.txt-rosso {color:#d64841/*#E62E26*/;}
.txt-prugna {color:#BE4694;}
.txt-viola {color:#6F4193;}
.txt-celeste {color:#5DBEC1;}
.txt-blu {color:#037274;}
.txt-verdone {color:#5B5C1E;}
.txt-oro {color:#BC920D;}
.txt-bordeau {color:#A01A16;}
.txt-bianco {color:#FFF;}
.txt-bluscuro {color:#1c4149;}
.txt-verdechiaro {color:#e0fac4;}

.txt-verdetreemap {color:#BBD332/*#BFC363;*/}
.txt-verdonetreemap {color:#228B22/*#898E08;*/}
.txt-aranciotreemap {color:#FF8C00}
.txt-rossotreemap {color:#B93826}
.txt-grigiotreemap {color:#6D6F70}

a.txt-blu:hover, a.txt-blu:focus, a.txt-blu:active {color:#148A88;} /*link titoli tabella PERCORSI*/

.dosis {font-family:'Dosis', sans-serif;}
.dosis-UC {font-family:'Dosis', sans-serif; text-transform: uppercase;}

.line-height-2 {line-height: 2em}
.font-size-09 {font-size: 0.9em}
.smaller {font-size: 70%}
.normal {font-weight:normal}

.bb-1-bianco {border-bottom: #FFFFFF solid 1px;}

.nofloat {float:none;}
.float-left {float:left;}
.float-right {float:right;}

.centoXcento {width: 100%;}
.ventiXcento {width: 20%;}
.venticinqueXcento {width: 25%;}
.cinquantaXcento {width: 49%;}
.auto {width: auto;}

.rounded {
  	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.rounded-left {
  	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.rounded-right {
  	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.delay-animazione {animation-duration: 0.5s;
  	/*animation-delay: 0.5s;*/}

.label /*modifica a bootstrap.css per MAPPA SPECIALISTICA*/
{font-size: 90%; font-weight: normal;}

/* PER LEGENDA TREEMAP*/
.txt-giallino {color:#F9E484/*#FFCF85;*/}
.txt-verdemedio {color:#7B7F29;}

.nota {line-height: 1.5em; /*background:#f0f0f0;*/ padding:0.4em; font-size: 0.95em }


/********** STRUTTURA SITO ***********/

nav.navbar-default {
    position: sticky; /* per fissare la barra di navigazione sempre in alto */
    top: 0;
    z-index: 10;
}

.navbar-default .navbar-nav > li > a {color: #3d3d39;} /*(grigio più scuro)*/ 
.navbar-default .navbar-nav > li > a:hover {color: #fff;}

.barra-titolo {
	color: #FFFFFF; 
	font-family: 'BenchNine', sans-serif;  
	font-size: 1.6em;
}

.barra-titolo-menu {
	color: #FFFFFF; 
	font-family: 'BenchNine', sans-serif;  
	font-size: 1.6em;
	height: 47px; 
    margin: 0; 
    padding: 12px 0 0 12px;
}

.map_contatti {border-bottom:#D8D7CE solid 1px; border-top:#FFF solid 1px; margin:0 0 20px 0; padding-bottom:2px}

/****** TOOLTIP *******/

.tooltip-inner {
  	font-family:'Dosis', sans-serif;
	/*text-transform: uppercase;*/
	font-size: 1.3em;
	/*line-height: 1.5em;*/
  	max-width: 300px;
  	padding: 10px;
  	/*color: #fff;
  	text-align: center;*/
  	background-color:#838374;
  	border-radius: 5px;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #838374;
}


/****** MENU GRIGIO NUOVO *******/ 

.menugrigio { 
	font-size: 1.3em; /**/
    text-transform: uppercase;  
	font-family:'Dosis', sans-serif; 
	color:#fff;
	margin-top:0;
}

a.menugrigiolink {color: #fff;}

.nav > li > a.menugrigiolink:hover,
.nav > li > a.menugrigiolink:focus {background-color:#58584f}

a.menugrigiolink:hover,
.nav .open > a.menugrigiolink,
.nav .open > a.menugrigiolink:hover,
.nav .open > a.menugrigiolink:focus {background-color:#58584f; color: #FFFFFF; text-decoration: none}

a.menugrigiolink ul li {color: #fff;}

/* PER MENU 3 LIVELLI - OK (versione cassata ma potrebbe servire in futuro)*/

.dropdown-submenu {position:relative;}

.dropdown-submenu>.dropdown-menu-custom {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-5px; /*-10*/
}
.dropdown-submenu:hover>a:after {border-left-color:#555;}

.dropdown-menu-custom {
  position: absolute;
  top: 100%;
  left: center;/*0*/
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu-custom > li > a {
  display: block;
  padding: 3px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu-custom > li > a:hover,
.dropdown-menu-custom > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.open > .dropdown-menu-custom {display: block;}

/****** MASCHERA LOGIN *******/

.login {background:#1c4149/*#054f50*/; color:#ffffff; margin:0; text-align:center; padding-bottom:5px;}

.login h1 {font-size:0.9em; line-height: 1em; margin-top: 5px; text-transform: uppercase;}
.login h1 spam {font-size: 0.95em; text-transform: none;}

.user, .password, .entra {border: none; line-height: 0.9em;}
.entra {background-color: #b5b3a7; font-family: 'BenchNine', sans-serif; font-size: 1.8em; color: #1c4149; text-transform: uppercase; }
.entra:hover {background-color: #b5b3a7;}

 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 input:-webkit-autofill:active {
 -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  }

.welcome {font-size:1em; padding:3px;}

a.logout, a.logout:visited {background:url(../img/close.png)no-repeat 0px 3px; padding-left:18px; margin-left: 60px; color:#BCBAAD}
a.logout:hover {color:#FFF; text-decoration: none}

a.newpw, a.newpw:visited {background:url(../img/mod_pw.png)no-repeat 0px 3px; padding-left:18px; margin-left: 60px; color:#BCBAAD}
a.newpw:hover {color:#FFF; text-decoration: none}

.txt2colonne {
    column-count: 2;
    column-gap: 30px;
    column-rule: 1px solid #666; /*bordo delle colonne*/
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -moz-column-rule: 1px solid #666;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    -webkit-column-rule: 1px solid #666;
}


/****** MENU ORIZZONTALE SEZIONI - SOLO ICONE ******/

#menu-capitoli {background: url(/prevale2021/img/onepixel.png) repeat-x top}

.pullLeft a:before {
    position: absolute;
    width: 0px;
    height: 100%;
    right: 0px;
    top: 0px;
    content: '';
    background: #FFF;
    opacity: 0.3;
    transition: all 0.3s;
}

.pullLeft a:hover:before {width: 100%; }

.pullLeft a.disattivo:hover:before {width:0%; }

.pullLeft li {
	/*background-image: url(../img/corner_bianco.png); VERSIONE CON ANGOLO SFOGLIATO */ 
	background-repeat: no-repeat; 
	background-position: bottom right;  
	border-right: 1px solid #FFFFFF; 
	border-top: 1px solid #FFFFFF;}

.nav > li > a.menu_osp,
.nav > li > a.menu_ter,
.nav > li > a.menu_spe,
.nav > li > a.menu_per,
.nav > li > a.menu_str,
.nav > li > a.menu_agg,
.nav > li > a.menu_eme,
.nav > li > a.menu_dip,
.nav > li > a.menu_equ,
.nav > li > a.menu_dia,
.nav > li > a.menu_covid {
	padding: 10px 10px 0 44px; /*10px 0 0 44px; VERSIONE CON ANGOLO SFOGLIATO */
	font-family: 'BenchNine', sans-serif;  
	font-size: 1.1em; 
	text-transform: uppercase;
	line-height:1em;
	/*width: 140px; VERSIONE CON ANGOLO SFOGLIATO */ 
	height: 45px;
	position: relative;
    z-index: 0;
    cursor: pointer;}

.nav > li > a.menu_osp {background:url(../img/menu_ico_osp_col.png) no-repeat 10px; }
.nav > li > a.menu_osp:hover, .nav > li > a.menu_osp:focus, .nav > li > a.menu_osp.active {color: #7f831d}

.nav > li > a.menu_ter {background:url(../img/menu_ico_ter_col.png) no-repeat 10px; }
.nav > li > a.menu_ter:hover, .nav > li > a.menu_ter:focus, .nav > li > a.menu_ter.active {color:#c37601}

.nav > li > a.menu_eme {background:url(../img/menu_ico_eme_col.png) no-repeat 10px; padding: 15px 10px 0 44px; } /*15px 0 0 44px; VERSIONE CON ANGOLO SFOGLIATO */ 
.nav > li > a.menu_eme:hover, .nav > li > a.menu_eme:focus, .nav > li > a.menu_eme.active {color:#d64841/*#E62E26*/}

.nav > li > a.menu_spe {background:url(../img/menu_ico_spe_col.png) no-repeat 10px; }
.nav > li > a.menu_spe:hover, .nav > li > a.menu_spe:focus, .nav > li > a.menu_spe.active {color:#BE4694}

.nav > li > a.menu_dip {background:url(../img/menu_ico_dip_col.png) no-repeat 10px; padding: 15px 10px 0 44px; } /*15px 0 0 44px; VERSIONE CON ANGOLO SFOGLIATO */
.nav > li > a.menu_dip:hover, .nav > li > a.menu_dip:focus, .nav > li > a.menu_dip.active {color:#6F4193}

.nav > li > a.menu_equ {background:url(../img/menu_ico_equ_col.png) no-repeat 10px; padding: 15px 10px 0 44px; } /*15px 0 0 44px; VERSIONE CON ANGOLO SFOGLIATO */
.nav > li > a.menu_equ:hover, .nav > li > a.menu_equ:focus, .nav > li > a.menu_equ.active {color:#38999c}

.nav > li > a.menu_per {background:url(../img/menu_ico_per_col.png) no-repeat 10px; }
.nav > li > a.menu_per:hover, .nav > li > a.menu_per:focus, .nav > li > a.menu_per.active {color:#037274}

.nav > li > a.menu_str {background:url(../img/menu_ico_str_col.png) no-repeat 10px; }
.nav > li > a.menu_str:hover, .nav > li > a.menu_str:focus, .nav > li > a.menu_str.active {color:#5B5C1E}

.nav > li > a.menu_agg {background:url(../img/menu_ico_agg_col.png) no-repeat 10px; padding: 10px 10px 0 44px; } /*10px 0 0 44px; VERSIONE CON ANGOLO SFOGLIATO */
.nav > li > a.menu_agg:hover, .nav > li > a.menu_agg:focus, .nav > li > a.menu_agg.active {color:#BC920D}

.nav > li > a.menu_dia {background:url(../img/menu_ico_dia_col.png) no-repeat 10px; padding: 10px 10px 0 44px; } /*10px 0 0 44px; VERSIONE CON ANGOLO SFOGLIATO */
.nav > li > a.menu_dia:hover, .nav > li > a.menu_dia:focus, .nav > li > a.menu_dia.active {color:#A01A16}

.nav > li > a.menu_covid {background:url(../img/menu_ico_covid_col.png) no-repeat 10px; }
.nav > li > a.menu_covid:hover, .nav > li > a.menu_covid:focus, .nav > li > a.menu_covid.active {color:#1c4149}

.navbar-nav > .open > a.menu_osp,
.navbar-nav > .open > a.menu_osp:hover,
.navbar-nav > .open > a.menu_osp:focus { background:url(../img/menu_ico_osp.png) no-repeat 10px #A4A83B; color: #FFFFFF}

.navbar-nav > .open > a.menu_ter,
.navbar-nav > .open > a.menu_ter:hover,
.navbar-nav > .open > a.menu_ter:focus { background:url(../img/menu_ico_ter.png) no-repeat 10px #F19810; color: #FFFFFF}

.navbar-nav > .open > a.menu_eme,
.navbar-nav > .open > a.menu_eme:hover,
.navbar-nav > .open > a.menu_eme:focus { background:url(../img/menu_ico_eme.png) no-repeat 10px #d64841/*#E62E26*/; color: #FFFFFF}

.navbar-nav > .open > a.menu_spe, /*questo per ora non serve perché SPE non ha sottomenu*/
.navbar-nav > .open > a.menu_spe:hover,
.navbar-nav > .open > a.menu_spe:focus { background:url(../img/menu_ico_spe.png) no-repeat 10px #BE4694; color: #FFFFFF}

.navbar-nav > .open > a.menu_dip,
.navbar-nav > .open > a.menu_dip:hover,
.navbar-nav > .open > a.menu_dip:focus { background:url(../img/menu_ico_dip.png) no-repeat 10px #6F4193; color: #FFFFFF}

.navbar-nav > .open > a.menu_dia,
.navbar-nav > .open > a.menu_dia:hover,
.navbar-nav > .open > a.menu_dia:focus { background:url(../img/menu_ico_dia.png) no-repeat 10px #A01A16; color: #FFFFFF}

.navbar-nav > .open > a.menu_equ, /*questo per ora non serve perché EQU non ha sottomenu*/
.navbar-nav > .open > a.menu_equ:hover,
.navbar-nav > .open > a.menu_equ:focus { background:url(../img/menu_ico_equ.png) no-repeat 10px #5DBEC1; color: #FFFFFF}

.navbar-nav > .open > a.menu_per,
.navbar-nav > .open > a.menu_per:hover,
.navbar-nav > .open > a.menu_per:focus { background:url(../img/menu_ico_per.png) no-repeat 10px #037274; color: #FFFFFF}

.navbar-nav > .open > a.menu_str,
.navbar-nav > .open > a.menu_str:hover,
.navbar-nav > .open > a.menu_str:focus { background:url(../img/menu_ico_str.png) no-repeat 10px #5B5C1E; color: #FFFFFF}

.navbar-nav > .open > a.menu_agg,
.navbar-nav > .open > a.menu_agg:hover,
.navbar-nav > .open > a.menu_agg:focus { background:url(../img/menu_ico_agg.png) no-repeat 10px #BC920D; color: #FFFFFF}

.navbar-nav > .open > a.menu_covid,
.navbar-nav > .open > a.menu_covid:hover,
.navbar-nav > .open > a.menu_covid:focus { background:url(../img/menu_ico_covid.png) no-repeat 10px #1c4149; color: #FFFFFF}

a.sottomenulink:hover:before {width: 0px;} /*per disattivare animazione pullLeft nel sotto-menu*/

li.sottomenulink_style { background-image:none; border-right: 0px; border-top: 0px;} /*per togliere corner e bordi alle voci del sottomenu*/

.sottomenu_osp, .sottomenu_ter, .sottomenu_spe, .sottomenu_eme, .sottomenu_dip, .sottomenu_dia, .sottomenu_equ, .sottomenu_per, .sottomenu_str {
	min-width: 140px;
    border-radius: 0px;
-webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.sottomenu_osp {border: 1px solid #A4A83B;}
.sottomenu_ter {border: 1px solid #F19810;}
.sottomenu_spe {border: 1px solid #5DBEC1;} /*per ora non c'è ancora il sottomenu_spe*/
.sottomenu_eme {border: 1px solid #d64841/*#E62E26*/;}
.sottomenu_dip {border: 1px solid #6F4193;}
.sottomenu_dia {border: 1px solid #A01A16;}
.sottomenu_equ {border: 1px solid #5DBEC1;} /*per ora non c'è ancora il sottomenu_equ*/
.sottomenu_per {border: 1px solid #037274;}
.sottomenu_str {border: 1px solid #5B5C1E;}
.sottomenu_covid {border: 1px solid #1c4149;} /*per ora non c'è ancora il sottomenu_covid*/

.nav-home {margin-top: 1.5rem}

a.go-home {
	background:url(../img/menu_home.png) no-repeat 8px;
	padding-left:36px; 
	font-size: 1.1em;
	text-transform:uppercase; 
	font-family:'Dosis', sans-serif; 
}

a.go-home:hover, a.go-home:focus {background-color:transparent;}

/******* VERSIONE MENU RESPONSIVE *******/

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	a.go-home {line-height: 2em;}
	.nav-home {margin-top: 1rem}
	/*.navbar-collapse {padding-right:0px; padding-left:0px;} */
	} /*cellulare*/
			
@media only screen and (min-device-width : 768px) and (max-device-width : 1493px) {
	a.go-home {line-height: 2em;}
	.nav-home {margin-top: 0.3rem}
	.navbar-collapse {padding-right:0px; padding-left:0px;} 
} /*tablet*/

@media only screen and (min-device-width : 768px) and (max-device-width : /*1316*/1270px) {
	.pullLeft li {border-bottom: 1px solid #FFFFFF;}
} /*tablet*/

@media only screen and (max-device-width : 767px) {
	.pullLeft a:hover:before {width: 0px;}
	.navbar-nav > .open > a.dropdown-toggle { width: 100%}
} /*quando appare hamburger-menu*/


/********** CONTENUTO PAGINA INTERNA ***********/

#interno_sx { }
#interno_sx h1, h1.titolo {
	margin: 0; 
	padding: 0.4em;
	border-radius: 5px; 
	font-family: 'Dosis', sans-serif; 
	font-size: 1.3em; 
	font-weight: bold; /*new 21maggio*/
	text-transform: uppercase;
	display: inline-block; 
	width: 100%;
}

#interno_sx h1.full {  
	font-size: 1.3em; 
	text-transform: uppercase;
	font-weight: bold; /*new 21maggio*/
	display: inline-block; 
	line-height: 2em;
	padding: 0 0 0 0.4em;
}

#interno_sx h2, h2.sottotitolo {font-size: 1.1em; margin-top: 0; margin-bottom: 0;} /*new 4 settembre*/

/* cambia indicatore NUOVO */
#interno_sx h1 div {float: right; font-size: 0.8em; font-weight:normal} 
#interno_sx h1 div a {color:#FFF/*#666*/; font-size: 1.1em/*1.2em*/; font-weight:normal}

a.cambiaind {font-size: 0.8em; color:#666} /* quando non è inserito in INTERNO-SX */
a.cambiaind:hover {color:#999; text-decoration: none}

/* nuovo pulsante INDIETRO E CAMBIA INDICATORE */
#interno_sx h1 div.indietro {font-size: 0.8em; float:left} 

#interno_sx div a#back, #interno_sx div a#cc_osp, #interno_sx div a#cc_osp1, #interno_sx div a#cc_ospSTR, #interno_sx div a#cc_terr, #interno_sx div a#cc_terr1, #interno_sx div a#cc_terrASL, #interno_sx div a#cc_equita, #interno_sx div a#cc_equita1, #interno_sx div a#cc_spec1, #interno_sx div a#cc_dipendenze1, #interno_sx div a#cc_esempio, #interno_sx div a#cc_terrASL1, #interno_sx div a#scegliSTR, #interno_sx div a#cc_dialisi1, #interno_sx div a#cc_audit1, #interno_sx div a#cc_audit_ris, #interno_sx div a#cc_audit_ris1, #interno_sx div a#cc_audit_ris_edprec, #interno_sx div a#cc_audit_ris_edprec1, #interno_sx div a#cc_audit_ris_edcorr, #interno_sx div a#cc_audit_ris_edcorr1, #interno_sx div a#cc_eme, #interno_sx div a#cc_eme1, #interno_sx div a#cc_agg-osp1, #interno_sx div a#cc_agg-ter1, #interno_sx div a#cc_equita_gen, #interno_sx div a#cc_equita_gen1 {color:#FFF} 

#interno_sx div a#back:hover, #interno_sx div a#cc_osp1:hover, #interno_sx div a#cc_ospSTR:hover, #interno_sx div a#cc_terr:hover, #interno_sx div a#cc_terr1:hover, #interno_sx div a#cc_terrASL:hover, #interno_sx div a#cc_equita:hover, #interno_sx div a#cc_equita1:hover, #interno_sx div a#cc_spec1:hover, #interno_sx div a#cc_dipendenze1:hover, #interno_sx div a#cc_esempio:hover, #interno_sx div a#cc_terrASL1:hover, #interno_sx div a#scegliSTR:hover, #interno_sx div a#cc_dialisi1:hover, #interno_sx div a#cc_audit1:hover, #interno_sx div a#cc_audit_ris1:hover, #interno_sx div a#cc_audit_ris:hover, #interno_sx div a#cc_audit_ris_edprec:hover, #interno_sx div a#cc_audit_ris_edprec1:hover, #interno_sx div a#cc_audit_ris_edcorr:hover, #interno_sx div a#cc_audit_ris_edcorr1:hover, #interno_sx div a#cc_eme:hover, #interno_sx div a#cc_eme1:hover, #interno_sx div a#cc_agg-osp1:hover, #interno_sx div a#cc_agg-ter1:hover, #interno_sx div a#cc_equita_gen:hover, #interno_sx div a#cc_equita_gen1:hover 
{color:#FFF; text-decoration: none}
/* SE SI AGGIUNGONO NUOVI MENU CC_ VANNO AGGIUNTE ANCHE LE RELATIVE CLASSI PER L'INDIETRO */

#interno_dx .box_main, #interno_sx .box_main  {
	border-radius: 5px; 
	display:inline-block;
}

#interno_dx h1 {
	font-family: 'Dosis', sans-serif; 
	font-size: 1.2em; 
	text-transform: uppercase; 
	padding: 0.4em; 
	color: #FFFFFF;
	margin:0;
}

.box_col {float:left; width:50%; display:block}
.box_col_full {float:left; width:100%; display:block} /*per ora non serve, ma hai visto mai*/
.box_col_tre {float:left; width:33.33%; display:block}

.box_col h2, 
.box_col_full h2,
.box_col_tre h2 {
	font-family: 'Dosis', sans-serif; 
	font-size: 0.9em; 
	text-transform: uppercase; 
	padding-left: 10px; 
	font-weight: bold; 
	margin:0 0 10px 0;
}

.box_col h3,
.box_col_full h3,
.box_col_tre h3 {
	font-family: 'Dosis', sans-serif; 
	font-size: 0.8em; 
	text-transform: uppercase; 
	padding-left: 10px; 
	font-weight: bold; 
	margin:0 0 10px 0;
}

.btn_icon { 
	height: 60px; width: 60px; 
	text-align: center;
	padding: 42px 0 0 0; /* era 44px 0 0 0*/
	margin: 0 0 10px 10px;
	border: none;
	font-size: 0.7em;
	text-transform: uppercase;
	color:#FFFFFF;
	line-height:0.8em;
}

.btn_icon:focus,
.btn_icon:hover,
.btn_icon:active,
.btn_icon:active:focus,
.btn_icon:active:hover {
 	color: #333;
	filter: alpha(opacity=50);
	opacity:0.7;
  	outline: none; /*per eliminare bordino azzurro al clik*/
}

.btn_icon_trend_equ {background: url(../img/icon_trend.png) no-repeat 14px 8px #5DBEC1;}
	.btn_icon_trend_equ:hover, .btn_icon_trend_equ:focus, .btn_icon_trend_equ:active, .btn_icon_trend_equ:active:hover, .btn_icon_trend_equ:active:focus {color:#FFF} 

.btn_icon_trend {background: url(../img/icon_trend.png) no-repeat 14px 8px #bcbaad;}
.btn_icon_graf {background: url(../img/icon_graf.png) no-repeat 14px 8px #bcbaad;}
.btn_icon_graf-freccia {background: url(../img/icon_graf_freccia.png) no-repeat 14px 8px #bcbaad;}
.btn_icon_graf-oriz {background: url(../img/icon_graf_oriz.png) no-repeat 12px 8px #bcbaad;}
.btn_icon_graf-vert {background: url(../img/icon_graf_vert.png) no-repeat 12px 8px #bcbaad;}
.btn_icon_graf-vert2 {background: url(../img/icon_graf_vert2.png) no-repeat 12px 8px #bcbaad;}
.btn_icon_graf-flussi {background: url(../img/icon_flussi.png) no-repeat 12px 8px #bcbaad;}
.btn_icon_tab {background: url(../img/icon_tab.png) no-repeat 15px 10px #bcbaad;}
.btn_icon_map {background: url(../img/icon_map.png) no-repeat 10px 6px #bcbaad;}
.btn_icon_flow {background: url(/prevale2021/img/icon_flow.png) no-repeat 10px 4px #bcbaad;}
	.btn_icon_flow_bn {background: url(/prevale2021/img/icon_flow_bn.png) no-repeat 10px 6px #bcbaad;}

.btn_documenti {
	color:#FFF; 
	background: #bcbaad; 
	font-family: 'Dosis', sans-serif; 
	text-transform: uppercase; 
	font-size: 1.1em;
	/*margin:10px*/
}

.btn_documenti:hover, .btn_documenti:focus, .btn_documenti:active:hover, .btn_documenti:active:focus {
	color:#999; 
	background: #D8D7CE; 
	border-color:#bcbaad;
	outline: none; /*per eliminare bordino azzurro al clik*/
}

.btn_spec, .btn_spec:hover, .btn_spec:focus, .btn_spec:active:hover, .btn_spec:active:focus {
	color:#FFF; 
	background:#BE4694; 
	font-family: 'Dosis', sans-serif; 
	text-transform: uppercase; 
	font-size: 1.1em;
	outline: none; /*per eliminare bordino azzurro al clik*/
}

.btn_per {
	background: url(../img/icon_per.png) no-repeat 5px 6px #bcbaad;
	outline: none;
	padding-left: 28px;
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
}

.btn_grafico, .btn_grafico:hover, .btn_grafico:focus, .btn_grafico:active:hover, .btn_grafico:active:focus {
	color:#FFF; 
	font-family: 'Dosis', sans-serif; 
	text-transform: uppercase; 
	font-size: 1.3em;
}

.btn_per:hover, .btn_per:focus, .btn_per:active:hover, .btn_per:active:focus {
	background: url(../img/icon_per.png) no-repeat 5px 6px #037274;
	color: #FFF;
	outline: none;
}

.border_bold_verde {border:#A4A83B solid 3px;}
.border_bold_arancio {border:#F19810 solid 3px;}
.border_bold_rosso {border:#d64841/*#E62E26*/ solid 3px;}
.border_bold_prugna {border:#BE4694 solid 3px;}
.border_bold_viola {border:#6F4193 solid 3px;}
.border_bold_celeste {border:#5DBEC1 solid 3px;}
.border_bold_blu {border:#037274 solid 3px;}
.border_bold_verdone {border:#5B5C1E solid 3px;}
.border_bold_oro {border:#BC920D solid 3px;}/*#e6b005*/
.border_bold_bordeau {border:#A01A16 solid 3px;}
.border_bold_bianco {border:#FFFFFF solid 3px;}
.border_bold_grigio {border:#BCBAAD solid 3px;}
.border_bold_grigiomedio {border:#D8D7CE solid 3px;}
.border_bold_grigiomedioscuro {border:#838374 solid 3px;}
.border_bold_bluscuro {border:#1c4149 solid 3px;}

a.navigazione {color:#666} 
a.navigazione:hover {color:#999; text-decoration: none}

.distanziatore {height:100px}

@media only screen and (max-device-width : 1483px) {
	.distanziatore {height:0px}
} 

/******** TABELLA ********/

/*table {font-family:'Nanum Gothic 800', sans-serif; font-size: 1.1em}*/

.table_grigia {
	margin:0px; 
	width:99.9%; /* per evitare la scrollbar orizzontale */
	border-collapse: collapse;
	overflow: hidden; /* per evitare la scrollbar orizzontale in Firefox */
	/*table-layout:fixed; TOGLIERE PER TABLE RESPONSIVE!! */
}

.table_grigia td {
	border-bottom:#D8D7CE dotted 1px; 
	border-left:#D8D7CE solid 2px; 
}

.table_grigia td.last {
	border-bottom:#D8D7CE dotted 1px; 
	border-left:#D8D7CE solid 2px;
	border-right:#D8D7CE solid 2px; 
}

.table_grigia td.foot {
	border-bottom:#D8D7CE solid 2px; 
}

.table_grigia th {
	border-bottom:#FFF solid 1px; 
	border-left:#FFF solid 2px; 
	padding: 5px 0 5px 0; 
}

.table_grigia th.esterno {
	border-bottom:#FFF solid 1px; 
	border-left:#D8D7CE solid 2px; 
	padding: 5px 0 5px 0; 
}

.table_grigia th.last {
	border-bottom:#FFF solid 1px; 
	border-right:#D8D7CE solid 2px; 
	padding: 5px 0 5px 0; 
}

.table_grigia th.vuoto {
	border-right:#D8D7CE solid 1px; 
	border-collapse: collapse;
}

.table_grigia th.vuoto-nobordi {
	border-right:none; border-left:none; border-top:none; border-bottom:none;  
	background: #FFFFFF;
	border-collapse: collapse;
}

.table_grigia th.vuoto-bianco {
	border-top:#D8D7CE solid 1px; 
	border-left:#D8D7CE solid 2px; 
	border-right:#D8D7CE solid 2px;
	background: #FFFFFF;
}

.table_grigia thead {font-family: 'Dosis', sans-serif; display: table-header-group;}

.table_grigia tbody {font-family:'Nanum Gothic 800', sans-serif; font-size: 0.9em;} /*{font-size: 0.8em;}*/

.table_grigia tr.second, .table_grigia tr.lazio {
	font-family:'Nanum Gothic 800', sans-serif; /*new 26-11*/
	border:none; 
	background: #e7e7e7; 
}

.table_grigia tr.third {
	font-family:'Nanum Gothic 800', sans-serif;
	border:none; 
}

.table_grigia > tfoot > tr > td {
	height:0.3em; 
	background:#D8D7CE; 
	border:#D8D7CE solid 2px;
	margin: 0;
	padding: 0;
}
/*modifica di classe bootstrap per togliere bordino alla tabella in versione mobile*/
@media screen and (max-width: 767px) {
  .table-responsive {
    border: 0px;
  }
}

/*.tab-select-filter { 
	background: url(../img/filtro.png) no-repeat right #D8D7CE; 
	width: 20px; 
	height: 20px; 
	overflow: hidden; 
	border: none;
	margin-left: 5px;
}

.tab-select-ordina { 
	background: url(../img/ordina.png) no-repeat right #D8D7CE; 
	width: 14px; 
	height: 20px; 
	overflow: hidden; 
	border: none;
	margin-left: 5px;
}

.tab-select-cfr { 
	background: url(../img/cfr.png) no-repeat right #D8D7CE; 
	width: 22px; 
	height: 21px; 
	overflow: hidden; 
	border: none;
	margin-left: 5px;
}*/

table select.filter { 
	background-color: transparent;
	border: none;
	-webkit-appearance:none;
	cursor: pointer;
}

.modal-title-dosis {
	font-family:'Dosis', sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
}

td.bianca {border:none; background: #FFFFFF;}

.btn-media-prec-bench, .btn-media-prec-bench:hover, .btn-media-prec-bench:focus, .btn-media-prec-bench:active {font-family:'Dosis', sans-serif; text-transform: uppercase;}

/*per finto pulsante CONFRONTA */
.confronta, .confronta:hover, .confronta:link, .confronta:active, .confronta:active:hover, .confronta:active:focus, .confronta:disabled:hover, .confronta:disabled:focus { 
  	color: #333;
  	background-color: #fff;
  	border-color: #fff/*#ccc*/;
	cursor: default;
	outline: none;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}

.evidenzia-verde-1 {background:#037274/*#7b7f29*/; color: #FFFFFF; text-transform: uppercase; font-weight: bold} /*ex verde-osp scuro - ora azzurro-scuro*/
.evidenzia-verde-2 {background:#14a6a9/*#A4A83B*/; color: #FFFFFF; text-transform: uppercase; font-weight: bold} /*ex verde-osp - ora azzurro-medio*/
.evidenzia-verde-3 {background:#3ecccf/*#c5ca45*/; color: #FFFFFF; text-transform: uppercase; font-weight: bold} /*ex verde-osp chiaro - ora azzurro-chiaro*/

.evidenzia-arancio-1 {background:#d67126; color: #FFFFFF; font-weight: bold; text-transform: uppercase;} /*scuro*/
.evidenzia-arancio-2 {background:#F19810; color: #FFFFFF; font-weight: bold; text-transform: uppercase;} /*arancio-ter*/
.evidenzia-arancio-3 {background:#ffb647; color: #FFFFFF; font-weight: bold; text-transform: uppercase;} /*chiaro*/

.evidenzia-giallino {background:#F9E484;} /*giallino*/
.evidenzia-verdetreemap {background:#BBD332;} 
.evidenzia-verdechiaro {background:#e0fac4;} 

.evidenzia-viola-1 {background:#6F4193; color: #FFFFFF; font-weight: bold; text-transform: uppercase;} 
.evidenzia-viola-2 {background:#9445d2; color: #FFFFFF; font-weight: bold; text-transform: uppercase;} 
.evidenzia-viola-3 {background:#ba6bf8; color: #FFFFFF; font-weight: bold; text-transform: uppercase;} 

.evidenzia-blu-1 {background:#037274; color: #FFFFFF; font-weight: bold; text-transform: uppercase;} 
.evidenzia-blu-2 {background:#0CA7AA; color: #FFFFFF; font-weight: bold; text-transform: uppercase;} 
.evidenzia-blu-3 {background:#38d0d3; color: #FFFFFF; font-weight: bold; text-transform: uppercase;} 

.evidenzia-verde-1 span, .evidenzia-verde-2 span, .evidenzia-verde-3 span, .evidenzia-arancio-1 span, .evidenzia-arancio-2 span, .evidenzia-arancio-3 span, .evidenzia-viola-1 span, .evidenzia-viola-2 span, .evidenzia-viola-3 span, .evidenzia-blu-1 span, .evidenzia-blu-2 span, .evidenzia-blu-3 span {font-family:'Dosis', sans-serif; font-weight:normal}

.benchmark {padding-bottom:10px; color:#037274/*#A4A83B*/; font-weight:bold; text-transform:uppercase; font-family:'Dosis', sans-serif; }
.benchmark-arancio {padding-bottom:10px; color:#D67126; font-weight:bold; text-transform:uppercase; font-family:'Dosis', sans-serif; line-height:2em; }

/***modifica a classi di datatables.css***/

div.btn-group {position:relative; float:right;} /*per allineare a dx i pulsanti MEDIA REG./ANNO PREC./BENCHMARK/CONFRONTA*/
div.dataTables_wrapper div.dataTables_filter label {font-family:'Dosis', sans-serif; text-transform: uppercase; background: url(../img/cerca.png) no-repeat 0 5px; padding-left: 17px;}
/*div.dt-buttons {position:relative; float:left;}*/
div.dataTables_wrapper div.dataTables_filter input {margin-left:1em;} /* per aumentare lo spazio tra CERCA e input*/
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {padding-right: 0; margin-right: 20px}
div.dataTables_scrollBody {overflow-x: hidden}
div.dataTables_wrapper div.dataTables_filter {text-align: left;} /*per allineare a sx il CERCA*/

/***modifica a classi di jquery.fancybox.min.css***/

.fancybox-thumbs, .fancybox-thumbs ul {max-width:70px;}
.fancybox-show-thumbs .fancybox-inner{right:70px;}
.fancybox-thumbs ul li.fancybox-thumbs-loading {height:20px; width:24px}


/****************************************/

.input-group-addon-semplice {
  	font-size: 1em;
  	text-align: left;
	line-height: 0.5em;
  	background-color: #FFF;
  	border: none;
}

/******* TREEMAP *******/

.table_treemap {
	margin:0px; 
	width:100%;
	border-collapse: collapse;
}

.table_treemap a {color:#7b7f29;}

.table_treemap tr.bordertop {border-top:dotted 1px #ABAAA8;}

table.rep { border-collapse: collapse; border-radius: 5px; background: #E7E7E7 }
table.rep tr th { padding: 0.5em 1.3em 0.5em 1.3em; border-bottom: #FFFFFF solid 2px }
table.rep tr td { padding: 0.3em 1.3em 0.3em 1.3em; border-bottom: #FFFFFF solid 2px }
table.rep tr td a { color:#7b7f29; font-weight: bold }

.btn_treemap {background: #D8D7CE;	text-align: center;}

.btn_treemap:focus,
.btn_treemap:hover,
.btn_treemap:active,
.btn_treemap:active:focus,
.btn_treemap:active:hover {
 	background: #FFF;
  	outline: none; /*per eliminare bordino azzurro al clik*/
}

.btn-print {
  	color: #fff;
  	background-color:#bcbaad;
  	border-color:#a4a39b;
}
.btn-print:focus, .btn-print:hover, .btn-print:active {
  	color:#a4a39b;
	background-color: #FFF;
}

.textdiv {padding:0.5em; font-weight: bold; /*background-color:rgba(255, 255, 255, 0.5); margin:2px*/}
.grandparent text {font-weight: bold; font-family:'Dosis', sans-serif; font-size:1em; }
.link {fill: none;	stroke: #e0dfd8/*#E8E5E5*/;} /*IMPORTANTE*/

/*g text {font-size: 0.7em; font-family: 'Nanum Gothic';} */
g.node text {font-size: 0.7em; font-family: 'Nanum Gothic';} /*testi all'interno del dettaglio treemap */

#fumetto {margin: 200px 0 0 550px;}

#fumetto p {
	color: #FFF;
	font-size: 1.3em;
	text-align: center;
	padding: 0 10px 0 10px;
}

@media print {
/* All your print styles go here */
#fumetto {visibility: hidden}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#chart {width: 95%;}
#chart svg{width: 140%}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#chart {width: 95%;}
#chart svg{width: 135%}
}	
@media print {
#link{ display:none}
.dett{ display:none}
.valori{ display:none}
#chart{margin-top:-30px; width:93% ; }
#chart svg{width: 140%; display:block; height:180mm }
}

/* controllo per non far sovrapporre i box nel dettaglio treemap*/

@media only screen and (max-device-width : 1280px) {
#max1280 {width: 100%;}
}

@media only screen and (min-device-width : 1280px) and (max-device-width : 1500px) { /*era 1400px*/
#interno_dx_max1400 {width: 42%;} 
}

@media only screen and (max-device-width : 1279px) {
#interno_dx_max1400 {width: 100%;} 
}

#interno_dx_max1400 .box_main  { 
	border-radius: 5px; 
	display:inline-block;
}

#interno_dx_max1400 h1 { 
	font-family: 'Dosis', sans-serif; 
	font-size: 1.2em; 
	text-transform: uppercase; 
	padding: 0.4em; 
	color: #FFFFFF;
	margin:0;
}
/***** TABS *****/

.nav-tabs > li > a.str, .nav-tabs > li > a.ps, .nav-tabs > li > a.asl, .nav-tabs > li > a.perc {text-decoration: underline}
.nav-tabs > li > a.str:hover { }

.nav-tabs > li.active > a.str,
.nav-tabs > li.active > a.str:hover,
.nav-tabs > li.active > a.str:focus {
  	background-image: url(../img/icon_osp_color.png);
	background-repeat: no-repeat;
	background-position: 6px;
	padding-left: 30px;
	color: #A4A83B;
	text-decoration: none;
}

.nav-tabs > li.active > a.asl,
.nav-tabs > li.active > a.asl:hover,
.nav-tabs > li.active > a.asl:focus {
  	background-image: url(../img/icon_ter_color.png);
	background-repeat: no-repeat;
	background-position: 6px;
	padding-left: 30px;
	color: #F19810;
	text-decoration: none;
}

.nav-tabs > li.active > a.ps,
.nav-tabs > li.active > a.ps:hover,
.nav-tabs > li.active > a.ps:focus {
  	background-image: url(../img/icon_eme_color.png);
	background-repeat: no-repeat;
	background-position: 6px;
	padding-left: 30px;
	color:#E62E26;
	text-decoration: none;
}

.nav-tabs > li.active > a.perc,
.nav-tabs > li.active > a.perc:hover,
.nav-tabs > li.active > a.perc:focus {
  	background-image: url(../img/icon_per_color.png);
	background-repeat: no-repeat;
	background-position: 6px;
	padding-left: 30px;
	color:#037274;
	text-decoration: none;
}

/****** FLIP ******/

.flip {
  	-webkit-perspective: 800;
	perspective: 800;
 	position: relative;
 	text-align: center;
}
.flip .card.flipped {
  	-webkit-transform: rotateY(180deg)/*rotatey(-180deg)*/;
    transform: rotateY(180deg)/*rotatey(-180deg)*/;
}
.flip .card {
  	height: 100%;
  	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
  	-webkit-transition: 0.5s;
    transition: 0.5s;
}
.flip .card .face {
  	-webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
  	z-index: 2;
}
.flip .card .front {
  	position: absolute;
   	width: 100%;
  	z-index: 1;
}
.flip .card .back {
  	-webkit-transform: rotateY(180deg);/*rotatey(-180deg);*/
    transform: rotateY(180deg);/*rotatey(-180deg);*/
}
.inner {margin:0px !important;}

	
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.flip .card {
  		height: 100%;
  		-webkit-transition: 0.5s;
    	transition: 0.5s;
	}
}


/**** FORMAZIONE *****/

ul.formazione {list-style: none; padding-inline-start: 0px}
ul.formazione > li > ul {list-style: none; padding-inline-start: 20px}
ul.formazione li {line-height: 2em; color: #58584f}
ul.formazione li a {/*color: #58584f*/}
ul.formazione li a:hover {text-decoration: none;  /*color: #838374*/}
ul.formazione li a:focus, ul.formazione li a:visited {text-decoration: none;  /*color: #58584f*/}

/****** SANKEY 
.nota {background-color:#D8D7CE; padding: 10px; text-align:center; font-size:0.8em;}******/