@keyframes rotate{
 100%{
  transform: rotate(360deg);
 }
}
@keyframes dash{
 0%{
  stroke-dasharray: 2,400px;
  stroke-dashoffset: 0px;
 }
 50%{
  stroke-dasharray: 187px;
  stroke-dashoffset: -92px;
 }
 100%{
  stroke-dasharray: 187px;
  stroke-dashoffset: -185px;
 }
}

body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.pay-at-table:not(.pay-at-table--loaded) #preo-spinner {
  display: none;
}

#preo-spinner {
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 999999;
}

/* #preo-spinner.initializing {
  background-color: rgba(255, 255, 255, 1);
} */

#preo-spinner.hidden {
  display: none !important;
}

#preo-spinner .circular {
  margin: 0px;
  animation: rotate 1.4s linear infinite;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  z-index: 9999999;
}

#preo-spinner .circular .path {
  fill: none;
  stroke-width: 6px;
  stroke-miterlimit: 10;
  stroke-dasharray: 2,400px;
  stroke-dashoffset: 0px;
  animation: dash 1.4s ease-in-out infinite;
  stroke-linecap: round;
}

.WEB_SETTINGS_primaryColourStroke {
  stroke: #0288D1;
}

#preo-spinner .circular .path:not(.WEB_SETTINGS_primaryColourStroke) {
  stroke: #0288D1;
}

#webordersv2 {
  display: none;
}


/*# sourceMappingURL=js/preoday.app.674b3cc424e31cb3b6ee.js.map*/