@media print{
  @page {size: landscape}

  .MenuCalendar .meal:nth-child(2) .food {
    border-bottom: 1px solid black !important;
  }
  .MenuCalendar .meal:nth-child(3) .mealname {
    border-top: 1px solid white !important;
  }

}
@font-face {
  font-family: Ampera;
  src: url(../fonts/Ampera.ttf);
}

.MenuCalendar-container {
  background-image: url(../images/vegetables.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 140px;
}

.MenuCalendar {
  display: table;
  height: 1px;
  width: 100%;
  /*margin-bottom: 134px;*/
/*  background-image: url(../images/vegetables.svg);
  background-repeat: no-repeat;
  background-size: cover;*/
}

.calendar-shadow {
  -webkit-box-shadow: 10px 10px 22px -9px rgba(0,0,0,0.42);
  -moz-box-shadow: 10px 10px 22px -9px rgba(0,0,0,0.42);
  box-shadow: 10px 10px 22px -9px rgba(0,0,0,0.42);
}

.calendarhead {
  display: table-header-group;
  height: 50px;
}
.day, .food, .mealname, .week {
  display: table-cell;
  width: 12.5%;
  min-width: 130px;
}
.meal {
  display: table-row;
  width: 100%
}
.table-responsive{
  overflow-y: hidden;
}
.food{
  background-color: rgb(241 244 255 / 90%);
  font-size: 11px;
  padding: 5px;
}
.nofood {
  background-color:  rgb(159 159 159) !important;
  border-bottom: none !important;
}
.nomeal {
  background-color:  rgb(159 159 159) !important;
}
.nutrient-value {
  float: right;
}

.food {
  border-bottom: 1px solid #BCC2D0;
  border-left: 1px solid #BCC2D0;
}
.day, .calendarhead .day:last-child{
  border-left: 1px solid #FFF;
}
.week, .mealname {
  border-bottom: 1px solid #FFF;
}
.day, .week {
  border-top: 1px solid #BCC2D0;
}

.meal .food:last-child {
  border-right: 1px solid #BCC2D0;
}

.mealname, .week, .day {
  vertical-align: middle;
  color: white;
}
.mealname p, .week p, .day p {
  text-align: center;
  margin: 0;
}

.mealname {
  background-color: #f79929;
  border-left: 1px solid #BCC2D0;
  font-family: Ampera;
  font-size: 1.3rem;
  letter-spacing: 3px;
}

.dayname {
  font-family: Ampera;
  font-size: 1.3rem;
  letter-spacing: 3px;
}

.day {
  background-color: #f25e1b;
}

.week {
  border-left: 1px solid #BCC2D0;
  background-color: #e67b86;
}

.iteminfo {
  font-size: 1.5em;
  cursor: pointer;
}

.disable-weekbtn {
    pointer-events: none;
    opacity: 0.5;
}
.weekbtn {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .5rem .5rem 0 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.weekbtn:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  text-decoration: none;
}

.menu-footer .column-1 {
  width: fit-content;
  background-color: #FFF;
  margin-top: 15px;
  padding: 3px;
  font-size: 0.8rem;
  float: left;
}
.menu-footer .column-2 {
  float: right;
  width: fit-content;
  background-color: #FFF;
  margin-top: 15px;
  padding: 3px;
  font-size: 0.8rem;
}

.menu-footer .name1, .menu-footer .law {
  font-weight: 500;
}

.menuname {
  color: #572917;
}

.allergen-img {
  max-width: 20px;
  height: auto;
}

.allergen-img-card {
  max-width: 35px;
  height: auto;
  margin: 3px;
}

@media screen and (max-width:769px) {
  .menu-control-1 { order:3 }
  .menu-control-2 { order:2 }
  .menu-control-3 { order:1 }
}

.modal-open {

}

#message-container .message-header{
  min-height: 38px;
}