.page-toolbar {
	width: 100%;
	height: 100%;
	max-height: 500px;
	background-image: url('../public/images/testata.jpeg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* Schermi medi (tablet) */
@media (min-width: 768px) and (max-width: 991px) {
    .page-toolbar {
        max-height: 400px; /* o un'altra regola che preferisci */
    }
}

/* Schermi piccoli (smartphone) */
@media (min-width: 400px) and (max-width: 767px) {
    .page-toolbar {
        max-height: 300px; /* Stretch l'immagine per coprire tutto il div */
        /* Oppure mantieni 'contain' per mantenere il rapporto aspetto senza riempire tutto lo spazio */
    }
}

/* Schermi piccoli (smartphone) */
@media (max-width: 399px) {
    .page-toolbar {
        max-height: 250px; /* Stretch l'immagine per coprire tutto il div */
        /* Oppure mantieni 'contain' per mantenere il rapporto aspetto senza riempire tutto lo spazio */
    }
}


.data-header {
    color: black;
	font-weight: bold;
}

.form-check-input[type=radio] {
	border-color: gray;
}

.feedback {
	display: none;
}

.feedback.invalid-feedback{
	display: inherit
}

.was-validated .form-control:valid {
	border: var(--bs-border-width) solid var(--bs-border-color);
	background-image:none
}

.was-validated .form-check-input:valid {
	border-color: gray;
}

.was-validated .form-check-input:valid~.form-check-label {
	color: inherit;
}

.page-header {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 10px;
}

.clock-image {
	height: 70px;
	width: 70px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../public/images/clock.jpeg');
}

.header-image {
	height: 300px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../public/images/testata.jpeg');
}