@import url("https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200");

/*
	Halcyonic by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		/*font-size: 100%;*/
		font: inherit;
		vertical-align: baseline;
		font-family: Raleway;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
		border-left: 10px solid #85c775;
		padding-left: 20px;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

	strong {
		font-weight: bold;
	}

	h2 {
		font-size: 1.5rem;
		font-weight: bold;
		margin-bottom: 0.7rem;
	}
	h3 {
		font-size: 1.3rem;
		font-weight: bold;
		margin-bottom: 0.5rem;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Containers */
	.filter-button_container {
		display: none;
	}

/* Bootstrap override */
/* Btn con colore giocabilita */
.btn-g-color-1 { 
	color: black !important;
	background-color: #f1af47 !important;
	white-space: normal;
  }
  .btn-g-color-2 { 
	color: #fff !important;
	background: #5e52a1 !important;
	white-space: normal;
  }
  .btn-g-color-3 { 
	color: black !important;
	background: #f5ee6a !important;
	white-space: normal;
  }
  .btn-g-color-4 { 
	color: #fff !important;
	background: #2b84c6 !important;
	white-space: normal;
  }
  .btn-g-color-5 { 
	color: black !important;
	background: #71c7d6 !important;
	white-space: normal;
  }
  .btn-g-color-6 { 
	color: black !important;
	background: #85c775 !important;
	white-space: normal;
  }
  .btn-g-color-7 { 
	color: black !important;
	background: #d0547e !important;
	white-space: normal;
  }
  .btn-g-colors:hover,
  .btn-g-colors:active,
  .btn-g-colors:focus { 
	color: #fff !important;
	background-color: #303030 !important;	
	white-space: normal;
	box-shadow: 0px 0px 10px 2px #cacaca;
  }

/* navbar */
.navbar {
	z-index: 2;
}

.navbar-nav .nav-link {
	text-decoration: none;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	color: black !important;
}

.navbar .menu-link-icon {
	width: 25px;
}
.navbar .navbar-brand .menu-link-icon {
	width: 35px;
}

.nav-item {
	padding-left: 10px;;
}

.nav-item.active {
	background: #cde8c6;
    border-radius: 10px;
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 2px dashed #5badff;
}

@media screen and (max-width: 991px) {
	.navbar .menu-link-icon {
		width: 40px;
	}
}

.navbar-toggler.navbar-custom {
	border-color: rgb(36, 36, 36);
}

.navbar-custom .navbar-toggler-icon {
	background-image: url(images/mobileUI-site-nav-opener-bg.svg);
}


/* Custom checkbox */
.custom-control-label {
	padding-left: 0.8rem;
}
.custom-control-label::after {
	top: 0rem;
	width: 1.5rem;
	height: 1.5rem;
  }
  
 .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: #71c7d6;
  }
  
 .custom-control-label::before {
	top: 0rem;
	width: 1.5rem;
	height: 1.5rem;
  }


	@media (max-width: 736px) {
		.filter-button_container {
			display: block;
			position: fixed;
			top:0;
			z-index: 1;
			margin-top: 395px;
		}
	}

	.access_container {
		background-color: #fff;
		border-bottom-right-radius: 4px;
		border-top-right-radius: 4px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 4px;
		padding-left: 3px;
		top: 0;
       	/* left: 0px; */
       	position: fixed;
       	z-index: 1;
		text-align: center;
		/* margin-top: 165px; */
		font-size: 1.5em;
		border: 2px solid #fff;
		float: left;	
		margin-top: 160px;
		overflow-x: hidden;
		box-shadow: 0px 0px 7px -1px #c2c2c2;
		transition: border linear .2s,box-shadow linear .2s;
		/* width:40px; */
		/* height:100%; */
    }

	.access_container a {
		text-decoration: none;
	}

	.access_container svg {
		color: #2c7bb6;
		/* padding-top: 10px; */
	}

	.access_container:hover,
	.access_container:focus {
		border: 2px solid #2b84c6;;		
	}

	.access_container span {
		margin-top: 10px;
	}

	.container {
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 1200px;
		min-width: 960px;
	}

	.container.\37 5\25 {
		width: 720px;
	}

	.container.\35 0\25 {
		width: 480px;
	}

	.container.\32 5\25 {
		width: 240px;
	}

	.container {
		width: 960px;
	}

	@media screen and (min-width: 737px) {
		

		.container.\31 25\25 {
			width: 100%;
			max-width: 1500px;
			min-width: 1200px;
		}

		.container.\37 5\25 {
			width: 900px;
		}

		.container.\35 0\25 {
			width: 600px;
		}

		.container.\32 5\25 {
			width: 300px;
		}

		.container {
			width: 1200px;
		}

	}

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 1250px;
			min-width: 1000px;
		}

		.container.\37 5\25 {
			width: 750px;
		}

		.container.\35 0\25 {
			width: 500px;
		}

		.container.\32 5\25 {
			width: 250px;
		}

		.container {
			width: 1000px;
		}

	}

	@media screen and (max-width: 736px) {

		.access_container { 
			margin-top: 120px;
			font-size: 1.1rem;
		}

		.access_container svg {
			margin-right: -4px;
			margin-left: -2px;
			padding-top: 4px;
		}

		.container.\31 25\25 {
			width: 100%;
			max-width: 125%;
			min-width: 100%;
		}

		.container.\37 5\25 {
			width: 75%;
		}

		.container.\35 0\25 {
			width: 50%;
		}

		.container.\32 5\25 {
			width: 25%;
		}

		.container {
			width: 100% !important;
		}

	}

	#main {
		margin-top: 10px;
	}

