@font-face {
	font-family: 'Roboto';
	font-style: normal;

	src:  local('Roboto'), url(fonts/Roboto-Regular.ttf) format('truetype');
}
*
{
-webkit-appearance: none;	
}
text {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	fill: black;


}

select, option, span, li {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	fill: black;


}

#columnchart_values * {
	font-size:14px !important;
}

div {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	fill: black;


}

input {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	fill: black;


}


h2{
	font-family: 'Roboto', sans-serif;
	font-size: 45pt;
}

.div-grafico{
	display:inline-block;
	margin:20px;
	margin-left:0px;
	margin-top:0px;
	width:100px !important;
	height:100px !important;


}

.div-grafico-malattia{
	display:none;
	margin:20px;
	width:100px !important;
	height:100px !important;

}

.div-grafico-supo{
	display:none;
	margin:20px;
	width:100px !important;
	height:100px !important;

}




.div-grafico-malattia path{

	fill:#000000 !important;
}



svg{

	margin: 10px;	
}



/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: 400;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

svg { display:inline-block;}
.card {
	background: #fff;
	border-radius: 2px;
	display: inline-block;

	/* margin: 1rem;*/

}

.card-1 {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-2 {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-3 {
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-4 {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-5 {
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}


.container-sede:hover{
	background: #ECF0F1 !important;
	transition:0.2;
	-webkit-transition: 0.3;
}

.container-sede{
	background: white;
	transition:0.2;
	-webkit-transition: 0.3;
	border-radius:20px;
	cursor:pointer;
}


#table-container{ display:none; margin:20px; }

.datatable-spaccato{ margin:10px}

#table-container th {border-bottom:1px solid dimgray; padding:10px;  }

#table-container td { padding:10px;color:black;border-bottom:1px solid #ecf0f1;font-size:13px;}
/*
td.highlight {
background-color: whitesmoke !important;
}
*/

tfoot td{font-weight:bold;}
.td-macro-prod{color:#00C4FF !important; font-size:16px !important;;  !important;}
.td-macro-assent{color:#F53E00 !important; font-size:16px !important; !important;}
.td-macro-assent-spec{color:#FFC800 !important; font-size:16px !important; !important;}

.even-row td { background:whitesmoke}

.grassetto{
	background:#EAF2F8 !important;
}

#chart_div_mix *{
	font-size:12px !important;
}

.div-btn-active {


	background:#2098d1;
	color: white;
	padding:8px;
	text-align:center;
	width:120px;
	border-radius:15px;
	vertical-align:middle;


	margin-left:5px;
	cursor:pointer;
	text-transform: uppercase;


}


.div-btn-deact {
	background:white;
	color: black;
	padding:8px;
	text-align:center;
	width:120px;
	border-radius:15px;
	vertical-align:middle;


	margin-left:5px;
	cursor:pointer;
	text-transform: uppercase;
}


.div-btn-disabled {
	background:silver;
	color: black;
	padding:8px;
	text-align:center;
	width:120px;
	border-radius:15px;
	vertical-align:middle;


	margin-left:5px;
	cursor:no-drop;
	text-transform: uppercase;
}


.div-btn-deact:hover {
	background:#2098d1;
	color: white;

}

.sede-attiva{background:#ECF0F1 !important;}


td, th{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 

body{margin: 0 !important;}

table{table-layout:fixed}

.ui-tooltip-content {
	font-size:14px;
}

.select-drop { height:30px; width:200px; background:white;font-size:16px; border:0px;border-radius:5px;}
.sub-row{font-style:italic; color:gray !important;}



.checkbox-label,.checkbox-label:before,.checkbox-label:after{
	box-sizing:border-box;
	margin:0;
	padding:0;

	-webkit-transition:.25s ease-in-out;
	-moz-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
	outline:none;

}


#toggles{
	vertical-align:bottom;
	width:60px;
	margin:0;
	text-align:left;
	display:inline-block;
}
.ios-toggle,.ios-toggle:active{
	position:relative;
	
	height:0;
	width:0;
	opacity:0;
	border:none;
	outline:none;
}
.checkbox-label{
	display:block;
	position:relative;
	padding:10px;

	font-size:15px;
	line-height:5px;
	width:100%;
	height:25px;
	/*border-radius*/
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
	background:#f8f8f8;
	cursor:pointer;
}
.checkbox-label:before{
	content:'';
	display:block;
	position:absolute;
	z-index:1;
	line-height:34px;
	text-indent:40px;
	height:25px;
	width:25px;
	/*border-radius*/
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	top:0px;
	left:0px;
	right:auto;
	background:white;
	/*box-shadow*/
	-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
	-moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
	box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}

.checkbox-label:after{
	content:attr(data-off);
	display:block;
	position:absolute;
	z-index:0;
	top:0;
	left:-60px;
	padding:10px;
	height:100%;
	width:50px;
	text-align:right;
	color:#2098d1;
	white-space:nowrap;
}
.ios-toggle:checked + .checkbox-label{
	/*box-shadow*/
	-webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
	-moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
	box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
.ios-toggle:checked + .checkbox-label:before{
	left:calc(100% - 25px);
	/*box-shadow*/
	-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px #00C4FF;
	-moz-box-shadow:0 0 0 2px transparent,0 3px 3px #00C4FF;
	box-shadow:0 0 0 2px transparent,0 3px 3px #00C4FF;
}
.ios-toggle:checked + .checkbox-label:after{
	content:attr(data-on);
	left:60px;
	width:25px;
}
/* GREEN CHECKBOX */

#switch + .checkbox-label{
	/*box-shadow*/
	-webkit-box-shadow:inset 0 0 0 0px #00C4FF,0 0 0 2px #dddddd;
	-moz-box-shadow:inset 0 0 0 0px #00C4FF,0 0 0 2px #dddddd;
	box-shadow:inset 0 0 0 0px #00C4FF,0 0 0 2px #dddddd;
}
#switch:checked + .checkbox-label{
	/*box-shadow*/
	-webkit-box-shadow:inset 0 0 0 18px #00C4FF,0 0 0 2px #00C4FF;
	-moz-box-shadow:inset 0 0 0 18px #00C4FF,0 0 0 2px #00C4FF;
	box-shadow:inset 0 0 0 18px #00C4FF,0 0 0 2px #00C4FF;
}
#switch:checked + .checkbox-label:after{
	color:#00C4FF;
}


.percentuale{
	width:150px;
	height:150px;



	border-radius:150px;



}
.percentuale-in{

	font-size:40px;


}

.label-grafico{

	font-size:30px;	
	font-weight:bold;
	margin-bottom:10px;
}



.tasto_andamento_sito{

	text-decoration: underline;
	cursor:pointer;

}

.tasto_andamento_cdc{

	text-decoration: underline;
	cursor:pointer;

}

.tasto_spaccato_siti{

	text-decoration: underline;
	cursor:pointer;

}


path{
	cursor:pointer !important;
}



#btn-home{

	margin-left:35px;
	margin-top:35px;
	float:left;
	padding:10px;
	width:24px;


	height:24px;
	/* padding-left:10px; */
	vertical-align:middle;

	border-radius:25px;	
	cursor:pointer;
	margin-right:10px;
	background: url("home-button.png") no-repeat center center;


}

.totale{
	color:blue;
	font-weight:bold;	

}


.barra-top{

	width:100%;
	height:80px;
	line-height:80px;
	text-align:center;
	vertical-align:middle;

position:fixed;
z-index:9999;

}

.barra-top img {
	vertical-align:middle;
	top:50%;
	
	

}


.helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}


.smussato{

	border-radius:50px;

}

.box-contenitore{
	padding-top:100px;
	width:100%;
	text-align:center;

	margin-bottom:20px;
}


.box-form{

	width:	70%;
	margin:0 auto;

	padding:20px;
	margin-bottom:20px;
	text-align:center;

}


.input-testo{

	height:30px;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	background:white !important;
	width:200px;
	border-radius:20px;
	
	outline:none;
	border:1px solid #ECF0F1;
	
}

.input-bottone{
	background:#ECF0F1;font-size:16px;cursor:hand;cursor:pointer;height:40px;width:auto; border-radius:50px;background:#2098d1; color:white;border:none;padding-left:15px;padding-right:15px;
}


			input:focus {
				box-shadow: 0 1px 3px #2098d1, 0 1px 4px #2098d1;
			}
			select:focus {
				box-shadow: 0 1px 3px #2098d1, 0 1px 4px #2098d1;
			}
			
			
						input:focus {
				box-shadow: 0 1px 3px #2098d1, 0 1px 4px #2098d1;
			}
			select:focus {
				box-shadow: 0 1px 3px #2098d1, 0 1px 4px #2098d1;
			}

			*{outline:none; font-size:14px;}
			input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

input[type=date] {
    border-radius:20px !important; /* Firefox */
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
   /* box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;*/
    
}

label{
	color:dimgray;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#2098d1;
	cursor:pointer;
}

.box{
	margin:10px;
	display:inline-block;
}

.up-box{
	margin:10px;
	display:block;
	border-top:1px solid #ECF0F1;
	margin-top:30px;
}

h4{

margin:5px;
margin-top:10px;
	
}

#codice_fiscale{
	text-transform:uppercase;
}


#prov_res{text-transform:uppercase;}
#prov_dom{text-transform:uppercase;}



.foto-box{
	
	height:80px;
	width:80px;
	border-radius:50px;
	padding:10px;
	background-position: center center;
  background-repeat: no-repeat;
	
	
}

.add_photo{cursor:pointer}




.input-testo{
z-index:-1;	
}