// <weight>: Use a value from 100 to 900 
// <uniquifier>: Use a unique and descriptive class name .roboto-<uniquifier> 
{
 font-family: "Roboto", serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
 font-variation-settings: "wdth" 100;
}
#menulav {
	display: inline-flex;
	align-items: center;
    }
#circle {
	width: 23px;
	height: 23px;
	background: red;
	border-radius: 50%;
	font-weight: 100;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 10px;
    }
#reset * {
	background: #FFF;
	border: none;
	color: #000;
	display: block;
	font: initial;
	height: auto;
	letter-spacing: normal;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-transform: none;
	visibility: visible;
	width: auto;
	word-spacing: normal;
	z-index: auto;
}

.resettab * {
	background: #FFF;
	border: none;
	color: #000;
	margin: 0;
	padding: 0;
	text-transform: none;
	visibility: visible;
	word-spacing: normal;
	z-index: auto;
}

body {
	font-family: 'Roboto', serif;
	font-size: 13px;
}
a:link {
	color: #3846db;
}
a:visited {
	color: #3846db;
}
a:hover {
	color: #3846db;
}
a:active {
	color: #3846db;
}
.tabella1o {
	border:1px solid #fff;
	border-collapse:separate;
}
.tabella1o th {
	background-color: #3846db;
	color: #FFF;
	border:1px solid #5c5c5c;
	text-transform:uppercase;
	font-weight: 400;
	padding: 3px;
	border-radius: 4px;
}

.tabella1o tr {
	background-color:#F9F9F9;
}
.tabella1o td {
	border:1px solid;
	font-weight: 400;
	padding: 3px;
	border-radius: 4px;
	border-color: #CCC;
}

.bluscuro td {
	background-color:#3846db;
}
.blumedio td {
	background-color:#9399EC;
}
.bluchiaro td {
	background-color:#B1B7F1;
}
.blumoltochiaro td {
	background-color:#D9DBF9;
}

.tabella2o {
	border:1px solid #fff;
	border-collapse:separate;
}
.tabella2o th {
	background-color: #39F;
	color: #FFF;
	border:1px solid #5c5c5c;
	text-transform:uppercase;
	font-weight: 400;
	padding: 3px;
	border-radius: 4px;
}
.tabella2o tr {
	background-color:#F9F9F9;
}

.tabella2o td {
	border:1px solid #5c5c5c;
	font-weight: 400;
	padding: 3px;
	border-radius: 4px;
}

input[type="textarea"]  {
	font-family: inherit;
	font-size: 13px;
	padding: 2;
	margin: 1;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid #C0C0C0;
	cursor: text;
}
.inputhome[type="text"]  {
	font-family: inherit;
	font-size: 15px;
	padding: 5;
	margin: 1;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid;
	cursor: text;
	border-color: #C0C0C0;
}
.inputhome[type="password"]  {
	font-family: inherit;
	font-size: 15px;
	padding: 5;
	margin: 1;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid;
	cursor: text;
	border-color: #C0C0C0;
}
select {
	font-family: inherit;
	font-size: 12px;
	padding: 2;
	margin: 1;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid;
	cursor: pointer;
	border-color: #C0C0C0;
	font-variation-settings: "wdth" 75;
}	
input[type="submit"] {
	width: fit-content;
	color: #FFF;
	border:1px solid #C0C0C0;
	padding: 8px 16px;
	background-color:#666;
	border-radius: 4px;
	cursor: pointer;
}
#button {
	width: fit-content;
	color: #FFF;
	border:1px solid #5c5c5c;
	padding: 8px 16px;
	background-color:#666;
	border-radius: 4px;
	cursor: pointer;
}

.divcerca {
	display: table;
	width: 23%;
	height:auto;
	float: left;
	border:1px solid #5c5c5c;
	border-radius: 4px;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	margin-top:0;
	margin-right:0;
	margin-bottom:0.3em;
	margin-left:0.3em;
	background-color:#f4f4f4;
}
.tabellamenu {
	border:1px solid #fff;
	border-collapse:separate;
	font-size: 12px;
}
.tabellamenu td {
	border:1px solid;
	font-weight: 100;
	padding: 3px;
	border-radius: 4px;
	border-color: #CCC;
	font-variation-settings: "wdth" 75;
}
.tabellamenu th {
	border:1px solid #5c5c5c;
	font-weight: 100;
	padding: 3px;
	border-radius: 4px;
	background-color: #3846db;
	color: #FFF;
	font-variation-settings: "wdth" 75;
}


.tabellamenuGIU {
	border:1px solid #fff;
	border-collapse:separate;
}
.tabellamenuGIU td {
	border:1px solid;
	font-weight: 100;
	padding: 3px;
	border-radius: 4px;
	border-color: #CCC;
	font-variation-settings: "wdth" 75;
}
.tabellamenuGIU th {
	border:1px solid #5c5c5c;
	font-weight: 100;
	padding: 3px;
	border-radius: 4px;
	background-color: #39F;
	color: #FFF;
	font-variation-settings: "wdth" 75;
}

 /*tabella1o tr:nth-child(even) {
background-color:#D5E4FF;
}
.tabella1o tr:nth-child(odd) {
background-color:#F9F9F9;
}*/

/*.tabella2o tr:nth-child(even) {
background-color:#D9ECFF;
}
.tabella2o tr:nth-child(odd) {
background-color:#F9F9F9;
}*/