/* Basic */

	body {
		/*background: #D4D9DD url("images/bg03.jpg");*/
		/* color: #3B4346; */
		/*font-size: 13.5pt;*/
		color: #121212;
		/* font-size: 1.2em; */
		font-family: 'Raleway';
		line-height: 1.8rem;
		font-weight: 300;
	}

	input, textarea, select {
		color: #474f51;
		/*font-size: 13.5pt;*/
		font-family: 'Raleway';
		line-height: 1.85em;
		font-weight: 300;		
	}

	/* Override select2  */
	.select2-container {
		width: 60% !important;
	}


	ul, ol, p, dl {
		margin: 0 0 0 0;
	}

	a {
		text-decoration: underline;
	}

		a:hover {
			text-decoration: none;
		}

	section > :last-child,
	.last-child {
		margin-bottom: 0 !important;
	}

	 /* Style the list */
	ul.breadcrumb {
	    padding: 10px 16px;
	    list-style: none;
	    background-color: #fff;
		/* font-size: 17px; */
		border: 2px solid antiquewhite;
		border-radius: 5px;
	}

	/* Display list items side by side */
	ul.breadcrumb li {
	    display: inline;
	}

	/* Add a slash symbol (/) before/behind each list item */
	ul.breadcrumb li+li:before {
	    padding: 8px;
	    color: black;
	    content: ">";
	}

	/* Add a color to all links inside the list */
	ul.breadcrumb li a {
	    color: #0275d8;
	    text-decoration: none;
	}

	/* Add a color on mouse-over */
	ul.breadcrumb li a:hover {
	    color: #01447e;
	    text-decoration: underline;
	} 

	/* Copyright */

	#copyright {
		border-top: solid 1px #b5bec3;
		box-shadow: inset 0px 1px 0px 0px #e0e4e7;
		text-align: center;
		padding: 20px 30px 20px 30px;
		color: #3d3d3d;
		/*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);*/
	}

	#copyright a {
		color: #3d3d3d;
	}

