.receipt-restaurant {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 0;
  color: #000000;
  background-color: #ffffff;
}
.receipt-restaurant-brand {
  filter: grayscale(100%) contrast(300%);
  max-width: 164px;
  margin-bottom: 32px;
  color: var(--miz-black-1);
  font-size: 32px;
}
.receipt-restaurant-info {
  text-align: center;
  border-bottom: 1px dashed #000000;
  width: 100%;
  padding-bottom: 16px;
}
.receipt-restaurant-info h3 {
  font-size: 24px;
  margin-bottom: 12px;
}
.receipt-restaurant-info h4 {
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
}
.receipt-restaurant-info h4.is-tel {
  width: fit-content;
  display: grid;
  grid-template-columns: 32px auto;
  margin: auto;
}
.receipt-restaurant-info h4.is-tel span:first-child {
  margin-right: 16px;
}
.receipt-restaurant-info h4.is-tel span:last-child::before {
  content: ":";
  margin-right: 8px;
}
.receipt-restaurant-pos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-bottom: 1px dashed #000000;
  width: 100%;
  padding-bottom: 16px;
  list-style: none;
  padding: 16px;
}
.receipt-restaurant-pos .is-full {
  grid-column: span 2;
}
.receipt-restaurant-pos li:nth-child(2n+1):not(.is-full) {
  text-align: right;
}
.receipt-delivery {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 0;
  color: #000000;
  background-color: #ffffff;
  border-bottom: 1px dashed #000000;
}
.receipt-delivery-brand {
  filter: grayscale(100%) contrast(300%);
  max-width: 184px;
  margin-bottom: 32px;
  color: var(--miz-black-1);
  font-size: 40px;
  font-weight: 700;
}
.receipt-delivery-brand.text {
  max-width: 100%;
}
.receipt-delivery-id {
  font-size: 64px;
  font-weight: 900;
  padding: 12px 24px;
  border: 4px solid var(--miz-black-1);
}
.receipt-delivery-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin: 40px 0 0;
}
.receipt-delivery-date {
  margin-bottom: 40px;
  font-size: 16px;
}
.receipt-delivery-more {
  font-size: 20px;
}
.receipt-delivery-date, .receipt-delivery-more {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.receipt-delivery-date .highlight, .receipt-delivery-more .highlight {
  font-weight: 600;
}
.receipt-splitbills {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  color: #000000;
  width: calc(100% - 16px);
  margin: 8px;
  border: 3px double #000000;
}
.receipt-splitbills li {
  display: grid;
  grid-template-columns: 1fr 108px;
  gap: 16px;
  padding: 8px 12px;
  text-align: right;
  font-size: 14px;
}

.docket-restaurant {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 0;
  color: #000000;
  background-color: #ffffff;
}
.docket-restaurant-brand {
  filter: grayscale(100%) contrast(300%);
  max-width: 164px;
  margin-bottom: 32px;
  color: var(--miz-black-1);
  font-size: 32px;
}
.docket-restaurant-info {
  text-align: center;
  border-bottom: 1px dashed #000000;
  width: 100%;
  padding-bottom: 16px;
}
.docket-restaurant-info h3 {
  font-size: 24px;
  margin-bottom: 12px;
}
.docket-restaurant-info h4 {
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
}
.docket-restaurant-info h4.is-tel {
  width: fit-content;
  display: grid;
  grid-template-columns: 32px auto;
  margin: auto;
}
.docket-restaurant-info h4.is-tel span:first-child {
  margin-right: 16px;
}
.docket-restaurant-info h4.is-tel span:last-child::before {
  content: ":";
  margin-right: 8px;
}
.docket-restaurant-pos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-bottom: 1px dashed #000000;
  width: 100%;
  padding-bottom: 16px;
  list-style: none;
  padding: 16px;
}
.docket-restaurant-pos .is-full {
  grid-column: span 2;
}
.docket-restaurant-pos li:nth-child(2n+1):not(.is-full) {
  text-align: right;
}
.docket-restaurant .miz-cart-item {
  width: 100%;
}
.docket-restaurant .miz-cart-item li.miz-cart-item-header {
  grid-template-columns: 1fr;
}
.docket-restaurant .miz-cart-item li.miz-cart-item-header .miz-cart-item-header-info h3 {
  font-size: 24px;
}
.docket-restaurant .miz-cart-item-content {
  display: flex;
}
.docket-restaurant .miz-cart-item-content .miz-cart-item-sub-header {
  font-size: 18px;
}
.docket-restaurant .miz-cart-item-content .miz-cart-item-sub > li {
  grid-template-columns: auto 1fr;
  font-size: 18px;
}
.docket-restaurant .miz-cart-item-content .miz-cart-item-sub-variables {
  grid-template-columns: 1fr !important;
}
.docket-restaurant .miz-cart-item-content .miz-cart-item-sub-variables > ul > li {
  grid-template-columns: auto 1fr;
  font-size: 18px;
}
.docket-delivery {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 0;
  color: #000000;
  background-color: #ffffff;
  border-bottom: 1px dashed #000000;
}
.docket-delivery-brand {
  filter: grayscale(100%) contrast(300%);
  max-width: 184px;
  margin-bottom: 32px;
  color: var(--miz-black-1);
  font-size: 40px;
  font-weight: 700;
}
.docket-delivery-brand.text {
  max-width: 100%;
}
.docket-delivery-id {
  font-size: 64px;
  font-weight: 900;
  padding: 12px 24px;
  border: 4px solid var(--miz-black-1);
}
.docket-delivery-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin: 40px 0 0;
}
.docket-delivery-date {
  margin-bottom: 40px;
  font-size: 16px;
}
.docket-delivery-more {
  font-size: 20px;
}
.docket-delivery-date, .docket-delivery-more {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.docket-delivery-date .highlight, .docket-delivery-more .highlight {
  font-weight: 600;
}
.docket-splitbills {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  color: #000000;
  width: calc(100% - 16px);
  margin: 8px;
  border: 3px double #000000;
}
.docket-splitbills li {
  display: grid;
  grid-template-columns: 1fr 108px;
  gap: 16px;
  padding: 8px 12px;
  text-align: right;
  font-size: 14px;
}

.miz-cart-item.is-receipt {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  pointer-events: none;
  border-bottom: none;
  gap: 8px;
}
.miz-cart-item.is-receipt .miz-cart-item-header {
  display: flex;
  width: 100%;
  align-items: center;
}
.miz-cart-item.is-receipt .miz-cart-item-header > .miz-button {
  display: none;
}
.miz-cart-item.is-receipt .miz-cart-item-header .miz-cart-item-header-info {
  width: 100%;
  grid-template-columns: 32px 1fr 108px;
  align-items: center;
}
.miz-cart-item.is-receipt .miz-cart-item-header .miz-cart-item-header-info > i {
  display: none;
}
.miz-cart-item.is-receipt .miz-cart-item-header .miz-cart-item-header-info span:not(.is-qty) {
  grid-column-start: 3;
  grid-row-start: 1;
}
.miz-cart-item.is-receipt .miz-cart-item-header .miz-cart-item-header-info span.is-qty {
  grid-column-start: 1;
  grid-row-start: 1;
  text-align: left;
  background-color: transparent;
  border: none;
  padding: 0;
  justify-content: flex-start;
}
.miz-cart-item.is-receipt .miz-cart-item-header .miz-cart-item-header-info h3 {
  grid-column-start: 2;
  grid-row-start: 1;
  line-height: 160%;
}
.miz-cart-item.is-receipt .miz-cart-item-header:before {
  display: none;
}
.miz-cart-item.is-receipt > li:not(.miz-cart-item-header) {
  display: flex;
  flex-direction: column;
}
.miz-cart-item.is-receipt li:not(.miz-cart-item-header) {
  padding-left: 56px;
  width: 100%;
}
.miz-cart-item.is-receipt li:not(.miz-cart-item-header):before {
  display: none;
}
.miz-cart-item.is-receipt .miz-cart-item-content {
  display: grid;
  width: 100%;
  padding-left: 48px;
}
.miz-cart-item.is-receipt .miz-cart-item-content > li:not(.miz-cart-item-content-item) {
  padding-left: 0;
}
.miz-cart-item.is-receipt .miz-cart-item-content > li:not(.miz-cart-item-content-item):before {
  content: "-" !important;
  margin-right: 8px;
  display: flex !important;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item {
  padding-left: 0;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item:not(:first-child) {
  padding-top: 8px;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item:empty, .miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item:blank {
  padding-top: 0;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item .miz-cart-item-sub {
  margin-top: 0 !important;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item .miz-cart-item-sub > li:not(.miz-cart-item-sub-header) {
  grid-template-columns: auto 1fr auto;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item .miz-cart-item-sub > li:not(.miz-cart-item-sub-header):before {
  content: "-" !important;
  margin-right: 8px;
  display: flex !important;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item .miz-cart-item-sub > li:not(.miz-cart-item-sub-header) span:not(.slash) {
  padding-right: 0;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item .miz-cart-item-sub li {
  padding-left: 0;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item .miz-cart-item-sub li:not(.miz-cart-item-sub-header) .slash {
  padding-right: 0;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item .miz-cart-item-sub li:not(.miz-cart-item-sub-header):not(.slash) {
  padding-right: 0;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item .miz-cart-item-sub li.miz-cart-item-sub-variables {
  padding-left: 24px;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item .miz-cart-item-sub li.miz-cart-item-sub-variables:before {
  display: none !important;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item .miz-cart-item-sub li.miz-cart-item-sub-variables ul {
  margin-left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item .miz-cart-item-sub li.miz-cart-item-sub-variables ul li {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.miz-cart-item.is-receipt .miz-cart-item-content li.miz-cart-item-content-item .miz-cart-item-sub li.miz-cart-item-sub-variables ul li:after {
  content: "-" !important;
  margin-right: 8px;
}

.miz-cart-total.is-receipt {
  width: 100%;
  border-top: 1px dashed #000000;
}
.miz-cart-total.is-receipt li {
  grid-template-columns: 1fr 108px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.miz-cart-total.is-receipt li:first-child {
  border-bottom: none !important;
}
.miz-cart-total.is-receipt li h3 {
  font-size: 16px;
  text-align: right;
}
.miz-cart-total.is-receipt li:not(.is-default) {
  display: grid;
}
.miz-cart-total.is-receipt li.is-default {
  border-bottom: 1px dashed #000000;
}
.miz-cart-total.is-receipt li.is-total {
  border-top: 1px solid #000000;
  border-bottom: 3px double #000000;
}
.miz-cart-total.is-receipt li.is-total h3, .miz-cart-total.is-receipt li.is-total span {
  font-size: 24px;
}

.receipt-notes {
  text-align: center;
  margin: 32px;
}
.receipt-queue {
  font-size: 36px;
  margin-bottom: 24px;
}
.receipt-information {
  text-align: center;
  margin: 8px 32px;
}

.miz-receipt-grand {
  max-width: 512px;
  margin: auto;
  width: 100%;
  background-color: #ffffff;
  color: #000000;
  padding: 16px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--miz-blue-grey-white);
}

.modal-receipt .modal-content {
  background-color: var(--miz-primary);
}
.modal-receipt .modal-body {
  max-width: 512px;
  margin: auto;
  background-color: #ffffff;
  padding: 0;
  position: relative;
  overflow-x: hidden;
}
.modal-receipt .modal-body .modal-receipt-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid var(--miz-blue-grey-white);
  position: sticky;
  top: 0;
  background-color: #ffffff;
  z-index: 8;
}
.modal-receipt .modal-body .modal-receipt-header h3 i {
  color: var(--miz-success-primary);
}
.modal-receipt .modal-body .modal-receipt-header .btn-close {
  background-color: var(--miz-primary);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  opacity: 1;
}
.modal-receipt-progress {
  display: flex;
  height: 4px;
  width: 100%;
}
.modal-receipt-progress .progress {
  display: flex;
  width: 100%;
}
.modal-receipt.is-existing .modal-content {
  background-color: transparent;
  box-shadow: none;
}
@media (min-width: 768px) {
  .modal-receipt.is-existing .modal-content {
    margin: 64px 0;
    height: calc(100% - 128px);
  }
}
@media (min-width: 768px) {
  .modal-receipt.is-existing .modal-content .miz-receipt-grand {
    border-radius: 0 0 8px 8px;
  }
}
@media (min-width: 768px) {
  .modal-receipt.is-existing .modal-body {
    border-radius: 8px 8px 0 0;
  }
}
.modal-receipt.is-guest {
  max-width: 500px;
}

.modal-docket .miz-receipt-grand, .modal-docket .modal-body {
  max-width: 512px;
  width: 100%;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Users/Kelvin/Documents/Development/MenumizUi/MenumizUi/MenumizAppUi/Resources/_scss/pages/tso/receipt.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAUI;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;;AAEA;EAEI;EACA;;AAGJ;EAEI;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;;AAII;EAEI;;AAKA;EAEI;EACA;;AAQxB;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAOI;EAEI;;AAOpB;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAIR;EAEI;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EAEI;;AAGJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAKZ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAOR;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;;AAEA;EAEI;EACA;;AAGJ;EAEI;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;;AAII;EAEI;;AAKA;EAEI;EACA;;AAQxB;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAOI;EAEI;;AAMhB;EAEI;;AAII;EAEI;;AAII;EAEI;;AAMhB;EAEI;;AAEA;EAEI;;AAKA;EAEI;EACA;;AAIR;EAEI;;AAII;EAEI;EACA;;AAQxB;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAIR;EAEI;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EAEI;;AAGJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAKZ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;;AASJ;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAEA;EAEI;;AAGJ;EAEI;EACA;EACA;;AAEA;EAEI;;AAKA;EAEI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EAEI;EACA;EACA;;AAIR;EAEI;;AAMJ;EAEI;EACA;;AAMJ;EAEI;EACA;;AAEA;EAEI;;AAKZ;EAEI;EACA;EACA;;AAII;EAEI;;AAEA;EAEI;EACA;EACA;;AAOR;EAEI;;AAEA;EAEI;;AAGJ;EACI;;AAGJ;EAEI;;AAKI;EAEI;;AAEA;EAEI;EACA;EACA;;AAKA;EAEI;;AAMhB;EAEI;;AAKI;EAEI;;AAGJ;EAEI;;AAIR;EAEI;;AAEA;EAEI;;AAGJ;EAEI;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAEA;EAEI;EACA;;;AAgB5C;EAEI;EACA;;AAEA;EAEI;EACA;EACA;;AAEA;EAEI;;AAGJ;EAEI;EACA;;AAGJ;EAEI;;AAGJ;EAEI;;AAGJ;EAEI;EACA;;AAEA;EAEI;;;AAShB;EAEI;EACA;;AAGJ;EAEI;EACA;;AAGJ;EAEI;EACA;;;AAIR;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKA;EAEI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAII;EAEI;;AAIR;EAEI;EACA;EACA;EACA;EACA;;AAKZ;EAEI;EACA;EACA;;AAGA;EAEI;EACA;;AAQA;EAEI;EACA;;AAEA;EALJ;IAOQ;IACA;;;AAKA;EAFJ;IAIQ;;;AAOR;EAFJ;IAIQ;;;AAMhB;EAEI;;;AAMJ;EAEI;EACA%22%7D */