body {
  --bg-gray: #f0f0f0;
  --light-gray: #cfd4da;
  --middle-gray: #bcbcbc;
  --more-gray: #92979d;
  --gray: #6c757e;
  --orange: #fe7e13;
  --red: #ea2f42;
  --white: #fee;

  direction: rtl;
  text-align: right;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: cerebri sans;
  background-color: var(--bg-gray) !important;
  font-size: 1rem;
}

@media all and (min-width: 575px) {
  .icon {
    font-size: 48px !important;
    color: var(--gray);
  }
}

.icon {
  padding: 15px;
  font-size: 36px !important;
  color: var(--gray);
}

.card {
  font-size: 22px;
  color: var(--middle-gray);
  padding-top: 3px;
  padding-bottom: 3px;
}

.border-gray {
  border: 1px solid var(--more-gray) !important;
}

.bg-light-orange {
  background-color: #ffedde;
}

.rounded-1 {
  border-radius: 20px !important;
}

.dashboard li {
  cursor: pointer;
  font-size: 16px;
  margin: 12px;
  padding-bottom: 28px !important;
  padding: 16px;
  border-bottom: 1px solid #d9d9d9;
  color: #6c757d;
}

li:hover {
  color: #fe7e13 !important;
}

ul li img {
  padding-left: 6px !important;
  line-height: 32px !important;
}

.list-icon {
  color: #adb5bd;
  padding-left: 26px !important;

  font-size: 28px;

  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
}

td,
th {
  border: 1px solid #272323;
  text-align: left;
  padding: 8px;
}

.text-gray {
  /* font-family: IRANYekan; */
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: right;
  color: #6c757d;
}

.dash-text {
  font-family: IRANYekan;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;

  text-align: right;

  color: #6c757d;
}

.bg-dashboard {
  background-color: #f0f0f0 !important;
}

.w-10 {
  width: 10% !important;
}

.w-18 {
  width: 18% !important;
}

.w-15 {
  width: 15% !important;
}

.w-5 {
  width: 5% !important;
}

.w-35 {
  width: 35% !important;
}

.user-btn {
  white-space: nowrap;
  margin-right: auto;
  height: 48px !important;
  width: 160px !important;
  text-align: center;
  padding: 8px !important;
  font-size: 12px !important;
}

.order-btn {
  border: 2px solid black;
  height: 48px !important;
  width: 60px;
  margin-top: 15px;
}

.order-btn-mobile {
  height: 48px !important;
}

.cart-bin {
  right: 0px;
  top: 100px;
}

.top-50 {
  top: 50%;
  transform: translateY(-50%);
}

.left-10 {
  left: 10px;
}

.orders-header-list {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: scroll;
}

.orders-header-list::-webkit-scrollbar {
  display: none;
}

.orders-tab {
  padding-bottom: 20px;
}

.orders-tab.active {
  color: #fe7e13;
  border-bottom: 2px solid #fe7e13;
}

.password-input {
  outline: none;
  border: 1px solid #bcbcbc;
}