#formallergenes_footer .flex-container {display:flex;display:-webkit-flex; flex-direction: row;flex-wrap: wrap;display: -webkit-flex;-webkit-flex-direction: row;}
#formallergenes_footer .grid-container {-webkit-grid-columns:repeat(auto-fill, minmax(88px, 1fr));-webkit-grid-column-gap:30px;grid-column-gap:30px;grid-template-columns:repeat(auto-fill, minmax(88px, 1fr));display: -webkit-grid;display: grid}
#formallergenes_footer .flex-container {margin-bottom: 30px;align-content: center;position: relative;list-style: none;}

#pattern .allergens-count {
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    width: 17px;
    height: 17px;
    background: #fff;
    border:1px solid #e33434;
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    font-size: 10px;
    font-family: Tahoma;
    letter-spacing: 0;
    color: #e33434;
    transition: all 0.3s ease-in;
    opacity:0;
}

p.dark {color: #000;}
#formallergenes_footer  .flex-item span{text-align: left;display: block;color:#000;}
.flex-item {position: relative;}
#formallergenes ul li input,#formallergenes_footer ul li input{width: 100%;height:100%;opacity: 0.3;position: absolute;top:0;left: 0;}
#formallergenes_footer ul li input {opacity: 0;cursor: pointer;}
#formallergenes_footer ul li {opacity: 0.25;cursor: pointer;float: left;}
#formallergenes_footer ul li.active {opacity: 1}

#myallergens-modal button[type='submit'],.myallergens-account button[type='submit'] {background-color: #cc194e;
    color: #fff;
    border-radius: 15px;
    float: right;
    border-color: #cc194e;
    text-transform: none;
    padding: 12px 65px;
    font-family: 'Gotham Book';
    font-size: 14px;}


.myallergens-account button[type='submit'] {float: left;margin: 15px 0 35px 0}
#my_allergens_side {font-family:'Gotham Book';position: fixed;top:220px;right:-15px;background-color: #cc194e;padding: 5px 12px;cursor: pointer;color:#fff;border-radius: 30px;padding:9px 25px 9px 13px;cursor: pointer;}

#my_allergens_side .button_text_aside_allergens {background:transparent url('https://www.happylolie.com/modules/allergenes/views/img/allergens_text_aside.png');position: absolute;left: -120px;top:10px;width: 160px;height: 82px;display: none;}
#index #my_allergens_side .button_text_aside_allergens {display: block;}
#footer .loader-container {position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.33);
    top: 0;
    left: 0;
    z-index: 99999999;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    display: flex;}
#footer .loader-container i {color: #fff;font-size: 5rem;}

#formallergenes_footer .grid-container {-webkit-grid-columns:repeat(auto-fill, minmax(120px, 1fr));-webkit-grid-column-gap:15px;grid-column-gap:15px;grid-template-columns:repeat(auto-fill, minmax(90px, 1fr));display: -webkit-grid;display: grid}
#formallergenes_footer ul.slider-traces li {min-height: 45px;background-color: #e6c89c;}
#formallergenes_footer ul.slider-traces li span {text-align: center;line-height: 1;width: 100%}

@media(max-width: 767px){
  #formallergenes_footer ul.slider-traces.grid-container {-webkit-grid-columns:repeat(auto-fill, minmax(90px, 1fr));-webkit-grid-column-gap:10px;grid-column-gap:15px;grid-template-columns:repeat(auto-fill, minmax(90px, 1fr));}
   #formallergenes_footer ul.slider-traces.grid-container li{width: 100%;}

}
/*modal*/
#myallergens-modal, .myallergens-account .description_modal,.myallergens-account .title_modal{text-align: center}
#myallergens-modal .container-page-heading {margin-bottom:35px;}
#myallergens-modal  .modal-content {border-radius: 15px;}
#myallergens-modal .title_modal,.myallergens-account .title_modal {line-height:1;color:#deb77e;font-family: 'Chalet-ParisNineteenEighty';margin:auto;max-width: 95%;margin-bottom: 35px;font-size: 1.675rem;}
#myallergens-modal .title_modal span,.myallergens-account .title_modal span{display: block;font-size: 1.115rem;color:#000;}
#myallergens-modal .description_modal,.myallergens-account .description_modal {color:#000;font-size: 13px;}
#formallergenes_footer ul li  span{
    font-size: 0.825em;
    line-height: 1em;
  }

  #myallergens-modal .close {position: absolute;right: 25px;top: 25px;color: #000;opacity: 1;font-size: 3rem;}

