.shadowed {
  box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.4);
}
/*@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
//** Large `.form-control` height
@input-height-large: (ceil(@font-size-lg * @line-height-large) + (@padding-large-vertical * 2) + 2);
//** Small `.form-control` height
@input-height-small: (floor(@font-size-sm * @line-height-small) + (@padding-small-vertical * 2) + 2);*/
.flex-between {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.flex-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.flex-start {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.inline-flex-start {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.flex-end {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.flex-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}
.flex-top {
  display: flex;
  flex-wrap: wrap;
}
.flex-column-start {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
}
.no-wrap {
  flex-wrap: nowrap !important;
}
.text-wrap {
  overflow-wrap: break-word !important;
}
input.error,
select.error,
textarea.error,
.form-control.error {
  color: #FF3737;
}
.invalid-field {
  color: #FF3737;
}
.text-justify {
  text-align: justify !important;
}
.bg-danger {
  color: #FF3737;
  background-color: rgba(255, 55, 55, 0.3) !important;
}
.bg-warning {
  color: #f0ad4e;
  background-color: rgba(240, 173, 78, 0.3) !important;
}
.bg-success {
  color: #3EA985;
  background-color: rgba(62, 169, 133, 0.3) !important;
}
.bg-dark {
  color: #111516;
  background-color: rgba(17, 21, 22, 0.3) !important;
}
.bg-white {
  color: #FDFDFD;
  background-color: rgba(253, 253, 253, 0.3) !important;
}
.text-danger {
  color: #FF3737;
}
.text-warning {
  color: #f0ad4e;
}
.text-success {
  color: #3EA985;
}
.text-primary {
  color: var(--web-theme-primary);
}
.text-primary:hover {
  color: var(--web-theme-primary-hover);
}
.text-dark {
  color: #111516;
}
.text-white {
  color: #FDFDFD;
}
.mw-25 {
  max-width: 25% !important;
}
.mw-50 {
  max-width: 50% !important;
}
.mw-75 {
  max-width: 75% !important;
}
.mw-100 {
  max-width: 100% !important;
}
.p-2 {
  padding: calc(1rem * 0.75) !important;
}
.p-3 {
  padding: 1rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.ms-1 {
  margin-left: calc(1rem * 0.5) !important;
}
.ms-2 {
  margin-left: calc(1rem * 0.75) !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.section-title {
  color: #706B76;
  font-size: calc(1rem * 1.125);
}
.page-section {
  margin-top: calc(1rem * 2);
}
.page-section:first-of-type {
  margin-top: 0;
}
.page-section .section-title {
  font-family: "Lato", "Open Sans", sans-serif;
  font-size: calc(1rem * 1.125);
  font-weight: 700;
  color: #706B76;
  margin-bottom: calc(1rem * 1.25);
}
.page-subtitle {
  color: #706B76;
  font-size: 1rem;
}
.info-block {
  font-size: calc(1rem * 0.875);
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body {
  /* Focus styles for keyboard accessibility */
  /*Exceptional cases*/
  /* Respect Windows High Contrast / Forced Colors */
}
body a:focus,
body button:focus,
body input:focus,
body select:focus,
body textarea:focus,
body [role="button"]:focus,
body [tabindex]:not([tabindex="-1"]):focus {
  outline: 2px solid #93C1FF;
  outline-offset: 2px;
}
body a:focus:not(:focus-visible),
body button:focus:not(:focus-visible),
body input:focus:not(:focus-visible),
body select:focus:not(:focus-visible),
body textarea:focus:not(:focus-visible),
body [role="button"]:focus:not(:focus-visible),
body [tabindex]:not([tabindex="-1"]):focus:not(:focus-visible) {
  outline: none;
}
body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible,
body [role="button"]:focus-visible,
body [tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 2px solid #93C1FF !important;
  outline-offset: 2px !important;
}
body .nav-categorylist a:focus,
body .dropdown-menu a:focus,
body .dropdown-menu button:focus,
body .nav-categorylist a:focus-visible,
body .dropdown-menu a:focus-visible,
body .dropdown-menu button:focus-visible {
  outline: 2px solid #93C1FF !important;
  outline-offset: 2px !important;
  box-shadow: inset 0 0 0 2px #93C1FF;
  /* visible even if outline gets clipped */
}
@media (forced-colors: active) {
  body a:focus,
  body button:focus,
  body input:focus,
  body select:focus,
  body textarea:focus,
  body [role="button"]:focus,
  body [tabindex]:not([tabindex="-1"]):focus,
  body a:focus-visible,
  body button:focus-visible,
  body input:focus-visible,
  body select:focus-visible,
  body textarea:focus-visible,
  body [role="button"]:focus-visible,
  body [tabindex]:not([tabindex="-1"]):focus-visible {
    outline: 2px solid Highlight !important;
    outline-offset: 2px !important;
  }
}
.popover {
  --bs-popover-bg: #fff;
  font-weight: 400;
}
.popover.success {
  --bs-popover-bg: #cfeae1;
  --bs-popover-header-bg: var(--bs-popover-bg);
}
.popover.success h6 {
  color: #3EA985;
}
.popover .popover-body {
  padding: calc(1rem * 0.5) !important;
  text-align: center;
}
.popover .popover-body h6 {
  margin-bottom: calc(1rem * 0.5);
}
.popover .popover-body * {
  margin: 0;
}
.loader-wrapper {
  display: none;
  z-index: 1;
  height: calc(1rem * 0.75);
  margin: calc(1rem * 1.75) 0;
}
.loader-wrapper .loader {
  position: absolute;
  width: calc(1rem * 0.75);
  height: calc(1rem * 0.75);
  background: var(--web-theme-primary);
  border-radius: 50%;
  z-index: 1500;
  animation: forward 2.3s linear infinite;
}
.loader-wrapper .loader:nth-of-type(1) {
  animation-delay: -0.46s;
}
.loader-wrapper .loader:nth-of-type(2) {
  animation-delay: -0.92s;
}
.loader-wrapper .loader:nth-of-type(3) {
  animation-delay: -1.38s;
}
.loader-wrapper .loader:nth-of-type(4) {
  animation-delay: -1.84s;
}
@keyframes forward {
  0% {
    left: 40%;
    opacity: 0;
    background: var(--web-theme-primary-light-90);
  }
  10% {
    left: 45%;
    opacity: 1;
  }
  90% {
    left: 55%;
    opacity: 1;
  }
  100% {
    left: 62%;
    opacity: 0;
  }
}
.form-label {
  display: inline-block;
}
.form-label.required:after {
  content: '*';
  color: #FF3737;
  padding-left: 2px;
}
.form-control {
  border-color: #EBEAEA;
  border-radius: calc(1rem * 0.5);
  line-height: 1.375;
  height: auto !important;
}
.form-control:focus,
.form-control:hover,
.form-control:active {
  border-color: var(--web-theme-primary);
  box-shadow: none;
}
.form-control:disabled,
.form-control.disabled,
.form-control[disabled],
.form-control[readonly],
.form-control.readonly {
  background-color: #E2E2EA !important;
  border-color: #E2E2EA !important;
  box-shadow: none;
  cursor: auto;
  pointer-events: none;
}
.form-group-checkbox label {
  cursor: pointer;
}
.form-group-checkbox label input[type="checkbox"] {
  display: none;
}
.form-group-checkbox label input[type="checkbox"]:checked + .checkbox-block {
  border: none;
}
.form-group-checkbox label input[type="checkbox"]:checked:disabled + .checkbox-block {
  opacity: 0.5;
}
.form-group-checkbox label input[type="checkbox"]:disabled + .checkbox-block {
  opacity: 0.5;
}
.form-group-checkbox label input[type="checkbox"]:after {
  content: '';
  display: table;
  clear: both;
}
.form-group-checkbox label .checkbox-block {
  position: relative;
  display: inline-block;
  border: 1px solid #6A6A6A;
  border-radius: 4px;
  width: calc(1rem * 1.25);
  height: calc(1rem * 1.25);
  float: left;
  margin-right: calc(1rem * 0.5);
}
.form-group-checkbox label .label-checkbox {
  display: table;
}
.checkbox-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
}
.checkbox-container .spanText {
  margin-left: 0.5rem;
  font-weight: normal;
}
.form-group-radio label {
  cursor: pointer;
}
.form-group-radio label input[type="radio"] {
  display: none;
}
.form-group-radio label input[type="radio"]:checked + .checkbox-block {
  border: none;
}
.form-group-radio label input[type="radio"]:checked:disabled + .checkbox-block {
  opacity: 0.5;
}
.form-group-radio label input[type="radio"]:disabled + .checkbox-block {
  opacity: 0.5;
}
.form-group-radio label input[type="radio"]:after {
  content: '';
  display: table;
  clear: both;
}
.form-group-radio label .checkbox-block {
  position: relative;
  display: inline-block;
  border: 1px solid #6A6A6A;
  border-radius: calc(1rem * 0.75);
  width: 1rem;
  height: 1rem;
  float: left;
  margin-right: calc(1rem * 0.5);
}
.btn-link {
  display: inline-block;
  border: 1px solid #EBEAEA;
  padding: 4px 6px;
  border-radius: 4px;
}
.btn-link:focus,
.btn-link:active,
.btn-link:hover {
  border-color: var(--web-theme-primary);
}
.dropdown-menu .dropdown-item {
  color: #000 !important;
}
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover {
  background-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1) !important;
  color: #000 !important;
}
select.form-select {
  appearance: none;
  border: 1px solid #EBEAEA;
}
select.form-select:hover,
select.form-select:active,
select.form-select:focus {
  border-color: var(--web-theme-primary);
  box-shadow: 0 1px 1px rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.08), 0 0 8px rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.6);
}
select.form-select:disabled,
select.form-select.disabled,
select.form-select[disabled] {
  background-color: #E2E2EA;
  border-color: #E2E2EA;
  cursor: auto;
  pointer-events: none;
}
a.icon-link {
  color: #111516;
  cursor: pointer;
  text-decoration: none;
}
a.icon-link:hover,
a.icon-link:active,
a.icon-link:focus,
a.icon-link.active {
  color: var(--web-theme-primary);
}
a.icon-link:disabled,
a.icon-link.disabled,
a.icon-link[disabled] {
  color: #E2E2EA;
  cursor: auto;
  pointer-events: none;
}
a.std-link {
  color: var(--web-theme-primary);
  text-decoration: none;
}
a.std-link:hover,
a.std-link:active,
a.std-link:focus {
  color: var(--web-theme-primary-hover);
}
a.std-link:disabled,
a.std-link.disabled,
a.std-link[disabled] {
  color: #E2E2EA;
  cursor: auto;
  pointer-events: none;
}
a:hover,
a:active,
a:focus {
  color: inherit;
  outline: none;
}
.pagination-wrapper .pagination {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.pagination-wrapper .pagination li {
  margin: 0 calc(1rem * 0.75);
}
.pagination-wrapper .pagination li a {
  display: inline-block;
  color: #000;
  text-decoration: none;
}
.pagination-wrapper .pagination li a:hover {
  color: var(--web-theme-primary);
}
.pagination-wrapper .pagination li:first-child,
.pagination-wrapper .pagination li:last-child {
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  line-height: 1;
}
.pagination-wrapper .pagination li:first-child.disabled,
.pagination-wrapper .pagination li:last-child.disabled {
  pointer-events: none;
  cursor: default;
}
.pagination-wrapper .pagination li:first-child a,
.pagination-wrapper .pagination li:last-child a {
  width: 2rem;
  height: 2rem;
}
.pagination-wrapper .pagination li:first-child a span,
.pagination-wrapper .pagination li:last-child a span {
  line-height: 0;
  font-size: 0;
  color: transparent;
}
.pagination-wrapper .pagination li:last-child {
  transform: scaleX(-1);
}
.pagination-wrapper .pagination li.active a {
  color: var(--web-theme-primary);
  text-decoration: none;
}
.alert p {
  margin: 0 !important;
}
.form-check {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}
.form-check .form-check-input {
  float: none;
  flex-shrink: 0;
  margin: 0;
  margin-right: calc(1rem * 0.5);
}
.form-check .form-check-input:focus,
.form-check .form-check-input:active,
.form-check .form-check-input:hover {
  box-shadow: none;
}
.form-check .form-check-input:checked {
  background-color: var(--web-theme-primary);
  border-color: var(--web-theme-primary);
}
.form-check .form-check-input[type=checkbox] {
  width: 1rem;
  height: 1rem;
}
.form-check .form-check-input[type=radio] {
  width: 1rem;
  height: 1rem;
}
.form-check .form-check-input[type=radio]:checked {
  background-color: #fff;
}
.multiselect-dropdown-wrapper .dropdown-menu {
  max-height: 22vh;
  overflow: auto;
}
.multiselect-dropdown-wrapper .dropdown-menu::-webkit-scrollbar {
  width: 6px;
  background-color: #FFF;
}
.multiselect-dropdown-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #757575;
  border-radius: 3px;
}
.multiselect-dropdown-wrapper .dropdown-menu .dropdown-item {
  display: flex;
}
.multiselect-dropdown-wrapper .dropdown-menu .dropdown-item .form-check {
  flex-wrap: nowrap;
  flex: 1;
}
.multiselect-dropdown-wrapper .dropdown-menu .dropdown-item .form-check .form-check-label {
  flex: 1;
}
.pill {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: calc(1rem * 0.5);
  padding: calc(1rem * 0.25) calc(1rem * 0.5);
  background-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  border: 1px solid transparent;
  border-radius: 4px;
}
.pill:hover {
  border-color: var(--web-theme-primary);
}
.modal .modal-header .modal-title-add {
  font-size: calc(1rem * 1.125);
  margin: 10px 0;
  font-family: "Inter", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.125rem;
  flex-grow: 1;
}
.modal.inquiry-modal .modal-content {
  background-color: rgba(255, 255, 255, 0.7);
}
.modal.inquiry-modal .modal-content .modal-header {
  background-color: initial;
  justify-content: center;
}
.modal.inquiry-modal .modal-content .modal-header .modal-title-add {
  font-size: 2rem;
  line-height: 1;
  margin: 0;
  flex-grow: 0;
}
.modal.inquiry-modal .modal-content .modal-body {
  padding-top: 0;
}
.modal.inquiry-modal .modal-content .modal-body iframe {
  border-radius: calc(1rem * 0.5);
}
.custom-range-container {
  margin: 2rem 0 1rem 1rem;
  padding: calc(1rem * 0.25) 0;
  cursor: pointer;
}
.custom-range-container .custom-range {
  position: relative;
  width: 100%;
  /* Adjust width as needed */
  height: calc(1rem * 0.5);
  margin: calc(1rem * 1.25) 0 calc(1rem * 0.5);
}
.custom-range-container .range-track {
  width: 100%;
  height: 5px;
  background: #EBEAEA;
  /* Track background color */
  position: relative;
}
.custom-range-container .range-thumb {
  position: absolute;
  width: 20px;
  /* Thumb size */
  height: 20px;
  background: var(--web-theme-primary);
  border-radius: 50%;
  /* Circular thumb */
  cursor: pointer;
  top: 40%;
  transform: translateY(-50%);
  z-index: 2;
  /* Ensure it is above the track */
}
.custom-range-container .range-label {
  position: absolute;
  top: -50px;
  /* Adjust label position */
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  background: #fff;
  border: 1px solid var(--web-theme-primary);
  /* Label border color */
  padding: calc(1rem * 0.5);
  border-radius: 4px;
  z-index: 1;
  /* Ensure it is below the thumb */
}
.custom-range-container .range-values {
  position: relative;
}
.custom-range-container .range-values .min-value,
.custom-range-container .range-values .max-value {
  position: absolute;
  top: calc(1rem * 0.75);
}
.custom-range-container .range-values .min-value {
  left: 0;
}
.custom-range-container .range-values .max-value {
  right: -5%;
}
input[type=radio] {
  accent-color: var(--web-theme-primary);
}
.room-booking-readonly {
  border: 1px solid #EBEAEA;
  padding: 1rem;
  position: relative;
}
.room-booking-readonly .reset-booking {
  position: absolute;
  right: 1rem;
}
.room-booking-readonly .form-group {
  margin: 0 0 1rem;
}
.room-booking-readonly .form-group:last-child {
  margin: 0;
}
.room-booking-readonly .form-group .control-label {
  font-size: 1rem;
  font-weight: 500;
  padding-top: 0;
}
.room-booking-readonly p.read-only {
  margin: 0;
}
.room-booking-readonly .glyphicon {
  color: var(--web-theme-primary);
}
/*
    Utilities and Helpers from Bootstrap library

    This file can be removed when Bootstrap source is used.

*/
.ic-lg {
  font-size: 48px;
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.ic-md {
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ic-sm {
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.pb-md {
  padding-bottom: 15px;
}
.pt-md {
  padding-top: 15px;
}
.pb-md-lastchild > div:last-child {
  padding-bottom: 15px;
}
.pt-md-firstchild > div:first-child {
  padding-top: 15px;
}
.pb-md-lastchild-2 > div > div:last-child {
  padding-bottom: 15px;
}
.pt-md-firstchild-2 > div > div:first-child {
  padding-top: 15px;
}
.tagged-input {
  position: relative;
}
.tagged-input .form-control {
  padding-right: 20px;
}
.tagged-input .tagged-input-tag {
  position: absolute;
  right: 8px;
  top: 7px;
  font-size: 22px;
}
/*text Utlities*/
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-control {
  padding: 9px 12px;
}
/*Required field highlighting*/
.reqfield {
  position: relative;
  display: block;
}
.form-inline .reqfield {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.form-inline .input-group .reqfield {
  width: auto;
}
.form-inline .input-group > .reqfield {
  width: 100%;
}
.input-group .reqfield {
  display: table-cell;
}
.input-group .reqfield .form-control {
  border-radius: 4px;
}
.input-group .reqfield:last-child .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .reqfield:first-child .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.withindicator {
  position: relative;
}
.withindicator .loadindicator {
  position: absolute;
  z-index: 999;
  right: -5px;
  top: 7px;
}
.form-control.noselection {
  background: #fff1f1;
}
.navbar-form .reqfield {
  display: inline-block;
}
.reqfield::before {
  content: "*";
  display: block;
  position: absolute;
  right: 3px;
  top: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #b94a48;
  z-index: 99;
}
.reqfield.reqsel::before {
  right: 17px;
}
.ie .reqfield.reqsel::before,
.ie11 .reqfield.reqsel::before {
  right: 3px;
}
.fx .reqfield.reqsel::before {
  right: 19px;
}
.reqfield.onleft::before,
.reqfield.onleft.reqsel::before {
  right: auto;
  left: 3px;
}
/*End Required field highlighting*/
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.w-60 {
  width: 60% !important;
}
@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
i {
  vertical-align: initial;
}
.breadcrumb {
  padding: 8px 0;
  margin-bottom: 20px;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
  line-height: 1;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li a {
  color: #3a8bcd;
  text-decoration: none;
  font-weight: bold;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #000;
  content: ">";
}
.breadcrumb > .active {
  color: #000;
}
.ui-datepicker.ui-widget {
  z-index: 10 !important;
}
a.titeminfo {
  float: right;
}
a.titeminfo i {
  font-size: 20px;
  vertical-align: sub;
}
.titeminfo.active {
  color: #333333 !important;
}
a.titeminfo,
.toggle-link {
  text-decoration: none;
}
a.titeminfo .icon-open,
.toggle-link .icon-open {
  display: inline;
}
a.titeminfo .icon-closed,
.toggle-link .icon-closed {
  display: none;
}
a.titeminfo.active,
.toggle-link.active {
  color: #333333 !important;
}
a.titeminfo.active .icon-open,
.toggle-link.active .icon-open {
  display: none;
}
a.titeminfo.active .icon-closed,
.toggle-link.active .icon-closed {
  display: inline;
}
.form-control {
  /*display: block;
  width: 100%;*/
  height: 40px;
  padding: 9px 12px;
  /*font-size: @font-size-base;
  line-height: @line-height-base;
  color: @input-color;
  background-color: @input-bg;*/
  background-image: none;
  border-radius: 5px;
  box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  border-color: #44b7ff;
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="radio"],
input[type="checkbox"] {
  width: 24px;
  height: 24px;
}
.btn.nopadding {
  padding: 0 !important;
}
.input-group .input-group-addon:last-child,
.input-group .input-group-btn:last-child > .btn,
.input-group .input-group-btn:last-child > .dropdown-toggle,
.input-group .input-group-btn:first-child > .btn:not(:first-child) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.input-group .input-group-addon:first-child,
.input-group .input-group-btn:first-child > .btn,
.input-group .input-group-btn:first-child > .dropdown-toggle,
.input-group .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}
.input-group.input-group-sep .input-group-btn:first-child {
  padding-right: 4px;
}
.input-group.input-group-sep .input-group-btn:last-child {
  text-align: right;
}
.input-group.input-group-sep .form-control:last-child,
.input-group.input-group-sep .input-group-addon:last-child,
.input-group.input-group-sep .input-group-btn:last-child > .btn,
.input-group.input-group-sep .input-group-btn:last-child > .dropdown-toggle,
.input-group.input-group-sep .input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}
.input-group.input-group-sep .form-control:first-child,
.input-group.input-group-sep .input-group-addon:first-child,
.input-group.input-group-sep .input-group-btn:first-child > .btn,
.input-group.input-group-sep .input-group-btn:first-child > .dropdown-toggle,
.input-group.input-group-sep .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.input-group.input-group-sep .form-control {
  width: 41px;
  border-left: 1px solid #cccccc !important;
  border-right: 1px solid #cccccc !important;
}
.input-group-btn.with-ico > a {
  display: block;
  margin-top: -6px;
  text-decoration: none;
}
.input-group-btn.with-ico > a[disabled],
.input-group-btn.with-ico > a:disabled,
.input-group-btn.with-ico > a.disabled {
  color: #aaa;
}
.nav-tabs.flat-tabs {
  margin-bottom: 10px;
}
.nav-tabs.flat-tabs li {
  margin-bottom: 0;
}
.nav-tabs.flat-tabs li a {
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: solid 5px #fff;
  color: #000;
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.nav-tabs.flat-tabs li a:hover,
.nav-tabs.flat-tabs li a:focus {
  background: transparent;
  border-bottom: solid 5px #dddddd;
}
.nav-tabs.flat-tabs li.active a {
  border-top: none;
  border-right: none;
  border-left: none;
  font-weight: bold;
  border-bottom: solid 5px #000;
}
@media (max-width: 767px) {
  .nav-tabs.flat-tabs li {
    margin-bottom: 0;
  }
  .nav-tabs.flat-tabs li a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.label.label-helper,
a.label.label-helper {
  text-decoration: none;
}
.alert-warning {
  color: #9e7747;
}
/*Modals*/
.modal-content {
  border-radius: calc(1rem * 0.5);
}
.modal-content .modal-header {
  background: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
}
.ieplus i {
  display: inline-block;
  width: 1em;
  height: 1em;
  contain: strict;
  box-sizing: content-box !important;
}
.ieplus i .icon-inner {
  display: block;
  height: 100%;
  width: 100%;
}
/* Date Picker - JQuery UI*/
.ui-widget-content .ui-datepicker-calendar .ui-state-default {
  border: 1px solid #878787;
}
.btn {
  white-space: normal;
}
.btn.btn-info-popover {
  padding: 0;
  color: inherit;
  margin-left: calc(1rem * 0.25);
  font-size: 1rem;
}
.btn.btn-default {
  color: #000;
  background-color: transparent;
  border: 1px solid #EBEAEA;
}
.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:hover,
.btn.btn-default.active {
  background-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  border-color: transparent;
}
.btn.btn-primary {
  color: #FDFDFD;
  background-color: var(--web-theme-primary);
  border: 1px solid transparent;
}
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary.active {
  background-color: var(--web-theme-primary-hover);
}
.btn.btn-primary:disabled,
.btn.btn-primary.disabled {
  background-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.4);
  border-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.4);
  opacity: 1;
}
.btn.btn-tertiary,
.btn.btn-outline-primary {
  color: var(--web-theme-primary);
  background-color: transparent;
  border: 1px solid var(--web-theme-primary);
}
.btn.btn-tertiary:active,
.btn.btn-outline-primary:active,
.btn.btn-tertiary:focus,
.btn.btn-outline-primary:focus,
.btn.btn-tertiary:hover,
.btn.btn-outline-primary:hover,
.btn.btn-tertiary.active,
.btn.btn-outline-primary.active {
  color: #000;
  background-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
}
.btn.btn-tertiary:disabled,
.btn.btn-outline-primary:disabled {
  color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.4);
  border: 1px solid rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.4);
  opacity: 1;
}
.btn.btn-outline-success {
  color: #3EA985;
  background-color: transparent;
  border: 1px solid #3EA985;
}
.btn.btn-outline-success:active,
.btn.btn-outline-success:focus,
.btn.btn-outline-success:hover,
.btn.btn-outline-success.active {
  color: #fff;
  background-color: #3EA985;
}
.btn.btn-outline-success:disabled {
  color: rgba(62, 169, 133, 0.4);
  border: 1px solid rgba(62, 169, 133, 0.4);
  opacity: 1;
}
.btn.btn-outline-danger {
  color: #FF3737 !important;
  background-color: transparent;
  border: 1px solid #FF3737;
}
.btn.btn-outline-danger:active,
.btn.btn-outline-danger:focus,
.btn.btn-outline-danger:hover,
.btn.btn-outline-danger.active {
  color: #fff;
  background-color: #FF3737;
}
.btn.btn-outline-danger:disabled {
  color: rgba(255, 55, 55, 0.4);
  border: 1px solid rgba(255, 55, 55, 0.4);
  opacity: 1;
}
.btn.btn-link {
  color: var(--web-theme-primary);
  border: none;
}
.btn.btn-link:focus,
.btn.btn-link:active,
.btn.btn-link:hover,
.btn.btn-link.active {
  color: var(--web-theme-primary-hover);
}
.btn.btn-wide {
  padding-left: 4.25rem;
  padding-right: 4.25rem;
}
.btn-group.dropdown .btn {
  padding: 0.5rem 1rem;
  border-color: var(--web-theme-primary);
}
.btn-group.dropdown .btn:focus,
.btn-group.dropdown .btn:hover,
.btn-group.dropdown .btn:active {
  background-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  color: var(--web-theme-primary);
}
.btn-group.dropdown .btn:after {
  vertical-align: middle;
  line-height: 1;
  margin-left: 0.5rem;
  border: none;
}
.btn-group.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
}
.btn-group.dropdown .dropdown-menu .dropdown-item a {
  display: block;
  color: #706B76;
  text-decoration: none;
}
.form-select:after {
  content: none;
}
.form-select:focus {
  border-color: var(--web-theme-primary);
  box-shadow: 0 1px 1px rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.08), 0 0 8px rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.6);
}
.btn.text-icon {
  font-size: 22px;
  padding: 0;
}
.btn:active {
  box-shadow: unset;
}
/*neutral*/
.btn-neutral {
  color: #fff;
  background-color: #44b7ff;
  border-color: #44b7ff;
}
.btn-neutral:hover,
.btn-neutral:focus,
.btn-neutral:active,
.btn-neutral.active,
.open .dropdown-toggle.btn-neutral {
  color: #fff;
  background-color: #d7d7d7;
  border-color: #afafaf;
}
.btn-neutral:active,
.btn-neutral.active,
.open .dropdown-toggle.btn-neutral {
  background-image: none;
}
.btn-neutral.disabled,
.btn-neutral[disabled],
fieldset[disabled] .btn-neutral,
.btn-neutral.disabled:hover,
.btn-neutral[disabled]:hover,
fieldset[disabled] .btn-neutral:hover,
.btn-neutral.disabled:focus,
.btn-neutral[disabled]:focus,
fieldset[disabled] .btn-neutral:focus,
.btn-neutral.disabled:active,
.btn-neutral[disabled]:active,
fieldset[disabled] .btn-neutral:active,
.btn-neutral.disabled.active,
.btn-neutral[disabled].active,
fieldset[disabled] .btn-neutral.active {
  background-color: #f1f1f1;
  border-color: #d9d9d9;
}
/*action*/
.btn-action {
  color: #ffffff !important;
  background-color: var(--web-theme-primary);
  border-color: var(--web-theme-primary);
}
.btn-action .caret {
  border-top: 4px solid #ffffff;
}
.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active,
.open .dropdown-toggle.btn-action {
  color: #ffffff !important;
  background-color: var(--web-theme-primary-hover);
  border-color: var(--web-theme-primary-hover);
}
.btn-action:active,
.btn-action.active,
.open .dropdown-toggle.btn-action {
  background-image: none;
}
.btn-action.disabled,
.btn-action[disabled],
fieldset[disabled] .btn-action,
.btn-action.disabled:hover,
.btn-action[disabled]:hover,
fieldset[disabled] .btn-action:hover,
.btn-action.disabled:focus,
.btn-action[disabled]:focus,
fieldset[disabled] .btn-action:focus,
.btn-action.disabled:active,
.btn-action[disabled]:active,
fieldset[disabled] .btn-action:active,
.btn-action.disabled.active,
.btn-action[disabled].active,
fieldset[disabled] .btn-action.active {
  background-color: var(--web-theme-primary-light-30);
  border-color: var(--web-theme-primary-light-30);
}
/*action.on*/
.btn-action.on {
  color: #000;
  background-color: #ebebeb;
  border-color: #cecece;
}
.btn-action.on .caret {
  border-top: 4px solid #000;
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.btn-action.on:hover,
.btn-action.on:focus,
.btn-action.on:active,
.btn-action.on.active,
.open .dropdown-toggle.btn-action.on {
  color: #000;
  background-color: #d7d7d7;
  border-color: #afafaf;
}
.btn-action.on:active,
.btn-action.on.active,
.open .dropdown-toggle.btn-action.on {
  background-image: none;
}
.btn-action.on.disabled,
.btn-action.on[disabled],
fieldset[disabled] .btn-action.on,
.btn-action.on.disabled:hover,
.btn-action.on[disabled]:hover,
fieldset[disabled] .btn-action.on:hover,
.btn-action.on.disabled:focus,
.btn-action.on[disabled]:focus,
fieldset[disabled] .btn-action.on:focus,
.btn-action.on.disabled:active,
.btn-action.on[disabled]:active,
fieldset[disabled] .btn-action.on:active,
.btn-action.on.disabled.active,
.btn-action.on[disabled].active,
fieldset[disabled] .btn-action.on.active {
  background-color: #f1f1f1;
  border-color: #d9d9d9;
}
.header {
  position: sticky;
  top: 0;
  z-index: 1030;
}
.header .navbar-default.navbar {
  margin-bottom: 0;
}
.header .navbar-default .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .header .navbar-default .container {
    display: block;
  }
}
.header .navbar-default .container:after,
.header .navbar-default .container:before {
  content: none;
}
.header .navbar-default .container .navbar-header {
  margin: 0;
}
.header .navbar-default .container .navbar-header .navbar-brand {
  padding: 7px 15px;
}
@media only screen and (max-width: 767px) {
  .header .navbar-default .container .navbar-header {
    width: 100%;
  }
}
.header .navbar-default .container .navbar-header .navbar-toggle {
  float: right;
  padding: 0.375rem 0.625rem;
  margin-top: 1.313rem;
  background-color: transparent;
  border: 1px solid #FDFDFD;
  color: #FDFDFD;
  border-radius: 4px;
}
.header .navbar-default .container .navbar-header .navbar-toggle:active,
.header .navbar-default .container .navbar-header .navbar-toggle:focus,
.header .navbar-default .container .navbar-header .navbar-toggle:hover {
  background-color: #FDFDFD;
  color: var(--web-theme-primary);
}
.header .navbar-default .container .navbar-collapse {
  max-height: none;
}
.header .navbar-default .container .navbar-collapse:after,
.header .navbar-default .container .navbar-collapse:before {
  content: none;
}
.header .navbar-default .container .navbar-collapse .navbar-nav.navbar-right {
  float: none;
  margin: 0;
  display: block;
}
@media only screen and (min-width: 768px) {
  .header .navbar-default .container .navbar-collapse .navbar-nav.navbar-right {
    display: flex;
  }
}
.header .navbar-default .container .navbar-collapse .navbar-nav > li {
  float: none;
  display: inline-block;
  position: static;
}
@media only screen and (max-width: 767px) {
  .header .navbar-default .container .navbar-collapse .navbar-nav > li {
    display: block;
    background: none;
  }
}
.header .navbar-default .container .navbar-collapse .navbar-nav > li.mnBasket {
  display: block !important;
}
@media only screen and (min-width: 768px) {
  .header .navbar-default .container .navbar-collapse .navbar-nav > li.mnBasket {
    display: inline-block !important;
  }
}
.header .navbar-default .container .navbar-collapse .navbar-nav > li.mnBasket > a {
  font-size: calc(1rem * 1.75);
}
.header .navbar-default .container .navbar-collapse .navbar-nav > li.mnBasket > a .cart-count {
  margin-bottom: 0;
  margin-left: calc(1rem * 0.5);
  font-size: calc(1rem * 1.125);
  font-weight: 500;
}
.header .navbar-default .container .navbar-collapse .navbar-nav > li:first-child {
  background: none;
}
.header .navbar-default .container .navbar-collapse .navbar-nav > li.active > a {
  background-color: transparent;
  text-decoration: none;
}
.header .navbar-default .container .navbar-collapse .navbar-nav > li > a {
  color: #FDFDFD;
  background-color: transparent;
  text-decoration: none;
  padding: 0 calc(1rem * 0.5);
  margin: 0 calc(1rem * 0.5);
  height: 58px;
  display: flex;
  align-items: center;
}
.header .navbar-default .container .navbar-collapse .navbar-nav > li.open .dropdown-menu {
  background: #fff;
  border-radius: calc(1rem * 0.5);
  padding: calc(1rem * 0.5) 0;
}
@media only screen and (max-width: 767px) {
  .header .navbar-default .container .navbar-collapse .navbar-nav > li.open .dropdown-menu {
    margin: calc(1rem * 0.5);
  }
}
.header .navbar-default .container .navbar-collapse .navbar-nav > li.open .dropdown-menu > li > a {
  text-decoration: none;
}
.header .navbar-default .container .navbar-collapse .navbar-nav > li.open .dropdown-menu > li > a:focus,
.header .navbar-default .container .navbar-collapse .navbar-nav > li.open .dropdown-menu > li > a:active,
.header .navbar-default .container .navbar-collapse .navbar-nav > li.open .dropdown-menu > li > a:hover {
  background: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  color: #333;
}
.header .navbar-default .container .navbar-collapse .navbar-nav > li.open .dropdown-menu > li.active > a {
  background: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  color: #333;
}
.infobox {
  position: relative;
  overflow: hidden;
  border: solid 1px #cbcbcb;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
  padding: 28px;
}
.infobox.post-button {
  padding-right: 130px;
}
.infobox.post-button a.button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 110px;
  background: #f1f1f1;
  border-left: solid 1px #cbcbcb;
  text-align: center;
  padding: 40px 0 0;
}
.infobox.post-button a.button span {
  display: block;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -8px;
  font-size: 15px;
  text-decoration: underline;
  color: #777777;
}
.infobox.post-button a.button:hover {
  background: #fff;
}
.infobox.infobox-warning {
  border-color: #f00;
}
html {
  font-size: 100%;
  scroll-behavior: smooth;
}
html .menu-page #sr-main-content:target {
  scroll-margin: 170px 0 0;
}
head,
body {
  font-family: "Inter", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.125rem;
  background: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
body.bg-none {
  background-color: #ededed;
}
body.bg-full {
  background: none no-repeat center center fixed;
  background-size: 100% 100%;
}
body.bg-full .selector-widget-row .infobox {
  background-color: rgba(253, 253, 253, 0.9);
}
body a:disabled,
body a[disabled],
body a.disabled {
  cursor: auto;
}
body.oov3 .not-v3 {
  display: none !important;
}
.navbar.navbar-default {
  background: var(--web-theme-primary);
  position: sticky;
  border: 0;
  padding: 0;
  min-height: 4rem;
  max-height: 4rem;
}
.navbar.navbar-default .navbar-brand .company-logo {
  max-height: calc(4rem - 0.3125rem - 0.3125rem);
}
.navbar.navbar-default .navbar-toggler {
  margin: calc(1rem * 0.75) 1rem;
  border: 1px solid #fff;
}
.navbar.navbar-default .navbar-collapse {
  justify-content: flex-end;
}
.navbar.navbar-default .navbar-collapse .navbar-nav {
  align-items: center;
}
.navbar.navbar-default .navbar-collapse .navbar-nav .nav-item {
  padding: 0 calc(1rem * 0.5);
}
.navbar.navbar-default .navbar-collapse .navbar-nav .nav-item:first-child {
  background: none;
}
.navbar.navbar-default .navbar-collapse .navbar-nav .nav-item.enquiry-link + .nav-item,
.navbar.navbar-default .navbar-collapse .navbar-nav .nav-item.enquiry-link + li {
  background: none;
}
.navbar.navbar-default .navbar-collapse .navbar-nav .nav-item .nav-link {
  font-size: 1rem;
  line-height: 1.125rem;
  color: #fff;
  font-weight: 500;
  padding: calc(1rem * 1.25) calc(1rem * 0.5);
}
.navbar.navbar-default .navbar-collapse .navbar-nav .nav-item .nav-link.enquiry-btn {
  border: 1px solid #fff;
  border-radius: calc(1rem * 0.5);
  padding: calc(1rem * 0.5);
  cursor: pointer;
  height: auto;
}
.navbar.navbar-default .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
  content: none;
}
.navbar.navbar-default .navbar-collapse .navbar-nav .nav-item .nav-link.cart-item {
  display: flex;
  align-items: center;
}
.navbar.navbar-default .navbar-collapse .navbar-nav .nav-item .nav-link svg {
  max-width: 2rem;
}
.navbar.navbar-default .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover,
.navbar.navbar-default .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item:active,
.navbar.navbar-default .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
  background: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
}
@media only screen and (max-width: 991px) {
  .navbar.navbar-default .navbar-collapse .navbar-nav {
    display: block;
    background: var(--web-theme-primary);
  }
  .navbar.navbar-default .navbar-collapse .navbar-nav > .nav-item {
    background: none;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper {
    min-height: calc(100vh - 18rem);
  }
}
.wrapper .main-content-body {
  padding: 9.688rem 0;
}
.wrapper .main-content-body.login-main-body {
  padding: 6.688rem 0;
}
.wrapper .main-content-body.brochurepage {
  padding: 0;
}
.wrapper .main-content-body.brochurepage .banner-video {
  position: relative;
  margin-bottom: -4px;
}
.wrapper .main-content-body.brochurepage .banner-video .banner-video-background video {
  width: 100%;
}
.wrapper .main-content-body.brochurepage .banner-video .banner-video-foreground {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .wrapper .main-content-body.brochurepage .banner-video .banner-video-foreground:not(.with-overlay) {
    border-radius: calc(1rem * 0.5);
  }
}
.wrapper .main-content-body.brochurepage .banner-video .banner-video-foreground .banner-video-foreground-content.overlay-text {
  margin: 0 calc(1rem * 0.75);
  text-align: center;
}
.wrapper .main-content-body.brochurepage .banner-video .banner-video-foreground .banner-video-foreground-content.overlay-text .banner-heading {
  font-size: calc(1rem * 2.25);
  line-height: calc(1.125rem * 2.25);
  font-weight: 700;
  padding: 1rem 1rem 0;
}
.wrapper .main-content-body.brochurepage .banner-video .banner-video-foreground .banner-video-foreground-content.overlay-text .banner-content {
  font-size: 1rem;
  padding: 1rem 1rem 0;
}
.wrapper .main-content-body.brochurepage .banner-video .banner-video-foreground .banner-video-foreground-content.overlay-text .banner-button {
  padding: 1rem 1rem 0;
}
.wrapper .main-content-body.brochurepage .banner-video .banner-video-foreground .banner-video-foreground-content.overlay-text > :last-child {
  padding-bottom: 1rem;
}
.wrapper .main-content-body.brochurepage .delivery-selection-wrapper {
  padding: 5rem 0;
  background-color: #39353D;
}
.wrapper .main-content-body.brochurepage .delivery-selection-wrapper.bg-color-none {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
}
.wrapper .main-content-body.brochurepage .banner-graphic {
  background-position: 50% 50%;
  text-align: center;
}
.wrapper .main-content-body.brochurepage .banner-graphic .banner-heading,
.wrapper .main-content-body.brochurepage .banner-graphic .banner-content,
.wrapper .main-content-body.brochurepage .banner-graphic .banner-button {
  color: #fff;
  margin: 0;
}
.wrapper .main-content-body.brochurepage .banner-graphic .banner-heading a,
.wrapper .main-content-body.brochurepage .banner-graphic .banner-content a,
.wrapper .main-content-body.brochurepage .banner-graphic .banner-button a {
  color: #fff;
  text-decoration: none;
}
.wrapper .main-content-body.brochurepage .banner-graphic .banner-heading a:focus,
.wrapper .main-content-body.brochurepage .banner-graphic .banner-content a:focus,
.wrapper .main-content-body.brochurepage .banner-graphic .banner-button a:focus,
.wrapper .main-content-body.brochurepage .banner-graphic .banner-heading a:hover,
.wrapper .main-content-body.brochurepage .banner-graphic .banner-content a:hover,
.wrapper .main-content-body.brochurepage .banner-graphic .banner-button a:hover,
.wrapper .main-content-body.brochurepage .banner-graphic .banner-heading a:active,
.wrapper .main-content-body.brochurepage .banner-graphic .banner-content a:active,
.wrapper .main-content-body.brochurepage .banner-graphic .banner-button a:active {
  color: #e6e6e6;
}
.wrapper .main-content-body.brochurepage .banner-graphic .banner-heading {
  font-size: calc(1rem * 2.25);
  line-height: calc(1.125rem * 2.25);
  font-weight: 700;
  padding-top: 1rem;
}
.wrapper .main-content-body.brochurepage .banner-graphic .banner-content {
  font-size: 1rem;
  padding-top: 1rem;
}
.wrapper .main-content-body.brochurepage .banner-graphic .banner-button {
  padding-top: 1rem;
}
.wrapper .main-content-body.brochurepage .banner-graphic > :last-child:not(img) {
  padding-bottom: 1rem;
}
.wrapper .main-content-body.brochurepage .banner-graphic img {
  max-width: 100%;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image {
  padding: 0;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image .row {
  padding: 0;
  margin: 0;
  width: 100%;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image .row > div {
  height: 100%;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image .row > div .brochure-marketing-image-icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  text-decoration: none;
  background-position: center;
  aspect-ratio: 1/1;
  background-size: 100% 100%;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image .row > div .brochure-marketing-image-icon .text-content {
  width: 100%;
  min-height: 2rem;
  font-size: 2rem;
  line-height: 2rem;
  color: #fff;
  font-weight: 600;
  padding: calc(1rem * 0.5) 0;
  text-align: center;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.full-width.image-overlay2 .row > div .brochure-marketing-image-icon:hover .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.full-width.image-overlay3 .row > div .brochure-marketing-image-icon:hover .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.full-width.image-overlay4 .row > div .brochure-marketing-image-icon:hover .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.full-width.image-overlay5 .row > div .brochure-marketing-image-icon:hover .text-content {
  padding: 46.6% 0 !important;
  transition: all 0.3s linear;
  bottom: 0;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.full-width.dual-image.image-overlay2 .row > div .brochure-marketing-image-icon,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.full-width.dual-image.image-overlay3 .row > div .brochure-marketing-image-icon,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.full-width.dual-image.image-overlay4 .row > div .brochure-marketing-image-icon,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.full-width.dual-image.image-overlay5 .row > div .brochure-marketing-image-icon {
  aspect-ratio: 2/1;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.full-width.dual-image.image-overlay2 .row > div .brochure-marketing-image-icon:hover .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.full-width.dual-image.image-overlay3 .row > div .brochure-marketing-image-icon:hover .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.full-width.dual-image.image-overlay4 .row > div .brochure-marketing-image-icon:hover .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.full-width.dual-image.image-overlay5 .row > div .brochure-marketing-image-icon:hover .text-content {
  padding: 23.3% 0 !important;
  transition: all 0.3s linear;
  bottom: 0;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.dual-image.image-overlay2 .row > div .brochure-marketing-image-icon,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.dual-image.image-overlay3 .row > div .brochure-marketing-image-icon,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.dual-image.image-overlay4 .row > div .brochure-marketing-image-icon,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.dual-image.image-overlay5 .row > div .brochure-marketing-image-icon {
  aspect-ratio: 2/1 !important;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.dual-image.image-overlay2 .row > div .brochure-marketing-image-icon:hover .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.dual-image.image-overlay3 .row > div .brochure-marketing-image-icon:hover .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.dual-image.image-overlay4 .row > div .brochure-marketing-image-icon:hover .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.dual-image.image-overlay5 .row > div .brochure-marketing-image-icon:hover .text-content {
  padding: 22.2% 0 !important;
  transition: all 0.3s linear;
  bottom: 0;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock .row > div {
  padding: 0;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay .row > div .brochure-marketing-image-icon {
  transition: padding 0.3s linear;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay .row > div .brochure-marketing-image-icon:hover .text-content:not(.sr-only) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  min-height: 100%;
  transition: all 0.3s linear;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay .row > div .brochure-marketing-image-icon .text-content {
  background: rgba(0, 0, 0, 0.4);
  transition: padding 0.3s linear;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay1 .row > div .brochure-marketing-image-icon {
  transition: padding 0.3s linear;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay1 .row > div .brochure-marketing-image-icon:hover .text-content:not(.sr-only) {
  padding: 91.6% 0 calc(1rem * 0.5);
  transition: all 0.3s linear;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay1 .row > div .brochure-marketing-image-icon .text-content {
  background: rgba(0, 0, 0, 0.4);
  transition: padding 0.3s linear;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay2 .row > div .brochure-marketing-image-icon,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay3 .row > div .brochure-marketing-image-icon,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay4 .row > div .brochure-marketing-image-icon,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay5 .row > div .brochure-marketing-image-icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  aspect-ratio: 1/1;
  background-size: cover;
  transition: padding 0.3s linear;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay2 .row > div .brochure-marketing-image-icon:hover .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay3 .row > div .brochure-marketing-image-icon:hover .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay4 .row > div .brochure-marketing-image-icon:hover .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay5 .row > div .brochure-marketing-image-icon:hover .text-content {
  padding: 44% 0;
  transition: all 0.3s linear;
  bottom: 0;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay2 .row > div .brochure-marketing-image-icon .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay3 .row > div .brochure-marketing-image-icon .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay4 .row > div .brochure-marketing-image-icon .text-content,
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay5 .row > div .brochure-marketing-image-icon .text-content {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 600;
  padding: calc(1rem * 0.5) 0;
  text-align: center;
  transition: all 0.3s linear;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay2 .row > div .brochure-marketing-image-icon .text-content {
  color: #000;
  background: rgba(255, 255, 255, 0.4);
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay3 .row > div .brochure-marketing-image-icon .text-content {
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay4 .row > div .brochure-marketing-image-icon .text-content {
  color: #000;
  background: #fff;
}
.wrapper .main-content-body.brochurepage .brochure-marketing-image.image-fullblock.image-overlay5 .row > div .brochure-marketing-image-icon .text-content {
  color: #fff;
  background: #000;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat,
.wrapper .main-content-body.brochurepage .banner.banner-graphic {
  padding: 2.5rem 0;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat.banner-graphic-istop,
.wrapper .main-content-body.brochurepage .banner.banner-graphic.banner-graphic-istop {
  padding: 0;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat.banner-graphic-pad-sm,
.wrapper .main-content-body.brochurepage .banner.banner-graphic.banner-graphic-pad-sm {
  padding: 3.75rem 0;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat.banner-graphic-pad-md,
.wrapper .main-content-body.brochurepage .banner.banner-graphic.banner-graphic-pad-md {
  padding: 5rem 0;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat.banner-graphic-pad-lg,
.wrapper .main-content-body.brochurepage .banner.banner-graphic.banner-graphic-pad-lg {
  padding: 6.25rem 0;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat.banner-graphic-pad-xl,
.wrapper .main-content-body.brochurepage .banner.banner-graphic.banner-graphic-pad-xl {
  padding: 9.375rem 0;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat.banner-graphic-pad-xxl,
.wrapper .main-content-body.brochurepage .banner.banner-graphic.banner-graphic-pad-xxl {
  padding: 15.625rem 0;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat {
  color: #000;
  text-align: center;
  background: #fff;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat.banner-flat-theme {
  background: var(--web-theme-primary);
  color: #fff;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat.banner-flat-theme .btn.btn-action {
  background-color: var(--web-theme-primary-dark-20);
  border-color: var(--web-theme-primary-dark-20);
  color: #fff;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat.banner-flat-theme .btn.btn-action:active,
.wrapper .main-content-body.brochurepage .banner.banner-flat.banner-flat-theme .btn.btn-action:hover,
.wrapper .main-content-body.brochurepage .banner.banner-flat.banner-flat-theme .btn.btn-action:focus,
.wrapper .main-content-body.brochurepage .banner.banner-flat.banner-flat-theme .btn.btn-action.active {
  background-color: var(--web-theme-primary-dark-30);
  border-color: var(--web-theme-primary-dark-30);
}
.wrapper .main-content-body.brochurepage .banner.banner-flat.banner-flat-clear {
  background: transparent;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat .banner-heading {
  font-size: calc(1rem * 2.25);
  line-height: calc(1.125rem * 2.25);
  font-weight: 700;
  padding: 0 calc(1rem * 1.25);
}
.wrapper .main-content-body.brochurepage .banner.banner-flat .banner-content {
  font-size: 1rem;
  padding: 1rem calc(1rem * 1.25) 0;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat .banner-button {
  padding-top: 1rem;
}
.wrapper .main-content-body.brochurepage .banner.banner-flat > :first-child {
  padding-top: 0;
}
.wrapper .main-content-body.brochurepage.banner-flat-theme {
  background: var(--web-theme-primary);
  color: #fff;
}
.wrapper .main-content-body.brochurepage .brochure-location-container {
  background: #fff;
  padding: 1rem;
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location {
  text-align: center;
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-heading {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 700;
  padding-bottom: calc(1rem * 1.5);
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-content {
  padding-bottom: calc(1rem * 1.5);
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-item {
  box-shadow: 0 0 2px 2px #ddd;
  padding: calc(1rem * 1.25);
  margin-bottom: calc(1rem * 1.25);
  border-radius: 4px;
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-item .brochure-location-item-heading {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 2.8rem;
  margin-bottom: 1rem;
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-item .brochure-location-item-subheading {
  font-size: calc(1rem * 1.125);
  margin-bottom: calc(1rem * 1.5);
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-item .brochure-location-item-info {
  font-size: 1rem;
  line-height: 1.125rem;
  margin-bottom: 1rem;
  word-break: break-all;
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-item .brochure-location-item-ordernow {
  margin-bottom: calc(1rem * 1.5);
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-item .vis-toggle {
  color: #706B76;
  text-decoration: none;
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-item .vis-toggle .ic-open {
  display: inline-block;
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-item .vis-toggle .ic-close {
  display: none;
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-item .vis-toggle.open .ic-open {
  display: none;
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-item .vis-toggle.open .ic-close {
  display: inline-block;
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-item .brochure-location-item-openhours {
  display: none;
  line-height: calc(1.125rem * 1.33);
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-item .openhours-collapse .brochure-location-item-openhours {
  display: block;
}
.wrapper .main-content-body.brochurepage .brochure-location-container .brochure-location .brochure-location-item .brochure-location-section {
  margin-top: calc(1rem * 2);
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub {
  display: flex;
  justify-content: center;
  padding: 0 calc(1rem * 0.75);
  max-width: none;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox {
  background: rgba(253, 253, 253, 0.7);
  padding: calc(1rem * 0.5);
  border-radius: 0.75rem;
}
@media only screen and (min-width: 1920px) {
  .wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox {
    width: 33.3333% !important;
  }
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox h2 {
  margin: 0 0 2rem;
  padding-top: calc(1rem * 0.75);
  font-size: 2rem;
  line-height: 2rem;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox p {
  margin: 0;
  margin-bottom: calc(1rem * 1.25);
  font-size: calc(1rem * 0.875);
  line-height: calc(1.125rem * 0.9);
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvGroupDisplay {
  color: #706B76;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvTypeButtons .nav {
  border: none;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvTypeButtons .nav.nav-tabs .nav-item {
  padding: calc(1rem * 0.25) 0;
  background: #FDFDFD;
  position: relative;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvTypeButtons .nav.nav-tabs .nav-item:first-child {
  border-top-left-radius: calc(1rem * 0.5);
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvTypeButtons .nav.nav-tabs .nav-item:last-child {
  border-top-right-radius: calc(1rem * 0.5);
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvTypeButtons .nav.nav-tabs .nav-item.active:after {
  content: " ";
  position: absolute;
  left: 10%;
  width: 80%;
  height: 3px;
  background-color: var(--web-theme-primary);
  border-radius: 3px;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvTypeButtons .nav.nav-tabs .nav-item.active .nav-link {
  color: var(--web-theme-primary);
  border: none;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvTypeButtons .nav.nav-tabs .nav-item.active .nav-link:active,
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvTypeButtons .nav.nav-tabs .nav-item.active .nav-link:focus,
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvTypeButtons .nav.nav-tabs .nav-item.active .nav-link:hover {
  border: none;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvTypeButtons .nav.nav-tabs .nav-item .nav-link {
  color: #706B76;
  border: none;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvTypeButtons .nav.nav-tabs .nav-item .nav-link:active,
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvTypeButtons .nav.nav-tabs .nav-item .nav-link:focus,
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox .dvTypeButtons .nav.nav-tabs .nav-item .nav-link:hover {
  color: var(--web-theme-primary);
  border: none;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols {
  background: #FDFDFD;
  padding: 1rem;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols.rounded-border {
  border-radius: calc(1rem * 0.5);
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols.rounded-border .dvDelCol {
  margin-top: 1rem;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols:last-child {
  border-bottom-left-radius: calc(1rem * 0.5);
  border-bottom-right-radius: calc(1rem * 0.5);
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols .dvOrderType {
  padding: calc(1rem * 1.25) 2rem;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols .dvOrderType p {
  margin: 0;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols .dvOrderType .switcher-text {
  display: inline-block;
  color: var(--web-theme-primary);
  margin-bottom: calc(1rem * 0.5);
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols .dvOrderType .switcher-text:hover,
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols .dvOrderType .switcher-text:active,
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols .dvOrderType .switcher-text:focus {
  color: var(--web-theme-primary-hover);
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols .dvOrderTypeDetails {
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols .dvOrderTypeDetails .delivery-selector {
  width: 100%;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols .dvOrderTypeDetails .delivery-selector .dvDelCol .form-group .form-check {
  display: inline-flex;
  margin-right: 2.25rem;
  align-items: center;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols .dvOrderTypeDetails .delivery-selector .dvDelCol .form-group .form-check:last-child {
  margin-right: 0;
}
.wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox > .selectioncontrols .dvOrderTypeDetails .delivery-selector .dvDelOptions {
  margin: 0 auto;
}
.mm-locationview .wrapper .main-content-body.brochurepage .delivery-selection-wrapper {
  background-color: #39353D;
}
.mm-locationview .wrapper .main-content-body.brochurepage .delivery-selection-wrapper.bg-color-none {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
}
.mm-locationview .wrapper .main-content-body .delivery-selection-wrapper .deltypesub {
  display: flex;
  justify-content: center;
}
.mm-locationview .wrapper .main-content-body .delivery-selection-wrapper .deltypesub .infobox {
  background: rgba(253, 253, 253, 0.7);
  padding: calc(1rem * 0.5);
  border-radius: 0.75rem;
}
.footer {
  display: flex;
  background: #111516;
  color: #FDFDFD;
  overflow: hidden;
  padding: 2rem;
  margin: 0;
}
.footer .poweredby {
  display: block;
  width: 210px;
}
.footer .section-divider {
  margin: 0 calc(1rem * 0.25);
}
.footer .section-divider:not(:last-child):before {
  content: "|";
}
.footer > div .terms-privacy-wrapper a {
  color: #FDFDFD;
  text-decoration: none;
  word-break: break-all;
  margin-bottom: calc(1rem * 0.75);
}
.footer > div .terms-privacy-wrapper a:hover,
.footer > div .terms-privacy-wrapper a:focus,
.footer > div .terms-privacy-wrapper a:active {
  color: var(--web-theme-primary);
}
.footer > div > a {
  color: #FDFDFD;
  text-decoration: none;
  margin-bottom: calc(1rem * 0.75);
  word-break: break-all;
}
.footer > div > a:last-child {
  margin: 0;
}
.footer > div > a:hover,
.footer > div > a:focus,
.footer > div > a:active {
  color: var(--web-theme-primary);
}
@media only screen and (min-width: 1200px) {
  .footer .first-col.col-xl-6 {
    width: 50% !important;
  }
}
@media only screen and (min-width: 1200px) {
  .footer .second-col.col-xl-3,
  .footer .third-col.col-xl-3 {
    width: 25% !important;
  }
}
.footer .second-col a,
.footer .third-col a {
  display: inline-block;
  margin-bottom: 0.75rem;
}
.footer .second-col a:last-child,
.footer .third-col a:last-child {
  margin: 0;
}
@media only screen and (min-width: 576px) {
  .footer .second-col .mb-4,
  .footer .third-col .mb-4 {
    margin-bottom: 1.5rem !important;
  }
}
@media only screen and (min-width: 576px) {
  .footer .second-col .mb-0,
  .footer .third-col .mb-0 {
    margin-bottom: 0 !important;
  }
}
.block-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-list .menu-category-item-wrapper {
  margin: calc(1rem * 0.5);
}
.block-list .menu-category-item-wrapper .menu-category-item {
  display: inline-block;
  font-size: calc(1rem * 1.25);
  line-height: calc(1.125rem * 1.33);
  text-decoration: none;
  color: #39353D;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: calc(1rem * 0.5);
}
.block-list .menu-category-item-wrapper .menu-category-item:hover,
.block-list .menu-category-item-wrapper .menu-category-item:active,
.block-list .menu-category-item-wrapper .menu-category-item:focus {
  border-color: var(--web-theme-primary);
  color: var(--web-theme-primary-hover);
}
.block-list .menu-category-item-wrapper .menu-category-item .menu-category-image {
  max-width: 17.188rem;
  max-height: 17.188rem;
  border-top-right-radius: calc(1rem * 0.5);
  border-top-left-radius: calc(1rem * 0.5);
}
.block-list .menu-category-item-wrapper .menu-category-item .menu-category-title {
  margin: 1rem;
  max-width: calc(17.188rem - 2rem);
}
.selector-widget-wrapper {
  padding: 4rem 0;
}
.selector-widget-wrapper .selector-widget-row {
  margin: 0;
  display: flex;
  justify-content: center;
}
.selector-widget-wrapper .selector-widget-row .infobox {
  border: 1px solid transparent;
  padding: 1rem;
  background: rgba(253, 253, 253, 0.7);
  border-radius: calc(1rem * 0.5);
}
@media only screen and (min-width: 1920px) {
  .selector-widget-wrapper .selector-widget-row .infobox {
    width: 25% !important;
  }
}
.selector-widget-wrapper .selector-widget-row .infobox h2 {
  margin: 0;
  text-align: center;
  margin-bottom: calc(1rem * 2);
}
.selector-widget-wrapper .selector-widget-row .infobox .row-block {
  margin-top: 1rem;
}
.selector-widget-wrapper .selector-widget-row .infobox .selectioncontrols .select-dropdown {
  background-color: #fff;
}
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .nav-tabs {
  border: none;
}
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .nav-tabs .nav-item.active {
  background: #FDFDFD;
  border-top-left-radius: calc(1rem * 0.5);
  border-top-right-radius: calc(1rem * 0.5);
}
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .nav-tabs .nav-item.active .nav-link {
  color: var(--web-theme-primary);
  border: none;
}
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .nav-tabs .nav-item.active .nav-link:active,
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .nav-tabs .nav-item.active .nav-link:focus,
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .nav-tabs .nav-item.active .nav-link:hover {
  border: none;
}
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .nav-tabs .nav-item .nav-link {
  color: #706B76;
  border: none;
  padding: calc(1rem * 0.75) 0;
  font-size: calc(1rem * 1.25);
}
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .nav-tabs .nav-item .nav-link:active,
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .nav-tabs .nav-item .nav-link:focus,
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .nav-tabs .nav-item .nav-link:hover {
  color: var(--web-theme-primary);
  border: none;
}
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .dvEmbeddedWidget {
  background: #fff;
  padding: 1rem;
  border-radius: 0 0 calc(1rem * 0.5) calc(1rem * 0.5);
}
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .dvEmbeddedWidget .spoonwidgetv2 .deltype .infodesc {
  margin-bottom: 1rem;
  text-align: center;
}
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .dvEmbeddedWidget .spoonwidgetv2 .deltype .delform .form-field,
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .dvEmbeddedWidget .spoonwidgetv2 .deltype .colform .form-field {
  margin-bottom: 1rem;
}
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .dvEmbeddedWidget .spoonwidgetv2 .deltype .delform .dvPCError,
.selector-widget-wrapper .selector-widget-row .infobox .dvDelSelection .dvEmbeddedWidget .spoonwidgetv2 .deltype .colform .dvPCError {
  margin-bottom: 1rem;
  color: #FF3737;
}
@media (max-width: 767px) {
  .topblock .btnNewOrder {
    display: block;
    float: none !important;
    margin: 0 0 20px;
  }
}
.panel-default.prevordersummary > .panel-heading {
  background: #fff;
}
.panel-default.draftordersummary > .panel-heading {
  background: #fff;
}
/* Bootstrap overrides */
.form-horizontal .control-label {
  text-align: left;
  font-size: 18px;
  font-weight: normal;
  padding-bottom: 5px;
}
.form-horizontal .control-label.tight-right {
  padding-right: 0;
}
.form-horizontal .control-label.tight-left {
  padding-left: 0;
}
.form-horizontal .control-label.tight {
  padding-left: 0;
  padding-right: 0;
}
.form-horizontal .control-label.md-bold {
  font-size: 16px !important;
  font-weight: 500 !important;
}
/*.mdesign
{
    .boxed {
        .shadowed();
        background: #fff;
        padding: 10px;
        margin-bottom: 20px;

        h3:first-child
        {
            margin-top: 0;
        }
        .panel{
            border: 0;
            margin: 0;
            box-shadow: none;

            .panel-body{
                padding: 15px 0 0;
            }

            &.panel-default
            {
                .panel-heading
                {
                    background: #fff;
                }
            }
        }
    }

    .panel{

        &.panel-default
        {
            .panel-heading
            {
                background: #fff;
            }
        }
    }
}*/
.modal .modal-header {
  border-bottom: 0;
  position: relative;
  z-index: 5;
}
.modal .modal-header .close {
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal .modal-header .close *:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal .modal-body > *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.modal .modal-body ul li {
  margin-bottom: 5px;
}
.modal .modal-body iframe {
  width: 100%;
}
/* Main page structure */
.header > nav.navbar {
  margin-bottom: 0;
}
.paymenttype-option span {
  vertical-align: middle;
}
@media (min-width: 768px) {
  .paymenttype-option {
    margin-left: 4.16666667%;
  }
  .paymenttype-option span {
    vertical-align: middle;
    display: inline-block;
    padding-top: 6px;
  }
  .paymenttype-option span:first-child {
    margin-left: -4%;
    position: absolute;
    padding-top: 0;
  }
}
.brand-header {
  height: 60px;
  /*background-color: #4a4a4b;*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .brand-header {
    height: 265px;
  }
}
/* End Main page structure */
.panel .panel-heading h1,
.panel .panel-heading h2,
.panel .panel-heading h3 {
  margin: 10px 0;
}
.panel .panel-body .panel-section {
  float: left;
  margin: -15px;
  padding: 15px;
  width: 50%;
}
.panel .panel-body .panel-section:first-child {
  margin-right: 0;
}
.panel .panel-body .panel-section:last-child {
  margin-left: 0;
  border-left: solid 1px #dddddd;
}
.header .headtop {
  height: 90px;
  background-size: cover;
  background-position: center center;
}
.header .headtop .imgblock {
  display: table-cell;
  vertical-align: middle;
  height: 90px;
  padding-right: 20px;
}
.header .headtop .imgblock .branchlogo {
  max-height: 90px;
}
.header .headtop .details {
  display: table-cell;
  position: relative;
  font-size: 10px;
  line-height: 10px;
  height: 90px;
  width: 350px;
}
.header .headtop .details .pos {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.header .headtop .details .name {
  font-size: 15px;
  width: auto;
  font-weight: bold;
  line-height: 15px;
  padding: 0 0 3px;
}
.header .headtop .details .addr {
  min-height: 14px;
  width: auto;
  padding: 0 0 3px;
}
.header .headtop .details .contact {
  width: auto;
}
.header .headtop .btnplaceorder {
  float: right;
  margin-top: 25px;
}
.header .headtop.headcol1 {
  color: #fff;
}
.header .mainmenu {
  background: #b2b2b2;
}
.header .mainmenu a {
  color: #595959;
}
.header .mainmenu ul {
  display: table-row;
  float: right;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.header .mainmenu ul li {
  display: table-cell;
  list-style-type: none;
  margin: 0;
  padding: 0 16px;
  vertical-align: middle;
  height: 52px;
}
.header .mainmenu ul li a {
  text-decoration: none;
}
.header .mainmenu ul li a:hover,
.header .mainmenu ul li a:focus {
  text-decoration: underline;
}
.header .mainmenu ul li.active {
  color: #fff;
  background: url(/images/layout/usermenu-tag.png) no-repeat center bottom;
}
.header .mainmenu ul li.active a {
  color: #fff;
}
.header .mainmenu ul li.uinfo {
  border-left: solid 1px #dfdfdf;
  padding-right: 2px;
}
.header .mainmenu ul li.uinfo a {
  color: #000000;
}
.header .mainmenu ul li.uinfo .icon {
  margin: -5px 0 0 10px;
}
.header .mainmenu ul li.uinfo.active {
  background: url(/images/layout/usermenu-tag.png) no-repeat right bottom;
}
.header .mainmenu ul li.uinfo.active a {
  color: #fff;
}
.mdesign .header .mainmenu {
  background: #e5e5e5;
}
.mdesign .header .mainmenu ul li {
  height: 42px;
}
.mdesign .header .mainmenu ul li a {
  text-decoration: none;
  height: 42px;
  display: table-cell;
  vertical-align: middle;
}
.mdesign .header .mainmenu ul li.active {
  color: #fff;
  background: transparent;
}
.mdesign .header .mainmenu ul li.active a {
  color: #000;
  font-weight: bold;
}
.mdesign .header .mainmenu ul li.uinfo {
  padding: 0;
}
.mdesign .header .mainmenu ul li.uinfo a {
  text-align: center;
  width: 110px;
}
.mdesign .header .mainmenu ul li.uinfo .icon {
  display: none;
}
.mdesign .header .mainmenu ul li.uinfo.active {
  background: transparent;
}
.mdesign .header .mainmenu ul li.uinfo.active a {
  color: #000;
  font-weight: bold;
}
.mdesign .header .mainmenu ul li.uinfo.logged {
  padding-left: 16px;
}
.mdesign .header .mainmenu ul li.uinfo.logged a {
  width: auto;
}
@media (max-width: 767px) {
  .header .headtop {
    height: 90px;
  }
  .header .headtop .imgblock {
    width: 50%;
  }
  .header .headtop .details {
    width: 50%;
    height: 90px;
  }
  .header .headtop .details .pos {
    position: relative;
    padding: 10px 0 0;
    height: 90px;
    overflow: hidden;
  }
  .header .headtop .details .name {
    font-size: 12px;
    width: auto;
    font-weight: bold;
  }
  .header .headtop .details .addr {
    min-height: 12px;
    font-size: 10px;
    width: auto;
  }
  .header .headtop .details .contact {
    width: auto;
    font-size: 10px;
  }
  .header .headtop .btnplaceorder {
    display: none;
  }
}
.deliverybox {
  padding: 0 15px 20px;
  margin: 0 -15px;
  font-size: 16px;
  position: relative;
}
.deliverybox .icon {
  margin-right: 0;
}
.deliverybox .dtype {
  float: left;
  font-size: 14px;
  text-align: center;
}
.deliverybox .dtype i {
  font-size: 42px;
}
.deliverybox .dtype .atype {
  display: block;
}
.deliverybox .details,
.deliverybox .details-addr {
  font-size: 15px;
  margin-left: 60px;
  margin-right: 20px;
  display: block;
}
.deliverybox .details .desc,
.deliverybox .details-addr .desc {
  color: #6e6e6e;
}
.deliverybox .details .info,
.deliverybox .details-addr .info {
  color: #000;
}
.deliverybox .details .info:last-child,
.deliverybox .details-addr .info:last-child {
  margin-right: 0;
}
.deliverybox .details-addr {
  font-size: 15px;
  margin-left: 60px;
  margin-right: 20px;
  display: block;
}
.deliverybox .button {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .deliverybox {
    padding: 0 0 25px 0;
    margin-left: 0;
    margin-right: 0;
  }
  .deliverybox .dtype {
    display: block;
  }
  .deliverybox .dtype:before,
  .deliverybox .dtype:after {
    content: " ";
    display: table;
  }
  .deliverybox .dtype:after {
    clear: both;
  }
  .deliverybox .dtype:before,
  .deliverybox .dtype:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .deliverybox .dtype:after {
    clear: both;
  }
  .deliverybox .dtype {
    text-align: center;
    margin-bottom: 10px;
  }
  .deliverybox .infobox {
    border: 0;
  }
  .deliverybox .infobox.post-button a.button {
    display: block;
    position: absolute;
    right: 0;
    top: auto;
    width: auto;
    border: 0;
    text-align: center;
    padding: 10px;
  }
  .deliverybox .details {
    font-size: 15px;
    margin-right: 35px;
    display: block;
  }
  .deliverybox .details .desc {
    display: inline-block;
    margin-right: 5px;
    float: none;
  }
  .deliverybox .details .info {
    margin-right: 5px;
    display: inline-block;
    float: none;
  }
  .deliverybox .details-addr {
    margin-right: 35px;
  }
}
.rotater.rotater-md {
  font-size: 24px;
}
.rotater {
  line-height: 0;
}
.rotater i {
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  display: inline-block;
  line-height: 0;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.aUseDefaultSlot {
  text-decoration: underline;
}
.aUseDefaultSlot:hover {
  text-decoration: none;
}
.mdesign .checkoutstep1 .section-central > h2,
.mdesign .checkoutstep2 .section-central > h2,
.mdesign .checkoutstep3 .section-central > h2,
.mdesign .checkoutstep4 .section-central > h2,
.mdesign .checkoutstepconfirm .section-central > h2,
.mdesign .checkoutstepthankyou .section-central > h2 {
  padding-left: 10px;
}
.mdesign .infobox {
  box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.4);
  padding: 10px 28px 15px;
  border: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.mdesign .infobox.post-button a.button span {
  margin-top: -10px;
}
.mdesign .tabdisplay {
  box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.4);
  padding: 10px;
  background: #fff;
}
@media (min-width: 768px) {
  .slot-details .defaultSlotClass:nth-child(2n+1),
  .slot-details .slotClass:nth-child(2n+1) {
    clear: left;
  }
}
.btn-group.btn-group-spoon {
  display: block;
  width: 100%;
}
.btn-group.btn-group-spoon .btn {
  border: solid 2px #36454f;
  background: #fff;
  color: #36454f;
  text-align: center;
  text-transform: uppercase;
  width: 50%;
  padding: 16px 0;
  font-size: 20px;
  border-radius: 4px;
}
.btn-group.btn-group-spoon .btn.btn-block {
  width: 100% !important;
}
.btn-group.btn-group-spoon .btn.active {
  background: #36454f;
  color: #fff;
}
.btn-group.btn-group-spoon .btn.active:hover,
.btn-group.btn-group-spoon .btn.active:focus {
  box-shadow: none;
  background: #36454f;
}
.btn-group.btn-group-spoon .btn:hover,
.btn-group.btn-group-spoon .btn:focus {
  box-shadow: none;
  background: #d2d2d2;
}
.btn-group.btn-group-spoon .btn.btn-frameonly.active {
  box-shadow: none;
  background: #fff !important;
  color: #36454f !important;
}
.btn-group.btn-group-spoon .btn.btn-frameonly.active:hover,
.btn-group.btn-group-spoon .btn.btn-frameonly.active:focus {
  box-shadow: none;
  color: #36454f !important;
}
.btn-group.btn-group-spoon .btn.btn-frameonly:hover,
.btn-group.btn-group-spoon .btn.btn-frameonly:focus {
  box-shadow: none;
  color: #36454f !important;
}
.btn-group.btn-group-spoon .btn + .btn,
.btn-group.btn-group-spoon .btn + .btn-group,
.btn-group.btn-group-spoon .btn-group + .btn,
.btn-group.btn-group-spoon .btn-group + .btn-group {
  margin-left: -2px;
}
@media (min-width: 992px) {
  .btn-group.btn-group-spoon .btn {
    font-size: 24px;
  }
}
.infopopup:before,
.infopopup:after {
  content: " ";
  display: table;
}
.infopopup:after {
  clear: both;
}
.infopopup:before,
.infopopup:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.infopopup:after {
  clear: both;
}
.infopopup > *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.infopopup .featimg {
  display: table-cell;
  padding-right: 20px;
  vertical-align: top;
}
.infopopup .featimg img {
  max-width: 200px;
  margin-bottom: 5px;
}
.infopopup .cont {
  display: table-cell;
  vertical-align: top;
}
.modal-dialog.modal-lg {
  max-width: 800px;
}
@media only screen and (min-width: 992px) {
  .modal-dialog.modal-lg {
    width: 800px;
    max-width: 100%;
  }
}
.mapdisplay {
  width: 100%;
  height: 500px;
}
.mapdisplay .key {
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 0;
  width: 180px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 8;
  padding: 0 10px 10px;
}
.mapdisplay .key h3 {
  margin-top: 0;
  font-size: 18px;
}
.mapdisplay .key .keyitems .item {
  margin-bottom: 5px;
  cursor: pointer;
}
.mapdisplay .key .keyitems .item .ind {
  display: inline-block;
  margin-right: 5px;
  width: 20px;
  height: 10px;
}
.mapdisplay .map {
  position: absolute;
  top: 20px;
  right: 0;
  left: 190px;
  bottom: 0;
  z-index: 10;
}
/*Allows display of set of 3 images*/
.imgrow {
  display: table-row;
}
.imgrow:before,
.imgrow:after {
  content: " ";
  display: table;
}
.imgrow:after {
  clear: both;
}
.imgrow:before,
.imgrow:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.imgrow:after {
  clear: both;
}
.imgrow .col {
  width: 33.33%;
  padding: 2px;
  display: table-cell;
  vertical-align: middle;
}
.imgrow .col img,
.imgrow .col .img-style {
  padding: 1px;
  border: solid 1px #dddddd;
  width: 100%;
}
.imgrow .col img .img-style-content,
.imgrow .col .img-style .img-style-content {
  background: #dddddd;
  height: 0;
  padding: 12px 0 64px;
}
.imgrow .col img .img-style-content .main,
.imgrow .col .img-style .img-style-content .main {
  font-size: 36px;
  line-height: 38px;
  text-align: center;
}
.imgrow .col img .img-style-content .sub,
.imgrow .col .img-style .img-style-content .sub {
  font-size: 12px;
  text-align: center;
}
.btn-group.user-login {
  width: 100%;
}
.btn-group.user-login label.btn {
  width: 50%;
  font-size: 22px;
}
.btn-group.user-login label.btn.btn-neutral {
  color: #004977;
  background-color: #fff;
  border-color: #004977;
}
.btn-group.user-login label.btn.btn-neutral.active {
  color: #fff;
  background-color: #004977;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-group.user-login .btn input {
  display: none;
}
.btn-group.user-login.i3 label.btn {
  width: 33.33%;
  font-size: 22px;
}
.btn-group.user-login.i4 label.btn {
  width: 25%;
  font-size: 18px;
}
.btn-group.paymenttype {
  display: block;
  margin-bottom: 20px;
}
.btn-group.paymenttype:before,
.btn-group.paymenttype:after {
  content: " ";
  display: table;
}
.btn-group.paymenttype:after {
  clear: both;
}
.btn-group.paymenttype:before,
.btn-group.paymenttype:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.btn-group.paymenttype:after {
  clear: both;
}
.btn-group.paymenttype .aspNetDisabled {
  display: none;
}
.btn-group.paymenttype .btn.disabled:hover {
  cursor: not-allowed;
}
.btn-group.paymenttype label.btn {
  float: unset;
  text-align: left;
  color: #000000;
  padding: unset;
}
.btn-group.paymenttype label.btn :active {
  box-shadow: none;
}
.btn-group.paymenttype label.btn.active {
  box-shadow: none;
}
.btn-group.paymenttype label.btn.btn-neutral {
  color: #004977;
  background-color: #fff;
  border-color: #004977;
}
.btn-group.paymenttype label.btn.btn-neutral.active {
  color: #fff;
  background-color: #004977;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-group.paymenttype.i3 label.btn {
  width: 33.33%;
  font-size: 22px;
}
.btn-group.paymenttype.i4 label.btn {
  width: 25%;
  font-size: 18px;
}
@media (max-width: 767px) {
  .btn-group.paymenttype label.btn {
    white-space: normal;
    font-size: 16px;
  }
}
.fielddisplay {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .form-inline.searchbox .form-group {
    vertical-align: top;
  }
}
/* Validation */
.error {
  color: #b94a48;
}
div.error:before,
span.error:before {
  content: "\f071";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 80%;
  margin-right: 4px;
  margin-left: 2px;
}
.mdesign .error {
  text-align: left;
}
input.error,
select.error,
textarea.error {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.customerdeletion #firstconfirm,
.customerdeletion #secondconfirm {
  font-size: 140%;
  padding: 30px 0;
  display: none;
}
/*Date time Custom field*/
.dtitem.col-sm-3,
.dtitem.col-sm-4 {
  padding-left: 0 !important;
  padding-right: 5px !important;
}
.delZoneSingle,
locationCodeSingle {
  text-align: left !important;
  padding-top: 7px !important;
}
.delZoneSingle .text-label,
locationCodeSingle .text-label {
  color: black;
}
.icon-note.has-note {
  color: darkgrey;
}
.icon-note {
  color: #dfdfdf;
  display: block;
  width: 14px;
  height: 10px;
  margin-left: -14px;
  cursor: pointer;
  padding-right: 18px;
  float: left;
}
.icon-note:after {
  font-family: "Glyphicons Halflings";
  content: "\e111";
}
.ctrModifierItem {
  padding: 2px;
}
.multiselect-container a {
  text-decoration: none !important;
}
.no-remove .ordersummary .content .item .price .btn.btn-xs,
.no-remove .ordersummary .section .item .price .btn.btn-xs {
  display: none !important;
}
.no-remove .ordersummary .content .item .name .subtext,
.no-remove .ordersummary .section .item .name .subtext {
  display: none !important;
}
.no-remove .ordersummary .content .section .item .name .subtext,
.no-remove .ordersummary .section .section .item .name .subtext {
  display: none !important;
}
.col-tight {
  padding-left: 1px;
  padding-right: 1px;
}
/* Layout for AutoPopulate Address on Delivery address field*/
@media all and (min-width: 768px) {
  div.pac-container {
    width: 500px !important;
  }
}
.icon-text-align a {
  display: inline-block;
  vertical-align: middle;
}
/* Code Start for Input Mask*/
.shell {
  position: relative;
  line-height: 1;
}
.shell span {
  position: absolute;
  left: 3px;
  top: 1px;
  color: #ccc;
  pointer-events: none;
  z-index: -1;
  font-weight: bold;
}
.shell span i {
  font-style: normal;
  /* any of these 3 will work */
  color: transparent;
  opacity: 0;
  visibility: hidden;
}
.masked,
.shell span {
  font-size: 16px;
  font-family: monospace;
  padding-right: 10px;
  background-color: transparent;
}
.mnBasket {
  display: none !important;
}
.section-info,
.section-ordersummary {
  /*width: 302px;*/
  padding-bottom: 60px;
}
.section-info .fixer,
.section-ordersummary .fixer {
  width: 100%;
  background: #fff;
}
@media (max-width: 767px) {
  .section-info,
  .section-ordersummary {
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px #d7d7d7;
  }
  .section-info .fixer,
  .section-ordersummary .fixer {
    box-shadow: none;
  }
}
.section-ordersummary {
  background: #fff;
}
.cardoptions {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .section-ordersummary.affix,
  .section-ordersummary.fixed {
    position: relative;
    z-index: 50;
  }
  .section-ordersummary.affix .fixer,
  .section-ordersummary.fixed .fixer {
    position: fixed;
    top: 100px;
  }
  .section-ordersummary.fixed-bottom {
    position: relative;
    z-index: 50;
  }
  .section-ordersummary.fixed-bottom .fixer {
    position: fixed;
  }
}
.review-container {
  max-width: 22.5rem;
  margin: 0 auto;
}
.review-container .review-button {
  width: 100%;
  border-radius: 16px;
}
.radiopictures {
  width: 100%;
}
.radiopictures tr {
  background-color: white;
  /*border-radius: 4px;*/
}
.radiopictures td {
  text-align: center;
}
.radiopictures label {
  display: block;
  margin-right: 10px;
  transform: scale3d(0.8, 0.8, 1);
  transition: transform ease-in-out 100ms, opacity ease-in-out 100ms;
  width: 50px;
  height: 50px;
  max-width: 100%;
  max-height: 100%;
  text-align: left;
  text-indent: -5000px;
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
}
.radiopictures .opt1 label {
  background-image: url(/images/reviewscale/smiley1-grey.png);
}
.radiopictures .opt1 input:checked + label,
.radiopictures .opt1 label:hover {
  background-image: url(/images/reviewscale/smiley1-col.png);
}
.radiopictures .opt2 label {
  background-image: url(/images/reviewscale/smiley2-grey.png);
}
.radiopictures .opt2 input:checked + label,
.radiopictures .opt2 label:hover {
  background-image: url(/images/reviewscale/smiley2-col.png);
}
.radiopictures .opt3 label {
  background-image: url(/images/reviewscale/smiley3-grey.png);
}
.radiopictures .opt3 input:checked + label,
.radiopictures .opt3 label:hover {
  background-image: url(/images/reviewscale/smiley3-col.png);
}
.radiopictures .opt4 label {
  background-image: url(/images/reviewscale/smiley4-grey.png);
}
.radiopictures .opt4 input:checked + label,
.radiopictures .opt4 label:hover {
  background-image: url(/images/reviewscale/smiley4-col.png);
}
.radiopictures .opt5 label {
  background-image: url(/images/reviewscale/smiley5-grey.png);
}
.radiopictures .opt5 input:checked + label,
.radiopictures .opt5 label:hover {
  background-image: url(/images/reviewscale/smiley5-col.png);
}
.radiopictures input {
  display: none;
}
.radiopictures input:checked + label,
.radiopictures label:hover {
  transform: scale3d(1, 1, 1);
  opacity: 0.6;
}
.radiopictures input:checked + label {
  opacity: 1 !important;
}
.section-ordersummary .glyphicon {
  color: var(--web-theme-primary);
}
.checkout-flow {
  /*.addressbillinglistoutput
    {*/
  /*}*/
}
.checkout-flow input[type=radio],
.checkout-flow input[type=checkbox] {
  accent-color: var(--web-theme-primary);
}
.checkout-flow h2.checkout-section {
  font-size: 22px;
  font-weight: bold;
  padding: 10px 0;
  margin: 0 0 5px;
}
.checkout-flow h2.checkout-section > a {
  float: right;
  text-decoration: none;
  font-size: 20px;
}
.checkout-flow h2.checkout-section > a .open-icon {
  display: block;
}
.checkout-flow h2.checkout-section > a .close-icon {
  display: none;
}
.checkout-flow h2.checkout-section > a.on .open-icon {
  display: none;
}
.checkout-flow h2.checkout-section > a.on .close-icon {
  display: block;
}
.checkout-flow h3.checkout-error {
  background: #8b00009c;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 15px;
  margin: 0 0 15px;
}
.checkout-flow h3.checkout-subsection {
  border-radius: 2px;
  font-weight: bold;
  padding: 10px 10px;
  margin: 0;
  background: #d1d1d1;
}
.checkout-flow .checkout-content {
  padding: 7px 0;
  margin: 0;
}
.checkout-flow .slot-align-spacer {
  display: none;
}
.checkout-flow .dvEvents .control-label {
  position: relative;
  top: 5px;
  left: 8px;
}
.checkout-flow .dvEvents .dvEventCheck {
  padding-top: 13px;
}
.checkout-flow .dvEventFieldTitle {
  margin-top: 0;
}
.checkout-flow .BillingDetails {
  padding: 7px 0 12px 0;
}
.checkout-flow .BillingDetails label {
  width: 100%;
  font-weight: 500;
  font-size: 16px;
}
.checkout-flow .BillingDetails .dvTermsConditions .checkbox {
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.checkout-flow .BillingDetails .dvTermsConditions .checkbox span {
  position: static;
}
.checkout-flow .BillingDetails .dvTermsConditions .checkbox span input[type=checkbox] {
  margin: 0;
  margin-right: calc(1rem * 0.5);
  float: none;
}
.checkout-flow .BillingDetails .checkbox .spanText {
  top: 3px;
}
.checkout-flow .BillingDetails .checkbox .chkControl {
  position: relative;
  left: -10px;
}
.checkout-flow .BillingDetails .checkbox span {
  position: relative;
}
@media (min-width: 768px) {
  .checkout-flow .slot-align-spacer {
    height: 40px;
    display: block;
  }
}
.checkout-flow .add-card-link {
  color: var(--web-theme-primary);
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 15px;
  padding: 9px 12px;
  border-radius: 5px;
  text-align: center;
}
.checkout-flow .add-card-link i {
  vertical-align: text-top;
}
.checkout-flow .new-address-link,
.checkout-flow .add-card-link {
  display: block;
  border: solid 2px var(--web-theme-primary);
  color: var(--web-theme-primary);
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-transform: capitalize;
}
.checkout-flow .selAddr {
  display: block;
  font-weight: bold;
  font-size: 14px;
}
.checkout-flow .addr-select {
  min-height: 102px;
  display: block;
  padding: 8px;
  margin: 0 0 8px;
  border-radius: 5px;
  font-size: 14px;
  color: var(--web-theme-primary);
  text-decoration: none;
  line-height: 15px;
  border: solid 2px var(--web-theme-primary);
  margin-top: -16;
  z-index: 1;
}
.checkout-flow .addr-select:hover {
  text-decoration: none;
  background-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
}
.checkout-flow .addr-select.active {
  background-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
}
.checkout-flow .addr-close {
  float: right;
  margin: 6px 6px 0 0;
  z-index: 2;
}
.checkout-flow .addr-close.active {
  display: none;
}
.checkout-flow .col-sm-3:nth-child(4n+5) {
  clear: left;
}
.paymentBannerNotice {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background: #f1f1f1;
  z-index: 999999;
  text-align: center;
  color: #000;
  opacity: 0;
  transition: opacity ease 1000ms;
}
.paymentBannerNotice p {
  padding: 0;
  margin: 0;
}
.paymentBannerNotice.open {
  display: block;
  opacity: 1;
}
.paymentBannerNotice .dismiss {
  position: absolute;
  top: 10px;
  right: 5px;
}
.section-thankyou {
  padding: 20px 0 0;
}
.section-thankyou h1 {
  margin-bottom: 20px;
}
.section-thankyou h2 {
  margin-top: 0;
}
.section-thankyou .deliverybox {
  border-bottom: 0;
}
.section-thankyou .orderinfo-main {
  font-size: 16px;
}
.section-thankyou .orderinfo-main p {
  margin-bottom: 5px;
}
.section-thankyou .orderinfo-main .orderinfo-sub {
  font-size: 12px;
  margin: 0;
}
.section-thankyou .section-orderinfo {
  border-top: solid 1px #e5e5e5;
  padding: 20px 20px 0;
}
.section-thankyou .section-orderinfo h2.section-header {
  margin: 0 -20px 20px;
}
.section-thankyou .section-orderinfo .orderinfo-slotdetails {
  background: #efefef;
  padding: 20px;
  margin: 0 -20px 20px;
}
.section-thankyou .section-orderinfo .orderinfo-slotdetails h3 {
  margin: 0;
  padding: 0;
}
.section-thankyou .section-orderinfo .orderinfo-slotselection {
  margin-bottom: 20px;
}
.section-thankyou .section-orderinfo .orderinfo-slotselection .menu-menusel {
  margin-bottom: 10px;
}
.section-thankyou .section-orderinfo .orderinfo-slotselection .menu-qty {
  display: inline-block;
  width: 40px;
}
.section-thankyou .section-orderinfo .orderinfo-slotselection .menu-selection {
  font-size: 12px;
}
.section-thankyou .section-orderinfo .orderinfo-slotselection .menu-ind-price {
  padding-left: 40px;
}
.icon {
  background: url(/images/iconsspritev3.png) no-repeat 0 0;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  text-indent: -5000px;
}
.icon.icon-hot,
.icon.icon-veg,
.icon.icon-vegan,
.icon.icon-gfree,
.icon.icon-dfree,
.icon.icon-halal,
.icon.icon-kosher,
.icon.icon-custom {
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 1.5rem;
  width: 1.5rem;
  margin-left: calc(1rem * 0.25);
}
.icon.icon-hot:first-child,
.icon.icon-veg:first-child,
.icon.icon-vegan:first-child,
.icon.icon-gfree:first-child,
.icon.icon-dfree:first-child,
.icon.icon-halal:first-child,
.icon.icon-kosher:first-child,
.icon.icon-custom:first-child {
  margin-left: 0;
}
.icon.icon-poweredby {
  width: 190px;
  height: 45px;
  background-position: 0 -251px;
}
.icon.icon-user {
  width: 26px;
  height: 26px;
  background-position: 0 0;
}
.icon.icon-star {
  width: 19px;
  height: 19px;
  background-position: -45px 0;
}
.icon.icon-spice {
  width: 19px;
  height: 19px;
  background-position: -64px 0;
}
.icon.icon-help {
  width: 19px;
  height: 19px;
  background-position: -83px 0;
}
.icon.icon-close {
  width: 23px;
  height: 24px;
  background-position: -166px -155px;
}
.icon.icon-van {
  width: 41px;
  height: 33px;
  background-position: 0 -27px;
}
.icon.icon-collect {
  width: 28px;
  height: 33px;
  background-position: -41px -27px;
}
.icon.icon-user-alt {
  width: 30px;
  height: 32px;
  background-position: -92px -190px;
}
.icon.icon-user-reg {
  width: 34px;
  height: 29px;
  background-position: -92px -222px;
}
.icon.icon-card {
  width: 33px;
  height: 25px;
  background-position: -122px -190px;
}
.icon.icon-print {
  width: 17px;
  height: 17px;
  background-position: -102px 0;
}
.icon.icon-userlarge {
  width: 92px;
  height: 92px;
  background-position: 0 -155px;
}
.icon.icon-vanlarge {
  width: 112px;
  height: 92px;
  background-position: -78px -60px;
}
.icon.icon-collectlarge {
  width: 77px;
  height: 95px;
  background-position: 0 -60px;
}
.icon.icon-paypal {
  width: 131px;
  height: 33px;
  background-position: -69px -27px;
}
.icon.icon-cvv {
  width: 74px;
  height: 35px;
  background-position: -92px -155px;
}
.icon.icon-radio {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  border: solid 4px #ffffff;
  background: #fff;
  position: relative;
  right: 22px;
  -webkit-box-shadow: 0 0 2px #777;
  box-shadow: 0 0 2px #777;
}
.icon.icon-radio.hover,
.icon.icon-radio:hover {
  -webkit-box-shadow: 0 0 2px #000;
  box-shadow: 0 0 2px #000;
}
.btn.active .icon.icon-radio {
  background: #666666;
}
.btn.active .icon.icon-radio.hover,
.btn.active .icon.icon-radio:hover {
  -webkit-box-shadow: 0 0 2px #777;
  box-shadow: 0 0 2px #777;
}
/*Categories*/
.wrapper {
  min-height: calc(100vh - 15.5rem);
}
.wrapper .header-banner-container .header-banner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 2.52/1;
}
@media only screen and (min-width: 768px) {
  .wrapper .header-banner-container .header-banner {
    aspect-ratio: 6.6/1;
  }
}
.wrapper .header-banner-container.custom-banner {
  display: flex;
  gap: calc(1rem * 0.5);
}
.wrapper .header-banner-container.custom-banner > * {
  flex: 1;
}
.wrapper .header-banner-container.custom-banner .banner-image-1,
.wrapper .header-banner-container.custom-banner .banner-image-2 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 2.52/1;
}
.wrapper .header-banner-container.custom-banner .hlBannerImage2 {
  /*.max(@md {
                    
                }

                );*/
}
@media only screen and (max-width: 767px) {
  .wrapper .header-banner-container.custom-banner .hlBannerImage2 {
    display: none;
  }
}
.wrapper .header-banner-container.custom-banner .banner-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.wrapper .header-banner-container.custom-banner .banner-content h4 {
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .wrapper .header-banner-container.custom-banner {
    position: relative;
  }
  .wrapper .header-banner-container.custom-banner .banner-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffffdd;
    border-radius: calc(1rem * 0.25);
    padding: calc(1rem * 0.5);
    width: max-content;
  }
  .wrapper .header-banner-container.custom-banner .banner-content p {
    display: none;
  }
}
.wrapper .header-banner-container.custom-banner.summary-banner {
  flex-direction: column;
  margin-bottom: 1rem;
}
.wrapper .header-banner-container.custom-banner.summary-banner.content-overlay .banner-image-1 {
  aspect-ratio: 1.52/1;
}
@media only screen and (max-width: 767px) {
  .wrapper .header-banner-container.custom-banner.summary-banner.content-overlay .banner-image-1 {
    aspect-ratio: 2.52/1;
  }
}
.wrapper .header-banner-container.custom-banner.content-bottom {
  flex-direction: column-reverse;
}
.wrapper .header-banner-container.custom-banner.content-left .hlBannerImage1,
.wrapper .header-banner-container.custom-banner.content-left .banner-image-1 {
  order: 1;
}
.wrapper .header-banner-container.custom-banner.content-left .hlBannerImage2,
.wrapper .header-banner-container.custom-banner.content-left .banner-image-2 {
  order: 2;
}
.wrapper .header-banner-container.custom-banner.content-left .banner-content {
  order: 0;
}
.wrapper .header-banner-container.custom-banner.content-center .hlBannerImage1,
.wrapper .header-banner-container.custom-banner.content-center .banner-image-1 {
  order: 0;
}
.wrapper .header-banner-container.custom-banner.content-center .hlBannerImage2,
.wrapper .header-banner-container.custom-banner.content-center .banner-image-2 {
  order: 2;
}
.wrapper .header-banner-container.custom-banner.content-center .banner-content {
  order: 1;
}
.wrapper .header-banner-container.custom-banner.content-overlay {
  position: relative;
}
.wrapper .header-banner-container.custom-banner.content-overlay .banner-image-1 {
  aspect-ratio: 5.52/1;
}
@media only screen and (max-width: 767px) {
  .wrapper .header-banner-container.custom-banner.content-overlay .banner-image-1 {
    aspect-ratio: 2.52/1;
  }
}
.wrapper .header-banner-container.custom-banner.content-overlay .banner-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffffdd;
  border-radius: calc(1rem * 0.25);
  padding: calc(1rem * 0.5);
  width: max-content;
  max-width: 95%;
}
.wrapper .header-banner-container.custom-banner.content-overlay .banner-content h4 {
  margin-top: 0;
  margin-bottom: calc(1rem * 0.5);
}
.wrapper .header-banner-container.custom-banner.content-overlay .banner-content p {
  margin-bottom: calc(1rem * 0.5);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wrapper .page-block {
  padding: 0;
}
.wrapper .page-block .main-page {
  min-height: 39vh;
}
.wrapper .page-block .main-page.menu-page .top-block {
  position: sticky;
  top: 4rem;
  z-index: 2;
}
.wrapper .page-block .main-page.menu-page .top-block .fixed-block {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  padding: 10px 0;
  background-color: #fff;
  box-shadow: 0px 6px 20px rgba(17, 21, 22, 0.08);
}
.wrapper .page-block .main-page.menu-page .top-block .fixed-block:before,
.wrapper .page-block .main-page.menu-page .top-block .fixed-block:after {
  content: " ";
  display: table;
}
.wrapper .page-block .main-page.menu-page .top-block .fixed-block:after {
  clear: both;
}
.wrapper .page-block .main-page.menu-page .top-block .fixed-block:before,
.wrapper .page-block .main-page.menu-page .top-block .fixed-block:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.wrapper .page-block .main-page.menu-page .top-block .fixed-block:after {
  clear: both;
}
.wrapper .page-block .main-page.menu-page .top-block .fixed-block .category-section {
  flex: 1 1 auto;
  min-width: 0;
}
.wrapper .page-block .main-page.menu-page .top-block .fixed-block .category-block,
.wrapper .page-block .main-page.menu-page .top-block .fixed-block .md-menu-category-wrapper,
.wrapper .page-block .main-page.menu-page .top-block .fixed-block .nav-category-list {
  min-width: 0;
  max-width: 100%;
}
.wrapper .page-block .main-page.menu-page .top-block .fixed-block .actions-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-items: stretch;
  flex-shrink: 0;
  padding: 0 1rem;
  gap: 1rem;
  flex: 0 0 auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .wrapper .page-block .main-page.menu-page .top-block .fixed-block .actions-wrapper {
    display: none;
  }
}
.wrapper .page-block .main-page.menu-page .top-block .fixed-block .actions-wrapper > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #EBEAEA;
  padding-left: 1rem;
}
.wrapper .page-block .main-page.menu-page .top-block .branding-logo {
  margin-left: calc(1rem * 1.5);
  border-right: 1px solid #EBEAEA;
}
.wrapper .page-block .main-page.menu-page .top-block .branding-logo.mobile-view {
  margin: 0;
}
.wrapper .page-block .main-page.menu-page .top-block .branding-logo img {
  margin-right: calc(1rem * 1.5);
  height: 4rem;
}
.wrapper .page-block .main-page.menu-page .top-block .branding-logo + .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist {
  max-width: calc(100vw - 61%);
}
@media only screen and (min-width: 992px) {
  .wrapper .page-block .main-page.menu-page .top-block .branding-logo + .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist {
    max-width: calc(100vw - 29%);
  }
}
@media only screen and (min-width: 1200px) {
  .wrapper .page-block .main-page.menu-page .top-block .branding-logo + .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist {
    max-width: calc(100vw - 24%);
  }
}
@media only screen and (min-width: 1400px) {
  .wrapper .page-block .main-page.menu-page .top-block .branding-logo + .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist {
    max-width: calc(100vw - 21%);
  }
}
@media only screen and (min-width: 1920px) {
  .wrapper .page-block .main-page.menu-page .top-block .branding-logo + .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist {
    max-width: calc(100vw - 16%);
  }
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper {
  text-align: center;
  padding: 0 calc(1rem * 1.5);
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper {
  text-align: left;
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist {
  margin: 0 1rem;
  padding: 0;
  list-style-type: none;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  max-width: calc(100vw - 34vw);
}
@media only screen and (min-width: 992px) {
  .wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist {
    max-width: calc(100vw - 28vw);
  }
}
@media only screen and (min-width: 1200px) {
  .wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist {
    max-width: calc(100vw - 21vw);
  }
}
@media only screen and (min-width: 1400px) {
  .wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist {
    max-width: calc(100vw - 18vw);
  }
}
@media only screen and (min-width: 1920px) {
  .wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist {
    max-width: calc(100vw - 15vw);
  }
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist > li {
  margin: 0;
  padding: 0 calc(1rem * 0.5);
  display: inline-block;
  font-size: 1rem;
  line-height: 1.125rem;
  position: relative;
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist > li:first-child {
  padding-left: 0;
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist > li:last-child {
  padding-right: 0;
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist > li a {
  display: block;
  color: #706B76;
  text-decoration: none;
  font-weight: 500;
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist > li a:focus,
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist > li a:hover,
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist > li a:active {
  color: var(--web-theme-primary);
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist > li a.active {
  font-weight: 700;
  color: var(--web-theme-primary);
  background: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  padding: calc(1rem * 0.5);
  border-radius: 4px;
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist > li::after {
  content: " ";
  display: block;
  border-right: solid 1px #EBEFF4;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 0;
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper .nav-categorylist > li:last-child::after {
  display: none;
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper a.chevrons {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin: 0 calc(1rem * 0.25) 0 0;
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper a.chevrons.scroll-next {
  transform: scaleX(-1);
  margin: 0 0 0 calc(1rem * 0.25);
}
.wrapper .page-block .main-page.menu-page .top-block .category-block .menu-category-wrapper .md-menu-category-wrapper a.chevrons.disabled {
  pointer-events: none;
  cursor: default;
}
.wrapper .page-block .main-page.menu-page .top-block .details {
  margin: 0 1.5rem;
}
.wrapper .page-block .main-page.menu-page .top-block .details .slotinfo .slotinfo-selection {
  color: var(--web-theme-primary);
}
.wrapper .page-block .main-page.menu-page .top-block .details .slotinfo .slotinfo-selection span {
  line-height: 2.635rem;
  vertical-align: top;
}
.wrapper .page-block .main-page.menu-page .top-block .details .slotinfo .slotinfo-selection .dvAddSlot {
  display: inline-block;
}
.wrapper .page-block .main-page.menu-page .top-block .details .slotinfo .slotinfo-selection .dvAddSlot .slotselectiontoggle {
  color: var(--web-theme-primary);
  text-decoration: none;
  padding: calc(1rem * 0.5) calc(1rem * 0.75);
  border: 1px solid transparent;
}
.wrapper .page-block .main-page.menu-page .top-block .details .slotinfo .slotinfo-selection .dvAddSlot .slotselectiontoggle:before {
  content: '\002B';
  margin-right: 0.25rem;
}
.wrapper .page-block .main-page.menu-page .top-block .details .slotinfo .slotinfo-selection .dvAddSlot .slotselectiontoggle:hover,
.wrapper .page-block .main-page.menu-page .top-block .details .slotinfo .slotinfo-selection .dvAddSlot .slotselectiontoggle:active,
.wrapper .page-block .main-page.menu-page .top-block .details .slotinfo .slotinfo-selection .dvAddSlot .slotselectiontoggle:focus {
  color: var(--web-theme-primary-hover);
  background: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  border-radius: calc(1rem * 0.5);
}
.wrapper .page-block .main-page.menu-page .top-block .details .slot-selection {
  margin-top: 1rem;
  display: flex;
}
.wrapper .page-block .main-page.menu-page .top-block .details .slot-selection .timepicker {
  width: auto;
  height: auto;
  display: inline-block;
  margin-right: 1rem;
  padding: calc(1rem * 0.5) calc(1rem * 1.75) calc(1rem * 0.5) 1rem;
  border-color: var(--web-theme-primary);
}
.wrapper .page-block .main-page.menu-page .top-block .details .slot-selection .timepicker:focus,
.wrapper .page-block .main-page.menu-page .top-block .details .slot-selection .timepicker:active {
  border-color: var(--web-theme-primary);
  box-shadow: 3px 3px 2px rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
}
.wrapper .page-block .main-page.menu-page .top-block .selectedFilters {
  padding: 1rem;
  margin: 0 1rem;
  border: 1px solid #EBEAEA;
  border-radius: 8px;
  background-color: #fff;
}
.wrapper .page-block .main-page.menu-page .top-block .selectedFilters > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: calc(1rem * 0.5);
}
.wrapper .page-block .main-page.menu-page .top-block .selectedFilters > div label {
  color: #706B76;
  font-size: calc(1rem * 0.875);
  font-weight: 500;
}
.wrapper .page-block .main-page.menu-page .top-block .selectedFilters > div + div {
  margin-top: 1rem;
}
.wrapper .page-block .main-page.menu-page main {
  /*Menus*/
}
.wrapper .page-block .main-page.menu-page main.container {
  max-width: 120rem;
  padding: 0 1rem;
}
@media only screen and (min-width: 1200px) {
  .wrapper .page-block .main-page.menu-page main .menulist {
    column-count: 2;
    column-width: 36rem;
    margin-bottom: calc(1rem * 2);
  }
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper {
  break-inside: avoid-column;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper.first-menu-item {
  break-before: column;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper.last-menu-item:not(.first-menu-item) {
  break-before: avoid-column;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu {
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: calc(1rem * 0.5);
  padding: 1.125rem;
  min-height: 8.063rem;
  transition: ease-in border 0.3s;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu:not(.open):hover {
  cursor: pointer;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu:not(.open):hover .details .menu-item-options .selectiontoggle {
  background: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  border: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu.open {
  border-color: var(--web-theme-primary);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu.open .details:hover {
  cursor: pointer;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu.open .details:hover .menu-item-options .selectiontoggle {
  background: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  border: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu.open .details .menu-item-basics .menu-item-header .menu-item-description {
  -webkit-line-clamp: unset;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details {
  position: relative;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-options .selectiontoggle {
  position: absolute;
  top: -4px;
  left: -8px;
  color: var(--web-theme-primary);
  padding: 0.5rem;
  border-radius: 50%;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-options .selectiontoggle:active,
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-options .selectiontoggle:focus,
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-options .selectiontoggle:hover {
  background: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  border: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-options .selectiontoggle .ic-open,
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-options .selectiontoggle.on .ic-close {
  display: block;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-options .selectiontoggle .ic-close,
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-options .selectiontoggle.on .ic-open {
  display: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-options .selectiontoggle.ic-lg {
  font-size: 42px;
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-options span.btn.disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-basics {
  margin: 0;
  padding-left: calc(1rem * 1.5);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-basics .menu-item-image {
  display: inline-block;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-basics .menu-item-image img {
  width: 100%;
  border-radius: 1.125rem;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-basics .menu-item-header {
  vertical-align: top;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-basics .menu-item-header .menu-item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-basics .menu-item-header .menu-item-title h2 {
  font-size: calc(1rem * 1.125);
  font-weight: 600;
  line-height: calc(1.125rem * 1.33);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details .menu-item-basics .menu-item-header .menu-item-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  font-size: calc(1rem * 0.875);
  margin: 0;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .details.withimg .menu-item-header {
  display: inline-block;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection {
  margin-top: 1rem;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection.is-sticky .menu-button-fixer {
  position: sticky;
  bottom: 0;
  background-color: #FDFDFD;
  z-index: 4;
  padding-bottom: calc(1rem * 1.25);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection.tickselection-active .dvPlusMinus .quantity-wrapper .input-group {
  display: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection .mod-item {
  margin-top: 1rem;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection .mod-item:first-child {
  margin: 0;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection .mod-item .mod-item-basics {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection .mod-item .mod-item-basics.modified-version {
  margin-top: calc(1rem * 0.5);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection .mod-item .mod-item-basics.modified-version .dvPlusMinus {
  margin-left: auto;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection .mod-item .mod-item-basics .mod-item-title {
  flex-wrap: nowrap;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection .mod-item .mod-item-basics .mod-item-title .toggle-details {
  display: inline-block;
  margin-left: -1.25rem;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection .mod-item .mod-item-basics .mod-item-title .toggle-details + .product-name {
  cursor: pointer;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection .mod-item .mod-item-basics .mod-item-title .modDescription {
  font-size: calc(1rem * 0.875);
  font-weight: 500;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection .mod-item .mod-item-basics .mod-item-title .modDescription .itemnote-wrapper {
  font-style: italic;
  font-size: calc(1rem * 0.875);
  display: block;
  margin-top: calc(1rem * 0.25);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection .mod-item .mod-item-basics .mod-item-title .mod-control {
  color: var(--web-theme-primary);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection .mod-item .mod-item-basics .mod-item-title .product-name {
  font-size: 1rem;
  display: inline-block;
  margin: 0;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menusection .mod-item .mod-item-basics div.error {
  width: 100%;
  font-size: calc(1rem * 0.875);
  text-align: right;
  padding: 0;
  padding-top: calc(1rem * 0.25);
  color: #FF3737;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .accordion .accordion-item .accordion-header .accordion-button {
  background-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  color: var(--web-theme-primary);
  font-weight: 500;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .accordion .accordion-item .accordion-header .accordion-button:after {
  content: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .accordion .accordion-item .accordion-header .accordion-button.collapsed {
  background-color: rgba(0, 0, 0, 0.1);
  color: inherit;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .accordion .accordion-item .accordion-header .accordion-button.collapsed:focus,
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .accordion .accordion-item .accordion-header .accordion-button.collapsed:active {
  border-color: #000;
  box-shadow: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .accordion .accordion-item .accordion-header .accordion-button:focus,
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .accordion .accordion-item .accordion-header .accordion-button:active {
  border-color: var(--web-theme-primary);
  box-shadow: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .accordion .accordion-item .accordion-header .accordion-button .selectinfo {
  margin-left: calc(1rem * 0.5);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .accordion .accordion-item .accordion-collapse {
  padding-left: 1rem;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .numpeople {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(1rem * 1.25);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .numpeople > .hide {
  display: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .numpeople .peopleselection > .error {
  width: 100%;
  font-size: calc(1rem * 0.875);
  text-align: right;
  padding: 0;
  padding-top: calc(1rem * 0.25);
  color: #FF3737;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menu-button-fixer {
  background-repeat: repeat-x;
  padding: calc(1rem * 0.5) calc(1rem * 1.25) 0;
  margin-top: calc(1rem * 1.25);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menu-button-fixer .mod-item-details-toggle {
  color: var(--web-theme-primary);
  text-decoration: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menu-button-fixer .mod-item-details-toggle i {
  font-size: calc(1rem * 0.875);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .menu-button-fixer .mod-item-details-toggle i.icon-closed {
  display: inline;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .also-includes {
  padding: 0 0 0 0;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .also-includes .menu-item-note {
  color: var(--web-theme-primary);
  font-size: 14px;
  text-decoration: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .also-includes .menu-item-note:hover,
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .also-includes .menu-item-note:active,
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .also-includes .menu-item-note:focus {
  background-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  padding: calc(1rem * 0.5);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .also-includes .toggle-details {
  display: inline-block;
  margin-left: -0.25rem;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .also-includes .toggle-details .mod-item-details-toggle {
  margin-left: -0.75rem;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .also-includes .toggle-details + .product-name {
  cursor: pointer;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .also-includes .product-name {
  font-size: 1rem;
  display: inline-block;
  margin: 0;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .modified-version .product-name {
  display: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .mod-control {
  font-size: calc(1rem * 1.125);
  text-decoration: none;
  display: inline-block;
  margin: 0 calc(1rem * 0.5) 0 0;
  line-height: 20px;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection table {
  margin: 0;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection table tr td {
  vertical-align: top;
  padding-top: 16px;
  padding-bottom: 4px;
  border-top: 0;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection table tr td:first-child {
  padding-left: 0;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection table tr td.price {
  text-align: right;
  width: 70px;
  position: relative;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection table tr td img {
  max-width: 100%;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection table tr:last-child td {
  border-bottom: 0;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection table tr.disabled td {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .portionheading {
  text-align: right;
  padding-right: 30px;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection .input-group-btn {
  vertical-align: top;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection.highlightall .selectinfo.itmexcess,
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .selection.highlightall .selectinfo.itmreq {
  color: #b94a48;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .mod-item-details .desc {
  font-size: calc(1rem * 0.875);
}
@media only screen and (min-width: 576px) {
  .wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .mod-item-details .desc {
    max-width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .mod-item-details .desc {
    max-width: 66%;
  }
}
@media only screen and (min-width: 992px) {
  .wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .mod-item-details .desc {
    max-width: 72%;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .mod-item-details .desc {
    max-width: 55%;
  }
}
@media only screen and (min-width: 1400px) {
  .wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .mod-item-details .desc {
    max-width: 63%;
  }
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .mod-item-details .desc ul {
  margin: 0;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .mod-item-details .desc ul li {
  line-height: 1.75rem;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .mod-item-details .desc ul li.allergen-list,
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .mod-item-details .desc ul li.ingredient-list {
  font-style: italic;
  font-weight: 500;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .mod-item-details-toggle {
  color: var(--web-theme-primary);
  font-size: calc(1rem * 0.875);
  font-weight: 500;
  text-decoration: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .mod-item-details-toggle i {
  font-size: calc(1rem * 0.875);
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .mod-item-details-toggle i.icon-open {
  display: inline-block;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .mod-item-details-toggle i.icon-closed {
  display: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .mod-item-details-toggle.active span.item-open {
  display: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .mod-item-details-toggle.active span.item-closed {
  display: inline-block;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .mod-item-details-toggle.active i.icon-open {
  display: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .mod-item-details-toggle.active i.icon-closed {
  display: inline;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .caloriesdesc {
  line-height: 22px;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description td {
  padding: 0 !important;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .contitminfo {
  padding: 5px 0;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .contitminfo .img {
  max-width: 35%;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .contitminfo .desc ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 85%;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .contitminfo .desc ul li {
  display: inline-block;
  list-style-type: none;
  margin: 3px 5px 0 0;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .contitminfo .desc ul li.allergen-list,
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .contitminfo .desc ul li.energy-info {
  display: block;
  font-style: italic;
  margin: 3px 0;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu-item-wapper .menu .menu-description .contitminfo .desc .ingredient-list {
  font-size: 80%;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu .menu-item-notebox,
.wrapper .page-block .main-page.menu-page main .menulist .also-includes .menu-item-notebox {
  display: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu .menu-item-notebox .tbItemNote,
.wrapper .page-block .main-page.menu-page main .menulist .also-includes .menu-item-notebox .tbItemNote,
.wrapper .page-block .main-page.menu-page main .menulist .menu .menu-item-notebox .tbAddItemNote,
.wrapper .page-block .main-page.menu-page main .menulist .also-includes .menu-item-notebox .tbAddItemNote {
  resize: vertical;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu.menu-tickselection .tickselection-active table tr td .dvPlusMinus {
  text-align: center;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu.menu-tickselection .tickselection-active table tr td .dvPlusMinus .grp-selection {
  display: none;
}
.wrapper .page-block .main-page.menu-page main .menulist .menu.menu-tickselection .tickselection-active table tr td .dvPlusMinus .selection-checkbox {
  display: block;
  text-align: right;
}
.wrapper .page-block .main-page.group-order-page {
  padding: calc(1rem * 1.75) 2.875rem;
}
.wrapper .page-block .main-page.group-order-page .top-btn-wrapper .icon-link {
  display: flex;
}
.wrapper .page-block .main-page.group-order-page h1 {
  font-size: 2rem;
  line-height: 2rem;
  color: #706B76;
}
.wrapper .page-block .main-page.group-order-page .page-section .info-wrapper {
  border: 1px solid var(--web-theme-primary);
  padding: calc(1rem * 0.5) 1rem;
  border-radius: calc(1rem * 0.5);
}
.wrapper .page-block .main-page.group-order-page .page-section .info-wrapper p {
  margin: 0;
  font-size: calc(1rem * 0.75);
}
.brochurepage .content-overlay .banner-image-1 {
  aspect-ratio: 3.52/1 !important;
}
@media only screen and (max-width: 767px) {
  .brochurepage .content-overlay .banner-image-1 {
    aspect-ratio: 2.52/1 !important;
  }
}
.menu.not-suitable {
  opacity: 0.4 !important;
}
.menu:not(.not-suitable) .item-not-suitable {
  opacity: 0.4 !important;
}
.dvPlusMinus,
.mod-item-count {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.dvPlusMinus .menu-noteselection,
.mod-item-count .menu-noteselection {
  padding: 0 0 0 0;
}
.dvPlusMinus .menu-noteselection .menu-item-note,
.mod-item-count .menu-noteselection .menu-item-note {
  color: var(--web-theme-primary);
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .dvPlusMinus .menu-noteselection .menu-item-note,
  .mod-item-count .menu-noteselection .menu-item-note {
    width: 2.25rem;
    height: 2.25rem;
    padding: 9px;
  }
  .dvPlusMinus .menu-noteselection .menu-item-note:hover,
  .mod-item-count .menu-noteselection .menu-item-note:hover,
  .dvPlusMinus .menu-noteselection .menu-item-note:active,
  .mod-item-count .menu-noteselection .menu-item-note:active,
  .dvPlusMinus .menu-noteselection .menu-item-note:focus,
  .mod-item-count .menu-noteselection .menu-item-note:focus {
    background-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
    border-radius: 50%;
  }
}
.dvPlusMinus .item-price,
.mod-item-count .item-price {
  margin: 0;
  font-family: "Lato", "Open Sans", sans-serif;
  margin-right: calc(1rem * 0.5);
  font-size: calc(1rem * 0.875);
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .dvPlusMinus .item-price,
  .mod-item-count .item-price {
    margin-right: calc(1rem * 1.5);
  }
}
.dvPlusMinus .item-price .dvPriceMod,
.mod-item-count .item-price .dvPriceMod {
  margin-left: 2px;
  font-size: 90%;
}
.dvPlusMinus .input-group,
.mod-item-count .input-group {
  width: auto;
  align-items: center;
}
.dvPlusMinus .input-group .change-quantity,
.mod-item-count .input-group .change-quantity {
  font-size: 1.75rem;
  text-decoration: none;
  color: var(--web-theme-primary);
  padding: calc(1rem * 0.25);
  text-align: center;
  width: 2.25rem;
}
.dvPlusMinus .input-group .change-quantity:before,
.mod-item-count .input-group .change-quantity:before {
  margin: 0;
}
.dvPlusMinus .input-group .change-quantity:hover,
.mod-item-count .input-group .change-quantity:hover,
.dvPlusMinus .input-group .change-quantity:focus,
.mod-item-count .input-group .change-quantity:focus,
.dvPlusMinus .input-group .change-quantity:active,
.mod-item-count .input-group .change-quantity:active {
  background-color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  border-radius: 50%;
}
.dvPlusMinus .input-group .change-quantity:disabled,
.mod-item-count .input-group .change-quantity:disabled,
.dvPlusMinus .input-group .change-quantity[disabled],
.mod-item-count .input-group .change-quantity[disabled],
.dvPlusMinus .input-group .change-quantity.disabled,
.mod-item-count .input-group .change-quantity.disabled {
  background-color: inherit;
}
.dvPlusMinus .input-group .qtyField,
.mod-item-count .input-group .qtyField {
  width: 3.563rem;
  border: 1px solid #8A8990;
  border-radius: calc(1rem * 0.5) !important;
  text-align: end;
}
.dvPlusMinus .input-group div.error,
.mod-item-count .input-group div.error {
  display: none !important;
}
.dvPlusMinus .btnSelectItem,
.mod-item-count .btnSelectItem {
  color: var(--web-theme-primary);
}
.dvPlusMinus .btnSelectItem:hover,
.mod-item-count .btnSelectItem:hover,
.dvPlusMinus .btnSelectItem:active,
.mod-item-count .btnSelectItem:active,
.dvPlusMinus .btnSelectItem:focus,
.mod-item-count .btnSelectItem:focus {
  color: var(--web-theme-primary-hover);
}
.dvPlusMinus .btnSelectItem .ic-off,
.mod-item-count .btnSelectItem .ic-off {
  display: inline-block;
}
.dvPlusMinus .btnSelectItem .ic-on,
.mod-item-count .btnSelectItem .ic-on {
  display: none;
}
.dvPlusMinus .btnSelectItem.on .ic-off,
.mod-item-count .btnSelectItem.on .ic-off {
  display: none;
}
.dvPlusMinus .btnSelectItem.on .ic-on,
.mod-item-count .btnSelectItem.on .ic-on {
  display: inline-block;
}
.dvPlusMinus .btnSelectItem[disabled],
.mod-item-count .btnSelectItem[disabled] {
  color: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.4);
  cursor: default;
}
.modal .modal-header .btn-close:focus,
.modal .modal-header .btn-close:active {
  box-shadow: none;
}
.modal .modal-body .modifier-section {
  border-bottom: 1px solid #EBEAEA;
  padding: 1rem 0;
  position: relative;
}
.modal .modal-body .modifier-section:last-child {
  border-bottom: none;
}
.modal .modal-body .modifier-section.mandatory-section:after {
  content: "mandatory";
  color: #7A7A7A;
  font-size: calc(1rem * 0.875);
  font-weight: 500;
  position: absolute;
  top: 1rem;
  right: 0;
}
.modal .modal-body .modifier-section-title {
  font-size: calc(1rem * 1.125);
  font-weight: 500;
  line-height: calc(1.125rem * 1.22);
  margin-bottom: calc(1rem * 0.25);
}
.modal .modal-body .modifier-section .modifier-status {
  color: #7A7A7A;
  font-size: calc(1rem * 0.875);
  font-weight: 500;
}
.modal .modal-body .modifier-section .modifier-status.error {
  color: #b94a48;
}
.modal .modal-body .modifier-section .modifier-status.error:before {
  content: "\f071";
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-size: 80%;
  margin-right: calc(1rem * 0.25);
}
.modal .modal-body .modifier-section.modifier-row {
  margin: 0;
}
.modal .modal-body .modifier-section.modifier-row .modifier-status {
  display: block;
  font-size: calc(1rem * 0.875);
}
.modal .modal-body .modifier-section.modifier-row .mod-option-row {
  margin: 0;
  padding: 0;
}
.modal .modal-body .modifier-section.modifier-row .mod-option-row .mod-option {
  margin-bottom: calc(1rem * 0.5);
}
.modal .modal-body .modifier-section.modifier-row .mod-option-row .mod-option .additional-cost {
  color: #7A7A7A;
}
.modal .modal-body .modifier-section.modifier-row .mod-option-row .mod-option .ingredient-list {
  font-size: 80%;
  color: #706B76;
  margin-bottom: 0;
  margin-left: calc(1rem * 1.5);
}
.light {
  font-weight: normal !important;
}
.text-small {
  font-size: smaller;
}
.basketQty {
  text-align: right;
  min-width: 30px;
  float: left;
  margin-right: 2px;
}
.basketPrice {
  float: right;
  display: inline-block;
  font-size: 90%;
}
.basketName {
  width: 165px;
  display: inline-block;
}
a.delItem {
  text-decoration: none;
  margin-right: 5px;
}
a.delItem:hover {
  cursor: pointer;
}
/* The sidebar cart */
.drawer {
  transition-delay: 0.5s;
}
.drawer .drawer-backdrop {
  position: fixed;
  top: 0;
  z-index: 1029;
  width: 0;
  height: 100%;
  transition-duration: 0.5s;
  background-color: rgba(17, 21, 22, 0.5);
}
.drawer .drawer-content {
  height: 100vh;
  position: fixed;
  z-index: 1029;
  top: 0;
  padding: 1rem;
  background-color: #FDFDFD;
  font-size: calc(1rem * 0.875);
  line-height: 1.125rem;
  font-weight: 500;
  overflow-x: hidden;
  transition-duration: 0.5s;
  box-shadow: -4px 4px 0 0 rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  transform: translate3d(2000px, 0, 0);
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .drawer .drawer-content {
    width: 81%;
  }
}
@media only screen and (min-width: 768px) {
  .drawer .drawer-content {
    width: 61%;
  }
}
@media only screen and (min-width: 992px) {
  .drawer .drawer-content {
    width: 47%;
  }
}
@media only screen and (min-width: 1200px) {
  .drawer .drawer-content {
    width: 39%;
  }
}
@media only screen and (min-width: 1400px) {
  .drawer .drawer-content {
    width: 33%;
  }
}
@media only screen and (min-width: 1920px) {
  .drawer .drawer-content {
    width: 25%;
  }
}
.drawer .drawer-content.drawer-cart.drawer-out {
  transform: translate3d(0, 0, 0);
}
.drawer .drawer-content.drawer-cart .ordersummary {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.drawer .drawer-content.drawer-cart p {
  margin: 0;
}
.drawer .drawer-content.drawer-cart .drawer-header h2 {
  text-align: center;
  margin: 0;
  font-size: calc(1rem * 1.125);
  line-height: calc(1.125rem * 1.22);
  margin: calc(1rem * 0.5) 1rem;
}
.drawer .drawer-content.drawer-cart .drawer-header .btn-close {
  position: absolute;
  top: calc(1rem * 1.5);
  right: 1rem;
}
.drawer .drawer-content.drawer-cart .drawer-header .btn-close:focus {
  box-shadow: none;
}
.drawer .drawer-content.drawer-cart .drawer-header .address-details {
  padding-top: 12px;
  margin-top: 28px;
  margin-bottom: 22px;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-between;
}
.drawer .drawer-content.drawer-cart .drawer-body {
  max-height: 43.9vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.drawer .drawer-content.drawer-cart .drawer-body .section {
  margin-bottom: 1rem;
}
.drawer .drawer-content.drawer-cart .drawer-body .section.charges .disclaimer {
  margin-left: calc(1rem * 0.25);
  color: var(--web-theme-primary);
}
.drawer .drawer-content.drawer-cart .drawer-body .section.slot-section {
  background: rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.1);
  padding: calc(1rem * 0.5);
  font-weight: 600;
}
.drawer .drawer-content.drawer-cart .drawer-body .section .item {
  margin-top: 1rem;
}
.drawer .drawer-content.drawer-cart .drawer-body .section .item:first-child {
  margin: 0;
}
.drawer .drawer-content.drawer-cart .drawer-body .section .item .item-name .item-description {
  font-size: calc(1rem * 0.75);
  font-style: italic;
}
.drawer .drawer-content.drawer-cart .drawer-body .section .item .item-action-btn-wrapper a {
  display: inline-block;
}
.drawer .drawer-content.drawer-cart .drawer-footer {
  padding-top: calc(1rem * 1.25);
  background-repeat: no-repeat;
}
.drawer .drawer-content.drawer-cart .drawer-footer .calculations-wrapper {
  margin-bottom: calc(1rem * 0.75);
  display: flex;
  justify-content: space-between;
}
.drawer .drawer-content.drawer-cart .drawer-footer .calculations-wrapper.total {
  font-size: calc(1rem * 1.125);
  line-height: calc(1.125rem * 1.22);
}
.drawer .drawer-content.drawer-cart .drawer-footer .calculations-wrapper.minOrder {
  justify-content: center;
  color: #FF3737;
}
.drawer .drawer-content.drawer-cart .drawer-footer .calculations-wrapper.maxOrder {
  display: block;
}
.drawer .drawer-content.drawer-cart .drawer-footer .calculations-wrapper.maxOrder a {
  color: var(--web-theme-primary);
  text-decoration: none;
}
.drawer .drawer-content.drawer-cart .drawer-footer .calculations-wrapper.maxOrder a:hover,
.drawer .drawer-content.drawer-cart .drawer-footer .calculations-wrapper.maxOrder a:focus,
.drawer .drawer-content.drawer-cart .drawer-footer .calculations-wrapper.maxOrder a:active {
  color: var(--web-theme-primary-hover);
}
.drawer .drawer-content.drawer-cart .drawer-footer .gratuity-wrapper {
  margin-bottom: calc(1rem * 0.75);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .drawer .drawer-content.drawer-cart .drawer-footer .gratuity-wrapper .title span {
    display: block;
    margin-top: calc(1rem * 0.25);
  }
}
.drawer .drawer-content.drawer-cart .drawer-footer .gratuity-wrapper .title span .btn-action {
  display: inline-block;
  padding: calc(1rem * 0.5);
  margin-left: calc(1rem * 0.5);
  text-decoration: none;
  border-radius: calc(1rem * 0.25);
}
.drawer .drawer-content.drawer-cart .drawer-footer .gratuity-wrapper .gratuity {
  /*text-align: -webkit-right;
                        text-align: -moz-right;
                        text-align: -ms-right;
                        text-align: -o-right;*/
}
@media only screen and (min-width: 768px) {
  .drawer .drawer-content.drawer-cart .drawer-footer .gratuity-wrapper .gratuity .input-group {
    width: 50%;
  }
}
.drawer .drawer-content.drawer-cart .drawer-footer .input-group .tbVoucherCode {
  width: 73%;
}
.drawer .drawer-content.drawer-cart .drawer-footer .input-group .tbVoucherCode.btn {
  width: 25%;
}
.drawer .drawer-content.drawer-cart .drawer-footer .drawer-btn-wrapper .btn-link {
  color: var(--web-theme-primary);
  text-decoration: none;
}
.drawer .drawer-content.drawer-cart .drawer-footer .drawer-btn-wrapper .btn-link:active,
.drawer .drawer-content.drawer-cart .drawer-footer .drawer-btn-wrapper .btn-link:focus,
.drawer .drawer-content.drawer-cart .drawer-footer .drawer-btn-wrapper .btn-link:hover {
  color: var(--web-theme-primary-hover);
}
.drawer .drawer-content.drawer-cart .drawer-empty {
  text-align: center;
  font-size: calc(1rem * 0.875);
}
.drawer.show {
  transition-delay: 0s;
}
.drawer.show .drawer-backdrop {
  width: 100vw;
}
.main-wrapper {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .main-wrapper {
    min-height: calc(100vh - 15.5rem);
  }
}
.main-wrapper .profile-tabs-wrapper {
  background-color: #FDFDFD;
  box-shadow: 0px 6px 20px rgba(112, 144, 176, 0.3);
}
.main-wrapper .profile-tabs-wrapper .siteSwitcherWrapper {
  margin-top: 1rem;
  border-bottom: 1px solid rgba(57, 53, 61, 0.1);
}
.main-wrapper .profile-tabs-wrapper .siteSwitcherWrapper .form-group {
  margin-bottom: 1rem;
}
.main-wrapper .profile-tabs-wrapper .profile-tabs {
  list-style-type: none;
  padding: 0;
  margin: calc(1rem * 0.5) 0 1rem 0;
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li {
  padding: calc(1rem * 0.5);
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li > span {
  cursor: pointer;
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li:hover,
.main-wrapper .profile-tabs-wrapper .profile-tabs > li:active,
.main-wrapper .profile-tabs-wrapper .profile-tabs > li:focus {
  color: var(--web-theme-primary);
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li.dropdown-list.open {
  padding: calc(1rem * 0.5) 0 0 calc(1rem * 0.5);
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li.dropdown-list .nested-dropdown {
  list-style-type: none;
  padding-left: calc(1rem * 1.5);
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li.dropdown-list .nested-dropdown > li {
  padding: calc(1rem * 0.5) 0;
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li.dropdown-list .nested-dropdown > li:first-child {
  padding-top: calc(1rem * 0.75);
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li.dropdown-list .nested-dropdown > li > a {
  color: #706B76;
  text-decoration: none;
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li.dropdown-list .nested-dropdown > li > a:hover,
.main-wrapper .profile-tabs-wrapper .profile-tabs > li.dropdown-list .nested-dropdown > li > a:active,
.main-wrapper .profile-tabs-wrapper .profile-tabs > li.dropdown-list .nested-dropdown > li > a:focus {
  color: var(--web-theme-primary);
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li.dropdown-list .nested-dropdown > li.active > a {
  color: var(--web-theme-primary);
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li > a {
  color: #706B76;
  text-decoration: none;
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li > a:hover,
.main-wrapper .profile-tabs-wrapper .profile-tabs > li > a:active,
.main-wrapper .profile-tabs-wrapper .profile-tabs > li > a:focus {
  color: var(--web-theme-primary);
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li.active {
  color: var(--web-theme-primary);
}
.main-wrapper .profile-tabs-wrapper .profile-tabs > li.active > a {
  color: var(--web-theme-primary);
}
.main-wrapper .profile-page {
  padding: calc(1rem * 1.5);
}
.main-wrapper .profile-page .page-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.main-wrapper .profile-page .page-title h2 {
  margin: 0;
}
.main-wrapper .profile-page .page-title .action-btns.payment-modes-wrapper {
  flex: 1 0 auto;
}
.main-wrapper .profile-page .page-title .action-btns .btn {
  margin-right: 1rem;
}
.main-wrapper .profile-page .page-title .action-btns .btn:last-child {
  margin: 0;
}
.main-wrapper .profile-page .time-period .dropdown-toggle:after {
  content: none;
}
.main-wrapper .profile-page .profile-block {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #EBEAEA;
  border-radius: calc(1rem * 0.75);
}
.main-wrapper .profile-page .profile-block.cards-summary {
  padding: calc(1rem * 1.75) 1rem;
}
.main-wrapper .profile-page .profile-block.cards-summary .card-basics {
  display: block;
  background: none;
  padding: 0;
}
@media only screen and (min-width: 576px) {
  .main-wrapper .profile-page .profile-block.cards-summary .card-basics .header-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
  }
}
.main-wrapper .profile-page .profile-block.cards-summary .card-basics .header-wrapper .block-header {
  padding-left: 1rem;
}
@media only screen and (min-width: 992px) {
  .main-wrapper .profile-page .profile-block.cards-summary .card-basics .header-wrapper .block-header {
    padding-left: 0;
  }
}
.main-wrapper .profile-page .profile-block.approvalordersummary .checkbox-wrapper {
  width: 4%;
}
.main-wrapper .profile-page .profile-block.approvalordersummary .checkbox-wrapper + .card-wrapper {
  width: 96%;
}
.main-wrapper .profile-page .profile-block.approvalordersummary .card-wrapper {
  width: 100%;
}
.main-wrapper .profile-page .profile-block.approvalordersummary .card-wrapper .card-basics {
  display: block;
}
.main-wrapper .profile-page .profile-block.approvalordersummary .card-wrapper .card-basics .header-wrapper {
  align-items: flex-start;
  max-width: 100%;
}
.main-wrapper .profile-page .profile-block.approvalordersummary .card-wrapper .card-basics .header-wrapper .card-item,
.main-wrapper .profile-page .profile-block.approvalordersummary .card-wrapper .card-basics .header-wrapper .card-label {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  font-family: "Inter", Helvetica, Arial, sans-serif;
  padding: 0 calc(1rem * 0.75) 0 1rem;
  margin: 0;
}
.main-wrapper .profile-page .profile-block.approvalordersummary .card-wrapper .card-basics .header-wrapper .card-label {
  color: #848FA1;
}
.main-wrapper .profile-page .profile-block.approvalordersummary .card-wrapper .card-basics .header-wrapper .item-status {
  display: inline-block;
  padding: calc(1rem * 0.5) calc(1rem * 1.5);
  font-size: 1rem;
  border-radius: calc(1rem * 0.5);
  font-weight: 600;
  margin: 0;
}
.main-wrapper .profile-page .profile-block.viewing {
  border-color: var(--web-theme-primary);
}
.main-wrapper .profile-page .profile-block .card-basics {
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .main-wrapper .profile-page .profile-block .card-basics {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
}
.main-wrapper .profile-page .profile-block .card-basics .header-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.main-wrapper .profile-page .profile-block .card-basics .order-status {
  display: inline-block;
}
.main-wrapper .profile-page .profile-block .card-basics .block-header {
  display: block;
  font-size: calc(1rem * 1.125);
  font-weight: 500;
  font-family: "Inter", Helvetica, Arial, sans-serif;
  padding: 0 calc(1rem * 0.75) 0 1rem;
  margin: 0;
}
.main-wrapper .profile-page .profile-block .card-basics .block-header:first-child {
  padding-left: 0;
}
@media only screen and (min-width: 576px) {
  .main-wrapper .profile-page .profile-block .card-basics .block-header.event-name {
    max-width: 27%;
  }
}
.main-wrapper .profile-page .profile-block .card-basics .card-item {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  font-family: "Inter", Helvetica, Arial, sans-serif;
  padding: 0 calc(1rem * 0.75) 0 1rem;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .main-wrapper .profile-page .profile-block .card-basics .action-wrapper p {
    margin: 0 4.875rem 0 0;
  }
}
.main-wrapper .profile-page .profile-block .card-basics .action-wrapper p:last-child {
  margin: 0;
}
.main-wrapper .profile-page .profile-block .card-basics .action-wrapper .btnCopyLink .copy-ok {
  display: none;
}
.main-wrapper .profile-page .profile-block .card-basics .action-wrapper .has-icon.ellipse-vertical {
  border: none;
}
.main-wrapper .profile-page .profile-block .card-basics .action-wrapper .has-icon.ellipse-vertical:before {
  margin: 0;
}
.main-wrapper .profile-page .profile-block .card-basics .action-wrapper .has-icon.ellipse-vertical.show {
  border: none;
}
.main-wrapper .profile-page .profile-block .card-basics .order-status p {
  margin: 0;
  padding: calc(1rem * 0.5) calc(1rem * 0.75);
}
.main-wrapper .profile-page .profile-block .card-basics .order-status p span {
  color: inherit;
}
.main-wrapper .profile-page .profile-block .card-subdetails .address-details {
  display: flex;
}
.main-wrapper .profile-page .profile-block .card-subdetails .address-details p {
  display: inline-block;
  font-weight: 500;
  color: #848FA1;
  font-size: calc(1rem * 0.875);
  margin: 0;
}
.main-wrapper .profile-page .profile-block .card-subdetails .address-details p.address-block {
  color: #39353D;
}
.main-wrapper .profile-page .profile-block .card-subdetails .address-details p:first-child {
  margin-right: calc(1rem * 1.25);
}
.main-wrapper .profile-page .profile-block .card-subdetails .summary-block {
  font-size: calc(1rem * 0.875);
}
.main-wrapper .profile-page .profile-block .additional-details p,
.main-wrapper .profile-page .profile-block .card-basics p {
  font-size: calc(1rem * 0.875);
  font-weight: 500;
  line-height: calc(1.125rem * 0.9);
  margin: calc(1rem * 0.5) 0 0;
}
.main-wrapper .profile-page .profile-block .additional-details p span,
.main-wrapper .profile-page .profile-block .card-basics p span {
  color: #706B76;
}
.main-wrapper .profile-page .profile-block .details-toggle-wrapper {
  display: inline-block;
}
.main-wrapper .profile-page .profile-block .details-toggle-wrapper .toggleorder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.main-wrapper .profile-page .profile-block .order-display {
  margin-top: 1rem;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper:first-child {
  border-right: 1px solid #EBEAEA;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block p {
  margin: 0;
  color: #39353D;
  font-size: calc(1rem * 0.875);
  line-height: calc(1.125rem * 0.9);
  font-weight: 500;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .details-title {
  background-color: #F8F9F9;
  padding: 1rem;
  margin-bottom: 1rem;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .details-title p {
  font-size: 1rem;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .item-label {
  font-family: "Lato", "Open Sans", sans-serif;
  color: #706B76;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .item-value {
  font-family: "Inter", Helvetica, Arial, sans-serif;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block :nth-child(1 of .slot-info) {
  padding-top: 0;
  border-top: none;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .slot-info {
  border-bottom: 1px solid #EBEAEA;
  border-top: 1px solid #EBEAEA;
  padding: 1rem 0;
  margin: 1rem 0;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .menu-item-header p {
  color: #706B76;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .menu-item-wrapper {
  margin: 1rem 0;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .menu-item-wrapper:last-child {
  padding-bottom: 1rem;
  border-bottom: 1px solid #EBEAEA;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .menu-item-wrapper.group-order-wrapper .menu-item {
  margin: 0 0 calc(1rem * 0.25);
  padding: 0 0 calc(1rem * 0.25);
  border-bottom: 1px solid #EBEAEA;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .menu-item-wrapper.group-order-wrapper .menu-item:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .menu-item-wrapper .item-options {
  margin: calc(1rem * 0.75) 0 0;
  justify-content: flex-end;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .menu-item-wrapper .item-options ~ .item-options {
  margin-top: 0;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .menu-item-wrapper .item-options:last-child {
  margin-bottom: calc(1rem * 0.75);
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .menu-item-wrapper .item-options > div {
  background-color: #F8F9F9;
  background-origin: content-box;
  padding: calc(1rem * 0.75);
}
@media only screen and (min-width: 576px) {
  .main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .menu-item-wrapper .item-options > div:first-child {
    width: 55.811111%;
  }
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .menu-item-wrapper .item-options > div .item-modifiers {
  margin-left: calc(1rem * 0.5);
  display: block;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .menu-item-wrapper .item-options > div .item-note {
  font-style: italic;
  font-size: calc(1rem * 0.75);
  line-height: calc(1.125rem * 0.9);
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .charges {
  margin: 0;
  margin-bottom: calc(1rem * 0.75);
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .order-total-wrapper .title p,
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .grand-total-wrapper .title p {
  font-size: calc(1rem * 1.25);
  line-height: calc(1.125rem * 1.33);
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .order-total-wrapper .subtitle p,
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .grand-total-wrapper .subtitle p {
  font-size: 1rem;
  line-height: 1.125rem;
  color: #706B76;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .attachmentRow {
  margin: 0;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .attachmentRow ul {
  list-style-position: inside;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .attachmentRow ul li {
  margin: 2px 0;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .attachmentRow ul li:first-child {
  margin-top: 0;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .attachmentRow ul li:last-child {
  margin-bottom: 0;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .attachmentRow ul li .file-download-link {
  font-size: calc(1rem * 0.875);
  line-height: calc(1.125rem * 0.9);
  font-weight: 500;
  color: var(--web-theme-primary);
  text-decoration: none;
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .attachmentRow ul li .file-download-link:hover,
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .attachmentRow ul li .file-download-link:active,
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .attachmentRow ul li .file-download-link:focus {
  color: var(--web-theme-primary-hover);
}
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .attachmentRow ul li .file-download-link:disabled,
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .attachmentRow ul li .file-download-link.disabled,
.main-wrapper .profile-page .profile-block .order-display .details-wrapper .details-block .attachmentRow ul li .file-download-link[disabled] {
  color: #E2E2EA;
  cursor: auto;
  pointer-events: none;
}
.main-wrapper .profile-page .contentsection {
  border-bottom: solid 1px #EBEAEA;
}
.main-wrapper .profile-page .contentsection .form-control {
  border-color: #EBEAEA;
}
.main-wrapper .profile-page .contentsection .form-check-input {
  float: none;
  border: none;
}
.large-checkbox-div {
  padding-top: 5px;
}
.large-checkbox-div input {
  height: 20px;
  width: 20px;
  margin-right: 5px;
  margin-top: 0px;
}
.tbl-options a {
  display: inline-block;
  margin-left: 5px;
}
.tbl-options a:first {
  margin-left: 0;
}
@media (max-width: 767px) {
  .tbl-options a {
    margin-bottom: 5px;
    margin-left: 0;
  }
  .contentsection .contentedit .checkbox-line .control-label {
    float: right;
    display: block;
    width: 85%;
  }
}
.chk-header {
  margin-top: -5px;
  display: inline-block;
}
.button-line {
  display: inline-block;
  vertical-align: bottom;
  text-align: left;
  margin-bottom: 6px;
}
.button-line .form-control {
  display: inline-block;
}
.user-profile-header {
  padding-top: 15px;
}
.user-profile-header .userhead {
  max-width: 300px;
  margin-left: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
}
.user-profile-header .userhead .user-display i {
  font-size: 64px;
  line-height: 64px;
}
.user-profile-header .userhead h3 {
  margin: 0;
  padding: 10px 0;
}
.user-profile-header .btnCreateNewOrder {
  margin-top: 10px;
}
.addressdellistoutput {
  /*display: flex;*/
}
@media (max-width: 767px) {
  .user-profile-header .btn {
    margin-bottom: 10px;
  }
  .user-profile-header .userhead {
    margin-left: 0;
    display: block;
  }
  .user-profile-header .userhead .user-display {
    display: inline-block;
  }
  .user-profile-header .userhead h3 {
    display: inline-block;
  }
  .profile-tabs .flat-tabs {
    margin-left: -15px;
    margin-right: -15px;
  }
  .profile-tabs .flat-tabs li a {
    font-size: 12px;
  }
}
.containerbox {
  border: 0.5px solid #000;
  margin: 0px 0px 15px 0px;
  padding: 15px;
}
.options-line .btn.btn-link {
  padding: 0;
  border-radius: 0;
}
.orderdisplaybrief.starthidden {
  display: none;
}
.orderdisplaybrief .table thead > tr > th:last-child,
.orderdisplaybrief .table tbody > tr > td:last-child {
  /* Last column is Qty col*/
  text-align: center;
}
.orderdisplaybrief .table thead > tr > th {
  background: #f2f2f2;
  border-bottom: 0;
}
.orderdisplaybrief .table tbody > tr > td {
  border-top: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.orderdisplaybrief .table tbody > tr:first-child > td {
  padding-top: 20px;
}
.orderdisplaybrief .table tbody > tr:last-child > td {
  border-bottom: solid 1px #efefef;
  padding-bottom: 20px;
}
.orderdisplaybrief .table tbody:last-child > tr:last-child > td {
  border-bottom: 0;
  padding-bottom: 20px;
}
.chksection {
  margin-bottom: 20px;
}
.addrselection ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.addrselection ul:before,
.addrselection ul:after {
  content: " ";
  display: table;
}
.addrselection ul:after {
  clear: both;
}
.addrselection ul:before,
.addrselection ul:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.addrselection ul:after {
  clear: both;
}
.addrselection ul li {
  list-style-type: none;
  float: left;
  width: 33%;
  padding: 0 15px 10px 0;
  -moz-box-sizing: border-box;
}
.addrselection ul li .ui-radio,
.addrselection ul li input[type=radio] {
  float: left;
}
.addrselection ul li .addr {
  display: block;
  margin-left: 25px;
  width: 165px;
  padding: 0;
  min-height: 100px;
}
@media (min-width: 768px) {
  .mdesign .addrselection ul li:nth-child(3n+1) {
    clear: left;
  }
}
@media (max-width: 767px) {
  .mdesign .addrselection ul li {
    width: 50%;
  }
  .mdesign .addrselection ul li:nth-child(2n+1) {
    clear: left;
  }
  .mdesign .addrselection ul li .addr {
    width: auto;
  }
}
.grpordersummary {
  padding: 0;
}
.grpordersummary .grp-head {
  position: relative;
  background: #000;
  color: #fff;
}
.grpordersummary .grp-head .grp-head-background {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.grpordersummary .grp-head .grp-head-content {
  position: relative;
  z-index: 2;
  padding: 30px;
}
.grpordersummary .grp-head .grp-head-content .btn-link {
  color: #fff;
  font-size: 16px;
  outline: none;
  text-transform: uppercase;
}
.grpordersummary .grp-head .grp-head-content .btn-link:hover,
.grpordersummary .grp-head .grp-head-content .btn-link:focus {
  text-decoration: none;
}
.grpordersummary .grp-head .grp-head-content .btn-link .copy-ok {
  display: none;
  color: #5cb85c;
}
.grpordersummary .grp-body {
  padding: 30px;
}
.grpordersummary .grp-body .btn.btn-link.ic-md {
  padding: 0;
}
.sso-login input {
  font-size: 22px;
}
.sso-login .sso-alt-option {
  font-size: 22px;
}
.delpage {
  /*padding: 30px 0 100px;*/
}
.delpage h1 {
  margin: 0 0 30px;
}
.delpage .infobox {
  padding: 40px;
  -o-transition: all ease-in-out 0.4s;
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}
.delpage .infobox .img {
  height: 100px;
}
.delpage .infobox .infodesc {
  height: 60px;
}
.delpage .infobox.selectable {
  cursor: pointer;
}
.delpage .infobox.selectable:hover {
  border-color: #000;
}
.delpage .infobox.selected {
  border-color: #000;
}
.delpage .infobox.inactive {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.delpage .infobox .confirmselection,
.delpage .infobox .dateselection,
.delpage .infobox .postcodeselect {
  display: none;
  margin: 0 -20px;
  /*.icobtn {
                color: @text-subtext;
                padding: 0 10px;
                font-size: 18px;
            }*/
}
.delpage .infobox .confirmselection .timepicker,
.delpage .infobox .dateselection .timepicker,
.delpage .infobox .postcodeselect .timepicker {
  width: auto;
}
.mdesign .delpage .form-horizontal {
  box-shadow: none;
  background: transparent;
  padding: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .delpage .infobox .infodesc {
    height: auto;
  }
}
/*Brand Related Styling*/
/*.branding-logo {
    max-width: 100%;
    text-align: center;

    img {
        max-width: 100%;
    }
}*/
.brand-menu-mobile {
  display: flex;
  align-items: center;
}
/* TODO fix this display hack*/
.infobox.delinfobox {
  overflow: visible;
}
/*.brand-selection {
    display: block;
    position: relative;
    height: @block-size+2;
    border: 1px solid #cccccc;
    z-index: 9;

    .brand-display {
        display: block;
        min-height: @block-size;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;

        .brand-item {
            display: none;
            position: relative;
            height: @block-size;
            background: #fff;
            cursor: text;
            overflow: hidden;

            &.active {
                display: block;
            }

            .brand-logo {
                width: @logo-size;
                height: @logo-size;
                margin-left: 20px;
                overflow: hidden;
                position: relative;
                float: left;

                img {
                    margin: 0;
                    position: absolute;
                    top: 50%;
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                }
            }

            .brand-title {
                margin-left: @logo-size+20;
                padding: 20px 20px 10px;
                font-size: 18px;
                overflow: hidden;
                height: 21px;
            }

            .brand-description {
                margin-left: @logo-size+20;
                padding: 0 20px 20px;
                font-size: 14px;
                display: none;
            }
        }
    }

    &.open {
        .brand-display {
            .brand-item {
                border: solid 1px #808080;
                border-bottom: none;
                display: block;
                cursor: pointer;
                //height: 80px;
                height: auto;
                min-height: 60px;
                margin-left: -40px;
                margin-right: -40px;

                .brand-logo {
                    width: @logo-size + 20;
                    height: @logo-size + 20;

                    img {
                        max-width: @logo-size + 10;
                    }
                }

                .brand-title {
                    margin-left: @logo-size + 40;
                    padding: 15px 20px 0;
                    font-size: 22px;
                }

                .brand-description {
                    margin-left: @logo-size + 40;
                    font-size: 14px;
                    display: block;
                }

                &.active {
                    background: #f1f1f1;
                }

                &:first-child {
                    border: none;
                    height: @logo-size;
                    margin-left: 0;
                    margin-right: 0;

                    .brand-logo {
                        width: @logo-size;
                        height: @logo-size;

                        img {
                            max-width: @logo-size - 10;
                        }
                    }

                    .brand-title {
                        margin-left: @logo-size + 20;
                        padding: 20px 20px 10px;
                        font-size: 18px;
                    }
                }

                &:last-child {
                    border: solid 1px #808080;
                }
            }
        }
    }

    .drop-icon {
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translate3d(0,-50%,0);
        font-size: 26px;
    }
}

.rounded {
    .brand-selection {
        border-radius: 30px;
        overflow: hidden;

        &.open {
            //border-radius: 30px 30px 0 0;
            overflow: visible !important;

            .brand-display {
                .brand-item:first-child {
                    border-radius: 30px;
                    border: 1px solid #cccccc;
                }
            }
        }
    }
}*/
.session-notice .alert,
.dvDelColRestriction .alert {
  margin: 0;
  border-radius: 0;
}
.session-notice .alert:last-child,
.dvDelColRestriction .alert:last-child {
  border-radius: 0 0 calc(1rem * 0.5) calc(1rem * 0.5);
}
/*@media (min-width: 780px) {
    .brand-selection {
        .brand-display {
            min-height: 60px;

            .brand-item {
                height: 60px;

                .brand-logo {
                    width: 60px;
                    height: 60px;
                    margin-left: 20px;

                    img {
                        max-width: 55px;
                    }
                }

                .brand-title {
                    margin-left: 80px;
                    padding: 15px 20px 10px;
                    font-size: 22px;
                }

                .brand-description {
                    margin-left: 80px;
                    padding: 0 20px 20px;
                    font-size: 16px;
                }
            }
        }

        &.open {
            .brand-display {
                .brand-item {
                    height: auto;
                    min-height: 80px;
                    margin-left: 0;
                    margin-right: 0;

                    .brand-logo {
                        width: 80px;
                        height: 80px;

                        img {
                            max-width: 70px;
                        }
                    }

                    .brand-title {
                        margin-left: 100px;
                        padding: 22px 20px 0;
                        font-size: 26px;
                    }

                    .brand-description {
                        margin-left: 100px;
                        font-size: 16px;
                        display: block;
                    }

                    &.active {
                        background: #f1f1f1;
                    }

                    &:first-child {
                        height: 60px;
                        min-height: 0;

                        .brand-logo {
                            width: 60px;
                            height: 60px;
                            margin-left: 20px;

                            img {
                                max-width: 55px;
                            }
                        }

                        .brand-title {
                            margin-left: 80px;
                            padding: 15px 20px 10px;
                            font-size: 22px;
                        }

                        .brand-description {
                            margin-left: 80px;
                            padding: 0 20px 20px;
                            font-size: 16px;
                        }
                    }
                }
            }
        }
    }
}*/
.mm-layout .date-inline {
  padding: 0 1rem;
}
.mm-layout .date-inline .ui-datepicker-inline {
  margin: 0 auto;
  border: 0 !important;
  width: auto;
  padding: 0 !important;
  margin-bottom: 1rem;
}
.mm-layout .date-inline .ui-datepicker-inline .ui-state-default {
  border: none;
  border-radius: 5px;
  color: #fff;
  background: var(--web-theme-primary);
}
.mm-layout .date-inline .ui-datepicker-inline .ui-state-hover,
.mm-layout .date-inline .ui-datepicker-inline .ui-state-active {
  background: var(--web-theme-primary-hover);
}
.mm-layout .date-inline .ui-datepicker-inline .ui-datepicker-next-hover,
.mm-layout .date-inline .ui-datepicker-inline .ui-datepicker-prev-hover {
  background: none;
  border: solid 1px transparent;
}
.mm-layout .date-inline .ui-datepicker-inline .ui-datepicker-header {
  border: 0 !important;
  background: #fff;
}
.mm-layout .date-inline .ui-datepicker-inline .ui-datepicker-prev,
.mm-layout .date-inline .ui-datepicker-inline .ui-datepicker-next {
  cursor: pointer;
  font-size: calc(1rem * 1.75);
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  text-decoration: none;
  line-height: 1;
  text-indent: 0;
}
.mm-layout .date-inline .ui-datepicker-inline .ui-datepicker-prev .ui-icon,
.mm-layout .date-inline .ui-datepicker-inline .ui-datepicker-next .ui-icon {
  background: none !important;
  display: none;
}
.mm-layout .date-inline .ui-datepicker-inline .ui-datepicker-prev {
  text-align: left;
}
.mm-layout .date-inline .ui-datepicker-inline .ui-datepicker-prev:before {
  content: "\f0d9";
}
.mm-layout .date-inline .ui-datepicker-inline .ui-datepicker-next {
  text-align: right;
}
.mm-layout .date-inline .ui-datepicker-inline .ui-datepicker-next:before {
  content: "\f0da";
}
.mm-layout .locationheading {
  display: none;
}
.mm-layout.mm-updated {
  background: #FDFDFD;
}
.mm-layout.mm-locationview .wrapper .main-content-body.brochurepage .delivery-selection-wrapper {
  background-color: #39353D;
}
.mm-layout.mm-locationview .wrapper .main-content-body.brochurepage .delivery-selection-wrapper.bg-color-none {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub {
  padding: 0;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .deltypeselection {
  margin: 0 auto;
  padding: 0;
  background: #fff;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .locationheading {
  display: block;
  margin: 0;
  padding: 0 0 calc(1rem * 1.25);
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .locationheading .sel-summary-edit {
  display: block;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .locationheading .sel-summary-cancel {
  display: none;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .locationheading.open .sel-summary-edit {
  display: none;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .locationheading.open .sel-summary-cancel {
  display: block;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .locationheading .sel-summary {
  position: relative;
  padding: calc(1rem * 0.75);
  background: #f1f1f1;
  border-radius: 6px;
  flex-grow: 1;
  margin: 0;
  margin-right: 1rem;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .locationheading .sel-summary .sel-summary-info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .infobox {
  width: 100% !important;
  overflow: visible;
  border: none;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .infobox .dvTypeButtons {
  display: none;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .infobox .locationheading {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .infobox .locationheading {
    width: 50%;
  }
}
@media only screen and (min-width: 1400px) {
  .mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .infobox .locationheading {
    width: 40%;
  }
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .infobox .locationheading .container {
  text-align: left;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .infobox .selectioncontrols {
  max-width: 1200px;
  margin: 0 auto;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .infobox .selectioncontrols .selection-wrapper {
  width: 100% !important;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .infobox .selectioncontrols .dvDateInput {
  display: none;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .infobox .selectioncontrols .dvTimeInput {
  width: 100% !important;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .infobox .selectioncontrols .delivery-selector {
  position: absolute;
  border: 1px solid var(--web-theme-primary);
  box-shadow: 0 0 8px 0 rgba(var(--web-theme-primary-r), var(--web-theme-primary-g), var(--web-theme-primary-b), 0.7);
  padding-top: 1rem;
  border-radius: 6px;
  background: #fff;
  z-index: 2;
  width: 90%;
}
@media only screen and (min-width: 992px) {
  .mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .infobox .selectioncontrols .delivery-selector {
    width: 50%;
  }
}
@media only screen and (min-width: 1400px) {
  .mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .infobox .selectioncontrols .delivery-selector {
    width: 40%;
  }
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .container .locationheading {
  padding-left: 0;
  padding-right: 0;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .lblSite,
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .lblVendorSite {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2rem;
  color: var(--web-theme-primary);
  margin: 1rem 0 1rem calc(1rem * 0.5);
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .dvOrderType,
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .dvDelCol {
  display: none;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .dvDateTime {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(50, 50, 50, 0.5);
  z-index: 99;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .dvDateTime .dateparts {
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26.875rem;
  max-width: 90%;
  background: #fff;
  padding: 1rem;
  transform: translate3d(-50%, -50%, 0);
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .dvDateTime .close-date {
  display: block;
  text-align: right;
  padding: 0 0 calc(1rem * 0.75);
  font-size: 1rem;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .dvDateTime .close-date:last-child {
  padding-top: calc(1rem * 0.75);
  text-align: left;
}
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .dvDelOptions,
.mm-layout.mm-locationview .wrapper .main-content-body .deltypesub .dvTypeConfirmCol {
  margin: 0 auto;
}
.mm-layout .mm-banner-heading {
  height: 28.125rem;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.selection-wrapper.branding-active {
  width: 83.33333%;
}
.vendor-brand-wrapper {
  background: #fff;
}
.vendor-brand-wrapper > div {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 1rem;
}
.vendor-brand-wrapper > div:last-child {
  padding-top: 0;
  padding-bottom: 1rem;
}
.vendor-wrapper {
  margin-bottom: 1rem;
}
.vendor-wrapper .brand-selection-flat {
  border: 0;
  border-radius: 0;
}
.vendor-wrapper .brand-selection-flat .brand-display {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .vendor-wrapper .brand-selection-flat .brand-display .brand-item-container {
    width: 50%;
  }
}
@media only screen and (min-width: 1400px) {
  .vendor-wrapper .brand-selection-flat .brand-display .brand-item-container {
    width: 33.334%;
  }
}
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item {
  display: flex;
  align-items: flex-start;
  margin: calc(1rem * 0.5);
  padding: 1rem;
  border: 1px solid #EBEAEA;
  border-radius: 4px;
  height: 90%;
  text-decoration: none;
}
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item:focus,
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item:active,
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item:hover,
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item.active {
  border-color: var(--web-theme-primary);
}
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item .brand-banner {
  width: 7.75rem;
  object-fit: scale-down;
}
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item .brand-info {
  color: #706B76;
}
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item .brand-info .brand-title {
  font-size: calc(1rem * 1.125);
  font-weight: 700;
  margin: 0 0 calc(1rem * 0.5);
}
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item .brand-info .brand-summary,
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item .brand-info .brand-description {
  font-size: calc(1rem * 0.875);
  color: #7A7A7A;
  margin: 0;
}
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item .brand-info .brand-address {
  margin: 0;
  margin-top: calc(1rem * 0.25);
  padding-left: calc(1rem * 1.25);
  position: relative;
}
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item .brand-info .brand-address:before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0;
}
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item .brand-info .star-rating {
  display: flex;
  margin-top: 1rem;
  margin-bottom: 0;
  color: #000;
  font-weight: 600;
}
.vendor-wrapper .brand-selection-flat .brand-display .brand-item-container .brand-item .brand-info .star-rating .fa-star {
  color: var(--web-theme-primary);
  margin-right: calc(1rem * 0.5);
}
#divAuthorizeNetPopupScreen {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #808080;
  opacity: 0.5;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  filter: alpha(opacity=50);
}
#divAuthorizeNetPopup {
  position: fixed;
  left: 50%;
  top: 50%;
  /*margin-left: -200px;
    margin-top: -200px;*/
  transform: translate3D(-50%, -50%, 0);
  z-index: 2;
  overflow: auto;
  box-shadow: 2px 2px 6px #777;
  background-color: #fff;
  max-width: 95%;
}
.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupOuter {
  background-color: #dddddd;
  border-width: 1px;
  border-style: solid;
  border-color: #a0a0a0 #909090 #909090 #a0a0a0;
  padding: 4px;
}
.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupTop {
  height: 23px;
}
.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupClose {
  position: absolute;
  right: 7px;
  top: 7px;
}
.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupInner {
  background-color: #ffffff;
  border-width: 2px;
  border-style: solid;
  border-color: #cfcfcf #ebebeb #ebebeb #cfcfcf;
}
.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupBottom {
  height: 30px;
}
/* Drop Down List Styling, 10 pixels more than textfield since they are rendered differently */
/* Text Sizes except for normal sizes if required*/
/* Text Sizes except for normal sizes if required*/
/* End Sizing */
/* Structure Styles */
/*.itemslot {
    padding:10px 0px 10px 0px;
}*/
/* End Structure Styles */
/* Menu */
/* End Stock Picker */
/* Order Styles */
.payNow a.btnsubmit,
.payNow input.btnsubmit,
.payNow input.causesValidation {
  background: #EF9C05;
  font-weight: bold;
  color: #ffffff;
  border: solid 1px #EF9C05;
}
.payNow select {
  margin: 0;
  padding: 3px 4px;
  border: solid 1px #c6c6c6;
}
.payNow input[type="file"] {
  border-radius: 5px;
}
.payNow input {
  border-radius: 5px;
}
.payNow a .ui-state-default {
  background: #ffffff;
}
.payNow a .ui-state-hover {
  background: #d5e4e7 !important;
}
.payNow .ui-widget-content .ui-state-default {
  background: #ffffff;
}
.payNow .ui-widget-header .ui-state-default {
  background: #ffffff;
}
.payNow .ui-button {
  background: #ffffff;
}
.payNow html .ui-button.ui-state-disabled:hover {
  background: #ffffff;
}
.payNow html .ui-button.ui-state-disabled:active {
  background: #ffffff;
}
.payNow .chosen-container-single .chosen-single {
  background: #ffffff;
}
.payNow .formline {
  padding: 3px 0 6px;
}
.payNow .formline .formfield {
  float: left;
  width: 325px;
}
.payNow .formline .formfield select.largeField {
  width: 190px;
}
.payNow .formline .formfield select.mediumField {
  width: 80px;
}
.payNow .formline .formfield select.smallField {
  width: 50px;
}
.payNow .formline .formfield select.medplusField {
  width: 120px;
}
.payNow .formline .formfield .largeField {
  width: 180px;
}
.payNow .formline .formfield .mediumField {
  width: 70px;
}
.payNow .formline .formfield .smallField {
  width: 40px;
}
.payNow .formline .formfield .txt {
  margin: 4px 0 0;
  display: inline-block;
}
.payNow .formline .formfield input {
  vertical-align: middle;
  width: 280px;
}
.payNow .formline .formfield select {
  vertical-align: middle;
  width: 280px;
}
.payNow .formline .formfield input[type="checkbox"] {
  width: auto;
}
.payNow .formline .formfield input[type="radio"] {
  width: auto;
}
.payNow .formline .formfield input[type="submit"] {
  width: auto;
}
.payNow .formline .formfield input[type="reset"] {
  width: auto;
}
.payNow .formline .formfield button {
  width: auto;
}
.payNow .formline .formfield select.timeddl {
  width: auto;
}
.payNow .formline .formfield input.datepick {
  width: 120px;
}
.payNow .formline .formfield textarea {
  width: 280px;
}
.payNow .formline .formfield .ui-selectmenu-dropdown {
  width: 280px;
}
.payNow .formline .formfield .ui-selectmenu-dropdown .ui-selectmenu-status {
  height: 20px;
  overflow: hidden;
  padding: 5px 10px 0 10px;
}
.payNow .formline .formfield .ui-selectmenu-menu {
  top: 31px;
}
.payNow .formline .formfield .ui-selectmenu-menu-dropdown li {
  border-bottom: solid 1px #888;
}
.payNow .formline:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  clear: both;
}
.payNow .formline .formtitle {
  float: left;
  width: 100px;
  margin: 0px 5px 0 0;
  padding: 4px 0 0;
  color: #4d4d4d;
}
.payNow .formline .formtitle.onlineOrdering {
  width: 240px !important;
}
.payNow .formline .formtitle.menus {
  width: 240px !important;
}
.payNow .formline .formfield.rel {
  position: relative;
}
.payNow .formline textarea {
  font-family: inherit;
  font-size: inherit;
}
.payNow .formline .formfield2 .txt {
  margin: 4px 0 0;
  display: inline-block;
}
.payNow .formline .formfield2 textarea {
  width: 130px;
}
.payNow .formline .formfieldmed {
  float: left;
  width: 200px;
}
.payNow .formline .formfieldmed .largeField {
  width: 180px;
}
.payNow .formline .formfieldmed .mediumField {
  width: 70px;
}
.payNow .formline .formfieldmed .smallField {
  width: 40px;
}
.payNow .formline .formfieldmed input {
  vertical-align: middle;
  width: 180px;
}
.payNow .formline .formfieldmed select {
  vertical-align: middle;
  width: 180px;
}
.payNow .formline .formfieldmed textarea {
  width: 180px;
}
.payNow .formline .formfieldsml {
  float: left;
  width: 140px;
}
.payNow .formline .formfieldsml input {
  vertical-align: middle;
  width: 130px;
}
.payNow .formline .formfieldsml select {
  vertical-align: middle;
  width: 130px;
}
.payNow .formline ul.optlist {
  margin: 5px 0 0;
  padding: 0;
  list-style-type: none;
}
.payNow .formline ul.optlist li {
  margin: 0 0 5px;
  padding: 0;
  width: 125px;
  float: left;
}
.payNow .searchline .searchfield input {
  width: 270px;
}
.payNow .searchline .searchfield input[type="checkbox"] {
  width: auto;
}
.payNow .searchline .searchfield input[type="radio"] {
  width: auto;
}
.payNow .searchline .searchfield input[type="submit"] {
  width: auto;
}
.payNow .searchline .searchfield input[type="reset"] {
  width: auto;
}
.payNow .searchline .searchfield button {
  width: auto;
}
.payNow .searchline .searchfield .txt {
  display: inline-block;
  padding-top: 4px;
}
.payNow .setupOptions .formline .formtitle {
  width: 150px;
  padding-right: 15px;
  text-align: right;
}
.payNow .setupOptions .formline .formfield {
  width: 400px;
}
.payNow .fullblock .formline .formfield {
  width: auto;
  float: none;
  margin-left: 105px;
}
.payNow .fullblock .formline .formfield input {
  vertical-align: middle;
  width: 95%;
}
.payNow .fullblock .formline .formfield textarea {
  vertical-align: middle;
  width: 95%;
}
.payNow .fullblock .formline .formfield select {
  vertical-align: middle;
  width: 95%;
}
.payNow body.npage #npagecontainer {
  width: 760px;
  margin: 0 auto;
  font-size: 12px;
}
.payNow body.npage #npagecontainer h1 {
  border: 0;
  font-size: 18px;
}
.payNow #npagecontainer .logoblock {
  margin-top: 15px;
}
.payNow #npagecontainer .menuselection .menusection {
  border: 0;
  padding: 0;
}
.payNow #npagecontainer .menuselection .menusection .sectioninfo .itemname {
  width: 535px;
}
.payNow #npagecontainer .menuselection .menusection .sectioninfo .itemprice {
  width: 70px;
  text-align: right;
}
.payNow #npagecontainer .menuselection .menusection .menuitems .menuitem .itemname {
  width: 520px;
}
.payNow #npagecontainer .menuselection .menusection .menuitems .menuitem .itemprice {
  width: 70px;
  text-align: right;
}
.payNow #npagecontainer input[type=submit] {
  font-size: 22px;
  padding: 10px 40px;
}
.payNow #npagecontainer .btnctrl {
  padding: 10px 0;
  text-align: center;
}
.payNow #npagecontainer .formline .formtitle {
  padding: 0;
}
.payNow #npagecontainer .itempricet {
  width: 70px;
  text-align: right;
}
.payNow #npagecontainer .ordertotals {
  margin: 0 10px 0 0;
}
.payNow #npagecontainer .ordertotals .totalinfo .data.withfield {
  text-align: right;
}
.payNow #npagecontainer .ordertotals .totalinfo .data.withfield input {
  width: 60px;
  margin-top: -3px;
  text-align: right;
}
.payNow #npagecontainer .ordertotals .totalinfo .data.withfield div.error {
  margin-left: -80px;
}
.payNow #main {
  background: #fff;
  padding: 10px 10px 40px;
}
.payNow #footer {
  background: url(/images/layout/shadow.png) no-repeat center top;
  padding: 42px 0 20px;
  margin: 0 0 30px;
  color: #fff;
}
.payNow #footer .logo {
  float: right;
}
.payNow #menu {
  height: 44px;
  z-index: 5;
  position: relative;
  background: #5b707b;
}
.payNow #menu ul {
  margin: 0;
  padding: 0 10px;
  list-style-type: none;
  font-size: 14px;
}
.payNow #menu ul li {
  float: left;
  margin: 0;
  padding: 0;
  height: 44px;
  list-style-type: none;
}
.payNow #menu ul li a {
  display: block;
  margin: 0;
  padding: 15px 11px 0 10px;
  height: 29px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000;
}
.payNow #menu ul li a.current {
  margin: 8px 0 0 10px;
  padding: 0;
  height: 41px;
  background: #d0dde2;
  color: #5b6f7b;
  text-shadow: none;
}
.payNow #menu ul li a.current span {
  display: block;
  margin: 0 10px 0 0;
  padding: 8px 8px 0 18px;
  height: 33px;
  position: relative;
  float: left;
}
.payNow #menu ul li a.dash.current {
  background: #bdccd4;
}
.payNow .orderdetails fieldset {
  min-height: 260px;
}
.payNow #orderselection ordersframe {
  width: 800px;
}
.payNow #menudisplay .formline.ppinfo .formfield {
  width: 30%;
}
.payNow .menuselection {
  overflow: auto;
  border-top: 2px solid black;
}
.payNow .menuselection .menusection {
  clear: left;
  margin: 0 0 5px;
  padding: 5px;
}
.payNow .menuselection .menusection input:disabled {
  color: #545454;
  background-color: #ebebe4;
}
.payNow .menuselection .menusection input:read-only {
  color: #545454;
  background-color: #ebebe4;
}
.payNow .menuselection .menusection textarea:disabled {
  color: #545454;
  background-color: #ebebe4;
}
.payNow .menuselection .menusection textarea:read-only {
  color: #545454;
  background-color: #ebebe4;
}
.payNow .menuselection .menusection .itmreq {
  color: #dd2726;
}
.payNow .menuselection .menusection h3 {
  margin: 0px 0 5px;
}
.payNow .menuselection .menusection .sectioninfo {
  padding: 4px 0 0;
  clear: both;
}
.payNow .menuselection .menusection .sectioninfo > div {
  float: left;
}
.payNow .menuselection .menusection .sectioninfo .itemname {
  width: 400px;
  padding-right: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}
.payNow .menuselection .menusection .sectioninfo .itemprice {
  width: 50px;
  text-align: right;
}
.payNow .menuselection .menusection .sectioninfo .itemstocktype {
  width: 100px;
}
.payNow .menuselection .menusection .sectioninfo .itemqty {
  width: 130px;
  text-align: right;
  margin: -4px 0 0;
}
.payNow .menuselection .menusection .sectioninfo .itemqtytxt {
  width: 50px;
  text-align: right;
  margin: 0 10px 0;
}
.payNow .menuselection .menusection .sectioninfo.head {
  font-size: 16px;
  border: 0;
}
.payNow .menuselection .menusection .menuitems .menuitem {
  clear: left;
  padding: 5px 0;
  min-height: 18px;
  margin-top: 1px;
  zoom: 1;
}
.payNow .menuselection .menusection .menuitems .menuitem:after {
  content: "";
  display: table;
  clear: both;
}
.payNow .menuselection .menusection .menuitems .menuitem:before {
  content: "";
  display: table;
}
.payNow .menuselection .menusection .menuitems .menuitem > div {
  float: left;
}
.payNow .menuselection .menusection .menuitems .menuitem .itemname {
  width: 480px;
  padding-right: 10px;
  padding-left: 10px;
}
.payNow .menuselection .menusection .menuitems .menuitem .qtyField {
  width: 50px;
  padding-right: 5px;
}
.payNow .menuselection .menusection .menuitems .menuitem .priceField {
  width: 50px;
  padding-right: 5px;
}
.payNow .menuselection .menusection .menuitems .menuitem .itemprice {
  width: 62px;
  text-align: right;
}
.payNow .menuselection .menusection .menuitems .menuitem .itemprice .priceField {
  margin-top: -4px;
}
.payNow .menuselection .menusection .menuitems .menuitem .itemqty {
  width: 130px;
  text-align: right;
  margin: -4px 0 0;
}
.payNow .menuselection .menusection .menuitems .menuitem .itemqtytxt {
  width: 50px;
  text-align: right;
  margin: 0 10px 0;
}
.payNow .menuselection .menusection .menuitems .menuitem .itmtax {
  width: 130px;
  text-align: right;
  margin: -4px 0 0;
}
.payNow .menuselection .menusection .menuitems .menuitem .itmtax select {
  width: 120px;
}
.payNow .menuselection .menusection .menuitems .menuitem .itemnote {
  display: none;
  clear: left;
  width: 100%;
}
.payNow .menuselection .menusection .menuitems .menuitem .itemnote textarea {
  width: 90%;
  margin: 3px auto 2px;
  display: block;
}
.payNow .menuselection .menusection .menuitems .menuItemRow:nth-child(odd) {
  background: #eee;
  clear: both;
}
.payNow .menuselection .menusection .menuitems .thMenuItemName {
  min-width: 515px;
  float: left;
  padding-bottom: 4px;
}
.payNow .menuselection .menusection .menuitems .thMenuItemCharge {
  min-width: 75px;
  float: left;
  padding-bottom: 4px;
}
.payNow .menuselection .menusection .menuitems .thMenuItemQty {
  min-width: 130px;
  float: left;
  padding-bottom: 4px;
}
.payNow #orddisplay .menuselection .menusection {
  border: 0;
}
.payNow .basketview .menuselection .menusection .menuitems .menuitem .itemstocktype {
  width: 145px;
}
.payNow .menuItemRow .menuItemModifiers .ctrModifier {
  float: left;
  padding: 2px 2px 2px 10px;
}
.payNow .menuItemRow .menuItemModifiers .editModifierButtons {
  clear: both;
  padding: 12px;
  text-align: right;
}
.payNow .menuItemRow .menuItemModifiers .editModifierButtons.left {
  clear: both;
  padding: 12px;
  text-align: left;
}
.payNow .menuItemRow > .menuItemModifiers {
  clear: left;
  width: 100%;
}
.payNow .menuItemRow > .menuItemModifiers:not([isnew="isnew"]) {
  display: none;
}
@media only screen and (min-width: 992px) {
  .payNow .table {
    table-layout: fixed;
  }
  .payNow .table tr td:first-child {
    width: 200px;
  }
}
.payNow .menuitem > .itemprice {
  position: relative;
}
.payNow .menuitem > .itemprice > div[generated][class="error"] {
  position: absolute;
  top: 21px;
  right: 0px;
  z-index: 0;
  display: block;
  left: -50px;
  text-align: right;
}
.payNow .menuitem > .itemqty {
  position: relative;
}
.payNow .menuitem > .itemqty > div[generated][class="error"] {
  position: absolute;
  top: 25px;
  right: 35px;
  display: block;
  z-index: 0;
  text-align: right;
}
.payNow .totalinfo .field {
  text-align: right;
  direction: rtl;
}
.payNow .totalinfo .data {
  text-align: right;
}
.payNow .totalinfo.grandtotal .field,
.payNow .totalinfo.grandtotal .data {
  border-top: solid 1px #000;
  border-bottom: solid 2px #000;
  font-weight: bold;
}
.payNow .centerButton {
  margin: 10px 0 0;
  text-align: center;
}
.popover .popover-body {
  padding: calc(1rem * 0.25);
}
.popover .popover-body .featimg img {
  max-width: 10rem;
}
.popover .popover-body ul {
  margin: 0;
  padding-left: 1rem;
}