/* Multi-use */

	.link-list li {
		padding: 0.2em 0 0.2em 0;
	}

		.link-list li:first-child {
			padding-top: 0 !important;
			border-top: 0 !important;
		}

		.link-list li:last-child {
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

	.quote-list li {
		padding: 1em 0 1em 0;
		overflow: hidden;
	}

		.quote-list li:first-child {
			padding-top: 0 !important;
			border-top: 0 !important;
		}

		.quote-list li:last-child {
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

		.quote-list li img {
			float: left;
		}

		.quote-list li p {
			margin: 0 0 0 90px;
			font-size: 1.2em;
			font-style: italic;
		}

		.quote-list li span {
			display: block;
			margin-left: 90px;
			font-size: 0.9em;
			font-weight: 400;
		}

	.check-list li {
		padding: 0.7em 0 0.7em 45px;
		font-size: 1.2em;
		background: url("images/icon-checkmark.png") 0px 1.05em no-repeat;
	}

		.check-list li:first-child {
			padding-top: 0 !important;
			border-top: 0 !important;
			background-position: 0 0.3em;
		}

		.check-list li:last-child {
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

	.feature-image {
		display: block;
		margin: 0 0 2em 0;
		outline: 0;
	}

		.feature-image img {
			display: block;
			width: 100%;
		}

	.bordered-feature-image {
		display: block;
		background: #fff; /*url("images/bg04.png");*/
		padding: 2em;
		/*box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);*/
		margin: 0 1em 2.5em 1em;
		outline: 0;
		text-align: center;
	}

		.bordered-feature-image img {
			display: block;
			width: 100%;
		}

	.button-big {
		background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
		background-image: linear-gradient(top, #ed391b, #ce1a00);
		display: inline-block;
		background-color: #ed391b;
		color: #fff;
		text-decoration: none;
		font-size: 1.75em;
		font-weight: 300;
		padding: 15px 45px 15px 45px;
		outline: 0;
		border-radius: 10px;
		box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
		text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
	}

		.button-big:hover {
			background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
			background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
			background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
			background-image: linear-gradient(top, #fd492b, #de2a10);
			background-color: #fd492b;
			box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
		}

		.button-big:active {
			background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
			background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
			background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
			background-image: linear-gradient(top, #ce1a00, #ed391b);
			background-color: #ce1a00;
			box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
		}

/* Content */

	#content .quote-list li {
		border-bottom: solid 1px #e2e6e8;
	}

	#content .link-list li {
		border-bottom: solid 1px #e2e6e8;
	}

	#content .check-list li {
		border-bottom: solid 1px #e2e6e8;
	}

/* Footer */

	#footer .quote-list li {
		border-top: solid 1px #e0e4e6;
		border-bottom: solid 1px #b5bec3;
	}

	#footer .link-list li {
		border-top: solid 1px #e0e4e6;
		border-bottom: solid 1px #b5bec3;
	}

	#footer .check-list li {
		border-top: solid 1px #e0e4e6;
		border-bottom: solid 1px #b5bec3;
	}

	.quickTips_block {
		/* display:flex; */
		flex-wrap: nowrap;
		align-items: center;
		/* margin-bottom: 20px; */
		padding-top: 20px;
		border-radius: 5px;
		border: 3px solid #222222;
		min-height: 148px;
		padding-right: 20px;
		padding-left: 20px;
	}

	.quickTips_text > h3 {
		font-variant: small-caps;
		font-weight: bold;
	}

	/* Cookie alert */
	#cookie {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: rgb(254,203,0);
		z-index: 1000;
		padding: 1em;
		color: #000055;
		text-align: center;
		box-shadow: 0 .5em .5em rgba(0,0,0,.5);
		margin: 0;
		min-height: 0;
	}
	 
	#cookie > a {
		text-decoration: none;
		width: 6em;
		background: #3B4346;
		color: #fff;
		border-radius: .2em;
		display: inline-block;
		text-align: center;
	}
	 
	#cookie > a:first {
		background: #3B4346;
	}