.siema li {width: 64px;height: 64px;}
#ingredient_complete {text-align: left;}
#ingredient_complete label, #ingredient_complete select {display: block;}
#ingredient_complete label {text-align: left;margin-bottom: 5px;font-size: 0.865rem;}
#ingredient_complete .select2-container {width: 360px!important;}
#ingredient_complete .select2-container--default .select2-selection--multiple {width: 380px;background-color: #faf3e9;border-radius: 15px;border-color:#faf3e9;}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color: #fff!important}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #dbad6b!important;border-color: #dbad6b!important}
.select2-container--open .select2-dropdown--below {z-index: 999999}
.select2-container--default .select2-search--inline .select2-search__field {width: 280px!important;color:#616161;}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {color:#616161!important;}
.select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder {color:#616161!important;}
.select2-container--default .select2-search--inline .select2-search__field:-moz-placeholder {color:#616161!important;}
/*product*/
#product .short-desc {margin-bottom: 10px;}
#moreallergenes {text-decoration: underline; font-family: 'Gotham Bold';margin-bottom: 35px;display: block;color: #DBAD6B}
.container-allergens.product.trace  {display: none;}
.container-allergens.product.trace > strong {margin-bottom: 10px;display: block;}
.container-allergens.product.trace {margin-top: 35px;}
.container-allergens.product.trace ul.grid-container li img {max-width: 48px;}
.container-allergens.product.trace span {padding-left: 5px;}
.container-allergens ul.grid-container {grid-column-gap: 30px; -webkit-grid-column-gap: 30px;    grid-template-columns: repeat(auto-fill, 20%);-webkit-grid-template-columns: repeat(auto-fill, 20%);    display: grid;  display: -webkit-grid;-webkit-justify-content: flex-start;  justify-content: flex-start;    align-items: center;}
.container-allergens ul.grid-container li  {list-style: none;text-align: left;}
.container-allergens ul.grid-container li span {font-family: 'Mic 32Bold';font-size: 0.925rem;text-align: left;}
.container-allergens ul.grid-container li img {max-width: 58px;}

.touchdevice  i {color: #fff;}
.searchfilter-container .touchdevice  #searchfiltered_widget input[type="text"]{padding-left: 50px;}

.button_allergens > i {font-size: 21px;}

.container-allergens ul.grid-container li {
    list-style: none;
    display: flex;
    align-items: center;
    /*display: -webkit-flex;
    -webkit-align-items: center;*/
    float: left;
    width: 100%;
}

body .pk_search_result {display: none;}
@media (min-width:1200px){
		#myallergens-modal .modal-dialog {max-width:1300px;}
		#myallergens-modal .modal-body {padding: 55px 7%;}
}


@media (max-width: 1199px) {
  #myallergens-modal .container-page-heading {margin-top: 35px;}
  #myallergens-modal .grid-container,.myallergens-account .grid-container {
    grid-column-gap: 25px;
    grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
    display: grid;
  }
  #ingredient_complete label {text-align: center;}
  #ingredient_complete .select2-container--default .select2-selection--multiple {
    width: 80%;
    background-color: #faf3e9;
    border-radius: 15px;
    border-color: #faf3e9;
    margin: auto;
    text-align: center;
  }
  #myallergens-modal button[type='submit'],.myallergens-account .button[type='submit'] {margin:25px 0;float:inherit;}

}
@media (max-width: 768px) {
    #my_allergens_side {bottom:0;width: 100%;right: 0;top:inherit;border-radius: 0;text-align: center;padding:10px 12px;z-index: 999 }
    #pattern .allergens-count {position: relative;
    display: inline-block;
    left: 0;
    top: -8px;
    margin-left: 0px;}
}
@media (max-width: 580px) {
   #myallergens-modal .grid-container,.myallergens-account .grid-container {
    grid-column-gap: 15px;
    grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));

  }

}
.material-spin {
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
}
.material-pulse {
  -webkit-animation: fa-spin 0.5s infinite steps(8);
  animation: fa-spin 0.5s infinite steps(8);
}
/*animation*/
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

#footer #myallergens-modal a {color: #000;}
#myallergens-modal.mobile .row-allergen {display:flex; flex-direction: row;flex-wrap: wrap;color:#000;}
#myallergens-modal.mobile .row-allergen  li {width: 55px;height: 65px;position: relative;}
#myallergens-modal.mobile .bx-viewport {min-height: 200px;}
#myallergens-modal.mobile .controls-bx {color: #000}
#myallergens-modal.mobile .bx-next:before, .mobile .bx-prev:before {display: none;}
#myallergens-modal.mobile a.disabled {opacity: 0.25;}
#myallergens-modal.mobile .close {right: 10px;top: -30px;font-size: 2rem;}
#myallergens-modal.mobile .description_modal {margin-bottom: 1em;}
#myallergens-modal.mobile .container-page-heading {margin-bottom: 25px;}