a:hover, a:focus, object, a:visited { outline:0px; }

body, html { text-rendering: optimizeLegibility; }
body { background: #FFF; margin:0px; padding:0px; font-family:'Open Sans', sans-serif; letter-spacing: 0px; font-weight:300; }
.total_container { float:left; width:100%; height:auto; }

.map_container { float:left; width:100%; height:auto; padding:20px 0px; }
.map_container.white { background-color:#FFF; }
.center_container { margin:0 auto; max-width:1240px; width:calc(100% - 20px); padding:0px 10px; }
.map_box { float:left; width:100%; height:500px; position:relative; }
.map_box a.fullscreen { float:left; position:absolute; text-align:center; right:10px; top:10px; z-index:1000; width:32px; height:32px; background-color:#FFF; border:1px solid #1d4b9b; border-radius:20px; }
.map_box a.fullscreen i { line-height:32px; color:#1d4b9b; }
.map_box a.fullscreen:hover { background-color:#f2f2f2; }
.map_container #map { float:left; width:100%; height:100%; }

.map_box span.source { float:left; width:auto; height:14px; line-height:30px; font-size:12px; color:#FFF; font-weight:400; 
position:absolute; bottom:10px; background-color:#6E83A2; display:none; z-index:100; height:30px; padding:0px 15px; }
.desktop  span.source { left:50%; }
.ismobile span.source { right:3px; padding:5px 7px; height:auto; text-align:right; bottom:3px; font-size:11px; line-height:16px; }

.map_box.full { position:absolute; background-color:#FFF; z-index:100; top:0px; left:0px; margin:10px; width:calc(100% - 20px); }
.amcharts-chart-div a { /*display:none !important;*/ }

.menu_container .menu .voice#reset_map { display:none; border-left:1px solid #FFF; }

.menu_container { float:left; max-width:360px; width:100%; height:auto; position:absolute; left:10px; top:10px; z-index:1000; }
.menu_container .btn { float:left; width:34px; height:34px; }
.menu_container .btn a { float:left; width:calc(100% - 2px); height:calc(100% - 2px); background-color:#FFF; border:1px solid #1d4b9b; border-radius:20px; text-align:center; }
.menu_container .btn a i { line-height:32px; color:#1d4b9b; }
.menu_container .btn a:hover { background-color:#f2f2f2; }
.menu_container .btn span { float:left; width:100%; height:auto; margin-top:5px; text-align:center; color:#1d4b9b; font-size:12px; line-height:12px; font-weight: bold; }
.menu_container .menu { float:left; display:none; width:100%; margin-left:10px; height:auto; overflow-x:hidden; overflow-y:auto; }
.menu_container .menu.open { display:block; }
.menu_container .menu .scroll { float:left; width:100%; height:auto; background-color:#6E83A2; }
.menu_container .menu .voice { float:left; width:100%; height:auto; position:relative; }
.menu_container .menu .voice a { float:left; text-transform:uppercase; text-align:center; width:calc(100% - 25px); padding:12px 10px; color:#FFF; font-size:14px; font-weight:700; line-height:20px; text-decoration:none; }
.menu_container .menu .voice a.color_1 { border-left:5px solid #0F597A; }
.menu_container .menu .voice a.color_2 { border-left:5px solid #F29D20; }
.menu_container .menu .voice a.color_3 { border-left:5px solid #C2E3F5; }
.menu_container .menu .voice a:hover, .menu_container .menu .voice a.over, .menu_container .menu .voice a.selected { background-color:#0F597A; color:#FFF; }
.menu_container .menu .voice.small a { line-height:18px; padding:6px 10px; font-size:11px; font-weight:400; text-align:center; }
.menu_container .menu .submenu { float:left;width:100%; height:0px; overflow:hidden; }
.menu_container .menu .submenu.open { height:auto; }
.menu_container .menu .submenu .voice a { font-size:13px; }
.menu_container .menu .submenu .voice.small a { font-size:12px; }
.menu_container .menu .submenu .content { float:left;width:100%; margin-bottom:0px; }

.menu_container .menu .submenu .voice.small { position:relative; }
.menu_container .menu .submenu .voice.small i { position:absolute; right:5px; top:0px; color:#FFF; font-size:12px; padding-top:6px; line-height:18px; }
.menu_container .menu .submenu .voice.small .description { display:none; position:absolute; }
.descrizione_indicatore { position:absolute; top: 0px; left: 55%; display: none; padding: 10px; background-color: #FFF; border: 5px solid #C2E3F5; 
width:calc(40% - 30px); z-index: 1010; font-size: 12px; line-height: 18px; text-align: justify; }
.descrizione_indicatore .content { float:left; width:100%; }
.descrizione_indicatore a.close { float:left; position:absolute; width:auto; height:21px; top:3px; right:10px; z-index:10; display:none; 
color:#000; font-size:12px; line-height:21px; text-decoration:none; }

.menu_container .menu .scroll.show_btn { height:calc(100% - 44px); }
#menu_country .btn { float:left; display:none; width:calc(100% - 20px); padding:0px 10px; height:44px; background-color:#FFF; }
#menu_country .btn a { float:right; height:34px; margin-top:5px; background-color:#3A3A3A; font-weight:300; font-size:15px; border:0px; border-radius:0px; width:auto; padding:0px 20px; line-height:34px; color:#FFF; }
#menu_country .btn a.apply { margin-left:10px; background-color:#162E52; }

/* MENU STATIC */
.menu_container.static { position:relative; top:0px; left:0px; width:100%; max-width:100%; height:50px; background-color:#F2F2F2; }
.menu_container.static .element { float:left; height:50px; width:16.66666%; }
.menu_container.static.five .element { width:20%; }
.menu_container.static .element a { float:left; width:100%; line-height:45px; text-align:center; text-decoration:none; font-weight:700; }
.menu_container.static .element.first a { border-top:5px solid #6E83A2; color:#6E83A2; }
.menu_container.static .element.second a { border-top:5px solid #67B7DC; color:#67B7DC; }
.menu_container.static .element.third a { border-top:5px solid #4D97BF; color:#4D97BF; }
.menu_container.static .element.fourth a { border-top:5px solid #3477A2; color:#3477A2; }
.menu_container.static .element.fifth a { border-top:5px solid #1A5784; color:#1A5784; }
.menu_container.static .element.six a { border-top:5px solid #162E52; color:#162E52; }
.menu_container.static .element.first a.selected { background-color:#6E83A2; color:#FFF; }
.menu_container.static .element.second a.selected { background-color:#67B7DC; color:#FFF; }
.menu_container.static .element.third a.selected { background-color:#4D97BF; color:#FFF; }
.menu_container.static .element.fourth a.selected { background-color:#3477A2; color:#FFF; }
.menu_container.static .element.fifth a.selected { background-color:#1A5784; color:#FFF; }
.menu_container.static .element.six a.selected { background-color:#162E52; color:#FFF; }

.menu_container.static .menu { position:absolute; z-index:200; top:50px; width:100%; left: 0px; margin-left: 0px; border: 0px; }
.menu_container.static .menu.open { display:block; }
.menu_container.static .menu .voice { width:25%; }
.menu_container.static .menu .voice a { border:0px !important; color:#FFF !important; width:100%; padding:8px 5px; font-size:14px; border-right:1px solid #FFF !important; }
.menu_container.static .menu .voice.last a { border:0px !important; width:100%; }
.menu_container.static .menu .voice a:hover, .menu_container.static .menu .voice a.open, .menu_container.static .menu .voice a.selected 
{ background-color:#0F597A; color:#FFF; }
.menu_container.static .menu .submenu .voice { width:100%; }
.menu_container.static .menu .voice a.nodata { background-color:#CCC; color:#333; }
.menu_container.static .menu .voice a.compare { background-color:#67B7DC; color:#FFF; }
.menu_container.static .menu .voice a.compare.selected { background-color:#0F597A; color:#FFF; }

.menu_container.static .element.column { position:relative; }
.menu_container.static .element.column .menu .voice { width:100%; }
.menu_container.static .element.column .menu .voice a { border:0px !important; width:100%; }

.menu_container.static .element.column .menu#menu_year .voice { width:50%; }

.menu_container.static .element.first .menu .scroll { background-color:#6E83A2; }
.menu_container.static .element.second .menu .scroll { background-color:#67B7DC; }
.menu_container.static .element.third .menu .scroll { background-color:#4D97BF; }
.menu_container.static .element.fourth .menu .scroll { background-color:#3477A2; }
.menu_container.static .element.fifth .menu .scroll { background-color:#1A5784; }
.menu_container.static .element.six .menu .scroll { background-color:#162E52; }

#menu_indicators { width:49.95%; }
#menu_indicators .voice { width:100%; }
#menu_indicators .voice a { border:0px !important; padding:10px 15px; width:100%; line-height:30px; font-weight:normal; }
#menu_indicators .voice a i.fa-arrow-right { float:right; line-height:30px; visibility:hidden; }
#menu_indicators .voice a.open i.fa-arrow-right { visibility:visible; }
.menu_container.static .element.third .submenu { left: 49.95%; width: 50%; /*top: 50px !important;*/ }
.menu_container.static .element.third .submenu .voice { width:100%; }
.menu_container.static .element.third .submenu .voice { width:100%; }
.menu_container.static .element.third .submenu .voice a { border:0px !important; line-height:30px; padding:10px 5px; width:100%; }
.menu_container.static .element.third .submenu .voice a i { margin-left:10px; font-size: 16px; }
.menu_container.static .element.third .submenu .voice .description { display:none; }
/* FINE MENU STATIC */

/* OPACITY LAYER*/
.opacity_layer { z-index:10000; width:100%; height:100%; background:#000000; position:fixed; top:0; left:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; display: none; }
.opacity_layer.white { background-color:#FFF; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#loading_layer { z-index:10050; position:absolute; top:50%; left:50%; width:64px; height:64px; margin-left:-32px; margin-right:-32px; 
background-image:url(../img/loader.png); background-position:center center; background-repeat:no-repeat; background-size:100%; }
/* FINE OPACITY LAYER */

/* DINAMIC ALERT */
.dinamic_alert
{ position:fixed; z-index:10020; height:auto; width:600px; top:50%; left:50%; margin-left:-300px; margin-top:-110px;
display:none; }
.dinamic_alert .bkg_dinamic_alert
{ float:left; margin:0px; height:auto; width:100%; position:relative; }
.dinamic_alert .bkg_dinamic_alert a.ok { margin-left:0px; left:290px; }
.dinamic_alert .bkg_dinamic_alert a.nok { margin-left:0px; left:140px; background-color:#666666; }
.dinamic_alert_container { float:left; padding:15px 40px; height:auto; width:calc(100% - 80px); background-color:#F0EFEF; border-radius:5px; }
.dinamic_alert_container h1
{ float:left; width:100%; padding:0px; margin:0px; color:#676767; font-size:21px; font-weight:300; text-transform:uppercase;
font-family: 'Open Sans', sans-serif; padding-bottom:10px; text-align:center; position:relative; border-bottom:1px dotted #B2B2B2; }
.dinamic_alert_container h1 font { float:none; color:#676767; font-size:21px; font-weight:300; font-family: 'Open Sans', sans-serif; }
.dinamic_alert .bkg_dinamic_alert a.close
{ float:left; position:absolute; width:21px; height:21px; top:5px; right:5px; z-index:10;
background-image:url(../img/chiudi_popup.png); background-position:center center; background-repeat:no-repeat; }
.dinamic_alert .bkg_dinamic_alert p.btn { float:left; width:100%; text-align:center; margin-top:30px; }
.dinamic_alert .bkg_dinamic_alert p.btn a.chiudi { float:none; text-decoration:none !important; border-radius:5px; padding:10px 25px; font-weight:900; font-size:15px; display:inline-block; color:#FFF; background-color:#CF012A; }
.dinamic_alert_container span
{ float:left; width:100%; padding:0px; margin:0px; margin-top:15px; font-size:14px;
color:#333; line-height:18px; font-family: 'Open Sans', sans-serif; font-weight:400; text-align:center; }
/* FINE DINAMIC ALERT */

.amcharts-export-menu-top-right { top:60px !important; right:10px !important; opacity:1 !important; }
.amcharts-export-menu li:last-child > a { box-shadow:none !important; background-image:none !important; opacity:1 !important; }
.amcharts-export-menu .export-main > a { width:32px !important; margin-top:0px !important; margin-right:0px !important; height:32px !important; border:1px solid #1d4b9b; border-radius:20px !important; text-indent:0px !important; line-height:32px; text-align:center; color:#1d4b9b !important; }
.amcharts-export-menu .export-main > a::before { content:"\f019"; font:normal normal normal 14px/1 FontAwesome; transform:translate(0, 0); text-rendering:auto; font-size:16px; }
.amcharts-export-menu li:last-child > a:hover { background-color:#f2f2f2; color:#1d4b9b; }
.amcharts-export-menu .export-main > a span { display:none; }

.alert_panel { float:left; background-color:#FFF; border-radius:7px; position:fixed; top:50%; left:50%; width:700px; height:auto; margin-left:-350px; display:none; z-index:10020; }
.alert_panel .scroll_content { float:left; width:100%; height:auto; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling: touch; }
.alert_panel .content { float:left; width:calc(100% - 40px); height:auto; padding:20px; position:relative; }
.alert_panel.scrolled .content { padding-right:10px; width:calc(100% - 30px); }
.alert_panel .content p { float:left; height:auto; padding:0px; margin:0px; color:#0F597A; font-weight:900; font-size:26px; text-transform:none; line-height:32px; padding-right:40px; width:calc(100% - 40px); }
.alert_panel .content .country_info { float:left; width:100%; height:auto; }
.alert_panel .content .country_info .loading { float:left; width:100%; height:200px; background-image:url(../img/loading.gif); background-position:center center; background-repeat:no-repeat; }
.alert_panel a.chiudi_popup_icon { position:absolute; top:20px; right:15px; float:right; width:30px; height:30px; z-index:10; font-size:30px; line-height:30px; color:#0F597A; }

.alert_panel .content .country_info .row_column { float:left; width:100%; }
.alert_panel .content .country_info .column { float:left; width:calc(50% - 10px); margin-top:5px; padding-top:10px; margin-right:20px; border-top:1px solid #F2F2F2; }
.alert_panel .content .country_info .column.last { margin-right:0px; width:calc(50% - 10px);  }
.alert_panel .content .country_info .row_column .column.all { margin-right:0px; width:100%; }
.alert_panel .content .country_info .column .row { float:left; width:100%; }
.alert_panel .content .country_info .column .row.next { margin-top:10px; }
.alert_panel .content .country_info .column p { float:left; font-size:14px; margin-top:5px; line-height:20px; width:100%; font-weight:300; color:#333; margin:0px; padding:0px; }
.alert_panel .content .country_info .column p.label { color:#0F597A; font-weight:600; }
.alert_panel .content .country_info .column .pie_chart { float:left; width:100%; height:350px; margin-bottom:15px; margin-top:10px; }
.alert_panel .content .country_info .column .legend { float:left; display:block; width:calc(100% + 10px); margin-top:5px; margin-bottom:15px; position: relative; }
.alert_panel .content .country_info .column .legend .legend_col { float:left; width:calc(33.333% - 10px); margin-right:10px; margin-top:10px; }
.alert_panel .content .country_info .column .legend .legend_col font { float:left; width:20px; height:20px; }
.alert_panel .content .country_info .column .legend .legend_col p { float:left; margin-left:5px; width:calc(100% - 25px); font-size:12px; color:#000; font-size:12px; line-height:16px; margin-top:2px; }

.alert_panel .content .country_info .tabs{
	margin-bottom: -6px;
}
.alert_panel .content .country_info .tabs > div{
	display: inline-block;
	padding: 2px 15px;
	margin: 1px;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
}
.alert_panel .content .country_info .tabs > div.disable{
	background-color: #b7c0c4;
	color: #131313;
}
.alert_panel .content .country_info .tabs > div.active{
	background-color: #1e6180;
	color: white;
}

.alert_panel .content .country_info .none{
	display: none !important;
}

.compare_box { float:left; width:100%; height:500px; position:relative; display:none;  }
.compare_box span.source_ind { float:left; width:auto; height:14px; line-height:30px; font-size:12px; color:#FFF; font-weight:400; 
position:absolute; top:10px; right:0px; background-color:#6E83A2; display:none; z-index:100; height:30px; padding:0px 15px; }
.compare_box .loading { float:left; width:100%; height:100%; background-image:url(../img/loading.gif); background-position:center center; background-repeat:no-repeat; }
.map_container #compare_map { float:left; width:100%; height:100%; }

#copy_svg { display:none; }
#png-container { float:left;width:100%; height:100%; }

@media (max-device-width:740px) {
	.ismobile .menu_container { left:0px; top:0px; } 
	.ismobile .map_box a.fullscreen { right:5px; top:5px; width:30px; height:30px; }
	.ismobile .map_box a.fullscreen i { line-height:30px; }
	.ismobile .menu_container .btn { width:30px; height:30px; }
	.ismobile .menu_container .btn i { line-height:30px; }
	
	.amcharts-export-menu-top-right { right:5px !important; top:45px !important; }
	
	.menu_container { max-width:280px; }
	.menu_container .menu { -webkit-overflow-scrolling: touch; width:calc(100% - 40px); }
	.menu_container .menu .voice a { padding:10px 10px; padding-right:20px !important; width:calc(100% - 35px); font-size:12px !important; line-height:14px !important; }
	.menu_container .menu .submenu .voice.small i { line-height:14px; }
		
	.dinamic_alert { margin-left:0px !important; left:10px !important; width:calc(100% - 20px); } 
	.alert_panel { margin-left:0px !important; left:10px !important; width:calc(100% - 20px); } 
	.alert_panel .content .country_info .column { width:100% !important; margin-right:0px; }
	.alert_panel .content .country_info .column.last { margin-top:0px; border:0px; }
	
	.alert_panel .content .country_info .column .pie_chart { height:230px; }
	.alert_panel .content .country_info .column .legend { display:block; }
	.alert_panel .content .country_info .column .legend .legend_col { margin-right:0px; width:100%; }
	.alert_panel .content .country_info .column .legend .legend_col p { font-size:14px; }
	
	.descrizione_indicatore { left:45px !important; width:210px !important; padding-top:25px; }
	.descrizione_indicatore a.close { display:block; }
	
	.menu_container.static { z-index:1050; }
	.menu_container.static .menu { z-index:1050; }
	.menu_container.static .menu .voice { width:50%; }
	.menu_container.static .menu .voice a { padding:8px 5px !important; }
	
	#menu_indicators { width:100%; }
	#menu_indicators .voice a { width:100%; font-weight:700; line-height:20px !important; }
	#menu_indicators .voice a i.fa-arrow-right { display:none; }
	.menu_container.static .element.third .submenu { position:static; width:100%; }
	#menu_indicators .submenu .voice a { font-weight:300; }
	
	.menu_container.static .element.first a.open { background-color:#6E83A2; color:#FFF; }
	.menu_container.static .element.second a.open { background-color:#67B7DC; color:#FFF; }
	.menu_container.static .element.third a.open { background-color:#4D97BF; color:#FFF; }
	.menu_container.static .element.fourth a.open { background-color:#3477A2; color:#FFF; }
	.menu_container.static .element.fifth a.open { background-color:#1A5784; color:#FFF; }
	.menu_container.static .element.six a.open { background-color:#162E52; color:#FFF; }
	
	.menu_container.static .element a:first-child { font-size:12px; }
	.menu_container.static .element { width:16%; }
	.menu_container.static .element.second { width:14%; }
	.menu_container.static .element.third { width:14%; }
	.menu_container.static .element.fifth { width:20%; }
	.menu_container.static .element.six { width:20%; }
	.menu_container.static .element a:first-child i { font-size:16px; }
	
	#menu_country { overflow:hidden; height:400px !important; }
	#menu_country .scroll { overflow-y:scroll; -webkit-overflow-scrolling: touch; }
	
	#menu_country .btn a { width:calc(50% - 5px); padding:0px; text-align:center; }
	
	.menu_container.static .element.column .menu#menu_year .voice { width:100%; }
}


/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-container { position: relative; width: 100%; height: 88%; }
.slick-dot { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; }

.slick-active .slick-dot { opacity: 1; background: #425271; }

.slick-dots { bottom: 10px; }