@font-face {
  font-family: 'Inter';
  src: url('inter.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
   url('inter.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
} 


body {
 	/*background-color: rgb(210,210,210);*/
 	font-family: 'Inter', Arial, sans-serif;
  /* background-image: -webkit-radial-gradient(0% 0%, circle, rgb(250,250,250), rgb(235,235,235) 51%, rgb(225,225,225)); */
  /* background-image: radial-gradient(circle at 0% 0%, rgb(250,250,250), rgb(235,235,235) 51%, rgb(225,225,225));       */
  /* background-color: rgb(235,235,235);	*/
	background-size:     contain;                      /* <------ */
   background-repeat:   no-repeat;
   background-position: center center;  
   background-attachment: fixed;
}

@media screen and (max-width: 900px) {
.topBar{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#2C5697;
}

.topBarU{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#c1272d;
}

.topBarG{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#0071bc;
}

}

@media screen and (min-width: 900px) {
.topBar{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#2C5697;
}

.topBarU{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#c1272d;
}

.topBarG{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#0071bc;
}

.topBarP{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#a650a2;
}

}


.buttonBack {
	background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}

/* Links inside the navbar */
.titleBar {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 20px 20px;
  text-decoration: none;
}

.dateInfo{
	
  display: inline-block;
  float:right;
  margin-top: 0px;
  margin-right:35px;
  margin-top: 3px;
}

.logout {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 20px 20px;
  text-decoration: none;
}

.logout a {
  text-decoration: none;
  color: #f2f2f2;
}

.logout a:hover {
 /* background: #ddd;
  color: black;*/
  color: #f2f2f2;

}

.main {
  margin-top: 90px; /* Add a top margin to avoid content overlay */
}



.actionButton {
	margin: 10px;
	-moz-box-shadow: 0px 0px 0px 0px #3dc21b;
	-webkit-box-shadow: 0px 0px 0px 0px #3dc21b;
	box-shadow: 0px 0px 0px 0px #3dc21b;
	background-color:#498223;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:2px solid #498223;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:8px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.actionButton:hover {
	background-color:#498223;
}
.actionButton:active {
	position:relative;
	top:1px;
}

.actionButton a {
	text-decoration:none;
}

.notActiveBtn2 {
	background-color:#d92b2b;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #e01414;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e62020;
	margin-left: 5px;
}
.notActiveBtn2:hover {
	background-color:#e31212;
}
.notActiveBtn2:active {
	position:relative;
	top:1px;
}

.tableData3 {
    /* border-radius: 8px; */
    /* margin-top: 10px; */
    border: 0px solid transparent;
    height: 5px;
    width: 100%;
    /* text-align: left; */
    background-color: transparent;
    /* outline: none; */
    /* font-size: 18px; */
    /* color: black; */
    /* font-family: Arial, Geneva, Helvetica, sans-serif; */
    /* padding: 15px 10px; */
}

.tableData2:hover {
	background-color:#e8212e;
	cursor: pointer;
	color: black;
	opacity: 0.8;
}

.tableData2 {
	border-radius: 8px;
	margin-top: 10px;
	border:1px solid #e8212e;
	height: 55px;
	width: 100%;
	text-align: left;
    background-color: transparent;
    outline: none;
	font-size:18px;
	color: black;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	padding: 15px 10px;
}

.tableData:hover {
	/* background-color:#498223; */
	cursor: pointer;
	color: black;
	opacity: 0.8;
}

.tableData33 {
    /* border-radius: 8px; */
   	margin-top: 15px;
    /*   height: 10px; */
    border: 0px solid transparent;
    width: 100%;
    /* text-align: left; */
    background-color: transparent;
    /* outline: none; */
    /* font-size: 18px; */
    /* color: black; */
    /* font-family: Arial, Geneva, Helvetica, sans-serif; */
    /* padding: 15px 10px; */
}

.tableData4 {
    /* border-radius: 8px; */
    /* margin-top: 6px; */
    /* height: 10px; */
    border: 0px solid transparent;
    width: 100%;
    /* text-align: left; */
    background-color: transparent;
    /* outline: none; */
    /* font-size: 18px; */
    /* color: black; */
    /* font-family: Arial, Geneva, Helvetica, sans-serif; */
    /* padding: 15px 10px; */
}



.dotRed {	
  height: 25px;
  width: 25px;
  background-color: rgb(204,0,0);
  border-radius: 50%;
  display: inline-block;
  float:right;
  margin-top: -2px;
}

.dotGreen {
  height: 25px;
  width: 25px;
  background-color: rgb(0,204,0);
  border-radius: 50%;
  display: inline-block;
  float:right;
  margin-top: -2px;
}

.activeBtn22 {
	background-color:#498223;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #498223;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:8px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.activeBtn22:hover {
	background-color:#498223;
}
.activeBtn22:active {
	position:relative;
	top:1px;
}

.icona {
	border: 0px solid #dddddd;
    text-align: center;
    padding: 8px;   
}

.title-grid {
    border: 0px solid #dddddd;
    text-align: center;
    padding: 8px;
    font-size: 36px;
    margin-bottom: -30px;
}


.main2 {
 /* margin-top: 50px; */ /* Add a top margin to avoid content overlay */
 margin-left: auto;
 margin-right: auto;
}

.main2 table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
}

.main2 td {
 border: 0px solid #dddddd;
 text-align: left;
 padding: 4px;
 font-size: 16;
}
			
.main2 th {
 border: 1px solid #498223;
 text-align: left;
 padding: 8px;
 background-color: #498223;
 color: white;
  font-size: 16;
}

.main2 tr:nth-child(even) {
 background-color: #dddddd;
}


.main2scroll {
 /* margin-top: 50px; */ /* Add a top margin to avoid content overlay */
 margin-left: auto;
 margin-right: auto;
 height: 503px;
 /* width: 800px; */
 overflow-y:auto;
 overflow-x:hidden;
}

#main2scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.main2scroll table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 60%;
}

