@charset "utf-8";

.mbp2308 { margin: 0px; padding: 0px 8px; text-align: center; text-transform: uppercase; }

.mbp2311 { display: flex; padding: 4px 8px; align-items: center; border-radius: 3px; justify-content: center; }

.mbp2311.orderDetails { flex-direction: column; }

.mbp2311.orderDetailsMargin { margin-top: 1.2em; align-items: center; flex-direction: column; }

.mbp2312 { width: 32px; display: block; }

.mbp2313 { margin: 0px; padding: 7px; text-align: left; }

.mbp2314 { text-align: center; text-transform: capitalize; text-decoration: underline; margin-bottom: 0px !important; }

.mbp2315 { width: 100%; padding: 10px 0px; font-size: 12px; font-weight: bold; white-space: nowrap; }

.mbp2315:hover { background-color: inherit; }

@media (max-width: 959.95px) {
  .mbp2315 { white-space: break-spaces; }
}

.mbp2316 { top: calc(-50% + 10px); right: 0px; width: 100%; padding: 0px; position: absolute; font-size: 12px; font-weight: bold; white-space: nowrap; border: none !important; min-width: 50px !important; margin-right: 0px !important; background-color: transparent !important; }

.mbp2316:hover { background-color: inherit; }

@media (max-width: 959.95px) {
  .mbp2316 { white-space: break-spaces; }
}

.mbp2317 { padding: 8px 16px 12px; justify-content: flex-start; }

.mbp2317 .mbp2311 { align-items: flex-start; justify-content: flex-start; }

.mbp2317 .mbp2318 { margin-top: 2px; }

.mbp2317 .mbp2308 { padding: 0px 6px; font-size: 16px; text-align: left; line-height: 17px; text-transform: initial; }

@media only screen and (min-width: 600px) {
  .mbp2317 { padding: 0px 0px 12px 16px; margin-top: 5px; }
  .mbp2317 .mbp2308 { padding: 0px 0px 0px 6px; }
}

.mbp2317:hover { background: transparent; }

.mbp2317 .MuiTouchRipple-child { background: transparent; }

.mbp2317 .MuiButtonBase-root:hover { background-color: transparent; }

@media only screen and (max-width: 640px) and (min-width: 600px) {
  .mbp2317 .mbp2308 { font-size: 15px; }
}

.mbp2318 { height: 15px; }

@media only screen and (max-width: 600px) {
  .mbp2318 svg { width: 15px; }
}

@media (max-width: 599.95px) {
  .mbp2319 { padding: 8px 16px 0px; }
}

.mbp2320 { padding: 8px 0px 0px 24px; }

@media screen and (max-width: 600px) {
  .mbp2320 { padding: 8px 0px 0px 16px; }
}