.al1 { background-image: url(/images/alergenos/gluten.svg) !important;}
.al2{ background-image: url(/images/alergenos/crustaceans.svg) !important;}
.al3{ background-image: url(/images/alergenos/eggs.svg) !important;}
.al4{ background-image: url(/images/alergenos/fish.svg) !important;}
.al5{ background-image: url(/images/alergenos/peanuts.svg) !important;}
.al6{ background-image: url(/images/alergenos/soy.svg) !important;}
.al7{ background-image: url(/images/alergenos/milk.svg) !important;}
.al8{ background-image: url(/images/alergenos/nuts.svg) !important;}
.al9{ background-image: url(/images/alergenos/celery.svg) !important;}
.al10{ background-image: url(/images/alergenos/mustard.svg) !important;}
.al11{ background-image: url(/images/alergenos/sesame.svg) !important;}
.al12{ background-image: url(/images/alergenos/sulphites.svg) !important;}
.al13{ background-image: url(/images/alergenos/molluscs.svg) !important;}
.al14{ background-image: url(/images/alergenos/lupin.svg) !important;}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: transparent; 
}
 
::-webkit-scrollbar-thumb {
  background-color: #C2D5DC;
  border-radius: 20px;
  border: 2px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}