/* Alergenos */

/* allergens grid */
.allergens {
  max-width: 800px;
  margin:auto;
}

.allergens > ul {
list-style-type:none;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
grid-gap: 1rem;
}

 /* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 85px;
    height: 90px;
}
  
/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
  
/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
}
.slider-label {
    position: absolute;
    cursor: pointer;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}


/* css-sprites */
.allergens-icon {
    background-image: url('../images/allergens/allergens-icons.png');
    background-repeat: no-repeat;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    margin: 0 auto;
}
span.allergens-icon-small {
    background-image: url('../images/allergens/allergens-icons-small.png');
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
    float: left;
}

input:checked + .allergens-icon {
    background-image: url('../images/allergens/allergens-icons-x.png');
}

/* Column: +80 */
/* Row:    +90 */
.allergens-icon.milk {
  background-position: -55px -75px;
}
.allergens-icon.gluten {
  background-position: -135px -75px;
}
.allergens-icon.soy {
  background-position: -215px -75px;
}
.allergens-icon.peanuts {
  background-position: -295px -75px;
}
.allergens-icon.nuts {
  background-position: -375px -75px;
}
.allergens-icon.strawberries {
  background-position: -55px -165px;
}
.allergens-icon.eggs {
  background-position: -135px -165px;
}
.allergens-icon.chocolate {
  background-position: -215px -165px;
}
.allergens-icon.citrus {
  background-position: -295px -165px;
}
.allergens-icon.celery {
  background-position: -375px -165px;
}
.allergens-icon.mustard {
  background-position: -55px -255px;
}
.allergens-icon.mushrooms {
  background-position: -135px -255px;
}
.allergens-icon.sulphates {
  background-position: -215px -255px;
}
.allergens-icon.corn {
  background-position: -295px -255px;
}
.allergens-icon.lupin {
  background-position: -375px -255px;
}
.allergens-icon.fish {
  background-position: -55px -345px;
}
.allergens-icon.molluscs {
  background-position: -135px -345px;
}
.allergens-icon.crustaceans {
  background-position: -215px -345px;
}
.allergens-icon.sesame {
  background-position: -295px -345px;
}
.allergens-icon.honey {
  background-position: -375px -345px;
}

/* Column: +24 */
/* Row:    +27 */
.allergens-icon-small.milk {
  background-position: -17px -23px;
}
.allergens-icon-small.gluten {
  background-position: -41px -23px;
}
.allergens-icon-small.soy {
  background-position: -65px -23px;
}
.allergens-icon-small.peanuts {
  background-position: -89px -23px;
}
.allergens-icon-small.nuts {
  background-position: -113px -23px;
}
.allergens-icon-small.strawberries {
  background-position: -17px -50px;
}
.allergens-icon-small.eggs {
  background-position: -41px -50px;
}
.allergens-icon-small.chocolate {
  background-position: -65px -50px;
}
.allergens-icon-small.citrus {
  background-position: -89px -50px;
}
.allergens-icon-small.celery {
  background-position: -113px -50px;
}
.allergens-icon-small.mustard {
  background-position: -17px -77px;
}
.allergens-icon-small.mushrooms {
  background-position: -41px -77px;
}
.allergens-icon-small.sulphates {
  background-position: -65px -77px;
}
.allergens-icon-small.corn {
  background-position: -89px -77px;
}
.allergens-icon-small.lupin {
  background-position: -113px -77px;
}
.allergens-icon-small.fish {
  background-position: -17px -104px;
}
.allergens-icon-small.molluscs {
  background-position: -41px -104px;
}
.allergens-icon-small.crustaceans {
  background-position: -65px -104px;
}
.allergens-icon-small.sesame {
  background-position: -89px -104px;
}
.allergens-icon-small.honey {
  background-position: -113px -104px;
}

tr.error td{
  background-color: #ee7a71;
}

tr.warn td{
  background-color: #fdf06c;
}

tr.traces-milk.warning td,
tr.traces-gluten.warning td,
tr.traces-soy.warning td,
tr.traces-peanuts.warning td,
tr.traces-nuts.warning td,
tr.traces-strawberries.warning td,
tr.traces-eggs.warning td,
tr.traces-chocolate.warning td,
tr.traces-citrus.warning td,
tr.traces-celery.warning td,
tr.traces-mustard.warning td,
tr.traces-mushrooms.warning td,
tr.traces-sulphates.warning td,
tr.traces-corn.warning td,
tr.traces-lupin.warning td,
tr.traces-fish.warning td,
tr.traces-molluscs.warning td,
tr.traces-crustaceans.warning td,
tr.traces-sesame.warning td,
tr.traces-honey.warning td{
  background-color: #fdf06c;
}

div.shadow {
  max-width:95%;
  max-height:95%;
  overflow:visible;
}
img.logo {
  position:relative;
  max-width:100%;
  max-height:100%;
}