/*@import url('https://fonts.googleapis.com/css family=Titillium+Web:300,400,400i,600,600i,700');*/

.cemec .ui-tabs,
.cemec ul.ui-tabs-nav{
	background: transparent;
	border: none;
}

.cemec div.ui-tabs-panels{
	border: 1px solid #d9d9d9;
}

.cemec table{
	width: 100%;
}

.cemec table, .cemec th, .cemec td {
	border: 0px;
	border-collapse: collapse;
    font-size: 1em;
    font-style: normal;
    font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	/*font-family: "Titillium Web";*/
    font-weight: 500;
    font-display: swap;
	font-color: black;
}

.cemec th, .cemec td {
	padding: 5px;
}
 
.cemec table.data tr:nth-child(even) {
	background-color: #eee;
}
.cemec table.data tr:nth-child(odd) {
	background-color:#fff;
}

.cemec table.data th {
	background-color: #06c;
	color: white;
	font-weight: bold;
}

.cemec .titolo,
.cemec .titolo_first {
  	font-size: 1.5em;
    font-style: normal;
    font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: bold;
    font-display: swap;
    font-color: black;
}

.cemec .titolo{
	margin: 60px 0 0 0;
}

.cemec .sottotitolo {
	font-size: 1.1em;
    font-style: normal;
    font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 500;
    font-display: swap;
    font-color: black;
}

.cemec .inquinante {
    font-size: 1.3em;
    font-style: normal;
    font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-display: swap;
    font-color: black;
	font-weight: bold;
	margin: 60px 0 0 0;
}

.cemec .legenda {
    font-size: 0.9em;
    font-style: normal;
    font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-display: swap;
    font-color: black;
    font-weight: bold;
}

/* Popup container */
.cemec .popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.cemec .popup .popuptext {
  visibility: hidden;
  width: 250px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.cemec .popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -50px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.cemec .popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/* IQA selezione_google_maps.css */

.cemec .img_logo_selezione_google_maps img {
	width: 74px;
	height: 79px;
	margin-left: 100px;
	float: left;
}

.cemec .text_interno_centrato {
	padding: 5px;
	width: 690px;
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

.cemec .text_interno_centrato_sotto_titolo {
	padding: 5px;
	width: auto;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

.cemec .text_help_titolo {
	font-size: 14pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: rgb(19, 66, 148);
}

.cemec .text_help {
	font-size: 12pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}

.cemec .indirizzo {
	margin-left: 80px;
	margin-top: 10px;
	width: 670px;
	height: 100px;
	font-size: 14pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.cemec .mappa {
	margin-left: 80px;
	margin-top: 5px;
	width: 670px;
	height: 580px;
}

.cemec .mappa_iqa {
	margin: 20px 0 10px 0;
    /* width: 570px; */
    height: 480px;	
}

.cemec .stazioni {
	margin-left: 80px;
	margin-top: 10px;
	width: 670px;
	height: auto;
	float: left;
}

.cemec .pulsanti {
	width: 670px;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 80px;
	font-size: 12pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.cemec .note {
	margin-top: 20px;
	margin-left: 380px;
	float: left;
	font-size: 12pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.cemec .selezione {
	width: 823px;
	float: left;
}

.cemec .selezione_stazioni {
	margin-left: 50px;
	margin-top: 30px;
	margin-right: 30px;
	font-size: 12pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.cemec .selezione_intervallo {
	margin-left: 50px;
	margin-top: 10px;
	margin-right: 30px;
	font-size: 12pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.cemec_iqa th,
.cemec_iqa td {
	padding: 2px;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.cemec_iqa table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
}

.cemec_iqa .calcolo_indice_qa{
	color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

.cemec_iqa .pin_popoup{
	max-width: 250px;
}