.cashierView {
  display: flex;
  height: 100vh;
}
.cashierView .availableOrdersContainer {
  flex: 0 0 300px;
  height: 100%;
  background: #e5e5e5;
  background: linear-gradient(#f1f1f1, #e5e5e5);
}
.cashierView .availableOrdersContainer .order {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  min-height: 80px;
  font-size: 30px;
  font-family: brandon-grotesque-medium, sans-serif;
  color: #5D4B4D;
}
.cashierView .mainContentContainer {
  flex: 1;
  font-family: brandon-grotesque-medium, sans-serif;
  font-size: 30px;
  color: #5D4B4D;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cashierView .mainContentContainer .output {
  text-align: center;
  height: 40px;
  width: 500px;
  background-color: white;
  margin-bottom: 20px;
}
.cashierView .mainContentContainer .selectedOrderDescription {
  font-size: 40px;
}
.cashierView .numberButton {
  background-color: lightgray;
  font-size: 25px;
}
@media (max-width: 1443px) {
  .cashierView .numberButton {
    font-size: 18.75px;
  }
}
@media (max-width: 1280px) {
  .cashierView .numberButton {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .cashierView .numberButton {
    font-size: 17.75px;
  }
}
.cashierView .cashBtn {
  background-color: lightskyblue;
  width: 74%;
}
.cashierView .completeBtn {
  background-color: lightgreen;
}
.cashierView .discountBtn {
  background-color: lightskyblue;
}
.cashierView .predefinedBtn {
  background-color: lightgreen;
}
.cashierView .voidBtn, .cashierView .houseBtn, .cashierView .completeBtn, .cashierView .pushToKiosk, .cashierView .doorDashBtn, .cashierView .uberEatsBtn {
  background-color: lightsalmon;
  text-align: center;
}
.cashierView .pushCoupons, .cashierView .orderView, .cashierView .allOrders, .cashierView .paidOut, .cashierView .giftCard, .cashierView .lookupGiftCard {
  background-color: lightgray;
  position: fixed;
  width: 300px;
  right: 15px;
}
@media (max-width: 1443px) {
  .cashierView .pushCoupons, .cashierView .orderView, .cashierView .allOrders, .cashierView .paidOut, .cashierView .giftCard, .cashierView .lookupGiftCard {
    width: 225px;
  }
}
@media (max-width: 1280px) {
  .cashierView .pushCoupons, .cashierView .orderView, .cashierView .allOrders, .cashierView .paidOut, .cashierView .giftCard, .cashierView .lookupGiftCard {
    width: 198px;
  }
}
@media (max-width: 1024px) {
  .cashierView .pushCoupons, .cashierView .orderView, .cashierView .allOrders, .cashierView .paidOut, .cashierView .giftCard, .cashierView .lookupGiftCard {
    width: 159px;
  }
}
@media (max-width: 1443px) {
  .cashierView .pushCoupons, .cashierView .orderView, .cashierView .allOrders, .cashierView .paidOut, .cashierView .giftCard, .cashierView .lookupGiftCard {
    right: 11.25px;
  }
}
@media (max-width: 1280px) {
  .cashierView .pushCoupons, .cashierView .orderView, .cashierView .allOrders, .cashierView .paidOut, .cashierView .giftCard, .cashierView .lookupGiftCard {
    right: 9.9px;
  }
}
@media (max-width: 1024px) {
  .cashierView .pushCoupons, .cashierView .orderView, .cashierView .allOrders, .cashierView .paidOut, .cashierView .giftCard, .cashierView .lookupGiftCard {
    right: 7.95px;
  }
}
.cashierView .pushCoupons {
  top: 15px;
}
@media (max-width: 1443px) {
  .cashierView .pushCoupons {
    top: 11.25px;
  }
}
@media (max-width: 1280px) {
  .cashierView .pushCoupons {
    top: 9.6px;
  }
}
@media (max-width: 1024px) {
  .cashierView .pushCoupons {
    top: 10.65px;
  }
}
.cashierView .orderView {
  top: 85px;
}
@media (max-width: 1443px) {
  .cashierView .orderView {
    top: 63.75px;
  }
}
@media (max-width: 1280px) {
  .cashierView .orderView {
    top: 54.4px;
  }
}
@media (max-width: 1024px) {
  .cashierView .orderView {
    top: 60.35px;
  }
}
.cashierView .allOrders {
  top: 155px;
}
@media (max-width: 1443px) {
  .cashierView .allOrders {
    top: 116.25px;
  }
}
@media (max-width: 1280px) {
  .cashierView .allOrders {
    top: 99.2px;
  }
}
@media (max-width: 1024px) {
  .cashierView .allOrders {
    top: 110.05px;
  }
}
.cashierView .paidOut {
  top: 225px;
}
@media (max-width: 1443px) {
  .cashierView .paidOut {
    top: 168.75px;
  }
}
@media (max-width: 1280px) {
  .cashierView .paidOut {
    top: 144px;
  }
}
@media (max-width: 1024px) {
  .cashierView .paidOut {
    top: 159.75px;
  }
}
.cashierView .giftCard {
  top: 295px;
}
@media (max-width: 1443px) {
  .cashierView .giftCard {
    top: 221.25px;
  }
}
@media (max-width: 1280px) {
  .cashierView .giftCard {
    top: 188.8px;
  }
}
@media (max-width: 1024px) {
  .cashierView .giftCard {
    top: 209.45px;
  }
}
.cashierView .lookupGiftCard {
  top: 365px;
}
@media (max-width: 1443px) {
  .cashierView .lookupGiftCard {
    top: 273.75px;
  }
}
@media (max-width: 1280px) {
  .cashierView .lookupGiftCard {
    top: 233.6px;
  }
}
@media (max-width: 1024px) {
  .cashierView .lookupGiftCard {
    top: 259.15px;
  }
}
.cashierView .modalContent {
  background: white;
}