@charset "UTF-8";

.alt1 {
	background-color: #f0f0e0;
}

.alt2 {
	background-color: #e0f0f0;
}

.missing {
	background-color: #f0e0e0;
}

.recovery {
	background-color: #f0f0e0;
}

a {
	border: solid thin;
	border-radius: 0.5em;
	color: blue;
	cursor: pointer;
	margin: 0.2em;
	padding: 0.5em;
	white-space: nowrap;

	&:hover {
		background-color: yellow;
	}

	&:link,
	&:visited {
		text-decoration: none;
	}
}

body {
	font-family: sans-serif;
}

button,
input,
select {
	font-family: sans-serif;
	font-size: inherit;
}

div {
	border: solid thin;
	margin: 0.5em;
	padding: 0.5em;

	&.cell {
		display: inline-block;
		font-size: smaller;
		vertical-align: middle;
	}

	&.small {
		font-size: smaller;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		padding: 0;
	}
}

form {
	background-color: beige;
	border-radius: 0.5em;
	display: inline-block;
	padding: 1em;

	label {
		display: block;
		padding: 0.25em;

		span {
			display: inline-block;
			width: 5em;
		}
	}

	p {
		text-align: right;
		padding: 0.25em;
	}
}

#caricaFileEccezioni {
	span {
		width: 9em;
	}
}

#caricaOrario,
#impostaEccezioni,
#rimuoviOrario {
	span {
		width: 20em;
	}
}

#eliminaGiorni,
#mostraEccezioni,
#mostraResocontoClassi,
#mostraResocontoDocenti,
#mostraResocontoMateria {
	span {
		width: 8em;
	}
}

#mostraOrarioClasse span {
	width: 17em;
}

nav {
	background-color: #c0f0c0;
	border-radius: 0.5em;
	display: inline-block;
	line-height: 3em;
	margin: 0.1em;
	padding: 0.2em;
}

section {
	break-inside: avoid;
	display: inline-block;
	margin: 0.5em;
}

table {
	border: solid thin;
	border-collapse: collapse;
}

th,
td {
	border: solid thin;
	padding: 0.5em;
	text-align: left;
}

td {

	&.sep {
		border-left-color: white;
		border-right-color: white;
	}

	a,
	div,
	input[type="text"] {
		border: none;
	}
}

ul {
	margin-left: -2em;
}

@page {
	size: A4 portrait;
}

@media print {
	/*
	.alt1 {
		border-color: #f08000;
	}
	.alt2 {
		border-color: #0080f0;
	}
	*/

	.missing {
		color: darkred;
	}

	.noprint {
		display: none;
	}

	.recovery {
		color: goldenrod;
	}

	a {
		color: black;
	}

	body,
	h2 {
		font-size: 9pt;
	}

	h1 {
		font-size: 10pt;
	}

	li {
		display: inline;

		&::before {
			content: "•";
		}
	}

	nav {
		display: none;
	}

	ul {
		margin-left: -4em;
	}
}