.menu_item{
  cursor: pointer;
}

.addDishToMealButton{
  cursor: pointer;
}

.day {
  cursor: pointer;
}

.breakfast .menu_item {
  background-color: #6c81eb;
}

.breakfast .menu_item:hover {
  background-color: #2143ec;
}

.lunch .menu_item {
  background-color: #298659;
}

.lunch .menu_item:hover {
  background-color: #0e5533;
}

.snack .menu_item {
  background-color: #e97d39;
}

.snack .menu_item:hover {
  background-color: rgb(160, 68, 12);
}

.supper .menu_item {
  background-color: #c54b47;
}

.supper .menu_item:hover {
  background-color: rgb(143, 15, 10);
}

.extra .menu_item {
  background-color: rgb(105, 105, 105);
}

.extra .menu_item:hover {
  background-color: rgb(54, 54, 54);
}

.main-dish {
  border: 3px solid rgb(32, 31, 31) !important;

}

.addDishToMealButton {
  background-color: rgb(176, 209, 169) !important;
  color: #020800 !important;

}

.addDishToMealButton:hover {
  background-color: rgb(111, 151, 102) !important;
  color: #ddecdf !important
}


/* CSS For Checkboxes */

.dayOfCheckboxes{
  cursor: pointer;
  background-color: lightblue;
  border: 2px solid black;
  border-left: 0px solid white;
  padding: 0px !important;

}

.deduct.dayOfCheckboxes{
  cursor: pointer;
  background-color: rgb(235, 158, 158);
  border: 2px solid black;
  border-left: 0px solid white;
  padding: 0px !important;

}

.weekOfCheckboxes{
    border: 2px solid black;
 }

 .checkboxesHeader{
  border: 2px solid black;
  border-left: 0px solid white;
  border-top: 0px solid white;
  padding: 0px !important;
  text-decoration-line: underline;
  font-weight: bolder;
}


 .checkboxClicked{
   background-color: rgb(21, 123, 156);
   color: aliceblue;
   font-weight: bolder;
 }

 .deduct.checkboxClicked{
  background-color: rgb(243, 79, 79);
  color: aliceblue;
  font-weight: bolder;
}
/* End CSS for Checkboxes */

.pag-alt{
  background-color: grey !important;
  color: #020800;
  margin-left: 8px;
}

.row-disabled{
  text-decoration-line: line-through !important;
  color: lightcoral !important;
}


@media print{    
  .addDishToMealButton{
     color: black !important;
     font-size: 20px !important;
     font-weight: bolder !important;
     overflow-x: hidden !important;
    text-indent: -20px !important;
  }

.badge{
  background-color: white !important;
  color: black !important;
  
  border: none !important;
  text-align: left !important;
  font-weight: 800 !important;
}
.week-display{
  display: block !important;
}

.nav-bar{
  display: none !important;
}
  
}