/* Background Settings */
body {
	background-image: url('/static/background/ingredienten.jpg');
	background-size: cover;
	background-position: center;
	height: 80vh;
	margin: 0;
}
.opacity-95 {
	opacity: 0.95;
}

/* Typeahead Styling */
.bootstrap-tagsinput {
	width: 100%;
}

.tt-menu {
	background-color: #eeeeee; /* Light gray background */
	border: 1px solid #ced4da; /* Border color similar to Bootstrap */
	border-radius: 0.25rem; /* Rounded corners */
	padding: 5px;
	max-height: 250px; /* Set max height for scrollable menu */
}

.tt-suggestion {
	padding: 8px 12px; /* Space around text */
	cursor: pointer; /* Show pointer on hover */
	font-size: 16px; /* Increase font size for readability */
	color: #495057; /* Text color */
}

.tt-suggestion:hover {
	background-color: #007bff; /* Blue background on hover */
	color: white; /* White text color on hover */
}