/* Desktop */

	@media screen and (min-width: 737px) {

		/* Basic */

			/* body {
				min-width: 1200px;
			} */

			section:last-child {
				margin-bottom: 0 !important;
			}

		/* Wrappers */

			#header-wrapper {
				/* background: #3B4346; url("images/bg01.jpg"); */
				background: #1E1E1E; 
				border-bottom: solid 1px #272d30;
				box-shadow: inset 0px -1px 0px 0px #51575a;
				/*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);*/
			}

			.subpage #header-wrapper {
				height: 155px;
			}

			#features-wrapper {
				/* background: #3B4346; url("images/bg02.jpg"); */
				background: #1E1E1E; 
				border-bottom: solid 1px #272e31;
				padding: 45px 0 45px 0;
				/*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);*/
			}

			#content-wrapper {
				background: #fff; /*url("images/bg04.png");*/
				border-top: solid 1px #fff;
				padding: 0px 0 45px 0;	
			}

			#charts-wrapper {
				background: #f7f7f7; /*url("images/bg04.png");*/
				border-top: solid 1px #fff;
				padding: 45px 0 45px 0;
			}

			#content-stats-wrapper {
				background: rgb(230,230,230); /* rgb(230, 159, 0); url("images/bg04.png"); */
				border-top: solid 1px #fff;
				padding: 45px 0 45px 0;				
			}

			#breadcrumb-wrapper {				
				padding: 45px 0 0px 0;				
			}

			#footer-wrapper {
				padding: 45px 0 45px 0;
				border-top: 4px dotted black;
				/*text-shadow: 1px 1px 1px white;*/
			}

		/* Header */

			#header {
				min-height: 130px;
				position: relative;
			}

				#header h1 {
					position: absolute;
					left: 0;
					bottom: 35px;
					font-size: 2.75em;
				}

					#header h1 a {
						color: #fff;
						text-decoration: none;
					}

		/* Banner */

			#banner {
				border-top: solid 1px #222628;
				box-shadow: inset 0px 1px 0px 0px #3e484a;
				padding: 35px 0 35px 0;
				color: #fff;
			}

				#banner .bordered-feature-image {
					margin-bottom: 0;
				}

				#banner p {
					font-size: 2em;
					font-weight: 200;
					line-height: 1.25em;
					padding-right: 1em;
					margin: 0 0 1em 0;
				}

		/* Features */

			#features {
				/*color: #a0a8ab;*/
				color: #fff; 
			}
			
			#features a {
				color: #e0e8eb;
			}

			#features strong {
				color: #fff;
			}

		/* Content */

			#content section {
				background: #fff;
				padding: 40px 30px 45px 30px;
				box-shadow: 2px 2px 2px 1px rgba(128, 128, 128, 0.1);
				margin: 0 0 10% 0;
			}
			
	

			#content a {
				color: #2c7bb6;
			}

			#content header {
				margin: 0 0 2em 0;
			}

		/* Footer */	

			#footer a {
				color: #2c7bb6;;
			}
			

	}
	  



