.idp-link{display: block;}
.form-control-login {
	display: block;
	width: 50%;
	padding: .375rem .75rem;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: rgb(0, 0, 0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: rgb(255, 252, 200);
	background-clip: padding-box;
	border: 1px solid red;
	border-radius: 3px;
}

 
/* Stili base per i div */
.container {
	display: flex; /* Abilita Flexbox */
	flex-wrap: wrap; /* Permette agli elementi di andare a capo se non c'è spazio */
	gap: 10px; /* Spazio tra i div */
	justify-content: center; /* Centra i div orizzontalmente se c'è spazio extra */
	margin-top: 20px; /* Margine esterno per il contenitore */
	font-size: 16px;
}

.box {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	padding: 20px;
	text-align: center;
	box-sizing: border-box; /* Include padding e border nel calcolo della larghezza */
	flex: 1; /* Permette ai div di crescere e restringersi */
	min-width: 300px; /* Larghezza minima per i div */
	text-align: left;
}

/* Media Query per schermi desktop (o più grandi) */
@media (min-width: 768px) {
	.box {
		width: calc(50% - 10px); /* Ogni div occupa il 50% meno la metà del gap */
		flex: none; /* Disabilita la flessibilità per mantenere la larghezza fissa */
	}
}

/* Media Query per schermi più piccoli (smartphone) */
@media (max-width: 767px) {
	.box {
		width: 100%; /* Ogni div occupa il 100% della larghezza disponibile */
	}
}