.main2scroll td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}
			
.main2scroll th {
 border: 1px solid #498223;
 text-align: left;
 padding: 8px;
 background-color: #498223;
 color: white;
}

.main2scroll tr:nth-child(even) {
 background-color: #dddddd;
}


.main2riga {
 margin-top: -8px;
 margin-left: -8px;
 margin-right: -8px;
}

.main2riga table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 100%;
}

.main2riga td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}
			
.main2riga th {
 border: 1px solid #498223;
 text-align: left;
 padding: 8px;
 background-color: #498223;
 color: white;
}

.main2riga tr:nth-child(even) {
 background-color: #dddddd;
}


#griglia {
padding: 0;
margin: 0;
/* width: 100px; */
}
#griglia > li {
border: 0px solid #333333;
display: inline-block;
width: 100px;
height: 100px;
margin: 20px 20px 60px 20px;
}
#griglia li p {
padding: 5px 5px 0 5px;
margin: 0;
font-size: 14px;
color: #000;
text-align: left;
}
#griglia li {
border: 0px solid #333333;
display: inline-block;
width: 300px;
margin: 10px 5px 110px 5px;
vertical-align: top;
}
#container {
max-width:100%;
margin:0 auto;
padding: 20px;
text-align: center;
}



.main80 {
 /* margin-top: 50px; */ /* Add a top margin to avoid content overlay */
 margin-left: auto;
 margin-right: auto;
}

.main80 table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 80%;
}

.main80 td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
 font-size: 16;
}
			
.main80 th {
 border: 1px solid #498223;
 text-align: left;
 padding: 8px;
 background-color: #498223;
 color: white;
}

.main80 tr:nth-child(even) {
 background-color: #dddddd;
}


.main80scroll {
 /* margin-top: 50px; */ /* Add a top margin to avoid content overlay */
 margin-left: auto;
 margin-right: auto;
 height: 503px;
 /* width: 800px; */
 overflow-y:auto;
 overflow-x:hidden;
}

#main80scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.main80scroll table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 80%;
}

.main80scroll td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}
			
.main80scroll th {
 border: 1px solid #498223;
 text-align: left;
 padding: 8px;
 background-color: #498223;
 color: white;
}

.main80scroll tr:nth-child(even) {
 background-color: #dddddd;
}


.main80riga {
 margin-top: -8px;
 margin-left: -8px;
 margin-right: -8px;
}

.main80riga table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 100%;
}

.main80riga td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}
			
.main80riga th {
 border: 1px solid #498223;
 text-align: left;
 padding: 8px;
 background-color: #498223;
 color: white;
}

.main80riga tr:nth-child(even) {
 background-color: #dddddd;
}



.main80-1 {
 /* margin-top: 50px; */ /* Add a top margin to avoid content overlay */
 margin-left: auto;
 margin-right: auto;
}

.main80-1 table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 80%;
}

.main80-1 td {
 border: 0px solid #dddddd;
 text-align: center;
 padding: 8px;
 font-size: 16;
}
			
.main80-1 th {
 border: 1px solid #498223;
 text-align: left;
 padding: 8px;
 background-color: #498223;
 color: white;
}

.main80-1 tr:nth-child(even) {
 background-color: #dddddd;
}


.main80-1scroll {
 /* margin-top: 50px; */ /* Add a top margin to avoid content overlay */
 margin-left: auto;
 margin-right: auto;
 height: 503px;
 /* width: 800px; */
 overflow-y:auto;
 overflow-x:hidden;
}

#main80-1scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.main80-1scroll table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 80%;
}

.main80-1scroll td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}
			
.main80-1scroll th {
 border: 1px solid #498223;
 text-align: left;
 padding: 8px;
 background-color: #498223;
 color: white;
}

.main80-1scroll tr:nth-child(even) {
 background-color: #dddddd;
}


