input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.qr-wrapper svg {
  max-width: 500px;
  max-height: 500px;
}

.qr-wrapper {
  text-align: center;
  margin-top: 20px;
}

.ellipsis {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

.cus-select {
  padding: 1.3rem 0.75rem 0.4rem 0.75rem !important;
}

.order-status-4, .order-status-5, .payment-status-3 {
  background-color: var(--success) !important;
  color: var(--light-text) !important;
}

.order-status-6, .payment-status-4 {
  background-color: var(--warning) !important;
  color: var(--light-text) !important;
}

.order-status-1, .order-status-2, .payment-status-1 {
  background-color: var(--dark) !important;
  color: var(--light-text) !important;
}

.order-status-3, .payment-status-2 {
  background-color: var(--primary) !important;
  color: var(--light-text) !important;
}

.order-status-7, .order-status-8, .payment-status-5 {
  background-color: var(--danger) !important;
  color: var(--light-text) !important;
}

.category-list a {
  display: block;
  cursor: pointer;
  border: 1px solid;
  border-color: var(--separator) !important;
  border-radius: var(--border-radius-lg);
}

  .category-list a:hover, .category-list a.active {
    box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb), 0.5), 0 4px 10px rgba(0, 0, 0, 0.03) !important;
    border-color: var(--primary) !important;
  }

.pos-card-category {
  height: 75vh !important;
}

.pos-card-item {
  height: 66vh !important;
}

.pos-card-tab {
  height: 70vh !important;
}

.fixed {
  position: fixed !important;
  background: rgba(0,0,0,.10) !important;
  z-index: 1001;
}

.z-index-2000 {
  z-index: 2000;
}

.only-mob {
  display: none !important;
  visibility: hidden !important;
}

@media (max-width: 850px) {
  .only-mob {
    display: inline-block !important;
    visibility: visible !important;
  }
}

.only-web {
  display: inline-block !important;
  visibility: visible !important;
}

@media (max-width: 850px) {
  .only-web {
    display: none !important;
    visibility: hidden !important;
  }
}

@media (max-width: 768px) {
  body {
    padding-right: 0 !important;
  }

    body.modal-open {
      overflow: hidden !important;
      padding-right: 0 !important;
    }

  .modal {
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) { 
  .custom-responsive-sidebar.offcanvas {
    visibility: visible !important;
    transform: none !important;
    background-color: transparent !important;
    display: block !important;
    position: relative !important;
    z-index: auto !important;
  }
  .custom-responsive-sidebar .offcanvas-body {
    display: block !important;
    overflow-y: visible !important;
    padding: 0 !important;
  }
}