.ModifierLabelRow{
    display: flex;
}
.Modifier div {
  font-size: 15px;
  font-weight: 700;
  /* vertical-align: middle; */
}
/* .Modifier input {
  display: none;
  z-index: -9999;
} */
.ModifierLabelRowInputWrapper {
  margin: 0px 0px 0px 45px;
}
.ModifierLabelRowInputLabel {
  font-size: 10px;
}
.ModifierLabelRowInput {
  width: calc(100% - 15px);
}
.Modifier label {
  width: 100%;
  margin-bottom: 0rem;
  display: block;
}
.ModifierBorder {
  display: flex;
  justify-content: space-between;
}
.ModifierBorderLeft{
  width: 14px;
  height: 1px;
}
.ModifierBorderCenter {
  width: calc(100% - 28px);
  border-bottom: 1px solid #424242;
  height: 1px;
}
.ModifierBorderRight {
  width: 14px;
  height: 1px;
}


.Modifier input[type="checkbox"] + label .icon-checkbox::before {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #c4c4c4;
  /* border-radius: 3px; */
  margin-right: 10px;
  vertical-align: middle;
}
.Modifier .icon-checkbox:hover {
    border-color: #545454;
}
.Modifier input[type="checkbox"]:checked + label .icon-checkbox::before {
  /* background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='%230bd' stroke-width='3' points='2,7.3 7.3,12.7 18,2 '/%3E%3C/svg%3E); */
  /* background-image: url(data:image/svg+xml;charset=utf-8,%253Csvg%2520width%253D%252220%2522%2520height%253D%252220%2522%2520viewBox%253D%25220%25200%252020%252020%2522%253E%250A%2520%2520%253Crect%2520x%253D%25226%2522%2520y%253D%25226%2522%2520width%253D%25228%2522%2520height%253D%25228%2522%2520style%253D%2522fill%253A%2523000000%253Bstroke%253Apink%253Bstroke-width%253A0%253Bfill-opacity%253A1.0%253Bstroke-opacity%253A1.0%2522%2520%252F%253E%250A%253C%252Fsvg%253E); */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='8' height='8' style='fill:%23FFFFFF;stroke:pink;stroke-width:0;fill-opacity:1.0;stroke-opacity:1.0' /%3E%3C/svg%3E ");
  /* background-image: url(https://www.take-my-order.com/svg/check1.svg); */
  background-repeat: no-repeat;
  background-position: -1px -1px;
  /* background-color: #434343; */
  background-color: var(--backgroundcolor, rgb(94, 94, 94));
  border: var(--border, 1px solid #545454);
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  /* border-radius: 3px; */
  /* margin-right: 0.8rem; */
  vertical-align: middle;
}
.Modifier input[type="checkbox"] + label .ModifierLabelTable {
    background-color: #ffffff;
}
.Modifier input[type="checkbox"]:checked + label .ModifierLabelTable {
    background-color: #e0e0e0;
}
.ModifierLabelTable {
    display: table;
    /* justify-content: space-between; */
    /* border-top: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece; */
    /* border-collapse: collapse; */
    width: 100%;
}
.ModifierLabelRow {
  min-height: 44px;
  position: relative;
  display: flex;
  /* border: 1px solid #b1b1b1; */
  cursor: pointer;
}
.ModifierLabelRow .left{
    width: 45px;
    /* padding: 0 0 0 14px; */
}
.ModifierLabelCellIconCheckbox {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}
.ModifierLabelRow .center{
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
}
.ModifierLabelRow .right{
  width: 100%;
  padding: 12px 14px 12px 0;
  text-align: right;
}
.ModifierLabelCell {
  /* display: table-cell; */
  vertical-align: top;
  position: relative;
  /* line-height: 1.42857143; */
  padding: 12px 0px 12px 14px;
  /* left: 20px; */
  /* transform: translate(0, -50%); */
  /* height: 44px; */
  width: 45px;
}
.ModifierLabelCell.Numberselect {
  width: 120px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ModifierLabelCell.NumberselectRight {
  margin: 0px 0px 0px 120px;
}


.ModifierLabelCell.Right {
  /* line-height: 1.42857143; */
  display: table-row;
  /* border: 1px solid #434343; */
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  cursor: pointer;
}
.ModifierLabelCellRight {    
  width: calc(100% - 45px);
  padding: 12px 14px 12px 0;
  text-align: right;
  margin-left: 45px;
}
.ModifierLabelCell2Wrapper {
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding: 0px 3px 0px 3px;
}
.ModifierLabelCell3Wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.ModifierLabelCell2 {
  display: table-cell;
  vertical-align: top;
  /* line-height: 1.42857143; */
}
.ModifierLabelCell2Left {
  /* position: absolute; */
  left: 48px;
  top: 50%;
  /* transform: translateY(-50%); */
  text-align: left;
}
.ModifierLabelCell2Right {
  /* width:60%; */
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.ModifierLabelCell3 {
  display: table-cell;
  vertical-align: top;
  /* line-height: 1.42857143; */
}
.ModifierLabelCell3Left {
  /* position: absolute; */
  left: 48px;
  top: 50%;
  /* transform: translateY(-50%); */
  text-align: left;
  max-width: 60%;
}
.ModifierLabelCell3Left.Numberselect {
  left: 0px;
}
.ModifierLabelCell3Right {
  /* width:60%; */
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.ModifierLabelCell3Right.Numberselect {
}

.MenuModList > :first-child .ModifierLabelTable{
  /* border-top-left-radius: 3px;
  border-top-right-radius: 3px; */
}
.MenuModList > :last-child .ModifierLabelTable{
  /* border-bottom: 1px solid #cecece; */
  /* border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; */
}
.ModifierPrice {
  display: flex;
  justify-content: flex-end;
}
.ModifierPriceWithGst {
  display: inline-block;
}


@media (min-width: 300px) and (max-width: 400px) {
  .ModifierLabelCell2Right {
    display: block;
    width: 100%;
  }
  .ModifierLabelCell3Right {
    display: block;
  }
  .ModifierLabelCell3Left {
    /* margin-top: 10px; */
  }  
}
@media (max-width: 300px) {
  .ModifierLabelCell2Wrapper {
    display: block;
  }
  .ModifierLabelCell2Right {
    display: block;
    width: 100%;
  }
  .ModifierLabelCell2.right {
    width: 100%;
  }  
  .ModifierLabelCell2.left {
    position: relative !important;
    top: none !important;
    left: none !important;
    transform: none !important;
    width: 100%;
    padding: 12px 14px 12px 0;
  }
  .ModifierLabelCell3Wrapper {
    display: block;
  }
  .ModifierLabelCell3Right {
    display: block;
    width: 100%;
  }
  .ModifierLabelCell3Right {
    width: 100%;
  }  
  .ModifierLabelCell3Left {
    /* position: relative !important; */
    /* top: none !important; */
    /* left: none !important; */
    /* transform: none !important; */
    width: 100%;
    max-width: 100%;
  }
}



@media (min-width: 350px) and (max-width: 450px) {
  .ModifierLabelCell3Right.Numberselect {
    display: block;
  }
}
@media (max-width: 350px) {
  .ModifierLabelCell3Wrapper.Numberselect {
    display: block;
  }
  .ModifierLabelCell3Right.Numberselect {
    display: block;
    width: 100%;
  }
  .ModifierLabelCell3Left.Numberselect {
    position: relative !important;
    top: none !important;
    left: none !important;
    transform: none !important;
    width: 100%;
    max-width: 100%;
  }
}