.main80-1riga {
 margin-top: -8px;
 margin-left: -8px;
 margin-right: -8px;
}

.main80-1riga table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 100%;
}

.main80-1riga td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}
			
.main80-1riga th {
 border: 1px solid #498223;
 text-align: left;
 padding: 8px;
 background-color: #498223;
 color: white;
}

.main80-1riga tr:nth-child(even) {
 background-color: #dddddd;
}



.main80U {
 /* margin-top: 50px; */ /* Add a top margin to avoid content overlay */
 margin-left: auto;
 margin-right: auto;
}

.main80U table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 80%;
}

.main80U td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
 font-size: 16;
}
			
.main80U th {
 border: 1px solid #c1272d;
 text-align: left;
 padding: 8px;
 background-color: #c1272d;
 color: white;
}

.main80U tr:nth-child(even) {
 background-color: #dddddd;
}


.main80Uscroll {
 /* margin-top: 50px; */ /* Add a top margin to avoid content overlay */
 margin-left: auto;
 margin-right: auto;
 height: 503px;
 /* width: 800px; */
 overflow-y:auto;
 overflow-x:hidden;
}

#main80Uscroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.main80Uscroll table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 80%;
}

.main80Uscroll td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}
			
.main80Uscroll th {
 border: 1px solid #c1272d;
 text-align: left;
 padding: 8px;
 background-color: #c1272d;
 color: white;
}

.main80Uscroll tr:nth-child(even) {
 background-color: #dddddd;
}


.main80Uriga {
 margin-top: -8px;
 margin-left: -8px;
 margin-right: -8px;
}

.main80Uriga table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 100%;
}

.main80Uriga td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}
			
.main80Uriga th {
 border: 1px solid #c1272d;
 text-align: left;
 padding: 8px;
 background-color: #c1272d;
 color: white;
}

.main80Uriga tr:nth-child(even) {
 background-color: #dddddd;
}





.main80P {
 /* margin-top: 50px; */ /* Add a top margin to avoid content overlay */
 margin-left: auto;
 margin-right: auto;
}

.main80P table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 80%;
}

.main80P td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
 font-size: 16;
}
			
.main80P th {
 border: 1px solid #a650a2;
 text-align: left;
 padding: 8px;
 background-color: #a650a2;
 color: white;
}

.main80P tr:nth-child(even) {
 background-color: #dddddd;
}


.main80Pscroll {
 /* margin-top: 50px; */ /* Add a top margin to avoid content overlay */
 margin-left: auto;
 margin-right: auto;
 height: 503px;
 /* width: 800px; */
 overflow-y:auto;
 overflow-x:hidden;
}

#main80Pscroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.main80Pscroll table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 80%;
}

.main80Pscroll td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}
			
.main80Pscroll th {
 border: 1px solid #a650a2;
 text-align: left;
 padding: 8px;
 background-color: #a650a2;
 color: white;
}

.main80Pscroll tr:nth-child(even) {
 background-color: #dddddd;
}


.main80Priga {
 margin-top: -8px;
 margin-left: -8px;
 margin-right: -8px;
}

.main80Priga table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 100%;
}

.main80Priga td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}
			
.main80Priga th {
 border: 1px solid #a650a2;
 text-align: left;
 padding: 8px;
 background-color: #a650a2;
 color: white;
}

.main80Priga tr:nth-child(even) {
 background-color: #dddddd;
}












.main80G {
 /* margin-top: 50px; */ /* Add a top margin to avoid content overlay */
 margin-left: auto;
 margin-right: auto;
}

.main80G table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 80%;
}

.main80G td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
 font-size: 16;
}
			
.main80G th {
 border: 1px solid #0071bc;
 text-align: left;
 padding: 8px;
 background-color: #0071bc;
 color: white;
}

.main80G tr:nth-child(even) {
 background-color: #dddddd;
}


.main80Gscroll {
 /* margin-top: 50px; */ /* Add a top margin to avoid content overlay */
 margin-left: auto;
 margin-right: auto;
 height: 503px;
 /* width: 800px; */
 overflow-y:auto;
 overflow-x:hidden;
}

#main80Gscroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.main80Gscroll table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 80%;
}

.main80Gscroll td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}
			
.main80Gscroll th {
 border: 1px solid #0071bc;
 text-align: left;
 padding: 8px;
 background-color: #0071bc;
 color: white;
}

.main80Gscroll tr:nth-child(even) {
 background-color: #dddddd;
}


.main80Griga {
 margin-top: -8px;
 margin-left: -8px;
 margin-right: -8px;
}

.main80Griga table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 100%;
}

.main80Griga td {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}
			
.main80Griga th {
 border: 1px solid #0071bc;
 text-align: left;
 padding: 8px;
 background-color: #0071bc;
 color: white;
}

.main80Griga tr:nth-child(even) {
 background-color: #dddddd;
}