/** Ubuntu font **/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


main.config-container {
	margin-top: 70px;
	margin-bottom: 40px;
}

fieldset {
	background-color: #f8f9fa;
}

legend {
	background-color: #ffffff;
}

/* Spinner CSS */
.spinner {
	display: none; /* Hidden by default */
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Overlay CSS */
.overlay {
	display: none; /* Hidden by default */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
	z-index: 998; /* Just below the spinner */
}

/* Grayscale effect for form */
.grayscale {
	filter: grayscale(100%);
	pointer-events: none; /* Prevent interactions */
}