:root {
  --hi-color: Aqua ;
}


html  {font-family: Verdana, Geneva, sans-serif ; color:white; vertical-align:top;}
body {margin:0; text-align: justify; vertical-align:top; background-color: #505050;}
table {font-size:10pt; }
img { border:0; }
td {vertical-align:top;}
textarea { color:black; font-size:12pt;}
i  { padding-right:5px; padding-left:5px}
select {color:black; font-size:10pt; padding-left:2px;}
form { margin-bottom: 0 ; }
input {display: table-cell; vertical-align: middle}
input[type='radio'] { transform: scale(1.5); }
input[type='checkbox'] { transform: scale(1.5); }


.inactive {opacity: 0.4;	-webkit-transition: opacity 4s; /* Safari */	transition: opacity 4s;			}
.active {opacity: 1;	-webkit-transition: opacity 2s; /* Safari */	transition: opacity 2s;			}

button { 
	white-space: nowrap;
	padding: 3px;
	border-radius: 5px;
	outline: 0;
	border-width: 1 1 1 1;
  	border-color: lightgray;
	cursor: pointer;
	transition: all 0.3s ease-out;
	background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, lightgray); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, lightgray); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, lightgray); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, lightgray); /* Standard syntax (must be last) */
}

button:hover,button:focus {
	background: black;
	color: white;
    background: -webkit-linear-gradient(lightgray, black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(lightgray, black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(lightgray, black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(lightgray, black); /* Standard syntax (must be last) */
	}

.label {white-space: nowrap; padding-left:10px; padding-right:5px; text-align: right; vertical-align:top}

.Ytable   {width:100%; border-collapse:collapse;}
.Ytable td {padding: 5}
.Ytable th {padding: 5}
.Ytable tbody tr:nth-child(odd) {background: #505050}
.Ytable tbody tr:nth-child(even) {background: #707070}
.Ytable tbody tr:hover {background-color: #909090; color:var(--hi-color)}

.shadow { 
	color:black;
	background:white;
	border-color: black;
	border-style: solid;
	border-radius: 5px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	/* box-shadow: 3px 3px 8px #999; */
	padding:5px;
}	
	
A.simple:link
 {	text-decoration: underline;
	font-weight: bold;}
A.simple:visited
 {	text-decoration: underline;
	font-weight: bold;}
A.simple:active
{	text-decoration: underline;
	font-weight: bold;}
A.simple:hover
{	font-weight: bold;
	white-space: nowrap;}

A  {color:white;}

A:link
 {	text-decoration: underline;
	font-weight: bold;
	color:white;}
A:visited
 {	text-decoration: underline;
	font-weight: bold;
	color:white;}
A:active
{	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;}
A:hover
{	color: var(--hi-color);
	font-weight: bold;
	white-space: nowrap;}

.alignleft { float: left; padding: 15px 15px 15px 0; }
.alignright { float: right; padding: 15px 15px 15px 15px; }

.titolo {padding:5; background-color: gray; color: white; font-size: 14px;	font-weight: normal;	white-space: nowrap;}

.divcontenuto {border:white 1px solid; padding:5;}

.ambito {height: 40px;background:#737272; margin:10; border:#cccccc 1px solid; padding:5; vertical-align:top; font-weight:bold; font-size: 14px; color: #fff}
.piccolo { font-size:8pt}
.piccolocorsivo { font-size:9pt; font-weight: bold; font-style: italic}
.normale { font-size:8pt}
.header {font-size: small;}
.intestazione {color:white; background:gray; margin:10; border:#cccccc 0px solid; padding:5; vertical-align:top; white-space: nowrap;}
.body {}
.sezione {color: white; white-space: nowrap; font-size: 12px; background:#909090; padding:5; text-align: justify; }
.azione {white-space: nowrap; background:var(--hi-color); color:black; margin:10;  padding:5; vertical-align:top; font-weight:bold; text-align: justify }
.riepilogo {color: black;white-space: nowrap; background:#BDECB6; margin:10; border:#cccccc 1px solid; padding:5; vertical-align:top; font-weight:bold; text-align: justify }
.footer {background-color: #737272; color: #FFFFFF; bottom:0}
.evidenziatoRosso {white-space: nowrap; background:#ff0000; color:FFFFFF; margin:10; border:#cccccc 1px solid; padding:5; vertical-align:top;   text-align: justify; font-size:14pt; font-weight:bold;}
.file {white-space: nowrap; background:#BDECB6; margin:10; border:#cccccc 1px solid; padding:2; vertical-align:top;   font-weight:bold; text-align: justify }

.GiornoFeriale {white-space: nowrap; background:gray; margin:10; border:#cccccc 1px solid; padding:5; vertical-align:top;   text-align: justify }
.GiornoFestivo {white-space: nowrap; background:#e4e4e4; color:#909090; margin:10; border:#cccccc 1px solid; padding:5; vertical-align:top;   text-align: justify }

.agenda					{white-space: nowrap; background:#505050; margin:10; border:#cccccc 1px solid; padding:1; vertical-align:top;    text-align: justify }
.agendaliberoFeriale	{white-space: nowrap; background:#black; margin:10; border:#cccccc 1px solid; padding:1; vertical-align:top;    text-align: justify }
.agendaliberoFestivo	{white-space: nowrap; background:#909090; margin:10; border:#cccccc 1px solid; padding:1; vertical-align:top;    text-align: justify }
.agendaintervallo		{white-space: nowrap; background:#707070; margin:10; border:#cccccc 1px solid; padding:1; vertical-align:top;    text-align: justify }

.Livello0 {white-space: nowrap; color: black; background:#7FFF00; margin:10; border:#cccccc 1px solid; padding:5; vertical-align:top;   font-weight:bold; text-align: justify }
.Livello1 {white-space: nowrap; color: black; background:#99FF85; margin:10; border:#cccccc 1px solid; padding:5; vertical-align:top;   font-weight:bold; text-align: justify }
.Livello2 {white-space: nowrap; color: black; background:#99FFC5; margin:10; border:#cccccc 1px solid; padding:5; vertical-align:top;   text-align: justify }
.Livello3 {white-space: nowrap; color: black; background:#F5F5F5; margin:10; border:#cccccc 1px solid; padding:5; vertical-align:top;   text-align: justify }

#BtnOnTop {
    cursor: pointer; /* Add a mouse pointer on hover */
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
}

#BtnOnTop:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}



@media (max-width: 500px) {
    .hos {display: none;} /* Hide On Small
}