/* Stijl voor het fullscreen scanner container */
	#fullscreen-container {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(0, 0, 0, 0.9); /* Donkere achtergrond om de scanner beter zichtbaar te maken */
	  display: none; /* Verberg het initieel */
	  justify-content: center;
	  align-items: center;
	  z-index: 9999; /* Zorg ervoor dat het boven alles verschijnt */
	}

	/* Zorg ervoor dat de scanner volledig schermvullend is */
	#reader, #reader video {
	  width: 100%;
	  height: 100%;
	  object-fit: cover; /* Zorgt ervoor dat de video het hele gebied vult */
	}

	/* Stijl voor de stopknop bovenop de scanner */
	#stopScan {
	  position: fixed;
	  bottom: 0;
	  z-index: 10000; /* Zorg dat de knop boven de scanner is */
	  cursor: pointer;
	}

	/* Startscan knop onderaan het scherm */
	.startscan {
	  cursor: pointer;
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  z-index: 10;
	}

	/* Zorg ervoor dat de container met artikelen scrollbaar is */
	.cart-items-container {
	  overflow-y: auto; /* Maakt de lijst scrollbaar */
	  height: 100vh;
      padding-bottom: 0; 
	}
	.alert {
		z-index: 10000;
	}
	#manualSearchInput:focus {
		outline: none !important;
		box-shadow: none !important;
	}
	.cart-items-container {
	  position: relative; /* Zorgt ervoor dat we het pseudo-element goed kunnen positioneren */
	  overflow: hidden; /* Voorkomt dat het pseudo-element uit de container komt */
	}

	.cart-items-container::before {
	  content: ""; /* Maak het pseudo-element aan */
	  position: absolute; /* Plaats het absoluut binnen de container */
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-image: url('/images/apple-touch-icon-180x180.png');
	  background-position: center center;
	  background-size: 60%;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  opacity: 0.2; /* Pas de opacity aan van de achtergrond */
	  z-index: -1; /* Zorgt ervoor dat het pseudo-element achter de inhoud komt te liggen */
	}