/* Mobile */


	@media screen and (max-width: 736px) {		
		

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			/* body, input, textarea, select {
				font-size: 1.2em;
				line-height: 1.85em;
			} */

		/* Multi-use */

			.link-list li {
				padding: 0.75em 0 0.75em 0;
			}

			.quote-list li p {
				margin-bottom: 0.5em;
			}

			.check-list li {
				font-size: 1em;
			}

			.button-big {
				font-size: 1.5em;
				padding: 10px 35px 10px 35px;
			}

			table, thead, tbody, th, td, tr { 
				display: block; 
			}

		/* Wrappers */

			#header-wrapper {
				background: #1e1e1e; /* url("images/bg01.jpg") top center */
				/*box-shadow: inset 0px -1px 0px 0px #272d30, inset 0px -2px 0px 0px #51575a;*/
				/*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);*/
			}

			#features-wrapper {
				background: #1e1e1e; /*url("images/bg02.jpg");*/
				padding: 50px 15px 30px 15px;
				/*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);*/
			}

			#content-wrapper {
				background: #fff; /*url("images/bg04.png");*/
				padding: 0px 15px 30px 15px;
				margin-top: 1rem;	
				/*padding: 5px;*/
			}
			#charts-wrapper {
				background: #f7f7f7; /*url("images/bg04.png");*/
				padding: 50px 15px 30px 15px;
				/*padding: 5px;*/
			}

			#content-stats-wrapper {
				background:rgb(230,230,230); /* rgb(230, 159, 0); url("images/bg04.png"); */
				padding: 50px 15px 30px 15px;			
			}

			#breadcrumb-wrapper {				
				padding: 75px 0px 0px 25px;			
			}

			.subpage #content-wrapper {
				padding-top: 44px;
			}

			#footer-wrapper {
				padding: 40px 15px 15px 15px;
				border-top: 4px dotted black;
				/*text-shadow: 1px 1px 1px white;*/
			}

		/* Cookie alert */
		#cookie {			
			top: 45px;		
		}


		/* Header */

		

			#banner {
				position: relative;
				color: #fff;
				text-align: center;
				padding: 30px 30px 15px 30px;
				margin-top: 44px;
			}

				#banner .bordered-feature-image {
					display: none;
				}

				#banner p {
					font-size: 1.25em;
					font-weight: 200;
					line-height: 1.25em;
					margin: 0 0 1em 0;
				}

		/* Features */

			#features {
				/* color: #a0a8ab;				 */
				color: #fff;
			}

				#features section {
					padding: 0 0 25px 0;
					margin: 0 0 25px 0;
					border-bottom: solid 1px #5a5951;
					box-shadow: inset 0px -1px 0px 0px #272d30;
				}

				#features > div > div:last-child > section {
					padding-bottom: 0;
					margin-bottom: 0;
					border-bottom: 0;
					box-shadow: none;
				}

				#features h2 {
					font-size: 1.25em;
					color: #fff;
					margin: 0 0 0.25em 0;
				}

				#features a {
					color: #e0e8eb;
				}

				#features strong {
					color: #fff;
				}

		/* Content */

			#content section {
				background: #fff;
				box-shadow: inset 0px 0px 0px 1px rgba(128, 128, 128, 0.2);
				padding: 30px 15px 30px 15px;
				margin: 0 0 5px 0;
			}

	

			#content a {
				color: #2c7bb6;
			}

			#content header {
				margin: 0 0 1.25em 0;
			}

		/* Footer */

		
			#footer section {
				margin: 0 0 40px 0;
			}

			#footer a {
				color: #2c7bb6;
			}

			#footer .link-list {
				margin: 0 0 30px 0 !important;
			}


		/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
				color: #fff;
				background: black;
				box-shadow: inset 0px -20px 70px 0px rgba(200, 220, 245, 0.1), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.6);
				/*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);*/
			}

				#titleBar .title {
					display: block;
					text-align: center;
					font-size: 1.2em;
					font-weight: 400;
					line-height: 44px;
				}

				#titleBar .toggle {
					position: absolute;
					left: 0;
					top: 0;
					width: 80px;
					height: 60px;
				}

					#titleBar .toggle:after {
						content: '';
						display: block;
						position: absolute;
						top: 6px;
						left: 6px;
						color: #fff;
						background: rgba(255, 255, 255, 0.025);
						/* box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05), inset 0px -8px 10px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.25); */
						/*text-shadow: -1px -1px 1px black;*/
						width: 49px;
						height: 31px;
						border-radius: 5px;
						border: 1px solid #fff;
					}

					#titleBar .toggle:before {
						content: '';
						position: absolute;
						width: 20px;
						height: 30px;
						background: url("images/mobileUI-site-nav-opener-bg.svg");
						top: 15px;
						left: 20px;
						z-index: 1;
						opacity: 1.0;
					}

					#titleBar .close.toggle:before {
						content: '';
						position: absolute;
					    width: 24px;
						height: 24px;
						background: url(images/mobileUI-site-nav-close-bg.png);
						top: 10px;
						left: 18px;
						z-index: 1;
						opacity: 1.0;
					}

					/* #titleBar .toggle:active:after {
						background: rgba(255, 255, 255, 0.05);
					} */


		
	}

