@font-face {
  font-family: MenumizReceipt;
  src: url("/assets/fonts/menumiz-receipt.ttf");
}

.miz-elevation--z0 {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12) !important;
}

.miz-elevation--z1 {
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z2 {
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z3 {
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z4 {
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z5 {
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z6 {
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z7 {
  -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z8 {
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z9 {
  -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z10 {
  -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z11 {
  -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z12 {
  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z13 {
  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z14 {
  -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z15 {
  -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z16 {
  -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z17 {
  -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z18 {
  -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z19 {
  -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z20 {
  -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z21 {
  -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z22 {
  -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z23 {
  -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.miz-elevation--z24 {
  -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.miz-elevation-transition {
  -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow;
}

:root {
  --mockup-width: 414px;
  --mockup-height: 842px;
}

.miz-grid {
  display: grid;
  /******** Wizard ********/
}
.miz-grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.miz-grid-item .img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  background-position: center;
  background-size: cover;
}
.miz-grid.checkbox-grid .miz-grid-item .miz-button {
  width: 100%;
  min-width: 0;
  font-weight: 600;
}
.miz-grid.checkbox-grid .miz-grid-item .btn-check[type=radio]:checked + label.miz-button {
    /*background-color: #720E1A;
    color: #FAFAFA;*/
    -webkit-box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
    box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
}
.miz-grid.grid-2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 1024px) {
  .miz-grid.grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.miz-grid.grid-2.fixed {
  grid-template-columns: repeat(2, 1fr) !important;
}
.miz-grid.grid-3 {
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 1024px) {
  .miz-grid.grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .miz-grid.grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.miz-grid.grid-3.checkbox-grid {
  grid-template-columns: 1fr;
}
@media (min-width: 480px) {
  .miz-grid.grid-3.checkbox-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.miz-grid.grid-4 {
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 768px) {
  .miz-grid.grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .miz-grid.grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1340px) {
  .miz-grid.grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1680px) {
  .miz-grid.grid-4 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1920px) {
  .miz-grid.grid-4 {
    grid-template-columns: repeat(6, 1fr);
  }
}
.miz-grid.grid-5 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (min-width: 1024px) {
  .miz-grid.grid-5 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .miz-grid.grid-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
.miz-grid.icon-tabs {
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .miz-grid.icon-tabs {
    grid-template-columns: 80px calc(100% - 80px);
  }
}
.miz-grid.icon-tabs .miz-grid-item {
  margin-bottom: auto;
  -webkit-box-pack: default;
      -ms-flex-pack: default;
          justify-content: default;
}
.miz-grid.icon-tabs .miz-grid-item .nav .nav-link {
  position: relative;
}
.miz-grid.icon-tabs .miz-grid-item .nav .nav-link .badge {
  top: 0;
  right: 0;
}
.miz-grid.c-tso {
  gap: 32px;
  margin: auto;
  padding: 16px;
  grid-template-columns: 1fr;
}
@media (min-width: 1200px) {
  .miz-grid.c-tso {
    grid-template-columns: repeat(3, 1fr);
  }
}
.miz-grid.retrieve-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  font-size: 20px;
  padding: 0;
}
.miz-grid.retrieve-list .miz-grid-item {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 0 8px;
  padding: 8px 0 16px;
  border-radius: 0;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
}
.miz-grid.retrieve-list .miz-grid-item:first-child {
  padding-top: 16px;
}
.miz-grid.retrieve-list .miz-grid-item:last-child {
  margin-bottom: 16px;
}
.miz-grid.retrieve-list .miz-grid-item a {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.miz-grid.retrieve-list .miz-grid-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miz-grid.retrieve-list .miz-grid-item > * {
  margin-right: 0;
}
@media (min-width: 960px) {
  .miz-grid.retrieve-list .miz-grid-item > * {
    margin-right: 16px;
  }
}
.miz-grid.retrieve-list .miz-grid-item > *:first-child {
  margin-right: 0;
}
@media (min-width: 960px) {
  .miz-grid.retrieve-list .miz-grid-item > *:first-child {
    margin-right: 0;
  }
}
.miz-grid.retrieve-list .miz-grid-item span {
  color: RGBA(0, 0, 0, 0.48);
}
.miz-grid.retrieve-list .miz-grid-item span.info {
  color: #000000;
  font-weight: 500;
  margin-left: 16px;
}
.miz-grid.retrieve-list .miz-grid-item .details {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 88px;
  width: 100%;
  font-size: 16px;
  row-gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 560px) {
  .miz-grid.retrieve-list .miz-grid-item .details {
    grid-template-columns: 1fr 1fr 88px;
  }
}
@media (min-width: 1100px) {
  .miz-grid.retrieve-list .miz-grid-item .details {
    grid-template-columns: auto auto auto auto 160px;
  }
}
.miz-grid.retrieve-list .miz-grid-item .name,
.miz-grid.retrieve-list .miz-grid-item .order_number,
.miz-grid.retrieve-list .miz-grid-item .pax,
.miz-grid.retrieve-list .miz-grid-item .timer {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.miz-grid.retrieve-list .miz-grid-item .name:last-child,
.miz-grid.retrieve-list .miz-grid-item .order_number:last-child,
.miz-grid.retrieve-list .miz-grid-item .pax:last-child,
.miz-grid.retrieve-list .miz-grid-item .timer:last-child {
  margin-bottom: 0;
}
.miz-grid.retrieve-list .miz-grid-item .name span,
.miz-grid.retrieve-list .miz-grid-item .order_number span,
.miz-grid.retrieve-list .miz-grid-item .pax span,
.miz-grid.retrieve-list .miz-grid-item .timer span {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
@media (min-width: 960px) {
  .miz-grid.retrieve-list .miz-grid-item .name,
.miz-grid.retrieve-list .miz-grid-item .order_number,
.miz-grid.retrieve-list .miz-grid-item .pax,
.miz-grid.retrieve-list .miz-grid-item .timer {
    -ms-flex-preferred-size: 280px;
        flex-basis: 280px;
  }
}
.miz-grid.retrieve-list .miz-grid-item .name {
  grid-column-end: span 2;
}
@media (min-width: 560px) {
  .miz-grid.retrieve-list .miz-grid-item .name {
    grid-column-end: span 1;
  }
}
.miz-grid.retrieve-list .miz-grid-item .order_number {
  grid-row-start: 2;
  grid-column-end: span 2;
}
@media (min-width: 560px) {
  .miz-grid.retrieve-list .miz-grid-item .order_number {
    grid-row-start: 1;
    grid-column-end: span 1;
  }
}
.miz-grid.retrieve-list .miz-grid-item .pax .info,
.miz-grid.retrieve-list .miz-grid-item .timer .info {
  margin-left: 8px;
}
.miz-grid.retrieve-list .miz-grid-item .pax {
  grid-row-start: 2;
  grid-column-start: 3;
}
@media (min-width: 560px) {
  .miz-grid.retrieve-list .miz-grid-item .pax {
    grid-column-start: 1;
  }
}
@media (min-width: 1100px) {
  .miz-grid.retrieve-list .miz-grid-item .pax {
    grid-column-start: 3;
    grid-row-start: 1;
  }
}
.miz-grid.retrieve-list .miz-grid-item .timer {
  grid-row-start: 2;
  grid-column-start: 4;
}
@media (min-width: 560px) {
  .miz-grid.retrieve-list .miz-grid-item .timer {
    grid-column-start: 2;
  }
}
@media (min-width: 1100px) {
  .miz-grid.retrieve-list .miz-grid-item .timer {
    grid-column-start: 4;
    grid-row-start: 1;
  }
}
.miz-grid.retrieve-list .miz-grid-item .order_type {
  grid-column-start: 4;
  grid-row-start: 1;
  width: auto;
  align-self: flex-start;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 88px;
      flex-basis: 88px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
@media (min-width: 1100px) {
  .miz-grid.retrieve-list .miz-grid-item .order_type {
    grid-column-start: 5;
  }
}
.miz-grid.retrieve-list .miz-grid-item .order_type span {
  color: #000000;
}
.miz-grid.retrieve-list .miz-grid-item .order_type span.icon {
  background-color: #720E1A;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 640px) {
  .miz-grid.retrieve-list .miz-grid-item .order_type span.icon {
    width: 48px;
    height: 48px;
  }
}
.miz-grid.retrieve-list .miz-grid-item .order_type span.icon svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}
@media (min-width: 640px) {
  .miz-grid.retrieve-list .miz-grid-item .order_type span.icon svg {
    width: 32px;
    height: 32px;
    fill: currentColor;
  }
}
.miz-grid.retrieve-list .miz-grid-item .order_type > * {
  margin-right: 8px;
}
.miz-grid.retrieve-list .miz-grid-item .order_type > *:last-child {
  margin-right: 0;
}
.miz-grid.tso-price_list {
  padding: 8px;
  position: relative;
  overflow: hidden;
}
.miz-grid.tso-price_list .miz-grid-item {
  -webkit-box-shadow: inset 0 1px 0 0 #720E1A;
          box-shadow: inset 0 1px 0 0 #720E1A;
  border-radius: 0;
  padding: 16px 0;
}
.miz-grid.tso-price_list .miz-grid-item:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miz-grid.tso-price_list .miz-grid-item .header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.miz-grid.tso-price_list .miz-grid-item .header > * {
  margin-right: 16px;
}
.miz-grid.tso-price_list .miz-grid-item .header > *:last-child {
  margin-right: 0;
}
.miz-grid.tso-price_list .miz-grid-item .header .tso-price_list-close {
  min-width: 24px;
  height: 24px;
  width: 24px;
  line-height: 24px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.miz-grid.tso-price_list .miz-grid-item .header .tso-price_list-close i {
  font-size: 14px;
}
.miz-grid.tso-price_list .miz-grid-item .header .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.miz-grid.tso-price_list .miz-grid-item .header .title span {
  font-size: 18px;
  color: #720E1A;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.miz-grid.tso-price_list .miz-grid-item .header .title span.extra {
  font-size: 14px;
  color: RGBA(0, 0, 0, 0.64);
  font-weight: 400;
  margin-top: 16px;
}
.miz-grid.tso-price_list .miz-grid-item .header .actions {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-grid.tso-price_list .miz-grid-item .header .actions .miz-button {
  background-color: #FAFAFA;
  border: 1px solid RGBA(0, 0, 0, 0.16);
  line-height: 32px;
  height: 32px;
  width: 32px;
}
@media (min-width: 640px) {
  .miz-grid.tso-price_list .miz-grid-item .header .actions .miz-button {
    line-height: 40px;
    height: 40px;
    width: 40px;
  }
}
.miz-grid.tso-price_list .miz-grid-item .header .actions span {
  min-width: 48px;
  color: #000000;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 640px) {
  .miz-grid.tso-price_list .miz-grid-item .header .actions span {
    min-width: 64px;
    font-size: 20px;
  }
}
.miz-grid.tso-price_list .miz-grid-item .header .price {
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
  margin-left: 16px;
}
@media (min-width: 640px) {
  .miz-grid.tso-price_list .miz-grid-item .header .price {
    font-size: 18px;
    margin-left: 32px;
  }
}
.miz-grid.tso-price_list .miz-grid-item .body {
  margin-top: 0;
  width: calc(100% - 40px);
  margin-left: 40px;
}
.miz-grid.tso-price_list .miz-grid-item .body .tag {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin-top: 8px;
}
.miz-grid.tso-price_list .miz-grid-item .body .items {
  padding: 8px;
  display: grid;
  grid-template-columns: 1fr;
  font-size: 12px;
}
@media (min-width: 640px) {
  .miz-grid.tso-price_list .miz-grid-item .body .items {
    font-size: 14px;
  }
}
.miz-grid.tso-price_list .miz-grid-item .body .items .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
  padding: 4px 0;
}
.miz-grid.tso-price_list .miz-grid-item .body .items .item:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miz-grid.tso-price_list .miz-grid-item .body .items .item .price {
  font-weight: 500;
}
.miz-grid.tso-price_list .miz-grid-item.total {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miz-grid.tso-price_list .miz-grid-item.total .header {
  padding: 16px;
  padding-left: 40px;
  background-color: RGBA(0, 0, 0, 0.08);
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}
.miz-grid.tso-price_list .miz-grid-item.total .header .price {
  font-size: 24px;
  font-weight: 600;
}
.miz-grid.tso-price_list .miz-grid-item.total .body .items .item:nth-last-of-type(-n+2) {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miz-grid.tso-price_list .miz-grid-item.total .body .items .item.grand {
  font-weight: 600;
  color: #000000;
  font-size: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin-top: 16px;
}
.miz-grid.tso-price_list .miz-grid-item.total .body .items .item.coupon {
  font-weight: 600;
  color: #000000;
  font-size: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 16px;
}
.dark .miz-grid.tso-price_list .miz-grid-item.total .body .items .item.coupon{
    color:#fafafa
}
.miz-grid.tso-price_list .miz-grid-item.total .body .items .item.coupon .miz-input-label {
    font-size: 14px;
    font-weight: 400;
}
@media (min-width: 760px) {
  .miz-grid.tso-price_list .miz-grid-item.total .body .items .item.grand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .miz-grid.tso-price_list .miz-grid-item.total .body .items .item.coupon {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-bottom:16px;
  }
}
.miz-grid.tso-price_list .miz-grid-item.total .body .items .item.grand .grand-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 16px;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
  padding-bottom: 16px;
}
.miz-grid.tso-price_list .miz-grid-item.total .body .items .item.coupon .coupon-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 16px;
    -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
    box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
    padding-bottom: 0
}

.miz-grid.tso-price_list .miz-grid-item.total .body .items .item.grand .grand-price .price {
  margin-left: auto;
}
.miz-grid.tso-price_list .miz-grid-item.total .body .items .item.coupon .coupon-price .price {
    margin-left: auto;
}
@media (min-width: 760px) {
  .miz-grid.tso-price_list .miz-grid-item.total .body .items .item.grand .grand-price {
    margin-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .miz-grid.tso-price_list .miz-grid-item.total .body .items .item.coupon .coupon-price {
    margin-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.miz-grid.tso-price_list .miz-grid-item.total .body .items .item.grand .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
@media (min-width: 760px) {
  .miz-grid.tso-price_list .miz-grid-item.total .body .items .item.grand .form-check {
    margin-top: 0;
  }
}
.miz-grid.tso-price_list .miz-grid-item.total .body .items .item.grand .form-check input {
  margin-top: 0;
}
.miz-grid.tso-price_list .miz-grid-item.total .body .items .item.grand .form-check label {
  margin-left: 16px;
  font-size: 16px;
  color: RGBA(0, 0, 0, 0.48);
  font-weight: 400;
  pointer-events: none;
}
.miz-grid.tso-price_list .miz-grid-item.total .body .items .item.grand .form-check input:checked ~ label {
  color: #720E1A;
  font-weight: 500;
}
.miz-grid.tso-price_list.receipt {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0 16px;
}
.miz-grid.tso-price_list.receipt .miz-grid-item {
  padding: 0;
  position: relative;
  overflow: hidden auto;
  width: 100%;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .header {
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 16px 0;
  border-bottom: 1px dashed RGBA(0, 0, 0, 0.64);
}
.miz-grid.tso-price_list.receipt .miz-grid-item .header .brand {
  margin: 0 auto 10px auto;
  font-weight: 600;
  text-transform: capitalize;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .header .brand h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .header .brand h4 {
  font-size: 16px;
  line-height: 20px;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .header .user {
  width: 100%;
  /*max-width: 640px;*/
  max-width: 100%;
  text-align: left;
  font-size: 12px;
  margin-top: 16px;
  font-weight: 500;
}
@media (min-width: 480px) {
  .miz-grid.tso-price_list.receipt .miz-grid-item .header .user {
    font-size: 16px;
  }
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body {
  margin-left: 0;
  max-width: 600px;
  margin: 12px auto;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .items {
  position: relative;
  overflow: hidden;
  width: 100%;
  gap: 0;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .items > * {
  margin-left: 16px;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .items > *:first-child {
  margin-left: 0;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  color: #000000;
  position: relative;
  overflow: hidden;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .item-header .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .item-header .title span {
  font-weight: 600;
  font-size: 20px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 8px;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .item-header .title span.desc {
  font-size: 16px;
  font-weight: 400;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .item-header .price {
  text-align: right;
  white-space: nowrap;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .item-tag {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  margin-top: 8px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .item {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 8px 0;
  color: #000000;
  font-size: 18px;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area {
  font-size: 18px;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area > * {
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .tip {
  border-top: 1px dashed RGBA(0, 0, 0, 0.64);
  border-bottom: 1px dashed RGBA(0, 0, 0, 0.64);
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .tip span {
  color: RGBA(0, 0, 0, 0.48);
  white-space: nowrap;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .tip span:first-child {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .tip span:last-child {
  color: #000000;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .taxes-total {
  border-top: 1px dashed RGBA(0, 0, 0, 0.64);
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .taxes-total-item {
  white-space: nowrap;
  width: 100%;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .taxes-total-item span:first-child {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .sub-total {
  white-space: nowrap;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .sub-total span {
  color: #000000;
  text-align: right;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .sub-total span:first-child {
  margin-left: auto;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .sub-total span:last-child {
  min-width: 128px;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-amount span,
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-method span,
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-reason span,
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-balance span {
  color: RGBA(0, 0, 0, 0.48);
  white-space: nowrap;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-amount span:first-child,
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-method span:first-child,
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-reason span:first-child,
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-balance span:first-child {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-amount span:last-child,
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-method span:last-child,
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-reason span:last-child,
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-balance span:last-child {
  color: #000000;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-amount {
  border-top: 1px dashed RGBA(0, 0, 0, 0.64);
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-amount span {
  color: #000000;
  text-align: right;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-amount span:first-child {
  margin-left: auto;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-amount span:last-child {
  min-width: 128px;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-balance {
  font-weight: 600;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .refund-balance span {
  color: #000000;
  text-transform: capitalize;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .taxes-total {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .taxes-total .taxes-total-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .taxes-total .taxes-total-item span {
  color: RGBA(0, 0, 0, 0.48);
}
.miz-grid.tso-price_list.receipt .miz-grid-item .body .price-area .taxes-total .taxes-total-item span:last-child {
  color: #000000;
}
.miz-grid.grid-tso {
  margin-bottom: 36px;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 520px) {
  .miz-grid.grid-tso {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 860px) {
  .miz-grid.grid-tso {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .miz-grid.grid-tso {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1680px) {
  .miz-grid.grid-tso {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1920px) {
  .miz-grid.grid-tso {
    grid-template-columns: repeat(6, 1fr);
  }
}
.miz-grid.review-tips {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.miz-grid.review-tips .miz-grid-item {
  padding: 16px;
}
.miz-grid.review-tips .miz-grid-item .miz-card {
  padding: 8px;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 8px;
}
@media (min-width: 1200px) {
  .miz-grid.review-tips .miz-grid-item .miz-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.miz-grid.review-tips .miz-grid-item .miz-card .emoji {
  width: 64px;
  height: 64px;
  overflow: hidden;
  position: relative;
}
.miz-grid.review-tips .miz-grid-item .miz-card .emoji img,
.miz-grid.review-tips .miz-grid-item .miz-card .emoji svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) and (max-width:1999px) {
    .miz-grid.review-tips {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1200px) {
  .miz-grid.review-tips {
    grid-template-columns: repeat(5, 1fr);
  }
}
.miz-grid.main-food-menu {
  grid-template-columns: 1fr;
  gap: 16px;
  padding: 16px;
}

@media (min-width: 768px) {
  .miz-grid.main-food-menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .miz-grid.main-food-menu {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1340px) {
  .miz-grid.main-food-menu {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1680px) {
  .miz-grid.main-food-menu {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1920px) {
  .miz-grid.main-food-menu {
    grid-template-columns: repeat(6, 1fr);
  }
}
.miz-grid.main-food-menu .miz-grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  aspect-ratio: 16/9;
  position: relative;
}
.miz-grid.main-food-menu .miz-grid-item:hover span {
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  background-size: 120%;
}
.miz-grid.main-food-menu .miz-grid-item.sold-out .sold-out-label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 512;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
  background-color: RGBA(0, 0, 0, 0.36);
}
.miz-grid.main-food-menu .miz-grid-item.sold-out .sold-out-label-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #FEC53C;
  padding: 8px 16px;
  border-radius: 148px;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-animation: ease-in-out infinite textAni 1s;
          animation: ease-in-out infinite textAni 1s;
}
.miz-grid.main-food-menu .miz-grid-item.sold-out .sold-out-label-inner span {
  font-size: 16px;
}
.miz-grid.main-food-menu .miz-grid-item.sold-out .sold-out-label-inner i {
  margin-right: 8px;
}
@-webkit-keyframes textAni {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes textAni {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.miz-grid.main-food-menu .miz-grid-item.sold-out:hover span {
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  background-size: 100%;
}
.miz-grid.main-food-menu .miz-grid-item.sold-out * {
  pointer-events: none;
}
.miz-grid.main-food-menu .miz-grid-item > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: 100%;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.miz-grid.main-food-menu .miz-grid-item .details {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.87)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.87) 100%);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.87) 100%);
}
.miz-grid.main-food-menu .miz-grid-item .actions {
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (min-width: 960px) {
  .miz-grid.main-food-menu .miz-grid-item .actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.miz-grid.main-food-menu .miz-grid-item .actions .mizi {
  width: 30px;
  height: 30px;
  z-index: 5;
  background-color: #FAFAFA;
  border-radius: 50%;
}
.miz-grid.main-food-menu .miz-grid-item .actions .mizi svg {
  height: 100%;
  width: 100%;
}
.miz-grid.main-food-menu .miz-grid-item .actions .mizi svg .age {
  fill: #000000;
}
.miz-grid.main-food-menu .miz-grid-item .actions .mizi svg .circle {
  fill: #FF2636;
}
.miz-grid.main-food-menu .miz-grid-item .actions .miz-button {
  margin-right: auto;
  background-color: #720E1A;
  border: 1px solid RGBA(255, 255, 255, 0.24);
  color: #FAFAFA;
}
@media (min-width: 960px) {
  .miz-grid.main-food-menu .miz-grid-item .actions .miz-button {
    margin-right: 0;
    margin-left: auto;
  }
}
.miz-grid.main-food-menu .miz-grid-item .actions .miz-button i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 48px;
}
.miz-grid.main-food-menu .miz-grid-item .info {
  margin-top: auto;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px;
  color: #FAFAFA;
  font-weight: 600;
}
.miz-grid.main-food-menu .miz-grid-item .info .title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
  text-transform: capitalize;
  margin-bottom: 8px;
}
.miz-grid.main-food-menu .miz-grid-item .info .price {
  font-size: 14px;
  font-weight: 400;
}
.miz-grid.main-food-menu-header {
  background-color: #FAFAFA;
  padding: 16px;
  margin: 0 16px;
  position: relative;
  z-index: 512;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  display: none;
  border: 1px solid RGBA(0, 0, 0, 0.16);
}
@media (min-width: 960px) {
  .miz-grid.main-food-menu-header {
    display: grid;
  }
}
.miz-grid.main-food-menu-header.show {
  display: grid;
}
.miz-grid.main-food-menu-header .miz-form {
  padding: 0;
  margin: 0;
}
@media (min-width: 960px) {
  .miz-grid.main-food-menu-header .miz-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .miz-grid.main-food-menu-header .miz-form .miz-form-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group > * {
  margin-right: 16px;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group > *:last-child {
  margin-right: 0;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group .miz-input-field {
  margin-bottom: 0;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter, .miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-sort {
  width: 240px;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter .select-wrapper .form-outline input, .miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-sort .select-wrapper .form-outline input {
  font-size: 16px;
  border-radius: 4px;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter .select-wrapper .form-outline input:focus, .miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-sort .select-wrapper .form-outline input:focus {
  border-width: 1px;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter .select-wrapper .form-outline .form-notch-leading, .miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-sort .select-wrapper .form-outline .form-notch-leading {
  border-radius: 4px 0 0 4px;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter .select-wrapper .form-outline .form-notch-trailing, .miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-sort .select-wrapper .form-outline .form-notch-trailing {
  border-radius: 0 4px 4px 0;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter .select-wrapper .form-outline .form-control:focus ~ .form-notch .form-notch-leading, .miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-sort .select-wrapper .form-outline .form-control:focus ~ .form-notch .form-notch-leading {
  border-top: 1px solid #720E1A;
  border-bottom: 1px solid #720E1A;
  border-left: 1px solid #720E1A;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter .select-wrapper .form-outline .form-control:focus ~ .form-notch .form-notch-trailing, .miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-sort .select-wrapper .form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
  border-top: 1px solid #720E1A;
  border-bottom: 1px solid #720E1A;
  border-right: 1px solid #720E1A;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-sort {
  width: 100%;
}
@media (min-width: 960px) {
  .miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-sort {
    width: 340px;
  }
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter {
  width: 100%;
  max-width: 100%;
  display: none;
}
@media (min-width: 960px) {
  .miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 360px;
  }
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter .form-outline .placeholder-active::-webkit-input-placeholder {
  color: #4f4f4f;
  opacity: 1;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter .form-outline .placeholder-active::-moz-placeholder {
  color: #4f4f4f;
  opacity: 1;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter .form-outline .placeholder-active:-ms-input-placeholder {
  color: #4f4f4f;
  opacity: 1;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter .form-outline .placeholder-active::-ms-input-placeholder {
  color: #4f4f4f;
  opacity: 1;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter .form-outline .placeholder-active,
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter .form-outline .placeholder-active::placeholder {
  color: #4f4f4f;
  opacity: 1;
}
@media (min-width: 1024px) {
  .miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-search {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-search.hide.hide {
  display: none;
}
@media (min-width: 960px) {
  .miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-search.hide.hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-search .miz-input-field {
  display: grid;
  grid-template-columns: 1fr 48px 48px;
  gap: 8px;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-search .miz-input-field .miz-button {
  border-radius: 4px;
  background-color: #720E1A;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-search .miz-input-field .miz-button.is-refresh {
  background-color: #FAFAFA;
  border: 1px solid RGBA(0, 0, 0, 0.16);
}
@media (min-width: 1024px) {
  .miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-search .miz-input-field .miz-button.is-refresh {
    display: inline-block;
  }
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-search .miz-input-field .miz-button.is-refresh i {
  color: #720E1A;
}
.miz-grid.main-food-menu-header .miz-form .miz-form-group .miz-input-group.is-search .miz-input-field .miz-button i {
  color: #FAFAFA;
}
.miz-grid.main-food-menu-header .miz-form.food-item-sort {
  padding: 0 0 16px;
  background-color: #FAFAFA;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  display: none;
}
.miz-grid.main-food-menu-header .miz-form.food-item-sort .miz-form-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow-x: auto;
}
.miz-grid.main-food-menu-header .miz-form.food-item-sort .miz-form-group .miz-input-group {
  width: auto;
}
.miz-grid.main-food-menu-header .miz-form.food-item-sort .miz-form-group .miz-input-group .miz-input-field .btn-check[type=checkbox] + label.miz-card {
  color: RGBA(0, 0, 0, 0.64);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  background-color: transparent;
  gap: 0;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.miz-grid.main-food-menu-header .miz-form.food-item-sort .miz-form-group .miz-input-group .miz-input-field .btn-check[type=checkbox] + label.miz-card span {
  font-size: 12px;
  margin-top: 8px;
  white-space: nowrap;
}
.miz-grid.main-food-menu-header .miz-form.food-item-sort .miz-form-group .miz-input-group .miz-input-field .btn-check[type=checkbox] + label.miz-card i {
  width: 24px;
  height: 24px;
  border: 1px solid RGBA(0, 0, 0, 0.16);
  border-radius: 50%;
  font-size: 16px;
}
.miz-grid.main-food-menu-header .miz-form.food-item-sort .miz-form-group .miz-input-group .miz-input-field .btn-check[type=checkbox] + label.miz-card i::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.miz-grid.main-food-menu-header .miz-form.food-item-sort .miz-form-group .miz-input-group .miz-input-field .btn-check[type=checkbox] + label.miz-card .mizi {
  width: 24px;
  height: 24px;
  border: 1px solid RGBA(0, 0, 0, 0.16);
  border-radius: 50%;
}
.miz-grid.main-food-menu-header .miz-form.food-item-sort .miz-form-group .miz-input-group .miz-input-field .btn-check[type=checkbox] + label.miz-card .mizi svg {
  height: 80%;
  width: 80%;
}
.miz-grid.main-food-menu-header .miz-form.food-item-sort .miz-form-group .miz-input-group .miz-input-field .btn-check[type=checkbox]:checked + label.miz-card {
  color: #720E1A;
}
.miz-grid.main-food-menu-header .miz-form.food-item-sort .miz-form-group .miz-input-group .miz-input-field .btn-check[type=checkbox]:checked + label.miz-card .mizi {
  border-color: #720E1A;
}
.miz-grid.main-food-menu-header.filter-container {
  overflow: hidden;
  padding: 8px 0;
  margin-top: 8px;
  gap: 0;
}

@media (min-width: 960px) {
  .miz-grid.main-food-menu-header.filter-container {
    display: none;
  }
}
.miz-grid.main-food-menu-header.filter-container .miz-form {
  padding: 0;
}
.miz-grid.main-food-menu-header.filter-container .miz-form .miz-form-group {
  margin-bottom: 0;
}
.miz-grid.main-food-menu-header.filter-container .miz-form .miz-form-group .miz-input-group .miz-input-field {
  margin-bottom: 0;
}
.miz-grid.main-food-menu-header.filter-container .miz-form .miz-form-group .miz-input-group .miz-input-field input {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.miz-grid.main-food-menu-header.filter-container .is-reset {
  white-space: normal;
  color: RGBA(0, 0, 0, 0.36);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  line-height: normal;
  height: 100%;
  font-size: 14px;
  padding: 8px;
  border-radius: 4px;
  gap: 0;
  color: #720E1A;
}
.miz-grid.main-food-menu-header.filter-container .is-reset i {
  font-size: 24px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  margin-bottom: 8px;
}
.miz-grid.main-food-menu-header.filter-container .is-reset span {
  line-height: 24px;
}
.miz-grid.main-food-menu-header.filter-container .btn-check + label {
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  color: RGBA(0, 0, 0, 0.36);
  gap: 0;
}
.miz-grid.main-food-menu-header.filter-container .btn-check + label i {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 8px;
}
.miz-grid.main-food-menu-header.filter-container .btn-check + label span {
  line-height: 24px;
}
.miz-grid.main-food-menu-header.filter-container .btn-check:checked + label {
  border: 1px solid #720E1A;
  color: #720E1A;
}
.miz-grid.tso-payment-confirm-user {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}
.miz-grid.miz-home {
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 768px) {
  .miz-grid.miz-home {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .miz-grid.miz-home {
    grid-template-columns: repeat(4, 1fr);
  }
}
.miz-grid.miz-home .miz-grid-item {
  padding: 16px;
}
.miz-grid.miz-home .miz-grid-item.coming-soon {
  cursor: not-allowed;
}
.miz-grid.miz-home .miz-grid-item.coming-soon .miz-card {
  background-color: RGBA(0, 0, 0, 0.08);
}
.miz-grid.miz-home .miz-grid-item.coming-soon .miz-card a {
  cursor: not-allowed;
}
.miz-grid.miz-home .miz-grid-item.coming-soon .mizi {
  color: RGBA(0, 0, 0, 0.48);
}
.miz-grid.miz-home .miz-grid-item.coming-soon h4 {
  color: RGBA(0, 0, 0, 0.24);
}
.miz-grid.miz-home .miz-grid-item .miz-card {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  transition:all .5s
}
.miz-grid.miz-home .miz-grid-item .miz-card:hover{
    transform: translateY(-10px);
}
.miz-grid.miz-home .miz-grid-item .miz-card a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
}
.miz-grid.miz-home .miz-grid-item .mizi {
  width: 88px;
  height: 88px;
  color: #720E1A;
}
.miz-grid.miz-home .miz-grid-item h4 {
  text-align: center;
}
.miz-grid.refund-list {
  display: grid;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 640px) {
  .miz-grid.refund-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .miz-grid.refund-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .miz-grid.refund-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0;
  }
}
.miz-grid.refund-list > * {
  margin-right: 0;
}
@media (min-width: 1200px) {
  .miz-grid.refund-list > * {
    margin-right: 48px;
  }
}
.miz-grid.refund-list > *:last-child {
  margin-right: 0;
}
.miz-grid.refund-list .miz-grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
.miz-grid.refund-list .miz-grid-item h4,
.miz-grid.refund-list .miz-grid-item span {
  white-space: nowrap;
}
.miz-grid.refund-list .miz-grid-item h4 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.miz-grid.refund-list .miz-grid-item span {
  font-size: 18px;
  color: #720E1A;
  margin-top: 8px;
}
.miz-grid.file-uploader .miz-grid-item .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.miz-grid.file-uploader .miz-grid-item .actions .miz-button {
  min-width: 0;
  width: 100%;
  border-radius: 4px;
  margin: 16px;
}
.miz-grid.file-uploader .miz-grid-item .upload-demo-wrap {
  margin: 16px;
}
.miz-grid.plans-and-subcription {
  grid-template-columns: 1fr;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .miz-grid.plans-and-subcription {
    grid-template-columns: 1fr auto;
  }
}
.miz-grid.plans-and-subcription .miz-grid-item h4,
.miz-grid.plans-and-subcription .miz-grid-item p {
  width: 100%;
}
.miz-grid.plans-and-subcription .miz-grid-item h4 {
  font-size: 20px;
  color: #720E1A;
}
.miz-grid.plans-and-subcription .miz-grid-item p {
  font-size: 14px;
  margin: 16px 0 0;
}
.miz-grid.plans-and-subcription .miz-grid-item .miz-button {
  min-width: 0;
  border-radius: 4px;
  margin-top: 16px;
  width: 100%;
}
@media (min-width: 1024px) {
  .miz-grid.plans-and-subcription .miz-grid-item .miz-button {
    margin-top: 0;
    width: auto;
  }
}
.miz-grid.payment-method-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 40px;
  position: relative;
  overflow: hidden;
}
.miz-grid.payment-method-grid .btn-check:checked + .payment-method-actions .miz-button-set-default {
  display: none;
}
.miz-grid.payment-method-grid .btn-check:checked + .payment-method-actions + .payment-method-helper i {
  color: #720E1A;
}
.miz-grid.payment-method-grid .payment-method-helper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 16px 0 24px;
  line-height: 30px;
  height: 30px;
  white-space: nowrap;
}
.miz-grid.payment-method-grid .payment-method-helper i {
  margin-right: 8px;
  color: RGBA(0, 0, 0, 0.48);
}
.miz-grid.payment-method-grid .payment-method-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 16px auto 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  -webkit-transform: translateY(-124px);
      -ms-transform: translateY(-124px);
          transform: translateY(-124px);
}
.miz-grid.payment-method-grid .payment-method-actions .miz-button {
  min-width: 0;
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  border-radius: 4px;
}
.miz-grid.payment-method-grid .payment-method-actions .miz-button:disabled {
  background-color: RGBA(0, 0, 0, 0.36) !important;
  cursor: not-allowed;
}
.miz-grid.payment-method-grid:hover .miz-card.payment-method {
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
}
.miz-grid.payment-method-add .payment-method-add-header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width:640px) {
    .miz-grid.payment-method-add .payment-method-add-header {
        grid-template-columns: repeat(1, 1fr);
    }
}

.miz-grid.payment-method-add .payment-method-add-header .payment-method-add-type {
  border: 2px solid transparent;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
}
@media (min-width: 640px) {
  .miz-grid.payment-method-add .payment-method-add-header .payment-method-add-type {
    padding: 16px;
  }
}
.miz-grid.payment-method-add .payment-method-add-header .payment-method-add-type .mizi {
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  margin: 0 auto;
}
.miz-grid.payment-method-add .payment-method-add-header .payment-method-add-type > span {
  font-size: 16px;
  width: 100%;
  text-align: center;
}
.miz-grid.payment-method-add .payment-method-add-header .payment-method-add-type[for=paypal] .mizi {
  width: 96px;
}
@media (min-width: 640px) {
  .miz-grid.payment-method-add .payment-method-add-header .payment-method-add-type[for=paypal] .mizi {
    width: 128px;
  }
}
.miz-grid.payment-method-add .payment-method-add-header .btn-check:checked + .payment-method-add-type {
  border-color: #720E1A;
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.miz-grid.payment-method-add .payment-method-add-header .btn-check:checked + .payment-method-add-type .mizi {
  color: #720E1A;
}
.miz-grid.payment-method-add .payment-method-add-header .btn-check:checked + .payment-method-add-type > span {
  color: #720E1A;
}
.miz-grid.payment-method-add .payment-method-add-content .miz-form {
  margin-top: 16px;
}
.miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-form-group {
  grid-template-columns: repeat(3, 1fr);
}
.miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-end: span 3;
}
.miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-input-group.col-2 {
  grid-column-end: span 3;
}
@media (min-width: 640px) {
  .miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-input-group.col-2 {
    grid-column-end: span 2;
  }
}
.miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-input-group.col-2.is-cvc {
  grid-column-end: span 3;
}
@media (min-width: 640px) {
  .miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-input-group.col-2.is-cvc {
    padding-left: 16px;
    grid-column-end: span 1;
  }
}
.miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-input-group.col-2.is-cvc .miz-input-label {
  -ms-flex-preferred-size: 108px;
      flex-basis: 108px;
}
@media (min-width: 640px) {
  .miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-input-group.col-2.is-cvc .miz-input-label {
    -ms-flex-preferred-size: 64px;
        flex-basis: 64px;
  }
}
.miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-input-group.col-2.is-cvc .miz-input-field {
  width: calc(100% - 108px);
}
@media (min-width: 640px) {
  .miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-input-group.col-2.is-cvc .miz-input-field {
    width: calc(100% - 64px);
  }
}
.miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-input-group .miz-input-label {
  -ms-flex-preferred-size: 108px;
      flex-basis: 108px;
  padding-right: 16px;
  font-size: 12px;
}
@media (min-width: 640px) {
  .miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-input-group .miz-input-label {
    font-size: 14px;
    -ms-flex-preferred-size: 128px;
        flex-basis: 128px;
  }
}
.miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-input-group .miz-input-field {
  width: calc(100% - 108px);
}
@media (min-width: 640px) {
  .miz-grid.payment-method-add .payment-method-add-content .miz-form-cards .miz-input-group .miz-input-field {
    width: calc(100% - 128px);
  }
}
.miz-grid.payment-method-nodata {
  grid-template-columns: repeat(3, 1fr);
}
.miz-grid.payment-method-nodata .miz-card {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid RGBA(0, 0, 0, 0.36);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.miz-grid.payment-method-nodata .miz-card i {
  font-size: 48px;
  color: #720E1A;
}
.miz-grid.upload-btn {
  grid-template-columns: repeat(3, 1fr);
}
.miz-grid.upload-btn .miz-card {
  margin: 8px;
  gap: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.miz-grid.upload-btn .miz-card img {
  width: 60%;
  margin: 0 auto;
}
.miz-grid.upload-btn .miz-card span {
  font-weight: 600;
  text-align: center;
  margin-top: 8px;
}
.miz-grid.upload-btn .miz-card span.highlight {
  font-weight: 400;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 48px;
  background-color: #720E1A;
  color: #FAFAFA;
}
.miz-grid.dish-options-settings {
  grid-template-columns: 1fr;
  gap: 16px;
  width: 100%;
}
@media (min-width: 1024px) {
  .miz-grid.dish-options-settings {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .miz-grid.dish-options-settings {
    grid-template-columns: repeat(4, 1fr);
  }
}
.miz-grid.dish-options-settings .miz-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  padding: 32px;
  height: auto;
  font-size: 16px;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.miz-grid.dish-options-settings .miz-button i {
  margin-bottom: 32px;
  font-size: 40px;
}
.miz-grid.dish-options-settings .miz-button .mizi {
  width: 40px;
  height: 40px;
  position: relative;
}
.miz-grid.dish-options-settings .miz-button .mizi svg {
  height: 100%;
  width: 100%;
}
.miz-grid.dish-options-settings .miz-button .off-soldout {
  display: none;
}
.miz-grid.dish-options-settings .miz-button .off-hide {
  display: none;
}
.miz-grid.dish-options-settings .miz-button.is-delete {
  color: #FF2636;
  border: 1px solid #FF2636;
}
.miz-grid.dish-options-settings .btn-check:checked + label {
    /*background-color: #720E1A;*/
    -webkit-box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
    box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;

}
.miz-grid.dish-options-settings .btn-check:checked + label.miz-button.miz-button-outline {
  color: #720e1a;
}
.miz-grid.dish-options-settings .btn-check:checked + label .title {
  color: #720e1a;
}
.miz-grid.dish-options-settings .btn-check:checked + label .is-soldout {
  display: none;
}
.miz-grid.dish-options-settings .btn-check:checked + label .off-soldout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.miz-grid.dish-options-settings .btn-check:checked + label .is-hide {
  display: none;
}
.miz-grid.dish-options-settings .btn-check:checked + label .off-hide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.miz-grid.food-menu-mobile {
  gap: 4px;
  width: 100%;
}
.miz-grid.food-menu-mobile .miz-grid-item {
  width: 100%;
  border-radius: 8px;
}
/*.miz-grid.food-menu-mobile .miz-grid-item:last-child .miz-button {
  -webkit-box-shadow: none;
          box-shadow: none;
}*/
.accordion.accordion-food-nav > .accordion-item > .accordion-header {
    border-radius: 4px;
    margin-bottom: 4px;
    overflow: hidden;
}
/*
.miz-grid.food-menu-mobile .miz-grid-item .miz-button {
  min-width: 0;
  width: 100%;
  line-height: 64px;
  height: 64px;
  background-color: #FAFAFA;
  -webkit-box-shadow: inset 0 -1px 0 0 #6b6b6b7d;
        box-shadow: inset 0 -1px 0 0 #6b6b6b7d;
  text-align: left;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}*/
.miz-grid.food-menu-mobile .miz-grid-item .miz-button {
    min-width: 0;
    width: 100%;
    line-height: 64px;
    height: 64px;
    background-color: #fbf3f3;
    -webkit-box-shadow: inset 0 0px 2px 1px #6b6b6b7d;
    box-shadow: inset 0 0px 2px 1px #6b6b6b7d;
    text-align: left;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.miz-grid.food-menu-mobile .miz-grid-item .miz-button.activated {
  background-color: #e1e1e1 !important;
}
.miz-grid.food-menu-mobile .miz-grid-item .miz-button.activated:hover {
  background-color: #ffffff;
}
.miz-grid.food-menu-mobile .miz-grid-item .miz-button:not(.activated):hover {
  background-color: #FAFAFA !important;
}
/*Sam 1 june*/
.miz-grid.food-menu-mobile .miz-grid-item .miz-button.activated .is-sub-image {
    background-color: #FEC53C
}

.is-sub-image {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 50%;
    padding: 2px;
    margin-right: 8px;
    align-self: center
}

.is-sub-image span {
    width: 46px;
    height: 46px;
    display: block;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
}
/**/
.miz-grid.food-menu-mobile .miz-grid-item .miz-button.is-link::after {
  font-family: "Material Design Icons";
  content: "\f0142";
  margin-left: auto;
  font-size: 20px;
}
.miz-grid.food-menu-mobile .miz-grid-item .miz-button .food-nav-color {
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.miz-grid.collection-screen-checkbox {
  padding: 16px 0;
  width: 100%;
}
.miz-grid.collection-screen-checkbox .miz-grid-item .btn-check[type=checkbox] + label.cs-checkbox::after {
  color: #720E1A;
  margin-left: auto;
}
.miz-grid.miz-grid-checkbox {
  line-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.miz-grid.miz-grid-checkbox .miz-grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 4px;
}
.miz-grid.miz-grid-checkbox .miz-grid-item .btn-check + label {
  background-color: #FAFAFA;
  border: 1px solid RGBA(0, 0, 0, 0.16);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 48px;
  padding: 0 16px;
  white-space: nowrap;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 4px;
  transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
}
.miz-grid.miz-grid-checkbox .miz-grid-item .btn-check + label:hover{
    cursor:pointer;
}
.miz-grid.miz-grid-checkbox .miz-grid-item .btn-check + label .mizi {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.miz-grid.miz-grid-checkbox .miz-grid-item .btn-check + label .mizi svg {
  width: 100%;
  height: 100%;
}
.miz-grid.miz-grid-checkbox .miz-grid-item .btn-check:checked + label {
    background-color: #fafafa;
    -webkit-box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
        box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
}
.miz-grid.miz-grid-checkbox .miz-grid-item .btn-check:checked + label .mizi svg {
  color: #720e1a;
}
.miz-grid.miz-grid-checkbox .miz-grid-item .btn-check:checked + label span {
  color: #720e1a;
}
.miz-grid.miz-grid-checkbox-c {
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .miz-grid.miz-grid-checkbox-c {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .miz-grid.miz-grid-checkbox-c {
    grid-template-columns: repeat(4, 1fr);
  }
}
.miz-grid.miz-grid-checkbox-c .miz-grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px;
}
.miz-grid.miz-grid-checkbox-c .miz-grid-item .btn-check + label {
  background-color: #FAFAFA;
  border: 1px solid RGBA(0, 0, 0, 0.16);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 48px;
  padding: 0 16px;
  white-space: nowrap;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  height: 100%;
  padding: 8px;
}
.miz-grid.miz-grid-checkbox-c .miz-grid-item .btn-check + label .mizi {
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
}
.miz-grid.miz-grid-checkbox-c .miz-grid-item .btn-check + label .mizi svg {
  width: 100%;
  height: 100%;
}
.miz-grid.miz-grid-checkbox-c .miz-grid-item .btn-check + label span {
  font-size: 16px;
}
.miz-grid.miz-grid-checkbox-c .miz-grid-item .btn-check + label span.coming-soon {
  color: #FF2636;
  font-size: 14px;
  line-height: 1.6;
}
.miz-grid.miz-grid-checkbox-c .miz-grid-item .btn-check:checked + label {
  -webkit-box-shadow: inset 0 0 0 1px #720E1A;
          box-shadow: inset 0 0 0 1px #720E1A;
  border-color: #720E1A;
}
.miz-grid.miz-grid-checkbox-c .miz-grid-item .btn-check:checked + label .mizi svg {
  color: #720E1A;
}
.miz-grid.miz-grid-checkbox-c .miz-grid-item .btn-check:checked + label span {
  color: #720E1A;
}
.miz-grid.miz-grid-checkbox-c .miz-grid-item .btn-check:not(:disabled) + label {
  cursor: pointer;
}
.miz-grid.miz-grid-checkbox-c .miz-grid-item .btn-check:disabled + label {
  background-color: RGBA(0, 0, 0, 0.08);
  cursor: not-allowed;
}
.miz-grid.miz-grid-checkbox-c .miz-grid-item .btn-check:disabled + label .mizi svg {
  color: RGBA(0, 0, 0, 0.16);
}
.miz-grid.miz-grid-checkbox-c .miz-grid-item .btn-check:disabled + label span:not(.coming-soon) {
  color: RGBA(0, 0, 0, 0.16);
}
.miz-grid.modal-button-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 16px;
}
.miz-grid.modal-button-icon .miz-button {
  background-color: #FAFAFA;
}
.miz-grid.modal-button-icon > * {
  margin: 8px;
}
.miz-grid.tips-slip {
  border-radius: 4px;
  gap: 0;
  padding: 0;
  background-color: #FFFFFF;
  max-width: 380px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.miz-grid.tips-slip .header {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 8px 16px;
}
.miz-grid.tips-slip .body {
  padding: 16px;
}
.miz-grid.tips-slip .body ul,
.miz-grid.tips-slip .body li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.miz-grid.tips-slip .body .user-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 16px;
}
.miz-grid.tips-slip .body .user-details li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 16px;
  margin-bottom: 4px;
}
.miz-grid.tips-slip .body .user-details li:last-child {
  margin-bottom: 0;
}
.miz-grid.tips-slip .body .user-details li .title {
  color: #687078;
  min-width: 148px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-grid.tips-slip .body .user-details li .title::after {
  content: ":";
  margin-left: auto;
  margin-right: 8px;
}
.miz-grid.tips-slip .body .user-details li .content {
  font-weight: 500;
}
.miz-grid.tips-slip .body .slip-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 16px 0;
}
.miz-grid.tips-slip .body .slip-details li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 16px;
  margin-bottom: 4px;
}
.miz-grid.tips-slip .body .slip-details li:last-child {
  margin-bottom: 0;
}
.miz-grid.tips-slip .body .slip-details li .title {
  color: #687078;
  min-width: 148px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-grid.tips-slip .body .slip-details li .title::after {
  content: ":";
  margin-left: auto;
  margin-right: 8px;
}
.miz-grid.tips-slip .body .slip-details li .content {
  font-weight: 500;
}
.miz-grid.tips-slip .body .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: RGBA(0, 0, 0, 0.08);
  margin: 0 -16px;
  padding: 16px;
}
.miz-grid.tips-slip .body .total .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.miz-grid.tips-slip .body .total .content {
  margin-left: auto;
  font-size: 20px;
  font-weight: 600;
  padding-left: 16px;
}
.miz-grid.tips-slip .footer {
  font-size: 16px;
  padding: 16px;
}
.miz-grid.tips-slip .footer .title {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #687078;
}
.miz-grid.tips-slip .footer .title.signature {
  margin-top: 48px;
}
.miz-grid.tips-slip .footer .title span {
  min-width: 88px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.miz-grid.tips-slip .footer .title span:before {
  content: ":";
  margin-left: auto;
}
.miz-grid.tips-slip .footer .title b {
  width: 100%;
  margin-left: 8px;
  border-bottom: 2px dotted RGBA(0, 0, 0, 0.16);
}
.miz-grid.wizard {
  grid-template-columns: 1fr;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.miz-grid.wizard .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px 16px;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
  width: 100%;
}
.miz-grid.wizard .header.second {
  padding: 16px;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16), inset 0 1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16), inset 0 1px 0 0 RGBA(0, 0, 0, 0.16);
}
.miz-grid.wizard .header .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.miz-grid.wizard .header .title.has-icon {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-grid.wizard .header .title h3 {
  font-size: 16px;
  color: #720E1A;
  font-weight: 500;
}
@media (min-width: 768px) {
  .miz-grid.wizard .header .title h3 {
    font-size: 20px;
  }
}
.miz-grid.wizard .header .title h5 {
  font-size: 14px;
}
.miz-grid.wizard .header .title span:not(.spacer) {
  height: 64px;
  width: 64px;
  background-size: cover;
  background-position: center;
  background-color: #FAFAFA;
  border-radius: 50%;
  margin-right: 16px;
  display: none;
  border: 1px solid #687078;
}
@media (min-width: 768px) {
  .miz-grid.wizard .header .title span:not(.spacer) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.miz-grid.wizard .header .title span:not(.spacer).ratio-16-9 {
  height: 48px;
  width: 85px;
  aspect-ratio: 16/9;
  border-radius: 4px;
  border: 1px solid #687078;
}
.miz-grid.wizard .header .title span:not(.spacer).squarize {
  height: 48px;
  width: 48px;
  aspect-ratio: 1/1;
  border-radius: 4px;
  border: 1px solid #687078;
}
.miz-grid.wizard .header .title .section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  width: 100%;
}
.miz-grid.wizard .header .title .section-title h3 {
  margin: 0;
  width: auto;
}
.miz-grid.wizard .header .title .section-title h3::after {
  content: "-";
  margin: 0 8px;
}
.miz-grid.wizard .header .title .section-title h3:last-child::after {
  display: none;
}
.miz-grid.wizard .header .title .section-title h3.current {
  font-weight: 600;
}
.miz-grid.wizard .body {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 16px;
}
.miz-grid.wizard .body .miz-form-group {
  margin-bottom: 0;
}
.miz-grid.wizard .body .miz-form-group .miz-input-group .miz-input-field {
  margin-bottom: 0;
}
.miz-grid.wizard .body .subtitle {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.miz-grid.wizard .body .actions-container {
  margin: 0 -8px 16px;
  width: calc(100% + 16px);
  background-color: transparent;
}
.miz-grid.wizard .body .actions-container .miz-button {
  margin: 8px;
  width: auto !important;
  min-width: 64px;
}
.miz-grid.wizard .body.is-swiper .swiper-button-next,
.miz-grid.wizard .body.is-swiper .swiper-button-prev {
  margin-top: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.miz-grid.wizard .body.is-swiper .swiper-button-next {
  right: 8px;
}
.miz-grid.wizard .body.is-swiper .swiper-button-prev {
  left: 8px;
}
.miz-grid.wizard .body.is-swiper .swiper-container .swiper-wrapper .swiper-slide label.miz-button {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 0 2px RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 0 0 2px RGBA(0, 0, 0, 0.16);
  border: 0;
  background-color: #FFFFFF;
  min-width: 0;
}
.miz-grid.wizard .body.is-swiper .swiper-container .swiper-wrapper .swiper-slide label.miz-button:before {
  content: "";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.miz-grid.wizard .body.is-swiper .swiper-container .swiper-wrapper .swiper-slide label.miz-button * {
  pointer-events: none;
}
.miz-grid.wizard .body.is-swiper .swiper-container .swiper-wrapper .swiper-slide .btn-check:checked + label {
  -webkit-box-shadow: inset 0 0 0 2px #720E1A;
          box-shadow: inset 0 0 0 2px #720E1A;
  border: 0;
}
.miz-grid.wizard .body.add-ingredients .miz-form-group {
  max-width: 320px;
}
.miz-grid.wizard .body.add-ingredients .miz-form-group .miz-input-group {
  display: grid;
  grid-template-columns: 1fr 48px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.miz-grid.wizard .body.add-ingredients .miz-form-group .miz-input-group .miz-input-label {
  grid-column-end: span 2;
}
.miz-grid.wizard .body.add-ingredients .keywords-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.miz-grid.wizard .body.serving-type .miz-grid-checkbox-c {
  margin: 16px 0 8px;
  gap: 16px;
}
.miz-grid.wizard .body.serving-type .miz-grid-checkbox-c .miz-grid-item {
  padding: 0;
}
.miz-grid.wizard .body.serving-type .miz-grid-checkbox-c .miz-grid-item .btn-check + label {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 16px;
  height: auto;
}
@media (min-width: 480px) {
  .miz-grid.wizard .body.serving-type .miz-grid-checkbox-c .miz-grid-item .btn-check + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
@media (min-width: 480px) {
  .miz-grid.wizard .body.serving-type .miz-grid-checkbox-c .miz-grid-item .btn-check + label {
    height: 100%;
  }
}
.miz-grid.wizard .body.serving-type .miz-grid-checkbox-c .miz-grid-item .btn-check + label i {
  margin-bottom: 0;
}
.miz-grid.wizard .body.serving-type .miz-grid-checkbox-c .miz-grid-item .btn-check + label .coming-soon {
  grid-column-end: span 2;
}
.miz-grid.wizard .body.age-restriction .miz-form-group {
  max-width: 320px;
}
.miz-grid.wizard .body.add-tags .miz-grid {
  margin: 0 -8px;
  padding-top: 8px;
}
.miz-grid.wizard .body.add-tags .miz-grid .miz-grid-item {
  margin: 0;
}
.miz-grid.wizard .body.add-price .miz-form-group {
  max-width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  margin: 16px 0 8px;
}
@media (min-width: 768px) {
  .miz-grid.wizard .body.add-price .miz-form-group {
    grid-template-columns: repeat(3, 1fr);
  }
}
/*.miz-grid.wizard .body.add-price .miz-form-group .miz-input-group {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.miz-grid.wizard .body.add-price .miz-form-group .miz-input-group.Has-button {
    grid-template-columns: 1fr 48px;
}*/
.miz-grid.wizard .body.add-price .miz-form-group .miz-input-group .miz-input-label {
  grid-column-end: span 2;
}
.miz-grid.wizard .body.add-price .miz-form-group .miz-input-group .miz-input-field {
  position: relative;
}
.miz-grid.wizard .body.add-price .miz-form-group .miz-input-group .miz-input-field .is-currency {
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.miz-grid.wizard .body.add-price .miz-form-group .miz-input-group .form-check {
  margin-top: 0.25rem;
}
.miz-grid.wizard .body.add-price .miz-form-group .miz-input-group .form-check .form-check-label {
  font-size: 14px;
}
.miz-grid.wizard .body.smart-price > .miz-form-switch {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.miz-grid.wizard .body.smart-price > .miz-form-switch .form-check-label {
  margin-left: 8px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .miz-grid.wizard .body.smart-price > .miz-form-switch .form-check-label {
    font-size: 20px;
  }
}
.miz-grid.wizard .body.smart-price > .miz-form-switch .form-check-input {
  margin-top: 0;
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #FAFAFA;
  padding: 0 0 8px;
  margin-bottom: 0;
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list {
  /*margin: 0;
  border: 1px solid #cb9c2f;
  margin-bottom: 16px;*/
    margin: 0;
    border: none;
    margin-bottom: 16px;
    padding: 20px;
    background-color: #720e1a0d !important;
    border-radius: 0 0 8px 8px;
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list:last-child {
  margin-bottom: 0;
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list > div {
  margin-bottom: 0;
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-header {
  -webkit-box-shadow: inset 0 -1px 0 0 #cb9c2f;
          box-shadow: inset 0 -1px 0 0 #cb9c2f;
  padding: 8px 16px;
  background-color: #FEC53C;
  gap: 0;
  border-radius:4px
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-header h4 {
  font-size: 20px;
}

@media (max-width:640px){
    .miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-header h4 {
        font-size: 14px;
    }
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-header .miz-button-icon {
  min-width: 48px;
  margin-right: 8px;
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-header .miz-button-icon:last-child {
  margin-right: 0;
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-header .miz-button-icon:not(:disabled):hover {
  background-color: #FAFAFA;
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-body {
  padding: 0;
  margin-bottom: 0;
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-body-content, .miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-body-sliders {
  border: 0;
  background-color: transparent;
  border-bottom: 0 !important;
  border-top: 0 !important;
  padding: 8px 16px 16px;
  /*-webkit-box-shadow: 0 1px 0 0 #cb9c2f;
          box-shadow: 0 1px 0 0 #cb9c2f;*/
  -webkit-box-shadow: none
          box-shadow: none;
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-body .label-title {
  font-weight: 500;
  color: #720E1A;
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-body .smart-price-list-body-forms {
  border-top: 1px solid #720E1A;
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-body .smart-price-list-body-forms .miz-form-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 640px) {
  .miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-body .smart-price-list-body-forms .miz-form-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-body .smart-price-list-body-forms .miz-form-group {
    grid-template-columns: repeat(4, 1fr);
  }
}
.miz-grid.wizard .body.smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-body .smart-price-list-body-sliders:first-child {
  border-top: 1px solid #720E1A;
}
.miz-grid.wizard .body.smart-price .miz-calendar-header {
  padding: 8px 0;
}
.miz-grid.wizard .body.smart-price .miz-calendar .form-check {
  background-color: RGBA(255, 255, 255, 0.16);
  padding: 8px 16px;
  border-radius: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid RGBA(255, 255, 255, 0.16);
}
.miz-grid.wizard .body.smart-price .miz-calendar .form-check input {
  position: relative;
  margin-left: 0;
  margin-right: 8px;
  margin-top: 0;
  width: 24px;
  height: 24px;
  border: 0;
  outline: 0;
}
.miz-grid.wizard .body.smart-price .miz-calendar .form-check input:before {
  display: none;
}
.miz-grid.wizard .body.smart-price .miz-calendar .form-check input:checked {
  background-color: #FAFAFA;
}
.miz-grid.wizard .body.smart-price .miz-calendar .form-check input:checked:after {
  border-color: #720E1A;
  width: 8px;
  height: 16px;
  margin-left: 8px;
  margin-top: 2px;
}
.miz-grid.wizard .body.smart-price .miz-calendar .form-check input:checked:before {
  display: none;
}
.miz-grid.wizard .body.add-calories .miz-form-group {
  /*max-width: 320px;*/
  width:100%
}
.miz-grid.wizard .body.cooking-styles .miz-form-group {
  max-width: 320px;
  margin-bottom: 16px;
}
.miz-grid.wizard .body.cooking-styles .miz-form-group .miz-input-group {
  display: grid;
  grid-template-columns: 1fr 48px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.miz-grid.wizard .body.cooking-styles .miz-form-group .miz-input-group .miz-input-label {
  grid-column-end: span 2;
}
.miz-grid.wizard .body.sub-food .miz-form-group .miz-input-group.dish-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.miz-grid.wizard .body.sub-food .miz-form-group .miz-input-group.dish-count .miz-input-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.miz-grid.wizard .body.sub-food .miz-form-group .miz-input-group.dish-count .miz-button-icon {
  background-color: #FAFAFA;
  border: 1px solid #720E1A;
}
.miz-grid.wizard .body.sub-food .miz-form-group .miz-input-group.dish-count .miz-button-icon i {
  color: #720E1A;
}
.miz-grid.wizard .body.sub-food .miz-form-group .miz-input-group.dish-count .miz-button-icon:disabled {
  background-color: RGBA(0, 0, 0, 0.16);
  border-color: RGBA(0, 0, 0, 0.08);
}
.miz-grid.wizard .body.sub-food .miz-form-group .miz-input-group.dish-count .miz-button-icon:disabled i {
  color: #FAFAFA;
}
.miz-grid.wizard .body.sub-food .miz-form-group .miz-input-group.dish-count .miz-input-field {
  display: grid;
  grid-template-columns: 48px 1fr 48px;
  gap: 8px;
}
.miz-grid.wizard .body.sub-food .miz-form-group .miz-input-group.dish-count .miz-input-field .form-control {
  text-align: center;
}
.miz-grid.wizard .body.sub-food .miz-form-group .miz-input-group.dish-count .form-helper {
  margin: 4px 0;
}
.miz-grid.wizard .body.sub-food .miz-form-group .miz-input-group.dish-select {
  margin-top: 8px;
}
.miz-grid.wizard .body.sub-food .miz-form-group .miz-input-group.dish-select .miz-input-field {
  display: grid;
  grid-template-columns: 1fr 48px;
  gap: 8px;
}
.miz-grid.wizard .body.sub-food .miz-form-group .miz-input-group .miz-input-field {
  max-width: 320px;
}

.miz-grid.wizard .body.sub-food .sub-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 32px 0 8px;
}
.miz-grid.wizard .body.sub-food .sub-header .badge-container {
  width: 100%;
}
@media (min-width: 768px) {
  .miz-grid.wizard .body.sub-food .sub-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    white-space: nowrap;
  }
  .miz-grid.wizard .body.sub-food .sub-header .badge-container {
    width: auto;
  }
}
.miz-grid.wizard .body.sub-food .sub-header .badge-container {
  padding-right: 16px;
}
.miz-grid.wizard .body.asign-submenu .subtitle {
  text-align: center;
}
.miz-grid.wizard .body.asign-submenu .miz-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: normal;
  padding: 16px;
  line-height: normal;
  height: auto;
  margin: 16px auto;
  border-radius: 4px;
}
.miz-grid.wizard .body.asign-submenu .miz-button .mizi {
  width: 64px;
  height: 64px;
}
.miz-grid.wizard .body.asign-submenu .miz-button .mizi svg {
  width: 100%;
  height: 100%;
}
.miz-grid.wizard .body.accounting-entries .miz-table .d-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.miz-grid.wizard .body.accounting-entries .miz-table .d-flex > img {
  max-width: 30px;
  margin-right: 8px;
}
.miz-grid.wizard .body.gst .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.miz-grid.wizard .body.gst .form-check .form-check-input {
  margin-top: 0;
  margin-right: 8px;
}
.miz-grid.wizard .body.gst .form-check .form-check-label {
  font-size: 18px;
  font-weight: 500;
}
.miz-grid.wizard .body.gst .form-check .form-check-input:checked + .form-check-label {
  color: #720E1A;
}
.miz-grid.wizard .body .container-overflow {
  padding: 0;
  margin: 0 -8px;
  width: calc(100% + 16px);
}
.miz-grid.wizard .footer {
  width: 100%;
  position: relative;
}
.miz-grid.wizard .footer .actions-container {
  width: 100%;
  padding: 16px 16px 0;
  margin: 0;
  background-color: transparent;
}
.miz-grid.wizard .footer .actions-container > * {
  margin-right: 8px !important;
}
.miz-grid.wizard .footer .actions-container > *:last-child {
  margin-right: 0 !important;
}
.miz-grid.wizard .footer .actions-container .miz-button {
  margin: 0;
  width: auto !important;
  min-width: 0;
}
.miz-grid.wizard .footer .actions-container.float {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 8px 16px;
}
@media (min-width: 960px) {
  .miz-grid.wizard .footer .actions-container.float {
    padding: 16px 16px 0;
  }
}
.miz-grid.wizard .footer .actions-container.float .miz-button {
  width: auto;
}
.miz-grid.wizard-add-items {
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 480px) {
  .miz-grid.wizard-add-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.miz-grid.wizard-add-items .btn-card + .miz-button {
  border: 2px solid RGBA(0, 0, 0, 0.16);
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #FFFFFF;
  min-width: 0;
  padding: 8px;
}
@media (min-width: 480px) {
  .miz-grid.wizard-add-items .btn-card + .miz-button {
    padding: 16px;
  }
}
.miz-grid.wizard-add-items .btn-card:checked + .miz-button {
    -webkit-box-shadow: inset 0 0 0 1px #720E1A;
    box-shadow: inset 0 0 0 1px #720E1A;
    /*background: #720E1A;*/
}
.miz-grid.tips-print {
  grid-template-columns: repeat(2, 1fr);
  margin: 16px 0 32px;
  padding: 0;
}
.miz-grid.tips-print .miz-grid-item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.miz-grid.tips-print .miz-grid-item .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-grid.tips-print .miz-grid-item .item .title {
  min-width: 148px;
}
.miz-grid.tips-print .miz-grid-item .item .content {
  font-weight: 600;
}
.miz-grid.tips-print .miz-grid-item .item .content:before {
  content: ":";
  margin-right: 8px;
}
.miz-grid.mockup {
  position: relative;
  width: var(--mockup-width);
  height: var(--mockup-height);
}
.miz-grid.mockup .mockup-viewport {
  width: calc(100% - 55px);
  height: calc(var(--mockup-height) - 227px);
  position: relative;
  z-index: 512;
}
.miz-grid.mockup .mockup-viewport iframe {
  margin-left: 26px;
  margin-right: 29px;
  margin-top: 125px;
  width: 100%;
  height: 100%;
}
.miz-grid.mockup .mockup-device {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
}
.miz-grid.mockup .mockup-device img {
  width: var(--mockup-width);
  height: var(--mockup-height);
}
.miz-grid.address-bar {
  background-color: #FAFAFA;
  padding: 16px;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  margin-top: 16px;
  width: 100%;
  max-width: 640px;
  border-radius: 8px;
  position: relative;
}
.miz-grid.address-bar.mobile {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
.miz-grid.address-bar textarea {
  line-height: 48px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid RGBA(0, 0, 0, 0.08);
  background-color: RGBA(0, 0, 0, 0.04);
  padding: 0 16px;
  white-space: nowrap;
  overflow-y: hidden;
  width: calc(100% - 104px);
}
.miz-grid.address-bar textarea:focus, .miz-grid.address-bar textarea:focus-visible {
  border: 1px solid RGBA(0, 0, 0, 0.08);
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miz-grid.address-bar .miz-button:not(.dropdown-toggle) {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  background-color: #720E1A;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.miz-grid.address-bar .miz-button:not(.dropdown-toggle) i {
  color: #FAFAFA;
}
.miz-grid.address-bar .dropdown {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 68px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.miz-grid.address-bar .dropdown .miz-button {
  width: 40px;
  height: 40px;
  line-height: 40px;
  min-width: 0;
}
.miz-grid.address-bar .dropdown .miz-button::after {
  display: none;
}
.miz-grid.reviews-management {
  grid-template-columns: 1fr;
  -webkit-box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.16);
  padding: 16px 0;
  row-gap: 16px;
}
@media (min-width: 640px) {
  .miz-grid.reviews-management {
    grid-template-columns: 360px calc(100% - 560px);
  }
}
@media (min-width: 1100px) {
  .miz-grid.reviews-management {
    grid-template-columns: 200px 360px calc(100% - 560px);
  }
}
.miz-grid.reviews-management .miz-grid-item > ul, .miz-grid.reviews-management .miz-grid-item > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.miz-grid.reviews-management .miz-grid-item.sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 8px;
  background-color: RGBA(0, 0, 0, 0.08);
  -webkit-box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.08);
  width: 100%;
}
@media (min-width: 640px) {
  .miz-grid.reviews-management .miz-grid-item.sidebar {
    grid-column-end: span 3;
  }
}
@media (min-width: 1100px) {
  .miz-grid.reviews-management .miz-grid-item.sidebar {
    grid-column-end: span 1;
  }
}
.miz-grid.reviews-management .miz-grid-item.sidebar .sidebar-lists {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
}
@media (min-width: 1100px) {
  .miz-grid.reviews-management .miz-grid-item.sidebar .sidebar-lists {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.miz-grid.reviews-management .miz-grid-item.sidebar .sidebar-lists > li {
  list-style: none;
  font-size: 14px;
  line-height: 40px;
  color: #000000;
  width: auto;
  padding: 0 16px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
@media (min-width: 1100px) {
  .miz-grid.reviews-management .miz-grid-item.sidebar .sidebar-lists > li {
    width: 100%;
  }
}
.miz-grid.reviews-management .miz-grid-item.sidebar .sidebar-lists > li i {
  margin-right: 8px;
}
.miz-grid.reviews-management .miz-grid-item.sidebar .sidebar-lists > li.header {
  font-size: 12px;
  color: RGBA(0, 0, 0, 0.48);
  width: 100%;
}
.miz-grid.reviews-management .miz-grid-item.sidebar .sidebar-lists > li a {
  color: #000000;
}
.miz-grid.reviews-management .miz-grid-item.sidebar .sidebar-lists > li a.actived {
  color: #720E1A;
}
.miz-grid.reviews-management .miz-grid-item.sidebar .sidebar-lists > li .form-check-input {
  margin-top: 0;
}
.miz-grid.reviews-management .miz-grid-item.sidebar .sidebar-lists > li .form-check-label {
  margin-left: 8px;
  width: calc(100% - 26px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.miz-grid.reviews-management .miz-grid-item.reviews {
  padding: 0 8px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px 8px;
  -webkit-box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.16);
  border-radius: 4px;
  margin-bottom: 8px;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list:last-child {
  margin-bottom: 0;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list.actived {
  -webkit-box-shadow: inset 0 0 0 1px #720E1A;
          box-shadow: inset 0 0 0 1px #720E1A;
  background-color: #720E1A;
  color: #FAFAFA;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list.actived .reviews-list-header .user p {
  color: #FAFAFA;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list .reviews-list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list .reviews-list-header .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list .reviews-list-header .user h4 {
  font-size: 16px;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list .reviews-list-header .user p {
  font-size: 12px;
  color: RGBA(0, 0, 0, 0.64);
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list .reviews-list-header .rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list .reviews-list-header .rating .rating-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list .reviews-list-header .rating .rating-star i {
  color: #687078;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list .reviews-list-header .rating .rating-star i.actived {
  color: #FEC53C;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list .reviews-list-header .rating .rating-status {
  margin-left: auto;
}
.miz-grid.reviews-management .miz-grid-item.reviews .reviews-lists .reviews-list > p {
  font-size: 12px;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content {
  border: 1px solid #720E1A;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (min-width: 640px) {
  .miz-grid.reviews-management .miz-grid-item.reviews-content {
    grid-column-end: span 2;
  }
}
@media (min-width: 1100px) {
  .miz-grid.reviews-management .miz-grid-item.reviews-content {
    grid-column-end: span 1;
  }
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 16px 16px 0;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .header .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .header .user .avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .header .user .avatar span {
  background-size: cover;
  height: 100%;
  width: 100%;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .header .user .user-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 16px;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .header .user .user-details h4 {
  font-size: 18px;
  color: #720E1A;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .header .user .user-details p {
  font-size: 14px;
  color: #687078;
  margin: 8px 0 0;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .header .rating {
  color: miz-gray;
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .header .rating span {
  margin-left: 16px;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .header .rating i {
  font-size: 20px;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .header .rating i.actived {
  color: #FEC53C;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .header .date {
  font-size: 14px;
  color: #687078;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment {
  padding: 16px;
  font-size: 14px;
  text-align: justify;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
  padding: 8px;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-actions .miz-button {
  min-width: 0;
  height: 40px;
  line-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-actions .miz-button i {
  margin-right: 8px;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-actions .miz-button.is-delete {
  color: #FF2636;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-actions {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  white-space: nowrap;
  padding: 16px;
  position: relative;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-actions input {
  width: 100%;
  line-height: 48px;
  height: 48px;
  border: 1px solid RGBA(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 0 64px 0 16px;
  outline: 0;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-actions input:focus {
  border-color: #720E1A;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-actions .miz-button {
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-lists {
  list-style: none;
  margin: 0;
  padding: 8px 16px 16px;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-lists li {
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
  padding: 16px 0 8px;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-lists li:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-lists li h5 {
  font-size: 14px;
  font-weight: 500;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-lists li h5.username {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-lists li p {
  font-size: 16px;
  text-align: justify;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-lists li span {
  font-size: 12px;
  color: #687078;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-lists li .actions {
  background-color: RGBA(0, 0, 0, 0.08);
  width: 100%;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 8px;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-lists li .actions .miz-button {
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  min-width: 0;
  font-size: 14px;
  color: #687078;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-lists li .actions .miz-button.is-delete {
  color: #FF2636;
}
.miz-grid.reviews-management .miz-grid-item.reviews-content .comment-reply-lists li .actions .miz-button i {
  margin-right: 8px;
}
.miz-grid.reviews-search .miz-form .is-filter {
  min-width: 48px;
  margin-right: 16px;
}
.miz-grid.reviews-search .miz-form .miz-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-grid.reviews-search .miz-form .miz-form-group .miz-input-group {
  margin-right: 16px;
  width: calc(100% - 16px);
}
.miz-grid.reviews-search .miz-form .is-search {
  min-width: 128px;
  line-height: 48px;
  height: 48px;
  border-radius: 4px;
  text-align: center;
}
.miz-grid.sale-summary {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 640px) {
  .miz-grid.sale-summary {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .miz-grid.sale-summary {
    grid-template-columns: repeat(3, 1fr);
  }
}
.miz-grid.sale-summary .miz-grid-item {
  background-color: #FAFAFA;
  padding: 16px;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.miz-grid.sale-summary .miz-grid-item > * {
  width: 100%;
}
.miz-grid.sale-summary .miz-grid-item h3.title {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #720E1A;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
  padding-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.miz-grid.sale-summary .miz-grid-item h3.title img {
  width: 32px;
  height: 32px;
  margin-right: 16px;
}
.miz-grid.sale-summary .miz-grid-item h3.title .miz-button-icon {
  background-color: RGBA(0, 0, 0, 0.08);
  -webkit-box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.08);
}
.miz-grid.sale-summary .miz-grid-item h3.amount {
  margin-top: 16px;
  font-size: 30px;
  font-weight: 700;
  color: #000000;
}
.miz-grid.sale-summary .miz-grid-item .footer {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  row-gap: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid RGBA(0, 0, 0, 0.08);
  background-color: RGBA(0, 0, 0, 0.04);
  border-radius: 4px;
  margin-top: 16px;
}
@media (min-width: 480px) {
  .miz-grid.sale-summary .miz-grid-item .footer {
    grid-template-columns: repeat(2, 1fr);
    padding: 8px;
  }
}
.miz-grid.sale-summary .miz-grid-item .footer > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
}
.miz-grid.sale-summary .miz-grid-item .footer > div:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (min-width: 480px) {
  .miz-grid.sale-summary .miz-grid-item .footer > div {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.miz-grid.sale-summary .miz-grid-item .footer > div .mizi {
  margin-right: 8px;
  height: 30px;
  width: 30px;
}
.miz-grid.sale-summary .miz-grid-item .footer > div .mizi svg {
  color: #720E1A;
}
.miz-grid.sale-summary .miz-grid-item .footer > div span {
  font-weight: 500;
  color: #000000;
}
.miz-grid.payment-summary {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 16px;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  overflow: hidden;
}
@media (min-width: 640px) {
  .miz-grid.payment-summary {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .miz-grid.payment-summary {
    grid-template-columns: repeat(4, 1fr);
  }
}
.miz-grid.payment-summary .payment-summary-header {
  font-size: 16px;
  font-weight: 700;
  color: #FAFAFA;
  width: 100%;
  padding: 8px 16px;
  text-align: left;
  background-color: #720E1A;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.miz-grid.payment-summary .payment-summary-header > .mdi {
  font-size: 24px;
  margin-right: 16px;
}
.miz-grid.payment-summary .payment-summary-header .miz-button-icon .mdi {
  margin-right: 0;
}
@media (min-width: 640px) {
  .miz-grid.payment-summary .payment-summary-header {
    grid-column-end: span 2;
  }
}
@media (min-width: 1024px) {
  .miz-grid.payment-summary .payment-summary-header {
    grid-column-end: span 4;
  }
}
.miz-grid.payment-summary .miz-grid-item {
  background-color: #FAFAFA;
  padding: 16px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.16);
  margin: 16px;
}
@media (min-width: 640px) {
  .miz-grid.payment-summary .miz-grid-item {
    margin: 16px 8px 16px 16px;
  }
  .miz-grid.payment-summary .miz-grid-item:nth-child(3) {
    margin-right: 16px;
  }
}
.miz-grid.payment-summary .miz-grid-item:last-child {
  margin-right: 16px;
}
.miz-grid.payment-summary .miz-grid-item > * {
  width: 100%;
}
.miz-grid.payment-summary .miz-grid-item h3.title {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #720E1A;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
  padding-bottom: 16px;
}
.miz-grid.payment-summary .miz-grid-item h3.title img {
  width: 32px;
  height: 32px;
  margin-right: 16px;
}
.miz-grid.payment-summary .miz-grid-item h3.amount {
  margin-top: 16px;
  font-size: 30px;
  font-weight: 700;
  color: #000000;
}
.miz-grid.reports-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: RGBA(0, 0, 0, 0.08);
  -webkit-box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.08);
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 8px 16px;
}
.miz-grid.reports-form {
  margin-top: 16px;
  background-color: #FAFAFA;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  overflow: hidden;
}
.miz-grid.reports-form .sales-category-header {
  font-size: 16px;
  font-weight: 700;
  color: #FAFAFA;
  width: 100%;
  padding: 8px 16px;
  text-align: left;
  background-color: #720E1A;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-grid.reports-form .sales-category-header > .mdi {
  font-size: 24px;
  margin-right: 16px;
}
.miz-grid.reports-form .sales-category-header .miz-button-icon .mdi {
  margin-right: 0;
}
.miz-grid.reports-form .miz-table {
  margin: 0;
  width: 100%;
}
.miz-grid.reports-form .miz-table thead tr th {
  font-size: 12px;
  text-transform: uppercase;
  padding: 8px 16px;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
}
.miz-grid.reports-form .miz-table tbody tr {
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
}
.miz-grid.reports-form .miz-table tbody tr:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miz-grid.reports-form .miz-table tbody tr th {
  padding: 8px 16px;
  font-size: 12px;
}
.miz-grid.reports-no-data {
  margin-top: 16px;
  background-color: #FAFAFA;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  overflow: hidden;
}
.miz-grid.reports-no-data .sales-category-header {
  font-size: 16px;
  font-weight: 700;
  color: #FAFAFA;
  width: 100%;
  padding: 8px 16px;
  text-align: left;
  background-color: #720E1A;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-grid.reports-no-data .sales-category-header > .mdi {
  font-size: 24px;
  margin-right: 16px;
}
.miz-grid.reports-no-data .sales-category-header .miz-button-icon .mdi {
  margin-right: 0;
}
.miz-grid.reports-no-data .miz-grid-item {
  padding: 32px;
}
.miz-grid.reports-no-data .miz-grid-item img {
  margin-bottom: 32px;
  max-width: 64px;
}
.miz-grid.reports-no-data .miz-grid-item b {
  border-bottom: dotted 1px #720E1A;
}
.miz-grid.reports-history-form .table-responsive {
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.miz-grid.reports-history-form .table-responsive .miz-table {
  margin: 0;
  width: 100%;
  background-color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miz-grid.reports-history-form .table-responsive .miz-table thead tr th {
  font-size: 12px;
  text-transform: uppercase;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
  background-color: #720E1A;
  color: #FAFAFA;
  padding: 16px 8px;
  white-space: nowrap;
}
.miz-grid.reports-history-form .table-responsive .miz-table thead tr th:first-child {
  padding: 16px;
}
.miz-grid.reports-history-form .table-responsive .miz-table tbody tr {
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
}
.miz-grid.reports-history-form .table-responsive .miz-table tbody tr:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miz-grid.reports-history-form .table-responsive .miz-table tbody tr th {
  padding: 8px 16px;
  font-size: 12px;
}
.miz-grid.report-receipt-print {
  background-color: #FAFAFA;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 0 1px RGBA(255, 255, 255, 0.08);
          box-shadow: inset 0 0 0 1px RGBA(255, 255, 255, 0.08);
  padding: 8px 16px;
}
.miz-grid.report-receipt-print .report-receipt-print-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
}
.miz-grid.report-receipt-print .report-receipt-print-header > * {
  margin-bottom: 0;
}
.miz-grid.report-receipt-print .report-receipt-print-header h3 {
  font-size: 18px;
  font-weight: 600;
}
.miz-grid.report-receipt-print .report-receipt-print-title {
  font-weight: 600;
  font-size: 14px;
  padding: 8px 0;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
  color: #000;
}
.miz-grid.report-receipt-print .miz-table {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  width: 100%;
}
.miz-grid.report-receipt-print .miz-table.no-total tbody tr:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miz-grid.report-receipt-print .miz-table.no-total tbody tr:last-child td {
  font-weight: 400;
  color: miz-black;
}
.miz-grid.report-receipt-print .miz-table thead tr th {
  font-size: 14px;
  padding: 8px 0;
  background-color: transparent;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
}
.miz-grid.report-receipt-print .miz-table tbody tr td {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
}
.miz-grid.report-receipt-print .miz-table tbody tr td:first-child {
  padding-left: 0;
}
.miz-grid.report-receipt-print .miz-table tbody tr td:last-child {
  padding-right: 0;
}
.miz-grid.report-receipt-print .miz-table tbody tr:first-child td {
  padding-top: 8px;
}
.miz-grid.report-receipt-print .miz-table tbody tr:last-child {
  -webkit-box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.16);
}
.miz-grid.report-receipt-print .miz-table tbody tr:last-child td {
  font-weight: 700;
  color: #000;
  padding-bottom: 8px;
}

.grid-2-i {
  grid-template-columns: 1fr !important;
}

.tips-print {
  color: #000000;
  max-width: 1024px;
  margin: 0 auto;
  background-color: #FFFFFF;
  padding: 16px;
}
.tips-print > h3 {
  font-size: 24px;
  margin-bottom: 32px;
}
.tips-print .table {
  margin-bottom: 0;
}
.tips-print .table-sm > :not(caption) > * > * {
  padding: 4px 8px;
}
.tips-print .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f2f2f2;
}
.tips-print .tips-print-footer {
  background-color: #c4c4c4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 16px;
}
.tips-print .tips-print-footer h3, .tips-print .tips-print-footer h2 {
  margin-bottom: 0;
}
.tips-print .tips-print-footer h3 {
  font-size: 14px;
}
.tips-print .tips-print-footer h2 {
  font-size: 20px;
  margin-left: 16px;
}
.tips-print .tips-print-sign {
  font-size: 16px;
  padding: 32px 0 0;
  max-width: 360px;
}
.tips-print .tips-print-sign .title {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #687078;
}
.tips-print .tips-print-sign .title.signature {
  margin-top: 48px;
}
.tips-print .tips-print-sign .title span {
  min-width: 88px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.tips-print .tips-print-sign .title span:before {
  content: ":";
  margin-left: auto;
}
.tips-print .tips-print-sign .title b {
  width: 100%;
  margin-left: 8px;
  border-bottom: 2px dotted RGBA(0, 0, 0, 0.16);
}

.section.section-full.section-mockup {
  margin: 16px !important;
  display: none;
}
.section.section-full.section-mockup .section-inner {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 480px) {
  .section.section-full.section-mockup .section-inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 480px) {
  .section.section-full.section-mockup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.section.section-full.section-mockup.mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 !important;
}
@media (min-width: 480px) {
  .section.section-full.section-mockup.mobile {
    display: none;
  }
}
.section.section-full.section-mockup.mobile iframe {
  width: 100%;
  height: 100%;
}
.section.section-full.section-mockup.mobile .section-inner {
  width: 100%;
}

.color-1 {
  color: #35cd96 !important;
}

.bg-color-1 {
  background-color: #35cd96 !important;
}

.color-2 {
  color: #6bcbef !important;
}

.bg-color-2 {
  background-color: #6bcbef !important;
}

.color-3 {
  color: #e542a3 !important;
}

.bg-color-3 {
  background-color: #e542a3 !important;
}

.color-4 {
  color: #91ab01 !important;
}

.bg-color-4 {
  background-color: #91ab01 !important;
}

.color-5 {
  color: #ffa97a !important;
}

.bg-color-5 {
  background-color: #ffa97a !important;
}

.color-6 {
  color: #1f7aec !important;
}

.bg-color-6 {
  background-color: #1f7aec !important;
}

.color-7 {
  color: #dfb610 !important;
}

.bg-color-7 {
  background-color: #dfb610 !important;
}

.color-8 {
  color: #029d00 !important;
}

.bg-color-8 {
  background-color: #029d00 !important;
}

.color-9 {
  color: #8b7add !important;
}

.bg-color-9 {
  background-color: #8b7add !important;
}

.color-10 {
  color: #fe7c7f !important;
}

.bg-color-10 {
  background-color: #fe7c7f !important;
}

.color-11 {
  color: #ba33dc !important;
}

.bg-color-11 {
  background-color: #ba33dc !important;
}

.color-12 {
  color: #59d368 !important;
}

.bg-color-12 {
  background-color: #59d368 !important;
}

.color-13 {
  color: #b04632 !important;
}

.bg-color-13 {
  background-color: #b04632 !important;
}

.color-14 {
  color: #fd85d4 !important;
}

.bg-color-14 {
  background-color: #fd85d4 !important;
}

.color-15 {
  color: #8393ca !important;
}

.bg-color-15 {
  background-color: #8393ca !important;
}

.color-16 {
  color: #ff8f2c !important;
}

.bg-color-16 {
  background-color: #ff8f2c !important;
}

.color-17 {
  color: #3bdec3 !important;
}

.bg-color-17 {
  background-color: #3bdec3 !important;
}

.color-18 {
  color: #b4876e !important;
}

.bg-color-18 {
  background-color: #b4876e !important;
}

.color-19 {
  color: #c90379 !important;
}

.bg-color-19 {
  background-color: #c90379 !important;
}

.color-20 {
  color: #ef4b4f !important;
}

.bg-color-20 {
  background-color: #ef4b4f !important;
}

.dark .color-1 {
  color: #35cd96 !important;
}

.dark .bg-color-1 {
  background-color: #35cd96 !important;
}

.dark .color-2 {
  color: #6bcbef !important;
}

.dark .bg-color-2 {
  background-color: #6bcbef !important;
}

.dark .color-3 {
  color: #db5ec2 !important;
}

.dark .bg-color-3 {
  background-color: #db5ec2 !important;
}

.dark .color-4 {
  color: #91ab01 !important;
}

.dark .bg-color-4 {
  background-color: #91ab01 !important;
}

.dark .color-5 {
  color: #e69f73 !important;
}

.dark .bg-color-5 {
  background-color: #e69f73 !important;
}

.dark .color-6 {
  color: #6eadf5 !important;
}

.dark .bg-color-6 {
  background-color: #6eadf5 !important;
}

.dark .color-7 {
  color: #dfb610 !important;
}

.dark .bg-color-7 {
  background-color: #dfb610 !important;
}

.dark .color-8 {
  color: #00b33e !important;
}

.dark .bg-color-8 {
  background-color: #00b33e !important;
}

.dark .color-9 {
  color: #8b7add !important;
}

.dark .bg-color-9 {
  background-color: #8b7add !important;
}

.dark .color-10 {
  color: #e67072 !important;
}

.dark .bg-color-10 {
  background-color: #e67072 !important;
}

.dark .color-11 {
  color: #ba33dc !important;
}

.dark .bg-color-11 {
  background-color: #ba33dc !important;
}

.dark .color-12 {
  color: #72cc92 !important;
}

.dark .bg-color-12 {
  background-color: #72cc92 !important;
}

.dark .color-13 {
  color: #b04632 !important;
}

.dark .bg-color-13 {
  background-color: #b04632 !important;
}

.dark .color-14 {
  color: #fd85d4 !important;
}

.dark .bg-color-14 {
  background-color: #fd85d4 !important;
}

.dark .color-15 {
  color: #bd88eb !important;
}

.dark .bg-color-15 {
  background-color: #bd88eb !important;
}

.dark .color-16 {
  color: #e68200 !important;
}

.dark .bg-color-16 {
  background-color: #e68200 !important;
}

.dark .color-17 {
  color: #3bdec3 !important;
}

.dark .bg-color-17 {
  background-color: #3bdec3 !important;
}

.dark .color-18 {
  color: #c69478 !important;
}

.dark .bg-color-18 {
  background-color: #c69478 !important;
}

.dark .color-19 {
  color: #e36c91 !important;
}

.dark .bg-color-19 {
  background-color: #e36c91 !important;
}

.dark .color-20 {
  color: #e05e5e !important;
}

.dark .bg-color-20 {
  background-color: #e05e5e !important;
}

.color-menumiz {
  color: var(--menumiz-miz) !important;
}

.color-blue {
  color: var(--menumiz-blue) !important;
}

.color-indigo {
  color: var(--menumiz-indigo) !important;
}

.color-purple {
  color: var(--menumiz-purple) !important;
}

.color-pink {
  color: var(--menumiz-pink) !important;
}

.color-red {
  color: var(--menumiz-red) !important;
}

.color-orange {
  color: var(--menumiz-orange) !important;
}

.color-yellow {
  color: var(--menumiz-yellow) !important;
}

.color-green {
  color: var(--menumiz-green) !important;
}

.color-teal {
  color: var(--menumiz-teal) !important;
}

.color-cyan {
  color: var(--menumiz-cyan) !important;
}

.color-gray {
  color: var(--menumiz-gray) !important;
}

.color-gray-dark {
  color: var(--menumiz-gray-dark) !important;
}

.color-primary {
  color: var(--menumiz-primary) !important;
}

.color-secondary {
  color: var(--menumiz-secondary) !important;
}

.color-success {
  color: var(--menumiz-success) !important;
}

.color-info {
  color: var(--menumiz-info) !important;
}

.color-warning {
  color: var(--menumiz-warning) !important;
}

.color-danger {
  color: var(--menumiz-danger) !important;
}

.color-light {
  color: var(--menumiz-light) !important;
}

.color-dark {
  color: var(--menumiz-dark) !important;
}

.color-white {
  color: var(--menumiz-white) !important;
}

.color-black {
  color: var(--menumiz-black) !important;
}

.color-menumiz-bg {
  background-color: var(--menumiz-miz) !important;
}

.color-blue-bg {
  background-color: var(--menumiz-blue) !important;
}

.color-indigo-bg {
  background-color: var(--menumiz-indigo) !important;
}

.color-purple-bg {
  background-color: var(--menumiz-purple) !important;
}

.color-pink-bg {
  background-color: var(--menumiz-pink) !important;
}

.color-red-bg {
  background-color: var(--menumiz-red) !important;
}

.color-orange-bg {
  background-color: var(--menumiz-orange) !important;
}

.color-yellow-bg {
  background-color: var(--menumiz-yellow) !important;
}

.color-green-bg {
  background-color: var(--menumiz-green) !important;
}

.color-teal-bg {
  background-color: var(--menumiz-teal) !important;
}

.color-cyan-bg {
  background-color: var(--menumiz-cyan) !important;
}

.color-gray-bg {
  background-color: var(--menumiz-gray) !important;
}
.color-gray-bg-light {
    background-color: #f1f1f1 !important;
}
.color-gray-dark-bg {
  background-color: var(--menumiz-gray-dark) !important;
}

.color-primary-bg {
  background-color: var(--menumiz-primary) !important;
}

.color-secondary-bg {
  background-color: var(--menumiz-secondary) !important;
}

.color-success-bg {
  background-color: var(--menumiz-success) !important;
}

.color-info-bg {
  background-color: var(--menumiz-info) !important;
}

.color-warning-bg {
  background-color: var(--menumiz-warning) !important;
}

.color-danger-bg {
  background-color: var(--menumiz-danger) !important;
}

.color-light-bg {
  background-color: var(--menumiz-light) !important;
}

.color-dark-bg {
  background-color: var(--menumiz-dark) !important;
}

.color-white-bg {
  background-color: var(--menumiz-white) !important;
}

.color-black-bg {
  background-color: var(--menumiz-black) !important;
}

.color-submenu-bg {
  background-color: #FEC53C !important;
}

.color-submenudark-bg {
  background-color: #cb9c2f !important;
}

.color-sidelines-bg {
  background-color: #0F9D58 !important;
}

.color-addons-bg {
  background-color: #822CD9 !important;
}

.color-transparent-bg {
  background-color: transparent !important;
}

.miz-color-gray-10 {
  background-color: RGBA(0, 0, 0, 0.04) !important;
}

.border-color-1 {
  border-color: #35cd96 !important;
}

.border-color-2 {
  border-color: #6bcbef !important;
}

.border-color-3 {
  border-color: #e542a3 !important;
}

.border-color-4 {
  border-color: #91ab01 !important;
}

.border-color-5 {
  border-color: #ffa97a !important;
}

.border-color-6 {
  border-color: #1f7aec !important;
}

.border-color-7 {
  border-color: #dfb610 !important;
}

.border-color-8 {
  border-color: #029d00 !important;
}

.border-color-9 {
  border-color: #8b7add !important;
}

.border-color-10 {
  border-color: #fe7c7f !important;
}

.border-color-11 {
  border-color: #ba33dc !important;
}

.border-color-12 {
  border-color: #59d368 !important;
}

.border-color-13 {
  border-color: #b04632 !important;
}

.border-color-14 {
  border-color: #fd85d4 !important;
}

.border-color-15 {
  border-color: #8393ca !important;
}

.border-color-16 {
  border-color: #ff8f2c !important;
}

.border-color-17 {
  border-color: #3bdec3 !important;
}

.border-color-18 {
  border-color: #b4876e !important;
}

.border-color-19 {
  border-color: #c90379 !important;
}

.border-color-20 {
  border-color: #ef4b4f !important;
}

*::-moz-selection {
  background-color: #720E1A;
  color: #FAFAFA;
}

*::selection {
  background-color: #720E1A;
  color: #FAFAFA;
}

*:-webkit-direct-focus {
  outline: none;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  text-rendering: optimizeLegibility;
  position: relative;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

body.page-auth {
  background-color: #FAFAFA;
}

body.page-app {
    /*background-color: #F0F2F5;*/
    background-color: #dadada
}

body.modal-open .app-root {
  -webkit-filter: blur(4px);
          filter: blur(4px);
}

body.modal-open .app-body {
  -webkit-filter: blur(4px);
          filter: blur(4px);
}

    body.modal-open .foodmenu-container {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }

body.menu-opened .app-content {
  -webkit-filter: blur(4px);
          filter: blur(4px);
}

.modal-footer .miz-button {
  min-width: 88px;
}

.modal-footer.row-fixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.scrollerWrap {
  min-height: 0;
  min-width: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.scrollerWrap .scroller {
  overflow-anchor: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: auto;
  height: auto;
}
.scrollerWrap .scroller::-webkit-scrollbar {
  width: 4px;
  border-radius: 4px;
}
.scrollerWrap .scroller::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.scrollerWrap .scroller::-webkit-scrollbar-thumb {
  background: #888;
}
.scrollerWrap .scroller::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.scrollerWrap .scroller .scrollerInner {
  height: auto;
  width: 100%;
  padding-bottom: 88px;
}
@media (min-width: 960px) {
  .scrollerWrap .scroller .scrollerInner {
    padding-bottom: 0;
  }
}

.page-tso .scrollerWrap .scroller .scrollerInner, .page-tso-list .scrollerWrap .scroller .scrollerInner {
  padding-bottom: 10;
}
.page-tso.keyboard .scrollerWrap .scroller .scrollerInner, .page-tso-list.keyboard .scrollerWrap .scroller .scrollerInner {
  height: 100%;
}

.spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.divider {
  width: 100%;
  height: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: RGBA(0, 0, 0, 0.08);
}

.seperator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1px;
  height: 100%;
  background-color: RGBA(0, 0, 0, 0.08);
}

lottie-player {
  margin: 0 auto;
}

.wizard-overlay,
.disable-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

h1 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
  font-weight: 400;
}

.float-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  padding: 48px 0 0;
  bottom: 0;
}
@media (max-width: 640px) {
  .float-actions {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FAFAFA;
    z-index: 1024;
    padding: 16px;
    -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  .float-actions .miz-button {
    min-width: 0;
    height: 48px;
    line-height: 48px;
  }
}

.invalid-feedback,
.valid-feedback {
  display: none;
  position: relative;
  margin-top: 4px;
  font-size: 14px;
}
.invalid-feedback .mdi,
.valid-feedback .mdi {
  margin-right: 8px;
}

.actions-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -8px;
  width: 100%;
}
.gt-2{
    gap:20px;
}
.actions-container.row-fixed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (min-width: 480px) {
  .actions-container {
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.actions-container > * {
  margin: 8px;
}
.actions-container .miz-button {
  width: calc(100% - 16px);
  height: 52px;
  line-height: 52px;
  min-width: 88px;
  border-radius: 4px;
}
@media (min-width: 960px) {
  .actions-container .miz-button {
    width: auto;
  }
}
.actions-container.tab {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.actions-container.tabs {
  padding: 0 16px;
}
.actions-container.tabs .miz-button-icon-text span {
  display: none !important;
}
@media (min-width: 640px) {
  .actions-container.tabs .miz-button-icon-text span {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.actions-container.tabs .miz-button-icon-text {
  min-width: 0;
}
.actions-container.tabs .miz-button-icon {
  min-width: 64px;
}
@media (max-width: 480px) {
  .actions-container {
    margin: 0;
    background-color: #FAFAFA !important;
    -ms-flex-item-align: start;
        align-self: flex-start;
        flex-wrap: wrap;
  }
  .actions-container .miz-button {
    min-width: calc(100% - 16px);
  }
}
.actions-container .btn-check[type=radio]:checked:not(:disabled) + label.miz-button {
    /*background-color: #720E1A;
    color: #FAFAFA;*/
        -webkit-box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
        box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
    }
.actions-container.float {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FAFAFA;
  padding: 16px;
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  z-index: 1024;
}
.actions-container.float .miz-button {
  min-width: 0;
  width: auto;
}
@media (max-width: 640px) {
  .actions-container.float {
    padding: 8px;
  }
}
@media (min-width: 960px) {
  .actions-container.float {
    position: relative;
    bottom: 0;
    padding: 0;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  }
}

.floating-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 8px;
  background-color: #FAFAFA;
  position: fixed;
  bottom: 0;
  border-top: 1px solid RGBA(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
@media (min-width: 960px) {
  .floating-container {
    width: calc(100% - 68px);
    margin-bottom:40px
  }
}
.floating-container h3 {
  margin: 0;
  font-size: 18px;
}
.floating-container h3.total {
  font-weight: 500;
  color: #720E1A;
  margin-left: 8px;
}
.floating-container .miz-button {
  min-width: 0;
  height: 48px;
  line-height: 48px;
  text-transform: uppercase;
  border-radius: 4px;
}

.text-miz {
  color: #720E1A !important;
}
.text-miz-w {
    color: #fafafa !important;
}

.content-full {
  width: 100%;
}

.m-pr-10 {
  padding-right: 10px;
}

.m-pe-64 {
  padding-right: 64px;
}
@media (min-width: 640px) {
  .m-pe-64 {
    padding-right: 0;
  }
}

.p-12 {
  padding: 12px;
}

.p-8 {
  padding: 8px !important;
}

.min-w-0 {
  min-width: 0 !important;
}

.max-w-100 {
  max-width: 100% !important;
}

.min-w-48 {
  min-width: 48px !important;
}

.min-w-184 {
  min-width: 184px !important;
}

.min-w-340 {
  min-width: 340px;
}

.min-w-640 {
  min-width: 640px;
}

.max-w-180 {
    max-width: 180px;
}

.max-w-280 {
  max-width: 280px;
}

.max-w-340 {
  max-width: 340px;
}

.max-w-640 {
  max-width: 640px;
}

.max-w-760 {
  max-width: 760px;
}

.max-h-640 {
  max-height: 640px;
}

.w-116 {
  width: calc(100% + 16px);
}
@media (max-width:640px) {
    .max-w-180 {
        max-width: 100%;
    }
}
.miz-chip {
  font-size: 16px;
  padding: 0 16px;
  line-height: 48px;
  border-radius: 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.miz-chip.checked {
  background-color: #720E1A;
  color: #FAFAFA;
  border-color: transparent;
}
.miz-chip-primary {
  background-color: #720E1A;
  color: #FAFAFA;
  border-radius: 16px;
  line-height: 32px;
  font-size: 14px;
}
.miz-chip:checked.checkbox::after {
  font-family: "Material Design Icons";
  content: "\f05e0";
}

.btn-check[type=checkbox] + label.checkbox.miz-chip::after {
  font-family: "Material Design Icons";
  content: "\f0130";
  margin-left: auto;
  opacity: 0.24;
}

.btn-check[type=checkbox]:checked + label.checkbox.miz-chip {
  /*background-color: #720E1A;
  color: #FAFAFA;*/
  border-color: transparent;
}
.btn-check[type=checkbox]:checked + label.checkbox.miz-chip::after {
  content: "\f05e0";
  opacity: 1;
}

.food-img {
  background-color: #9DB4CC;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
  width: 128px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.container-overflow {
  width: 100%;
  padding: 0 8px;
  overflow-y: auto;
}

button i,
button span {
  pointer-events: none;
}

.gap-16 {
  gap: 16px;
}

.c-none {
  cursor: default;
}

.video-logo {
  position: absolute;
  z-index: 2048;
  top: 0;
  left: 0;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.video-logo img {
  width: 115px;
  height: 24px;
}

.video-actions {
  position: absolute;
  z-index: 2048;
  top: 0;
  right: 0;
  padding: 16px;
}
.video-actions .miz-button {
  background-color: #720E1A;
  color: #FAFAFA;
  height: 40px;
  line-height: 40px;
  min-width: 0;
  border-radius: 4px;
}

.custom-play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  width: 100%;
}
.custom-play .controls {
  right: 0;
  left: 0;
}

.fw-bold-s {
  font-weight: 500 !important;
}

.fw-bold-m {
  font-weight: 600 !important;
}

.page-auth .section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 16px 16px 48px;
  position: relative;
}
.page-auth .section.auth {
  margin-top: 8px;
}
.page-auth .section-container {
  width: 100%;
  height: auto;
  max-width: 760px;
  padding: 16px 16px 16px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FAFAFA;
  position: relative;
}
@media (min-width: 640px) {
  .page-auth .section-container {
    padding: 24px 64px 16px;
  }
}
.page-auth .section-container p {
  margin: 16px 0;
}

.page-app .section .float-help-title {
  line-height: 48px;
  margin-bottom: 16px;
  padding-right: 64px;
}
.page-app .section p {
  margin: 8px 0;
}
.page-app .section h3,
.page-app .section h4,
.page-app .section h5 {
  margin: 8px 0 0;
  width: 100%;
}
.page-app .section h3:first-child,
.page-app .section h4:first-child,
.page-app .section h5:first-child {
  margin: 0;
}
.page-app .section h5 {
  font-size: 14px;
}
.page-app .section-grid {
  display: none !important;
}
.page-app .section-grid.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.page-app .section-full {
  min-width: 0;
  min-height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: calc(100% - 128px);
  margin: 0 0 96px;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
@media (min-width: 960px) {
  .page-app .section-full {
    margin: 8px 16px 96px;
  }
}
.page-app .section-overflow:not(.transparent) {
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px 4px 0 0;
  background-color: #FAFAFA;
}
.page-app .section-overflow {
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 16px auto 0;
  max-width: 860px;
  min-height: 0;
}
.page-app .section-overflow.margin-normal {
  margin: 16px auto;
}
.page-app .section-overflow.transparent {
  background-color: transparent;
}
.page-app .section-overflow.lg {
  max-width: 1024px;
}
.page-app .section-overflow-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
  padding: 16px;
}
.page-app .section-overflow-header span {
  color: RGBA(0, 0, 0, 0.48);
}
.page-app .section-overflow-header span.info {
  color: #000000;
  font-weight: 500;
  margin-left: 16px;
}
.page-app .section-overflow-header > * {
  margin-bottom: 16px;
  margin-right: 0;
}
@media (min-width: 960px) {
  .page-app .section-overflow-header > * {
    margin-right: 16px;
    margin-bottom: 0;
  }
}
.page-app .section-overflow-header > *:last-child {
  margin-bottom: 0;
  margin-right: 0;
}
@media (min-width: 960px) {
  .page-app .section-overflow-header > *:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
}
.page-app .section-overflow-header .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: calc(100% - 120px);
  font-size: 16px;
}
.page-app .section-overflow-header .details:last-child {
  margin-bottom: 0;
}
@media (min-width: 960px) {
  .page-app .section-overflow-header .details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.page-app .section-overflow-header .details > * {
  margin-top: 16px;
  margin-right: 0;
}
@media (min-width: 960px) {
  .page-app .section-overflow-header .details > * {
    margin-right: 16px;
    margin-top: 0;
  }
}
.page-app .section-overflow-header .details > *:first-child {
  margin-right: 0;
  margin-top: 0;
}
@media (min-width: 960px) {
  .page-app .section-overflow-header .details > *:first-child {
    margin-right: 0;
    margin-top: 0;
  }
}
.page-app .section-overflow-header .name,
.page-app .section-overflow-header .order_number {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.page-app .section-overflow-header .name:last-child,
.page-app .section-overflow-header .order_number:last-child {
  margin-bottom: 0;
}
.page-app .section-overflow-header .name span,
.page-app .section-overflow-header .order_number span {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.page-app .section-overflow-header .order_type {
  width: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 20px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
}
.page-app .section-overflow-header .order_type span {
  color: #000000;
}
.page-app .section-overflow-header .order_type span.icon {
  background-color: #720E1A;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-app .section-overflow-header .order_type span.icon svg {
  width: 32px;
  height: 32px;
  fill:currentColor
}
.page-app .section-overflow-header .order_type > * {
  margin-right: 16px;
}
.page-app .section-overflow-header .order_type > *:last-child {
  margin-right: 0;
}
.page-app .section-overflow-body {
  background-color: RGBA(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  height: 100%;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.page-app .section-overflow-body.transparent {
  background-color: transparent;
}
.page-app .section-overflow-footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
}
.page-app .section-overflow-footer .miz-button {
  width: 50%;
  border-radius: 0;
  white-space: normal;
}
@media (hover: hover) and (pointer: fine) {
  .page-app .section-overflow-footer .miz-button:hover:not(.miz-button-primary) {
    background-color: RGBA(0, 0, 0, 0.04) !important;
    color: #47060e;
  }
}
.page-app .section-overflow-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  height: 100%;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.page-app .section-overflow.payment .section-overflow-header {
  font-size: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media (min-width: 480px) {
  .page-app .section-overflow.payment .section-overflow-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.page-app .section-overflow.payment .section-overflow-header .details {
  width: 100%;
  font-size: 16px;
  color: #720E1A;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 16px;
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .page-app .section-overflow.payment .section-overflow-header .details {
    margin-top: 0;
    font-size: 20px;
  }
}
.page-app .section-overflow.payment .section-overflow-header .details i {
  margin-right: 16px;
  color: #7EB73A;
}
.page-app .section-overflow.payment .section-overflow-header .total-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  padding: 0 32px;
  font-weight: 700;
  color: #720E1A;
  text-align: right;
  margin-left: auto;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 24px;
}
.page-app .section-overflow.payment .section-overflow-footer {
  font-size: 30px;
  font-weight: 600;
  padding: 32px 0;
  color: #000000;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px dashed RGBA(0, 0, 0, 0.64);
}
.page-app .section-overflow.payment .section-overflow-footer h3 {
  text-align: right;
  max-width: 600px;
  width: 600px;
  margin: auto;
}
.page-app .section-inner {
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  width: calc(100% - 32px);
  max-width: 860px;
  margin: 8px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FAFAFA;
  position: relative;
  padding: 25px;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.page-app .section-inner.transparent {
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.page-app .section-inner.no-padding {
  padding: 0 !important;
}
.page-app .section-inner.full {
  max-width: 100%;
  padding: 0;
}
.page-app .section-inner.full:not(.shadowed) {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.page-app .section-inner.large {
  max-width: 1024px;
}
.page-app .section-inner.xlarge {
  max-width: 1200px;
}
.page-app .section-inner.sm {
  max-width: 640px;
}
@media (min-width: 640px) {
  .page-app .section-inner.no-padding {
    padding: 0;
  }
}
.page-app .section-inner .content-text-left {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.page-app .section-inner-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 100%;
  margin-bottom: 16px;
}
.page-app .section-inner-badge h3 {
  margin-top: 0;
}
.page-app .section-inner-badge span:not(.spacer) {
  min-height: 64px;
  min-width: 64px;
  background-size: cover;
  background-position: center;
  background-color: #DFDFDF;
  border-radius: 50%;
}
.page-app .section-inner-badge span:not(.spacer).ratio-16-9 {
  min-height: 48px;
  min-width: 85px;
  aspect-ratio: 16/9;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.page-app .section-inner-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
  width: 100%;
  margin-bottom: 16px;
}
.page-app .section-inner-header.fixed {
  padding: 16px 16px 8px;
  margin-bottom: 0;
}
.page-app .section-inner-header .section-inner-header-title-fixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-app .section-inner-header .section-inner-header-title-fixed > .miz-button-icon {
  min-width: 48px;
  margin-right: 16px;
}
.page-app .section-inner-header .section-inner-header-title-fixed h3 {
  margin-top: 0;
}
.page-app .section-inner-header.actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 760px) {
  .page-app .section-inner-header.actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.page-app .section-inner-header.actions .section-inner-header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-app .section-inner-header.actions .section-inner-header-title > .miz-button-icon {
  min-width: 48px;
  margin-left: 16px;
}
.page-app .section-inner-header.has-actions {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-app .section-inner-header.has-actions .miz-button-icon-text {
  min-width: 0;
}
.page-app .section-inner-header.has-actions .miz-button-icon-text span {
  display: none;
}
@media (min-width: 640px) {
  .page-app .section-inner-header.has-actions .miz-button-icon-text span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 640px) {
  .page-app .section-inner-header.has-actions .miz-button-icon-text {
    min-width: 240px;
  }
}
.page-app .section-inner-header.menu-organizer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}
@media (min-width: 720px) {
  .page-app .section-inner-header.menu-organizer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.page-app .section-inner-header.menu-organizer .menu-organizer-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 16px;
}
@media (min-width: 720px) {
  .page-app .section-inner-header.menu-organizer .menu-organizer-title {
    margin-bottom: 0;
  }
}
.page-app .section-inner-header.menu-organizer .menu-organizer-title .miz-button-icon {
  min-width: 48px;
}
.page-app .section-inner-header.menu-organizer .menu-organizer-title .miz-button-icon i {
  color: #720E1A;
}
@media (min-width: 720px) {
  .page-app .section-inner-header.menu-organizer > .miz-button {
    margin-left: auto;
  }
}
.page-app .section-inner-header-title.add-dish h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.page-app .section-inner-header-title.add-dish h3.has-badge .badge-container {
  color: #720E1A;
  font-size: 16px;
}
.page-app .section-inner-header-title.add-dish h3 .badge-container {
  font-size: 14px;
  color: RGBA(0, 0, 0, 0.16);
  margin-right: 16px;
}
.page-app .section-inner-header-title.add-dish h3 .badge-container .badge {
  font-size: 14px;
  margin-top: -20px;
}
.page-app .section-inner-header.top-dish {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.page-app .section-inner-header.top-dish a.miz-button:not(.miz-button-icon) {
  width: 100%;
  margin-top: 16px;
}
@media (min-width: 500px) {
  .page-app .section-inner-header.top-dish a.miz-button:not(.miz-button-icon) {
    width: auto;
    margin-top: 0;
  }
}
.page-app .section-inner-header.dish {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
}
@media (min-width: 640px) {
  .page-app .section-inner-header.dish {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }
}
.page-app .section-inner-header.dish .section-inner-header-title {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 640px) {
  .page-app .section-inner-header.dish .section-inner-header-title {
    margin-bottom: 0;
  }
}
.page-app .section-inner-header.dish .section-inner-header-title h3 {
  width: auto;
}
.page-app .section-inner-header.dish .section-inner-header-title .miz-button-icon {
  min-width: 36px;
}
.page-app .section-inner-header .dish-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
@media (min-width: 640px) {
  .page-app .section-inner-header .dish-header {
    margin-left: auto;
    width: auto;
  }
}
.page-app .section-inner-header .dish-header .miz-button-icon {
  min-width: 64px;
}
.page-app .section-inner-header .dish-header a.miz-button {
  min-width: 64px;
  margin-left: auto;
}
@media (min-width: 640px) {
  .page-app .section-inner-header .dish-header a.miz-button {
    margin-left: 0;
    min-width: 240px;
  }
}
.page-app .section-inner-header .dish-header a.miz-button span {
  display: none;
}
@media (min-width: 640px) {
  .page-app .section-inner-header .dish-header a.miz-button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.page-app .section-inner-header.tso-retrieve_order {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-app .section-inner-header.tso-retrieve_order .i-tso {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.page-app .section-inner-header.tso-retrieve_order .i-tso span {
  height: 48px;
  width: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #720E1A;
}
.page-app .section-inner-header.tso-retrieve_order .i-tso > * {
  margin-right: 32px;
}
.page-app .section-inner-header.tso-retrieve_order .i-tso > *:last-child {
  margin-right: 0;
}
.page-app .section-inner-header.tso-retrieve_order .i-tso svg {
  height: 48px;
  width: 48px;
  color: #720E1A;
}
.page-app .section-inner-header.tips-management {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .page-app .section-inner-header.tips-management {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.page-app .section-inner-header.tips-management .spacer {
  display: none;
}
@media (min-width: 640px) {
  .page-app .section-inner-header.tips-management .spacer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.page-app .section-inner-header.tips-management .section-inner-header-title {
  width: 100%;
}
.page-app .section-inner-header.tips-management .actions {
  width: 100%;
  display: grid;
  grid-template-columns: 48px 48px auto;
  gap: 16px;
  margin-left: auto;
}
@media (min-width: 640px) {
  .page-app .section-inner-header.tips-management .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: auto;
  }
}
.page-app .section-inner-header.tips-management .actions .miz-button:not(.miz-button-primary) {
  background-color: #FAFAFA;
}
.page-app .section-inner-header.header-seperator {
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
  padding-bottom: 16px;
  margin-bottom: 0;
}
.page-app .section-inner-header.header-seperator-reports.header-seperator {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .page-app .section-inner-header.header-seperator-reports.header-seperator {
    padding-bottom: 16px;
    -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
            box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
  }
}
.page-app .section-inner-header.header-seperator-reports.header-seperator.full-reports {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1140px) {
  .page-app .section-inner-header.header-seperator-reports.header-seperator.full-reports {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.page-app .section-inner-header.header-seperator-reports.header-seperator > .miz-button {
  min-width: 48px;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .page-app .section-inner-header.header-seperator-reports.header-seperator > .miz-button {
    position: static;
    top: unset;
    right: unset;
  }
}
.page-app .section-inner-header.header-seperator-reports.header-seperator.miz-button-primary {
  border-radius: 4px 4px 0 0;
}
.miz-button.miz-button-info {
    background-color: #e5e5e5;
}
.miz-button.miz-button-info#help i.mdi {
    color: #720E1A !important;
}
    .miz-button.miz-button-info#help:hover i.mdi {
        -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
        box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    }
.miz-button.miz-button-info#help:hover i.mdi {
    color: #fafafa !important;
}
.page-app .section-inner-header.header-seperator-reports.header-seperator .section-inner-header-title {
    width: 100%;
    -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    margin-right: 48px;
    overflow-x: auto;
}
@media (min-width: 768px) {
  .page-app .section-inner-header.header-seperator-reports.header-seperator .section-inner-header-title {
    width: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
    overflow: hidden;
  }
}
.page-app .section-inner-header.header-seperator-reports.header-seperator .section-inner-header-title > a {
  font-size: 16px;
  padding: 0 8px;
}
@media (min-width: 768px) {
  .page-app .section-inner-header.header-seperator-reports.header-seperator .section-inner-header-title > a {
    font-size: 18px;
    padding: 0 16px;
  }
}
@media (min-width: 1024px) {
  .page-app .section-inner-header.header-seperator-reports.header-seperator .section-inner-header-title > a {
    font-size: 20px;
  }
}
.page-app .section-inner-header.header-seperator-reports.header-seperator .section-inner-header-title > a.actived::after {
  bottom: 0;
}
@media (min-width: 768px) {
  .page-app .section-inner-header.header-seperator-reports.header-seperator .section-inner-header-title > a.actived::after {
    bottom: -16px;
  }
}
.page-app .section-inner-header.header-seperator-reports.header-seperator > .spacer {
  display: none;
}
@media (min-width: 768px) {
  .page-app .section-inner-header.header-seperator-reports.header-seperator > .spacer {
    display: unset;
  }
}
.page-app .section-inner-header.header-seperator .section-inner-header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  white-space: nowrap;
}
.page-app .section-inner-header.header-seperator .section-inner-header-title a {
  padding: 0 16px;
  margin: 0;
  line-height: 48px;
  position: relative;
  font-size: 26px;
  font-weight: 500;
  color: #687078;
}
.page-app .section-inner-header.header-seperator .section-inner-header-title a.miz-button-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #720E1A;
  margin-right: 16px;
  line-height: 48px;
  height: 48px;
  min-width: 48px;
  max-width: 48px;
}
.page-app .section-inner-header.header-seperator .section-inner-header-title a.miz-button-icon i, .page-app .section-inner-header.header-seperator .section-inner-header-title a.miz-button-icon .mdi, .page-app .section-inner-header.header-seperator .section-inner-header-title a.miz-button-icon .mizi {
  margin-left: 0;
  color: #FAFAFA;
}
.page-app .section-inner-header.header-seperator .section-inner-header-title a.actived {
  color: #720E1A;
}
.page-app .section-inner-header.header-seperator .section-inner-header-title a.actived::after {
  content: "";
  width: 100%;
  height: 3px;
  border-radius: 3px 3px 0 0;
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #720E1A;
}
.page-app .section-inner-header.header-seperator .miz-button-primary {
  line-height: 48px;
  height: 48px;
  min-width: 0;
  border-radius: 4px;
}
.page-app .section-inner-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  position: relative;
}
.page-app .section-inner-body-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.page-app .section-inner-body-title > * {
  width: 100%;
}
@media (min-width: 768px) {
  .page-app .section-inner-body-title > * {
    width: auto;
  }
}
@media (min-width: 768px) {
  .page-app .section-inner-body-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.page-app .section-inner-body-title .badge-container {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .page-app .section-inner-body-title .badge-container {
    margin-bottom: 0;
    margin-left: auto;
  }
}
.page-app .section-inner-body-title .badge-container > span:not(.badge) {
  color: #720E1A;
}
.page-app .section-inner-body.tso-retrieve_order {
  margin: 16px 0;
}
.page-app .section-body {
  width: 100%;
  max-width: 1024px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 16px;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.page-app .section-body h3:is(.no-top) {
  margin-top: 0 !important;
}
.page-app .section-body h3 {
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 960px) {
  .page-app .section-body {
    margin: 16px;
  }
}

.page-auth .app-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  min-height: 0;
}

.page-app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  min-height: 0;
}
.page-app .backdrop {
  z-index: 1024;
}

.page-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  min-height: 0;
}
.page-menu .app-body .app-nav-food-menu {
  width: 485px !important;
  position: relative;
  overflow: hidden;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 240px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
  background-color: #720E1A;
}
.page-menu .app-body .app-nav-food-menu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
  min-height: 80px;
  width: 100%;
  padding: 0 16px;
}
.page-menu .app-body .app-nav-food-menu-header .miz-button-icon {
  background-color: #FAFAFA;
  color: #720E1A;
  margin-right: 16px;
  min-width: 48px;
}
.page-menu .app-body .app-nav-food-menu-header .miz-button-icon i {
  color: #720E1A;
}
.page-menu .app-body .app-nav-food-menu-header h4 {
  color: #FAFAFA;
  margin-bottom: 0;
}
.page-menu .app-body .app-nav-food-menu .scrollerWrap {
  width: 100%;
  border-right: 1px solid var(--miz-primary);
}
.page-menu .app-body .app-nav-food-menu .scrollerWrap .scroller .scrollerInner {
  padding: 0;
}
.page-menu .app-body .app-nav-food-menu.opened {
  z-index: 2048;
}
@media (min-width: 960px) {
  .page-menu .app-body .app-nav-food-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.page-menu .app-body .app-content {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.app-body {
  min-width: 0;
  min-height: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  overflow: hidden;
  height: 100%;
  -webkit-transition: all ease-in-out 500ms;
  -o-transition: all ease-in-out 500ms;
  transition: all ease-in-out 500ms;
  opacity: 1;
  visibility: visible;
}
.app-body .app-nav {
  position: relative;
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 68px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
}
.app-body .app-nav.opened {
  z-index: 2048;
}
@media (min-width: 960px) {
  .app-body .app-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.app-body .app-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-transition: all ease-in-out 250ms;
    -o-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
    min-width: 0;
    overflow: hidden;
    /*-webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);*/
}
.app-body .app-content-container {
  min-width: 0;
  min-height: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.app-body .app-footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 0;
    width: 100%;
    height: 36px;
    min-height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    margin-top: auto;
    border-top: solid 1px RGBA(0, 0, 0, 0.08);
    padding: 0 16px;
    background: #fafafa;
}
.app-body .app-footer p {
  font-size: 12px;
  margin: 0;
}

.backdrop {
  display: none;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: RGBA(0, 0, 0, 0.48);
  min-height: 0;
  opacity: 0;
  -webkit-transition: all ease-in-out 500ms;
  -o-transition: all ease-in-out 500ms;
  transition: all ease-in-out 500ms;
  cursor: pointer;
}
.backdrop.opened {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.backdrop.fade {
  opacity: 1;
}
@media (max-width:968px) {
    .backdrop.fade {
        opacity: 1;
        width: calc(100% - 68px);
        left: 68px
    }

    .app-body .app-nav {
        position: fixed;
        z-index: 1048;
    }
}
.container-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.app-alert {
  background-color: #fd7e14;
}
    .app-alert .alert {
        margin-bottom: 0;
        color: #FAFAFA;
        padding: 0 16px;
        min-height: 64px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        white-space: normal;
    }

.dropdown-menu {
  font-size: 14px;
  padding: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.dropdown-menu > li {
  width: 100%;
  border-radius: 0;
}
.dropdown-menu > li .miz-button {
  width: 100%;
  line-height: 48px;
  height: 48px;
  border-radius: 0;
}
.dropdown-menu > li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.dropdown-menu > li:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.food-menu-sort-select .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.food-menu-sort-select .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option.disabled {
  display: none;
}
.food-menu-sort-select .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option .select-option-text .form-check-input {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid RGBA(0, 0, 0, 0.16);
}
.food-menu-sort-select .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option .select-option-text .form-check-input:before {
  width: 14px;
  height: 14px;
}
.food-menu-sort-select .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option .select-option-text .form-check-input:after {
  width: 6px;
  height: 13px;
  margin-left: 5px;
  margin-top: 0;
  border-width: 2px;
}
.food-menu-sort-select .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option .select-option-icon-container {
  max-width: 24px;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 16px;
}
.food-menu-sort-select .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option .select-option-icon-container img {
  width: 24px;
  height: 24px;
}

.miz-nav-icon {
  background-color: RGBA(0, 0, 0, 0.04);
  padding: 8px;
  height: 100%;
}
.miz-nav-icon .nav-link {
  padding: 0;
  width: 64px;
  height: 64px;
  border-radius: 4px;
  background-color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 8px;
}
.miz-nav-icon .nav-link:last-child {
  margin-bottom: 0;
}
.miz-nav-icon .nav-link.active {
  border: 0;
  background-color: #720E1A;
}
.miz-nav-icon .nav-link.active i svg, .miz-nav-icon .nav-link.active i img {
  color: #FAFAFA;
}
.miz-nav-icon .nav-link i {
  width: 32px;
  height: 32px;
}
.miz-nav-modal .nav-link {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 32px;
}
.miz-nav-modal .nav-link.active {
  color: #FAFAFA;
}
.miz-nav-modal .nav-link > *:not(.spacer):not(:last-child) {
  margin-right: 16px;
}

.modal-content {
  border-radius: 4px;
}
.modal-header {
  padding: 16px;
  border-radius: 4px 4px 0 0;
}
.modal-header.is-submenu {
  background-color: #FEC53C;
  color: #000000;
}
.modal-header.is-submenu .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.modal-header.transparent {
  background-color: transparent;
  border-bottom: none;
}
.modal-header.transparent .modal-title{
    color:var(--menumiz-miz)
}
.modal-header.transparent .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23720E1A'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.modal-body {
  padding: 16px;
}
.modal-body.modal-dialog-scrollable {
  overflow-x: hidden;
}
.modal-body.wizard-dish-modal-content {
  overflow-x: hidden;
}
.modal-tso-order:not(.modal-xl):not(.modal-lg) {
  max-width: 540px;
}
.modal-tso-order.paid .modal-body .modal-body-header .is-payment, .modal-tso-order.pending .modal-body .modal-body-header .is-payment {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  text-align: center;
  font-size: 24px;
}
@media (min-width: 480px) {
  .modal-tso-order.paid .modal-body .modal-body-header .is-payment, .modal-tso-order.pending .modal-body .modal-body-header .is-payment {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
}
.modal-tso-order.pending .modal-body .modal-body-header .is-payment {
  background-color: #FF2636;
  color: #FAFAFA;
}
.modal-tso-order.paid .modal-body .modal-body-header .is-payment {
  background-color: #7EB73A;
  color: #FAFAFA;
}
@media (min-width: 576px) {
  .modal-tso-order.modal-dialog {
    margin: 48px auto;
    height: calc(100% - 96px);
  }
}
.modal-tso-order .modal-header {
  color: RGBA(0, 0, 0, 0.36);
  font-weight: 600;
  font-style: italic;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.modal-tso-order .modal-header .avatar {
  width: 88px;
  height: 88px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #FAFAFA;
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  margin-right: 16px;
}
.modal-tso-order .modal-header .avatar span {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: cover;
  background-position: center;
}
.modal-tso-order .modal-header.receipt .receipt-close,
.modal-tso-order .modal-header.receipt .receipt-print {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  background-color: RGBA(0, 0, 0, 0.08);
}
.modal-tso-order .modal-header.receipt .receipt-close i,
.modal-tso-order .modal-header.receipt .receipt-print i {
  color: #720E1A;
  font-size: 32px;
  background-color: transparent;
  margin-right: 0;
}
.modal-tso-order .modal-header.receipt .receipt-print {
  margin-left: 0;
  background-color: #720E1A;
}
.modal-tso-order .modal-header.receipt .receipt-print i {
  color: #FAFAFA;
}
.modal-tso-order .modal-header .miz-button-icon.modal-tso-order-show, .modal-tso-order .modal-header .miz-button-icon.modal-tso-order-print, .modal-tso-order .modal-header .miz-button-icon.modal-tso-order-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 16px;
  width: 32px;
  height: 32px;
}
@media (min-width: 640px) {
  .modal-tso-order .modal-header .miz-button-icon.modal-tso-order-show, .modal-tso-order .modal-header .miz-button-icon.modal-tso-order-print, .modal-tso-order .modal-header .miz-button-icon.modal-tso-order-close {
    width: 48px;
    height: 48px;
    margin-right: 20px;
  }
}
.modal-tso-order .modal-header .miz-button-icon.modal-tso-order-show i, .modal-tso-order .modal-header .miz-button-icon.modal-tso-order-print i, .modal-tso-order .modal-header .miz-button-icon.modal-tso-order-close i {
  background-color: transparent !important;
  margin-right: 0;
  font-size: 18px;
}
@media (min-width: 640px) {
  .modal-tso-order .modal-header .miz-button-icon.modal-tso-order-show i, .modal-tso-order .modal-header .miz-button-icon.modal-tso-order-print i, .modal-tso-order .modal-header .miz-button-icon.modal-tso-order-close i {
    font-size: 24px;
  }
}
.modal-tso-order .modal-header .miz-button-icon.modal-tso-order-close {
  margin-left: auto;
  margin-right: 0;
  background-color: RGBA(0, 0, 0, 0.08);
}
.modal-tso-order .modal-header .miz-button-icon.modal-tso-order-close i {
  color: #720E1A;
}
.modal-tso-order .modal-header .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-tso-order .modal-header .actions .numbers {
  margin-right: 16px;
  position: relative;
  color: #720E1A;
  max-width: 48px;
}
.modal-tso-order .modal-header .actions .numbers .mizi {
  width: 40px;
  height: 40px;
  background-color: transparent;
  margin-right: 0;
}
@media (min-width: 640px) {
  .modal-tso-order .modal-header .actions .numbers .mizi {
    width: 48px;
    height: 48px;
  }
}
.modal-tso-order .modal-header .actions .numbers i {
  font-size: 32px;
  color: #720E1A;
}
.modal-tso-order .modal-header .actions .numbers .badge {
  background-color: #720E1A;
  right: -8px;
  top: -4px;
  font-size: 12px;
  border: 2px solid #FAFAFA;
}
.modal-tso-order .modal-header .actions .serve-type {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: #720E1A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 16px;
}
@media (min-width: 640px) {
  .modal-tso-order .modal-header .actions .serve-type {
    width: 48px;
    height: 48px;
  }
}
.modal-tso-order .modal-header .actions .serve-type svg {
  width: 80%;
  height: 80%;
  color: #FAFAFA;
}
.modal-tso-order .modal-header i {
  background-color: RGBA(0, 0, 0, 0.36);
  color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  margin-right: 16px;
  width: 32px;
  height: 32px;
  font-size: 18px;
}
@media (min-width: 640px) {
  .modal-tso-order .modal-header i {
    width: 48px;
    height: 48px;
    font-size: 24px;
  }
}
.modal-tso-order .modal-body .modal-body-header {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(5, 1fr);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.modal-tso-order .modal-body .modal-body-header > .miz-button {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.modal-tso-order .modal-body .modal-body-header > .miz-button i {
  font-size: 18px;
}
@media (min-width: 480px) {
  .modal-tso-order .modal-body .modal-body-header > .miz-button {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
  .modal-tso-order .modal-body .modal-body-header > .miz-button i {
    font-size: 24px;
  }
}
.modal-tso-order .modal-body .modal-body-header > * {
  margin: auto;
}
.modal-tso-order .modal-body .modal-body-header .numbers {
  position: relative;
  max-width: 48px;
}
.modal-tso-order .modal-body .modal-body-header .numbers .mizi {
  width: 32px;
  height: 32px;
  color: #FAFAFA;
  background-color: #720E1A;
  border-radius: 50%;
}
@media (min-width: 480px) {
  .modal-tso-order .modal-body .modal-body-header .numbers .mizi {
    width: 48px;
    height: 48px;
  }
}
.modal-tso-order .modal-body .modal-body-header .numbers .mizi svg {
  width: 70%;
  height: 70%;
}
.modal-tso-order .modal-body .modal-body-header .numbers .badge {
  background-color: #720E1A;
  left: 0;
  right: 0;
  top: -16px;
  font-size: 14px;
  border: 2px solid #FAFAFA;
  margin: auto;
  display: inline-block;
}
.modal-tso-order .modal-body .modal-body-header .serve-type {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: #720E1A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 480px) {
  .modal-tso-order .modal-body .modal-body-header .serve-type {
    width: 48px;
    height: 48px;
  }
}
.modal-tso-order .modal-body .modal-body-header .serve-type svg {
  width: 80%;
  height: 80%;
  color: #FAFAFA;
}
.modal-tso-order .modal-body > .miz-grid {
  padding: 0;
}
.modal-tso-order .modal-footer {
  padding: 0;
  color: #000000;
}
.modal-tso-order .modal-footer.receipt {
  padding: 32px 0;
  font-size: 28px;
  font-weight: 900;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  overflow: hidden;
  margin: auto;
  border-top: 1px dashed RGBA(0, 0, 0, 0.48);
}
.modal-tso-order .modal-footer.receipt h3 {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 0 16px;
}
@media (min-width: 640px) {
  .modal-tso-order .modal-footer.receipt h3 {
    max-width: 600px;
    -webkit-box-flex: 600px;
        -ms-flex: 600px;
            flex: 600px;
    padding: 0;
  }
}
.modal-tso-order .modal-footer .miz-button {
  width: 100%;
  height: 64px;
  line-height: 64px;
  margin: 0;
  border-radius: 0;
  font-size: 20px;
}
.modal-tso-payment .modal-content {
  background-color: #e7e9eb;
}
.modal-tso-payment .modal-header {
  background-color: transparent;
  border-bottom: 0;
}
.modal-tso-payment .modal-header .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23720E1A'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.modal-tso-payment-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 16px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid RGBA(0, 0, 0, 0.24);
}
.modal-tso-payment-header .details {
  width: 100%;
  font-size: 16px;
  color: #720E1A;
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 16px;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
@media (min-width: 480px) {
  .modal-tso-payment-header .details {
    margin-top: 0;
    font-size: 20px;
  }
}
.modal-tso-payment-header .details i {
  margin-right: 16px;
  color: #7EB73A;
}
.modal-tso-payment-header .total-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  padding: 0 0 0 32px;
  font-weight: 700;
  color: #720E1A;
  text-align: right;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 24px;
}
.modal-tso-payment .modal-body,
.modal-tso-payment .modal-footer {
  background-color: #ffffff;
}
.modal-tso-payment .modal-body {
  width: 100%;
  max-width: 768px;
  margin: auto;
  border-left: 1px solid RGBA(0, 0, 0, 0.16);
  border-right: 1px solid RGBA(0, 0, 0, 0.16);
  padding: 0;
  position: relative;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.modal-tso-payment .modal-body .modal-tso-payment-header {
  padding: 8px 16px;
}
.modal-tso-payment .modal-footer {
  background-color: #ffffff;
  max-width: 768px;
  width: 100%;
  margin: auto;
  border-left: 1px solid RGBA(0, 0, 0, 0.16);
  border-right: 1px solid RGBA(0, 0, 0, 0.16);
  padding: 0 16px;
}
.modal-tso-payment .modal-footer .grand-total {
  border-top: 1px dashed RGBA(0, 0, 0, 0.48);
  width: 100%;
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  justify-content: center;
  align-items: center;
}
.modal-tso-payment .modal-footer .grand-total .btn-payment-conf-home {
    background: #720E1A;
    width: 48px;
    height: 48px;
    min-width: 48px;
    color: #ffffff;
}
.dark .modal-tso-payment .modal-footer .grand-total .btn-payment-conf-home {
    background: #ffffff;
    width: 48px;
    height: 48px;
    min-width: 48px;
    color: #720E1A;
}
.modal-tso-payment .modal-footer h3 {
  width: 100%;
  max-width: 600px;
  text-align: right;
  font-weight: 700;
  font-size: 24px;
  padding: 32px 0;
  color: #000000;
  margin: auto;
}
@media (min-width: 576px) {
  .modal-tso-new {
    max-width: 840px;
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media (min-width: 840px) {
  .modal-tso-new {
    margin-left: auto;
    margin-right: auto;
  }
}
.modal-tso-new .modal-content {
  border-radius: 8px;
}
.modal-tso-new .modal-header {
  padding: 16px;
}
.modal-tso-new .modal-header .miz-button-icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-color: RGBA(0, 0, 0, 0.04);
}
.modal-tso-new .modal-header .miz-button-icon i {
  font-size: 24px;
}
.modal-tso-new .modal-body {
  padding: 0 16px 16px;
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  gap: 32px;
}
@media (min-width: 640px) {
  .modal-tso-new .modal-body {
    grid-template-columns: 1fr 180px;
  }
}
.modal-tso-new .modal-body .miz-form {
  padding: 0;
}
.modal-tso-new .modal-body .tso-new-submit-container {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 16px;
}
@media (min-width: 640px) {
  .modal-tso-new .modal-body .tso-new-submit-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.modal-tso-new .modal-body .tso-new-submit-container .miz-button {
  min-width: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: normal;
  padding: 16px;
}
@media (min-width: 640px) {
  .modal-tso-new .modal-body .tso-new-submit-container .miz-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 16px;
  }
}
.modal-tso-new .modal-body .tso-new-submit-container .miz-button .mizi {
  width: 32px;
  height: 32px;
  margin-bottom: 0;
  margin-right: 32px;
}
@media (min-width: 640px) {
  .modal-tso-new .modal-body .tso-new-submit-container .miz-button .mizi {
    width: 88px;
    height: 88px;
    margin-bottom: 32px;
    margin-right: 0;
  }
}
.modal-tso-new .modal-body .tso-new-submit-container .miz-button span {
  font-size: 18px;
  line-height: 36px;
}
@media (min-width: 640px) {
  .modal-tso-new .modal-body .tso-new-submit-container .miz-button span {
    font-size: 24px;
  }
}
@media (min-width: 640px) {
  .modal-tso-new .modal-footer {
    display: none;
  }
}
.modal-tso-new .modal-footer .miz-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.modal-tso-new .modal-footer .miz-button i {
  margin-right: 16px;
}
.modal-tso-pin .modal-content {
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.modal-tso-pin .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-tso-pin .modal-body .brand {
  color: #720E1A;
  height: 48px;
  width: 48px;
  margin-bottom: 32px;
}
.modal-tso-pin .modal-body .brand svg {
  width: 100%;
  height: 100%;
}
.modal-tso-pin .modal-body h3 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 16px;
}
.modal-tso-pin .modal-body .miz-form {
  padding: 0;
  padding-top: 16px;
}
.modal-tso-pin .modal-body .miz-form .miz-form-group .miz-input-group {
  margin-bottom: 0;
}
.modal-tso-pin .modal-body .miz-form .miz-form-group .miz-input-group .miz-input-label {
  text-align: center;
  font-size: 18px;
  margin-bottom: 16px;
}
.modal-tso-pin .modal-body .miz-form .miz-form-group .miz-input-group .miz-input-field input {
  padding-left: 88px;
}
.modal-tso-pin .modal-body .miz-form .miz-form-group .miz-input-group .miz-input-field > i {
  border-right: 1px solid RGBA(0, 0, 0, 0.24);
}
.modal-tso-pin .modal-body p {
  margin-top: 8px;
  font-weight: 500;
  font-size: 14px;
}
.modal-tso-pin .modal-footer {
  padding: 16px 48px;
}
.modal-tso-pin .modal-footer .miz-button {
  height: 64px;
  line-height: 64px;
}
.modal-refund * {
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.modal-refund .divider {
  background-color: RGBA(0, 0, 0, 0.24);
}
.modal-refund .modal-header {
  padding: 16px;
  border-radius: 4px 4px 0 0;
}
.modal-refund .modal-header .modal-title {
  font-weight: 600;
}
.modal-refund .modal-body {
  padding: 16px;
}
@media (min-width: 768px) {
  .modal-refund .modal-body {
    padding: 32px;
  }
}
.modal-refund .modal-body .actions-container {
  background-color: transparent;
}
.modal-refund .modal-body .actions-container .miz-button {
  min-width: 0;
}
@media (min-width: 991px) {
  .modal-refund .modal-body .actions-container .miz-button {
    min-width: 200px;
  }
}
.modal-refund .modal-body .actions-container .miz-button:not(.collapsed) {
  background-color: #720E1A;
  color: #FAFAFA;
}
.modal-refund .modal-body .collapsing {
  -webkit-transition: opacity ease-in-out 250ms;
  -o-transition: opacity ease-in-out 250ms;
  transition: opacity ease-in-out 250ms;
}
.modal-refund .modal-body .is-payment-lists {
  margin-top: 32px;
  background-color: RGBA(0, 0, 0, 0.16);
}
.modal-refund .modal-body .is-payment-lists .list-group-item .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-refund .modal-body .is-payment-lists .list-group-item .form-check .form-check-label {
  font-size: 20px;
  color: #720E1A;
  margin-left: 16px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 640px) {
  .modal-refund .modal-body .is-payment-lists .list-group-item .form-check .form-check-label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.modal-refund .modal-body .is-payment-lists .list-group-item .form-check .form-check-label .price {
  font-weight: 600;
  margin-left: 0;
}
@media (min-width: 640px) {
  .modal-refund .modal-body .is-payment-lists .list-group-item .form-check .form-check-label .price {
    margin-left: 16px;
  }
}
.modal-refund .modal-body .is-payment-lists .list-group-item .form-check .form-check-input {
  margin-top: 0;
}
.modal-refund .modal-body .is-payment-lists .list-group-item .form-check.is-default .form-check-label:after {
  content: attr(aria-current);
  margin-left: 0;
  color: RGBA(0, 0, 0, 0.64);
  font-size: 16px;
  font-style: italic;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 640px) {
  .modal-refund .modal-body .is-payment-lists .list-group-item .form-check.is-default .form-check-label:after {
    margin-left: auto;
  }
}
.modal-refund .modal-footer {
  -webkit-box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.08);
}
.modal-refund-successful .modal-body {
  font-weight: 900;
}
.modal-refund-successful .modal-footer {
  padding: 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.modal-digital-menu-dish-options .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 8px 16px 0;
  position: relative;
  z-index: 1024;
  cursor: default;
}
.modal-digital-menu-dish-options .modal-header-top {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 8px;
}
.modal-digital-menu-dish-options .modal-header-top .modal-title {
  padding: 4px 16px;
  border-radius: 0 64px 64px 0;
  margin-left: -16px;
  color: #720E1A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-digital-menu-dish-options .modal-header-top .modal-title i {
  font-size: 32px;
  margin-right: 8px;
}
.modal-digital-menu-dish-options .modal-header-top .modal-title span {
  font-weight: 500;
}
@media (min-width: 1024px) {
  .modal-digital-menu-dish-options .modal-header-top .modal-title span:not(.standalone)::before {
    content: "-";
    margin: 0 8px;
  }
}
.modal-digital-menu-dish-options .modal-header-top .modal-title span.standalone {
  margin-left: 8px;
}
.modal-digital-menu-dish-options .modal-header-top .modal-title b {
  font-weight: 400;
  display: none;
}
@media (min-width: 1024px) {
  .modal-digital-menu-dish-options .modal-header-top .modal-title b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.modal-digital-menu-dish-options .modal-header-top > .miz-button {
  border: 1px solid #720E1A;
  margin-left: auto;
}
.modal-digital-menu-dish-options .modal-header-actions {
  width: calc(100% + 32px);
  background-color: RGBA(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  left: -16px;
  right: -16px;
  margin: 0 auto;
  padding: 4px 8px;
  border-top: 1px solid RGBA(0, 0, 0, 0.08);
  border-bottom: 1px solid RGBA(0, 0, 0, 0.08);
}
.modal-digital-menu-dish-options .modal-header-actions .btn-check + label {
  font-size: 18px;
  background-color: #FFFFFF;
  padding: 4px 20px;
  line-height: 48px;
  border-radius: 8px;
  border: 1px solid RGBA(0, 0, 0, 0.24);
  color: #720E1A;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.modal-digital-menu-dish-options .modal-header-actions .btn-check + label:hover {
  color: #47060e;
}
.modal-digital-menu-dish-options .modal-header-actions .btn-check:checked + label {
    /*background-color: #720E1A;
color: #FAFAFA;*/
    -webkit-box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
    box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
}
.modal-digital-menu-dish-options .modal-header.sticky {
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  padding-top: 0;
}
.modal-digital-menu-dish-options .modal-body {
  padding: 16px;
}
@media (min-width: 1024px) {
  .modal-digital-menu-dish-options .modal-body {
    padding: 16px 32px;
  }
}
.modal-digital-menu-dish-options .modal-body .dish-optionscontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item {
  display: none;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .actions-container {
  gap: 0 !important;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .actions-container .miz-button {
  line-height: 48px !important;
  height: 48px !important;
  min-width: 0 !important;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item.show:not(.sliding) {
  height: auto;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item.sliding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  max-height: 0;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .section-inner-header {
  padding-top: 0;
  margin: 0;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .section-inner-header .section-inner-header-title {
  padding-top: 8px;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .section-inner-header .section-inner-header-title h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 16px;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .section-inner-header .section-inner-header-title h5 i {
  color: #720E1A;
  margin-right: 8px;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .section-inner-header .section-inner-header-title.add-dish {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .section-inner-header .section-inner-header-title.add-dish .has-badge {
  margin-bottom: 16px;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .reports-check + label {
  min-width: 0;
  font-size: 14px;
  line-height: 1;
  padding: 16px 32px;
  height: auto;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .reports-check:checked + label {
  min-width: 0;
  font-size: 14px;
  background-color: #720E1A;
  color: #FAFAFA !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .reports-check:disabled + label {
  pointer-events: none;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .reports-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .reports-container .reports-item {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .reports-container .reports-item.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .actions-container {
  background-color: transparent !important;
  margin: 8px 0;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .actions-container:not(.tabs) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .actions-container:not(.tabs) .miz-button {
  height: 64px;
  line-height: 64px;
  width: auto;
  min-width: 96px;
}
@media (min-width: 640px) {
  .modal-digital-menu-dish-options .modal-body .dish-options-item .actions-container:not(.tabs) .miz-button {
    width: auto;
    min-width: 128px;
  }
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .actions-container.tabs {
  padding: 0;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form {
  padding-bottom: 0;
}
    .modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group {
        display: grid;
        /*grid-template-columns: 1fr;*/
        gap: 16px;
        margin-bottom: 48px;
    }

@media (min-width: 1024px) {
  .modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group {
    width: 100%;
  }
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count {
  width: 100%;
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .form-helper {
  margin-top: 0;
  margin-bottom: 8px;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .miz-input-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .miz-input-field {
  max-width: 240px;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .btn-add,
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .btn-remove {
  position: absolute;
  top: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #FAFAFA;
  border: 1px solid #720E1A;
  color: #720E1A;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .btn-add:disabled,
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .btn-remove:disabled {
  color: #FAFAFA;
  border: 1px solid #687078;
  background-color: #687078;
  opacity: 0.64;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .form-control {
  margin: 0 64px;
  width: calc(100% - 128px);
  text-align: center;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .btn-add {
  right: 4px;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .btn-remove {
  left: 4px;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group .miz-input-field {
  position: relative;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-add .miz-form .miz-form-group .miz-input-group .miz-input-field .btn-add-dish {
  top: 0;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .miz-form-switch .form-check-input {
  margin-right: 8px;
  margin-top: 0;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .miz-calendar .miz-calendar-header {
  padding: 16px 0 0;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .miz-calendar .miz-calendar-header .form-check {
  background-color: RGBA(255, 255, 255, 0.08);
  border: 1px solid RGBA(255, 255, 255, 0.08);
  padding: 8px 16px;
  border-radius: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .miz-calendar .miz-calendar-header .form-check .form-check-input {
  position: relative;
  left: 0;
  margin-left: 0;
  margin-right: 8px;
  margin-top: 0;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .miz-calendar .miz-calendar-header .form-check .form-check-input:checked {
  background-color: #FAFAFA;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .miz-calendar .miz-calendar-header .form-check .form-check-input:checked::after {
  border-color: #720E1A;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .wizard-dish-smart-price-content {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .wizard-dish-smart-price-content .smart-price-list {
  border: 1px solid #cb9c2f;
  margin: 0 0 16px;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .wizard-dish-smart-price-content .smart-price-list:last-child {
  margin-bottom: 0;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-header {
  background-color: #FEC53C;
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  border-radius:4px
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-header h4 {
  margin-bottom: 0;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-body {
  padding: 0;
  margin-bottom: 0;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-body-content, .modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .wizard-dish-smart-price-content .smart-price-list .smart-price-list-body-sliders {
  border: 0;
  background-color: transparent;
  border-bottom: 0 !important;
  padding: 8px 16px 16px;
  /*-webkit-box-shadow: 0 1px 0 0 #cb9c2f;
          box-shadow: 0 1px 0 0 #cb9c2f;*/
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .wizard-dish-smart-price-content .smart-price-list-body-sliders {
  border-top: 1px solid #720E1A;
  border-bottom: none;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .wizard-dish-smart-price-content .smart-price-list-body-sliders:last-child {
  border-bottom: 1px solid #720E1A;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .video-logo {
  position: absolute;
  z-index: 2048;
  top: 0;
  left: 0;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .video-logo img {
  width: 115px;
  height: 24px;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .video-actions {
  position: absolute;
  z-index: 2048;
  top: 0;
  right: 0;
  padding: 16px;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .video-actions .miz-button {
  background-color: #720E1A;
  color: #FAFAFA;
  height: 40px;
  line-height: 40px;
  min-width: 0;
  border-radius: 4px;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .custom-play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  width: 100%;
}
.modal-digital-menu-dish-options .modal-body .dish-options-item .custom-play .controls {
  right: 0;
  left: 0;
}
.modal-digital-menu-dish-options .modal-footer {
  -webkit-box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.08);
  padding: 8px 16px;
}
.modal-digital-menu-dish-options .modal-footer .miz-button {
  line-height: 48px;
  height: 48px;
  border-radius: 4px;
}
.modal-single-outlet-add-printer .modal-body {
  padding: 16px 48px;
}
@media (min-width: 640px) {
  .modal-menu-add.modal-dialog {
    max-width: 620px;
    margin: 32px auto;
  }
}
.modal-subcription-wizard-verify .modal-body {
  padding: 16px 64px;
}
.modal-subcription-wizard-verify .modal-body h4 {
  color: #720E1A;
}
.modal-subcription-wizard-verify .modal-footer {
  padding-bottom: 48px;
}
.modal-subcription-wizard-verify-otp .modal-body {
  padding: 16px 64px;
}
.modal-subcription-wizard-verify-otp .modal-body h5 {
  font-size: 24px;
  font-weight: 500;
}
.modal-subcription-wizard-verify-otp .modal-body .miz-form {
  padding-bottom: 0;
}
.modal-subcription-wizard-verify-otp .modal-footer {
  padding-bottom: 48px;
}
.modal-tso-refund .modal-body {
  padding: 48px 48px 0;
}
.modal-tso-refund .modal-body h4 {
  max-width: 320px;
  margin: 0 auto;
}
.modal-tso-refund .modal-footer {
  padding: 48px;
}
.modal-add-payment-method .modal-header {
  font-size: 20px;
  color: #720E1A;
}
.modal-add-payment-method .modal-body {
  padding: 16px 32px;
}
.modal-tips-slip .modal-content {
  background-color: #eff2f5;
}
.modal-tips-slip .modal-content .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-tips-slip .modal-content .modal-header h3 {
  color: #720E1A;
  font-size: 16px;
  margin-bottom: 0;
}
.modal-tips-slip .modal-content .modal-footer .miz-button-icon {
  min-width: 48px;
  background-color: #FAFAFA;
}
.modal-tips-slip .modal-content .modal-footer .miz-button {
  line-height: 48px;
  height: 48px;
  border-radius: 4px;
}
.modal-tso-payment-receipt .modal-content {
  background-color: #720E1A;
}
.modal-tso-payment-receipt .modal-header {
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
}
.modal-tso-payment-receipt .modal-header .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.modal-tso-payment-receipt .modal-body {
  overflow-y: auto;
  position: relative;
  background-color: #e7e9eb;
}
.modal-tso-payment-receipt .modal-footer {
  background-color: #e7e9eb;
}
.modal-add-smart-price.time-only .wizard-dish-modal-content .wizard-dish-smart-price-content {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.modal-add-smart-price.time-only .wizard-dish-modal-content .wizard-dish-smart-price-content .smart-price-list {
  display: grid;
  grid-template-columns: 1fr 88px;
  gap: 16px;
}
.modal-add-smart-price.time-only .wizard-dish-modal-content .wizard-dish-smart-price-content .smart-price-list .smart-price-list-actions .miz-button {
  min-width: 0;
  width: 100%;
}
.modal-stockphoto .modal-footer .miz-button {
  line-height: 48px;
  height: 48px;
}
.modal-select-dish .modal-header {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 680px) {
  .modal-select-dish .modal-header {
    grid-template-columns: 320px 1fr;
  }
}
.modal-select-dish .modal-header .menu-organizer-actions .miz-form-group .miz-input-group {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.modal-select-dish .modal-header .menu-organizer-actions .miz-form-group .miz-input-group .miz-input-field {
  width: calc(100% - 160px);
  margin-right: 16px;
}
.modal-select-dish .modal-header .menu-organizer-actions .miz-form-group .miz-input-group .miz-input-field .miz-input-field-inner {
  line-height: 64px;
  height: 64px;
  padding-left: 64px !important;
}
.modal-select-dish .modal-header .menu-organizer-actions .miz-form-group .miz-input-group .miz-input-field > i {
  height: 64px;
  width: 64px;
}
.modal-select-dish .modal-header .menu-organizer-actions .miz-form-group .miz-input-group > .miz-button {
  height: 64px;
  width: 64px;
  line-height: 64px;
}
.modal-select-dish .modal-body.wizard-dish-modal-select-sub-menu-content {
  padding-top: 4px;
}
.modal-select-dish .modal-body.wizard-dish-modal-select-sub-menu-content .menu-organizer-list-dishes {
  padding: 0;
}
.modal-select-dish .modal-footer {
  padding: 8px;
  -webkit-box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.08);
}
.modal-select-dish .modal-footer .miz-button {
  line-height: 48px;
  height: 48px;
  border-radius: 4px;
}
.modal-reports-receipt .modal-content {
  background-color: #720E1A;
}
.modal-reports-receipt .modal-content .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-reports-receipt .modal-content .modal-header .miz-button.miz-button-primary {
  background-color: #FAFAFA;
}
.modal-reports-receipt .modal-content .modal-header .miz-button.miz-button-primary i {
  color: #720E1A;
}
.modal-reports-receipt .modal-content .modal-header .miz-button:not(.miz-button-primary) i {
  color: #FAFAFA;
}

.mizi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;

}
.mizi svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

i, svg, img {
  pointer-events: none;
}

.miz-form {
  padding: 0;
  position: relative;
}
.miz-form .term-helper {
  margin: 0;
  font-weight: 500;
}
.miz-form .term-helper a {
  font-weight: 600;
}
.miz-form .form-helper {
  color: RGBA(0, 0, 0, 0.48);
  font-size: 12px;
  margin-top: 4px;
}
.miz-form .miz-form-group {
  display: grid;
  row-gap: 16px;
  grid-template-columns: 1fr;
  width: 100%;
  margin-bottom: 16px;
}
.miz-form .miz-form-group.is-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
}
.miz-form .miz-form-group.col-2 {
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
@media (min-width: 768px) {
  .miz-form .miz-form-group.col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .miz-form .miz-form-group.col-2 .miz-input-group.is-full {
    grid-column-end: span 2;
  }
}
.miz-form .miz-form-group.col-3 {
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
@media (min-width: 768px) {
    #Options-Price .miz-form .miz-form-group.col-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .miz-form .miz-form-group.col-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .miz-form .miz-form-group.col-3 .miz-input-group.is-full {
        grid-column-end: span 2;
    }
}
@media (min-width: 1024px) {
  .miz-form .miz-form-group.col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .miz-form .miz-form-group.col-3 .miz-input-group.is-full {
    grid-column-end: span 3;
  }
  .miz-form .miz-form-group.col-3 .miz-input-group.is-half {
    grid-column-end: span 2;
  }
}
.miz-form .miz-form-group.col-4 {
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 640px) {
  .miz-form .miz-form-group.col-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .miz-form .miz-form-group.col-4 .miz-input-group.is-full {
    grid-column-end: span 2;
  }
}
@media (min-width: 1024px) {
  .miz-form .miz-form-group.col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .miz-form .miz-form-group.col-4 .miz-input-group.is-full {
    grid-column-end: span 4;
  }
}
.miz-form .miz-form-group.col-6 {
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
@media (min-width: 768px) {
  .miz-form .miz-form-group.col-6 {
    grid-template-columns: repeat(3, 1fr);
  }
  .miz-form .miz-form-group.col-6 .miz-input-group.is-full {
    grid-column-end: span 3;
  }
}
@media (min-width: 1024px) {
  .miz-form .miz-form-group.col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .miz-form .miz-form-group.col-6 .miz-input-group.is-full {
    grid-column-end: span 6;
  }
}
.miz-form .miz-form-group.is-tso-payment {
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 992px) {
  .miz-form .miz-form-group.is-tso-payment {
    grid-template-columns: repeat(3, 1fr);
  }
}
.miz-form .miz-form-group.is-row-icon {
  -webkit-column-gap: 48px;
     -moz-column-gap: 48px;
          column-gap: 48px;
}
.miz-form .miz-input-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
/*Author : sam 13-6-2022*/
.miz-form .miz-action-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 992px) {
    .miz-form .miz-action-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-around;
    }
}
/*SAM*/
.miz-form .miz-input-group.checkbox .miz-card {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #720E1A;
}
.miz-form .miz-input-group.checkbox .miz-card svg {
  width: 64px;
  height: 64px;
}
.miz-form .miz-input-group.checkbox .miz-card.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.miz-form .miz-input-group.checkbox .miz-card > * {
  margin-right: 16px;
}
.miz-form .miz-input-group.checkbox .miz-card > *:last-child {
  margin-right: 0;
}
.miz-form .miz-input-group.checkbox .miz-card .mizi {
  width: 36px;
  height: 36px;
}
.miz-form .miz-input-group.checkbox .btn-check[type=checkbox] + label.miz-card {
  width: 100%;
}
.miz-form .miz-input-group.checkbox .btn-check[type=checkbox] + label.miz-card:before {
  font-family: "Material Design Icons";
  content: "\f05e1";
  font-size: 24px;
  opacity: 0.24;
}
.miz-form .miz-input-group.checkbox .btn-check[type=checkbox] + label.miz-card .payment-brands {
  height: 64px;
  margin-right: 0;
}
.miz-form .miz-input-group.checkbox .btn-check[type=checkbox]:checked + label.miz-card {
  -webkit-box-shadow: inset 0 -2px 0 0 #720E1A, inset 0 2px 0 0 #720E1A, inset 2px 0 0 0 #720E1A, inset -2px 0 0 0 #720E1A;
          box-shadow: inset 0 -2px 0 0 #720E1A, inset 0 2px 0 0 #720E1A, inset 2px 0 0 0 #720E1A, inset -2px 0 0 0 #720E1A;
}
.dark .miz-form .miz-input-group.checkbox .btn-check[type=checkbox]:checked + label.miz-card {
    -webkit-box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
    box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
    color: #fafafa !important;
}
.miz-form .miz-input-group.checkbox .btn-check[type=checkbox]:checked + label.miz-card:before {
  font-family: "Material Design Icons";
  content: "\f05e0";
  font-size: 24px;
  opacity: 1;
}
.miz-form .miz-input-group.checkbox.squarize .btn-check[type=checkbox] + label.miz-card:before {
  content: "\f0135";
}
.miz-form .miz-input-group.checkbox.squarize .btn-check[type=checkbox]:checked + label.miz-card:before {
  content: "\f0132";
}
.miz-form .miz-input-group.checkbox.tso-payment .btn-check[type=checkbox] + label.miz-card:before {
  margin-right: 16px;
}
.miz-form .miz-input-group.checkbox.tso-payment .btn-check[type=checkbox] + label.miz-card i {
  padding: 0;
  margin: 16px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  color: #720E1A;
  margin-right: 0;
  margin-left: 0;
  position: relative;
}
.miz-form .miz-input-group.checkbox.tso-payment .miz-card span {
  padding: 8px;
}
.miz-form .miz-input-group.checkbox.tso-payment .miz-card i {
  height: 24px;
  width: 24px;
}
.miz-form .miz-input-group.checkbox.is-payment .btn-check[type=checkbox]:checked + label.miz-card {
  background-color: #720E1A;
}
.miz-form .miz-input-group.checkbox.is-payment .btn-check[type=checkbox]:checked + label.miz-card::before {
  color: #FAFAFA;
}
.miz-form .miz-input-group.checkbox.is-payment .btn-check[type=checkbox]:checked + label.miz-card span {
  color: #FAFAFA;
}
.miz-form .miz-input-group.checkbox.is-payment .btn-check[type=checkbox]:checked + label.miz-card i {
  background-color: #7EB73A;
  color: #000000;
}
.miz-form .miz-input-group.radio .miz-card {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #720E1A;
}
.miz-form .miz-input-group.radio .miz-card.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.miz-form .miz-input-group.radio .miz-card.column span {
  font-size: 20px;
}
.miz-form .miz-input-group.radio .miz-card.column > * {
  margin-bottom: 16px;
  margin-right: 0;
}
.miz-form .miz-input-group.radio .miz-card.column > *:last-child {
  margin-bottom: 0;
  margin-right: 0;
}
.miz-form .miz-input-group.radio .miz-card > * {
  margin-right: 16px;
}
.miz-form .miz-input-group.radio .miz-card > *:last-child {
  margin-right: 0;
}
.miz-form .miz-input-group.radio .miz-card .mizi {
  width: 36px;
  height: 36px;
}
.miz-form .miz-input-group.radio .btn-check[type=radio] + label.miz-card {
  width: 100%;
}
.miz-form .miz-input-group.radio .btn-check[type=radio] + label.miz-card:before {
  font-family: "Material Design Icons";
  content: "\f05e1";
  font-size: 24px;
  opacity: 0.24;
}
.miz-form .miz-input-group.radio .btn-check[type=radio] + label.miz-card .payment-brands {
  height: 48px;
}
.miz-form .miz-input-group.radio .btn-check[type=radio]:checked + label.miz-card {
  -webkit-box-shadow: inset 0 -2px 0 0 #720E1A, inset 0 2px 0 0 #720E1A, inset 2px 0 0 0 #720E1A, inset -2px 0 0 0 #720E1A;
          box-shadow: inset 0 -2px 0 0 #720E1A, inset 0 2px 0 0 #720E1A, inset 2px 0 0 0 #720E1A, inset -2px 0 0 0 #720E1A;
}
.miz-form .miz-input-group.radio .btn-check[type=radio]:checked + label.miz-card:before {
  font-family: "Material Design Icons";
  content: "\f05e0";
  font-size: 24px;
  opacity: 1;
}
.miz-form .miz-input-group.radio .btn-check[type=radio]:disabled + label.miz-card {
  pointer-events: none;
  background-color: RGBA(0, 0, 0, 0.04);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miz-form .miz-input-group.tso-radio .btn-check[type=radio] + label.miz-card {
  position: relative;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (min-width: 992px) {
  .miz-form .miz-input-group.tso-radio .btn-check[type=radio] + label.miz-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .miz-form .miz-input-group.tso-radio .btn-check[type=radio] + label.miz-card:before {
    position: absolute;
    top: 16px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.miz-form .miz-input-group.tso-radio .btn-check[type=radio] + label.miz-card .mizi {
  height: 88px;
  width: 88px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .miz-form .miz-input-group.tso-radio .btn-check[type=radio] + label.miz-card .mizi {
    margin-top: 32px;
    margin-left: 0;
  }
}
.miz-form .miz-input-group.tso-radio .btn-check[type=radio] + label.miz-card .mizi svg {
  width: 100%;
  height: 100%;
  color: #720E1A;
}
.miz-form .miz-input-group.tso-radio .btn-check[type=radio] + label.miz-card span {
  width: 100%;
}
.miz-form .miz-input-group.tso-radio .btn-check[type=radio]:checked + label.miz-card {
  background-color: #720E1A;
}
.miz-form .miz-input-group.tso-radio .btn-check[type=radio]:checked + label.miz-card:before {
  color: #FAFAFA;
}
.miz-form .miz-input-group.tso-radio .btn-check[type=radio]:checked + label.miz-card .mizi svg {
  color: #FAFAFA;
}
.miz-form .miz-input-group.tso-radio .btn-check[type=radio]:checked + label.miz-card span {
  color: #FAFAFA;
}
.miz-form .miz-input-group.selection {
  height: 100%;
}
.miz-form .miz-input-group.selection .miz-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
  height: 100%;
}
.miz-form .miz-input-group.selection .miz-card > * {
  margin-bottom: 16px;
}
.miz-form .miz-input-group.selection .miz-card > *:last-child {
  margin-bottom: 0;
}
.miz-form .miz-input-group.selection .miz-card h5 {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
.miz-form .miz-input-group.selection .miz-card p {
  font-size: 20px;
}
.miz-form .miz-input-group.selection .miz-card .mizi {
  width: 164px;
  height: auto;
}
.miz-form .miz-input-group.selection .miz-card .mizi svg,
.miz-form .miz-input-group.selection .miz-card .mizi img {
  color: #720E1A;
}
.miz-form .miz-input-group.selection .miz-card .is-invalid {
  color: #FF2636;
}
.miz-form .miz-input-group.selection .btn-check[type=checkbox] + label.miz-card {
  width: 100%;
}
.miz-form .miz-input-group.selection .btn-check[type=checkbox] + label.miz-card:before {
  font-family: "Material Design Icons";
  -ms-flex-item-align: end;
      align-self: flex-end;
  content: "\f05e1";
  font-size: 24px;
  opacity: 0.24;
}
.miz-form .miz-input-group.selection .btn-check[type=checkbox] + label.miz-card .payment-brands {
  height: 48px;
}
.miz-form .miz-input-group.selection .btn-check[type=checkbox]:disabled + label.miz-card {
  background-color: RGBA(0, 0, 0, 0.04);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miz-form .miz-input-group.selection .btn-check[type=checkbox]:disabled + label.miz-card > h5,
.miz-form .miz-input-group.selection .btn-check[type=checkbox]:disabled + label.miz-card > i,
.miz-form .miz-input-group.selection .btn-check[type=checkbox]:disabled + label.miz-card > p {
  opacity: 0.48;
}
.miz-form .miz-input-group.selection .btn-check[type=checkbox]:disabled + label.miz-card .mizi svg,
.miz-form .miz-input-group.selection .btn-check[type=checkbox]:disabled + label.miz-card .mizi img {
  color: RGBA(0, 0, 0, 0.24);
}
.miz-form .miz-input-group.selection .btn-check[type=checkbox]:checked + label.miz-card .mizi svg,
.miz-form .miz-input-group.selection .btn-check[type=checkbox]:checked + label.miz-card .mizi img {
    color: #fafafa
}
.miz-form .miz-input-group.selection .btn-check[type=checkbox]:checked + label.miz-card {
  -webkit-box-shadow: inset 0 -3px 0 0 #720E1A, inset 0 3px 0 0 #720E1A, inset 3px 0 0 0 #720E1A, inset -3px 0 0 0 #720E1A;
          box-shadow: inset 0 -3px 0 0 #720E1A, inset 0 3px 0 0 #720E1A, inset 3px 0 0 0 #720E1A, inset -3px 0 0 0 #720E1A;
}
.miz-form .miz-input-group.selection .btn-check[type=checkbox]:checked + label.miz-card:before {
  font-family: "Material Design Icons";
  -ms-flex-item-align: end;
      align-self: flex-end;
  content: "\f05e0";
  font-size: 24px;
  opacity: 1;
  color: #7EB73A;
}

.miz-form .miz-input-group.prefix .miz-input-field > span {
    line-height: 46px;
    background-color: #f1f1f1;
    border-color: RGBA(0, 0, 0, 0.24);
    border-width: 1px;
    border-style: solid;
    border-right: none;
    border-radius: 4px 0 0 4px;
}



.miz-form .miz-input-group.prefix .tel-country-code {
    position: absolute;
    
    top: 0;
    left: 0;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 16px;
    
}
.miz-form .miz-input-group.prefix .miz-input-field .miz-input-field-inner {
  padding-left: 74px;
}
.miz-form .miz-input-group.prefix.has-icon .miz-input-field > i {
  font-size: 24px;
  color: RGBA(0, 0, 0, 0.16);
  height: 64px;
  width: 64px;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.miz-form .miz-input-group.prefix.has-icon .miz-input-field .miz-input-field-inner {
  padding-left: 72px;
}
.miz-form .miz-input-group.suffix .miz-input-field span {
    position: absolute;
    line-height: 46px;
    top: 0;
    right: 0;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
    background: #f1f1f1;
    border: 1px solid #00000036;
    border-radius: 0px 5px 5px 0px;
    border-left: none;
    transition: all .3s;
}
/*Author: sam 15 june */
.miz-form .miz-input-group.suffix.has-actions .miz-input-field span {
    right: 60px;
}
/*sam*/
.miz-form .miz-input-group.suffix .miz-input-field span i {
    line-height: 45px
}
.miz-form .miz-input-group.suffix .miz-input-field .miz-input-field-inner:focus + span {
    background: #720E1A;
    color:#ffffff
}
.miz-form .miz-input-group.prefix .miz-input-field .miz-input-field-inner:focus + span {
    background: #720E1A;
    color: #ffffff
}
.miz-form .miz-input-group.suffix .miz-input-field .miz-input-field-inner {
  padding-right: 96px;
}
.miz-form .miz-input-group.is-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.miz-form .miz-input-group.is-row .miz-input-label {
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
}
.miz-form .miz-input-group.is-row .miz-input-field {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.miz-form .miz-input-group.is-row.icon .miz-input-label {
  -ms-flex-preferred-size: 64px;
      flex-basis: 64px;
  font-size: 40px;
  color: #720E1A;
}
.miz-form .miz-input-group.is-row.icon .miz-input-label .mizi {
  width: 40px;
  height: 40px;
}
.miz-form .miz-input-group.has-button {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 48px;
  gap: 0;
}
.miz-form .miz-input-group.has-button.fixed {
  grid-template-columns: 1fr;
}
.miz-form .miz-input-group.has-button.fixed .miz-input-label,
.miz-form .miz-input-group.has-button.fixed .miz-input-field {
  grid-column-end: span 3;
  padding-right: 0;
}
.miz-form .miz-input-group.has-button.fixed .miz-input-label span,
.miz-form .miz-input-group.has-button.fixed .miz-input-field span {
  margin-right: 0;
}
.miz-form .miz-input-group.has-button.fixed .miz-input-field {
  margin-top: 0;
}
.miz-form .miz-input-group.has-button.fixed .miz-input-field > .miz-button {
  position: absolute;
  top: 0;
  right: 8px;
}
.miz-form .miz-input-group.has-button .miz-input-label,
.miz-form .miz-input-group.has-button .miz-input-field {
  grid-column-end: span 3;
  padding-right: 16px;
}
.miz-form .miz-input-group.has-button .miz-input-label span,
.miz-form .miz-input-group.has-button .miz-input-field span {
  margin-right: 16px;
}
.miz-form .miz-input-group.has-button > .miz-button {
  margin-bottom: -8px;
}
@media (min-width: 960px) {
  .miz-form .miz-input-group.has-button .miz-input-label {
    grid-column-end: span 4;
    grid-row-start: 1;
    grid-column-start: 1;
  }
  .miz-form .miz-input-group.has-button .miz-input-field {
    grid-column-end: span 4;
    grid-row-start: 1;
    grid-column-start: 1;
    margin-top: 33px;
  }
  .miz-form .miz-input-group.has-button .miz-button {
    grid-column-start: 4;
  }
}
.miz-form .miz-form-group .miz-input-group .miz-input-field.W-Button {
    display: grid;
    grid-template-columns: 1fr 48px;
    gap: 8px;
}


.miz-form .miz-input-group.prefix > .miz-input-field .Is-Currency {
    position: absolute;
    line-height: 46px;
    top: 0;
    left: 0;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 16px;
    background-color: #f1f1f1;
    border-right-color: RGBA(0, 0, 0, 0.24);
    border-right-width: 1px;
    border-right-style: solid;
    border-radius: 4px 0 0 4px;
}
.dark .miz-form .miz-input-group.prefix > .miz-input-field .Is-Currency{
    color:#000000
}

.miz-form .miz-input-group.suffix > .miz-input-field .Is-Currency {
    position: absolute;
    line-height: 46px;
    top: 0;
    right: 0;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 16px;
    background-color: #f1f1f1;
    border-right-color: RGBA(0, 0, 0, 0.24);
    border-right-width: 1px;
    border-right-style: solid;
    border-radius: 0 4px 4px 0;
}

.miz-form .miz-input-group.suffix > .miz-input-field.W-Button .Is-Currency {
    position: absolute;
    line-height: 48px;
    top: 0;
    right: 56px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
}
.miz-form .miz-input-group.has-actions .miz-input-field .miz-input-field-inner {
    max-width: calc(100% - 60px);
}
.miz-form .miz-input-group.has-doubleactions .miz-input-field .miz-input-field-inner {
    max-width: calc(100% - 120px);
}
.miz-form .miz-input-group.has-doubleactions .miz-input-field .actionl {
    position:absolute;
    top: 0;
    right: 60px;
}
.miz-form .miz-input-group.has-doubleactions .miz-input-field .actionr {
    position: absolute;
    top: 0;
    right: 0;
}
/*Author: sam 16 june*/
.miz-form .miz-input-group.has-actions .miz-input-field.is-select .select-wrapper {
    max-width: calc(100% - 60px);
}
.miz-form .miz-input-group.has-actions .miz-input-field.is-select .miz-button{
    position:absolute;
    right:0
}
/*Sam*/
.miz-form .miz-input-group.has-actions .actions-confirm,
.miz-form .miz-input-group.has-actions .actions-add,
.miz-form .miz-input-group.has-actions .actions-cancel {
    position: absolute;
    top: 0;
}
.miz-form .miz-input-group.has-actions .actions-confirm {
  right: 48px;
}
.miz-form .miz-input-group.has-actions .actions-add,
.miz-form .miz-input-group.has-actions .actions-cancel {
    right: 0;
}
.miz-form .miz-input-group.has-actions-fixed {
  gap: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
}
.miz-form .miz-input-group.has-actions-fixed.prefix .miz-input-field > i {
  height: 48px;
  width: 48px;
  line-height: 48px;
}
@media (min-width: 640px) {
  .miz-form .miz-input-group.has-actions-fixed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.miz-form .miz-input-group.has-actions-fixed .miz-input-field {
  margin-bottom: 16px;
  width: 100%;
}
@media (min-width: 640px) {
  .miz-form .miz-input-group.has-actions-fixed .miz-input-field {
    width: calc(100% - 128px);
    margin-right: 16px;
  }
}
.miz-form .miz-input-group.has-actions-fixed .miz-input-field .miz-input-field-inner {
  max-width: 100%;
  line-height: 48px;
  height: 48px;
  padding-left: 48px !important;
}
@media (min-width: 640px) {
  .miz-form .miz-input-group.has-actions-fixed > .spacer {
    display: none;
  }
}
.miz-form .miz-input-group.has-actions-fixed .miz-button-icon {
  max-width: calc(50% - 8px);
  width: calc(50% - 8px);
  margin-right: 16px;
}
.miz-form .miz-input-group.has-actions-fixed .miz-button-icon:last-child {
  margin-right: 0;
}
@media (min-width: 640px) {
  .miz-form .miz-input-group.has-actions-fixed .miz-button-icon {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
}
.miz-form .miz-input-group.has-actions-fixed .actions-confirm,
.miz-form .miz-input-group.has-actions-fixed .actions-cancel {
  position: absolute;
  top: 8px;
}
.miz-form .miz-input-group.has-actions-fixed .actions-confirm {
  right: 48px;
}
.miz-form .miz-input-group.has-actions-fixed .actions-cancel {
  right: 0;
}
.miz-form .miz-input-group.captcha .captcha-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.miz-form .miz-input-group.captcha .captcha-code {
  margin: 4px 0 8px;
}
.miz-form .miz-input-group.captcha .captcha-code img {
  height: 48px;
  width: 80px;
}
.miz-form .miz-input-group.captcha .captcha-code .miz-button {
  margin-right: 0;
}
.miz-form .miz-input-group.otp .miz-input-label {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.miz-form .miz-input-group.otp .miz-input-field .miz-input-field-inner {
  text-align: center;
}
.miz-form .miz-input-label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
@media (min-width:1440px) {
    .miz-form .miz-input-label {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 8px;
    }
}
.miz-form .miz-input-label.required::before, .miz-form .miz-input-label.required::after {
  color: #FF2636;
  font-weight: 400;
  font-size: 14px;
}
.miz-form .miz-input-label.required::before {
  content: "*";
}
.miz-form .miz-input-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin-bottom: 8px;
}
.miz-form .miz-input-field-inner {
  font-size: 16px;
  height: 48px;
  line-height: 1.6;
  border-color: RGBA(0, 0, 0, 0.24);
  border-width: 1px;
  border-radius: 4px;
  outline: 0;
  background-color: transparent;
  margin-bottom: 0 ;
    display: flex;
}
.miz-form textarea.miz-input-field-inner {
    line-height: 28px;
    min-height: 68px;
    appearance:none
}

.miz-form textarea.miz-input-field-inner {
    scrollbar-width: auto;
    scrollbar-color: #750000 #ffffff;
}

.miz-form .miz-checkbox-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    margin-bottom: 8px;
}
.miz-form .miz-checkbox-field > label {
    margin-right:10px
}

/* Chrome, Edge, and Safari */
.miz-form textarea.miz-input-field-inner::-webkit-scrollbar {
    width: 8px;
}

.miz-form textarea.miz-input-field-inner::-webkit-scrollbar-track {
    background: #ffffff;
}

.miz-form textarea.miz-input-field-inner::-webkit-scrollbar-thumb {
    background-color: #750000;
    border-radius: 25px;
    border: 0px none #ffffff;
}
.miz-form .miz-input-field-inner:disabled {
  background-color: RGBA(0, 0, 0, 0.08);
  cursor: not-allowed;
}
.miz-form .miz-textarea-field-inner:disabled {
    background-color: RGBA(0, 0, 0, 0.08);
    cursor: not-allowed;
}

.btn-check:disabled + label {
    opacity: 0.8;
    cursor: not-allowed;
}

.miz-form .miz-input-field-inner:focus {
    border-color: RGBA(0, 0, 0, 0.48);
}
.miz-form .miz-input-field.is-upload {
  position: relative;
  overflow: hidden;
}
.miz-form .miz-input-field.is-upload .upload-box {
  width: 100%;
  padding: 32px;
  border: 2px dashed RGBA(0, 0, 0, 0.16);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.miz-form .miz-input-field.is-upload .upload-box i {
  font-size: 64px;
}
.miz-form .miz-input-field.is-upload .upload-box h5 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}
.miz-form .miz-input-field.is-upload .upload-box p {
  font-size: 14px;
  margin-bottom: 32px;
}
.miz-form .miz-input-field.is-upload .upload-box .miz-button {
  margin-bottom: -1px;
}
.miz-form .miz-input-field.is-upload input[type=file] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.miz-form .miz-input-field.datetimepicker {
  position: relative;
}
.miz-form .miz-textarea-field-inner {
  border-radius: 4px;
  background-color: transparent;
}
.miz-form-tso .miz-input-label {
  font-size: 20px;
  text-align: center;
  margin-bottom: 16px;
}
.miz-form-tso .miz-input-field input {
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 24px;
}
.miz-form-tso-order .miz-form-group .miz-input-group .miz-input-label {
  font-size: 18px;
}
.miz-form-tso-order .miz-form-group .miz-input-group .miz-input-field-icon {
  font-size: 24px;
  color: #720E1A;
  position: absolute;
  height: 48px;
  width: 48px;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.miz-form-tso-order .miz-form-group .miz-input-group .miz-input-field-icon svg {
  width: 70%;
  height: 70%;
}
.miz-form-tso-order .miz-form-group .miz-input-group .miz-input-field.tso-guest-number .tso-guest-remove,
.miz-form-tso-order .miz-form-group .miz-input-group .miz-input-field.tso-guest-number .tso-guest-add {
  position: absolute;
  height: 48px;
  width: 48px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
}
.miz-form-tso-order .miz-form-group .miz-input-group .miz-input-field.tso-guest-number .tso-guest-remove {
  left: 48px;
}
.miz-form-tso-order .miz-form-group .miz-input-group .miz-input-field.tso-guest-number .tso-guest-add {
  right: 0;
}
.miz-form-tso-order .miz-form-group .miz-input-group .miz-input-field.tso-guest-number input {
  padding-left: 104px;
  padding-right: 52px;
  text-align: center;
}
.miz-form-tso-order .miz-form-group .miz-input-group .miz-input-field input {
  padding-left: 64px;
}
.miz-form-tso-order .miz-form-group .miz-button-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
.miz-form-tso-order .miz-form-group .miz-button-group .miz-button {
  height: 64px;
  line-height: 64px;
  font-size: 24px;
  min-width: 0;
  width: 100%;
}
.miz-form-tso-new .miz-form-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-weight: 600;
}
.miz-form-tso-new .miz-form-header .mizi {
  width: 48px;
  height: 48px;
  background-color: #720E1A;
  margin-left: 16px;
  border-radius: 50%;
}
.miz-form-tso-new .miz-form-header .mizi svg {
  color: #FAFAFA;
  width: 70%;
  height: 70%;
}
.miz-form-tso-new .miz-form-group .miz-input-group .miz-input-field.tso-guest-number input {
  text-align: center;
}
.miz-form-tso-new .miz-form-group .miz-input-group .miz-input-field > i {
  position: absolute;
  left: 0;
  top: 0;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 32px;
  color: #720E1A;
}
.miz-form-tso-new .miz-form-group .miz-input-group .miz-input-field .miz-input-field-inner {
  height: 64px;
  line-height: 64px;
  padding-left: 64px;
}
.miz-form-tso-new .miz-form-group .miz-input-group .miz-input-field .tso-guest-remove,
.miz-form-tso-new .miz-form-group .miz-input-group .miz-input-field .tso-guest-add {
  position: absolute;
  top: 0;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 32px;
  color: #720E1A;
}
.miz-form-tso-new .miz-form-group .miz-input-group .miz-input-field .tso-guest-remove {
  left: 64px;
}
.miz-form-tso-new .miz-form-group .miz-input-group .miz-input-field .tso-guest-add {
  right: 0;
}
.miz-form-tso-new .miz-form-group .miz-input-group .miz-input-field .helper {
  font-size: 14px;
  margin-top: 16px;
}
.miz-form-tso-refund .miz-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  .miz-form-tso-refund .miz-form-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.miz-form-tso-refund .miz-form-group > * {
  margin-right: 16px;
}
.miz-form-tso-refund .miz-form-group > *:last-child {
  margin-right: 0;
}
.miz-form-tso-refund .miz-form-group .miz-input-group .miz-input-field input {
  background-color: #FAFAFA;
}
.miz-form-tso-refund .miz-form-group .miz-input-group.is-search input {
  width: calc(100% - 112px);
  border-radius: 4px 0 0 4px;
}
.miz-form-tso-refund .miz-form-group .miz-input-group.is-search .btn-search {
  position: absolute;
  top: 0;
  right: 64px;
  border-radius: 0 4px 4px 0;
  background-color: #720E1A;
  color: #FAFAFA;
}
.miz-form-tso-refund .miz-form-group .miz-input-group.is-search .btn-refresh {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #FAFAFA;
}
.miz-form-tso-refund .miz-form-group .miz-input-group.is-filter, .miz-form-tso-refund .miz-form-group .miz-input-group.is-sort {
  width: 100%;
}
@media (min-width: 768px) {
  .miz-form-tso-refund .miz-form-group .miz-input-group.is-filter, .miz-form-tso-refund .miz-form-group .miz-input-group.is-sort {
    width: 320px;
  }
}
.miz-form-tso-refund .miz-form-group .miz-input-group.is-filter input, .miz-form-tso-refund .miz-form-group .miz-input-group.is-sort input {
  padding-left: 52px;
}
.miz-form-tso-refund .miz-form-group .miz-input-group.is-filter .select-wrapper .form-outline::before, .miz-form-tso-refund .miz-form-group .miz-input-group.is-sort .select-wrapper .form-outline::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  font-family: "Material Design Icons";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
}
.miz-form-tso-refund .miz-form-group .miz-input-group.is-filter .select-wrapper .form-outline::before {
  content: "\f0232";
}
.miz-form-tso-refund .miz-form-group .miz-input-group.is-sort .select-wrapper .form-outline::before {
  content: "\f04ba";
}
.miz-form-refund .miz-form-group {
  row-gap: 0;
}
.miz-form-refund .miz-form-group > * {
  margin-bottom: 16px;
}
.miz-form-refund .miz-form-group > *:last-child {
  margin-bottom: 0;
}
.miz-form-refund .miz-form-group .miz-input-group .miz-input-field {
  margin-bottom: 0;
}
.miz-form-refund .miz-form-group .miz-input-group .list-group {
  border-radius: 4px;
}
.miz-form-refund .miz-form-group .miz-input-group .list-group .list-group-item {
  text-align: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.miz-form-refund .miz-form-group .miz-input-group .list-group .list-group-item.header {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: RGBA(0, 0, 0, 0.16);
}
.miz-form-refund .miz-form-group .miz-input-group .list-group .list-group-item .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-left: 0;
}
.miz-form-refund .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.miz-form-refund .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-label .mizi {
  width: 48px;
  height: 48px;
}
.miz-form-refund .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-label > span {
  margin-left: 16px;
  font-size: 18px;
}
.miz-form-refund .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-input ~ .form-check-label {
  opacity: 1;
  color: RGBA(0, 0, 0, 0.24);
  cursor: not-allowed;
}
.miz-form-refund .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-input ~ .form-check-label::after {
  content: "(" attr(aria-errormessage) ")";
  margin-left: 16px;
  font-style: italic;
  font-size: 12px;
  color: #FF2636;
}
.miz-form-refund .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-input:not(:disabled) ~ .form-check-label {
  color: #720E1A;
  font-weight: 600;
  cursor: pointer;
}
.miz-form-refund .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-input:not(:disabled) ~ .form-check-label::after {
  display: none;
}
.miz-form-refund .miz-form-group .miz-input-group.is-amount {
  max-width: 320px;
}
.miz-form-refund .miz-form-group .miz-input-group.is-amount input {
  margin-right: 48px;
  line-height: 64px;
  height: 64px;
}
.miz-form-refund .miz-form-group .miz-input-group.is-amount .btn-refund-check {
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  height: 64px;
  border-radius: 0 4px 4px 0;
}
.miz-form-refund-user {
  padding-bottom: 0;
}
.miz-form-refund-amount {
  padding: 16px;
  border: 1px solid RGBA(0, 0, 0, 0.16);
  border-radius: 4px;
  margin-top: 16px;
  background-color: #FFFFFF;
}
.miz-form-refund-amount .miz-form-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .miz-form-refund-amount .miz-form-group {
    grid-template-columns: 1fr 240px;
  }
}
.miz-form-refund-amount .miz-form-group .miz-input-group .miz-input-label {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.miz-form-refund-amount .miz-form-group .miz-input-group .miz-input-field {
  margin-bottom: 0;
}
.miz-form-refund-amount .miz-form-group .miz-input-group .miz-input-field input {
  height: 64px;
  line-height: 64px;
  font-size: 24px;
  font-weight: 600;
}
.miz-form-refund-amount .miz-form-group .miz-input-group .miz-button {
  height: 100%;
  font-size: 28px;
}
.miz-form-refund-pin {
  margin-top: 16px;
  padding-bottom: 0;
}
.miz-form-refund-pin .miz-form-group .miz-input-group .miz-input-field input {
  text-align: center;
  line-height: 64px;
  height: 64px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 8px;
}

#craceController .irs--flat.irs-with-grid {
    height: 55px !important;
    margin:0 0 32px 0 !important
}
.miz-form-tso-settings .miz-form-group > * {
    margin-bottom: 32px;
}
.miz-form-tso-settings .miz-form-group > *:last-child {
  margin-bottom: 0;
}
.miz-form-tso-settings .miz-form-group .miz-input-group .form-check {
  padding-left: 0;
  display: grid;
  grid-template-columns: 1fr 48px;
}
.miz-form-tso-settings .miz-form-group .miz-input-group .form-check h2 {
  padding-left: 0;
  font-size: 20px;
  color: #720E1A;
  grid-column-end: span 2;
  margin-bottom: 16px;
}
.miz-form-tso-settings .miz-form-group .miz-input-group .form-check .form-check-input {
  position: relative;
  justify-self: flex-end;
}
.miz-form-user-profile .miz-form-group .miz-input-group .miz-input-label {
  line-height: 32px;
}
.miz-form-user-profile .miz-form-group .miz-input-group .miz-input-label .optional-helper {
  font-size: 12px;
  color: RGBA(0, 0, 0, 0.36);
}
.miz-form-user-profile .miz-form-group .miz-input-group .has-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.miz-form-user-profile .miz-form-group .miz-input-group .has-actions .miz-button {
  margin-left: auto;
  min-width: 0;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #720E1A;
  text-transform: uppercase;
}
.miz-form-tips-search .miz-form-group {
  margin: 0 16px;
  width: calc(100% - 32px);
}
.miz-form-tips-search .miz-form-group .miz-input-group {
  gap: 16px;
  width: calc(100% - 32px);
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}
@media (min-width: 1200px) {
  .miz-form-tips-search .miz-form-group .miz-input-group {
    grid-template-columns: repeat(3, 1fr);
  }
}
.miz-form-tips-search .miz-form-group .miz-input-group .miz-input-field {
  margin-bottom: 0;
}
.miz-form-tips-search .miz-form-group .miz-input-group.is-datetime {
  grid-column-end: span 3;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.miz-form-tips-search .miz-form-group .miz-input-group.is-search {
  grid-column-end: span 3;
}
.miz-form-tips-search .miz-form-group .miz-input-group.is-table-number, .miz-form-tips-search .miz-form-group .miz-input-group.is-order-number, .miz-form-tips-search .miz-form-group .miz-input-group.is-staff-name {
  grid-column-end: span 2;
}
.miz-form-tips-search .miz-form-group .miz-input-group.is-actions {
  grid-column-end: span 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (min-width: 1200px) {
  .miz-form-tips-search .miz-form-group .miz-input-group.is-actions {
    grid-column-end: span 6;
  }
}
.miz-form-tips-search .miz-form-group .miz-input-group.is-actions > .miz-button {
  border-radius: 4px;
}
.miz-form-tips-search .miz-form-group .miz-input-group.is-actions > .miz-button:last-child {
  margin-right: 0;
}
.miz-form-tips-search .miz-form-group .miz-input-group.is-actions .miz-button-icon-text {
  height: 48px;
  line-height: 48px;
  min-width: 0;
}
.miz-form-tips-search .miz-form-group .miz-input-group.is-actions .miz-button-icon-text span {
  margin-left: 8px;
  display: none;
}
@media (min-width: 768px) {
  .miz-form-tips-search .miz-form-group .miz-input-group.is-actions .miz-button-icon-text span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.miz-form-tips-search .miz-form-group .miz-input-group.is-actions .is-search {
  background-color: #720E1A !important;
  color: #FAFAFA;
}
.miz-form-tips-search .miz-form-group .divider {
  grid-column-end: span 4;
}
@media (min-width: 1200px) {
  .miz-form-tips-search .miz-form-group .divider {
    grid-column-end: span 6;
  }
}
.miz-form-tips-search .miz-form-group .accordion-collapse {
  grid-column-end: span 4;
}
@media (min-width: 1200px) {
  .miz-form-tips-search .miz-form-group .accordion-collapse {
    grid-column-end: span 6;
  }
}
.miz-form-tips-search .miz-form-group .accordion-collapse .accordion-body {
  padding: 0;
}
.miz-form-tips-search .miz-form-group .accordion-collapse .accordion-body .miz-form-group {
  margin: 0;
  width: 100%;
}
.miz-form-wizard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  margin: 0 -16px;
  width: calc(100% + 32px) !important;
}
.miz-form-retrieve-order-lists .miz-form-group {
  margin-bottom: 0;
  row-gap: 0;
}
.miz-form-retrieve-order-lists .miz-form-group .miz-input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-form-retrieve-order-lists .miz-form-group .miz-input-group > * {
  margin-right: 8px;
}
.miz-form-retrieve-order-lists .miz-form-group .miz-input-group > *:last-child {
  margin-right: 0;
}
.miz-form-retrieve-order-lists .miz-form-group .miz-input-group .miz-input-field {
  margin-bottom: 0;
}
.miz-form-retrieve-order-lists .miz-form-group .miz-input-group .miz-input-field.is-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  color: #000000;
}
.miz-form-retrieve-order-lists .miz-form-group .miz-input-group .miz-input-field.is-search .miz-input-field-inner {
  padding-left: 48px;
}
.miz-form-retrieve-order-lists .miz-form-group .miz-input-group .miz-input-field.is-search > i {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
}
.miz-form-retrieve-order-lists .miz-form-group .miz-input-group .miz-input-field.actions .miz-button {
  border-radius: 4px;
  background-color: #FAFAFA;
}
.miz-form-retrieve-order-lists .miz-form-group .miz-input-group .miz-input-field.actions .miz-button i {
  color: #720E1A;
}
.miz-form-retrieve-order-lists .miz-form-group .miz-input-group .miz-input-field.links .miz-button {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 0 1px RGBA(255, 255, 255, 0.16);
          box-shadow: inset 0 0 0 1px RGBA(255, 255, 255, 0.16);
}
.miz-form-retrieve-order-lists .miz-form-group .miz-input-group .miz-input-field .miz-input-field-inner {
  background-color: #FAFAFA;
}
.miz-form-retrieve-order-lists .miz-form-group .miz-input-group .seperator {
  width: 1px;
  -webkit-box-shadow: inset 1px 0 0 0 RGBA(255, 255, 255, 0.48);
          box-shadow: inset 1px 0 0 0 RGBA(255, 255, 255, 0.48);
}
.miz-form-shift {
  width: 100% !important;
}
@media (min-width: 768px) {
  .miz-form-shift {
    width: auto !important;
  }
}
.miz-form-shift .miz-input-group .miz-input-field {
  background-color: transparent;
}
.miz-form-shift .miz-input-group.is-time {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .miz-form-shift .miz-input-group.is-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.miz-form-shift .miz-input-group.is-time > span {
  margin-right: 16px;
}
.miz-form-shift .miz-input-group.is-time .miz-input-field {
  margin-bottom: 0;
  max-width: 100%;
  background-color: #FAFAFA;
}
@media (min-width: 768px) {
  .miz-form-shift .miz-input-group.is-time .miz-input-field {
    max-width: 128px;
  }
}
.miz-form-shift .miz-input-group.is-time .miz-input-field .timepicker-toggle-button i {
  color: #720E1A;
}
.miz-form-r-datetime {
  width: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.miz-form-r-datetime .miz-input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.miz-form-r-datetime .miz-input-group .miz-input-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.miz-form-r-datetime .miz-input-group .miz-input-field:not(:last-child) {
  margin-right: 16px;
}
.miz-form-r-datetime .miz-input-group .miz-input-field .miz-input-label {
  margin-bottom: 0;
  margin-right: 16px;
}
.miz-checkbox {
  color: #720E1A;
  font-size: 18px;
}
@media (max-width:640px) {
    .miz-checkbox {
        color: #720E1A;
        font-size: 14px;
    }
}
.miz-form-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-left: 0;
  color: #720E1A;
  font-weight: 500;
}
.miz-form-switch label {
  width: 100%;
  font-size: 20px;
}
.miz-form-switch .form-check-input {
  margin-left: auto;
}

.form-check {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.form-check.right {
  padding-left: 0;
}
.form-check.right .form-check-input {
  float: right;
}

.is-invalid {
  color: #FF2636;
}

.radio-box .miz-card {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #720E1A;
  background-color: #FAFAFA;
}
.radio-box .miz-card > * {
  margin-right: 16px;
}
.radio-box .miz-card > *:last-child {
  margin-right: 0;
}
.radio-box .miz-card .mizi {
  width: 36px;
  height: 36px;
}
.radio-box .btn-check[type=radio] + label.miz-card {
  width: 100%;
}
.radio-box .btn-check[type=radio] + label.miz-card:before {
  font-family: "Material Design Icons";
  content: "\f05e1";
  font-size: 24px;
  opacity: 0.24;
}
.radio-box .btn-check[type=radio] + label.miz-card .payment-brands {
  height: 48px;
}
.radio-box .btn-check[type=radio]:checked + label.miz-card {
    /*background-color: #720E1A;
  color: #FAFAFA;*/
    -webkit-box-shadow: inset 0 -2px 0 0 #720E1A, inset 0 2px 0 0 #720E1A, inset 2px 0 0 0 #720E1A, inset -2px 0 0 0 #720E1A;
    box-shadow: inset 0 -2px 0 0 #720E1A, inset 0 2px 0 0 #720E1A, inset 2px 0 0 0 #720E1A, inset -2px 0 0 0 #720E1A;
}
.radio-box .btn-check[type=radio]:checked + label.miz-card:before {
  font-family: "Material Design Icons";
  content: "\f05e0";
  font-size: 24px;
  opacity: 1;
}
.radio-box .btn-check[type=radio]:disabled + label.miz-card {
  pointer-events: none;
  background-color: RGBA(0, 0, 0, 0.04);
  -webkit-box-shadow: none;
          box-shadow: none;
}


.is-datetime .miz-input-field-inner{
    padding-right:32px
}

.miz-button {
  display: inline-block;
  font-weight: 500;
  color: #720E1A;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 0;
  padding: 0 16px;
  font-size: 16px;
  height: 64px;
  line-height: 64px;
  min-width: 240px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.miz-button:focus-visible {
  outline: 0;
  -webkit-box-shadow: inset 0 0 0 1px #47060e;
          box-shadow: inset 0 0 0 1px #47060e;
}
.miz-button.xl {
  height: 88px;
  font-size: 18px;
  min-width: 0;
}
@media (max-width: 640px) {
    .miz-button {
        font-size: 14px
    }
}
@media (min-width: 640px) {
  .miz-button.xl {
    height: 108px;
    font-size: 24px;
  }
}
@media (min-width: 1180px) {
  .miz-button.xl {
    height: 180px;
    font-size: 32px;
  }
}
.miz-button.xlg {
  height: 64px;
  line-height: 64px;
  font-size: 16px;
  min-width: 0;
}
@media (min-width: 640px) {
  .miz-button.xlg {
    height: 88px;
    line-height: 88px;
    font-size: 24px;
  }
}
.miz-button.lg {
  height: 64px;
  line-height: 64px;
  font-size: 16px;
  min-width: 0;
}
@media (min-width: 640px) {
  .miz-button.lg {
    height: 104px;
    line-height: 104px;
    font-size: 24px;
  }
}
.miz-button.small {
  height: 48px;
  line-height: 48px;
  min-width: 0;
  border-radius: 4px;
}
.miz-button.xsmall {
  height: 24px;
  width: 24px;
  line-height: 24px;
  min-width: 0;
  border-radius: 50%;
  min-width: 0 !important;
  margin-left: 4px;
}
.miz-button.xsmall i {
  font-size: 18px;
}
.miz-button:-webkit-direct-focus {
  outline-color: transparent;
  outline-style: none;
  outline-width: 0;
}
.miz-button:hover:not(.miz-button-icon):not(:disabled):not(.active):not(.miz-button-primary):not(.miz-button-outline):not(.miz-button-icon-text):not(label):not(.miz-button-restaurant-sidebar):not(.miz-button-food-menu-sidebar) {
  background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .miz-button:hover:not(.miz-button-icon):not(:disabled):not(.active):not(.miz-button-primary):not(.miz-button-outline):not(.miz-button-icon-text):not(label):not(.miz-button-restaurant-sidebar):not(.miz-button-food-menu-sidebar) {
    background-color: RGBA(0, 0, 0, 0.08);
  }
}
.miz-button-form {
  height: 48px;
  min-width: 0;
  line-height: 48px;
  font-size: 14px;
  border-radius: 4px;
}
.miz-button-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.miz-button i {
  font-size: 24px;
}
.miz-button:disabled:not(.miz-button-otp-reset):not(.miz-button-nav):not(.miz-button-sub-nav), .miz-button[disabled]:not(.miz-button-otp-reset):not(.miz-button-nav):not(.miz-button-sub-nav) {
  color: #FAFAFA;
}
.miz-button:disabled:not(.miz-button-otp-reset):not(.miz-button-nav):not(.miz-button-sub-nav):not(.miz-button-text), .miz-button[disabled]:not(.miz-button-otp-reset):not(.miz-button-nav):not(.miz-button-sub-nav):not(.miz-button-text) {
  background-color: #a0a0a0;
}
.miz-button-submit {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 48px;
}
.miz-button-submit-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
}
.miz-button-primary:not(.miz-button-outline):not(:disabled) {
  background-color: #720E1A;
  color: #FAFAFA;
  border-color: #720E1A;
}
.miz-button-primary:not(.miz-button-outline):not(:disabled):focus-visible {
  outline: 0;
  background-color: #47060e;
}
.miz-button-primary:not(.miz-button-outline):not(:disabled):hover {
  background-color: #720E1A;
}
@media (hover: hover) and (pointer: fine) {
  .miz-button-primary:not(.miz-button-outline):not(:disabled):hover {
    background-color: #47060e;
  }
}
.miz-button-submenu:not(.miz-button-outline):not(:disabled) {
  background-color: #FEC53C;
  color: #000000;
  border-color: #FEC53C;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.miz-button-submenu:not(.miz-button-outline):not(:disabled) i {
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.miz-button-submenu:not(.miz-button-outline):not(:disabled):hover {
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
@media (hover: hover) and (pointer: fine) {
  .miz-button-submenu:not(.miz-button-outline):not(:disabled):hover {
    -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  .miz-button-submenu:not(.miz-button-outline):not(:disabled):hover i {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.miz-button-primary:is(.miz-button-outline) {
  border-color: #720E1A;
}
.miz-button:disabled:is(.miz-button-primary) {
  background-color: #a0a0a0;
  color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.miz-button-otp-reset:disabled {
  background-color: transparent;
  color: RGBA(0, 0, 0, 0.48);
}
.miz-button-primary:is(.miz-button-icon):not(.miz-button-outline):hover {
  background-color: #720E1A;
}
@media (hover: hover) and (pointer: fine) {
  .miz-button-primary:is(.miz-button-icon):not(.miz-button-outline):hover {
    background-color: #47060e;
  }
}
.miz-button-white:is(.miz-button-icon) {
  background-color: #FFF;
  color: #720E1A;
  border: 1px solid RGBA(0, 0, 0, 0.16);
}
.miz-button-icon {
  border-radius: 50%;
  padding: 0;
  line-height: 48px;
  min-width: 0;
  height: 48px;
  width: 48px;
  background-color: transparent;
}
.miz-button-icon:is(a) {
  color: #FAFAFA;
}
.miz-button-icon:is(a) i {
  color: #FAFAFA;
}
.miz-button-icon.squarize {
  border-radius: 4px;
}
.miz-button-icon.large {
  height: 64px;
  width: 64px;
  line-height: 64px;
}
.miz-button-icon.large i {
  font-size: 32px;
}
.miz-button-icon.small {
  height: 36px;
  width: 36px;
  line-height: 36px;
}
.miz-button-icon.small i {
  font-size: 16px;
}
.miz-button-icon-toolbar {
  color: #FAFAFA;
}
.miz-button-icon-flat {
  border-radius: 4px;
  background-color: #FAFAFA;
  color: #720E1A;
  margin: 0 16px;
}
.miz-button-icon-flat i {
  font-size: 24px;
}
.miz-button-icon-flat-outline {
  border-width: 1px;
  border-color: RGBA(0, 0, 0, 0.08);
  border-style: solid;
}
@media (hover: hover) and (pointer: fine) {
  .miz-button-icon:hover {
    background-color: RGBA(0, 0, 0, 0.08);
  }
}
.miz-button-icon-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
}
.miz-button-icon-text span {
  margin-left: 16px;
}
.miz-button-raised {
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow;
}
.miz-button-raised:hover:not(:disabled) {
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
@media (hover: hover) and (pointer: fine) {
  .miz-button-raised:hover:not(:disabled):hover {
    -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  }
}
.miz-button-outline {
  border-color: RGBA(0, 0, 0, 0.16);
  border-width: 1px;
  border-style: solid;
}
.dark .miz-button-outline {
    border-color: RGBA(255, 255, 255, 0.8);
    color:#fafafa;
    border-width: 1px;
    border-style: solid;
}
.miz-button-help {
  border-color: #9DB4CC;
  min-width: 46px;
}
.miz-button-help.miz-button-icon {
  color: #9DB4CC;
}
.miz-button-help.miz-button-icon i {
  color: #9DB4CC;
}
.miz-button-refresh {
  min-width: 48px;
  min-height: 48px;
}
.miz-button-refresh .mdi:before {
  -webkit-transition: all ease-in-out 500ms;
  -o-transition: all ease-in-out 500ms;
  transition: all ease-in-out 500ms;
}
.miz-button-refresh .mdi.rotate::before {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
.miz-button-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
  padding: 16px;
}
.miz-button-file input {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.miz-button-help-variant {
  height: 24px;
  width: 24px;
  line-height: 24px;
  min-width: 0;
  border-radius: 50%;
  min-width: 24px !important;
  margin-left: 4px;
}
.miz-button-help-variant i.mdi-help {
  height: 24px;
  width: 24px;
  font-size: 18px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-check:checked + label.miz-button.miz-button-outline {
  border-color: #720E1A;
  color: #720E1A;
      -webkit-box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
    box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
}

.btn-check:checked + label.miz-button.squarize {
    border-color: #720E1A;
    color: #FAFAFA;
    -webkit-box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
    box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
}

.btn-card + label.miz-button.miz-button-outline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  padding: 16px;
  color: RGBA(0, 0, 0, 0.64);
  border-color: transparent;
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  border-width: 3px;
}
.btn-card + label.miz-button.miz-button-outline img, .btn-card + label.miz-button.miz-button-outline svg {
  min-height: 48px;
  min-width: 48px;
  display: block;
  margin: 0 auto;
}
.btn-card + label.miz-button.miz-button-outline span {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  margin-top: 16px;
}

.btn-check:checked + label.miz-button.miz-button-visibility:before {
  font-family: "Material Design Icons";
  content: "\f0208";
  font-size: 24px;
}

.btn-check + label.miz-button.miz-button-visibility:before {
  font-family: "Material Design Icons";
  content: "\f0209";
  font-size: 24px;
}

.float-help .miz-button-help {
  width: 48px;
  height: 48px;
  line-height: 48px;
  position: absolute;
  top: 16px;
  right: 16px;
}

.float-close {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 24;
  background-color: #FAFAFA;
  color: #720E1A;
}
.float-close:hover {
  background-color: #47060e;
  color: #FAFAFA;
}

.btn-upload {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.swiper-slide-thumb-active .miz-button-outline {
  background-color: #720E1A;
  border-color: #720E1A;
  color: #FAFAFA;
}

.swiper-sales-report-nav {
  padding-bottom: 16px;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
}
.swiper-sales-report-nav-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 64px;
}
.swiper-sales-report-nav-container .swiper-sales-report-nav-navigation,
.swiper-sales-report-nav-container .swiper-sales-report-nav-options-navigation,
.swiper-sales-report-nav-container .swiper-dish-options-nav-navigation {
  top: 0;
  height: 64px;
  width: 64px;
}
.swiper-sales-report-nav-container .swiper-sales-report-nav-navigation.swiper-button-next,
.swiper-sales-report-nav-container .swiper-sales-report-nav-options-navigation.swiper-button-next,
.swiper-sales-report-nav-container .swiper-dish-options-nav-navigation.swiper-button-next {
  right: 0;
}
.swiper-sales-report-nav-container .swiper-sales-report-nav-navigation.swiper-button-prev,
.swiper-sales-report-nav-container .swiper-sales-report-nav-options-navigation.swiper-button-prev,
.swiper-sales-report-nav-container .swiper-dish-options-nav-navigation.swiper-button-prev {
  left: 0;
}
.swiper-sales-report-nav-container .swiper-dish-options-nav .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.swiper-sales-report-nav-container .swiper-dish-options-nav .miz-button {
  min-width: 0 !important;
  width: 95%;
  margin: auto;
}
.swiper-sales-report-nav-options .swiper-wrapper .swiper-slide {
  width: auto !important;
}
.swiper-sales-report-nav-options-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 64px;
}
.swiper-sales-report-nav-options-container .swiper-sales-report-nav-navigation,
.swiper-sales-report-nav-options-container .swiper-sales-report-nav-options-navigation,
.swiper-sales-report-nav-options-container .swiper-dish-options-nav-navigation {
  top: 0;
  height: 64px;
  width: 64px;
}
.swiper-sales-report-nav-options-container .swiper-sales-report-nav-navigation.swiper-button-next,
.swiper-sales-report-nav-options-container .swiper-sales-report-nav-options-navigation.swiper-button-next,
.swiper-sales-report-nav-options-container .swiper-dish-options-nav-navigation.swiper-button-next {
  right: 0;
}
.swiper-sales-report-nav-options-container .swiper-sales-report-nav-navigation.swiper-button-prev,
.swiper-sales-report-nav-options-container .swiper-sales-report-nav-options-navigation.swiper-button-prev,
.swiper-sales-report-nav-options-container .swiper-dish-options-nav-navigation.swiper-button-prev {
  left: 0;
}
.swiper-sales-report-nav-options-container .swiper-dish-options-nav .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.swiper-sales-report-nav-options-container .swiper-dish-options-nav .miz-button {
  min-width: 0 !important;
  width: 95%;
  margin: auto;
}
.swiper-sales-report-nav .swiper-container {
  position: relative;
  overflow: hidden;
}
.swiper-sales-report-nav .swiper-wrapper {
  width: 100%;
}
@media (min-width: 960px) {
  .swiper-sales-report-nav .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.swiper-sales-report-nav .swiper-wrapper .swiper-slide .miz-button {
  min-width: 0;
}
@media (min-width: 960px) {
  .swiper-sales-report-nav .swiper-wrapper .swiper-slide {
    width: auto;
    padding: 0 16px;
  }
}
.swiper-sales-report-nav .swiper-sales-report-nav-navigation {
  top: 0;
  margin-top: 0;
  background-color: #720E1A;
  height: 64px;
  width: 64px;
  border-radius: 8px;
  color: #FAFAFA;
}
@media (min-width: 960px) {
  .swiper-sales-report-nav .swiper-sales-report-nav-navigation {
    display: none;
  }
}
.swiper-sales-report-nav .swiper-sales-report-nav-navigation.swiper-button-prev {
  left: 0;
}
.swiper-sales-report-nav .swiper-sales-report-nav-navigation.swiper-button-next {
  right: 0;
}
.swiper-dish-options-nav-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 64px;
}
.swiper-dish-options-nav-container .swiper-sales-report-nav-navigation,
.swiper-dish-options-nav-container .swiper-sales-report-nav-options-navigation,
.swiper-dish-options-nav-container .swiper-dish-options-nav-navigation {
  top: 0;
  height: 64px;
  width: 64px;
}
.swiper-dish-options-nav-container .swiper-sales-report-nav-navigation.swiper-button-next,
.swiper-dish-options-nav-container .swiper-sales-report-nav-options-navigation.swiper-button-next,
.swiper-dish-options-nav-container .swiper-dish-options-nav-navigation.swiper-button-next {
  right: 0;
}
.swiper-dish-options-nav-container .swiper-sales-report-nav-navigation.swiper-button-prev,
.swiper-dish-options-nav-container .swiper-sales-report-nav-options-navigation.swiper-button-prev,
.swiper-dish-options-nav-container .swiper-dish-options-nav-navigation.swiper-button-prev {
  left: 0;
}
.swiper-dish-options-nav-container .swiper-dish-options-nav .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.swiper-dish-options-nav-container .swiper-dish-options-nav .miz-button {
  min-width: 0 !important;
  width: 95%;
  margin: auto;
}
.swiper-dish-options-nav .swiper-wrapper .swiper-slide {
  width: auto;
}
.swiper-sub-menu-item .swiper-slide .btn-check[type=radio]:checked + label.miz-card .miz-card-header {
  background-color: #FEC53C !important;
}
.swiper-sub-menu-item .swiper-slide .btn-check[type=radio]:checked + label.miz-card .miz-card-header .title {
  color: #000000 !important;
}
.swiper-sub-menu-item .swiper-slide .btn-check[type=radio]:checked + label.miz-card.is-addon .miz-card-header {
  background-color: #822CD9 !important;
}
.swiper-sub-menu-item .swiper-slide .btn-check[type=radio]:checked + label.miz-card.is-addon .miz-card-header .title {
  color: #FAFAFA !important;
}
.swiper-sub-menu-item .swiper-slide .btn-check[type=radio]:checked + label.miz-card.is-sidelines .miz-card-header {
  background-color: #0F9D58 !important;
}
.swiper-sub-menu-item .swiper-slide .btn-check[type=radio]:checked + label.miz-card.is-sidelines .miz-card-header .title {
  color: #FAFAFA !important;
}
.swiper-sub-menu-item .swiper-slide .btn-check[type=radio] + label.miz-card.is-addon .miz-card-header .title {
  color: #822CD9 !important;
}
.swiper-sub-menu-item .swiper-slide .btn-check[type=radio] + label.miz-card.is-sidelines .miz-card-header .title {
  color: #0F9D58 !important;
}
.swiper-payment-method {
  position: relative;
  overflow: hidden;
}
.swiper-payment-method .swiper-pagination {
  position: relative;
}
.swiper-payment-method .swiper-pagination .swiper-pagination-bullet {
  margin: 4px;
}
.swiper-payment-method .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #720E1A;
  opacity: 1;
}

.miz-toolbar {
  background-color: #720E1A;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  white-space: nowrap;
  width: 100%;
  height: 64px;
  position: relative;
}
.miz-toolbar::after {
  content: "";
  width: 100%;
  height: 108px;
  background-color: #720E1A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 48px;
  border-radius: 0 0 36px 36px;
}
.miz-toolbar-title {
  width: 100%;
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  color: #FAFAFA;
  margin-top: 16px;
}
.miz-toolbar-menu, .miz-toolbar-more {
  height: 64px;
  width: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.miz-toolbar-menu i {
  font-size: 24px;
  color: #FAFAFA;
}

.mt--1 {
  margin-top: -8px;
}

.miz-card {
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  border: 1px solid RGBA(0, 0, 0, 0.08);
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  background-color: #FAFAFA;
}
.miz-card.outlined {
  border: 1px solid RGBA(0, 0, 0, 0.16);
  gap: 0;
  padding: 0 16px;
}
.miz-card.outlined > *:not(.mizi) {
  padding: 16px;
}
.miz-card.outlined .mizi {
  margin-left: 16px;
}
.miz-card.date {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 2px);
  -webkit-box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.16), inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16), inset 1px 0 0 0 RGBA(0, 0, 0, 0.16), inset -1px 0 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.16), inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16), inset 1px 0 0 0 RGBA(0, 0, 0, 0.16), inset -1px 0 0 0 RGBA(0, 0, 0, 0.16);
}
.miz-card.date .type {
  font-size: 12px;
  font-weight: 500;
}
.miz-card.date .count {
  font-size: 24px;
  font-weight: 500;
}
.miz-card.date .count-title {
  font-size: 12px;
}
.miz-card.date .total {
  font-size: 18px;
}
.miz-card-graphic .mizi {
  width: 64px;
  height: 64px;
  position: relative;
  overflow: hidden;
}
.miz-card-graphic .mizi img {
  width: 100%;
  height: 100%;
}
.miz-card-title {
  font-size: 16px;
  font-weight: 500;
}
.miz-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
}
.miz-card.large {
  color: #720E1A;
  text-align: center;
  padding: 16px;
  gap: 0;
  position: relative;
}
.miz-card.large > * {
  margin-bottom: 16px;
}
.miz-card.large > *:last-child {
  margin-bottom: 0;
}
.miz-card.large.is-completed {
  -webkit-box-shadow: inset 0 3px 0 0 #7EB73A, inset 0 -3px 0 0 #7EB73A, inset 3px 0 0 0 #7EB73A, inset -3px 0 0 0 #7EB73A;
          box-shadow: inset 0 3px 0 0 #7EB73A, inset 0 -3px 0 0 #7EB73A, inset 3px 0 0 0 #7EB73A, inset -3px 0 0 0 #7EB73A;
}
.miz-card.large.is-completed::before {
  font-family: "Material Design Icons";
  content: "\f0e1e";
  font-weight: 600;
  background-color: #7EB73A;
  border: 2px solid #7EB73A;
  color: #FAFAFA;
}
.miz-card.large.is-completed::after {
  content: "";
  background-image: url(../img/ribbon-completed.png);
  position: absolute;
  top: 0;
  right: 0;
  width: 128px;
  height: 128px;
}
.miz-card.large.is-completed .miz-card-footer {
  display: none;
}
.miz-card.large.is-completed .miz-card-footer.is-completed {
  display: inline-block;
}
.miz-card.large.is-incomplete {
  -webkit-box-shadow: inset 0 3px 0 0 #fd7e14, inset 0 -3px 0 0 #fd7e14, inset 3px 0 0 0 #fd7e14, inset -3px 0 0 0 #fd7e14;
          box-shadow: inset 0 3px 0 0 #fd7e14, inset 0 -3px 0 0 #fd7e14, inset 3px 0 0 0 #fd7e14, inset -3px 0 0 0 #fd7e14;
}
.miz-card.large.is-incomplete::before {
  border: 2px solid #fd7e14;
  color: #fd7e14;
}
.miz-card.large.is-incomplete::after {
  content: "";
  background-image: url(../img/ribbon-incomplete.png);
  position: absolute;
  top: 0;
  right: 0;
  width: 128px;
  height: 128px;
}
.miz-card.large.is-incomplete .miz-card-footer {
  display: none;
}
.miz-card.large.is-incomplete .miz-card-footer.is-incomplete {
  display: inline-block;
}
.miz-card.large::before {
  content: attr(aria-sort);
  font-weight: 600;
  height: 32px;
  width: 32px;
  border: 2px solid #720E1A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.miz-card.large .miz-card-header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: inset 0 -1px 0 0 transparent;
          box-shadow: inset 0 -1px 0 0 transparent;
}
.miz-card.large .miz-card-header i {
  font-size: 48px;
}
.miz-card.large .miz-card-title h4 {
  font-size: 24px;
}
.miz-card.large .miz-card-body p {
  font-size: 16px;
  color: #000000;
}
.miz-card.large .miz-card-footer {
  margin-top: auto;
  margin-bottom: 0;
}
.miz-card.large .miz-card-footer .miz-button {
  min-width: 128px;
}
.miz-card.large .miz-card-footer.is-completed {
  display: none;
}
.miz-card.large .miz-card-footer.is-incomplete {
  display: none;
}
.miz-card.tso {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  padding: 32px;
  gap: 32px;
  border: 4px solid transparent;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  display: grid;
  grid-template-columns: 96px 1fr 1fr;
  position: relative;
}
@media (min-width: 680px) {
  .miz-card.tso {
    grid-template-columns: 96px 1fr 280px;
  }
}
@media (min-width: 1200px) {
  .miz-card.tso {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 960px) {
  .miz-card.tso {
    padding: 32px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .miz-card.tso:hover {
    -webkit-transition: all ease-in-out 250ms;
    -o-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
    background-color: #720E1A;
    border: 4px solid #FAFAFA;
  }
  .miz-card.tso:hover .icon svg {
    color: #FAFAFA;
  }
  .miz-card.tso:hover .desc {
    color: #FAFAFA;
  }
  .miz-card.tso:hover .action .miz-button {
    color: #FAFAFA;
    background-color: transparent;
    border-color: #FAFAFA;
  }
}
.miz-card.tso .help {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 20;
}
.miz-card.tso .help a {
  background-color: #FAFAFA;
  font-size: 18px;
  font-weight: 500;
  padding: 4px 8px;
  color: #720E1A;
  border-color: 1px solid #720E1A;
  border-radius: 48px;
  cursor: pointer;
}
.miz-card.tso .count {
  position: absolute;
  top: 8px;
  right: 8px;
}
.miz-card.tso .count span {
  background-color: #720E1A;
  font-size: 18px;
  font-weight: 500;
  border-radius: 48px;
  padding: 4px 8px;
  color: #FAFAFA;
  -webkit-animation: coloring 2s infinite;
          animation: coloring 2s infinite;
}
@-webkit-keyframes coloring {
  0%, 100% {
    background-color: #720E1A;
  }
  50% {
    background-color: #cb9c2f;
  }
}
@keyframes coloring {
  0%, 100% {
    background-color: #720E1A;
  }
  50% {
    background-color: #cb9c2f;
  }
}
.miz-card.tso .icon {
  width: 96px;
  height: 96px;
  margin: auto auto 16px;
}
@media (min-width: 1200px) {
  .miz-card.tso .icon {
    width: 148px;
    height: 148px;
  }
}
.miz-card.tso .icon svg {
  height: 100%;
  width: 100%;
  color: #720E1A;
}
.miz-card.tso .desc {
  margin-bottom: 16px;
  text-align: left;
  justify-self: flex-start;
  grid-column-end: span 2;
}
.miz-card.tso .desc p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
@media (min-width: 680px) {
  .miz-card.tso .desc {
    grid-column-end: span 1;
  }
}
@media (min-width: 1200px) {
  .miz-card.tso .desc {
    text-align: center;
  }
}
.miz-card.tso .action {
  grid-column-end: span 3;
}
@media (min-width: 680px) {
  .miz-card.tso .action {
    text-align: center;
    grid-column-end: span 1;
  }
}
@media (min-width: 1200px) {
  .miz-card.tso .action {
    margin-top: auto;
  }
}
.miz-card.tso .action .miz-button {
  font-weight: 600;
  width: 100%;
  min-width: 0;
  height: 64px;
  line-height: 64px;
  font-size: 18px;
}
@media (min-width: 640px) {
  .miz-card.tso .action .miz-button {
    height: 88px;
    line-height: 88px;
    font-size: 20px;
  }
}
@media (max-width: 320px) {
  .miz-card.tso .action .miz-button {
    font-size: 16px;
  }
}
.miz-card.tso .action .miz-button:hover {
  background-color: #FAFAFA;
  color: #720E1A;
}
.miz-card.review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FAFAFA;
  border: 1px solid RGBA(0, 0, 0, 0.64);
  border-radius: 32px;
  cursor: pointer;
  pointer-events: none;
}
.miz-card.review:hover {
  background-color: #720E1A;
  border-color: #720E1A;
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.miz-card.review:hover .title {
  color: #FAFAFA;
}
.miz-card.review .title {
  font-size: 24px;
  color: RGBA(0, 0, 0, 0.36);
}
.miz-card.tso-order {
  background-color: #F1F1F3;
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  border: 0;
  padding: 12px;
  gap: 0;
}
@media (hover: hover) and (pointer: fine) {
  .miz-card.tso-order:hover {
    -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  }
}
.miz-card.tso-order.pending, .miz-card.tso-order.paid {
  background-color: #ffffff;
}
.miz-card.tso-order.pending::before, .miz-card.tso-order.paid::before {
  content: "";
  position: relative;
  height: 4px;
  width: calc(100% + 32px);
  margin: -12px -16px 0;
}
.miz-card.tso-order.pending .tso-order-body .active .badge, .miz-card.tso-order.paid .tso-order-body .active .badge {
  background-color: #720E1A;
}
.miz-card.tso-order.pending .tso-order-body .active i, .miz-card.tso-order.paid .tso-order-body .active i {
  color: #720E1A;
}
.miz-card.tso-order.pending .tso-order-timer, .miz-card.tso-order.paid .tso-order-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.miz-card.tso-order.pending::before {
  background-color: #FF2636;
}
.miz-card.tso-order.pending .tso-order-header .mdi-currency-usd {
  background-color: #FF2636;
}
.miz-card.tso-order.pending .tso-order-header .status {
  color: #FF2636;
}
.miz-card.tso-order.pending .tso-order-header .btn-more:before {
  content: "\f03eb";
}
.miz-card.tso-order.pending .tso-order-timer,
.miz-card.tso-order.pending .tso-order-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.miz-card.tso-order.paid::before {
  background-color: #7EB73A;
}
.miz-card.tso-order.paid .tso-order-header .mdi-currency-usd {
  background-color: #7EB73A;
}
.miz-card.tso-order.paid .tso-order-header .status {
  color: #7EB73A;
}
.miz-card.tso-order.paid .tso-order-header .btn-more:before {
  content: "\f03eb";
}
.miz-card.tso-order .tso-order-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
}
.miz-card.tso-order .tso-order-header .mdi-currency-usd {
  width: 24px;
  height: 24px;
  min-width: 24px;
  font-size: 18px;
  border-radius: 50%;
  background-color: RGBA(0, 0, 0, 0.24);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FAFAFA;
  margin-right: 8px;
}
.miz-card.tso-order .tso-order-header .status {
  font-style: italic;
  font-size: 14px;
  color: RGBA(0, 0, 0, 0.36);
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.miz-card.tso-order .tso-order-header .mizi {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background-color: #720E1A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.miz-card.tso-order .tso-order-header .mizi svg {
  width: 75%;
  height: 75%;
  color: #FAFAFA;
}
.miz-card.tso-order .tso-order-header .mizi .badge {
  right: -8px;
  top: -4px;
  border: 1px solid #FAFAFA;
  z-index: 5;
  background-color: #720E1A;
  font-style: normal;
  font-size: 12px;
}
.miz-card.tso-order .tso-order-header .number {
  font-size: 18px;
  font-weight: 600;
  margin: 0 8px;
}
@media (min-width: 640px) {
  .miz-card.tso-order .tso-order-header .number {
    margin: 0 16px;
  }
}
.miz-card.tso-order .tso-order-header .btn-more {
  background-color: RGBA(0, 0, 0, 0.04);
  min-width: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.miz-card.tso-order .tso-order-header .btn-more:before {
  font-family: "Material Design Icons";
  font-weight: normal;
  font-style: normal;
  content: "\f01d8";
  font-size: 18px;
}
.miz-card.tso-order .tso-order-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  white-space: nowrap;
  margin-top: 8px;
  margin-top: 32px;
}
.miz-card.tso-order .tso-order-body .avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 3px solid #FAFAFA;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.miz-card.tso-order .tso-order-body .avatar span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.miz-card.tso-order .tso-order-body .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: calc(100% - 80px);
  position: relative;
  overflow: hidden;
  padding: 0 16px;
  min-width: 0;
}
.miz-card.tso-order .tso-order-body .details-name {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.miz-card.tso-order .tso-order-body .details-id {
  font-size: 14px;
  font-weight: 500;
  color: RGBA(0, 0, 0, 0.48);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.miz-card.tso-order .tso-order-body .active {
  position: relative;
  width: 32px;
  height: 32px;
  max-width: 32px;
}
.miz-card.tso-order .tso-order-body .active .badge {
  margin-left: auto;
  margin-right: -0.5rem;
  left: -8px;
  top: -8px;
  font-size: 12px;
  background-color: #7C7C7D;
  border: 2px solid #ffffff;
}
.miz-card.tso-order .tso-order-body .active i {
  font-size: 24px;
}
.miz-card.tso-order .tso-order-body .active .mizi {
  width: 32px;
  height: 32px;
}
.miz-card.tso-order .tso-order-timer {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 16px;
}
.miz-card.tso-order .tso-order-timer.time-4 .tso-order-timer-label {
  color: #0d6efd;
}
.miz-card.tso-order .tso-order-timer.time-4 .progress .progress-bar {
  background-color: #0d6efd;
}
.miz-card.tso-order .tso-order-timer.time-3 .tso-order-timer-label {
  color: #6f42c1;
}
.miz-card.tso-order .tso-order-timer.time-3 .progress .progress-bar {
  background-color: #6f42c1;
}
.miz-card.tso-order .tso-order-timer.time-2 .tso-order-timer-label {
  color: #fd7e14;
}
.miz-card.tso-order .tso-order-timer.time-2 .progress .progress-bar {
  background-color: #fd7e14;
}
.miz-card.tso-order .tso-order-timer.time-1 .tso-order-timer-label {
  color: #f93154;
  -webkit-animation: ProgressBlinking 3s infinite ease-in-out;
          animation: ProgressBlinking 3s infinite ease-in-out;
}
.miz-card.tso-order .tso-order-timer.time-1 .progress .progress-bar {
  background-color: #f93154;
}
.miz-card.tso-order .tso-order-timer.time-end .tso-order-timer-label {
  margin-left: auto;
  margin-right: auto;
  font-style: italic;
  color: #FF2636;
  -webkit-animation: ProgressBlinking 1s infinite ease-in-out;
          animation: ProgressBlinking 1s infinite ease-in-out;
}
.miz-card.tso-order .tso-order-timer.time-end .progress .progress-bar {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #FF2636), color-stop(50%, #faaab2), color-stop(60%, #FF2636));
  background-image: -o-linear-gradient(left, #FF2636 40%, #faaab2 50%, #FF2636 60%);
  background-image: linear-gradient(to right, #FF2636 40%, #faaab2 50%, #FF2636 60%);
  background-size: 200% auto;
  width: 100% !important;
  -webkit-animation: ProgressEnd 1s infinite;
          animation: ProgressEnd 1s infinite;
}
@-webkit-keyframes ProgressEnd {
  0% {
    background-position: left center;
  }
  50% {
    background-position: right center;
  }
  100% {
    background-position: left center;
  }
}
@keyframes ProgressEnd {
  0% {
    background-position: left center;
  }
  50% {
    background-position: right center;
  }
  100% {
    background-position: left center;
  }
}
@-webkit-keyframes ProgressBlinking {
  0% {
    color: #FF2636;
  }
  50% {
    color: transparent;
  }
  100% {
    color: #FF2636;
  }
}
@keyframes ProgressBlinking {
  0% {
    color: #FF2636;
  }
  50% {
    color: transparent;
  }
  100% {
    color: #FF2636;
  }
}
.miz-card.tso-order .tso-order-timer .tso-order-timer-label {
  margin-left: auto;
  margin-bottom: 8px;
  margin-top: 8px;
  white-space: nowrap;
  font-size: 12px;
}
.miz-card.tso-order .tso-order-timer .tso-order-timer-helper {
  color: RGBA(0, 0, 0, 0.36);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 8px;
  font-size: 12px;
}
.miz-card.tso-order .tso-order-timer .progress {
  height: 4px;
  background-color: #D8D8D8;
  border-radius: 8px;
}
.miz-card.tso-order .tso-order-action {
  display: none;
}
.miz-card.tso-order .tso-order-action .miz-button {
  margin: 0 -16px -16px;
  height: 64px;
  line-height: 64px;
  width: calc(100% + 32px);
  min-width: 0;
  border-radius: 0;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
}
.miz-card.tso-order .tso-order-action .miz-button .title {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 16px;
}
@media (min-width: 640px) {
  .miz-card.tso-order .tso-order-action .miz-button {
    font-size: 16px;
  }
}
.miz-card.plans-and-subcription {
  width: 100%;
  padding: 0;
}
.miz-card.plans-and-subcription .plan-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
  padding: 16px;
}
@media (min-width: 1024px) {
  .miz-card.plans-and-subcription .plan-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.miz-card.plans-and-subcription .plan-header-title {
  color: #FAFAFA;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 48px;
  padding: 0 16px;
  margin-bottom: 16px;
  width: auto;
}
@media (min-width: 1024px) {
  .miz-card.plans-and-subcription .plan-header-title {
    margin-bottom: 0;
  }
}
.miz-card.plans-and-subcription .plan-header-actions {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1024px) {
  .miz-card.plans-and-subcription .plan-header-actions {
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.miz-card.plans-and-subcription .plan-header-actions > * {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .miz-card.plans-and-subcription .plan-header-actions > * {
    margin-bottom: 0;
    margin-right: 16px;
  }
}
.miz-card.plans-and-subcription .plan-header-actions > *:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.miz-card.plans-and-subcription .plan-header-actions .miz-button {
  height: 48px;
  line-height: 48px;
  min-width: 0;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}
@media (min-width: 1024px) {
  .miz-card.plans-and-subcription .plan-header-actions .miz-button {
    width: auto;
  }
}
.miz-card.plans-and-subcription .plan-body {
  display: grid;
  grid-template-columns: 1fr;
  padding: 16px;
}
@media (min-width: 1024px) {
  .miz-card.plans-and-subcription .plan-body {
    grid-template-columns: repeat(3, 1fr);
  }
}
.miz-card.plans-and-subcription .plan-body-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-card.plans-and-subcription .plan-body-item .title {
  color: RGBA(0, 0, 0, 0.48);
}
.miz-card.plans-and-subcription .plan-body-item .title:after {
  content: ":";
  margin-right: 8px;
}
.miz-card.plans-and-subcription .plan-body-item span:not(.title) {
  font-weight: 500;
  text-transform: capitalize;
  margin-left: auto;
}
@media (min-width: 1024px) {
  .miz-card.plans-and-subcription .plan-body-item span:not(.title) {
    margin-left: 0;
  }
}
.miz-card.plans-subcriptions-payment {
  margin-top: 16px;
}
.miz-card.plans-subcriptions-payment .helper {
  font-size: 14px;
}
.miz-card.plans-subcriptions-payment .helper i {
  color: #720E1A;
  font-size: 20px;
}
.miz-card.payment-method {
  background-color: #333132;
  color: #FAFAFA;
  border-radius: 4px;
  position: relative;
  z-index: 24;
}
.miz-card.payment-method .payment-method-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.miz-card.payment-method .payment-method-title .card-numbers {
  font-size: 14px;
}
.miz-card.payment-method .payment-method-title .card-type {
  max-width: 32px;
  position: relative;
}
.miz-card.payment-method .payment-method-title .card-type img {
  max-width: 100%;
}
.miz-card.payment-method .payment-method-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.miz-card.payment-method .payment-method-body .expired-date {
  font-size: 12px;
  text-transform: uppercase;
  text-align: right;
  line-height: 24px;
  height: 24px;
}
.miz-card.payment-method .payment-method-body .name {
  font-size: 14px;
  margin-top: 16px;
}
.miz-card.filter-container {
  padding: 0;
  margin: 0;
  gap: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.day-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
  margin-bottom: 64px;
  padding: 16px;
}
@media (min-width: 960px) {
  .day-container {
    grid-template-columns: repeat(4, 1fr);
  }
}

.miz-table {
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  overflow: hidden;
  margin: 8px;
  width: calc(100% - 16px);
}
.miz-table.datatable-table {
  margin-bottom: 8px;
}
.miz-table.no-pagination .datatable-pagination {
  display: none;
}
.miz-table th {
  padding: 8px;
}
.miz-table > :not(caption) > * > * {
  padding: 4px 8px;
}
@media (min-width: 1180px) {
  .miz-table > :not(caption) > * > * {
    padding: 16px;
  }
}
.miz-table thead tr th {
  background-color: RGBA(0, 0, 0, 0.08);
  padding: 8px;
}
@media (min-width: 1180px) {
  .miz-table thead tr th {
    padding: 16px;
  }
}
.miz-table tbody tr td {
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
}
@media (min-width: 1180px) {
  .miz-table tbody tr td {
    padding: 8px 16px;
  }
}
.miz-table tbody tr td .miz-button-icon {
  background-color: RGBA(0, 0, 0, 0.04);
}

.datatable {
  border-radius: 4px;
}
.datatable-inner {
  border-radius: 4px 4px 0 0;
}
.datatable tbody tr:last-child {
  height: auto;
}

.table-billing-invoice tbody tr td {
  font-size: 12px;
}
.table-billing-invoice tbody tr td .miz-button {
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  font-size: 14px;
}
.table-billing-invoice tbody tr td:first-child {
  padding-left: 16px;
}
@media (min-width: 1024px) {
  .table-billing-invoice tbody tr td:last-child {
    max-width: 140px;
  }
}
.table-billing-invoice thead tr th {
  font-size: 12px;
}
.table-billing-invoice thead tr th:first-child {
  padding-left: 16px;
}
@media (min-width: 1024px) {
  .table-billing-invoice thead tr th:last-child {
    max-width: 140px;
  }
}

.datatable-pagination .datatable-select-text {
  margin-right: 16px !important;
}

.datatable-pagination-buttons {
  margin: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.datatable-pagination-buttons button {
  height: 48px;
  width: 48px;
  line-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.datatable-pagination-buttons button:not(:disabled) i {
  color: #720E1A;
}
.datatable-pagination-buttons button i {
  font-size: 24px;
}

.miz-calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  /*-webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
      */
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 4px;
}
.miz-calendar.fixed {
  border: 1px solid #720E1A;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 4px;
}
.miz-calendar.fixed .miz-calendar-header {
  border-radius: 0;
}
.miz-calendar.fixed .miz-calendar-body > .row {
  border: 1px solid RGBA(0, 0, 0, 0.08);
}
.miz-calendar.fixed .miz-calendar-footer {
  -webkit-box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.08);
}
.miz-calendar-header {
    /*background-color:#ffffff;*/ background-color: transparent;
    font-size: 16px;
    color: #720E1A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.miz-calendar-header .form-check {
  white-space: nowrap;
}
.miz-calendar-header .form-check .form-check-input {
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin-right: 0 !important;
}
.miz-calendar-header .form-check .form-check-label {
  margin-left: 8px;
}
.miz-calendar-header i {
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 8px;
}
.miz-calendar-body {
    padding: 16px 0 0 0;
    /*background-color:#ffffff;*/ background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.miz-calendar-body .swiper-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.miz-calendar-body .swiper-container .swiper-wrapper {
  width: 100%;
}
.miz-calendar-body .swiper-container .swiper-wrapper .swiper-slide {
  width: auto;
  min-width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  padding-top:0;
  /*padding-top: 36px;*/
}
.miz-calendar-body .swiper-container .swiper-wrapper .swiper-slide .btn-check:checked:not(:disabled) + label.miz-button.miz-button-icon {
  border-color: red;
  color: #FAFAFA;
  background-color: #720E1A;
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.miz-calendar-body .swiper-container .swiper-wrapper .swiper-slide .btn-check:not(:disabled) + label.miz-button.miz-button-icon {
  border-color: #720E1A;
  color: #720E1A;
  background-color: RGBA(0, 0, 0, 0.04);
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.miz-calendar-body .swiper-container .swiper-wrapper .swiper-slide .btn-check:disabled + label.miz-button.miz-button-icon {
  border-color: RGBA(0, 0, 0, 0.08);
  color: #FAFAFA;
  background-color: RGBA(114, 14, 26, 0.16);
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.miz-calendar-body .swiper-container .swiper-wrapper .swiper-slide > span:is(.not-set) {
  font-size: 12px;
  color: #FF2636;
  margin-top: 8px;
}
/*.miz-calendar-body .swiper-container .swiper-wrapper .swiper-slide.public-holiday:before {
  content: "Public Holiday";
  font-size: 12px;
  position: absolute;
  top: 0;
  line-height: 24px;
  white-space: nowrap;
}
.miz-calendar-body .swiper-container .swiper-wrapper .swiper-slide.public-holiday:after {
  line-height: 24px;
  content: attr(aria-message);
  font-size: 12px;
  color: #720E1A;
  position: absolute;
  top: 24px;
  white-space: nowrap;
}*/

.SmartPrice-Radio.sp-set + label span:after {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 100;
    background: url(/assets/img/icons/smart-price-icon.svg) no-repeat;
    background-size: cover;
    top: 5px;
}


.miz-calendar-footer {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 8px 16px;
    background-color: RGBA(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.DishWizard-SmartPrice-Days-Container {
  position: relative;
}
.DishWizard-SmartPrice-Days-Container .DishWizard-SmartPrice-Days-Navigation {
  background-color: #720E1A;
  color: #FAFAFA;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  top: -55%;
  bottom: 0;
  margin: auto;
}
.DishWizard-SmartPrice-Days-Container .DishWizard-SmartPrice-Days-Navigation.swiper-button-prev {
  left: 0;
}
.DishWizard-SmartPrice-Days-Container .DishWizard-SmartPrice-Days-Navigation.swiper-button-next {
  right: 0;
}
.DishWizard-SmartPrice-Days-Container .DishWizard-SmartPrice-Days-Navigation.swiper-button-disabled {
  display: none;
}

.accordion.search-menu {
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.accordion.search-menu .accordion-item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion.search-menu .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}
.accordion.search-menu .accordion-item:last-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion.search-menu .accordion-item:last-of-type .accordion-button {
  border-radius: 0;
}
.accordion.search-menu .accordion-header {
  background-color: RGBA(0, 0, 0, 0.04);
}
.accordion.search-menu .accordion-header .accordion-button:not(.collapsed),
.accordion.search-menu .accordion-header .accordion-button {
  background-color: RGBA(0, 0, 0, 0.08);
  font-size: 18px;
  font-weight: 500;
  gap: 16px;
}
.accordion.search-menu .accordion-header .accordion-button:not(.collapsed):after,
.accordion.search-menu .accordion-header .accordion-button:after {
  content: "\f035d";
  font-family: "Material Design Icons";
  font-size: 24px;
  background-image: none;
}
.accordion.search-menu .accordion-header .accordion-button:is(.collapsed) {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.accordion.search-menu .accordion-header .accordion-button:not(.collapsed) {
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
}
.accordion.search-menu .accordion-header .accordion-button > i {
  font-size: 32px;
}
.accordion.search-menu .accordion-header .accordion-button:after {
  content: "\f035d";
  font-family: "Material Design Icons";
  font-size: 24px;
  background-image: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.accordion.search-menu .accordion-header .accordion-button:not(.collapsed):after {
  content: "\f0360";
}
.accordion.search-menu .accordion-body .miz-form .miz-form-group {
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 960px) {
  .accordion.search-menu .accordion-body .miz-form .miz-form-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .accordion.search-menu .accordion-body .miz-form .miz-form-group {
    grid-template-columns: repeat(3, 1fr);
  }
  .accordion.search-menu .accordion-body .miz-form .miz-form-group.col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 960px) {
  .accordion.search-menu .accordion-body .miz-form .full-row {
    grid-column-end: span 2;
  }
}
@media (min-width: 1200px) {
  .accordion.search-menu .accordion-body .miz-form .full-row {
    grid-column-end: span 3;
  }
}
.accordion.food-menu {
  border-radius: 3px;
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.accordion.food-menu .accordion-item {
  overflow: hidden;
  border: 0;
}
.accordion.food-menu .accordion-header .accordion-button:not(.collapsed),
.accordion.food-menu .accordion-header .accordion-button {
  background-color: #720E1A;
  color: #FAFAFA;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(255, 255, 255, 0.36);
          box-shadow: inset 0 -1px 0 0 RGBA(255, 255, 255, 0.36);
  font-size: 18px;
  font-weight: 500;
  gap: 16px;
}
.accordion.food-menu .accordion-header .accordion-button:not(.collapsed) span.img,
.accordion.food-menu .accordion-header .accordion-button span.img {
  height: 40px;
  width: 40px;
  background-color: #FAFAFA;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}
.accordion.food-menu .accordion-header .accordion-button:not(.collapsed):before,
.accordion.food-menu .accordion-header .accordion-button:before {
  content: "\f0374";
  font-family: "Material Design Icons";
  font-size: 24px;
  margin-right: 16px;
}
.accordion.food-menu .accordion-header .accordion-button:not(.collapsed):after,
.accordion.food-menu .accordion-header .accordion-button:after {
  display: none;
}
.accordion.food-menu .accordion-header .accordion-button:not(.collapsed).collapsed:before,
.accordion.food-menu .accordion-header .accordion-button.collapsed:before {
  content: "\f0415";
}
.accordion.food-menu .accordion-body ul,
.accordion.food-menu .accordion-body li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.accordion.food-menu .accordion-body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 16px;
}
.accordion.food-menu .accordion-body li {
  background-color: #FEC53C;
  border-radius: 4px;
  padding: 16px;
  color: RGBA(0, 0, 0, 0.64);
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 100%;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.accordion.food-menu .accordion-body li span.img {
  min-height: 40px;
  min-width: 40px;
  background-color: #FAFAFA;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}
.accordion.food-menu .accordion-body li label {
  width: 100%;
}
.accordion.food-menu .accordion-body li input {
  min-width: 18px;
}
.accordion.menu-setup {
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  position: relative;
}
.accordion.menu-setup .accordion-item {
  overflow: hidden;
  border: 0;
}
.accordion.menu-setup .accordion-item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion.menu-setup .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}
.accordion.menu-setup .accordion-item:last-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion.menu-setup .accordion-item:last-of-type .accordion-button {
  border-radius: 0;
  background-color: var(--menumiz-yellow);
  color: var(--menumiz-dark);
}
.accordion.menu-setup .accordion-item:last-of-type .accordion-body .main-menu-item .swiper-container .swiper-slide .miz-card-header .count {
  background-color: #FAFAFA !important;
  border: 1px solid #720E1A;
}
.accordion.menu-setup .accordion-item:last-of-type .accordion-body .main-menu-item.is-sub-menu .swiper-container .swiper-slide .miz-card {
  overflow: hidden;
}
.accordion.menu-setup .accordion-item:last-of-type .accordion-body .main-menu-item.is-sub-menu .swiper-container .swiper-slide .miz-card .miz-card-body {
  padding: 16px 64px;
}
.accordion.menu-setup .accordion-item:last-of-type .accordion-body .main-menu-item.is-sub-menu .swiper-container .swiper-slide .miz-card .miz-card-body .miz-card-body-img {
  border-radius: 50%;
  overflow: unset;
  border: 3px solid #FEC53C;
  -webkit-box-shadow: inset 0 0 8px 0 #000000, 0 0 2px 0 RGBA(0, 0, 0, 0.48);
          box-shadow: inset 0 0 8px 0 #000000, 0 0 2px 0 RGBA(0, 0, 0, 0.48);
}
.accordion.menu-setup .accordion-item:last-of-type .accordion-body .main-menu-item.is-sub-menu .swiper-container .swiper-slide .miz-card .miz-card-body .miz-card-body-img > i {
  top: -8px;
  right: -52px;
  background-color: RGBA(0, 0, 0, 0.24);
}
.accordion.menu-setup .accordion-item:last-of-type .accordion-body .main-menu-item.is-sub-menu .swiper-container .swiper-slide .miz-card .miz-card-body .miz-card-body-img > .miz-button {
  position: absolute;
  bottom: -8px;
  right: -52px;
  margin-left: auto;
  margin-top: auto;
  background-color: RGBA(0, 0, 0, 0.24);
  color: #FAFAFA;
}
.accordion.menu-setup .accordion-item:last-of-type .accordion-body .main-menu-item.is-sub-menu .swiper-container .swiper-slide .miz-card.miz-button {
  border-color: #cb9c2f;
  color: #cb9c2f;
}
.accordion.menu-setup .accordion-item .accordion-body {
  padding: 0;
  position: relative;
  min-height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.accordion.menu-setup .accordion-item .accordion-body .btn-show-all {
  width: 48px;
  min-height: 240px;
  line-height: 48px;
  z-index: 10;
  background-color: RGBA(0, 0, 0, 0.24);
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 4px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  text-transform: uppercase;
  color: #720E1A;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  font-size: 14px;
}
.accordion.menu-setup .accordion-item .accordion-body .btn-show-all span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
  font-size: 12px;
  background-color: #720E1A;
  width: 24px;
  line-height: 24px;
  padding: 8px 0;
  border-radius: 24px;
  color: #FAFAFA;
  text-align: center;
  letter-spacing: normal;
}
.accordion.menu-setup .accordion-item .accordion-body .btn-show-all label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.accordion.menu-setup .accordion-item .accordion-body .btn-show-all .btn-check + label + i {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  padding-bottom: 16px;
}
.accordion.menu-setup .accordion-item .accordion-body .btn-show-all .btn-check + label + i:before {
  content: "\f05e1";
  font-size: 20px;
  color: RGBA(0, 0, 0, 0.24);
}
.accordion.menu-setup .accordion-item .accordion-body .btn-show-all .btn-check:checked + label + i:before {
  content: "\f05e0";
  color: #720E1A;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: auto;
  padding: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide {
  width: auto;
  padding: 16px;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .btn-check:checked + label.miz-card {
  border-color: #720E1A;
  color: #720E1A;
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .btn-check:checked + label.miz-card .miz-card-header {
  background-color: #720E1A;
  color: #FAFAFA;
  -webkit-box-shadow: inset 0 -1px 0 0 #720E1A;
          box-shadow: inset 0 -1px 0 0 #720E1A;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .btn-check:checked + label.miz-card .miz-card-header .count {
  color: #720E1A;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .btn-check:disabled + label.miz-card::before {
  font-family: "Material Design Icons";
  content: "\f0209";
  font-size: 48px;
  background-color: RGBA(0, 0, 0, 0.64);
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 20;
  color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .btn-check:disabled + label.miz-card::after {
  content: attr(aria-label);
  position: absolute;
  bottom: 48px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  color: #FAFAFA;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .btn-check:disabled + label.miz-card .miz-card-header,
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .btn-check:disabled + label.miz-card .miz-card-body {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .btn-check:disabled + label.miz-card .miz-card-body-img b {
  display: none;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card {
  padding: 0;
  gap: 0;
  border: 1px solid RGBA(0, 0, 0, 0.16);
  cursor: pointer;
  border-radius: 4px;
}
@media (min-width: 640px) {
  .accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card {
    width: 260px;
  }
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card .miz-card-header {
  font-size: 18px;
  background-color: #FAFAFA;
  padding: 16px;
  color: #720E1A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
  height: 76px;
  gap: 8px;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card .miz-card-header .title {
  font-weight: 500;
  font-size: 16px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card .miz-card-header .count {
  font-weight: 600;
  background-color: var(--menumiz-yellow);
  padding: 8px;
  border-radius: 32px;
  height: 44px;
  min-width: 44px;
  text-align: center;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card .miz-card-header .sidelines,
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card .miz-card-header .addons {
  padding: 8px;
  border-radius: 4px;
  color: #FAFAFA;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card .miz-card-header .sidelines {
  background-color: #0F9D58;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card .miz-card-header .addons {
  background-color: #822CD9;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card .miz-card-header .slash {
  margin: 0 8px;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card .miz-card-body {
  padding: 0;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card .miz-card-body-img {
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  margin-bottom: -1px;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card .miz-card-body-img > i {
  position: absolute;
  top: 8px;
  right: 8px;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px;
  height: 48px;
  background-color: RGBA(0, 0, 0, 0.36);
  border-radius: 50%;
  color: #FAFAFA;
  font-size: 24px;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card .miz-card-body-img > .miz-button {
  position: absolute;
  bottom: 8px;
  right: 8px;
  margin-left: auto;
  margin-top: auto;
  background-color: RGBA(0, 0, 0, 0.36);
  color: #FAFAFA;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card.is-actions {
  white-space: normal;
  height: 100%;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px;
  background-color: RGBA(0, 0, 0, 0.08);
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #720E1A;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card.is-actions i {
  font-size: 88px;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-wrapper .swiper-slide .miz-card.is-actions span {
  font-size: 18px;
  margin-top: 16px;
  line-height: normal;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-main-menu-item-navigation,
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-sub-menu-item-navigation {
  background-color: #720E1A;
  padding: 8px;
  width: 32px;
  height: 32px;
  color: #FAFAFA;
  border-radius: 50%;
}
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-main-menu-item-navigation.swiper-button-disabled,
.accordion.menu-setup .accordion-item .accordion-body .main-menu-item .swiper-container .swiper-sub-menu-item-navigation.swiper-button-disabled {
  display: none;
}
.accordion.menu-setup .accordion-header .accordion-button > .mdi {
  font-size: 24px;
}
.accordion.menu-setup .accordion-header .accordion-button:not(.collapsed),
.accordion.menu-setup .accordion-header .accordion-button {
  background-color: #720E1A;
  color: #FAFAFA;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(255, 255, 255, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(255, 255, 255, 0.16);
  font-size: 18px;
  font-weight: 500;
  gap: 16px;
}
.accordion.menu-setup .accordion-header .accordion-button:not(.collapsed):before,
.accordion.menu-setup .accordion-header .accordion-button:before {
  content: "\f0143";
  font-family: "Material Design Icons";
  font-size: 24px;
  margin-right: 16px;
}
.accordion.menu-setup .accordion-header .accordion-button:not(.collapsed):after,
.accordion.menu-setup .accordion-header .accordion-button:after {
  display: none;
}
.accordion.menu-setup .accordion-header .accordion-button:not(.collapsed).collapsed:before,
.accordion.menu-setup .accordion-header .accordion-button.collapsed:before {
  content: "\f0140";
}
.accordion.main-food-menu {
  width: 100%;
  margin-bottom: 16px;
}
.accordion.main-food-menu.compact {
    margin-bottom: 0;
}
.accordion.main-food-menu .accordion-item {
  padding: 0;
  background-color: #47060e;
  margin-bottom: 8px;
}
.accordion.main-food-menu.compact .accordion-item {
    margin-bottom: 6px;
}
.accordion.main-food-menu .accordion-item:first-of-type, .accordion.main-food-menu .accordion-item:last-of-type {
  position: relative;
  overflow: hidden;
  border-radius: 0;
}
.accordion.main-food-menu .accordion-item .accordion-header {
  position: relative;
  overflow: hidden;
  border-radius: 0;
}
.accordion.main-food-menu .accordion-item .accordion-header .accordion-button {
  height: 64px;
  width: 100%;
  line-height: 64px;
  background-color: transparent;
  border-radius: 0;
  color: #FAFAFA;
  font-weight: 500;
  font-size: 18px;
  padding: 0 16px 0 0;
}
.accordion.main-food-menu .accordion-item .accordion-header .accordion-button.main-activated {
  background-color: #FEC53C;
  color: #000000;
}
.accordion.main-food-menu .accordion-item .accordion-header .accordion-button span.food-menu-color {
  width: 8px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 8px;
}
.accordion.main-food-menu .accordion-item .accordion-header .accordion-button span.text {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 8px;
}
.accordion.main-food-menu .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
  content: "\f0374";
}
.accordion.main-food-menu .accordion-item .accordion-header .accordion-button:after {
  background-image: none;
  font-family: "Material Design Icons";
  content: "\f0415";
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.accordion.main-food-menu .accordion-item .accordion-collapse {
  position: relative;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
}
.accordion.main-food-menu .accordion-item .accordion-collapse .accordion-body {
  padding: 0;
  padding-bottom: 8px;
}
.accordion.main-food-menu .accordion-item .accordion-collapse .accordion-body .list-group {
  border-radius: 0;
  position: relative;
  overflow: hidden;
}
.accordion.main-food-menu .accordion-item .accordion-collapse .accordion-body .list-group-item {
  height: 64px;
  line-height: 64px;
  padding: 0 16px 0 0;
  margin: 0 8px;
  width: calc(100% - 16px);
  border-radius: 4px;
  margin-top: 8px;
  font-size: 16px;
  color: #720E1A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  gap: 0;
}

.accordion.main-food-menu .accordion-item .accordion-collapse .accordion-body .list-group-item.activated {
    background-color: #FEC53C !important;
}
.accordion.main-food-menu .accordion-item .accordion-collapse .accordion-body .list-group-item span.food-menu-color {
  width: 8px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 8px;
}
.accordion.main-food-menu .accordion-item .accordion-collapse .accordion-body .list-group-item span.text {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 8px;
}
.accordion.main-food-menu .accordion-item .accordion-collapse .accordion-body .list-group-item:after {
  margin-left: auto;
  font-family: "Material Design Icons";
  content: "\f0142";
  color: #720E1A;
  font-size: 24px;
}
.accordion.food-item-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 0;
}
.accordion.food-item-sidebar.notes {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body {
  background-color: #FAFAFA;
}
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs,
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef {
  margin: 0;
  padding: 8px;
  background-color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form,
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form {
  padding: 8px;
  background-color: #FAFAFA;
}
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group,
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group {
  display: grid;
  grid-template-columns: 1fr 48px;
  gap: 16px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-label,
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-label {
  font-size: 18px;
  font-weight: 600;
  height: auto;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-label > *,
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-label > * {
  margin-right: 4px;
}
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-label span,
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-label span {
  font-size: 14px;
  color: RGBA(0, 0, 0, 0.36);
  font-style: italic;
  border: none;
}
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-label span:before,
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-label span:before {
  content: "(";
}
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-label span:after,
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-label span:after {
  content: ")";
}
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-field,
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-field {
  margin-top: 0;
  grid-column-start: 1;
  grid-column-end: 1;
}
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-field input,
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-field input {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  width: 100%;
  margin: 0;
  background-color: #FAFAFA;
  border: 1px solid RGBA(0, 0, 0, 0.16);
  text-align: left;
  color: #000000;
}
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-button,
.accordion.food-item-sidebar.notes .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-button {
  width: 48px;
  height: 48px;
  line-height: 48px;
  margin-top: auto;
  margin-bottom: 0;
}
.accordion.food-item-sidebar .accordion-item {
  max-height: calc(100% - 64px - 64px);
  min-height: 64px;
  border-radius: 0 !important;
  position: relative;
  overflow: hidden;
}
.accordion.food-item-sidebar .accordion-item:last-child {
  margin-bottom: 0;
}
.accordion.food-item-sidebar .accordion-item.cart .accordion-collapse .accordion-body {
  padding: 0;
}
.accordion.food-item-sidebar .accordion-item .accordion-header {
  min-height: 64px;
  max-height: 64px;
}
.accordion.food-item-sidebar .accordion-item .accordion-header .accordion-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 8px 16px;
}
.accordion.food-item-sidebar .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.accordion.food-item-sidebar .accordion-item .accordion-header .accordion-button .mizi {
  width: 48px;
  height: 48px;
  margin-right: 8px;
}
.accordion.food-item-sidebar .accordion-item .accordion-header .accordion-button .mdi {
  width: 48px;
  height: 48px;
  margin-right: 8px;
  font-size: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.accordion.food-item-sidebar .accordion-item .accordion-header .accordion-button span.title {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
}
.accordion.food-item-sidebar .accordion-item .accordion-header .accordion-button span.desc {
  font-size: 16px;
  color: #720E1A;
  font-style: italic;
}
.accordion.food-item-sidebar .accordion-item .accordion-header .accordion-button.collapsed:after {
  content: "\f0415";
}
.accordion.food-item-sidebar .accordion-item .accordion-header .accordion-button:after {
  background-image: none;
  font-family: "Material Design Icons";
  content: "\f0374";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  font-size: 24px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  height: calc(100% - 64px);
  width: 100%;
  min-width: 0;
  overflow: hidden;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse.collapsing {
  height: 0;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body {
  padding: 0;
  position: relative;
  overflow: hidden;
  height: 100%;
  background-color: #FAFAFA;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .scroller {
  min-height: 240px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group {
  display: grid;
  grid-template-columns: 115px 1fr auto;
  row-gap: 16px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #FFFFFF;
  padding: 8px;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group:last-child {
  margin-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group > span {
  width: 115px;
  height: 115px;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #bdbdbd;
  grid-row-end: span 2;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 16px;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-label span {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-label .title {
  font-size: 16px;
  color: #000000;
  line-height: 40px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-label .title .miz-button {
  height: 24px;
  line-height: 24px;
  width: 24px;
  background-color: RGBA(0, 0, 0, 0.64);
  margin-left: 8px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-label .title .miz-button i {
  color: #FAFAFA;
  font-size: 20px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-label .variable {
  font-size: 12px;
  color: RGBA(0, 0, 0, 0.64);
  text-transform: uppercase;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-label .variable:before {
  content: "(";
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-label .variable::after {
  content: ")";
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  height: 100%;
  grid-column-start: 2;
  grid-column-end: span 2;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-field input {
  width: 64px;
  background-color: RGBA(0, 0, 0, 0.08);
  border: 0;
  outline: 0;
  text-align: center;
  color: #720E1A;
  font-size: 18px;
  font-weight: 600;
  margin: 0 8px;
  height: 40px;
  line-height: 40px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-field .miz-button {
  border: 1px solid RGBA(0, 0, 0, 0.24);
  background-color: #FFFFFF;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-field .miz-button-icon {
  width: 40px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-field .miz-button-icon:disabled {
  color: RGBA(0, 0, 0, 0.64);
  background-color: RGBA(0, 0, 0, 0.08);
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-field .miz-button-icon-text {
  min-width: 0;
  padding: 0 8px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-field .miz-button-icon-text span {
  font-size: 12px;
  margin-left: 4px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-field .miz-button-icon-text .mdi:before {
  -webkit-transition: -webkit-transform ease-in-out 250ms;
  transition: -webkit-transform ease-in-out 250ms;
  -o-transition: transform ease-in-out 250ms;
  transition: transform ease-in-out 250ms;
  transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-field .miz-button-icon-text:not(.collapsed) .mdi:before {
  -webkit-transition: -webkit-transform ease-in-out 250ms;
  transition: -webkit-transform ease-in-out 250ms;
  -o-transition: transform ease-in-out 250ms;
  transition: transform ease-in-out 250ms;
  transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group > .collapse,
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group > .collapsing {
  grid-column-end: span 3;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body {
  padding: 16px;
  background-color: #FAFAFA;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-title {
  display: grid;
  grid-template-columns: auto auto;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-title .miz-button-icon {
  border: 1px solid #720E1A;
  background-color: #FAFAFA;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-title-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-weight: 600;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-title-text .mizi {
  width: 36px;
  min-width: 36px;
  height: 36px;
  margin-left: 8px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-title-text .mizi svg {
  width: 100%;
  height: 100%;
  color: #FF2636;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-title span {
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-title .price {
  font-size: 14px;
  -o-text-overflow: unset;
     text-overflow: unset;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-tags > * {
  margin-right: 8px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-tags-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 16px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-tags-item .mizi {
  width: 24px;
  height: 24px;
  border: 1px solid RGBA(0, 0, 0, 0.48);
  border-radius: 50%;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-tags-item .mizi svg {
  height: 70%;
  width: 70%;
  color: RGBA(0, 0, 0, 0.48);
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-tags-item > span {
  font-size: 10px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-desc {
  padding: 16px 0 8px;
  font-size: 11px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-desc .food-item-desc-paragraph {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-desc .food-item-desc-paragraph.hide {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-desc .food-item-desc-paragraph.collapse:not(.show) {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-desc .miz-button-icon {
  margin-top: 8px;
  height: 24px;
  width: 24px;
  line-height: 24px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-desc .miz-button-icon.active i:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-desc .miz-button-icon i {
  font-size: 24px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-desc .miz-button-icon i:before {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform ease-in-out 250ms;
  transition: -webkit-transform ease-in-out 250ms;
  -o-transition: transform ease-in-out 250ms;
  transition: transform ease-in-out 250ms;
  transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-desc .miz-button-more i:before {
  content: "\f0360";
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-desc .miz-button-more:is(.collapsed) i:before {
  content: "\f035d";
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-ingredients {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #000000;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-ingredients h5 {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-ingredients p {
  font-size: 14px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-sub-varaiables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-sub-varaiables .kc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-right: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-sub-varaiables .kc .mizi {
  margin-right: 16px;
  width: 32px;
  height: 32px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-sub-varaiables .kc .mizi svg {
  height: 100%;
  width: 100%;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-sub-varaiables-options {
  padding: 16px 0;
  margin: 0 -4px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-sub-varaiables-options .text {
  font-size: 14px;
  padding: 0 8px;
  background-color: #DFDFDF;
  line-height: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #720E1A;
  border-radius: 4px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-sub-varaiables-options .btn-check[type=radio] + label.miz-button {
  background-color: #DFDFDF;
  height: 36px;
  line-height: 36px;
  min-width: 0;
  margin: 4px;
  font-size: 14px;
  border-radius: 4px;
  padding: 0 8px;
  font-weight: 400;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-sub-varaiables-options .btn-check[type=radio]:checked + label.miz-button {
  background-color: #720E1A;
  color: #FAFAFA;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-qty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 16px 0 0;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-qty .miz-button-icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  border: 1px solid #720E1A;
  border-radius: 4px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner-body .food-item-qty input {
  border: 0;
  outline: 0;
  font-size: 24px;
  font-weight: 600;
  color: #000000;
  text-align: center;
  width: 88px;
  background-color: RGBA(0, 0, 0, 0.08);
  margin: 0 16px;
  border-radius: 4px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .helper {
  width: auto;
  color: #000000;
  font-size: 14px;
  line-height: 40px;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .helper:not(.free) {
  font-weight: 500;
}
.accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .food-item-inner .food-item-inner-body {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0 16px;
}
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-belongs,
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-to_chef {
  margin: 0;
  padding: 8px;
  background-color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form,
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form {
  padding: 8px;
  background-color: #FAFAFA;
}
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group,
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-label,
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-label {
  font-size: 18px;
  font-weight: 600;
  height: auto;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-label > *,
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-label > * {
  margin-right: 4px;
}
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-label span,
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-label span {
  font-size: 14px;
  color: RGBA(0, 0, 0, 0.36);
  font-style: italic;
  border: none;
}
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-label span:before,
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-label span:before {
  content: "(";
}
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-label span:after,
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-label span:after {
  content: ")";
}
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-field,
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-field {
  margin-top: 0;
  grid-column-start: 1;
  grid-column-end: 1;
}
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-field input,
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-field input {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  width: 100%;
  margin: 0;
  background-color: #FAFAFA;
  border: 1px solid RGBA(0, 0, 0, 0.16);
  text-align: left;
  color: #000000;
}
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-button,
.accordion.food-item-sidebar .accordion-item.notes-accor .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-button {
  width: 48px;
  height: 48px;
  line-height: 48px;
  margin-top: auto;
  margin-bottom: 0;
}
.accordion.billing-address {
  margin-top: 16px;
}
.accordion.billing-address .accordion-item {
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.accordion.billing-address .accordion-item .accordion-header .accordion-button {
  font-size: 16px;
  color: #720E1A;
  font-weight: 500;
}
.accordion.billing-address .accordion-item .accordion-header .accordion-button:after {
  background-image: none;
  content: "\f0140";
  font-family: "Material Design Icons";
  font-size: 24px;
  width: 24px;
  height: 24px;
  color: #720E1A;
}
.accordion.billing-address .accordion-item .accordion-body .miz-form {
  padding: 0;
}
.accordion.billing-address .accordion-item .accordion-body .miz-form .miz-form-group {
  grid-template-columns: 1fr;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
@media (min-width: 640px) {
  .accordion.billing-address .accordion-item .accordion-body .miz-form .miz-form-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 640px) {
  .accordion.billing-address .accordion-item .accordion-body .miz-form .miz-form-group .miz-input-group.is-full {
    grid-column-end: span 2;
  }
}
.accordion-food-nav {
  margin: 8px;
}
.accordion-food-nav .accordion-item {
  margin-bottom: 16px;
  border-radius: 4px;
  /*border: 1px solid #6b6b6b7d;*/
  border: none;
  background-color: #FAFAFA;
  position: relative;
  overflow: hidden;
}
.accordion-food-nav .accordion-item .accordion-header .accordion-button {
  border-radius: 0;
  background-color: #720E1A;
  color: #FAFAFA;
  font-weight: 500;
}
.accordion-food-nav .accordion-item .accordion-header .accordion-button.main-activated {
  background-color: #FEC53C;
  color: #000000;
}
.accordion-food-nav .accordion-item .accordion-header .accordion-button::after {
  background-image: none;
  font-family: "Material Design Icons";
  content: "\f0415";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.accordion-food-nav .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "\f0374";
}
.accordion-food-nav .accordion-item .accordion-header .accordion-button .food-nav-color {
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.accordion-food-nav .accordion-item .accordion-body {
  padding: 0;
}
.accordion.tips-management-search {
  border: 0;
}
.accordion.tips-management-search .accordion-item {
  border: 0;
  background-color: transparent;
}
.accordion.tips-management-search .miz-form {
  margin: 16px 0;
}
.accordion.tso-existing-order {
  width: 100%;
}
.accordion.tso-existing-order .accordion-item {
  border-radius: 0;
  background-color: transparent;
  border: none;
}
.accordion.tso-existing-order .accordion-item .accordion-header {
  width: 100%;
  height: 52px;
  display: grid;
  grid-template-columns: 48px auto 48px;
  gap: 16px;
  margin-bottom: 8px;
}
.accordion.tso-existing-order .accordion-item .accordion-header .accordion-button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: 48px;
  background-color: #fafafa;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: inset 0 0 0 1px #720E1A;
          box-shadow: inset 0 0 0 1px #720E1A;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.accordion.tso-existing-order .accordion-item .accordion-header .accordion-button i {
  font-size: 24px;
  color: #720E1A;
}
.accordion.tso-existing-order .accordion-item .accordion-header .accordion-button:after {
  display: none;
}
.accordion.tso-existing-order .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
@media (min-width: 690px) {
  .accordion.tso-existing-order .accordion-item .accordion-header .accordion-button:not(.collapsed) + .miz-form-group {
    grid-template-columns: auto 48px 108px;
  }
  .accordion.tso-existing-order .accordion-item .accordion-header .accordion-button:not(.collapsed) + .miz-form-group .field-filter {
    display: none;
  }
}
.accordion.tso-existing-order .accordion-item .accordion-header > .miz-form-group {
  display: grid;
  grid-template-columns: auto 48px;
  gap: 16px;
}
@media (min-width: 540px) {
  .accordion.tso-existing-order .accordion-item .accordion-header > .miz-form-group {
    grid-template-columns: auto 48px 108px;
  }
}
@media (min-width: 690px) {
  .accordion.tso-existing-order .accordion-item .accordion-header > .miz-form-group {
    grid-template-columns: 148px auto 48px 108px;
  }
}
.accordion.tso-existing-order .accordion-item .accordion-header > .miz-form-group .miz-input-group.field-filter {
  display: none;
}
@media (min-width: 690px) {
  .accordion.tso-existing-order .accordion-item .accordion-header > .miz-form-group .miz-input-group.field-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.accordion.tso-existing-order .accordion-item .accordion-header > .miz-form-group .miz-input-group.field-search .miz-input-field {
  position: relative;
}
.accordion.tso-existing-order .accordion-item .accordion-header > .miz-form-group .miz-input-group.field-search .miz-input-field .miz-button {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 4px 4px 0;
}
.accordion.tso-existing-order .accordion-item .accordion-header > .miz-form-group .miz-input-group.field-type {
  display: none;
}
@media (min-width: 540px) {
  .accordion.tso-existing-order .accordion-item .accordion-header > .miz-form-group .miz-input-group.field-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.accordion.tso-existing-order .accordion-item .accordion-header .actions .miz-button {
  background-color: #720E1A;
}
.accordion.tso-existing-order .accordion-item .accordion-header .actions .miz-button i {
  color: #FAFAFA;
}
.accordion.tso-existing-order .accordion-item .accordion-body {
  -webkit-box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.24);
          box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.24);
  padding: 16px 0 8px;
}
.accordion.tso-existing-order .accordion-item .accordion-body .miz-form-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .accordion.tso-existing-order .accordion-item .accordion-body .miz-form-group {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 902px) {
  .accordion.tso-existing-order .accordion-item .accordion-body .miz-form-group {
    grid-template-columns: 1fr 1fr 1fr 0 88px;
  }
}
.accordion.tso-existing-order .accordion-item .accordion-body .miz-form-group .miz-input-group {
  width: auto;
}
.accordion.tso-existing-order .accordion-item .accordion-body .miz-form-group .miz-input-group .miz-input-field {
  margin-bottom: 0;
}
.accordion.tso-existing-order .accordion-item .accordion-body .miz-form-group .miz-input-group.field-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 540px) {
  .accordion.tso-existing-order .accordion-item .accordion-body .miz-form-group .miz-input-group.field-type {
    display: none;
  }
}
@media (min-width: 480px) {
  .accordion.tso-existing-order .accordion-item .accordion-body .miz-form-group .miz-input-group.field-reset {
    grid-column-start: span 2;
  }
}
@media (min-width: 540px) {
  .accordion.tso-existing-order .accordion-item .accordion-body .miz-form-group .miz-input-group.field-reset {
    grid-column-start: 2;
  }
}
@media (min-width: 902px) {
  .accordion.tso-existing-order .accordion-item .accordion-body .miz-form-group .miz-input-group.field-reset {
    grid-column-start: 5;
  }
}
.accordion.tso-existing-order .accordion-item .accordion-body .miz-form-group .miz-input-group.field-reset .miz-button {
  width: 100%;
  height: 48px;
  line-height: 48px;
  border-radius: 4px;
  min-width: 0;
  border-color: #720E1A;
}

.accordion.tso-existing-order .accordion-item .accordion-header .miz-form-group .miz-input-group .miz-button,
.accordion.tso-existing-order .accordion-item .accordion-body .miz-form-group .miz-input-group .miz-button,
.accordion.tso-existing-order .accordion-item .accordion-header .miz-form-group .miz-input-group .form-control,
.accordion.tso-existing-order .accordion-item .accordion-body .miz-form-group .miz-input-group .form-control {
    background-color: #FFFFFF;
}
.badge-brands {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px;
    color: #720E1A;
    font-size: 12px;
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    top: 0;
    z-index: 24;
    background-color: #FAFAFA;
}
.badge-brands i {
  font-size: 24px;
}

.list-group {
  border-radius: 8px;
}
.list-group.list-group-flush .list-group-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 16px;
}
.list-group.list-group-flush .list-group-item > i {
  font-size: 24px;
}
.list-group.list-group-flush .list-group-item .title {
  font-size: 24px;
}
.list-group .list-group-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 16px;
}
.list-group .list-group-item > * {
  width: 100%;
}
.list-group .list-group-item small, .list-group .list-group-item p {
  font-size: 14px;
}
.list-group-dish-option .list-group-item > i {
  max-width: 48px;
  text-align: center;
}

.food-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--menumiz-white);
  border-radius: 4px 40px 0 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid RGBA(0, 0, 0, 0.24);
  position: relative;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.food-items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
@media (min-width: 640px) {
  .food-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .food-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1400px) {
  .food-items {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1600px) {
  .food-items {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1920px) {
  .food-items {
    grid-template-columns: repeat(6, 1fr);
  }
}
.food-item.hidden .food-item-header {
  background-color: #687078;
}
.food-item.hidden .food-item-header > span {
  color: #FAFAFA;
}
.food-item.hidden .food-item-header .food-item-header-button .miz-button {
  background-color: #FAFAFA;
}
.food-item:hover {
  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.food-item.dragging {
  opacity: 0.2;
  padding: 8px;
  border: 2px dashed #720E1A;
}
.food-item.dragging .food-item-header {
  background-color: #720E1A;
  color: #FAFAFA;
}
.food-item.dragging .food-item-header .miz-button-icon {
  min-width: 48px;
  color: var(--menumiz-white);
  background-color: RGBA(0, 0, 0, 0.16);
}
.food-item.drag-item .food-item-header:after {
  content: "MOVING";
}
.food-item.drag-item .food-item-header span,
.food-item.drag-item .food-item-header .food-item-header-button,
.food-item.drag-item .food-item-header h4 {
  display: none;
}
.food-item.drag-item .top-actions .move-handle .miz-button-icon {
  background-color: #FAFAFA;
}
.food-item.drag-item .top-actions .move-handle .miz-button-icon i {
  color: #720E1A;
  text-shadow: none;
}
.food-item.inactived {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  position: relative;
}
.food-item.inactived.is-addons .food-item-header, .food-item.inactived.is-sidelines .food-item-header {
  background-color: #687078 !important;
}
.food-item.inactived.is-addons .food-item-header > span, .food-item.inactived.is-sidelines .food-item-header > span {
  color: #FAFAFA;
}
.food-item.inactived.is-addons .food-item-header .food-item-header-button .miz-button, .food-item.inactived.is-sidelines .food-item-header .food-item-header-button .miz-button {
  background-color: #FAFAFA;
  color: #720E1A;
}
.food-items.is-lists {
  grid-template-columns: 1fr;
  row-gap: 8px;
}
.food-items.is-lists .food-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (min-width: 1200px) {
  .food-items.is-lists .food-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.food-items.is-lists .food-item-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 16px;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
  position: relative;
}
@media (min-width: 520px) {
  .food-items.is-lists .food-item-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 1200px) {
  .food-items.is-lists .food-item-contents {
    padding-bottom: 0;
    -webkit-box-shadow: inset 0 -1px 0 0 transparent;
            box-shadow: inset 0 -1px 0 0 transparent;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.food-items.is-lists .food-item-contents .move-handle {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 20;
}
.food-items.is-lists .food-item-contents .move-handle .miz-button-icon {
  background-color: RGBA(0, 0, 0, 0.16);
  color: #FAFAFA;
  text-shadow: 0 1px RGBA(0, 0, 0, 0.48);
}
@media (min-width: 520px) {
  .food-items.is-lists .food-item-contents .move-handle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: unset;
    left: unset;
  }
  .food-items.is-lists .food-item-contents .move-handle .miz-button-icon {
    background-color: transparent;
    color: #720E1A;
    text-shadow: none;
  }
}
.food-items.is-lists .food-item-contents .move-handle .miz-button {
  cursor: move;
}
.food-items.is-lists .food-item-contents .move-handle .miz-button i {
  font-size: 36px;
}
.food-items.is-lists .food-item-contents-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  border: 1px solid RGBA(0, 0, 0, 0.24);
  aspect-ratio: 16/9;
  height: 100%;
  width: auto;
  min-height: 0;
  min-width: 208px;
  margin: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 520px) {
  .food-items.is-lists .food-item-contents-img {
    height: 100%;
    width: auto;
    min-height: 200px;
    margin: 0 16px 0 0;
  }
}
@media (min-width: 1200px) {
  .food-items.is-lists .food-item-contents-img {
    height: 108px;
    min-height: 128px;
  }
}
.food-items.is-lists .food-item-contents-img .icon-container {
  position: absolute;
  left: auto;
  bottom: auto;
  right: 4px;
  top: 4px;
  width: auto;
  height: auto;
  margin: auto;
}
.food-items.is-lists .food-item-contents-img .icon-container i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 24px;
  color: #FAFAFA;
  margin-bottom: 8px;
  background-color: RGBA(0, 0, 0, 0.36);
}
.food-items.is-lists .food-item-contents-img .icon-container i:last-child {
  margin-bottom: 0;
}
.food-items.is-lists .food-item-contents-img .icon-container i.mizi {
  background-color: #FAFAFA;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
}
.food-items.is-lists .food-item-contents-img .icon-container i.mizi svg {
  width: 100%;
  height: 100%;
}
.food-items.is-lists .food-item-contents-img .icon-container i.mizi .age {
  fill: #000000;
}
.food-items.is-lists .food-item-contents-img .icon-container i.mizi .circle {
  fill: #FF2636;
}
.food-items.is-lists .food-item-contents-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.food-items.is-lists .food-item-contents-title .rating {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.food-items.is-lists .food-item-contents-title .rating-score {
  margin-right: 8px;
}
.food-items.is-lists .food-item-contents-title .rating-count {
  font-size: 12px;
  margin-left: 8px;
}
.food-items.is-lists .food-item-contents-title .rating-count::before {
  content: "(";
  margin-right: 4px;
}
.food-items.is-lists .food-item-contents-title .rating-count::after {
  content: ")";
  margin-left: 4px;
}
.food-items.is-lists .food-item-contents-title .rating > i {
  color: #FFB400;
}
.food-items.is-lists .food-item-contents-title h4 {
  font-size: 16px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 16px 0 8px;
}
@media (min-width: 520px) {
  .food-items.is-lists .food-item-contents-title h4 {
    margin: 0;
  }
}
.food-items.is-lists .food-item-contents-title p {
  font-size: 12px;
  color: #720E1A;
  font-weight: 500;
  margin: 0;
}
.food-items.is-lists .food-item-contents-title p.smart-price {
  color: #cb9c2f !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.food-items.is-lists .food-item-contents-title p.smart-price .mizi {
  margin-left: 4px;
  width: 16px;
  height: 16px;
}
.food-items.is-lists .food-item-contents-title-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 8px;
}
.food-items.is-lists .food-item-contents-title-tags svg,
.food-items.is-lists .food-item-contents-title-tags img {
  width: 24px;
  height: 24px;
}
.food-items.is-lists .food-item-contents .is-label {
  position: absolute;
  z-index: 1024;
  top: 8px;
  font-size: 14px;
  padding: 4px 16px 4px 8px;
  background-color: #720E1A;
  border-radius: 0 48px 48px 0;
  color: #FAFAFA;
  text-shadow: 0 1px RGBA(0, 0, 0, 0.24);
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.food-items.is-lists .food-item-contents .is-label.extra {
  top: 164px;
}
@media (min-width: 520px) {
  .food-items.is-lists .food-item-contents .is-label.extra {
    top: unset;
    bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .food-items.is-lists .food-item-contents .is-label.extra {
    bottom: 8px;
  }
}
.food-items.is-lists .food-item-contents .is-label i {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.food-items.is-lists .food-item-contents .is-label i svg {
  width: 80%;
  height: 80%;
}
.food-items.is-lists .food-item-contents .is-label.label-second {
  -webkit-transform: translateY(calc(100% + 8px));
      -ms-transform: translateY(calc(100% + 8px));
          transform: translateY(calc(100% + 8px));
}
.food-items.is-lists .food-item-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 16px;
  margin: 0 -16px;
}
@media (min-width: 1200px) {
  .food-items.is-lists .food-item-actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
  }
}
.food-items.is-lists .food-item-actions > ul > li > span:not(.seperator):not(.badge) {
  border: 1px solid RGBA(0, 0, 0, 0.08);
  min-width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  padding: 0 16px;
  gap: 16px;
}
.food-items.is-lists .food-item-actions > ul > li > span:not(.seperator):not(.badge)::after {
  content: attr(aria-label);
  white-space: nowrap;
}
.food-items.is-lists .food-item-actions > ul > li > span:not(.seperator):not(.badge) svg,
.food-items.is-lists .food-item-actions > ul > li > span:not(.seperator):not(.badge) img {
  width: 24px;
  height: 24px;
}
.food-items.is-lists .food-item-actions .miz-button-icon {
  background-color: RGBA(0, 0, 0, 0.08);
}
.food-items.is-lists .food-item-actions > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.food-items.is-lists .food-item-actions > ul:not(.more) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 360px) {
  .food-items.is-lists .food-item-actions > ul:not(.more) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.food-items.is-lists .food-item-actions > ul:not(.more) li {
  width: 100%;
}
.food-items.is-lists .food-item-actions > ul:not(.more) li span svg,
.food-items.is-lists .food-item-actions > ul:not(.more) li span img,
.food-items.is-lists .food-item-actions > ul:not(.more) li span i {
  color: #720E1A;
}
.food-items.is-lists .food-item-actions > ul.more {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(48px, auto));
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  padding: 0 16px;
}
.food-items.is-lists .food-item-actions > ul.more .miz-button i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.food-items.is-lists .food-item-actions > ul.more .miz-button .mizi {
  margin: auto;
}
@media (min-width: 512px) {
  .food-items.is-lists .food-item-actions > ul.more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.food-items.is-lists .food-item-actions > ul li {
  position: relative;
}
.food-items.is-lists .food-item-actions .seperator {
  display: none;
}
@media (min-width: 1200px) {
  .food-items.is-lists .food-item-actions .seperator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.food-items.is-lists .food-item.hidden {
  background-color: #687078;
}
.food-items.is-lists .food-item.hidden .food-item-contents-title {
  color: #FAFAFA;
}
.food-items.is-lists .food-item.hidden .food-item-contents-title p {
  color: #FAFAFA;
}
.food-items.is-lists .food-item.hidden .food-item-contents-title p.smart-price {
  color: #FEC53C !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.food-items.is-lists .food-item.hidden .food-item-contents-title p.smart-price .mizi {
  margin-left: 8px;
}
.food-items.is-lists .food-item.hidden .food-item-actions .miz-button {
  background-color: #FAFAFA;
}
.food-item-header {
  height: 64px;
  line-height: 64px;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #720E1A;
  position: relative;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.24);
          box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.24);
}
.food-item-header > span {
  margin-right: 16px;
}
.food-item-header svg {
  height: 28px;
  width: 28px;
}
.food-item-header .miz-button-icon {
  background-color: RGBA(0, 0, 0, 0.08);
  margin-left: 16px;
}
.food-item-header-button {
  overflow: hidden;
  position: relative;
  min-width: 48px;
}
.food-item-header-button .badge-notification {
  margin-top: 0;
  margin-left: 0;
  right: 0;
  top: 8px;
}
.food-item-body {
  position: relative;
  height: 100%;
}
.food-item-body-img {
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  padding: 0 1px 1px;
  margin-bottom: -1px;
  height: calc(100% + 1px);
}
.food-item-body-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.87;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.food-item-body-content {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0 0 4px 4px;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px;
}
.food-item-body-content .top-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  top: 8px;
  right: 8px;
  left: 8px;
}
.food-item-body-content .top-actions > i {
  font-size: 24px;
  color: #FAFAFA;
  margin-right: 4px;
}
.food-item-body-content .top-actions .move-handle {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  width: 48px;
  height: 48px;
  color: #FAFAFA;
  z-index: 3;
  cursor: move;
}
.food-item-body-content .top-actions .move-handle .miz-button-icon {
  background-color: RGBA(0, 0, 0, 0.36);
  cursor: move;
}
.food-item-body-content .top-actions .move-handle .miz-button-icon i {
  font-size: 36px;
  color: #FAFAFA;
  text-shadow: 0 1px #000;
}
.food-item-body-content .top-actions .helper {
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -8px;
  color: #FAFAFA;
  text-shadow: 0 1px RGBA(0, 0, 0, 0.36);
  white-space: nowrap;
}
.food-item-body-content .top-actions .helper > * {
  float: left;
  margin-right: 8px;
}
.food-item-body-content .top-actions .helper > *:last-child {
  margin-right: 0;
}
.food-item-body-content .top-actions .helper i {
  margin-right: 8px;
}
.food-item-body-content .top-actions .helper span {
  font-size: 14px;
  font-weight: 600;
}
.food-item-body-content .top-actions .helper.helper-second {
  margin-left: 16px;
  border-radius: 48px;
}
.food-item-body-content .top-actions .helper-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 4px 16px 4px 8px;
  border-radius: 48px;
}
.food-item-body-content .top-actions .helper-inner:first-child {
  border-radius: 0 48px 48px 0;
}
.food-item-body-content .top-actions .helper-inner.color-submenu-bg {
  text-shadow: none;
  text-transform: uppercase;
}
.food-item-body-content .top-actions .icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.food-item-body-content .top-actions .icon-container > * {
  margin-bottom: 8px;
}
.food-item-body-content .top-actions .icon-container > *:last-child {
  margin-bottom: 0;
}
.food-item-body-content .top-actions .icon-container i {
  font-size: 24px;
  color: #FAFAFA;
}
.food-item-body-content .top-actions .icon-container .mdi,
.food-item-body-content .top-actions .icon-container .mizi {
  background-color: RGBA(255, 255, 255, 0.16);
  border-radius: 50%;
  height: 30px;
  width: 30px;
  line-height: 30px;
}
.food-item-body-content .top-actions .icon-container .mdi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: RGBA(0, 0, 0, 0.36);
}
.food-item-body-content .top-actions .icon-container .mizi {
  background-color: #FAFAFA;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
}
.food-item-body-content .top-actions .icon-container .mizi svg {
  width: 100%;
  height: 100%;
}
.food-item-body-content .top-actions .icon-container .mizi svg .age {
  fill: #000000;
}
.food-item-body-content .top-actions .icon-container .mizi svg .circle {
  fill: #FF2636;
}
.food-item-body-content-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  margin-top: auto;
  width: 100%;
}
.food-item-body-content-info .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--menumiz-white);
  gap: 0;
}
.food-item-body-content-info .content h4 {
  font-size: 16px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
}
.food-item-body-content-info .content p {
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.food-item-body-content-info .content p.smart-price {
  color: #FEC53C;
}
.food-item-body-content-info .content p .mizi {
  margin-left: 8px;
  width: 18px;
  height: 18px;
}
.food-item-body-content-info .content .rating {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px;
}
.food-item-body-content-info .content .rating-score {
  margin-right: 8px;
}
.food-item-body-content-info .content .rating-count {
  font-size: 12px;
  margin-left: 8px;
}
.food-item-body-content-info .content .rating-count::before {
  content: "(";
  margin-right: 4px;
}
.food-item-body-content-info .content .rating-count::after {
  content: ")";
  margin-left: 4px;
}
.food-item-body-content-info .content .rating > i {
  color: #FFED00;
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.food-item-body-content-info .dropend {
  margin-top: auto;
  margin-left: auto;
}
.food-item.is-addons .food-item-header:after, .food-item.is-sidelines .food-item-header:after {
  color: var(--menumiz-white);
}
.food-item.is-addons .food-item-header h4, .food-item.is-sidelines .food-item-header h4 {
  color: var(--menumiz-white);
}
/*.food-item.is-addons .food-item-header .miz-button-icon, .food-item.is-sidelines .food-item-header .miz-button-icon {
  min-width: 48px;
  color: var(--menumiz-white);
  background-color: RGBA(0, 0, 0, 0.16);
  margin-left: 0;
}*/
.food-item.is-addons .food-item-actions > ul:not(.more) > li span, .food-item.is-sidelines .food-item-actions > ul:not(.more) > li span {
  color: #FAFAFA !important;
  white-space: nowrap !important;
  min-width: 0 !important;
}
.food-item.is-addons .food-item-actions > ul:not(.more) > li span::after, .food-item.is-sidelines .food-item-actions > ul:not(.more) > li span::after {
  display: none;
}
.food-item.is-addons .food-item-contents .is-label {
  background-color: #822CD9;
}
.food-item.is-addons .food-item-header {
  background-color: #822CD9 !important;
}
.food-item.is-addons .food-item-actions > ul:not(.more) li span {
  background-color: #822CD9 !important;
}
.food-item.is-sidelines .food-item-contents .is-label {
  background-color: #0F9D58;
}
.food-item.is-sidelines .food-item-header {
  background-color: #0F9D58;
}
.food-item.is-sidelines .food-item-actions > ul:not(.more) li span {
  background-color: #0F9D58;
}
.food-item.is-setmenu .food-item-contents .is-label {
    background-color: var(--menumiz-cyan);
}

.food-item.is-setmenu .food-item-header {
    background-color: var(--menumiz-cyan);
}

.food-item.is-setmenu .food-item-actions > ul:not(.more) li span {
    background-color: var(--menumiz-cyan);
}
.food-item-menu {
  margin-top: auto;
  margin-left: auto;
}
.food-item-menu > .miz-button {
  background-color: #FAFAFA;
}
.food-item-menu > .miz-button::before {
  font-family: "Material Design Icons";
  content: "\f0156";
  font-size: 24px;
  color: #720E1A;
  text-shadow: none;
}
.food-item-menu > .miz-button.collapsed {
  background-color: RGBA(255, 255, 255, 0.16);
  text-shadow: 0 1px #000;
  -webkit-box-shadow: inset 0 0 0 1px RGBA(255, 255, 255, 0.16);
          box-shadow: inset 0 0 0 1px RGBA(255, 255, 255, 0.16);
}
.food-item-menu > .miz-button.collapsed::before {
  content: "\f0bab";
  color: #FAFAFA;
}
.food-item-menu .collapse {
  background-color: #720E1A;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -80px;
  width: 100%;
  height: 80px;
  margin: auto;
  opacity: 1;
  -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  -webkit-transition: height ease-in-out 250ms, -webkit-transform ease-in-out 250ms;
  transition: height ease-in-out 250ms, -webkit-transform ease-in-out 250ms;
  -o-transition: transform ease-in-out 250ms, height ease-in-out 250ms;
  transition: transform ease-in-out 250ms, height ease-in-out 250ms;
  transition: transform ease-in-out 250ms, height ease-in-out 250ms, -webkit-transform ease-in-out 250ms;
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  border-radius: 0 0 4px 4px;
  padding: 16px;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.food-item-menu .collapse .mdi,
.food-item-menu .collapse .mizi {
  color: #FAFAFA;
}
.food-item-menu .collapse .mizi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}
.food-item-menu .collapse.show {
  z-index: 20;
}
.food-item-menu .collapse ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  margin: 0;
  padding: 0 8px;
}
.food-item-menu .collapsing {
  padding: 0;
  background-color: #FAFAFA;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  -webkit-transition: height ease-in-out 250ms, -webkit-transform ease-in-out 250ms;
  transition: height ease-in-out 250ms, -webkit-transform ease-in-out 250ms;
  -o-transition: transform ease-in-out 250ms, height ease-in-out 250ms;
  transition: transform ease-in-out 250ms, height ease-in-out 250ms;
  transition: transform ease-in-out 250ms, height ease-in-out 250ms, -webkit-transform ease-in-out 250ms;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
  opacity: 0;
}
.food-item-menu .collapsing ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  margin: 0;
  padding: 0 8px;
}

.menu-organizer-actions .miz-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.menu-organizer-actions .miz-form-group > .miz-button {
  min-width: 0;
}
@media (min-width: 760px) {
  .menu-organizer-actions .miz-form-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.menu-organizer-actions .miz-form-group .miz-input-group {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.menu-organizer-actions .miz-form-group .miz-input-group.has-action {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (min-width: 480px) {
  .menu-organizer-actions .miz-form-group .miz-input-group.has-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.menu-organizer-actions .miz-form-group .miz-input-group.has-action .miz-input-field {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  grid-column-end: span 2;
}
.menu-organizer-actions .miz-form-group .miz-input-group.has-action .miz-button {
  min-width: 100%;
}
@media (min-width: 480px) {
  .menu-organizer-actions .miz-form-group .miz-input-group.has-action .miz-button {
    min-width: 64px;
  }
}
.menu-organizer-actions .miz-form-group .miz-input-group .miz-input-field-inner {
  height: 64px;
}
.menu-organizer-actions .miz-form-group .miz-button-icon {
  height: 64px;
  width: 64px;
}
.menu-organizer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #FFF;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  margin-bottom: 16px;
}
.menu-organizer-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu-organizer-lists.is-submenu {
  margin: 16px 0 32px;
  width: 100%;
}
.menu-organizer-lists.is-submenu .menu-organizer-list {
  background-color: RGBA(0, 0, 0, 0.08);
}
.menu-organizer-lists.is-submenu .menu-organizer-list:is(.onlive) .menu-organizer-list-header {
  color: #FAFAFA;
}
.menu-organizer-lists.is-submenu .menu-organizer-list:is(.onlive) .menu-organizer-list-header .disabled-sort {
  color: #4f4f4f;
}
.menu-organizer-lists.is-submenu .menu-organizer-list:is(.onlive) .menu-organizer-list-header-actions .miz-button {
  color: #FAFAFA;
}
.menu-organizer-lists.is-submenu .menu-organizer-list:is(.onlive) .menu-organizer-list-header-actions > .miz-button {
  color: #720E1A;
}
.menu-organizer-lists.is-submenu .menu-organizer-list-header {
  background-color: #FEC53C;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  width: 100%;
}
.menu-organizer-lists.is-submenu .menu-organizer-list-header .menu-organizer-list-header-img {
  aspect-ratio: 1/1;
  border-radius: 50%;
  max-width: 108px;
  min-width: 108px;
  height: 108px;
  margin: auto auto 16px 30px;
}
@media (min-width: 1200px) {
  .menu-organizer-lists.is-submenu .menu-organizer-list-header .menu-organizer-list-header-img {
    margin: 0 40px;
  }
}
.menu-organizer-lists.is-submenu .menu-organizer-list-header-contents {
  text-align: center;
}
@media (min-width: 768px) {
  .menu-organizer-lists.is-submenu .menu-organizer-list-header-contents {
    text-align: left;
  }
}
.menu-organizer-lists.is-submenu .menu-organizer-list-header-actions .miz-button {
  color: #000000;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.menu-organizer-lists.is-submenu .menu-organizer-list-header-actions .miz-button:after {
  margin-left: auto;
}
.menu-organizer-lists.is-submenu .menu-organizer-list-header-actions .miz-button-icon-text {
  background-color: #FAFAFA;
  -webkit-box-shadow: inset 0 0 0 1px #720E1A;
          box-shadow: inset 0 0 0 1px #720E1A;
}
.menu-organizer-list .invalid-container {
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #7EB73A;
  color: #FAFAFA;
  font-size: 14px;
  font-weight: 500;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menu-organizer-list .invalid-container > div {
  margin-bottom: 16px;
}
.menu-organizer-list .invalid-container > div:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .menu-organizer-list .invalid-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .menu-organizer-list .invalid-container > div {
    margin-right: 16px;
    margin-bottom: 0;
  }
  .menu-organizer-list .invalid-container > div:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
}
.menu-organizer-list .invalid-container .invalid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .menu-organizer-list .invalid-container .invalid-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.menu-organizer-list .invalid-container .invalid-item i {
  font-size: 24px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  line-height: 24px;
}
.menu-organizer-list.onlive {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.menu-organizer-list.onlive > .menu-organizer-list-header {
  background-color: #687078;
}
.menu-organizer-list.onlive .is-invalid {
  padding: 16px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #7EB73A;
  color: #FAFAFA;
  font-size: 16px;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-organizer-list.onlive .is-invalid i {
  font-size: 24px;
  margin-right: 16px;
  height: 24px;
  width: 24px;
  line-height: 24px;
}
.menu-organizer-list.inactived {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.menu-organizer-list.inactived:before {
  content: "";
  background-image: url("../img/ribbon.png");
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 88px;
  height: 88px;
  z-index: 24;
}
.menu-organizer-list.inactived:after {
  content: attr(aria-label);
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 70px;
  min-height: 70px;
  z-index: 24;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menu-organizer-list.inactived .is-invalid {
  padding: 16px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #7EB73A;
  color: #FAFAFA;
  font-size: 16px;
  font-weight: 500;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-organizer-list.inactived .is-invalid i {
  font-size: 24px;
}
.menu-organizer-list.dragging {
  opacity: 0.2;
  padding: 8px;
  border: 2px dashed #720E1A;
}
.menu-organizer-list-header {
  width: 100%;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #720E1A;
  color: #FAFAFA;
  height: 100%;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .menu-organizer-list-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 16px 16px 16px 0;
  }
}
.menu-organizer-list-header .move-handle,
.menu-organizer-list-header .drag-handle {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 240px;
  z-index: 20;
}
@media (min-width: 480px) {
  .menu-organizer-list-header .move-handle,
.menu-organizer-list-header .drag-handle {
    bottom: 107px;
  }
}
@media (min-width: 1200px) {
  .menu-organizer-list-header .move-handle,
.menu-organizer-list-header .drag-handle {
    bottom: 0;
  }
}
.menu-organizer-list-header .move-handle .miz-button-icon,
.menu-organizer-list-header .drag-handle .miz-button-icon {
  width: 36px;
  height: 80%;
  line-height: 1;
  background-color: transparent;
  white-space: normal;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: RGBA(255, 255, 255, 0.16);
}
@media (min-width: 1200px) {
  .menu-organizer-list-header .move-handle .miz-button-icon,
.menu-organizer-list-header .drag-handle .miz-button-icon {
    height: 100%;
  }
}
.menu-organizer-list-header .move-handle .miz-button-icon svg,
.menu-organizer-list-header .drag-handle .miz-button-icon svg {
  color: RGBA(255, 255, 255, 0.64);
  margin: 16px 4px;
  height: 100%;
}
.menu-organizer-list-header .move-handle .miz-button-icon i,
.menu-organizer-list-header .drag-handle .miz-button-icon i {
  font-size: 48px;
  color: RGBA(255, 255, 255, 0.16);
}
.menu-organizer-list-header .move-handle .miz-button-icon:hover svg,
.menu-organizer-list-header .drag-handle .miz-button-icon:hover svg {
  color: #FAFAFA;
}
.menu-organizer-list-header-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-color: #FAFAFA;
  border-radius: 8px;
  border: 1px solid RGBA(0, 0, 0, 0.24);
  height: 100%;
  width: auto;
  grid-column-start: 1;
  grid-column-end: span 4;
  -webkit-box-flex: calc(100% - 40px);
      -ms-flex: calc(100% - 40px);
          flex: calc(100% - 40px);
  margin-bottom: 16px;
  margin-left: 24px;
}
@media (min-width: 480px) {
  .menu-organizer-list-header-img {
    -webkit-box-flex: calc(45% - 40px);
        -ms-flex: calc(45% - 40px);
            flex: calc(45% - 40px);
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .menu-organizer-list-header-img {
    -webkit-box-flex: calc(25% - 40px);
        -ms-flex: calc(25% - 40px);
            flex: calc(25% - 40px);
  }
}
@media (min-width: 1200px) {
  .menu-organizer-list-header-img {
    min-width: 208px;
    max-width: 208px;
    margin-left: 40px;
  }
}
.menu-organizer-list-header-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  gap: 8px;
  grid-column-start: 1;
  grid-column-end: span 4;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
}
@media (min-width: 480px) {
  .menu-organizer-list-header-contents {
    -webkit-box-flex: calc(55% - 16px);
        -ms-flex: calc(55% - 16px);
            flex: calc(55% - 16px);
    margin-left: 16px;
  }
}
@media (min-width: 768px) {
  .menu-organizer-list-header-contents {
    -webkit-box-flex: calc(75% - 16px);
        -ms-flex: calc(75% - 16px);
            flex: calc(75% - 16px);
    margin-left: 16px;
  }
}
@media (min-width: 1200px) {
  .menu-organizer-list-header-contents {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    padding-right: 64px;
  }
}
.menu-organizer-list-header-contents p {
  margin: auto 0 0 0;
  padding: 0;
  opacity: 0.87;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.menu-organizer-list-header-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  grid-column-start: 1;
  grid-column-end: span 4;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  margin-top: 16px;
}
@media (min-width: 1200px) {
  .menu-organizer-list-header-actions {
    margin-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    min-width: 360px;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    margin-left: auto;
  }
  .menu-organizer-list-header-actions-button {
    margin-right: 16px;
  }
}
@media (min-width: 1400px) {
  .menu-organizer-list-header-actions {
    min-width: 640px;
  }
}
.menu-organizer-list-header-actions-button {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(64px, auto));
  grid-template-rows: repeat(auto-fit, minmax(64px, auto));
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0;
  -webkit-box-shadow: inset 0 -1px 0 0 RGBA(255, 255, 255, 0.16), inset 0 1px 0 0 RGBA(255, 255, 255, 0.16);
          box-shadow: inset 0 -1px 0 0 RGBA(255, 255, 255, 0.16), inset 0 1px 0 0 RGBA(255, 255, 255, 0.16);
}
@media (min-width: 1200px) {
  .menu-organizer-list-header-actions-button {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media (min-width: 1400px) {
  .menu-organizer-list-header-actions-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.menu-organizer-list-header-actions-button .miz-button-icon {
  min-width: 48px;
  max-height: 48px;
  width: 48px;
  height: 48px;
}
.menu-organizer-list-header-actions-button .miz-button-icon > i {
  font-size: 28px;
}
.menu-organizer-list-header-actions .miz-button-icon {
  color: #FAFAFA;
  margin: 0 auto;
}
.menu-organizer-list-header-actions .miz-button-icon-text {
  color: #720E1A;
  background-color: #FEC53C;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: normal;
  height: auto;
  min-width: 180px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 100%;
  white-space: nowrap;
}
.menu-organizer-list-header-actions .miz-button-icon-text > * {
  margin-bottom: 8px;
  margin-left: 0;
}
@media (min-width: 480px) {
  .menu-organizer-list-header-actions .miz-button-icon-text > * {
    margin-bottom: 0;
    margin-left: 8px;
  }
}
@media (min-width: 1200px) {
  .menu-organizer-list-header-actions .miz-button-icon-text > * {
    margin-bottom: 8px;
    margin-left: 0;
  }
}
.menu-organizer-list-header-actions .miz-button-icon-text > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .menu-organizer-list-header-actions .miz-button-icon-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .menu-organizer-list-header-actions .miz-button-icon-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.menu-organizer-list-header-actions .miz-button-icon-text .count {
  pointer-events: none;
  color: #FAFAFA;
  font-size: 16px;
  padding: 4px 8px;
  background-color: #720E1A;
  border-radius: 48px;
  min-width: 60px;
}
.menu-organizer-list-header-actions .miz-button-icon-text .type {
  pointer-events: none;
  font-size: 14px;
}
.menu-organizer-list-header-actions .miz-button-icon-text .type::after {
  text-transform: lowercase;
  content: "(s)";
}
.menu-organizer-list-header-actions .miz-button-icon-text::after {
  font-family: "Material Design Icons";
  content: "\f0143";
  font-size: 24px;
  -webkit-animation: bounce 2s infinite;
          animation: bounce 2s infinite;
}
.menu-organizer-list-header-actions .miz-button-icon-text.collapsed::after {
  content: "\f0140";
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
}
.menu-organizer-list > .collapse.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.menu-organizer-list > .collapsing {
  padding: 0 !important;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.menu-organizer-list-submenu,
.menu-organizer-list .collapsing {
  padding: 16px 16px 16px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 16px;
}
.menu-organizer-list-submenu-toolbar,
.menu-organizer-list .collapsing-toolbar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 640px) {
  .menu-organizer-list-submenu-toolbar,
.menu-organizer-list .collapsing-toolbar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.menu-organizer-list-submenu-toolbar h4,
.menu-organizer-list .collapsing-toolbar h4 {
  line-height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.menu-organizer-list-submenu-toolbar h4 span,
.menu-organizer-list .collapsing-toolbar h4 span {
  margin-left: 0;
}
.menu-organizer-list-submenu-toolbar .miz-button i,
.menu-organizer-list .collapsing-toolbar .miz-button i {
  display: none;
}
@media (min-width: 320px) {
  .menu-organizer-list-submenu-toolbar .miz-button i,
.menu-organizer-list .collapsing-toolbar .miz-button i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.menu-organizer-list-submenu {
  border-left: 8px solid #720E1A;
}
.menu-organizer-list .collapsing {
  width: 100%;
}
.menu-organizer-list-dishes,
.menu-builder-list-dishes {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px;
    width: 100%;
}
@media (min-width: 740px) {
    .menu-organizer-list-dishes,
    .menu-builder-list-dishes {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .menu-organizer-list-dishes,
    .menu-builder-list-dishes {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1200px) {
    .menu-organizer-list-dishes,
    .menu-builder-list-dishes {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 1400px) {
    .menu-organizer-list-dishes,
    .menu-builder-list-dishes {
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (min-width: 1600px) {
    .menu-organizer-list-dishes,
    .menu-builder-list-dishes {
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (min-width: 2048px) {
    .menu-organizer-list-dishes,
    .menu-builder-list-dishes {
        grid-template-columns: repeat(6, 1fr);
    }
}
.menu-organizer-list-dishes .disabled-sort {
  border-radius: 4px;
  border: 1px solid RGBA(0, 0, 0, 0.16);
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  padding: 16px;
}
.menu-organizer-list-dishes .disabled-sort span {
  font-size: 16px;
  font-weight: 500;
}
.menu-organizer-list-dishes-item,
.menu-builder-list-dishes-item {
    background-color: RGBA(0, 0, 0, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.menu-organizer-list-dishes-item.dragging {
  opacity: 0.2;
  padding: 8px;
  border: 2px dashed #720E1A;
}
.menu-organizer-list-dishes-item .move-handle-dishes {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 20;
}
.menu-organizer-list-dishes-item .move-handle-dishes .miz-button.miz-button-icon {
  background-color: RGBA(0, 0, 0, 0.24);
}
.menu-organizer-list-dishes-item .move-handle-dishes .miz-button.miz-button-icon i {
  color: #FAFAFA;
  font-size: 48px;
  text-shadow: 0 1px RGBA(0, 0, 0, 0.36);
}
.menu-organizer-list-dishes-item-header,
.menu-builder-list-dishes-item-header {
    background-color: #FAFAFA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.menu-organizer-list-dishes-item-header .form-check-input {
  margin-top: 0;
  margin: 0 16px;
}
.menu-organizer-list-dishes-item-header .move-handle-dishes {
  position: relative;
  top: 0;
  left: 0;
}
@media (min-width: 480px) {
  .menu-organizer-list-dishes-item-header .move-handle-dishes {
    display: none;
  }
}
.menu-organizer-list-dishes-item-header .move-handle-dishes .miz-button {
  background-color: transparent !important;
  text-shadow: none !important;
}
.menu-organizer-list-dishes-item-header .move-handle-dishes .miz-button i {
  font-size: 24px !important;
  color: #720E1A !important;
}
.menu-organizer-list-dishes-item-body,
.menu-builder-list-dishes-item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.menu-organizer-list-dishes-item-body .move-handle-dishes {
  display: none;
}
@media (min-width: 480px) {
  .menu-organizer-list-dishes-item-body .move-handle-dishes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.menu-organizer-list-dishes-item-body .age-restriction {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 5;
  background-color: #FAFAFA;
  border-radius: 50%;
}
.menu-organizer-list-dishes-item-body .age-restriction svg {
  height: 100%;
  width: 100%;
}
.menu-organizer-list-dishes-item-body .age-restriction svg .age {
  fill: #000000;
}
.menu-organizer-list-dishes-item-body .age-restriction svg .circle {
  fill: #FF2636;
}
.menu-organizer-list-dishes-item-body::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.menu-organizer-list-dishes-item-body-img {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.menu-organizer-list-dishes-item-body-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px;
  gap: 0;
  color: #FAFAFA;
}
.menu-organizer-list-dishes-item-body-content p {
  margin: 0 !important;
  font-weight: 500;
  font-size: 12px;
}
.menu-organizer-list-dishes-item-body-content h4 {
  font-size: 14px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 4px !important;
}
.menu-organizer-list-dishes-item-actions {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 512;
}
.menu-organizer-list-dishes-item-actions .miz-button-icon i::before {
  content: "\f0415";
}
.menu-organizer-list-dishes-item-actions .btn-check:checked + .miz-button-icon {
  background-color: #7EB73A;
}
.menu-organizer-list-dishes-item-actions .btn-check:checked + .miz-button-icon i::before {
  content: "\f0e1e";
}
.menu-organizer-list-dishes-item-age {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 5;
  background-color: #FAFAFA;
  border-radius: 50%;
}
.menu-organizer-list-dishes-item-age svg {
  height: 100%;
  width: 100%;
}
.menu-organizer-list-dishes-item-age svg .age {
  fill: #000000;
}
.menu-organizer-list-dishes-item-age svg .circle {
  fill: #FF2636;
}

.btn-add-dish span {
  display: none;
}
@media (min-width: 360px) {
  .btn-add-dish span {
    display: inherit;
  }
}

.food-menu-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.food-menu-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 64px;
  background-color: #720E1A;
  border-radius: 0;
}

.photo-lists {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-auto-flow: dense;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  gap: 16px;
}
.photo-lists.is-loading {
  grid-template-columns: repeat(3, 1fr);
}
.photo-lists.is-loading .spinner-border {
  grid-column: 2;
}
.photo-lists li {
  border-radius: 8px;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: RGBA(0, 0, 0, 0.16);
  cursor: pointer;
}
.photo-lists li img {
  width: 100%;
  height: auto;
  margin: auto;
  bottom: 0;
}

.app-nav-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background: #720E1A;
}
    .app-nav-main .miz-button-icon {
        width: 48px;
        height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        transition: all 250ms ease-in-out;
        transition-delay: border-radius 1s;
        box-shadow: 0 0 0 0 transparent;
    }

    .app-nav-main .miz-button-icon:not(.branding):hover {
        background-color: #5b0b15;
        color: #fafafa;
    }
.dark .app-nav-main .miz-button-icon:not(.branding):hover {
    background-color: #fafafa;
    border-radius: 0;
    width: 64px;
    height: 64px;
    color: #720E1A;
}
.app-nav-main .miz-button-icon:hover i svg {
    fill: #fafafa;
}
.app-nav-main .miz-button-icon:hover i.mdi {
    color: #fafafa;
}

.dark .app-nav-main .miz-button-icon:hover i svg {
    fill: #720E1A !important;
}

.dark .app-nav-main .miz-button-icon:hover i.mdi {
    color: #720E1A !important;
}

.app-nav-main .miz-button-icon:disabled {
  background-color: transparent;
}
.app-nav-main .miz-button-icon:disabled i {
  color: RGBA(0, 0, 0, 0.16);
}
.app-nav-main .miz-button-icon.--disabled {
  background-color: transparent !important;
  cursor: not-allowed;
  /*pointer-events: none;*/
}
.app-nav-main .miz-button-icon.--disabled .mdi {
  color: RGBA(0, 0, 0, 0.16);
}
.app-nav-main .miz-button-icon.focus {
  background-color: RGBA(0, 0, 0, 0.08);
}
.app-nav-main .miz-button-icon.active .mdi {
  color: #720E1A;
}
.app-nav-main .miz-button-icon.active .mizi {
  color: #720E1A;
}
.app-nav-main .miz-button-icon .mdi {
  font-size: 36px;
  color: RGBA(0, 0, 0, 0.36);
}
.app-nav-main .miz-button-icon .mizi {
  width: 48px;
  height: 48px;
  color: RGBA(0, 0, 0, 0.36);
}
.app-nav-main .miz-button-icon .mizi svg {
  height: 90%;
  width: 90%;
}
.app-nav-main .brand-menumiz,
.app-nav-main .app-nav-main-actions {
  -webkit-box-shadow: inset 0 -1px 0 0 #DFDFDF;
          box-shadow: inset 0 -1px 0 0 #DFDFDF;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 68px;
  height: 68px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
}
.app-nav-main .brand-menumiz {
  background-color: #fafafa;
  border-radius: 0 10px 0 0;
  /*-webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  z-index: 512;*/
}
.app-nav-main .brand-menumiz .miz-button {
  border-radius: 0;
}
    .app-nav-main .brand-menumiz svg {
        color: #720E1A;
        width: 100%;
        height: 100%;
        transform:all .6s
    }
    .app-nav-main .brand-menumiz:hover svg {
        color: #fafafa;
        width: 100%;
        height: 100%;
    }
    .app-nav-main .brand-menumiz:hover {
        background-color: #720E1A;
    }
.app-nav-main .app-nav-main-actions {
  margin-top: auto;
  -webkit-box-shadow: inset 0 1px 0 0 #DFDFDF;
          box-shadow: inset 0 1px 0 0 #DFDFDF;
  background-color: #F3F3F3;
}
.app-nav-main .app-nav-main-actions .mdi {
  color: #720E1A;
}
.app-nav-main-items {
  min-width: 0;
  min-height: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  height: 100%;
  background-color: #FAFAFA;
}

.app-nav-main-items .scroller::-webkit-scrollbar {
  width: 0;
}
.app-nav-main-items .scroller::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.app-nav-main-items .scroller::-webkit-scrollbar-thumb {
  background: #888;
}
.app-nav-main-items .scroller::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.app-nav-main-item {
  width: 68px;
  height: 68px;
  -webkit-box-shadow: inset 0 -1px 0 0 #DFDFDF;
          box-shadow: inset 0 -1px 0 0 #DFDFDF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    position:relative
}
.Nav-Sub-Menu > ul > li .miz-button .menu-badge,
.app-nav-main-item .menu-badge {
    position: absolute;
    background: #720E1A;
    width: 16px;
    height: 16px;
    color: #fafafa;
    border-radius: 50%;
    font-size: 9px;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 3px;
    right: 3px;
    z-index: 1000;
    margin:0
}
.menu-badge > i.mdi {
    font-size: 11px;
}
.Nav-Sub-Menu > ul > li .miz-button.active .menu-badge {
    color: #720E1A;
    background: #fafafa;
}
.app-nav-sub {
  min-width: 0;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: #FAFAFA;
  z-index: 1024;
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  overflow: hidden;
  display: none;
  max-width: 320px;
}
.app-nav-sub.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-nav-sub.slide-in {
  min-width: calc(100% - 68px);
}
@media (min-width: 960px) {
  .app-nav-sub.slide-in {
    min-width: 320px;
  }
}
.app-nav-sub .scrollerInner {
  height: 100% !important;
}
.app-nav-sub .btn-app-nav-close {
  position: absolute;
  right: 8px;
  top: 16px;
  z-index: 48;
}
.app-nav-sub .menu-select {
  min-width: 0;
  min-height: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: calc(100% - 48px);
  margin-top: auto;
}
.app-nav-sub .menu-select b {
  margin: 0 4px;
  text-transform: uppercase;
  color: #720E1A;
}
.app-nav-sub-items {
  opacity: 0;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.app-nav-sub-items.fade {
  opacity: 1;
}
.app-nav-sub-items.closed {
  display: none;
}
.app-nav-sub-items.opened {
  display: block;
}
.app-nav-sub-items h3 {
  line-height: normal;
  min-height: 88px;
  font-size: 24px;
  font-weight: 500;
  color: #720E1A;
  padding: 0 64px 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.app-nav-sub-items > ul,
.app-nav-sub-items > ul > li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.app-nav-sub-items > ul {
  padding: 8px;
  display: grid;
  gap: 8px;
}
.app-nav-sub-items > ul > li {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.app-nav-sub-items > ul > li .miz-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: RGBA(0, 0, 0, 0.64);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  width: 100%;
  font-size: 14px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.app-nav-sub-items > ul > li .miz-button .mizi {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
}
.app-nav-sub-items > ul > li .miz-button > * {
  margin-right: 16px;
}
.app-nav-sub-items > ul > li .miz-button > *:last-child {
  margin-right: 0;
}
.app-nav-sub-items > ul > li .miz-button:disabled {
  background-color: transparent !important;
  opacity: 0.48;
  cursor: not-allowed;
}
.app-nav-sub-items > ul > li .miz-button:disabled .mdi {
  color: RGBA(0, 0, 0, 0.08);
}
.app-nav-sub-items > ul > li .miz-button.active {
  background-color: #720E1A;
  color: #FAFAFA;
}
.app-nav-sub-items > ul > li .miz-button:hover:not(.active):not(:disabled):not(.--disabled) {
  background-color: RGBA(0, 0, 0, 0.08);
  color: #720E1A;
}
.app-nav-sub-items > ul > li .miz-button span {
  text-transform: capitalize;
  text-align: left;
}
.app-nav-sub-items > ul > li .miz-button.is-uber .uber-logo-background {
  color: #000000;
}
.app-nav-sub-items > ul > li .miz-button.is-uber .uber-text-uber {
  color: #FAFAFA;
}
.app-nav-sub-items > ul > li .miz-button.is-uber .uber-text-eat {
  color: #82BC45;
}
.app-nav-sub-items > ul > li .miz-button.is-grab .mizi {
  color: #00B14F;
}
.app-nav-sub-items > ul > li .miz-button.is-doordash .mizi {
  color: #eb1700;
}
.app-nav-sub-items > ul > li .miz-button.is-deliveroo .mizi {
  color: #00ccbc;
}
.app-nav-sub-items > ul > li .miz-button.is-xero .mizi {
  color: #13b5ea;
}

.app-nav-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: fixed;
  height: 100%;
  width: 0;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  min-width: 0;
  z-index: 2048;
  overflow: hidden;
}
.app-nav-mobile.opened {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-nav-mobile.opened .app-nav-main {
  z-index: 1024;
}
.app-nav-mobile.closed {
  display: none;
}
.app-nav-mobile.slide-in {
  width: 100%;
}
.app-nav-mobile .app-nav-main {
  background-color: #FAFAFA;
  overflow: hidden;
  min-width: 68px;
}
.app-nav-mobile .app-nav-main .app-nav-main-items {
  background-color: #FAFAFA;
}
.app-nav-mobile .app-nav-sub {
  max-width: 320px;
  display: block;
}
.app-nav-mobile .app-nav-sub .helper {
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  text-align: center;
}

.app-toolbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 68px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    padding: 0 16px 0 0;
    /*background-color: #FAFAFA;*/
    background-color: #720E1A;
    border-radius:0 0 8px 0;
    -webkit-box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 0%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 0%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
    z-index: 512;
}
@media (max-width: 768px) {
    .app-toolbar {
        border-radius: 0 ;
    }
}

.app-toolbar-tso-order {
  height: auto;
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.app-toolbar.food-menu {
  background-color: #720E1A;
  height: 80px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.app-toolbar.food-menu .miz-button-icon {
  min-width: 48px;
}
.app-toolbar.food-menu .btn-food-home {
  background-color: #FAFAFA;
  margin-left: 16px;
}
@media (min-width: 960px) {
  .app-toolbar.food-menu .btn-food-home {
    display: none;
  }
}
.app-toolbar.food-menu h3.title {
  color: #FAFAFA;
  margin-bottom: 0;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 16px;
  font-size: 18px;
}
@media (min-width: 960px) {
  .app-toolbar.food-menu h3.title {
    display: none;
  }
}
.app-toolbar.food-menu .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  height: 100%;
  gap: 0;
}
.app-toolbar.food-menu .actions > span {
    color: #FAFAFA;
    font-size: 18px;
    font-weight: 700;
    margin: 0 16px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: RGBA(255, 255, 255, 0.08);
    padding: 8px 16px;
    border-radius: 48px;
    border: 1px solid RGBA(255, 255, 255, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media(max-width:968px) {
    .app-toolbar.food-menu .actions > a.btn-basket,
    .app-toolbar.food-menu .actions > span {
        display: none !important;
    }

    .app-toolbar.food-menu .actions {
        gap: 6px !important;
    }
}
.app-toolbar.food-menu .actions > a.btn-basket {
    color: #FAFAFA;
    font-size: 18px;
    font-weight: 700;
    margin: 0 16px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: RGBA(255, 255, 255, 0.08);
    padding: 8px 16px;
    border-radius: 48px;
    border: 1px solid RGBA(255, 255, 255, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 48px;
    min-width: 120px
}
.app-toolbar.food-menu .actions .miz-button-icon {
  background-color: RGBA(255, 255, 255, 0.08);
  color: #FAFAFA;
  border: 1px solid RGBA(255, 255, 255, 0.16);
}
.app-toolbar.food-menu .actions .btn-user {
  display: none;
}
@media (min-width: 960px) {
  .app-toolbar.food-menu .actions .btn-user {
    display: inline-block;
  }
}
.app-toolbar.food-menu .actions .cart-container {
  position: relative;
  overflow: hidden;
  height: 100%;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 48px;
}
@media (min-width: 960px) {
  .app-toolbar.food-menu .actions .cart-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.app-toolbar.food-menu .actions .cart-container .badge {
  right: 0;
  top: 8px;
  font-size: 12px;
  margin: 0;
  padding: 4px 8px;
}
.app-toolbar .miz-button-menu-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 16px;
}
@media (min-width: 960px) {
  .app-toolbar .miz-button-menu-mobile {
    display: none;
  }
}
.app-toolbar .brand {
  font-size: 14px;
  color: #720E1A;
  font-weight: 500;
  padding: 0 0 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    align-items:center;
}

.app-toolbar .brand#SingleOutlet {
    color:#fafafa !important
}

@media (min-width: 640px) {
  .app-toolbar .brand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.app-toolbar .brand-logo {
  width: 48px;
  height: 48px;
  border-radius: 48px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  margin-right:8px
}
.app-toolbar .brand.dropdown > .miz-button .brand-name {
    margin-left: 4px;
    margin-right: 4px
}
.app-toolbar .brand.dropdown > .miz-button .brand-id {
    margin-left: 4px;
    margin-right: 4px
}
.app-toolbar .brand-logo img {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: RGBA(0, 0, 0, 0.48);
}
.app-toolbar .brand-id::before {
  content: "(";
}
.app-toolbar .brand-id::after {
  content: ")";
}
.app-toolbar .brand.dropdown {
  padding: 0;
  margin-right:8px
}
.app-toolbar .brand.dropdown > .miz-button {
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    min-width: 0;
    padding: 0 0 0 16px;
    margin: 0 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #710e19;
    color: #ffffff;
}
.dark .app-toolbar .brand.dropdown > .miz-button {
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    min-width: 0;
    padding: 0 0 0 16px;
    margin: 0 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #242731;
    color: #ffffff;
}
.app-toolbar .brand.dropdown > .miz-button:hover {
    background: #710e19 !important;
}
.dark .app-toolbar .brand.dropdown > .miz-button:hover {
    background: #242731 !important;
}
.app-toolbar .brand.dropdown > .miz-button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: 0 ;
}
@media (max-width: 640px) {
    .app-toolbar .brand.dropdown > .miz-button .brand-id {
        display: none
    }

    .app-toolbar .brand.dropdown > .miz-button {
        font-size: 14px;
    }
}
@media (min-width: 640px) {
  .app-toolbar .brand.dropdown > .miz-button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
    
}
.app-toolbar .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 6px;
  width: auto;
}
.app-toolbar .actions > .miz-button:hover,
.miz-button#Notifications:hover {
    background-color: #720E1A;
    color: #fafafa;
    -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    box-shadow: inset 0 0px 0 1px #fafafa;
}
.app-toolbar .miz-button.active {
    background-color: #ffffff !important;
    color: var(--miz-primary) !important;
}
.app-toolbar .miz-button.active:hover {
    background-color: #720E1A !important;
}
.app-toolbar .actions > .miz-button:hover i.mdi,
.miz-button#Notifications:hover i.mdi {
    color: #fafafa !important;
}

.app-toolbar .actions .dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/*author Sam for notification counter*/
.app-toolbar .actions .dropdown #niotification-count {
    position: absolute;
    z-index: 100;
    top: -7px;
    right: 0;
    background: #720E1A;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    text-align: center;
    color: #ffffff;
}
/*sam*/
.app-toolbar .dropdown:not(.actions-notifications) .dropdown-menu li:not(.dropdown-menu-divider) {
  
  line-height: 48px;
  padding: 5px 8px;
}
.app-toolbar .dropdown:not(.actions-notifications) .dropdown-menu li:not(.dropdown-menu-divider) a {
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
}
.app-toolbar .brand .dropdown-menu .multioutlet-item.active {
  background-color: RGBA(0, 0, 0, 0.08);
}
.app-toolbar .brand .dropdown-menu .miz-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.app-toolbar .brand .dropdown-menu .miz-button .brand-name,
.app-toolbar .brand .dropdown-menu .miz-button .brand-id {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (min-width: 640px) {
  .app-toolbar .brand .dropdown-menu .miz-button .brand-name,
.app-toolbar .brand .dropdown-menu .miz-button .brand-id {
    white-space: nowrap;
  }
}

.page-tso .app-toolbar {
  background-color: #720E1A;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 68px;
  padding: 8px;
  position: relative;
}
.page-tso .app-toolbar > h3 {
  display: none;
}
@media (min-width: 768px) {
  .page-tso .app-toolbar > h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.page-tso .app-toolbar .miz-button-icon {
  background-color: RGBA(255, 255, 255, 0.08);
  color: #FAFAFA;
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.page-tso .app-toolbar .miz-button-icon i {
  font-size: 28px;
}
.page-tso .app-toolbar .actions {
  gap: 0;
}
.page-tso .app-toolbar .actions > * {
  margin-right: 16px;
}
.page-tso .app-toolbar .actions > *:last-child {
  margin-right: 0;
}
.page-tso .app-toolbar .brand .miz-button {
  margin-left: 0;
}
.page-tso .app-toolbar .brand .brand-name,
.page-tso .app-toolbar .brand .brand-id {
  color: #FAFAFA;
}
.page-tso .app-toolbar .brand.dropdown .multioutlet-item .brand-name,
.page-tso .app-toolbar .brand.dropdown .multioutlet-item .brand-id {
  color: #720E1A;
}
.page-tso.white .app-toolbar {
  background-color: #FAFAFA;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.page-tso.white .app-toolbar .miz-button-icon {
  background-color: RGBA(0, 0, 0, 0.08);
  color: #720E1A;
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.page-tso.white .app-toolbar .miz-button-icon i {
  font-size: 28px;
}
.page-tso.white .app-content {
  background-color: #eff2f5;
}
.page-tso.white .app-content .app-content-container::before {
  display: none;
}
.page-tso.dark .app-body .app-content {
    background-color: transparent !important;
}
.page-tso .app-content-container::before {
  content: "";
  background-image: url("/assets/img/bg-tso.jpg");
  position: absolute;
  top: -8px;
  left: -1px;
  right: 0;
  bottom: 0;
  width: 110%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
  background-size: cover;
}
.page-tso .app-content-container .app-content-container {
  z-index: 10;
}

.miz-form {
  width: 100%;
}
.miz-form .two-col {
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 640px) {
  .miz-form .two-col {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 640px) {
  .miz-form .two-col .full {
    grid-column: span 2;
  }
}
.miz-form .four-col {
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 640px) {
  .miz-form .four-col {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 640px) {
  .miz-form .four-col .one {
    grid-column: span 1;
  }
}
@media (min-width: 640px) {
  .miz-form .four-col .two {
    grid-column: span 2;
  }
}
@media (min-width: 640px) {
  .miz-form .four-col .three {
    grid-column: span 3;
  }
}
@media (min-width: 640px) {
  .miz-form .four-col .four {
    grid-column: span 4;
  }
}

.auth-registration .miz-button-submit-container {
  bottom: -30px;
}
.auth .brands-img {
  max-width: 108px;
  display: block;
}
.auth .miz-form {
  margin-bottom: 8px;
  padding-top: 8px;
}
.auth .login-remember {
  margin-top: 32px;
  margin-bottom: 8px;
}
.auth .stepper-head {
  display: none;
}
.auth .stepper-content {
  background-color: #FAFAFA;
}
.auth .stepper-content h4 {
  text-align: center;
  text-transform: capitalize;
  margin-top: 16px;
}
.auth-action a {
  font-weight: 600;
}

.page-auth .section-container {
  max-width: 640px;
}

.forget-password h4 {
  font-size: 24px;
  color: #720E1A;
  text-align: center;
  margin: 32px 0 16px;
}

.successful-forget-password .modal-body p, .successful-forget-restaurant_id .modal-body p {
  text-align: center;
  color: #720E1A;
  font-weight: 600;
}
.successful-forget-password .modal-body .miz-button, .successful-forget-restaurant_id .modal-body .miz-button {
  margin: 0 auto;
}

.verification-registration .modal-body .verification-registration-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.verification-registration .modal-body .verification-registration-info-title {
  font-size: 16px;
}
.verification-registration .modal-body .verification-registration-info-email {
  font-size: 24px;
  font-weight: 600;
  color: #720E1A;
}

.registration-back {
  position: absolute;
  top: 16px;
  left: 16px;
}

.wizard-dish-general-info {
  display: grid;
  grid-template-columns: unset !important;
  gap: 16px;
}
@media (min-width: 1024px) {
  .wizard-dish-general-info-upload {
    grid-row-start: span 2;
    grid-column-start: 1;
    grid-column-end: span 1;
    max-width: 180px;
    min-width: 100%;
    padding: 0 16px;
  }
}
.wizard-dish-general-info-upload-image {
  width: 124px;
  height: 124px;
  max-width: 124px;
  max-height: 124px;
  margin: 0 auto;
  background-color: #FAFAFA;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.wizard-dish-general-info-upload-image.squarize {
  border-radius: 4px;
}
.wizard-dish-general-info-upload-image.ratio-16-9 {
  width: 144px;
  height: 89.76px;
  max-width: 144px;
  max-height: 89.76px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  border: 1px solid RGBA(0, 0, 0, 0.04);
}
.wizard-dish-general-info-upload-image-button {
  position: absolute !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 48px;
}
.wizard-dish-general-info-upload-image-button .miz-button-icon {
  background-color: #720E1A;
  height: 40px;
  width: 40px;
  min-height: 40px;
  min-width: 40px;
  line-height: 40px;
}
.wizard-dish-general-info-upload-image-button .miz-button-icon i {
  color: #FAFAFA;
}
.wizard-dish-general-info-upload-image img {
  width: auto;
  height: 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wizard-dish-general-info-upload-helper p {
  margin: 0 !important;
  color: RGBA(0, 0, 0, 0.48);
  text-align: center;
  font-size: 12px;
}
@media (min-width: 1024px) {
  .wizard-dish-general-info-title {
    grid-row-start: 1;
  }
}
@media (min-width: 1024px) {
  .wizard-dish-general-info-description {
    grid-row-start: 2;
  }
}
.wizard-dish-general-info-video .miz-input-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wizard-dish-general-info-video .miz-input-label i {
  font-size: 30px;
  color: #720E1A;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wizard-dish-general-info-video .miz-input-label b {
  font-size: 12px;
  margin-left: 8px;
  font-style: italic;
  font-weight: 400;
}
.wizard-dish-general-info-video .miz-input-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.wizard-dish-general-info-video .miz-input-field input {
  border-radius: 4px 0 0 4px;
}
.wizard-dish-general-info-video .miz-input-field .miz-button {
  border-radius: 0 4px 4px 0;
}
@media (min-width: 1024px) {
  .wizard-dish-general-info-video {
    grid-row-start: 3;
  }
}
.wizard-dish-general-info-checkbox .miz-input-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wizard-dish-general-info-checkbox .miz-input-label i {
  font-size: 30px;
  color: #720E1A;
  margin-right: 8px;
}
.wizard-dish-general-info-checkbox .miz-input-label b {
  font-size: 12px;
  margin-left: 8px;
  font-style: italic;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .wizard-dish-general-info-checkbox {
    grid-row-start: 3;
  }
}
@media (min-width: 1024px) {
  .wizard-dish-general-info-title, .wizard-dish-general-info-description, .wizard-dish-general-info-video, .wizard-dish-general-info-checkbox {
    grid-column-start: 2;
    grid-column-end: span 2;
  }
}
.wizard-dish-add-ingredients .miz-form .miz-form-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 960px) {
  .wizard-dish-add-ingredients .miz-form .miz-form-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
.wizard-dish-add-ingredients .miz-form .miz-form-group .miz-input-field,
.wizard-dish-add-ingredients .miz-form .miz-form-group .miz-input-label {
  grid-column-end: span 3;
}
.wizard-dish-add-ingredients .miz-form .miz-form-group .miz-button-icon {
  margin-top: 0;
}
@media (min-width: 960px) {
  .wizard-dish-add-ingredients .miz-form .miz-form-group .miz-button-icon {
    margin-top: 33px;
  }
}
.wizard-dish-add-ingredients .miz-form .miz-form-group .miz-button-icon:hover {
  background-color: #47060e;
}
.wizard-dish-add-ingredients .wizard-dish-keywords {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.wizard-dish-keywords.section-inner-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.wizard-dish-serving-type.section-inner-body {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 16px;
}
.wizard-dish-serving-type.section-inner-body .miz-card {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid RGBA(0, 0, 0, 0.16);
  margin: 8px;
}
.wizard-dish-serving-type.section-inner-body .miz-card.checked {
  border: 3px solid #720E1A;
  color: #720E1A;
}
.wizard-dish-serving-type.section-inner-body .miz-card-title {
  margin-top: auto;
}
.wizard-dish-serving-type.section-inner-body .miz-card.is-coming-soon {
  background-color: RGBA(0, 0, 0, 0.08);
  color: RGBA(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  border: 1px solid RGBA(0, 0, 0, 0.24);
}
.wizard-dish-serving-type.section-inner-body .miz-card.is-coming-soon .miz-card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wizard-dish-serving-type.section-inner-body .miz-card.is-coming-soon .miz-card-title::after {
  color: #FF2636;
  content: "service will be available soon.";
  text-align: center;
  font-size: 12px;
  margin-top: 8px;
}
@media (min-width: 960px) {
  .wizard-dish-serving-type.section-inner-body {
    grid-template-columns: repeat(4, 1fr);
  }
}
.wizard-dish-add-tags.section-inner-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
}
.wizard-dish-add-tags.section-inner-body .miz-chip {
  margin: 8px;
}
.wizard-dish-add-price.section-inner-body .miz-form .miz-form-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 960px) {
  .wizard-dish-add-price.section-inner-body .miz-form .miz-form-group {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 960px) {
  .wizard-dish-add-price.section-inner-body .miz-form .miz-form-group .wizard-dish-add-price-form-option {
    grid-column-start: 1;
    grid-column-end: span 2;
  }
  .wizard-dish-add-price.section-inner-body .miz-form .miz-form-group .wizard-dish-add-price-form-price {
    grid-column-start: 3;
    grid-column-end: span 2;
  }
  .wizard-dish-add-price.section-inner-body .miz-form .miz-form-group .wizard-dish-add-price-form-add {
    margin-top: 33px;
    grid-column-start: 5;
    grid-column-end: span 2;
  }
}
.wizard-dish-add-price.section-inner-body .miz-form .miz-form-group .wizard-dish-add-price-form-price .miz-input-field {
  grid-row-start: 2;
  margin-top: 1px;
}
.wizard-dish-add-price.section-inner-body .miz-form .miz-form-group .wizard-dish-add-price-form-price .wizard-dish-add-price-form-add {
  grid-row-start: 2;
}
.wizard-dish-add-price.section-inner-body .miz-form .miz-form-group .wizard-dish-add-price-form-price .form-check {
  grid-row-start: 3;
  grid-column-start: 1;
  grid-column-end: span 6;
}
@media (min-width: 960px) {
  .wizard-dish-add-price.section-inner-body .miz-form .miz-form-group .wizard-dish-add-price-form-price .form-check {
    grid-column-start: 1;
    grid-column-end: span 6;
  }
}
.wizard-dish-add-price-lists {
  overflow-y: auto;
}
.wizard-dish-smart-price-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    /*margin: 16px 0;*/
    padding: 8px 16px;
    background-color: transparent;
    /*
        background-color: RGBA(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    */
    border-radius: 4px;
    width: 100%;
}
.wizard-dish-smart-price-content.schedule-fixed {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.wizard-dish-smart-price-content .smart-price-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 -8px;
}

.wizard-dish-smart-price-content .smart-price-list > div {
  margin-bottom: 8px !important;
}
.wizard-dish-smart-price-content .smart-price-list > div:last-child{
    margin-bottom: 20px !important;
}
.wizard-dish-smart-price-content .smart-price-list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.wizard-dish-smart-price-content .smart-price-list-header h4 {
  font-size: 18px;
  color: #720E1A;
}
.wizard-dish-smart-price-content .smart-price-list-header h4 span:before {
  content: "-";
  margin: 0 8px;
}
.wizard-dish-smart-price-content .smart-price-list-body .swiper-wrapper {
  border: 1px solid #720E1A;
  width: calc(100% - 2px);
}
.wizard-dish-smart-price-content .smart-price-list-body .swiper-wrapper .swiper-slide {
  position: relative;
  overflow: hidden;
  width: auto !important;
}
.wizard-dish-smart-price-content .smart-price-list-body-change_price_by {
  display: grid;
  grid-template-columns: 1fr;
  border: 1px solid #720E1A;
  margin-bottom: 10px;
    border-radius: 5px;
}
@media (min-width: 960px) {
  .wizard-dish-smart-price-content .smart-price-list-body-change_price_by {
    grid-template-columns: repeat(2, 1fr);
  }
}
.wizard-dish-smart-price-content .smart-price-list-body-change_price_by .miz-button {
  width: 100%;
  height: auto;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: normal;
  padding: 16px 32px;
  min-width: 0;
}
@media (min-width: 960px) {
  .wizard-dish-smart-price-content .smart-price-list-body-change_price_by .miz-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.wizard-dish-smart-price-content .smart-price-list-body-change_price_by .miz-button span {
  text-align: left;
}
.wizard-dish-smart-price-content .smart-price-list-body-change_price_by .btn-check[type=radio] + label.miz-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wizard-dish-smart-price-content .smart-price-list-body-change_price_by .btn-check[type=radio] + label.miz-button::before {
  font-family: "Material Design Icons";
  content: "\f0130";
  margin-right: 8px;
  font-size: 24px;
}
.wizard-dish-smart-price-content .smart-price-list-body-change_price_by .btn-check[type=radio]:checked + label.miz-button {
  color: #FAFAFA !important;
  background-color: #720E1A;
}
.wizard-dish-smart-price-content .smart-price-list-body-change_price_by .btn-check[type=radio]:checked + label.miz-button::before {
  content: "\f05e1";
}
.wizard-dish-smart-price-content .smart-price-list-body-time {
  display: grid;
  grid-template-columns: 1fr;
  border: 1px solid #720E1A;
  color: #FAFAFA;
  background-color: #720E1A;
  margin-top: 16px;
}
.wizard-dish-smart-price-content .smart-price-list-body-time:last-child {
  margin-top: 0;
}
.wizard-dish-smart-price-content .smart-price-list-body-time h3 {
  padding: 16px 32px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wizard-dish-smart-price-content .smart-price-list-body-time h3 i {
  font-size: 24px;
  margin-right: 16px;
}
.wizard-dish-smart-price-content .smart-price-list-body-time.schedule-fixed {
  background-color: #FEC53C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #720E1A;
  padding: 8px 16px;
  margin-top: 0;
  border-radius: 4px 4px 0 0;
}
.wizard-dish-smart-price-content .smart-price-list-body-time.schedule-fixed h3 {
  padding: 0;
}
.wizard-dish-smart-price-content .smart-price-list-body-time.schedule-fixed .miz-button-icon {
  border-radius: 4px;
  background-color: RGBA(255, 255, 255, 0.24);
  border: 1px solid RGBA(255, 255, 255, 0.16);
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders {
    display: grid;
    /*grid-template-columns: repeat(2, 1fr);*/
    width: 100%;
    padding: 8px 16px 16px;
    background-color: transparent;
    border: none;
    border-top: none;
    border-radius:4px
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders.schedule-fixed {
  border-radius: 0 0 4px 4px;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders.time {
  grid-template-columns: 1fr;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders.time :first-child .irs .irs-max {
  display: block;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders.time :first-child .irs .irs-handle.to i:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders.time :first-child .irs .irs .irs-to {
  display: block;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders.time :last-child .irs .irs-min {
  display: block;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders.time :last-child .irs .irs-max {
  display: block;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders.time :last-child .irs .irs-handle.from i:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders.time :last-child .irs .irs .irs-to {
  visibility: visible !important;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders.time :last-child .irs .irs .irs-from {
  display: block;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders :first-child .irs .irs-max {
  display: block;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders :first-child .irs .irs-handle.to i:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders :first-child .irs .irs .irs-to {
  display: none;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders :last-child .irs .irs-min {
  display: none;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders :last-child .irs .irs-max {
  display: block;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders :last-child .irs .irs-handle.from i:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders :last-child .irs .irs .irs-to {
  visibility: visible !important;
}
.wizard-dish-smart-price-content .smart-price-list-body-sliders :last-child .irs .irs .irs-from {
  display: none;
}
.wizard-dish-smart-price-content .smart-price-list-body-forms {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  padding: 8px 16px;
  /*background-color: RGBA(0, 0, 0, 0.04);
  border: 1px solid #720E1A;*/
  background-color: transparent;
  border: none;
  border-top: none;
}
.wizard-dish-smart-price-content .smart-price-list-body-forms .miz-form .miz-form-group {
  grid-template-columns: 1fr;
  gap: 16px;
}
.wizard-dish-smart-price-content .smart-price-list-body-forms .miz-form .miz-form-group .miz-input-field-inner {
  background-color: #fff;
}
@media (min-width: 640px) {
  .wizard-dish-smart-price-content .smart-price-list-body-forms .miz-form .miz-form-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .wizard-dish-smart-price-content .smart-price-list-body-forms .miz-form .miz-form-group {
    grid-template-columns: repeat(4, 1fr);
  }
}
.wizard-dish-smart-price-content .smart-price-list-body-slider {
  min-width: 0;
}
.wizard-dish-smart-price-content .smart-price-list-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 640px) {
  .wizard-dish-smart-price-content .smart-price-list-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.wizard-dish-cooking-styles .miz-form .miz-form-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 48px;
  gap: 16px;
}
.wizard-dish-cooking-styles .miz-form .miz-form-group .wizard-dish-cooking-styles-add {
  margin-top: 33px;
}
.wizard-dish-cooking-styles .miz-form .miz-form-group .miz-input-group {
  grid-column-end: span 3;
}
.wizard-dish-cooking-styles .miz-form .miz-form-group .miz-input-group .miz-button {
  margin: auto;
}
@media (min-width: 640px) {
  .wizard-dish-cooking-styles .miz-form .miz-form-group .miz-input-group {
    grid-column-end: span 2;
  }
}
.wizard-dish-cooking-styles-table {
  overflow-y: auto;
}
.wizard-dish-add .miz-form .miz-input-group.dish-select {
  position: relative;
}
.wizard-dish-add .miz-form .miz-input-group.dish-select .miz-input-label,
.wizard-dish-add .miz-form .miz-input-group.dish-select .miz-input-field {
  padding-right: 0;
}
.wizard-dish-add .miz-form .miz-input-group.dish-select .btn-add-dish {
  position: absolute;
  right: 0;
  bottom: 8px;
}
.wizard-dish-add .miz-form .miz-input-group.is-row {
  display: grid;
}
@media (min-width: 640px) {
  .wizard-dish-add .miz-form .miz-input-group.is-row {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  .wizard-dish-add .miz-form .miz-input-group.is-row .miz-input-label,
.wizard-dish-add .miz-form .miz-input-group.is-row > .form-helper {
    grid-column-end: span 2;
  }
  .wizard-dish-add .miz-form .miz-input-group.is-row .miz-input-field {
    grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
}
.wizard-dish-add .miz-table tbody tr td {
  font-weight: 500;
}
.wizard-dish-asign-sub-menu .miz-button {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 32px;
  height: auto;
  gap: 16px;
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.wizard-dish-asign-sub-menu .miz-button svg {
  height: 64px;
  width: 64px;
  margin: auto;
}
.wizard-dish-accouting-entries .miz-table tbody td img {
  height: 24px;
  width: 24px;
  margin-right: 16px;
}
.wizard-dish-modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wizard-dish-modal-content .mdi-image-multiple {
  font-size: 64px;
  color: RGBA(0, 0, 0, 0.64);
}
.modal .smart-price-list-footer {
  display: none;
}

.DishWizard-AddItem-Navigation {
  -webkit-transform: translateY(25%);
      -ms-transform: translateY(25%);
          transform: translateY(25%);
  padding: 16px;
  background-color: #720E1A;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  color: #FAFAFA;
}
.DishWizard-AddItem-Navigation.swiper-button-next {
  right: -8px;
}
.DishWizard-AddItem-Navigation.swiper-button-prev {
  left: -8px;
}
.DishWizard-AddItem-Navigation.swiper-button-disabled {
  display: none;
}

.wizard-dish-add .miz-form {
  padding-bottom: 0;
}
    .wizard-dish-add .miz-form .miz-form-group {
        display: grid;
        /*grid-template-columns: 1fr;*/
        gap: 16px;
        margin-bottom: 48px;
    }
@media (min-width: 1024px) {
  .wizard-dish-add .miz-form .miz-form-group .miz-input-group {
    width: 100%;
  }
}
.wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .miz-input-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .miz-input-field {
  max-width: 240px;
}
@media (min-width: 768px) {
  .wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .form-helper {
    grid-row-start: 2;
  }
}
.wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .btn-add,
.wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .btn-remove {
  position: absolute;
  top: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #FAFAFA;
  border: 1px solid #720E1A;
  color: #720E1A;
}
.wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .btn-add:disabled,
.wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .btn-remove:disabled {
  color: #FAFAFA;
  border: 1px solid #687078;
  background-color: #687078;
  opacity: 0.64;
}
.wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .form-control {
  margin: 0 64px;
  width: calc(100% - 128px);
  text-align: center;
}
.wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .btn-add {
  right: 4px;
}
.wizard-dish-add .miz-form .miz-form-group .miz-input-group.dish-count .btn-remove {
  left: 4px;
}
.wizard-dish-add .miz-form .miz-form-group .miz-input-group .miz-input-field {
  position: relative;
}
.wizard-dish-add .miz-form .miz-form-group .miz-input-group .miz-input-field .btn-add-dish {
  top: 0;
}
.wizard-dish-add .section-inner-body-title .badge-container {
  white-space: nowrap;
}

.subcriptions-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: calc(100% + 24px);
  margin-top: 32px;
  position: relative;
}
.subcriptions-table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px 0 8px 0;
  position: relative;
  z-index: 5;
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent;
}
.subcriptions-table-header .subcriptions-table-content {
  width: 180px;
}
.subcriptions-table-header .subcriptions-table-content li {
  border-right: none;
  padding: 0 16px;
  -webkit-box-shadow: 1px 0 0 0 #d6d6d6, inset 0 -1px 0 0 RGBA(255, 255, 255, 0.08);
          box-shadow: 1px 0 0 0 #d6d6d6, inset 0 -1px 0 0 RGBA(255, 255, 255, 0.08);
  background-color: #720E1A;
  color: #FAFAFA;
}
.subcriptions-table-header .subcriptions-table-content li.subcription-table-content-unlimited_users {
  border-top-right-radius: 0;
}
.subcriptions-table-header .subcriptions-table-content li:last-child {
  border-bottom-right-radius: 0;
}
.subcriptions-table .swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  left: -8px;
  z-index: 10;
  padding-right: 12px;
}
.subcriptions-table .swiper-container .swiper-wrapper {
  width: 100%;
  padding: 8px;
}
.subcriptions-table .swiper-container .swiper-wrapper .swiper-slide {
  border: 1px solid #d6d6d6;
  background-color: white;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
@media (min-width: 960px) {
  .subcriptions-table .swiper-container .swiper-wrapper .swiper-slide {
    height: auto;
  }
}
.subcriptions-table .swiper-container .swiper-wrapper .swiper-slide:hover {
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
}
.subcriptions-table .swiper-container .swiper-wrapper .swiper-slide.is-best-seller:after {
  content: "";
  background-image: url(../img/is-best-seller.png);
  background-size: cover;
  width: 64px;
  height: 64px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.subcriptions-table .swiper-container .swiper-wrapper .swiper-slide:first-child {
  margin-left: 0;
}
.subcriptions-table .swiper-container .swiper-wrapper .swiper-slide:last-child {
  margin-right: -8px !important;
}
.subcriptions-table .swiper-container .subcriptions-table-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.subcriptions-table .swiper-container .subcriptions-table-content li {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  background-color: white;
  width: 100%;
  min-width: 0;
  border-left: none;
}
.subcriptions-table .swiper-container .subcriptions-table-content li span.green {
  color: #7EB73A;
}
.subcriptions-table .swiper-container .subcriptions-table-content li.subcription-table-content-features {
  background-color: #E8E8E8;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}
.subcriptions-table .swiper-container .subcriptions-table-content li.subcription-table-content-unlimited_users {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.subcriptions-table .swiper-container .subcriptions-table-content li.subcription-table-content-number_of_bills {
  text-transform: uppercase;
  font-size: 16px;
  color: #720E1A;
  padding: 0 16px;
}
.subcriptions-table .swiper-container .subcriptions-table-content li.subcription-table-content-price {
  text-transform: uppercase;
  font-size: 16px;
  color: #720E1A;
}
.subcriptions-table .swiper-container .subcriptions-table-content li.subcription-table-content-actions {
  margin-top: auto;
}
.subcriptions-table .swiper-container .subcriptions-table-content li:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.subcriptions-table .swiper-container .subcriptions-table-content li.subcription-table-content-other_text {
  background-color: RGBA(0, 0, 0, 0.08) !important;
}
.subcriptions-table .swiper-container .subcriptions-table-content li.subcription-table-content-other_text i {
  font-size: 24px;
  color: #720E1A;
}
.subcriptions-table .swiper-button-next,
.subcriptions-table .swiper-button-prev {
  background-color: #720E1A;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  border: solid 1px RGBA(255, 255, 255, 0.08);
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.subcriptions-table .swiper-button-next:after,
.subcriptions-table .swiper-button-prev:after {
  color: white;
}
.subcriptions-table .swiper-button-disabled {
  display: none;
}
.subcriptions-table .swiper-button-prev {
  left: 160px;
}
.subcriptions-table .swiper-button-prev {
  right: 48px;
}
.subcriptions-table-content, .subcriptions-table-content li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.subcriptions-table-content {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.subcriptions-table-content li {
  min-height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  padding: 0 8px;
  background-color: #FAFAFA;
  -webkit-box-shadow: inset 0 -1px 0 0 #d6d6d6;
          box-shadow: inset 0 -1px 0 0 #d6d6d6;
  border-left: solid 1px #d6d6d6;
  text-transform: capitalize;
}
.subcriptions-table-content li .mdi-check-bold {
  color: #7EB73A;
}
.subcriptions-table-content li .mdi-close-thick {
  color: #FF2636;
}
.subcriptions-table-content li a {
  text-decoration: underline;
}
.subcriptions-table-content li.subcription-table-content-features {
  background-color: transparent;
  font-size: 18px;
  border-left: none;
  border-right: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.subcriptions-table-content li.subcription-table-content-unlimited_users {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top: 1px solid #d6d6d6;
}
.subcriptions-table-content li.subcription-table-content-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 0;
  padding: 32px 8px;
}
.subcriptions-table-content li.subcription-table-content-actions > * {
  margin-bottom: 32px;
}
.subcriptions-table-content li.subcription-table-content-actions > *:last-child {
  margin-bottom: 0;
}
.subcriptions-table-content li.subcription-table-content-actions .miz-button {
  min-width: 0;
  width: 100%;
}
.subcriptions-table-content li.subcription-table-content-actions .miz-button.selected {
  background-color: #720E1A;
  color: #FAFAFA;
}
.subcriptions-table-content li:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.subcriptions-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  padding: 48px 10px 0;
  bottom: 0;
}
.subcriptions-actions .swiper-button-prev,
.subcriptions-actions .swiper-button-next {
  display: none;
}
@media (max-width: 640px) {
  .subcriptions-actions {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FAFAFA;
    z-index: 1024;
    padding: 16px;
    -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  }
  .subcriptions-actions .miz-button {
    min-width: 0;
    height: 48px;
    line-height: 48px;
  }
  .subcriptions-actions .swiper-button-prev,
.subcriptions-actions .swiper-button-next {
    position: relative;
    display: block;
  }
  .subcriptions-actions .swiper-button-prev {
    left: 0;
  }
  .subcriptions-actions .swiper-button-next {
    left: 0;
  }
}
.subcriptions-payment-method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  width: 100%;
  margin: 32px 0;
}
.subcriptions-payment-method-header {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 960px) {
  .subcriptions-payment-method-header {
    grid-template-columns: repeat(3, 1fr);
  }
}
.subcriptions-payment-method-header .miz-card.actived {
  border: 2px solid #720E1A;
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.subcriptions-payment-method-header .miz-card.actived .miz-card-graphic .mizi {
  color: #720E1A;
}
.subcriptions-payment-method-header .miz-card.actived .miz-card-title {
  color: #720E1A;
  font-weight: 600;
}
.subcriptions-payment-method-header .miz-card.is-paypal {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.subcriptions-payment-method-header .miz-card.is-paypal .miz-card-graphic {
  width: 100%;
}
.subcriptions-payment-method-header .miz-card.is-paypal .miz-card-graphic .mizi svg {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.subcriptions-payment-method-header .miz-card-graphic .mizi {
  height: 88px;
  width: auto;
}
.subcriptions-payment-method-header .miz-card-title {
  text-align: center;
}
.subcriptions-payment-method-header .miz-card:hover {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
@media (hover: hover) and (pointer: fine) {
  .subcriptions-payment-method-header .miz-card:hover:not(.selected):not(.not-select):not(.highlight) {
    -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  }
  .subcriptions-payment-method-header .miz-card:hover:not(.selected):not(.not-select):not(.highlight) .miz-card-graphic .mizi {
    color: #720E1A;
  }
  .subcriptions-payment-method-header .miz-card:hover:not(.selected):not(.not-select):not(.highlight) .miz-card--title {
    color: #720E1A;
  }
}
.subcriptions-payment-method-header .miz-card.selected {
  border: 2px solid #720E1A;
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.subcriptions-payment-method-header .miz-card.selected .miz-card-graphic .mizi {
  color: #720E1A;
}
.subcriptions-payment-method-header .miz-card.selected .miz-card-title {
  color: #720E1A;
  font-weight: 600;
}
.subcriptions-payment-method-header .miz-card.selected.is-paypal .miz-card-graphic .mizi svg {
  -webkit-filter: none;
          filter: none;
}
.subcriptions-payment-method-content {
  display: none;
}
.subcriptions-payment-method-content.actived {
  display: block;
}
.subcriptions-payment-method-content-body {
  padding: 16px;
  background-color: RGBA(0, 0, 0, 0.08);
  border-radius: 8px;
}
.subcriptions-payment-method-content-footer-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subcriptions-payment-method-content-footer .cards-list {
  -webkit-box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.08);
          box-shadow: inset 0 1px 0 0 RGBA(0, 0, 0, 0.08);
}

.dark .actions-container {
  background-color: #242731;
}
.dark .app-content {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #18191a;
}
.dark .app-content .section-inner {
  background-color: #242731;
}
.dark .app-nav-main > * {
  background-color: #242731;
  -webkit-box-shadow: inset -1px 0 0 0 #393a3b;
          box-shadow: inset -1px 0 0 0 #393a3b;
}
.dark .app-nav-main .brand-menumiz {
  background-color: #720E1A;
  -webkit-box-shadow: inset -1px 0 0 0 #393a3b, inset 0 -1px 0 0 #393a3b;
          box-shadow: inset -1px 0 0 0 #393a3b, inset 0 -1px 0 0 #393a3b;
}
.dark .app-nav-main .brand-menumiz svg {
  color: #FAFAFA;
}
.dark .app-nav-main .app-nav-main-items .app-nav-main-item {
  -webkit-box-shadow: inset 0 -1px 0 0 #393a3b;
          box-shadow: inset 0 -1px 0 0 #393a3b;
}
.dark .app-nav-main .app-nav-main-items .app-nav-main-item .miz-button.active {
  background-color: #720E1A;
}
.dark .app-nav-main .app-nav-main-items .app-nav-main-item .miz-button.active:hover i.mizi svg {
  fill: #FAFAFA !important;
}
.dark .app-nav-main .app-nav-main-items .app-nav-main-item .miz-button.active i {
  color: #FAFAFA;
}
.dark .app-nav-main .app-nav-main-items .app-nav-main-item .miz-button:disabled {
  background-color: transparent;
}


.dark .app-nav-main .app-nav-main-items .app-nav-main-item .miz-button.focus {
  background-color: #1B1D21;
  color: #FAFAFA;
  border: 1px solid #393a3b;
}
.dark .app-nav-main .app-nav-main-items .app-nav-main-item .miz-button.focus i {
  color: #FAFAFA !important;
}
.dark .app-nav-sub {
  background-color: #242731;
}
.dark .app-nav-sub-items h3 {
  color: #FAFAFA;
}
.dark .app-nav-sub-items > ul > li .miz-button {
  color: #dfe2e6;
}
.dark .app-nav-sub-items > ul > li .miz-button:hover:not(.miz-button-icon):not(:disabled):not(.active):not(.miz-button-primary):not(.miz-button-outline):not(.miz-button-icon-text):not(label) {
  background-color: RGBA(255, 255, 255, 0.16);
  color: #FAFAFA;
}
.dark .app-nav-sub-items > ul > li .miz-button:disabled {
  opacity: 0.16;
}
.dark .app-toolbar {
  background-color: #242731;
  -webkit-box-shadow: inset 0 -1px 0 0 #393a3b;
          box-shadow: inset 0 -1px 0 0 #393a3b;
}
.dark .app-toolbar .miz-button-menu-mobile {
  color: #FAFAFA;
  background-color: RGBA(228, 228, 228, 0.08);
  border: 1px solid #393a3b;
}
    .dark .app-toolbar .brand .text-miz {
        color: #720E1A !important;
    }
.dark .app-toolbar .actions-notifications .miz-button-icon {
  background-color: #3b3b3c;
  color: #FAFAFA;
}
.dark .app-toolbar .dropdown-menu .multioutlet-item.active {
  background-color: RGBA(255, 255, 255, 0.08);
}
.dark .app-toolbar-tso-order .miz-form .tso-existing-order .accordion-item .accordion-header .accordion-button {
  -webkit-box-shadow: inset 0 0 0 1px #FAFAFA;
          box-shadow: inset 0 0 0 1px #FAFAFA;
}
.dark .app-toolbar-tso-order .miz-form .tso-existing-order .accordion-item .accordion-header .accordion-button i {
  color: #FAFAFA;
}
.dark .app-toolbar-tso-order .miz-form .tso-existing-order .accordion-item .accordion-header .miz-form-group .miz-input-group .miz-button-icon {
  border-color: #FAFAFA;
}
.dark .app-toolbar-tso-order .miz-form .tso-existing-order .accordion-item .accordion-header .miz-form-group .miz-input-group .miz-button-icon i {
  color: #FAFAFA;
}
.dark .app-toolbar-tso-order .miz-form .tso-existing-order .accordion-item .miz-form-group .field-reset .miz-button {
    border-color: #FAFAFA;
    color: #720E1A;
}
.dark .accordion.tso-existing-order .accordion-item .accordion-header .miz-form-group .miz-input-group .miz-button {
    
    color: #720E1A;
}

    .dark .accordion.tso-existing-order .accordion-item .accordion-header .accordion-button > i.mdi,
    .dark .accordion.tso-existing-order .accordion-item .accordion-header .miz-form-group .miz-input-group .miz-button > i.mdi {
        color: #720E1A;
    }

.dark .app-toolbar-tso-order .miz-form .tso-existing-order .accordion-item .select-wrapper .form-outline .select-arrow::before {
    color: #FAFAFA;
}
.dark .list-group .list-group-item {
  background-color: #242731;
  border: 1px solid #393a3b;
  color: #dfe2e6;
}
.dark .list-group .list-group-item:hover {
  background-color: #3a3b3c;
}
.dark .dropdown-menu {
  background-color: #242731;
  border: 1px solid #393a3b;
}
.dark .dropdown-menu > li .miz-button.text-miz {
  color: #FAFAFA !important;
}
.dark .dropdown-menu > li .miz-button:hover:not(.miz-button-icon):not(:disabled):not(.active):not(.miz-button-primary):not(.miz-button-outline):not(.miz-button-icon-text):not(label) {
  background-color: RGBA(255, 255, 255, 0.08);
}
.dark .app-collection-screen {
  background-color: #18191a;
}
.dark .app-collection-screen .collection-screen-item {
  border: 1px solid #393a3b;
}
.dark .app-collection-screen .collection-screen-item.preparing .collection-screen-item-body .item .id {
  color: #FAFAFA;
}
.dark .app-collection-screen .collection-screen-item.preparing .collection-screen-item-body .item .name {
  color: RGBA(255, 255, 255, 0.48);
}
.dark .app-collection-screen .app-collection-screen-actions h3.text-miz {
  color: #FAFAFA !important;
}
.dark .app-collection-screen .app-collection-screen-actions .miz-button {
  background-color: #242731;
  border: 1px solid #393a3b;
}
.dark .app-collection-screen .app-collection-screen-actions .miz-button i {
  color: #FAFAFA;
}
.dark .app-collection-screen .collection-screen-item-body {
  background-color: #242731;
}
.dark .app-collection-screen .helper {
  background-color: #242731;
  border: 1px solid #393a3b;
}
.dark .app-collection-screen .helper h2 {
  color: #FAFAFA;
}
.dark .collection-screen-not-support {
  background-color: #18191a;
}
.dark .modal.collection-screen .setting-title {
  -webkit-box-shadow: inset 0 -0.02rem 0 0 RGBA(255, 255, 255, 0.08);
          box-shadow: inset 0 -0.02rem 0 0 RGBA(255, 255, 255, 0.08);
}
.dark .modal.collection-screen .btn-check[type=checkbox] + label.cs-checkbox {
  color: #FAFAFA;
}
.dark .modal-content {
  background-color: #242731;
  color: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #393a3b;
}
.dark .modal-add-printer .modal-body .miz-form .miz-form-group .miz-input-group.checkbox .miz-card {
  color: #FAFAFA;
}
.dark .modal-add-printer .modal-body .miz-form .miz-form-group .miz-input-group.checkbox .btn-check:checked + .miz-card {
  background-color: #720E1A;
}
.dark .modal-add-printer .modal-body .miz-form .miz-form-group .miz-input-group.checkbox .btn-check:disabled + .miz-card {
  pointer-events: none;
  opacity: 0.48;
}
.dark.page-tso .miz-grid.c-tso .miz-card.tso {
  background-color: #242731;
  border: 1px solid #393a3b;
}
.dark.page-tso .miz-grid.c-tso .miz-card.tso:hover {
  border-color: #720E1A;
}
.dark.page-tso .miz-grid.c-tso .miz-card.tso:hover .action .miz-button {
  border-color: transparent;
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.dark.page-tso .miz-grid.c-tso .miz-card.tso .icon svg {
  color: #FAFAFA;
}
.dark.page-tso .miz-grid.c-tso .miz-card.tso .desc {
  color: #FAFAFA;
}
.dark.page-tso .miz-grid.c-tso .miz-card.tso .action .miz-button {
  background-color: #720E1A;
  color: #FAFAFA;
}
.dark.page-tso .miz-grid.retrieve-list .miz-grid-item {
  -webkit-box-shadow: inset 0 -1px 0 0 #393a3b;
          box-shadow: inset 0 -1px 0 0 #393a3b;
}
.dark.page-tso .miz-grid.retrieve-list .miz-grid-item span {
  color: #FAFAFA;
}
.dark.page-tso .miz-grid.tso-price_list:not(.receipt) .miz-grid-item .header .title span {
  color: #FAFAFA;
}
.dark.page-tso .miz-grid.tso-price_list:not(.receipt) .miz-grid-item .header .actions span {
  color: #FAFAFA;
}
.dark.page-tso .miz-grid.tso-price_list:not(.receipt) .miz-grid-item .header .price {
  color: #FAFAFA;
}
.dark.page-tso .miz-grid.tso-price_list:not(.receipt) .miz-grid-item .body .tag {
  color: #FAFAFA;
}
.dark.page-tso .miz-grid.tso-price_list:not(.receipt) .miz-grid-item .body .items .item {
  -webkit-box-shadow: 0 1px 0 0 #393a3b;
          box-shadow: 0 1px 0 0 #393a3b;
}
.dark.page-tso .miz-grid.tso-price_list:not(.receipt) .miz-grid-item .body .items .item:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dark.page-tso .miz-grid.tso-price_list:not(.receipt) .miz-grid-item .body .items .item span {
  color: #FAFAFA;
}
.dark.page-tso .miz-grid.tso-price_list:not(.receipt) .miz-grid-item.total .header {
  background-color: RGBA(228, 228, 228, 0.04);
}
.dark.page-tso .miz-grid.tso-price_list:not(.receipt) .miz-grid-item.total .header span {
  color: #FAFAFA;
}
.dark.page-tso .miz-grid.tso-price_list:not(.receipt) .miz-grid-item.total .body .items .item .form-check label {
  color: #FAFAFA;
}
.dark.page-tso .miz-grid.review-tips .miz-grid-item .miz-card.review {
  background-color: #18191a;
  border: none !important;
}
.dark.page-tso .miz-grid.review-tips .miz-grid-item .miz-card.review .title {
  color: #FAFAFA;
}
.dark.page-tso .section-tso-new {
  background-color: #242731;
  border: 1px solid #393a3b;
}
.dark.page-tso .section-tso-new .section-tso-new-inner-header {
  background-color: #1B1D21;
}
.dark.page-tso .section-tso-new .section-tso-new-inner-header .btn-check[type=radio] + label.tso-tab .mizi svg {
  color: RGBA(255, 255, 255, 0.64);
}
.dark.page-tso .section-tso-new .section-tso-new-inner-header .btn-check[type=radio]:checked + label.tso-tab .mizi svg {
  color: #FAFAFA;
}
.dark.page-tso .section.dark-fixed .section-inner {
  background-color: #18191a;
}
.dark.page-tso .section.section-overflow:not(.transparent) {
  background-color: #1B1D21;
  border: 1px solid #393a3b;
}
.dark.page-tso .section.section-overflow:not(.transparent) .section-overflow-header {
  border-bottom: 1px solid #393a3b;
}
.dark.page-tso .section.section-overflow:not(.transparent) .section-overflow-header span {
  color: RGBA(255, 255, 255, 0.48);
}
.dark.page-tso .section.section-overflow:not(.transparent) .section-overflow-header span.info {
  color: #FAFAFA;
}
.dark.page-tso .section.section-overflow:not(.transparent) .section-overflow-header span.icon {
  color: #FAFAFA;
}
.dark.page-tso .section.section-overflow:not(.transparent) .section-overflow-header span.icon svg{
    fill: currentColor;
}
.dark.page-tso .section.section-overflow:not(.transparent) .section-overflow-body {
  background-color: #242731;
}
.dark.page-tso .section.section-overflow:not(.transparent) .section-overflow-footer .miz-button {
  color: #FAFAFA;
}
.dark.page-tso .section-inner-header.tso-retrieve_order {
  padding-top: 0;
}
.dark.page-tso .section-inner-header.tso-retrieve_order .i-tso svg {
  background-color: #720E1A;
  color: #FAFAFA;
  padding: 8px;
  border-radius: 50%;
}
.dark.page-tso .section-inner-footer {
  background-color: #1B1D21;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.dark.page-tso .section-inner-footer .miz-button {
  border-radius: 4px;
  color: #FAFAFA;
  border-color: #393a3b;
}
.dark.page-tso .section-inner-footer .miz-button h4 {
  color: #FAFAFA !important;
}
.dark.page-tso .section-inner-body.tso-retrieve_order {
  border-color: #393a3b !important;
  background-color: #1B1D21 !important;
}
.dark.page-tso .section-inner-body.tso-retrieve_order .miz-form .miz-form-group .miz-input-group .miz-input-label {
  color: #FAFAFA;
}
.dark.page-tso .tso-keybord-form .tso-keybord-form-input .tso-keybord-form-input {
  background-color: RGBA(228, 228, 228, 0.08);
  color: #FAFAFA !important;
  border-radius: 4px !important;
  border: 1px solid #393a3b;
}
.dark.page-tso .tso-keybord-form .tso-keybord-form-input .tso-keybord-form-input::-webkit-input-placeholder {
  color: RGBA(228, 228, 228, 0.16);
  font-size: 0.64rem;
}
.dark.page-tso .tso-keybord-form .tso-keybord-form-input .tso-keybord-form-input::-moz-placeholder {
  color: RGBA(228, 228, 228, 0.16);
  font-size: 0.64rem;
}
.dark.page-tso .tso-keybord-form .tso-keybord-form-input .tso-keybord-form-input:-ms-input-placeholder {
  color: RGBA(228, 228, 228, 0.16);
  font-size: 0.64rem;
}
.dark.page-tso .tso-keybord-form .tso-keybord-form-input .tso-keybord-form-input::-ms-input-placeholder {
  color: RGBA(228, 228, 228, 0.16);
  font-size: 0.64rem;
}
.dark.page-tso .tso-keybord-form .tso-keybord-form-input .tso-keybord-form-input::placeholder {
  color: RGBA(228, 228, 228, 0.16);
  font-size: 0.64rem;
}
.dark.page-tso .tso-keybord-form .virtual-keyboard button {
  background-color: #18191a;
  color: #FAFAFA;
  border: 1px solid #393a3b;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.dark.page-tso .tso-keybord-form .virtual-keyboard button:disabled {
  opacity: 0.64;
  color: RGBA(228, 228, 228, 0.48);
}
.dark.page-tso .tso-keybord-form .virtual-keyboard button:not(.confirm):not(:disabled) {
  border: 1px solid transparent;
}
.dark.page-tso .tso-keybord-form .virtual-keyboard button:not(.confirm):not(:disabled):hover {
  background-color: #720E1A !important;
}
.dark.page-tso .modal .modal-header .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.dark.page-tso .modal-tso-new .modal-header .miz-button-icon {
  background-color: RGBA(255, 255, 255, 0.04);
  color: #FAFAFA;
}
.dark.page-tso .modal-tso-new .modal-body .miz-form .miz-form-group .miz-input-group input {
  background-color: #1B1D21;
  border: 1px solid #393a3b;
  color: #FAFAFA;
}
.dark.page-tso .modal-tso-new .modal-body .miz-form .miz-form-group .miz-input-group input:focus {
  border-color: transparent;
}
.dark.page-tso .modal-tso-new .modal-body .miz-form .miz-form-group .miz-input-group .miz-input-field .miz-input-field-icon {
  color: #FAFAFA;
}
.dark.page-tso .modal-tso-new .modal-body .miz-form .miz-form-group .miz-input-group .miz-input-field .tso-guest-add, .dark.page-tso .modal-tso-new .modal-body .miz-form .miz-form-group .miz-input-group .miz-input-field .tso-guest-remove {
  background-color: #720E1A;
  color: #FAFAFA;
  width: 48px;
  height: 48px;
  line-height: 48px;
  margin: 8px;
}
.dark.page-tso .modal-tso-payment .modal-header {
  border-bottom: 0;
  background-color: transparent;
}
.dark.page-tso .modal-tso-payment .modal-header .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.dark.page-tso .modal-tso-payment-r .modal-body .miz-form .miz-form-group > h3 {
  color: #FAFAFA !important;
}
.dark.page-tso .modal-tso-payment-r .modal-body .miz-form .miz-form-group.is-tso-payment {
  margin-bottom: 0;
}
.dark.page-tso .modal-tso-payment-r .modal-body .miz-form .miz-form-group.is-tso-payment .miz-input-group input + label {
  background-color: #1B1D21;
  border-color: #393a3b;
  color: #FAFAFA;
  text-align: center;
}
.dark.page-tso .modal-tso-payment-r .modal-body .miz-form .miz-form-group.is-tso-payment .miz-input-group input + label .mizi svg {
  color: #FAFAFA;
}
.dark.page-tso .modal-tso-payment-r .modal-body .miz-form .miz-form-group.is-tso-payment .miz-input-group input:checked + label {
  background-color: #720E1A;
}
.dark.page-tso .modal-tso-payment-r .modal-body .miz-form .miz-form-group.is-tso-payment .miz-input-group input:checked + label .mizi svg {
  color: #FAFAFA;
}
.dark.page-tso .modal-tso-holiday-c .modal-body h3.text-miz {
  color: #FAFAFA !important;
}
.dark.page-tso .modal-tso-holiday-c .modal-footer .miz-button {
  color: #FAFAFA;
}
.dark.page-tso .modal-tso-holiday-c .modal-footer .miz-button:not(.miz-button-primary) {
  background-color: #1B1D21;
  border-color: #393a3b;
}
.dark.page-tso .modal-tso-holiday .modal-body h3.text-miz {
  color: #FAFAFA !important;
}
.dark.page-tso .modal-tso-holiday .modal-footer .miz-button {
  color: #FAFAFA;
}
.dark.page-tso .modal-tso-holiday .modal-footer .miz-button:not(.miz-button-primary) {
  background-color: #1B1D21;
  border-color: #393a3b;
}
.dark.page-tso .modal-tso-pin .modal-body .brand svg {
  color: #FAFAFA;
}
.dark.page-tso .modal-tso-pin .modal-body h3.text-miz {
  color: #FAFAFA !important;
}
.dark.page-tso .modal-tso-pin .modal-body p.text-miz {
  color: #FAFAFA !important;
}
.dark.page-app .app-body .app-content {
  background-color: #18191a;
}
.dark.page-app .app-body .app-content .section-full.dark-fixed .section-inner {
  background-color: #18191a;
  border: none;
}
.dark.page-app .app-body .app-content .section-inner {
  background-color: #242731;
  border: 1px solid #393a3b;
  position: relative;
  overflow: hidden;
}
.dark.page-app .app-body .app-content .section-inner-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dark.page-app .app-body .app-content .section-inner-header-title h3 {
  color: #FAFAFA !important;
}
.dark.page-app .app-body .app-content .section-inner-body .miz-form .miz-form-group .miz-input-group .form-check h2 {
  color: #FAFAFA;
}
.dark.page-app .app-body .app-content .section-inner-body .miz-form .miz-form-group .miz-input-group .form-check label {
  color: RGBA(228, 228, 228, 0.48);
}
.dark.page-app .app-body .app-content .section-inner .actions-container {
  background-color: transparent !important;
}
.dark.page-app .app-body .app-content .section-inner .actions-container .miz-button:not(.miz-button-primary) {
  color: #FAFAFA;
}
.dark.page-app .app-body .app-content .section.page-printer .section-inner.transparent {
  border: 0 !important;
}
.dark.page-app .app-body .app-content .section.page-printer .section-inner .section-inner-body .text-miz {
  color: #FAFAFA !important;
}
.dark.page-app .app-body .app-content .section.page-printer .section-inner .section-inner-body .row {
  border: 1px solid #393a3b;
  background-color: #18191a !important;
}
.dark.page-app .app-body .app-content .section.page-printer .section-inner .section-inner-body .row .miz-button {
  background-color: #720E1A !important;
  color: #FAFAFA;
}
.dark.page-app .app-body .app-content .section.page-printer .section-inner .section-inner-body .row .miz-button:disabled {
  background-color: RGBA(228, 228, 228, 0.08) !important;
  color: RGBA(228, 228, 228, 0.16);
}
.dark.page-app .app-body .app-content .section.page-printer .section-inner .section-inner-body .row .is-invalid {
  width: 100%;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
}
.dark.page-app .app-body .app-content .section.page-printer .section-inner .actions-container .miz-button:disabled {
  background-color: RGBA(228, 228, 228, 0.08);
  color: RGBA(228, 228, 228, 0.16);
}
.dark.page-tso-list .modal-tso-order .modal-header .miz-button.modal-tso-order-close i {
  color: #FAFAFA;
}
.dark.page-tso-list .modal-tso-order .modal-body .miz-form .miz-form-group .miz-input-group .miz-input-field .form-control {
  background-color: RGBA(228, 228, 228, 0.04) !important;
  border: 1px solid #393a3b;
}
.dark.page-tso-list .modal-tso-order .modal-body .miz-form .miz-form-group .miz-input-group .miz-input-field .form-control:disabled {
  background-color: RGBA(228, 228, 228, 0.16) !important;
}
.dark.page-menu .app-content .app-toolbar {
  background-color: #1B1D21;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dark.page-menu .app-content .app-content-container .food-menu-container:before {
  background-color: #1B1D21;
}
.dark.page-menu .app-content .app-content-container .food-menu-container .main-food-menu-header {
  background-color: #242731;
  border: 1px solid #393a3b;
}
.dark.page-menu .app-content .app-content-container .food-menu-container .main-food-menu-header .miz-form .miz-input-group .miz-input-field .select-wrapper .form-outline .form-control {
  color: RGBA(228, 228, 228, 0.64) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background-color: RGBA(228, 228, 228, 0.08);
}
.dark.page-menu .app-content .app-content-container .food-menu-container .main-food-menu-header .miz-form .miz-input-group .miz-input-field .select-wrapper .form-outline .form-control.active {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark.page-menu .app-content .app-content-container .food-menu-container .main-food-menu-header .miz-form .miz-input-group .miz-input-field .select-wrapper .form-outline .form-control::-webkit-input-placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark.page-menu .app-content .app-content-container .food-menu-container .main-food-menu-header .miz-form .miz-input-group .miz-input-field .select-wrapper .form-outline .form-control::-moz-placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark.page-menu .app-content .app-content-container .food-menu-container .main-food-menu-header .miz-form .miz-input-group .miz-input-field .select-wrapper .form-outline .form-control:-ms-input-placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark.page-menu .app-content .app-content-container .food-menu-container .main-food-menu-header .miz-form .miz-input-group .miz-input-field .select-wrapper .form-outline .form-control::-ms-input-placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark.page-menu .app-content .app-content-container .food-menu-container .main-food-menu-header .miz-form .miz-input-group .miz-input-field .select-wrapper .form-outline .form-control::placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark.page-menu .app-content .app-content-container .food-menu-container .main-food-menu-header .miz-form .miz-input-group .miz-input-field .select-wrapper .form-outline .select-arrow {
  color: RGBA(228, 228, 228, 0.48);
}
.dark.page-menu .app-content .app-content-container .food-menu-container .main-food-menu-header .miz-form .miz-input-group .miz-input-field .select-wrapper .form-outline .form-notch .form-notch-leading {
  border-color: RGBA(228, 228, 228, 0.16);
}
.dark.page-menu .app-content .app-content-container .food-menu-container .main-food-menu-header .miz-form .miz-input-group .miz-input-field .select-wrapper .form-outline .form-notch .form-notch-trailing {
  border-color: RGBA(228, 228, 228, 0.16);
}
.dark.page-menu .app-content .app-content-container .food-menu-container .main-food-menu-header .miz-form .miz-input-group.is-search .form-control {
  border: 1px solid RGBA(228, 228, 228, 0.16);
  background-color: RGBA(228, 228, 228, 0.08);
}
.dark.page-menu .app-body .app-nav-food-menu {
  background-color: #1B1D21;
  border-right: 1px solid #393a3b;
}
.dark.page-menu .food-menu-modal .food-menu-body {
  background-color: #1B1D21;
  border: 1px solid #393a3b;
}
.dark.page-menu .food-menu-modal .food-menu-body .food-menu-header h3 {
  color: #FAFAFA;
}
.dark.page-menu .food-menu-modal .food-menu-body .food-menu-header .miz-button i {
  color: #FAFAFA;
}
.dark.page-menu .food-menu-modal .food-menu-body .food-menu-content .accordion .accordion-item .accordion-body .miz-grid-item .miz-button {
  background-color: #1B1D21;
  border: 1px solid #393a3b;
  color: #fec43c;
}
.dark.page-menu .food-menu-modal .food-menu-body .food-menu-content .accordion .accordion-item .accordion-body .miz-grid-item .miz-button:hover {
  background-color: #18191a !important;
}
.dark.page-menu .modal-tso-order .modal-header .miz-button.modal-tso-order-close i {
  color: #FAFAFA;
}
.dark.page-menu .modal-tso-order .modal-body .miz-form .miz-form-group .miz-input-group .miz-input-field .form-control {
  background-color: RGBA(228, 228, 228, 0.04) !important;
  border: 1px solid #393a3b;
}
.dark.page-menu .modal-tso-order .modal-body .miz-form .miz-form-group .miz-input-group .miz-input-field .form-control:disabled {
  background-color: RGBA(228, 228, 228, 0.16) !important;
}
.dark.page-menu-item .app-body .food-item-container {
  background-color: #18191a;
}
.dark .miz-card {
  background-color: #18191a;
}
.dark .miz-card.tso-order {
  background-color: #242731;
  color: #FAFAFA;
}
.dark .miz-card.tso-order .tso-order-header .status {
  color: RGBA(228, 228, 228, 0.64);
}
.dark .miz-card.tso-order .tso-order-header > .miz-button {
  color: #FAFAFA;
  background-color: RGBA(228, 228, 228, 0.04);
}
.dark .miz-card.tso-order .tso-order-body .details-name, .dark .miz-card.tso-order .tso-order-body .details-id {
  color: #FAFAFA;
}
.dark .miz-card.tso-order .tso-order-body .active i {
  color: #FAFAFA;
}
.dark .miz-card.tso-order .tso-order-body .active .badge {
  border-color: #242731;
}
.dark .miz-card.tso-order .tso-order-timer .tso-order-timer-helper {
  color: RGBA(255, 255, 255, 0.36);
}
.dark .miz-card.tso-order.pending .tso-order-header .status {
  color: #FF2636;
}
.dark .miz-card.tso-order.paid .tso-order-header .status {
  color: #7EB73A;
}
.dark .miz-card.filter-container {
  background-color: transparent;
}
.dark .miz-card.filter-container .miz-button {
  background-color: #1B1D21;
  border: 1px solid #393a3b;
  color: #FAFAFA;
}
.dark .miz-card.filter-container .btn-check + label {
  background-color: #1B1D21;
  border: 1px solid #393a3b;
  color: RGBA(228, 228, 228, 0.32);
}
.dark .miz-card.filter-container .btn-check:checked + label {
  background-color: #720E1A;
  border: 1px solid transparent;
  color: #FAFAFA;
}
.dark .miz-grid.main-food-menu .miz-grid-item {
  border: 1px solid #393a3b;
}
.dark .miz-form.miz-form-tso-order .miz-form-group .miz-input-field .select-wrapper {
  border: 0;
}
.dark .miz-form.miz-form-tso-order .miz-form-group .miz-input-field .select-wrapper .form-outline {
  color: #FAFAFA;
}
.dark .miz-form.miz-form-tso-order .miz-form-group .miz-input-field .select-wrapper .form-outline:before {
  color: #FAFAFA;
}
.dark .miz-form.miz-form-tso-order .miz-form-group .miz-input-field .select-wrapper .form-outline input {
  color: #FAFAFA;
}
.dark .miz-form.miz-form-tso-order .miz-form-group .miz-input-field .select-wrapper .form-outline .select-arrow {
  color: #FAFAFA;
}
.dark .miz-form.miz-form-tso-order .miz-form-group .miz-input-field .select-wrapper .form-outline .form-notch > * {
  border-color: transparent;
}
.dark .miz-form.miz-form-tso-order .miz-form-group .miz-input-field .form-control {
  background-color: #1B1D21;
  color: #FAFAFA;
}
.dark .miz-form.miz-form-tso-order .miz-form-group .miz-input-field .miz-button-icon:not(.miz-button-primary) {
  background-color: RGBA(255, 255, 255, 0.04);
  color: #FAFAFA;
}
.dark .miz-form-tso-refund .miz-form-group .miz-input-group input {
  background-color: RGBA(228, 228, 228, 0.08) !important;
  border: 1px solid #393a3b;
  color: #FAFAFA;
}
.dark .miz-form-tso-refund .miz-form-group .miz-input-group input:focus {
  border-color: transparent;
}
.dark .miz-form-tso-refund .miz-form-group .miz-input-group .miz-input-field .miz-input-field-icon {
  color: #FAFAFA;
}
.dark .miz-form-tso-refund .miz-form-group .miz-input-group .select-wrapper .form-outline .form-control {
  color: RGBA(228, 228, 228, 0.64) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid RGBA(228, 228, 228, 0.08);
  background-color: RGBA(228, 228, 228, 0.08);
}
.dark .miz-form-tso-refund .miz-form-group .miz-input-group .select-wrapper .form-outline .form-control.active {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark .miz-form-tso-refund .miz-form-group .miz-input-group .select-wrapper .form-outline .form-control::-webkit-input-placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark .miz-form-tso-refund .miz-form-group .miz-input-group .select-wrapper .form-outline .form-control::-moz-placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark .miz-form-tso-refund .miz-form-group .miz-input-group .select-wrapper .form-outline .form-control:-ms-input-placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark .miz-form-tso-refund .miz-form-group .miz-input-group .select-wrapper .form-outline .form-control::-ms-input-placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark .miz-form-tso-refund .miz-form-group .miz-input-group .select-wrapper .form-outline .form-control::placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark .miz-form-tso-refund .miz-form-group .miz-input-group .select-wrapper .form-outline .select-arrow {
  color: RGBA(228, 228, 228, 0.48);
}
.dark .miz-form-tso-refund .miz-form-group .miz-input-group .select-wrapper .form-outline .form-notch .form-notch-leading {
  border-color: RGBA(228, 228, 228, 0.16);
}
.dark .miz-form-tso-refund .miz-form-group .miz-input-group .select-wrapper .form-outline .form-notch .form-notch-trailing {
  border-color: RGBA(228, 228, 228, 0.16);
}
.dark .select-dropdown-container .select-dropdown {
  background-color: #18191a;
  color: #FAFAFA;
}
.dark .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option {
  color: #FAFAFA;
}
.dark .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option:hover {
  background-color: #242731;
}
.dark .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option.active {
  background-color: #720E1A;
}
.dark .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option-group .select-option-group-label {
  background-color: #242731;
  color: RGBA(255, 255, 255, 0.64);
}
.dark .miz-form .miz-form-group .miz-input-group.tso-payment input + label {
  background-color: #1B1D21;
  border-color: #393a3b;
  border-radius: 4px;
  color: #FAFAFA;
}
.dark .miz-form .miz-form-group .miz-input-group.tso-payment input + label i {
  color: #FAFAFA !important;
}
.dark .miz-form .miz-form-group .miz-input-group.tso-payment input:checked + label {
  border-color: transparent;
}
.dark .miz-form .miz-form-group .miz-input-group input {
  background-color: RGBA(228, 228, 228, 0.08) !important;
  border: 1px solid #393a3b;
  color: #FAFAFA;
}
.dark .miz-form .miz-form-group .miz-input-group input:focus {
  border-color: transparent;
}
.dark .miz-form .miz-form-group .miz-input-group .miz-input-field .miz-input-field-icon {
  color: #FAFAFA;
}
.dark .miz-grid.collection-screen-checkbox {
  border-top: 1px solid #393a3b;
}
.dark .datatable {
  background-color: #18191a;
  border: 1px solid #393a3b;
}
.dark .datatable .miz-table {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.dark .datatable .miz-table thead tr {
  border-bottom: 1px solid RGBA(228, 228, 228, 0.08) !important;
}
.dark .datatable .miz-table thead tr th {
  background-color: RGBA(228, 228, 228, 0.08);
  color: #FAFAFA;
}
.dark .datatable .miz-table .datatable-body tr {
  color: #FAFAFA;
}
.dark .datatable .miz-table .datatable-body tr td {
  border-color: #393a3b;
}
.dark .datatable .miz-table .datatable-body tr td .miz-button {
  background-color: #720E1A;
  color: #FAFAFA;
}
.dark .datatable .datatable-pagination {
  border-color: transparent;
  color: #FAFAFA;
}
.dark .datatable .datatable-pagination .datatable-select-wrapper .select-wrapper .form-outline .form-control {
  color: #FAFAFA !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background-color: RGBA(228, 228, 228, 0.08);
}
.dark .datatable .datatable-pagination .datatable-select-wrapper .select-wrapper .form-outline .form-control.active {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark .datatable .datatable-pagination .datatable-select-wrapper .select-wrapper .form-outline .form-control::-webkit-input-placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark .datatable .datatable-pagination .datatable-select-wrapper .select-wrapper .form-outline .form-control::-moz-placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark .datatable .datatable-pagination .datatable-select-wrapper .select-wrapper .form-outline .form-control:-ms-input-placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark .datatable .datatable-pagination .datatable-select-wrapper .select-wrapper .form-outline .form-control::-ms-input-placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark .datatable .datatable-pagination .datatable-select-wrapper .select-wrapper .form-outline .form-control::placeholder {
  color: RGBA(228, 228, 228, 0.64) !important;
}
.dark .datatable .datatable-pagination .datatable-select-wrapper .select-wrapper .form-outline .select-arrow {
  color: RGBA(228, 228, 228, 0.48);
}
.dark .datatable .datatable-pagination .datatable-select-wrapper .select-wrapper .form-outline .form-notch .form-notch-leading {
  border-color: RGBA(228, 228, 228, 0.16);
}
.dark .datatable .datatable-pagination .datatable-select-wrapper .select-wrapper .form-outline .form-notch .form-notch-trailing {
  border-color: RGBA(228, 228, 228, 0.16);
}
.dark .form-outline .form-control ~ .form-notch .form-notch-leading {
  border-radius: 4px 0 0 4px;
}
.dark .form-outline .form-control ~ .form-notch .form-notch-trailing {
  border-radius: 0 4px 4px 0;
}
.dark .form-control {
  border-radius: 4px;
}
.dark .modal-collection-screen .modal-body .miz-form .miz-form-group .miz-input-group .btn-check + label::after {
  color: #FAFAFA;
}
.dark .modal-collection-screen .modal-footer .miz-button:not(.miz-button-primary) {
  color: #FAFAFA;
}
.dark .modal-tso-order .modal-header .miz-button.modal-tso-order-close i {
  color: #FAFAFA;
}
.dark .modal-tso-order .modal-header .receipt-close {
  background-color: RGBA(228, 228, 228, 0.08);
  border: 1px solid #393a3b;
}
.dark .modal-tso-order .modal-header .receipt-close i {
  color: #FAFAFA;
}
.dark .modal-tso-order .modal-body .miz-form .miz-form-group .miz-input-group .miz-input-field .form-control {
  background-color: RGBA(228, 228, 228, 0.04) !important;
  border: 1px solid #393a3b;
}
.dark .modal-tso-order .modal-body .miz-form .miz-form-group .miz-input-group .miz-input-field .form-control:disabled {
  background-color: RGBA(228, 228, 228, 0.16) !important;
}
.dark .modal-tso-order .modal-body .miz-grid.receipt {
  color: #FAFAFA;
}
.dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .header, .dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .body {
  color: #FAFAFA;
}
.dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .header {
  border-bottom-color: #FAFAFA;
}
.dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .body .items .item-header, .dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .body .items .item-tag, .dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .body .items .item {
  color: #FAFAFA;
}
.dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .body .price-area > * {
  color: #FAFAFA;
}
.dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .body .price-area > * span {
  color: #FAFAFA;
}
.dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .body .price-area .tip, .dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .body .price-area .sub-total, .dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .body .price-area .refund-amount, .dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .body .price-area .refund-balance, .dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .body .price-area .taxes-total {
  border-color: #FAFAFA;
}
.dark .modal-tso-order .modal-body .miz-grid.receipt .miz-grid-item .body .price-area .taxes-total span {
  color: #FAFAFA;
}
.dark .modal-tso-order .modal-footer.receipt {
  border-color: #FAFAFA;
}
.dark .modal-tso-order .modal-footer.receipt h3 {
  color: #FAFAFA;
}
.dark .modal-refund .modal-header {
  background-color: transparent;
  border-bottom: none;
}
.dark .modal-refund .modal-header .btn-close {
  background-color: RGBA(228, 228, 228, 0.08);
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.dark .modal-refund .modal-body .miz-grid.refund-list .miz-grid-item h4 {
  color: RGBA(255, 255, 255, 0.48);
}
.dark .modal-refund .modal-body .miz-grid.refund-list .miz-grid-item span {
  color: #FAFAFA;
}
.dark .modal-refund .modal-body .actions-container .miz-button-outline {
  background-color: RGBA(228, 228, 228, 0.08);
  border: 1px solid #393a3b;
  color: #FAFAFA;
}
.dark .modal-refund .modal-body .actions-container .miz-button-outline:not(.collapsed) {
  background-color: #720E1A;
  border: 1px solid transparent;
}
.dark .modal-refund .modal-body .collapse .miz-form .miz-form-group .divider {
  background-color: #393a3b;
}
.dark .modal-refund .modal-body .collapse .miz-form .miz-form-group .miz-input-group .list-group {
  background-color: #1B1D21;
  border: 1px solid #393a3b;
}
.dark .modal-refund .modal-body .collapse .miz-form .miz-form-group .miz-input-group .list-group .list-group-item {
  background-color: transparent;
  border-color: #393a3b;
  border: none;
  -webkit-box-shadow: inset 0 -1px 0 0 #393a3b;
          box-shadow: inset 0 -1px 0 0 #393a3b;
}
.dark .modal-refund .modal-body .collapse .miz-form .miz-form-group .miz-input-group .list-group .list-group-item.header {
  background-color: #18191a;
}
.dark .modal-refund .modal-body .collapse .miz-form .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-label {
  color: #FAFAFA;
}
.dark .modal-refund .modal-body .collapse .miz-form .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-input {
  background-color: RGBA(228, 228, 228, 0.16);
}
.dark .modal-refund .modal-body .collapse .miz-form .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-input::after {
  background-color: RGBA(228, 228, 228, 0.16);
  top: 1px;
  left: 1px;
}
.dark .modal-refund .modal-body .collapse .miz-form .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-input:checked {
  border-color: #720E1A;
  border-width: 2px;
  background-color: transparent;
}
.dark .modal-refund .modal-body .collapse .miz-form .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-input:checked::after {
  top: calc(50% + 0px);
  left: 50%;
  background-color: #FAFAFA;
}
.dark .modal-refund .modal-body .collapse .miz-form .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-input:disabled + label {
  opacity: 0.32;
}
.dark .modal-refund .modal-body .collapse .miz-form .miz-form-group .miz-input-group .list-group .list-group-item .form-check .form-check-input:disabled::after {
  background-color: RGBA(228, 228, 228, 0.04);
}
.dark .modal-refund .modal-body .miz-form.miz-form-refund-amount {
  background-color: #1B1D21;
}
.dark .modal-refund .modal-body .list-group.is-payment-lists {
  background-color: #1B1D21;
  border: 1px solid #393a3b;
}
.dark .modal-refund .modal-body .list-group.is-payment-lists .list-group-item {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: inset 0 -1px 0 0 #393a3b;
          box-shadow: inset 0 -1px 0 0 #393a3b;
}
.dark .modal-refund .modal-body .list-group.is-payment-lists .list-group-item:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dark .modal-refund .modal-body .list-group.is-payment-lists .list-group-item .form-check .form-check-label {
  color: #FAFAFA;
}
.dark .modal-refund .modal-body .list-group.is-payment-lists .list-group-item .form-check.is-default .form-check-label::after {
  color: #FAFAFA;
}
.dark .modal-refund .modal-footer {
  -webkit-box-shadow: inset 0 1px 0 0 #393a3b;
          box-shadow: inset 0 1px 0 0 #393a3b;
}
.dark .modal-refund .modal-footer .miz-button {
  color: #FAFAFA;
}
.dark .modal-tso-refund .modal-header .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.dark .modal-tso-refund .modal-body h4.text-miz {
  color: #FAFAFA !important;
}
.dark .modal-refund-successful .modal-header .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.dark .modal-refund-successful .modal-body h4.text-miz {
  color: #FAFAFA !important;
}
.dark .modal-refund-successful .modal-footer .miz-button {
  color: #FAFAFA;
}
.dark .modal-refund-successful .modal-footer .miz-button:not(.miz-button-primary) {
  background-color: RGBA(228, 228, 228, 0.08);
  border: 1px solid RGBA(228, 228, 228, 0.08);
}
.dark .food-menu-sort-select .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option {
  -webkit-box-shadow: inset 0 -1px 0 0 #393a3b;
          box-shadow: inset 0 -1px 0 0 #393a3b;
}
.dark .food-menu-sort-select .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option .select-option-icon-container {
  position: relative;
}
.dark .food-menu-sort-select .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option .select-option-icon-container img {
  mix-blend-mode: screen;
}
.dark .food-menu-sort-select .select-dropdown-container .select-dropdown .select-options-wrapper .select-options-list .select-option.selected {
  background-color: RGBA(228, 228, 228, 0.16);
}
.dark .accordion.main-food-menu .accordion-item {
  background-color: #242731;
  padding-bottom: 0;
  border: none;
}
.dark .accordion.main-food-menu .accordion-item .accordion-header {
  background-color: #720E1A;
}
.dark .accordion.main-food-menu .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  border-bottom: 0;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.dark .accordion.main-food-menu .accordion-item .accordion-body {
  padding-bottom: 16px;
}
.dark .accordion.main-food-menu .accordion-item .accordion-body .list-group .list-group-item {
  background-color: #1B1D21;
}
.dark .accordion.main-food-menu .accordion-item .accordion-body .list-group .list-group-item.activated {
  background-color: #FEC53C;
}
.dark .accordion.main-food-menu .accordion-item .accordion-body .list-group .list-group-item.activated span {
  color: #1B1D21;
}
.dark .accordion.main-food-menu .accordion-item .accordion-body .list-group .list-group-item.activated:after {
  color: #1B1D21;
}
.dark .accordion.main-food-menu .accordion-item .accordion-body .list-group .list-group-item.activated:hover {
  background-color: #cb9c2f;
  color: #FAFAFA !important;
}
.dark .accordion.main-food-menu .accordion-item .accordion-body .list-group .list-group-item span {
  color: #FAFAFA;
}
.dark .accordion.main-food-menu .accordion-item .accordion-body .list-group .list-group-item::after {
  color: RGBA(228, 228, 228, 0.64);
}
.dark .accordion.main-food-menu .accordion-item .accordion-body .list-group .list-group-item:hover {
  background-color: #18191a;
}
.dark .accordion.food-item-sidebar .accordion-item {
  background-color: #18191a;
}
.dark .accordion.food-item-sidebar .accordion-item .accordion-header .accordion-button {
  background-color: #720E1A;
  color: #FAFAFA;
}
.dark .accordion.food-item-sidebar .accordion-item .accordion-header .accordion-button .title, .dark .accordion.food-item-sidebar .accordion-item .accordion-header .accordion-button .desc {
  color: #FAFAFA;
}
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group {
  background-color: #1B1D21;
  border: 1px solid #393a3b;
}
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-label .title,
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-label .variable,
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-label .helper {
  color: #FAFAFA;
}
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-label .miz-button {
  background-color: #720E1A;
}
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .helper {
  color: #FAFAFA;
}
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .miz-input-field .miz-input-field-inner {
  color: #FAFAFA;
}
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner .food-item-inner-body {
  background-color: #18191a;
}
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner .food-item-inner-body .food-item-tags .food-item-tags-item .mizi svg,
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner .food-item-inner-body .food-item-tags .food-item-tags-item span {
  color: #FAFAFA;
}
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .miz-form .miz-input-group .food-item-inner .food-item-inner-body .food-item-ingredients > * {
  color: #FAFAFA;
}
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs,
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef {
  background-color: #18191a;
}
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form,
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form {
  background-color: transparent !important;
}
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .food-item-inner-belongs .miz-form .miz-input-group .miz-input-label span,
.dark .accordion.food-item-sidebar .accordion-item .accordion-collapse .accordion-body .food-item-inner-to_chef .miz-form .miz-input-group .miz-input-label span {
  color: #FAFAFA;
}


/* Auth: Sam  */
.dark .miz-form .miz-input-field.has-action .miz-button{
    color:#fafafa
}
.dark .Add-tip-button {
    color: #ffffff;
    background-color: #1a1d21;
    border-color: #393a3b;
    border-radius: 4px;
}

.dark .miz-form .miz-input-group.radio .miz-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
}

.dark .miz-form .miz-input-group.tso-radio .btn-check[type=radio] + label.miz-card .mizi svg {
    color: #ffffff;
}

.dark .text-miz {
    color: #ffffff !important;
}
.tso-payment label.miz-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}
.tso-payment label.miz-button > span{
    margin-left:8px
}
.Add-tip-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    height: 64px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    overflow: hidden;
    color: #720E1A;
    background-color: #FAFAFA;
}

.Add-tip-button .mizi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-right: 8px;
}
.accordion.coupons-management-search {
    border: 0;
}
.accordion.coupons-management-search .accordion-item {
    border: 0;
    background-color: transparent;
}
/*coupon search modul*/

.miz-form-coupons-search .miz-form-group {
  margin: 0 16px;
  width: calc(100% - 32px);
}
.miz-form-coupons-search .miz-form-group .miz-input-group {
  gap: 16px;
  width: calc(100% - 32px);
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}
@media (min-width: 1200px) {
  .miz-form-coupons-search .miz-form-group .miz-input-group {
    grid-template-columns: repeat(3, 1fr);
  }
}
.miz-form-coupons-search .miz-form-group .miz-input-group .miz-input-field {
    margin-bottom: 0;
}
.miz-form-coupons-search .miz-form-group .miz-input-group.is-datetime {
    grid-column-end: span 3;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.miz-form-coupons-search .miz-form-group .miz-input-group.is-search {
    grid-column-end: span 3;
}
.miz-form-coupons-search .miz-form-group .miz-input-group.is-table-number, .miz-form-tips-search .miz-form-group .miz-input-group.is-order-number, .miz-form-tips-search .miz-form-group .miz-input-group.is-staff-name {
    grid-column-end: span 2;
}
.miz-form-coupons-search .miz-form-group .miz-input-group.is-actions {
    grid-column-end: span 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
@media (min-width: 1200px) {
    .miz-form-coupons-search .miz-form-group .miz-input-group.is-actions {
        grid-column-end: span 6;
    }
}
.miz-form-coupons-search .miz-form-group .miz-input-group.is-actions > .miz-button {
    border-radius: 4px;
}
.miz-form-coupons-search .miz-form-group .miz-input-group.is-actions > .miz-button:last-child {
  margin-right: 0;
}
.miz-form-coupons-search .miz-form-group .miz-input-group.is-actions .miz-button-icon-text {
    height: 48px;
    line-height: 48px;
    min-width: 0;
}
.miz-form-coupons-search .miz-form-group .miz-input-group.is-actions .miz-button-icon-text span {
  margin-left: 8px;
  display: none;
}
@media (min-width: 768px) {
  .miz-form-coupons-search .miz-form-group .miz-input-group.is-actions .miz-button-icon-text span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.miz-form-coupons-search .miz-form-group .miz-input-group.is-actions .is-search {
    background-color: #720E1A !important;
    color: #FAFAFA;
}
.miz-form-coupons-search .miz-form-group .divider {
    grid-column-end: span 4;
}
@media (min-width: 1200px) {
    .miz-form-coupons-search .miz-form-group .divider {
        grid-column-end: span 6;
    }
}
.miz-form-coupons-search .miz-form-group .accordion-collapse {
    grid-column-end: span 4;
}
@media (min-width: 1200px) {
    .miz-form-coupons-search .miz-form-group .accordion-collapse {
        grid-column-end: span 6;
    }
}
.miz-form-coupons-search .miz-form-group .accordion-collapse .accordion-body {
    padding: 0;
}
    .miz-form-coupons-search .miz-form-group .accordion-collapse .accordion-body .miz-form-group {
        margin: 0;
        width: 100%;
    }

/*search style done*/
.miz-table tbody tr td {
    padding: 16px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    white-space: nowrap;
    /*overflow: hidden;*/
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.coupon-search {
    position: relative;
    width: 80%
}

.miz-coupon-action .miz-form-group .miz-input-group .miz-input-field .action {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content:flex-end;
    align-items:center;
    position: relative;
    gap: 15px;
}

.coupon-search .btn-search {
    position: absolute;
    top: 0;
    right: 0;
}

.tso-coupons {
    padding: 20px !important
}
#TSOCouponDataTableview table thead tr th:hover i{
    opacity:1
}

#TSOCouponDataTableview table thead tr th,
#TSOCouponsDataTable table thead tr th {
    position: relative
}
#TSOCouponsDataTable table thead tr th:hover .datatable-sort-icon {
    opacity: 1
}
td[data-mdb-field="status"] .badge {
    font-size: 14px;
    font-weight: 400;
}
table tfoot tr {
    background: #ebebeb
}
.miz-form .coupon_types {
    width: 100%;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    position: relative;
    gap: 20px;
    column-gap:20px
}
.coupon_type {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1rem 3rem;
    width: 100%;
    border: 1px solid #720e19;
    border-radius: 0.5rem;
    opacity: 0.5;
    position: relative;
    transition: all .5s ease-in-out;
}
.coupon_type.selected {
    opacity: 1;
    -webkit-box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    background:var(--menumiz-miz);
    color:#ffffff
}
.coupon_type.selected > p {
    color:#ffffff !important
}
.coupon_type .form-check-label .mizi {
    width: 88px;
    height: 88px
}
.coupon_type .form-check-label {
    display: flex;
    align-content: center;
    justify-content: center;
}

#form_add_coupon .miz-form-group .coupon_attrs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
}
#form_add_coupon .miz-form-group .coupon_options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
}
#form_add_coupon .coupon_add_action {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    justify-content: space-between;
}
#form_add_coupon .miz-form-group .coupon_options .coupon_options_rate,
#form_add_coupon .miz-form-group .coupon_options .coupon_options_validity {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    gap: 16px;
}
.miz-input-field .helper{
    font-size:12px
}
.coupon_options_validity .is-datetime {
    width: 100;
    height: fit-content;
}
.coupon_options_rate, .coupon_options_validity {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 0.5em;
}
.is-coupon-code .helper, .is-number-use .helper {
    font-size: 0.8em;
    margin-top: 10px;
}
.rate_type {
    position: relative;
}
#AddCoupon .modal-footer button.is-full{
    width:100%
}
.is-discount_amount{
    position:relative
}
.is-discount_amount input[type=text], .coupon_options_validity .is-datetime input[type=text] {
    background-color: #ffffff
}
.is-discount_amount div {
    position: absolute;
    bottom: 0;
    right: 0;
    top: unset;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 48px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: #f5f5f5;
    border: 1px solid RGBA(0, 0, 0, 0.24);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*coupon view datatable, don't confuse it with main coupons this is coupon usage report */

#TSOCouponDataTableview table tr[data-mdb-status="deactive"]{
    opacity:.7;
}
button.is-full {
    width: 100%;
}
.mizi-64 {
    width: 64px;
    height: 64px;
    color: #000000;
}

/*Coupon Update page */
#edit_event > .miz-form-group .update_status_action {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    justify-content: space-between;
}

#edit_event > .miz-form-group .update_status_action div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    justify-content: center;
    gap: 15px;
}
#edit_event .coupon_attrs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15px;
}

#edit_event .miz-form-group .coupon_options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    width: 100%;
}
a.as_btn i{
    color: #720E1A;
}

.miz-button-primary.as_btn i {
    color: #ffffff;
}
/* coupon codes view datatable */
.miz-form-tso-coupons .miz-input-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    margin-bottom: 8px;
    gap: 15px
}
@media (min-width:768px) {
}

@media (max-width: 768px) {
    .full_md{
        width:100%
    }
    .miz-coupon-action .miz-form-group .miz-input-group .miz-input-field .action {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        gap: 15px;
    }
    #form_add_coupon .coupon_add_action {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        position: relative;
        justify-content: space-between;
        gap:20px;
    }
    .miz-table tbody tr td {
        padding: 8px;
        font-size: 14px;
        font-weight: 400;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        min-width:150px
    }
    .coupon_type {
        padding: 0rem 2rem;
        width: 100%;
    }
    .miz-form .coupon_types {
        width: 100%;
        display: grid;
        grid-template-columns:1fr;
        position: relative;
        gap: 20px;
    }

    #form_add_coupon .miz-form-group .coupon_attrs {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 10px;
    }

    #form_add_coupon .miz-form-group .coupon_options {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 10px;
    }

    .coupon_options_validity .is-datetime {
        width: 100%
    }

    .miz-form-tso-coupons .miz-form-group .miz-input-group .miz-input-field {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .coupon-search {
        position: relative;
        width: 100%
    }

    .miz-form-tso-coupons .miz-form-group .miz-input-group .miz-input-field .action {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        gap:10px;
    }
    #edit_event .coupon_attrs {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 15px;
    }

    #edit_event .miz-form-group .coupon_options {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        width: 100%;
        
    }
    #edit_event > .miz-form-group .update_status_action {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        position: relative;
        gap: 16px;
    }
    #edit_event > .miz-form-group .update_status_action div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        position: relative;
        justify-content: center;
        gap: 15px;
    }
    /* coupon codes view datatable */
    .miz-form-tso-coupons .miz-input-field {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        margin-bottom: 8px;
    }

}

.miz-button-tab {
    border-radius: 5px 5px 0 0;
    padding: 0;
    line-height: 48px;
    min-width: 0;
    height: 48px;
    width: 100%;
    background-color: transparent;
}

.swiper-container .swiper-wrapper .swiper-slide .btn-check:checked:not(:disabled) + label.miz-button.miz-button-tab {
    -webkit-box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
    box-shadow: inset 0 0px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
    background: #f8f3f4;
}

.swiper-container .swiper-wrapper .swiper-slide .btn-check:not(:disabled) + label.miz-button.miz-button-tab {
    border-color: red;
    color: #720E1A;
    background-color: #d2d2d2;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative
}
input.SmartPrice-Radio[disabled="true"] + label {
    background-color: #720e1a;
    color: #ffffff;
    opacity: .5;
}

/*Select input to toggle siwtch*/
.toggle-switch input {
    opacity: 0;
    display: none;
}

.switch {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    width: fit-content;
}

.toggle-switch{
    padding:0;
    margin-bottom:10px;
    margin-top:10px
}
.toggle-switch input:checked + .switch .slider {
    background-color: var(--menumiz-miz);
}

.slider {
    width: 50px;
    height: 26px;
    position: relative;
    cursor: pointer;
    background-color: #5800002e;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 1rem;
    margin-left: 10px
}

.toggle-switch input:checked + .switch .slider:before {
    background: #ffffff;
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}

.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 2px;
    bottom: 2px;
    border-radius: 50%;
    background-color: #5800009e;
    -webkit-transition: .4s;
    transition: .4s;
}

#SmartPrice-Content .smart-price-list div > .smart-price-list-body{
    display:none;
    padding-top:20px
}
.rotateonclick{
    transition:all .5s ease-in-out
}
.rotateonclick:before {
    transform: rotate(180deg)
}

.miz-button-tab[data-status="closed"] span:after{
    content:' *';

}
.modal-header.no-bg {
    background-color: transparent !important;
    border: none;
}

.modal-header.no-bg .btn-close {
    background-color:#7d0909;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat;
}
.modal-header.no-bg .modal-title{
    color: var(--menumiz-miz) !important;
}
.modal#DishOptions #SmartPrice-Content .smart-price-list {
    margin: 0;
    border: none;
    margin-bottom: 16px;
    padding: 20px;
    background-color: #720e1a0d;
    border-radius: 0 0 8px 8px;
}

.modal#AddSmartPriceByDay #SmartPrice-Content .smart-price-list {
    background-color: transparent !important;
}
.smart-price-daytimeadd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content:flex-end;
    -webkit-justify-content:end;
    width: 100%
}
.smart-price-daytimeadd button{
    margin-left:auto;
    /*
    margin-right:auto;
    min-width:100% !important;
    display:block*/
    min-width: 240px !important;
    display: flex;
    justify-content: center;
}

.by_percentage{
    margin-bottom:20px;
}
.by_percentage .irs--flat .irs .irs-max {
    display: block;
}

.by_percentage .irs--flat .irs .irs-from {
    display: none
}
input#SelectAllDay + .miz-button-tab,
input#SmartPrice-Alldays + .miz-button-tab {
    color: #0c8964
}
input#SelectAllDay:checked + .miz-button-tab {
    color: #ffffff
}
.by_percentage .irs--flat {
    margin: 30px 0 10px;
}
.by_percentage .irs--flat .irs-bar {
    background-color: transparent;
}
#Content-Percentage .smart-price-list-body-slider .irs--flat .irs-bar {
    background-color: transparent !important;
}
.grid3{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    align-items:start;
    gap:16px
}
.btn-check + label{
    transition:all .3s;
}
.btn-check:checked + label {
    /*background: #720E1A;*/
    color: #720E1A !important;
    -webkit-box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
    box-shadow: inset 0 -2px 0 0 #720e1a, inset 0 2px 0 0 #720e1a, inset 2px 0 0 0 #720e1a, inset -2px 0 0 0 #720e1a;
}

.kitchenColorCode label.purple {
    background: #9b51a0
}
.kitchenColorCode label.dblue {
    background: #645ca8
}
.kitchenColorCode label.lblue {
    background: #468ecc
}
.kitchenColorCode label.lblue2 {
    background: #4ac4f2
}
.kitchenColorCode label.lgreen {
    background: #62c4b2
}
.kitchenColorCode label.green {
    background: #7bc242
}
.kitchenColorCode label.yellow {
    background: #faba34
}
.kitchenColorCode label.orange {
    background: #f47334
}
.kitchenColorCode label.red {
    background: #e73e3f
}
.kitchenColorCode label.gray {
    background: #525352
}
/*label KS colour*/
label.purple {
    color: #9b51a0
}
label.dblue {
    color: #645ca8
}
label.lblue {
    color: #468ecc
}
label.lblue2 {
    color: #4ac4f2
}
label.lgreen {
    color: #62c4b2
}
label.green {
    color: #7bc242
}
label.yellow {
    color: #faba34
}
label.orange {
    color: #f47334
}
label.red {
    color: #e73e3f
}
label.gray {
    color: #525352
}

/* Additional Step for Business Setup for SMS Payment*/
.checked-outter-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.checked-outter-icon svg{
    height:52px
}
.Sms-payment-options{
    display:grid;
    grid-template-columns:repeat(2, 1fr)
}
.Sms-payment-options label {
    width: 100%;
    border-radius: 5px 5px 0 0;
        background-color: #7e7e7e59;
}
.Sms-payment-body {
    background-color: #f1f1f1;
    border-radius:5px
}
.Sms-payment-body-inner{
    padding:40px 25px;
}
.white-bg{
    background-color:#FFFFFF !important;
}
.white-bg .select-input.form-control[readonly]:not([disabled]) {
    background-color: white;
}
#payment-consent {
    margin: 5px 10px 0 0;
}



.single-working-hours {
    display: flex;
    flex-direction: row;
    margin-top: 1rem;
    padding: 0 16px;
    position: relative;
}

.single-working-hours .smart-price-list-body-slider {
    width: 90%;
}

.single-working-hours .Workinghours-buttons {
    width: 10%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}


.phone_prefix input {
    padding-left: 40px !important;
}
.phone_prefix span {
    position: absolute;
    top: 45px;
    left: 5px;
    color: #727272;
}
@media (max-width:568px) {
    .grid3 {
        display: grid;
        grid-template-columns:1fr;
        align-items: start;
    }
    .miz-form-switch label {
        width: 100%;
        font-size: 18px;
    }
    .modal-digital-menu-dish-options .modal-body .dish-options-item .wizard-dish-smart-price .miz-calendar .miz-calendar-header {
        padding: 16px 0 8px;
    }
    .miz-calendar-header {
        font-size: 14px;
    }
    .smart-price-daytimeadd button {
        margin-left: auto;
        min-width: 100% !important;
    }
    .actions-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
    }
    /*Author: Sam 13-06-2022*/
    @media (max-width:640px) {
        .d-sm-none{
            display:none
        }
        .section-inner.p-5 {
            padding: 1.5rem !important;
        }
    }
    .miz-form .miz-input-label.hint > i.mdi {
        background: #720E1A;
        color:#ffffff
    }
    /*sam*/
    .checked-outter-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .checked-outter-icon  svg{
        display:none
    }
    .Sms-payment-options {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }


    .single-working-hours {
        display: flex;
        flex-direction: column;
        margin-top: 1rem;
        padding: 0 16px;
        margin-bottom: 2rem;
        border-bottom: 3px solid #FFFFFF
    }

    .single-working-hours .smart-price-list-body-slider {
        width: 100%;
    }

    .single-working-hours .Workinghours-buttons {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
        padding-bottom: 1rem;
    }

    .modal #SmartPrice-Content .smart-price-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 -8px;
    }
    .Workinghours-buttons button {
        width: 100%;
    }
    .smart-price-list .miz-workinghours-footer button {
        width: 100%
    }

}
@media (max-width:648px){
    .foodmenu-table-number {
        display:none
    }
}

.select-dropdown .select-custom-content.has-button {
    padding:0
}
.select-dropdown .select-custom-content.has-button .miz-button {
    width: 100%;
    border-radius: 0;
}
.select-option-text .form-check-input {
    min-width:18px
}
.miz-form-group .miz-input-group.double > .miz-input-field {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.miz-form-group .miz-input-group.double > .miz-input-field .miz-input-field-inner{
    margin-right:32px
}
.miz-form-group .miz-input-group.double > .miz-input-field .miz-input-field-inner:first-child:after{
    content:'~';
    position:absolute;
    top:0;
    right:0;
    width:32px;
    height:45px;
    color:#720E1A
}

footer {
    position: fixed;
    bottom: 0;
    right: 0;
    width: calc(100% - 69px);
    background: #fafafa;
    padding: .3rem 1rem;
    display:noen;
    justify-content:space-between;
    align-items:center
}

#Mobile-Menu-Button > i.mdi {
    color:#fafafa
}

.Nav-Sub-Menu:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: -10px;
    top: 0;
    background: #fafafa
}
.dark .Nav-Sub-Menu:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: -10px;
    top: 0;
    background: #242731
}

.dark .app-nav-main {
    background: #242731;
}

#SingleOutlet .brand-logo.dropdown-toggle::after {
    content:none !important
}

.miz-button-reverse {
    background-color: #fafafa !important;
    color: #720E1A;
    border-radius:4px;
    border-color:#fafafa !important
}
.miz-button-reverse i.mdi {
    color: #720E1A;
}

miz-button-outline.miz-button-reverse {
    border-color:#fafafa !important
}



/* report Page
-------- all CSS for Report Page is here 
*/
.page-app .section-inner-header.header-seperator-reports.header-seperator {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-bottom: 0;
}

.miz-form-shift .miz-input-group.is-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.miz-form-shift .miz-input-group.is-time > span {
    margin-right: 16px;
}

.miz-form-shift .miz-input-group.is-time .miz-input-field {
    margin-bottom: 0;
    max-width: 128px;
    background-color: #FAFAFA;
}

.page-app .section-inner-header.header-seperator .section-inner-header-title a.actived {
    color: #720E1A;
}

.page-app .section-inner-header.header-seperator .section-inner-header-title a {
    cursor: pointer
}

.page-app .section-inner-header.header-seperator .section-inner-header-title a.actived::after {
    content: '';
    width: 100%;
    height: 3px;
    border-radius: 3px 3px 0 0;
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #720E1A;
}

.page-app .section-inner-header.header-seperator .section-inner-header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    white-space: nowrap;
}

.page-app .section-inner-header.header-seperator {
    -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    padding-bottom: 16px;
    margin-bottom: 0;
}

.miz-grid.reports-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: RGBA(0, 0, 0, 0.08);
    -webkit-box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.08);
    box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.08);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 8px 16px;
}

.miz-grid.sale-summary {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
}

.miz-grid.sale-summary .miz-grid-item {
    background-color: #FAFAFA;
    padding: 16px;
    -webkit-box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
}

.miz-grid.sale-summary .miz-grid-item h3.title img {
    width: 32px;
    height: 32px;
    margin-right: 16px;
}

.miz-grid.sale-summary .miz-grid-item h3.title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #720E1A;
    -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    padding-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}

.miz-grid.sale-summary .miz-grid-item h3.amount {
    margin-top: 16px;
    font-size: 30px;
    font-weight: 700;
    color: #000000;
    -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.miz-grid.breakdown {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100%;
}

.miz-grid.breakdown a {
    position: relative
}

.miz-grid.breakdown a:after {
    content: '';
    width: 0;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: -5px;
    left: 0;
    transition: .5s
}

.miz-grid.breakdown a:hover:after {
    width: 50%;
}

.reports a {
    padding: 0 16px;
    margin: 0;
    line-height: 48px;
    position: relative;
    font-size: 26px;
    font-weight: 500;
    color: #687078;
}


.miz-grid.reports-form {
    margin-top: 16px;
    background-color: #FAFAFA;
    -webkit-box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
    border-radius: 4px;
    overflow: hidden;
}

.miz-grid.reports-form .sales-category-header {
    font-size: 16px;
    font-weight: 700;
    color: #FAFAFA;
    width: 100%;
    padding: 8px 16px;
    text-align: left;
    background-color: #720E1A;
    border-radius: 4px 4px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.miz-grid.reports-form .miz-table {
    margin: 0;
    width: 100%;
}

.miz-grid.reports-form .miz-table tbody tr {
    -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
    box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.08);
}

.page-app .section-inner-header.header-seperator-reports.header-seperator > .miz-button {
    position: absolute;
    top: 0;
    right: 0;
}

.page-app .section-inner-header.header-seperator .miz-button-primary {
    line-height: 48px;
    height: 48px;
    min-width: 0;
    border-radius: 4px;
}

#forZ {
    display: none
}


.miz-grid.payment-summary {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 16px;
    -webkit-box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
    border-radius: 4px;
    overflow: hidden;
}

.miz-grid.payment-summary .payment-summary-header {
    font-size: 16px;
    font-weight: 700;
    color: #FAFAFA;
    width: 100%;
    padding: 8px 16px;
    text-align: left;
    background-color: #720E1A;
    border-radius: 4px 4px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.miz-grid.payment-summary .miz-grid-item {
    background-color: #FAFAFA;
    padding: 16px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.16);
    box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, 0.16);
    margin: 16px;
}

.miz-grid.payment-summary .miz-grid-item h3.title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #720E1A;
    -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    padding-bottom: 16px;
}

    .miz-grid.payment-summary .miz-grid-item h3.title img {
        width: 32px;
        height: 32px;
        margin-right: 16px;
    }

.miz-grid.payment-summary .miz-grid-item h3.amount {
    margin-top: 16px;
    font-size: 30px;
    font-weight: 700;
    color: #000000;
}

.miz-table tbody tr td {
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
}

.miz-grid.reports-form .miz-table tbody tr th {
    padding: 8px 16px;
    font-size: 12px;
}

.reports-toolbar {
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 16px;
    padding: 16px;
}

.miz-form-shift .miz-input-group.is-time > .timepicker {
    margin-right: 16px;
}

.reports-toolbar .search-export {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px
}

    .reports-toolbar .search-export .date-time {
        margin-right: 16px
    }

.page-app .section-inner-header.header-seperator-reports.header-seperator .section-inner-header-title {
    margin-right: 0;
}

#Zreports .search-report .miz-form > .miz-input-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#Frullreports .search-report .miz-form .miz-form-group .miz-input-group .miz-button,
#Xreports .search-report .miz-form .miz-form-group .miz-input-group .miz-button,
#Zreports .search-report .miz-form .miz-form-group .miz-input-group .miz-button {
    margin-bottom: 8px
}

#Xreportprinter i.mizi,
#Zreportprinter i.mizi,
#Freportprinter i.mizi {
    margin: auto
}
.tnc {
    display: flex;
    justify-content: flex-end;
}

    .tnc > a {
        font-size: 12px;
        margin-right: 10px
    }
@media (min-width: 768px) {
    .page-app .section-inner-header.header-seperator-reports.header-seperator {
        padding-bottom: 16px;
        -webkit-box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
        box-shadow: inset 0 -1px 0 0 RGBA(0, 0, 0, 0.16);
    }

        .page-app .section-inner-header.header-seperator-reports.header-seperator > .miz-button {
            position: static;
            top: unset;
            right: unset;
        }
}


@media (min-width: 640px) {
    .miz-grid.sale-summary, .miz-grid.breakdown {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .miz-grid.payment-summary {
        grid-template-columns: repeat(2, 1fr);
    }

        .miz-grid.payment-summary .payment-summary-header {
            grid-column-end: span 2;
        }

        .miz-grid.payment-summary .miz-grid-item {
            margin: 16px 8px 16px 16px;
        }

    .reports-toolbar {
        background: #ffffff;
        border-radius: 8px;
        margin-bottom: 16px;
        padding: 16px;
    }

        .reports-toolbar .search-export {
            margin-top: 0
        }

    #Xreportsearch,
    #Zreportsearch,
    #Freportsearch,
    #Xreportprinter,
    #Zreportprinter,
    #Freportprinter {
        margin-right: 10px
    }
}

@media (min-width: 1024px) {
    .miz-grid.sale-summary, .miz-grid.breakdown {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }

    .miz-grid.payment-summary {
        grid-template-columns: repeat(4, 1fr);
    }

        .miz-grid.payment-summary .payment-summary-header {
            grid-column-end: span 4;
        }
}

@media (min-width: 1180px) {
    .miz-table tbody tr td {
        padding: 8px 16px;
    }
}

@media (max-width:640px) {
    #Frullreports .search-report .miz-form .miz-form-group .miz-input-group .miz-button,
    #Xreports .search-report .miz-form .miz-form-group .miz-input-group .miz-button,
    #Zreports .search-report .miz-form .miz-form-group .miz-input-group .miz-button {
        width: 100%
    }
    .tnc > a {
        font-size: 8px;
        margin-right: 10px
    }
}



.Tsobuzzer {
    position: absolute;
    right: 10px;
    bottom: 43%;
    background: #ebebeb;
    line-height: 36px;
    min-width: 0;
    height: 36px;
    width: 36px;
}
.Tsobuzzer > i.mdi {
    font-size: 18px;
}
.Tsobuzzer.disabled {
    opacity: 0.8;
    pointer-events: none;
    cursor: not-allowed
}

.Tsobuzzer[data-limit="3"] {
    background: #720E1A;
}

.Tsobuzzer[data-limit="3"] > i.mdi {
    color: #fafafa
}

.Tsobuzzer[data-limit="2"] {
    background: #ffa900;
}

.Tsobuzzer[data-limit="1"] {
    background: #cccccc;
}


.miz-input-field.has_icon > .form-control {
    padding-right: 28px;
}
.miz-input-field.has_icon > i.mdi {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}


.miz-input-group.with-inner-btn .miz-input-field .miz-input-field-inner {
    padding-right: 28px;
}
.miz-input-group.with-inner-btn .miz-input-field .inner-button {
    position: absolute;
    right: 0;
}

.pixel-lists {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-auto-flow: dense;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    gap: 16px;
}
.pixel-lists.gallery .card {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    overflow: hidden;
}

.pixel-lists.gallery .card img {
    max-width: 100%;
    width: 100%;
    transition:all .3s;
}
.pixel-lists.gallery .card:hover {
    cursor: pointer
}
.pixel-lists.gallery .card:hover img {
    transform:scale(1.1)
}
#PixelPhotoList .load-more {
    margin-top:1rem;
    min-height: 64px;
}
.dishVideoPreview {
    position: relative;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    overflow: hidden;
    margin-top: 1rem;
    max-width:630px;
}
#Dishvideo_preview {
    aspect-ratio: 16 / 9;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    
}

.dishVideoPreview .remove {
    position:absolute;
    z-index:100;
    top:5px;
    right:5px
}


.wizard-dish-general-info-video .uploader_preview {
    position: relative;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 1rem;
    max-width: 100%;
    border: 1px dashed #000000;
    position: relative;
    background: url(/assets/img/icons/common/video-marketing.png) no-repeat;
    background-position:center center;
    background-size:20%;
}

.wizard-dish-general-info-video .uploader_preview .remove_preview {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index:100
}
.wizard-dish-general-info-video .uploader_filename{
    font-size:10px
}
.wizard-dish-general-info-video .uploader .uploader_helper {
    font-size: 10px
}
.wizard-dish-general-info-video .uploader_preview .uplaoder_video_preview {
    aspect-ratio: 16 / 9;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.scroller .fm-divider {
    max-height: 50% !important;
    padding: 10px !important;
}

.fm-divider .foodmenu-content {
    display: block !important;
}

.main-food-menu, .main-food-menu .scroller {
    height: 100%;
}

.dark .side-cart-wrapper {
    background: #18191A;
    color: white;
}

.dark .cart-info-summary {
    background: #353841;
    border-color: #555860;
}
.dark .tsoHelpContent{
    color: white;
}

/*booking module css*/

.miz-calendar-btn{
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.dark .miz-calendar-btn{
    background: white;
}

.miz-calendar-btn:hover {
    background: #EBEBEB !important;
}

/*booking module dark mode*/

.dark #viewDivCalendar *{
    color:white;
}
.dark #viewDivCalendar {
    background: #242731;
    border: none;
}

.dark #viewDivCalendarTitle {
    border-color: #20222B;
}

.dark #viewDivCalendarTitle h3 i {
    color: #720e1a;
}

.dark #viewDivCalendar .miz-calendar-btn, .refresh-btn {
    background: white;
    color: #720e1a !important;
}

.dark .fc-header-toolbar button:not(:disabled):not(.fc-button-active) {
    background: #18191A !important;
    border: none;
}

.dark table.fc-scrollgrid * {
    border-color: #3F414A;
}

.dark .booking-status{
    color: black !important;
}

.dark .fc-timeline-event-harness a{
    background: none;
}

/*dark mode list*/
.dark .miz-cards {
    background: #242731;
    color: white;
    border: none;
}

.dark .miz-section-title {
    border-color: #3F414A;
}
.dark .miz-section-title h3 {
    color: white;
}

.dark .miz-section-toolbar,.dark .is-filter {
    background: #242731 !important;
    border-bottom: 0.5px solid #3F414A;
}

.dark .miz-section-toolbar-link.active {
    color: white;
    background: #720e1a;
}

.dark .miz-section-toolbar-link:not(.active)
{
    color: white;
}

.dark .miz-section-toolbar .miz-form-controller {
    background: #414655;
    border: none;
}

.dark .miz-form-controller-group #btnActionSetButton {
    color: white;
}

.dark .miz-form-controller-group {
    border-color: #3F414A !important;
}

.dark #btnListReset {
    background: white;
    color: #720e1a;
}

.dark .miz-section-table table.dataTable thead > tr > th:before{
    opacity: 1;
}

.dark .miz-section-table table.dataTable thead > tr > th:after {
    opacity: 1;
}

.dark .miz-section-table table.dataTable thead th{
    border-right: none !important;
}

.dark .miz-section-table table.dataTable tbody {
    background: #242731;
}

.dark .miz-section-table table.dataTable tbody td {
    border: 1px solid #3F414A !important;
}
.dark .miz-section-table table.dataTable tbody td.datatable_actions a {
    color: #720e1a !important;
}


.dark .miz-form-controller, .dark .dateTimePick, .dark .miz-select-selection-single {
    background: #414655 !important;
    border: none !important;
}

.dark a.miz-button-outline {
    color: #720E1A;
}

.dark #tableBooking tbody tr.even {
  background-color: #333742 !important;
}