.manageOrders {
  font-family: brandon-grotesque-medium, sans-serif;
  color: #5D4B4D;
  padding: 20px;
}
.manageOrders .tableFlexContainer {
  display: flex;
  justify-content: center;
}
@media (min-width: 1025px) {
  .manageOrders .parent,
  .manageOrders .child {
    cursor: pointer;
  }
}
.manageOrders .childTd {
  padding: 0 20px;
  transition: padding-top 0.2s ease-out;
}
.manageOrders .childTd.open {
  padding: 20px;
}
.manageOrders .fa-chevron-right {
  transition: transform 0.2s ease-out;
}
.manageOrders .fa-chevron-right.open {
  transform: rotate(90deg);
}
.manageOrders .childDiv {
  position: relative;
  max-height: 0;
  width: 100%;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.manageOrders .voidBtn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 200px;
}
.manageOrders .printReceiptBtn {
  position: absolute;
  bottom: 10px;
  right: 220px;
  width: 200px;
}
.manageOrders .cashierView {
  background-color: lightgray;
  position: fixed;
  top: 15px;
  width: 300px;
  right: 15px;
}
@media (max-width: 1443px) {
  .manageOrders .cashierView {
    top: 11.25px;
  }
}
@media (max-width: 1280px) {
  .manageOrders .cashierView {
    top: 9.6px;
  }
}
@media (max-width: 1024px) {
  .manageOrders .cashierView {
    top: 10.65px;
  }
}
@media (max-width: 1443px) {
  .manageOrders .cashierView {
    width: 225px;
  }
}
@media (max-width: 1280px) {
  .manageOrders .cashierView {
    width: 198px;
  }
}
@media (max-width: 1024px) {
  .manageOrders .cashierView {
    width: 159px;
  }
}
@media (max-width: 1443px) {
  .manageOrders .cashierView {
    right: 11.25px;
  }
}
@media (max-width: 1280px) {
  .manageOrders .cashierView {
    right: 9.9px;
  }
}
@media (max-width: 1024px) {
  .manageOrders .cashierView {
    right: 7.95px;
  }
}
.manageOrders .toggles {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.manageOrders .toggles div {
  flex-basis: 50%;
}
.manageOrders .toggles #currentLocationId {
  width: 150px;
}
.manageOrders .indent {
  margin-left: 10px;
}
.manageOrders .doubleIndent {
  margin-left: 20px;
}
.manageOrders .paymentIndent {
  margin-left: 30px;
}