body{
  background-color: white
}
select{
  max-width: 100%
}

.card{
 padding: 10px;
/*! margin: 10px; */
}


label{
  display: flex; justify-content: space-between;
  flex-wrap: wrap
}

.modal-dialog{
  max-width: 95vw;
}
.unIngredient{
  margin-bottom: 10px;
  padding: 10px;
}
.unIngredient .card{
    border-bottom: 3px solid teal


}
.infosNut{
/*     border:1px solid teal; */
}


.modifier{
  float:right;
  color: orange;
  cursor: pointer
}

.unIngredient.reduit .card{
  height:0; overflow: hidden; padding:0

}

.ingredientSelector{
  padding: 10px;
  /*! border:1px solid teal; */
  margin: 20px 0 0
}

.rappelIngredient{
  background-color: teal;
  color: white;
  padding:5px 10px;
  font-weight: bold
}

.nutriments{
  display: flex; justify-content: space-around
}



/* Liste PLATS */

.aDish{
  padding: 0;
  margin: 10px 0;
  display: flex; flex-direction:row;
  flex-wrap: wrap

}

.dishResume{
  padding: 10px; width: 100%;
  background-color: coral; color: white; font-weight: bold

}

.dishDeleteButton {
  width:50%; text-align: right
}
.dishEditButton{
  width: 50%;
}

.dump_session{
  position: fixed; bottom:0; right:0; z-index: 1000; border: 1px solid; padding: 10px; background-color: rgba(255,255,255,0.8)
}


/* Accueil */

.monBtn{
  border: 2px solid green;
  color: green;
  margin: 20px 0
}