/* Imposta il font "Poppins" */
body {
	font-family: 'Poppins', sans-serif; /* Font moderno e accattivante */
	background-color: #f8f9fa; /* Colore di sfondo grigio chiaro e neutro */
	min-height: 100vh;
	color: #333333; /* Testo in grigio scuro per un buon contrasto */
}

h1 {
	color: #333333;
	font-weight: 600; /* Usa il peso 600 per il titolo principale */
}

.container {
	background-color: #ffffff; /* Sfondo bianco per il contenuto */
	padding: 20px;
	border-radius: 8px; /* Angoli leggermente arrotondati */
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Leggera ombra per separare il contenuto */
}

/* Tabella personalizzata */
.custom-table {
	width: 100%;
	border-collapse: collapse; /* Rimuove spazi tra i bordi */
	border: 1px solid #dddddd; /* Bordo esterno della tabella uguale ai bordi interni */
}

.custom-table th,
.custom-table td {
	border: 1px solid #dddddd; /* Bordi grigio chiaro per tutte le celle e le intestazioni */
	padding: 10px;
	text-align: center; /* Centra il contenuto delle celle */
}

.custom-table td p {
	margin-top: 2px;
	margin-bottom: 2px;
}

.table-responsive {
	overflow-x: auto;
}

.table-responsive::-webkit-scrollbar {
	height: 8px;
}

.table-responsive::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/* Grassetto per la prima riga della tabella */
.custom-table tr:first-child th,
.custom-table tr:first-child td {
	font-weight: bold;
}

/* Grassetto per la prima colonna della tabella */
.custom-table td:first-child,
.custom-table th:first-child {
	font-weight: bold;
}

/* Stile per il titolo dinamico */
#dynamicTitle {
	font-size: 1.5rem;
	color: #333333;
}

/* Margine per il messaggio iniziale */
.with-margin {
	margin-top: 100px;
	margin-bottom: 100px;
}

/* Stile per il copyright */
.copyright {
	font-size: 0.9em;
	color: #666666;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
}