/* Accessibiliy classes */

	body.normalFonts {
		font-size: 1.2em;
		line-height: 1.85em;
	}

	body.largeFonts {
		font-size: 1.3em;
		line-height: 1.9em;
	}

	body.veryLargeFonts {
		font-size: 1.4em;
		line-height: 2.0em;
	}

	.highContrast {
		color: #fff !important;
		background-color: #000 !important;
	}

	.highContrast_inverted  {
		color: #000 !important;
		background-color: #fff !important;
	}

	.highContrast_inverted > li {
		color: #000 !important;
		background-color: #fff !important;
	}

	body.grayScale {
		-webkit-filter: grayscale(100%) !important; /* Safari 6.0 - 9.0 */
    	filter: grayscale(100%) !important;
	}

	body.invertColor {
		background: #000;
		-webkit-filter: invert(100%) !important; /* Safari */
    	filter: invert(100%) !important;	
	}

	body.highContrast h2,
	body.highContrast h3,
	body.highContrast p {
		color: #fff !important;
	}


	#sort-container.highContrast,
	#infoBox.highContrast {
		background: #222222;
		color: #fff;
	}



	#stats.sentence-head {
		font-variant: small-caps;	
		color: #000;
		font-size: 1.2em;
		font-weight: 800;	
	}

	#stats.sentence-subtitle {		
		font-size: 1.2em;
		font-weight: 800;
	}

	#stats.number {
		font-weight: bold;
		font-size: 1.1em;	
		padding-right: 10px;
		float: right;
		color: #000;
	}

	hr.stats {
		height: 10px;
    	color: #fff;
    	background-color: rgb(230, 159, 0);
    	border: none;
    	border-radius: 2px;
	}

	.item_wrapper .item_regione {
		font-variant: small-caps;
	/* float: right; */
		/* padding-left: 20px; */
	}
	
	.item_li {
	   margin-bottom: 5px;
	   border-radius: 5px;
	   box-shadow: 0px 0px 8px 3px #d8d8d8;
	   margin-top: 20px;
	}
	
	/*.item_website a {
	color:#2c7bb6 !important;
	}*/

	.item_wrapper .item_title {
		float: unset;
	}

	.item_wrapper .item_title h3 {
		color: #000;
		font-size: 1.25em;		
	}

	.item_wrapper .item_logo {
	text-align: center;
	vertical-align: middle;
	/*margin-top: 5px;*/
	padding-right: 10px;
	float: left;
	width: 180px;
	}

	.item_wrapper .item_logo img {
		width: 100%;
	}
	
	.item_wrapper .item_details {
		/*padding-left: 10px;*/
		padding-right: 18px;
		/* display: inline-block; */
		background-color: #fff;
		margin-top: 10px;
	}

	.item_wrapper .details-button {
		width: auto;
		width: auto;		
		background: #fff;
		border: none;
		border: 1px solid gray;
		border-radius: 5px;
		padding-right: 2rem;
		margin-right: -20px;
	}

	.item_wrapper .details-button:hover {
		box-shadow: 0px 0px 4px 2px #666;
	}
	/* .item_wrapper .item_short_desc {
		padding-top: 30px;
	}
	 */
	.item_wrapper .item_tags_container {
		float: unset;
	}

	.item_wrapper .item_detail_url_wrap {
		display: flex;
		/* margin-left: 14px; */
	}

	.item_wrapper .item_website {
		/* padding-top: 10px;		 */
		background-color: #fff;
	}

	.details_wrapper {
		width: 95%;
		margin: auto;
		border-radius: 5px;
		box-shadow: 0px 0px 10px -3px;
	}

	.details_wrapper .details_inner {
		padding: 10px;
	}

	.mcharts.data h3 {
		font-size: larger;
		/*color: red !important;*/
	}

	.mcharts.bars svg {
		/*padding-left: 120px;
		padding-right: 100px;*/
	}

	.mcharts.bars .bar {
            /*fill: #5f89ad;*/
    }
        
    .mcharts.bars .axis {
            font-size: 1.0em;
    }
        
    .mcharts.bars .label {
            font-size: 1.0em;
	}
	
	div.tooltip {	
		position: absolute;			
		text-align: center;			
		padding: 2px;				
		font: 20px;		
		background: lightsteelblue;	
		border: 2px solid;		
		border-radius: 8px;			
		pointer-events: none;			
	}

	.mcharts.bubble .node {
		font-size: 0.8em;
	}

	@media screen and (max-width: 736px) {
		.mcharts.bubble .node {
			font-size: 0.4em;
		}
	}

	.linkStatus {	
		/*border-bottom: solid 2px;	*/
	}

	.linkStatus th {	
		font-size: larger;
		padding: 10px;
	}

	.linkStatus td {		
		padding: 10px;
	}

	.linkStatus .ok {
		background-color: greenyellow;	
		border-bottom: solid 2px;	
	}

	.linkStatus .ko {
		background-color: #fd492b;
		border-bottom: solid 2px;		
	}

	.highlight {
		background-color: #fff;
		font-variant: small-caps;
		padding-left: 2px;
		padding-right: 2px;
		border-radius: 2px;
		font-size: 1.5em;
	}

	.copy-button {
		border-style: solid;
    	background-color: gold;
    	border-color: gold;
		margin-top: 0px;
	}

	#copy-target-div {
		background-color: #fff;
		padding-left: 5px;
		padding-right: 5px;		
	}

