/* Stile per righe con tag "Elementari" */
tr.elementari {
    background-color: lightgreen;
}

/* Stile per righe con tag "Medie" */
tr.medie {
    background-color: orange;
}

/* Stile per righe con tag "Elementari e Medie" */
tr.elementari-medie {
    background-color: pink;
}

	.logo {
            width: 100px; /* Imposta la larghezza desiderata del logo */
        }
		

   .navbar {
		background-color: #343a40;
		color: #ffffff;
		padding: 10px;
		display: flex;
		align-items: center;
	}

	.navbar-text {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.btn-logout {
		background-color: #dc3545;
		color: #fff;
		padding: 8px 16px;
		text-decoration: none;
		border-radius: 4px;
		margin-left: auto;
	}

	.nav-bar {
		background-color: #007bff;
		padding: 10px;
		border-radius: 0;
		text-align: center;
	}
	
	.circular-square {
		border-radius: 50%;
	}


	

	#refresh-button {
		background-color: green;
		padding: 8px 16px;
		text-decoration: none;
		border-radius: 4px;
		margin-left: 10px;
	}

	#refresh-button:hover {
		background-color: darkgreen;
	}
	
	h4 {
		
		color: Red; /* Imposta il colore del testo in base al contrasto con il background */
		
	}
	.forms-container {
            display: flex;
            justify-content: space-around;
            background-color: #fff8dc; /* Sfondo giallo chiaro */
            padding: 20px; /* Spaziatura interna */
            margin: 20px; /* Margine esterno */
        }

        .change-password-container,
        .recovery-password-container {
            flex-grow: 1; /* Entrambi i form espandono la stessa quantit� */
            max-width: 400px;
            background-color: #ffffff;
            padding: 20px;
            margin: 10px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .change-password-container h2,
        .recovery-password-container h2 {
            text-align: center;
            color: #333333;
        }

        .change-password-container form,
        .recovery-password-container form {
            display: flex;
            flex-direction: column;
        }

        .change-password-container label,
        .recovery-password-container label {
            margin-top: 10px;
            color: #333333;
        }

        .change-password-container input,
        .recovery-password-container input {
            padding: 8px;
            margin-top: 5px;
            border: 1px solid #cccccc;
            border-radius: 4px;
        }

        .change-password-container button,
        .recovery-password-container button {
            background-color: #007bff;
            color: #ffffff;
            padding: 10px;
            margin-top: 15px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .change-password-container button:hover,
        .recovery-password-container button:hover {
            background-color: #0056b3;
		}

		h4 {
            
            color: Red; /* Imposta il colore del testo in base al contrasto con il background */
            
        }
				
				
				/* Aggiungi questo stile alla tua sezione CSS */
		.change-password-container {
			background-color: #ffffff;
			padding: 20px;
			margin: 20px auto;
			max-width: 400px;
			border-radius: 8px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		}

		.change-password-container h2 {
			text-align: center;
			color: #333333;
		}

		.change-password-container form {
			display: flex;
			flex-direction: column;
		}

		.change-password-container label {
			margin-top: 10px;
			color: #333333;
		}

		.change-password-container input {
			padding: 8px;
			margin-top: 5px;
			border: 1px solid #cccccc;
			border-radius: 4px;
		}

		.change-password-container button {
			background-color: #007bff;
			color: #ffffff;
			padding: 10px;
			margin-top: 15px;
			border: none;
			border-radius: 4px;
			cursor: pointer;
			transition: background-color 0.3s;
		}

		.change-password-container button:hover {
			background-color: #0056b3;
		}
		
		.navbar-nav .nav-link {
            color: #fff; /* Colore del testo bianco di default */
        }

        .navbar-nav .nav-link:hover {
            color: #28a745; /* Colore del testo verde quando si passa sopra */
        }