.z-text--secondary {
  color: var(--color-text-second);
  font-weight: normal;
  font-size: 0.9em;
}
/*
Mobile first!
 */
:root {
  /*
  COLOR
   */
  /* Revi Brand's colors */
  --color-primary: #2020df;
  --color-primary-bg: #ddddfa;
  --color-primary--transparency-99: #2020df99;
  --color-primary--transparency-50: #2020df50;
  --color-primary--opacity-10: #2020df10;
  --color-accent: #ff4f21;
  --color-accent-bg: #ffd74d;
  --color-accent-bg2: #ffe5de;
  --color-bg: #f4f4f4;
  --color-text: #151b25;
  --color-text-second: #6e7781;
  --color-hr: #aeafb590;
  /* Other colors */
  --color-success: #49c2af;
  --color-tooltip-bg: 000648;
  --color-bg-login: #080454;
  /* Not Important Color */
  --color-second: #939393;
  --color-second-bg: #e4e4e4;

  /*
  Sizes
   */
  --size-header: 0px;
  --size-side-bar: 0px;
  --size-top-for-modal-form: 0px;
  /*
  Counters
  */
  counter-reset: form-counter;
}
@media (min-width: 1200px) {
:root {
    /*
    Sizes
     */
    --size-header: 0px;
    --size-side-bar: 14rem;
    --size-top-for-modal-form: 0px;
}
}
.z-clickable:hover {
  cursor: pointer;
}
.z-button {
  min-width: 190px;
  min-height: 3rem;
  background-color: #5471fa;
  color: #fff;
  font-weight: 600;
  border-radius: 1rem;
  border: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.z-button--full-width {
  width: 100%;
}
#app {
  font-family: "Lato", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  margin-top: 20px;
}
.card-body {
  text-align: center;
}
/* === START === General CSS */
html {
}
body {
  font-family: "Lato", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Lato", sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1,
.h1 {
  font-size: 36px;
  text-transform: uppercase;
  font-weight: bold;
}
h2,
.h2 {
  font-size: 28px;
  font-weight: bold;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
.divider {
  max-width: 36px;
  margin-bottom: 12px !important;
  height: 36px;
  position: relative;
  margin: 18px auto 30px auto;
}
.divider:before {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #eee;
  border-top-color: rgba(0, 0, 0, 0.1);
  content: "";
  border-top-color: #fdb515;
  border-top-width: 6px;
}
p {
  font-family: "Lato", sans-serif;
  /* font-size: 24px; */
  font-weight: 500;
}
.lead {
}
@media (min-width: 768px) {
.lead {
}
}
small,
.small {
}
a {
}
a:active,
a:hover {
}
/* = START = Button & Input Styling */
.btn {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.btn.focus,
.btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-primary {
  border: 2px solid #ff9e1b;
  color: #fff;
  background-color: #ff9e1b;
}
.btn-primary:hover {
  border: 2px solid #ff9e1b;
  color: #fff;
  background-color: #ff9e1b;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn.dark:hover {
  color: #ff9e1b;
}
.btn.orange-text {
  color: #ff9e1b;
}
.btn-secondary {
  border: 2px solid #ff9e1b;
  color: #fff;
  background-color: #fefefe24;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-secondary:hover {
  border: 2px solid #ff9e1b;
  color: #fff;
  background-color: #ff9e1b;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #ff9e1b;
  border-color: #ff9e1b;
}
.center-button {
  margin: 0 auto;
  display: block;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
/* END - Button & Input Styling */
/* END - General CSS */
#order-page > nav > a {
  color: inherit;
}
.subtext {
  font: Normal 1.094vw Lato;
  letter-spacing: 0;
  color: #000000;
  opacity: 1;
}
.bold {
  font-weight: bold;
}
.btn {
  text-transform: uppercase;
  min-width: 116px;
}
.btn-ok {
  background: #5471fa 0% 0% no-repeat padding-box;
  border-radius: 23px;
  color: white;
}
.radio span {
  font-size: 1.406vw;
  letter-spacing: 0.15px;
  padding: 2px 25px;
  text-transform: uppercase;
}
.radio input[type="radio"] + span {
  background: #ccd5fe 0% 0% no-repeat padding-box;
  color: #5471fa;
}
.radio input[type="radio"]:checked + span {
  background: #5471fa 0% 0% no-repeat padding-box;
  color: #ffffff;
}


.ztag {
  float: right;
  padding: 0.5rem 2rem;
  border-radius: 1rem;
  font-size: 16px;
  font-weight: bold;
}
.ztag--accent {
  background-color: var(--color-accent);
  color: white;
}
.ztag--accent2 {
  background-color: var(--color-accent-bg);
  color: var(--color-accent);
}
.ztag--primary {
  background-color: var(--color-primary);
  color: white;
}
.ztag--second {
  background-color: #e4e4e4;
  color: #939393;
}


.z-provider-icon[data-v-3e5fd41d] {
  max-height: 3rem;
  max-width: 3rem;
}


.content-container[data-v-821f3ef4] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spinner-container[data-v-821f3ef4] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spinner-border[data-v-821f3ef4] {
}
.opacity-none[data-v-821f3ef4] {
  opacity: 0;
}


p[data-v-201a5a73] {
  font-size: 24px;
}
.mark-as-done-container[data-v-201a5a73] {
  padding-top: 12px;
}

/* .check-cicle {
	background-color: #fff;
	border-radius: 50%;
	width: fit-content;
	width: fit-content;
	margin: 0 auto;
} */
.fa-check-circle[data-v-201a5a73] {
  font-size: 125px;
  color: #32cd32;
}
.p[data-v-201a5a73] {
  margin-bottom: 0px;
  margin-top: 5px;
}
.list-group-item[data-v-201a5a73] {
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0px !important;
  border-bottom: 3px solid rgba(0, 0, 0);
}
.card-body[data-v-201a5a73] {
  min-width: 350px;
  width: 100%;
  max-width: 350px;
  margin-right: 10px;
  margin-bottom: 145px !important;
  border: 8px solid;
  padding: 16px;
}
.card-title[data-v-201a5a73] {
  font-size: 24px !important;
  font-weight: bold;
}
.card-subtitle[data-v-201a5a73] {
  font-size: 16px;
}
ul.list-group.list-group-flush li[data-v-201a5a73] {
  background-color: transparent !important;
}
@media print {
  /* styles go here put printer styling here */
.prettyPrint[data-v-201a5a73] {
    font-size: 24px !important;
}
}
.card-body[data-v-201a5a73] {
  min-width: 350px;
  width: 100%;
  max-width: 350px;
  margin-right: 10px;
  margin-bottom: 145px !important;
  border: 8px solid;
  padding: 16px;
}
.card-body[data-v-201a5a73] {
}
.list-group-item[data-v-201a5a73],
.h5.card-title[data-v-201a5a73],
.h6.card-subtitle[data-v-201a5a73] {
  color: inherit !important;
}

/* END - COLOR SETTING */
.reject-accept[data-v-201a5a73] {
  margin: 2em -1em 0 -1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.button[data-v-201a5a73] {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
}
.button[data-v-201a5a73]:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.button--reject[data-v-201a5a73] {
  color: #fc4857;
}
.button--accept[data-v-201a5a73] {
  color: #5471fa;
}
.item__toppings[data-v-201a5a73] {
  text-align: left;
}
.item__toppings__topping[data-v-201a5a73] {
  font-weight: 500;
  margin-bottom: 0;
}
.item__toppings__topping--accent[data-v-201a5a73] {
  color: #ff4f21;
}


.order-container[data-v-3db395df] {
  background: #ffffff 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  border-radius: 12px;
  opacity: 1;
  margin-bottom: 20px;
  padding: 1.3rem 0.5rem;
}
.order-container-text[data-v-3db395df] {
  text-align: left;
  font: Normal 17px/18px Lato;
  letter-spacing: 0;
  color: #1a1818;
  opacity: 1;
}
p[data-v-3db395df] {
  font-size: 24px;
}
.p[data-v-3db395df] {
  margin-bottom: 0px;
  margin-top: 5px;
}
.list-group-item[data-v-3db395df] {
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0px !important;
  border-bottom: 3px solid rgba(0, 0, 0);
}
.card-body[data-v-3db395df] {
  min-width: 350px;
  width: 100%;
  max-width: 350px;
  margin-right: 10px;
  margin-bottom: 145px !important;
  border: 8px solid;
  padding: 16px;
}
.card-title[data-v-3db395df] {
  font-size: 24px !important;
  font-weight: bold;
}
.card-subtitle[data-v-3db395df] {
  font-size: 16px;
}
ul.list-group.list-group-flush li[data-v-3db395df] {
  background-color: transparent !important;
}
@media print {
  /* styles go here put printer styling here */
.prettyPrint[data-v-3db395df] {
    font-size: 24px !important;
}
}
.card-body[data-v-3db395df] {
  min-width: 350px;
  width: 100%;
  max-width: 350px;
  margin-right: 10px;
  margin-bottom: 145px !important;
  border: 8px solid;
  padding: 16px;
}

/* START - COLOR SETTING */
.card-body[data-v-3db395df] {
}
.list-group-item[data-v-3db395df],
.h5.card-title[data-v-3db395df],
.h6.card-subtitle[data-v-3db395df] {
  color: inherit !important;
}

/* END - COLOR SETTING */


#previous-order[data-v-7319f0a1] {
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  max-width: 296px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2rem auto;
}
.order-container[data-v-7319f0a1] {
  background: #ffffff 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  border-radius: 12px;
  opacity: 1;
  margin-bottom: 20px;
  height: 100px;
}
.order-container-text[data-v-7319f0a1] {
  text-align: left;
  font: Normal 24px/27px Lato;
  letter-spacing: 0;
  color: #1a1818;
  opacity: 1;
}
p[data-v-7319f0a1] {
  font-size: 24px;
}
.p[data-v-7319f0a1] {
  margin-bottom: 0px;
  margin-top: 5px;
}
.list-group-item[data-v-7319f0a1] {
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0px !important;
  border-bottom: 3px solid rgba(0, 0, 0);
}
.card-body[data-v-7319f0a1] {
  width: 100%;
  margin-right: 10px;
  margin-bottom: 145px !important;
  border: 8px solid;
  padding: 16px;
}
.card-title[data-v-7319f0a1] {
  font-size: 24px !important;
  font-weight: bold;
}
.card-subtitle[data-v-7319f0a1] {
  font-size: 16px;
}
ul.list-group.list-group-flush li[data-v-7319f0a1] {
  background-color: transparent !important;
}
@media print {
  /* styles go here put printer styling here */
.prettyPrint[data-v-7319f0a1] {
    font-size: 24px !important;
}
}

/* START - COLOR SETTING */
.card-body[data-v-7319f0a1] {
  /* LIGHT */
  /*background-color: #fff;*/
  /* DARK */
  /*background-color: #333;*/
  /* SEPIA */
  /*background-color: #EDD1B0;*/
}
.list-group-item[data-v-7319f0a1],
.h5.card-title[data-v-7319f0a1],
.h6.card-subtitle[data-v-7319f0a1] {
  color: inherit !important;
}

/* END - COLOR SETTING */

























































































































/* Copy CSS */
.card-body[data-v-52d6f0be] {
  min-height: 300px;
  min-width: 300px;
  max-width: 300px;
  margin-right: 5px;
}
.loader[data-v-52d6f0be] {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin-data-v-52d6f0be 2s linear infinite;
          animation: spin-data-v-52d6f0be 2s linear infinite;
}
@-webkit-keyframes spin-data-v-52d6f0be {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-data-v-52d6f0be {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}


.button-text[data-v-2bfd0573] {
  font: Bold 17px/18px Lato;
  letter-spacing: 0.26px;
  color: #ffffff;
  opacity: 1;
  padding-top: 16px;
}
p.icon-text + img[data-v-2bfd0573] {
  display: block;
  margin: auto;
}
.send-button[data-v-2bfd0573] {
  background: #5471fa 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  border-radius: 40px;
  opacity: 1;
  height: 53px;
  width: 147px;
  text-align: center;
  cursor: pointer;
}
.log-out-button[data-v-2bfd0573] {
  background-color: crimson;
}
.icon-text[data-v-2bfd0573] {
  text-align: center;
  font: Normal 16px/18px Lato;
  letter-spacing: 0;
  color: #0f1010;
  opacity: 1;
}
.icon-center[data-v-2bfd0573] {
  display: block;
  margin: auto;
}
.item-title[data-v-2bfd0573] {
  text-align: left;
  font: Normal 16px/18px Lato;
  letter-spacing: 0;
  color: #5471fa;
  opacity: 1;
  padding-top: 0.5em;
}
.menu-title[data-v-2bfd0573] {
  height: 70px;
  border-top: 0.5px solid #18223a;
  text-align: left;
  padding-top: 15px;
}
.sidenav[data-v-2bfd0573] {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  -webkit-transition: 0.2s;
  transition: 0.2s; /* 0.5 second transition effect to slide in the sidenav */
  background: #ffffff 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
}

/* The navigation menu links */
.sidenav a[data-v-2bfd0573] {
  text-decoration: none;
  color: #818181;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a[data-v-2bfd0573]:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn[data-v-2bfd0573] {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main[data-v-2bfd0573] {
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
.sidenav[data-v-2bfd0573] {
    padding-top: 15px;
}
.sidenav a[data-v-2bfd0573] {
    font-size: 18px;
}
}


.custom-input-style[data-v-4b4ec026] {
  background: None;
  border: None;
  outline: None;
  border-bottom: 1px solid black;
}
.heading-custom[data-v-4b4ec026] {
  text-align: left;
  text-decoration: underline;
  font: Normal 21px/26px Lato;
  letter-spacing: 0;
  color: #1a1818;
  opacity: 1;
}
.heading-select-all[data-v-4b4ec026] {
  text-align: right;
  text-decoration: underline;
  font: Normal 21px/27px Lato;
  letter-spacing: 0;
  color: #5471fa;
  opacity: 1;
}
.item-style[data-v-4b4ec026] {
  text-align: left;
  font: Normal 20px/25px Lato;
  letter-spacing: 0;
  color: #1a1818;
  opacity: 1;
}
.item-price[data-v-4b4ec026] {
  text-align: right;
  font: Normal 21px/27px Lato;
  letter-spacing: 0;
  color: #1a1818;
  opacity: 1;
}
.checkBoxStyle[data-v-4b4ec026] {
  background: #49c2af 0% 0% no-repeat padding-box;
  opacity: 1;
}
.send-button[data-v-4b4ec026] {
  background: #5471fa 0% 0% no-repeat padding-box;
  border-radius: 40px;
  opacity: 1;
  max-width: 117px;
  height: 53px;
}
.send-button-text[data-v-4b4ec026] {
  text-align: center;
  font: Bold 17px/18px Lato;
  letter-spacing: 0.39px;
  color: #ffffff;
  opacity: 1;
  padding-top: 20px;
}
.cancel-text[data-v-4b4ec026] {
  text-align: center;
  text-decoration: underline;
  font: Bold 17px/18px Lato;
  letter-spacing: 0.39px;
  color: #989b9e;
  opacity: 1;
  padding-top: 20px;
}
.input-text[data-v-4b4ec026] {
  text-align: left;
  background: None;
  border: None;
  border-bottom: 1px solid black;
  outline: None;
  padding-bottom: 20px;
}
input[type="text"][data-v-4b4ec026] {
  text-align: left;
  font: Normal 32px/27px Lato;
  letter-spacing: 0;
  color: #5471fa;
  opacity: 1;
}
.heading-1[data-v-4b4ec026] {
  text-align: left;
  font: Bold 21px/26px Lato;
  letter-spacing: 0;
  color: #1a1818;
  text-transform: capitalize;
  opacity: 1;
}
.heading-2[data-v-4b4ec026] {
  text-align: left;
  padding-top: 3em;
  font: Normal 14px/18px Lato;
  letter-spacing: 0;
  color: #000000;
  opacity: 1;
}

:scope {
  --opsi-btn-width: 63px;
}

.order-page-settings-item {
  width: 100%;
  min-height: 70px;
  -webkit-box-shadow: 0 0 5px #999;
          box-shadow: 0 0 5px #999;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.order-page-settings-item-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.order-page-settings-item-text {
  color: #1a1818;
  min-width: 270px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 20px;
  font-weight: bold;
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.order-page-settings-item-label {
  width: 170px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  padding: 0 20px 0 10px;
}

.order-page-settings-item-button {
  position: relative;
  left: 3px;
  min-width: var(--opsi-btn-width);
  border-radius: 0 3px 3px 0;
  background-color: #d3d5dd;
  -webkit-box-shadow: 0 0 3px #999;
          box-shadow: 0 0 3px #999;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0LjE2NyIgaGVpZ2h0PSIxNi42NjYiIHZpZXdCb3g9IjAgMCA0LjE2NyAxNi42NjYiPjxwYXRoIGQ9Ik02NDEuODQyLDg3Ni41NDJhMi4wMTQsMi4wMTQsMCwxLDEsLjYyNS0xLjQ1OEEyLjA1NiwyLjA1NiwwLDAsMSw2NDEuODQyLDg3Ni41NDJabS0yLjkxNywzLjMzM2EyLjAxNCwyLjAxNCwwLDEsMS0uNjI1LDEuNDU4QTIuMDU2LDIuMDU2LDAsMCwxLDYzOC45MjUsODc5Ljg3NVptMCw2LjI1YTIuMDE0LDIuMDE0LDAsMSwxLS42MjUsMS40NThBMi4wNTYsMi4wNTYsMCwwLDEsNjM4LjkyNSw4ODYuMTI1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYzOC4zIC04NzMpIi8+PC9zdmc+) no-repeat center, #d6d6d6;
  cursor: pointer;
  height: 100%;
}

/*avialable*/

.order-page-settings-item-label-0 {
  color: #18223a;
}

/*out of stock*/

.order-page-settings-item-label-1 {
  color: #fc4857;
}

/*unavailable*/

.order-page-settings-item-label-2 {
  color: #bcbec6;
}

/* ===> EXPANDED PANEL */

.order-page-settings-item-panel {
  position: absolute;
  -webkit-transition: 0.1s all;
  transition: 0.1s all;
  width: 0;
  height: 0;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.order-page-settings-item-panel-expanded {
  -webkit-transition: 0.1s all;
  transition: 0.1s all;
  width: calc(100% - var(--opsi-btn-width) + 3px);
  opacity: 1;
}

.order-page-settings-item-panel-button {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  border: 1px solid #5471fa;
  color: #5471fa;
  background-color: #fff;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.order-page-settings-item-panel-button-active {
  color: #ffffff;
  background-color: #5471fa;
}

.settings-modal-wrap {
  width: calc(100% + 60px);
  height: calc(100vh + 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  left: -30px;
  top: -30px;
  text-align: left;
}

.settings-modal {
  background-color: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 0 0 5px #ccc;
          box-shadow: 0 0 5px #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 35px 37px 31px 50px;
  color: #000;
  width: 580px;
  font-family: Manrope;
}

.settings-modal-title {
  line-height: 41px;
  font-size: 30px;
  font-weight: bold;
}

.settings-modal-comment {
  font-size: 16px;
  margin-top: 16px;
}

.settings-modal-input-wrap {
  margin-top: 16px;
}

.settings-modal-input {
  width: 74px;
  border: 1px solid #0a1e42;
  color: #00000099;
  border-radius: 4px;
  padding: 9px 0 9px 16px;
}

.settings-modal-label {
  font-size: 16px;
  line-height: 40px;
  margin-left: 20px;
  font-weight: bold;
}

.settings-modal-buttons {
  margin-top: 20px;
  text-align: right;
}

.settings-modal-buttons-save,
.settings-modal-buttons-cancel {
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  min-width: 116px;
  border: none;
  cursor: pointer;
  padding: 15px 0;
  border-radius: 30px;
  min-height: 53px;
}

.settings-modal-buttons-cancel {
  color: #bcbec6;
  background-color: transparent;
}

.settings-modal-buttons-save {
  background-color: #5471fa;
}

.order-page-settings {
  width: 1000px;
  background-color: white !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

.order-page-settings .switch-button {
  font-size: 12px;
  text-transform: uppercase;
}

.order-page-settings .active {
  background-color: orange;
  color: white;
}

.order-page-settings button.current-orders {
  margin-right: 16px;
}

.order-page-settings .card-body {
  min-height: 300px;
  min-width: 300px;
  max-width: 300px;
  margin-right: 5px;
}

.order-page-settings .loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* Added CSS */

/* START Nav */

.order-page-settings nav {
  min-height: 80px;
  background-color: transparent !important;
}

.order-page-settings nav h3 {
  margin: 0px;
}

.order-page-settings .menu-button {
  font-size: 36px;
  padding: 0 24px;
}

/* END NAV */

.order-page-settings .order-container {
  height: calc(100vh - 80px);
  max-width: 100%;
  padding: 0 64px;
}

.order-page-settings button {
  height: 36px;
  font-weight: bold;
}

/* Start - Display Setting */

.order-page-settings .settings-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.order-page-settings .setting-section-title {
  text-align: center;
  padding: 24px 0 16px 0;
  margin-bottom: 16px;
}

.order-page-settings .setting-card {
  background: #ffffff;
  margin-bottom: 16px;
  padding: 16px;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.order-page-settings .menu-item-title,
.order-page-settings .topping-item-title {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #464646;
}

.order-page-settings .setting-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
  font-weight: 600;
  font-size: 24px;
  line-height: normal;
  color: #464646;
}

.order-page-settings .custom-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  font-weight: bold;
  font-size: 1.125em;
}

/* END  - Display Setting */

/* START - BUTTON */

.order-page-settings .btn-toggle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* END - BUTTON */

/* START - SEARCH */

.order-page-settings-search {
  width: calc(100% + 20px);
  margin-left: -10px;
  padding: 30px 0px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS4zMjIiIGhlaWdodD0iMjUuNDY3IiB2aWV3Qm94PSIwIDAgMjUuMzIyIDI1LjQ2NyI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2JjYmVjNjt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yMS4wODcsMTE2Ni4zNjFsNy4yMzUsNy4yMzUtMi4xNywyLjE3MS03LjIzNS03LjIzNXYtMS4xNThsLS40MzQtLjQzNGE5LjIwNSw5LjIwNSwwLDAsMS02LjA3NywyLjE3LDguNzM4LDguNzM4LDAsMCwxLTYuNjU2LTIuNzQ5QTkuNTQzLDkuNTQzLDAsMCwxLDMsMTE1OS43MDVhOC43MzksOC43MzksMCwwLDEsMi43NDktNi42NTYsOS41NDMsOS41NDMsMCwwLDEsNi42NTYtMi43NDksOC45NTcsOC45NTcsMCwwLDEsNi42NTYsMi43NDksOS41NDMsOS41NDMsMCwwLDEsMi43NDksNi42NTYsOS4yMDUsOS4yMDUsMCwwLDEtMi4xNyw2LjA3N2wuNDM0LjQzNGgxLjAxM1pNNy43NzUsMTE2NC40OGE2LjExMiw2LjExMiwwLDAsMCw0LjYzLDEuODgxLDYuMzMzLDYuMzMzLDAsMCwwLDQuNjMtMS44ODEsNi42MzksNi42MzksMCwwLDAsMC05LjI2LDYuMTEyLDYuMTEyLDAsMCwwLTQuNjMtMS44ODEsNi4zMzQsNi4zMzQsMCwwLDAtNC42MywxLjg4MSw2LjExMiw2LjExMiwwLDAsMC0xLjg4MSw0LjYzQTYuNjkzLDYuNjkzLDAsMCwwLDcuNzc1LDExNjQuNDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMyAtMTE1MC4zKSIvPjwvZz48L3N2Zz4=) right 10px center no-repeat,
    transparent;
}

.order-page-settings-search-input {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid #bcbec6;
  font-size: 16px;
  color: #1a1818;
  padding: 10px 50px 10px 10px;
}

/* END - SEARCH */

/* START - COLOR Setting */

.order-page-settings div#order-page-settings {
  /* LIGHT */
  background-color: #f9f9fb;
  /* DARK */
  background-color: #333;
  /* SEPIA */
  background-color: #dedede;

  /* FONT - LIGHT */
  color: #000;
  /* FONT - DARK */
  color: #e5e5e5;
  /* FONT - SEPIA */
  color: #000;
}

/* END - COLOR SETTING */

.vue__time-picker{display:inline-block;position:relative;font-size:1em;width:10em;font-family:sans-serif;vertical-align:middle}.vue__time-picker *{-webkit-box-sizing:border-box;box-sizing:border-box}.vue__time-picker input.display-time{border:1px solid #d2d2d2;width:10em;height:2.2em;padding:.3em .5em;font-size:1em}.vue__time-picker input.has-custom-icon{padding-left:1.8em}.vue__time-picker input.display-time.invalid:not(.skip-error-style){border-color:#c03;outline-color:#c03}.vue__time-picker input.display-time.disabled,.vue__time-picker input.display-time:disabled{color:#d2d2d2}.vue__time-picker .controls{position:absolute;top:0;bottom:0;right:0;z-index:3;-webkit-box-orient:horizontal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;pointer-events:none}.vue__time-picker .controls,.vue__time-picker .controls>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.vue__time-picker .controls>*{cursor:pointer;width:auto;-webkit-box-orient:vertical;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .35em;color:#d2d2d2;line-height:100%;font-style:normal;pointer-events:auto;-webkit-transition:color .2s,opacity .2s;transition:color .2s,opacity .2s}.vue__time-picker .controls>:hover{color:#797979}.vue__time-picker .controls>:active,.vue__time-picker .controls>:focus{outline:0}.vue__time-picker .controls .char{font-size:1.1em;line-height:100%;-webkit-margin-before:-.15em}.vue__time-picker .custom-icon{z-index:2;position:absolute;left:0;top:0;bottom:0;width:1.8em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}.vue__time-picker .controls img,.vue__time-picker .controls svg,.vue__time-picker .custom-icon img,.vue__time-picker .custom-icon svg{display:inline-block;vertical-align:middle;margin:0;border:0;outline:0;max-width:1em;height:auto}.vue__time-picker .time-picker-overlay{z-index:4;position:fixed;top:0;left:0;right:0;bottom:0}.vue__time-picker-dropdown,.vue__time-picker .dropdown{position:absolute;z-index:5;top:calc(2.2em + 2px);left:0;background:#fff;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.15);box-shadow:0 1px 6px rgba(0,0,0,.15);width:10em;height:10em;font-weight:400}.vue__time-picker-dropdown{position:fixed;z-index:100}.vue__time-picker-dropdown.drop-up,.vue__time-picker .dropdown.drop-up{top:auto;bottom:calc(2.2em + 1px)}.vue__time-picker-dropdown .select-list,.vue__time-picker .dropdown .select-list{width:10em;height:10em;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.vue__time-picker-dropdown .select-list:active,.vue__time-picker-dropdown .select-list:focus,.vue__time-picker .dropdown .select-list:active,.vue__time-picker .dropdown .select-list:focus{outline:0}.vue__time-picker-dropdown ul,.vue__time-picker .dropdown ul{padding:0;margin:0;list-style:none;outline:0;-webkit-box-flex:1;-ms-flex:1 1 0.00001px;flex:1 1 0.00001px;overflow-x:hidden;overflow-y:auto}.vue__time-picker-dropdown ul.apms,.vue__time-picker-dropdown ul.minutes,.vue__time-picker-dropdown ul.seconds,.vue__time-picker .dropdown ul.apms,.vue__time-picker .dropdown ul.minutes,.vue__time-picker .dropdown ul.seconds{border-left:1px solid #fff}.vue__time-picker-dropdown ul li,.vue__time-picker .dropdown ul li{list-style:none;text-align:center;padding:.3em 0;color:#161616}.vue__time-picker-dropdown ul li:not(.hint):not([disabled]):focus,.vue__time-picker-dropdown ul li:not(.hint):not([disabled]):hover,.vue__time-picker .dropdown ul li:not(.hint):not([disabled]):focus,.vue__time-picker .dropdown ul li:not(.hint):not([disabled]):hover{background:rgba(0,0,0,.08);color:#161616;cursor:pointer}.vue__time-picker-dropdown ul li:not([disabled]).active,.vue__time-picker-dropdown ul li:not([disabled]).active:focus,.vue__time-picker-dropdown ul li:not([disabled]).active:hover,.vue__time-picker .dropdown ul li:not([disabled]).active,.vue__time-picker .dropdown ul li:not([disabled]).active:focus,.vue__time-picker .dropdown ul li:not([disabled]).active:hover{background:#41b883;color:#fff}.vue__time-picker-dropdown ul li[disabled],.vue__time-picker-dropdown ul li[disabled]:hover,.vue__time-picker .dropdown ul li[disabled],.vue__time-picker .dropdown ul li[disabled]:hover{background:transparent;opacity:.3;cursor:not-allowed}.vue__time-picker-dropdown .hint,.vue__time-picker .dropdown .hint{color:#a5a5a5;cursor:default;font-size:.8em}

.unavailable-text[data-v-465830a6] {
  font: Normal 1.2vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
  padding-top: 1vw;
}
.change-text[data-v-465830a6] {
  text-align: left;
  font: Normal 0.99vw Proxima Nova;
  letter-spacing: 0;
  color: #5471fa;
  padding-top: 1vw;
}
.timepicker-style[data-v-465830a6] {
  border: none !important;
  outline: none;
  font: Bold 0.99vw Proxima Nova;
}
.error-text[data-v-465830a6] {
  font: Normal 0.833vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
  text-align: left;
}
.btn-cancel[data-v-465830a6] {
  background-color: white;
  border: 3px solid #5471fa;
  border-radius: 7px;
  height: 3.385vw;
  width: 6.615vw;
  color: #5471fa;
}
.btn-save[data-v-465830a6] {
  background: #5471fa 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 3px 6px #5471fa3d;
          box-shadow: 0px 3px 6px #5471fa3d;
  border-radius: 7px;
  height: 3.385vw;
  width: 6.615vw;
  color: white;
}
.flex-center[data-v-465830a6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-title[data-v-465830a6] {
  text-align: left;
  font: Bold 1.65vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
}
.sub-header[data-v-465830a6] {
  text-align: left;
  font: Normal 1.25vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
}
.listed-topping-active[data-v-465830a6] {
  font-size: 0.8em;
  color: black;
}
.listed-topping[data-v-465830a6] {
  font-size: 0.8em;
  color: gray;
}
.header-label[data-v-465830a6] {
  text-align: center;
  font: Bold 32px/39px Proxima Nova;
  letter-spacing: 0;
  color: #000000;
  opacity: 1;
}
.heading-div[data-v-465830a6] {
  background: #ffffff 0% 0% no-repeat padding-box;
}
.no-left-padding[data-v-465830a6] {
  padding-left: 0;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #bfbfbf;
}
.flex-center[data-v-465830a6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.number-input[data-v-465830a6] {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: None;
  border-bottom: 1px solid black;
  padding-left: 1vw;
  outline: None;
  width: 4vw;
}
.search-input[data-v-465830a6] {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: None;
  outline: None;
  width: 23.344vw;
  height: 4.063vw;
}
.search-input-text[data-v-465830a6] {
  text-align: left;
  font: Bold 0.99vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
  padding-top: 1vw;
}
.price-input[data-v-465830a6] {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: None;
  outline: None;
  width: 4vw;
  height: 4.063vw;
}
.price-input-text[data-v-465830a6] {
  text-align: right;
  font: Regular 0.99vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
}
.modal-backdrop[data-v-465830a6] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal[data-v-465830a6] {
  background: #ffffff;
  -webkit-box-shadow: 2px 2px 20px 1px;
          box-shadow: 2px 2px 20px 1px;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 40.458vw;
  height: 27.594vw;
  top: 20%;
  left: 35%;
}
.modal-header[data-v-465830a6],
.modal-footer[data-v-465830a6] {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
}
.modal-header[data-v-465830a6] {
  color: black;
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal-footer[data-v-465830a6] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal-body[data-v-465830a6] {
  position: relative;
  padding: 20px 10px;
}
.btn-close[data-v-465830a6] {
  border: none;
  font-size: 20px;
  padding: 20px;
  cursor: pointer;
  font-weight: bold;
  color: #4aae9b;
  background: transparent;
}
.btn-green[data-v-465830a6] {
  color: white;
  background: #4aae9b;
  border: 1px solid #4aae9b;
  border-radius: 2px;
}


.unavailable-text[data-v-857e0b1a] {
  font: Normal 1.2vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
  padding-top: 1vw;
}
.change-text[data-v-857e0b1a] {
  text-align: left;
  font: Normal 0.99vw Proxima Nova;
  letter-spacing: 0;
  color: #5471fa;
  padding-top: 1vw;
}
.timepicker-style[data-v-857e0b1a] {
  border: none !important;
  outline: none;
  font: Bold 0.99vw Proxima Nova;
}
.error-text[data-v-857e0b1a] {
  font: Normal 0.833vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
  text-align: left;
}
.btn-cancel[data-v-857e0b1a] {
  background-color: white;
  border: 3px solid #5471fa;
  border-radius: 7px;
  height: 3.385vw;
  width: 6.615vw;
  color: #5471fa;
}
.btn-save[data-v-857e0b1a] {
  background: #5471fa 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 3px 6px #5471fa3d;
          box-shadow: 0px 3px 6px #5471fa3d;
  border-radius: 7px;
  height: 3.385vw;
  width: 6.615vw;
  color: white;
}
.flex-center[data-v-857e0b1a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-title[data-v-857e0b1a] {
  text-align: left;
  font: Bold 1.65vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
}
.sub-header[data-v-857e0b1a] {
  text-align: left;
  font: Normal 0.95vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
}
.listed-topping-active[data-v-857e0b1a] {
  font-size: 0.8em;
  color: black;
}
.listed-topping[data-v-857e0b1a] {
  font-size: 0.8em;
  color: gray;
}
.header-label[data-v-857e0b1a] {
  text-align: center;
  font: Bold 32px/39px Proxima Nova;
  letter-spacing: 0;
  color: #000000;
  opacity: 1;
}
.heading-div[data-v-857e0b1a] {
  background: #ffffff 0% 0% no-repeat padding-box;
}
.no-left-padding[data-v-857e0b1a] {
  padding-left: 0;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #bfbfbf;
}
.flex-center[data-v-857e0b1a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.number-input[data-v-857e0b1a] {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: None;
  border-bottom: 1px solid black;
  padding-left: 1vw;
  outline: None;
  width: 4vw;
}
.search-input[data-v-857e0b1a] {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: None;
  border-bottom: 1px solid black;
  outline: None;
}
.search-input-text[data-v-857e0b1a] {
  text-align: left;
  font: Bold 0.99vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
  padding-top: 1vw;
}
.price-input[data-v-857e0b1a] {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: None;
  outline: None;
  width: 4vw;
  height: 4.063vw;
}
.price-input-text[data-v-857e0b1a] {
  text-align: right;
  font: Regular 0.99vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
}
.modal-backdrop[data-v-857e0b1a] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal[data-v-857e0b1a] {
  background: #ffffff;
  -webkit-box-shadow: 2px 2px 20px 1px;
          box-shadow: 2px 2px 20px 1px;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 30.458vw;
  height: 25.594vw;
  top: 20%;
  left: 40%;
}
.modal-header[data-v-857e0b1a],
.modal-footer[data-v-857e0b1a] {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
}
.modal-header[data-v-857e0b1a] {
  color: black;
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 2vw;
  padding-top: 1.5vw;
}
.modal-footer[data-v-857e0b1a] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal-body[data-v-857e0b1a] {
  position: relative;
  padding: 20px 10px;
  padding-left: 2.5vw;
}
.btn-close[data-v-857e0b1a] {
  border: none;
  font-size: 20px;
  padding: 20px;
  cursor: pointer;
  font-weight: bold;
  color: #4aae9b;
  background: transparent;
}
.btn-green[data-v-857e0b1a] {
  color: white;
  background: #4aae9b;
  border: 1px solid #4aae9b;
  border-radius: 2px;
}


.unavailable-text[data-v-184ec4c6] {
  font: Normal 1.2vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
  padding-top: 1vw;
}
.change-text[data-v-184ec4c6] {
  text-align: left;
  font: Normal 0.99vw Proxima Nova;
  letter-spacing: 0;
  color: #5471fa;
  padding-top: 1vw;
}
.timepicker-style[data-v-184ec4c6] {
  border: none !important;
  outline: none;
  font: Bold 0.99vw Proxima Nova;
}
.error-text[data-v-184ec4c6] {
  font: Normal 0.833vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
  text-align: left;
}
.btn-cancel[data-v-184ec4c6] {
  background-color: white;
  border: 3px solid #5471fa;
  border-radius: 7px;
  height: 3.385vw;
  width: 6.615vw;
  color: #5471fa;
}
.btn-save[data-v-184ec4c6] {
  background: #5471fa 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 3px 6px #5471fa3d;
          box-shadow: 0px 3px 6px #5471fa3d;
  border-radius: 7px;
  height: 3.385vw;
  width: 6.615vw;
  color: white;
}
.flex-center[data-v-184ec4c6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-title[data-v-184ec4c6] {
  text-align: left;
  font: Bold 1.65vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
}
.sub-header[data-v-184ec4c6] {
  text-align: left;
  font: Normal 0.95vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
}
.listed-topping-active[data-v-184ec4c6] {
  font-size: 0.8em;
  color: black;
}
.listed-topping[data-v-184ec4c6] {
  font-size: 0.8em;
  color: gray;
}
.header-label[data-v-184ec4c6] {
  text-align: center;
  font: Bold 32px/39px Proxima Nova;
  letter-spacing: 0;
  color: #000000;
  opacity: 1;
}
.heading-div[data-v-184ec4c6] {
  background: #ffffff 0% 0% no-repeat padding-box;
}
.no-left-padding[data-v-184ec4c6] {
  padding-left: 0;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #bfbfbf;
}
.flex-center[data-v-184ec4c6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.number-input[data-v-184ec4c6] {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: None;
  border-bottom: 1px solid black;
  padding-left: 1vw;
  outline: None;
  width: 4vw;
}
.search-input[data-v-184ec4c6] {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: None;
  border-bottom: 1px solid black;
  outline: None;
}
.search-input-text[data-v-184ec4c6] {
  text-align: left;
  font: Bold 0.99vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
  padding-top: 1vw;
}
.price-input[data-v-184ec4c6] {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: None;
  outline: None;
  width: 4vw;
  height: 4.063vw;
}
.price-input-text[data-v-184ec4c6] {
  text-align: right;
  font: Regular 0.99vw Proxima Nova;
  letter-spacing: 0;
  color: #000000;
}
.modal-backdrop[data-v-184ec4c6] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal[data-v-184ec4c6] {
  background: #ffffff;
  -webkit-box-shadow: 2px 2px 20px 1px;
          box-shadow: 2px 2px 20px 1px;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 30.458vw;
  height: 25.594vw;
  top: 20%;
  left: 40%;
}
.modal-header[data-v-184ec4c6],
.modal-footer[data-v-184ec4c6] {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
}
.modal-header[data-v-184ec4c6] {
  color: black;
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 2vw;
  padding-top: 1.5vw;
}
.modal-footer[data-v-184ec4c6] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal-body[data-v-184ec4c6] {
  position: relative;
  padding: 20px 10px;
  padding-left: 2.5vw;
}
.btn-close[data-v-184ec4c6] {
  border: none;
  font-size: 20px;
  padding: 20px;
  cursor: pointer;
  font-weight: bold;
  color: #4aae9b;
  background: transparent;
}
.btn-green[data-v-184ec4c6] {
  color: white;
  background: #4aae9b;
  border: 1px solid #4aae9b;
  border-radius: 2px;
}


.loader[data-v-568cefee] {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin-data-v-568cefee 2s linear infinite;
          animation: spin-data-v-568cefee 2s linear infinite;
  display: block;
  margin: 0px auto;
}
@-webkit-keyframes spin-data-v-568cefee {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-data-v-568cefee {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}


.content-container[data-v-14104d51] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spinner-container[data-v-14104d51] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spinner-border[data-v-14104d51] {
}
.opacity-none[data-v-14104d51] {
  opacity: 0;
}


.z-close-icon[data-v-2c7a6905] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4uYXtmaWxsOiM2ZTc3ODE7fTwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJhIgogICAgICAgIGQ9Ik0zODguNiw4NzUuNCwzODMsODgxbDUuNiw1LjYtMS40LDEuNC01LjYtNS42TDM3Niw4ODhsLTEuNC0xLjQsNS42LTUuNi01LjYtNS42TDM3Niw4NzRsNS42LDUuNiw1LjYtNS42WiIKICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc0LjYgLTg3NCkiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  -ms-flex-line-pack: center;
      align-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1px;
}

.z-modal-form {
  overflow-y: auto;
  width: 100vw;
  position: fixed;
  top: var(--size-top-for-modal-form);
  height: calc(100vh - var(--size-top-for-modal-form));
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 999;
}
.z-modal-form--forms {
  z-index: 12;
}
.z-modal-form--on-top {
  top: 0;
  height: 100vh;
}
.z-modal-form--on-top .modal-form {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.z-modal-form__background {
  position: fixed;
  top: var(--size-top-for-modal-form);
  bottom: 0;
  left: 0;
  right: 0;
  background: #6e7781 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  opacity: 0.3;
  z-index: 13;
}
.z-modal-form__content {
  position: fixed;
  height: calc(100vh - var(--size-top-for-modal-form));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #ffffff;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  border-radius: 24px 0px 0px 24px;
  opacity: 1;
  overflow-y: auto;
  padding: 1rem 2rem;
  z-index: 14;
}
.z-modal-form__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.z-modal-form__top-buttons {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.z-modal-form__top-buttons > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.z-modal-form__top-buttons__icons {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.z-modal-form__top-buttons__icons > * {
  margin-left: 1rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.z-modal-form__top-buttons__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.z-modal-form__top-buttons__buttons > *:not(:first-child) {
  margin-left: 2rem;
}

/* Big screens */
@media (min-width: 576px) {
.z-modal-form__content {
    padding: 1.5rem 3rem;
}
.z-modal-form__top-buttons__icons > * {
    margin-left: 1.5rem;
}
}

/* Medium screens */
@media (max-width: 1199.99px) {
.z-modal-form {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}
.z-modal-form__content {
    border-radius: 0;
    width: 100%;
}
}
.z-modal-form__entity-id {
  color: var(--color-text-second);
  text-align: center;
  margin-bottom: 1.5rem;
  font-size: 0.8rem;
}
.modal-form {
  padding: 3rem 1.75rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 8px #4060e324;
          box-shadow: 0 2px 8px #4060e324;
  border-radius: 24px;
  /* Must be the same as z-modal-form__content */
  z-index: 14;
}
.modal-form--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 576px) {
.modal-form {
    padding: 2.5rem;
}
}

/*
Transitions
 */
.modal-fade-enter,
.modal-fade-leave-active {
  opacity: 0;
}
.modal-fade-enter-active,
.modal-fade-leave-active {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}


input[data-v-1d2206b4] {
  max-width: 74px;
  max-height: 34px;
}
.edit-button[data-v-1d2206b4] {
  font-size: 13px;
}
*[data-v-1d2206b4] {
  text-align: initial;
}


p[data-v-d368bdc8] {
  text-align: initial;
  font: Normal 1.094vw Lato;
  letter-spacing: 0px;
}
span.value[data-v-d368bdc8] {
  text-align: left;
  font: normal normal medium 19px/26px Manrope;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
*[data-v-d368bdc8] {
  text-align: initial;
}


.order-wait-time[data-v-20026fe2] {
  position: fixed;
  top: 80%;
  left: 90%;
  z-index: 10;
  font: normal bold 20px/22px Poppins;
  letter-spacing: 0;
}
.orders[data-v-20026fe2] {
  width: 112px;
  height: 110px;
  background-color: white;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  border-radius: 12px;
  opacity: 1;
  z-index: 100;
  position: absolute;
  color: #5471fa;
}
.number[data-v-20026fe2] {
  font: normal bold 32px/22px Poppins;
}
.wait-time[data-v-20026fe2] {
  position: absolute;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  border-radius: 12px;
  opacity: 1;
  background-color: #5471fa;
  width: 112px;
  height: 110px;
  z-index: 99;
  margin-top: 30px;
  /* Fonts */
  text-align: center;
  color: #ffffff;
}


.availability__recommendations {
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem;
}
.day__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.day__hours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
}
.day__hours__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  min-height: 40px;
}
.day__hours__container__picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.day__hours__buttons {
  font-size: 1.4rem;
}
.day__hours__buttons__add {
  color: var(--color-primary);
}
.day__hours__buttons__remove {
  color: var(--color-text-second);
}
.day__hours__buttons:hover {
  color: var(--color-primary);
}
.day__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
a.open-button {
  color: var(--color-primary);
}
a.close-button {
  color: var(--color-text-second);
}


input[data-v-1036ad79] {
  max-width: 74px;
  max-height: 34px;
}
.edit-button[data-v-1036ad79] {
  font-size: 13px;
}
.hide-on-small-screen[data-v-1036ad79] {
  display: none;
}
@media (min-width: 423px) {
.hide-on-small-screen[data-v-1036ad79] {
    display: initial;
}
}


input[data-v-e7849396] {
  max-width: 74px;
  max-height: 34px;
}
.edit-button[data-v-e7849396] {
  font-size: 13px;
}
.hide-on-small-screen[data-v-e7849396] {
  display: none;
}
@media (min-width: 423px) {
.hide-on-small-screen[data-v-e7849396] {
    display: initial;
}
}


input[data-v-694a1637] {
  max-width: 74px;
  max-height: 34px;
}
.edit-button[data-v-694a1637] {
  font-size: 13px;
}
.hide-on-small-screen[data-v-694a1637] {
  display: none;
}
@media (min-width: 423px) {
.hide-on-small-screen[data-v-694a1637] {
    display: initial;
}
}
select.inline[data-v-694a1637] {
  border: none !important;
  width: 100%;
  min-width: 200px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: #ffffff;
  color: #00000f;
  font-size: calc(10px + (9) * ((100vw - 1200px) / (1980 - 1200)));
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI3LjQiIHZpZXdCb3g9IjAgMCAxMiA3LjQiPgogIDxwYXRoIGlkPSJwYXRoIiBkPSJNNDYwLjEsODc3LjZsMS40LDEuNC02LDYtNi02LDEuNC0xLjQsNC42LDQuNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NDkuNSAtODc3LjYpIiBmaWxsPSIjYmNiZWM2Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 50%;
  /*border: 1px solid #dfdfdf;*/
  border-radius: 2px;
  margin: 0 0 0 2rem;
}


p[data-v-6991725a] {
  text-align: initial;
  font: Normal 1.094vw Lato;
  letter-spacing: 0px;
}
*[data-v-6991725a] {
  text-align: initial;
}


.vhr[data-v-2c3f8d44] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  width: 4em;
}
.vhr__line[data-v-2c3f8d44] {
  border: none;
  border-left: 2px solid #bcbec6;
  width: 1px;
}
.vhr__text[data-v-2c3f8d44] {
  color: #bcbec6;
  -webkit-writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: tb-rl;
  font-weight: bold;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
}

/* The switch - the box around the slider */
.switch[data-v-6df86082] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin: 0;
}
/* Hide default HTML heckbox */
.switch input[data-v-6df86082] {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.slider[data-v-6df86082] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider[data-v-6df86082]:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider[data-v-6df86082] {
  background-color: #2196f3;
}
input:focus + .slider[data-v-6df86082] {
  -webkit-box-shadow: 0 0 1px #2196f3;
          box-shadow: 0 0 1px #2196f3;
}
input:checked + .slider[data-v-6df86082]:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}
.slider.round[data-v-6df86082] {
  border-radius: 34px;
}
.slider.round[data-v-6df86082]:before {
  border-radius: 50%;
}
.color-mode-title[data-v-6df86082] {
  text-align: left;
  font: Bold 1.406vw Lato;
  letter-spacing: 0;
  color: #0f1010;
  opacity: 1;
}
.option-text[data-v-6df86082] {
  text-align: left;
  font: Normal 1.094vw Lato;
  letter-spacing: 0;
  color: #000000;
  opacity: 1;
}

/* The switch - the box around the slider */
.switch[data-v-b2a05ba4] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin: 0;
}
/* Hide default HTML heckbox */
.switch input[data-v-b2a05ba4] {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.slider[data-v-b2a05ba4] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider[data-v-b2a05ba4]:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider[data-v-b2a05ba4] {
  background-color: #2196f3;
}
input:focus + .slider[data-v-b2a05ba4] {
  -webkit-box-shadow: 0 0 1px #2196f3;
          box-shadow: 0 0 1px #2196f3;
}
input:checked + .slider[data-v-b2a05ba4]:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}
.slider.round[data-v-b2a05ba4] {
  border-radius: 34px;
}
.slider.round[data-v-b2a05ba4]:before {
  border-radius: 50%;
}
.availablity-text[data-v-b2a05ba4] {
  text-align: left;
  font: Bold 1.094vw Lato;
  letter-spacing: 0px;
}
.time-text[data-v-b2a05ba4] {
  text-align: left;
  font: Normal 1.094vw Lato;
  letter-spacing: 0px;
}
.edit-text[data-v-b2a05ba4] {
  text-align: right;
  text-decoration: underline;
  font: Normal 1.094vw Lato;
  letter-spacing: 0px;
  color: #5471fa;
}
.online-ordering-label[data-v-b2a05ba4] {
  text-align: right;
  font: Bold 1.406vw Lato;
  letter-spacing: 0px;
}
.online-ordering-label-beta[data-v-b2a05ba4] {
  text-align: right;
  font: Bold 0.938vw Lato;
  letter-spacing: 0px;
  color: #5471fa;
}
.action-confirmation[data-v-b2a05ba4] {
  background: #5471fa 0% 0% no-repeat padding-box;
  border-radius: 12px 0px 0px 12px;
  opacity: 1;
  height: 67px;
  width: 167px;
  margin-top: 5.8em;
  margin-left: 14em;
}
.action-confirmation-text[data-v-b2a05ba4] {
  padding-left: 1.8em;
  padding-top: 0.7em;
  width: 85px;
  text-align: left;
  font: Bold 18px/19px Proxima Nova;
  letter-spacing: 0;
  color: #f6f7fb;
  opacity: 1;
}
.background-screen[data-v-b2a05ba4] {
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 1;
}
.order-action-content[data-v-b2a05ba4] {
  text-align: center;
  font: Bold 15px/8px Proxima Nova;
  letter-spacing: 0;
  color: #5471fa;
  opacity: 1;
  padding-top: 25px;
}
.color-mode-title[data-v-b2a05ba4] {
  text-align: left;
  font: Bold 1.406vw Lato;
  letter-spacing: 0;
  color: #0f1010;
  opacity: 1;
}
.order-action[data-v-b2a05ba4] {
  background: #ffffff 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  height: 54px;
  width: 144px;
}
.search-orders[data-v-b2a05ba4] {
  background: None;
  border: None;
  outline: None;
  padding-bottom: 20px;
  border-bottom: 0.5px solid black;
  margin-bottom: 1em;
}
input[type="text"][data-v-b2a05ba4] {
  text-align: left;
  font: Normal 32px/40px Lato;
  letter-spacing: 0;
  color: #1a1818;
  opacity: 1;
}
.history-label[data-v-b2a05ba4] {
  text-align: left;
  font: Bold 26px/27px Lato;
  letter-spacing: 0;
  color: #1a1818;
  opacity: 1;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-left: 150px;
}
.history-label-no-previous[data-v-b2a05ba4] {
  text-align: left;
  font: Normal 2vw Lato;
  letter-spacing: 0;
  color: #1a1818;
  opacity: 1;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-left: 150px;
}
p[data-v-b2a05ba4] {
  font-size: 24px;
}
.card-body[data-v-b2a05ba4] {
  min-height: 300px;
  min-width: 300px;
  max-width: 300px;
  margin-right: 5px;
}
.loader[data-v-b2a05ba4] {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin-data-v-b2a05ba4 2s linear infinite;
          animation: spin-data-v-b2a05ba4 2s linear infinite;
}
.table-title[data-v-b2a05ba4] {
  text-align: left;
  font: Bold 1.354vw Proxima Nova;
  letter-spacing: 0;
  color: #1a1818;
  opacity: 1;
}
.table-info[data-v-b2a05ba4] {
  text-align: right;
  font: Normal 1.354vw Proxima Nova;
  letter-spacing: 0;
  color: #1a1818;
  opacity: 1;
  background-color: white;
}
.settings-title[data-v-b2a05ba4] {
  text-align: left;
  font: Normal 32px/40px Lato;
  letter-spacing: 0;
  color: #1a1818;
  opacity: 1;
}
.order-detail-header[data-v-b2a05ba4] {
  text-align: center;
  font: Bold 21px/26px Lato;
  letter-spacing: 0;
  color: #1a1818;
  text-transform: capitalize;
  opacity: 1;
  padding-bottom: 2em;
}
@-webkit-keyframes spin-data-v-b2a05ba4 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-data-v-b2a05ba4 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.option-text[data-v-b2a05ba4] {
  text-align: left;
  font: Normal 1.094vw Lato;
  letter-spacing: 0;
  color: #000000;
  opacity: 1;
}
/* Added CSS */
/* START Nav */
nav[data-v-b2a05ba4] {
  min-height: 80px;
  background-color: transparent !important;
}
nav h2[data-v-b2a05ba4] {
  margin: 0px;
}
.menu-button[data-v-b2a05ba4] {
  font-size: 36px;
  padding: 0 24px;
}
/* END NAV */
.order-container[data-v-b2a05ba4] {
  height: calc(100vh - 80px);
  max-width: 100%;
  margin-top: 80px;
  background-color: white;
}
button[data-v-b2a05ba4] {
  height: 36px;
  font-weight: bold;
}
div#order-page[data-v-b2a05ba4] {
  height: 100vh;
  width: 1280px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
td[data-v-b2a05ba4],
th[data-v-b2a05ba4] {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  font: Normal 26px/27px Proxima Nova;
  letter-spacing: 0;
  color: #1a1818;
  opacity: 1;
}
/* START - COLOR Setting */
div#order-page[data-v-b2a05ba4] {
  /*LIGHT */
  /*background-color: #f9f9fb;*/
  /*DARK */
  /*background-color: #333;*/
  /*SEPIA */
  /*background-color: #dedede;*/

  /*FONT - LIGHT */
  /*color: #000;*/
  /*FONT - DARK */
  /*color: #e5e5e5;*/
  /*FONT - SEPIA */
  /*color: #000;*/
}
/* END - COLOR SETTING */
/* START - Radio Buttons */
.radio-container[data-v-b2a05ba4] {
  text-align: left;
}
.radio[data-v-b2a05ba4] {
  margin: 5px;
}
.radio input[type="radio"][data-v-b2a05ba4] {
  position: absolute;
  opacity: 0;
}
.radio span[data-v-b2a05ba4] {
  border-radius: 23px;
  opacity: 1;
  text-align: left;
  letter-spacing: 0.15px;
  padding: 10px 25px;
  text-transform: uppercase;
}
.radio input[type="radio"] + span[data-v-b2a05ba4] {
  background: #ccd5fe 0% 0% no-repeat padding-box;
  color: #5471fa;
}
.radio input[type="radio"]:checked + span[data-v-b2a05ba4] {
  background: #5471fa 0% 0% no-repeat padding-box;
  color: #ffffff;
}
/* END - Radio Buttons */
.red-circle[data-v-b2a05ba4] {
  text-align: center !important;
  font: normal normal bold 22px/22px Manrope;
  letter-spacing: 0;
  color: #ffffff;
  opacity: 1;
  padding: 5px 0 0 !important;
  background-color: #fa4d5cff;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
}
.order-card--nonactive[data-v-b2a05ba4] {
  opacity: 0.5;
}


.logo[data-v-970b64f4] {
  width: 120px;
  -webkit-transition: 0.1s all;
  transition: 0.1s all;
  border: none;
  content: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEwMCI+DQoJPGRlZnM+DQoJCTxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO29wYWNpdHk6MDt9LmNscy0ye2ZpbGw6I2ZmNGYyMTt9PC9zdHlsZT4NCgk8L2RlZnM+DQoJPGcgZGF0YS1uYW1lPSJMYXllciAyIiBpZD0iTGF5ZXJfMiI+DQoJCTxyZWN0IGNsYXNzPSJjbHMtMSIgaGVpZ2h0PSIxMDAiIHdpZHRoPSIyMDAiLz4NCgkJPGcgaWQ9ImdyYXBoaWNzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUgLTE1KSBzY2FsZSgxLjIpIj4NCgkJCTxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEwMi4zNCw2Mi4xNGMtNC41Myw0LjE2LTExLDUuMzEtMTUuMDksMi43Myw1Ljg2LTMuNTIsMjEuNDktMTQuMTksMjEuNDktMTQuMTlhMzIsMzIsMCwwLDAtMS0zLjIxYy0uMzQtLjgxLTMuMjMtOC0xMC0xMC43OGExNS40MiwxNS40MiwwLDAsMC0xMi40NS41MSwxOS43NCwxOS43NCwwLDAsMC03LjA2LDUuNDZjLTMuNTUsNC40MS01LjEzLDExLjI2LTQuMjcsMTcuNDhhMTcuNiwxNy42LDAsMCwwLDcuNzMsMTIuNjNjNy44NCw1LjI0LDE5LjI5LDMuNzcsMjcuMjMtMy41MVpNODUuMTgsNDguOTJjNC4wOC02Ljg1LDEwLjEzLTMuNiwxMS40NS0xLjI4LTMuMzYsMi4yMi04LjI2LDUuMjYtMTMuMjksOC4zQTE1LjIxLDE1LjIxLDAsMCwxLDg1LjE4LDQ4LjkyWiIvPg0KCQkJPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTM5Ljg3LDM4LjI1djBhMTQuMiwxNC4yLDAsMCwxLC4yMiwzLjMyLDI3LjMyLDI3LjMyLDAsMCwxLS42Nyw0LjU5QzEzOCw1Mi4zMiwxMzEuNzIsNjIuMDksMTI5LDYyLjYyYTIuNDUsMi40NSwwLDAsMSwwLS4yN3YtLjA3YzEuMjQtOS41OCwyLjIxLTE3LjE2LTIuNjItMjIuMS0xLjU2LTEuNjEtNS4yOC00LjE5LTEyLjQ0LTMuNDNsLTEuMjEuMTMtMS4xNiwxMSwyLS4zOGExNC41MSwxNC41MSwwLDAsMSwzLjU1LS4zLDIuNDIsMi40MiwwLDAsMSwyLjI0LDIuMjJjLjI2LDIuOTItLjQ0LDguMzMtLjg3LDExLjU4bDAsLjQyYy0xLDcuMjguNDUsMTEuNzUsNC4zLDEzLjI4YTkuNCw5LjQsMCwwLDAsMy41Mi43LDEwLjI0LDEwLjI0LDAsMCwwLDMuNjgtLjc1YzYuMTUtMi4zMiwxNi43Ny0xMi45MiwxOS44OC0yNmEzNywzNywwLDAsMCwxLTYuODksMjUuMywyNS4zLDAsMCwwLS4xMS0zLjQ4SDEzOS44N1oiLz4NCgkJCTxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMTY0Ljc4IiBjeT0iMjcuMjMiIHI9IjcuMDgiLz4NCgkJCTxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE2NS4wOCw2Ni4xNWMtMS0xLjQ2LDEuMTgtMTMsMi43NS0yMC42NmwxLjUxLTcuMjdIMTU3LjA3bC0xLDQuODdjLTMuOTMsMTkuMy00LjkzLDI1LjY3LjIsMzEuMjFhMTIuMzIsMTIuMzIsMCwwLDAsMS4xMiwxbDEuNjYsMS40MkwxNjcuODQsNjhBNi4yMyw2LjIzLDAsMCwxLDE2NS4wOCw2Ni4xNVoiLz4NCgkJCTxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTU5LjY5LDU3QTIzLDIzLDAsMCwwLDcyLDM5LjM2YzEuMTYtMTEuMTItNi45LTIwLjEzLTE4LTIwLjEzcy0yMS4wNyw5LTIyLjI0LDIwLjEzYzAsLjM0LS4wNi42OC0uMDgsMSwwLC4xNy0uMDYuMzQtLjA4LjUxTDMxLDQ2LjQ2Yy0yLjQ2LS4zNy00LjU0LTEuMDgtNS43OC0yLjQ3bC05LjU0LDguNmMzLjY5LDQuMTQsOC44Nyw1LjU5LDE0LDYuMTVMMjguMTQsNzMuMzJoMTJsMS40OC0xNC4wOGEyMy44OSwyMy44OSwwLDAsMSwzLjc4LjQ3Yy44OC4yMSwyLjA4LDIsMy4yMywzLjc3LDMuMTQsNC43NSw3Ljg5LDExLjkzLDIwLjY2LDExLjkzbDEuMjktMTIuMTlDNjQuMzIsNjMuMjIsNjIuMTUsNjAuNjYsNTkuNjksNTdabS04LTlINDIuOGwuOTMtOC44OGExMC4xMSwxMC4xMSwwLDAsMSw5LjgyLTguODgsNy44NSw3Ljg1LDAsMCwxLDgsOC44OEExMC4xMSwxMC4xMSwwLDAsMSw1MS42OCw0OFoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvc3ZnPg==);
}
.caption[data-v-970b64f4] {
  top: 30px;
  left: 20px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.caption p[data-v-970b64f4] {
  text-align: center;
  color: #757575;
  font-size: 2vw;
  margin-left: 1rem;
  margin-bottom: 0;
}


.body[data-v-080f673a] {
  padding-top: 10em;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.406vw;
}
.onboarding-stages-inside[data-v-080f673a] {
  background-color: #e6e6e6;
}
section#login[data-v-080f673a] {
  max-width: 360px;
}
section#login .container-fluid[data-v-080f673a] {
  background: #ffffff;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 16px;
}
input[data-v-080f673a],
button[data-v-080f673a] {
  width: 100%;
  background-color: #e6e6e6;
  border-radius: 3px;
  font-size: 1.406vw;
  height: 36px;
}
input[data-v-080f673a] {
  border: 1px solid #ced4da;
  padding: 6px;
  margin: 0 0 8px 0;
}
button[data-v-080f673a]:focus,
input[data-v-080f673a]:focus {
  outline-color: #0c7dff;
}
.error[data-v-080f673a] {
  text-align: center;
  color: #ff0c0c;
  margin-top: 3%;
}
.outlined-red[data-v-080f673a] {
  /* outline-color: #ff0c0c; */
  border-radius: 4px;
  border: 3px solid #ff0c0c;
}
button[data-v-080f673a] {
  background-color: #395bff;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  /* border-radius: 0px; */
  border: 0px solid #395bff;
  border-radius: 3px;
}
.clicked[data-v-080f673a] {
  background-color: #395aff57;
  outline: none;
}
.tab-content > .tab-pane[data-v-080f673a] {
  display: none;
}
.tab-content > .active[data-v-080f673a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 300px;
}
.login-nav[data-v-080f673a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.login-nav-link[data-v-080f673a] {
  display: block;
}
.login-nav-tabs[data-v-080f673a] {
  border-bottom: none;
}
.login-nav-item[data-v-080f673a] {
  padding-left: 1%;
  padding-right: 1%;
}
.login-nav-item a[data-v-080f673a] {
  background: #ccd5fe 0% 0% no-repeat padding-box;
  color: #5471fa;
  border-radius: 23px;
  opacity: 1;
  text-align: left;
  text-decoration: none;
  letter-spacing: 0.15px;
  padding: 10px 25px;
  text-transform: uppercase;
}
.login-nav-link.active[data-v-080f673a],
.login-nav-item.show .login-nav-link[data-v-080f673a] {
  background: #5471fa 0% 0% no-repeat padding-box;
  color: #ffffff;
}


.body[data-v-553e3072] {
  padding-top: 10em;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.406vw;
  text-align: center;
}
.menu[data-v-553e3072]
/* layout main menu */ {
  clear: both;
  float: left;
  margin-top: 1em;
  padding-bottom: 1em;
  width: 100%;
  background-color: gimgrey;
  background-repeat: no-repeat;
}
ul.menu[data-v-553e3072] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: 0em;
}
.menu li[data-v-553e3072] {
  margin: 3px;
  background: #ccd5fe 0% 0% no-repeat padding-box;
  color: #5471fa;
  border-radius: 23px;
  opacity: 1;
  text-decoration: none;
  letter-spacing: 0.15px;
  padding: 10px 25px;
  text-transform: uppercase;
  min-width: 300px;
  cursor: pointer;
}
.menu li a[data-v-553e3072] {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  padding: 0.7em 1em 0.7em 1em;
}
.menu li.active a[data-v-553e3072]
/* active menu item style */ {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}
.menu li.active[data-v-553e3072] {
  background: #5470fa9f 0% 0% no-repeat padding-box;
  color: #ffffff;
}

@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity 150ms ease-out;transition:opacity 150ms ease-out}.fade-enter,.fade-leave-to{opacity:0}.v-notices{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;top:0;bottom:0;left:0;right:0;padding:2em;overflow:hidden;z-index:1052;pointer-events:none}.v-notices .v-toast{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation-duration:150ms;animation-duration:150ms;margin:.5em 0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:0 1px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:.25em;pointer-events:auto;opacity:.92;color:#fff;min-height:3em;cursor:pointer}.v-notices .v-toast .v-toast-text{margin:0;padding:.5em 1em;word-break:break-word}.v-notices .v-toast .v-toast-icon{display:none}.v-notices .v-toast-success{background-color:#28a745}.v-notices .v-toast-info{background-color:#17a2b8}.v-notices .v-toast-warning{background-color:#ffc107}.v-notices .v-toast-error{background-color:#dc3545}.v-notices .v-toast-default{background-color:#343a40}.v-notices .v-toast.is-top,.v-notices .v-toast.is-bottom{-ms-flex-item-align:center;align-self:center}.v-notices .v-toast.is-top-right,.v-notices .v-toast.is-bottom-right{-ms-flex-item-align:end;align-self:flex-end}.v-notices .v-toast.is-top-left,.v-notices .v-toast.is-bottom-left{-ms-flex-item-align:start;align-self:flex-start}.v-notices.is-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.v-notices.is-bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.v-notices.is-custom-parent{position:absolute}@media screen and (max-width: 768px){.v-notices{padding:0;position:fixed !important}}