#privateButton {
    /*position: relative;*/
    /*top: 0px;*/
    /*left: 10px;*/
    border-style: solid;
    background-color: gold;
    border-color: gold;
    /*font-size: smaller;*/
}


@media screen and (max-width: 736px) {		
		.item_logo {
			text-align: center;
			vertical-align: middle;
			/*margin-top: 5px;*/
			padding-right: 5px;
			float: left;
			width: 115px;
			/* display: contents; */
		}

		.item_logo img {
			width: 100%;
		}
}


.main-button {
	background-color: white;
    padding: 10px;
    vertical-align: middle;
    border-radius: 5px;
	width: 80px;
    text-align: center;
}

.main-button-text {
	font-size: 1.8em;
}

@media screen and (max-width: 736px) {	
	.main-button-text {
		font-size: 1.2em;
	}

}

#logo {
	display: flex;
	align-items: center;
}
.head-logo {
	position: absolute;
    bottom: 35px;
	font-weight: 200;
	display: flex;
	align-items: center;
}
.mappabilita_logo { 
  margin-right: 2px;
  border-radius: 3px;
  width: 30px;
}
.main-logo-text {	
	font-weight: bold;
	font-size: 1rem;
	text-decoration: none;
}



.page-container {
	margin-left: 20px;
}

#modalInfoBox .modal-header .close {
	padding: unset;
	padding-right: 1rem;
}

.modal-header .close span {
	font-size: 4rem;
}


#filtri {
    margin-bottom: 10px;
    margin-top: 5px;
}



@media screen and (max-width: 736px) {	
	.dynatable-search {
		margin-bottom: 10px;
	}
}

.dynatable-search svg {
	position: absolute;
	margin: auto;
	margin-top: 8px;
	margin-left: 8px;
}

#dynatable-query-search-dynamic-list {
	padding-left: 26px;
	border: 1px solid #e1e1e1;
	box-shadow: 0px 0px 7px -1px #c2c2c2;
	border-radius: 2px !important;
	transition: border linear .2s,box-shadow linear .2s;
}

#dynatable-query-search-dynamic-list:hover,
#dynatable-query-search-dynamic-list:focus {
	box-shadow: 0px 0px 1px 3px #2b84c6;
}



.loader_send {
	display: none;
}

.message_container.active {
	padding: 1rem;
	border: 1px solid rgb(247, 248, 183);
	margin-top: 1rem;
}