.btn-round {
  height: 25px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  width: 25px;
  /* margin-bottom: 8px; */
}

.table-fixed {
  table-layout: fixed;
}

.nav-pills .nav-link {
  border-radius: 0rem;
  width: inherit;
}

.scroll-spy {
  background-color: aliceblue;
  padding-left: 0px;
  padding-right: 0px;
}

.scroll-spy h6 {
  font-size: 14px;
}

* {
  box-sizing: border-box;
}

.icon-container {
  float: left;
  position: relative;
}

.icon-overlay {
  float: left;
  position: absolute;
  background: rgb(0, 0, 0);
  background: rgba(255, 0, 0, 0.5);
  /* Black see-through */
  color: #f1f1f1;
  width: 60px;
  transition: 0.5s ease;
  opacity: 1;
  color: white;
  font-size: 10px;
  text-align: center;
  bottom: 0px;
  right: 5px;
}

.delivery-address {
  display: none;
}

.close-absolute-right {
  position: absolute;
  right: 1rem;
}

.opening-hours-table {
  font-size: 14px;
}

.table-responsive {
  max-height: 300px;
}

/* MAP CSS - START*/

#map {
  height: 100vh;
}

/* .location-picker .center-marker {
    position: absolute;
    background: url('data:image/png;base64,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') no-repeat;
    background-size: 100%;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-left: -14px;
    margin-top: -43px;
    height: 44px;
    width: 28px;
    cursor: pointer;
  }
  */

.speech-bubble {
  position: absolute;
  border-radius: 4px 4px 4px 4px;
  filter: drop-shadow(-1px -1px 2px rgba(0, 0, 0, 0.1))
    drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.15));
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  background: #007bff;
  color: rgb(255, 255, 255);
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-left: -98px;
  margin-top: -88px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  display: none;
}

.speech-bubble h6 {
  font-size: small;
  font-weight: bold;
  margin-bottom: 0rem;
}

.speech-bubble p {
  font-size: 12px;
  margin-bottom: 0rem;
}

.location-picker .center-marker {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #89849b;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -38px 0 0 -15px;
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
  z-index: 1;
}

.location-picker .center-marker:after {
  content: '';
  width: 14px;
  height: 14px;
  background: #2f2f2f;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  margin-left: -7px;
  margin-top: -7px;
}

.marker-pulse {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: rotateX(55deg);
  margin-top: -8px;
  margin-left: -7px;
  z-index: 1;
}

.marker-pulse:after {
  content: '';
  border-radius: 50%;
  height: 40px;
  width: 40px;
  left: 50%;
  top: 50%;
  position: absolute;
  margin: -20px 0 0 -20px;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  box-shadow: 0 0 1px 2px #89849b;
  animation-delay: 1.1s;
  z-index: 1;
}

@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@-o-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@-moz-keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}

@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}

@-o-keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}

/* MAP CSS - END*/

.outlet-name {
  z-index: 1;
  padding: 1rem;
}

.outlet-info {
  padding: 1rem;
  box-shadow: 0px 5px 6px 1px rgba(0, 0, 0, 0.1);
  background-color: white;
}

.outlet-info h4 {
  margin-bottom: 0.2rem;
}

.outlet-info p {
  margin: 0rem;
  font-size: 14px;
}

.outlet-opening-hours {
  display: inline-flex;
  font-size: 14px;
}

.hr-primary {
  max-width: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 3px solid #007bff;
}

body {
  margin-bottom: 57px;
}

.menu-background {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
  color: #fff;
  z-index: 1;
}

.menu-background:before {
  content: '';
  /* background: rgba(0, 0, 0, 0.4); */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 70%,
    rgba(0, 0, 0, 0.4) 100%
  );
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.sticky-offset {
  top: 62px;
}

.anchor {
  scroll-margin-top: 72px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Chrome */
  /* .myClass {
   color:red;
  } */

  /* Safari only override */
  ::i-block-chrome,
  .anchor {
    padding-top: 72px;
    margin-top: -72px;
  }
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
  .sticky-offset {
    top: 82px;
  }
  .anchor {
    scroll-margin-top: 88px;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    ::i-block-chrome,
    .anchor {
      padding-top: 88px;
      margin-top: -88px;
    }
  }
}
@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

.loading-modal {
  background: rgba(0, 0, 0, 0.5);
}

.pac-container {
  z-index: 1100 !important;
}

.google-map-search-box {
  font-size: '1rem';
  background-color: '#fff';
  margin-top: '8px';
  margin-left: '8px';
  border-radius: '.25rem';
  box-shadow: '0 1px 4px rgba(0,0,0,0.3)';
  border: '1px solid #ced4da';
  outline: 'none';
  padding-left: '8px';
  padding-right: '8px';
  padding-bottom: '4px';
  padding-top: '4px';
  display: none;
}

#delivery-charges {
  display: none;
}

.fill-available {
  width: 100%;
}

.borderless td,
.borderless th {
  border: none;
}

.menu-fab {
  position: fixed;
  left: 50%;
  transform: translate(-50%);
  bottom: 2rem;
  z-index: 1021;
}

.menu-modal-dialog {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  max-height: 60%;
  pointer-events: none;
}

.modal.fade-menu .modal-dialog {
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transform: translate(0, 100vh);
}

.modal.show .modal-dialog {
  transform: none;
}