DIV.evento {
	position: relative;
	line-height: 2;
	color: black;
	min-height: 240px;
	-webkit-box-shadow: inset 0px 0px 1px 1px var(--shadow);
	-moz-box-shadow: inset 0px 0px 1px 1px var(--shadow);
	box-shadow: inset 0px 0px 1px 1px var(--shadow);
	margin-bottom: 2rem;
}
DIV.evento A.recupero {
	float: right;
	color: silver;
	font-size: 1.5em;
	margin-top: .2em;
	padding-right: .5em;
}
DIV.evento A.recupero.selected {
	color: red;
}
DIV.evento A.recupero.recovered {
	color: green;
	cursor: default;
}
DIV.evento A.recupero:hover {
	text-decoration: none;
	color: var(--orange_hover);
}

DIV.evento LABEL {
	min-width: 6em;
	display: inline-block;
	color: gray;
}
DIV.evento DIV.studenti {
	margin-top: 1em;
}
DIV.evento DIV.studente {
	border-bottom: dashed 1px silver;
	margin: .5em 0;
	padding: .1em 0;
	position: relative;
}
DIV.evento DIV.studente:hover {
	border-bottom: solid 1px black;
}
DIV.evento.current H2 {
	background-color: var(--hl);
}
DIV.evento DIV.studente DIV.right {
	position: absolute;
	right: 0;
	top: 8px;
	text-transform: uppercase;
	font-size: .7em;
	cursor: pointer;
}	
DIV.evento DIV.studente DIV.right I.note {
	opacity: .25;
}
DIV.evento DIV.studente DIV.right I.note.yes {
	opacity: 1;
}

DIV.evento DIV.studente SPAN.icons {
	margin-right: .2em;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	transition: .5s;
}
DIV.evento DIV.studente.open DIV.right {
	display: none;
}
DIV.evento DIV.studente DIV.note {
	display: none;
	font-size: .9em;
	color: gray;
	margin-left: 46px;
}
DIV.evento DIV.studente DIV.note TEXTAREA {
	width: 100%;
	height: 5em;
}

DIV.evento DIV.studente:not(.open) SPAN.icons {
	width: 40px;
}
DIV.evento DIV.studente:not(.open) SPAN.icons I {
	display: none;
}
DIV.evento DIV.studente.open SPAN.icons I {
	display: inline-block;
}

DIV.evento DIV.studente.presente SPAN.icons I.p {
	display: inline-block;
}
DIV.evento DIV.studente.assente SPAN.icons I.a {
	display: inline-block;
}
DIV.evento DIV.studente.giustificato SPAN.icons I.g {
	display: inline-block;
}
DIV.evento DIV.studente.nd SPAN.icons I.nd {
	display: inline-block;
}
DIV.evento H2 U {
	font-size: 8px;
	color: silver;
	text-decoration: none;	
}

DIV.evento DIV.tabs {
	margin-top: 1em;
}
DIV.evento DIV.tabs A {
	padding: .1em .33em;
}

DIV.evento TEXTAREA {
	height: 10em;
	width: 100%;
	margin-bottom: 1em;
}

@media screen and (max-width: 600px) {
	DIV.evento DIV.studente {
		margin: 1.5em 0;
		white-space: nowrap;
		overflow: hidden;
	}
	DIV.evento DIV.studente DIV.note {
		white-space: normal;
	}
}

@media screen and (max-width: 767px), 
(max-height: 767px) {
	DIV.evento A.recupero {
		margin-top: .5em;
		margin-right: .3em !important;
		padding: 0;
	}
}