.breadcrumbs_root__caX3c {
  margin: 0 auto 1.5rem !important;
  max-width: 1400px;
}


@keyframes flickerStyles_flickerAnimation__uwvdf {
  0%   { opacity: 1; }
  50%  { opacity: 0.1; }
  100% { opacity: 1; }
}
.flickerStyles_animateFlicker__-RMQ5 {
  animation: flickerStyles_flickerAnimation__uwvdf 2s infinite;
  height: 8px;
  width: 8px;
  background-color: #00A324;
  border-radius: 50%;
  display: inline-block;
  margin-left: 10px;
}

.orderRefreshSnackbar_refreshButton__M-sZ\+ {
  color: black !important;
}
.orderRefreshSnackbar_refreshButton__M-sZ\+:hover {
  color: #E7942F !important;
}
.flex {
  display: flex;
}

.flex-inline {
  display: inline-flex;
}

.flex-direction-row {
  flex-direction: row;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse;
}

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

.flex-direction-column-reverse {
  flex-direction: column-reverse;
}

.flex-direction-initial {
  flex-direction: initial;
}

.flex-direction-inherit {
  flex-direction: inherit;
}

.flex-direction-unset {
  flex-direction: initial;
}

.flex-flow-column {
  flex-flow: column;
}

.flex-flow-column-reverse {
  flex-flow: column-reverse;
}

.flex-flow-nowrap {
  flex-flow: nowrap;
}

.flex-flow-row {
  flex-flow: row;
}

.flex-flow-row-reverse {
  flex-flow: row-reverse;
}

.flex-flow-wrap {
  flex-flow: wrap;
}

.flex-flow-wrap-reverse {
  flex-flow: wrap-reverse;
}

.flex-flow-initial {
  flex-flow: initial;
}

.flex-flow-inherit {
  flex-flow: inherit;
}

.flex-flow-unset {
  flex-flow: initial;
}

.flex-wrap-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-wrap {
  flex-wrap: wrap;
}

.flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-wrap-initial {
  flex-wrap: initial;
}

.flex-wrap-inherit {
  flex-wrap: inherit;
}

.flex-wrap-unset {
  flex-wrap: initial;
}

.justify-content-flex-start {
  justify-content: flex-start;
}

.justify-content-flex-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-space-between {
  justify-content: space-between;
}

.justify-content-space-evenly {
  justify-content: space-evenly;
}

.justify-content-space-around {
  justify-content: space-around;
}

.justify-content-initial {
  justify-content: initial;
}

.justify-content-inherit {
  justify-content: inherit;
}

.align-items-stretch {
  align-items: stretch;
}

.align-items-center {
  align-items: center;
}

.align-items-flex-start {
  align-items: flex-start;
}

.align-items-flex-end {
  align-items: flex-end;
}

.align-items-baseline {
  align-items: baseline;
}

.align-items-initial {
  align-items: initial;
}

.align-items-inherit {
  align-items: inherit;
}

.flex-grow-one {
  flex: 1 1;
}

/* These breakpoints follow material ui's breakpoints: */
/* https://material-ui.com/customization/breakpoints/#breakpoints */
@media screen and (max-width: 600px) {
  .flex-column-sm {
    flex-direction: column;
  }
  
  .flex-column-sm-full-width {
    width: 100%;
  }

  .flex-column-reverse-sm {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 960px) {
  .flex-column-md {
    flex-direction: column;
  }
  .flex-column-reverse-md {
    flex-direction: column-reverse;
  }
  .flex-wrap-wrap-md {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 1280px) {
  .flex-column-lg {
    flex-direction: column;
  }
  .flex-column-reverse-lg {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 1920px) {
  .flex-column-xl {
    flex-direction: column;
  }
  .flex-column-reverse-xl {
    flex-direction: column-reverse;
  }
}