@charset "UTF-8";
:root {
  --_theme-primary: var(--theme-primary, #0a6ece);
  --_theme-primary--rgb: var(--theme-primary--rgb, 10, 110, 206);
  --_surface-primary: var(--surface-primary, #fff);
  --_surface-primary--rgb: var(--surface-primary--rgb, 255, 255, 255);
  --_surface-outer: var(--surface-outer, #f9fafb);
  --_surface-outer--rgb: var(--surface-outer--rgb, 255, 255, 255);
  --_text-primary: var(--text-primary, #1f2428);
  --_fh-blue: var(--fh-blue, #0a6ece);
  --_fh-blue--rgb: var(--fh-blue--rgb, 10, 110, 206);
  --_fh-green: var(--fh-green, #1D875A);
  --_fh-green--rgb: var(--fh-green--rgb, 29, 135, 90);
  --_fh-red: var(--fh-red, #c02b2b);
  --_fh-red--rgb: var(--fh-red--rgb, 192, 43, 43);
  --_fh-purple: var(--fh-purple, #745dca);
  --_fh-orange: var(--fh-orange, #C75300);
  --_fh-grey: var(--fh-grey, #697886);
  --_fh-grey-light: var(--fh-grey-light, #8d99a5);
  --_fh-grey-dark: var(--fh-grey-dark, #5a6672);
  --_hover-grey: var(--hover-grey, #e7ebef);
  --_hover-grey--active: var(--hover-grey--active, #e2e6e9);
  --_border-grey: var(--border-grey, #d1d6db);
  --_border-grey-light: var(--border-grey-light, #e0e3e6);
  --_border-grey-dark: var(--border-grey-dark, #afb8c0);
  --_border-grey-dark--hover: var(--border-grey-dark--hover, #84929f);
  --_shade-grey: var(--shade-grey, #f1f2f4);
  --_shade-grey-light: var(--shade-grey-light, #f9fafb);
  --_shade-grey-dark: var(--shade-grey-dark, #e8ebed);
  --_disabled-grey: var(--disabled-grey, #9ba6b0);
  --_medium-grey: var(--medium-grey, #4c5761);
  --_shade-green: var(--shade-green, #d9f2e1);
  --_shade-red: var(--shade-red, #f2dcda);
  --_shade-purple: var(--shade-purple, #f0e6ff);
  --_select-menu-current: var(--select-menu-current, #ecf5fd);
  --_flyout-surface: var(--flyout-surface, #fff);
  --_alert-surface: var(--alert-surface, #FFE7D1);
  --_warning-surface: var(--warning-surface, #FFE7D1);
  --_callout-surface: var(--callout-surface, #fff1ba);
  --_checked-in-surface: var(--checked-in-surface, #d3f5e1);
  --_checked-in-surface--hover: var(--checked-in-surface--hover, #c2f1d6);
  --_no-show-surface: var(--no-show-surface, #f5dfdf);
  --_no-show-surface--hover: var(--no-show-surface--hover, #f0cfcf);
  --_db-header-surface: var(--db-header-surface, #0a6ece);
  --_db-header-surface--rgb: var(--db-header-surface--rgb, 10, 110, 206); }

.fh-blue {
  color: #0a6ece;
  color: var(--_theme-primary); }

.fh-green {
  color: #1D875A;
  color: var(--_fh-green); }

.fh-red {
  color: #c02b2b;
  color: var(--_fh-red); }

.fh-orange {
  color: var(--_fh-orange); }

.fh-purple {
  color: var(--_fh-purple); }

.fh-grey {
  color: #768593;
  color: var(--_fh-grey); }

.fh-grey-new {
  color: #697886;
  color: var(--_fh-grey); }

.fh-grey-light {
  color: #8d99a5;
  color: var(--_fh-grey-light); }

.fh-grey-dark {
  color: #5a6672;
  color: var(--_fh-grey-dark); }

.disabled-grey {
  color: #9ba6b0;
  color: var(--_disabled-grey); }

.text-normal-color {
  color: #1f2428;
  color: var(--_text-primary); }

.booking-pk-color {
  color: #556f8c; }

.extra-highlight {
  background-color: var(--_callout-surface); }

.warning-color {
  color: #f37f25; }

@media screen and (prefers-color-scheme: dark) {
  html[data-theme='dark'] {
    color-scheme: dark;
    --theme-primary: hsl(206, 71%, 58%);
    --theme-primary--rgb: 72, 158, 224;
    --surface-primary: #1b1c1d;
    --surface-primary--rgb: 27, 28, 29;
    --surface-outer: #111213;
    --surface-outer--rgb: 17, 18, 19;
    --text-primary: #cfd1d3;
    --fh-green: #5CC67F;
    --fh-red: #FF7173;
    --fh-purple: #AFA0E0;
    --fh-orange: #DD6E1F;
    --fh-green--rgb: 92, 198, 127;
    --fh-red--rgb: 255, 113, 115;
    --fh-purple--rgb: 175, 160, 224;
    --fh-orange--rgb: 221, 110, 31;
    --fh-grey-light: #81888d;
    --fh-grey: #9ca1a5;
    --fh-grey-dark:  #b7bbbe;
    --hover-grey: #2c2e30;
    --hover-grey--active: #292c2e;
    --shade-grey-light: #222425;
    --shade-grey: #27292b;
    --shade-grey-dark: #2c2e30;
    --border-grey-light: #3a3e40;
    --border-grey: #4e5256;
    --border-grey-dark: #61676b;
    --border-grey-dark--hover: #6d7478;
    --disabled-grey: #666c70;
    --medium-grey: #494d50;
    --shade-green: rgba(var(--fh-green--rgb), 0.12);
    --shade-red: rgba(var(--fh-red--rgb), 0.12);
    --shade-orange: rgba(var(--fh-orange--rgb), 0.12);
    --shade-purple: rgba(var(--fh-purple--rgb), 0.12);
    --shade-blue: rgba(var(--theme-primary--rgb), 0.12);
    --field-box-shadow: none;
    --select-menu-current: rgba(var(--theme-primary--rgb), 0.12);
    --flyout-surface: #303336;
    --flyout-border-color: #575d60;
    --customer-card-surface: #2c2e30;
    --customer-card-surface--rgb: 44, 46, 48;
    --spinner-surface: var(--surface-outer);
    --spinner-surface--invert: var(--fh-grey-light);
    --spinner-border-color: #cfd1d3;
    --alert-surface: hsla(41, 100%, 74%, 10%);
    --alert-surface--hover: hsla(41, 100%, 74%, 13%);
    --warning-surface: hsla(3, 92%, 63%, 30%);
    --callout-surface: var(--medium-grey);
    --success-surface: hsla(131, 55%, 40%, 30%);
    --overlay-surface: rgba(var(--surface-outer--rgb), 0.86);
    --overlay-shadow: 0px 24px 38px 3px hsla(0,0%,0%,0.14),
                    0px 9px 46px 8px hsla(0,0%,0%,0.12),
                    0px 11px 15px -7px hsla(0,0%,0%,0.2);
    --checked-in-surface: var(--shade-green);
    --checked-in-surface--hover: rgba(var(--fh-green--rgb), 0.2);
    --no-show-surface: var(--shade-red);
    --no-show-surface--hover: rgba(var(--fh-red--rgb), 0.2);
    --db-header-surface: #123f69;
    --db-header-surface--rgb: 18, 63, 105;
    --cb-box-shadow: 0 0 0 1px var(--border-grey-light); }
    html[data-theme='dark'] body.book-embed.is-lightframe {
      background-color: var(--surface-outer); }
    html[data-theme='dark'] .btn-grey--light:not([disabled]):not(.is-disabled),
    html[data-theme='dark'] .btn-grey--lighter:not([disabled]):not(.is-disabled),
    html[data-theme='dark'] .btn-blue--light:not([disabled]):not(.is-disabled) {
      filter: brightness(85%) contrast(115%); }
    html[data-theme='dark'] .seat-map {
      filter: brightness(95%) contrast(105%); }
    html[data-theme='dark'] .paypal-buttons {
      color-scheme: normal; } }

@media screen {
  html[data-theme='dark-forced'] {
    color-scheme: dark;
    --theme-primary: hsl(206, 71%, 58%);
    --theme-primary--rgb: 72, 158, 224;
    --surface-primary: #1b1c1d;
    --surface-primary--rgb: 27, 28, 29;
    --surface-outer: #111213;
    --surface-outer--rgb: 17, 18, 19;
    --text-primary: #cfd1d3;
    --fh-green: #5CC67F;
    --fh-red: #FF7173;
    --fh-purple: #AFA0E0;
    --fh-orange: #DD6E1F;
    --fh-green--rgb: 92, 198, 127;
    --fh-red--rgb: 255, 113, 115;
    --fh-purple--rgb: 175, 160, 224;
    --fh-orange--rgb: 221, 110, 31;
    --fh-grey-light: #81888d;
    --fh-grey: #9ca1a5;
    --fh-grey-dark:  #b7bbbe;
    --hover-grey: #2c2e30;
    --hover-grey--active: #292c2e;
    --shade-grey-light: #222425;
    --shade-grey: #27292b;
    --shade-grey-dark: #2c2e30;
    --border-grey-light: #3a3e40;
    --border-grey: #4e5256;
    --border-grey-dark: #61676b;
    --border-grey-dark--hover: #6d7478;
    --disabled-grey: #666c70;
    --medium-grey: #494d50;
    --shade-green: rgba(var(--fh-green--rgb), 0.12);
    --shade-red: rgba(var(--fh-red--rgb), 0.12);
    --shade-orange: rgba(var(--fh-orange--rgb), 0.12);
    --shade-purple: rgba(var(--fh-purple--rgb), 0.12);
    --shade-blue: rgba(var(--theme-primary--rgb), 0.12);
    --field-box-shadow: none;
    --select-menu-current: rgba(var(--theme-primary--rgb), 0.12);
    --flyout-surface: #303336;
    --flyout-border-color: #575d60;
    --customer-card-surface: #2c2e30;
    --customer-card-surface--rgb: 44, 46, 48;
    --spinner-surface: var(--surface-outer);
    --spinner-surface--invert: var(--fh-grey-light);
    --spinner-border-color: #cfd1d3;
    --alert-surface: hsla(41, 100%, 74%, 10%);
    --alert-surface--hover: hsla(41, 100%, 74%, 13%);
    --warning-surface: hsla(3, 92%, 63%, 30%);
    --callout-surface: var(--medium-grey);
    --success-surface: hsla(131, 55%, 40%, 30%);
    --overlay-surface: rgba(var(--surface-outer--rgb), 0.86);
    --overlay-shadow: 0px 24px 38px 3px hsla(0,0%,0%,0.14),
                    0px 9px 46px 8px hsla(0,0%,0%,0.12),
                    0px 11px 15px -7px hsla(0,0%,0%,0.2);
    --checked-in-surface: var(--shade-green);
    --checked-in-surface--hover: rgba(var(--fh-green--rgb), 0.2);
    --no-show-surface: var(--shade-red);
    --no-show-surface--hover: rgba(var(--fh-red--rgb), 0.2);
    --db-header-surface: #123f69;
    --db-header-surface--rgb: 18, 63, 105;
    --cb-box-shadow: 0 0 0 1px var(--border-grey-light); }
    html[data-theme='dark-forced'] body.book-embed.is-lightframe {
      background-color: var(--surface-outer); }
    html[data-theme='dark-forced'] .btn-grey--light:not([disabled]):not(.is-disabled),
    html[data-theme='dark-forced'] .btn-grey--lighter:not([disabled]):not(.is-disabled),
    html[data-theme='dark-forced'] .btn-blue--light:not([disabled]):not(.is-disabled) {
      filter: brightness(85%) contrast(115%); }
    html[data-theme='dark-forced'] .seat-map {
      filter: brightness(95%) contrast(105%); }
    html[data-theme='dark-forced'] .paypal-buttons {
      color-scheme: normal; } }

.button-reset {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .button-reset:disabled {
    cursor: not-allowed; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
  display: none !important; }

ng\:form {
  display: block; }

.ng-disabled {
  color: var(--_fh-grey); }
  .ng-disabled .badge {
    opacity: .9; }

.font-monospace {
  font-family: Monaco, monospace; }

.no-assets-message {
  display: none !important; }

.hide-when-toggled.toggled, .toggled > .hide-when-toggled {
  display: none !important; }

.show-when-toggled {
  display: none; }

.show-when-toggled.toggled, .toggled > .show-when-toggled {
  display: inline; }

.ng-invisible {
  visibility: hidden; }

.customer-type-add-btn::after,
.max-hit-area::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

:root {
  --prose-line-height: 1.35;
  --settings-wrap-max-width: 1100px;
  --settings-wrap-width-narrow: 650px;
  --settings-wrap-padding-block-start: 25px;
  --settings-wrap-padding-block-end: 25px;
  --settings-wrap-padding-inline-start: 35px;
  --settings-wrap-padding-inline-end: 35px;
  --price-sheet-settings-width: 1080px;
  --tb-item-display: inline-flex;
  --tb-item-align-block: center;
  --tb-item-align-inline: center;
  --tb-item-min-width: 30px;
  --tb-item-min-height: 30px;
  --tb-item-padding-block-start: 3px;
  --tb-item-padding-block-end: 3px;
  --tb-item-padding-inline-start: 8px;
  --tb-item-padding-inline-end: 8px;
  --tb-item-color-disabled: var(--_disabled-grey);
  --tb-item-border-radius: 4px;
  --tb-item-border-color: transparent;
  --tb-item-font-size: inherit;
  --tb-item-line-height: 1;
  --tb-icon-max-height: 22px;
  --tb-icon-padding-inline: 5px; }

.respond-handhelds-show {
  display: none; }

@media only screen and (max-width: 679px) {
  .respond-handhelds-show {
    display: block; } }

@media only screen and (max-width: 679px) {
  .respond-handhelds-hide {
    display: none !important; } }

@media only screen and (min-width: 680px) {
  .respond-desktop-hide {
    display: none !important; } }

@media only screen {
  .respond-print-show {
    display: none; } }

@media only print {
  .respond-print-hide {
    display: none !important; } }

html.touch .respond-touch-hide {
  display: none; }

@media only screen and (max-width: 679px) {
  html.not-touch .respond-handhelds-not-touch-hide {
    display: none; } }

@media only screen and (max-width: 679px) {
  html.touch .respond-handhelds-touch-hide {
    display: none; } }

html:not([lang|="en"]) .respond-hide-non-english {
  display: none; }

.text-left {
  text-align: left; }

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

.text-right {
  text-align: right; }

.hide {
  display: none; }

.display-block {
  display: block; }

.min-width-0 {
  min-width: 0; }

.min-width-100 {
  min-width: 100%; }

.max-width-100 {
  max-width: 100%; }

.min-width-10ch {
  min-width: 10ch; }

.min-width-15ch {
  min-width: 15ch; }

.min-width-20ch {
  min-width: 20ch; }

.min-width-25ch {
  min-width: 25ch; }

.min-width-30ch {
  min-width: 30ch; }

.text-tiny {
  font-size: 11px; }

.text-small {
  font-size: 12px; }

.text-normal {
  font-size: 13px; }

.text-large {
  font-size: 14px; }

.text-larger {
  font-size: 15px; }

.text-huge {
  font-size: 16px; }

.text-enormous {
  font-size: 17px; }

.text-smaller {
  font-size: 0.9em; }

.underline {
  text-decoration: underline; }

.underline-on-hover:hover {
  text-decoration: underline; }

.bold {
  font-weight: bold; }

.extra-bold {
  font-weight: 900; }

.font-weight-normal {
  font-weight: normal; }

.strike {
  text-decoration: line-through; }

.pointer {
  cursor: pointer !important; }

.cursor-help {
  cursor: help !important; }

.cursor-grab {
  cursor: -webkit-grab !important;
  cursor: -moz-grab !important;
  cursor: grab !important; }

.monospace {
  font-family: monospace !important; }

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no-pointer-events {
  pointer-events: none; }

.capitalize-first {
  display: inline-block; }
  .capitalize-first:first-letter {
    text-transform: capitalize; }

.capitalize {
  text-transform: capitalize; }

.uppercase-first-letter:first-letter {
  text-transform: uppercase; }

.truncated {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.line-clamp {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }
  .line-clamp.line-clamp--2 {
    -webkit-line-clamp: 2; }
  .line-clamp.line-clamp--3 {
    -webkit-line-clamp: 3; }
  .line-clamp.line-clamp--4 {
    -webkit-line-clamp: 4; }
  .line-clamp.line-clamp--5 {
    -webkit-line-clamp: 5; }

@media only screen {
  @supports (position: sticky) {
    .sticky--0,
    .sticky--db,
    .sticky--reports,
    .sticky--manifest {
      position: -webkit-sticky !important;
      position: sticky !important;
      z-index: 99;
      top: 0; } } }

@media only screen and (min-width: 680px) {
  @supports (position: sticky) {
    .sticky--db {
      top: 45px; }
    .sticky--reports {
      top: 82px; }
    .sticky--manifest {
      top: 122px; } } }

.m-0 {
  margin: 0 !important; }

.m-t-0 {
  margin-top: 0 !important; }

.m-r-0 {
  margin-right: 0 !important; }

.m-b-0 {
  margin-bottom: 0 !important; }

.m-l-0 {
  margin-left: 0 !important; }

.m-l-auto {
  margin-left: auto; }

.m-r-auto {
  margin-right: auto; }

.m-rl-auto {
  margin-right: auto;
  margin-left: auto; }

.p-0 {
  padding: 0 !important; }

.p-t-0 {
  padding-top: 0 !important; }

.p-r-0 {
  padding-right: 0 !important; }

.p-b-0 {
  padding-bottom: 0 !important; }

.p-l-0 {
  padding-left: 0 !important; }

.m-5 {
  margin: 5px; }

.m-tb-5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.m-rl-5 {
  margin-right: 5px;
  margin-left: 5px; }

.m-t-5 {
  margin-top: 5px; }

.m-r-5 {
  margin-right: 5px; }

.m-b-5 {
  margin-bottom: 5px; }

.m-l-5 {
  margin-left: 5px; }

.p-5 {
  padding: 5px; }

.p-tb-5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.p-rl-5 {
  padding-right: 5px;
  padding-left: 5px; }

.p-t-5 {
  padding-top: 5px; }

.p-r-5 {
  padding-right: 5px; }

.p-b-5 {
  padding-bottom: 5px; }

.p-l-5 {
  padding-left: 5px; }

.m-10 {
  margin: 10px; }

.m-tb-10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.m-rl-10 {
  margin-right: 10px;
  margin-left: 10px; }

.m-t-10 {
  margin-top: 10px; }

.m-r-10 {
  margin-right: 10px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-l-10 {
  margin-left: 10px; }

.p-10 {
  padding: 10px; }

.p-tb-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.p-rl-10 {
  padding-right: 10px;
  padding-left: 10px; }

.p-t-10 {
  padding-top: 10px; }

.p-r-10 {
  padding-right: 10px; }

.p-b-10 {
  padding-bottom: 10px; }

.p-l-10 {
  padding-left: 10px; }

.m-12 {
  margin: 12px; }

.m-tb-12 {
  margin-top: 12px;
  margin-bottom: 12px; }

.m-rl-12 {
  margin-right: 12px;
  margin-left: 12px; }

.m-t-12 {
  margin-top: 12px; }

.m-r-12 {
  margin-right: 12px; }

.m-b-12 {
  margin-bottom: 12px; }

.m-l-12 {
  margin-left: 12px; }

.p-12 {
  padding: 12px; }

.p-tb-12 {
  padding-top: 12px;
  padding-bottom: 12px; }

.p-rl-12 {
  padding-right: 12px;
  padding-left: 12px; }

.p-t-12 {
  padding-top: 12px; }

.p-r-12 {
  padding-right: 12px; }

.p-b-12 {
  padding-bottom: 12px; }

.p-l-12 {
  padding-left: 12px; }

.m-15 {
  margin: 15px; }

.m-tb-15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.m-rl-15 {
  margin-right: 15px;
  margin-left: 15px; }

.m-t-15 {
  margin-top: 15px; }

.m-r-15 {
  margin-right: 15px; }

.m-b-15 {
  margin-bottom: 15px; }

.m-l-15 {
  margin-left: 15px; }

.p-15 {
  padding: 15px; }

.p-tb-15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.p-rl-15 {
  padding-right: 15px;
  padding-left: 15px; }

.p-t-15 {
  padding-top: 15px; }

.p-r-15 {
  padding-right: 15px; }

.p-b-15 {
  padding-bottom: 15px; }

.p-l-15 {
  padding-left: 15px; }

.m-20 {
  margin: 20px; }

.m-tb-20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.m-rl-20 {
  margin-right: 20px;
  margin-left: 20px; }

.m-t-20 {
  margin-top: 20px; }

.m-r-20 {
  margin-right: 20px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-l-20 {
  margin-left: 20px; }

.p-20 {
  padding: 20px; }

.p-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.p-rl-20 {
  padding-right: 20px;
  padding-left: 20px; }

.p-t-20 {
  padding-top: 20px; }

.p-r-20 {
  padding-right: 20px; }

.p-b-20 {
  padding-bottom: 20px; }

.p-l-20 {
  padding-left: 20px; }

@media only screen and (min-width: 680px) {
  .m-5--desktop {
    margin: 5px; }
  .m-tb-5--desktop {
    margin-top: 5px;
    margin-bottom: 5px; }
  .m-rl-5--desktop {
    margin-right: 5px;
    margin-left: 5px; }
  .m-t-5--desktop {
    margin-top: 5px; }
  .m-r-5--desktop {
    margin-right: 5px; }
  .m-b-5--desktop {
    margin-bottom: 5px; }
  .m-l-5--desktop {
    margin-left: 5px; }
  .p-5--desktop {
    padding: 5px; }
  .p-tb-5--desktop {
    padding-top: 5px;
    padding-bottom: 5px; }
  .p-rl-5--desktop {
    padding-right: 5px;
    padding-left: 5px; }
  .p-t-5--desktop {
    padding-top: 5px; }
  .p-r-5--desktop {
    padding-right: 5px; }
  .p-b-5--desktop {
    padding-bottom: 5px; }
  .p-l-5--desktop {
    padding-left: 5px; }
  .m-10--desktop {
    margin: 10px; }
  .m-tb-10--desktop {
    margin-top: 10px;
    margin-bottom: 10px; }
  .m-rl-10--desktop {
    margin-right: 10px;
    margin-left: 10px; }
  .m-t-10--desktop {
    margin-top: 10px; }
  .m-r-10--desktop {
    margin-right: 10px; }
  .m-b-10--desktop {
    margin-bottom: 10px; }
  .m-l-10--desktop {
    margin-left: 10px; }
  .p-10--desktop {
    padding: 10px; }
  .p-tb-10--desktop {
    padding-top: 10px;
    padding-bottom: 10px; }
  .p-rl-10--desktop {
    padding-right: 10px;
    padding-left: 10px; }
  .p-t-10--desktop {
    padding-top: 10px; }
  .p-r-10--desktop {
    padding-right: 10px; }
  .p-b-10--desktop {
    padding-bottom: 10px; }
  .p-l-10--desktop {
    padding-left: 10px; }
  .m-12--desktop {
    margin: 12px; }
  .m-tb-12--desktop {
    margin-top: 12px;
    margin-bottom: 12px; }
  .m-rl-12--desktop {
    margin-right: 12px;
    margin-left: 12px; }
  .m-t-12--desktop {
    margin-top: 12px; }
  .m-r-12--desktop {
    margin-right: 12px; }
  .m-b-12--desktop {
    margin-bottom: 12px; }
  .m-l-12--desktop {
    margin-left: 12px; }
  .p-12--desktop {
    padding: 12px; }
  .p-tb-12--desktop {
    padding-top: 12px;
    padding-bottom: 12px; }
  .p-rl-12--desktop {
    padding-right: 12px;
    padding-left: 12px; }
  .p-t-12--desktop {
    padding-top: 12px; }
  .p-r-12--desktop {
    padding-right: 12px; }
  .p-b-12--desktop {
    padding-bottom: 12px; }
  .p-l-12--desktop {
    padding-left: 12px; }
  .m-15--desktop {
    margin: 15px; }
  .m-tb-15--desktop {
    margin-top: 15px;
    margin-bottom: 15px; }
  .m-rl-15--desktop {
    margin-right: 15px;
    margin-left: 15px; }
  .m-t-15--desktop {
    margin-top: 15px; }
  .m-r-15--desktop {
    margin-right: 15px; }
  .m-b-15--desktop {
    margin-bottom: 15px; }
  .m-l-15--desktop {
    margin-left: 15px; }
  .p-15--desktop {
    padding: 15px; }
  .p-tb-15--desktop {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p-rl-15--desktop {
    padding-right: 15px;
    padding-left: 15px; }
  .p-t-15--desktop {
    padding-top: 15px; }
  .p-r-15--desktop {
    padding-right: 15px; }
  .p-b-15--desktop {
    padding-bottom: 15px; }
  .p-l-15--desktop {
    padding-left: 15px; }
  .m-20--desktop {
    margin: 20px; }
  .m-tb-20--desktop {
    margin-top: 20px;
    margin-bottom: 20px; }
  .m-rl-20--desktop {
    margin-right: 20px;
    margin-left: 20px; }
  .m-t-20--desktop {
    margin-top: 20px; }
  .m-r-20--desktop {
    margin-right: 20px; }
  .m-b-20--desktop {
    margin-bottom: 20px; }
  .m-l-20--desktop {
    margin-left: 20px; }
  .p-20--desktop {
    padding: 20px; }
  .p-tb-20--desktop {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p-rl-20--desktop {
    padding-right: 20px;
    padding-left: 20px; }
  .p-t-20--desktop {
    padding-top: 20px; }
  .p-r-20--desktop {
    padding-right: 20px; }
  .p-b-20--desktop {
    padding-bottom: 20px; }
  .p-l-20--desktop {
    padding-left: 20px; } }

@media only screen and (max-width: 679px) {
  .m-5--handhelds {
    margin: 5px; }
  .m-tb-5--handhelds {
    margin-top: 5px;
    margin-bottom: 5px; }
  .m-rl-5--handhelds {
    margin-right: 5px;
    margin-left: 5px; }
  .m-t-5--handhelds {
    margin-top: 5px; }
  .m-r-5--handhelds {
    margin-right: 5px; }
  .m-b-5--handhelds {
    margin-bottom: 5px; }
  .m-l-5--handhelds {
    margin-left: 5px; }
  .p-5--handhelds {
    padding: 5px; }
  .p-tb-5--handhelds {
    padding-top: 5px;
    padding-bottom: 5px; }
  .p-rl-5--handhelds {
    padding-right: 5px;
    padding-left: 5px; }
  .p-t-5--handhelds {
    padding-top: 5px; }
  .p-r-5--handhelds {
    padding-right: 5px; }
  .p-b-5--handhelds {
    padding-bottom: 5px; }
  .p-l-5--handhelds {
    padding-left: 5px; }
  .m-10--handhelds {
    margin: 10px; }
  .m-tb-10--handhelds {
    margin-top: 10px;
    margin-bottom: 10px; }
  .m-rl-10--handhelds {
    margin-right: 10px;
    margin-left: 10px; }
  .m-t-10--handhelds {
    margin-top: 10px; }
  .m-r-10--handhelds {
    margin-right: 10px; }
  .m-b-10--handhelds {
    margin-bottom: 10px; }
  .m-l-10--handhelds {
    margin-left: 10px; }
  .p-10--handhelds {
    padding: 10px; }
  .p-tb-10--handhelds {
    padding-top: 10px;
    padding-bottom: 10px; }
  .p-rl-10--handhelds {
    padding-right: 10px;
    padding-left: 10px; }
  .p-t-10--handhelds {
    padding-top: 10px; }
  .p-r-10--handhelds {
    padding-right: 10px; }
  .p-b-10--handhelds {
    padding-bottom: 10px; }
  .p-l-10--handhelds {
    padding-left: 10px; }
  .m-12--handhelds {
    margin: 12px; }
  .m-tb-12--handhelds {
    margin-top: 12px;
    margin-bottom: 12px; }
  .m-rl-12--handhelds {
    margin-right: 12px;
    margin-left: 12px; }
  .m-t-12--handhelds {
    margin-top: 12px; }
  .m-r-12--handhelds {
    margin-right: 12px; }
  .m-b-12--handhelds {
    margin-bottom: 12px; }
  .m-l-12--handhelds {
    margin-left: 12px; }
  .p-12--handhelds {
    padding: 12px; }
  .p-tb-12--handhelds {
    padding-top: 12px;
    padding-bottom: 12px; }
  .p-rl-12--handhelds {
    padding-right: 12px;
    padding-left: 12px; }
  .p-t-12--handhelds {
    padding-top: 12px; }
  .p-r-12--handhelds {
    padding-right: 12px; }
  .p-b-12--handhelds {
    padding-bottom: 12px; }
  .p-l-12--handhelds {
    padding-left: 12px; }
  .m-15--handhelds {
    margin: 15px; }
  .m-tb-15--handhelds {
    margin-top: 15px;
    margin-bottom: 15px; }
  .m-rl-15--handhelds {
    margin-right: 15px;
    margin-left: 15px; }
  .m-t-15--handhelds {
    margin-top: 15px; }
  .m-r-15--handhelds {
    margin-right: 15px; }
  .m-b-15--handhelds {
    margin-bottom: 15px; }
  .m-l-15--handhelds {
    margin-left: 15px; }
  .p-15--handhelds {
    padding: 15px; }
  .p-tb-15--handhelds {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p-rl-15--handhelds {
    padding-right: 15px;
    padding-left: 15px; }
  .p-t-15--handhelds {
    padding-top: 15px; }
  .p-r-15--handhelds {
    padding-right: 15px; }
  .p-b-15--handhelds {
    padding-bottom: 15px; }
  .p-l-15--handhelds {
    padding-left: 15px; }
  .m-20--handhelds {
    margin: 20px; }
  .m-tb-20--handhelds {
    margin-top: 20px;
    margin-bottom: 20px; }
  .m-rl-20--handhelds {
    margin-right: 20px;
    margin-left: 20px; }
  .m-t-20--handhelds {
    margin-top: 20px; }
  .m-r-20--handhelds {
    margin-right: 20px; }
  .m-b-20--handhelds {
    margin-bottom: 20px; }
  .m-l-20--handhelds {
    margin-left: 20px; }
  .p-20--handhelds {
    padding: 20px; }
  .p-tb-20--handhelds {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p-rl-20--handhelds {
    padding-right: 20px;
    padding-left: 20px; }
  .p-t-20--handhelds {
    padding-top: 20px; }
  .p-r-20--handhelds {
    padding-right: 20px; }
  .p-b-20--handhelds {
    padding-bottom: 20px; }
  .p-l-20--handhelds {
    padding-left: 20px; } }

@media only screen {
  .m-5--screen {
    margin: 5px; }
  .m-tb-5--screen {
    margin-top: 5px;
    margin-bottom: 5px; }
  .m-rl-5--screen {
    margin-right: 5px;
    margin-left: 5px; }
  .m-t-5--screen {
    margin-top: 5px; }
  .m-r-5--screen {
    margin-right: 5px; }
  .m-b-5--screen {
    margin-bottom: 5px; }
  .m-l-5--screen {
    margin-left: 5px; }
  .p-5--screen {
    padding: 5px; }
  .p-tb-5--screen {
    padding-top: 5px;
    padding-bottom: 5px; }
  .p-rl-5--screen {
    padding-right: 5px;
    padding-left: 5px; }
  .p-t-5--screen {
    padding-top: 5px; }
  .p-r-5--screen {
    padding-right: 5px; }
  .p-b-5--screen {
    padding-bottom: 5px; }
  .p-l-5--screen {
    padding-left: 5px; }
  .m-10--screen {
    margin: 10px; }
  .m-tb-10--screen {
    margin-top: 10px;
    margin-bottom: 10px; }
  .m-rl-10--screen {
    margin-right: 10px;
    margin-left: 10px; }
  .m-t-10--screen {
    margin-top: 10px; }
  .m-r-10--screen {
    margin-right: 10px; }
  .m-b-10--screen {
    margin-bottom: 10px; }
  .m-l-10--screen {
    margin-left: 10px; }
  .p-10--screen {
    padding: 10px; }
  .p-tb-10--screen {
    padding-top: 10px;
    padding-bottom: 10px; }
  .p-rl-10--screen {
    padding-right: 10px;
    padding-left: 10px; }
  .p-t-10--screen {
    padding-top: 10px; }
  .p-r-10--screen {
    padding-right: 10px; }
  .p-b-10--screen {
    padding-bottom: 10px; }
  .p-l-10--screen {
    padding-left: 10px; }
  .m-12--screen {
    margin: 12px; }
  .m-tb-12--screen {
    margin-top: 12px;
    margin-bottom: 12px; }
  .m-rl-12--screen {
    margin-right: 12px;
    margin-left: 12px; }
  .m-t-12--screen {
    margin-top: 12px; }
  .m-r-12--screen {
    margin-right: 12px; }
  .m-b-12--screen {
    margin-bottom: 12px; }
  .m-l-12--screen {
    margin-left: 12px; }
  .p-12--screen {
    padding: 12px; }
  .p-tb-12--screen {
    padding-top: 12px;
    padding-bottom: 12px; }
  .p-rl-12--screen {
    padding-right: 12px;
    padding-left: 12px; }
  .p-t-12--screen {
    padding-top: 12px; }
  .p-r-12--screen {
    padding-right: 12px; }
  .p-b-12--screen {
    padding-bottom: 12px; }
  .p-l-12--screen {
    padding-left: 12px; }
  .m-15--screen {
    margin: 15px; }
  .m-tb-15--screen {
    margin-top: 15px;
    margin-bottom: 15px; }
  .m-rl-15--screen {
    margin-right: 15px;
    margin-left: 15px; }
  .m-t-15--screen {
    margin-top: 15px; }
  .m-r-15--screen {
    margin-right: 15px; }
  .m-b-15--screen {
    margin-bottom: 15px; }
  .m-l-15--screen {
    margin-left: 15px; }
  .p-15--screen {
    padding: 15px; }
  .p-tb-15--screen {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p-rl-15--screen {
    padding-right: 15px;
    padding-left: 15px; }
  .p-t-15--screen {
    padding-top: 15px; }
  .p-r-15--screen {
    padding-right: 15px; }
  .p-b-15--screen {
    padding-bottom: 15px; }
  .p-l-15--screen {
    padding-left: 15px; }
  .m-20--screen {
    margin: 20px; }
  .m-tb-20--screen {
    margin-top: 20px;
    margin-bottom: 20px; }
  .m-rl-20--screen {
    margin-right: 20px;
    margin-left: 20px; }
  .m-t-20--screen {
    margin-top: 20px; }
  .m-r-20--screen {
    margin-right: 20px; }
  .m-b-20--screen {
    margin-bottom: 20px; }
  .m-l-20--screen {
    margin-left: 20px; }
  .p-20--screen {
    padding: 20px; }
  .p-tb-20--screen {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p-rl-20--screen {
    padding-right: 20px;
    padding-left: 20px; }
  .p-t-20--screen {
    padding-top: 20px; }
  .p-r-20--screen {
    padding-right: 20px; }
  .p-b-20--screen {
    padding-bottom: 20px; }
  .p-l-20--screen {
    padding-left: 20px; } }

@media only print {
  .m-5--print {
    margin: 5px; }
  .m-tb-5--print {
    margin-top: 5px;
    margin-bottom: 5px; }
  .m-rl-5--print {
    margin-right: 5px;
    margin-left: 5px; }
  .m-t-5--print {
    margin-top: 5px; }
  .m-r-5--print {
    margin-right: 5px; }
  .m-b-5--print {
    margin-bottom: 5px; }
  .m-l-5--print {
    margin-left: 5px; }
  .p-5--print {
    padding: 5px; }
  .p-tb-5--print {
    padding-top: 5px;
    padding-bottom: 5px; }
  .p-rl-5--print {
    padding-right: 5px;
    padding-left: 5px; }
  .p-t-5--print {
    padding-top: 5px; }
  .p-r-5--print {
    padding-right: 5px; }
  .p-b-5--print {
    padding-bottom: 5px; }
  .p-l-5--print {
    padding-left: 5px; }
  .m-10--print {
    margin: 10px; }
  .m-tb-10--print {
    margin-top: 10px;
    margin-bottom: 10px; }
  .m-rl-10--print {
    margin-right: 10px;
    margin-left: 10px; }
  .m-t-10--print {
    margin-top: 10px; }
  .m-r-10--print {
    margin-right: 10px; }
  .m-b-10--print {
    margin-bottom: 10px; }
  .m-l-10--print {
    margin-left: 10px; }
  .p-10--print {
    padding: 10px; }
  .p-tb-10--print {
    padding-top: 10px;
    padding-bottom: 10px; }
  .p-rl-10--print {
    padding-right: 10px;
    padding-left: 10px; }
  .p-t-10--print {
    padding-top: 10px; }
  .p-r-10--print {
    padding-right: 10px; }
  .p-b-10--print {
    padding-bottom: 10px; }
  .p-l-10--print {
    padding-left: 10px; }
  .m-12--print {
    margin: 12px; }
  .m-tb-12--print {
    margin-top: 12px;
    margin-bottom: 12px; }
  .m-rl-12--print {
    margin-right: 12px;
    margin-left: 12px; }
  .m-t-12--print {
    margin-top: 12px; }
  .m-r-12--print {
    margin-right: 12px; }
  .m-b-12--print {
    margin-bottom: 12px; }
  .m-l-12--print {
    margin-left: 12px; }
  .p-12--print {
    padding: 12px; }
  .p-tb-12--print {
    padding-top: 12px;
    padding-bottom: 12px; }
  .p-rl-12--print {
    padding-right: 12px;
    padding-left: 12px; }
  .p-t-12--print {
    padding-top: 12px; }
  .p-r-12--print {
    padding-right: 12px; }
  .p-b-12--print {
    padding-bottom: 12px; }
  .p-l-12--print {
    padding-left: 12px; }
  .m-15--print {
    margin: 15px; }
  .m-tb-15--print {
    margin-top: 15px;
    margin-bottom: 15px; }
  .m-rl-15--print {
    margin-right: 15px;
    margin-left: 15px; }
  .m-t-15--print {
    margin-top: 15px; }
  .m-r-15--print {
    margin-right: 15px; }
  .m-b-15--print {
    margin-bottom: 15px; }
  .m-l-15--print {
    margin-left: 15px; }
  .p-15--print {
    padding: 15px; }
  .p-tb-15--print {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p-rl-15--print {
    padding-right: 15px;
    padding-left: 15px; }
  .p-t-15--print {
    padding-top: 15px; }
  .p-r-15--print {
    padding-right: 15px; }
  .p-b-15--print {
    padding-bottom: 15px; }
  .p-l-15--print {
    padding-left: 15px; }
  .m-20--print {
    margin: 20px; }
  .m-tb-20--print {
    margin-top: 20px;
    margin-bottom: 20px; }
  .m-rl-20--print {
    margin-right: 20px;
    margin-left: 20px; }
  .m-t-20--print {
    margin-top: 20px; }
  .m-r-20--print {
    margin-right: 20px; }
  .m-b-20--print {
    margin-bottom: 20px; }
  .m-l-20--print {
    margin-left: 20px; }
  .p-20--print {
    padding: 20px; }
  .p-tb-20--print {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p-rl-20--print {
    padding-right: 20px;
    padding-left: 20px; }
  .p-t-20--print {
    padding-top: 20px; }
  .p-r-20--print {
    padding-right: 20px; }
  .p-b-20--print {
    padding-bottom: 20px; }
  .p-l-20--print {
    padding-left: 20px; } }

.b-0 {
  border: 0 !important; }

.b-t-0 {
  border-top: 0 !important; }

.b-r-0 {
  border-right: 0 !important; }

.b-b-0 {
  border-bottom: 0 !important; }

.b-l-0 {
  border-left: 0 !important; }

.b-all {
  border: 1px solid var(--_border-grey); }

.b-t {
  border-top: 1px solid var(--_border-grey); }

.b-r {
  border-right: 1px solid var(--_border-grey); }

.b-b {
  border-bottom: 1px solid var(--_border-grey); }

.b-l {
  border-left: 1px solid var(--_border-grey); }

.b-all-light {
  border: 1px solid var(--_border-grey-light); }

.b-t-light {
  border-top: 1px solid var(--_border-grey-light); }

.b-r-light {
  border-right: 1px solid var(--_border-grey-light); }

.b-b-light {
  border-bottom: 1px solid var(--_border-grey-light); }

.b-l-light {
  border-left: 1px solid var(--_border-grey-light); }

@media only screen and (min-width: 680px) {
  .b-0--desktop {
    border: 0 !important; }
  .b-t-0--desktop {
    border-top: 0 !important; }
  .b-r-0--desktop {
    border-right: 0 !important; }
  .b-b-0--desktop {
    border-bottom: 0 !important; }
  .b-l-0--desktop {
    border-left: 0 !important; }
  .b-all--desktop {
    border: 1px solid var(--_border-grey); }
  .b-t--desktop {
    border-top: 1px solid var(--_border-grey); }
  .b-r--desktop {
    border-right: 1px solid var(--_border-grey); }
  .b-b--desktop {
    border-bottom: 1px solid var(--_border-grey); }
  .b-l--desktop {
    border-left: 1px solid var(--_border-grey); }
  .b-all-light--desktop {
    border: 1px solid var(--_border-grey-light); }
  .b-t-light--desktop {
    border-top: 1px solid var(--_border-grey-light); }
  .b-r-light--desktop {
    border-right: 1px solid var(--_border-grey-light); }
  .b-b-light--desktop {
    border-bottom: 1px solid var(--_border-grey-light); }
  .b-l-light--desktop {
    border-left: 1px solid var(--_border-grey-light); }
  .b-all-dark--desktop {
    border: 1px solid var(--_border-grey-dark); }
  .b-t-dark--desktop {
    border-top: 1px solid var(--_border-grey-dark); }
  .b-r-dark--desktop {
    border-right: 1px solid var(--_border-grey-dark); }
  .b-b-dark--desktop {
    border-bottom: 1px solid var(--_border-grey-dark); }
  .b-l-dark--desktop {
    border-left: 1px solid var(--_border-grey-dark); } }

@media only screen and (max-width: 679px) {
  .b-0--handhelds {
    border: 0 !important; }
  .b-t-0--handhelds {
    border-top: 0 !important; }
  .b-r-0--handhelds {
    border-right: 0 !important; }
  .b-b-0--handhelds {
    border-bottom: 0 !important; }
  .b-l-0--handhelds {
    border-left: 0 !important; }
  .b-all--handhelds {
    border: 1px solid var(--_border-grey); }
  .b-t--handhelds {
    border-top: 1px solid var(--_border-grey); }
  .b-r--handhelds {
    border-right: 1px solid var(--_border-grey); }
  .b-b--handhelds {
    border-bottom: 1px solid var(--_border-grey); }
  .b-l--handhelds {
    border-left: 1px solid var(--_border-grey); }
  .b-all-light--handhelds {
    border: 1px solid var(--_border-grey-light); }
  .b-t-light--handhelds {
    border-top: 1px solid var(--_border-grey-light); }
  .b-r-light--handhelds {
    border-right: 1px solid var(--_border-grey-light); }
  .b-b-light--handhelds {
    border-bottom: 1px solid var(--_border-grey-light); }
  .b-l-light--handhelds {
    border-left: 1px solid var(--_border-grey-light); } }

@media only screen {
  .b-0--screen {
    border: 0 !important; }
  .b-t-0--screen {
    border-top: 0 !important; }
  .b-r-0--screen {
    border-right: 0 !important; }
  .b-b-0--screen {
    border-bottom: 0 !important; }
  .b-l-0--screen {
    border-left: 0 !important; }
  .b-all--screen {
    border: 1px solid var(--_border-grey); }
  .b-t--screen {
    border-top: 1px solid var(--_border-grey); }
  .b-r--screen {
    border-right: 1px solid var(--_border-grey); }
  .b-b--screen {
    border-bottom: 1px solid var(--_border-grey); }
  .b-l--screen {
    border-left: 1px solid var(--_border-grey); }
  .b-all-light--screen {
    border: 1px solid var(--_border-grey-light); }
  .b-t-light--screen {
    border-top: 1px solid var(--_border-grey-light); }
  .b-r-light--screen {
    border-right: 1px solid var(--_border-grey-light); }
  .b-b-light--screen {
    border-bottom: 1px solid var(--_border-grey-light); }
  .b-l-light--screen {
    border-left: 1px solid var(--_border-grey-light); } }

@media only print {
  .b-0--print {
    border: 0 !important; }
  .b-t-0--print {
    border-top: 0 !important; }
  .b-r-0--print {
    border-right: 0 !important; }
  .b-b-0--print {
    border-bottom: 0 !important; }
  .b-l-0--print {
    border-left: 0 !important; }
  .b-all--print {
    border: 1px solid var(--_border-grey); }
  .b-t--print {
    border-top: 1px solid var(--_border-grey); }
  .b-r--print {
    border-right: 1px solid var(--_border-grey); }
  .b-b--print {
    border-bottom: 1px solid var(--_border-grey); }
  .b-l--print {
    border-left: 1px solid var(--_border-grey); }
  .b-all-light--print {
    border: 1px solid var(--_border-grey-light); }
  .b-t-light--print {
    border-top: 1px solid var(--_border-grey-light); }
  .b-r-light--print {
    border-right: 1px solid var(--_border-grey-light); }
  .b-b-light--print {
    border-bottom: 1px solid var(--_border-grey-light); }
  .b-l-light--print {
    border-left: 1px solid var(--_border-grey-light); } }

.shade-white {
  background-color: #fff;
  background-color: var(--_surface-primary); }

.shade-grey {
  background-color: #f1f2f4;
  background-color: var(--shade-grey); }

.shade-grey-light {
  background-color: #f9fafb;
  background-color: var(--shade-grey-light); }

.shade-grey-dark {
  background-color: #e8ebed;
  background-color: var(--shade-grey-dark); }

@media only screen and (min-width: 680px) {
  .shade-white--desktop {
    background-color: #fff;
    background-color: var(--_surface-primary); }
  .shade-grey--desktop {
    background-color: #f1f2f4;
    background-color: var(--shade-grey); }
  .shade-grey-light--desktop {
    background-color: #f9fafb;
    background-color: var(--shade-grey-light); }
  .shade-grey-dark--desktop {
    background-color: #e8ebed;
    background-color: var(--shade-grey-dark); } }

@media only screen and (max-width: 679px) {
  .shade-white--handhelds {
    background-color: #fff;
    background-color: var(--_surface-primary); }
  .shade-grey--handhelds {
    background-color: #f1f2f4;
    background-color: var(--shade-grey); }
  .shade-grey-light--handhelds {
    background-color: #f9fafb;
    background-color: var(--shade-grey-light); }
  .shade-grey-dark--handhelds {
    background-color: #e8ebed;
    background-color: var(--shade-grey-dark); } }

@media only screen {
  .shade-white--screen {
    background-color: #fff;
    background-color: var(--_surface-primary); }
  .shade-grey--screen {
    background-color: #f1f2f4;
    background-color: var(--shade-grey); }
  .shade-grey-light--screen {
    background-color: #f9fafb;
    background-color: var(--shade-grey-light); }
  .shade-grey-dark--screen {
    background-color: #e8ebed;
    background-color: var(--shade-grey-dark); } }

@media only screen and (min-width: 680px) {
  .float-right--desktop {
    float: right; }
  .float-left--desktop {
    float: left; } }

.clearfix:after, .manifest-customer-cards:after, .shortcuts-content:after, .rule-form-customer-types-header:after, .rule-form-buttons:after, .activities-add-note:after, .fields-indent:after, .settings-window:after, .option-row:after, .compress-option-sheets:after, .datepicker-with-dash:after, .update-user-toggle:after, .overview-cols-wrap:after, .tiny-settings-wrap:after, .customer-type-settings-header:after, .settings-subsection:after, .invoices-subsection:after, .invoices-toggle:after, .invoice-overview-wrap:after, .volumes-toggle:after, .summary-detail-view-charts:after, .report-wrap:after, .field-instance-conditions-type:after, .edit-item-subscriptions .subscription-user:after, .action-sheet-header:after, .bookings-subsection:after, .db-main:after, .form-login:after, .email-form-header:after, .booking-receipt-details:after, .item-grid:after, .item-page-content:after, .book-form-affiliate:after, .create-booking:after, .auth-book-sidebar-section:after, .company-wrap-inner:after, .company-wrap:after, .field-percent.field-percent-labels-after:after,
.field-degrees.field-percent-labels-after:after, .field-radio-group > li .radio-content:after, .field-radio-group-container ul > li .radio-content:after, .field.people-field:after, .field.hours-field:after, .field-sms-optin label:after, .field-cb-email label:after, .field-cb-light label:after, .field-cb label:after, .field-sms-optin:after, .field-cb-email:after, .field-cb-light:after, .field-cb:after, .tabs:after, .spreadsheet .ss-group-header:after, .customer-type-card .customer-type-card-header:after, .customer-type-card:after, .add-more-message:after, .customer-type-cards-list:after, .cf-rebook-new-transportation:after, .card-expiry:after, .calendar-nav:after, .bei-page:after, .search-item-expanded:after, .search-by-date-page:after, .flyout-create-form:after, .flyout-create-form-toggle:after, .flyout-presets > li:after, .buttons-list > li:after, .block-list > li:after {
  content: '';
  display: table;
  clear: both;
  border-spacing: 0; }

.clear {
  clear: both; }

.touch-scroll, .shortcuts, .chunky-error-content.limit-height {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch; }

.disable-touch-highlight {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

.print-break-avoid {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid; }

.print-break-after {
  page-break-after: always;
  break-after: always; }

table, .table {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media only screen and (min-width: 680px) {
  .table {
    display: table; }
    .table > .thead {
      display: table-header-group; }
    .table > .tbody {
      display: table-row-group; }
    .table > .tfoot {
      display: table-footer-group; }
    .table > .tr,
    .table > .thead > .tr,
    .table > .tbody > .tr,
    .table > .tfoot > .tr {
      display: table-row; }
    .table > .tr > .td,
    .table > .tr > .th,
    .table > .thead > .tr > .td,
    .table > .thead > .tr > .th,
    .table > .tbody > .tr > .td,
    .table > .tfoot > .tr > .td {
      display: table-cell; }
    .table.valign-top > .tr > .td,
    .table.valign-top > .tr > .th,
    .table.valign-top > .thead > .tr > .td,
    .table.valign-top > .thead > .tr > .th,
    .table.valign-top > .tbody > .tr > .td,
    .table.valign-top > .tfoot > .tr > .td {
      vertical-align: top; }
    .table.valign-middle > .tr > .td,
    .table.valign-middle > .tr > .th,
    .table.valign-middle > .thead > .tr > .td,
    .table.valign-middle > .thead > .tr > .th,
    .table.valign-middle > .tbody > .tr > .td,
    .table.valign-middle > .tfoot > .tr > .td {
      vertical-align: middle; }
    .table.valign-bottom > .tr > .td,
    .table.valign-bottom > .tr > .th,
    .table.valign-bottom > .thead > .tr > .td,
    .table.valign-bottom > .thead > .tr > .th,
    .table.valign-bottom > .tbody > .tr > .td,
    .table.valign-bottom > .tfoot > .tr > .td {
      vertical-align: bottom; }
    .table > .tr > .td.valign-top,
    .table > .tr > .th.valign-top,
    .table > .thead > .tr > .td.valign-top,
    .table > .thead > .tr > .th.valign-top,
    .table > .tbody > .tr > .td.valign-top,
    .table > .tfoot > .tr > .td.valign-top {
      vertical-align: top; }
    .table > .tr > .td.valign-middle,
    .table > .tr > .th.valign-middle,
    .table > .thead > .tr > .td.valign-middle,
    .table > .thead > .tr > .th.valign-middle,
    .table > .tbody > .tr > .td.valign-middle,
    .table > .tfoot > .tr > .td.valign-middle {
      vertical-align: middle; }
    .table > .tr > .td.valign-bottom,
    .table > .tr > .th.valign-bottom,
    .table > .thead > .tr > .td.valign-bottom,
    .table > .thead > .tr > .th.valign-bottom,
    .table > .tbody > .tr > .td.valign-bottom,
    .table > .tfoot > .tr > .td.valign-bottom {
      vertical-align: bottom; } }

@media only screen and (max-width: 679px) {
  .table.table-dont-respond {
    display: table; }
    .table.table-dont-respond > .thead {
      display: table-header-group; }
    .table.table-dont-respond > .tbody {
      display: table-row-group; }
    .table.table-dont-respond > .tfoot {
      display: table-footer-group; }
    .table.table-dont-respond > .tr,
    .table.table-dont-respond > .thead > .tr,
    .table.table-dont-respond > .tbody > .tr,
    .table.table-dont-respond > .tfoot > .tr {
      display: table-row; }
    .table.table-dont-respond > .tr > .td,
    .table.table-dont-respond > .tr > .th,
    .table.table-dont-respond > .thead > .tr > .td,
    .table.table-dont-respond > .thead > .tr > .th,
    .table.table-dont-respond > .tbody > .tr > .td,
    .table.table-dont-respond > .tfoot > .tr > .td {
      display: table-cell; }
    .table.table-dont-respond.valign-top > .tr > .td,
    .table.table-dont-respond.valign-top > .tr > .th,
    .table.table-dont-respond.valign-top > .thead > .tr > .td,
    .table.table-dont-respond.valign-top > .thead > .tr > .th,
    .table.table-dont-respond.valign-top > .tbody > .tr > .td,
    .table.table-dont-respond.valign-top > .tfoot > .tr > .td {
      vertical-align: top; }
    .table.table-dont-respond.valign-middle > .tr > .td,
    .table.table-dont-respond.valign-middle > .tr > .th,
    .table.table-dont-respond.valign-middle > .thead > .tr > .td,
    .table.table-dont-respond.valign-middle > .thead > .tr > .th,
    .table.table-dont-respond.valign-middle > .tbody > .tr > .td,
    .table.table-dont-respond.valign-middle > .tfoot > .tr > .td {
      vertical-align: middle; }
    .table.table-dont-respond.valign-bottom > .tr > .td,
    .table.table-dont-respond.valign-bottom > .tr > .th,
    .table.table-dont-respond.valign-bottom > .thead > .tr > .td,
    .table.table-dont-respond.valign-bottom > .thead > .tr > .th,
    .table.table-dont-respond.valign-bottom > .tbody > .tr > .td,
    .table.table-dont-respond.valign-bottom > .tfoot > .tr > .td {
      vertical-align: bottom; }
    .table.table-dont-respond > .tr > .td.valign-top,
    .table.table-dont-respond > .tr > .th.valign-top,
    .table.table-dont-respond > .thead > .tr > .td.valign-top,
    .table.table-dont-respond > .thead > .tr > .th.valign-top,
    .table.table-dont-respond > .tbody > .tr > .td.valign-top,
    .table.table-dont-respond > .tfoot > .tr > .td.valign-top {
      vertical-align: top; }
    .table.table-dont-respond > .tr > .td.valign-middle,
    .table.table-dont-respond > .tr > .th.valign-middle,
    .table.table-dont-respond > .thead > .tr > .td.valign-middle,
    .table.table-dont-respond > .thead > .tr > .th.valign-middle,
    .table.table-dont-respond > .tbody > .tr > .td.valign-middle,
    .table.table-dont-respond > .tfoot > .tr > .td.valign-middle {
      vertical-align: middle; }
    .table.table-dont-respond > .tr > .td.valign-bottom,
    .table.table-dont-respond > .tr > .th.valign-bottom,
    .table.table-dont-respond > .thead > .tr > .td.valign-bottom,
    .table.table-dont-respond > .thead > .tr > .th.valign-bottom,
    .table.table-dont-respond > .tbody > .tr > .td.valign-bottom,
    .table.table-dont-respond > .tfoot > .tr > .td.valign-bottom {
      vertical-align: bottom; } }

@media only print {
  .table:not(.break-on-print) {
    display: table; }
    .table:not(.break-on-print) > .thead {
      display: table-header-group; }
    .table:not(.break-on-print) > .tbody {
      display: table-row-group; }
    .table:not(.break-on-print) > .tfoot {
      display: table-footer-group; }
    .table:not(.break-on-print) > .tr,
    .table:not(.break-on-print) > .thead > .tr,
    .table:not(.break-on-print) > .tbody > .tr,
    .table:not(.break-on-print) > .tfoot > .tr {
      display: table-row; }
    .table:not(.break-on-print) > .tr > .td,
    .table:not(.break-on-print) > .tr > .th,
    .table:not(.break-on-print) > .thead > .tr > .td,
    .table:not(.break-on-print) > .thead > .tr > .th,
    .table:not(.break-on-print) > .tbody > .tr > .td,
    .table:not(.break-on-print) > .tfoot > .tr > .td {
      display: table-cell; }
    .table.valign-top:not(.break-on-print) > .tr > .td,
    .table.valign-top:not(.break-on-print) > .tr > .th,
    .table.valign-top:not(.break-on-print) > .thead > .tr > .td,
    .table.valign-top:not(.break-on-print) > .thead > .tr > .th,
    .table.valign-top:not(.break-on-print) > .tbody > .tr > .td,
    .table.valign-top:not(.break-on-print) > .tfoot > .tr > .td {
      vertical-align: top; }
    .table.valign-middle:not(.break-on-print) > .tr > .td,
    .table.valign-middle:not(.break-on-print) > .tr > .th,
    .table.valign-middle:not(.break-on-print) > .thead > .tr > .td,
    .table.valign-middle:not(.break-on-print) > .thead > .tr > .th,
    .table.valign-middle:not(.break-on-print) > .tbody > .tr > .td,
    .table.valign-middle:not(.break-on-print) > .tfoot > .tr > .td {
      vertical-align: middle; }
    .table.valign-bottom:not(.break-on-print) > .tr > .td,
    .table.valign-bottom:not(.break-on-print) > .tr > .th,
    .table.valign-bottom:not(.break-on-print) > .thead > .tr > .td,
    .table.valign-bottom:not(.break-on-print) > .thead > .tr > .th,
    .table.valign-bottom:not(.break-on-print) > .tbody > .tr > .td,
    .table.valign-bottom:not(.break-on-print) > .tfoot > .tr > .td {
      vertical-align: bottom; }
    .table:not(.break-on-print) > .tr > .td.valign-top,
    .table:not(.break-on-print) > .tr > .th.valign-top,
    .table:not(.break-on-print) > .thead > .tr > .td.valign-top,
    .table:not(.break-on-print) > .thead > .tr > .th.valign-top,
    .table:not(.break-on-print) > .tbody > .tr > .td.valign-top,
    .table:not(.break-on-print) > .tfoot > .tr > .td.valign-top {
      vertical-align: top; }
    .table:not(.break-on-print) > .tr > .td.valign-middle,
    .table:not(.break-on-print) > .tr > .th.valign-middle,
    .table:not(.break-on-print) > .thead > .tr > .td.valign-middle,
    .table:not(.break-on-print) > .thead > .tr > .th.valign-middle,
    .table:not(.break-on-print) > .tbody > .tr > .td.valign-middle,
    .table:not(.break-on-print) > .tfoot > .tr > .td.valign-middle {
      vertical-align: middle; }
    .table:not(.break-on-print) > .tr > .td.valign-bottom,
    .table:not(.break-on-print) > .tr > .th.valign-bottom,
    .table:not(.break-on-print) > .thead > .tr > .td.valign-bottom,
    .table:not(.break-on-print) > .thead > .tr > .th.valign-bottom,
    .table:not(.break-on-print) > .tbody > .tr > .td.valign-bottom,
    .table:not(.break-on-print) > .tfoot > .tr > .td.valign-bottom {
      vertical-align: bottom; } }

.table.full-width {
  width: 100%; }

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

@media only screen and (max-width: 679px) {
  .table-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; } }

.theater, .company-theater {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  z-index: 1012;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch; }

.is-disabled.popover-menu-action, .activities-next-page .is-disabled.activities-load-more, .is-disabled.item-block-button, .customer-type-card .customer-type-card-remove button.is-disabled, .is-disabled.btn-red--ghost, .is-disabled.btn-red, .is-disabled.btn-green, .is-disabled.btn-blue--light, .is-disabled.btn-blue, .is-disabled.btn-grey--ghost, .is-disabled.btn-grey--lighter, .is-disabled.btn-grey--light, .is-disabled.btn-grey, .activities-next-page .activities-load-more[disabled], .item-block-button[disabled], .customer-type-card .customer-type-card-remove button[disabled], .btn-red--ghost[disabled], .btn-red[disabled], .btn-green[disabled], .btn-blue--light[disabled], .btn-blue[disabled], .btn-grey--ghost[disabled], .btn-grey--lighter[disabled], .btn-grey--light[disabled], .btn-grey[disabled] {
  color: #9ba6b0 !important;
  color: var(--disabled-grey, #9ba6b0) !important;
  background-color: #fff !important;
  background-color: var(--shade-grey, #fff) !important;
  border-color: #e8ebed !important;
  border-color: var(--border-grey-light, #e8ebed) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

@media only screen and (max-width: 679px) {
  .toggled-handhelds-only:not(.toggled) {
    display: none; } }

.inline-block-icon, .presence-small-eye.active, .booked-at .rebooked-icon, .booking-block-affiliate.booked-via-online:before, .booking-block-affiliate.booked-via-affiliate-db:before, .sm-icon, .hint-help-link:before, .required-flag-icon,
.field-required-flag > i, .icon-order-large, .booked-online-icon, .warning-icon, .icon-email-status-opened, .icon-email-status-red, .icon-email-status-grey, .icon-add-from-dropdown, .help-icon-small-grey, .icon-check-badge, .icon-hint--small, .icon-hint, .icon-lock-white, .icon-lock-red, .icon-lock-green, .icon-ava-lock, .icon-ava-unlisted, .icon-ava-phone, .icon-lock {
  display: inline-block;
  text-indent: -9999em;
  font-style: normal; }

.icon-right {
  margin-left: 5px; }

.icon-left {
  margin-right: 5px; }

@media only screen and (min-width: 680px) {
  body.hide-body-overflow {
    overflow: hidden !important; } }

@media only screen and (max-width: 679px) {
  body.hide-body-overflow--handhelds {
    overflow: hidden !important; } }

@media only screen {
  body.hide-body-overflow--everywhere {
    overflow: hidden !important; } }

@media only screen {
  .force-scroll-gutter {
    overflow-y: scroll; } }

@media only screen {
  .nowrap {
    white-space: nowrap; } }

@media only screen and (min-width: 680px) {
  .nowrap--desktop {
    white-space: nowrap; } }

@media only screen and (max-width: 679px) {
  .nowrap--mobile {
    white-space: nowrap; } }

.break-words {
  word-break: break-word; }

.pre-wrap {
  white-space: pre-wrap; }

.block-loading--init {
  opacity: 1;
  transition: opacity .1s ease-in-out;
  -moz-transition: opacity .1s ease-in-out;
  -webkit-transition: opacity .1s ease-in-out; }

.block-loading {
  opacity: 0.5; }

.disable-selects label {
  pointer-events: none; }

.disable-selects select, .disable-selects .customer-select-count {
  pointer-events: none;
  opacity: 0.7; }

@media only screen and (max-width: 679px) {
  .max-width-desktop-only {
    max-width: 100% !important; } }

@media only screen and (min-resolution: 2dppx), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .sprite2x, .manifest-cell-phone-link:after, .crew-flyout-email-note:before, .presence-small-editing.active, .presence-small-eye.active, .popover-back:before, .popover-menu-action.green:hover .tb-icon.plus, .popover-menu-action.green .tb-icon.plus, .booked-at .rebooked-icon, .booking-block-affiliate.booked-via-affiliate-db:before, .booking-block-affiliate.booked-via-online:before, .activity-sent-review-express-request .activity-content-icon, .activity-rebooked-booking .activity-content-icon, .activity.activity-note .activity-content-icon, .activity.activity-transferred-note .activity-content-icon, .option-inline-add-button:before, .ar-advanced-simple-toggle:before, .ar-advanced-tall-toggle:after, .ar-advanced-tall-toggle.toggled:after, .invoice-table--row:active .itable-navigate.with-button:before, .invoice-table--row:hover .itable-navigate.with-button:before, .itable-navigate.with-button:before, .option-block-toggle.toggled:hover span, .option-block-toggle.toggled span, .option-block-toggle:hover span, .option-block-toggle span, .option-cf-has-parent:before, .icon--external-link:after, .settings-checklist-button.action-completed:after, .toggle-set-cancel, .report-cancel:hover:before, .report-cancel:before, .report-link:hover:before, .report-link:after, .report-link:before, .report-regenerate-btn:hover:before, .report-regenerate-btn:before, .flow-node-preview-header.collapsed .flow-node-preview-toggle:after, .flow-node-preview-toggle:after, .sidepanel-block.is-placeholder:before, .settings-nag .settings a span:after, .db-fh-logo:before, .slideshow .arrow.next:before, .slideshow .arrow.prev:before, .pickup-map-link-confirmation:after, .suggested-items .suggested-items-arrow-left span i, .suggested-items .suggested-items-arrow-right span i, .calendar-button:before, .chunky-error.orange .chunky-error-inner:after, .chunky-error.red .chunky-error-inner:after, .nav-cart.mobile, a:hover .nav-cart, li.current .nav-cart, .nav-cart, .nav-pinterest.mobile, a:hover .nav-pinterest, .nav-pinterest, .nav-youtube.mobile, a:hover .nav-youtube, .nav-youtube, .nav-instagram.mobile, a:hover .nav-instagram, .nav-instagram, .nav-tripadvisor.mobile, a:hover .nav-tripadvisor, .nav-tripadvisor, .nav-yelp.mobile, a:hover .nav-yelp, .nav-yelp, .nav-googleplus.mobile, a:hover .nav-googleplus, .nav-googleplus, .nav-facebook.mobile, a:hover .nav-facebook, .nav-facebook, .nav-twitter.mobile, a:hover .nav-twitter, .nav-twitter, .nav-url:hover:before, .nav-url:before, html.not-touch .activities-menu-button:hover:before, .activities-menu-button.toggled:before, .activities-menu-button:before, .company-nav .company-nav-flyout-button.current > a:after,
  .company-nav .company-nav-flyout-button a.toggled:after, html.not-touch .company-nav .company-nav-flyout-button > a:hover:after, html.not-touch .company-nav .company-nav-flyout-button > a:active:after, .company-nav .company-nav-flyout-button > a:after, .book-direct .book-direct-badge, .pin-location:before, .field.timepicker .field-style-hook, .select-jump-link:before, .field-globe-icon .the-field::before, .field-radio-group > li.field-radio-icon--cc > label:after, .field-radio-group-container ul > li.field-radio-icon--cc > label:after, .field-radio-group > li .radio-content:before, .field-radio-group-container ul > li .radio-content:before, .ss-drilldown:after, .hint-help-link:before, .ng-prevalid .field-prevalid-flag:before, .ng-preinvalid .field-preinvalid-flag:before, .pickup-map-link .map-link-headline:after, .pickup-map-link:before, .cf-rebook-option label.radio-selected .icon-hint, .calendar.editing .day-number:active:after, .calendar.editing .day-number:hover:after, .calendar.editing .day-number:after, .ava-is-full .icon-user-small.empty, .ava-is-full .icon-user-small, .ava-is-full .icon-user.empty, .ava-is-full .icon-user, .ava-is-overbooked .icon-user-small.empty,
  .ava-is-unbookable .icon-user-small.empty, .ava-is-overbooked .icon-user-small,
  .ava-is-unbookable .icon-user-small, .ava-is-overbooked .icon-user.empty,
  .ava-is-unbookable .icon-user.empty, .ava-is-overbooked .icon-user,
  .ava-is-unbookable .icon-user, .ava-is-booked .icon-user-small.empty,
  .ava-is-bookable .icon-user-small.empty, .ava-is-booked .icon-user-small,
  .ava-is-bookable .icon-user-small, .ava-is-booked .icon-user.empty,
  .ava-is-bookable .icon-user.empty, .ava-is-booked .icon-user,
  .ava-is-bookable .icon-user, .icon-user-small.empty, .icon-user-small, .icon-user.empty, .icon-user, .flyout-toggle-header.invalid:after, .flyout-toggle-header.active:after, .flyout-create-form-toggle:before, .inline-add-link:before, .flyout-menu-items li.current .tb-icon.plus,
  .flyout-menu-items li.toggled .tb-icon.plus,
  .flyout-menu-items a.current .tb-icon.plus,
  .flyout-menu-items button.current .tb-icon.plus,
  .flyout-menu-items button.toggled .tb-icon.plus,
  .flyout-menu-items button.active .tb-icon.plus, .flyout-menu-items li.current .tb-icon.timeline,
  .flyout-menu-items li.toggled .tb-icon.timeline,
  .flyout-menu-items a.current .tb-icon.timeline,
  .flyout-menu-items button.current .tb-icon.timeline,
  .flyout-menu-items button.toggled .tb-icon.timeline,
  .flyout-menu-items button.active .tb-icon.timeline, .flyout-menu-items li.current .tb-icon.agenda,
  .flyout-menu-items li.toggled .tb-icon.agenda,
  .flyout-menu-items a.current .tb-icon.agenda,
  .flyout-menu-items button.current .tb-icon.agenda,
  .flyout-menu-items button.toggled .tb-icon.agenda,
  .flyout-menu-items button.active .tb-icon.agenda, .flyout-menu-items li.current .tb-icon.day,
  .flyout-menu-items li.toggled .tb-icon.day,
  .flyout-menu-items a.current .tb-icon.day,
  .flyout-menu-items button.current .tb-icon.day,
  .flyout-menu-items button.toggled .tb-icon.day,
  .flyout-menu-items button.active .tb-icon.day, .flyout-menu-items li.current .tb-icon.month,
  .flyout-menu-items li.toggled .tb-icon.month,
  .flyout-menu-items a.current .tb-icon.month,
  .flyout-menu-items button.current .tb-icon.month,
  .flyout-menu-items button.toggled .tb-icon.month,
  .flyout-menu-items button.active .tb-icon.month, .flyout-menu-items li.current .icon-hint,
  .flyout-menu-items li.toggled .icon-hint,
  .flyout-menu-items a.current .icon-hint,
  .flyout-menu-items button.current .icon-hint,
  .flyout-menu-items button.toggled .icon-hint,
  .flyout-menu-items button.active .icon-hint, .tb-icon.yahoo, .current .tb-icon.user, .tb-icon.user, .current .tb-icon.swap, .tb-icon.swap, .tb-icon.stack-blue, .tb-icon.stack, .current .tb-icon.plus, .tb-icon.plus, .tb-icon.pencil-writing, .tb-icon.outlook, .tb-icon.network, .tb-icon.ical, .tb-icon.google, .current .tb-icon.closed-network, .tb-icon.closed-network, .current .tb-icon.bank, .tb-icon.bank, .tb-icon.availabilities, .flash-close:before, .badge .badge-dismiss:before, .btn-icon.merge-booking::before, .btn-icon.add-booking::before, .btn-icon.rebook::before, .btn-icon.print::before, .btn-icon.phone::before, .btn-icon.manifest::before, .btn-icon.email::before, .btn-icon.check-in::before, .btn-icon.cog::before, .btn-icon.cc-save::before, .btn-icon.cancel::before, .btn-icon.recurring-transfer::before, .btn-icon.bank::before, .btn-icon.add-person::before, .btn-icon.arrow-left::before, .btn-icon.arrow-right::before, .form-error:before, .errors li:before, .time-preview:before, .icon-order-large, .badge .booked-online-icon, .booked-online-icon.grey, .booked-online-icon, .warning-icon, .icon-email-status-opened, .icon-email-status-red, .icon-email-status-grey, .help-icon-small-grey, .help-icon, .icon-check-badge, .icon-hint--small, .icon-lock-white, .icon-lock-red, .icon-lock-green, .icon-ava-lock, .icon-ava-unlisted, .icon-ava-phone, .icon-lock {
    background-image: url("/static/images/sprite@2x.png?e416dbbd51e0") !important;
    background-size: 500px auto;
    -webkit-background-size: 500px auto; } }

.manifest-cell-phone-link:after, .crew-flyout-email-note:before, .presence-small-editing.active, .presence-small-eye.active, .popover-back:before, .popover-menu-action.green:hover .tb-icon.plus, .popover-menu-action.green .tb-icon.plus, .booked-at .rebooked-icon, .booking-block-affiliate.booked-via-affiliate-db:before, .booking-block-affiliate.booked-via-online:before, .activity-sent-review-express-request .activity-content-icon, .activity-rebooked-booking .activity-content-icon, .activity.activity-note .activity-content-icon, .activity.activity-transferred-note .activity-content-icon, .option-inline-add-button:before, .ar-advanced-simple-toggle:before, .ar-advanced-tall-toggle:after, .ar-advanced-tall-toggle.toggled:after, .invoice-table--row:active .itable-navigate.with-button:before, .invoice-table--row:hover .itable-navigate.with-button:before, .itable-navigate.with-button:before, .option-block-toggle.toggled:hover span, .option-block-toggle.toggled span, .option-block-toggle:hover span, .option-block-toggle span, .option-cf-has-parent:before, .icon--external-link:after, .settings-checklist-button.action-completed:after, .toggle-set-cancel, .report-cancel:hover:before, .report-cancel:before, .report-link:hover:before, .report-link:after, .report-link:before, .report-regenerate-btn:hover:before, .report-regenerate-btn:before, .flow-node-preview-header.collapsed .flow-node-preview-toggle:after, .flow-node-preview-toggle:after, .sidepanel-block.is-placeholder:before, .settings-nag .settings a span:after, .db-fh-logo:before, .slideshow .arrow.next:before, .slideshow .arrow.prev:before, .pickup-map-link-confirmation:after, .suggested-items .suggested-items-arrow-left span i, .suggested-items .suggested-items-arrow-right span i, .calendar-button:before, .chunky-error.orange .chunky-error-inner:after, .chunky-error.red .chunky-error-inner:after, .nav-cart.mobile, a:hover .nav-cart, li.current .nav-cart, .nav-cart, .nav-pinterest.mobile, a:hover .nav-pinterest, .nav-pinterest, .nav-youtube.mobile, a:hover .nav-youtube, .nav-youtube, .nav-instagram.mobile, a:hover .nav-instagram, .nav-instagram, .nav-tripadvisor.mobile, a:hover .nav-tripadvisor, .nav-tripadvisor, .nav-yelp.mobile, a:hover .nav-yelp, .nav-yelp, .nav-googleplus.mobile, a:hover .nav-googleplus, .nav-googleplus, .nav-facebook.mobile, a:hover .nav-facebook, .nav-facebook, .nav-twitter.mobile, a:hover .nav-twitter, .nav-twitter, .nav-url:hover:before, .nav-url:before, html.not-touch .activities-menu-button:hover:before, .activities-menu-button.toggled:before, .activities-menu-button:before, .company-nav .company-nav-flyout-button.current > a:after,
.company-nav .company-nav-flyout-button a.toggled:after, html.not-touch .company-nav .company-nav-flyout-button > a:hover:after, html.not-touch .company-nav .company-nav-flyout-button > a:active:after, .company-nav .company-nav-flyout-button > a:after, .book-direct .book-direct-badge, .pin-location:before, .field.timepicker .field-style-hook, .select-jump-link:before, .field-globe-icon .the-field::before, .field-radio-group > li.field-radio-icon--cc > label:after, .field-radio-group-container ul > li.field-radio-icon--cc > label:after, .field-radio-group > li .radio-content:before, .field-radio-group-container ul > li .radio-content:before, .ss-drilldown:after, .hint-help-link:before, .ng-prevalid .field-prevalid-flag:before, .ng-preinvalid .field-preinvalid-flag:before, .pickup-map-link .map-link-headline:after, .pickup-map-link:before, .cf-rebook-option label.radio-selected .icon-hint, .calendar.editing .day-number:active:after, .calendar.editing .day-number:hover:after, .calendar.editing .day-number:after, .ava-is-full .icon-user-small.empty, .ava-is-full .icon-user-small, .ava-is-full .icon-user.empty, .ava-is-full .icon-user, .ava-is-overbooked .icon-user-small.empty,
.ava-is-unbookable .icon-user-small.empty, .ava-is-overbooked .icon-user-small,
.ava-is-unbookable .icon-user-small, .ava-is-overbooked .icon-user.empty,
.ava-is-unbookable .icon-user.empty, .ava-is-overbooked .icon-user,
.ava-is-unbookable .icon-user, .ava-is-booked .icon-user-small.empty,
.ava-is-bookable .icon-user-small.empty, .ava-is-booked .icon-user-small,
.ava-is-bookable .icon-user-small, .ava-is-booked .icon-user.empty,
.ava-is-bookable .icon-user.empty, .ava-is-booked .icon-user,
.ava-is-bookable .icon-user, .icon-user-small.empty, .icon-user-small, .icon-user.empty, .icon-user, .flyout-toggle-header.invalid:after, .flyout-toggle-header.active:after, .flyout-create-form-toggle:before, .inline-add-link:before, .flyout-menu-items li.current .tb-icon.plus,
.flyout-menu-items li.toggled .tb-icon.plus,
.flyout-menu-items a.current .tb-icon.plus,
.flyout-menu-items button.current .tb-icon.plus,
.flyout-menu-items button.toggled .tb-icon.plus,
.flyout-menu-items button.active .tb-icon.plus, .flyout-menu-items li.current .tb-icon.timeline,
.flyout-menu-items li.toggled .tb-icon.timeline,
.flyout-menu-items a.current .tb-icon.timeline,
.flyout-menu-items button.current .tb-icon.timeline,
.flyout-menu-items button.toggled .tb-icon.timeline,
.flyout-menu-items button.active .tb-icon.timeline, .flyout-menu-items li.current .tb-icon.agenda,
.flyout-menu-items li.toggled .tb-icon.agenda,
.flyout-menu-items a.current .tb-icon.agenda,
.flyout-menu-items button.current .tb-icon.agenda,
.flyout-menu-items button.toggled .tb-icon.agenda,
.flyout-menu-items button.active .tb-icon.agenda, .flyout-menu-items li.current .tb-icon.day,
.flyout-menu-items li.toggled .tb-icon.day,
.flyout-menu-items a.current .tb-icon.day,
.flyout-menu-items button.current .tb-icon.day,
.flyout-menu-items button.toggled .tb-icon.day,
.flyout-menu-items button.active .tb-icon.day, .flyout-menu-items li.current .tb-icon.month,
.flyout-menu-items li.toggled .tb-icon.month,
.flyout-menu-items a.current .tb-icon.month,
.flyout-menu-items button.current .tb-icon.month,
.flyout-menu-items button.toggled .tb-icon.month,
.flyout-menu-items button.active .tb-icon.month, .flyout-menu-items li.current .icon-hint,
.flyout-menu-items li.toggled .icon-hint,
.flyout-menu-items a.current .icon-hint,
.flyout-menu-items button.current .icon-hint,
.flyout-menu-items button.toggled .icon-hint,
.flyout-menu-items button.active .icon-hint, .tb-icon.yahoo, .current .tb-icon.user, .tb-icon.user, .current .tb-icon.swap, .tb-icon.swap, .tb-icon.stack-blue, .tb-icon.stack, .current .tb-icon.plus, .tb-icon.plus, .tb-icon.pencil-writing, .tb-icon.outlook, .tb-icon.network, .tb-icon.ical, .tb-icon.google, .current .tb-icon.closed-network, .tb-icon.closed-network, .current .tb-icon.bank, .tb-icon.bank, .tb-icon.availabilities, .flash-close:before, .badge .badge-dismiss:before, .btn-icon.merge-booking::before, .btn-icon.add-booking::before, .btn-icon.rebook::before, .btn-icon.print::before, .btn-icon.phone::before, .btn-icon.manifest::before, .btn-icon.email::before, .btn-icon.check-in::before, .btn-icon.cog::before, .btn-icon.cc-save::before, .btn-icon.cancel::before, .btn-icon.recurring-transfer::before, .btn-icon.bank::before, .btn-icon.add-person::before, .btn-icon.arrow-left::before, .btn-icon.arrow-right::before, .form-error:before, .errors li:before, .time-preview:before, .icon-order-large, .badge .booked-online-icon, .booked-online-icon.grey, .booked-online-icon, .warning-icon, .icon-email-status-opened, .icon-email-status-red, .icon-email-status-grey, .help-icon-small-grey, .help-icon, .icon-check-badge, .icon-hint--small, .icon-lock-white, .icon-lock-red, .icon-lock-green, .icon-ava-lock, .icon-ava-unlisted, .icon-ava-phone, .icon-lock {
  background-image: url("/static/images/sprite.png?e0df32b0f461"); }

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.skip-link:not(.focus-visible) {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.skip-link.focus-visible {
  display: inline-block;
  padding: 10px;
  color: var(--_theme-primary);
  text-decoration: underline;
  box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
  box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary); }

.show-on-focus:not(.focus-visible) {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

@media only screen {
  .boca-ticket, .payment-processing-invoice, .print-receipt {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: normal; } }

.icon-arrow--left {
  transform: rotate(180deg); }

.icon-arrow--up {
  transform: rotate(-90deg); }

.icon-arrow--down {
  transform: rotate(90deg); }

.icon-chevron {
  transition: transform 0.15s ease-in-out; }
  .icon-chevron--left {
    transform: rotate(180deg); }
  .icon-chevron--up {
    transform: rotate(-90deg); }
  .icon-chevron--down {
    transform: rotate(90deg); }

.icon-cc-actions .icon-cc-minus,
.icon-cc-actions .icon-cc-plus,
.icon-cc-actions .icon-cc-darr,
.icon-cc-actions .icon-cc-rarr,
.icon-cc-actions .icon-cc-clock {
  visibility: hidden; }

.icon-cc-actions--darr .icon-cc-darr {
  visibility: visible; }

.icon-cc-actions--minus .icon-cc-minus {
  visibility: visible; }

.icon-cc-actions--plus .icon-cc-plus {
  visibility: visible; }

.icon-cc-actions--rarr .icon-cc-rarr {
  visibility: visible; }

.icon-eye--small {
  width: 14px;
  height: 10px; }

.icon-queuing {
  margin-left: -25px;
  margin-right: -7px; }
  .icon-queuing .icon-queuing--person-1 {
    opacity: 0; }
    @media (prefers-reduced-motion: no-preference) {
      .icon-queuing .icon-queuing--person-1 {
        -webkit-animation-name: queuing-person-first;
        animation-name: queuing-person-first;
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out; } }
  @media (prefers-reduced-motion: no-preference) {
    .icon-queuing .icon-queuing--person-2, .icon-queuing .icon-queuing--person-3 {
      -webkit-animation-name: queuing-person-middle;
      animation-name: queuing-person-middle;
      -webkit-animation-duration: 4s;
      animation-duration: 4s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; } }
  @media (prefers-reduced-motion: no-preference) {
    .icon-queuing .icon-queuing--person-4 {
      -webkit-animation-name: queuing-person-last;
      animation-name: queuing-person-last;
      -webkit-animation-duration: 4s;
      animation-duration: 4s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; } }
.icon-seat--block .icon-seat--line {
  visibility: visible; }

.icon-seat--autoassign .icon-seat--bolt {
  visibility: visible; }

.icon-seating .icon-seating-strokes path {
  display: none; }

.icon-seating--fill-0 .icon-seating-fills rect {
  display: none; }

.icon-seating--fill-0 .icon-seating-strokes path {
  display: block; }

.icon-seating--fill-3 .icon-seating-fills rect:last-child {
  display: none; }

.icon-seating--fill-3 .icon-seating-strokes path:last-child {
  display: block; }

.icon-zoom--out .icon-zoom-plus {
  display: none; }

.icon-warning--filled .icon-warning--triangle {
  fill: #e67d23; }

.icon-warning--filled .icon-warning--exclamation {
  visibility: visible;
  fill: #fff; }

.icon-in-circle {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  border-radius: 100%;
  text-align: center; }
  .icon-in-circle svg {
    vertical-align: middle;
    width: 0.5em;
    height: 0.5em;
    margin-top: -0.25em;
    margin-left: 0.05em;
    color: #fff; }

@-webkit-keyframes queuing-person-first {
  50%, 100% {
    -webkit-transform: translateX(13px);
    -moz-transform: translateX(13px);
    -ms-transform: translateX(13px);
    -o-transform: translateX(13px);
    transform: translateX(13px);
    opacity: 1; } }

@keyframes queuing-person-first {
  50%, 100% {
    -webkit-transform: translateX(13px);
    -moz-transform: translateX(13px);
    -ms-transform: translateX(13px);
    -o-transform: translateX(13px);
    transform: translateX(13px);
    opacity: 1; } }

@-webkit-keyframes queuing-person-middle {
  50%, 100% {
    -webkit-transform: translateX(13px);
    -moz-transform: translateX(13px);
    -ms-transform: translateX(13px);
    -o-transform: translateX(13px);
    transform: translateX(13px); } }

@keyframes queuing-person-middle {
  50%, 100% {
    -webkit-transform: translateX(13px);
    -moz-transform: translateX(13px);
    -ms-transform: translateX(13px);
    -o-transform: translateX(13px);
    transform: translateX(13px); } }

@-webkit-keyframes queuing-person-last {
  50%, 100% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px);
    opacity: 0; } }

@keyframes queuing-person-last {
  50%, 100% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px);
    opacity: 0; } }

.settings-nav.settings-nav-list a.has-secondary-nav::after, .settings-nav .settings-nav-list a.has-secondary-nav::after, .ss-drillup {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%231F2428%22%20viewBox%3D%220%200%2011%2011%22%20width%3D%2211%22%20height%3D%2211%22%3E%0A%20%20%3Cpath%20d%3D%22m9%200h-8v2h6.59l-7.6%207.59.01%201.4%201.43.01%207.57-7.58v6.58h2v-8-2z%22%20%2F%3E%0A%3C%2Fsvg%3E"); }

.table-nav-item.with-overlay-arrow:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23AFB8C0%22%20viewBox%3D%220%200%2011%2011%22%20width%3D%2211%22%20height%3D%2211%22%3E%0A%20%20%3Cpath%20d%3D%22m9%200h-8v2h6.59l-7.6%207.59.01%201.4%201.43.01%207.57-7.58v6.58h2v-8-2z%22%20%2F%3E%0A%3C%2Fsvg%3E"); }

.settings-nav.settings-nav-list a.current::after, .settings-nav.settings-nav-list li.current a::after, .settings-nav .settings-nav-list a.current::after, .settings-nav .settings-nav-list li.current a::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23FFFFFF%22%20viewBox%3D%220%200%2011%2011%22%20width%3D%2211%22%20height%3D%2211%22%3E%0A%20%20%3Cpath%20d%3D%22m9%200h-8v2h6.59l-7.6%207.59.01%201.4%201.43.01%207.57-7.58v6.58h2v-8-2z%22%20%2F%3E%0A%3C%2Fsvg%3E"); }

.select2-container--default .select2-selection--single .select2-selection__clear:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22%23C02B2B%22%20points%3D%2214%201.75%2012.25%200%207%205.25%201.75%200%200%201.75%205.25%207%200%2012.25%201.75%2014%207%208.75%2012.25%2014%2014%2012.25%208.75%207%2014%201.75%22%2F%3E%3C%2Fsvg%3E%0A"); }

.gift-card-close, .ng-clear-input, .button-close {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22%231F2428%22%20points%3D%2214%201.75%2012.25%200%207%205.25%201.75%200%200%201.75%205.25%207%200%2012.25%201.75%2014%207%208.75%2012.25%2014%2014%2012.25%208.75%207%2014%201.75%22%2F%3E%3C%2Fsvg%3E%0A"); }

.itable-edit.with-button:before, .option-block-edit span, .toggle-set-edit:before, .set-total-toggle .set-total-toggle-icon, .flyout-preset-edit-btn::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23768593%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%2C.51a1.74%2C1.74%2C0%2C0%2C1%2C2.46%2C0l1.08%2C1.08a1.74%2C1.74%2C0%2C0%2C1%2C0%2C2.46L4.93%2C12.61a1.78%2C1.78%2C0%2C0%2C1-.75.44L1%2C14a.73.73%2C0%2C0%2C1-.73-.19A.73.73%2C0%2C0%2C1%2C0%2C13.05L1%2C9.82a1.78%2C1.78%2C0%2C0%2C1%2C.44-.75Zm1.41%2C1.05a.26.26%2C0%2C0%2C0-.35%2C0L9.75%2C2.82l1.43%2C1.43L12.44%2C3a.26.26%2C0%2C0%2C0%2C0-.35ZM10.13%2C5.3%2C8.7%2C3.87%2C2.45%2C10.12a.24.24%2C0%2C0%2C0-.06.11l-.56%2C1.94%2C1.94-.56a.24.24%2C0%2C0%2C0%2C.11-.06Z%22%2F%3E%3C%2Fsvg%3E%0A"); }

.option-block-edit:hover span {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%234C5761%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%2C.51a1.74%2C1.74%2C0%2C0%2C1%2C2.46%2C0l1.08%2C1.08a1.74%2C1.74%2C0%2C0%2C1%2C0%2C2.46L4.93%2C12.61a1.78%2C1.78%2C0%2C0%2C1-.75.44L1%2C14a.73.73%2C0%2C0%2C1-.73-.19A.73.73%2C0%2C0%2C1%2C0%2C13.05L1%2C9.82a1.78%2C1.78%2C0%2C0%2C1%2C.44-.75Zm1.41%2C1.05a.26.26%2C0%2C0%2C0-.35%2C0L9.75%2C2.82l1.43%2C1.43L12.44%2C3a.26.26%2C0%2C0%2C0%2C0-.35ZM10.13%2C5.3%2C8.7%2C3.87%2C2.45%2C10.12a.24.24%2C0%2C0%2C0-.06.11l-.56%2C1.94%2C1.94-.56a.24.24%2C0%2C0%2C0%2C.11-.06Z%22%2F%3E%3C%2Fsvg%3E%0A"); }

.reorder-note:before, .sortable-handle.small:before, .sortable-handle.small-left:before, .sortable-handle.large:not(.not-sortable):before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23768593%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%2C10A1%2C1%2C0%2C1%2C0%2C4%2C9%2C1%2C1%2C0%2C0%2C0%2C5%2C10ZM1%2C10A1%2C1%2C0%2C1%2C0%2C0%2C9%2C1%2C1%2C0%2C0%2C0%2C1%2C10ZM2%2C5A1%2C1%2C0%2C1%2C1%2C1%2C4%2C1%2C1%2C0%2C0%2C1%2C2%2C5ZM5%2C6A1%2C1%2C0%2C1%2C0%2C4%2C5%2C1%2C1%2C0%2C0%2C0%2C5%2C6ZM6%2C1A1%2C1%2C0%2C1%2C1%2C5%2C0%2C1%2C1%2C0%2C0%2C1%2C6%2C1ZM1%2C2A1%2C1%2C0%2C1%2C0%2C0%2C1%2C1%2C1%2C0%2C0%2C0%2C1%2C2Z%22%2F%3E%3C%2Fsvg%3E%0A"); }

.required-flag-icon,
.field-required-flag > i {
  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ED501A%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%0A%20%20%3Cpath%20d%3D%22M5.8%2C7.4L6%2C11H4l0.2-3.6l-3%2C1.9l-1-1.7L3.4%2C6L0.2%2C4.4l1-1.7l3%2C1.9L4%2C1l2%2C0L5.8%2C4.6l3-1.9l1%2C1.7L6.6%2C6l3.2%2C1.6l-1%2C1.7%0A%20%20L5.8%2C7.4z%22%2F%3E%0A%3C%2Fsvg%3E"); }

.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-row, .form-week-days {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  flex: 0 0 auto; }

@media only screen and (max-width: 679px) {
  .flex-row--handhelds-only {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; } }

@media only screen and (min-width: 680px) {
  .flex-row--desktop-only {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; } }

@media only screen and (min-width: 680px) {
  .flex-row-reverse--desktop {
    display: flex;
    flex-direction: row-reverse; } }

.flex-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  flex: 0 0 auto; }

@media only screen and (max-width: 679px) {
  .flex-column--handhelds-only {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }

@media only screen and (min-width: 680px) {
  .flex-column--desktop-only {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }

.flex-1 {
  flex: 1; }

.flex-none {
  flex: none; }

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

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

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

.flex--justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.flex--justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.flex--justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex--justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.flex--justify-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.flex--items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.flex--items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }

.flex--items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.flex--items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.flex--items-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.flex-item--full-width {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }

.flex-item--push-left {
  margin-left: 10px; }

.flex-item--push-right {
  margin-right: 10px; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"], textarea, p, blockquote, th, td, iframe, a, img, button {
  margin: 0;
  padding: 0;
  border: 0; }

main {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  border: 0; }

fieldset {
  min-width: 0;
  border: 0; }

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul, li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  text-decoration: none; }

em {
  font-style: italic; }

strong, b {
  font-weight: bold; }

strong em,
em strong {
  font-weight: bold;
  font-style: italic; }

a {
  font-style: normal;
  text-decoration: none;
  color: inherit;
  cursor: pointer; }

.preload {
  display: none; }
  @media only screen and (min-width: 680px) {
    .preload {
      padding: 45px; } }
  @media only screen and (max-width: 679px) {
    .preload {
      padding: 25px 35px; } }
  html.html-loading .preload {
    display: block; }
  .preload.is-minimal {
    padding: 15px; }
  .preload .spinner-ticker-css {
    margin-bottom: 1px;
    margin-right: 6px; }

.js-focus-visible :focus {
  outline: none; }

.js-focus-visible ::-moz-focus-inner {
  border: 0; }

.focus-visible {
  box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4; }

.select2-container--default .select2-search--dropdown .select2-search__field, .url-copy-field {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }

@media only screen {
  body {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 0.01em;
    color: #1f2428;
    color: var(--_text-primary); } }

@media only print {
  body {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    color: #000;
    -webkit-text-size-adjust: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact; }
    body.is-single-color-printer * {
      color: #000 !important; } }

@media only screen and (min-width: 680px) {
  body.user-is-auth {
    padding-top: 44px; } }

@media only screen {
  h1 {
    font-size: 20px; } }

@media only print {
  h1 {
    font-size: 14px; } }

.medium-header {
  font-weight: bold;
  padding-bottom: 8px; }

.text-link {
  text-decoration: underline; }
  .text-link[type="button"] {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer; }
    .text-link[type="button"]:disabled {
      cursor: not-allowed; }
  .text-link[href]:not([class*="fh"]) {
    color: var(--_theme-primary); }
  .text-link[type="button"]:not([class*="fh"]) {
    color: var(--_fh-grey); }

.block-list {
  margin: 15px 0; }
  .block-list > li {
    position: relative;
    border-bottom: 1px solid var(--_border-grey-light);
    padding-top: 5px;
    padding-bottom: 5px; }
    .block-list > li:first-child {
      border-top: 1px solid var(--_border-grey-light); }

.block-list-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .block-list-item > .errors {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }
    .block-list-item > .errors ~ .block-list-content {
      flex-basis: auto; }

.block-list-content {
  flex: 1;
  min-width: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  word-wrap: break-word;
  overflow-wrap: break-word; }

.block-list-btn {
  flex: none;
  margin-left: 20px; }

.disable-sorting .sortable-handle, .disable-sorting .block-list-sortable {
  display: none !important; }

.block-list-sortable > li {
  padding-left: 60px !important; }

.sortable-handle {
  display: block;
  position: absolute;
  border-width: 0;
  border-style: solid;
  border-color: var(--_border-grey); }
  .sortable-handle:not(.not-sortable) {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab; }
  @media only print {
    .sortable-handle {
      display: none !important; } }
  @media only screen and (max-width: 679px) {
    .sortable-handle html.touch {
      display: none !important; } }
  .sortable-handle.large {
    background: var(--_shade-grey);
    border-right-width: 1px;
    width: 39px;
    top: 0;
    bottom: 0;
    left: 0; }
    .sortable-handle.large:not(.not-sortable):before {
      display: block;
      content: '';
      width: 10px;
      height: 17px;
      background-size: 10px 17px;
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      margin-top: -8px;
      left: 50%;
      margin-left: -5px;
      pointer-events: none; }
    .sortable-handle.large:not(.not-sortable):active {
      background-color: var(--_shade-grey-dark); }
  .sortable-handle.small:before, .sortable-handle.small-left:before {
    display: block;
    content: ' ';
    width: 6px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    pointer-events: none;
    background-repeat: no-repeat; }
  .sortable-handle.small:active, .sortable-handle.small-left:active {
    background: var(--_hover-grey--active); }
  .sortable-handle.small {
    width: 30px;
    top: 0;
    bottom: 0;
    right: 0; }
    .sortable-handle.small:before {
      right: 15px; }
  .sortable-handle.small-left {
    width: 30px;
    top: 0;
    bottom: 0;
    left: 0; }
    .sortable-handle.small-left:before {
      left: 15px; }
  .sortable-handle:not(.not-sortable):active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing; }

.error-page {
  padding: 50px; }
  .error-page a {
    color: var(--_theme-primary);
    text-decoration: underline; }

.amount {
  white-space: nowrap; }
  .amount.negative {
    color: var(--_fh-red); }

.reorder-note {
  color: var(--_fh-grey); }
  .reorder-note:before {
    display: inline-block;
    content: '';
    width: 6px;
    height: 10px;
    background-repeat: no-repeat;
    margin-left: 9px;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -3px; }

[ng-svg] {
  display: inline-block; }
  [ng-svg]:not([fill]) {
    fill: currentColor; }
  @supports (-ms-ime-align: auto) {
    [ng-svg] {
      overflow: visible; } }
  .fh-logo[ng-svg] .fh-logo-bg, .fh-logo[ng-svg] .fh-logo-text {
    fill: #0a6ece; }

.image-profile-header {
  width: 20px;
  height: auto;
  border-radius: 30px;
  border: 1px solid #fff; }

.image-profile-tiny {
  width: 30px;
  height: auto;
  border-radius: 35px;
  border: 1px solid #fff; }

.image-profile-small {
  width: 50px;
  height: auto;
  border-radius: 55px;
  border: 2px solid #fff; }

.image-profile-med {
  width: 75px;
  height: auto;
  border-radius: 80px;
  border: 2px solid #fff; }

.image-profile-large {
  width: 100px;
  height: auto;
  border-radius: 120px;
  border: 2px solid #fff; }

.image-profile-pretty-large {
  width: 150px;
  height: auto;
  border-radius: 160px;
  border: 2px solid #fff; }

.image-profile-huge {
  max-width: 200px;
  max-height: 150px;
  height: auto; }

.icon-lock {
  width: 10px;
  height: 12px;
  background-position: -270px -162px; }

.icon-ava-phone {
  width: 10px;
  height: 11px;
  background-position: -26px -212px; }

.icon-ava-unlisted {
  width: 12px;
  height: 11px;
  margin-top: 2px;
  background-position: -39px -235px; }

.icon-ava-lock {
  width: 10px;
  height: 12px;
  background-position: -324px -162px; }

.icon-lock-green {
  width: 10px;
  height: 12px;
  background-position: -434px -195px; }

.icon-lock-red {
  width: 10px;
  height: 12px;
  background-position: -277px -181px; }

.icon-lock-white {
  width: 10px;
  height: 12px;
  background-position: -450px -162px; }

.icon-hint {
  margin-bottom: -2px;
  width: 13px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23697886%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%3Cpath%20d%3D%22M7.5%2C0A7.5%2C7.5%2C0%2C1%2C0%2C15%2C7.5%2C7.5%2C7.5%2C0%2C0%2C0%2C7.5%2C0ZM9.27%2C10.67a11.31%2C11.31%2C0%2C0%2C1-1.18%2C1.52%2C2.25%2C2.25%2C0%2C0%2C1-1.56.7%2C1.44%2C1.44%2C0%2C0%2C1-.9-.31%2C1.18%2C1.18%2C0%2C0%2C1-.43-1A3.75%2C3.75%2C0%2C0%2C1%2C5.3%2C11c0-.16.09-.37.16-.63l1-3.55V6.71s0-.14%2C0-.16a2.58%2C2.58%2C0%2C0%2C0-.64-.08.24.24%2C0%2C0%2C1-.22-.24v-.4a.24.24%2C0%2C0%2C1%2C.22-.24L7%2C5.47c.54-.06.93-.11%2C1.15-.16l.65-.12A.23.23%2C0%2C0%2C1%2C9%2C5.26a.25.25%2C0%2C0%2C1%2C.05.22L7.87%2C9.85c-.1.37-.17.63-.2.77a3.44%2C3.44%2C0%2C0%2C0-.13.67s.14%2C0%2C.41-.29a4.93%2C4.93%2C0%2C0%2C0%2C.58-.8.33.33%2C0%2C0%2C1%2C.15-.11.28.28%2C0%2C0%2C1%2C.18%2C0l.34.22a.25.25%2C0%2C0%2C1%2C.1.15A.23.23%2C0%2C0%2C1%2C9.27%2C10.67Zm0-6.76a1.23%2C1.23%2C0%2C0%2C1-.9.38%2C1.21%2C1.21%2C0%2C0%2C1-.89-.38A1.19%2C1.19%2C0%2C0%2C1%2C7.14%2C3a1.23%2C1.23%2C0%2C0%2C1%2C.38-.9%2C1.28%2C1.28%2C0%2C0%2C1%2C1.79%2C0%2C1.25%2C1.25%2C0%2C0%2C1%2C.36.9A1.23%2C1.23%2C0%2C0%2C1%2C9.31%2C3.91Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 13px 13px;
  background-repeat: no-repeat; }
  @supports (mask-type: inherit) {
    .icon-hint {
      background-image: none;
      width: 13px;
      height: 13px;
      background-color: var(--_fh-grey);
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%3Cpath%20d%3D%22M7.5%2C0A7.5%2C7.5%2C0%2C1%2C0%2C15%2C7.5%2C7.5%2C7.5%2C0%2C0%2C0%2C7.5%2C0ZM9.27%2C10.67a11.31%2C11.31%2C0%2C0%2C1-1.18%2C1.52%2C2.25%2C2.25%2C0%2C0%2C1-1.56.7%2C1.44%2C1.44%2C0%2C0%2C1-.9-.31%2C1.18%2C1.18%2C0%2C0%2C1-.43-1A3.75%2C3.75%2C0%2C0%2C1%2C5.3%2C11c0-.16.09-.37.16-.63l1-3.55V6.71s0-.14%2C0-.16a2.58%2C2.58%2C0%2C0%2C0-.64-.08.24.24%2C0%2C0%2C1-.22-.24v-.4a.24.24%2C0%2C0%2C1%2C.22-.24L7%2C5.47c.54-.06.93-.11%2C1.15-.16l.65-.12A.23.23%2C0%2C0%2C1%2C9%2C5.26a.25.25%2C0%2C0%2C1%2C.05.22L7.87%2C9.85c-.1.37-.17.63-.2.77a3.44%2C3.44%2C0%2C0%2C0-.13.67s.14%2C0%2C.41-.29a4.93%2C4.93%2C0%2C0%2C0%2C.58-.8.33.33%2C0%2C0%2C1%2C.15-.11.28.28%2C0%2C0%2C1%2C.18%2C0l.34.22a.25.25%2C0%2C0%2C1%2C.1.15A.23.23%2C0%2C0%2C1%2C9.27%2C10.67Zm0-6.76a1.23%2C1.23%2C0%2C0%2C1-.9.38%2C1.21%2C1.21%2C0%2C0%2C1-.89-.38A1.19%2C1.19%2C0%2C0%2C1%2C7.14%2C3a1.23%2C1.23%2C0%2C0%2C1%2C.38-.9%2C1.28%2C1.28%2C0%2C0%2C1%2C1.79%2C0%2C1.25%2C1.25%2C0%2C0%2C1%2C.36.9A1.23%2C1.23%2C0%2C0%2C1%2C9.31%2C3.91Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
      mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%3Cpath%20d%3D%22M7.5%2C0A7.5%2C7.5%2C0%2C1%2C0%2C15%2C7.5%2C7.5%2C7.5%2C0%2C0%2C0%2C7.5%2C0ZM9.27%2C10.67a11.31%2C11.31%2C0%2C0%2C1-1.18%2C1.52%2C2.25%2C2.25%2C0%2C0%2C1-1.56.7%2C1.44%2C1.44%2C0%2C0%2C1-.9-.31%2C1.18%2C1.18%2C0%2C0%2C1-.43-1A3.75%2C3.75%2C0%2C0%2C1%2C5.3%2C11c0-.16.09-.37.16-.63l1-3.55V6.71s0-.14%2C0-.16a2.58%2C2.58%2C0%2C0%2C0-.64-.08.24.24%2C0%2C0%2C1-.22-.24v-.4a.24.24%2C0%2C0%2C1%2C.22-.24L7%2C5.47c.54-.06.93-.11%2C1.15-.16l.65-.12A.23.23%2C0%2C0%2C1%2C9%2C5.26a.25.25%2C0%2C0%2C1%2C.05.22L7.87%2C9.85c-.1.37-.17.63-.2.77a3.44%2C3.44%2C0%2C0%2C0-.13.67s.14%2C0%2C.41-.29a4.93%2C4.93%2C0%2C0%2C0%2C.58-.8.33.33%2C0%2C0%2C1%2C.15-.11.28.28%2C0%2C0%2C1%2C.18%2C0l.34.22a.25.25%2C0%2C0%2C1%2C.1.15A.23.23%2C0%2C0%2C1%2C9.27%2C10.67Zm0-6.76a1.23%2C1.23%2C0%2C0%2C1-.9.38%2C1.21%2C1.21%2C0%2C0%2C1-.89-.38A1.19%2C1.19%2C0%2C0%2C1%2C7.14%2C3a1.23%2C1.23%2C0%2C0%2C1%2C.38-.9%2C1.28%2C1.28%2C0%2C0%2C1%2C1.79%2C0%2C1.25%2C1.25%2C0%2C0%2C1%2C.36.9A1.23%2C1.23%2C0%2C0%2C1%2C9.31%2C3.91Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 13px 13px;
      mask-size: 13px 13px; }
      .icon-hint.white {
        background-color: #fff; } }

.icon-hint--small {
  width: 11px;
  height: 12px;
  background-position: -168px -222px;
  vertical-align: text-top; }

.icon-check-badge {
  width: 18px;
  height: 18px;
  background-position: -389px -277px;
  margin-bottom: -4px; }

.help-icon {
  display: block;
  width: 17px;
  height: 17px;
  background-position: -442px -228px; }

.help-icon-small-grey {
  width: 12px;
  height: 12px;
  background-position: -442px -247px; }

.icon-add-from-dropdown {
  width: 34px;
  height: 18px;
  vertical-align: text-top;
  margin-right: 3px; }

.icon-email-status-grey {
  width: 17px;
  height: 11px;
  background-position: -409px -277px; }

.icon-email-status-red {
  width: 17px;
  height: 11px;
  background-position: -428px -277px; }

.icon-email-status-opened {
  width: 17px;
  height: 16px;
  background-position: -447px -277px; }

.icon-toggle-triangle {
  transform: translateY(-1px) rotate(-90deg);
  content: '';
  display: inline-block;
  transition: transform 0.15s ease-in-out;
  border-style: solid;
  border-color: transparent;
  border-width: 8px 5px 0 5px;
  border-top-color: var(--_border-grey-dark);
  vertical-align: middle; }
  @supports (mask-type: inherit) {
    .icon-toggle-triangle {
      width: 10px;
      height: 8px;
      background-color: var(--_border-grey-dark);
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      mask-size: 10px 8px;
      border: 0; } }
  .icon-toggle-triangle.open, .icon-toggle-triangle.toggled {
    transform: none; }

.icon-book-button,
.icon-availability-embed {
  vertical-align: middle;
  margin-right: 4px;
  margin-bottom: 2px; }

.warning-icon {
  width: 16px;
  height: 14px;
  background-position: -322px -484px;
  vertical-align: text-top; }

.booked-online-icon {
  height: 9px;
  width: 13px;
  background-position: -402px -515px; }
  .booked-online-icon.grey {
    background-position: -417px -515px; }
  .badge .booked-online-icon {
    background-position: -402px -526px; }

.icon-order-large {
  width: 16px;
  height: 19px;
  background-position: -135px -515px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 3px; }

.time-preview {
  display: block;
  color: var(--fh-grey-light, #4c5761); }
  .time-preview:before {
    display: inline-block;
    content: '';
    width: 13px;
    height: 14px;
    background-position: -426px -250px;
    margin-bottom: -2px; }

iframe.goog-te-banner-frame {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.split-payment-table {
  width: 100%;
  margin-top: 6px; }
  .split-payment-table td:first-child {
    width: 120px;
    padding-right: 10px; }
  .split-payment-table .split-payment-set td {
    padding-top: 4px; }

.portion-calculator-table {
  margin-top: 2px; }
  .portion-calculator-table td {
    padding-top: 4px; }
    .portion-calculator-table td:first-child {
      width: 120px;
      padding-right: 4px; }

.redeem-amount-table .field {
  margin-bottom: 0; }

.mobile-nav-menu-list a {
  position: relative;
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 14px 20px; }
  .mobile-nav-menu-list a.checked-in {
    background-color: var(--_checked-in-surface); }
  .mobile-nav-menu-list a:after {
    content: "\00BB";
    display: block;
    font-size: 40px;
    padding: 0 25px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -23px;
    height: 40px;
    line-height: 40px;
    color: #ccc; }

.mobile-section {
  padding: 15px;
  border-bottom: 1px solid var(--_border-grey); }
  .mobile-section.dark {
    background-color: var(--_shade-grey); }

.mobile-section-header {
  padding: 10px 0; }

.device-switch-nag {
  padding: 10px 20px; }

.ng-load-spinner {
  padding: 25px 35px; }

.spinner-ticker-wrap {
  color: var(--fh-grey-dark, #48525b);
  opacity: 0;
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  -o-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s; }
  .spinner-ticker-wrap.popover-menu-spinner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.25rem;
    padding-top: 5px;
    padding-bottom: 5px; }

.form-header-large {
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: bold; }
  .form-header-large.-no-top-padding {
    padding-top: 0; }

.powered-by-fh {
  display: -ms-inline-grid;
  display: inline-grid;
  -ms-grid-columns: 100px auto;
  grid-template-columns: 100px 1fr;
  border-radius: 6px;
  color: #0a6ece;
  color: var(--fh-grey, #0a6ece); }
  @media only screen and (hover: hover) {
    .powered-by-fh:hover {
      background-color: var(--_hover-grey); } }
  .powered-by-fh.focus-visible {
    background-color: var(--_hover-grey); }
  @media only screen and (min-width: 680px) {
    .powered-by-fh {
      padding: 12px; } }
  @media only screen and (max-width: 679px) {
    .powered-by-fh {
      padding: 8px; } }
  .powered-by-fh .powered-by-text {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 1; }
  .powered-by-fh .fh-logo-type {
    -ms-grid-row: 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start; }
  .powered-by-fh .fh-logo-lighthouse {
    -ms-grid-column: 2;
    -ms-grid-row-span: 2;
    grid-column: 2;
    grid-row: 1 / 3;
    margin-left: 8px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
  html.is-kiosk .powered-by-fh {
    pointer-events: none; }

.item-header-wide > .tr > .td {
  height: 175px;
  color: #fff;
  background-color: #4c5761;
  background-position: 50% 50%;
  background-size: cover;
  border-bottom: 1px solid var(--_border-grey);
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75), 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 25px;
  padding-bottom: 25px; }
  @media only screen and (min-width: 680px) {
    .item-header-wide > .tr > .td {
      padding-left: 55px;
      padding-right: 40px; } }
  @media only screen and (max-width: 679px) {
    .item-header-wide > .tr > .td {
      padding-left: 25px;
      padding-right: 25px; } }
.item-header-wide h1 {
  font-size: 28px;
  line-height: 1; }

.item-header-wide p {
  padding-top: 5px;
  font-size: 14px; }

.inline-swatch {
  display: inline-block;
  box-sizing: border-box;
  width: 0.75em;
  height: 0.75em;
  border-radius: 3px;
  margin-right: 2px; }
  @media only print {
    .inline-swatch {
      display: none !important; } }
  .inline-swatch.inline-swatch--border {
    border-width: 1px;
    border-style: solid; }
  .inline-swatch.no-color {
    border: 1px solid var(--_border-grey-dark); }

@-webkit-keyframes spin {
  to {
    transform: rotate(360deg); } }

@keyframes spin {
  to {
    transform: rotate(360deg); } }

.hint-note {
  display: block;
  position: relative;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 73px;
  border-radius: 5px;
  background-color: #f9f4e3;
  background-color: var(--alert-surface, #f9f4e3);
  border-width: 1px;
  border-style: solid;
  border-color: var(--border-grey, #f0e4b9); }
  .hint-note .icon-lightbulb {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 36px;
    height: 36px;
    color: var(--fh-orange, #d19c06); }

.ng-price-wrap-parens .ng-price > span::before {
  content: '('; }

.ng-price-wrap-parens .ng-price > span::after {
  content: ')'; }

::-webkit-input-placeholder {
  color: var(--_fh-grey); }

:-moz-placeholder {
  color: var(--_fh-grey);
  opacity: 1; }

::-moz-placeholder {
  color: var(--_fh-grey);
  opacity: 1; }

:-ms-input-placeholder {
  color: var(--_fh-grey); }

.placeholder {
  color: var(--_fh-grey); }

.field-faux-select2 select, .ng-dropdown-disabled select, .select2-container--default .select2-selection--single, .cf-checkbox, textarea, .adyen-input, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"] {
  border-width: 1px;
  border-style: solid;
  border-color: #afb8c0;
  border-color: var(--_border-grey-dark);
  border-radius: 4px;
  box-shadow: var(--field-box-shadow, 0 1px 2px 0 var(--_shade-grey-dark));
  color: #1f2428;
  color: var(--_text-primary);
  font-family: inherit;
  letter-spacing: inherit; }
  .field-faux-select2 select:not(.radio-selected), .ng-dropdown-disabled select:not(.radio-selected), .select2-container--default .select2-selection--single:not(.radio-selected), .cf-checkbox:not(.radio-selected), textarea:not(.radio-selected), .adyen-input:not(.radio-selected), input[type="text"]:not(.radio-selected), input[type="email"]:not(.radio-selected), input[type="url"]:not(.radio-selected), input[type="password"]:not(.radio-selected), input[type="tel"]:not(.radio-selected) {
    background-color: #fff;
    background-color: var(--_surface-primary); }
  @media only screen and (hover: hover) {
    .field-faux-select2 select:not([disabled]):hover, .ng-dropdown-disabled select:not([disabled]):hover, .select2-container--default .select2-selection--single:not([disabled]):hover, .cf-checkbox:not([disabled]):hover, textarea:not([disabled]):hover, .adyen-input:not([disabled]):hover, input[type="text"]:not([disabled]):hover, input[type="email"]:not([disabled]):hover, input[type="url"]:not([disabled]):hover, input[type="password"]:not([disabled]):hover, input[type="tel"]:not([disabled]):hover {
      border-color: var(--_border-grey-dark--hover); } }
  .field-faux-select2 select.focus-visible:not([disabled]), .ng-dropdown-disabled select.focus-visible:not([disabled]), .select2-container--default .select2-selection--single.focus-visible:not([disabled]), .cf-checkbox.focus-visible:not([disabled]), textarea.focus-visible:not([disabled]), .adyen-input.focus-visible:not([disabled]), input.focus-visible[type="text"]:not([disabled]), input.focus-visible[type="email"]:not([disabled]), input.focus-visible[type="url"]:not([disabled]), input.focus-visible[type="password"]:not([disabled]), input.focus-visible[type="tel"]:not([disabled]) {
    border-color: var(--_border-grey-dark--hover); }
  .field-faux-select2 select.focus-visible, .ng-dropdown-disabled select.focus-visible, .select2-container--default .focus-visible.select2-selection--single, .focus-visible.cf-checkbox, textarea.focus-visible, .focus-visible.adyen-input, input.focus-visible[type="text"], input.focus-visible[type="email"], input.focus-visible[type="url"], input.focus-visible[type="password"], input.focus-visible[type="tel"] {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 12px; }
  @media only screen and (min-width: 680px) {
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"] {
      height: 32px;
      font-size: 14px; } }
  @media only screen and (max-width: 679px) {
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"] {
      height: 32px;
      font-size: 16px !important; } }
  input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder {
    color: var(--_fh-grey); }
  input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="tel"]:-moz-placeholder {
    color: var(--_fh-grey);
    opacity: 1; }
  input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="tel"]::-moz-placeholder {
    color: var(--_fh-grey);
    opacity: 1; }
  input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder {
    color: var(--_fh-grey); }
  input[type="text"] .placeholder, input[type="email"] .placeholder, input[type="url"] .placeholder, input[type="password"] .placeholder, input[type="tel"] .placeholder {
    color: var(--_fh-grey); }
  input[type="text"]::-ms-clear, input[type="email"]::-ms-clear, input[type="url"]::-ms-clear, input[type="password"]::-ms-clear, input[type="tel"]::-ms-clear {
    display: none; }
  input[type="text"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="password"][disabled], input[type="tel"][disabled] {
    border-color: #e0e3e6;
    border-color: var(--_border-grey-light);
    color: #768593;
    color: var(--_fh-grey);
    -webkit-text-fill-color: var(--_fh-grey); }
    input[type="text"][disabled]:not(.focus-visible), input[type="email"][disabled]:not(.focus-visible), input[type="url"][disabled]:not(.focus-visible), input[type="password"][disabled]:not(.focus-visible), input[type="tel"][disabled]:not(.focus-visible) {
      box-shadow: none; }
  input.ng-dirty.ng-invalid[type="text"], input.ng-dirty.ng-invalid[type="email"], input.ng-dirty.ng-invalid[type="url"], input.ng-dirty.ng-invalid[type="password"], input.ng-dirty.ng-invalid[type="tel"] {
    border: 1px solid #ed501a; }
    input.ng-dirty.ng-invalid[type="text"]::-webkit-input-placeholder, input.ng-dirty.ng-invalid[type="email"]::-webkit-input-placeholder, input.ng-dirty.ng-invalid[type="url"]::-webkit-input-placeholder, input.ng-dirty.ng-invalid[type="password"]::-webkit-input-placeholder, input.ng-dirty.ng-invalid[type="tel"]::-webkit-input-placeholder {
      color: #ed501a; }
    input.ng-dirty.ng-invalid[type="text"]:-moz-placeholder, input.ng-dirty.ng-invalid[type="email"]:-moz-placeholder, input.ng-dirty.ng-invalid[type="url"]:-moz-placeholder, input.ng-dirty.ng-invalid[type="password"]:-moz-placeholder, input.ng-dirty.ng-invalid[type="tel"]:-moz-placeholder {
      color: #ed501a;
      opacity: 1; }
    input.ng-dirty.ng-invalid[type="text"]::-moz-placeholder, input.ng-dirty.ng-invalid[type="email"]::-moz-placeholder, input.ng-dirty.ng-invalid[type="url"]::-moz-placeholder, input.ng-dirty.ng-invalid[type="password"]::-moz-placeholder, input.ng-dirty.ng-invalid[type="tel"]::-moz-placeholder {
      color: #ed501a;
      opacity: 1; }
    input.ng-dirty.ng-invalid[type="text"]:-ms-input-placeholder, input.ng-dirty.ng-invalid[type="email"]:-ms-input-placeholder, input.ng-dirty.ng-invalid[type="url"]:-ms-input-placeholder, input.ng-dirty.ng-invalid[type="password"]:-ms-input-placeholder, input.ng-dirty.ng-invalid[type="tel"]:-ms-input-placeholder {
      color: #ed501a; }
    input.ng-dirty.ng-invalid[type="text"] .placeholder, input.ng-dirty.ng-invalid[type="email"] .placeholder, input.ng-dirty.ng-invalid[type="url"] .placeholder, input.ng-dirty.ng-invalid[type="password"] .placeholder, input.ng-dirty.ng-invalid[type="tel"] .placeholder {
      color: #ed501a; }
  .-is-translatable input[type="text"], .-is-translatable input[type="email"], .-is-translatable input[type="url"], .-is-translatable input[type="password"], .-is-translatable input[type="tel"] {
    border-radius: 3px 0 0 3px; }

@media only screen and (min-width: 680px) {
  .adyen-input {
    height: 30px; } }

@media only screen and (max-width: 679px) {
  .adyen-input {
    height: 30px; } }

.adyen-input.ng-dirty.ng-invalid {
  border: 1px solid #ed501a; }

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type="checkbox"], input[type="radio"] {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
    width: 13px;
    height: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    background: var(--_surface-primary);
    border-width: 1px;
    border-style: solid;
    border-color: #8d99a5;
    border-color: var(--_fh-grey-light); }
    input[type="checkbox"]:not(:disabled), input[type="radio"]:not(:disabled) {
      cursor: pointer; }
      input[type="checkbox"]:not(:disabled):not(.focus-visible), input[type="radio"]:not(:disabled):not(.focus-visible) {
        box-shadow: 0 1px 2px 0 var(--_shade-grey-dark); }
    @media only screen and (hover: hover) {
      input[type="checkbox"]:not(:disabled):not(:checked):hover, input[type="radio"]:not(:disabled):not(:checked):hover {
        border-color: var(--_fh-grey); } }
    input.focus-visible[type="checkbox"]:not(:disabled):not(:checked), input.focus-visible[type="radio"]:not(:disabled):not(:checked) {
      border-color: var(--_fh-grey); }
    input[type="checkbox"]:disabled, input[type="radio"]:disabled {
      cursor: not-allowed;
      border-color: #d1d6db;
      border-color: var(--_border-grey); }
    input[type="checkbox"]:checked:disabled, input[type="radio"]:checked:disabled {
      background-color: #afb8c0;
      background-color: var(--_border-grey-dark);
      border-color: #afb8c0;
      border-color: var(--_border-grey-dark); }
    input[type="checkbox"]:checked, input[type="radio"]:checked {
      background-color: #0a6ece;
      background-color: var(--_theme-primary);
      border-color: #0a6ece;
      border-color: var(--_theme-primary); }
    input[type="checkbox"]::-ms-check, input[type="radio"]::-ms-check {
      background-color: transparent;
      border-color: transparent;
      color: #fff; }
  input[type="checkbox"] {
    border-radius: 3px; }
    input[type="checkbox"]:checked {
      background-size: 9px 9px;
      background-repeat: no-repeat;
      background-position: 1px 1px; }
      input[type="checkbox"]:checked::after {
        content: '';
        display: block;
        width: 3px;
        height: 7px;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        transform: rotate(34deg) translate3d(0, 0, 0);
        margin-left: 3px; }
  input[type="radio"] {
    border-radius: 15px; }
    input[type="radio"]:checked::after {
      content: '';
      display: block;
      width: 5px;
      height: 5px;
      background: #fff;
      border-radius: 10px;
      margin-top: 3px;
      margin-left: 3px; } }

select {
  font-family: inherit;
  cursor: pointer; }
  select.focus-visible {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px inherit, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: inherit; }
  @media only screen and (min-width: 680px) {
    select {
      font-size: 13px; } }
  @media only screen and (max-width: 679px) {
    select {
      height: 32px;
      font-size: 16px !important; } }
  select[disabled] {
    cursor: default; }
  @media only print {
    select {
      color: inherit;
      font: inherit;
      padding: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none;
      -webkit-font-smoothing: inherit;
      border: none;
      background: rgba(0, 0, 0, 0);
      line-height: normal; } }
.field-select-inline select {
  border-radius: 3px;
  height: 24px; }

input[type="radio"]:not([disabled]) {
  cursor: pointer; }

.field.ng-required.ng-invalid .select2-selection__arrow {
  right: 37px; }

.field.ng-required.ng-invalid .select2-selection__rendered {
  padding-right: 48px; }

.field.ng-required.ng-invalid .select2-selection__clear {
  right: 53px; }

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px 14px 14px 14px;
  line-height: 1.3;
  resize: vertical; }
  @media only screen and (min-width: 680px) {
    textarea {
      font-size: inherit; } }
  @media only screen and (max-width: 679px) {
    textarea {
      font-size: 16px; } }
  textarea::-webkit-input-placeholder {
    color: var(--_fh-grey); }
  textarea:-moz-placeholder {
    color: var(--_fh-grey);
    opacity: 1; }
  textarea::-moz-placeholder {
    color: var(--_fh-grey);
    opacity: 1; }
  textarea:-ms-input-placeholder {
    color: var(--_fh-grey); }
  textarea .placeholder {
    color: var(--_fh-grey); }
  textarea.ng-dirty.ng-invalid {
    border: 1px solid #ed501a; }

.field {
  margin-bottom: 5px; }
  .field .the-field {
    position: relative;
    display: block; }

.field-group--first input[type="text"], .field-group--first input[type="email"], .field-group--first input[type="url"], .field-group--first input[type="password"], .field-group--first input[type="tel"], .field-group--first.field-faux-select2 select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0; }

.field-group--last input[type="text"], .field-group--last input[type="email"], .field-group--last input[type="url"], .field-group--last input[type="password"], .field-group--last input[type="tel"], .field-group--last.field-faux-select2 select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.required-flag-icon,
.field-required-flag > i {
  width: 10px;
  height: 12px;
  margin-left: 1px;
  vertical-align: text-top;
  margin-top: 2px; }

.field-required-flag {
  display: none;
  width: 24px;
  background-color: #f1f2f4;
  background-color: var(--_shade-grey);
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: help;
  z-index: 2; }
  .field-required-flag > i {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.field-style-hook {
  pointer-events: none;
  z-index: 1; }

.field.ng-required.ng-invalid input[type="text"], .field.ng-required.ng-invalid input[type="email"], .field.ng-required.ng-invalid input[type="url"], .field.ng-required.ng-invalid input[type="password"], .field.ng-required.ng-invalid textarea {
  padding-right: 30px; }

.field.ng-required.ng-invalid .adyen-input {
  padding-right: 24px; }

.field.ng-required.ng-invalid.field-seating {
  padding-right: 36px; }

.field.ng-required.ng-invalid .field-required-flag {
  display: block; }

.noisy-invalid-fields .field.ng-invalid input:not(.focus-visible),
.noisy-invalid-fields .field.ng-invalid textarea:not(.focus-visible),
.noisy-invalid-fields .field.ng-invalid .ng-dropdown-disabled:not(.focus-visible),
.noisy-invalid-fields .field.ng-invalid .cf-checkbox:not(.focus-visible), .noisy-invalid-fields .field.ng-invalid.field-faux-select2 select:not(.focus-visible), .noisy-invalid-fields .field.ng-invalid.field-select-full .the-field:not(.focus-visible), .noisy-invalid-fields .field.ng-invalid.field-seating:not(.focus-visible),
.noisy-invalid-fields .field.ng-invalid .adyen-input:not(.focus-visible) {
  border-color: #ed501a;
  box-shadow: 0 0 1px 1px #ed501a; }

.noisy-invalid-fields .field.ng-invalid input[type="checkbox"]:not(.focus-visible),
.noisy-invalid-fields .field.ng-invalid input[type="radio"]:not(.focus-visible) {
  box-shadow: 0 0 0 2px #ed501a; }

.hide-label-text .label-text {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.no-field-margin .field {
  margin-bottom: 0; }

.dim-disabled-fieldsets fieldset[disabled] .label-text, .dim-disabled-fieldsets fieldset[disabled] .hours-label, .dim-disabled-fieldsets fieldset[disabled] .cutoff-header, .dim-disabled-fieldsets fieldset[disabled] .cutoff-label,
fieldset.dim-when-disabled[disabled] .label-text,
fieldset.dim-when-disabled[disabled] .hours-label,
fieldset.dim-when-disabled[disabled] .cutoff-header,
fieldset.dim-when-disabled[disabled] .cutoff-label {
  color: var(--_fh-grey); }

.dim-disabled-fieldsets fieldset[disabled] input,
fieldset.dim-when-disabled[disabled] input {
  opacity: 0.75; }

@media only screen {
  .form-link {
    color: #0a6ece;
    color: var(--_theme-primary);
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer; } }

.form-link[type="button"] {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .form-link[type="button"]:disabled {
    cursor: not-allowed; }

.form-link.form-link-small {
  font-size: 11px; }

.form-link-subtle {
  text-decoration: underline;
  font-size: 12px;
  color: var(--_fh-grey); }
  .form-link-subtle[type="button"] {
    box-sizing: border-box;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer; }
    .form-link-subtle[type="button"]:disabled {
      cursor: not-allowed; }

.form-link-delete {
  color: #B3271C;
  text-decoration: underline;
  font-size: 12px; }

.errors li {
  margin-top: 3px; }

.form-error, .errors li {
  position: relative;
  padding: 10px 12px;
  text-align: left;
  background-color: #c02b2b;
  margin-bottom: 5px;
  color: #fff;
  border-radius: 3px;
  clear: both; }
  .form-error:before, .errors li:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 11px;
    background-position: -416px -210px;
    margin-right: 5px; }
  .form-error a, .errors li a {
    text-decoration: underline; }

.image-upload-preview {
  display: block; }
  .image-upload-preview img {
    max-width: 300px;
    height: auto; }

.url-copy-field {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 3px; }

textarea.url-copy-field {
  white-space: pre-line;
  height: 100px; }

.payment-add-comment {
  padding-bottom: 10px;
  display: inline-block; }

.mailcheck-suggestion a {
  font-size: 12px;
  margin-top: 3px;
  display: inline-block;
  margin-bottom: 5px;
  color: var(--_fh-grey); }
  .mailcheck-suggestion a:hover b {
    color: var(--_theme-primary); }
  .mailcheck-suggestion a b {
    color: #5e6c78;
    color: var(--fh-grey-dark, #5e6c78);
    text-decoration: underline;
    font-weight: normal; }

.form-loading-block, .form-loading-overlay {
  background: #fff;
  background: var(--_surface-primary);
  text-align: center;
  font-size: 14px; }
  .form-loading-block .spinner-booking, .form-loading-overlay .spinner-booking {
    width: 38px;
    height: 38px;
    margin: 0 auto 5px auto;
    border-radius: 50%;
    border: 7px solid #d1d6db;
    border-color: var(--spinner-border-color, #d1d6db);
    border-top-color: #0a6ece;
    border-top-color: var(--_theme-primary);
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite; }
  .form-loading-block .processing-note, .form-loading-overlay .processing-note {
    padding: 10px 0 4px 0;
    color: var(--_theme-primary);
    font-size: 25px; }
  .form-loading-block .processing-refresh-note, .form-loading-overlay .processing-refresh-note {
    color: var(--_fh-grey); }

.form-loading-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 70px;
  z-index: 1005; }

.form-loading-block {
  padding-top: 70px;
  padding-bottom: 70px; }

.btns {
  clear: both;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .btns.btns--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .btns.with-margin-top {
    margin-top: 22px; }
  .btns > .errors,
  .btns > .hint {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }
  @media only screen and (min-width: 680px) {
    .btns {
      row-gap: 6px; }
      .btns > *:not(:last-child):not(.btn-wide):not(.errors):not(.hint) {
        margin-right: 6px; } }
.btns-fill-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .btns-fill-row > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }
    .btns-fill-row > * + * {
      margin-top: 0 !important;
      margin-left: 6px; }

.btn, .btn-huge, .btn-big, .btn-tiny {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  box-sizing: border-box;
  word-break: break-word;
  overflow-wrap: anywhere;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 4px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: inherit;
  transition: background-color 100ms ease;
  cursor: pointer; }
  @media only print {
    .btn, .btn-huge, .btn-big, .btn-tiny {
      display: none !important; } }
  .btn[disabled], .btn-huge[disabled], .btn-big[disabled], .btn-tiny[disabled] {
    cursor: not-allowed; }
  @media only screen and (min-width: 680px) {
    .btn, .btn-huge, .btn-big, .btn-tiny {
      min-height: 33px;
      min-width: 84px; } }
  @media only screen and (max-width: 679px) {
    .btn, .btn-huge, .btn-big, .btn-tiny {
      width: 100%;
      min-height: 36px; }
      .btn + .btn, .btn-huge + .btn, .btn + .btn-huge, .btn-huge + .btn-huge, .btn-big + .btn, .btn-big + .btn-huge, .btn + .btn-big, .btn-huge + .btn-big, .btn-big + .btn-big, .btn-tiny + .btn, .btn-tiny + .btn-huge, .btn-tiny + .btn-big, .btn + .btn-tiny, .btn-huge + .btn-tiny, .btn-big + .btn-tiny, .btn-tiny + .btn-tiny {
        margin-top: 5px; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .btn, .btn-huge, .btn-big, .btn-tiny {
      height: 33px; } }
  .btn .tb-icon, .btn-huge .tb-icon, .btn-big .tb-icon, .btn-tiny .tb-icon,
  .btn .badge,
  .btn-huge .badge,
  .btn-big .badge,
  .btn-tiny .badge,
  .btn .admin-badge,
  .btn-huge .admin-badge,
  .btn-big .admin-badge,
  .btn-tiny .admin-badge,
  .btn svg,
  .btn-huge svg,
  .btn-big svg,
  .btn-tiny svg {
    margin-right: 8px; }
  .btn svg, .btn-huge svg, .btn-big svg, .btn-tiny svg {
    position: relative;
    flex: none;
    max-height: 18px;
    vertical-align: middle; }
  .btn .badge, .btn-huge .badge, .btn-big .badge, .btn-tiny .badge {
    font-weight: normal; }
  .btn .visually-hidden ~ svg, .btn-huge .visually-hidden ~ svg, .btn-big .visually-hidden ~ svg, .btn-tiny .visually-hidden ~ svg,
  .btn .visually-hidden ~ .tb-icon,
  .btn-huge .visually-hidden ~ .tb-icon,
  .btn-big .visually-hidden ~ .tb-icon,
  .btn-tiny .visually-hidden ~ .tb-icon, .btn abbr ~ svg, .btn-huge abbr ~ svg, .btn-big abbr ~ svg, .btn-tiny abbr ~ svg,
  .btn abbr ~ .tb-icon,
  .btn-huge abbr ~ .tb-icon,
  .btn-big abbr ~ .tb-icon,
  .btn-tiny abbr ~ .tb-icon {
    margin-right: 0; }
  .btn-tiny {
    min-width: 70px; }
    @media only screen and (min-width: 680px) {
      .btn-tiny {
        min-height: 29px;
        padding-right: 10px;
        padding-left: 10px; }
        .btn-tiny .icon-plus {
          width: 12px;
          height: 12px; } }
  .btn-big {
    min-height: 40px; }
    @media only screen and (min-width: 680px) {
      .btn-big {
        min-width: 80px; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .btn-big {
        height: 40px; } }
    .btn-big svg {
      max-height: 20px; }
    .btn-big svg, .btn-big.btn-icon::before {
      width: 24px;
      margin-right: 12px; }
      .btn-big svg.icon-cog, .btn-big.btn-icon.icon-cog::before {
        height: 18px; }
      .btn-big svg.icon-cog--small, .btn-big.btn-icon.icon-cog--small::before {
        height: 14px; }
      .btn-big svg.icon-manifest, .btn-big.btn-icon.icon-manifest::before {
        height: 20px; }
      .btn-big svg.icon-pencil, .btn-big.btn-icon.icon-pencil::before {
        height: 16px; }
      .btn-big svg.icon-phone, .btn-big.btn-icon.icon-phone::before {
        height: 18px; }
      .btn-big svg.icon-print, .btn-big.btn-icon.icon-print::before {
        height: 16px; }
      .btn-big svg.icon-seating, .btn-big.btn-icon.icon-seating::before {
        height: 17px; }
      .btn-big svg.plus, .btn-big.btn-icon.plus::before {
        margin-left: 6px;
        margin-right: 16px; }
    .btn-big .badge {
      white-space: nowrap; }
  .btn-huge-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .btn-huge {
    padding: 10px 15px;
    min-height: 54px;
    font-size: 18px;
    border-radius: 5px; }
  .btn--large-label {
    font-size: 14px; }
  .btn-grey {
    background-color: #5a6672;
    color: #fff; }
    @media only screen and (hover: hover) {
      .btn-grey:hover {
        background-color: #4f5a64; } }
    .btn-grey.focus-visible {
      background-color: #4f5a64; }
    .btn-grey:active {
      background-color: #434d56; }
    .btn-grey.active-when-toggled.toggled, .btn-grey.is-active {
      background-color: #4f5a64; }
  .btn-grey--light {
    background-color: #e0e3e6;
    color: #1f2428; }
    @media only screen and (hover: hover) {
      .btn-grey--light:hover {
        background-color: #d1d6db; } }
    .btn-grey--light.focus-visible {
      background-color: #d1d6db; }
    .btn-grey--light:active {
      background-color: #c3cad0; }
    .btn-grey--light.active-when-toggled.toggled, .btn-grey--light.is-active {
      background-color: #d1d6db; }
  .btn-grey--lighter {
    background-color: #e7ebef;
    color: #1f2428; }
    @media only screen and (hover: hover) {
      .btn-grey--lighter:hover {
        background-color: #d7dee4; } }
    .btn-grey--lighter.focus-visible {
      background-color: #d7dee4; }
    .btn-grey--lighter:active {
      background-color: #c8d1da; }
    .btn-grey--lighter.active-when-toggled.toggled, .btn-grey--lighter.is-active {
      background-color: #d7dee4; }
  .btn-grey--ghost {
    background-color: transparent;
    color: var(--_text-primary); }
    @media only screen and (hover: hover) {
      .btn-grey--ghost:hover {
        background-color: var(--_hover-grey); } }
    .btn-grey--ghost.focus-visible {
      background-color: var(--_hover-grey); }
    .btn-grey--ghost:active {
      background-color: var(--_hover-grey--active); }
    .btn-grey--ghost.active-when-toggled.toggled, .btn-grey--ghost.is-active {
      background-color: rgba(0, 0, 0, 0); }
  .btn-blue {
    background-color: #0a6ece;
    color: #fff; }
    @media only screen and (hover: hover) {
      .btn-blue:hover {
        background-color: #0961b6; } }
    .btn-blue.focus-visible {
      background-color: #0961b6; }
    .btn-blue:active {
      background-color: #08549d; }
    .btn-blue.active-when-toggled.toggled, .btn-blue.is-active {
      background-color: #0961b6; }
  .btn-blue--light {
    background-color: #eaf2f7;
    color: #004b92; }
    @media only screen and (hover: hover) {
      .btn-blue--light:hover {
        background-color: #d8e7f0; } }
    .btn-blue--light.focus-visible {
      background-color: #d8e7f0; }
    .btn-blue--light:active {
      background-color: #c5dbe9; }
    .btn-blue--light.active-when-toggled.toggled, .btn-blue--light.is-active {
      background-color: #d8e7f0; }
  .btn-green {
    background-color: #1D875A;
    color: #fff; }
    @media only screen and (hover: hover) {
      .btn-green:hover {
        background-color: #18724c; } }
    .btn-green.focus-visible {
      background-color: #18724c; }
    .btn-green:active {
      background-color: #145d3e; }
    .btn-green.active-when-toggled.toggled, .btn-green.is-active {
      background-color: #18724c; }
  .btn-red {
    background-color: #c02b2b;
    color: #fff; }
    @media only screen and (hover: hover) {
      .btn-red:hover {
        background-color: #ab2626; } }
    .btn-red.focus-visible {
      background-color: #ab2626; }
    .btn-red:active {
      background-color: #962222; }
    .btn-red.active-when-toggled.toggled, .btn-red.is-active {
      background-color: #ab2626; }
  .btn-red--ghost {
    background-color: transparent;
    color: var(--_fh-red); }
    @media only screen and (hover: hover) {
      .btn-red--ghost:hover {
        background-color: var(--_hover-grey); } }
    .btn-red--ghost.focus-visible {
      background-color: var(--_hover-grey); }
    .btn-red--ghost:active {
      background-color: var(--_hover-grey--active); }
    .btn-red--ghost.active-when-toggled.toggled, .btn-red--ghost.is-active {
      background-color: rgba(0, 0, 0, 0); }
  .btn-icon, .btn--content-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left; }
  .btn-icon::before {
    content: '';
    display: block;
    flex: none;
    width: 24px;
    height: 24px;
    margin-right: 8px; }
    .btn-icon.chevron-left::before {
      width: 9px;
      height: 15px;
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23FFFFFF%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
      background-size: 9px 15px;
      background-repeat: no-repeat;
      transform: rotate(180deg); }
    .btn-icon.plus::before {
      width: 14px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23FFFFFF%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7%2C0a.88.88%2C0%2C0%2C1%2C.88.88V6.12h5.24a.88.88%2C0%2C1%2C1%2C0%2C1.76H7.88v5.24a.88.88%2C0%2C0%2C1-1.76%2C0V7.88H.88a.88.88%2C0%2C0%2C1%2C0-1.76H6.12V.88A.88.88%2C0%2C0%2C1%2C7%2C0Z%22%2F%3E%3C%2Fsvg%3E%0A");
      background-size: 14px 14px;
      background-repeat: no-repeat; }
    .btn-icon.arrow-right::before {
      background-position: -350px -515px; }
    .btn-icon.arrow-left::before {
      background-position: -376px -515px; }
    .btn-icon.add-person::before {
      background-position: -215px -210px; }
    .btn-icon.bank::before {
      background-position: -239px -515px; }
    .btn-icon.recurring-transfer::before {
      background-position: -26px -110px; }
    .btn-icon.cancel::before {
      background-position: -26px -136px; }
    .btn-icon.cc-save::before {
      background-position: -234px -136px; }
    .btn-icon.cog::before {
      background-position: -390px -136px; }
    .btn-icon.check-in::before {
      background-position: -153px -515px; }
    .btn-icon.email::before {
      background-position: -104px -136px; }
    .btn-icon.manifest::before {
      background-position: -212px -515px;
      width: 25px; }
    .btn-icon.phone::before {
      background-position: -384px -309px; }
    .btn-icon.print::before {
      background-position: -130px -136px; }
    .btn-icon.rebook::before {
      background-position: -363px -181px; }
    .btn-icon.add-booking::before {
      background-position: 0 -136px; }
    .btn-icon.merge-booking::before {
      background-position: 0 -110px; }
    .btn-icon.manifest::before {
      background-position: -212px -515px; }

@media only screen and (min-width: 680px) {
  .btn-wide {
    width: 100%; }
  .btn-right {
    margin-left: auto; }
    .btn-right ~ .btn-right {
      margin-left: 0; } }

.btn-flyout::after {
  transform: none;
  content: '';
  display: inline-block;
  transition: transform 0.15s ease-in-out;
  border-style: solid;
  border-color: transparent;
  border-width: 5px 3.5px 0 3.5px;
  border-top-color: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @supports (mask-type: inherit) {
    .btn-flyout::after {
      width: 7px;
      height: 5px;
      background-color: currentColor;
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      mask-size: 7px 5px;
      border: 0; } }

.btn-flyout .tb-icon {
  margin-right: 5px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.btn-segment-wrap {
  clear: both;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .btn-segment-wrap.toolbar {
    --tb-padding-block-start: 0;
    --tb-padding-block-end: 0;
    --tb-group-column-gap: 0; }
  .btn-segment-wrap .btn-segment-right svg {
    margin-right: 0; }

.btn-segment-left {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  text-align: left; }

.btn-segment-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 1px;
  border-left-style: solid;
  text-align: left; }
  @media only screen and (min-width: 680px) {
    .btn-segment-right {
      min-width: 0 !important; } }
  @media only screen and (max-width: 679px) {
    .btn-segment-right {
      width: auto;
      margin-top: 0 !important; } }
  .btn-segment-right.btn-blue--light {
    border-left-color: #cfe0ea; }
  .btn-segment-right.btn-grey {
    border-left-color: #768593; }

.buttons-list > li {
  position: relative;
  margin-bottom: 5px; }

@media only screen and (min-width: 680px) {
  .buttons-list .buttons-list-spacer {
    height: 10px; } }

@media only screen and (max-width: 679px) {
  .buttons-list .buttons-list-spacer {
    height: 5px; } }

.buttons-list .badge {
  margin-left: auto;
  margin-right: 0; }

.btn-back {
  position: relative;
  display: inline-block;
  padding: 8px 15px 8px 36px;
  margin-left: -15px;
  border-radius: 5px;
  font-size: 15px;
  cursor: pointer; }
  .btn-back[type="button"] {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .btn-back[type="button"]:disabled {
      cursor: not-allowed; }
  @media only screen and (hover: hover) {
    .btn-back:hover {
      background-color: var(--_hover-grey); } }
  .btn-back.focus-visible {
    background-color: var(--_hover-grey); }
  .btn-back::before {
    content: '';
    width: 14px;
    height: 13px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.55%2014.14%22%3E%3Cpath%20d%3D%22M1.41%2C8.49l5.66%2C5.65%2C1.42-1.41L3.83%2C8.07H14.57l1-1-1-1H3.83L8.49%2C1.41%2C7.07%2C0%2C1.41%2C5.66%2C0%2C7.07Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.55%2014.14%22%3E%3Cpath%20d%3D%22M1.41%2C8.49l5.66%2C5.65%2C1.42-1.41L3.83%2C8.07H14.57l1-1-1-1H3.83L8.49%2C1.41%2C7.07%2C0%2C1.41%2C5.66%2C0%2C7.07Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 14px 13px;
    mask-size: 14px 13px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px; }

.button-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  text-indent: -9999em;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: 6px 6px;
  background-color: transparent;
  cursor: pointer; }
  @media only screen and (hover: hover) {
    .button-close:hover {
      background-color: #e7ebef; } }
  .button-close.focus-visible {
    background-color: #e7ebef; }

.configuration-local .buttons,
.configuration-local .btns--combo,
.configuration-local .btns--reversed,
.configuration-local .btn-wrap,
.configuration-local .btn-wrap--right,
.configuration-local .btn-segment-right-wrap,
.configuration-local .btn-black,
.configuration-local .btn-darkgrey,
.configuration-local .btn-left,
.configuration-local .btn-link,
.configuration-local .btn--push-left,
.configuration-local .btn--push-right {
  box-shadow: 0 0 3px 3px #ff0090 !important; }

.no-js {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: var(--_surface-primary); }
  @media only screen and (min-width: 680px) {
    .no-js {
      padding-top: 45px; } }
  .no-js .full-page-error {
    max-width: 650px; }

.badge svg {
  position: relative; }

.badge .icon-archive {
  width: 12px;
  height: 10px; }

.badge .icon-svg-lock {
  width: 12px;
  height: 12px;
  top: 1px; }

.badge.badge-lock::before {
  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23FFFFFF%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.02%2014%22%3E%0A%20%20%3Cpath%20d%3D%22M7.66%2C3.88a2.15%2C2.15%2C0%2C0%2C0-4.3%2C0v2h4.3Z%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpath%20d%3D%22M9.39%2C5.85v-2a3.88%2C3.88%2C0%2C0%2C0-7.76%2C0v2A1.72%2C1.72%2C0%2C0%2C0%2C0%2C7.56v4.73A1.72%2C1.72%2C0%2C0%2C0%2C1.71%2C14h7.6A1.72%2C1.72%2C0%2C0%2C0%2C11%2C12.29V7.56A1.71%2C1.71%2C0%2C0%2C0%2C9.39%2C5.85Zm-6-2a2.15%2C2.15%2C0%2C0%2C1%2C4.3%2C0v2H3.36Z%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  content: '';
  position: relative;
  display: inline-block;
  width: 12px;
  height: 11px;
  top: 1px;
  margin-right: 2px; }
  .badge.badge-lock.ghost::before {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%231F2428%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.02%2014%22%3E%0A%20%20%3Cpath%20d%3D%22M7.66%2C3.88a2.15%2C2.15%2C0%2C0%2C0-4.3%2C0v2h4.3Z%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpath%20d%3D%22M9.39%2C5.85v-2a3.88%2C3.88%2C0%2C0%2C0-7.76%2C0v2A1.72%2C1.72%2C0%2C0%2C0%2C0%2C7.56v4.73A1.72%2C1.72%2C0%2C0%2C0%2C1.71%2C14h7.6A1.72%2C1.72%2C0%2C0%2C0%2C11%2C12.29V7.56A1.71%2C1.71%2C0%2C0%2C0%2C9.39%2C5.85Zm-6-2a2.15%2C2.15%2C0%2C0%2C1%2C4.3%2C0v2H3.36Z%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 12px 12px;
    background-repeat: no-repeat; }

.badge .badge-dismiss:before {
  background-position: -274px -311px; }

@media only screen {
  .admin-badge {
    position: relative;
    display: inline-block;
    padding: 0 4px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    cursor: inherit;
    border-width: 0;
    font-size: 0.9em;
    background-color: #478fd1;
    color: #fff;
    line-height: 1.2; }
    .tabs > li > a .admin-badge {
      font-size: 13px;
      line-height: 14px;
      vertical-align: top; }
  .ng-price-as-badge {
    font-weight: normal; }
    .ng-price-as-badge .ng-price > span {
      position: relative;
      display: inline-block;
      padding: 0 4px;
      border-radius: 3px;
      border-width: 1px;
      border-style: solid;
      cursor: inherit;
      border-color: transparent;
      background-color: #d9f2e1;
      background-color: var(--_shade-green);
      color: #007025;
      color: var(--fh-green, #007025); }
    .ng-price-as-badge .ng-price > span.negative {
      background-color: #f2dcda;
      background-color: var(--_shade-red);
      color: #bc2a2a;
      color: var(--fh-red, #bc2a2a); }
  .badge {
    position: relative;
    display: inline-block;
    padding: 0 4px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    cursor: inherit; }
    .badge:not(.ghost) {
      background-color: #5a6672;
      background-color: var(--_fh-grey-dark);
      color: #fff;
      color: var(--_surface-primary);
      border-color: transparent; }
    .badge.amount.negative {
      color: #fff;
      color: var(--_surface-primary); }
    .badge.badge-paid, .badge.badge-green, .badge.badge-sms-sent, .badge.badge-sms-delivered {
      background-color: var(--_fh-green); }
    .badge.badge-red, .badge.badge-error, .badge.badge-unpaid, .badge.badge-refunded, .badge.badge-underpaid, .badge.badge-not-profitable, .badge.badge-sms-rejected, .badge.badge-sms-failed, .badge.badge-sms-invalid, .badge.badge-sms-undelivered {
      background-color: var(--_fh-red); }
    .badge.badge-warning, .badge.badge-overpaid {
      background: #f37f25; }
    .badge.badge-translucent {
      color: #1f2428;
      color: var(--_text-primary);
      background-color: rgba(0, 0, 0, 0.1); }
    .badge.badge-light-grey, .badge.badge-sms-sending, .badge.badge-sms-queued, .badge.badge-sms-pending {
      background-color: var(--_shade-grey-dark);
      color: var(--_text-primary); }
    .badge.badge-booking-pk, .badge.badge-blue {
      background-color: var(--_fh-grey); }
    .badge.badge-fh-blue {
      background-color: var(--_theme-primary); }
    .badge.badge-light-green {
      background-color: #d9f2e1;
      background-color: var(--_shade-green);
      color: #007025;
      color: var(--fh-green, #007025); }
    .badge.badge-dismissible {
      padding-right: 16px; }
      .badge.badge-dismissible .badge-dismiss {
        position: absolute;
        right: -1px;
        top: -1px;
        bottom: -1px;
        min-width: 16px;
        cursor: pointer;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        transition: background 200ms;
        background: rgba(0, 0, 0, 0.2); }
        .badge.badge-dismissible .badge-dismiss:hover {
          background: rgba(0, 0, 0, 0.3); }
        .badge.badge-dismissible .badge-dismiss:before {
          position: absolute;
          content: '';
          width: 8px;
          height: 8px;
          top: 50%;
          left: 50%;
          margin-left: -4px;
          margin-top: -4px; }
  .badge-large {
    font-size: 14px; } }

.spinner {
  position: relative;
  padding: 15px;
  border-radius: 5px;
  margin: 15px auto;
  width: 30px;
  height: 30px;
  opacity: 0;
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s; }
  .spinner.normal {
    background-color: #fff;
    background-color: var(--spinner-surface, #fff); }
  .spinner.invert {
    background-color: #333;
    background-color: var(--spinner-surface--invert, #333); }
  .spinner.no-margin {
    margin: 0 auto; }
  .spinner.instant {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.spinner-inner {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 50%;
  margin-left: -13px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 4px solid #d1d6db;
  border-color: var(--spinner-border-color, #d1d6db);
  border-top-color: #0a6ece;
  border-top-color: var(--_theme-primary);
  -webkit-animation: spin .8s linear infinite;
  animation: spin .8s linear infinite; }

.spinner-ticker-css {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 8px;
  margin-right: 3px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .spinner-ticker-css:before, .spinner-ticker-css span, .spinner-ticker-css:after {
    position: absolute;
    top: 0;
    width: 4px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--_border-grey-dark);
    border: 1px solid var(--_medium-grey);
    -moz-animation: ticker 1.4s infinite ease-in-out;
    -webkit-animation: ticker 1.4s infinite ease-in-out;
    animation: ticker 1.4s infinite ease-in-out; }
  .spinner-ticker-css:before, .spinner-ticker-css:after {
    content: ''; }
  .spinner-ticker-css:before {
    left: 0; }
  .spinner-ticker-css span {
    left: 6px;
    animation-delay: 100ms; }
  .spinner-ticker-css:after {
    left: 12px;
    animation-delay: 200ms; }

@-moz-keyframes ticker {
  0% {
    -moz-transform: scaleY(1.5);
    transform: scaleY(1.5);
    opacity: 1; }
  100%, 50% {
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 0.3; } }

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: scaleY(1.5);
    transform: scaleY(1.5);
    opacity: 1; }
  100%, 50% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 0.3; } }

@keyframes ticker {
  0% {
    transform: scaleY(1.5);
    opacity: 1; }
  100%, 50% {
    transform: scaleY(1);
    opacity: 0.3; } }

.prose, .hint {
  line-height: 1.35;
  line-height: var(--prose-line-height);
  word-wrap: break-word;
  overflow-wrap: break-word; }
  .prose.prose--large, .prose--large.hint {
    font-size: 15px;
    line-height: 1.5; }
  .prose.prose--compact, .prose--compact.hint {
    line-height: 1.2; }
    .prose.prose--compact p:not(:last-child), .prose--compact.hint p:not(:last-child), .prose.prose--compact ul:not(:last-child), .prose--compact.hint ul:not(:last-child), .prose.prose--compact ol:not(:last-child), .prose--compact.hint ol:not(:last-child), .prose.prose--compact hr:not(:last-child), .prose--compact.hint hr:not(:last-child), .prose.prose--compact pre:not(:last-child), .prose--compact.hint pre:not(:last-child), .prose.prose--compact table:not(:last-child), .prose--compact.hint table:not(:last-child), .prose.prose--compact blockquote:not(:last-child), .prose--compact.hint blockquote:not(:last-child) {
      margin-bottom: 0.55em; }
    .prose.prose--compact h1:not(:first-child), .prose--compact.hint h1:not(:first-child), .prose.prose--compact h2:not(:first-child), .prose--compact.hint h2:not(:first-child), .prose.prose--compact h3:not(:first-child), .prose--compact.hint h3:not(:first-child), .prose.prose--compact h4:not(:first-child), .prose--compact.hint h4:not(:first-child), .prose.prose--compact h5:not(:first-child), .prose--compact.hint h5:not(:first-child), .prose.prose--compact h6:not(:first-child), .prose--compact.hint h6:not(:first-child) {
      margin-top: 0.36667em; }
    .prose.prose--compact h1:not(:last-child), .prose--compact.hint h1:not(:last-child), .prose.prose--compact h2:not(:last-child), .prose--compact.hint h2:not(:last-child), .prose.prose--compact h3:not(:last-child), .prose--compact.hint h3:not(:last-child), .prose.prose--compact h4:not(:last-child), .prose--compact.hint h4:not(:last-child), .prose.prose--compact h5:not(:last-child), .prose--compact.hint h5:not(:last-child), .prose.prose--compact h6:not(:last-child), .prose--compact.hint h6:not(:last-child) {
      margin-bottom: 0.18333em; }
    .prose.prose--compact h1, .prose--compact.hint h1 {
      font-weight: normal; }
      .prose.prose--compact h1 em, .prose--compact.hint h1 em {
        font-weight: normal; }
    .prose.prose--compact p + ul, .prose--compact.hint p + ul,
    .prose.prose--compact p + ol,
    .prose--compact.hint p + ol {
      margin-top: -0.18333em; }
    .prose.prose--compact li + li, .prose--compact.hint li + li {
      margin-top: 0.1375em; }
    .prose.prose--compact hr:not(:first-child), .prose--compact.hint hr:not(:first-child) {
      margin-top: 0.55em; }
  .prose.text-center li, .text-center.hint li {
    margin-left: 0;
    list-style-position: inside; }
  .prose a, .hint a {
    color: #0a6ece;
    color: var(--_theme-primary);
    text-decoration: underline; }
  .prose strong, .hint strong,
  .prose b,
  .hint b,
  .prose em strong,
  .prose strong em,
  .hint strong em {
    font-weight: 900; }
  .prose img, .hint img {
    max-width: 100%;
    height: auto; }
  .prose p:not(:last-child), .hint p:not(:last-child), .prose ul:not(:last-child), .hint ul:not(:last-child), .prose ol:not(:last-child), .hint ol:not(:last-child), .prose hr:not(:last-child), .hint hr:not(:last-child), .prose pre:not(:last-child), .hint pre:not(:last-child), .prose table:not(:last-child), .hint table:not(:last-child), .prose blockquote:not(:last-child), .hint blockquote:not(:last-child) {
    margin-bottom: 1.1em; }
  .prose h1, .hint h1, .prose h2, .hint h2, .prose h3, .hint h3, .prose h4, .hint h4, .prose h5, .hint h5, .prose h6, .hint h6 {
    line-height: 1.2;
    font-weight: bold; }
    .prose h1:not(:last-child), .hint h1:not(:last-child), .prose h2:not(:last-child), .hint h2:not(:last-child), .prose h3:not(:last-child), .hint h3:not(:last-child), .prose h4:not(:last-child), .hint h4:not(:last-child), .prose h5:not(:last-child), .hint h5:not(:last-child), .prose h6:not(:last-child), .hint h6:not(:last-child) {
      margin-bottom: 0.55em; }
    .prose h1 em, .hint h1 em, .prose h1 strong, .hint h1 strong, .prose h2 em, .hint h2 em, .prose h2 strong, .hint h2 strong, .prose h3 em, .hint h3 em, .prose h3 strong, .hint h3 strong, .prose h4 em, .hint h4 em, .prose h4 strong, .hint h4 strong, .prose h5 em, .hint h5 em, .prose h5 strong, .hint h5 strong, .prose h6 em, .hint h6 em, .prose h6 strong, .hint h6 strong {
      font-weight: bold; }
  .prose h1, .hint h1 {
    font-size: 1.6em;
    letter-spacing: normal; }
    .prose h1 > em, .hint h1 > em {
      font-style: normal; }
  .prose h2, .hint h2, .prose .h2, .hint .h2 {
    font-size: 1.4em;
    letter-spacing: normal; }
  .prose h3, .hint h3, .prose .h3, .hint .h3 {
    font-size: 1.2em; }
  .prose h4, .hint h4, .prose .h4, .hint .h4 {
    font-size: 1.06666em;
    font-weight: normal;
    color: var(--_fh-grey-dark); }
    .prose h4 em, .hint h4 em, .prose .h4 em, .hint .h4 em {
      font-weight: normal; }
  .prose h5, .hint h5, .prose .h5, .hint .h5 {
    font-size: 1.06666em; }
  .prose h6, .hint h6, .prose .h6, .hint .h6 {
    font-weight: 900; }
  @media only screen and (min-width: 680px) {
    .prose :not(hr) + h1, .hint :not(hr) + h1, .prose :not(hr) + h2, .hint :not(hr) + h2, .prose :not(hr) + h3, .hint :not(hr) + h3 {
      margin-top: 1.3em; } }
  @media only screen and (max-width: 679px) {
    .prose :not(hr) + h1, .hint :not(hr) + h1, .prose :not(hr) + h2, .hint :not(hr) + h2, .prose :not(hr) + h3, .hint :not(hr) + h3 {
      margin-top: 1.2em; } }
  .prose p + ul, .hint p + ul,
  .prose p + ol,
  .hint p + ol {
    margin-top: -0.55em; }
  .prose ul li, .hint ul li {
    list-style-type: disc; }
  .prose ol li, .hint ol li {
    list-style-type: decimal; }
  .prose li, .hint li {
    margin-left: 1.6em; }
    .prose li + li, .hint li + li {
      margin-top: 0.275em; }
  .prose hr, .hint hr {
    height: 1px;
    border: 0;
    background-color: var(--_border-grey-light); }
    .prose hr:not(:first-child), .hint hr:not(:first-child) {
      margin-top: 1.1em; }
  .prose blockquote, .hint blockquote {
    position: relative;
    padding: 1.2em 1.4em;
    background-color: var(--_shade-grey);
    border-left: 0.5em solid var(--_border-grey-light); }
    .prose blockquote > p > strong > em, .hint blockquote > p > strong > em {
      font-style: normal; }
  .prose code, .hint code {
    font-family: Monaco, monospace;
    font-size: 12px;
    color: var(--_fh-red); }
  .prose :not(pre) code, .hint :not(pre) code {
    padding: 0 4px;
    border-radius: 3px;
    background-color: var(--_shade-grey);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone; }
  .prose pre, .hint pre {
    max-width: 100%;
    overflow-x: auto;
    padding: 1em;
    border: 1px solid var(--_border-grey);
    border-radius: 4px;
    background-color: var(--_shade-grey);
    word-wrap: break-word;
    word-break: normal;
    tab-size: 2; }
    .prose pre code, .hint pre code {
      display: block;
      max-width: 100%;
      white-space: pre; }

.prose-section:not(:last-child) {
  margin-bottom: 1.1em; }

.error-error {
  padding: 25px;
  line-height: 1.3; }
  .error-error h2 {
    font-size: 25px;
    line-height: 1.2;
    padding-bottom: 5px; }
  .error-error a {
    color: var(--_theme-primary);
    text-decoration: underline; }

.error-code {
  color: var(--_fh-grey);
  font-size: 12px;
  margin-top: 12px; }
  .error-code a {
    color: var(--_theme-primary);
    text-decoration: underline; }

.forbidden-message {
  text-align: center;
  padding: 15px; }

@media only screen and (min-width: 680px) {
  .full-page-error {
    padding: 0 45px; } }

@media only screen and (max-width: 679px) {
  .full-page-error {
    padding: 25px; } }

.full-page-error h2 {
  font-size: 25px;
  padding-bottom: 5px; }

.full-page-error p {
  padding-bottom: 15px; }

.simple-homepage-wrap {
  max-width: 700px;
  margin: 0 auto; }

@media only screen and (min-width: 680px) {
  .simple-homepage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 700px;
    margin: 0 auto;
    padding: 25px; } }

@media only screen and (max-width: 679px) {
  .simple-homepage {
    padding: 25px; } }

@media only screen and (min-width: 680px) {
  .simple-homepage-logo, .simple-homepage-content {
    padding-top: 10px;
    padding-bottom: 10px; } }

.simple-homepage-logo {
  padding-right: 30px; }
  .simple-homepage-logo svg {
    width: 116px;
    height: 84px; }

@media only screen and (min-width: 680px) {
  .simple-homepage-content {
    border-left: 1px solid var(--_border-grey-light);
    padding-left: 30px; } }

@media only screen and (max-width: 679px) {
  .simple-homepage-content {
    padding-top: 20px; } }

.simple-homepage-content h2 {
  font-size: 26px; }

.simple-homepage-content .error-code {
  margin-top: 20px; }

.simple-homepage-intro {
  font-size: 16px; }

.online-installments .form-errors li, .create-booking .form-errors li {
  text-align: center;
  margin: 10px;
  font-size: 14px;
  border-radius: 5px; }
  @media only screen and (min-width: 680px) {
    .online-installments .form-errors li, .create-booking .form-errors li {
      padding: 15px 50px; } }
  @media only screen and (max-width: 679px) {
    .online-installments .form-errors li, .create-booking .form-errors li {
      padding: 15px; } }
.flashes {
  position: fixed;
  bottom: 15px;
  right: 25px;
  z-index: 9999; }
  @media only screen and (max-width: 679px) {
    .flashes {
      left: 25px; } }
  @media only screen and (min-width: 680px) {
    body.book-embed .flashes {
      top: 15px;
      bottom: auto;
      font-size: 14px; } }
.flash {
  position: relative;
  overflow: hidden;
  padding-top: 12px;
  padding-right: 42px;
  padding-bottom: 12px;
  padding-left: 12px;
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: var(--_surface-primary);
  border: 1px solid 1px solid rgba(70, 70, 70, 0.24);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
  @media only screen and (min-width: 680px) {
    .flash {
      width: 200px; } }
  .flash a {
    text-decoration: underline; }
  .flash.success {
    background-color: #1D875A;
    color: #fff; }
  .flash.error {
    background-color: #c02b2b;
    color: #fff; }
  .flash.warn {
    background-color: #f37f25;
    color: #fff; }
  .flash.info {
    background-color: #0a6ece;
    color: #fff; }

.flash-close {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  cursor: pointer;
  transition: background 200ms;
  background: rgba(0, 0, 0, 0.2); }
  .flash-close:hover {
    background: rgba(0, 0, 0, 0.3); }
  .flash-close:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 10px;
    right: 11px;
    background-position: -274px -311px; }

.upgrade-note {
  position: fixed;
  top: 50%;
  margin-top: -120px;
  left: 50%;
  margin-left: -150px;
  background-color: var(--_surface-primary);
  border: 1px solid #586F88;
  padding: 20px;
  width: 300px;
  min-height: 200px;
  z-index: 9999;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.25); }
  .upgrade-note b {
    font-weight: 900; }
  .upgrade-note .upgrade-dontworry {
    font-size: 12px;
    color: var(--_fh-grey-dark);
    margin: 10px 0; }
  .upgrade-note .upgrade-thanks {
    margin-top: 10px;
    font-style: italic;
    color: var(--_theme-primary);
    font-size: 12px; }

.upgrade-shade {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9998;
  -webkit-box-shadow: inset 0 1px 67px 7px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 67px 7px rgba(0, 0, 0, 0.3); }

.table-nav {
  margin-top: 10px;
  margin-bottom: 10px; }
  .table-nav.table-nav--no-top-bottom-borders > li:last-child .table-nav-item {
    border-bottom: 0; }

.table-nav-item {
  display: block;
  position: relative; }
  .table-nav-item[type="button"] {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .table-nav-item[type="button"]:disabled {
      cursor: not-allowed; }
  @media only screen {
    .table-nav-item {
      padding-top: 15px;
      padding-right: 20px;
      padding-bottom: 15px;
      padding-left: 20px; }
      .table-nav-item.is-tall {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 14px; }
      .table-nav-item.is-short {
        padding-top: 10px;
        padding-bottom: 10px; } }
  .table-nav-item:not(.is-label) {
    cursor: pointer; }
    @media only screen and (hover: hover) {
      .table-nav-item:not(.is-label):hover {
        background: var(--_hover-grey); } }
    .table-nav-item.focus-visible:not(.is-label) {
      background: var(--_hover-grey); }
    .table-nav-item:not(.is-label):active {
      background: var(--_hover-grey--active); }
    .table-nav-item.checked-in:not(.is-label) {
      background-color: var(--_checked-in-surface); }
      .table-nav-item.checked-in:not(.is-label):hover {
        background-color: var(--_checked-in-surface--hover); }
    .table-nav-item.no-show:not(.is-label) {
      background-color: var(--_no-show-surface); }
      .table-nav-item.no-show:not(.is-label):hover {
        background-color: var(--_no-show-surface--hover); }
  .table-nav-item.is-fancy {
    font-size: 18px; }
    .table-nav-item.is-fancy.current {
      background-color: #0a6ece;
      color: #fff; }
  .table-nav-item.with-overlay-arrow {
    padding-right: 38px; }
    .table-nav-item.with-overlay-arrow:before {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -6px;
      right: 20px;
      width: 11px;
      height: 11px; }
  .table-nav-item.with-chevron {
    padding-right: 38px; }
    .table-nav-item.with-chevron:before {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -7px;
      right: 20px;
      width: 9px;
      height: 15px;
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23AFB8C0%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
      background-size: 9px 15px;
      background-repeat: no-repeat; }

.tip {
  pointer-events: none;
  z-index: 100001;
  position: absolute;
  top: -100px;
  left: -100px;
  display: inline;
  opacity: 0;
  color: #fff;
  color: var(--text-primary, #fff);
  background-color: #22262b;
  background-color: var(--flyout-surface, #22262b);
  padding: 3px 7px;
  border-radius: 2px;
  max-width: 200px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  font-size: 12px; }
  .tip.tip-large {
    font-size: 13px; }
  .tip.tip-indent, .tip.tip-ele--tip-indent, .tip.tip-ele--tb-btn, .tip.tip-ele--help-icon, .tip.tip-ele--tb-segmented-item, .tip.tip-ele--tb-segmented-item, .tip.tip-ele--cb-inline-stat {
    margin-top: 6px; }
  .tip.tip-right-indent {
    margin-left: -6px; }
  .tip.tip-left-indent {
    margin-left: 6px; }
  @media only print {
    .tip {
      display: none; } }
  .tip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #22262b transparent transparent transparent;
    border-color: var(--flyout-surface, #22262b) transparent transparent transparent;
    bottom: -12px;
    left: 50%;
    margin-left: -6px; }
  .tip.tip-left:after {
    border-color: transparent transparent transparent var(--flyout-surface, #22262b);
    right: -12px;
    top: 50%;
    margin-top: -6px;
    left: auto; }
  .tip.tip-right:after {
    border-color: transparent var(--flyout-surface, #22262b) transparent transparent;
    right: auto;
    left: -6px;
    top: 50%;
    margin-top: -6px; }
  .tip.tip-no-arrow:after {
    display: none; }
  .tip.showing {
    opacity: 1; }
  .tip.tip-text-left {
    text-align: left;
    font-size: 12px;
    padding: 10px; }

.pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .pager button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer; }
    .pager button:disabled {
      cursor: not-allowed; }
    @media only screen and (hover: hover) {
      .pager button:hover {
        background-color: var(--_hover-grey); } }
    .pager button.focus-visible {
      background-color: var(--_hover-grey); }
    .pager button .icon-chevron {
      width: 10px;
      height: auto; }
  .pager .pager-count {
    padding: 0 4px; }

.toolbar {
  --tb-start-width: 1fr;
  --tb-end-width: auto;
  --tb-min-height: 37px;
  --tb-margin-block-start: 0;
  --tb-margin-block-end: 0;
  --tb-margin-inline-start: 0;
  --tb-margin-inline-end: 0;
  --tb-padding-block-start: 3px;
  --tb-padding-block-end: 3px;
  --tb-padding-inline-start: 10px;
  --tb-padding-inline-end: 10px;
  --tb-bg-color: transparent;
  --tb-border-color: transparent;
  --tb-border-radius: 5px;
  --tb-group-padding-block: 5px;
  --tb-group-padding-inline: 5px;
  --tb-group-column-gap: 1px;
  --tb-group-divider-width: 1px;
  --tb-group-divider-height: 24px;
  --tb-group-divider-color: var(--_border-grey);
  box-sizing: border-box;
  margin-top: var(--tb-margin-block-start);
  margin-right: var(--tb-margin-inline-end);
  margin-bottom: var(--tb-margin-block-end);
  margin-left: var(--tb-margin-inline-start); }
  .toolbar * {
    box-sizing: border-box; }
  .toolbar:not([class*="shade"]) {
    background-color: var(--tb-bg-color); }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) {
      --tb-margin-block-start: 12px;
      --tb-margin-block-end: 12px;
      --tb-margin-inline-start: 12px;
      --tb-margin-inline-end: 12px;
      --tb-border-color: var(--medium-grey, #e0e3e6);
      --tb-item-display: flex;
      --tb-item-min-width: 100%;
      --tb-item-min-height: 36px;
      --tb-item-padding-block-start: 10px;
      --tb-item-padding-block-end: 10px;
      --tb-item-padding-inline-start: 15px;
      --tb-item-padding-inline-end: 15px;
      --tb-item-border-color: var(--tb-border-color);
      --tb-item-font-size: 14px;
      --tb-item-line-height: inherit;
      --tb-item-padding-inline-start--indent: calc(var(--tb-item-padding-inline-start) + var(--tb-icon-min-width) + var(--tb-icon-padding-inline));
      --tb-icon-min-width: 20px;
      --tb-icon-padding-inline: 8px;
      overflow: hidden;
      border-right: 1px solid var(--tb-border-color);
      border-left: 1px solid var(--tb-border-color);
      border-bottom: 1px solid var(--tb-border-color);
      border-radius: var(--tb-border-radius);
      font-size: var(--tb-item-font-size); }
      .toolbar.tb--no-gutters:not(.tb-dont-respond) {
        --tb-margin-inline-start: 0;
        --tb-margin-inline-end: 0; }
      .toolbar.tb--textarea:not(.tb-dont-respond) {
        --tb-margin-block-start: 0;
        --tb-margin-inline-start: 0;
        --tb-margin-inline-end: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25); } }
  @media only screen and (min-width: 680px) {
    .toolbar {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr auto;
      -ms-grid-rows: 37px;
      grid-template-columns: var(--tb-start-width) var(--tb-end-width);
      min-height: var(--tb-min-height);
      align-items: var(--tb-item-align-block);
      padding-top: var(--tb-padding-block-start);
      padding-bottom: var(--tb-padding-block-end);
      column-gap: var(--tb-group-column-gap);
      max-width: var(--tb-max-width); }
      .toolbar > :nth-child(2) {
        -ms-grid-column: 2; }
      .toolbar:not([class*="b-b"]) {
        border-bottom: solid 1px var(--tb-border-color); }
      .toolbar.tb--settings-header {
        --tb-bg-color: var(--_surface-primary);
        --tb-border-color: var(--_border-grey-light);
        --tb-padding-inline-start: calc(var(--settings-wrap-padding-inline-start) - var(--tb-item-padding-inline-start)); }
      .toolbar.tb--no-gutters {
        --tb-padding-inline-start: 0;
        --tb-padding-inline-end: 0; }
      .toolbar.tb--with-shadow {
        box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25); }
      .toolbar.tb--textarea {
        --tb-bg-color: var(--shade-grey-light);
        --tb-border-color: var(--_border-grey-dark);
        --tb-padding-inline-start: 4px;
        --tb-padding-inline-end: 4px;
        border: 1px solid var(--tb-border-color);
        border-top: 0;
        border-bottom-left-radius: var(--tb-border-radius);
        border-bottom-right-radius: var(--tb-border-radius);
        box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25); }
      .toolbar .tb-start {
        display: flex;
        padding-left: var(--tb-padding-inline-start); }
      .toolbar .tb-end {
        display: flex;
        justify-self: flex-end;
        padding-right: var(--tb-padding-inline-end); }
      .toolbar .tb-group {
        display: inline-flex;
        align-items: center;
        column-gap: var(--tb-group-column-gap); }
        .toolbar .tb-group:not(:last-child) {
          padding-right: var(--tb-group-padding-inline); }
        .toolbar .tb-group:not(:first-child)::before {
          content: '';
          flex: none;
          width: var(--tb-group-divider-width);
          height: var(--tb-group-divider-height);
          background-color: var(--tb-group-divider-color);
          margin-right: calc(var(--tb-group-padding-inline) - var(--tb-group-column-gap)); } }
  @media only screen and (max-width: 679px) {
    .toolbar.tb-dont-respond {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr auto;
      -ms-grid-rows: 37px;
      grid-template-columns: var(--tb-start-width) var(--tb-end-width);
      min-height: var(--tb-min-height);
      align-items: var(--tb-item-align-block);
      padding-top: var(--tb-padding-block-start);
      padding-bottom: var(--tb-padding-block-end);
      column-gap: var(--tb-group-column-gap);
      max-width: var(--tb-max-width); }
      .toolbar.tb-dont-respond > :nth-child(2) {
        -ms-grid-column: 2; }
      .toolbar.tb-dont-respond:not([class*="b-b"]) {
        border-bottom: solid 1px var(--tb-border-color); }
      .toolbar.tb-dont-respond.tb--settings-header {
        --tb-bg-color: var(--_surface-primary);
        --tb-border-color: var(--_border-grey-light);
        --tb-padding-inline-start: calc(var(--settings-wrap-padding-inline-start) - var(--tb-item-padding-inline-start)); }
      .toolbar.tb-dont-respond.tb--no-gutters {
        --tb-padding-inline-start: 0;
        --tb-padding-inline-end: 0; }
      .toolbar.tb-dont-respond.tb--with-shadow {
        box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25); }
      .toolbar.tb-dont-respond.tb--textarea {
        --tb-bg-color: var(--shade-grey-light);
        --tb-border-color: var(--_border-grey-dark);
        --tb-padding-inline-start: 4px;
        --tb-padding-inline-end: 4px;
        border: 1px solid var(--tb-border-color);
        border-top: 0;
        border-bottom-left-radius: var(--tb-border-radius);
        border-bottom-right-radius: var(--tb-border-radius);
        box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25); }
      .toolbar.tb-dont-respond .tb-start {
        display: flex;
        padding-left: var(--tb-padding-inline-start); }
      .toolbar.tb-dont-respond .tb-end {
        display: flex;
        justify-self: flex-end;
        padding-right: var(--tb-padding-inline-end); }
      .toolbar.tb-dont-respond .tb-group {
        display: inline-flex;
        align-items: center;
        column-gap: var(--tb-group-column-gap); }
        .toolbar.tb-dont-respond .tb-group:not(:last-child) {
          padding-right: var(--tb-group-padding-inline); }
        .toolbar.tb-dont-respond .tb-group:not(:first-child)::before {
          content: '';
          flex: none;
          width: var(--tb-group-divider-width);
          height: var(--tb-group-divider-height);
          background-color: var(--tb-group-divider-color);
          margin-right: calc(var(--tb-group-padding-inline) - var(--tb-group-column-gap)); } }
@media only screen and (min-width: 680px) {
  .tb-table-wrap {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: var(--settings-wrap-width-narrow); } }

@media only screen and (min-width: 680px) {
  .tb-table-wrap .toolbar {
    --tb-padding-inline-start: 0;
    --tb-padding-inline-end: 0; } }

@media only screen and (max-width: 679px) {
  .tb-table-wrap .toolbar.tb-dont-respond {
    --tb-padding-inline-start: 0;
    --tb-padding-inline-end: 0; } }

.tb-btn {
  --tb-btn-position: relative;
  --tb-btn-border-color: var(--tb-item-border-color);
  --tb-btn-color: inherit;
  --tb-btn-bg: transparent;
  --tb-btn-bg-hover: var(--_hover-grey);
  --tb-btn-bg-active: var(--_hover-grey--active);
  --tb-btn-bg-toggled: var(--_hover-grey--active);
  --tb-btn-bg-current: var(--_select-menu-current);
  --tb-btn-cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  font-family: inherit;
  text-align: left;
  position: var(--tb-btn-position);
  display: var(--tb-item-display);
  min-width: var(--tb-item-min-width);
  min-height: var(--tb-item-min-height);
  padding-top: var(--tb-item-padding-block-start);
  padding-right: var(--tb-item-padding-inline-end);
  padding-bottom: var(--tb-item-padding-block-end);
  padding-left: var(--tb-item-padding-inline-start);
  font-size: var(--tb-item-font-size);
  line-height: var(--tb-item-line-height);
  align-items: var(--tb-item-align-block);
  justify-content: var(--tb-item-align-inline);
  border-color: var(--tb-btn-border-color);
  cursor: var(--tb-btn-cursor); }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-btn {
      --tb-item-align-inline: left;
      border-top: 1px solid var(--tb-item-border-color); }
      .toolbar:not(.tb-dont-respond) .tb-btn.focus-visible {
        box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
        box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary); } }
  @media only screen and (min-width: 680px) {
    .tb-btn {
      border-radius: var(--tb-item-border-radius); } }
  @media only screen and (max-width: 679px) {
    .toolbar.tb-dont-respond .tb-btn {
      border-radius: var(--tb-item-border-radius); } }
  .tb-btn:not([class*=" btn-"]):not([class*=" ava-"]) {
    color: var(--tb-btn-color); }
  .tb-btn:not([class*=" btn-"]) {
    background-color: var(--tb-btn-bg); }
  .tb-btn[disabled], .tb-btn.is-disabled {
    --tb-btn-color: var(--tb-item-color-disabled);
    --tb-btn-cursor: not-allowed; }
  .tb-btn.highlighted {
    --tb-btn-color: var(--theme-primary, #004b92); }
  @media only screen and (hover: hover) {
    .tb-btn:not([class*=" btn-"]):not([disabled]):not(.is-disabled):hover {
      --tb-btn-bg: var(--tb-btn-bg-hover); } }
  .tb-btn.focus-visible:not([class*=" btn-"]):not([disabled]):not(.is-disabled) {
    --tb-btn-bg: var(--tb-btn-bg-hover); }
  .tb-btn:not([class*=" btn-"]):not([disabled]):not(.is-disabled):active {
    --tb-btn-bg: var(--tb-btn-bg-active); }
  .tb-btn.toggled:not([class*=" btn-"]):not([disabled]):not(.is-disabled), .tb-btn[aria-pressed="true"]:not([class*=" btn-"]):not([disabled]):not(.is-disabled), .tb-btn.tb-btn--has-popover.current:not([class*=" btn-"]):not([disabled]):not(.is-disabled) {
    --tb-btn-bg: var(--tb-btn-bg-toggled); }
  .tb-btn.current:not([class*=" btn-"]):not([disabled]):not(.is-disabled):not(.tb-btn--has-popover) {
    position: relative;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .tb-btn.current:not([class*=" btn-"]):not([disabled]):not(.is-disabled):not(.tb-btn--has-popover)::before {
      content: '';
      position: absolute;
      height: 2px;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #0a6ece; }

@media only screen and (min-width: 680px) and (hover: hover) {
  [class*="-shade"] .tb-btn:not([class*=" btn-"]):not([disabled]):not(.is-disabled):hover {
    --tb-btn-bg: rgba(82, 103, 122, 0.12); } }
  @media only screen and (min-width: 680px) {
    [class*="-shade"] .tb-btn.focus-visible:not([class*=" btn-"]):not([disabled]):not(.is-disabled) {
      --tb-btn-bg: rgba(82, 103, 122, 0.12); }
    [class*="-shade"] .tb-btn:not([class*=" btn-"]):not([disabled]):not(.is-disabled):active, [class*="-shade"] .tb-btn.toggled:not([class*=" btn-"]):not([disabled]):not(.is-disabled) {
      --tb-btn-bg: rgba(40, 46, 51, 0.12); } }
@media only screen and (max-width: 679px) and (hover: hover) {
  [class*="-shade"] .toolbar.tb-dont-respond .tb-btn:not([class*=" btn-"]):not([disabled]):not(.is-disabled):hover {
    --tb-btn-bg: rgba(82, 103, 122, 0.12); } }
  @media only screen and (max-width: 679px) {
    [class*="-shade"] .toolbar.tb-dont-respond .tb-btn.focus-visible:not([class*=" btn-"]):not([disabled]):not(.is-disabled) {
      --tb-btn-bg: rgba(82, 103, 122, 0.12); }
    [class*="-shade"] .toolbar.tb-dont-respond .tb-btn:not([class*=" btn-"]):not([disabled]):not(.is-disabled):active, [class*="-shade"] .toolbar.tb-dont-respond .tb-btn.toggled:not([class*=" btn-"]):not([disabled]):not(.is-disabled) {
      --tb-btn-bg: rgba(40, 46, 51, 0.12); } }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-btn.tb-btn--flyout::after {
      transform: none;
      content: '';
      display: inline-block;
      transition: transform 0.15s ease-in-out;
      border-style: solid;
      border-color: transparent;
      border-width: 6px 4px 0 4px;
      border-top-color: currentColor;
      margin-left: auto; }
      @supports (mask-type: inherit) {
        .toolbar:not(.tb-dont-respond) .tb-btn.tb-btn--flyout::after {
          width: 8px;
          height: 6px;
          background-color: currentColor;
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          mask-size: 8px 6px;
          border: 0; } } }
  @media only screen and (min-width: 680px) {
    .tb-btn.tb-btn--flyout::after {
      transform: none;
      content: '';
      display: inline-block;
      transition: transform 0.15s ease-in-out;
      border-style: solid;
      border-color: transparent;
      border-width: 5px 3.5px 0 3.5px;
      border-top-color: currentColor;
      margin-left: var(--tb-icon-padding-inline); }
      @supports (mask-type: inherit) {
        .tb-btn.tb-btn--flyout::after {
          width: 7px;
          height: 5px;
          background-color: currentColor;
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          mask-size: 7px 5px;
          border: 0; } } }
  @media only screen and (max-width: 679px) {
    .toolbar.tb-dont-respond .tb-btn.tb-btn--flyout::after {
      transform: none;
      content: '';
      display: inline-block;
      transition: transform 0.15s ease-in-out;
      border-style: solid;
      border-color: transparent;
      border-width: 5px 3.5px 0 3.5px;
      border-top-color: currentColor;
      margin-left: var(--tb-icon-padding-inline); }
      @supports (mask-type: inherit) {
        .toolbar.tb-dont-respond .tb-btn.tb-btn--flyout::after {
          width: 7px;
          height: 5px;
          background-color: currentColor;
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          mask-size: 7px 5px;
          border: 0; } } }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-btn.tb-btn--flyout.toggled::after {
      transform: none;
      transform: rotate(180deg); } }
  .tb-btn.tb-btn--popup::after {
    content: '';
    width: 5px;
    height: 5px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%231F2428%22%20viewBox%3D%220%200%2011%2011%22%20width%3D%2211%22%20height%3D%2211%22%3E%0A%20%20%3Cpath%20d%3D%22m9%200h-8v2h6.59l-7.6%207.59.01%201.4%201.43.01%207.57-7.58v6.58h2v-8-2z%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 5px 5px;
    background-repeat: no-repeat;
    margin-left: var(--tb-icon-padding-inline);
    margin-bottom: var(--tb-icon-padding-inline); }
  .tb-btn.tb-btn--select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    min-width: var(--tb-item-min-width);
    height: var(--tb-item-min-height);
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    border: 0;
    opacity: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .tb-btn.tb-btn--select:focus-within {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary);
    background-color: var(--tb-btn-bg-hover); }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-btn.tb-btn--indent {
      --tb-item-padding-inline-start: var(--tb-item-padding-inline-start--indent); } }
  @media only screen and (min-width: 680px) {
    .tb-btn.tb-btn--with-border {
      border: 1px solid var(--_border-grey-light); } }
  @media only screen and (max-width: 679px) {
    .toolbar.tb-dont-respond .tb-btn.tb-btn--with-border {
      border: 1px solid var(--_border-grey-light); } }
.tb-btn svg[class*="icon"], .tb-btn::before, .tb-btn::after,
.tb-text svg[class*="icon"],
.tb-text::before,
.tb-text::after {
  flex: none;
  max-height: var(--tb-icon-max-height); }

.tb-btn svg[class*="icon"]:not(.icon-hint),
.tb-text svg[class*="icon"]:not(.icon-hint) {
  margin-right: var(--tb-icon-padding-inline); }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-btn svg[class*="icon"]:not(.icon-hint), .tb-text svg[class*="icon"]:not(.icon-hint) {
      width: var(--tb-icon-min-width); } }
  @media only screen and (min-width: 680px) {
    .tb-btn svg[class*="icon"][height="10"]:not(.icon-hint),
    .tb-text svg[class*="icon"][height="10"]:not(.icon-hint) {
      margin-top: -1px; } }
  @media only screen and (max-width: 679px) {
    .toolbar.tb-dont-respond .tb-btn svg[class*="icon"][height="10"]:not(.icon-hint), .tb-text svg[class*="icon"][height="10"]:not(.icon-hint) {
      margin-top: -1px; } }
@media only screen and (min-width: 680px) {
  .tb-btn abbr,
  .tb-text abbr {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); } }

@media only screen and (max-width: 679px) {
  .toolbar.tb-dont-respond .tb-btn abbr, .tb-text abbr {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); } }

@media only screen and (min-width: 680px) {
  .tb-btn abbr ~ svg[class*="icon"],
  .tb-text abbr ~ svg[class*="icon"] {
    --tb-icon-padding-inline: 0; } }

@media only screen and (max-width: 679px) {
  .toolbar.tb-dont-respond .tb-btn abbr ~ svg[class*="icon"], .tb-text abbr ~ svg[class*="icon"] {
    --tb-icon-padding-inline: 0; } }

@media only screen and (max-width: 679px) {
  .toolbar:not(.tb-dont-respond) .tb-btn abbr ~ svg[class*="icon"], .tb-text abbr ~ svg[class*="icon"] {
    order: -1; } }

.tb-btn [class*="badge"],
.tb-text [class*="badge"] {
  flex: none;
  margin-right: var(--tb-icon-padding-inline); }

.tb-btn .icon-hint,
.tb-text .icon-hint {
  flex: none;
  margin-left: var(--tb-icon-padding-inline);
  margin-bottom: 1px; }

.tb-btn .icon-seat--autoassign,
.tb-text .icon-seat--autoassign {
  height: 15px; }

.tb-btn .icon-bolt,
.tb-text .icon-bolt {
  height: 13px; }

@media only screen and (max-width: 679px) {
  .toolbar:not(.tb-dont-respond) .tb-btn .icon-plus, .tb-btn .icon-x, .tb-text .icon-plus, .tb-text .icon-x {
    height: 12px; } }

@media only screen and (min-width: 680px) {
  .tb-btn .icon-plus,
  .tb-btn .icon-x,
  .tb-text .icon-plus,
  .tb-text .icon-x {
    width: 10px;
    height: 10px;
    margin-top: -1px; } }

@media only screen and (max-width: 679px) {
  .toolbar.tb-dont-respond .tb-btn .icon-plus, .tb-btn .icon-x, .tb-text .icon-plus, .tb-text .icon-x {
    width: 10px;
    height: 10px;
    margin-top: -1px; } }

.tb-text {
  display: var(--tb-item-display);
  align-items: var(--tb-item-align-block);
  justify-content: var(--tb-item-align-inline);
  font-size: var(--tb-item-font-size);
  line-height: var(--tb-item-line-height);
  min-height: var(--tb-item-min-height);
  min-width: var(--tb-item-min-width);
  padding-top: var(--tb-item-padding-block-start);
  padding-right: var(--tb-item-padding-inline-end);
  padding-bottom: var(--tb-item-padding-block-start);
  padding-left: var(--tb-item-padding-inline-start); }
  .tb-text[type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    font-family: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent; }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-text {
      --tb-item-align-inline: left;
      border-top: 1px solid var(--tb-item-border-color); } }
.tb-label {
  display: var(--tb-item-display);
  font-size: var(--tb-item-font-size);
  line-height: var(--tb-item-line-height); }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-label {
      border-top: 1px solid var(--tb-item-border-color); } }
  .tb-label label {
    display: var(--tb-item-display);
    min-width: var(--tb-item-min-width);
    min-height: var(--tb-item-min-height);
    align-items: var(--tb-item-align-block);
    cursor: pointer;
    padding-top: var(--tb-item-padding-block-start);
    padding-right: var(--tb-item-padding-inline-end);
    padding-bottom: var(--tb-item-padding-block-start);
    padding-left: var(--tb-item-padding-inline-start); }
    .tb-label label .is-disabled {
      color: var(--tb-item-color-disabled);
      cursor: not-allowed; }
  .tb-label .the-field-outer {
    display: var(--tb-item-display);
    align-items: var(--tb-item-align-block); }
  .tb-label .field,
  .tb-label .field-cb-light {
    margin-bottom: 0;
    min-width: var(--tb-item-min-width); }
    .tb-label .field label,
    .tb-label .field-cb-light label {
      display: var(--tb-item-display); }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-label .the-field {
      width: var(--tb-icon-min-width);
      margin-right: var(--tb-icon-padding-inline);
      text-align: center; } }
.tb-select {
  display: var(--tb-item-display);
  align-items: var(--tb-item-align-block); }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-select {
      padding-top: var(--tb-item-padding-block-start);
      padding-bottom: var(--tb-item-padding-block-start);
      padding-right: var(--tb-item-padding-inline-end);
      padding-left: var(--tb-item-padding-inline-start);
      border-top: 1px solid var(--tb-item-border-color); } }
  .tb-select .field {
    margin-bottom: 0; }

.tb-search {
  position: relative; }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-search {
      border-top: 1px solid var(--tb-item-border-color); } }
  .tb-search::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%3Cpath%20d%3D%22M11.7%2C10.29%2C8.83%2C7.42l-.11-.08A4.75%2C4.75%2C0%2C1%2C0%2C7.33%2C8.73l.08.11%2C2.87%2C2.87a1%2C1%2C0%2C0%2C0%2C1.42%2C0A1%2C1%2C0%2C0%2C0%2C11.7%2C10.29ZM4.75%2C8A3.25%2C3.25%2C0%2C1%2C1%2C8%2C4.75%2C3.26%2C3.26%2C0%2C0%2C1%2C4.75%2C8Z%22%2F%3E%0A%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%3Cpath%20d%3D%22M11.7%2C10.29%2C8.83%2C7.42l-.11-.08A4.75%2C4.75%2C0%2C1%2C0%2C7.33%2C8.73l.08.11%2C2.87%2C2.87a1%2C1%2C0%2C0%2C0%2C1.42%2C0A1%2C1%2C0%2C0%2C0%2C11.7%2C10.29ZM4.75%2C8A3.25%2C3.25%2C0%2C1%2C1%2C8%2C4.75%2C3.26%2C3.26%2C0%2C0%2C1%2C4.75%2C8Z%22%2F%3E%0A%3C%2Fsvg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 13px 13px;
    mask-size: 13px 13px;
    pointer-events: none; }
    @media only screen and (min-width: 680px) {
      .tb-search::before {
        left: 12px; } }
    @media only screen and (max-width: 679px) {
      .tb-search::before {
        left: 20px; } }
  .tb-search input[type="text"] {
    --input-padding-inline-start: 32px;
    --input-padding-inline-end: 34px;
    --input-bg-color: var(--_shade-grey);
    --input-border-color: var(--_border-grey-light);
    width: 100%;
    height: var(--tb-item-min-height);
    padding-left: var(--input-padding-inline-start);
    padding-right: var(--input-padding-inline-end);
    background: var(--input-bg-color);
    border-radius: var(--tb-item-border-radius);
    border: 0;
    color: inherit;
    font: inherit; }
    @media only screen and (min-width: 680px) {
      .tb-search input[type="text"] {
        min-width: 108px;
        max-width: 200px;
        font-size: 14px;
        box-shadow: 0 0 0 1px inset var(--input-border-color); }
        .tb-search input.focus-visible[type="text"] {
          box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px inherit, 0 0 0 4px #b8bfc4;
          box-shadow: 0 0 0 2px #b8bfc4;
          border-color: inherit; } }
    @media only screen and (max-width: 679px) {
      .tb-search input[type="text"] {
        --input-padding-inline-start: var(--tb-item-padding-inline-start--indent);
        --input-padding-inline-end: 45px;
        font-size: 16px; }
        .tb-search input.focus-visible[type="text"] {
          box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
          box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary); } }
  .tb-search .ng-hide ~ input {
    --input-padding-inline-end: 12px; }

.tb-date-picker {
  display: var(--tb-item-display);
  align-items: var(--tb-item-align-block); }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-date-picker {
      padding-top: var(--tb-item-padding-block-start);
      padding-bottom: var(--tb-item-padding-block-start);
      padding-right: var(--tb-item-padding-inline-end);
      padding-left: var(--tb-item-padding-inline-start);
      border-top: 1px solid var(--tb-item-border-color); } }
  .tb-date-picker input[type="text"] {
    height: var(--tb-item-min-height); }
  .tb-date-picker .field.datepicker {
    margin-bottom: 0; }

@media only screen and (max-width: 679px) {
  .toolbar:not(.tb-dont-respond) .tb-pagination {
    padding-left: var(--tb-item-padding-inline-start--indent); } }

.tb-pagination select {
  margin-left: var(--tb-icon-padding-inline);
  margin-right: var(--tb-icon-padding-inline); }

.tb-presence-users {
  display: var(--tb-item-display);
  align-items: var(--tb-item-align-block);
  padding-left: var(--tb-item-padding-inline-start);
  padding-right: var(--tb-item-padding-inline-end); }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-presence-users {
      padding-top: var(--tb-item-padding-block-start);
      padding-bottom: var(--tb-item-padding-block-start);
      border-top: 1px solid var(--tb-item-border-color); } }
  .tb-presence-users .tb-presence-icon {
    position: relative;
    padding-top: 6px;
    padding-left: 2px; }
    @media only screen and (min-width: 680px) {
      .tb-presence-users .tb-presence-icon {
        margin-right: 4px; } }
    @media only screen and (max-width: 679px) {
      .tb-presence-users .tb-presence-icon {
        margin-right: 5px; } }
    .tb-presence-users .tb-presence-icon .eye {
      margin-left: 5px; }
    .tb-presence-users .tb-presence-icon::before {
      content: ' ';
      position: absolute;
      top: 5px;
      left: 0;
      width: 8px;
      height: 8px;
      border-radius: 100%;
      background-color: #00CE23;
      -webkit-animation-name: pulse;
      animation-name: pulse;
      -webkit-animation-duration: 1.5s;
      animation-duration: 1.5s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
  .tb-presence-users .presence-user {
    width: 26px;
    height: 26px;
    line-height: 26px;
    background-color: #745dca;
    border-radius: 30px;
    cursor: default;
    color: #fff;
    text-align: center;
    background-size: cover;
    background-position: top left;
    background-repeat: none; }
    .tb-presence-users .presence-user:not(:last-child) {
      margin-right: 4px; }

@media only screen and (min-width: 680px) {
  .tb-crumb {
    display: var(--tb-item-display);
    align-items: var(--tb-item-align-block); }
    .tb-crumb:not(:last-child)::after {
      content: '';
      flex: none;
      transform: rotate(180deg);
      height: 12px;
      width: 11px;
      margin: 0 4px 1px;
      pointer-events: none;
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23AFB8C0%22%20viewBox%3D%220%200%2015.55%2014.14%22%3E%3Cpath%20d%3D%22M1.41%2C8.49l5.66%2C5.65%2C1.42-1.41L3.83%2C8.07H14.57l1-1-1-1H3.83L8.49%2C1.41%2C7.07%2C0%2C1.41%2C5.66%2C0%2C7.07Z%22%2F%3E%3C%2Fsvg%3E");
      background-size: 12px 11px;
      background-repeat: no-repeat; } }

@media only screen and (max-width: 679px) {
  .toolbar.tb-dont-respond .tb-crumb {
    display: var(--tb-item-display);
    align-items: var(--tb-item-align-block); }
    .toolbar.tb-dont-respond .tb-crumb:not(:last-child)::after {
      content: '';
      flex: none;
      transform: rotate(180deg);
      height: 12px;
      width: 11px;
      margin: 0 4px 1px;
      pointer-events: none;
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23AFB8C0%22%20viewBox%3D%220%200%2015.55%2014.14%22%3E%3Cpath%20d%3D%22M1.41%2C8.49l5.66%2C5.65%2C1.42-1.41L3.83%2C8.07H14.57l1-1-1-1H3.83L8.49%2C1.41%2C7.07%2C0%2C1.41%2C5.66%2C0%2C7.07Z%22%2F%3E%3C%2Fsvg%3E");
      background-size: 12px 11px;
      background-repeat: no-repeat; } }

.tb-flyout-wrap {
  --tb-flyout-wrap-position: relative;
  --tb-flyout-wrap-overflow: hidden;
  --tb-flyout-wrap-bg: var(--flyout-surface, #f1f2f4);
  position: var(--tb-flyout-wrap-position); }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-flyout-wrap {
      background-color: var(--tb-flyout-wrap-bg);
      overflow: var(--tb-flyout-wrap-overflow); }
      .toolbar:not(.tb-dont-respond) .tb-flyout-wrap .tb-btn {
        --tb-btn-bg: var(--_flyout-surface);
        --tb-btn-bg-toggled: transparent; } }
.tb-flyout {
  --tb-flyout-margin-block-start: 2px;
  --tb-flyout-margin-inline-end: 10px;
  --tb-flyout-margin-block-end: 10px;
  --tb-flyout-margin-inline-start: 10px;
  --tb-flyout-bg: var(--_flyout-surface);
  --tb-flyout-border-radius: 5px;
  margin-top: var(--tb-flyout-margin-block-start);
  margin-right: var(--tb-flyout-margin-inline-end);
  margin-bottom: var(--tb-flyout-margin-block-end);
  margin-left: var(--tb-flyout-margin-inline-start);
  background-color: var(--tb-flyout-bg);
  border-radius: var(--tb-flyout-border-radius);
  font-size: var(--tb-flyout-font-size); }
  .tb-flyout:not(.tb-flyout--show-overflow) {
    overflow: hidden; }
  @media only screen and (max-width: 679px) {
    .toolbar:not(.tb-dont-respond) .tb-flyout {
      --tb-flyout-font-size: 13px;
      --tb-flyout-border-color: var(--medium-grey, #d1d6db);
      border: 1px solid var(--tb-flyout-border-color); } }
  @media only screen and (min-width: 680px) {
    .tb-flyout {
      --tb-flyout-margin-block-start: 1px;
      --tb-flyout-margin-inline-end: 0;
      --tb-flyout-margin-block-end: 15px;
      --tb-flyout-margin-inline-start: 0;
      --tb-flyout-width: 300px;
      --tb-flyout-inset-block-start: auto;
      --tb-flyout-inset-inline-start: 0;
      --tb-flyout-inset-inline-end: auto;
      --tb-flyout-zindex: 1000;
      position: absolute;
      top: var(--tb-flyout-inset-block-start);
      left: var(--tb-flyout-inset-inline-start);
      right: var(--tb-flyout-inset-inline-end);
      z-index: var(--tb-flyout-zindex);
      width: var(--tb-flyout-width);
      max-width: var(--tb-flyout-max-width);
      min-width: var(--tb-flyout-min-width);
      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16); }
      .tb-flyout.tb-flyout--auto-width {
        --tb-flyout-width: auto;
        --tb-flyout-max-width: 500px;
        --tb-flyout-min-width: 290px; }
      .tb-flyout.tb-flyout--auto-width-narrow {
        --tb-flyout-width: auto;
        --tb-flyout-min-width: 160px; }
      .tb-flyout.tb-flyout--left {
        --tb-flyout-inset-inline-start: auto;
        --tb-flyout-inset-inline-end: 0; }
      .tb-flyout.tb-flyout--sheet-nav {
        --tb-flyout-width: 480px; }
      .tb-flyout.tb-flyout--floated {
        --tb-flyout-inset-block-start: 100%;
        --tb-flyout-inset-inline-end: 0;
        --tb-flyout-inset-inline-start: auto;
        --tb-flyout-margin-block-start: -4px; } }
  @media only screen and (max-width: 679px) {
    .toolbar.tb-dont-respond .tb-flyout {
      --tb-flyout-margin-block-start: 1px;
      --tb-flyout-margin-inline-end: 0;
      --tb-flyout-margin-block-end: 15px;
      --tb-flyout-margin-inline-start: 0;
      --tb-flyout-width: 300px;
      --tb-flyout-inset-block-start: auto;
      --tb-flyout-inset-inline-start: 0;
      --tb-flyout-inset-inline-end: auto;
      --tb-flyout-zindex: 1000;
      position: absolute;
      top: var(--tb-flyout-inset-block-start);
      left: var(--tb-flyout-inset-inline-start);
      right: var(--tb-flyout-inset-inline-end);
      z-index: var(--tb-flyout-zindex);
      width: var(--tb-flyout-width);
      max-width: var(--tb-flyout-max-width);
      min-width: var(--tb-flyout-min-width);
      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16); }
      .toolbar.tb-dont-respond .tb-flyout.tb-flyout--auto-width {
        --tb-flyout-width: auto;
        --tb-flyout-max-width: 500px;
        --tb-flyout-min-width: 290px; }
      .toolbar.tb-dont-respond .tb-flyout.tb-flyout--auto-width-narrow {
        --tb-flyout-width: auto;
        --tb-flyout-min-width: 160px; }
      .toolbar.tb-dont-respond .tb-flyout.tb-flyout--left {
        --tb-flyout-inset-inline-start: auto;
        --tb-flyout-inset-inline-end: 0; }
      .toolbar.tb-dont-respond .tb-flyout.tb-flyout--sheet-nav {
        --tb-flyout-width: 480px; }
      .toolbar.tb-dont-respond .tb-flyout.tb-flyout--floated {
        --tb-flyout-inset-block-start: 100%;
        --tb-flyout-inset-inline-end: 0;
        --tb-flyout-inset-inline-start: auto;
        --tb-flyout-margin-block-start: -4px; } }
.tb-icon {
  height: 14px;
  margin-right: 4px;
  display: inline-block;
  text-indent: -9999em;
  font-style: normal;
  vertical-align: text-top; }
  .tb-icon.availabilities {
    width: 13px;
    background-position: -163px -363px; }
  .tb-icon.bank {
    width: 15px;
    background-position: -207px -468px; }
    .current .tb-icon.bank {
      background-position: -16px -484px; }
  .tb-icon.closed-network {
    width: 13px;
    background-position: -371px -543px; }
    .current .tb-icon.closed-network {
      background-position: -371px -559px; }
  .tb-icon.google {
    width: 13px;
    background-position: 0 -575px; }
  .tb-icon.ical {
    width: 14px;
    background-position: -28px -575px; }
  .tb-icon.network {
    width: 16px;
    background-position: -333px -363px; }
  .tb-icon.outlook {
    width: 14px;
    background-position: -44px -575px; }
  .tb-icon.pencil-writing {
    width: 16px;
    background-position: -139px -543px; }
  .tb-icon.plus {
    width: 12px;
    background-position: -259px -363px; }
    .current .tb-icon.plus {
      background-position: -60px -543px; }
  .tb-icon.stack {
    width: 12px;
    background-position: -81px -484px; }
  .tb-icon.stack-blue {
    width: 12px;
    background-position: -95px -484px; }
  .tb-icon.swap {
    width: 14px;
    background-position: -146px -468px; }
    .current .tb-icon.swap {
      background-position: 0px -484px; }
  .tb-icon.user {
    width: 13px;
    background-position: -441px -363px; }
    .current .tb-icon.user {
      background-position: -285px -468px; }
  .tb-icon.yahoo {
    width: 11px;
    background-position: -15px -575px; }

.mobile-flyout-close {
  clear: both;
  padding: 10px; }

@media only screen and (min-width: 680px) {
  .flyout-scrollable {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; } }

@media only screen and (max-width: 679px) {
  .flyout-scrollable {
    max-height: none !important; } }

@media only screen {
  .flyout-scrollable--in-page-max-height {
    min-height: 100px;
    max-height: calc(100vh - 500px);
    max-height: -webkit-calc(100vh - 500px); } }

.flyout-checklist, .flyout-checklist-strict {
  padding-bottom: 10px; }
  .flyout-checklist.flyout-checklist--minimal-top-padding, .flyout-checklist-strict.flyout-checklist--minimal-top-padding {
    padding-top: 4px !important; }
  .flyout-checklist.flyout-checklist--minimal-bottom-padding, .flyout-checklist-strict.flyout-checklist--minimal-bottom-padding {
    padding-bottom: 4px !important; }
  .tb-flyout .flyout-checklist:first-child, .flyout-checklist.flyout-checklist--has-top-padding, .tb-flyout .flyout-checklist-strict:first-child, .flyout-checklist-strict.flyout-checklist--has-top-padding {
    padding-top: 10px; }

.flyout-checklist li {
  position: relative; }

.flyout-checklist label {
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 4px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .flyout-checklist label > input[type="checkbox"] {
    margin-right: 4px; }
  .flyout-checklist label:hover {
    background-color: var(--_hover-grey); }

.flyout-checklist > li:first-child label {
  border-top: 0; }

.flyout-checklist .field {
  margin-bottom: 0; }
  .flyout-checklist .field .the-field {
    display: inline-block; }

.flyout-checklist-content {
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 32px; }

.flyout-checklist-indent label {
  padding-left: 30px; }

.flyout-checklist-strict > li {
  position: relative; }
  .flyout-checklist-strict > li:first-child > label, .flyout-checklist-strict > li:first-child > .field > label {
    border-top: 0; }
  .flyout-checklist-strict > li > .field {
    margin-bottom: 0; }
    .flyout-checklist-strict > li > .field .the-field {
      display: inline-block; }
  .flyout-checklist-strict > li > label, .flyout-checklist-strict > li > .field > label {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 4px 15px; }
    .flyout-checklist-strict > li > label input[type="checkbox"], .flyout-checklist-strict > li > .field > label input[type="checkbox"] {
      margin-right: 4px; }
  .flyout-checklist-strict > li > label, .flyout-checklist-strict > li > .field:not(.ng-disabled) > label:hover {
    cursor: pointer;
    background-color: var(--_hover-grey); }

.flyout-checklist-strict .hint--after-field {
  color: var(--_fh-grey);
  padding: 4px 15px; }

.flyout-checklist-empty-item {
  color: var(--_fh-grey);
  padding: 1px 10px; }

.flyout-checklist-header {
  color: var(--_fh-grey);
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px; }
  .flyout-checklist-header b {
    color: var(--_text-primary); }
  .flyout-checklist-header:first-child {
    padding-top: 12px; }
  .flyout-checklist-header.minimal-top-padding:first-child {
    padding-top: 4px; }

.flyout-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 12px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px; }

.flyout-presets:not(.flyout-presets--no-margin) {
  padding-top: 5px;
  padding-bottom: 5px; }

.flyout-presets > li {
  position: relative; }

.flyout-presets-empty {
  color: var(--_fh-grey);
  padding: 8px 15px; }

.flyout-preset-apply {
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  float: left;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px; }
  .flyout-preset-apply:disabled {
    cursor: not-allowed; }
  .flyout-preset-apply.focus-visible {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary); }
  .flyout-preset-apply > input[type="checkbox"] {
    margin-right: 4px; }
  .flyout-preset-apply:not(.can-wrap) {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .flyout-preset-apply.can-wrap {
    padding-top: 8px;
    padding-bottom: 8px; }
  .flyout-preset-apply.is-editable {
    width: calc(100% - 36px);
    width: -webkit-calc(100% - 36px); }
  .flyout-presets--sortable .flyout-preset-apply.is-editable {
    width: calc(100% - 58px);
    width: -webkit-calc(100% - 58px); }
  .flyout-preset-apply.is-active {
    color: #fff;
    background-color: #0a6ece; }
    .flyout-preset-apply.is-active .flyout-preset-inline-note {
      color: #eee; }
    .flyout-preset-apply.is-active .flyout-preset-note {
      color: #ddd; }
  .flyout-preset-apply:not(.is-active):hover {
    background-color: var(--_hover-grey); }

.flyout-preset-inline-note {
  color: var(--_fh-grey); }

.flyout-preset-note,
.flyout-menu-item-note {
  display: block;
  overflow: hidden;
  line-height: 13px;
  max-height: 130px;
  color: var(--_fh-grey);
  padding-bottom: 2px; }

.flyout-preset-text {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0 5px 15px;
  min-height: 28px;
  width: calc(100% - 52px);
  width: -webkit-calc(100% - 52px); }

.flyout-preset-edit-wrap {
  cursor: pointer; }

.flyout-preset-edit-wrap-clickable {
  padding-top: 6px;
  padding-right: 39px;
  padding-bottom: 6px;
  padding-left: 15px;
  margin-left: -15px;
  margin-right: -15px;
  cursor: pointer; }
  @media only screen and (hover: hover) {
    .flyout-preset-edit-wrap-clickable:hover {
      background-color: var(--_hover-grey); } }
  .flyout-preset-edit-wrap-clickable.focus-visible {
    background-color: var(--_hover-grey); }

.flyout-preset-edit-btn {
  width: 24px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 3px;
  right: 11px; }
  .flyout-preset-edit-btn:disabled {
    cursor: not-allowed; }
  .flyout-presets--sortable .flyout-preset-edit-btn {
    right: 30px; }
  .flyout-preset-edit-btn::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: -7px;
    background-size: 14px 14px;
    background-repeat: no-repeat; }
  @media only screen and (hover: hover) {
    .flyout-preset-edit-btn:hover {
      background-color: var(--_hover-grey); } }
  .flyout-preset-edit-btn.focus-visible {
    background-color: var(--_hover-grey); }
  .flyout-preset-edit-btn:active, .flyout-preset-edit-btn.active {
    background-color: var(--_hover-grey--active); }

.flyout-preset-edit-form {
  padding: 12px 15px; }
  .flyout-presets--sortable .flyout-preset-edit-form {
    padding-right: 45px; }
  .flyout-preset-edit-form .btns {
    margin-top: 8px; }

.flyout-menu-items {
  margin-top: 5px;
  margin-bottom: 5px; }
  .flyout-menu-items li {
    position: relative; }
  .flyout-menu-items button {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .flyout-menu-items button:disabled {
      cursor: not-allowed; }
    .flyout-menu-items button[disabled] {
      color: var(--_disabled-grey); }
  .flyout-menu-items li.current,
  .flyout-menu-items li.toggled,
  .flyout-menu-items a.current,
  .flyout-menu-items button.current,
  .flyout-menu-items button.toggled,
  .flyout-menu-items button.active {
    background: #0a6ece !important;
    color: #fff; }
    .flyout-menu-items li.current .icon-hint,
    .flyout-menu-items li.toggled .icon-hint,
    .flyout-menu-items a.current .icon-hint,
    .flyout-menu-items button.current .icon-hint,
    .flyout-menu-items button.toggled .icon-hint,
    .flyout-menu-items button.active .icon-hint {
      background-position: -462px -250px; }
    .flyout-menu-items li.current .flyout-menu-item-note,
    .flyout-menu-items li.toggled .flyout-menu-item-note,
    .flyout-menu-items a.current .flyout-menu-item-note,
    .flyout-menu-items button.current .flyout-menu-item-note,
    .flyout-menu-items button.toggled .flyout-menu-item-note,
    .flyout-menu-items button.active .flyout-menu-item-note {
      color: #ddd; }
    .flyout-menu-items li.current .tb-icon.month,
    .flyout-menu-items li.toggled .tb-icon.month,
    .flyout-menu-items a.current .tb-icon.month,
    .flyout-menu-items button.current .tb-icon.month,
    .flyout-menu-items button.toggled .tb-icon.month,
    .flyout-menu-items button.active .tb-icon.month {
      background-position: -288px -363px; }
    .flyout-menu-items li.current .tb-icon.day,
    .flyout-menu-items li.toggled .tb-icon.day,
    .flyout-menu-items a.current .tb-icon.day,
    .flyout-menu-items button.current .tb-icon.day,
    .flyout-menu-items button.toggled .tb-icon.day,
    .flyout-menu-items button.active .tb-icon.day {
      background-position: -318px -363px; }
    .flyout-menu-items li.current .tb-icon.agenda,
    .flyout-menu-items li.toggled .tb-icon.agenda,
    .flyout-menu-items a.current .tb-icon.agenda,
    .flyout-menu-items button.current .tb-icon.agenda,
    .flyout-menu-items button.toggled .tb-icon.agenda,
    .flyout-menu-items button.active .tb-icon.agenda {
      background-position: -85px -468px; }
    .flyout-menu-items li.current .tb-icon.timeline,
    .flyout-menu-items li.toggled .tb-icon.timeline,
    .flyout-menu-items a.current .tb-icon.timeline,
    .flyout-menu-items button.current .tb-icon.timeline,
    .flyout-menu-items button.toggled .tb-icon.timeline,
    .flyout-menu-items button.active .tb-icon.timeline {
      background-position: -435px -558px; }
    .flyout-menu-items li.current .tb-icon.plus,
    .flyout-menu-items li.toggled .tb-icon.plus,
    .flyout-menu-items a.current .tb-icon.plus,
    .flyout-menu-items button.current .tb-icon.plus,
    .flyout-menu-items button.toggled .tb-icon.plus,
    .flyout-menu-items button.active .tb-icon.plus {
      background-position: -427px -468px; }
  .flyout-menu-items a, .flyout-menu-items button, .flyout-menu-items .flyout-menu-label {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px; }
    .flyout-menu-items a.focus-visible, .flyout-menu-items button.focus-visible, .flyout-menu-items .flyout-menu-label.focus-visible {
      box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
      box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary); }
    @media only screen and (min-width: 680px) {
      .flyout-menu-items a, .flyout-menu-items button, .flyout-menu-items .flyout-menu-label {
        padding-top: 8px;
        padding-bottom: 8px; } }
    @media only screen and (max-width: 679px) {
      .flyout-menu-items a, .flyout-menu-items button, .flyout-menu-items .flyout-menu-label {
        padding-top: 8px;
        padding-bottom: 8px; } }
  .flyout-menu-items a, .flyout-menu-items button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer; }
    @media only screen and (hover: hover) {
      .flyout-menu-items a:hover, .flyout-menu-items button:hover {
        background-color: var(--_hover-grey); } }
    .flyout-menu-items a.focus-visible, .flyout-menu-items button.focus-visible {
      background-color: var(--_hover-grey); }
    .flyout-menu-items a:active, .flyout-menu-items button:active {
      background-color: var(--_hover-grey--active); }
  .flyout-menu-items .icon-warning {
    top: 1px; }
  .flyout-menu-items > li:first-child a, .flyout-menu-items > li:first-child button, .flyout-menu-items > li:first-child .flyout-menu-label {
    border-top: 0; }
  .flyout-menu-items.no-borders a, .flyout-menu-items.no-borders button, .flyout-menu-items.no-borders .flyout-menu-label {
    border-top: 0; }
  .flyout-menu-items.with-chevron a, .flyout-menu-items.with-chevron button {
    padding-right: 35px; }
    .flyout-menu-items.with-chevron a::after, .flyout-menu-items.with-chevron button::after {
      content: '';
      position: absolute;
      top: 50%;
      right: 15px;
      margin-top: -6px;
      width: 8px;
      height: 12px;
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23AFB8C0%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
      background-size: 8px 12px;
      background-repeat: no-repeat; }
  .flyout-menu-items.with-containing-borders {
    border-top: 1px solid var(--_border-grey-light);
    border-bottom: 1px solid var(--_border-grey-light); }
  .flyout-menu-items.is-sortable {
    position: relative; }
    .flyout-menu-items.is-sortable li {
      padding-left: 31px; }
      .flyout-menu-items.is-sortable li:not(:last-child) {
        border-bottom: 1px solid var(--_border-grey-light); }
      .flyout-menu-items.is-sortable li.sortable .sortable-handle {
        border-top-width: 0; }
  .flyout-menu-items .sortable-handle {
    border-right-width: 1px; }
  .flyout-menu-items > li:not(:first-child) .sortable-handle {
    border-top-width: 1px; }
  .flyout-menu-items.with-count a, .flyout-menu-items.with-count button {
    padding-right: 55px; }
  .flyout-menu-items.with-count .count {
    position: absolute;
    top: 50%;
    right: 15px;
    height: 16px;
    line-height: 16px;
    margin-top: -8px; }
  .flyout-menu-items.with-count.with-chevron a, .flyout-menu-items.with-count.with-chevron button {
    padding-right: 70px; }
  .flyout-menu-items.with-count.with-chevron .count {
    right: 35px; }
  .flyout-menu-items .flyout-menu-item--is-tall a {
    padding-top: 10px;
    padding-bottom: 10px; }
    .flyout-menu-items .flyout-menu-item--is-tall a .tb-icon {
      vertical-align: text-top;
      margin-top: 1px;
      margin-right: 3px; }
  .flyout-menu-items button.flyout-menu-btn-remove {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    margin-left: auto;
    padding: 0;
    border-radius: 4px;
    transition: background-color 100ms ease; }
    .flyout-menu-items button.flyout-menu-btn-remove::after {
      content: '';
      width: 10px;
      height: 10px;
      background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23697886%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%3Cpolygon%20points%3D%2214%201.75%2012.25%200%207%205.25%201.75%200%200%201.75%205.25%207%200%2012.25%201.75%2014%207%208.75%2012.25%2014%2014%2012.25%208.75%207%2014%201.75%22%2F%3E%0A%3C%2Fsvg%3E");
      background-size: 10px 10px;
      background-repeat: no-repeat; }

.flyout-menu-items-lis {
  margin-top: 5px;
  margin-bottom: 5px; }
  .flyout-menu-items-lis li.current, .flyout-menu-items-lis li.current, .flyout-menu-items-lis li.toggled, .flyout-menu-items-lis li.active {
    background-color: #0a6ece !important;
    color: #fff; }
  .flyout-menu-items-lis li {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    @media only screen and (min-width: 680px) {
      .flyout-menu-items-lis li {
        padding-top: 8px;
        padding-bottom: 8px; } }
    @media only screen and (max-width: 679px) {
      .flyout-menu-items-lis li {
        padding-top: 10px;
        padding-bottom: 10px; } }
    .flyout-menu-items-lis li:not(.is-disabled) {
      cursor: pointer; }
      .flyout-menu-items-lis li:not(.is-disabled):hover {
        background-color: var(--_hover-grey); }
  .flyout-menu-items-lis > li:first-child {
    border-top: 0; }

.flyout-menu-items-group {
  margin: 10px 0;
  border-bottom: 1px solid var(--_border-grey-light); }

.flyout-menu-items-empty {
  color: var(--_fh-grey);
  padding: 8px 15px; }

.flyout-menu-items-desc {
  font-size: 12px;
  color: var(--_fh-grey);
  padding: 8px 15px; }
  .flyout-menu-items-desc:not(:first-child) {
    border-top: 1px solid var(--_border-grey-light); }
  .flyout-menu-items-desc a {
    text-decoration: underline;
    color: var(--_theme-primary); }

.flyout-create-form, .flyout-create-form-toggle {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 15px 8px 15px; }
  .flyout-create-form.shaded, .flyout-create-form-toggle.shaded {
    margin-bottom: 5px; }
  .flyout-create-form .field-cb-light, .flyout-create-form-toggle .field-cb-light {
    float: left;
    margin-bottom: 0; }
  @media only screen and (min-width: 680px) {
    .flyout-create-form.rounded, .flyout-create-form-toggle.rounded {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; } }
.flyout-create-form-toggle, .inline-add-link {
  cursor: pointer;
  color: var(--_fh-green);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .flyout-create-form-toggle.is-large, .inline-add-link.is-large {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px; }
    @media only screen and (hover: hover) {
      .flyout-create-form-toggle.is-large:hover, .inline-add-link.is-large:hover {
        background-color: var(--_hover-grey); } }
    .flyout-create-form-toggle.is-large.focus-visible, .inline-add-link.is-large.focus-visible {
      background-color: var(--_hover-grey); }
    @media only screen and (min-width: 680px) {
      .flyout-create-form-toggle.is-large, .inline-add-link.is-large {
        padding-left: 20px; } }
    @media only screen and (max-width: 679px) {
      .flyout-create-form-toggle.is-large, .inline-add-link.is-large {
        padding-left: 20px; } }
  @media only screen and (hover: hover) {
    .flyout-create-form-toggle:hover, .inline-add-link:hover {
      text-decoration: underline; } }
  .flyout-create-form-toggle.focus-visible, .inline-add-link.focus-visible {
    text-decoration: underline; }
  .flyout-create-form-toggle:before, .inline-add-link:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-position: -26px -225px;
    margin-right: 6px; }

.inline-add-link {
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .inline-add-link:disabled {
    cursor: not-allowed; }

.flyout-create-form-toggle {
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .flyout-create-form-toggle:disabled {
    cursor: not-allowed; }

.flyout-create-form-header {
  font-weight: bold;
  margin-bottom: 6px; }

.toggle-header-list {
  margin-top: 5px;
  margin-bottom: 5px; }

.flyout-toggle-header {
  position: relative;
  display: block;
  padding-top: 12px;
  padding-right: 15px;
  padding-bottom: 12px;
  padding-left: 15px; }
  .flyout-toggle-header.has-border {
    border-top: 1px solid var(--_border-grey-light) !important; }
  .flyout-toggle-header[type="button"] {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .flyout-toggle-header[type="button"]:disabled {
      cursor: not-allowed; }
    .flyout-toggle-header[type="button"]:not(.inline) {
      width: 100%; }
  .flyout-toggle-header:not(.disabled) {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .flyout-toggle-header:not(.disabled):before {
      transform: translateY(-1px) rotate(-90deg);
      content: '';
      display: inline-block;
      transition: transform 0.15s ease-in-out;
      border-style: solid;
      border-color: transparent;
      border-width: 8px 5px 0 5px;
      border-top-color: var(--_border-grey-dark);
      margin-right: 8px; }
      @supports (mask-type: inherit) {
        .flyout-toggle-header:not(.disabled):before {
          width: 10px;
          height: 8px;
          background-color: var(--_border-grey-dark);
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          mask-size: 10px 8px;
          border: 0; } }
    .flyout-toggle-header.toggled:not(.disabled):before {
      transform: none; }
    @media only screen and (hover: hover) {
      .flyout-toggle-header:not(.disabled):not(.no-hover):hover:not(.toggled) {
        background: var(--_hover-grey); } }
    .flyout-toggle-header.focus-visible:not(.disabled):not(.no-hover):not(.toggled) {
      background: var(--_hover-grey); }
  .flyout-toggle-header:not(.small) {
    background-color: var(--_shade-grey); }
  .flyout-toggle-header.small {
    padding-top: 8px;
    padding-bottom: 8px; }
  .flyout-toggle-header.active {
    color: var(--_theme-primary);
    padding-right: 39px; }
    .flyout-toggle-header.active:after {
      content: ' ';
      display: block;
      width: 14px;
      height: 14px;
      background-position: -411px -363px;
      position: absolute;
      top: 50%;
      margin-top: -7px;
      right: 15px; }
  .flyout-toggle-header.invalid {
    color: #f37f25; }
    .flyout-toggle-header.invalid:after {
      content: ' ';
      display: block;
      width: 16px;
      height: 14px;
      background-position: -322px -484px;
      position: absolute;
      top: 50%;
      margin-top: -7px;
      right: 10px; }

.flyout-toggle-header-text {
  float: right; }
  .flyout-toggle-header.invalid .flyout-toggle-header-text {
    padding-right: 20px; }

@media only screen {
  .flyout-section-border {
    border-bottom: 1px solid var(--_border-grey-light); }
  .flyout-section {
    padding: 8px 15px;
    border-top: 1px solid var(--_border-grey-light); }
    .flyout-section:after {
      content: '';
      display: table;
      clear: both;
      border-spacing: 0; }
    .flyout-section.flyout-section--no-border {
      border-top: 0; }
    .flyout-section.flyout-section--bottom-border {
      border-bottom: 1px solid var(--_border-grey-light); }
    .flyout-section.flyout-section--no-padding {
      padding: 0; }
    .flyout-section.flyout-section--no-top-padding {
      padding-top: 0; }
    .flyout-section.flyout-section--no-bottom-padding {
      padding-bottom: 0; }
    .flyout-section.flyout-section--shade {
      background: var(--_shade-grey); }
    .flyout-section.flyout-section--highlight {
      background-color: var(--alert-surface, #fff7d7); }
    .flyout-section h2 {
      padding-bottom: 6px;
      font-size: 14px;
      font-weight: bold; }
    .flyout-section h3 {
      color: var(--_fh-grey);
      padding-bottom: 1px; }
    .flyout-section .hint {
      color: var(--_fh-grey);
      padding-bottom: 0; }
    .flyout-section .label-text {
      display: block;
      padding-bottom: 3px; }
  .flyout-inner {
    padding: 4px 15px 8px 15px; }
  .flyout-receipts {
    border-top: 1px solid var(--_border-grey-light);
    padding: 15px; } }

.cl-box {
  border-bottom: 1px solid var(--_border-grey-light); }

.cl-box-inner {
  padding: 18px 20px; }
  .cl-box-inner h2 {
    font-size: 17px;
    font-weight: bold; }
    .cl-box-inner h2 img, .cl-box-inner h2 svg {
      vertical-align: middle;
      margin-top: -2px;
      margin-left: 5px; }
  .cl-box-inner p {
    margin-top: 10px; }
    .cl-box-inner p:first-child {
      margin-top: 0; }
    .cl-box-inner p a:not(.btn):not(.btn-tiny):not(.btn-big):not(.btn-huge) {
      color: var(--_theme-primary);
      text-decoration: underline; }
    .cl-box-inner p img {
      max-width: 100%;
      height: auto; }
  .cl-box-inner.is-nag {
    border: 2px solid #f37f25; }
  .cl-box-inner .cl-date {
    color: var(--_fh-grey);
    margin-bottom: 15px; }

.cl-image-after {
  line-height: 0; }
  .cl-image-after img {
    max-width: 100%;
    height: auto; }

.flyout-form {
  padding: 15px;
  position: relative; }

.flyout-filter-option {
  padding: 5px 15px;
  display: block;
  border-top: 1px solid var(--_border-grey-light); }
  .flyout-filter-option:first-child {
    border-top: 0; }
  .flyout-filter-option h2 {
    padding-bottom: 2px;
    font-weight: bold; }
  .flyout-filter-option .field {
    margin-bottom: 0 !important; }

.flyout-back {
  color: #0a6ece;
  color: var(--_theme-primary);
  padding: 8px 15px; }
  .flyout-back:not([type="button"]) {
    display: block; }
  .flyout-back[type="button"] {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer; }
    .flyout-back[type="button"]:disabled {
      cursor: not-allowed; }
  @media only screen and (hover: hover) {
    .flyout-back:hover {
      text-decoration: underline; } }
  .flyout-back.focus-visible {
    text-decoration: underline; }
  .flyout-back::before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.55%2014.14%22%3E%3Cpath%20d%3D%22M1.41%2C8.49l5.66%2C5.65%2C1.42-1.41L3.83%2C8.07H14.57l1-1-1-1H3.83L8.49%2C1.41%2C7.07%2C0%2C1.41%2C5.66%2C0%2C7.07Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.55%2014.14%22%3E%3Cpath%20d%3D%22M1.41%2C8.49l5.66%2C5.65%2C1.42-1.41L3.83%2C8.07H14.57l1-1-1-1H3.83L8.49%2C1.41%2C7.07%2C0%2C1.41%2C5.66%2C0%2C7.07Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 9px 9px;
    mask-size: 9px 9px;
    margin-right: 5px; }

.flyout-fields-group {
  width: 100%;
  margin-bottom: 5px; }
  .flyout-fields-group > .tr > .td {
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle; }
    .flyout-fields-group > .tr > .td .field {
      margin-bottom: 0; }
  .flyout-fields-group > .tr > .td:first-child {
    padding-left: 15px; }
  .flyout-fields-group > .tr > .td:last-child {
    padding-right: 15px; }
  .flyout-fields-group select {
    min-width: 100%; }

.flyout-fields-title {
  font-weight: bold;
  white-space: nowrap;
  padding-right: 10px;
  text-align: right; }

.flyout-fields-subform {
  color: var(--_fh-grey);
  margin-top: 4px; }

.flyout-wrap {
  padding: 0 15px 8px 15px; }

button.flyout-reset-all {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer; }
  button.flyout-reset-all:disabled {
    cursor: not-allowed; }

.flyout-reset-all {
  float: right;
  text-decoration: underline;
  color: var(--_fh-grey) !important; }

.flyout-errors .error li {
  margin-left: 15px;
  margin-right: 15px; }

.flyout-padd.top {
  padding-top: 6px; }

.flyout-padd.bottom {
  padding-bottom: 6px; }

.flyout-padd.left {
  padding-left: 15px; }

.flyout-padd.right {
  padding-right: 15px; }

.quick-filters {
  background-color: var(--_shade-grey);
  border-bottom: 1px solid var(--_border-grey-light);
  width: 100%; }

.available-filter > .tr > .td {
  padding-top: 5px;
  padding-bottom: 3px; }

.available-filter > .tr > .td:first-child {
  padding-left: 12px;
  padding-right: 10px; }

.available-filter > .tr > .td:last-child {
  width: 80px;
  padding-right: 12px; }

.flyout-ng-data .ng-data-spinner {
  padding: 4px 15px 9px 15px; }

@media only screen and (min-width: 680px) {
  .table.flyout-copy-link .td:nth-child(2) {
    padding-left: 5px; } }

.flyout-editable-images {
  position: relative;
  border-top: 1px solid var(--_border-grey); }
  .flyout-editable-images > li {
    position: relative;
    border-bottom: 1px solid var(--_border-grey); }
    .flyout-editable-images > li.sortable {
      padding-left: 30px; }

.flyout-editable-image-preview button {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer; }
  .flyout-editable-image-preview button:disabled {
    cursor: not-allowed; }
  .flyout-editable-image-preview button.focus-visible {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary); }

.flyout-editable-image-preview img {
  display: block;
  width: 100%;
  height: auto; }

body.unsupported-section {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }

table.unsupported {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #333; }
  table.unsupported td {
    vertical-align: middle; }

.unsupported-inner {
  max-width: 450px;
  margin: 0 auto;
  padding: 40px;
  background-color: var(--_surface-primary);
  border-radius: 4px; }

.unsupported-note {
  font-size: 16px;
  line-height: 22px; }
  .unsupported-note a {
    color: var(--_theme-primary);
    text-decoration: underline; }

.unsupported-mistake {
  margin-top: 20px;
  color: #666;
  font-size: 11px; }
  .unsupported-mistake a {
    color: #666;
    text-decoration: underline; }

.unsupported-headline {
  color: #2e77a1;
  font-size: 27px;
  margin: 0 auto;
  margin-bottom: 28px; }
  .unsupported-headline a {
    color: #2e77a1;
    border-bottom: 1px solid #2e77a1; }

.pika-single {
  z-index: 2500;
  display: block;
  min-width: 240px;
  position: relative;
  padding: 10px 15px;
  color: #1f2428;
  color: var(--_text-primary);
  background-color: #fff;
  background-color: var(--_flyout-surface);
  border-radius: 5px; }
  @media only screen and (max-width: 679px) {
    .pika-single {
      left: 12px !important;
      right: 12px;
      max-width: 320px;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch; } }
.pika-single.is-hidden {
  display: none; }

.pika-single.is-bound {
  position: absolute;
  margin-top: -1px;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16); }

.pika-title {
  position: relative;
  text-align: center; }

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 2500;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  background-color: var(--_flyout-surface); }

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 2499;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0; }

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 25px;
  height: 30px;
  background-color: transparent;
  background-position: center 9px;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  border-radius: 3px;
  *position: absolute;
  *top: 0; }
  @supports (mask-type: inherit) {
    .pika-prev,
    .pika-next {
      background-image: none !important; }
      .pika-prev::after,
      .pika-next::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        margin: 0 auto;
        text-align: center;
        width: 8px;
        height: 13px;
        background-color: var(--_text-primary);
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 8px 13px;
        mask-size: 8px 13px; } }
  @media only screen and (hover: hover) {
    .pika-prev:hover,
    .pika-next:hover {
      background-color: var(--_hover-grey); } }
  .pika-prev.focus-visible,
  .pika-next.focus-visible {
    background-color: var(--_hover-grey); }

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23697886%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-size: 8px 13px;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  background-position: center 8px;
  *left: 0; }

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23697886%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-size: 8px 13px;
  background-repeat: no-repeat;
  *right: 0; }

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2; }

.pika-select {
  display: inline-block;
  *display: inline; }

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }

.pika-table th,
.pika-table td {
  width: 14.285714285714286%; }

.pika-table th {
  color: #697886;
  color: var(--_fh-grey);
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center; }
  .pika-table th abbr {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis; }

.pika-button {
  cursor: pointer;
  display: block;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  color: var(--_text-primary);
  background-color: #fff;
  background-color: var(--_flyout-surface);
  border-radius: 3px; }
  @media only screen and (min-width: 680px) {
    .pika-button {
      padding: 7px 3px; } }
  @media only screen and (max-width: 679px) {
    .pika-button {
      padding: 9px 3px; } }
@media only screen and (hover: hover) {
  .pika-button:hover {
    background-color: var(--_hover-grey);
    box-shadow: none !important; } }

.pika-button.focus-visible {
  background-color: var(--_hover-grey);
  box-shadow: none !important; }

.is-today .pika-button {
  background-color: #fff1ba;
  background-color: var(--_callout-surface); }

.is-selected .pika-button {
  background: #0a6ece;
  color: #fff !important;
  font-weight: bold; }

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #5a6672;
  color: var(--_fh-grey-dark);
  opacity: .3; }

.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 108px;
  background-color: var(--_surface-primary);
  border: 1px solid var(--_border-grey-dark);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16);
  outline: none;
  z-index: 2500;
  margin: 0;
  text-align: right;
  margin-top: -1px; }

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 11em; }

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888; }

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888; }

.ui-timepicker-list li {
  padding: 4px 5px 4px 0;
  cursor: pointer;
  white-space: nowrap;
  color: #1f2428;
  list-style: none;
  margin: 0; }

li.ui-timepicker-selected {
  background: #0a6ece !important;
  color: #fff !important; }

.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #e7ebef; }

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc; }

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default; }

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    @supports (display: grid) {
      .select2-container .select2-selection--single {
        display: grid; } }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 12px;
      padding-right: 28px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .select2-container .select2-selection--single .select2-selection__rendered.has-clear {
        padding-right: 66px; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }

.select2-dropdown {
  background-color: #fff;
  background-color: var(--_flyout-surface);
  border: 1px solid var(--_border-grey-dark--hover);
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1009;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16); }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 5px;
  margin-left: 0;
  padding: 0;
  overflow-x: hidden; }

.select2-results__option {
  padding: 7px 15px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block; }
  .select2-search--dropdown .select2-search__field {
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

@media only screen and (max-width: 679px) {
  .select2-container--default .select2-selection--single {
    height: 32px; } }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #1f2428;
  color: var(--_text-primary); }
  @media only screen and (min-width: 680px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 30px;
      font-size: 14px; } }
  @media only screen and (max-width: 679px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 30px;
      font-size: 16px; } }
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 1px;
  right: 28px;
  width: 24px; }
  @media only screen and (min-width: 680px) {
    .select2-container--default .select2-selection--single .select2-selection__clear {
      height: 30px; } }
  @media only screen and (max-width: 679px) {
    .select2-container--default .select2-selection--single .select2-selection__clear {
      height: 30px; } }
  .select2-container--default .select2-selection--single .select2-selection__clear:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px; }
  .select2-container--default .select2-selection--single .select2-selection__clear:hover {
    background-color: #e7ebef;
    background-color: var(--_hover-grey); }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #697886;
  color: var(--_fh-grey); }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 1px;
  right: 12px;
  width: 10px; }
  @media only screen and (min-width: 680px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 30px; } }
  @media only screen and (max-width: 679px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 30px; } }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: #5a6672;
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 6px 4px 0 4px;
    border-top-color: var(--_fh-grey-dark);
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 0; }
    @supports (mask-type: inherit) {
      .select2-container--default .select2-selection--single .select2-selection__arrow b {
        width: 8px;
        height: 6px;
        background-color: var(--_fh-grey-dark);
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 8px 6px;
        border: 0; } }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown {
  position: relative;
  border-bottom: 1px solid var(--_border-grey-dark); }
  .select2-container--default .select2-search--dropdown::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%3Cpath%20d%3D%22M11.7%2C10.29%2C8.83%2C7.42l-.11-.08A4.75%2C4.75%2C0%2C1%2C0%2C7.33%2C8.73l.08.11%2C2.87%2C2.87a1%2C1%2C0%2C0%2C0%2C1.42%2C0A1%2C1%2C0%2C0%2C0%2C11.7%2C10.29ZM4.75%2C8A3.25%2C3.25%2C0%2C1%2C1%2C8%2C4.75%2C3.26%2C3.26%2C0%2C0%2C1%2C4.75%2C8Z%22%2F%3E%0A%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%3Cpath%20d%3D%22M11.7%2C10.29%2C8.83%2C7.42l-.11-.08A4.75%2C4.75%2C0%2C1%2C0%2C7.33%2C8.73l.08.11%2C2.87%2C2.87a1%2C1%2C0%2C0%2C0%2C1.42%2C0A1%2C1%2C0%2C0%2C0%2C11.7%2C10.29ZM4.75%2C8A3.25%2C3.25%2C0%2C1%2C1%2C8%2C4.75%2C3.26%2C3.26%2C0%2C0%2C1%2C4.75%2C8Z%22%2F%3E%0A%3C%2Fsvg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 12px 12px;
    mask-size: 12px 12px;
    pointer-events: none; }
    @media only screen and (min-width: 680px) {
      .select2-container--default .select2-search--dropdown::before {
        left: 12px; } }
    @media only screen and (max-width: 679px) {
      .select2-container--default .select2-search--dropdown::before {
        left: 16px; } }
  .select2-container--default .select2-search--dropdown .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 100%;
    padding-left: 30px;
    padding-right: 12px;
    border: 0;
    border-radius: 0;
    background: none; }
    .select2-container--default .select2-search--dropdown .select2-search__field.focus-visible {
      box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
      box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary); }
    @media only screen and (min-width: 680px) {
      .select2-container--default .select2-search--dropdown .select2-search__field {
        height: 30px;
        line-height: 30px;
        font-size: 14px; } }
    @media only screen and (max-width: 679px) {
      .select2-container--default .select2-search--dropdown .select2-search__field {
        height: 30px;
        line-height: 30px;
        font-size: 16px; } }
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #0a6ece !important;
  color: #fff !important; }
  .select2-container--default .select2-results__option[aria-selected=true] .fh-grey, .select2-container--default .select2-results__option[aria-selected=true] .fh-grey-new {
    color: #eee; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #e7ebef;
  background-color: var(--_hover-grey);
  color: #1f2428;
  color: var(--_text-primary); }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px 10px; }

/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */
.intl-tel-input {
  position: relative;
  display: inline-block; }

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.intl-tel-input .hide {
  display: none; }

.intl-tel-input .v-hide {
  visibility: hidden; }

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0; }

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px; }

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px; }

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto; }

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555; }

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555; }

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 5px 0 5px 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  background-color: var(--_flyout-surface);
  border-width: 1px;
  border-style: solid;
  border-color: #CCC;
  border-color: var(--border-grey, #ccc);
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll; }

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px; }

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px; }

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal; } }

.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid var(--_border-grey-dark); }

.intl-tel-input .country-list .country {
  padding: 5px 10px; }

.intl-tel-input .country-list .country .dial-code {
  color: #999; }

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05); }

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
  vertical-align: middle; }

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
  margin-right: 6px; }

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0; }

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0; }

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
  width: 46px; }

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer; }

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05); }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default; }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent; }

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table; }

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px; }

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px; }

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px; }

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px; }

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px; }

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px; }

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px; }

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px; }

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px; }

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px; }

.intl-tel-input.iti-container:hover {
  cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%; }

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em; }

.iti-flag {
  width: 20px; }

.iti-flag.be {
  width: 18px; }

.iti-flag.ch {
  width: 15px; }

.iti-flag.mc {
  width: 19px; }

.iti-flag.ne {
  width: 18px; }

.iti-flag.np {
  width: 13px; }

.iti-flag.va {
  width: 15px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px; } }

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px; }

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px; }

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px; }

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px; }

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px; }

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px; }

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px; }

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px; }

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px; }

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px; }

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px; }

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px; }

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px; }

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px; }

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px; }

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px; }

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px; }

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px; }

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px; }

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px; }

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px; }

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px; }

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px; }

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px; }

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px; }

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px; }

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px; }

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px; }

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px; }

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px; }

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px; }

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px; }

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px; }

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px; }

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px; }

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px; }

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px; }

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px; }

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px; }

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px; }

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px; }

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px; }

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px; }

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px; }

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px; }

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px; }

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px; }

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px; }

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px; }

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px; }

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px; }

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px; }

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px; }

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px; }

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px; }

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px; }

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px; }

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px; }

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px; }

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px; }

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px; }

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px; }

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px; }

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px; }

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px; }

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px; }

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px; }

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px; }

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px; }

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px; }

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px; }

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px; }

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px; }

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px; }

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px; }

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px; }

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px; }

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px; }

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px; }

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px; }

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px; }

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px; }

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px; }

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px; }

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px; }

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px; }

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px; }

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px; }

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px; }

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px; }

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px; }

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px; }

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px; }

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px; }

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px; }

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px; }

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px; }

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px; }

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px; }

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px; }

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px; }

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px; }

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px; }

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px; }

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px; }

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px; }

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px; }

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px; }

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px; }

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px; }

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px; }

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px; }

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px; }

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px; }

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px; }

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px; }

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px; }

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px; }

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px; }

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px; }

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px; }

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px; }

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px; }

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px; }

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px; }

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px; }

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px; }

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px; }

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px; }

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px; }

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px; }

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px; }

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px; }

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px; }

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px; }

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px; }

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px; }

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px; }

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px; }

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px; }

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px; }

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px; }

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px; }

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px; }

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px; }

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px; }

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px; }

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px; }

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px; }

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px; }

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px; }

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px; }

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px; }

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px; }

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px; }

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px; }

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px; }

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px; }

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px; }

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px; }

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px; }

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px; }

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px; }

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px; }

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px; }

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px; }

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px; }

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px; }

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px; }

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px; }

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px; }

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px; }

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px; }

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px; }

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px; }

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px; }

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px; }

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px; }

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px; }

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px; }

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px; }

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px; }

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px; }

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px; }

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px; }

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px; }

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px; }

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px; }

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px; }

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px; }

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px; }

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px; }

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px; }

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px; }

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px; }

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px; }

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px; }

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px; }

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px; }

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px; }

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px; }

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px; }

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px; }

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px; }

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px; }

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px; }

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px; }

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px; }

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px; }

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px; }

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px; }

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px; }

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px; }

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px; }

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px; }

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px; }

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px; }

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px; }

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px; }

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px; }

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px; }

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px; }

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px; }

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px; }

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px; }

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px; }

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px; }

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px; }

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px; }

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px; }

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px; }

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px; }

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px; }

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px; }

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px; }

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px; }

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px; }

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px; }

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px; }

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px; }

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px; }

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px; }

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px; }

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px; }

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px; }

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px; }

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px; }

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px; }

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px; }

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px; }

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px; }

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px; }

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px; }

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px; }

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px; }

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px; }

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px; }

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("/static/img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("/static/img/flags@2x.png"); } }

.iti-flag.np {
  background-color: transparent; }

body.is-embed {
  overflow-y: hidden;
  overflow-x: auto;
  min-width: 200px; }

body.calendar-embed {
  background-color: #fff;
  background-color: var(--_surface-primary); }

.embed-calendar-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 10px;
  border-bottom: 1px solid var(--_border-grey); }
  .embed-calendar-header .embed-calendar-heading {
    margin-left: -10px;
    background-color: #1f2428;
    background-color: var(--surface-primary, #1f2428);
    color: #fff;
    color: var(--text-primary, #fff);
    font-weight: bold;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    white-space: nowrap; }
    .calendar-wrap.-small .embed-calendar-header .embed-calendar-heading {
      padding: 4px 14px 4px 10px;
      font-size: 16px; }
    .calendar-wrap.-large .embed-calendar-header .embed-calendar-heading {
      padding: 6px 15px 6px 15px;
      font-size: 18px; }
  .embed-calendar-header .embed-calendar-live-ava {
    margin-left: auto;
    padding-left: 10px;
    color: #1D875A;
    color: var(--_fh-green);
    text-align: right; }
    .calendar-wrap.-small .embed-calendar-header .embed-calendar-live-ava {
      font-size: 15px; }
    .calendar-wrap.-large .embed-calendar-header .embed-calendar-live-ava {
      font-size: 16px; }
    .embed-calendar-header .embed-calendar-live-ava svg {
      width: 12px;
      height: 12px; }

.embed-auth-shade {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
  background-color: rgba(var(--_surface-primary--rgb), 0.7); }
  .embed-auth-shade::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    height: 150px;
    background: -moz-linear-gradient(top, rgba(var(--_surface-primary--rgb), 0) 0%, rgba(var(--_surface-primary--rgb), 1) 100%);
    background: -webkit-linear-gradient(top, rgba(var(--_surface-primary--rgb), 0) 0%, rgba(var(--_surface-primary--rgb), 1) 100%);
    background: linear-gradient(to bottom, rgba(var(--_surface-primary--rgb), 0) 0%, rgba(var(--_surface-primary--rgb), 1) 100%); }

.embed-auth-note {
  position: fixed;
  top: 30px;
  right: 30px;
  left: 30px;
  z-index: 100001;
  background-color: var(--_surface-primary);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16);
  border-radius: 3px; }
  @media only screen and (min-width: 680px) {
    .embed-auth-note {
      padding: 25px; } }
  @media only screen and (max-width: 679px) {
    .embed-auth-note {
      padding: 15px; } }
  .embed-auth-note h2 {
    font-size: 15px;
    font-weight: bold; }
  .embed-auth-note .embed-auth-learn-more a {
    color: var(--_theme-primary);
    font-weight: bold; }
    .embed-auth-note .embed-auth-learn-more a:hover {
      text-decoration: underline; }

html.translated-rtl body.book-embed, html.translated-ltr body.book-embed {
  top: 0 !important;
  padding-top: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media only screen and (min-width: 680px) {
  .book-embed-content-wrap {
    padding: 18px 15px 10px 15px; } }

@media only screen and (max-width: 679px) {
  .book-embed-content-wrap {
    padding: 18px 25px 10px 25px; } }

.book-embed-logout {
  margin-top: 20px; }

@media only screen and (min-width: 680px) {
  .book-embed-wrap {
    max-width: 980px;
    margin-right: auto;
    margin-left: auto; } }

body.is-lightframe .anon-book-wrap, body.is-lightframe .item-by-date-wrap, body.is-embedded-book-embed .anon-book-wrap, body.is-embedded-book-embed .item-by-date-wrap, body.is-direct-access-book-embed .anon-book-wrap, body.is-direct-access-book-embed .item-by-date-wrap {
  padding: 0; }

body.is-lightframe .unbookable-page, body.is-embedded-book-embed .unbookable-page, body.is-direct-access-book-embed .unbookable-page {
  margin-top: 0;
  margin-bottom: 0; }

@media only screen and (min-width: 680px) {
  body.book-embed.has-background-img {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed; } }

@media only screen and (max-width: 679px) {
  body.book-embed.has-background-img {
    background-image: none !important; } }

@media only screen and (min-width: 680px) {
  body.is-lightframe .book-embed-wrap {
    padding: 30px 15px 30px 15px; } }

body.is-embedded-book-embed .book-embed-wrap {
  padding-bottom: 20px; }

@media only screen and (min-width: 680px) {
  body.is-direct-access-book-embed .book-embed-wrap {
    padding: 30px 15px 30px 15px; } }

.book-embed-simple-retail-item {
  max-width: 525px;
  margin: 0 auto; }

.book-embed-container {
  background-color: #fff;
  background-color: var(--_surface-primary); }
  @media only screen and (min-width: 680px) {
    .book-embed-container {
      border: 1px solid #d1d6db;
      border-color: var(--_border-grey);
      border-radius: 7px; } }
  body.is-lightframe .book-embed-container, .flow-node-preview .book-embed-container {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.17);
    border-width: 1px;
    border-style: solid;
    border-color: #afb8c0;
    border-color: var(--border-grey, #afb8c0); }
    @media only screen and (max-width: 679px) {
      body.is-lightframe .book-embed-container, .flow-node-preview .book-embed-container {
        margin: 10px;
        border-radius: 7px; } }
body.is-embedded-book-embed {
  padding: 10px;
  min-height: auto !important;
  overflow: hidden; }

@media only screen and (min-width: 680px) {
  body.is-direct-access-book-embed {
    background-color: #f9fafb;
    background-color: var(--_surface-outer); } }

@media only screen and (max-width: 679px) {
  body.is-direct-access-book-embed {
    background-color: var(--surface-primary); } }

.item-hygiene-notes {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f1f2f4;
  background-color: var(--_shade-grey);
  border-radius: 6px; }
  .item-hygiene-notes .item-hygiene-header {
    margin-bottom: 15px;
    font-weight: bold;
    color: #5600da;
    color: var(--fh-purple, #5600da); }

.book-embed-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 679px) {
    .book-embed-nav {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  .book-embed-nav.with-padding {
    padding: 12px; }
    @media only screen and (max-width: 679px) {
      .book-embed-nav.with-padding {
        padding-bottom: 8px; } }
  .book-embed-nav .ben-left, .book-embed-nav .ben-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .book-embed-nav .ben-left {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .book-embed-nav .ben-left .ben-item {
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-right: 5px; }
      @media only screen and (max-width: 679px) {
        .book-embed-nav .ben-left .ben-item {
          margin-bottom: 4px; } }
  .book-embed-nav .ben-right {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: auto; }
    .book-embed-nav .ben-right .ben-item {
      margin-left: 5px; }

.ben-item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 14px;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-height: 30px;
  border-radius: 6px; }
  .ben-item:disabled {
    cursor: not-allowed; }
  @media only screen and (min-width: 680px) {
    .ben-item {
      padding: 8px 12px; } }
  @media only screen and (max-width: 679px) {
    .ben-item {
      padding: 6px 8px; } }
  .ben-item svg {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .ben-item svg:not(.icon-x) {
      margin-right: 6px; }
  .ben-item.with-flyout::after {
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 3.5px 0 3.5px;
    border-top-color: currentColor;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: 6px;
    pointer-events: none; }
    @supports (mask-type: inherit) {
      .ben-item.with-flyout::after {
        width: 7px;
        height: 5px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 7px 5px;
        border: 0; } }
  .ben-item.ben-cart-button {
    color: #fff;
    background-color: #0a6ece; }
    @media only screen and (hover: hover) {
      .ben-item.ben-cart-button:hover {
        background-color: #005db7; } }
    .ben-item.ben-cart-button.focus-visible {
      background-color: #005db7; }
    .ben-item.ben-cart-button.toggled, .ben-item.ben-cart-button.current, .ben-item.ben-cart-button[aria-expanded="true"] {
      background-color: #005db7; }
    .ben-item.ben-cart-button svg {
      width: 22px;
      height: 18px; }
  .ben-item.ben-secure-button {
    color: var(--_fh-green); }
    .ben-item.ben-secure-button svg {
      bottom: 1px; }
    @media only screen and (hover: hover) {
      .ben-item.ben-secure-button:hover {
        background-color: var(--_shade-green); } }
    .ben-item.ben-secure-button.focus-visible {
      background-color: var(--_shade-green); }
    .ben-item.ben-secure-button.toggled, .ben-item.ben-secure-button.current, .ben-item.ben-secure-button[aria-expanded="true"] {
      background-color: var(--_shade-green); }
  .ben-item.ben-translate-button {
    font-size: 13px; }
  .ben-item.ben-hygiene-button {
    color: var(--fh-purple, #5600da); }
    @media only screen and (hover: hover) {
      .ben-item.ben-hygiene-button:hover {
        background-color: var(--_shade-purple); } }
    .ben-item.ben-hygiene-button.focus-visible {
      background-color: var(--_shade-purple); }
    .ben-item.ben-hygiene-button.toggled, .ben-item.ben-hygiene-button.current, .ben-item.ben-hygiene-button[aria-expanded="true"] {
      background-color: var(--_shade-purple); }

button.ben-item {
  cursor: pointer; }
  @media only screen and (hover: hover) {
    button.ben-item:hover {
      background-color: var(--_hover-grey); } }
  button.ben-item.focus-visible {
    background-color: var(--_hover-grey); }
  button.ben-item.toggled, button.ben-item.current, button.ben-item[aria-expanded="true"] {
    background-color: var(--_hover-grey); }

@media only screen and (min-width: 680px) {
  .ben-flyout-wrap {
    position: relative; } }

.ben-flyout {
  z-index: 1006;
  margin-top: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  background-color: #fff;
  background-color: var(--_flyout-surface);
  border-radius: 4px;
  box-shadow: 0 4px 29px 3px rgba(0, 0, 0, 0.4); }
  .ben-flyout:not(.ben-flyout--inline) {
    position: absolute; }
  .ben-flyout.ben-flyout--inline {
    position: relative; }
  .ben-flyout.ben-flyout--no-padding {
    padding: 0; }
  @media only screen and (min-width: 680px) {
    .ben-flyout:after {
      content: '';
      display: inline-block;
      height: 0;
      width: 0;
      border-style: solid;
      border-color: transparent;
      border-width: 0 10px 10px 10px;
      border-bottom-color: var(--_flyout-surface);
      position: absolute;
      bottom: 100%;
      margin-left: -10px;
      pointer-events: none; } }
.ben-flyout--left {
  margin-bottom: 20px; }
  @media only screen and (min-width: 680px) {
    .ben-flyout--left {
      left: -5px; } }
  @media only screen and (max-width: 679px) {
    .ben-flyout--left {
      left: 10px;
      right: 50px; } }
  .ben-flyout--left:after {
    left: 20px; }

.ben-flyout--right {
  margin-bottom: 20px; }
  @media only screen and (min-width: 680px) {
    .ben-flyout--right {
      right: -5px; } }
  @media only screen and (max-width: 679px) {
    .ben-flyout--right {
      right: 10px;
      left: 50px; } }
  .ben-flyout--right:after {
    right: 14px; }

@media only screen and (min-width: 680px) {
  .secure-flyout {
    min-width: 290px; } }

@media only screen and (min-width: 680px) {
  .hygiene-flyout {
    min-width: 290px;
    max-width: 350px;
    min-height: 80px; } }

.hygiene-flyout .hygiene-flyout-logo {
  display: block;
  margin-bottom: 15px; }
  .hygiene-flyout .hygiene-flyout-logo img {
    display: block;
    max-width: calc(100% - 30px);
    height: auto;
    max-height: 50px; }

.hygiene-flyout-close {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  line-height: 0;
  padding: 4px; }
  .hygiene-flyout-close:disabled {
    cursor: not-allowed; }
  .hygiene-flyout-close svg {
    width: 11px;
    height: 11px; }

.leave-flyout {
  text-align: center; }
  @media only screen and (min-width: 680px) {
    .leave-flyout {
      min-width: 354px; } }
  .leave-flyout h2 {
    padding-bottom: 5px;
    font-size: 19px; }
  .leave-flyout p {
    color: #697886;
    color: var(--_fh-grey);
    padding-bottom: 10px; }

@media only screen and (min-width: 680px) {
  .ben-translate-toggle {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; } }

.translation-language-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 2px;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--_border-grey-light); }
  .translation-language-list > li {
    margin-bottom: 4px; }
    .translation-language-list > li:not(:last-child) {
      margin-right: 4px; }
    .translation-language-list > li > a, .translation-language-list > li button {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 6px 10px;
      border-radius: 3px;
      font-size: 13px; }
      .translation-language-list > li > a.current, .translation-language-list > li button.current {
        background-color: #0a6ece;
        color: #fff; }
      @media only screen and (hover: hover) {
        .translation-language-list > li > a:not(.current):hover, .translation-language-list > li button:not(.current):hover {
          background-color: var(--_hover-grey); } }
      .translation-language-list > li > a.focus-visible:not(.current), .translation-language-list > li button.focus-visible:not(.current) {
        background-color: var(--_hover-grey); }

@media only screen and (min-width: 680px) {
  .book-embed-footer {
    padding: 20px 40px 25px 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end; }
    .book-embed-footer .book-embed-footer-left {
      padding-right: 40px; }
    .book-embed-footer .book-embed-footer-right {
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-left: auto; } }

@media only screen and (max-width: 679px) {
  .book-embed-footer {
    margin-top: 15px;
    padding-top: 16px;
    padding-right: 17px;
    padding-bottom: 35px;
    padding-left: 17px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d1d6db;
    border-top-color: var(--_border-grey); } }

.book-embed-footer-contact li {
  display: inline; }
  .book-embed-footer-contact li a {
    border-bottom: 1px solid; }

.book-embed-fine-print {
  margin-top: 5px; }
  @media only screen and (min-width: 680px) {
    .book-embed-fine-print {
      padding-left: 12px; } }
  @media only screen and (max-width: 679px) {
    .book-embed-fine-print {
      padding-left: 8px; } }
@media only screen and (min-width: 680px) {
  .book-embed-powered-by-fh {
    margin-right: -12px;
    margin-bottom: -12px; } }

@media only screen and (max-width: 679px) {
  .book-embed-powered-by-fh {
    margin-top: 12px; } }

.search-by-date-page {
  position: relative; }

@media only screen and (min-width: 680px) {
  .sbd-calendar-shim {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 330px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid var(--_border-grey-light); }
  .sbd-calendar-wrap {
    float: left;
    width: 330px; }
  .sbd-calendar {
    width: 330px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

@media only screen and (min-width: 680px) {
  .sbd-calendar-inner {
    padding: 25px; } }

@media only screen and (max-width: 679px) {
  .sbd-calendar-inner {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px; } }

.sbd-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (min-width: 680px) {
    .sbd-content {
      float: right;
      width: calc(100% - 330px);
      width: -webkit-calc(100% - 330px); } }
  @media only screen and (max-width: 679px) {
    .sbd-content {
      border-top: 1px solid var(--_border-grey-light); } }
.search-by-date-nav {
  position: relative;
  background-color: #fff;
  background-color: var(--_surface-primary);
  border-bottom: 1px solid var(--_border-grey-light); }
  @media only screen {
    @supports (position: sticky) {
      .search-by-date-nav {
        position: -webkit-sticky !important;
        position: sticky !important;
        z-index: 99;
        top: 0; } } }
.search-by-date-prev,
.search-by-date-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--_fh-grey); }
  .search-by-date-prev svg,
  .search-by-date-next svg {
    height: 16px;
    width: auto; }
  .search-by-date-prev:hover,
  .search-by-date-next:hover {
    background-color: var(--_hover-grey); }

.search-by-date-prev {
  left: 0; }

.search-by-date-next {
  right: 0; }

.search-by-date-nav-current {
  padding-top: 20px;
  padding-right: 85px;
  padding-bottom: 20px;
  padding-left: 85px;
  font-size: 19px;
  text-align: center; }

.search-by-date-content {
  padding: 30px; }

.search-item:not(:last-of-type) {
  border-bottom: 1px solid var(--_border-grey-light); }

@media only screen and (min-width: 680px) {
  .search-item {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 35px; } }

@media only screen and (max-width: 679px) {
  .search-item {
    padding: 25px; } }

.search-item-name {
  font-size: 26px;
  line-height: 1.1;
  font-weight: bold;
  letter-spacing: normal; }

.search-item-meta {
  font-size: 14px; }
  .search-item-meta .badge {
    margin-right: 3px; }

.search-item-ava-loading {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 42px;
  padding-top: 8px;
  padding-right: 20px;
  padding-bottom: 8px;
  padding-left: 12px;
  border: 1px solid var(--_border-grey-light);
  border-radius: 5px; }

.search-item-avas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 15px;
  margin-bottom: 20px; }
  .search-item-avas li {
    margin: 0 5px 5px 0; }
    .search-item-avas li .cal-block {
      margin: 0; }
  @supports (display: grid) {
    .search-item-avas {
      display: grid;
      grid-gap: 5px; }
      @media only screen and (max-width: 679px) {
        .search-item-avas {
          grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } }
      @media only screen and (min-width: 680px) {
        .search-item-avas {
          grid-template-columns: repeat(auto-fill, minmax(142px, 1fr)); } }
      .search-item-avas li {
        margin: 0; }
      .search-item-avas .cal-block {
        height: 100%; } }

.item-images-row-wrap {
  position: relative; }
  .item-images-row-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    background: linear-gradient(90deg, rgba(var(--_surface-primary--rgb), 0) 0%, rgba(var(--_surface-primary--rgb), 1) 100%);
    pointer-events: none; }

.item-images-row {
  overflow: hidden;
  white-space: nowrap;
  line-height: 0; }
  .item-images-row li {
    display: inline-block;
    padding-right: 10px; }
    .item-images-row li button {
      overflow: hidden;
      border-radius: 3px;
      background-color: var(--_shade-grey-dark);
      line-height: 0;
      cursor: zoom-in;
      min-width: 100px; }
      @media only screen and (min-width: 680px) {
        .item-images-row li button {
          min-height: 120px; } }
      @media only screen and (max-width: 679px) {
        .item-images-row li button {
          min-height: 17vw; } }
    .item-images-row li img {
      width: auto; }
      @media only screen and (min-width: 680px) {
        .item-images-row li img {
          height: 120px; } }
      @media only screen and (max-width: 679px) {
        .item-images-row li img {
          height: 17vw; } }
.search-item-expand {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 15px;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-top: -10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-left: -10px;
  padding-right: 10px;
  cursor: pointer; }
  .search-item-expand:disabled {
    cursor: not-allowed; }
  .search-item-expand .icon-paragrph {
    margin-right: 3px; }
  .search-item-expand .icon-chevron {
    height: 10px; }

.bei-page {
  position: relative; }
  .bei-page .cal-block {
    --cb-margin-inline-start: 3px;
    --cb-margin-inline-end: 3px; }

@media only screen and (min-width: 680px) {
  .bei-calendar-shim {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 330px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #e0e3e6;
    border-left-color: var(--_border-grey-light); }
  .bei-calendar-wrap {
    float: right;
    width: 330px; }
  .bei-calendar {
    width: 330px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

@media only screen and (min-width: 680px) {
  .bei-calendar-inner {
    padding: 25px; } }

@media only screen and (max-width: 679px) {
  .bei-calendar-inner {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px; } }

.bei-calendar-inner.with-top-border {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #e0e3e6;
  border-top-color: var(--_border-grey-light); }

.book-online-cta {
  position: relative;
  background-color: #f1f2f4;
  background-color: var(--_shade-grey);
  font-size: 14px; }
  @media only screen and (min-width: 680px) {
    .book-online-cta {
      padding-top: 15px;
      padding-right: 25px;
      padding-bottom: 20px;
      padding-left: 25px; } }
  @media only screen and (max-width: 679px) {
    .book-online-cta {
      padding-top: 10px;
      padding-right: 25px;
      padding-bottom: 15px;
      padding-left: 25px; } }
  .book-online-cta svg {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    color: #0a6ece;
    color: var(--_theme-primary); }
  .book-online-cta ul > li {
    padding-top: 6px; }
  .book-online-cta h2 {
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 3px; }
  .book-online-cta:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: var(--_shade-grey) transparent transparent transparent;
    bottom: -20px;
    left: 25px; }

.bei-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (min-width: 680px) {
    .bei-content {
      float: left;
      width: calc(100% - 330px);
      width: -webkit-calc(100% - 330px);
      padding: 40px; } }
  @media only screen and (max-width: 679px) {
    .bei-content {
      padding: 25px;
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #e0e3e6;
      border-top-color: var(--_border-grey-light); } }
@media only screen and (min-width: 680px) {
  .bei-content--header {
    margin-bottom: 25px; } }

@media only screen and (max-width: 679px) {
  .bei-content--header {
    padding: 25px 25px; } }

.bei-content--header .item-name {
  font-size: 30px;
  line-height: 1;
  font-weight: bold; }

.bei-content--header .item-headline {
  padding-top: 10px;
  font-size: 14px; }

.bei-content--images {
  margin-bottom: 25px; }
  .bei-content--images .item-image-single img {
    max-width: 100%;
    height: auto; }

@media only screen and (min-width: 680px) {
  .bei-full-calendar-wrap {
    padding: 25px 40px 35px 40px; } }

@media only screen and (max-width: 679px) {
  .bei-full-calendar-wrap {
    padding: 25px; } }

.item-prices-preview {
  margin-top: 25px;
  margin-bottom: 25px; }
  .item-prices-preview tr {
    vertical-align: top; }
  .item-prices-preview .item-prices-preview-badge {
    padding-bottom: 5px;
    text-align: right; }
  .item-prices-preview .item-prices-preview-customer {
    padding-bottom: 5px;
    padding-left: 9px; }
  .item-prices-preview .item-prices-preview-note {
    margin-left: 3px; }
  .item-prices-preview .item-prices-preview-reference {
    margin-top: 10px;
    font-size: 12px;
    color: var(--_fh-grey); }
    .book-form-header .item-prices-preview .item-prices-preview-reference {
      display: none; }

.item-rating-nudge {
  display: inline-block;
  margin-right: 25px;
  font-size: 16px;
  -webkit-animation-name: nudge-fade-in;
  animation-name: nudge-fade-in;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease; }

@-webkit-keyframes nudge-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes nudge-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .item-rating-nudge:nth-child(1) {
    -moz-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    animation-delay: 0.75s; }
  .item-rating-nudge:nth-child(2) {
    -moz-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s; }
  .item-rating-nudge:nth-child(3) {
    -moz-animation-delay: 2.25s;
    -webkit-animation-delay: 2.25s;
    -ms-animation-delay: 2.25s;
    -o-animation-delay: 2.25s;
    animation-delay: 2.25s; }
  .item-rating-nudge:nth-child(4) {
    -moz-animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -ms-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s; }
  .item-rating-nudge:nth-child(5) {
    -moz-animation-delay: 3.75s;
    -webkit-animation-delay: 3.75s;
    -ms-animation-delay: 3.75s;
    -o-animation-delay: 3.75s;
    animation-delay: 3.75s; }
  .item-rating-nudge .item-rating-nudge-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: 4px;
    padding: 4px;
    border-radius: 2px;
    background: #999999;
    fill: white; }
  .item-rating-nudge .item-rating-nudge-text {
    display: inline-block;
    vertical-align: middle;
    color: var(--_fh-grey);
    -webkit-animation-duration: inherit;
    animation-duration: inherit;
    -moz-animation-delay: inherit;
    -webkit-animation-delay: inherit;
    -ms-animation-delay: inherit;
    -o-animation-delay: inherit;
    animation-delay: inherit; }
  .item-rating-nudge--blue .item-rating-nudge-icon {
    background-color: #12a7e0; }
  .item-rating-nudge--green .item-rating-nudge-icon {
    background-color: #11bf5a; }
  .item-rating-nudge--orange .item-rating-nudge-icon {
    background-color: #ffad33; }
  .item-rating-nudge-container.with-top-margin .item-rating-nudge {
    margin-top: 15px; }
  .item-rating-nudge-container.with-bottom-margin .item-rating-nudge {
    margin-bottom: 15px; }

.queuing-header-wrapper {
  padding: 10px;
  border-bottom: 1px solid var(--_border-grey-light); }
  .company-profile-queuing-header .queuing-header-wrapper {
    padding: 0;
    border-bottom-width: 0;
    margin-top: 25px; }

.queuing-header {
  padding: 15px 20px;
  background-color: #f9f4e3;
  background-color: var(--alert-surface, #f9f4e3);
  border-radius: 4px; }
  @media only screen and (min-width: 680px) {
    .queuing-header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .company-profile-queuing-header .queuing-header {
    border: 1px solid var(--_border-grey-light); }

@media only screen and (min-width: 680px) {
  .queuing-header-content {
    width: 60%; } }

@media only screen and (max-width: 679px) {
  .queuing-header-tokens {
    margin-top: 15px; } }

@media only screen and (min-width: 680px) {
  .queuing-header-tokens {
    width: 40%;
    text-align: right; } }

.queued-item-banner {
  margin-bottom: 20px;
  padding: 15px;
  background-color: #f9f4e3;
  background-color: var(--alert-surface, #f9f4e3);
  border-radius: 4px; }
  @media only screen and (min-width: 680px) {
    .queued-item-banner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .cart-entry-wrap .queued-item-banner {
    margin-bottom: 0; }
  .bei-content--header .queued-item-banner {
    margin-top: 15px;
    margin-bottom: 0; }
  @media only screen and (min-width: 680px) {
    .item-by-date-wrap .queued-item-banner {
      margin: 25px 50px; } }
  @media only screen and (max-width: 679px) {
    .item-by-date-wrap .queued-item-banner {
      margin: 10px 10px 0; } }
  @media only screen and (min-width: 680px) {
    .queued-item-banner .prose, .queued-item-banner .hint {
      margin-right: 20px; } }
  @media only screen and (max-width: 679px) {
    .queued-item-banner .prose, .queued-item-banner .hint {
      margin-bottom: 10px; } }
@media only screen and (max-width: 679px) {
  .book-form-queued {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; } }

.rebooking-banner {
  padding: 15px 20px;
  margin: 0 15px;
  background-color: #f9f4e3;
  background-color: var(--alert-surface, #f9f4e3);
  border-radius: 4px; }
  .rebooking-banner-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px; }
    @media only screen and (max-width: 679px) {
      .rebooking-banner-meta {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media only screen and (min-width: 680px) {
      .rebooking-banner-meta {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; } }
  .rebooking-banner .availability-image {
    width: 48px;
    height: 48px; }

.icon-user {
  display: inline-block;
  width: 15px;
  height: 13px;
  background-position: -18px -162px;
  margin-bottom: -2px; }
  .icon-user.empty {
    background-position: -79px -212px; }

.icon-user-small {
  display: inline-block;
  width: 11px;
  height: 10px;
  background-position: -79px -227px; }
  .icon-user-small.empty {
    background-position: -79px -238px; }

.ava-is-booked .icon-user,
.ava-is-bookable .icon-user {
  background-position: -36px -162px; }
  .ava-is-booked .icon-user.empty,
  .ava-is-bookable .icon-user.empty {
    background-position: -97px -212px; }

.ava-is-booked .icon-user-small,
.ava-is-bookable .icon-user-small {
  background-position: -92px -227px; }
  .ava-is-booked .icon-user-small.empty,
  .ava-is-bookable .icon-user-small.empty {
    background-position: -92px -238px; }

.ava-is-overbooked .icon-user,
.ava-is-unbookable .icon-user {
  background-position: -72px -162px; }
  .ava-is-overbooked .icon-user.empty,
  .ava-is-unbookable .icon-user.empty {
    background-position: -133px -212px; }

.ava-is-overbooked .icon-user-small,
.ava-is-unbookable .icon-user-small {
  background-position: -118px -227px; }
  .ava-is-overbooked .icon-user-small.empty,
  .ava-is-unbookable .icon-user-small.empty {
    background-position: -118px -238px; }

.ava-is-full .icon-user {
  background-position: -144px -228px; }
  .ava-is-full .icon-user.empty {
    background-position: -61px -212px; }

.ava-is-full .icon-user-small {
  background-position: -66px -227px; }
  .ava-is-full .icon-user-small.empty {
    background-position: -66px -238px; }

.calendar-inner .calendar-spinner {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--_shade-grey); }
  .-style-simple .calendar-inner .calendar-spinner {
    border-top: 1px solid var(--_border-grey); }

.db-main-content {
  position: relative; }
  .db-main-content::-webkit-scrollbar {
    width: 15px; }
  .db-main-content::-webkit-scrollbar-thumb {
    background: #d1d6db;
    border: 3px solid #fff;
    border-radius: 15px; }
    .db-main-content::-webkit-scrollbar-thumb:hover {
      background: var(--_border-grey-dark); }
    .db-main-content::-webkit-scrollbar-thumb:window-inactive {
      background: var(--_border-grey-light); }
  body.calendar-embed .calendar-wrap.-large .db-main-content {
    border-left: 1px solid var(--_shade-grey);
    border-right: 1px solid var(--_shade-grey); }

.calendar-wrap.-small .calendar-small-hide,
.calendar-wrap.-large .calendar-large-hide {
  display: none; }

.calendar-nav {
  position: relative; }

@media only screen and (max-width: 679px) {
  .calendar-wrap.-style-db .calendar-nav {
    margin-top: 5px;
    margin-bottom: 5px; } }
  @media only screen {
    .calendar-wrap.-large.-style-db .calendar-nav {
      padding-left: 8px; }
    .calendar-wrap.-small.-style-db .calendar-nav {
      padding-left: 12px; }
    .calendar-wrap.-large.-style-simple .calendar-nav {
      padding-left: 15px; }
    .calendar-wrap.-small.-style-simple .calendar-nav {
      padding-left: 10px; } }
  .calendar-nav .cal-nav-btn,
  .calendar-nav .cal-nav-select,
  .calendar-nav .cal-nav-picker,
  .calendar-nav .cal-nav-throbber {
    vertical-align: top; }
  .calendar-wrap.-small .calendar-nav select, .calendar-wrap.-large .calendar-nav select {
    height: 41px; }
  .calendar-wrap.-small .calendar-nav .cal-nav-btn,
  .calendar-wrap.-small .calendar-nav .cal-nav-select,
  .calendar-wrap.-small .calendar-nav .cal-nav-picker,
  .calendar-wrap.-small .calendar-nav .cal-nav-throbber, .calendar-wrap.-large .calendar-nav .cal-nav-btn,
  .calendar-wrap.-large .calendar-nav .cal-nav-select,
  .calendar-wrap.-large .calendar-nav .cal-nav-picker,
  .calendar-wrap.-large .calendar-nav .cal-nav-throbber {
    margin-top: 3px;
    margin-bottom: 3px;
    line-height: 33px; }
  .calendar-wrap.-small .calendar-nav .cal-nav-btn, .calendar-wrap.-large .calendar-nav .cal-nav-btn {
    height: 35px; }
  .calendar-wrap.-large .calendar-nav .cal-nav-btn:not(.-today) {
    font-size: 20px; }
  .calendar-nav.hide-past-months .cal-nav-btn.-prev {
    display: none; }
  .calendar-wrap.-large.-style-simple .calendar-nav select {
    height: 60px; }
  .calendar-wrap.-large.-style-simple .calendar-nav .cal-nav-btn,
  .calendar-wrap.-large.-style-simple .calendar-nav .cal-nav-select,
  .calendar-wrap.-large.-style-simple .calendar-nav .cal-nav-picker,
  .calendar-wrap.-large.-style-simple .calendar-nav .cal-nav-throbber {
    line-height: 60px; }
  .calendar-wrap.-large.-style-simple .calendar-nav .cal-nav-btn {
    height: 60px; }

.cal-nav-buttons {
  float: right; }

.cal-nav-btn {
  display: block;
  margin-left: 1px;
  margin-right: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent; }
  @media only print {
    .cal-nav-btn {
      display: none !important; } }
  .cal-nav-btn > svg {
    vertical-align: middle; }
  .cal-nav-btn.-today {
    border-color: var(--_border-grey-light);
    margin-right: 5px; }
    .calendar-wrap.-style-simple .cal-nav-btn.-today {
      display: none; }
  @media only screen and (hover: hover) {
    .cal-nav-btn:hover {
      background-color: var(--_hover-grey); } }
  .cal-nav-btn.focus-visible {
    background-color: var(--_hover-grey); }
  .cal-nav-btn:active {
    background-color: var(--_hover-grey--active); }
  .cal-nav-btn .cal-nav-btn-label {
    display: none;
    font-size: 15px;
    padding-right: 5px; }
  .calendar-wrap.-large.-style-simple .cal-nav-btn.-next .cal-nav-btn-label {
    display: inline; }

.cal-nav-title {
  float: left;
  font-size: 15px; }
  .cal-nav-title.is-month {
    font-size: 18px;
    letter-spacing: normal; }
    .calendar-wrap.-large.-style-simple .cal-nav-title.is-month {
      font-size: 23px; }

.cal-nav-picker {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding-right: 13px;
  cursor: pointer;
  font-weight: bold;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 34px;
  font-size: 16px; }
  .cal-nav-picker:focus-within {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f; }
  .cal-nav-picker > span {
    pointer-events: none; }
  .cal-nav-picker.is-grey {
    color: var(--_fh-grey);
    font-weight: normal;
    font-size: 15px; }
  @media only screen {
    .cal-nav-picker:hover {
      text-decoration: underline; }
    .cal-nav-picker:after {
      transform: none;
      content: '';
      display: inline-block;
      transition: transform 0.15s ease-in-out;
      border-style: solid;
      border-color: transparent;
      border-width: 6px 4px 0 4px;
      border-top-color: currentColor;
      position: absolute;
      top: 50%;
      margin-top: -3px;
      right: 0;
      pointer-events: none; }
      @supports (mask-type: inherit) {
        .cal-nav-picker:after {
          width: 8px;
          height: 6px;
          background-color: currentColor;
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          mask-size: 8px 6px;
          border: 0; } } }
.cal-nav-select {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding-right: 13px;
  cursor: pointer;
  font-weight: bold;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 3px; }
  .cal-nav-select.cal-nav-select--year {
    font-size: .9em; }
  .cal-nav-select:focus-within {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f; }
  .cal-nav-select.cal-nav-select--month {
    margin-right: 3px; }
  .-style-simple .cal-nav-select.cal-nav-select--year {
    color: var(--_fh-grey-dark); }
  .cal-nav-select select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 0;
    opacity: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .cal-nav-select.is-grey {
    color: var(--_fh-grey);
    font-weight: normal; }
  @media only screen {
    .cal-nav-select:hover {
      text-decoration: underline; }
    .cal-nav-select:after {
      transform: none;
      content: '';
      display: inline-block;
      transition: transform 0.15s ease-in-out;
      border-style: solid;
      border-color: transparent;
      border-width: 5px 3.5px 0 3.5px;
      border-top-color: currentColor;
      position: absolute;
      top: 50%;
      margin-top: -2px;
      right: 0;
      pointer-events: none; }
      @supports (mask-type: inherit) {
        .cal-nav-select:after {
          width: 7px;
          height: 5px;
          background-color: currentColor;
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          mask-size: 7px 5px;
          border: 0; } } }
.cal-nav-throbber {
  display: inline-block;
  margin-left: 10px; }

.calendar-wrap.-style-simple .bookings-header-wrap {
  border-top: 1px solid var(--_border-grey); }

.table.calendar-days {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse; }
  .calendar-wrap.-small.-style-simple .table.calendar-days {
    border-collapse: separate;
    border-spacing: 3px; }
  .table.calendar-days .td {
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-weight: bold; }
    .calendar-wrap.-style-simple .table.calendar-days .td {
      height: auto;
      line-height: 1; }
    .calendar-wrap.-large.-style-simple .table.calendar-days .td {
      padding: 10px;
      font-size: 14px;
      color: #697886;
      color: var(--_fh-grey); }
    .calendar-wrap.-small.-style-simple .table.calendar-days .td {
      padding: 7px 2px; }

.calendar-empty {
  padding: 25px;
  border-top: 1px solid var(--_border-grey);
  border-bottom: 1px solid var(--_shade-grey);
  font-size: 15px; }

.calendar-empty-message {
  margin-bottom: 8px; }

.calendar {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  position: relative;
  background-color: #fff;
  background-color: var(--_surface-primary); }
  .calendar > .tbody > .tr.calendar-past-note {
    display: none; }
  .calendar > .tbody > .tr > .td {
    border: 1px solid #f1f2f4;
    border-color: var(--border-grey-light, #f1f2f4);
    width: 14.2857%;
    vertical-align: top; }
    .calendar > .tbody > .tr > .td:nth-child(1) {
      border-left: none; }
    .calendar > .tbody > .tr > .td:nth-child(7) {
      border-right: none; }
    .calendar > .tbody > .tr > .td.month-other {
      background-color: var(--_shade-grey); }
      .calendar > .tbody > .tr > .td.month-other .day-number {
        color: #5a6672;
        color: var(--_fh-grey-dark); }
    .-style-db .calendar > .tbody > .tr > .td.current-day {
      background-color: var(--_callout-surface); }
      .-style-db .calendar > .tbody > .tr > .td.current-day .day-number {
        background: none; }
    .-style-simple .calendar > .tbody > .tr > .td.current-day .day-number-inner {
      background-color: var(--_text-primary);
      color: var(--_surface-primary);
      padding: 3px 10px;
      border-radius: 10px; }
    .calendar > .tbody > .tr > .td.past-day .calendar-day-inner .cal-block {
      opacity: 0.6; }
    .calendar > .tbody > .tr > .td.past-day .calendar-day-inner:hover .cal-block {
      opacity: 1; }
    body.book-embed .calendar > .tbody > .tr > .td.past-day .cal-block {
      --cb-border-color: #afb8c0; }
  .calendar.editing > .tbody > .tr > .td {
    height: 100px; }

.day-number {
  display: block;
  position: relative;
  height: 25px;
  line-height: 25px;
  padding: 0 14px;
  font-weight: bold;
  background-color: #e8ebed;
  background-color: var(--_shade-grey-dark); }
  .day-number[type="button"] {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: 25px;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: var(--_shade-grey-dark);
    -webkit-appearance: none;
    -moz-appearance: none; }
    .day-number[type="button"]:disabled {
      cursor: not-allowed; }
    .day-number.focus-visible[type="button"] {
      box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
      box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary); }
  .calendar-wrap.-style-simple .day-number {
    height: auto;
    line-height: 1;
    padding: 10px;
    background-color: transparent;
    text-align: center;
    font-size: 14px; }

.calendar.editing .day-number {
  height: 32px;
  line-height: 32px;
  cursor: pointer; }
  .calendar.editing .day-number:after {
    display: block;
    width: 18px;
    height: 18px;
    content: ' ';
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 8px;
    background-position: 0 -363px; }
  .calendar.editing .day-number:hover:after {
    background-position: -20px -363px; }
  .calendar.editing .day-number:active:after {
    background-position: -40px -363px; }

.calendar.link-days .day-number {
  cursor: pointer; }
  .calendar.link-days .day-number:hover {
    text-decoration: underline;
    color: var(--_theme-primary) !important; }

.calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note {
  display: table-row;
  position: absolute;
  margin-top: -26px;
  left: 0;
  right: 0;
  height: 26px;
  line-height: 26px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgba(var(--_surface-primary--rgb), 0.8);
  cursor: pointer;
  color: var(--_fh-grey-dark);
  font-weight: bold; }
  @media only print {
    .calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note {
      display: none; } }
  @media only screen and (hover: hover) {
    .calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note:hover {
      background-color: var(--overlay-surface, rgba(231, 235, 239, 0.9)); }
      .calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note:hover:active {
        background-color: var(--overlay-surface, rgba(226, 230, 233, 0.9)); }
      .calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note:hover .td {
        color: var(--_theme-primary);
        text-decoration: underline; } }
  .calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note.focus-visible {
    background-color: var(--overlay-surface, rgba(231, 235, 239, 0.9)); }
    .calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note.focus-visible:active {
      background-color: var(--overlay-surface, rgba(226, 230, 233, 0.9)); }
    .calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note.focus-visible .td {
      color: var(--_theme-primary);
      text-decoration: underline; }
  .calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note .td {
    display: block;
    width: auto;
    padding-left: 15px;
    border: 0; }

.cal-block {
  --cb-display: block;
  --cb-position: relative;
  --cb-overflow: hidden;
  --cb-min-height: 14px;
  --cb-padding-block-start: 3px;
  --cb-padding-block-end: 3px;
  --cb-padding-inline-start: 8px;
  --cb-padding-inline-end: 8px;
  --cb-margin-block-start: 5px;
  --cb-margin-block-end: 5px;
  --cb-margin-inline-start: 5px;
  --cb-margin-inline-end: 5px;
  --cb-border-width: 1px;
  --cb-border-style: solid;
  --cb-border-color: rgba(0, 0, 0, 0.15);
  --cb-border-radius: 5px;
  --cb-bg: var(--_surface-primary);
  --cb-bg-hover: var(--_hover-grey);
  --cb-bg-active: var(--_hover-grey-active);
  --cb-font-size: inherit;
  --cb-line-height: 1.15;
  --cb-cursor: pointer;
  --_cb-box-shadow: var(--cb-box-shadow, 0 1px 2px 0 #e8ebed);
  --_cb-item-color: var(--cb-item-color, #2a3c51);
  --_cb-public-headline-color: var(--cb-public-headline-color, #5a6672);
  --_cb-private-headline-color: var(--cb-private-headline-color, #1f2428);
  --cb-price-preview-color: var(--_fh-grey);
  --cb-meta-text-color: var(--_fh-grey);
  --cb-time-font-weight: bold;
  --cb-time-padding-inline-end: 1px;
  --cb-chevron-width: 8px;
  --cb-chevron-height: 12px;
  --cb-chevron-color: var(--_theme-primary);
  box-sizing: border-box;
  display: block;
  display: var(--cb-display);
  position: relative;
  position: var(--cb-position);
  overflow: hidden;
  overflow: var(--cb-overflow);
  min-height: 14px;
  min-height: var(--cb-min-height);
  padding-top: 3px;
  padding-top: var(--cb-padding-block-start);
  padding-bottom: 3px;
  padding-bottom: var(--cb-padding-block-end);
  padding-right: 8px;
  padding-right: var(--cb-padding-inline-end);
  padding-left: 8px;
  padding-left: var(--cb-padding-inline-start);
  margin-top: 4px;
  margin-top: var(--cb-margin-block-start);
  margin-bottom: 4px;
  margin-bottom: var(--cb-margin-block-end);
  margin-left: 5px;
  margin-left: var(--cb-margin-inline-start);
  margin-right: 5px;
  margin-right: var(--cb-margin-inline-end);
  border-width: 1px;
  border-width: var(--cb-border-width);
  border-color: rgba(0, 0, 0, 0.15);
  border-color: var(--cb-border-color);
  border-style: solid;
  border-style: var(--cb-border-style);
  border-radius: 5px;
  border-radius: var(--cb-border-radius);
  box-shadow: var(--_cb-box-shadow);
  color: #2a3c51;
  color: var(--_cb-item-color);
  background-color: #fff;
  background-color: var(--cb-bg);
  font-size: var(--cb-font-size);
  line-height: var(--cb-line-height);
  cursor: var(--cb-cursor);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: opacity 200ms;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms; }
  .cal-block.focus-visible {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f; }
  @media only screen and (hover: hover) {
    .cal-block:not(.is-label):hover {
      background-color: var(--cb-bg-hover); } }
  .cal-block.focus-visible:not(.is-label) {
    background-color: var(--cb-bg-hover); }
  .cal-block:not(.is-label):active, .cal-block.current:not(.is-label) {
    background-color: var(--cb-bg-active); }
  .cal-block.is-label {
    --cb-cursor: default; }
  .cal-block.is-timeline-node {
    margin: 0; }
  body.book-embed .cal-block, body.is-embed .cal-block, .company-section .cal-block {
    --cb-item-color: var(--_text-primary);
    --cb-public-headline-color: var(--_fh-grey-dark);
    --cb-private-headline-color: var(--_text-primary);
    box-shadow: none;
    --cb-box-shadow: none; }
    body.book-embed .cal-block:not(.is-dimmed), body.is-embed .cal-block:not(.is-dimmed), .company-section .cal-block:not(.is-dimmed) {
      --cb-bg-hover: rgba(var(--_theme-primary--rgb), 0.075);
      --cb-bg-active: rgba(var(--_theme-primary--rgb), 0.125);
      border-color: #0a6ece;
      border-color: var(--_theme-primary); }
  .dashboard-section .cal-block:not([class*="-fill"]) {
    --cb-item-color: var(--_text-primary);
    --cb-public-headline-color: var(--_fh-grey-dark);
    --cb-private-headline-color: var(--_text-primary); }
  @media only screen and (min-width: 680px) {
    .calendar-wrap.-large.-style-simple.-anon .cal-block.is-dimmed {
      --cb-border-color: var(--border-grey-dark--hover, rgba(0, 0, 0, 0.15)); }
      .calendar-wrap.-large.-style-simple.-anon .cal-block.is-dimmed .cb-item {
        font-weight: normal; }
    .calendar-wrap.-large.-style-simple.-anon .cal-block:not(.is-dimmed) {
      --cb-border-color: rgba(var(--_theme-primary--rgb), 0.6); } }
  .cal-block .cb-stat {
    font-size: 11px; }
  .cal-block .icon-person,
  .cal-block .icon-person-outline {
    width: 11px;
    height: 10px; }
  .cal-block.is-showing-progress {
    padding-bottom: 6px; }
    .cal-block.is-showing-progress:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      border-top-style: solid;
      border-top-width: 3px;
      opacity: 0.3; }
  .cal-block.ava-is-overbooked {
    border-width: 2px 2px 1px 2px; }
  .cal-block .color-coded-overbooked-message {
    display: block;
    margin: 3px -5px 0 -8px;
    padding: 4px 5px 4px 8px;
    border-radius: 0 2px 2px 0; }
  .cal-block.-large {
    padding-top: 8px;
    --cb-padding-block-start: 8px;
    padding-right: 10px;
    --cb-padding-inline-end: 10px;
    padding-left: 12px;
    --cb-padding-inline-start: 12px;
    font-size: 14px;
    --cb-font-size: 14px; }
    .cal-block.-large.is-showing-progress {
      padding-bottom: 10px;
      --cb-padding-block-end: 10px; }
    .cal-block.-large:not(.is-showing-progress) {
      padding-bottom: 8px;
      --cb-padding-block-end: 8px; }
  .cal-block.cb-icon:not(.-large) {
    float: left;
    margin-right: 3px; }
    @media only print {
      .cal-block.cb-icon:not(.-large) {
        display: none !important; } }
    .cal-block.cb-icon.icon-ava-phone:not(.-large) {
      margin-top: 2px; }
  .cal-block.with-arrow {
    padding-right: 40px; }
    .cal-block.with-arrow:after {
      content: "\00BB";
      display: block;
      font-size: 38px;
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -23px;
      height: 40px;
      line-height: 40px;
      color: #ccc; }
  .cal-block .cal-block-content-wrap {
    display: block; }
    .cal-block .cal-block-content-wrap.with-chevron {
      padding-right: 18px; }
      .cal-block .cal-block-content-wrap.with-chevron::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        width: 8px;
        height: 12px;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%230A6ECE%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
        background-size: 8px 12px;
        background-repeat: no-repeat; }
        @supports (mask-type: inherit) {
          .cal-block .cal-block-content-wrap.with-chevron::after {
            background: none;
            width: var(--cb-chevron-width);
            height: var(--cb-chevron-height);
            background-color: var(--cb-chevron-color);
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: var(--cb-chevron-width) var(--cb-chevron-height);
            mask-size: var(--cb-chevron-width) var(--cb-chevron-height); } }
  .cal-block.is-dimmed, .cal-block.is-dimmed-when-empty.is-empty {
    --cb-opacity: 0.75;
    --cb-bg-hover: var(--_shade-grey);
    --cb-bg-active: var(--_shade-grey-dark);
    --cb-border-color: var(--_border-grey-dark);
    --cb-item-color: var(--_fh-grey);
    --cb-public-headline-color: currentColor;
    --cb-private-headline-color: currentColor;
    --cb-meta-text-color: currentColor;
    --cb-price-preview-color: currentColor;
    --cb-chevron-color: currentColor;
    --cb-time-color: currentColor;
    opacity: 0.75;
    opacity: var(--cb-opacity); }
    @media only screen and (hover: hover) {
      .cal-block.is-dimmed:hover, .cal-block.is-dimmed-when-empty.is-empty:hover {
        --cb-opacity: 1; } }
    .cal-block.is-dimmed.focus-visible, .cal-block.is-dimmed-when-empty.is-empty.focus-visible {
      --cb-opacity: 1; }
    .cal-block.is-dimmed.current, .cal-block.is-dimmed.highlight, .cal-block.is-dimmed-when-empty.is-empty.current, .cal-block.is-dimmed-when-empty.is-empty.highlight {
      --cb-opacity: 1; }
  .cal-block.highlight {
    border: 2px solid #0a6ece !important;
    box-shadow: 0 0 4px #0a6ece !important; }
  .cal-block .icon-hamburger {
    width: 11px;
    height: 9px; }
  .cal-block .cb-headline {
    color: #5a6672;
    color: var(--_cb-public-headline-color); }
  .cal-block.-large .cb-headline {
    display: block;
    margin-top: 2px;
    font-size: 13px; }
  .cal-block .cb-image {
    display: block;
    margin-top: 4px; }
    .cal-block .cb-image img {
      max-width: 100%;
      height: auto;
      max-height: 150px;
      border-radius: 5px; }
  .cal-block .cb-private-headline {
    display: block;
    line-height: 1.1;
    padding: 5px 0 6px 0;
    color: #1f2428;
    color: var(--_cb-private-headline-color); }
  .cal-block .cb-price-preview {
    display: block;
    margin-top: 2px;
    letter-spacing: -0.01em;
    color: var(--cb-price-preview-color); }
  .cal-block .cb-meta-text {
    display: block;
    padding-top: 1px;
    font-size: 12px;
    color: var(--cb-meta-text-color); }
    .cal-block .cb-meta-text.orange {
      color: #C75300;
      color: var(--_fh-orange); }
  .cal-block .icon-phone {
    width: 10px;
    height: 11px; }
  .cal-block .cb-list {
    color: #1f2428; }
    .cal-block .cb-list.resources {
      font-size: 12px; }
    .cal-block .cb-list li:first-child {
      padding-top: 3px; }
    .cal-block .cb-list li:last-child {
      padding-bottom: 3px; }
    .availabilities-hide-crew .cal-block .cb-list.crew, .availabilities-hide-resources .cal-block .cb-list.resources {
      display: none; }
  .cal-block .cb-time {
    padding-inline-end: var(--cb-time-padding-inline-end); }
  .cal-block:not(.highlight-time) .cb-time {
    opacity: 0.75; }
  .cal-block.highlight-time:not(.is-dimmed) .cb-time {
    color: #0a6ece;
    color: var(--_theme-primary); }
  .availabilities-hide-time .cal-block.cb-time {
    display: none; }
  @media only screen and (min-width: 680px) {
    .availabilities-hide-item .cal-block .cb-item {
      display: none; } }
.cb-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top-style: solid;
  border-top-width: 3px;
  border-color: inherit;
  max-width: 100%;
  -webkit-transition: width .5s ease-in-out;
  -moz-transition: width .5s ease-in-out;
  transition: width .5s ease-in-out; }

@media only screen and (min-width: 680px) {
  .tb-progress {
    position: absolute;
    bottom: 0;
    left: 8px;
    right: 8px; }
  .tb-progress-gutter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #d5dee5;
    width: 100%; } }

.cb-square {
  display: inline-block;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  width: 0.85em;
  height: 0.85em;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid; }
  .cb-square.filled:before {
    content: '';
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    background-color: currentColor;
    opacity: 0.7; }

.cb-inline-stat + .cb-inline-stat {
  margin-left: 2px; }

.cal-status-icon {
  position: relative;
  top: 1px;
  color: var(--_fh-grey-dark); }
  .cal-status-icon svg {
    width: 12px;
    height: 12px; }

@media only screen {
  .color-1 {
    color: #ef8625;
    border-color: currentColor; }
    .color-1.timeline-availability:hover, .color-1.timeline-availability.current, .color-1.timeline-availability.highlight, .color-1.cal-block:not(.is-label):hover, .color-1.cal-block.current:not(.is-label), .color-1.cal-block.highlight:not(.is-label) {
      background-color: #fdefe3; }
    .color-1.timeline-availability:active, .color-1.timeline-availability.current, .color-1.timeline-availability.highlight, .color-1.cal-block:not(.is-label):active, .color-1.cal-block.current:not(.is-label), .color-1.cal-block.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(239, 134, 37, 0.5); }
    .color-1-swatch {
      background-color: #ef8625; }
    .color-1-fill {
      color: #763e0a;
      background-color: #fcead9;
      border-color: #ef8625; }
      .color-1-fill:not(.is-label):hover, .color-1-fill.current:not(.is-label), .color-1-fill.highlight:not(.is-label) {
        background-color: #fdefe3; }
      .color-1-fill:not(.is-label):active, .color-1-fill.current:not(.is-label), .color-1-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(239, 134, 37, 0.5); }
      .color-1-fill .color-primary {
        color: #ef8625; }
      .color-1-fill .color-fill-primary {
        background: #ef8625;
        color: #fff; }
    .color-1-shade {
      background-color: #fdf5ec;
      border-color: #f7cba1; }
  .color-2 {
    color: #ada91f;
    border-color: currentColor; }
    .color-2.timeline-availability:hover, .color-2.timeline-availability.current, .color-2.timeline-availability.highlight, .color-2.cal-block:not(.is-label):hover, .color-2.cal-block.current:not(.is-label), .color-2.cal-block.highlight:not(.is-label) {
      background-color: #fdfce3; }
    .color-2.timeline-availability:active, .color-2.timeline-availability.current, .color-2.timeline-availability.highlight, .color-2.cal-block:not(.is-label):active, .color-2.cal-block.current:not(.is-label), .color-2.cal-block.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(173, 169, 31, 0.5); }
    .color-2-swatch {
      background-color: #ada91f; }
    .color-2-fill {
      color: #6d6909;
      background-color: #fcfbd9;
      border-color: #ada91f; }
      .color-2-fill:not(.is-label):hover, .color-2-fill.current:not(.is-label), .color-2-fill.highlight:not(.is-label) {
        background-color: #f9f7b8; }
      .color-2-fill:not(.is-label):active, .color-2-fill.current:not(.is-label), .color-2-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(173, 169, 31, 0.5); }
      .color-2-fill .color-primary {
        color: #ada91f; }
      .color-2-fill .color-fill-primary {
        background: #ada91f;
        color: #fff; }
    .color-2-shade {
      background-color: #fdfdec;
      border-color: #f0eda8; }
  .color-3 {
    color: #6dad1f;
    border-color: currentColor; }
    .color-3.timeline-availability:hover, .color-3.timeline-availability.current, .color-3.timeline-availability.highlight, .color-3.cal-block:not(.is-label):hover, .color-3.cal-block.current:not(.is-label), .color-3.cal-block.highlight:not(.is-label) {
      background-color: #f1fde3; }
    .color-3.timeline-availability:active, .color-3.timeline-availability.current, .color-3.timeline-availability.highlight, .color-3.cal-block:not(.is-label):active, .color-3.cal-block.current:not(.is-label), .color-3.cal-block.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(109, 173, 31, 0.5); }
    .color-3-swatch {
      background-color: #6dad1f; }
    .color-3-fill {
      color: #406d09;
      background-color: #ecfcd9;
      border-color: #6dad1f; }
      .color-3-fill:not(.is-label):hover, .color-3-fill.current:not(.is-label), .color-3-fill.highlight:not(.is-label) {
        background-color: #dcf9b8; }
      .color-3-fill:not(.is-label):active, .color-3-fill.current:not(.is-label), .color-3-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(109, 173, 31, 0.5); }
      .color-3-fill .color-primary {
        color: #6dad1f; }
      .color-3-fill .color-fill-primary {
        background: #6dad1f;
        color: #fff; }
    .color-3-shade {
      background-color: #f6fdec;
      border-color: #d0f0a8; }
  .color-4 {
    color: #28ad1f;
    border-color: currentColor; }
    .color-4.timeline-availability:hover, .color-4.timeline-availability.current, .color-4.timeline-availability.highlight, .color-4.cal-block:not(.is-label):hover, .color-4.cal-block.current:not(.is-label), .color-4.cal-block.highlight:not(.is-label) {
      background-color: #e4fde3; }
    .color-4.timeline-availability:active, .color-4.timeline-availability.current, .color-4.timeline-availability.highlight, .color-4.cal-block:not(.is-label):active, .color-4.cal-block.current:not(.is-label), .color-4.cal-block.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(40, 173, 31, 0.5); }
    .color-4-swatch {
      background-color: #28ad1f; }
    .color-4-fill {
      color: #0f6d09;
      background-color: #dcfcd9;
      border-color: #28ad1f; }
      .color-4-fill:not(.is-label):hover, .color-4-fill.current:not(.is-label), .color-4-fill.highlight:not(.is-label) {
        background-color: #bdf9b8; }
      .color-4-fill:not(.is-label):active, .color-4-fill.current:not(.is-label), .color-4-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(40, 173, 31, 0.5); }
      .color-4-fill .color-primary {
        color: #28ad1f; }
      .color-4-fill .color-fill-primary {
        background: #28ad1f;
        color: #fff; }
    .color-4-shade {
      background-color: #edfdec;
      border-color: #adf0a8; }
  .color-5 {
    color: #1fad5a;
    border-color: currentColor; }
    .color-5.timeline-availability:hover, .color-5.timeline-availability.current, .color-5.timeline-availability.highlight, .color-5.cal-block:not(.is-label):hover, .color-5.cal-block.current:not(.is-label), .color-5.cal-block.highlight:not(.is-label) {
      background-color: #e3fdee; }
    .color-5.timeline-availability:active, .color-5.timeline-availability.current, .color-5.timeline-availability.highlight, .color-5.cal-block:not(.is-label):active, .color-5.cal-block.current:not(.is-label), .color-5.cal-block.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(31, 173, 90, 0.5); }
    .color-5-swatch {
      background-color: #1fad5a; }
    .color-5-fill {
      color: #096d32;
      background-color: #d9fce8;
      border-color: #1fad5a; }
      .color-5-fill:not(.is-label):hover, .color-5-fill.current:not(.is-label), .color-5-fill.highlight:not(.is-label) {
        background-color: #b8f9d3; }
      .color-5-fill:not(.is-label):active, .color-5-fill.current:not(.is-label), .color-5-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(31, 173, 90, 0.5); }
      .color-5-fill .color-primary {
        color: #1fad5a; }
      .color-5-fill .color-fill-primary {
        background: #1fad5a;
        color: #fff; }
    .color-5-shade {
      background-color: #ecfdf3;
      border-color: #a8f0c6; }
  .color-6 {
    color: #1fad9f;
    border-color: currentColor; }
    .color-6.timeline-availability:hover, .color-6.timeline-availability.current, .color-6.timeline-availability.highlight, .color-6.cal-block:not(.is-label):hover, .color-6.cal-block.current:not(.is-label), .color-6.cal-block.highlight:not(.is-label) {
      background-color: #e3fdfa; }
    .color-6.timeline-availability:active, .color-6.timeline-availability.current, .color-6.timeline-availability.highlight, .color-6.cal-block:not(.is-label):active, .color-6.cal-block.current:not(.is-label), .color-6.cal-block.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(31, 173, 159, 0.5); }
    .color-6-swatch {
      background-color: #1fad9f; }
    .color-6-fill {
      color: #096d63;
      background-color: #d9fcf8;
      border-color: #1fad9f; }
      .color-6-fill:not(.is-label):hover, .color-6-fill.current:not(.is-label), .color-6-fill.highlight:not(.is-label) {
        background-color: #b8f9f3; }
      .color-6-fill:not(.is-label):active, .color-6-fill.current:not(.is-label), .color-6-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(31, 173, 159, 0.5); }
      .color-6-fill .color-primary {
        color: #1fad9f; }
      .color-6-fill .color-fill-primary {
        background: #1fad9f;
        color: #fff; }
    .color-6-shade {
      background-color: #ecfdfc;
      border-color: #a8f0e9; }
  .color-7 {
    color: #25a1ef;
    border-color: currentColor; }
    .color-7.timeline-availability:hover, .color-7.timeline-availability.current, .color-7.timeline-availability.highlight, .color-7.cal-block:not(.is-label):hover, .color-7.cal-block.current:not(.is-label), .color-7.cal-block.highlight:not(.is-label) {
      background-color: #e3f3fd; }
    .color-7.timeline-availability:active, .color-7.timeline-availability.current, .color-7.timeline-availability.highlight, .color-7.cal-block:not(.is-label):active, .color-7.cal-block.current:not(.is-label), .color-7.cal-block.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(37, 161, 239, 0.5); }
    .color-7-swatch {
      background-color: #25a1ef; }
    .color-7-fill {
      color: #0a4c76;
      background-color: #d9effc;
      border-color: #25a1ef; }
      .color-7-fill:not(.is-label):hover, .color-7-fill.current:not(.is-label), .color-7-fill.highlight:not(.is-label) {
        background-color: #e3f3fd; }
      .color-7-fill:not(.is-label):active, .color-7-fill.current:not(.is-label), .color-7-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(37, 161, 239, 0.5); }
      .color-7-fill .color-primary {
        color: #25a1ef; }
      .color-7-fill .color-fill-primary {
        background: #25a1ef;
        color: #fff; }
    .color-7-shade {
      background-color: #ecf7fd;
      border-color: #a1d6f7; }
  .color-8 {
    color: #2540ef;
    border-color: currentColor; }
    .color-8.timeline-availability:hover, .color-8.timeline-availability.current, .color-8.timeline-availability.highlight, .color-8.cal-block:not(.is-label):hover, .color-8.cal-block.current:not(.is-label), .color-8.cal-block.highlight:not(.is-label) {
      background-color: #e3e6fd; }
    .color-8.timeline-availability:active, .color-8.timeline-availability.current, .color-8.timeline-availability.highlight, .color-8.cal-block:not(.is-label):active, .color-8.cal-block.current:not(.is-label), .color-8.cal-block.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(37, 64, 239, 0.5); }
    .color-8-swatch {
      background-color: #2540ef; }
    .color-8-fill {
      color: #0a1876;
      background-color: #d9defc;
      border-color: #2540ef; }
      .color-8-fill:not(.is-label):hover, .color-8-fill.current:not(.is-label), .color-8-fill.highlight:not(.is-label) {
        background-color: #e3e6fd; }
      .color-8-fill:not(.is-label):active, .color-8-fill.current:not(.is-label), .color-8-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(37, 64, 239, 0.5); }
      .color-8-fill .color-primary {
        color: #2540ef; }
      .color-8-fill .color-fill-primary {
        background: #2540ef;
        color: #fff; }
    .color-8-shade {
      background-color: #eceefd;
      border-color: #a1acf7; }
  .color-9 {
    color: #6b25ef;
    border-color: currentColor; }
    .color-9.timeline-availability:hover, .color-9.timeline-availability.current, .color-9.timeline-availability.highlight, .color-9.cal-block:not(.is-label):hover, .color-9.cal-block.current:not(.is-label), .color-9.cal-block.highlight:not(.is-label) {
      background-color: #ece3fd; }
    .color-9.timeline-availability:active, .color-9.timeline-availability.current, .color-9.timeline-availability.highlight, .color-9.cal-block:not(.is-label):active, .color-9.cal-block.current:not(.is-label), .color-9.cal-block.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(107, 37, 239, 0.5); }
    .color-9-swatch {
      background-color: #6b25ef; }
    .color-9-fill {
      color: #2f0a76;
      background-color: #e5d9fc;
      border-color: #6b25ef; }
      .color-9-fill:not(.is-label):hover, .color-9-fill.current:not(.is-label), .color-9-fill.highlight:not(.is-label) {
        background-color: #ece3fd; }
      .color-9-fill:not(.is-label):active, .color-9-fill.current:not(.is-label), .color-9-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(107, 37, 239, 0.5); }
      .color-9-fill .color-primary {
        color: #6b25ef; }
      .color-9-fill .color-fill-primary {
        background: #6b25ef;
        color: #fff; }
    .color-9-shade {
      background-color: #f2ecfd;
      border-color: #bfa1f7; }
  .color-10 {
    color: #cd25ef;
    border-color: currentColor; }
    .color-10.timeline-availability:hover, .color-10.timeline-availability.current, .color-10.timeline-availability.highlight, .color-10.cal-block:not(.is-label):hover, .color-10.cal-block.current:not(.is-label), .color-10.cal-block.highlight:not(.is-label) {
      background-color: #f8e3fd; }
    .color-10.timeline-availability:active, .color-10.timeline-availability.current, .color-10.timeline-availability.highlight, .color-10.cal-block:not(.is-label):active, .color-10.cal-block.current:not(.is-label), .color-10.cal-block.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(205, 37, 239, 0.5); }
    .color-10-swatch {
      background-color: #cd25ef; }
    .color-10-fill {
      color: #640a76;
      background-color: #f6d9fc;
      border-color: #cd25ef; }
      .color-10-fill:not(.is-label):hover, .color-10-fill.current:not(.is-label), .color-10-fill.highlight:not(.is-label) {
        background-color: #f8e3fd; }
      .color-10-fill:not(.is-label):active, .color-10-fill.current:not(.is-label), .color-10-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(205, 37, 239, 0.5); }
      .color-10-fill .color-primary {
        color: #cd25ef; }
      .color-10-fill .color-fill-primary {
        background: #cd25ef;
        color: #fff; }
    .color-10-shade {
      background-color: #fbecfd;
      border-color: #e9a1f7; }
  .color-11 {
    color: #ef25af;
    border-color: currentColor; }
    .color-11.timeline-availability:hover, .color-11.timeline-availability.current, .color-11.timeline-availability.highlight, .color-11.cal-block:not(.is-label):hover, .color-11.cal-block.current:not(.is-label), .color-11.cal-block.highlight:not(.is-label) {
      background-color: #fde3f4; }
    .color-11.timeline-availability:active, .color-11.timeline-availability.current, .color-11.timeline-availability.highlight, .color-11.cal-block:not(.is-label):active, .color-11.cal-block.current:not(.is-label), .color-11.cal-block.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(239, 37, 175, 0.5); }
    .color-11-swatch {
      background-color: #ef25af; }
    .color-11-fill {
      color: #760a54;
      background-color: #fcd9f1;
      border-color: #ef25af; }
      .color-11-fill:not(.is-label):hover, .color-11-fill.current:not(.is-label), .color-11-fill.highlight:not(.is-label) {
        background-color: #fde3f4; }
      .color-11-fill:not(.is-label):active, .color-11-fill.current:not(.is-label), .color-11-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(239, 37, 175, 0.5); }
      .color-11-fill .color-primary {
        color: #ef25af; }
      .color-11-fill .color-fill-primary {
        background: #ef25af;
        color: #fff; }
    .color-11-shade {
      background-color: #fdecf8;
      border-color: #f7a1dc; }
  .color-12 {
    color: #ef2525;
    border-color: currentColor; }
    .color-12.timeline-availability:hover, .color-12.timeline-availability.current, .color-12.timeline-availability.highlight, .color-12.cal-block:not(.is-label):hover, .color-12.cal-block.current:not(.is-label), .color-12.cal-block.highlight:not(.is-label) {
      background-color: #fde3e3; }
    .color-12.timeline-availability:active, .color-12.timeline-availability.current, .color-12.timeline-availability.highlight, .color-12.cal-block:not(.is-label):active, .color-12.cal-block.current:not(.is-label), .color-12.cal-block.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(239, 37, 37, 0.5); }
    .color-12-swatch {
      background-color: #ef2525; }
    .color-12-fill {
      color: #760a0a;
      background-color: #fcd9d9;
      border-color: #ef2525; }
      .color-12-fill:not(.is-label):hover, .color-12-fill.current:not(.is-label), .color-12-fill.highlight:not(.is-label) {
        background-color: #fde3e3; }
      .color-12-fill:not(.is-label):active, .color-12-fill.current:not(.is-label), .color-12-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(239, 37, 37, 0.5); }
      .color-12-fill .color-primary {
        color: #ef2525; }
      .color-12-fill .color-fill-primary {
        background: #ef2525;
        color: #fff; }
    .color-12-shade {
      background-color: #fdecec;
      border-color: #f7a1a1; }
  .color-13 {
    color: #8b8989;
    border-color: currentColor; }
    .color-13.timeline-availability:hover, .color-13.timeline-availability.current, .color-13.timeline-availability.highlight, .color-13.cal-block:not(.is-label):hover, .color-13.cal-block.current:not(.is-label), .color-13.cal-block.highlight:not(.is-label) {
      background-color: #f0f0f0; }
    .color-13.timeline-availability:active, .color-13.timeline-availability.current, .color-13.timeline-availability.highlight, .color-13.cal-block:not(.is-label):active, .color-13.cal-block.current:not(.is-label), .color-13.cal-block.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(139, 137, 137, 0.5); }
    .color-13-swatch {
      background-color: #8b8989; }
    .color-13-fill {
      color: #404040;
      background-color: #ebebeb;
      border-color: #8b8989; }
      .color-13-fill:not(.is-label):hover, .color-13-fill.current:not(.is-label), .color-13-fill.highlight:not(.is-label) {
        background-color: #f0f0f0; }
      .color-13-fill:not(.is-label):active, .color-13-fill.current:not(.is-label), .color-13-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(139, 137, 137, 0.5); }
      .color-13-fill .color-primary {
        color: #8b8989; }
      .color-13-fill .color-fill-primary {
        background: #8b8989;
        color: #fff; }
    .color-13-shade {
      background-color: whitesmoke;
      border-color: #cccccc; }
  .ava-is-booked:not(.ava-no-capacity-color), .ava-is-bookable:not(.ava-no-capacity-color) {
    color: #1fad5c;
    border-color: currentColor; }
    .ava-is-booked.timeline-availability:not(.ava-no-capacity-color):hover, .ava-is-booked.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-booked.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-booked.cal-block:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-booked.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-booked.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable.timeline-availability:not(.ava-no-capacity-color):hover, .ava-is-bookable.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-bookable.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-bookable.cal-block:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-bookable.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label) {
      background-color: #e3fdee; }
    .ava-is-booked.timeline-availability:not(.ava-no-capacity-color):active, .ava-is-booked.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-booked.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-booked.cal-block:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-booked.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-booked.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable.timeline-availability:not(.ava-no-capacity-color):active, .ava-is-bookable.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-bookable.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-bookable.cal-block:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-bookable.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(31, 173, 92, 0.5); }
    .ava-is-booked-swatch:not(.ava-no-capacity-color), .ava-is-bookable-swatch:not(.ava-no-capacity-color) {
      background-color: #1fad5c; }
    .ava-is-booked-fill:not(.ava-no-capacity-color), .ava-is-bookable-fill:not(.ava-no-capacity-color) {
      color: #096d34;
      background-color: #d9fce8;
      border-color: #1fad5c; }
      .ava-is-booked-fill:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-booked-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-booked-fill.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable-fill:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-bookable-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable-fill.highlight:not(.ava-no-capacity-color):not(.is-label) {
        background-color: #b8f9d4; }
      .ava-is-booked-fill:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-booked-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-booked-fill.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable-fill:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-bookable-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable-fill.highlight:not(.ava-no-capacity-color):not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(31, 173, 92, 0.5); }
      .ava-is-booked-fill:not(.ava-no-capacity-color) .color-primary, .ava-is-bookable-fill:not(.ava-no-capacity-color) .color-primary {
        color: #1fad5c; }
      .ava-is-booked-fill:not(.ava-no-capacity-color) .color-fill-primary, .ava-is-bookable-fill:not(.ava-no-capacity-color) .color-fill-primary {
        background: #1fad5c;
        color: #fff; }
    .ava-is-booked-shade:not(.ava-no-capacity-color), .ava-is-bookable-shade:not(.ava-no-capacity-color) {
      background-color: #ecfdf4;
      border-color: #a8f0c7; }
  .ava-is-full:not(.ava-no-capacity-color) {
    color: #258def;
    border-color: currentColor; }
    .ava-is-full.timeline-availability:not(.ava-no-capacity-color):hover, .ava-is-full.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-full.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-full.cal-block:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-full.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-full.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label) {
      background-color: #e3f0fd; }
    .ava-is-full.timeline-availability:not(.ava-no-capacity-color):active, .ava-is-full.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-full.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-full.cal-block:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-full.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-full.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(37, 141, 239, 0.5); }
    .ava-is-full-swatch:not(.ava-no-capacity-color) {
      background-color: #258def; }
    .ava-is-full-fill:not(.ava-no-capacity-color) {
      color: #0a4276;
      background-color: #d9ebfc;
      border-color: #258def; }
      .ava-is-full-fill:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-full-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-full-fill.highlight:not(.ava-no-capacity-color):not(.is-label) {
        background-color: #e3f0fd; }
      .ava-is-full-fill:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-full-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-full-fill.highlight:not(.ava-no-capacity-color):not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(37, 141, 239, 0.5); }
      .ava-is-full-fill:not(.ava-no-capacity-color) .color-primary {
        color: #258def; }
      .ava-is-full-fill:not(.ava-no-capacity-color) .color-fill-primary {
        background: #258def;
        color: #fff; }
    .ava-is-full-shade:not(.ava-no-capacity-color) {
      background-color: #ecf5fd;
      border-color: #a1cdf7; }
  .ava-is-overbooked:not(.ava-no-capacity-color), .ava-is-unbookable:not(.ava-no-capacity-color) {
    color: #ef3925;
    border-color: currentColor; }
    .ava-is-overbooked.timeline-availability:not(.ava-no-capacity-color):hover, .ava-is-overbooked.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-overbooked.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-overbooked.cal-block:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-overbooked.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-overbooked.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable.timeline-availability:not(.ava-no-capacity-color):hover, .ava-is-unbookable.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-unbookable.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-unbookable.cal-block:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-unbookable.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label) {
      background-color: #fde5e3; }
    .ava-is-overbooked.timeline-availability:not(.ava-no-capacity-color):active, .ava-is-overbooked.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-overbooked.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-overbooked.cal-block:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-overbooked.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-overbooked.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable.timeline-availability:not(.ava-no-capacity-color):active, .ava-is-unbookable.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-unbookable.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-unbookable.cal-block:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-unbookable.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(239, 57, 37, 0.5); }
    .ava-is-overbooked-swatch:not(.ava-no-capacity-color), .ava-is-unbookable-swatch:not(.ava-no-capacity-color) {
      background-color: #ef3925; }
    .ava-is-overbooked-fill:not(.ava-no-capacity-color), .ava-is-unbookable-fill:not(.ava-no-capacity-color) {
      color: #76140a;
      background-color: #fcddd9;
      border-color: #ef3925; }
      .ava-is-overbooked-fill:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-overbooked-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-overbooked-fill.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable-fill:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-unbookable-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable-fill.highlight:not(.ava-no-capacity-color):not(.is-label) {
        background-color: #fde5e3; }
      .ava-is-overbooked-fill:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-overbooked-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-overbooked-fill.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable-fill:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-unbookable-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable-fill.highlight:not(.ava-no-capacity-color):not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(239, 57, 37, 0.5); }
      .ava-is-overbooked-fill:not(.ava-no-capacity-color) .color-primary, .ava-is-unbookable-fill:not(.ava-no-capacity-color) .color-primary {
        color: #ef3925; }
      .ava-is-overbooked-fill:not(.ava-no-capacity-color) .color-fill-primary, .ava-is-unbookable-fill:not(.ava-no-capacity-color) .color-fill-primary {
        background: #ef3925;
        color: #fff; }
    .ava-is-overbooked-shade:not(.ava-no-capacity-color), .ava-is-unbookable-shade:not(.ava-no-capacity-color) {
      background-color: #fdeeec;
      border-color: #f7a9a1; }
  .color-resource-override {
    color: #ad551f;
    background-color: #fff9f5;
    border-color: #bf7140; }
    .color-resource-override:not(.is-label):hover, .color-resource-override.current:not(.is-label), .color-resource-override.highlight:not(.is-label) {
      background-color: #ffece1; }
    .color-resource-override:not(.is-label):active, .color-resource-override.current:not(.is-label), .color-resource-override.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(191, 113, 64, 0.5); }
  .color-resource-use {
    color: #3d1fad;
    background-color: #f7f5ff;
    border-color: #5b40bf; }
    .color-resource-use:not(.is-label):hover, .color-resource-use.current:not(.is-label), .color-resource-use.highlight:not(.is-label) {
      background-color: #e7e1ff; }
    .color-resource-use:not(.is-label):active, .color-resource-use.current:not(.is-label), .color-resource-use.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(91, 64, 191, 0.5); }
  .color-timeline-space-overview {
    color: #1fad71;
    background-color: #f5fffb;
    border-color: #40bf89; }
    .color-timeline-space-overview:not(.is-label):hover, .color-timeline-space-overview.current:not(.is-label), .color-timeline-space-overview.highlight:not(.is-label) {
      background-color: #e1fff2; }
    .color-timeline-space-overview:not(.is-label):active, .color-timeline-space-overview.current:not(.is-label), .color-timeline-space-overview.highlight:not(.is-label) {
      box-shadow: inset 0 0 5px 0 rgba(64, 191, 137, 0.5); }
    .color-timeline-space-overview.color-timeline-space-overview--overused {
      color: var(--_fh-red); } }

.calendar-small {
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
  border-spacing: 3px; }
  .-style-simple .calendar-small {
    margin-top: -3px; }
  .calendar-small td {
    width: 14.2857%;
    vertical-align: middle; }

.calendar-small-day {
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: var(--_fh-grey);
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 34px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .calendar-small-day:disabled {
    cursor: not-allowed; }
  html.touch .calendar-small-day {
    height: 40px; }
  .calendar-small-day:not(.empty) {
    font-weight: bold;
    background-color: #1D875A;
    color: #fff; }
    .calendar-small-day:not(.empty):hover {
      background-color: #18724c; }
    .calendar-small-day.toggled:not(.empty) {
      background-color: #104c33;
      color: #fff; }
  .calendar-small-day.empty.toggled {
    border-width: 1px;
    border-style: solid;
    border-color: #afb8c0;
    border-color: var(--flyout-border-color, #afb8c0);
    border-radius: 4px;
    font-weight: bold; }
  .calendar-small-day.no-bookable {
    background-color: #757575; }
    .calendar-small-day.no-bookable:hover {
      background-color: #686868; }
    .calendar-small-day.no-bookable.toggled {
      background-color: #474747 !important; }
  .calendar-wrap.-auth .calendar-small-day.current-day span {
    background-color: var(--_callout-surface);
    padding: 3px 10px;
    border-radius: 10px;
    color: #1f2428; }
  .calendar-small-day.day-is-used span {
    border: 1px solid #fff;
    padding: 3px 10px;
    border-radius: 10px; }
    body.is-embed .calendar-small-day.day-is-used span {
      border: 0; }

.calendar-small-content {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
  border-top: 1px solid var(--_border-grey); }
  .showing-embed-auth-note .calendar-small-content {
    display: none; }

.calendar-small-content-header {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px; }

.calendar-small-default-message {
  padding: 3px 10px;
  color: var(--_fh-green);
  font-size: 14px;
  font-weight: bold; }

.card-fields {
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
  background-color: #fff;
  background-color: var(--_surface-primary);
  border-radius: 5px;
  border-width: 2px;
  border-style: solid;
  transition: border-color 500ms;
  border-color: #1D875A;
  border-color: var(--_fh-green); }
  .card-fields.test-cards-only {
    border-color: #f37f25; }
  .card-fields .field {
    margin-bottom: 8px; }
  .card-fields .label-text, .card-fields .card-form-header {
    display: block;
    margin-bottom: 3px; }

.card-fields-inner {
  padding: 12px 12px 5px 12px; }

.card-fields-demo {
  color: #f37f25;
  padding-bottom: 12px; }

.card-expiry .exp-month {
  float: left;
  width: 49%; }

.card-expiry .exp-year {
  float: right;
  width: 49%; }

.swipe-button-container {
  position: relative; }

.swipe-card-button {
  position: absolute;
  top: 0;
  right: 3px;
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 11px;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: var(--_theme-primary);
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  text-decoration: underline; }
  .swipe-card-button:disabled {
    cursor: not-allowed; }

.swiping {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #1D875A;
  box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.29);
  z-index: 3; }
  .swiping .swiping-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff; }
  .swiping .swipe-input {
    position: absolute;
    top: -50px;
    left: 0; }

.card-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 56% 44%;
  grid-template-columns: 56% 44%;
  align-items: flex-end; }
  .card-grid .card-cvc, .card-grid .card-postal {
    -ms-grid-column: 2;
    padding-left: 10px; }
  .card-grid .cvc-hint {
    -ms-grid-row: 2;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3; }
  .card-grid .card-country, .card-grid .card-postal {
    -ms-grid-row: 3; }
  .card-grid .card-country.without-postal {
    -ms-grid-column-span: 2;
    grid-column: 1 / 3; }

.cvc-hint-toggle {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: var(--_theme-primary);
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: underline;
  cursor: pointer; }
  .cvc-hint-toggle:disabled {
    cursor: not-allowed; }
  .cvc-hint-toggle svg {
    margin-left: 3px;
    width: 12px;
    height: 12px; }

.cvc-hint {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-height: 44px;
  background-color: #22262b;
  background-color: var(--shade-grey, #22262b);
  padding-top: 8px;
  padding-right: 25px;
  padding-bottom: 8px;
  padding-left: 52px;
  margin-bottom: 5px;
  color: #fff;
  color: var(--text-primary, #fff);
  border-radius: 4px; }
  .cvc-hint:after {
    content: '';
    display: inline-block;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0 6px 6px 6px;
    border-bottom-color: currentColor;
    position: absolute;
    top: -6px;
    right: 20px;
    color: #22262b;
    color: var(--shade-grey, #22262b); }
  .cvc-hint .cvc-hint-close {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
    line-height: 0;
    padding: 4px; }
    .cvc-hint .cvc-hint-close:disabled {
      cursor: not-allowed; }
    .cvc-hint .cvc-hint-close svg {
      width: 9px;
      height: 9px; }

.cvc-hint-icon {
  position: absolute;
  top: 8px;
  left: 10px;
  width: 32px;
  height: 21px;
  margin-right: 10px;
  margin-top: 3px;
  background-color: #0a6ece;
  border-radius: 2px; }
  .cvc-hint-icon::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    height: 4px;
    background-color: rgba(0, 0, 0, 0.5); }
  .cvc-hint-icon::after {
    content: '';
    position: absolute;
    top: 12px;
    right: 4px;
    width: 7px;
    height: 4px;
    background-color: #fff; }

.amex-note {
  display: none;
  border-top: 1px solid var(--_border-grey-light);
  padding: 10px 15px; }
  .card-fields.card-type-amex .amex-note {
    display: block; }

.custom-field {
  position: relative; }

.custom-field-instance .field {
  margin: 0; }

.cf-wrap {
  position: relative;
  margin-bottom: 15px; }
  .cf-wrap .field {
    margin-bottom: 0; }
  .cf-wrap.private-field {
    padding: 5px 5px 5px 34px;
    background-color: var(--_surface-primary);
    margin-bottom: 10px;
    border: 1px solid var(--_border-grey-light);
    border-radius: 4px; }
    .cf-wrap.private-field .private-field-icon {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 26px;
      background: var(--_shade-grey-dark);
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .cf-wrap.private-field .icon-svg-lock {
      width: 10px;
      color: var(--_fh-grey); }
  .cf-wrap.adjustable-pricing {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    border: 1px solid var(--_border-grey-light);
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
    .cf-wrap.adjustable-pricing:not(.private-field) {
      padding-left: 5px; }
    .cf-wrap.adjustable-pricing .private-field-icon {
      border-bottom-left-radius: 0; }

.cf-label {
  display: block; }

.cf-title {
  font-weight: bold;
  padding-bottom: 3px;
  line-height: 1.2; }
  .cf-title .option-offset, .cf-title .option-rate {
    color: #0a6ece;
    color: var(--_theme-primary); }
  .cf-title.no-title {
    visibility: hidden; }

.cf-description {
  padding-top: 4px;
  line-height: 1.2; }

.cf-wrap--header,
.cf-wrap--note {
  padding-top: 5px;
  padding-bottom: 5px; }

.custom-field-long {
  line-height: 0; }
  .custom-field-long textarea {
    height: 75px; }

.cf-checkbox {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }
  .cf-checkbox.checkbox-selected, .checkbox-selected .cf-checkbox {
    background-color: #f9fafb;
    background-color: var(--_shade-grey-light);
    border-color: #84929f;
    border-color: var(--_border-grey-dark--hover); }
    .cf-checkbox.checkbox-selected .cf-description::after, .checkbox-selected .cf-checkbox .cf-description::after {
      background: rgba(var(--_surface-primary--rgb), 0.1);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(var(--_surface-primary--rgb), 0.1)), color-stop(100%, var(--_shade-grey-light)));
      background: -webkit-linear-gradient(top, rgba(var(--_surface-primary--rgb), 0.1) 0%, var(--_shade-grey-light) 100%);
      background: -ms-linear-gradient(top, rgba(var(--_surface-primary--rgb), 0.1) 0%, var(--_shade-grey-light) 100%);
      background: linear-gradient(to bottom, rgba(var(--_surface-primary--rgb), 0.1) 0%, var(--_shade-grey-light) 100%); }
  .cf-checkbox .cf-label {
    cursor: pointer; }
  .cf-checkbox .cf-checkbox-amount {
    margin-right: 3px; }
  .cf-checkbox .cf-checkbox-title {
    padding-bottom: 10px;
    padding-right: 15px; }
  .cf-checkbox .cf-description {
    overflow: auto;
    max-height: 175px;
    padding-top: 0;
    padding-right: 15px;
    padding-bottom: 10px; }
    @media only screen {
      .cf-checkbox .cf-description::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 20px;
        left: 5px;
        height: 10px;
        background: rgba(var(--_surface-primary--rgb), 0.1);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(var(--_surface-primary--rgb), 0.1)), color-stop(100%, rgba(var(--_surface-primary--rgb), 1)));
        background: -webkit-linear-gradient(top, rgba(var(--_surface-primary--rgb), 0.1) 0%, rgba(var(--_surface-primary--rgb), 1) 100%);
        background: -ms-linear-gradient(top, rgba(var(--_surface-primary--rgb), 0.1) 0%, rgba(var(--_surface-primary--rgb), 1) 100%);
        background: linear-gradient(to bottom, rgba(var(--_surface-primary--rgb), 0.1) 0%, rgba(var(--_surface-primary--rgb), 1) 100%);
        pointer-events: none; } }
  .cf-checkbox .cf-checkbox-content {
    position: relative;
    padding-top: 10px;
    padding-right: 24px;
    padding-left: 40px;
    min-height: 25px; }
  .cf-checkbox .field-required-flag {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important; }

.cf-checkbox-field {
  position: absolute;
  top: 10px;
  left: 15px; }

.cf-admin-note {
  padding: 3px 5px;
  background: var(--_shade-grey);
  border-radius: 2px;
  margin-top: 3px; }

.cf-admin-note-list {
  position: relative;
  background: var(--_shade-grey);
  border-radius: 2px;
  margin-top: 3px; }

.cf-admin-note-list-item {
  padding: 3px 5px; }
  .cf-admin-note-list-item.is-warning {
    background-color: var(--_warning-surface); }

.cf-code-error {
  color: #ce3927;
  color: var(--fh-red, #ce3927); }

.custom-field-extended-option .option-details {
  background-color: var(--_surface-primary);
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #afb8c0;
  border-color: var(--_border-grey-dark);
  border-radius: 4px; }

.custom-field-extended-option .cf-extended-option-dropdown {
  margin-bottom: 4px; }
  .custom-field-extended-option .cf-extended-option-dropdown .private::before {
    content: '';
    display: inline-block;
    margin-right: 4px;
    width: 10px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23697886%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.02%2014%22%3E%0A%20%20%3Cpath%20d%3D%22M7.66%2C3.88a2.15%2C2.15%2C0%2C0%2C0-4.3%2C0v2h4.3Z%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpath%20d%3D%22M9.39%2C5.85v-2a3.88%2C3.88%2C0%2C0%2C0-7.76%2C0v2A1.72%2C1.72%2C0%2C0%2C0%2C0%2C7.56v4.73A1.72%2C1.72%2C0%2C0%2C0%2C1.71%2C14h7.6A1.72%2C1.72%2C0%2C0%2C0%2C11%2C12.29V7.56A1.71%2C1.71%2C0%2C0%2C0%2C9.39%2C5.85Zm-6-2a2.15%2C2.15%2C0%2C0%2C1%2C4.3%2C0v2H3.36Z%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 10px 12px;
    background-repeat: no-repeat; }
  .custom-field-extended-option .cf-extended-option-dropdown .private:hover::before, .custom-field-extended-option .cf-extended-option-dropdown .private.highlighted::before {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23FFFFFF%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.02%2014%22%3E%0A%20%20%3Cpath%20d%3D%22M7.66%2C3.88a2.15%2C2.15%2C0%2C0%2C0-4.3%2C0v2h4.3Z%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpath%20d%3D%22M9.39%2C5.85v-2a3.88%2C3.88%2C0%2C0%2C0-7.76%2C0v2A1.72%2C1.72%2C0%2C0%2C0%2C0%2C7.56v4.73A1.72%2C1.72%2C0%2C0%2C0%2C1.71%2C14h7.6A1.72%2C1.72%2C0%2C0%2C0%2C11%2C12.29V7.56A1.71%2C1.71%2C0%2C0%2C0%2C9.39%2C5.85Zm-6-2a2.15%2C2.15%2C0%2C0%2C1%2C4.3%2C0v2H3.36Z%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 10px 12px;
    background-repeat: no-repeat; }

.select2-results__option .private::before {
  content: '';
  display: inline-block;
  margin-right: 4px;
  width: 10px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23697886%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.02%2014%22%3E%0A%20%20%3Cpath%20d%3D%22M7.66%2C3.88a2.15%2C2.15%2C0%2C0%2C0-4.3%2C0v2h4.3Z%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpath%20d%3D%22M9.39%2C5.85v-2a3.88%2C3.88%2C0%2C0%2C0-7.76%2C0v2A1.72%2C1.72%2C0%2C0%2C0%2C0%2C7.56v4.73A1.72%2C1.72%2C0%2C0%2C0%2C1.71%2C14h7.6A1.72%2C1.72%2C0%2C0%2C0%2C11%2C12.29V7.56A1.71%2C1.71%2C0%2C0%2C0%2C9.39%2C5.85Zm-6-2a2.15%2C2.15%2C0%2C0%2C1%2C4.3%2C0v2H3.36Z%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: 10px 12px;
  background-repeat: no-repeat; }

.select2-results__option[aria-selected=true] .private::before {
  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23FFFFFF%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.02%2014%22%3E%0A%20%20%3Cpath%20d%3D%22M7.66%2C3.88a2.15%2C2.15%2C0%2C0%2C0-4.3%2C0v2h4.3Z%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpath%20d%3D%22M9.39%2C5.85v-2a3.88%2C3.88%2C0%2C0%2C0-7.76%2C0v2A1.72%2C1.72%2C0%2C0%2C0%2C0%2C7.56v4.73A1.72%2C1.72%2C0%2C0%2C0%2C1.71%2C14h7.6A1.72%2C1.72%2C0%2C0%2C0%2C11%2C12.29V7.56A1.71%2C1.71%2C0%2C0%2C0%2C9.39%2C5.85Zm-6-2a2.15%2C2.15%2C0%2C0%2C1%2C4.3%2C0v2H3.36Z%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: 10px 12px;
  background-repeat: no-repeat; }

.transportation-details {
  background-color: #fff;
  background-color: var(--_surface-primary);
  padding: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #afb8c0;
  border-color: var(--_border-grey-dark);
  border-radius: 4px;
  overflow: hidden;
  margin-top: 5px; }

.pickup-time, .new-pickup-time {
  color: var(--_theme-primary);
  font-size: 18px;
  margin-bottom: 5px; }
  .pickup-time::before, .new-pickup-time::before {
    content: '';
    display: inline-block;
    vertical-align: text-top;
    width: 15px;
    height: 15px;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%230A6ECE%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%0A%20%20%3Cpath%20d%3D%22M0%2C8.59l1.5-2%2C4%2C3.67L11.87%2C0%2C14%2C1.28%2C6%2C14Z%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 2px;
    margin-right: 3px; }

.transportation-note {
  margin-top: 10px; }

.transportation-description {
  margin-top: 10px; }

.new-transportation-details {
  background: var(--shade-grey, #fff);
  border: 1px solid var(--_border-grey);
  border-radius: 4px;
  margin-top: 12px; }
  .new-transportation-details .pickup-info {
    padding: 20px;
    max-height: 225px;
    overflow-x: auto; }

.new-transportation-options-header {
  padding: 10px 20px; }

.new-trans-selects-wrap {
  background-color: #f1f2f4;
  background-color: var(--_shade-grey);
  padding: 10px 20px; }

.new-trans-selects {
  width: 100%; }

@media only screen and (min-width: 680px) {
  .cf-stop-dropdown-label,
  .cf-route-dropdown-label {
    width: 100px;
    white-space: nowrap;
    padding-right: 10px; } }

@media only screen and (max-width: 679px) {
  .cf-stop-dropdown-label,
  .cf-route-dropdown-label {
    padding-bottom: 5px; } }

.cf-lodging-dropdown,
.cf-stop-dropdown {
  position: relative;
  margin-bottom: 0;
  margin-top: 5px; }

.field.cf-route-dropdown {
  position: relative;
  margin-bottom: 5px; }

.cf-rebook-new-transportation {
  border: 3px solid #f37f25;
  padding: 15px; }
  .cf-rebook-new-transportation h2 {
    color: #f37f25;
    padding-bottom: 10px; }

@media only screen and (min-width: 680px) {
  .cf-rebook-option {
    float: left; } }

.cf-rebook-option label {
  cursor: pointer;
  border-radius: 2px;
  height: 30px;
  line-height: 30px;
  display: block;
  padding: 0 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (min-width: 680px) {
    .cf-rebook-option label {
      margin-right: 8px;
      float: left; } }
  @media only screen and (max-width: 679px) {
    .cf-rebook-option label {
      margin-bottom: 3px;
      width: 100%; } }
  .cf-rebook-option label.radio-selected .icon-hint {
    background-position: -462px -250px; }
  .cf-rebook-option label:hover {
    background: #cfeaff; }
  .cf-rebook-option label.radio-selected {
    background: #0a6ece;
    color: #fff; }

.self-lodging-contact-field .cf-label {
  margin-top: 5px; }

.self-lodging-contact-field textarea {
  height: 80px; }

.cf-lodging-table {
  width: 100%;
  table-layout: fixed; }
  @media only screen and (min-width: 680px) {
    .cf-lodging-table .room-number-field {
      width: 110px;
      padding-left: 12px; } }
  @media only screen and (max-width: 679px) {
    .cf-lodging-table .room-number-field {
      padding-top: 5px; } }
.cf-run-dropdown {
  margin-bottom: 5px; }

.need-trans-price {
  padding: 12px 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #afb8c0;
  border-bottom-color: var(--_border-grey-dark); }

.pickup-map-link {
  display: block;
  padding: 10px 20px 10px 42px;
  position: relative;
  border-top: 1px solid #DDE1E4; }
  .pickup-map-link:before {
    display: block;
    content: ' ';
    width: 10px;
    height: 15px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 20px;
    background-position: -377px -277px; }
  .pickup-map-link:hover .map-link-headline {
    text-decoration: underline; }
  .pickup-map-link .map-link-headline:after {
    display: inline-block;
    content: ' ';
    width: 5px;
    height: 7px;
    background-position: -348px -332px;
    margin-left: 6px; }
  .pickup-map-link .map-link-subhead {
    color: var(--_fh-grey);
    display: block; }

.select-a-stop-note {
  padding: 10px 20px; }

.pickup-notes-toggle {
  color: var(--_fh-grey); }
  .pickup-notes-toggle:not(:last-child) {
    padding-bottom: 10px; }
  .pickup-notes-toggle button {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    text-decoration: underline; }
    .pickup-notes-toggle button:disabled {
      cursor: not-allowed; }

.field-preinvalid-flag,
.field-prevalid-flag {
  display: none;
  background-color: #fff;
  background-color: var(--_surface-primary);
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  line-height: 30px;
  padding: 0 8px;
  z-index: 2; }
  .field-preinvalid-flag::before,
  .field-prevalid-flag::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-top; }

.ng-preinvalid input {
  border: 1px solid #ed501a !important;
  padding-right: 38px; }
  .ng-preinvalid input::-webkit-input-placeholder {
    color: #ed501a; }
  .ng-preinvalid input:-moz-placeholder {
    color: #ed501a;
    opacity: 1; }
  .ng-preinvalid input::-moz-placeholder {
    color: #ed501a;
    opacity: 1; }
  .ng-preinvalid input:-ms-input-placeholder {
    color: #ed501a; }
  .ng-preinvalid input .placeholder {
    color: #ed501a; }

.ng-preinvalid .field-preinvalid-flag {
  display: block;
  background: #c02b2b;
  cursor: help; }
  .ng-preinvalid .field-preinvalid-flag:before {
    background-position: -457px -309px; }

.ng-prevalid input {
  padding-right: 80px; }
  .ng-prevalid input::-webkit-input-placeholder {
    color: var(--_fh-green); }
  .ng-prevalid input:-moz-placeholder {
    color: var(--_fh-green);
    opacity: 1; }
  .ng-prevalid input::-moz-placeholder {
    color: var(--_fh-green);
    opacity: 1; }
  .ng-prevalid input:-ms-input-placeholder {
    color: var(--_fh-green); }
  .ng-prevalid input .placeholder {
    color: var(--_fh-green); }

.ng-prevalid .field-prevalid-flag {
  display: block;
  background: #1D875A;
  color: #fff !important; }
  .ng-prevalid .field-prevalid-flag .amount.negative {
    color: #fff; }
  .ng-prevalid .field-prevalid-flag:before {
    background-position: -440px -309px; }

.custom-field-count {
  display: block; }
  .custom-field-count .cf-title {
    padding-bottom: 0; }
  .custom-field-count:last-child {
    padding-bottom: 0; }

.count-field-select {
  padding-right: 12px;
  width: 79px; }

.count-field-price-preview {
  color: #697886 !important;
  color: var(--_fh-grey) !important; }
  .count-field-price-preview .negative {
    color: #697886;
    color: var(--_fh-grey); }

.count-field-setup td:first-child {
  padding-right: 8px; }

.count-field-setup td:last-child {
  padding-right: 8px; }

.cf-wrap--card-generator .cf-checkbox {
  position: relative; }

.card-generator-amounts-wrap {
  overflow-y: auto;
  padding: 3px;
  margin: -3px; }

.card-generator-amounts .td:not(:last-child) {
  padding-right: 5px; }

.card-generator-amounts label {
  display: block;
  padding: 10px 3px;
  border-radius: 5px;
  border: 1px solid var(--_border-grey-dark);
  background-color: #fff;
  background-color: var(--_surface-primary);
  text-align: center;
  font-size: 15px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .card-generator-amounts label > input {
    margin-bottom: 5px; }
  .card-generator-amounts label:focus-within {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f; }
  .card-generator-amounts label.radio-selected {
    color: #0a6ece;
    color: var(--_theme-primary);
    border: 2px solid currentColor; }

.card-generator-custom-amount {
  padding-top: 10px; }
  .card-generator-custom-amount .label-text {
    display: block;
    padding-bottom: 3px; }

.card-generator-header {
  padding-top: 12px;
  padding-bottom: 8px;
  font-weight: bold; }

.adjustable-pricing-btn {
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 15px;
  border-right: 1px solid var(--_border-grey-light);
  border-left: 1px solid var(--_border-grey-light);
  color: var(--_fh-green);
  cursor: pointer;
  transition: background-color 100ms ease; }
  .adjustable-pricing-btn:disabled {
    cursor: not-allowed; }
  @media only screen and (hover: hover) {
    .adjustable-pricing-btn:hover {
      background-color: var(--shade-green, #e4f6ea); } }
  .adjustable-pricing-btn.focus-visible {
    background-color: var(--shade-green, #e4f6ea); }
  .adjustable-pricing-btn:active, .adjustable-pricing-btn.toggled, .adjustable-pricing-btn.dirty {
    color: var(--fh-green, #19764f);
    background-color: var(--_shade-green); }
  .adjustable-pricing-btn::after {
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 3.5px 0 3.5px;
    border-top-color: currentColor;
    flex: none;
    margin-left: auto; }
    @supports (mask-type: inherit) {
      .adjustable-pricing-btn::after {
        width: 7px;
        height: 5px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 7px 5px;
        border: 0; } }
  .adjustable-pricing-btn:not(.toggled) {
    margin-bottom: 15px;
    border-bottom: 1px solid var(--_border-grey-light);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .adjustable-pricing-btn .negative {
    color: #c02b2b; }

.adjustable-pricing-form {
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 2px;
  padding-right: 15px;
  padding-left: 15px;
  border: 1px solid var(--_border-grey-light);
  border-top: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  animation-duration: 0.15s !important; }
  .pushable-fields .adjustable-pricing-form .field {
    margin-bottom: 5px; }

.adjustable-pricing-form-row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }
  @media only print {
    .adjustable-pricing-form-row {
      display: none !important; } }
.adjustable-pricing-reset {
  margin-top: 10px;
  margin-left: auto;
  padding-left: 5px;
  cursor: pointer; }
  @media only print {
    .adjustable-pricing-reset {
      display: none !important; } }
.customer-type-cards-two-col .customer-type-card, .customer-type-cards-two-col .add-more-card {
  width: 49%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 2%; }
  @media only screen and (max-width: 679px) {
    .customer-type-cards-two-col .customer-type-card, .customer-type-cards-two-col .add-more-card {
      float: none !important;
      width: auto;
      margin-bottom: 15px; } }
.customer-type-cards-two-col li:nth-child(odd) .customer-type-card,
.customer-type-cards-two-col li:nth-child(odd) .add-more-card {
  float: left;
  clear: both; }

.customer-type-cards-two-col li:nth-child(odd) .add-more-card {
  width: 100%; }

.customer-type-cards-two-col li:nth-child(even) .customer-type-card,
.customer-type-cards-two-col li:nth-child(even) .add-more-card {
  float: right; }

.add-more-card {
  text-align: center;
  color: #5a6672;
  color: var(--_fh-grey-dark);
  border: 2px dashed #d1d6db;
  border-color: var(--_border-grey);
  border-radius: 6px;
  padding: 30px 15px;
  margin-bottom: 2%; }

.add-more-message {
  position: relative;
  color: var(--_fh-grey); }
  @media only screen and (min-width: 680px) {
    .add-more-message {
      padding-bottom: 25px;
      text-align: center; } }
  .add-more-message h2 {
    font-size: 17px;
    color: #0a6ece;
    color: var(--_theme-primary); }

.customer-type-card {
  position: relative; }
  @media only screen {
    .customer-type-card {
      margin-bottom: 15px;
      background-color: #fff;
      background-color: var(--customer-card-surface, #fff);
      padding: 20px 25px 10px 25px;
      border-radius: 5px;
      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16); }
      .book-auth .customer-type-card {
        padding: 12px 20px 7px 20px; }
      .customer-type-card .customer-type-name {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 12px; }
        .book-auth .customer-type-card .customer-type-name {
          padding-bottom: 8px; }
      .customer-type-card .customer-type-card-cost {
        color: #0a6ece;
        color: var(--_theme-primary);
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 10px; }
        .book-auth .customer-type-card .customer-type-card-cost {
          padding-bottom: 8px; } }
  @media only print {
    .customer-type-card {
      border: 1px solid #C6C8CB;
      margin-bottom: 5px; } }
  .customer-type-card .customer-type-card-header .customer-type-name {
    float: left; }
  .customer-type-card .customer-type-card-cost {
    float: right; }
  .customer-type-card .reorder-note {
    margin-bottom: 10px; }
    .customer-type-card .reorder-note:before {
      margin-left: 0; }
  .customer-type-card .invoice-table td {
    padding: 5px 18px; }
  .customer-type-card .customer-type-card-remove {
    position: absolute;
    top: -6px;
    right: -6px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .customer-type-card .customer-type-card-remove button {
      width: 24px;
      box-sizing: border-box;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
      letter-spacing: inherit;
      text-align: left;
      color: inherit;
      background-color: transparent;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: #c02b2b;
      color: #fff;
      height: 24px;
      border-radius: 24px;
      cursor: pointer; }
      .customer-type-card .customer-type-card-remove button:disabled {
        cursor: not-allowed; }
      @media only screen and (hover: hover) {
        .customer-type-card .customer-type-card-remove button:hover {
          background-color: #BE392F; } }
      .customer-type-card .customer-type-card-remove button.focus-visible {
        background-color: #BE392F; }
      .customer-type-card .customer-type-card-remove button:active {
        filter: brightness(95%); }
      .customer-type-card .customer-type-card-remove button.active-when-toggled.toggled, .customer-type-card .customer-type-card-remove button.is-active {
        background-color: #ab2626; }
      .customer-type-card .customer-type-card-remove button .icon-x {
        display: block;
        position: absolute;
        top: 7px;
        left: 7px;
        width: 10px;
        height: 10px; }
  .customer-type-card .sortable-placeholder {
    border: 2px dashed #b9cad5;
    border-radius: 4px; }

.hint {
  display: block;
  position: relative;
  color: var(--text-primary, #2b3136);
  padding-bottom: 12px;
  line-height: 1.2; }
  .hint.hint-alert {
    clear: both;
    padding: 12px 12px 12px 39px;
    margin-bottom: 5px;
    color: #28323A;
    color: var(--fh-grey-dark, #28323a);
    text-align: left;
    line-height: 1.3;
    background-color: #E8F0F3;
    background-color: var(--shade-grey, #E8F0F3);
    border: 1px solid var(--border-grey, #bdc5cb);
    border-left: 3px solid var(--_border-grey-dark);
    border-radius: 3px; }
    .hint.hint-alert::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 12px;
      transform: translateY(-50%);
      width: 16px;
      height: 16px;
      background-color: var(--_fh-grey);
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%3Cpath%20d%3D%22M7.5%2C0A7.5%2C7.5%2C0%2C1%2C0%2C15%2C7.5%2C7.5%2C7.5%2C0%2C0%2C0%2C7.5%2C0ZM9.27%2C10.67a11.31%2C11.31%2C0%2C0%2C1-1.18%2C1.52%2C2.25%2C2.25%2C0%2C0%2C1-1.56.7%2C1.44%2C1.44%2C0%2C0%2C1-.9-.31%2C1.18%2C1.18%2C0%2C0%2C1-.43-1A3.75%2C3.75%2C0%2C0%2C1%2C5.3%2C11c0-.16.09-.37.16-.63l1-3.55V6.71s0-.14%2C0-.16a2.58%2C2.58%2C0%2C0%2C0-.64-.08.24.24%2C0%2C0%2C1-.22-.24v-.4a.24.24%2C0%2C0%2C1%2C.22-.24L7%2C5.47c.54-.06.93-.11%2C1.15-.16l.65-.12A.23.23%2C0%2C0%2C1%2C9%2C5.26a.25.25%2C0%2C0%2C1%2C.05.22L7.87%2C9.85c-.1.37-.17.63-.2.77a3.44%2C3.44%2C0%2C0%2C0-.13.67s.14%2C0%2C.41-.29a4.93%2C4.93%2C0%2C0%2C0%2C.58-.8.33.33%2C0%2C0%2C1%2C.15-.11.28.28%2C0%2C0%2C1%2C.18%2C0l.34.22a.25.25%2C0%2C0%2C1%2C.1.15A.23.23%2C0%2C0%2C1%2C9.27%2C10.67Zm0-6.76a1.23%2C1.23%2C0%2C0%2C1-.9.38%2C1.21%2C1.21%2C0%2C0%2C1-.89-.38A1.19%2C1.19%2C0%2C0%2C1%2C7.14%2C3a1.23%2C1.23%2C0%2C0%2C1%2C.38-.9%2C1.28%2C1.28%2C0%2C0%2C1%2C1.79%2C0%2C1.25%2C1.25%2C0%2C0%2C1%2C.36.9A1.23%2C1.23%2C0%2C0%2C1%2C9.31%2C3.91Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
      mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%3Cpath%20d%3D%22M7.5%2C0A7.5%2C7.5%2C0%2C1%2C0%2C15%2C7.5%2C7.5%2C7.5%2C0%2C0%2C0%2C7.5%2C0ZM9.27%2C10.67a11.31%2C11.31%2C0%2C0%2C1-1.18%2C1.52%2C2.25%2C2.25%2C0%2C0%2C1-1.56.7%2C1.44%2C1.44%2C0%2C0%2C1-.9-.31%2C1.18%2C1.18%2C0%2C0%2C1-.43-1A3.75%2C3.75%2C0%2C0%2C1%2C5.3%2C11c0-.16.09-.37.16-.63l1-3.55V6.71s0-.14%2C0-.16a2.58%2C2.58%2C0%2C0%2C0-.64-.08.24.24%2C0%2C0%2C1-.22-.24v-.4a.24.24%2C0%2C0%2C1%2C.22-.24L7%2C5.47c.54-.06.93-.11%2C1.15-.16l.65-.12A.23.23%2C0%2C0%2C1%2C9%2C5.26a.25.25%2C0%2C0%2C1%2C.05.22L7.87%2C9.85c-.1.37-.17.63-.2.77a3.44%2C3.44%2C0%2C0%2C0-.13.67s.14%2C0%2C.41-.29a4.93%2C4.93%2C0%2C0%2C0%2C.58-.8.33.33%2C0%2C0%2C1%2C.15-.11.28.28%2C0%2C0%2C1%2C.18%2C0l.34.22a.25.25%2C0%2C0%2C1%2C.1.15A.23.23%2C0%2C0%2C1%2C9.27%2C10.67Zm0-6.76a1.23%2C1.23%2C0%2C0%2C1-.9.38%2C1.21%2C1.21%2C0%2C0%2C1-.89-.38A1.19%2C1.19%2C0%2C0%2C1%2C7.14%2C3a1.23%2C1.23%2C0%2C0%2C1%2C.38-.9%2C1.28%2C1.28%2C0%2C0%2C1%2C1.79%2C0%2C1.25%2C1.25%2C0%2C0%2C1%2C.36.9A1.23%2C1.23%2C0%2C0%2C1%2C9.31%2C3.91Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 16px 16px;
      mask-size: 16px 16px; }
  .hint.hint-no-padd {
    padding-bottom: 0; }

.hint-help-link {
  text-decoration: none !important;
  color: #0a6ece !important;
  color: var(--_theme-primary) !important; }
  .hint-help-link:before {
    content: '';
    width: 12px;
    height: 12px;
    background-position: -442px -261px;
    vertical-align: text-top;
    margin-top: 1px;
    margin-right: 4px; }

.spreadsheet {
  border-collapse: separate;
  border-top-width: 1px;
  border-top-style: solid;
  width: 100%;
  margin: 10px 0; }
  @media only print {
    .spreadsheet {
      font-size: 11px; } }
  @media only screen {
    .spreadsheet {
      border-color: #e0e3e6;
      border-color: var(--_border-grey-light); } }
  @media only print {
    .spreadsheet {
      border-color: #cbcbcb; } }
  .spreadsheet.no-top-border {
    border-top-width: 0; }
  .spreadsheet > tbody > tr > td,
  .spreadsheet > thead > tr > td,
  .spreadsheet > thead > tr > th,
  .spreadsheet > tfoot > tr > td {
    position: relative;
    vertical-align: middle;
    padding: 2px 6px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-right-style: solid; }
    .spreadsheet > tbody > tr > td.td-no-padding,
    .spreadsheet > thead > tr > td.td-no-padding,
    .spreadsheet > thead > tr > th.td-no-padding,
    .spreadsheet > tfoot > tr > td.td-no-padding {
      padding: 0; }
    @media only screen {
      .spreadsheet > tbody > tr > td.has-drilldown,
      .spreadsheet > thead > tr > td.has-drilldown,
      .spreadsheet > thead > tr > th.has-drilldown,
      .spreadsheet > tfoot > tr > td.has-drilldown {
        padding-right: 25px; } }
    @media only screen {
      .spreadsheet > tbody > tr > td,
      .spreadsheet > thead > tr > td,
      .spreadsheet > thead > tr > th,
      .spreadsheet > tfoot > tr > td {
        border-color: #e0e3e6;
        border-color: var(--_border-grey-light); } }
    @media only print {
      .spreadsheet > tbody > tr > td,
      .spreadsheet > thead > tr > td,
      .spreadsheet > thead > tr > th,
      .spreadsheet > tfoot > tr > td {
        border-color: #cbcbcb; } }
    .spreadsheet > tbody > tr > td:last-child,
    .spreadsheet > thead > tr > td:last-child,
    .spreadsheet > thead > tr > th:last-child,
    .spreadsheet > tfoot > tr > td:last-child {
      border-right: none; }
  .spreadsheet > tbody > tr.as-thead > td,
  .spreadsheet > thead > tr > td,
  .spreadsheet > thead > tr > th,
  .spreadsheet > tfoot > tr > td {
    font-weight: bold; }
  @media only print {
    .spreadsheet.last-column-hidden-for-print > tbody > tr > td:nth-last-child(2),
    .spreadsheet.last-column-hidden-for-print > thead > tr > td:nth-last-child(2),
    .spreadsheet.last-column-hidden-for-print > thead > tr > th:nth-last-child(2),
    .spreadsheet.last-column-hidden-for-print > tfoot > tr > td:nth-last-child(2) {
      border-right: 0; } }
  .spreadsheet.width-auto {
    width: auto; }
  .spreadsheet.spreadsheet--no-margin {
    margin: 0; }
  .spreadsheet.no-margin {
    margin: 0; }
  @media only screen {
    .spreadsheet.spreadsheet--nowrap {
      white-space: nowrap; }
    .spreadsheet .td-always-wrap {
      white-space: normal !important; }
    .spreadsheet.white-bg {
      background-color: var(--_surface-primary); } }
  .spreadsheet button:not([disabled]) {
    cursor: pointer; }
  @media only screen {
    .spreadsheet .ng-table-header {
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-image: url("/static/images/ng-table-header-back.png?65648cc3023a");
      background-position: right center;
      background-repeat: no-repeat;
      padding-right: 15px !important; }
      .spreadsheet .ng-table-header:hover {
        background-color: var(--_hover-grey) !important; }
      .spreadsheet .ng-table-header.active {
        background-color: var(--_shade-grey); } }
  @media only screen and (min-resolution: 2dppx), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .spreadsheet .ng-table-header {
      background-image: url("/static/images/ng-table-header-back_2x.png?605d48050460");
      background-size: 11px 10px;
      -webkit-background-size: 11px 10px; } }
  @media only screen and (min-width: 680px) {
    .spreadsheet.highlight-rows > tbody:not(.dont-highlight) > tr:hover > td {
      background: var(--_shade-grey); }
    .spreadsheet.highlight-rows > tbody.checked-in:not(.dont-highlight) > tr:hover > td {
      background-color: var(--_checked-in-surface--hover); }
    .spreadsheet.highlight-rows > tbody.no-show:not(.dont-highlight) > tr:hover > td {
      background-color: var(--_no-show-surface--hover); }
    .spreadsheet.highlight-rows > tbody.mixed:not(.dont-highlight) > tr:hover > td {
      background-color: var(--alert-surface--hover, #f6e9d1); } }
  .spreadsheet.sticky-headers--db > thead > tr > th, .spreadsheet.sticky-headers--reports > thead > tr > th, .spreadsheet.sticky-headers--manifest > thead > tr > th {
    background-clip: padding-box; }
    @media only screen {
      @supports (position: sticky) {
        .spreadsheet.sticky-headers--db > thead > tr > th, .spreadsheet.sticky-headers--reports > thead > tr > th, .spreadsheet.sticky-headers--manifest > thead > tr > th {
          position: -webkit-sticky !important;
          position: sticky !important;
          z-index: 99;
          top: 0; } } }
  @media only screen and (min-width: 680px) {
    @supports (position: sticky) {
      .spreadsheet.sticky-headers--db > thead > tr > th {
        top: 45px; }
      .spreadsheet.sticky-headers--reports > thead > tr > th {
        top: 82px; }
      .spreadsheet.sticky-headers--manifest > thead > tr > th {
        top: 122px; } } }
  .spreadsheet tr.highlight-row:hover > td {
    background: var(--_shade-grey); }
  .spreadsheet .checked-in > tr > td {
    background-color: var(--_checked-in-surface); }
  .spreadsheet .no-show > tr > td {
    background-color: var(--_no-show-surface); }
  .spreadsheet .mixed > tr > td {
    background-color: var(--alert-surface, #F9F1E2); }
  .spreadsheet > tbody > tr.outline-row > td {
    padding-top: 0;
    padding-bottom: 1px;
    border-top: 2px solid var(--_theme-primary);
    border-bottom: 2px solid var(--_theme-primary); }
    .spreadsheet > tbody > tr.outline-row > td:first-child {
      padding-left: 3px;
      border-left: 2px solid var(--_theme-primary); }
    .spreadsheet > tbody > tr.outline-row > td:last-child {
      padding-right: 3px;
      border-right: 2px solid var(--_theme-primary); }
  .spreadsheet.spreadsheet--no-bottom-border > tbody:last-child > tr > td {
    border-bottom: 0; }
  .spreadsheet tr.ss-row-disabled > td {
    color: var(--fh-grey-light, #8a97a3); }
  .spreadsheet .callout-row > td {
    font-weight: bold;
    background-color: var(--_callout-surface) !important; }
  .spreadsheet.spreadsheet--left-pad > tbody > tr > td:first-child, .spreadsheet.spreadsheet--left-pad > thead > tr > td:first-child, .spreadsheet.spreadsheet--left-pad > thead > tr > th:first-child {
    padding-left: 25px; }
    @media only screen and (max-width: 679px) {
      .spreadsheet.spreadsheet--left-pad > tbody > tr > td:first-child, .spreadsheet.spreadsheet--left-pad > thead > tr > td:first-child, .spreadsheet.spreadsheet--left-pad > thead > tr > th:first-child {
        padding-left: 18px; } }
  .spreadsheet.zebra-stripes tbody tr:nth-child(even) {
    background-color: var(--_shade-grey); }
  .spreadsheet .td-sortable-handle {
    width: 30px;
    padding: 0; }
    .spreadsheet .td-sortable-handle:before {
      content: '';
      display: block;
      width: 30px;
      height: 10px; }
  @media only screen and (min-width: 680px) {
    .spreadsheet .td-long-note {
      width: 200px; } }
  .spreadsheet .ss-amount {
    text-align: right; }
    @media only screen and (min-width: 680px) {
      .spreadsheet .ss-amount {
        width: 42px; } }
  .spreadsheet .ss-date {
    width: 125px; }
  .spreadsheet .ss-pk {
    text-align: right;
    color: var(--_fh-grey); }
    @media only print {
      .spreadsheet .ss-pk {
        color: #000; } }
  .spreadsheet .ss-header > tr > td,
  .spreadsheet .ss-header > tr > th {
    line-height: 1;
    padding-top: 4px;
    padding-bottom: 4px; }
  .spreadsheet .ss-header-shade td, .spreadsheet .ss-header-shade th {
    background-color: var(--_shade-grey-light); }
  .spreadsheet.spreadsheet--shade-first-col > tbody tr td:first-child {
    background-color: var(--shade-grey-light, #f9fafb); }
  .spreadsheet td.spanned-header, .spreadsheet th.spanned-header {
    text-align: center;
    background-color: var(--_shade-grey); }
    .spreadsheet td.spanned-header.big, .spreadsheet th.spanned-header.big {
      padding-top: 4px;
      padding-bottom: 5px; }
  .spreadsheet td.bookings-header, .spreadsheet th.bookings-header {
    background-color: var(--shade-grey-dark, #E0F3FF) !important; }
  .spreadsheet td.customers-header, .spreadsheet th.customers-header {
    background-color: var(--shade-grey-dark, #c2e4f9) !important; }
  .spreadsheet td.payments-header, .spreadsheet td.customfieldvalues-header, .spreadsheet th.payments-header, .spreadsheet th.customfieldvalues-header {
    background-color: var(--shade-grey-dark, #CFFCCE) !important; }
  .spreadsheet td.disputes-header, .spreadsheet th.disputes-header {
    background-color: var(--shade-grey-dark, #F2C9A4) !important; }
  .spreadsheet td.refunds-header, .spreadsheet th.refunds-header {
    background-color: var(--shade-grey-dark, #e9aeae) !important; }
  .spreadsheet td.adjustments-header, .spreadsheet th.adjustments-header {
    background-color: var(--shade-grey-dark, #F2C9A4) !important; }
  .spreadsheet td.transfers-header, .spreadsheet td.lineitems-header, .spreadsheet th.transfers-header, .spreadsheet th.lineitems-header {
    background-color: var(--shade-grey-dark, #DFC6F0) !important; }
  .spreadsheet td.resourceuses-header, .spreadsheet th.resourceuses-header {
    background-color: var(--shade-grey-dark, #CFFCCE) !important; }
  .spreadsheet .ss-align-right {
    text-align: right; }
  .spreadsheet .ss-amount-field {
    max-width: 58px;
    line-height: 0; }
    .spreadsheet .ss-amount-field .field {
      margin-bottom: 0; }
  .spreadsheet .ss-date-field {
    width: 130px; }
    .spreadsheet .ss-date-field .field {
      margin-bottom: 0; }
  .spreadsheet a:hover {
    text-decoration: underline; }
  .spreadsheet .td-checkbox {
    padding: 0;
    text-align: center; }
  @media only screen {
    .spreadsheet .td-invoice-id {
      color: var(--_theme-primary);
      font-size: 14px; } }
  .spreadsheet .ss-group-header {
    padding-top: 14px;
    padding-bottom: 5px; }
    .spreadsheet .ss-group-header .group-header-left {
      float: left; }
    .spreadsheet .ss-group-header .group-header-right {
      float: right; }

@media only screen {
  button.ss-cell-edit,
  button.ss-cell-edit--style-after {
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }
    button.ss-cell-edit:disabled,
    button.ss-cell-edit--style-after:disabled {
      cursor: not-allowed; }
  .ss-cell-edit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 98;
    cursor: pointer;
    border-radius: 2px; } }
  @media only screen and (hover: hover) {
    .ss-cell-edit:not(.focus-visible):not(.no-hover):hover {
      box-shadow: 0 0 0 2px var(--_fh-grey-light); }
      .ss-cell-edit:not(.focus-visible):not(.no-hover):hover:active {
        box-shadow: 0 0 0 2px var(--_fh-grey); } }
@media only screen {
    .ss-cell-edit.focus-visible:not(.focus-visible):not(.no-hover) {
      box-shadow: 0 0 0 2px var(--_fh-grey-light); }
      .ss-cell-edit.focus-visible:not(.focus-visible):not(.no-hover):active {
        box-shadow: 0 0 0 2px var(--_fh-grey); }
  .ss-cell-edit--style-after::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 98;
    cursor: pointer;
    border-radius: 2px; } }

@media only screen and (hover: hover) {
  .ss-cell-edit--style-after:not(.focus-visible):not(.no-hover):hover::after {
    box-shadow: 0 0 0 2px var(--_fh-grey-light); }
    .ss-cell-edit--style-after:not(.focus-visible):not(.no-hover):hover::after:active {
      box-shadow: 0 0 0 2px var(--_fh-grey); } }

@media only screen {
  .ss-cell-edit--style-after.focus-visible:not(.focus-visible):not(.no-hover)::after {
    box-shadow: 0 0 0 2px var(--_fh-grey-light); }
    .ss-cell-edit--style-after.focus-visible:not(.focus-visible):not(.no-hover)::after:active {
      box-shadow: 0 0 0 2px var(--_fh-grey); }
  .ss-cell-edit--style-after.focus-visible {
    box-shadow: none; }
    .ss-cell-edit--style-after.focus-visible::after {
      box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4; }
  .ss-td-toggle {
    width: 15px;
    cursor: pointer;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .ss-td-toggle:hover {
      background-color: var(--_shade-grey); }
  .ss-td-blocklink {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .ss-td-blocklink:hover {
      background-color: var(--_shade-grey);
      text-decoration: underline; }
  .show-links a, .show-links button {
    color: var(--_theme-primary);
    text-decoration: underline; }
  .show-links button {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .show-links button:disabled {
      cursor: not-allowed; } }

.ss-td-drillup {
  width: 14px; }

.ss-drillup {
  display: block;
  margin: 0 auto;
  width: 9px;
  height: 9px;
  background-size: 9px 9px; }

.ss-drilldown {
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-indent: -9999em; }
  @media only print {
    .ss-drilldown {
      display: none !important; } }
  .ss-drilldown:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    background-position: -481px -170px;
    opacity: 0.4; }
  .ss-drilldown:hover:after {
    opacity: 1; }

.tip-ele--ss-drilldown {
  margin-top: 6px; }

@media only screen and (min-width: 680px) {
  td.col-paidstatus, th.col-paidstatus {
    width: 40px; }
  td.col-email-status, th.col-email-status {
    width: 17px; } }

@-moz-document url-prefix() {
  .ss-cell-inner {
    position: relative; } }

@media only screen and (min-width: 680px) {
  .td-user-name {
    line-height: 30px; } }

.td-user-name img {
  float: left;
  margin-right: 8px; }

.tabs {
  clear: both;
  width: 100%;
  border-bottom: 1px solid var(--_border-grey);
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media only print {
    .tabs {
      display: none !important; } }
  @media only screen and (min-width: 680px) {
    .tabs {
      padding-left: 35px;
      padding-left: var(--settings-wrap-padding-inline-start); } }
  @media only screen and (min-width: 680px) {
    .tabs li {
      float: left; } }
  .tabs a {
    display: block;
    padding: 14px 17px 11px 17px;
    border-bottom: 3px solid transparent;
    transition: background-color 100ms ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px; }
    .tabs a .icon-arrow-up-right {
      width: 9px;
      height: 9px;
      margin-left: 5px;
      color: var(--_fh-grey-dark); }
    .tabs a:hover {
      background-color: var(--_hover-grey); }
    .tabs a.toggled, .tabs a.current {
      color: var(--_theme-primary);
      border-color: currentColor; }

.giant-toggle {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  border-bottom: 1px solid var(--_border-grey); }
  @media only screen and (min-width: 680px) {
    .giant-toggle {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; } }
  @media only screen and (max-width: 679px) {
    .giant-toggle {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  .giant-toggle > button {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .giant-toggle > button:disabled {
      cursor: not-allowed; }
  .giant-toggle > a, .giant-toggle > button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 38px;
    padding: 5px 15px;
    border-bottom: 2px solid transparent;
    cursor: pointer; }
    @media only screen and (max-width: 679px) {
      .giant-toggle > a, .giant-toggle > button {
        width: 50%; } }
    @media only screen and (hover: hover) {
      .giant-toggle > a:hover, .giant-toggle > button:hover {
        background-color: var(--_hover-grey); } }
    .giant-toggle > a.focus-visible, .giant-toggle > button.focus-visible {
      background-color: var(--_hover-grey); }
    .giant-toggle > a.toggled, .giant-toggle > a.current, .giant-toggle > button.toggled, .giant-toggle > button.current {
      color: var(--_theme-primary);
      border-bottom-color: currentColor; }

.giant-toggle-fluid {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid var(--_border-grey);
  background-color: var(--_surface-primary);
  margin-bottom: 15px; }
  .giant-toggle-fluid.no-margin {
    margin-bottom: 0; }
  .giant-toggle-fluid.is-fixed {
    table-layout: fixed; }
    .giant-toggle-fluid.is-fixed .td {
      padding-left: 5px;
      padding-right: 5px; }
  .giant-toggle-fluid:not(.is-fixed) .td {
    padding-left: 8px;
    padding-right: 8px; }
  .giant-toggle-fluid .td {
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    border-bottom: 3px solid transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    @media only screen and (min-width: 680px) {
      .giant-toggle-fluid .td {
        padding-top: 12px;
        padding-bottom: 9px; } }
    @media only screen and (max-width: 679px) {
      .giant-toggle-fluid .td {
        padding-top: 15px;
        padding-bottom: 12px; } }
    @media only screen and (hover: hover) {
      .giant-toggle-fluid .td:hover {
        background-color: var(--_hover-grey); } }
    .giant-toggle-fluid .td.focus-visible {
      background-color: var(--_hover-grey); }
    .giant-toggle-fluid .td:active {
      background-color: var(--_hover-grey--active); }
    .giant-toggle-fluid .td.toggled, .giant-toggle-fluid .td.current {
      color: var(--_theme-primary);
      border-bottom-color: currentColor; }

.fade-in-down {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease; }

@-webkit-keyframes fade-in-down {
  from {
    opacity: 0;
    transform: translateY(-10px); }
  to {
    opacity: 1; } }

@keyframes fade-in-down {
  from {
    opacity: 0;
    transform: translateY(-10px); }
  to {
    opacity: 1; } }

.fade-in-up {
  -webkit-animation-name: fade-in-up;
  animation-name: fade-in-up;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease; }

@-webkit-keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(10px); }
  to {
    opacity: 1; } }

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(10px); }
  to {
    opacity: 1; } }

.fade-in-left {
  -webkit-animation-name: fade-in-left;
  animation-name: fade-in-left;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease; }

@-webkit-keyframes fade-in-left {
  from {
    opacity: 0;
    transform: translateX(10px); }
  to {
    opacity: 1; } }

@keyframes fade-in-left {
  from {
    opacity: 0;
    transform: translateX(10px); }
  to {
    opacity: 1; } }

.fade-in-right {
  -webkit-animation-name: fade-in-right;
  animation-name: fade-in-right;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease; }

@-webkit-keyframes fade-in-right {
  from {
    opacity: 0;
    transform: translateX(-10px); }
  to {
    opacity: 1; } }

@keyframes fade-in-right {
  from {
    opacity: 0;
    transform: translateX(-10px); }
  to {
    opacity: 1; } }

.fade-in-and-expand {
  -webkit-animation-name: fade-in-and-expand;
  animation-name: fade-in-and-expand;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease; }

@-webkit-keyframes fade-in-and-expand {
  from {
    opacity: 0;
    width: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in-and-expand {
  from {
    opacity: 0;
    width: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.field-label-visually-hidden .label-text {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.field.floating-label-when-invalid {
  position: relative; }
  .field.floating-label-when-invalid.ng-required.ng-invalid .label-text {
    position: absolute;
    top: 0;
    right: 35px;
    left: 0;
    z-index: 1;
    padding: 0 12px;
    color: var(--_fh-grey);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none; }
    @media only screen and (min-width: 680px) {
      .field.floating-label-when-invalid.ng-required.ng-invalid .label-text {
        height: 32px;
        line-height: 32px;
        font-size: 14px; } }
    @media only screen and (max-width: 679px) {
      .field.floating-label-when-invalid.ng-required.ng-invalid .label-text {
        height: 32px;
        line-height: 32px;
        font-size: 16px !important; } }
  .field.floating-label-when-invalid.ng-required:not(.ng-invalid) .label-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

.field-cb, .field-cb-light {
  position: relative; }
  .field-cb.ng-disabled label, .field-cb.ng-disabled input, .field-cb-light.ng-disabled label, .field-cb-light.ng-disabled input {
    cursor: default; }

.field-sms-optin, .field-cb-email, .field-cb-light, .field-cb {
  clear: both; }
  .field-sms-optin label, .field-cb-email label, .field-cb-light label, .field-cb label {
    display: block;
    cursor: pointer; }
  .field-sms-optin .the-field, .field-cb-email .the-field, .field-cb-light .the-field, .field-cb .the-field {
    float: left;
    width: 13px;
    margin-right: 6px; }
  .field-sms-optin .label-text, .field-cb-email .label-text, .field-cb-light .label-text, .field-cb .label-text {
    float: left;
    max-width: calc(100% - 19px);
    max-width: -webkit-calc(100% - 19px); }
    @media only screen and (max-width: 679px) {
      .field-sms-optin .label-text, .field-cb-email .label-text, .field-cb-light .label-text, .field-cb .label-text {
        position: relative; } }
.field-cb.field-cb--right {
  float: right; }
  .field-cb.field-cb--right .label-text {
    max-width: 100%;
    margin-left: 5px; }

.field-cb-fill {
  text-align: center;
  margin-bottom: 0; }
  .field-cb-fill .label-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  .field-cb-fill label {
    display: block;
    padding: 6px; }
    .field-cb-fill label::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .field-cb-fill:not(.ng-disabled) label {
    cursor: pointer; }
    @media only screen and (hover: hover) {
      .field-cb-fill:not(.ng-disabled) label:hover::before {
        background-color: #e7ebef;
        background-color: var(--_hover-grey); } }
    .field-cb-fill:not(.ng-disabled) label.focus-visible::before {
      background-color: #e7ebef;
      background-color: var(--_hover-grey); }
    .field-cb-fill:not(.ng-disabled) label:active::before {
      background-color: #e2e6e9;
      background-color: var(--_hover-grey--active); }

.field-cb-fill-wrap {
  position: relative;
  width: 40px;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch; }

.field-cb-light {
  color: #5a6672;
  color: var(--_fh-grey-dark);
  margin-bottom: 10px; }
  .field-cb-light .label-text {
    font-weight: normal !important; }

.field-cb-email {
  margin-top: 10px; }
  .field-cb-email .label-text:before {
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23697886%22%20viewBox%3D%220%200%2018.67%2014%22%3E%3Cpath%20d%3D%22M2%2C0A2%2C2%2C0%2C0%2C0%2C0%2C2V12a2%2C2%2C0%2C0%2C0%2C2%2C2H16.63a2%2C2%2C0%2C0%2C0%2C2-2V2a2%2C2%2C0%2C0%2C0-2-2ZM16.92%2C2.42V2a.29.29%2C0%2C0%2C0-.29-.29H2A.29.29%2C0%2C0%2C0%2C1.75%2C2v.38L9.33%2C6.86Zm-15.17%2C2V12a.29.29%2C0%2C0%2C0%2C.29.29H16.63a.29.29%2C0%2C0%2C0%2C.29-.29h0V4.44L9.78%2C8.63a.89.89%2C0%2C0%2C1-.89%2C0L1.75%2C4.44Z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    background-size: 15px 11px;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 2px; }

.field-sms-optin {
  margin: 10px 0; }

.sms-rates {
  display: block;
  margin-top: 5px;
  color: var(--_fh-grey);
  font-size: 12px; }

.field-textarea .the-field textarea {
  height: 120px; }

.field-growing-textarea textarea {
  height: 50px; }
  .field-growing-textarea textarea:focus {
    height: 120px; }

.field.hours-field .the-field {
  width: 80px;
  float: left;
  margin-right: 8px; }
  .field.hours-field .the-field input {
    text-align: right; }

.field.hours-field .hours-label {
  padding-left: 10px; }
  @media only screen and (min-width: 680px) {
    .field.hours-field .hours-label {
      line-height: 32px; } }
  @media only screen and (max-width: 679px) {
    .field.hours-field .hours-label {
      line-height: 32px; } }
.field.people-field {
  line-height: 28px; }
  .field.people-field .the-field {
    width: 60px;
    float: left;
    margin-right: 8px; }
    .field.people-field .the-field input {
      text-align: right; }
  .field.people-field .people-label {
    padding-left: 10px; }

.field-select-full.ng-invalid .the-field {
  padding-right: 26px; }

.field-select-full select {
  width: 100%; }

.field-select-full.is-small select {
  font-size: 13px; }

.field-select-full:not(.is-small) select {
  font-size: 14px; }

.field-faux-select2 select, .ng-dropdown-disabled select, .select2-container--default .select2-selection--single {
  background-image: linear-gradient(#fff, #fff);
  background-image: linear-gradient(var(--_surface-primary), var(--_surface-primary)); }
  .field-faux-select2 select:focus, .ng-dropdown-disabled select:focus, .select2-container--default .select2-selection--single:focus {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f; }
  .noisy-invalid-fields .field.ng-invalid .field-faux-select2 select:not(:focus), .field-faux-select2 .noisy-invalid-fields .field.ng-invalid select:not(:focus), .noisy-invalid-fields .field.ng-invalid .ng-dropdown-disabled select:not(:focus), .ng-dropdown-disabled .noisy-invalid-fields .field.ng-invalid select:not(:focus), .noisy-invalid-fields .field.ng-invalid .select2-container--default .select2-selection--single:not(:focus), .select2-container--default .noisy-invalid-fields .field.ng-invalid .select2-selection--single:not(:focus) {
    border-color: #ed501a;
    box-shadow: 0 0 1px 1px #ed501a; }

.field-faux-select2 select, .ng-dropdown-disabled select {
  display: block;
  box-sizing: border-box;
  font-family: inherit;
  font-weight: normal;
  color: #1f2428;
  color: var(--_text-primary);
  width: 100%;
  max-width: 100%;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none; }
  .field-faux-select2 select::-ms-expand, .ng-dropdown-disabled select::-ms-expand {
    display: none; }
  .field-faux-select2 select option, .ng-dropdown-disabled select option {
    font-weight: normal; }
  @media only screen and (max-width: 679px) {
    .field-faux-select2 select, .ng-dropdown-disabled select {
      padding-left: 12px;
      padding-right: 24px;
      height: 32px;
      font-size: 16px; } }
@media only screen and (min-width: 680px) {
  .field-faux-select2.is-short .field-style-hook, .ng-dropdown-disabled.is-short .field-style-hook {
    right: 10px; }
  .field-faux-select2.is-short select, .ng-dropdown-disabled.is-short select {
    padding-left: 8px;
    padding-right: 20px;
    border-radius: 3px;
    height: 24px; }
  .field-faux-select2:not(.is-short) select, .ng-dropdown-disabled:not(.is-short) select {
    padding-left: 12px;
    padding-right: 24px;
    height: 32px;
    font-size: 14px; } }

@media only screen {
  .field-faux-select2 .field-style-hook, .ng-dropdown-disabled .field-style-hook {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    border-top-color: #5a6672;
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 6px 4px 0 4px;
    border-top-color: var(--_fh-grey-dark);
    color: var(--_fh-grey-dark); }
    @supports (mask-type: inherit) {
      .field-faux-select2 .field-style-hook, .ng-dropdown-disabled .field-style-hook {
        width: 8px;
        height: 6px;
        background-color: var(--_fh-grey-dark);
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 8px 6px;
        border: 0; } } }

.field.ng-required.ng-invalid .field-faux-select2 select, .field-faux-select2.ng-required.ng-invalid select, .field.ng-required.ng-invalid .ng-dropdown-disabled select, .ng-dropdown-disabled.ng-required.ng-invalid select {
  padding-right: 48px; }

.field.ng-required.ng-invalid .field-faux-select2 .field-style-hook, .field-faux-select2.ng-required.ng-invalid .field-style-hook, .field.ng-required.ng-invalid .ng-dropdown-disabled .field-style-hook, .ng-dropdown-disabled.ng-required.ng-invalid .field-style-hook {
  right: 36px; }

@media only screen and (min-width: 680px) {
  .field-inline-count .the-field {
    width: 60px;
    display: inline-block;
    margin-left: 5px; }
    .field-inline-count .the-field input {
      text-align: center; } }

.field-inline-select .label-text {
  float: left;
  padding-right: 10px; }

.full-name-fields td:first-child {
  width: 50%;
  padding-right: 10px; }

.field-radio-group.field-radio-group--large > li .badge, .field-radio-group-container ul.field-radio-group--large > li .badge {
  font-size: 12px; }

.field-radio-group.field-radio-group--large > li > label, .field-radio-group-container ul.field-radio-group--large > li > label {
  padding: 9px 12px; }

.field-radio-group.field-radio-group--extra-large > li > label, .field-radio-group-container ul.field-radio-group--extra-large > li > label {
  padding: 10px 15px; }

.field-radio-group .field-radio-inline-header, .field-radio-group-container ul .field-radio-inline-header {
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  background-color: var(--_shade-grey-light);
  font-weight: bold;
  border: 1px solid var(--_border-grey);
  border-bottom: 1px solid var(--_border-grey-dark);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.field-radio-group > li, .field-radio-group-container ul > li {
  position: relative; }
  .field-radio-group > li:first-child > label, .field-radio-group-container ul > li:first-child > label {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #afb8c0;
    border-top-color: var(--_border-grey-dark); }
  .field-radio-group > li:last-child > label, .field-radio-group > li:last-child > .radio-content, .field-radio-group-container ul > li:last-child > label, .field-radio-group-container ul > li:last-child > .radio-content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #afb8c0;
    border-bottom-color: var(--_border-grey-dark); }
  .field-radio-group > li .radio-content, .field-radio-group-container ul > li .radio-content {
    position: relative;
    background-color: #fff;
    background-color: var(--_surface-primary);
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #afb8c0;
    border-left-color: var(--_border-grey-dark);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #afb8c0;
    border-right-color: var(--_border-grey-dark);
    padding-top: 2px;
    padding-right: 12px;
    padding-bottom: 4px; }
    @media only screen and (min-width: 921px) {
      .field-radio-group > li .radio-content, .field-radio-group-container ul > li .radio-content {
        padding-left: 45px; } }
    @media only screen and (min-width: 679px) and (max-width: 920px) {
      .field-radio-group > li .radio-content, .field-radio-group-container ul > li .radio-content {
        padding-left: 10px; } }
    @media only screen and (max-width: 679px) {
      .field-radio-group > li .radio-content, .field-radio-group-container ul > li .radio-content {
        padding-left: 45px; } }
    .field-radio-group > li .radio-content:before, .field-radio-group-container ul > li .radio-content:before {
      content: ' ';
      display: block;
      width: 13px;
      height: 10px;
      position: absolute;
      left: 17px;
      top: 50%;
      margin-top: -5px;
      background-position: -59px -515px; }
      @media only screen and (min-width: 679px) and (max-width: 920px) {
        .field-radio-group > li .radio-content:before, .field-radio-group-container ul > li .radio-content:before {
          display: none; } }
  .field-radio-group > li > label, .field-radio-group-container ul > li > label {
    display: block;
    background-color: #fff;
    background-color: var(--_surface-primary);
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #afb8c0;
    border-left-color: var(--_border-grey-dark);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #afb8c0;
    border-right-color: var(--_border-grey-dark);
    padding: 8px 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .field-radio-group > li > label > input[type="radio"], .field-radio-group-container ul > li > label > input[type="radio"] {
      margin-right: 3px; }
    .field-radio-group > li > label:not(.is-disabled), .field-radio-group-container ul > li > label:not(.is-disabled) {
      cursor: pointer; }
      @media only screen and (hover: hover) {
        .field-radio-group > li > label:not(.is-disabled):hover, .field-radio-group-container ul > li > label:not(.is-disabled):hover {
          background-color: var(--hover-grey); } }
      .field-radio-group > li > label.focus-visible:not(.is-disabled), .field-radio-group-container ul > li > label.focus-visible:not(.is-disabled) {
        background-color: var(--hover-grey); }
    .field-radio-group > li > label.is-disabled, .field-radio-group-container ul > li > label.is-disabled {
      color: #697886;
      color: var(--_fh-grey); }
      .field-radio-group > li > label.is-disabled .badge, .field-radio-group-container ul > li > label.is-disabled .badge {
        opacity: 0.8; }
    .field-radio-group > li > label.radio-selected, .field-radio-group-container ul > li > label.radio-selected {
      background-color: #ecf5fd;
      background-color: var(--_select-menu-current);
      font-weight: bold;
      color: #0a6ece;
      color: var(--_theme-primary); }
      .field-radio-group > li > label.radio-selected.has-child, .field-radio-group-container ul > li > label.radio-selected.has-child {
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        background: var(--_select-menu-current);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--_select-menu-current)), color-stop(100%, var(--_surface-primary)));
        background: -webkit-linear-gradient(top, var(--_select-menu-current) 0%, var(--_surface-primary) 100%);
        background: -ms-linear-gradient(top, var(--_select-menu-current) 0%, var(--_surface-primary) 100%);
        background: linear-gradient(to bottom, var(--_select-menu-current) 0%, var(--_surface-primary) 100%); }
  .field-radio-group > li.field-radio-icon--cc > label, .field-radio-group-container ul > li.field-radio-icon--cc > label {
    padding-right: 35px; }
    .field-radio-group > li.field-radio-icon--cc > label:after, .field-radio-group-container ul > li.field-radio-icon--cc > label:after {
      content: '';
      position: absolute;
      height: 11px;
      width: 15px;
      top: 50%;
      margin-top: -6px;
      right: 10px;
      background-position: -180px -162px; }
  .field-radio-group > li .icon-applepay,
  .field-radio-group > li .icon-bancontact,
  .field-radio-group > li .icon-googlepay,
  .field-radio-group > li .icon-ideal,
  .field-radio-group > li .icon-paypal,
  .field-radio-group > li .icon-sofort, .field-radio-group-container ul > li .icon-applepay,
  .field-radio-group-container ul > li .icon-bancontact,
  .field-radio-group-container ul > li .icon-googlepay,
  .field-radio-group-container ul > li .icon-ideal,
  .field-radio-group-container ul > li .icon-paypal,
  .field-radio-group-container ul > li .icon-sofort {
    position: absolute;
    top: 50%;
    right: 10px; }
  .field-radio-group > li .icon-applepay,
  .field-radio-group > li .icon-bancontact,
  .field-radio-group > li .icon-googlepay,
  .field-radio-group > li .icon-ideal, .field-radio-group-container ul > li .icon-applepay,
  .field-radio-group-container ul > li .icon-bancontact,
  .field-radio-group-container ul > li .icon-googlepay,
  .field-radio-group-container ul > li .icon-ideal {
    height: 26px;
    margin-top: -13px; }
  .field-radio-group > li .icon-sofort, .field-radio-group-container ul > li .icon-sofort {
    height: 25px;
    margin-top: -13px; }
  .field-radio-group > li .icon-paypal, .field-radio-group-container ul > li .icon-paypal {
    width: 64px;
    height: 16px;
    margin-top: -8px; }

.order-partial-payments .field {
  margin-bottom: 0; }

.order-partial-payments > li {
  margin: 5px 0; }
  .order-partial-payments > li:not(:last-child) {
    padding-bottom: 5px;
    border-bottom: 1px solid var(--_border-grey-light); }
  .order-partial-payments > li:last-child {
    padding-right: 13px; }

.field-partial-payment-gross {
  margin-bottom: 0;
  line-height: 0;
  margin-top: 2px; }
  @media only screen and (min-width: 680px) {
    .field-partial-payment-gross {
      float: left; } }
.field-copy-code {
  width: 100%;
  padding: 5px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: 12px Monaco, monospace;
  border: 1px solid var(--_border-grey-dark);
  border-radius: 3px; }

.field-limited-character .the-field {
  line-height: 0; }
  .field-limited-character .the-field textarea {
    height: 120px;
    padding-bottom: 35px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    resize: none;
    position: relative;
    z-index: 1; }
    .field-limited-character .the-field textarea:not(.focus-visible) {
      box-shadow: none; }

.field-select-with-label-light .label-text {
  color: var(--_fh-grey);
  float: left;
  margin-right: 5px;
  margin-top: 1px; }

.the-field-outer.-is-translatable {
  display: block;
  position: relative; }
  .the-field-outer.-is-translatable .the-field {
    margin-right: 26px;
    z-index: 2; }

.field-small-count {
  position: relative; }
  .field-small-count input {
    padding-right: 30px; }

.field-boolean-radio {
  border-top: 1px solid var(--_border-grey);
  border-bottom: 1px solid var(--_border-grey); }
  .field-boolean-radio label {
    display: block;
    cursor: pointer;
    padding: 9px 20px; }
    @media only screen and (hover: hover) {
      .field-boolean-radio label:hover {
        background-color: var(--_hover-grey); } }
    .field-boolean-radio label.focus-visible {
      background-color: var(--_hover-grey); }
    .field-boolean-radio label input {
      margin-right: 3px; }
    .field-boolean-radio label.radio-selected {
      color: var(--_theme-primary);
      background-color: var(--_select-menu-current);
      font-weight: bold; }

.field-radio-list label {
  display: block;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px; }
  .field-radio-list label.radio-selected {
    background-color: var(--_select-menu-current) !important; }
  @media only screen and (hover: hover) {
    .field-radio-list label:hover {
      background-color: var(--_hover-grey); } }
  .field-radio-list label.focus-visible {
    background-color: var(--_hover-grey); }

@media only screen and (min-width: 680px) {
  .deposit-radio-fields {
    display: flex; }
    .deposit-radio-fields li {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .deposit-radio-fields li:not(:last-child) {
        margin-right: 6px; } }

@media only screen and (max-width: 679px) {
  .deposit-radio-fields {
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: #afb8c0;
    border-color: var(--_border-grey-dark);
    border-radius: 4px;
    box-shadow: var(--field-box-shadow, 0 1px 2px 0 var(--_shade-grey-dark));
    color: #1f2428;
    color: var(--_text-primary);
    font-family: inherit;
    letter-spacing: inherit; }
    .deposit-radio-fields:not(.radio-selected) {
      background-color: #fff;
      background-color: var(--_surface-primary); } }
  @media only screen and (max-width: 679px) and (hover: hover) {
    .deposit-radio-fields:not([disabled]):hover {
      border-color: var(--_border-grey-dark--hover); } }
@media only screen and (max-width: 679px) {
    .deposit-radio-fields.focus-visible:not([disabled]) {
      border-color: var(--_border-grey-dark--hover); }
    .deposit-radio-fields.focus-visible {
      box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
      box-shadow: 0 0 0 2px #b8bfc4;
      border-color: #84929f; } }

.deposit-radio-fields li label {
  display: block;
  cursor: pointer;
  padding: 8px 10px; }
  @media only screen and (min-width: 680px) {
    .deposit-radio-fields li label {
      border-width: 1px;
      border-style: solid;
      border-color: #afb8c0;
      border-color: var(--_border-grey-dark);
      border-radius: 4px;
      box-shadow: var(--field-box-shadow, 0 1px 2px 0 var(--_shade-grey-dark));
      color: #1f2428;
      color: var(--_text-primary);
      font-family: inherit;
      letter-spacing: inherit; }
      .deposit-radio-fields li label:not(.radio-selected) {
        background-color: #fff;
        background-color: var(--_surface-primary); } }
  @media only screen and (min-width: 680px) and (hover: hover) {
    .deposit-radio-fields li label:not([disabled]):hover {
      border-color: var(--_border-grey-dark--hover); } }
  @media only screen and (min-width: 680px) {
      .deposit-radio-fields li label.focus-visible:not([disabled]) {
        border-color: var(--_border-grey-dark--hover); }
      .deposit-radio-fields li label.focus-visible {
        box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
        box-shadow: 0 0 0 2px #b8bfc4;
        border-color: #84929f; } }
  .deposit-radio-fields li label input[type="radio"] {
    margin-right: 3px; }
  @media only screen and (hover: hover) {
    .deposit-radio-fields li label:hover {
      background-color: var(--_hover-grey); } }
  .deposit-radio-fields li label.focus-visible {
    background-color: var(--_hover-grey); }
  .deposit-radio-fields li label:active {
    background-color: var(--_hover-grey--active); }
  .deposit-radio-fields li label.radio-selected {
    background-color: #ecf5fd;
    background-color: var(--shade-grey-light, #ecf5fd);
    color: #0a6ece;
    color: var(--_theme-primary);
    font-weight: bold; }

.field-person-icon input, .field-phone-icon input, .field-email-icon input {
  padding-left: 34px; }

.field-person-icon .field-style-hook {
  width: 15px;
  height: 13px;
  background-color: var(--fh-grey-light, #afb8c0);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2213%22%20viewBox%3D%220%200%2015%2013%22%3E%0A%20%20%3Cpath%20d%3D%22M14.38%2C10.35c-1.28-1.1-3.25-.85-4.53-2-.75-.65-.55-1.22-.2-2.06a10.34%2C10.34%2C0%2C0%2C0%2C.62-1.15c.11-.38-.06-.63-.06-1-.22-1%2C.38-1.88-.29-2.87A3.15%2C3.15%2C0%2C0%2C0%2C7.53.09h0c-.5%2C0-.87.56-1.28.64a1.81%2C1.81%2C0%2C0%2C0-1%2C.51c-.79%2C1-.14%2C1.9-.37%2C3%2C0%2C.45-.2.84%2C0%2C1.3s.43.62.58%2C1%2C.48.89.27%2C1.37a2.56%2C2.56%2C0%2C0%2C1-1.09.88c-1.08.6-2.43.59-3.47%2C1.25S0%2C11.91%2C0%2C13H15C15%2C12.24%2C15%2C10.9%2C14.38%2C10.35Z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2213%22%20viewBox%3D%220%200%2015%2013%22%3E%0A%20%20%3Cpath%20d%3D%22M14.38%2C10.35c-1.28-1.1-3.25-.85-4.53-2-.75-.65-.55-1.22-.2-2.06a10.34%2C10.34%2C0%2C0%2C0%2C.62-1.15c.11-.38-.06-.63-.06-1-.22-1%2C.38-1.88-.29-2.87A3.15%2C3.15%2C0%2C0%2C0%2C7.53.09h0c-.5%2C0-.87.56-1.28.64a1.81%2C1.81%2C0%2C0%2C0-1%2C.51c-.79%2C1-.14%2C1.9-.37%2C3%2C0%2C.45-.2.84%2C0%2C1.3s.43.62.58%2C1%2C.48.89.27%2C1.37a2.56%2C2.56%2C0%2C0%2C1-1.09.88c-1.08.6-2.43.59-3.47%2C1.25S0%2C11.91%2C0%2C13H15C15%2C12.24%2C15%2C10.9%2C14.38%2C10.35Z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 15px 13px;
  mask-size: 15px 13px;
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%); }

.field-person-icon.ng-dirty.ng-invalid .field-style-hook {
  width: 15px;
  height: 13px;
  background-color: #ed501a;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2213%22%20viewBox%3D%220%200%2015%2013%22%3E%0A%20%20%3Cpath%20d%3D%22M14.38%2C10.35c-1.28-1.1-3.25-.85-4.53-2-.75-.65-.55-1.22-.2-2.06a10.34%2C10.34%2C0%2C0%2C0%2C.62-1.15c.11-.38-.06-.63-.06-1-.22-1%2C.38-1.88-.29-2.87A3.15%2C3.15%2C0%2C0%2C0%2C7.53.09h0c-.5%2C0-.87.56-1.28.64a1.81%2C1.81%2C0%2C0%2C0-1%2C.51c-.79%2C1-.14%2C1.9-.37%2C3%2C0%2C.45-.2.84%2C0%2C1.3s.43.62.58%2C1%2C.48.89.27%2C1.37a2.56%2C2.56%2C0%2C0%2C1-1.09.88c-1.08.6-2.43.59-3.47%2C1.25S0%2C11.91%2C0%2C13H15C15%2C12.24%2C15%2C10.9%2C14.38%2C10.35Z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2213%22%20viewBox%3D%220%200%2015%2013%22%3E%0A%20%20%3Cpath%20d%3D%22M14.38%2C10.35c-1.28-1.1-3.25-.85-4.53-2-.75-.65-.55-1.22-.2-2.06a10.34%2C10.34%2C0%2C0%2C0%2C.62-1.15c.11-.38-.06-.63-.06-1-.22-1%2C.38-1.88-.29-2.87A3.15%2C3.15%2C0%2C0%2C0%2C7.53.09h0c-.5%2C0-.87.56-1.28.64a1.81%2C1.81%2C0%2C0%2C0-1%2C.51c-.79%2C1-.14%2C1.9-.37%2C3%2C0%2C.45-.2.84%2C0%2C1.3s.43.62.58%2C1%2C.48.89.27%2C1.37a2.56%2C2.56%2C0%2C0%2C1-1.09.88c-1.08.6-2.43.59-3.47%2C1.25S0%2C11.91%2C0%2C13H15C15%2C12.24%2C15%2C10.9%2C14.38%2C10.35Z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 15px 13px;
  mask-size: 15px 13px; }

.field-phone-icon .field-style-hook {
  width: 13px;
  height: 15px;
  background-color: var(--fh-grey-light, #afb8c0);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2213%22%20viewBox%3D%220%200%2011%2013%22%3E%0A%20%20%3Cpath%20d%3D%22M4.23%2C3.45l-1%2C1.1c-.45.39-.1%2C1%2C.3%2C1.65A14.65%2C14.65%2C0%2C0%2C0%2C5.34%2C8.47c.9.9%2C1.38%2C1.31%2C1.81.95L8.28%2C8.14c.19-.16.35-.12.51.08l2.1%2C2.4a.6.6%2C0%2C0%2C1-.06.65c-.3.38-1.19%2C1.4-1.19%2C1.4-.51.46-3.28%2C1.11-7.08-3.77C-1%2C4.29.08%2C1.81.55%2C1.31l1-1.1a.44.44%2C0%2C0%2C1%2C.63.06L4.28%2C2.8h0a.47.47%2C0%2C0%2C1-.06.65h0%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2213%22%20viewBox%3D%220%200%2011%2013%22%3E%0A%20%20%3Cpath%20d%3D%22M4.23%2C3.45l-1%2C1.1c-.45.39-.1%2C1%2C.3%2C1.65A14.65%2C14.65%2C0%2C0%2C0%2C5.34%2C8.47c.9.9%2C1.38%2C1.31%2C1.81.95L8.28%2C8.14c.19-.16.35-.12.51.08l2.1%2C2.4a.6.6%2C0%2C0%2C1-.06.65c-.3.38-1.19%2C1.4-1.19%2C1.4-.51.46-3.28%2C1.11-7.08-3.77C-1%2C4.29.08%2C1.81.55%2C1.31l1-1.1a.44.44%2C0%2C0%2C1%2C.63.06L4.28%2C2.8h0a.47.47%2C0%2C0%2C1-.06.65h0%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 13px 15px;
  mask-size: 13px 15px;
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%); }

.field-phone-icon.ng-dirty.ng-invalid .field-style-hook {
  width: 13px;
  height: 15px;
  background-color: #ed501a;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2213%22%20viewBox%3D%220%200%2011%2013%22%3E%0A%20%20%3Cpath%20d%3D%22M4.23%2C3.45l-1%2C1.1c-.45.39-.1%2C1%2C.3%2C1.65A14.65%2C14.65%2C0%2C0%2C0%2C5.34%2C8.47c.9.9%2C1.38%2C1.31%2C1.81.95L8.28%2C8.14c.19-.16.35-.12.51.08l2.1%2C2.4a.6.6%2C0%2C0%2C1-.06.65c-.3.38-1.19%2C1.4-1.19%2C1.4-.51.46-3.28%2C1.11-7.08-3.77C-1%2C4.29.08%2C1.81.55%2C1.31l1-1.1a.44.44%2C0%2C0%2C1%2C.63.06L4.28%2C2.8h0a.47.47%2C0%2C0%2C1-.06.65h0%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2213%22%20viewBox%3D%220%200%2011%2013%22%3E%0A%20%20%3Cpath%20d%3D%22M4.23%2C3.45l-1%2C1.1c-.45.39-.1%2C1%2C.3%2C1.65A14.65%2C14.65%2C0%2C0%2C0%2C5.34%2C8.47c.9.9%2C1.38%2C1.31%2C1.81.95L8.28%2C8.14c.19-.16.35-.12.51.08l2.1%2C2.4a.6.6%2C0%2C0%2C1-.06.65c-.3.38-1.19%2C1.4-1.19%2C1.4-.51.46-3.28%2C1.11-7.08-3.77C-1%2C4.29.08%2C1.81.55%2C1.31l1-1.1a.44.44%2C0%2C0%2C1%2C.63.06L4.28%2C2.8h0a.47.47%2C0%2C0%2C1-.06.65h0%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 13px 15px;
  mask-size: 13px 15px; }

.field-email-icon .field-style-hook {
  width: 17px;
  height: 17px;
  background-color: var(--fh-grey-light, #afb8c0);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%204H4c-1.1%200-1.99.9-1.99%202L2%2018c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%204l-8%205-8-5V6l8%205%208-5v2z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%204H4c-1.1%200-1.99.9-1.99%202L2%2018c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%204l-8%205-8-5V6l8%205%208-5v2z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 17px 17px;
  mask-size: 17px 17px;
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%); }

.field-email-icon.ng-dirty.ng-invalid .field-style-hook {
  width: 17px;
  height: 17px;
  background-color: #ed501a;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%204H4c-1.1%200-1.99.9-1.99%202L2%2018c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%204l-8%205-8-5V6l8%205%208-5v2z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%204H4c-1.1%200-1.99.9-1.99%202L2%2018c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%204l-8%205-8-5V6l8%205%208-5v2z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 17px 17px;
  mask-size: 17px 17px; }

.field-globe-icon select,
.field-globe-icon input,
.field-globe-icon .select2-selection__rendered {
  padding-left: 33px !important; }

.field-globe-icon .the-field::before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 16px;
  height: 16px;
  left: 11px;
  top: 50%;
  margin-top: -8px;
  background-position: -268px -484px; }

.field-globe-icon .form-link-subtle {
  display: inline-block;
  margin-bottom: 4px; }

.select-field-wrap {
  display: block;
  position: relative;
  line-height: 0; }
  .select-field-wrap.has-jump-link .the-field {
    width: calc(100% - 26px);
    width: -webkit-calc(100% - 26px); }

.translation-jump-link,
.select-jump-link {
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }
  @media only screen and (min-width: 680px) {
    .translation-jump-link,
    .select-jump-link {
      height: 30px; } }
  @media only screen and (max-width: 679px) {
    .translation-jump-link,
    .select-jump-link {
      height: 30px; } }
  .translation-jump-link[type="button"],
  .select-jump-link[type="button"] {
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .translation-jump-link[type="button"]:disabled,
    .select-jump-link[type="button"]:disabled {
      cursor: not-allowed; }

.translation-jump-link {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--_shade-grey-light);
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 1px solid var(--_border-grey-dark);
  border-right: 1px solid var(--_border-grey-dark);
  border-bottom: 1px solid var(--_border-grey-dark); }
  .translation-jump-link:hover, .translation-jump-link.current {
    background-color: var(--_hover-grey); }

.select-jump-link {
  border-top: 1px solid var(--_border-grey-light);
  border-right: 1px solid var(--_border-grey-light);
  border-bottom: 1px solid var(--_border-grey-light); }
  .select-jump-link:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -6px;
    width: 16px;
    height: 14px;
    background-position: -448px -180px; }

@media only screen and (min-width: 680px) {
  .row-of-inputs {
    width: calc(100% - -16px);
    width: -webkit-calc(100% - -16px);
    table-layout: fixed;
    border-spacing: 8px;
    margin: -8px; } }

.field-search-wrap {
  position: relative; }

.ng-clear-input {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 6px;
  width: 26px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: var(--_medium-grey);
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 26px;
  border-radius: 30px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: 8px 8px; }
  .ng-clear-input:disabled {
    cursor: not-allowed; }
  @media only screen and (hover: hover) {
    .ng-clear-input:hover {
      background-color: var(--_hover-grey); } }
  .ng-clear-input.focus-visible {
    background-color: var(--_hover-grey); }

.field-seating {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 8px 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #afb8c0;
  border-color: var(--_border-grey-dark);
  border-radius: 3px; }
  .book-anon .field-seating {
    font-size: 14px; }
  @media only screen and (hover: hover) {
    .field-seating:hover {
      border-color: var(--_border-grey-dark--hover); }
      .field-seating:hover span.btn-grey--light {
        background-color: #d1d6db; } }
  .field-seating.focus-visible {
    border-color: var(--_border-grey-dark--hover); }
    .field-seating.focus-visible span.btn-grey--light {
      background-color: #d1d6db; }
  .field-seating.focus-visible {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f; }
  .field-seating.selected {
    border-color: transparent; }
    .field-seating.selected:not(.focus-visible) {
      box-shadow: 0 0 0 3px var(--_theme-primary); }
    .field-seating.selected.focus-visible {
      box-shadow: 0 0 0 3px var(--_theme-primary), 0 0 0 4px var(--_surface-primary), 0 0 0 5px #84929f, 0 0 0 7px #b8bfc4; }
  .field-seating .field-seating-btn {
    order: 2;
    margin-left: auto;
    padding-left: 20px; }

.colorpicker {
  line-height: 15px; }
  .colorpicker:after {
    content: '';
    display: table;
    clear: both;
    border-spacing: 0; }
  .colorpicker .swatch {
    -webkit-appearance: none;
    -moz-appearance: none;
    float: left;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    cursor: pointer;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent; }
    .colorpicker .swatch:not(.focus-visible) {
      box-shadow: 0 1px 2px 0 var(--_shade-grey-dark); }
    .colorpicker .swatch.no-color {
      background: #fff;
      border-color: #d1d6db; }
      .colorpicker .swatch.no-color.active::after {
        background-color: #1f2428; }
    .colorpicker .swatch.active::after {
      content: '';
      display: block;
      margin-left: 4px;
      width: 6px;
      height: 6px;
      border-radius: 10px;
      background-color: #fff;
      opacity: 0.9; }

.item-color-form .field-colorpicker {
  margin-top: -4px;
  margin-bottom: 10px; }

.smush-fields .field {
  margin-bottom: 0; }

.field-margin-bottom {
  margin-bottom: 5px; }

.field-admin-badge .label-text:before {
  content: 'FH';
  position: relative;
  display: inline-block;
  padding: 0 4px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  cursor: inherit;
  border-width: 0;
  font-size: 0.9em;
  background-color: #478fd1;
  color: #fff;
  line-height: 1.2; }

.field-select-max-width-100 {
  display: inline-block;
  max-width: 100%; }
  .field-select-max-width-100 select {
    width: 100%; }

.hex-color-preview {
  display: inline-block;
  margin-top: 5px;
  padding: 2px 5px;
  color: #fff;
  border-radius: 3px; }

.field-card-number input {
  padding-right: 62px; }

.acceptance-marks {
  pointer-events: none; }
  .acceptance-marks li {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: right;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .acceptance-marks svg {
    width: auto;
    max-height: 100%;
    max-width: 50px;
    opacity: 0;
    transform: translate3d(10px, 0, 0);
    transition: 150ms;
    transition-delay: 100ms; }

.card-type-visa .icon-visa,
.card-type-mc .icon-mastercard,
.card-type-amex .icon-amex,
.card-type-discover .icon-discover,
.card-type-jcb .icon-jcb,
.card-type-diners .icon-diners,
.card-type-cup .icon-cup {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.field-amount .the-field {
  display: inline-block;
  position: relative;
  padding-left: 110px; }
  @media only screen and (min-width: 680px) {
    .field-amount .the-field {
      height: 32px;
      line-height: 32px; } }
  @media only screen and (max-width: 679px) {
    .field-amount .the-field {
      height: 32px;
      line-height: 32px; } }
  .field-amount .the-field input {
    width: 110px;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 25px;
    text-align: right; }
    @media only screen and (min-width: 680px) {
      .field-amount .the-field input {
        height: 32px; } }
    @media only screen and (max-width: 679px) {
      .field-amount .the-field input {
        height: 32px; } }
  .field-amount .the-field .field-amount-icon,
  .field-amount .the-field .field-style-hook {
    display: block;
    position: absolute;
    top: 50%;
    left: 12px;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    color: #84929f;
    color: var(--border-grey-dark, #84929f); }
  .field-amount .the-field .field-amount-icon {
    z-index: 1; }

.capture-amount {
  padding-bottom: 6px;
  padding-left: 12px; }
  .capture-amount .the-field {
    vertical-align: middle; }

.field.datepicker {
  position: relative; }
  .field.datepicker .the-field {
    width: 130px; }
  .field.datepicker input {
    width: 130px;
    text-align: right;
    padding-left: 30px; }
  .field.datepicker .field-style-hook {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 12px;
    top: 50%;
    margin-top: -8px;
    color: var(--_fh-grey); }

.field-markdown .the-field textarea {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  z-index: 1; }
  .field-markdown .the-field textarea:not(.focus-visible) {
    box-shadow: none; }

.markdown-preview {
  overflow: auto;
  padding: 10px 14px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: var(--_surface-primary);
  border: 1px solid var(--_border-grey-dark);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }

.field-percent.ng-invalid.ng-required .the-field input,
.field-degrees.ng-invalid.ng-required .the-field input {
  padding-right: 42px !important; }

.field-percent.ng-invalid.ng-required .the-field .field-style-hook,
.field-degrees.ng-invalid.ng-required .the-field .field-style-hook {
  right: 30px; }

.field-percent .the-field,
.field-degrees .the-field {
  display: inline-block;
  position: relative;
  font-size: 13px;
  min-width: 86px; }
  @media only screen and (min-width: 680px) {
    .field-percent .the-field,
    .field-degrees .the-field {
      height: 32px;
      line-height: 32px; } }
  @media only screen and (max-width: 679px) {
    .field-percent .the-field,
    .field-degrees .the-field {
      height: 32px;
      line-height: 32px; } }
  .field-percent .the-field input,
  .field-degrees .the-field input {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 25px;
    text-align: right; }
    @media only screen and (min-width: 680px) {
      .field-percent .the-field input,
      .field-degrees .the-field input {
        height: 32px;
        font-size: 14px; } }
    @media only screen and (max-width: 679px) {
      .field-percent .the-field input,
      .field-degrees .the-field input {
        height: 32px; } }
  .field-percent .the-field .field-style-hook,
  .field-degrees .the-field .field-style-hook {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    color: #84929f;
    color: var(--border-grey-dark, #84929f); }

@media only screen and (min-width: 680px) {
  .field-percent.field-percent-labels-after,
  .field-degrees.field-percent-labels-after {
    line-height: 32px; } }

@media only screen and (max-width: 679px) {
  .field-percent.field-percent-labels-after,
  .field-degrees.field-percent-labels-after {
    line-height: 32px; } }

.field-percent.field-percent-labels-after .the-field,
.field-degrees.field-percent-labels-after .the-field {
  float: left; }

.field-percent.field-percent-labels-after .percent-label,
.field-degrees.field-percent-labels-after .percent-label {
  display: inline-block;
  padding-left: 10px; }

.field-percent .field-style-hook::before {
  content: '%'; }

.field-degrees .field-style-hook::before {
  content: '°';
  font-size: 20px; }

.field.timepicker {
  position: relative; }
  .field.timepicker .the-field {
    width: 110px; }
  .field.timepicker input {
    width: 110px;
    text-align: right;
    padding-left: 32px; }
  .field.timepicker .field-style-hook {
    display: block;
    width: 13px;
    height: 14px;
    position: absolute;
    background-position: -347px -277px;
    left: 12px;
    top: 50%;
    margin-top: -7px;
    pointer-events: none; }

.field-routing {
  position: relative; }
  .field-routing .the-field {
    height: 35px; }
  .field-routing input {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 28px; }
  .field-routing .field-style-hook {
    display: block;
    position: absolute;
    height: 35px;
    line-height: 35px;
    left: 12px;
    color: #84929f; }
  .field-routing .field-style-hook:before {
    content: '⑆'; }

.field-checking-account {
  position: relative; }
  .field-checking-account .the-field {
    height: 35px; }
  .field-checking-account input {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 28px; }
  .field-checking-account .field-style-hook {
    display: block;
    position: absolute;
    height: 35px;
    line-height: 35px;
    left: 12px;
    color: #84929f; }
  .field-checking-account .field-style-hook:before {
    content: '⑈'; }

.international-phone-field.no-country .label-text {
  padding-left: 56px !important; }

.international-phone-field.no-country .intl-tel-input.allow-dropdown input[type=text],
.international-phone-field.no-country .intl-tel-input.allow-dropdown input[type=tel] {
  padding-left: 56px !important; }

.international-phone-field.no-country .intl-tel-input:not(.allow-dropdown) input[type=text],
.international-phone-field.no-country .intl-tel-input:not(.allow-dropdown) input[type=tel] {
  padding-left: 34px !important; }

.international-phone-field.no-country .intl-tel-input .selected-flag {
  width: 49px !important; }
  .international-phone-field.no-country .intl-tel-input .selected-flag .iti-flag {
    display: none; }

.international-phone-field .label-text {
  padding-left: 80px !important; }

.international-phone-field .intl-tel-input {
  display: block; }
  .international-phone-field .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: var(--_hover-grey); }
  .international-phone-field .intl-tel-input.allow-dropdown .flag-container .selected-flag {
    background-color: transparent; }
  .international-phone-field .intl-tel-input.allow-dropdown .selected-flag {
    width: 73px;
    border-right: 1px solid var(--_border-grey); }
  .international-phone-field .intl-tel-input.allow-dropdown input[type=text],
  .international-phone-field .intl-tel-input.allow-dropdown input[type=tel] {
    padding-left: 80px; }
  .international-phone-field .intl-tel-input:not(.allow-dropdown) .flag-container {
    right: auto; }
  .international-phone-field .intl-tel-input:not(.allow-dropdown) .selected-flag {
    width: 58px; }
    .international-phone-field .intl-tel-input:not(.allow-dropdown) .selected-flag:after {
      display: none; }
  .international-phone-field .intl-tel-input:not(.allow-dropdown) input[type=text],
  .international-phone-field .intl-tel-input:not(.allow-dropdown) input[type=tel] {
    padding-left: 65px; }
  .international-phone-field .intl-tel-input input[type=text],
  .international-phone-field .intl-tel-input input[type=tel] {
    padding-right: 30px; }
  .international-phone-field .intl-tel-input .selected-flag {
    padding-left: 34px;
    padding-right: 7px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    word-wrap: normal; }
    .international-phone-field .intl-tel-input .selected-flag:after {
      border-top-color: #5a6672;
      transform: none;
      content: '';
      display: inline-block;
      transition: transform 0.15s ease-in-out;
      border-style: solid;
      border-color: transparent;
      border-width: 5px 3.5px 0 3.5px;
      border-top-color: var(--_fh-grey-dark);
      position: absolute;
      top: 50%;
      right: 7px;
      margin-top: -2px;
      pointer-events: none; }
      @supports (mask-type: inherit) {
        .international-phone-field .intl-tel-input .selected-flag:after {
          width: 7px;
          height: 5px;
          background-color: var(--_fh-grey-dark);
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          mask-size: 7px 5px;
          border: 0; } }
    .international-phone-field .intl-tel-input .selected-flag .iti-flag {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%;
      left: 34px;
      margin: 0;
      -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
      vertical-align: middle;
      background-color: var(--_fh-grey); }
    .international-phone-field .intl-tel-input .selected-flag .iti-arrow {
      display: none; }
  .international-phone-field .intl-tel-input .country-list {
    top: 100%;
    z-index: 2500;
    margin: -1px 0 15px 0;
    border: 0;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16);
    white-space: normal; }
    .international-phone-field .intl-tel-input .country-list.dropup {
      top: auto;
      margin: 15px 0 -1px 0;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .international-phone-field .intl-tel-input .country-list .country {
      padding: 7px 15px;
      line-height: 1.2; }
      .international-phone-field .intl-tel-input .country-list .country.highlight {
        background-color: #e7ebef;
        background-color: var(--_hover-grey); }
      .international-phone-field .intl-tel-input .country-list .country.active {
        background-color: #0a6ece;
        color: #fff; }
        .international-phone-field .intl-tel-input .country-list .country.active .dial-code {
          color: rgba(255, 255, 255, 0.67);
          color: var(--fh-grey-dark, rgba(255, 255, 255, 0.67)); }
      .international-phone-field .intl-tel-input .country-list .country .dial-code {
        color: #697886;
        color: var(--_fh-grey); }
    .international-phone-field .intl-tel-input .country-list .divider {
      margin-bottom: 5px;
      padding-bottom: 5px; }

.iti-mobile .intl-tel-input.iti-container {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch; }

.iti-flag {
  background-image: url("/static/images/lib/intl-tel-input/flags.png?38025784bede"); }

@media only screen and (min-resolution: 2dppx), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .iti-flag {
    background-image: url("/static/images/lib/intl-tel-input/flags@2x.png?e21becc4db00"); } }

.a-pixel-img,
.a-embed-iframes-container {
  position: fixed;
  left: -5000px;
  top: 0;
  width: 1px; }

.a-pixel-img {
  height: 1px; }

.a-embed-iframe {
  width: 1px;
  height: 1px;
  border: none; }

@media only screen {
  .company-section {
    background-color: #f9fafb;
    background-color: var(--surface-outer, #f9fafb); } }

@media only screen and (min-width: 680px) {
  body.company-section {
    overflow-y: scroll; } }

.company-box-shadow, .static-page-sidebar {
  -webkit-box-shadow: 0 0 8px var(--surface-outer, #bbb);
  box-shadow: 0 0 8px var(--surface-outer, #bbb); }

@media only screen and (min-width: 680px) {
  .company-wrap {
    max-width: 980px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px; } }

@media only screen and (min-width: 680px) {
  .company-wrap-inner {
    padding: 30px 45px; } }

@media only screen and (max-width: 679px) {
  .company-wrap-inner {
    padding-top: 22px;
    padding-right: 25px;
    padding-bottom: 22px;
    padding-left: 25px; } }

@media only screen and (min-width: 680px) {
  .company-wrap-lr-padding {
    padding-right: 45px;
    padding-left: 45px; } }

@media only screen and (max-width: 679px) {
  .company-wrap-lr-padding {
    padding-right: 25px;
    padding-left: 25px; } }

body:not(.book-embed) .company-container {
  background-color: #fff;
  background-color: var(--_surface-primary); }
  body:not(.company-container--show-overflow) body:not(.book-embed) .company-container {
    overflow: hidden; }
  @media only screen and (min-width: 680px) {
    body:not(.book-embed) .company-container {
      border-width: 1px;
      border-style: solid;
      border-color: #afb8c0;
      border-color: var(--_border-grey-dark);
      border-radius: 5px;
      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16); } }
body.profile-showing-404 .full-page-redirect {
  display: none; }

body.profile-showing-404.profile-is-disabled .company-header,
body.profile-showing-404.profile-is-disabled .book-embed-nav,
body.profile-showing-404.profile-is-disabled .company-footer,
body.profile-showing-404.profile-is-disabled .company-page-footer {
  display: none; }

body.is-full-page-redirecting:not(.profile-showing-404) {
  overflow: hidden !important; }
  body.is-full-page-redirecting:not(.profile-showing-404) .full-page-redirect {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    background-color: var(--_surface-primary);
    z-index: 9999; }

.flow-back-to-cart {
  display: block;
  padding: 15px 10px;
  border-bottom: 1px solid var(--_border-grey-light);
  text-align: center;
  color: var(--_theme-primary);
  font-size: 17px; }
  .flow-back-to-cart:hover {
    background-color: var(--_hover-grey); }
  .flow-back-to-cart svg {
    width: 17px;
    height: 15px;
    margin-bottom: -1px;
    margin-right: 3px; }
  .flow-back-to-cart::after {
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 6px 4px 0 4px;
    border-top-color: currentColor;
    vertical-align: middle;
    margin-left: 4px; }
    @supports (mask-type: inherit) {
      .flow-back-to-cart::after {
        width: 8px;
        height: 6px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 8px 6px;
        border: 0; } }

.flow-breadcrumbs {
  border-bottom: 1px solid #e0e3e6;
  border-bottom-color: var(--_border-grey-light); }
  @media only screen and (min-width: 680px) {
    .flow-breadcrumbs {
      padding: 8px 32px; } }
  @media only screen and (max-width: 679px) {
    .flow-breadcrumbs {
      padding: 8px 17px; } }
  .flow-breadcrumbs ol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .flow-breadcrumbs ol > li {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
  .flow-breadcrumbs a, .flow-breadcrumbs .breadcrumb-current {
    padding: 8px; }
  .flow-breadcrumbs a {
    display: inline-block;
    color: #0a6ece;
    color: var(--_theme-primary);
    text-decoration: underline;
    border-radius: 3px; }
    @media only screen and (hover: hover) {
      .flow-breadcrumbs a:hover {
        background-color: var(--_hover-grey); } }
    .flow-breadcrumbs a.focus-visible {
      background-color: var(--_hover-grey); }
  .flow-breadcrumbs .icon-arrow {
    margin-left: 5px;
    margin-right: 5px;
    color: #afb8c0;
    color: var(--fh-grey-light, #afb8c0); }
  .flow-breadcrumbs svg {
    display: block;
    overflow: visible; }

.company-container-back {
  border-bottom: 1px solid #e0e3e6;
  border-color: var(--_border-grey-light);
  overflow: hidden;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px; }
  @media only screen and (min-width: 680px) {
    .company-container-back {
      padding-left: 45px;
      padding-right: 45px; } }
  @media only screen and (max-width: 679px) {
    .company-container-back {
      padding-left: 25px;
      padding-right: 25px; } }
  .company-container-back .btn-back {
    float: left; }
  .company-container-back .required-fields-note {
    float: right;
    color: var(--_fh-grey-dark); }
    @media only screen and (min-width: 680px) {
      .company-container-back .required-fields-note {
        margin-top: 10px; } }
.flow-header {
  border-bottom: 1px solid var(--_border-grey-light); }
  .flow-header.is-preview {
    pointer-events: none; }
  @media only screen and (min-width: 680px) {
    .flow-header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding-top: 25px;
      padding-right: 45px;
      padding-bottom: 25px;
      padding-left: 40px; } }
  @media only screen and (max-width: 679px) {
    .flow-header {
      padding-top: 18px;
      padding-right: 25px;
      padding-bottom: 18px;
      padding-left: 25px; } }
  @media only screen and (min-width: 680px) {
    .flow-header .flow-header-company {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1;
      padding-right: 15px; } }
  .flow-header .flow-header-logo-wrap {
    display: block;
    max-width: 500px; }
    .flow-header .flow-header-logo-wrap img {
      display: block;
      height: auto;
      max-width: 100%;
      max-height: 80px; }
  .flow-header h1, .flow-header h2 {
    font-weight: bold;
    letter-spacing: normal; }
  .flow-header h1, .flow-header .h1 {
    font-size: 26px; }
  .flow-header h2 {
    font-size: 24px; }

@media only screen and (min-width: 680px) {
  .flow-header-button-wrap {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 300px;
    margin-left: auto;
    text-align: right; } }

@media only screen and (max-width: 679px) {
  .flow-header-button-wrap {
    margin-top: 25px; } }

.flow-header-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  font-size: 16px; }
  .flow-header-button:not(.focus-visible) {
    box-shadow: 0 2px 11px -5px rgba(0, 0, 0, 0.6); }

.flow-search-button {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  @media only screen and (hover: hover) {
    .flow-search-button:hover a {
      background: #085cac; } }
  .flow-search-button.focus-visible a {
    background: #085cac; }
  .flow-search-button button, .flow-search-button a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .flow-search-button button {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: var(--_theme-primary);
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 220px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #afb8c0;
    border-color: var(--fh-grey-light, #afb8c0);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 0; }
    .flow-search-button button:disabled {
      cursor: not-allowed; }
    .flow-search-button button svg {
      margin-right: 10px;
      pointer-events: none; }
  .flow-search-button a {
    padding-left: 12px;
    padding-right: 10px;
    background: #0a6ece;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
    .flow-search-button a svg {
      width: 16px;
      height: 16px; }

.flow-activities-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
  border-color: #afb8c0;
  border-color: var(--fh-grey-light, #afb8c0);
  border-radius: 5px; }
  @media only screen and (hover: hover) {
    .flow-activities-button:hover {
      border-color: var(--_theme-primary);
      color: var(--_theme-primary); }
      .flow-activities-button:hover .flow-activities-button-icon {
        background-color: #0a6ece;
        color: #fff; } }
  .flow-activities-button.focus-visible {
    border-color: var(--_theme-primary);
    color: var(--_theme-primary); }
    .flow-activities-button.focus-visible .flow-activities-button-icon {
      background-color: #0a6ece;
      color: #fff; }
  .flow-activities-button .flow-activities-button-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    padding-right: 12px;
    padding-left: 12px;
    background-color: var(--_shade-grey); }
    .flow-activities-button .flow-activities-button-icon svg {
      overflow: visible; }
      .flow-activities-button .flow-activities-button-icon svg.icon-seating {
        width: 15px;
        height: 15px; }
  .flow-activities-button .flow-activities-button-text {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding-right: 15px;
    padding-left: 15px; }

.company-print-logo {
  padding-right: 15px; }

.company-page-main {
  padding-bottom: 30px; }
  @media only screen and (min-width: 680px) {
    .company-page-main {
      padding-top: 30px; } }
@media only screen and (min-width: 680px) {
  .sticky.sticky-pinned {
    position: absolute; }
  .sticky.sticky-floating {
    position: fixed !important; }
  .company-page-main {
    position: relative; }
  .company-column-secondary {
    width: 32%;
    max-width: 310px;
    float: left; }
  .company-column-primary {
    width: 66.3333%;
    float: right;
    margin-bottom: 25px; } }

@media only screen and (max-width: 679px) {
  .company-footer-items {
    padding: 0 20px; } }

@media only screen {
  .company-text-heading {
    padding: 10px 0; }
    .company-text-heading:not(.text-left) {
      text-align: center; } }

.company-text-heading h2, .company-text-heading h3 {
  font-weight: bold; }
  @media only screen {
    .company-text-heading h2, .company-text-heading h3 {
      font-size: 25px;
      line-height: 1;
      padding-bottom: 8px; } }
  @media only print {
    .company-text-heading h2, .company-text-heading h3 {
      font-size: 20px; } }
.company-text-heading p {
  color: #697886;
  color: var(--_fh-grey);
  font-size: 15px; }
  @media only print {
    .company-text-heading p {
      color: #555; } }
  .company-text-heading p b {
    font-weight: normal;
    color: #5a6672;
    color: var(--_fh-grey-dark); }

.company-text-call-button {
  margin: 12px 0 15px 0; }

.pin-location {
  color: var(--_theme-primary);
  margin-top: 5px; }
  .pin-location:before {
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 15px;
    background-position: -377px -277px;
    vertical-align: text-top;
    margin-right: 5px; }

.shiny-button, .calendar-button {
  -webkit-box-shadow: inset 0px 1px 0px 0px #85B7D8;
  box-shadow: inset 0px 1px 0px 0px #85B7D8;
  border-radius: 4px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #08549d;
  text-shadow: 1px 2px 3px #0859a7;
  background: #2282cc;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2282cc), color-stop(100%, #0e62a2));
  background: -webkit-linear-gradient(top, #2282cc 0%, #0e62a2 100%);
  background: -ms-linear-gradient(top, #2282cc 0%, #0e62a2 100%);
  background: linear-gradient(to bottom, #2282cc 0%, #0e62a2 100%); }
  .shiny-button:hover, .calendar-button:hover {
    background: #2c8fdc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c8fdc), color-stop(100%, #1070b9));
    background: -webkit-linear-gradient(top, #2c8fdc 0%, #1070b9 100%);
    background: -ms-linear-gradient(top, #2c8fdc 0%, #1070b9 100%);
    background: linear-gradient(to bottom, #2c8fdc 0%, #1070b9 100%); }
  .shiny-button:active, .calendar-button:active {
    background: #336f9c;
    box-shadow: 0 0 15px #364c56 inset; }

.company-home {
  background-color: #fff;
  background-color: var(--_surface-primary);
  position: relative; }
  .company-home .company-home-content .company-name {
    color: #1d5988;
    font-weight: normal;
    font-size: 24px;
    line-height: 24px; }
  .company-home .company-home-content .company-url {
    color: var(--_theme-primary);
    padding-top: 5px; }
  .company-home .company-home-content .company-intro {
    padding-top: 15px;
    color: var(--_fh-grey);
    font-size: 14px;
    line-height: 1.3; }
  .company-home .pin-location {
    display: block;
    font-size: 14px; }
  @media only screen and (min-width: 680px) {
    .company-home {
      -webkit-box-shadow: 0 0 8px var(--surface-outer, #bbb);
      box-shadow: 0 0 8px var(--surface-outer, #bbb);
      padding: 3px;
      overflow: hidden; }
      .company-home .company-home-slideshow {
        width: 650px;
        height: 340px;
        float: left; }
      .company-home:not(.has-slideshow) .company-home-content-outer {
        margin: 0 auto;
        max-width: 600px;
        text-align: center;
        padding: 30px; }
      .company-home:not(.has-slideshow) .pin-location {
        margin-top: 20px; }
      .company-home.has-slideshow .company-home-content-outer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 321px;
        background-color: #fff;
        background-color: var(--_surface-primary); }
      .company-home.has-slideshow .company-home-content {
        padding: 30px;
        overflow-y: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 60px;
        left: 0; }
      .company-home.has-slideshow .company-home-content-fade {
        width: 310px;
        height: 30px;
        position: absolute;
        bottom: 60px;
        right: 0;
        background: var(--surface-primary, url("/static/images/company/company-home-content-fade.png?dd9cf761a6f6") bottom left repeat-x);
        pointer-events: none; }
      .company-home.has-slideshow .pin-location {
        position: absolute;
        bottom: 25px;
        left: 30px; } }
  @media only screen and (max-width: 679px) {
    .company-home .company-home-content-outer {
      padding: 25px; }
    .company-home .pin-location {
      margin-top: 15px; } }
.faq-page-booking-notes {
  padding-top: 30px; }

.company-header-general {
  color: #1d5988;
  color: var(--_theme-primary);
  font-size: 17px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  text-align: center; }

.book-direct {
  padding: 32px 20px 20px 20px; }
  .book-direct .book-direct-badge {
    display: block;
    width: 93px;
    height: 93px;
    background-position: -96px -5px;
    text-indent: -99999em;
    float: left;
    margin-top: -15px;
    margin-right: 10px; }
  .book-direct .book-direct-text {
    background: #e4e4e4;
    color: #525252;
    padding: 10px;
    font-size: 12px;
    margin-left: 30px;
    border-radius: 4px; }
    .book-direct .book-direct-text b {
      font-weight: normal;
      color: #2b2b2b; }

.all-items-tabs-wrap {
  padding-top: 15px;
  border-bottom: 1px solid #e0e3e6;
  border-bottom-color: var(--_border-grey-light); }
  @media only screen and (min-width: 680px) {
    .all-items-tabs-wrap {
      display: flex;
      justify-content: center; } }
.all-items-tabs {
  display: flex; }
  @supports (display: grid) {
    .all-items-tabs {
      display: grid;
      grid-template-columns: 1fr 1fr; } }
  .all-items-tabs a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 16px 8px;
    border-bottom: 3px solid transparent;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 16px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    @media only screen and (max-width: 679px) {
      .all-items-tabs a {
        flex: 1;
        font-size: 15px; }
        .all-items-tabs a:first-child {
          border-top-left-radius: 0; }
        .all-items-tabs a:last-child {
          border-top-right-radius: 0; } }
    .all-items-tabs a.current {
      border-bottom-color: #0a6ece;
      border-bottom-color: var(--_theme-primary);
      color: #0a6ece;
      color: var(--_theme-primary);
      cursor: default; }
    @media only screen and (hover: hover) {
      .all-items-tabs a:not(.current):hover {
        background-color: var(--_hover-grey); } }
    .all-items-tabs a.focus-visible:not(.current) {
      background-color: var(--_hover-grey); }
    .all-items-tabs a:not(.current):active {
      background-color: var(--_hover-grey--active); }
    .all-items-tabs a.focus-visible {
      box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
      box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary); }
    .all-items-tabs a svg {
      flex: none;
      margin-right: 8px; }
      .all-items-tabs a svg.icon-seating {
        width: 18px;
        height: 16px; }
      .all-items-tabs a svg.icon-calendar {
        width: 21px;
        height: 19px; }

.company-page-actual-footer {
  margin-top: 25px;
  margin-bottom: 20px; }
  .company-page-actual-footer .book-embed-footer {
    border-top: 1px solid var(--_border-grey); }

.company-header .company-header-inner {
  background-position: top center; }
  @media only print {
    .company-header .company-header-inner {
      background: none !important; } }
.company-header.fill-bg .company-header-inner {
  background-size: cover;
  background-position: 50% 50%; }

@media only screen {
  .company-header.custom-bg.bg-color-faded .company-header-fade {
    background: url("/static/images/company/company-header-fade.png?5ca604b02e66") bottom left repeat-x; } }

@media only screen and (min-width: 680px) {
  .company-header {
    position: relative; }
    .company-header .company-header-fade {
      padding-bottom: 44px; }
    .company-header .company-header-nav {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: var(--medium-grey, rgba(0, 0, 0, 0.5));
      height: 44px;
      z-index: 500; } }

@media only screen and (max-width: 679px) {
  .company-header .company-header-nav + .company-header-nav {
    border-top: 1px solid #000; } }

.company-header img {
  max-width: 100%; }
  @media only screen and (min-width: 680px) {
    .company-header img {
      max-height: 225px; } }
.company-header .company-header-mast {
  text-align: center; }
  @media only screen and (min-width: 680px) {
    .company-header .company-header-mast {
      padding: 55px 0; } }
  @media only screen and (max-width: 679px) {
    .company-header .company-header-mast {
      padding: 25px 20px; } }
@media only screen and (min-width: 680px) {
  .company-header.has-logo .company-header-mast {
    padding: 30px 0; } }

.company-header .company-header-name h1 {
  font-size: 26px; }

.company-header.custom-bg .company-header-name h1 {
  color: #fff;
  text-shadow: 0 0 25px #000; }

.company-header .company-summary {
  font-size: 22px;
  max-width: 980px;
  margin: 0 auto;
  padding-top: 10px; }
  @media only screen and (min-width: 680px) {
    .company-header .company-summary {
      padding-left: 25px;
      padding-right: 25px; } }
  @media only screen and (max-width: 679px) {
    .company-header .company-summary {
      font-size: 20px; } }
.company-header.custom-bg .company-summary {
  color: #fff;
  text-shadow: 0 0 25px #000; }

.company-header-nav-wrap {
  position: relative; }

@media only screen and (max-width: 679px) {
  .company-nav {
    background: #3e3e3e;
    overflow: hidden;
    min-height: 44px; } }

@media only screen and (min-width: 680px) {
  .company-nav > .cn-item:first-child > a {
    border-left: 1px solid #000; } }

@media only screen and (min-width: 680px) {
  .company-nav .cn-item {
    float: left; } }

.company-nav .cn-item.company-nav-shiny-button > a {
  background: #2282cc;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2282cc), color-stop(100%, #0e62a2));
  background: -webkit-linear-gradient(top, #2282cc 0%, #0e62a2 100%);
  background: -ms-linear-gradient(top, #2282cc 0%, #0e62a2 100%);
  background: linear-gradient(to bottom, #2282cc 0%, #0e62a2 100%); }

.company-nav .cn-item > a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 44px;
  color: #fff;
  font-size: 16px;
  line-height: 44px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media only screen and (min-width: 680px) {
    .company-nav .cn-item > a {
      border-right: 1px solid #000;
      padding: 0 18px; } }
  html.not-touch .company-nav .cn-item > a:hover {
    background: #f6f6f6;
    color: #000; }
  @media only screen and (max-width: 679px) {
    .company-nav .cn-item > a {
      width: 50%;
      white-space: nowrap; }
      .cn-item.cn-item-cart > a {
        width: 100%; } }
.company-nav .cn-item.current > a {
  background: #f6f6f6;
  color: #000; }

.company-nav .cn-item > a.toggled {
  background: #fff !important;
  color: #000; }

.company-nav .company-nav-flyout-button > a:after {
  content: ' ';
  display: inline-block;
  width: 7px;
  height: 5px;
  background-position: -348px -342px;
  margin-bottom: 2px;
  margin-left: 8px; }

html.not-touch .company-nav .company-nav-flyout-button > a:hover:after, html.not-touch .company-nav .company-nav-flyout-button > a:active:after {
  background-position: -348px -326px; }

.company-nav .company-nav-flyout-button.current > a:after,
.company-nav .company-nav-flyout-button a.toggled:after {
  background-position: -348px -326px; }

@media only screen and (max-width: 679px) {
  .activities-menu-button {
    position: absolute;
    top: 0;
    left: 0; }
    .activities-menu-button:before {
      content: ' ';
      display: inline-block;
      width: 13px;
      height: 10px;
      margin-right: 10px; }
  .book-now-menu-button {
    position: absolute;
    top: 0;
    left: 0; }
  .mobile-nav-menu-button {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #000; } }

.activities-menu-button:before {
  background-position: -466px -181px; }

.activities-menu-button.toggled:before {
  background-position: -466px -193px; }

html.not-touch .activities-menu-button:hover:before {
  background-position: -466px -193px; }

@media only screen and (max-width: 679px) {
  .activities-menu {
    background: #fff;
    padding: 20px;
    clear: both;
    border-bottom: 1px solid #000;
    margin-top: 44px; } }

.mobile-nav-menu {
  background: #fff;
  color: #000;
  border-bottom: 1px solid #000;
  margin-top: 44px; }

.social-media-nav {
  float: right; }
  .social-media-nav > .cn-item > a {
    padding: 0 12px;
    border: 0 !important; }

.nav-url {
  text-transform: none !important;
  letter-spacing: normal !important; }
  .nav-url:before {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background-position: -491px -181px; }
  .nav-url:hover:before {
    background-position: -491px -192px; }

@media only screen and (min-width: 680px) {
  .sm-label {
    display: none; } }

@media only screen and (max-width: 679px) {
  .sm-icon {
    margin-right: 8px; } }

.sm-icon {
  vertical-align: text-top;
  height: 20px; }

.nav-twitter {
  width: 18px;
  background-position: -127px -383px; }
  .nav-twitter.mobile, a:hover .nav-twitter {
    background-position: -127px -405px; }

.nav-facebook {
  width: 15px;
  background-position: -110px -383px; }
  .nav-facebook.mobile, a:hover .nav-facebook {
    background-position: -110px -405px; }

.nav-googleplus {
  width: 19px;
  background-position: -147px -383px; }
  .nav-googleplus.mobile, a:hover .nav-googleplus {
    background-position: -147px -405px; }

.nav-yelp {
  width: 14px;
  background-position: -94px -383px; }
  .nav-yelp.mobile, a:hover .nav-yelp {
    background-position: -94px -405px; }

.nav-tripadvisor {
  width: 28px;
  background-position: -64px -383px; }
  .nav-tripadvisor.mobile, a:hover .nav-tripadvisor {
    background-position: -64px -405px; }

.nav-instagram {
  width: 18px;
  background-position: -44px -383px; }
  .nav-instagram.mobile, a:hover .nav-instagram {
    background-position: -44px -405px; }

.nav-youtube {
  width: 42px;
  background-position: 0 -383px; }
  .nav-youtube.mobile, a:hover .nav-youtube {
    background-position: 0 -405px; }

.nav-pinterest {
  width: 18px;
  background-position: -168px -383px; }
  .nav-pinterest.mobile, a:hover .nav-pinterest {
    background-position: -168px -405px; }

.nav-cart {
  width: 20px;
  height: 18px;
  margin-top: 1px;
  margin-right: 2px;
  background-position: -322px -383px; }
  .nav-cart.mobile, a:hover .nav-cart, li.current .nav-cart {
    background-position: -300px -383px; }

.company-section-invoice {
  background-color: #fff;
  background-color: var(--_surface-primary); }

.pay-invoice-header {
  position: relative;
  background-color: var(--shade-grey, #e5f1fb);
  border-bottom: 1px solid var(--border-grey, #ccd4d8); }
  @media only screen and (min-width: 680px) {
    .pay-invoice-header {
      padding: 30px; } }
  @media only screen and (max-width: 679px) {
    .pay-invoice-header {
      padding: 20px; } }
.pay-invoice-header-graphic {
  display: block;
  height: 94px;
  width: 88px; }
  @media only screen and (min-width: 680px) {
    .pay-invoice-header-graphic {
      position: absolute;
      top: 50%;
      margin-top: -47px;
      left: 30px; } }
  @media only screen and (max-width: 679px) {
    .pay-invoice-header-graphic {
      margin: 0 auto 15px auto; } }
@media only screen and (min-width: 680px) {
  .pay-invoice-header-inner {
    max-width: 480px;
    margin-left: 120px; } }

.pay-invoice-header-content {
  padding-top: 5px;
  padding-bottom: 15px;
  line-height: 1.4; }

@media only screen and (min-width: 680px) {
  .auth-book-wrap {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px; }
    .auth-book-wrap:not(.book-form-no-fields) .book-form-auth-width {
      max-width: 1100px; }
    .auth-book-wrap.book-form-no-fields .book-form-auth-width {
      width: 820px; }
    .auth-book-wrap .auth-book-shim, .auth-book-wrap .book-form-tb-wrap {
      position: fixed;
      z-index: 100; }
    .auth-book-wrap .auth-book-shim {
      top: 43px;
      right: 15px;
      left: 15px; }
    .auth-book-wrap .auth-book-shim-inner {
      height: 16px;
      margin: 0 auto;
      background-color: var(--_surface-outer);
      border-right: 1px solid var(--_shade-grey-light);
      border-bottom: 1px solid var(--_border-grey);
      border-left: 1px solid var(--_shade-grey-light); }
    .auth-book-wrap .book-form-tb-wrap {
      top: 60px;
      right: 16px;
      left: 16px; }
    .auth-book-wrap .book-form-tb {
      margin: 0 auto;
      background-color: var(--_surface-primary);
      border-bottom: 1px solid var(--_border-grey-light); } }

@media only screen and (min-width: 679px) and (max-width: 920px) {
  body:not(.showing-sidepanel) .auth-book-wrap {
    padding-left: 0;
    padding-right: 0; }
  body:not(.showing-sidepanel) .auth-book-shim, body:not(.showing-sidepanel) .book-form-tb-wrap {
    left: 0;
    right: 0; }
  body:not(.showing-sidepanel) .book-auth {
    border-left: 0;
    border-right: 0; } }

@media only screen and (min-width: 679px) and (max-width: 1150px) {
  body.showing-sidepanel .auth-book-wrap {
    padding-left: 0;
    padding-right: 0; }
  body.showing-sidepanel .auth-book-shim, body.showing-sidepanel .book-form-tb-wrap {
    left: 0;
    right: 0; }
  body.showing-sidepanel .book-auth {
    border-left: 0;
    border-right: 0; }
  body.showing-sidepanel .book-form-tb-wrap, body.showing-sidepanel .auth-book-shim {
    left: 230px !important; } }

@media only screen and (min-width: 680px) {
  .auth-book-sidebar-right-wrap {
    float: right; } }

@media only screen and (min-width: 680px) {
  .book-form-no-fields .auth-book-sidebar, .book-form-no-fields .auth-book-sidebar-right-wrap, .book-form-no-fields .auth-book-customers-prompt {
    width: 410px !important; } }

@media only screen and (min-width: 1151px) {
  body.showing-sidepanel .auth-book-sidebar, body.showing-sidepanel .auth-book-sidebar-right-wrap, body.showing-sidepanel .auth-book-customers-prompt {
    width: 302px; } }

@media only screen and (min-width: 679px) and (max-width: 1150px) {
  body.showing-sidepanel .auth-book-sidebar, body.showing-sidepanel .auth-book-sidebar-right-wrap, body.showing-sidepanel .auth-book-customers-prompt {
    width: 242px; } }

@media only screen and (min-width: 921px) {
  body:not(.showing-sidepanel) .auth-book-sidebar, body:not(.showing-sidepanel) .auth-book-sidebar-right-wrap, body:not(.showing-sidepanel) .auth-book-customers-prompt {
    width: 302px; } }

@media only screen and (min-width: 679px) and (max-width: 920px) {
  body:not(.showing-sidepanel) .auth-book-sidebar, body:not(.showing-sidepanel) .auth-book-sidebar-right-wrap, body:not(.showing-sidepanel) .auth-book-customers-prompt {
    width: 242px; } }

@media only screen and (min-width: 680px) {
  .auth-book-middle {
    position: relative;
    clear: left; } }

@media only screen and (min-width: 1151px) {
  body.showing-sidepanel .auth-book-middle {
    left: 302px;
    width: calc(100% - 604px);
    width: -webkit-calc(100% - 604px); } }

@media only screen and (min-width: 679px) and (max-width: 1150px) {
  body.showing-sidepanel .auth-book-middle {
    left: 242px;
    width: calc(100% - 484px);
    width: -webkit-calc(100% - 484px); } }

@media only screen and (min-width: 921px) {
  body:not(.showing-sidepanel) .auth-book-middle {
    left: 302px;
    width: calc(100% - 604px);
    width: -webkit-calc(100% - 604px); } }

@media only screen and (min-width: 679px) and (max-width: 920px) {
  body:not(.showing-sidepanel) .auth-book-middle {
    left: 242px;
    width: calc(100% - 484px);
    width: -webkit-calc(100% - 484px); } }

@media only screen and (min-width: 680px) {
  .auth-book-sidebar {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0; }
    .auth-book-sidebar.left {
      left: 0;
      border-right: 1px solid var(--_border-grey-light); }
    .auth-book-sidebar.shim-left {
      bottom: 0;
      border-right: 1px solid var(--_border-grey-light); }
    .auth-book-sidebar.right {
      border-left: 1px solid transparent; }
    .auth-book-sidebar.shim-right {
      right: 0;
      bottom: 0;
      border-left: 1px solid var(--_border-grey-light);
      background-color: var(--_shade-grey-light); }
    .auth-book-sidebar.sticky.sticky-floating.left {
      left: auto; } }

@media only screen and (max-width: 679px) {
  .auth-book-sidebar.left, .auth-book-sidebar.right {
    border-top: 1px solid var(--_border-grey); } }

@media only screen and (min-width: 680px) {
  .auth-book-sidebar-section {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 12px; }
    .auth-book-sidebar-section.is-big {
      padding-top: 12px;
      padding-bottom: 12px; }
    .auth-book-sidebar-section.ava-section {
      padding-bottom: 5px; } }

@media only screen and (max-width: 679px) {
  .auth-book-sidebar-section {
    padding: 15px 20px; } }

.auth-book-sidebar-section.with-border {
  border-bottom: 1px solid var(--_border-grey-light); }

.auth-book-sidebar-section.auth-contact-mobile {
  border-top: 1px solid var(--_border-grey-light); }

.auth-book-customers-prompt {
  margin-top: 30px;
  color: var(--_fh-grey);
  text-align: center;
  width: 302px; }

@media only screen and (min-width: 680px) {
  .unbookable-page {
    max-width: 980px;
    margin-top: 30px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto; } }

@media only screen and (min-width: 680px) {
  .anon-book-wrap {
    padding: 30px 0; } }

.create-booking {
  position: relative;
  overflow: visible; }
  .create-booking.form-loading .form-errors {
    display: none; }
  .create-booking.book-auth {
    background-color: var(--_surface-primary); }
    @media only screen and (min-width: 680px) {
      .create-booking.book-auth {
        padding-top: 37px;
        margin: 0 auto; } }
    @media only screen and (min-width: 921px) {
      .create-booking.book-auth {
        border-left: 1px solid var(--_border-grey);
        border-right: 1px solid var(--_border-grey);
        border-bottom: 1px solid var(--_border-grey); } }
    @media only screen and (min-width: 680px) {
      .create-booking.book-auth.form-loading .book-form-fields {
        margin-top: 200px;
        border-top: 1px solid var(--_border-grey); }
      .create-booking.book-auth.form-loading .form-loading-overlay {
        background: rgba(var(--_surface-primary--rgb), 0.36); } }
    @media only screen and (max-width: 679px) {
      .create-booking.book-auth.form-loading {
        height: 250px;
        overflow: hidden; } }
    .create-booking.book-auth .company-container-back {
      padding-top: 7px;
      padding-bottom: 7px; }
      .create-booking.book-auth .company-container-back .btn-back {
        margin-left: -15px; }
  .create-booking.book-anon.form-loading, .create-booking.book-anon-columns.form-loading {
    height: 250px;
    overflow: hidden; }
    .create-booking.book-anon.form-loading .book-anon-columns-wrap, .create-booking.book-anon-columns.form-loading .book-anon-columns-wrap {
      display: none; }
  .create-booking .company-container-back {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .create-booking .book-form-fields {
    position: relative; }

.custom-fields-wrap {
  padding-bottom: 15px !important; }

.booking-sub-header {
  margin-bottom: 17px;
  font-size: 16px; }
  .booking-sub-header:not(.fh-green) {
    color: var(--_fh-grey-dark); }

.book-form-header {
  position: relative; }
  @media only screen and (min-width: 680px) {
    .book-anon-columns .book-form-header .company-wrap-inner {
      padding-top: 45px;
      padding-right: 5.1%;
      padding-bottom: 45px;
      padding-left: 5.1%; }
    .book-anon-columns .book-form-header .book-form-header-ratings {
      float: right; } }
  @media only screen and (min-width: 680px) {
    .book-form-header .book-form-header-availability {
      vertical-align: middle;
      padding-right: 25px; } }
@media only screen and (max-width: 679px) and (max-width: 679px) {
  .book-form-header .book-form-header-availability:after {
    content: '';
    display: table;
    clear: both;
    border-spacing: 0; } }
  @media only screen and (min-width: 680px) {
    .book-anon .book-form-header .book-form-header-availability {
      width: 50%; } }
  @media only screen and (min-width: 680px) {
    .book-form-header .book-form-header-availability .book-form-header-image {
      padding-right: 17px; } }
  @media only screen and (max-width: 679px) {
    .book-form-header .book-form-header-availability .book-form-header-image {
      float: right;
      margin-left: 10px; } }
  .book-form-header .book-form-header-for {
    vertical-align: middle; }
    @media only screen and (min-width: 680px) {
      .book-anon .book-form-header .book-form-header-for {
        width: 48%;
        max-width: 435px; } }
    @media only screen and (max-width: 679px) {
      .book-anon .book-form-header .book-form-header-for .customer-type-rate-counts {
        margin-top: 22px; } }
    .book-form-header .book-form-header-for .customer-type-rate-counts > li:last-child .field {
      margin-bottom: 0 !important; }

.booking-item {
  margin-bottom: 5px;
  font-size: 25px;
  line-height: 1;
  font-weight: bold; }

.booking-availability {
  font-size: 15px; }

.book-anon-columns .book-anon-columns-wrap {
  position: relative;
  border-top: 1px solid var(--_border-grey-light); }
  .book-anon-columns .book-anon-columns-wrap:after {
    content: '';
    display: table;
    clear: both;
    border-spacing: 0; }

@media only screen and (min-width: 680px) {
  .book-anon-columns .book-anon-columns-left {
    float: left;
    box-sizing: border-box;
    width: 65%; }
  .book-anon-columns .book-anon-columns-right-shim {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 35%;
    border-left: 1px solid var(--_border-grey);
    background-color: #f9fafb;
    background-color: var(--_shade-grey-light); }
  .book-anon-columns .book-anon-columns-right-wrap {
    float: right;
    width: 35%;
    position: relative;
    z-index: 1011; } }

@media only screen and (min-width: 680px) {
  .book-anon-columns .book-anon-columns-right {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    overflow: hidden; } }

@media only screen and (max-width: 679px) {
  .book-anon-columns .book-anon-columns-right {
    width: auto !important; } }

.book-anon-columns .book-anon-columns-section {
  padding-top: 20px;
  padding-bottom: 20px; }
  @media only screen and (min-width: 680px) {
    .book-anon-columns .book-anon-columns-section {
      padding-right: 8%;
      padding-left: 8%; } }
  @media only screen and (max-width: 679px) {
    .book-anon-columns .book-anon-columns-section {
      padding-right: 25px;
      padding-left: 25px; } }
  .book-anon-columns .book-anon-columns-section.with-bottom-border {
    border-bottom: 1px solid var(--_border-grey-light); }
  .book-anon-columns .book-anon-columns-section.is-header {
    font-size: 19px;
    background-color: var(--_shade-grey); }

.book-anon-columns .book-anon-columns-section-narrow {
  max-width: 450px; }

.book-anon-columns .book-form-complete-left,
.book-anon-columns .book-form-complete-middle {
  padding-bottom: 15px; }

.book-anon-columns .gift-card-wrap {
  margin-bottom: 25px; }

.book-anon-columns .form-errors--middle {
  display: none; }

.book-form-customers {
  position: relative;
  border-top: 1px solid var(--_border-grey-light); }
  .book-anon .book-form-customers {
    background-color: #f1f2f4;
    background-color: var(--surface-primary, #f1f2f4); }
  @media only screen and (min-width: 680px) {
    .book-auth .book-form-customers {
      padding-bottom: 0 !important; } }
.book-anon .book-form-booking-fields {
  border-top: 1px solid var(--_border-grey-light); }
  @media only screen and (min-width: 680px) {
    .book-anon .book-form-booking-fields {
      padding: 30px 45px; }
      .book-anon .book-form-booking-fields .custom-field-values {
        max-width: 550px;
        margin: 0 auto; } }
  @media only screen and (max-width: 679px) {
    .book-anon .book-form-booking-fields {
      padding-top: 22px;
      padding-right: 25px;
      padding-bottom: 22px;
      padding-left: 25px; } }
@media only screen and (min-width: 680px) {
  .book-auth .book-form-booking-fields {
    padding: 15px 25px; } }

@media only screen and (max-width: 679px) {
  .book-auth .book-form-booking-fields {
    padding: 15px 20px; } }

.book-form-policies {
  background-color: #fff;
  background-color: var(--_surface-primary);
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (min-width: 680px) {
    .book-form-policies {
      border-radius: 5px;
      position: absolute;
      top: 50%;
      height: 400px;
      margin-top: -200px;
      left: 50%;
      width: 800px;
      margin-left: -400px;
      border: 1px solid #000;
      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16); } }
  @media only screen and (max-width: 679px) {
    .book-form-policies {
      position: relative; } }
.book-form-policies-copy {
  padding: 20px 35px;
  border-top: 1px solid var(--_border-grey-light); }
  @media only screen and (min-width: 680px) {
    .book-form-policies-copy {
      position: absolute;
      top: 50px;
      right: 0;
      bottom: 0;
      left: 0;
      overflow-y: scroll; } }
.chunky-error {
  border-bottom: 1px solid var(--_border-grey-light); }
  .chunky-error.light-orange .chunky-error-inner {
    background-color: var(--_warning-surface) !important; }
  .chunky-error.orange .chunky-error-inner {
    background-color: #f37f25 !important; }
  .chunky-error.orange .chunky-error-content {
    border-color: #f37f25; }
  .chunky-error.red .chunky-error-inner {
    background-color: #c02b2b !important; }
  .chunky-error.red .chunky-error-content {
    border-color: #c02b2b; }
  .chunky-error.orange .chunky-error-inner, .chunky-error.red .chunky-error-inner {
    color: #fff; }
    .chunky-error.orange .chunky-error-inner:after, .chunky-error.red .chunky-error-inner:after {
      background-position: -348px -342px; }

.chunky-error-inner {
  position: relative;
  padding: 7px 15px;
  font-weight: bold; }
  .chunky-error-inner.toggleable {
    cursor: pointer; }
    .chunky-error-inner.toggleable.toggled {
      background-color: var(--_surface-primary); }
    .chunky-error-inner.toggleable:after {
      transform: none;
      content: '';
      display: inline-block;
      transition: transform 0.15s ease-in-out;
      border-style: solid;
      border-color: transparent;
      border-width: 5px 3.5px 0 3.5px;
      border-top-color: currentColor;
      position: absolute;
      top: 50%;
      margin-top: -2px;
      right: 15px; }
      @supports (mask-type: inherit) {
        .chunky-error-inner.toggleable:after {
          width: 7px;
          height: 5px;
          background-color: currentColor;
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          mask-size: 7px 5px;
          border: 0; } }

.chunky-error-content {
  padding: 12px 15px 0 15px;
  border-color: transparent;
  border-style: solid;
  border-left-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  background-color: var(--_surface-primary); }
  .chunky-error-content.limit-height {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 12px; }

@media only screen and (min-width: 680px) {
  .book-anon .company-wrap-inner {
    padding: 40px 45px; }
    .book-anon .company-wrap-inner:after {
      content: '';
      display: table;
      clear: both;
      border-spacing: 0; } }

@media only screen and (max-width: 679px) {
  .book-anon .company-wrap-inner {
    padding-top: 22px;
    padding-right: 25px;
    padding-bottom: 22px;
    padding-left: 25px; } }

@media only screen and (min-width: 680px) {
  .book-anon .book-form-complete-columns {
    padding: 40px 45px; }
    .book-anon .book-form-complete-columns:after {
      content: '';
      display: table;
      clear: both;
      border-spacing: 0; } }

@media only screen and (max-width: 679px) {
  .book-anon .book-form-complete-columns {
    padding-right: 25px;
    padding-left: 25px; } }

.book-auth .company-wrap-inner {
  padding: 15px 25px; }

@media only screen and (min-width: 680px) {
  .book-anon .book-form-complete-left {
    float: left;
    width: 30.4%;
    margin-right: 2.8%; }
  .book-anon .book-form-complete-middle {
    float: left;
    width: 35.5%;
    margin-right: 2.8%; }
  .book-anon .book-form-complete-right {
    float: right;
    width: 28.4%; }
  .book-anon .book-form-complete-center {
    margin-left: 30%;
    margin-right: 30%; } }

@media only screen and (max-width: 679px) {
  .book-anon .book-form-complete-left,
  .book-anon .book-form-complete-middle,
  .book-anon .book-form-complete-right,
  .book-anon .book-form-complete-center {
    margin-top: 22px;
    margin-bottom: 22px; } }

.auth-booking-ava[class*="-shade"] {
  color: #1f2428; }

.auth-booking-ava .availability-image {
  float: right;
  margin-left: 10px; }

.auth-booking-ava .auth-booking-ava-item {
  font-size: 14px;
  margin-bottom: 4px; }

.auth-booking-ava .auth-booking-ava-date {
  display: block;
  font-size: 15px;
  font-weight: bold; }

.auth-booking-ava .auth-book-public-headline {
  opacity: 0.8;
  margin-top: 4px; }

.auth-booking-ava .auth-booking-private-headline {
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid var(--_border-grey); }

.book-form-contact .field.field-cb-light {
  margin-bottom: 3px; }

.book-form-send-email {
  margin-bottom: 10px; }
  .book-form-send-email .email-form {
    margin-top: 8px; }

.book-form-affiliate {
  clear: both; }
  .book-form-affiliate select {
    width: 100%;
    margin: 0; }

.booking-block-info {
  clear: both;
  color: var(--_fh-grey);
  padding-left: 19px;
  padding-top: 8px; }
  .booking-block-info .block-overbook-message {
    color: var(--_text-primary);
    padding-bottom: 8px; }
  .booking-block-info .booking-block-stat {
    padding-bottom: 3px; }
    .booking-block-info .booking-block-stat.current-block {
      padding-bottom: 10px; }

@media only screen and (min-width: 680px) {
  .book-anon .book-form-payment .booking-sub-header {
    padding-left: 18px; } }

.booking-additional-info {
  max-height: 140px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  padding: 12px;
  margin-bottom: 15px;
  background-color: #f9fafb;
  background-color: var(--alert-surface, #f9fafb);
  border-width: 1px;
  border-style: solid;
  border-color: #e0e3e6;
  border-color: var(--_border-grey-light);
  border-radius: 5px; }

.book-form-booking-note textarea,
.payment-comment textarea {
  height: 80px; }

.help-input-wrap {
  position: relative; }
  .help-input-wrap .help-icon {
    position: absolute;
    top: 7px;
    left: 10px;
    cursor: help; }
  .help-input-wrap input {
    padding-left: 32px; }

@media only screen and (min-width: 680px) {
  .book-anon .book-form-submit {
    padding: 0 45px 30px 45px;
    text-align: center; }
    .book-anon .book-form-submit .book-form-submit-button {
      margin: 0 auto;
      max-width: 450px; } }

@media only screen and (max-width: 679px) {
  .book-anon .book-form-submit {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 22px;
    margin-bottom: 22px; } }

@media only screen and (min-width: 680px) {
  .book-anon .book-form-submit .paypal-checkout {
    width: 300px;
    margin: 0 auto; } }

.book-form-warnings .badge {
  margin-bottom: 5px; }

.book-final-note {
  padding-bottom: 12px;
  padding-top: 10px; }

.booking-fh-tos-note {
  padding-top: 12px;
  color: var(--_fh-grey);
  font-size: 12px; }
  .booking-fh-tos-note a {
    text-decoration: underline; }

.book-form-missing-fields {
  font-size: 14px;
  margin: 14px 0; }

@media only screen and (min-width: 680px) {
  .cart-submit .cart-submit-cancellation {
    width: 28.4%; }
  .cart-submit .book-form-submit {
    padding: 0 0 0 20px; } }

@media only screen and (max-width: 679px) {
  .cart-submit .book-form-submit {
    padding-left: 0;
    padding-right: 0; } }

.customer-type-count-select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  border-color: #afb8c0;
  border-color: var(--fh-grey, #afb8c0);
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 var(--_shade-grey-dark);
  -moz-transition: opacity 200ms;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms; }
  .customer-type-count-select .badge {
    margin-left: 3px; }
  .customer-type-count-select:hover:not(.is-call-to-book):not(.is-already-full):not(.is-seat-full):not([class*="disabled"]) {
    border-color: var(--fh-grey-dark, #84929f); }
    .customer-type-count-select:hover:not(.is-call-to-book):not(.is-already-full):not(.is-seat-full):not([class*="disabled"]) .customer-select {
      background-color: #005db7; }
  .customer-type-count-select:focus-within {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f; }
    .customer-type-count-select:focus-within .focus-indicator {
      display: none !important; }
    .customer-type-count-select:focus-within .customer-type-add-btn.focus-visible {
      box-shadow: none; }
  .customer-type-count-select.select-count-max-not-overrideable.select-count-exclusively-disabled, .customer-type-count-select.select-count-max-not-overrideable.select-count-party-size-disabled, .customer-type-count-select.select-count-max-not-overrideable.is-already-full, .customer-type-count-select.is-seat-full {
    color: #767e84;
    color: var(--fh-grey-light, #767e84);
    border-color: #c9c9c9;
    border-color: var(--disabled-grey, #c9c9c9); }
    .customer-type-count-select.select-count-max-not-overrideable.select-count-exclusively-disabled .customer-select-note, .customer-type-count-select.select-count-max-not-overrideable.select-count-party-size-disabled .customer-select-note, .customer-type-count-select.select-count-max-not-overrideable.is-already-full .customer-select-note, .customer-type-count-select.is-seat-full .customer-select-note {
      color: #767e84;
      color: var(--fh-grey-light, #767e84); }
    .customer-type-count-select.select-count-max-not-overrideable.select-count-exclusively-disabled .customer-select, .customer-type-count-select.select-count-max-not-overrideable.select-count-party-size-disabled .customer-select, .customer-type-count-select.select-count-max-not-overrideable.is-already-full .customer-select, .customer-type-count-select.is-seat-full .customer-select {
      background-color: #efefef;
      background-color: var(--shade-grey-dark, #efefef); }
    .customer-type-count-select.select-count-max-not-overrideable.select-count-exclusively-disabled .customer-type-rate, .customer-type-count-select.select-count-max-not-overrideable.select-count-party-size-disabled .customer-type-rate, .customer-type-count-select.select-count-max-not-overrideable.is-already-full .customer-type-rate, .customer-type-count-select.is-seat-full .customer-type-rate {
      color: #767e84;
      color: var(--fh-grey-light, #767e84); }
    .customer-type-count-select.select-count-max-not-overrideable.select-count-exclusively-disabled .customer-select-count, .customer-type-count-select.select-count-max-not-overrideable.select-count-party-size-disabled .customer-select-count, .customer-type-count-select.select-count-max-not-overrideable.is-already-full .customer-select-count, .customer-type-count-select.is-seat-full .customer-select-count {
      color: #787878;
      color: var(--fh-grey-light, #787878); }
  .customer-type-count-select.select-count-max-overrideable.select-count-exclusively-disabled, .customer-type-count-select.select-count-max-overrideable.select-count-party-size-disabled {
    opacity: 0.5; }
    .customer-type-count-select.select-count-max-overrideable.select-count-exclusively-disabled:hover, .customer-type-count-select.select-count-max-overrideable.select-count-party-size-disabled:hover {
      opacity: 1; }
  .customer-type-count-select.select-count-party-size-disabled .party-size-disabled, .customer-type-count-select.select-count-exclusively-disabled .exclusively-disabled {
    display: block; }
  .customer-type-count-select .exclusively-disabled,
  .customer-type-count-select .party-size-disabled {
    display: none;
    font-size: 12px; }
  .book-anon .customer-type-count-select.select-count-over-display-max, .book-anon .customer-type-count-select.select-count-below-display-min {
    border: 2px solid #ed501a; }
  .book-anon .customer-type-count-select.select-count-over-display-max .too-many, .book-anon .customer-type-count-select.select-count-below-display-min .too-few {
    display: block; }
  .customer-type-count-select .too-many, .customer-type-count-select .too-few {
    display: none;
    color: #ed501a;
    padding-top: 8px; }
  .customer-type-count-select .customer-type-info {
    word-break: break-word; }
    .book-anon .customer-type-count-select .customer-type-info {
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      padding: 7px 10px 7px 15px; }
    .book-auth .customer-type-count-select .customer-type-info {
      padding: 5px 12px 4px 12px; }
  .book-anon .customer-type-count-select .customer-type-info-header {
    font-size: 16px; }
  .book-auth .customer-type-count-select .customer-type-info-header {
    font-size: 14px; }
  .book-auth .customer-type-count-select .customer-type-info-header .customer-type-info-header--name {
    font-weight: bold; }
  .book-anon .customer-type-count-select .customer-type-info-header .customer-type-info-header--rate {
    display: none; }
  .customer-type-count-select .customer-select-note {
    color: #697886;
    color: var(--_fh-grey); }
  .customer-type-count-select.is-call-to-book .customer-select {
    color: #fff;
    line-height: 14px;
    width: 75px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .customer-type-count-select.is-call-to-book .icon-phone {
    width: 9px;
    height: 10px;
    margin-bottom: 1px; }
  .customer-type-count-select.single-capacity {
    position: relative; }
    .customer-type-count-select.single-capacity .customer-select {
      position: static; }

.customer-type-rate {
  padding-right: 15px;
  padding-left: 12px;
  margin-left: auto;
  text-align: right;
  font-size: 16px;
  color: #0a6ece;
  color: var(--_theme-primary);
  font-weight: bold; }
  .book-auth .customer-type-rate {
    display: none !important; }

.customer-type-count-select-inner > label {
  min-height: 40px; }

.customer-select-count {
  position: relative;
  color: #fff;
  font-size: 17px;
  text-align: center;
  pointer-events: none;
  transition: opacity 100ms ease;
  transition-delay: 350ms; }
  .customer-select-count:after {
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 6px 4px 0 4px;
    border-top-color: currentColor;
    vertical-align: middle;
    margin-bottom: 1px;
    margin-left: 4px; }
    @supports (mask-type: inherit) {
      .customer-select-count:after {
        width: 8px;
        height: 6px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 8px 6px;
        border: 0; } }

.customer-select {
  min-width: 75px;
  position: relative;
  overflow: hidden;
  background-color: #0a6ece; }
  .customer-select .customer-select-inner {
    padding: 0 12px; }
  .customer-select select {
    transition: opacity 100ms ease;
    transition-delay: 350ms;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    z-index: 10;
    border-radius: 0;
    font-size: 16px; }
    .customer-select select.focus-visible + .focus-indicator {
      content: '';
      display: block;
      position: absolute;
      z-index: 1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
      box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary); }

.customer-type-add-btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 94px;
  padding: 0 12px;
  font-size: 15px; }
  .customer-type-add-btn-wrap.is-added {
    background-color: #fff;
    background-color: var(--_surface-primary);
    border-right: 1px solid var(--_border-grey-light); }

.customer-type-add-btn {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }
  .customer-type-add-btn:disabled {
    cursor: not-allowed; }
  .customer-type-add-btn:not([disabled]) {
    color: #fff; }
  .customer-type-add-btn svg {
    width: 12px;
    height: 12px;
    margin-right: 6px; }

.customer-type-added {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: var(--_fh-green); }
  .customer-type-added svg {
    width: 13px;
    height: 13px;
    margin-right: 4px; }

.book-form-totals {
  position: relative; }
  .book-anon .book-form-totals {
    background: #f9fafb;
    background: var(--_shade-grey-light);
    border-bottom: 1px solid #e0e3e6;
    border-top: 1px solid #e0e3e6;
    border-color: var(--_border-grey-light); }
    .book-anon .book-form-totals:not(.has-secure-badge):not(.has-totals) {
      display: none; }
    @media only screen and (min-width: 680px) {
      .book-anon .book-form-totals {
        padding: 15px 45px 15px 45px; } }
    @media only screen and (max-width: 679px) {
      .book-anon .book-form-totals {
        padding: 12px 25px 12px 25px; }
        .book-anon .book-form-totals:not(.has-totals) {
          display: none; } }
.apply-gift-card[type="button"] {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer; }
  .apply-gift-card[type="button"]:disabled {
    cursor: not-allowed; }

@media only screen and (hover: hover) {
  .apply-gift-card:hover {
    text-decoration: underline; } }

.apply-gift-card.focus-visible {
  text-decoration: underline; }

.apply-gift-card .icon-cc {
  margin-right: 4px;
  margin-bottom: -1px; }

.apply-gift-card-form .form-error {
  margin-top: 5px;
  margin-bottom: 0; }

@media only screen and (max-width: 679px) {
  .apply-gift-card-form {
    margin: 10px 0; } }

@media only screen and (min-width: 680px) {
  .gift-card-wrap {
    max-width: 405px; }
  .gift-card-field {
    margin-bottom: 0;
    margin-right: 6px; }
  .gift-card-buttons {
    width: 100px;
    padding-bottom: 1px;
    white-space: nowrap; } }

.gift-card-close {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 2px;
  width: 12px;
  height: 12px;
  opacity: 0.7;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: 1px 1px; }
  .gift-card-close:disabled {
    cursor: not-allowed; }
  .gift-card-close:hover {
    opacity: 1; }

.secure-badge {
  padding-right: 14px;
  padding-left: 14px;
  border: 1px solid rgba(29, 135, 90, 0.25);
  border-radius: 50px;
  background-color: #d9f2e1;
  background-color: var(--_shade-green);
  color: #1D875A;
  color: var(--_fh-green);
  text-align: center; }
  .secure-badge svg {
    height: 12px;
    margin-right: 2px;
    margin-bottom: -1px; }
  @media only screen and (min-width: 680px) {
    .secure-badge {
      padding-top: 4px;
      padding-bottom: 4px; }
      .book-anon .secure-badge {
        float: left; } }
  @media only screen and (max-width: 679px) {
    .secure-badge {
      padding-top: 6px;
      padding-bottom: 6px;
      margin-top: 22px;
      margin-right: 25px;
      margin-bottom: 22px;
      margin-left: 25px; } }
.book-form-totals-table {
  border-collapse: collapse; }
  @media only screen and (min-width: 680px) {
    .book-form-totals-table {
      width: 100%; } }
  .book-form-totals-table tr.toggled {
    display: none; }
  .book-form-totals-table tr > td {
    padding-top: 3px;
    padding-bottom: 3px; }
  .book-form-totals-table tr.is-highlighted > td {
    background-color: var(--_callout-surface); }
  .book-form-totals-table .subtotal-label {
    color: #5a6672;
    color: var(--_fh-grey-dark); }
    @media only screen and (min-width: 680px) {
      .book-anon .book-form-totals-table .subtotal-label {
        text-align: right; } }
    .book-auth .book-form-totals-table .subtotal-label {
      padding: 1px 5px 1px 0; }
  .book-form-totals-table .subtotal-value {
    white-space: nowrap; }
    .book-anon .book-form-totals-table .subtotal-value {
      width: 70px;
      padding-left: 10px; }
  .book-form-totals-table .final-total-label {
    color: #0a6ece;
    color: var(--_theme-primary);
    vertical-align: middle; }
    .book-anon .book-form-totals-table .final-total-label {
      font-size: 17px; }
    .book-auth .book-form-totals-table .final-total-label {
      font-size: 14px;
      font-weight: bold; }

.final-total {
  color: #0a6ece;
  color: var(--_theme-primary); }
  .book-anon .final-total {
    font-size: 19px; }
  .book-auth .final-total {
    font-size: 14px;
    font-weight: bold; }

.set-total-toggle .set-total-toggle-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background-size: 14px 14px;
  background-position: 2px 2px;
  background-repeat: no-repeat;
  border-radius: 3px;
  vertical-align: text-top;
  margin-top: -1px; }
  .book-anon .set-total-toggle .set-total-toggle-icon {
    margin-top: -4px; }

.set-total-toggle:hover .set-total-toggle-icon {
  background-color: var(--_hover-grey); }

.set-total-toggle:active .set-total-toggle-icon {
  background-color: var(--_hover-grey--active); }

.set-total-row td {
  padding-top: 5px; }

.set-total-difference {
  color: var(--_fh-grey); }

.set-total-input {
  position: relative; }
  .set-total-input .field {
    margin-right: 28px;
    margin-bottom: 0; }
  .set-total-input .button-close {
    top: 8px;
    right: 0; }

.book-form-seating-layout {
  display: -ms-grid;
  display: grid;
  grid-template-rows: minmax(0, 1fr); }
  @media only screen and (min-width: 680px) {
    .book-form-seating-layout {
      -ms-grid-columns: minmax(0, 550px) 340px;
      grid-template-columns: minmax(0, 1fr) 340px; } }
  @media only screen and (max-width: 679px) {
    .book-form-seating-layout {
      -ms-grid-columns: minmax(0, 680px);
      grid-template-columns: minmax(0, 1fr); }
      .book-anon-columns .book-form-seating-layout {
        margin-left: 25px;
        margin-right: 25px; } }
  @media only screen and (min-width: 680px) {
    .book-auth .book-form-seating-layout {
      -ms-grid-columns: minmax(0, 800px) 302px;
      grid-template-columns: minmax(0, 1fr) 302px;
      min-height: 350px;
      border-bottom: 1px solid var(--_border-grey-light); } }
  @media only screen and (max-width: 679px) {
    .book-auth .book-form-seating-layout.with-menu-open {
      max-height: 100vh; } }
.book-form-seating-layout-header .book-form-seating-maps-hdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  flex: 1; }
  .book-anon-columns .book-form-seating-layout-header .book-form-seating-maps-hdr {
    padding-left: 20px; }

@media only screen and (min-width: 680px) {
  .book-form-seating-layout-header {
    margin-top: 20px;
    margin-bottom: 10px; }
    .book-form-seating-layout-header:not(.with-menu-open) {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .book-form-seating-layout-header:not(.with-menu-open) .book-form-seating-maps-hdr {
        min-height: 33px; }
    .book-anon-columns .book-form-seating-layout-header {
      min-height: 36px; }
    .book-form-seating-layout-header .book-form-seating-menu-hdr {
      -ms-grid-column: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .book-anon-columns .book-form-seating-layout-header .book-form-seating-menu-hdr {
        padding-right: 20px; }
      .book-form-seating-layout-header .book-form-seating-menu-hdr button[aria-expanded="true"] {
        margin-left: auto; } }

@media only screen and (max-width: 679px) {
  .book-form-seating-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-top: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #afb8c0;
    border-color: var(--_border-grey-dark);
    border-radius: 4px;
    background-color: #f9fafb;
    background-color: var(--_shade-grey-light);
    box-shadow: 0 1px 2px 0 var(--_shade-grey-dark); }
    .book-anon-columns .book-form-seating-toggle {
      margin-left: 25px;
      margin-right: 25px; }
    .book-form-seating-toggle > li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      flex: 0 0 50%; }
      .book-form-seating-toggle > li button {
        width: 100%;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        padding: 12px;
        text-align: center;
        font-size: 14px;
        line-height: 1.2; }
        .book-form-seating-toggle > li button.active {
          background-color: #0a6ece;
          color: #fff; }
        .book-form-seating-toggle > li button:not(.active) {
          cursor: pointer; }
        .book-form-seating-toggle > li button.focus-visible {
          box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
          box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary); }
      .book-form-seating-toggle > li:first-child button.active {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
      .book-form-seating-toggle > li:last-child button.active {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; } }

.book-form-seating-layout-body {
  -ms-grid-rows: 350px; }
  @media only screen and (min-width: 680px) {
    .book-anon .book-form-seating-layout-body {
      max-height: 60vh; }
    .book-auth .book-form-seating-layout-body {
      height: 350px;
      transition: height 0.25s ease-in-out; }
      .book-auth .book-form-seating-layout-body.is-expanded {
        height: 700px; } }
  @media only screen and (max-width: 679px) {
    .book-form-seating-layout-body {
      max-height: 80vh; }
      .book-auth .book-form-seating-layout-body.is-expanded {
        max-height: 100vh; } }
  @media only screen and (min-width: 680px) {
    .book-form-seating-layout-body {
      position: relative; }
      .book-form-seating-layout-body:not(.with-menu-open) .book-form-seating-layout-maps {
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
        .book-anon-columns .book-form-seating-layout-body:not(.with-menu-open) .book-form-seating-layout-maps {
          border-right: 0;
          border-radius: 0; } }
  @media only screen and (min-width: 680px) {
    .book-anon .book-form-seating-layout-body.with-menu-open::after {
      content: '';
      position: absolute;
      z-index: 1;
      height: 30px;
      width: 336px;
      right: 4px;
      bottom: 1px;
      background: rgba(var(--_surface-primary--rgb), 0);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(var(--_surface-primary--rgb), 0)), color-stop(100%, rgba(var(--_surface-primary--rgb), 1)));
      background: -webkit-linear-gradient(top, rgba(var(--_surface-primary--rgb), 0) 0%, rgba(var(--_surface-primary--rgb), 1) 100%);
      background: -ms-linear-gradient(top, rgba(var(--_surface-primary--rgb), 0) 0%, rgba(var(--_surface-primary--rgb), 1) 100%);
      background: linear-gradient(to bottom, rgba(var(--_surface-primary--rgb), 0) 0%, rgba(var(--_surface-primary--rgb), 1) 100%);
      pointer-events: none; } }
  @media only screen and (max-width: 679px) {
    .book-anon .book-form-seating-layout-body.with-menu-open .book-form-seating-layout-maps {
      display: none; } }
.book-form-seating-layout-maps {
  overflow: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e3e6;
  border-color: var(--_border-grey-light); }
  @media only screen and (min-width: 680px) {
    .book-form-seating-layout-maps {
      -ms-grid-column: 1;
      grid-column: 1;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
      .book-anon-columns .book-form-seating-layout-maps {
        border-width: 1px;
        border-left: 0;
        border-radius: 0; } }
  @media only screen and (max-width: 679px) {
    .book-form-seating-layout-maps {
      border-radius: 5px; } }
  @media only screen and (min-width: 680px) {
    .book-auth .book-form-seating-layout-maps {
      border: 0; } }
  @media only screen and (max-width: 679px) {
    .book-auth .book-form-seating-layout-maps {
      margin: 0 12px 12px 12px;
      border-width: 1px; } }
  .book-anon .book-form-seating-layout-maps.multiple-time-ranges {
    background-color: var(--_shade-grey-light); }
  .book-anon .book-form-seating-layout-maps .seat-maps-group {
    margin-bottom: 0; }
  .book-anon .book-form-seating-layout-maps .seat-maps-time-range:not(.multiple-maps) .seat-map {
    margin-right: 0;
    border: 0; }
    .book-anon .book-form-seating-layout-maps .seat-maps-time-range:not(.multiple-maps) .seat-map::after {
      display: none; }
  .book-anon .book-form-seating-layout-maps .seat-maps-time-range.multiple-maps .book-form-seat-map {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--_shade-grey-light); }
    .book-anon .book-form-seating-layout-maps .seat-maps-time-range.multiple-maps .book-form-seat-map:first-child {
      padding-left: 10px; }

@media only screen and (min-width: 680px) {
  .book-form-seating-layout-menu {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    grid-column: 2;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e3e6;
    border-color: var(--_border-grey-light);
    border-left: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
    .book-anon .book-form-seating-layout-menu {
      overflow-y: auto;
      padding: 10px; }
    .book-anon-columns .book-form-seating-layout-menu {
      border-width: 1px;
      border-right: 0;
      border-radius: 0; }
    .book-form-seating-layout-menu .customer-type-rate-counts {
      margin-bottom: 20px; } }

@media only screen and (max-width: 679px) {
  .book-form-seating-layout-menu {
    padding-top: 20px; } }

@media only screen and (min-width: 680px) {
  .book-auth .book-form-seating-layout-menu {
    border: 0;
    border-left: 2px solid var(--_border-grey-light); }
    .book-auth .book-form-seating-layout-menu .action-window {
      overflow-y: auto; } }

@media only screen and (max-width: 679px) {
  .book-auth .book-form-seating-layout-menu {
    padding-top: 0; } }

.book-form-seating-layout-menu .book-form-seating-pager {
  float: right;
  margin-top: 3px; }

@media only screen and (min-width: 680px) {
  .book-seat-popover.popover {
    width: 400px;
    max-width: 400px; } }

@media only screen and (max-width: 679px) {
  .book-seat-popover.popover {
    max-height: 100vh;
    top: auto !important;
    padding-bottom: 12px;
    background: none; } }

.book-anon-columns .book-seat-popover.popover {
  z-index: 1012; }

.book-seat-popover.popover .popover-content-wrap {
  padding: 10px;
  border: 1px solid var(--_border-grey-light); }
  @media only screen and (max-width: 679px) {
    .book-seat-popover.popover .popover-content-wrap {
      margin-top: 38px; } }
.book-seat-popover.popover.top > .triangle {
  border-width: 11px;
  top: -22px;
  margin-left: -2px;
  border-bottom-color: var(--_border-grey-light); }

.book-seat-popover-close {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 12px;
  font-size: 14px;
  line-height: 1;
  color: var(--_theme-primary);
  cursor: pointer; }
  @media only screen and (max-width: 679px) {
    .book-seat-popover-close {
      text-shadow: 0 0 10px var(--_surface-primary); } }
  @media only screen and (min-width: 680px) {
    .book-seat-popover-close {
      top: -35px;
      background-color: var(--_surface-primary); }
      .book-seat-popover-close:not(.focus-visible) {
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px); } }
.book-seat-popover-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 2px 6px; }
  .book-seat-popover-footer .book-seat-popover-selected {
    flex: 1 1 auto;
    margin-right: auto;
    overflow-wrap: anywhere; }
  .book-seat-popover-footer .btns {
    flex: 0 0 auto; }

@media only screen and (max-width: 679px) {
  .book-form-seating-overlay {
    display: none;
    position: fixed;
    z-index: 1008;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-color: #FFF;
    background-color: rgba(var(--_surface-primary--rgb), 0.8);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px); }
    body.is-popover-open .book-form-seating-overlay {
      display: block; } }

@media only screen and (min-width: 680px) {
  .book-form-change-seating-hdr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #FFF;
    background-color: rgba(var(--_surface-primary--rgb), 0.96);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px); } }
  @media only screen and (min-width: 680px) {
    @supports (position: sticky) {
      .book-form-change-seating-hdr {
        position: -webkit-sticky !important;
        position: sticky !important;
        z-index: 99;
        top: 0; } } }
@media only screen and (min-width: 680px) {
    .book-anon-columns .book-form-change-seating-hdr {
      padding-top: 40px; } }

.book-form-change-seating-maps {
  overflow: auto; }

.book-form-change-seating-title {
  line-height: 1;
  margin-top: -0.1em;
  letter-spacing: normal; }
  @media only screen and (min-width: 680px) {
    .book-form-change-seating-title {
      font-size: 28px; } }
  @media only screen and (max-width: 679px) {
    .book-form-change-seating-title {
      font-size: 24px; } }
@media only screen and (max-width: 679px) {
  .book-form-change-seating-btns {
    margin-left: auto; } }

.book-form-change-seating-btns button {
  min-height: 44px;
  font-size: 15px; }
  @media only screen and (min-width: 921px) {
    .book-form-change-seating-btns button {
      min-width: 150px; } }
  @media only screen and (max-width: 679px) {
    .book-form-change-seating-btns button {
      min-width: 150px; } }
@media only screen and (min-width: 680px) {
  .book-form-change-seating-counter {
    position: absolute;
    top: -25px;
    left: 3px; } }

.book-form-change-seating-card {
  position: relative; }
  @media only screen and (min-width: 680px) {
    .book-form-change-seating-card {
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start;
      flex: none;
      margin-left: auto;
      width: 45%; }
      .book-anon-columns .book-form-change-seating-card {
        width: 35%; } }
  @media only screen {
    .book-form-change-seating-card::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 20px;
      left: 20px;
      height: 26px;
      background: rgba(var(--customer-card-surface--rgb, 255, 255, 255), 0);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(var(--customer-card-surface--rgb, 255, 255, 255), 0)), color-stop(100%, rgba(var(--customer-card-surface--rgb, 255, 255, 255), 1)));
      background: -webkit-linear-gradient(top, rgba(var(--customer-card-surface--rgb, 255, 255, 255), 0) 0%, rgba(var(--customer-card-surface--rgb, 255, 255, 255), 1) 100%);
      background: -ms-linear-gradient(top, rgba(var(--customer-card-surface--rgb, 255, 255, 255), 0) 0%, rgba(var(--customer-card-surface--rgb, 255, 255, 255), 1) 100%);
      background: linear-gradient(to bottom, rgba(var(--customer-card-surface--rgb, 255, 255, 255), 0) 0%, rgba(var(--customer-card-surface--rgb, 255, 255, 255), 1) 100%);
      pointer-events: none; } }
  .book-form-change-seating-card .customer-type-card {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    margin-bottom: 0;
    padding-bottom: 20px; }
    @media only screen {
      .book-form-change-seating-card .customer-type-card {
        max-height: 180px; } }
.book-form-seating-tb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto; }
  @media only screen and (max-width: 679px) {
    .with-menu-open .book-form-seating-tb {
      display: none; }
    .book-anon-columns .book-form-seating-tb {
      margin-right: 25px; } }
  @media only screen and (min-width: 679px) and (max-width: 920px) {
    .book-anon-columns .with-menu-open .book-form-seating-tb {
      display: none; } }
  .book-form-seating-tb .btn-grey--ghost {
    min-width: auto;
    width: 32px; }
    .book-form-seating-tb .btn-grey--ghost[disabled] {
      background: transparent !important;
      border-color: transparent !important; }

@media only screen and (min-width: 680px) {
  .item-by-date-wrap {
    padding: 30px 0; } }

.item-by-date-avas {
  width: 100%;
  table-layout: fixed; }
  .item-by-date-avas .item-by-date-thead .td {
    padding: 25px 5px 15px 5px;
    font-size: 18px;
    text-align: center; }
    .item-by-date-avas .item-by-date-thead .td.not-current {
      color: var(--_fh-grey); }
    .item-by-date-avas .item-by-date-thead .td .booking-sub-header {
      padding-bottom: 0;
      margin-bottom: 4px; }
  @media only screen and (min-width: 680px) {
    .item-by-date-avas .item-by-date-tbody .td {
      padding: 0 5px 25px 5px; } }
  @media only screen and (max-width: 679px) {
    .item-by-date-avas .item-by-date-tbody .td {
      padding: 0 25px 25px 25px; } }
  .item-by-date-avas .item-by-date-tbody .td.not-current {
    opacity: 0.6; }
    .item-by-date-avas .item-by-date-tbody .td.not-current:hover {
      opacity: 1; }
  .item-by-date-avas .td {
    position: relative; }
    .item-by-date-avas .td.set-empty {
      vertical-align: middle;
      text-align: center;
      color: var(--_fh-grey); }
    .item-by-date-avas .td.set-nav {
      vertical-align: middle !important;
      text-align: center;
      width: 50px;
      padding: 0; }
      .item-by-date-avas .td.set-nav.set-nav-prev a {
        float: right; }
      .item-by-date-avas .td.set-nav a {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--_fh-grey); }
        .item-by-date-avas .td.set-nav a svg {
          height: 16px;
          width: auto; }
        @media only screen and (hover: hover) {
          .item-by-date-avas .td.set-nav a:hover {
            background-color: var(--_hover-grey); } }
        .item-by-date-avas .td.set-nav a.focus-visible {
          background-color: var(--_hover-grey); }

.item-page-stats {
  background-color: #fff;
  background-color: var(--_flyout-surface); }
  @media only screen and (min-width: 680px) {
    .item-page-stats {
      -webkit-box-shadow: 0 0 8px var(--surface-outer, #bbb);
      box-shadow: 0 0 8px var(--surface-outer, #bbb); } }
  .item-page-stats .item-stats-container {
    padding: 15px 20px;
    border-bottom: 1px solid var(--_border-grey); }
  .item-page-stats .item-stats-header {
    background: var(--flyout-surface, #fff);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--flyout-surface, #fff)), color-stop(100%, var(--flyout-surface, #f5f8f9)));
    background: -webkit-linear-gradient(top, var(--flyout-surface, #fff) 0%, var(--flyout-surface, #f5f8f9) 100%);
    background: -ms-linear-gradient(top, var(--flyout-surface, #fff) 0%, var(--flyout-surface, #f5f8f9) 100%);
    background: linear-gradient(to bottom, var(--flyout-surface, #fff) 0%, var(--flyout-surface, #f5f8f9) 100%);
    border-bottom: 1px solid var(--_border-grey); }
    .item-page-stats .item-stats-header .item-name {
      font-size: 23px;
      line-height: 25px; }
    .item-page-stats .item-stats-header .item-page-edit {
      margin-top: 8px; }
  @media only screen and (min-width: 680px) {
    .item-page-stats .item-stats-images {
      display: none; } }
.calendar-button {
  display: block;
  position: relative;
  padding: 10px 10px 10px 60px;
  font-size: 12px;
  color: #e6f0f8; }
  .calendar-button:before {
    content: ' ';
    display: block;
    width: 24px;
    height: 24px;
    background-position: -338px -136px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -12px; }
  .calendar-button:hover .calendar-button-title {
    text-decoration: underline; }
  .calendar-button .calendar-button-title {
    font-size: 19px;
    line-height: 18px;
    display: block;
    color: #fff; }

.item-page-content {
  background-color: #fff;
  background-color: var(--_surface-primary);
  position: relative; }
  @media only screen and (min-width: 680px) {
    .item-page-content {
      -webkit-box-shadow: 0 0 8px var(--surface-outer, #bbb);
      box-shadow: 0 0 8px var(--surface-outer, #bbb); } }
  @media only screen and (max-width: 679px) {
    .item-page-content .item-page-content-images {
      display: none; } }
  @media only screen and (min-width: 680px) {
    .item-page-content .item-description {
      padding: 35px; } }
  @media only screen and (max-width: 679px) {
    .item-page-content .item-description {
      padding: 25px; } }
@media only screen and (min-width: 680px) {
  .item-image-single {
    padding: 35px 35px 0 35px; } }

@media only screen and (max-width: 679px) {
  .item-image-single {
    padding: 20px 20px 0 20px; } }

.item-image-single img {
  max-width: 100%;
  height: auto; }

.company-theater .company-theater-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.company-theater .company-theater-content {
  overflow: hidden;
  background-color: #fff;
  background-color: var(--_surface-primary); }
  @media only screen and (min-width: 680px) {
    .company-theater .company-theater-content {
      max-width: 980px;
      margin: 25px auto;
      border-radius: 3px;
      -webkit-box-shadow: 0 0 80px #000;
      -moz-box-shadow: 0 0 80px #000;
      box-shadow: 0 0 80px #000; } }
.company-theater .company-theater-header {
  background-color: #fff;
  background-color: var(--_surface-primary);
  padding: 20px 30px 15px 30px;
  text-align: center;
  min-height: 28px;
  position: relative; }
  .company-theater .company-theater-header .btn-back {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -14px; }
  .company-theater .company-theater-header h2 {
    font-size: 21px;
    line-height: 21px;
    color: var(--_theme-primary); }
    @media only screen and (min-width: 680px) {
      .company-theater .company-theater-header h2 {
        padding-top: 3px; } }
    @media only screen and (max-width: 679px) {
      .company-theater .company-theater-header h2 {
        display: none; } }
.company-theater .company-theater-calendar {
  padding: 0 15px; }

.company-theater .company-theater-other {
  text-align: center;
  padding: 15px 15px 20px 15px; }
  .company-theater .company-theater-other a {
    color: var(--_fh-grey); }
    .company-theater .company-theater-other a:hover {
      color: var(--_theme-primary);
      text-decoration: underline; }

.item-grid {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both; }
  .item-grid.item-grid-embed {
    padding-top: 7px; }
  .item-grid .item-grid-block {
    height: 182px; }
  @media only screen and (min-width: 680px) {
    .item-grid .grid-block-width-1-3, .item-grid .sortable-placeholder {
      width: 33.3333%; }
    .item-grid .grid-block-width-1-2 {
      width: 50%; }
    .item-grid .grid-block-width-2-3 {
      width: 66.6667%; }
    .item-grid .grid-block-width-1-1 {
      width: 100%; }
    .item-grid .grid-block-height-1,
    .item-grid .grid-block-height-1 .item-grid-block,
    .item-grid .sortable-placeholder {
      height: 182px; }
    .item-grid .grid-block-height-2,
    .item-grid .grid-block-height-2 .item-grid-block {
      height: 378px; }
    .item-grid .grid-block-height-3,
    .item-grid .grid-block-height-3 .item-grid-block {
      height: 574px; } }
  .item-grid .item-grid-block-wrap, .item-grid .sortable-placeholder {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 14px; }
    @media only screen and (min-width: 680px) {
      .item-grid .item-grid-block-wrap, .item-grid .sortable-placeholder {
        float: left;
        padding: 0 7px; } }
    .item-grid .item-grid-block-wrap .sortable-handle, .item-grid .sortable-placeholder .sortable-handle {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      border: 1px solid var(--border-grey, #B3BAC0);
      border-right: 0; }
      @media only screen and (min-width: 680px) {
        .item-grid .item-grid-block-wrap .sortable-handle, .item-grid .sortable-placeholder .sortable-handle {
          left: 7px; } }
  .item-grid .sortable-placeholder {
    border: 2px dashed var(--shade-grey-dark, #a9b3bc);
    border-radius: 5px; }

.item-grid-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 5px;
  background-size: cover;
  background-position: 50% 50%;
  background-color: #4c5761; }
  .item-grid-block:not(.empty) {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16); }
  .item-grid-block.empty {
    background-color: rgba(0, 0, 0, 0.1);
    background-color: var(--shade-grey-light, rgba(0, 0, 0, 0.1)); }
  @media only screen and (hover: hover) {
    .item-grid-block:hover .item-block-name {
      text-decoration: underline; }
    .item-grid-block:hover .item-grid-block-inner::before {
      bottom: 0 !important; } }
  .item-grid-block.focus-visible .item-block-name {
    text-decoration: underline; }
  .item-grid-block.focus-visible .item-grid-block-inner::before {
    bottom: 0 !important; }
  .item-grid--sortable .item-grid-block {
    padding-left: 40px; }

.item-grid-block-inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  min-width: 0;
  cursor: pointer; }
  .item-grid-block-inner.focus-visible {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary); }
  @media only screen and (min-width: 680px) {
    .item-block.grid-block-width-1-1 .item-grid-block-inner, .item-block.grid-block-height-3 .item-grid-block-inner {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  .item-grid-block.has-bg .item-grid-block-inner::before {
    -webkit-transition: bottom 0.4s ease;
    transition: bottom 0.4s ease;
    content: '';
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    height: 150px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); }

.item-block-info {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 100%;
  min-width: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-right: 12px;
  padding-bottom: 18px;
  padding-left: 20px;
  color: #fff; }
  .item-grid-block.has-bg .item-block-info {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75), 0 0 10px rgba(0, 0, 0, 0.5); }
  .item-block-info .item-block-name {
    display: block;
    max-width: 640px;
    margin-bottom: 5px;
    line-height: 1;
    font-size: 21px; }
    @media only screen and (min-width: 680px) {
      .grid-block-width-1-3.grid-block-height-2 .item-block-info .item-block-name {
        font-size: 21px; }
      .grid-block-width-1-3.grid-block-height-3 .item-block-info .item-block-name {
        font-size: 22px; }
      .grid-block-width-1-2.grid-block-height-1 .item-block-info .item-block-name {
        font-size: 21px; }
      .grid-block-width-1-2:not(.grid-block-height-1) .item-block-info .item-block-name {
        font-size: 22px; }
      .grid-block-width-2-3.grid-block-height-1 .item-block-info .item-block-name {
        font-size: 22px; }
      .grid-block-width-2-3:not(.grid-block-height-1) .item-block-info .item-block-name {
        font-size: 23px; }
      .grid-block-width-1-1.grid-block-height-1 .item-block-info .item-block-name {
        font-size: 23px; }
      .grid-block-width-1-1:not(.grid-block-height-1) .item-block-info .item-block-name {
        font-size: 24px; } }
  .item-block-info .item-block-headline {
    display: block;
    max-width: 380px;
    margin-top: 1px; }
    @media only screen and (min-width: 680px) {
      .grid-block-height-2:not(.grid-block-width-1-1) .item-block-info .item-block-headline {
        margin-top: 2px; }
      .grid-block-width-1-1.grid-block-height-2 .item-block-info .item-block-headline {
        margin-top: 3px; }
      .grid-block-height-3 .item-block-info .item-block-headline {
        margin-top: 3px; } }
  @media only screen and (min-width: 680px) {
    .grid-block-height-2 .item-block-info {
      padding-bottom: 20px; }
    .grid-block-height-3 .item-block-info {
      padding-bottom: 22px; }
    .item-block.grid-block-width-1-1 .item-block-info, .item-block.grid-block-height-3 .item-block-info {
      padding-bottom: 10px; } }
.item-block-button {
  position: relative;
  display: block;
  flex: none;
  margin-left: auto;
  margin-bottom: 20px;
  margin-right: 15px;
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 15px;
  background-color: #0a6ece;
  color: #fff; }
  @media only screen and (hover: hover) {
    .item-block-button:hover {
      background-color: #0961b6; } }
  .item-block-button.focus-visible {
    background-color: #0961b6; }
  .item-block-button:active {
    background-color: #08549d; }
  .item-block-button.active-when-toggled.toggled, .item-block-button.is-active {
    background-color: #0961b6; }
  @media only screen and (min-width: 680px) {
    .item-block.grid-block-width-1-1 .item-block-button, .item-block.grid-block-height-3 .item-block-button {
      margin-left: 20px; } }
.item-grid .item-block-badges {
  position: absolute;
  top: 15px;
  left: 20px; }

.cart-suggested-items {
  margin-top: 20px; }

.suggested-items {
  width: 100%;
  background-color: #f9fafb;
  background-color: var(--_shade-grey-light);
  border: 1px solid var(--_border-grey);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .receipt-booking .suggested-items {
    margin-top: 24px; }
  .suggested-items .suggested-item {
    display: inline-block;
    padding: 7px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .suggested-items .suggested-item:first-of-type {
      padding-left: 20px; }
    .suggested-items .suggested-item:last-of-type {
      padding-right: 20px; }
  .suggested-items .suggested-item-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 125px;
    border-radius: 5px;
    background-size: cover;
    background-position: 50% 50%;
    background-color: #4c5761;
    background-color: var(--_medium-grey); }
    .suggested-items .suggested-item-inner a {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      min-width: 0;
      cursor: pointer; }
    .suggested-items .suggested-item-inner.has-bg .item-block-info {
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75), 0 0 10px rgba(0, 0, 0, 0.5); }
    .suggested-items .suggested-item-inner.has-bg::before {
      -webkit-transition: margin-top 0.4s ease;
      transition: margin-top 0.4s ease;
      content: '';
      position: absolute;
      display: block;
      width: 100%;
      height: 91%;
      margin-top: 60px;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); }
    .suggested-items .suggested-item-inner:hover .item-block-name {
      text-decoration: underline; }
    .suggested-items .suggested-item-inner:hover::before {
      margin-top: 50px !important; }
  .suggested-items .item-block-name {
    font-size: 18px;
    line-height: 18px; }
  .suggested-items .item-block-badges {
    position: absolute;
    top: 5px;
    right: 15px; }
  .suggested-items .suggested-items-arrow-right span i {
    background-position: -417px -468px; }
  .suggested-items .suggested-items-arrow-left span i {
    background-position: -407px -468px; }
  .suggested-items .suggested-items-scroller {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-x: auto; }
    @media only screen and (max-width: 679px) {
      .suggested-items .suggested-items-scroller {
        overflow-y: hidden;
        padding-top: 8px;
        padding-bottom: 8px; } }
    @media only screen and (min-width: 680px) {
      .suggested-items .suggested-items-scroller {
        width: 100%;
        height: 163px; } }
    .suggested-items .suggested-items-scroller > ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
  @media only screen and (max-width: 679px) {
    .suggested-items {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
      .suggested-items .suggested-items-notes {
        padding-top: 18px;
        padding-left: 18px;
        padding-right: 18px;
        margin-bottom: 6px; }
      .suggested-items .suggested-item {
        width: 260px; }
      .receipt-booking .suggested-items .suggested-items-notes {
        padding-left: 24px;
        padding-right: 24px; }
      .receipt-booking .suggested-items .suggested-item:first-of-type {
        padding-left: 24px; }
      .receipt-booking .suggested-items .suggested-item:last-of-type {
        padding-right: 24px; }
      .suggested-items .item-block-name {
        font-size: 16px;
        line-height: 16px; }
      .suggested-items .item-block-headline {
        line-height: 12px; }
      .suggested-items .suggested-items-arrow {
        display: none; } }
  @media only screen and (min-width: 680px) {
    .suggested-items {
      border-radius: 8px;
      height: 163px;
      table-layout: fixed; }
      .suggested-items.has-notes .suggested-items-slider {
        box-shadow: inset 4px 0 4px rgba(0, 0, 0, 0.05); }
      .suggested-items .suggested-items-notes {
        width: 30%; }
        .suggested-items .suggested-items-notes .prose, .suggested-items .suggested-items-notes .hint {
          padding: 18px 24px;
          max-height: 100%;
          overflow-y: auto;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
      .suggested-items .suggested-items-slider {
        position: relative; }
      .suggested-items .suggested-item {
        width: 282px; }
      .suggested-items .suggested-items-arrow {
        position: absolute;
        top: 0;
        width: 40px;
        height: 100%; }
        .suggested-items .suggested-items-arrow:not(.shown) {
          z-index: -1;
          opacity: 0; }
        .suggested-items .suggested-items-arrow.shown {
          cursor: pointer;
          opacity: .8; }
        .suggested-items .suggested-items-arrow span {
          display: block;
          position: absolute;
          top: 50%;
          width: 30px;
          height: 40px;
          margin-top: -20px;
          background: #f9fafb;
          box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.2);
          -webkit-transition: opacity .1s ease-out;
          transition: opacity .1s ease-out;
          border-radius: 5px; }
          .suggested-items .suggested-items-arrow span i {
            display: block;
            width: 8px;
            height: 14px;
            margin-left: 12px;
            margin-top: 12px; }
        .suggested-items .suggested-items-arrow.shown:hover {
          opacity: 1; }
          .suggested-items .suggested-items-arrow.shown:hover span {
            box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.4); }
        .suggested-items .suggested-items-arrow.suggested-items-arrow-right {
          right: 0; }
          .suggested-items .suggested-items-arrow.suggested-items-arrow-right span {
            right: 5px; }
        .suggested-items .suggested-items-arrow.suggested-items-arrow-left {
          left: 0; }
          .suggested-items .suggested-items-arrow.suggested-items-arrow-left span {
            left: 5px; } }
.company-grid {
  width: 100%; }
  @media only screen and (min-width: 680px) {
    .company-grid {
      table-layout: fixed;
      border-spacing: 20px;
      border-collapse: separate; } }
  @media only screen and (max-width: 679px) {
    .company-grid {
      padding: 15px 0; } }
.company-grid-block {
  position: relative;
  overflow: hidden;
  padding-top: 20px;
  padding-right: 24px;
  padding-left: 24px;
  border: 1px solid var(--_border-grey);
  border-radius: 10px;
  background-color: var(--_surface-primary);
  background-size: cover;
  background-position: 50% 50%;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16);
  font-size: 14px;
  cursor: pointer; }
  @media only screen and (min-width: 680px) {
    .company-grid-block {
      padding-bottom: 60px; } }
  @media only screen and (max-width: 679px) {
    .company-grid-block {
      padding-bottom: 20px;
      margin: 0 10px 15px 10px; } }
  @media only screen and (max-width: 280px) {
    .company-grid-block {
      padding-right: 12px;
      padding-left: 12px; } }
  .company-grid-block.with-company-background {
    color: #fff;
    text-shadow: 0 0 10px #1f2428; }

.company-grid-logo {
  display: block;
  max-height: 85px;
  width: auto;
  max-width: 100%;
  margin-bottom: 20px; }

.company-grid-name {
  display: block;
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.1; }
  @media only screen and (min-width: 680px) {
    .company-grid-name {
      font-size: 26px; } }
  @media only screen and (max-width: 679px) {
    .company-grid-name {
      font-size: 22px; } }
.company-grid-summary {
  margin-bottom: 15px; }

.company-grid-location {
  margin-bottom: 15px; }
  .company-grid-location svg {
    flex: none; }

@media only screen and (min-width: 680px) {
  .company-grid-block-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 58px;
    padding-right: 24px;
    padding-bottom: 10px;
    padding-left: 24px; } }

.company-grid-btn {
  font-size: 15px; }
  @media only screen and (min-width: 680px) {
    .company-grid-btn {
      flex: none; } }
  @media only screen and (max-width: 679px) {
    .company-grid-btn {
      margin-top: 24px; } }
.company-grid-live {
  color: var(--_fh-green); }
  .with-company-background .company-grid-live {
    color: #fff; }
  @media only screen and (min-width: 680px) {
    .company-grid-live {
      margin-right: auto;
      padding-right: 10px; } }
  .company-grid-live svg {
    flex: none;
    width: 12px;
    height: 12px; }

.static-page-sidebar {
  background-color: #fff;
  background-color: var(--_flyout-surface); }

.company-static-page-content {
  background-color: #fff;
  background-color: var(--_surface-primary); }
  @media only screen and (min-width: 680px) {
    .company-static-page-content {
      -webkit-box-shadow: 0 0 8px var(--surface-outer, #bbb);
      box-shadow: 0 0 8px var(--surface-outer, #bbb);
      padding: 35px; } }
  @media only screen and (max-width: 679px) {
    .company-static-page-content {
      padding: 25px; } }
@media only screen {
  .receipt-header {
    padding-top: 50px;
    border-bottom: 1px solid var(--_border-grey-light); } }

@media only print {
  .receipt-header {
    padding-top: 18px; } }

@media only screen and (min-width: 680px) {
  .receipt-text-heading {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; } }

@media only screen and (max-width: 679px) {
  .receipt-text-heading {
    padding-left: 25px;
    padding-right: 25px; } }

@media only print {
  .receipt-text-heading {
    padding-bottom: 20px; } }

.receipt-text-heading h1 {
  font-size: 26px; }
  @media only screen {
    .receipt-text-heading h1 {
      padding-bottom: 10px; } }
  @media only print {
    .receipt-text-heading h1 {
      padding-bottom: 6px; } }
.receipt-text-heading p {
  font-size: 14px;
  color: #697886;
  color: var(--_fh-grey); }

.receipt-text-heading.has-bottom-border {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e0e3e6;
  border-bottom-color: var(--_border-grey-light); }

.receipt-overview {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%; }
  @media only screen and (min-width: 680px) {
    .receipt-overview {
      margin-left: auto;
      margin-right: auto;
      padding-top: 34px;
      padding-right: 15px;
      padding-bottom: 50px;
      padding-left: 15px; } }
  @media only screen and (max-width: 679px) {
    .receipt-overview {
      width: 100%;
      padding-top: 12px;
      padding-right: 25px;
      padding-left: 25px; } }
  @media only print {
    .receipt-overview {
      width: 100%;
      border: 1px solid #c6c8cb; } }
.receipt-overview-column {
  min-width: 140px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid; }
  @media only screen {
    .receipt-overview-column:not(:first-child) {
      border-color: var(--_border-grey-light); } }
  @media only screen and (min-width: 680px) {
    .receipt-overview-column {
      padding: 7px 25px; }
      .receipt-overview-column:not(:first-child) {
        border-left-width: 1px; } }
  @media only screen and (max-width: 679px) {
    .receipt-overview-column {
      padding: 25px 9px; }
      .receipt-overview-column:not(:first-child) {
        border-top-width: 1px; } }
  @media only print {
    .receipt-overview-column {
      padding: 12px; }
      .receipt-overview-column:not(:first-child) {
        border-left-width: 1px;
        border-color: #c6c8cb; } }
.receipt-overview-order-text {
  display: block;
  max-width: 225px;
  margin-bottom: 24px; }

@media only screen and (min-width: 680px) {
  .receipt-overview-property-block:not(:last-child) {
    margin-bottom: 25px; } }

@media only screen and (max-width: 679px) {
  .receipt-overview-property-block:not(:last-child) {
    margin-bottom: 22px; } }

@media only print {
  .receipt-overview-property-block:not(:last-child) {
    margin-bottom: 22px; } }

@media only screen and (min-width: 680px) {
  .receipt-overview-property-block:not(:first-child) .receipt-ticket-heading {
    padding-top: 8px; } }

@media only screen and (max-width: 679px) {
  .receipt-overview-property-block:not(:first-child) .receipt-ticket-heading {
    padding-top: 3px; } }

@media only print {
  .receipt-overview-property-block:not(:first-child) .receipt-ticket-heading {
    padding-top: 3px; } }

.receipt-overview-property {
  margin-top: 3px;
  margin-bottom: 3px; }

.receipt-overview-order-number {
  font-size: 11px; }

.receipt-overview-actions > li:not(:last-child) {
  margin-bottom: 23px; }

.receipt-overview-action {
  display: block;
  overflow: hidden;
  line-height: 1.3; }
  .receipt-overview-action[type="button"] {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer; }
    .receipt-overview-action[type="button"]:disabled {
      cursor: not-allowed; }
  .receipt-overview-action .tb-icon {
    float: left;
    margin-top: 2px; }
  .receipt-overview-action svg {
    float: left;
    width: 16px;
    height: 16px; }
    .receipt-overview-action svg.icon-comment {
      margin-top: 1px; }

.receipt-overview-action-text,
.receipt-overview-action-subtext {
  display: block;
  padding-left: 26px; }

.receipt-overview-action-text {
  text-decoration: underline; }

.receipt-overview-action-subtext {
  max-width: 150px;
  margin-top: 2px;
  font-size: 11px;
  color: #697886;
  color: var(--_fh-grey); }

.receipt-ticket-heading {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--_theme-primary); }
  @media only screen and (min-width: 680px) {
    .receipt-ticket-heading {
      margin-bottom: 12px; } }
  @media only screen and (max-width: 679px) {
    .receipt-ticket-heading {
      margin-bottom: 8px; } }
.receipt-payments li + li {
  padding-top: 18px; }

.receipt-payment-clearing-text {
  max-width: 198px;
  margin-top: 8px;
  padding: 5px 7px;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e3e6;
  border-color: var(--_border-grey-light);
  border-radius: 3px; }

@media only screen and (min-width: 680px) {
  .booking-receipt-send-email {
    max-width: 300px; } }

.receipt-booking:last-child {
  padding-bottom: 30px; }

@media only screen {
  .receipt-booking {
    margin-top: 28px;
    margin-bottom: 28px; } }

@media only screen and (min-width: 680px) {
  .receipt-booking {
    margin-left: 45px;
    margin-right: 45px; } }

@media only screen and (max-width: 679px) {
  .receipt-booking {
    margin-left: 25px;
    margin-right: 25px; } }

@media only print {
  .receipt-booking {
    margin-top: 21px;
    margin-bottom: 21px; } }

.receipt-booking-heading {
  font-size: 12px; }
  @media only screen {
    .receipt-booking-heading {
      padding: 14px 25px;
      margin-top: -14px; } }
  @media only print {
    .receipt-booking-heading {
      padding: 9px 12px; } }
.receipt-booking-header {
  border-width: 1px;
  border-style: solid;
  overflow: hidden; }
  @media only screen {
    .receipt-booking-header {
      border-color: var(--_border-grey-dark);
      border-radius: 5px; } }
  @media only print {
    .receipt-booking-header {
      border-color: #c6c8cb; } }
  .receipt-booking-header.online-payment-form {
    position: relative; }

.receipt-ticket-pk {
  font-size: 14px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #afb8c0;
  border-bottom-color: var(--_border-grey-dark); }
  @media only screen and (min-width: 680px) {
    .receipt-ticket-pk {
      padding: 14px 25px; } }
  @media only screen and (max-width: 679px) {
    .receipt-ticket-pk {
      padding: 14px 20px; } }
  @media only print {
    .receipt-ticket-pk {
      padding: 12px; } }
.receipt-ava {
  margin-bottom: 5px;
  font-size: 23px;
  line-height: 1.2;
  font-weight: bold; }
  .receipt-ava .icon-circle-slash {
    position: relative;
    top: 2px;
    width: 20px;
    height: 20px; }

.receipt-breakdown {
  font-size: 17px; }

.receipt-ticket-add-to-cal .receipt-ticket-add-to-cal-header {
  padding-bottom: 5px; }

@media only screen and (min-width: 680px) {
  .receipt-ticket-add-to-cal {
    float: right; } }

@media only screen and (max-width: 679px) {
  .receipt-ticket-add-to-cal {
    padding-top: 12px; } }

.receipt-ticket-add-to-cal .table .td {
  padding: 3px; }

.receipt-ticket-add-to-cal .table .td:first-child {
  padding-right: 5px;
  text-align: center; }

.receipt-ticket-add-to-cal .table .td:last-child {
  text-decoration: underline;
  color: var(--_theme-primary); }

@media only screen and (min-width: 680px) {
  .receipt-ticket-row {
    padding: 20px 25px; } }

@media only screen and (max-width: 679px) {
  .receipt-ticket-row {
    padding: 20px 20px; } }

@media only print {
  .receipt-ticket-row {
    padding: 12px; } }

.receipt-ticket-row:not(:last-child) {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #d1d6db;
  border-bottom-color: var(--_border-grey); }

@media only screen and (max-width: 679px) {
  .receipt-ticket-overview:after {
    content: '';
    display: table;
    clear: both;
    border-spacing: 0; } }

@media only screen and (min-width: 680px) {
  .receipt-ticket-row-image {
    padding-right: 20px; } }

@media only screen and (max-width: 679px) {
  .receipt-ticket-row-image {
    float: right;
    padding-left: 20px; } }

@media only print {
  .receipt-ticket-row-image {
    padding-right: 20px; } }

.receipt-ticket-title {
  font-size: 19px;
  line-height: 1.3;
  margin-bottom: 5px;
  font-weight: bold; }
  .receipt-ticket-title.waiver {
    color: var(--fh-green, #29622b); }
  .receipt-ticket-title .icon-ticket {
    position: relative;
    top: 1px;
    margin-right: 4px; }

.receipt-ticket-tickets {
  background-color: #FFD578;
  background-color: var(--alert-surface, #FFD578); }

@media only screen and (min-width: 680px) {
  .receipt-ticket-table {
    width: 100%; }
    .receipt-ticket-table .ticket-table-buttons {
      width: 100px;
      padding-left: 30px;
      padding-right: 20px;
      text-align: center; } }

@media only screen and (max-width: 679px) {
  .ticket-table-buttons {
    margin-top: 15px; } }

.ticket-table-buttons li + li {
  margin-top: 5px; }

.receipt-card-overview .td:not(:last-child) {
  padding-right: 20px; }

@media only screen and (max-width: 679px) {
  .receipt-card-overview .td {
    padding-right: 0; }
    .receipt-card-overview .td:not(:last-child) {
      padding-bottom: 12px; } }

.tiny-svc {
  position: relative;
  display: inline-block;
  height: 35px;
  width: 52px;
  border-radius: 5px;
  background-color: #0a6ece; }
  @media only screen {
    .tiny-svc {
      -webkit-box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.6);
      box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.6); } }
  .tiny-svc:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    height: 7px;
    background-color: rgba(0, 0, 0, 0.2); }

.receipt-ticket-generated-codes {
  background-color: #F3F6F7;
  background-color: var(--alert-surface, #F3F6F7); }
  .receipt-ticket-generated-codes .prose:not(:last-of-type), .receipt-ticket-generated-codes .hint:not(:last-of-type) {
    margin-bottom: 14px; }
  .receipt-ticket-generated-codes .receipt-ticket-generated-codes-header {
    margin-bottom: 14px; }
  .receipt-ticket-generated-codes .ticket-generated-codes {
    font-size: 14px;
    display: block;
    padding-bottom: 3px; }
    .receipt-ticket-generated-codes .ticket-generated-codes code {
      font-size: 15px;
      padding: 0 6px; }

.receipt-ticket-waivers {
  background-color: #dbf2db;
  background-color: var(--alert-surface, #dbf2db); }

.receipt-ticket-transportation {
  background-color: #DDE8EE;
  background-color: var(--alert-surface, #DDE8EE); }
  .receipt-ticket-transportation .pickup-location {
    font-weight: bold;
    padding-bottom: 8px; }
  .receipt-ticket-transportation .pickup-time {
    font-size: 20px; }
    .receipt-ticket-transportation .pickup-time:before {
      margin-top: 3px; }

.pickup-map-link-confirmation {
  display: block;
  margin-top: 10px;
  font-weight: bold; }
  .pickup-map-link-confirmation:hover {
    text-decoration: underline; }
  .pickup-map-link-confirmation:after {
    display: inline-block;
    content: ' ';
    width: 5px;
    height: 7px;
    margin-left: 3px; }

.pickup-map-link-confirmation:after {
  background-position: -348px -332px; }

.receipt-cancel .company-text-heading {
  padding-top: 0; }

@media only screen and (min-width: 680px) {
  .receipt-cancel-options {
    min-width: 186px;
    margin-right: 15px; } }

@media only screen and (max-width: 679px) {
  .receipt-cancel-form {
    margin-top: 20px; } }

@media only screen and (min-width: 680px) {
  .receipt-cancel-form {
    padding: 30px 15px 10px; } }

@media only screen {
  .booking-receipt-details {
    padding-top: 25px; } }

@media only print {
  .booking-receipt-details {
    padding-top: 12px; } }

.booking-receipt-cancellation {
  margin-top: 14px; }

@media only screen and (min-width: 680px) {
  .booking-receipt-customers {
    float: left;
    width: 50%; } }

@media only print {
  .booking-receipt-customers {
    margin-top: 20px; } }

.booking-receipt-customers .customer-type-card {
  padding-top: 12px;
  padding-right: 0;
  padding-left: 0;
  box-shadow: none;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #d1d6db;
  border-color: var(--_border-grey); }
  @media only print {
    .booking-receipt-customers .customer-type-card {
      float: left;
      width: calc(50% - 2.5px);
      padding-bottom: 12px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .booking-receipt-customers .customer-type-card:nth-child(even) {
        margin-right: 5px; } }
  .booking-receipt-customers .customer-type-card .customer-type-card-header {
    padding: 0 25px; }

@media only screen and (min-width: 680px) {
  .booking-receipt-notes {
    float: right;
    width: 50%;
    padding-left: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

@media only screen and (max-width: 679px) {
  .booking-receipt-notes {
    padding-bottom: 20px; } }

.receipt-ticket-physical-location {
  background-color: #EAECFA;
  background-color: var(--alert-surface, #EAECFA); }
  .receipt-ticket-physical-location .receipt-ticket-title {
    color: #352279;
    color: var(--fh-purple, #352279); }

@media only screen {
  .svc-container {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto; } }

@media only print {
  body:not(.is-single-color-printer) .svc-container {
    padding: 3px;
    max-width: 400px;
    border: 2px solid #bbb;
    margin: 20px auto;
    border-radius: 10px; }
    body:not(.is-single-color-printer) .svc-container .svc-container-inner {
      border: 1px solid #bbb;
      padding: 30px;
      border-radius: 7px; } }

.svc-table {
  margin-bottom: 30px; }

@media only screen and (min-width: 680px) {
  .svc-card-column {
    padding-right: 20px; } }

@media only print {
  .svc-card-column {
    margin-top: 24px; } }

@media only screen and (min-width: 680px) {
  .svc-actions-column {
    padding: 45px 0 20px 20px;
    border-left: 1px solid var(--_border-grey); } }

@media only screen and (max-width: 679px) {
  .svc-actions-column {
    margin-top: 24px; } }

@media only print {
  .svc-actions-column {
    margin-top: 24px; } }

.svc-company-name {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: bold; }
  @media only screen and (max-width: 679px) {
    .svc-company-name {
      text-align: center; } }
  @media only print {
    .svc-company-name {
      text-align: center; } }
.svc-card {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 340px;
  padding: 62px 30px 20px 30px;
  border-radius: 14px;
  background-color: #0a6ece;
  color: #fff; }
  @media only screen {
    .svc-card {
      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16); } }
  @media only screen and (max-width: 679px) {
    .svc-card {
      margin: 0 auto; } }
  @media only print {
    .svc-card {
      margin: 0 auto; }
      body.is-single-color-printer .svc-card {
        background: none !important;
        border: 2px solid #000; }
        body.is-single-color-printer .svc-card:before {
          display: none; } }
  .svc-card:before {
    content: '';
    position: absolute;
    top: 17px;
    left: 0;
    right: 0;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.2); }

.svc-card-heading {
  margin-bottom: 4px;
  opacity: .8; }

.svc-card-number {
  font-size: 15px;
  font-family: Monaco, monospace;
  margin-bottom: 20px; }

.svc-card-value {
  font-size: 40px;
  line-height: 40px; }

@media only screen {
  .svc-card-number,
  .svc-card-value {
    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1); } }

.svc-note,
.svc-note-textarea {
  margin-top: 12px; }
  @media only screen and (min-width: 680px) {
    .svc-note,
    .svc-note-textarea {
      min-height: 100px; } }
.svc-note {
  font-size: 20px;
  font-weight: bold; }
  @media only screen and (min-width: 680px) {
    .svc-note {
      display: table; }
      .svc-note .svc-note-center {
        display: table-cell;
        vertical-align: middle; } }
  @media only print {
    .svc-note {
      margin-bottom: 30px; }
      .svc-note.ng-hide {
        display: block !important; } }
.svc-actions {
  margin-top: 18px; }

.svc-email-success {
  margin-top: 18px; }

.svc-redeeming-heading {
  margin-top: 30px; }
  @media only print {
    .svc-redeeming-heading {
      border-top: 1px solid #ddd;
      padding-top: 20px; } }
@media only screen and (min-width: 680px) {
  .svc-legal {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; } }

.cart-header .company-text-heading h1 {
  font-size: 30px; }

@media only screen and (max-width: 679px) {
  .cart-entry:after {
    content: '';
    display: table;
    clear: both;
    border-spacing: 0; } }

@media only screen and (min-width: 680px) {
  .cart-entries > li:not(:last-child) {
    margin-bottom: 10px; } }

@media only screen and (max-width: 679px) {
  .cart-entries > li:not(:last-child) {
    margin-bottom: 25px; } }

.cart-entry-wrap {
  margin-bottom: 0; }
  .noisy-invalid-fields .cart-entry-wrap.ng-invalid {
    border-color: #ed501a;
    border-width: 2px; }
  @media only screen and (min-width: 680px) {
    .cart-entry-wrap {
      margin-left: -15px;
      margin-right: -15px;
      padding: 15px;
      border-width: 2px;
      border-style: solid;
      border-color: transparent;
      border-radius: 4px; } }
  @media only screen and (max-width: 679px) {
    .cart-entry-wrap {
      position: relative;
      padding: 10px;
      border-width: 1px;
      border-style: solid;
      border-color: #e0e3e6;
      border-color: var(--_border-grey-light);
      border-radius: 4px; } }
  .cart-entry-wrap .booking-additional-info {
    margin-top: 10px;
    margin-bottom: 0; }

.cart-breakdown {
  font-size: 14px; }
  @media only screen and (min-width: 680px) {
    .cart-breakdown {
      padding-left: 12px;
      text-align: right; } }
  @media only screen and (max-width: 679px) {
    .cart-breakdown {
      padding-top: 5px; } }
@media only screen and (min-width: 680px) {
  .cart-entry-image {
    width: 90px; } }

@media only screen and (max-width: 679px) {
  .cart-entry-image {
    float: right;
    margin-left: 10px; } }

.availability-image {
  width: 70px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 70px;
  border-radius: 3px;
  background-size: cover;
  background-position: 50% 50%; }
  .availability-image:disabled {
    cursor: not-allowed; }
  .availability-image.is-large {
    width: 90px;
    height: 90px; }
  .availability-image.is-small {
    width: 55px;
    height: 55px; }
  .availability-image.is-button {
    cursor: zoom-in;
    transition: transform 100ms ease-in-out; }
    .availability-image.is-button:not(.focus-visible) {
      box-shadow: 0 1px 2px 0 var(--_shade-grey-dark); }
    @media only screen and (hover: hover) {
      .availability-image.is-button:hover {
        transform: scale(1.1); } }
    .availability-image.is-button.focus-visible {
      transform: scale(1.1); }

img.availability-image-uncropped {
  max-width: 400px;
  max-height: 70px;
  border-radius: 3px; }
  img.availability-image-uncropped.is-huge {
    max-height: 125px;
    max-width: 200px; }
  img.availability-image-uncropped.is-large {
    max-height: 90px; }
  img.availability-image-uncropped.is-small {
    max-height: 55px; }

.cart-entry-item {
  font-size: 16px;
  font-weight: bold; }

.cart-entry-availability {
  font-size: 14px;
  padding-top: 4px; }

.cart-entry-headline {
  padding-top: 4px; }

.cart-actions {
  color: var(--_fh-grey);
  padding-top: 10px; }
  @media only screen and (max-width: 679px) {
    .cart-actions {
      margin-top: 10px;
      padding-top: 10px;
      padding-right: 10px;
      padding-left: 10px;
      margin-left: -10px;
      margin-right: -10px;
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #e0e3e6;
      border-top-color: var(--_border-grey-light); } }
@media only screen and (min-width: 680px) {
  .cart-entry-amount {
    width: 90px;
    padding-left: 12px;
    text-align: right; } }

@media only screen and (max-width: 679px) {
  .cart-entry-amount {
    padding-top: 10px; } }

.cart-action-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .cart-action-toggle:after {
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 6px 4px 0 4px;
    border-top-color: currentColor;
    vertical-align: middle;
    margin-left: 1px; }
    @supports (mask-type: inherit) {
      .cart-action-toggle:after {
        width: 8px;
        height: 6px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 8px 6px;
        border: 0; } }
  .cart-action-toggle.toggled:after {
    transform: none; }

.cart-entry-error {
  font-size: 13px;
  color: var(--_fh-red); }
  .cart-entry-error a {
    text-decoration: underline; }

.cart-flyout {
  padding: 0; }
  @media only screen and (min-width: 680px) {
    .cart-flyout {
      width: 354px;
      height: auto; } }
.cart-flyout header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px; }
  .cart-flyout header .btn, .cart-flyout header .btn-tiny, .cart-flyout header .btn-big, .cart-flyout header .btn-huge {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1; }

.cart-flyout-subtotal {
  min-width: 80px;
  margin-right: 10px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #e0e3e6;
  border-right-color: var(--flyout-border-color, #e0e3e6);
  padding-right: 10px;
  text-align: right; }

.cart-flyout-list {
  min-height: 96px;
  max-height: calc(100vh - 164px);
  overflow: auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #e0e3e6;
  border-top-color: var(--flyout-border-color, #e0e3e6);
  padding-right: 15px;
  padding-left: 15px; }

.cart-flyout-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 13px;
  padding-bottom: 13px; }
  .cart-flyout-item:not(:last-child) {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d1d6db;
    border-bottom-color: var(--_border-grey); }

.cart-flyout-image {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 13px; }

.cart-flyout-info {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1; }

.cart-flyout-date,
.cart-flyout-price {
  color: var(--_fh-grey); }

.cart-flyout-date {
  margin-bottom: 2px; }

.cart-flyout-title {
  margin-bottom: 2px;
  font-weight: bold; }

.cart-flyout-price {
  margin-top: 2px; }

.gallery {
  position: relative; }

.gallery-slides {
  position: relative;
  z-index: 2; }
  .gallery-slides > li {
    padding-top: 52.59%; }
    .gallery-slides > li > button {
      width: auto;
      box-sizing: border-box;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
      letter-spacing: inherit;
      text-align: left;
      color: inherit;
      background-color: transparent;
      -webkit-appearance: none;
      -moz-appearance: none;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-radius: 5px;
      cursor: zoom-in;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      transition: transform 100ms ease-in-out; }
      .gallery-slides > li > button:disabled {
        cursor: not-allowed; }
      @media only screen and (hover: hover) {
        .gallery-slides > li > button:hover {
          transform: scale(1.01); } }
      .gallery-slides > li > button.focus-visible {
        transform: scale(1.01); }

.gallery-image-full {
  max-width: 100%;
  height: auto; }
  .gallery-image-full img {
    border-radius: 5px; }

.gallery-filmstrip-wrap {
  position: relative; }
  .gallery-filmstrip-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    background: linear-gradient(90deg, rgba(var(--_surface-primary--rgb), 0) 0%, rgba(var(--_surface-primary--rgb), 1) 100%);
    pointer-events: none; }

.gallery-filmstrip {
  position: relative;
  white-space: nowrap;
  line-height: 0;
  margin-left: -2px;
  padding-top: 7px;
  padding-bottom: 4px;
  user-select: none;
  overflow-x: auto;
  overflow-y: hidden; }
  .gallery-filmstrip > li {
    display: inline-block;
    padding-right: 7px; }
    .gallery-filmstrip > li:last-of-type {
      padding-right: 50px; }
    .gallery-filmstrip > li > button {
      width: auto;
      box-sizing: border-box;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
      letter-spacing: inherit;
      text-align: left;
      color: inherit;
      background-color: transparent;
      -webkit-appearance: none;
      -moz-appearance: none;
      border: 2px solid transparent;
      border-radius: 5px;
      overflow: hidden;
      cursor: pointer; }
      .gallery-filmstrip > li > button:disabled {
        cursor: not-allowed; }
      @media only screen and (min-width: 680px) {
        .gallery-filmstrip > li > button {
          height: 78px; } }
      @media only screen and (max-width: 679px) {
        .gallery-filmstrip > li > button {
          height: 17vw; } }
      .gallery-filmstrip > li > button.toggled {
        border-color: #0a6ece;
        border-color: var(--_theme-primary); }
    .gallery-filmstrip > li img {
      width: auto; }
      @media only screen and (min-width: 680px) {
        .gallery-filmstrip > li img {
          height: 74px; } }
      @media only screen and (max-width: 679px) {
        .gallery-filmstrip > li img {
          height: 17vw; } }
.gallery-overlay-wrap {
  position: fixed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1012;
  overflow-x: auto;
  overflow-y: scroll; }
  @media only screen and (min-width: 680px) {
    .gallery-overlay-wrap {
      background-color: rgba(var(--_surface-primary--rgb), 0.89);
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px); } }
  @media only screen and (max-width: 679px) {
    .gallery-overlay-wrap {
      background-color: #fff;
      background-color: var(--_surface-primary); } }
.gallery-overlay-dismiss {
  position: fixed;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 0; }

.gallery-lightbox {
  position: relative;
  padding: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 850px; }
  @media only screen and (min-width: 680px) {
    .gallery-lightbox {
      margin-top: 50px;
      margin-bottom: 50px; }
      .gallery-lightbox .gallery-filmstrip-wrap::after {
        display: none; } }
  .gallery-lightbox img {
    max-width: 100%;
    height: auto; }

.gallery-overlay-header {
  padding-bottom: 15px;
  padding-right: 40px; }
  .gallery-overlay-header .gallery-overlay-item-name {
    font-size: 28px;
    font-weight: bold;
    line-height: 1; }

.gallery-overlay-close {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  top: 30px;
  right: 25px;
  cursor: pointer;
  padding: 5px;
  opacity: 0.85; }
  .gallery-overlay-close:disabled {
    cursor: not-allowed; }
  @media only screen and (hover: hover) {
    .gallery-overlay-close:hover {
      opacity: 1; } }
  .gallery-overlay-close.focus-visible {
    opacity: 1; }
  .gallery-overlay-close svg {
    width: 20px;
    height: 20px; }

.slideshow {
  position: relative;
  overflow: hidden;
  background: #333; }
  .slideshow:after {
    padding-top: 52.59%;
    display: block;
    content: ''; }
  .slideshow .slideshow-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity linear 0.5s;
    -moz-transition: opacity linear 0.5s;
    -o-transition: opacity linear 0.5s;
    transition: opacity linear 0.5s; }
    .slideshow .slideshow-slide img {
      display: block;
      width: 100%;
      height: auto; }
    .slideshow .slideshow-slide.slideshow-showing {
      opacity: 1; }
  .slideshow .slideshow-slide.slideshow-showing-add,
  .slideshow .slideshow-slide.slideshow-showing-remove {
    -webkit-transition: opacity linear 0.5s;
    -moz-transition: opacity linear 0.5s;
    -o-transition: opacity linear 0.5s;
    transition: opacity linear 0.5s; }
  .slideshow:hover .arrow {
    opacity: 1; }
  .slideshow .arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    opacity: 0;
    text-indent: -9999em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out; }
    .slideshow .arrow:before {
      content: ' ';
      display: block;
      width: 18px;
      height: 29px;
      position: absolute;
      top: 50%;
      margin-top: -15px;
      left: 50%;
      margin-left: -9px;
      opacity: 0.7;
      -webkit-transition: opacity 0.25s ease-in-out;
      -moz-transition: opacity 0.25s ease-in-out;
      -ms-transition: opacity 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out; }
    .slideshow .arrow:hover:before {
      opacity: 1; }
    .slideshow .arrow.prev {
      left: 0;
      background: url("/static/images/company/slideshow-nav-fade.png?0f654fd2ee18") top left repeat-y; }
      .slideshow .arrow.prev:before {
        background-position: -296px -212px; }
    .slideshow .arrow.next {
      right: 0;
      background: url("/static/images/company/slideshow-nav-fade.png?0f654fd2ee18") top right repeat-y; }
      .slideshow .arrow.next:before {
        background-position: -276px -212px; }
  .slideshow .slideshow-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    text-align: center; }
    .slideshow .slideshow-dots .slideshow-dot {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 0 4px;
      text-indent: -999em;
      border: 2px solid #fff;
      border-radius: 6px;
      cursor: pointer;
      opacity: .4;
      -webkit-transition: background .5s, opacity .5s;
      -moz-transition: background .5s, opacity .5s;
      transition: background .5s, opacity .5s;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .slideshow .slideshow-dots .slideshow-dot.active {
        background: #fff;
        opacity: 1; }

html.touch .slideshow-arrows {
  display: none; }

.tripadvisor-rating {
  padding-top: 20px;
  font-size: 12px;
  color: var(--_fh-grey); }

.tripadvisor-rating-img {
  margin-left: -8px; }

.tripadvisor-ranking {
  padding-top: 4px;
  color: var(--_fh-grey); }

.tripadvisor-reviewer-count {
  font-weight: bold;
  padding-left: 8px; }

.tripadvisor-disclaimer {
  font-size: 10px;
  padding-top: 6px; }

.root-logo {
  position: relative;
  bottom: -10px;
  margin: 0 auto;
  width: 189px;
  height: 97px;
  z-index: 1; }
  .root-logo a {
    display: block;
    width: 189px;
    height: 97px;
    background: url("/static/images/fh-logo-med-2.png") top left no-repeat;
    text-indent: -9999em; }
    @media only screen and (min-resolution: 2dppx), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
      .root-logo a {
        background-position: 0 -50px;
        background-size: 189px auto; } }
@media only screen and (min-width: 680px) {
  .root-login {
    padding-top: 80px; } }

@media only screen and (max-width: 679px) {
  .root-login {
    padding-top: 25px; } }

.non-prod-btns a:first-child {
  margin-bottom: 8px; }

body.root-section-non-prod {
  background-color: #f6f6f6;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover; }

html.configuration-montara body.root-section-non-prod {
  background-image: url("/static/images/home/configuration/montara.jpg?e75fa0bd2191"); }

html.configuration-wailupes body.root-section-non-prod {
  background-image: url("/static/images/home/configuration/wailupes.jpg?3e1623c12f9e"); }

html.configuration-oceanbeach body.root-section-non-prod {
  background-image: url("/static/images/home/configuration/oceanbeach.jpg?dc7c898648ef"); }

/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
  /* IE10 touch compatibility */
  -ms-touch-action: none; }

/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #fff;
  font-size: 0;
  position: absolute; }

.jcrop-vline {
  height: 100%;
  width: 1px !important; }

.jcrop-vline.right {
  right: 0; }

.jcrop-hline {
  height: 1px !important;
  width: 100%; }

.jcrop-hline.bottom {
  bottom: 0; }

/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none; }

/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px; }

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0; }

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px; }

.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%; }

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%; }

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0; }

.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0; }

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0; }

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px; }

/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%; }

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px; }

.jcrop-dragbar.ord-n {
  margin-top: -4px; }

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px; }

.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0; }

.jcrop-dragbar.ord-w {
  margin-left: -4px; }

/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px; }

/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px; }

/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff; }

/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none; }

.seat-maps-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 680px) {
    .seat-maps-group {
      margin-bottom: 15px; } }
  @media only screen and (max-width: 679px) {
    .seat-maps-group {
      margin-bottom: 10px; } }
.seat-map {
  position: relative;
  overflow: hidden;
  margin-right: 20px;
  padding: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e3e6;
  border-color: var(--_border-grey-light);
  border-radius: 5px;
  background-color: #fff; }
  .seat-map:last-child::after {
    content: "";
    display: block;
    position: absolute;
    height: 1px; }
    @media only screen and (min-width: 680px) {
      .seat-map:last-child::after {
        width: 20px;
        right: -20px; } }
    @media only screen and (max-width: 679px) {
      .seat-map:last-child::after {
        width: 12px;
        right: -12px; } }
.seat-map-name {
  color: #697886; }
  .book-anon .seat-map-name {
    display: none; }

.seat-map-grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (29px)[1000];
  -ms-grid-rows: (29px)[1000];
  grid-template-columns: repeat(auto-fill, 29px);
  grid-template-rows: repeat(auto-fill, 29px);
  font-size: 10px;
  letter-spacing: -0.025em; }
  .seat-map-grid.cell-size-small {
    font-size: 8px; }
  .seat-map-grid.cell-size-large {
    font-size: 12px; }

.seat {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  overflow: hidden;
  margin: 4px 3px 3px 4px;
  text-align: center;
  border-style: solid;
  border-width: 2px;
  border-radius: 5px;
  background-color: #fff;
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .seat::after {
    font-size: 10px; }
    .cell-size-small .seat::after {
      font-size: 8px; }
    .cell-size-large .seat::after {
      font-size: 12px; }
  .cell-size-small .seat {
    border-radius: 4px; }
  .cell-size-large .seat {
    border-radius: 6px; }
  .is-ru-focused .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected), .is-overriding .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected), .book-anon .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected), .book-auth .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected) {
    cursor: pointer; }
    .is-ru-focused .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected):active, .is-overriding .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected):active, .book-anon .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected):active, .book-auth .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected):active {
      box-shadow: 0 0 0 2px #fff, 0 0 0 5px #0a6ece; }
  .seat-map-bought-out .seat:not(.relevant) {
    cursor: default !important; }
    .seat-map-bought-out .seat:not(.relevant):active {
      box-shadow: none !important; }
  .seat.closed {
    border-color: transparent;
    border-radius: 0;
    color: #1f2428;
    -webkit-tap-highlight-color: transparent; }
  .seat.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden), .book-anon .seat.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden), .seat-map-bought-out .seat:not(.closed):not(.relevant):not(.selected):not(.overridden) {
    opacity: 0.25;
    border-color: currentColor;
    font-size: 0; }
    .seat.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden) span, .book-anon .seat.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden) span, .seat-map-bought-out .seat:not(.closed):not(.relevant):not(.selected):not(.overridden) span {
      display: none; }
    .seat.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
      display: block;
      margin: auto;
      width: 1em;
      height: 1em; }
  .seat.relevant {
    cursor: pointer; }
    .is-overriding .seat.relevant {
      opacity: 0.15;
      cursor: default; }
  .seat.disabled:not(.closed) {
    opacity: 0.25;
    cursor: default; }
  .seat.overridden {
    opacity: 0.25; }
    .is-overriding .seat.overridden {
      opacity: 1;
      cursor: pointer; }
    .seat.overridden::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .seat.selected {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #0a6ece;
    cursor: default; }
  .seating-tool .seat.exclusive:not(.in-use), .book-auth .seat.exclusive:not(.in-use), .seating-tool .seat.exclusive.unlimited, .book-auth .seat.exclusive.unlimited {
    border-style: dotted; }
  .book-anon .seat.exclusive {
    cursor: default; }
  .seat.seat--tall {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl; }
    .seat.seat--tall span {
      display: inline-flex;
      writing-mode: vertical-rl;
      padding: 6px 0;
      pointer-events: none; }
  .seat.seat--wide {
    font-size: 1.2em; }
  .seat.seat--huge {
    font-size: 1.3em; }

.seat-color-0.open, .seat-color-0.unlimited {
  color: #8b8989; }
  .seat-color-0.open.relevant, .seat-color-0.open.group-active, .seat-map-buy-out .seat-color-0.open, .seat-color-0.unlimited.relevant, .seat-color-0.unlimited.group-active, .seat-map-buy-out .seat-color-0.unlimited {
    background-color: #8b8989;
    color: #fff;
    border-color: transparent; }

.seat-color-0.closed:not(.seat-color-0) {
  background-color: #ebebeb; }

.is-ru-focused .seat-color-0.unlimited.in-use:not(.relevant), .book-anon .seat-color-0.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-0.unlimited.in-use.relevant:not(.selected) {
  background-color: #ebebeb;
  color: #8b8989;
  border-color: #8b8989;
  cursor: pointer; }

.seat-color-0.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-0.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-0:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%238B8989%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-0.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%238B8989%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-0.overridden.selected {
  border-color: #8b8989; }

.seat-color-1.open, .seat-color-1.unlimited {
  color: #ef8625; }
  .seat-color-1.open.relevant, .seat-color-1.open.group-active, .seat-map-buy-out .seat-color-1.open, .seat-color-1.unlimited.relevant, .seat-color-1.unlimited.group-active, .seat-map-buy-out .seat-color-1.unlimited {
    background-color: #ef8625;
    color: #fff;
    border-color: transparent; }

.seat-color-1.closed:not(.seat-color-0) {
  background-color: #fcead9; }

.is-ru-focused .seat-color-1.unlimited.in-use:not(.relevant), .book-anon .seat-color-1.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-1.unlimited.in-use.relevant:not(.selected) {
  background-color: #fcead9;
  color: #ef8625;
  border-color: #ef8625;
  cursor: pointer; }

.seat-color-1.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-1.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-1:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%23EF8625%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-1.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23EF8625%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-1.overridden.selected {
  border-color: #ef8625; }

.seat-color-2.open, .seat-color-2.unlimited {
  color: #ada91f; }
  .seat-color-2.open.relevant, .seat-color-2.open.group-active, .seat-map-buy-out .seat-color-2.open, .seat-color-2.unlimited.relevant, .seat-color-2.unlimited.group-active, .seat-map-buy-out .seat-color-2.unlimited {
    background-color: #ada91f;
    color: #fff;
    border-color: transparent; }

.seat-color-2.closed:not(.seat-color-0) {
  background-color: #fcfbd9; }

.is-ru-focused .seat-color-2.unlimited.in-use:not(.relevant), .book-anon .seat-color-2.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-2.unlimited.in-use.relevant:not(.selected) {
  background-color: #fcfbd9;
  color: #ada91f;
  border-color: #ada91f;
  cursor: pointer; }

.seat-color-2.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-2.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-2:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%23ADA91F%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-2.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23ADA91F%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-2.overridden.selected {
  border-color: #ada91f; }

.seat-color-3.open, .seat-color-3.unlimited {
  color: #6dad1f; }
  .seat-color-3.open.relevant, .seat-color-3.open.group-active, .seat-map-buy-out .seat-color-3.open, .seat-color-3.unlimited.relevant, .seat-color-3.unlimited.group-active, .seat-map-buy-out .seat-color-3.unlimited {
    background-color: #6dad1f;
    color: #fff;
    border-color: transparent; }

.seat-color-3.closed:not(.seat-color-0) {
  background-color: #ecfcd9; }

.is-ru-focused .seat-color-3.unlimited.in-use:not(.relevant), .book-anon .seat-color-3.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-3.unlimited.in-use.relevant:not(.selected) {
  background-color: #ecfcd9;
  color: #6dad1f;
  border-color: #6dad1f;
  cursor: pointer; }

.seat-color-3.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-3.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-3:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%236DAD1F%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-3.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%236DAD1F%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-3.overridden.selected {
  border-color: #6dad1f; }

.seat-color-4.open, .seat-color-4.unlimited {
  color: #28ad1f; }
  .seat-color-4.open.relevant, .seat-color-4.open.group-active, .seat-map-buy-out .seat-color-4.open, .seat-color-4.unlimited.relevant, .seat-color-4.unlimited.group-active, .seat-map-buy-out .seat-color-4.unlimited {
    background-color: #28ad1f;
    color: #fff;
    border-color: transparent; }

.seat-color-4.closed:not(.seat-color-0) {
  background-color: #dcfcd9; }

.is-ru-focused .seat-color-4.unlimited.in-use:not(.relevant), .book-anon .seat-color-4.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-4.unlimited.in-use.relevant:not(.selected) {
  background-color: #dcfcd9;
  color: #28ad1f;
  border-color: #28ad1f;
  cursor: pointer; }

.seat-color-4.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-4.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-4:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%2328AD1F%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-4.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%2328AD1F%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-4.overridden.selected {
  border-color: #28ad1f; }

.seat-color-5.open, .seat-color-5.unlimited {
  color: #1fad5a; }
  .seat-color-5.open.relevant, .seat-color-5.open.group-active, .seat-map-buy-out .seat-color-5.open, .seat-color-5.unlimited.relevant, .seat-color-5.unlimited.group-active, .seat-map-buy-out .seat-color-5.unlimited {
    background-color: #1fad5a;
    color: #fff;
    border-color: transparent; }

.seat-color-5.closed:not(.seat-color-0) {
  background-color: #d9fce8; }

.is-ru-focused .seat-color-5.unlimited.in-use:not(.relevant), .book-anon .seat-color-5.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-5.unlimited.in-use.relevant:not(.selected) {
  background-color: #d9fce8;
  color: #1fad5a;
  border-color: #1fad5a;
  cursor: pointer; }

.seat-color-5.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-5.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-5:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%231FAD5A%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-5.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%231FAD5A%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-5.overridden.selected {
  border-color: #1fad5a; }

.seat-color-6.open, .seat-color-6.unlimited {
  color: #1fad9f; }
  .seat-color-6.open.relevant, .seat-color-6.open.group-active, .seat-map-buy-out .seat-color-6.open, .seat-color-6.unlimited.relevant, .seat-color-6.unlimited.group-active, .seat-map-buy-out .seat-color-6.unlimited {
    background-color: #1fad9f;
    color: #fff;
    border-color: transparent; }

.seat-color-6.closed:not(.seat-color-0) {
  background-color: #d9fcf8; }

.is-ru-focused .seat-color-6.unlimited.in-use:not(.relevant), .book-anon .seat-color-6.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-6.unlimited.in-use.relevant:not(.selected) {
  background-color: #d9fcf8;
  color: #1fad9f;
  border-color: #1fad9f;
  cursor: pointer; }

.seat-color-6.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-6.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-6:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%231FAD9F%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-6.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%231FAD9F%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-6.overridden.selected {
  border-color: #1fad9f; }

.seat-color-7.open, .seat-color-7.unlimited {
  color: #25a1ef; }
  .seat-color-7.open.relevant, .seat-color-7.open.group-active, .seat-map-buy-out .seat-color-7.open, .seat-color-7.unlimited.relevant, .seat-color-7.unlimited.group-active, .seat-map-buy-out .seat-color-7.unlimited {
    background-color: #25a1ef;
    color: #fff;
    border-color: transparent; }

.seat-color-7.closed:not(.seat-color-0) {
  background-color: #d9effc; }

.is-ru-focused .seat-color-7.unlimited.in-use:not(.relevant), .book-anon .seat-color-7.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-7.unlimited.in-use.relevant:not(.selected) {
  background-color: #d9effc;
  color: #25a1ef;
  border-color: #25a1ef;
  cursor: pointer; }

.seat-color-7.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-7.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-7:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%2325A1EF%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-7.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%2325A1EF%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-7.overridden.selected {
  border-color: #25a1ef; }

.seat-color-8.open, .seat-color-8.unlimited {
  color: #2540ef; }
  .seat-color-8.open.relevant, .seat-color-8.open.group-active, .seat-map-buy-out .seat-color-8.open, .seat-color-8.unlimited.relevant, .seat-color-8.unlimited.group-active, .seat-map-buy-out .seat-color-8.unlimited {
    background-color: #2540ef;
    color: #fff;
    border-color: transparent; }

.seat-color-8.closed:not(.seat-color-0) {
  background-color: #d9defc; }

.is-ru-focused .seat-color-8.unlimited.in-use:not(.relevant), .book-anon .seat-color-8.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-8.unlimited.in-use.relevant:not(.selected) {
  background-color: #d9defc;
  color: #2540ef;
  border-color: #2540ef;
  cursor: pointer; }

.seat-color-8.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-8.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-8:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%232540EF%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-8.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%232540EF%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-8.overridden.selected {
  border-color: #2540ef; }

.seat-color-9.open, .seat-color-9.unlimited {
  color: #6b25ef; }
  .seat-color-9.open.relevant, .seat-color-9.open.group-active, .seat-map-buy-out .seat-color-9.open, .seat-color-9.unlimited.relevant, .seat-color-9.unlimited.group-active, .seat-map-buy-out .seat-color-9.unlimited {
    background-color: #6b25ef;
    color: #fff;
    border-color: transparent; }

.seat-color-9.closed:not(.seat-color-0) {
  background-color: #e5d9fc; }

.is-ru-focused .seat-color-9.unlimited.in-use:not(.relevant), .book-anon .seat-color-9.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-9.unlimited.in-use.relevant:not(.selected) {
  background-color: #e5d9fc;
  color: #6b25ef;
  border-color: #6b25ef;
  cursor: pointer; }

.seat-color-9.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-9.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-9:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%236B25EF%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-9.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%236B25EF%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-9.overridden.selected {
  border-color: #6b25ef; }

.seat-color-10.open, .seat-color-10.unlimited {
  color: #cd25ef; }
  .seat-color-10.open.relevant, .seat-color-10.open.group-active, .seat-map-buy-out .seat-color-10.open, .seat-color-10.unlimited.relevant, .seat-color-10.unlimited.group-active, .seat-map-buy-out .seat-color-10.unlimited {
    background-color: #cd25ef;
    color: #fff;
    border-color: transparent; }

.seat-color-10.closed:not(.seat-color-0) {
  background-color: #f6d9fc; }

.is-ru-focused .seat-color-10.unlimited.in-use:not(.relevant), .book-anon .seat-color-10.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-10.unlimited.in-use.relevant:not(.selected) {
  background-color: #f6d9fc;
  color: #cd25ef;
  border-color: #cd25ef;
  cursor: pointer; }

.seat-color-10.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-10.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-10:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%23CD25EF%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-10.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23CD25EF%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-10.overridden.selected {
  border-color: #cd25ef; }

.seat-color-11.open, .seat-color-11.unlimited {
  color: #ef25af; }
  .seat-color-11.open.relevant, .seat-color-11.open.group-active, .seat-map-buy-out .seat-color-11.open, .seat-color-11.unlimited.relevant, .seat-color-11.unlimited.group-active, .seat-map-buy-out .seat-color-11.unlimited {
    background-color: #ef25af;
    color: #fff;
    border-color: transparent; }

.seat-color-11.closed:not(.seat-color-0) {
  background-color: #fcd9f1; }

.is-ru-focused .seat-color-11.unlimited.in-use:not(.relevant), .book-anon .seat-color-11.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-11.unlimited.in-use.relevant:not(.selected) {
  background-color: #fcd9f1;
  color: #ef25af;
  border-color: #ef25af;
  cursor: pointer; }

.seat-color-11.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-11.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-11:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%23EF25AF%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-11.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23EF25AF%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-11.overridden.selected {
  border-color: #ef25af; }

.seat-color-12.open, .seat-color-12.unlimited {
  color: #ef2525; }
  .seat-color-12.open.relevant, .seat-color-12.open.group-active, .seat-map-buy-out .seat-color-12.open, .seat-color-12.unlimited.relevant, .seat-color-12.unlimited.group-active, .seat-map-buy-out .seat-color-12.unlimited {
    background-color: #ef2525;
    color: #fff;
    border-color: transparent; }

.seat-color-12.closed:not(.seat-color-0) {
  background-color: #fcd9d9; }

.is-ru-focused .seat-color-12.unlimited.in-use:not(.relevant), .book-anon .seat-color-12.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-12.unlimited.in-use.relevant:not(.selected) {
  background-color: #fcd9d9;
  color: #ef2525;
  border-color: #ef2525;
  cursor: pointer; }

.seat-color-12.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-12.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-12:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%23EF2525%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-12.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23EF2525%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-12.overridden.selected {
  border-color: #ef2525; }

.seat-color-13.open, .seat-color-13.unlimited {
  color: #8b8989; }
  .seat-color-13.open.relevant, .seat-color-13.open.group-active, .seat-map-buy-out .seat-color-13.open, .seat-color-13.unlimited.relevant, .seat-color-13.unlimited.group-active, .seat-map-buy-out .seat-color-13.unlimited {
    background-color: #8b8989;
    color: #fff;
    border-color: transparent; }

.seat-color-13.closed:not(.seat-color-0) {
  background-color: #ebebeb; }

.is-ru-focused .seat-color-13.unlimited.in-use:not(.relevant), .book-anon .seat-color-13.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-13.unlimited.in-use.relevant:not(.selected) {
  background-color: #ebebeb;
  color: #8b8989;
  border-color: #8b8989;
  cursor: pointer; }

.seat-color-13.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-13.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-13:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%238B8989%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E"); }

.seat-color-13.overridden::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%238B8989%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E"); }

.seat-color-13.overridden.selected {
  border-color: #8b8989; }

.db-header {
  background-color: var(--_db-header-surface);
  border-bottom: 1px solid var(--db-header-surface, #d1d6db);
  box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25); }
  @media only screen and (min-width: 680px) {
    .db-header {
      position: fixed;
      height: 44px;
      z-index: 1010;
      top: 0;
      right: 0;
      left: 0; } }
  @media only screen and (max-width: 679px) {
    .db-header {
      overflow: hidden;
      position: relative; } }
@media only screen and (min-width: 680px) {
  .db-header-left {
    position: absolute;
    top: 0;
    left: 57px; } }

@media only screen and (min-width: 680px) {
  .db-header-right {
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap; } }

@media only screen and (max-width: 679px) {
  .db-header-right {
    max-width: 100% !important; } }

@media only screen and (max-width: 679px) {
  .mobile-row-company {
    padding-bottom: 4px; }
    .mobile-row-company:after {
      content: '';
      display: table;
      clear: both;
      border-spacing: 0; }
  .mobile-row-company-inner {
    white-space: nowrap;
    box-sizing: border-box;
    padding-left: 54px;
    position: relative;
    float: left;
    max-width: 100%; }
    .mobile-row-company-inner:not(.has-related-companies) {
      padding-right: 15px; }
    .mobile-row-company-inner.has-related-companies::after {
      pointer-events: none;
      transform: none;
      content: '';
      display: inline-block;
      transition: transform 0.15s ease-in-out;
      border-style: solid;
      border-color: transparent;
      border-width: 5px 3.5px 0 3.5px;
      border-top-color: currentColor;
      color: #fff;
      position: absolute;
      top: 20px;
      right: 12px;
      z-index: 2; }
      @supports (mask-type: inherit) {
        .mobile-row-company-inner.has-related-companies::after {
          width: 7px;
          height: 5px;
          background-color: currentColor;
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          mask-size: 7px 5px;
          border: 0; } }
    .mobile-row-company-inner.has-related-companies::before {
      width: 28px; }
    .mobile-row-company-inner::before {
      pointer-events: none;
      width: 15px;
      content: '';
      position: absolute;
      z-index: 1;
      top: 4px;
      right: 0;
      height: 36px;
      background: linear-gradient(90deg, rgba(var(--_db-header-surface--rgb), 0) 0%, rgba(var(--_db-header-surface--rgb), 1) 100%); }
  .mobile-row-readonly {
    padding: 0 4px 4px 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.18); }
    .mobile-row-readonly .db-header-flyout-wrap, .mobile-row-readonly .db-header-btn {
      width: 100%; }
  .mobile-row-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.18); }
  .mobile-row-nav--left {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 0;
    margin-right: 4px;
    margin-left: 4px; }
    .mobile-row-nav--left .db-header-flyout-wrap {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      min-width: 0; }
  .mobile-row-nav--right {
    flex: none;
    margin-right: 4px;
    margin-left: auto; } }

.db-fh-logo {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 52px;
  height: 44px; }
  .db-fh-logo svg, .db-fh-logo:before {
    transition: left 0.5s ease, width 0.5s ease; }
  .db-fh-logo svg {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -15px;
    color: #fff; }
  .db-fh-logo:before {
    content: '';
    position: absolute;
    top: 10px;
    left: -15px;
    width: 15px;
    height: 11px;
    background-position: -108px -544px;
    opacity: 0; }
  .db-fh-logo.active:before {
    opacity: 1; }
  .db-fh-logo.active:not(.done):before {
    left: 32px; }
  .db-fh-logo.active:not(.done) svg {
    left: 9px; }
    .db-fh-logo.active:not(.done) svg .fh-logo-lighthouse-beams {
      display: none; }
  .db-fh-logo.done:before {
    left: 53px; }

.db-header-flyout-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top; }
  @media only screen and (min-width: 680px) {
    .db-header-flyout-wrap .tb-flyout {
      top: 36px; }
      .db-header-flyout-wrap .tb-flyout.tb-flyout--left {
        right: 3px; } }
.db-header-btn {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  line-height: 36px;
  letter-spacing: inherit;
  text-align: left;
  color: #fff;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  border-radius: 4px;
  cursor: pointer; }
  .db-header-btn:disabled {
    cursor: not-allowed; }
  @media only screen and (min-width: 680px) {
    .db-header-btn {
      padding-right: 12px;
      padding-left: 12px; } }
  @media only screen and (max-width: 679px) {
    .db-header-btn {
      padding-right: 10px;
      padding-left: 10px; } }
  @media only screen and (hover: hover) {
    .db-header-btn:not(.no-hover):hover {
      background-color: rgba(1, 86, 166, 0.6); } }
  .db-header-btn.focus-visible:not(.no-hover) {
    background-color: rgba(1, 86, 166, 0.6); }
  .db-header-btn.toggled:not(.no-hover) {
    background-color: rgba(1, 86, 166, 0.6); }
  .db-header-btn.is-flyout::after,
  .db-header-btn > .is-flyout::after {
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 3.5px 0 3.5px;
    border-top-color: currentColor;
    flex: none;
    pointer-events: none;
    vertical-align: middle;
    margin-left: 2px; }
    @supports (mask-type: inherit) {
      .db-header-btn.is-flyout::after,
      .db-header-btn > .is-flyout::after {
        width: 7px;
        height: 5px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 7px 5px;
        border: 0; } }

.db-header-btn-inner-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 0; }

.db-header-btn--user {
  min-width: 0; }
  .db-header-btn--user img {
    margin-right: 6px; }
  .db-header-btn--user .admin-badge {
    margin-right: 3px; }

.db-header-btn--user-name {
  margin-right: 3px; }
  @media only screen and (max-width: 679px) {
    .db-header-btn--user-name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; } }
.db-header-btn--alerts svg {
  vertical-align: middle;
  margin-top: -4px;
  height: 16px;
  width: 15px; }

.db-header-btn--alerts .badge {
  padding: 0 2px;
  margin-left: -2px;
  font-size: 0.9em;
  line-height: 1.1; }

.db-alerts-flyout {
  white-space: normal;
  padding-top: 42px; }
  @media only screen and (min-width: 680px) {
    .db-alerts-flyout {
      width: 40vw;
      max-width: 450px; } }
  @media only screen and (max-width: 679px) {
    .db-alerts-flyout {
      position: relative; } }
.db-alerts-flyout-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 41px;
  line-height: 41px;
  border-bottom: 1px solid var(--_border-grey-light);
  color: var(--_fh-grey);
  padding-left: 15px;
  font-size: 14px; }
  .db-alerts-flyout-header button {
    color: var(--_text-primary); }
  .db-alerts-flyout-header .overlay-close {
    top: 4px;
    right: 4px; }

.db-alerts-flyout-item {
  padding: 20px;
  border-bottom: 1px solid var(--_border-grey); }
  .db-alerts-flyout-item h3 {
    font-size: 17px; }

.db-alerts-flyout-actions {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  justify-content: space-between; }
  .db-alerts-flyout-actions :first-child {
    margin-right: 15px; }
  @media only screen and (max-width: 679px) {
    .db-alerts-flyout-actions .btn, .db-alerts-flyout-actions .btn-tiny, .db-alerts-flyout-actions .btn-big, .db-alerts-flyout-actions .btn-huge {
      width: auto; } }
.db-alerts-flyout-dismiss[type="button"] {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px; }

.db-alerts-flyout-list {
  margin-top: 15px;
  line-height: var(--prose-line-height); }
  .db-alerts-flyout-list li {
    position: relative;
    padding-left: 30px; }
    .db-alerts-flyout-list li:not(:last-child) {
      margin-bottom: 15px; }
    .db-alerts-flyout-list li img,
    .db-alerts-flyout-list li svg {
      position: absolute;
      top: 0;
      left: 0; }
  .db-alerts-flyout-list .icon-sparkles {
    width: 18px;
    height: auto;
    color: var(--fh-purple, #5600da); }

.db-header-btn--readonly {
  font-size: 16px;
  background-color: #c02b2b; }
  @media only screen and (max-width: 679px) {
    .db-header-btn--readonly {
      text-align: center; } }
  @media only screen and (hover: hover) {
    .db-header-btn--readonly:hover {
      background-color: #ab2626 !important; } }
  .db-header-btn--readonly.focus-visible {
    background-color: #ab2626 !important; }
  .db-header-btn--readonly.toggled {
    background-color: #9f2424 !important; }

@media only screen and (min-width: 680px) {
  .db-header-company-wrap .tb-flyout {
    position: fixed;
    top: 36px;
    right: 3px; } }

.db-header-btn--company {
  font-size: 17px; }
  .db-header-btn--company .badge {
    font-size: 14px;
    line-height: 1.3; }
  .db-header-btn--company.is-outside-user {
    padding-right: 25px; }
    @media only screen and (min-width: 680px) {
      .db-header-btn--company.is-outside-user::after {
        width: 28px; }
      .db-header-btn--company.is-outside-user::before {
        transform: none;
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 5px 3.5px 0 3.5px;
        border-top-color: currentColor;
        position: fixed;
        right: 12px;
        top: 20px;
        pointer-events: none;
        z-index: 2; }
        @supports (mask-type: inherit) {
          .db-header-btn--company.is-outside-user::before {
            width: 7px;
            height: 5px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 7px 5px;
            border: 0; } }
      .db-header-btn--company.is-outside-user:hover::after, .db-header-btn--company.is-outside-user.toggled::after {
        background: linear-gradient(90deg, rgba(var(--_db-header-surface--rgb), 0) 0%, rgba(var(--_db-header-surface--rgb), 1) 100%); } }
  @media only screen and (min-width: 680px) {
    .db-header-btn--company::after {
      width: 15px;
      pointer-events: none;
      content: '';
      position: fixed;
      top: 4px;
      right: 0;
      height: 36px;
      background: linear-gradient(90deg, rgba(var(--_db-header-surface--rgb), 0) 0%, rgba(var(--_db-header-surface--rgb), 1) 100%); } }
.db-header-btn--admin-notes {
  overflow: hidden; }
  .db-header-btn--admin-notes.is-flagged {
    position: relative; }
    .db-header-btn--admin-notes.is-flagged:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 4px;
      background-color: #f37f25; }
  .db-header-btn--admin-notes svg {
    position: relative;
    top: 2px; }

@media only screen and (min-width: 680px) {
  .db-nav {
    display: inline-block;
    color: #fff; }
    .db-nav:after {
      content: '';
      display: table;
      clear: both;
      border-spacing: 0; } }

.db-nav-items a {
  position: relative;
  transition: background-color 100ms ease; }

@media only screen and (min-width: 680px) {
  .db-nav-items {
    float: left; }
    .db-nav-items > li {
      line-height: 44px;
      float: left; }
    .db-nav-items a {
      display: block;
      height: 44px;
      line-height: 44px; } }
    @media only screen and (min-width: 680px) and (hover: hover) {
      .db-nav-items a:hover {
        background-color: rgba(1, 86, 166, 0.6); } }
@media only screen and (min-width: 680px) {
      .db-nav-items a.focus-visible {
        background-color: rgba(1, 86, 166, 0.6); }
      .db-nav-items a.current::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 10px;
        right: 10px;
        border-bottom: 3px solid #85c5ff;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px; }
    .db-nav-items svg {
      vertical-align: middle;
      margin-top: -3px;
      margin-right: 4px;
      color: #85c5ff; }
    .db-nav-items:not(.db-nav-small) a {
      padding-right: 12px;
      padding-left: 12px;
      font-size: 15px; }
    .db-nav-items.db-nav-small a {
      padding-right: 10px;
      padding-left: 10px;
      font-size: 13px; }
    .db-nav-items.db-nav-small svg.icon-help {
      width: 13px;
      height: 14px; }
    .db-nav-items + .db-nav-small {
      margin-left: 6px; } }

@media only screen and (max-width: 679px) {
  .db-nav-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    grid-gap: 4px;
    gap: 4px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 4px; }
    .db-nav-items > li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .db-nav-items a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      flex: 1;
      padding: 12px;
      border-radius: 5px;
      text-align: center; } }
    @media only screen and (max-width: 679px) and (hover: hover) {
      .db-nav-items a:hover {
        background-color: var(--_hover-grey); } }
@media only screen and (max-width: 679px) {
      .db-nav-items a.focus-visible {
        background-color: var(--_hover-grey); }
      .db-nav-items a.current {
        background-color: var(--_select-menu-current); }
    .db-nav-items svg {
      color: var(--_theme-primary); }
    .db-nav-items:not(.db-nav-small) a {
      font-size: 15px; }
    .db-nav-items:not(.db-nav-small) svg {
      width: 22px;
      height: 22px;
      margin-bottom: 8px; }
    .db-nav-items.db-nav-small svg {
      width: 18px;
      height: 18px;
      margin-bottom: 6px; } }

.settings-nag .settings a span {
  position: relative;
  padding-right: 28px !important; }
  .settings-nag .settings a span:after {
    content: ' ';
    width: 16px;
    height: 14px;
    background-position: -322px -484px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 7px; }

.email-form {
  border: 1px solid var(--_border-grey-light);
  margin-bottom: 5px;
  padding: 8px 12px 0 12px;
  border-radius: 4px; }

.email-form--single {
  clear: both; }
  .email-form--single:not(:last-child) {
    border-bottom: 1px solid var(--_border-grey-light);
    margin-bottom: 15px;
    padding-bottom: 10px; }
  .hint + .email-form--single {
    margin-top: 10px; }

.email-form-header h2 {
  font-size: 15px;
  font-weight: bold; }

.email-form-all-addresses {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 12px; }
  .email-form-all-addresses .badge {
    margin-right: 3px;
    margin-bottom: 3px; }

.email-form-languages-tb {
  --tb-margin-block-start: 12px;
  --tb-margin-block-end: 12px;
  --tb-margin-inline-start: -12px;
  --tb-margin-inline-end: -12px;
  --tb-padding-inline-start: 5px;
  --tb-padding-inline-end: 5px;
  --tb-border-color: var(--_border-grey-light);
  border-top: 1px solid var(--_border-grey-light); }

.table-page-center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background 0.3s ease; }
  .table-page-center .td {
    padding-top: 2%;
    padding-bottom: 4%; }

body.body-page-center {
  height: 100%; }

.login-alert {
  padding: 15px;
  background-color: var(--_warning-surface); }
  .login-alert + .login-alert {
    padding-top: 0; }

.login-bookmark-reminder {
  padding: 15px 25px;
  border-top: 1px solid var(--_border-grey-light);
  font-size: 12px;
  line-height: 1.3;
  background: var(--_shade-grey); }

.form-login-message-back {
  padding-top: 12px; }

.form-login {
  max-width: 375px;
  margin: 0 auto;
  z-index: 100;
  position: relative;
  background-color: var(--_surface-primary);
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px; }
  .form-login .form-login-inner {
    padding: 20px 25px; }
  .form-login.has-bg {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16); }
  .form-login:not(.has-bg) {
    border: 1px solid var(--_border-grey); }
  @media only screen and (max-width: 679px) {
    .form-login {
      border-radius: 0; } }
  .form-login .login-logo {
    display: block;
    margin: 10px auto 20px auto;
    text-align: center; }
    .form-login .login-logo .fh-logo {
      width: 180px;
      height: 122px; }
  .form-login .login-company {
    margin-bottom: 12px;
    color: var(--_theme-primary);
    font-size: 20px; }
    .form-login .login-company a {
      border-bottom: 1px solid var(--_theme-primary); }
  .form-login .login-wrong-company {
    display: block;
    margin-top: 8px;
    color: var(--_fh-grey);
    font-size: 11px; }
    .form-login .login-wrong-company:hover {
      text-decoration: underline; }

.forgot-help {
  margin-top: 12px;
  margin-bottom: 12px; }

.company-login-logo {
  text-align: center;
  margin-bottom: 12px; }
  .company-login-logo img {
    max-width: 100%;
    max-height: 250px;
    width: auto;
    height: auto; }
  .company-login-logo h1 {
    font-size: 26px;
    padding: 10px 0; }

.login-background-fill {
  z-index: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.login-shortname-link {
  margin-top: 5px;
  opacity: 0.9;
  font-weight: normal;
  font-size: 12px; }

.login-intro {
  margin-bottom: 12px; }

.login-hint {
  color: var(--_fh-grey);
  padding-top: 12px; }
  .login-hint a {
    text-decoration: underline; }

.signin-button-google, .signin-button-amazon, .signin-button-marriott {
  display: inline-block;
  width: 191px;
  height: 46px;
  text-indent: -99999em;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 191px 46px; }

.signin-button-marriott {
  background-image: url("/static/images/lib/marriott-signin-button.png?509cd7944335"); }

.signin-button-amazon {
  background-image: url("/static/images/lib/amazon-signin-button.png?cabbd5a0efd8"); }

.signin-button-google {
  background-image: url("/static/images/lib/google-signin-button.png?dd0f9aec029e"); }
  .signin-button-google:active {
    background-image: url("/static/images/lib/google-signin-button--hover.png?db4a793882c7"); }

@media only screen and (min-width: 680px) {
  body.showing-sidepanel {
    padding-left: 230px; }
    body.showing-sidepanel .db-header,
    body.showing-sidepanel .db-primary-tb,
    body.showing-sidepanel .settings-nav-fixed {
      left: 230px; }
    body.showing-sidepanel .settings-window-header-fixed-wrap {
      left: 282px; }
    body.showing-sidepanel .book-form-tb-wrap,
    body.showing-sidepanel .auth-book-shim {
      left: 246px; }
    body.showing-sidepanel.dashboard-section.db-section-bookings .settings-nav-fixed,
    body.showing-sidepanel.dashboard-section.db-section-bookings .bookings-header-wrap,
    body.showing-sidepanel.dashboard-section.db-section-bookings .calendar-nav,
    body.showing-sidepanel.dashboard-section.db-section-bookings .db-main-content {
      left: 245px !important; }
    body.showing-sidepanel .manifest-toolbars {
      left: 242px !important; } }

.sidepanel {
  z-index: 105;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #263844;
  color: #fff; }
  @media only screen and (min-width: 680px) {
    .sidepanel {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      width: 230px;
      border-right: 1px solid #000;
      box-shadow: -6px -4px 20px #1e2a31 inset; }
      .sidepanel .sidepanel-inner {
        overflow-x: auto;
        position: absolute;
        top: 5px;
        right: 5px;
        bottom: 0;
        left: 0; } }
  .sidepanel .sidepanel-inner {
    padding: 10px; }
    .sidepanel .sidepanel-inner::-webkit-scrollbar {
      width: 6px; }
    .sidepanel .sidepanel-inner::-webkit-scrollbar-thumb {
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background: #485a67; }
      .sidepanel .sidepanel-inner::-webkit-scrollbar-thumb:hover {
        background: #6f8594; }
  .sidepanel .fh-grey {
    color: #abb8c1; }
  .sidepanel .booking-block-affiliate {
    color: #8ca8bd; }
  .sidepanel .btns {
    padding-bottom: 15px; }

.sidepanel-block {
  position: relative;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #586771;
  border-radius: 2px;
  margin-bottom: 6px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .sidepanel-block.is-toggle {
    padding-left: 25px;
    cursor: pointer; }
    .sidepanel-block.is-toggle:hover {
      border-color: #89a0af; }
    .sidepanel-block.is-toggle:before {
      position: absolute;
      transform: translateY(-1px) rotate(-90deg);
      content: '';
      display: inline-block;
      transition: transform 0.15s ease-in-out;
      border-style: solid;
      border-color: transparent;
      border-width: 6px 4px 0 4px;
      border-top-color: #89a0af;
      left: 10px;
      top: 50%;
      margin-top: -3px; }
      @supports (mask-type: inherit) {
        .sidepanel-block.is-toggle:before {
          width: 8px;
          height: 6px;
          background-color: #89a0af;
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          mask-size: 8px 6px;
          border: 0; } }
    .sidepanel-block.is-toggle.toggled:before {
      transform: none; }
  .sidepanel-block.is-placeholder {
    padding-left: 45px;
    border-color: #22a158; }
    .sidepanel-block.is-placeholder:before {
      content: '';
      position: absolute;
      width: 13px;
      height: 14px;
      background-position: -332px -293px;
      left: 17px;
      top: 50%;
      margin-top: -7px; }
  .sidepanel-block .ava {
    font-size: 11px;
    color: var(--_border-grey); }

.sidepanel-toggle {
  cursor: pointer;
  background-color: #586771;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 8px;
  padding-left: 13px;
  margin-left: -10px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .sidepanel-toggle:before {
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 6px 4px 0 4px;
    border-top-color: currentColor;
    margin-right: 6px; }
    @supports (mask-type: inherit) {
      .sidepanel-toggle:before {
        width: 8px;
        height: 6px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 8px 6px;
        border: 0; } }
  .sidepanel-toggle.toggled:before, .toggled > .sidepanel-toggle:before {
    transform: none; }

.sidepanel-customer-card-wrap {
  overflow: hidden;
  border: 1px solid #586771;
  border-radius: 5px;
  margin-bottom: 8px; }

.sidepanel-customer-card {
  width: 100%;
  border-collapse: separate; }
  .sidepanel-customer-card td {
    padding: 2px 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #586771; }
  .sidepanel-customer-card > tbody:last-child > tr:last-child > td {
    border-bottom: none !important; }
  .sidepanel-customer-card .is-header td {
    padding-top: 5px;
    padding-bottom: 5px; }

.sidepanel-header {
  padding-bottom: 8px; }

.sidepanel-booking-contact {
  padding-bottom: 15px; }
  .sidepanel-booking-contact b {
    font-size: 15px; }

.sidepanel-not-fillable {
  background-color: var(--_warning-surface);
  color: var(--text-primary, #19272E); }

@media only screen and (min-width: 680px) {
  body.dashboard-section, body.root-section {
    padding-top: 45px; }
    body.dashboard-section .error-page, body.root-section .error-page {
      padding-top: 0; } }

@media only screen and (min-width: 680px) {
  .db-wrap {
    width: 980px;
    margin: 0 auto; } }

.db-main {
  padding: 25px 0; }
  @media only screen and (max-width: 679px) {
    .db-main {
      padding-top: 0; } }
  @media only print {
    .db-main {
      padding-top: 0; } }
@media only screen and (min-width: 680px) {
  .db-wrap-fluid {
    padding: 15px; } }

@media only screen and (max-width: 679px) {
  .db-wrap-fluid {
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px; } }

@media only screen and (min-width: 680px) {
  .db-primary-tb {
    position: fixed;
    top: 45px;
    left: 0;
    right: 0;
    z-index: 100; } }

.edit-image-preview {
  width: 100%;
  max-width: 650px;
  height: auto; }

.edit-image-cropping {
  max-width: 100%;
  margin-bottom: 15px; }
  .edit-image-cropping .edit-image-to-crop {
    max-width: 100%; }

.list-filters.list-filters--with-spacing {
  margin-top: 10px;
  margin-bottom: 15px; }

.list-filters li {
  display: inline-block; }
  .list-filters li > a, .list-filters li button {
    display: inline-block;
    padding: 5px 7px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 2px solid transparent;
    color: var(--_fh-grey);
    cursor: pointer; }
    .list-filters li > a[type="button"], .list-filters li button[type="button"] {
      width: auto;
      box-sizing: border-box;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
      letter-spacing: inherit;
      text-align: left;
      background-color: transparent;
      -webkit-appearance: none;
      -moz-appearance: none; }
      .list-filters li > a[type="button"]:disabled, .list-filters li button[type="button"]:disabled {
        cursor: not-allowed; }
    @media only screen and (hover: hover) {
      .list-filters li > a:hover, .list-filters li button:hover {
        background: var(--_hover-grey); } }
    .list-filters li > a.focus-visible, .list-filters li button.focus-visible {
      background: var(--_hover-grey); }
    .list-filters li > a.toggled, .list-filters li > a.current, .list-filters li button.toggled, .list-filters li button.current {
      color: var(--_theme-primary);
      border-bottom-color: currentColor; }
  @media only screen and (max-width: 679px) {
    .list-filters li.list-filters-label {
      display: block; } }
  @media only screen and (min-width: 680px) {
    .list-filters li.list-filters-label {
      padding-right: 15px; } }
.simple-warning {
  padding: 6px 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  background: var(--_warning-surface);
  border: 1px solid var(--border-grey, #E0C7A8); }
  .simple-warning svg {
    vertical-align: top;
    margin-top: 1px; }

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale(0.9); }
  50% {
    -webkit-transform: scale(1.2); }
  to {
    -webkit-transform: scale(0.9); } }

@keyframes pulse {
  from {
    transform: scale(0.9); }
  50% {
    transform: scale(1.2); }
  to {
    transform: scale(0.9); } }

.select-all {
  color: var(--_fh-grey); }
  .select-all button {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    text-decoration: underline; }
    .select-all button:disabled {
      cursor: not-allowed; }
    @media only screen and (hover: hover) {
      .select-all button:hover {
        color: var(--_fh-grey-dark); } }
    .select-all button.focus-visible {
      color: var(--_fh-grey-dark); }

fieldset[disabled] .select-all a {
  cursor: default;
  text-decoration: none; }

.db-empty-section {
  margin-top: 25px;
  border: 2px solid var(--_border-grey);
  border-radius: 10px;
  color: var(--_fh-grey);
  padding: 25px; }
  @media only screen and (max-width: 679px) {
    .db-empty-section {
      margin: 12px; } }
  .db-empty-section .db-empty-section-header {
    font-size: 23px;
    color: var(--_text-primary);
    padding-bottom: 8px; }

.db-empty-section-inner {
  max-width: 700px;
  margin: 0 auto;
  text-align: center; }

.callout-block {
  background-color: var(--_callout-surface);
  font-weight: bold;
  padding: 10px;
  margin: 15px 0; }

@media only screen and (min-width: 680px) {
  .fade-in-stats-tb .stats-tb {
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out; }
    .fade-in-stats-tb .stats-tb.loading {
      opacity: 0; }
    .fade-in-stats-tb .stats-tb.success {
      opacity: 1; } }

.empty-view-message {
  padding: 20px;
  color: var(--_fh-grey); }

.sonar-paused {
  position: fixed;
  top: 0;
  background-color: #ffeca5;
  padding: 8px;
  z-index: 9999;
  text-align: center;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: 1px solid #f3cd86;
  border-right: 1px solid #f3cd86;
  border-bottom: 1px solid #f3cd86;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25); }
  @media only screen and (min-width: 680px) {
    .sonar-paused {
      left: 50%;
      margin-left: -170px;
      width: 340px; } }
  @media only screen and (max-width: 679px) {
    .sonar-paused {
      left: 15px;
      right: 15px; } }
  .sonar-paused a {
    color: #0a6ece; }

.jump-header {
  line-height: 1;
  font-weight: bold; }
  @media only screen and (min-width: 680px) {
    .jump-header {
      font-size: 65px; } }
  @media only screen and (max-width: 679px) {
    .jump-header {
      font-size: 50px; } }
@media only screen and (min-width: 680px) {
  .admin-main-content {
    max-width: 650px;
    margin-right: 340px;
    margin-top: 22px;
    padding-top: 40px;
    padding-bottom: 40px; } }

@media only screen and (min-width: 679px) and (max-width: 920px) {
  .admin-main-content {
    padding-right: 20px;
    padding-left: 20px; } }

@media only screen and (min-width: 921px) {
  .admin-main-content {
    padding-right: 40px;
    padding-left: 40px; } }

@media only screen and (max-width: 679px) {
  .admin-main-content {
    padding: 15px;
    border-bottom: 1px solid var(--_border-grey);
    margin-bottom: 15px; } }

@media only screen and (min-width: 680px) {
  .admin-jump-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .admin-jump-menu select:not(.select2-hidden-accessible) {
      max-width: 100%; }
  .admin-jump-menu--type {
    box-sizing: border-box;
    width: 40%;
    padding-right: 10px; }
  .admin-jump-menu--id {
    width: 60%; } }

@media only screen and (max-width: 679px) {
  .admin-jump-menu--id .btn, .admin-jump-menu--id .btn-tiny, .admin-jump-menu--id .btn-big, .admin-jump-menu--id .btn-huge {
    width: auto; } }

.ava-updater.is-processing {
  max-height: 250px;
  overflow: hidden; }

.ava-updater .form-loading-overlay {
  z-index: 10; }

@media only screen and (min-width: 680px) {
  .ava-updater-main > .tr > .td:first-child {
    width: 160px;
    border-right: 1px solid var(--_border-grey); } }

@media only screen and (max-width: 679px) {
  .ava-updater-main > .tr > .td:first-child {
    border-bottom: 2px solid var(--_theme-primary); } }

@media only screen and (min-width: 680px) {
  .ava-updater-main > .tr > .td:nth-child(2) {
    width: 250px;
    border-right: 1px solid var(--_border-grey); } }

@media only screen and (max-width: 679px) {
  .ava-updater-main > .tr > .td:nth-child(2) {
    border-bottom: 2px solid var(--_theme-primary); } }

.ava-updater-handheld-header {
  padding: 12px 15px;
  background-color: var(--_shade-grey);
  font-weight: bold;
  font-size: 18px; }

.tr.ava-updater-headers {
  counter-reset: ava-updater-step-counter; }
  .tr.ava-updater-headers h2 {
    font-size: 19px;
    color: var(--_theme-primary); }
  .tr.ava-updater-headers .td {
    position: relative;
    padding: 15px 15px 15px 60px;
    border-bottom: 1px solid var(--_border-grey); }
    .tr.ava-updater-headers .td:before {
      content: counter(ava-updater-step-counter);
      counter-increment: ava-updater-step-counter;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      position: absolute;
      left: 15px;
      top: 50%;
      margin-top: -16px;
      display: block;
      width: 32px;
      height: 32px;
      line-height: 32px;
      vertical-align: middle;
      text-align: center;
      border-radius: 50%;
      background-color: #0a6ece;
      color: #fff;
      font-size: 18px; }

.tr.ava-updater-body .td {
  position: relative; }

.tr.ava-updater-body.is-locked .td:after {
  content: '';
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  opacity: 0.6; }

@media only screen and (min-width: 680px) {
  .ava-updater-types-list {
    padding: 20px 0; } }

.ava-updater-suggested {
  background-color: var(--_callout-surface);
  padding-bottom: 10px;
  margin-bottom: 5px;
  margin-top: 10px; }

.ava-updater-filters {
  padding-bottom: 15px; }

.tr.ava-updater-buttons .td {
  vertical-align: middle !important;
  border-top: 1px solid var(--_border-grey); }

@media only screen and (min-width: 680px) {
  .ava-updater-max-width {
    max-width: 375px; } }

@media only screen and (min-width: 680px) {
  body.db-section-bookings .calendar-days .td {
    border-bottom: 1px solid var(--_border-grey-dark); }
  body.db-section-bookings.db-section-bookings--editing {
    padding-top: 81px; }
    body.db-section-bookings.db-section-bookings--editing .calendar-nav {
      margin-bottom: 12px; }
    body.db-section-bookings.db-section-bookings--editing.showing-browser .db-wrap-fluid {
      margin-right: 340px; }
    body.db-section-bookings.db-section-bookings--editing.db-section-bookings--with-header-flexible .db-main-content {
      top: auto !important; }
  body.db-section-bookings.showing-browser:not(.db-section-bookings--editing) .db-main-content {
    right: 340px; }
  body.db-section-bookings.showing-browser:not(.db-section-bookings--editing) .db-wrap-fluid {
    margin-right: 340px; }
  body.db-section-bookings.showing-browser:not(.db-section-bookings--editing) .calendar-nav,
  body.db-section-bookings.showing-browser:not(.db-section-bookings--editing) .bookings-header-wrap {
    right: 355px; }
  body.db-section-bookings:not(.db-section-bookings--editing) .db-main-content {
    position: fixed;
    left: 15px;
    bottom: 0;
    right: 0px;
    padding-bottom: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }
  body.db-section-bookings.db-section-bookings--with-header:not(.db-section-bookings--editing) .db-main-content {
    top: 175px; }
    body.db-section-bookings.db-section-bookings--with-header:not(.db-section-bookings--editing) .db-main-content .calendar {
      margin-top: -1px; }
  body.db-section-bookings.db-section-bookings--no-header:not(.db-section-bookings--editing) .db-main-content, body.db-section-bookings.db-section-bookings--with-header-flexible:not(.db-section-bookings--editing) .db-main-content {
    top: 146px; }
  body.db-section-bookings:not(.db-section-bookings--editing) .db-wrap-fluid {
    overflow: hidden;
    margin-top: 114px;
    margin-left: 10px; }
  body.db-section-bookings:not(.db-section-bookings--editing) .calendar-nav,
  body.db-section-bookings:not(.db-section-bookings--editing) .bookings-header-wrap {
    position: fixed;
    right: 15px;
    left: 15px;
    z-index: 10; }
  body.db-section-bookings:not(.db-section-bookings--editing) .calendar-nav {
    top: 93px; }
  body.db-section-bookings:not(.db-section-bookings--editing) .bookings-header-wrap {
    top: 146px; } }

body.db-section-bookings:not(.db-section-bookings--editing) .bookings-header-shadow {
  position: absolute;
  height: 27px;
  right: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  border-top: 1px solid var(--_border-grey);
  margin-top: -1px; }
  body.db-section-bookings:not(.db-section-bookings--editing) .bookings-header-shadow:after {
    position: absolute;
    content: ' ';
    top: -20px;
    right: 0;
    left: 0;
    height: 20px;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25); }
  @media only screen and (max-width: 679px) {
    body.db-section-bookings:not(.db-section-bookings--editing) .bookings-header-shadow {
      display: none !important; } }
@media only screen and (max-width: 679px) {
  body.db-section-bookings.db-section-bookings--with-header-flexible:not(.db-section-bookings--editing) .db-main-content {
    top: auto !important; } }

@media only screen and (min-width: 680px) {
  .booking-browser {
    position: fixed;
    width: 325px;
    top: 81px;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    border-left: 1px solid var(--_border-grey); } }

@media only screen and (max-width: 679px) {
  .booking-browser {
    margin-bottom: 10px; } }

.affiliate-no-calendar {
  text-align: center; }

.affiliate-no-calendar-inner {
  padding: 10px;
  text-align: center;
  background: var(--_shade-grey);
  border-radius: 4px;
  border: 1px solid var(--_border-grey);
  display: inline-block; }

.bookings-grid {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  background-color: var(--_surface-primary); }
  .bookings-grid .td, .bookings-grid td {
    border-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-color: var(--_border-grey-light); }
    .bookings-grid .td:last-child, .bookings-grid td:last-child {
      border-right-width: 0; }
  .bookings-grid.bookings-grid--dark-bottom-border .td, .bookings-grid.bookings-grid--dark-bottom-border td {
    border-bottom-color: var(--_border-grey-dark); }
  @media only screen {
    .bookings-grid .tr:not(.grid-group-header-row):not(:only-child):hover .td, .bookings-grid .tr:not(.grid-group-header-row):not(:only-child):hover td, .bookings-grid tr:not(.grid-group-header-row):not(:only-child):hover .td, .bookings-grid tr:not(.grid-group-header-row):not(:only-child):hover td {
      background-color: var(--_shade-grey-light); }
      .bookings-grid .tr:not(.grid-group-header-row):not(:only-child):hover .td.current-day, .bookings-grid .tr:not(.grid-group-header-row):not(:only-child):hover td.current-day, .bookings-grid tr:not(.grid-group-header-row):not(:only-child):hover .td.current-day, .bookings-grid tr:not(.grid-group-header-row):not(:only-child):hover td.current-day {
        background-color: var(--medium-grey, #ffeca1); } }
.bookings-td-legend {
  padding: 5px;
  text-align: right; }
  .day-view-has-multiple-items .bookings-td-legend {
    width: 60px; }

.bookings-grid-header {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse; }
  .bookings-grid-header .td, .bookings-grid-header td {
    overflow: hidden;
    vertical-align: middle;
    padding: 7px 2px;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-left-color: var(--_border-grey);
    border-bottom-color: var(--_border-grey);
    text-align: center;
    font-size: 12px;
    line-height: 1.1;
    font-weight: bold; }
    .bookings-grid-header .td:first-child, .bookings-grid-header td:first-child {
      border-left: 0; }
      .day-view-has-multiple-items .bookings-grid-header .td:first-child, .day-view-has-multiple-items .bookings-grid-header td:first-child {
        width: 66px; }
    .bookings-grid-header .td.current-day, .bookings-grid-header td.current-day {
      background-color: var(--_callout-surface); }

.grid-view-grid td {
  vertical-align: top; }
  .grid-view-grid td.current-day {
    background-color: var(--_callout-surface); }

.grid-view-grid .current-day > .td-legend,
.grid-view-grid .current-day td:not(.td-legend):not(.grid-td-spacer),
.grid-view-grid .current-day .grid-group-header-cell {
  background-color: var(--_callout-surface); }

.grid-view-grid .past-day .cal-block {
  opacity: 0.6; }

.grid-view-grid .past-day:hover .cal-block {
  opacity: 1; }

.grid-view-grid .td-legend {
  vertical-align: middle; }

@media only screen and (min-width: 680px) {
  .grid-view-grid .grid-group-header-row + tr:last-child:hover td {
    background-color: transparent; }
    .grid-view-grid .grid-group-header-row + tr:last-child:hover td.current-day {
      background-color: var(--_callout-surface); }
  .grid-view-grid .grid-group-header-row + tr:last-child:hover .bookings-td-legend {
    color: inherit; } }

.grid-group .grid-group-header-row + tr td, .grid-group:first-child tr:first-child:not(.grid-group-header-row) td {
  padding-top: 3px; }

.grid-group:not(:last-child) tr:last-child td {
  padding-bottom: 3px;
  border-color: #ccd2da; }

.grid-group-header-row {
  color: #19272E; }
  .grid-group:first-child .grid-group-header-row {
    display: none; }
  .grid-group-header-row td {
    vertical-align: middle;
    height: 18px;
    padding: 5px 6px;
    background-color: #f1f2f4;
    border-color: #ccd2da; }

.grid-group-header-cell {
  font-weight: bold; }

.grid-columns-toggler {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  white-space: nowrap;
  padding: 12px;
  margin: -1px -10px 6px;
  border-bottom: 1px solid var(--_border-grey);
  border-top: 1px solid var(--_border-grey);
  background-color: var(--_surface-primary); }
  @media only screen {
    @supports (position: sticky) {
      .grid-columns-toggler {
        position: -webkit-sticky !important;
        position: sticky !important;
        z-index: 99;
        top: 0; } } }
.grid-column-button {
  display: inline-block;
  margin-right: 8px;
  padding: 15px 12px;
  border-radius: 3px;
  background: var(--_shade-grey);
  font-weight: bold;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: transparent; }
  .grid-column-button:last-child {
    margin-right: 0; }
  .grid-column-button.selected {
    background: #0a6ece;
    color: #fff; }
  .grid-column-button.current-day {
    background-color: var(--_callout-surface); }
    .grid-column-button.current-day.selected {
      color: #1f2428;
      border-color: #ad963d;
      box-shadow: 0 0 6px #e2ca6b; }

.grid-group-section:not(.is-null-group) .grid-row-section, .grid-group-section.is-null-group .grid-row-section:not(.is-null-row) .grid-row-availabilities {
  margin-bottom: 10px;
  border-left: 1px solid #b8bbc1;
  padding: 3px 0 3px 5px; }

.grid-group-section:not(.is-null-group) .grid-row-heading {
  margin: 0 0 6px 5px; }

.grid-group-heading,
.is-null-group .grid-row-heading {
  margin: 10px 0 5px;
  font-weight: bold; }

.grid-group-section.past-day .cal-block,
.grid-row-section.past-day .cal-block {
  opacity: 0.6; }

.grid-group-section.current-day,
.grid-row-section.current-day {
  background-color: var(--_callout-surface); }

.grid-group-section.current-day,
.is-null-group .grid-row-section.current-day {
  margin: 0 -10px;
  padding: 0 10px;
  overflow: auto; }

.td-agenda-header {
  font-size: 13px;
  padding: 5px 5px 0 8px;
  vertical-align: top;
  border-bottom: 1px solid var(--_border-grey-light);
  border-right: 1px dotted var(--border-grey-light, #eef0f2);
  background-color: var(--_surface-primary); }
  @media only print {
    .td-agenda-header {
      padding-bottom: 5px; } }
.agenda-table {
  width: 100%;
  border-collapse: collapse; }
  @media only screen {
    .agenda-table {
      font-size: 12px; } }
  @media only print {
    .agenda-table {
      font-size: 11px; } }
  .agenda-table .icon-person,
  .agenda-table .icon-person-outline {
    width: 11px;
    height: 10px; }
  .agenda-table .color-coded-overbooked-message {
    padding: 2px 4px;
    margin: 0 -4px;
    border-radius: 2px; }

@media only screen and (min-width: 680px) {
  tr.agenda-table-main:hover {
    background-color: var(--_shade-grey); } }

tr.agenda-table-main > td {
  position: relative;
  vertical-align: middle;
  border-bottom: 1px solid var(--_border-grey-light);
  padding: 5px; }
  tr.agenda-table-main > td:hover {
    cursor: pointer; }
  @media only print {
    tr.agenda-table-main > td {
      padding: 1px 3px; } }
  tr.agenda-table-main > td.td-availability {
    font-weight: bold;
    background-color: #f9fafb; }
  tr.agenda-table-main > td.td-agenda-timerange {
    width: 120px; }
  tr.agenda-table-main > td.td-contact, tr.agenda-table-main > td.td-availability, tr.agenda-table-main > td.td-item, tr.agenda-table-main > td.td-customers-toggle {
    cursor: pointer; }
    tr.agenda-table-main > td.td-contact:hover, tr.agenda-table-main > td.td-availability:hover, tr.agenda-table-main > td.td-item:hover, tr.agenda-table-main > td.td-customers-toggle:hover {
      background-color: #e5e8eb; }
      tr.agenda-table-main > td.td-contact:hover:active, tr.agenda-table-main > td.td-availability:hover:active, tr.agenda-table-main > td.td-item:hover:active, tr.agenda-table-main > td.td-customers-toggle:hover:active {
        background-color: #dde1e4; }

.timeline-slot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .timeline--with-separators .timeline-slot {
    margin-top: 1px; }
    .timeline--with-separators .timeline-slot:last-child {
      margin-bottom: 1px; }

.timeline-node {
  position: relative;
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden; }
  .timeline--with-separators .timeline-node:not(.timeline-node--last) {
    padding-right: 1px; }
  .timeline-node.timeline-node--clipped-start:before {
    content: '';
    pointer-events: none;
    position: absolute;
    z-index: 2;
    width: 3px;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(45deg, #fff 50%, transparent 0), linear-gradient(135deg, #fff 50%, transparent 0);
    background-repeat: repeat-y;
    background-size: 6px 6px;
    background-position: right top; }
  .timeline-node.timeline-node--clipped-end:after {
    content: '';
    pointer-events: none;
    position: absolute;
    z-index: 2;
    width: 3px;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(-45deg, #fff 50%, transparent 0), linear-gradient(-135deg, #fff 50%, transparent 0);
    background-repeat: repeat-y;
    background-size: 6px 6px;
    background-position: left top; }

.timeline-grid {
  font-size: 12px;
  background-color: var(--_surface-primary); }

@media only screen and (min-width: 680px) {
  @-moz-document url-prefix() {
    .timeline-grid {
      margin-right: 10px; } } }

.timeline-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--_border-grey-light); }
  .timeline-row:not(:only-child):hover {
    background-color: var(--_shade-grey-light); }

.timeline-legend-column, .bookings-grid-header .timeline-legend-column {
  padding: 5px; }

@media only screen and (min-width: 680px) {
  .timeline-legend-column {
    width: 110px;
    min-width: 110px; } }

@media only screen and (max-width: 679px) {
  .timeline-legend-column {
    width: 80px;
    min-width: 80px; } }

.timeline-timeline-column {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: 1px solid var(--_border-grey-light); }

td.timeline-times {
  padding: 0; }
  td.timeline-times .timeline-slot {
    height: 28px; }
  td.timeline-times .timeline-node {
    border-right: 1px solid var(--_border-grey); }
    td.timeline-times .timeline-node.timeline-node--last {
      border-right: none; }
  td.timeline-times .timeline-time {
    line-height: 28px;
    vertical-align: middle;
    padding-left: 5px;
    text-align: left; }

.timeline-node-multiple-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%; }
  .timeline-node-multiple-content .timeline-node-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

.timeline-node-content,
.cal-block.is-timeline-node {
  overflow: hidden;
  height: 100%;
  box-sizing: border-box; }
  .timeline-node--clipped-start .timeline-node-content, .timeline-node--clipped-start .cal-block.is-timeline-node {
    border-left-width: 0; }
  .timeline-node--clipped-end .timeline-node-content, .timeline-node--clipped-end .cal-block.is-timeline-node {
    border-right-width: 0; }
  .timeline-node--is-zero-length .timeline-node-content, .timeline-node--is-zero-length .cal-block.is-timeline-node {
    border-style: dashed;
    border-width: 1.5px; }

.timeline-node-content {
  padding-left: 5px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media only screen and (max-width: 679px) {
    .timeline-node-content {
      padding-top: 6px;
      padding-bottom: 6px; } }
.timeline-node-content-wrap {
  min-width: 150px; }

.timeline-aggregated-use,
.timeline-resource-override {
  border-width: 1px;
  border-style: solid;
  border-radius: 3px; }

.timeline-node--clipped-start .timeline-aggregated-use, .timeline-node--clipped-start .timeline-resource-override, .timeline-node--clipped-start .cal-block.is-timeline-node {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.timeline-node--clipped-end .timeline-aggregated-use, .timeline-node--clipped-end .timeline-resource-override, .timeline-node--clipped-end .cal-block.is-timeline-node {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.timeline-aggregated-use {
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 5px; }

.timeline-aggregated-use-count {
  font-weight: bold;
  margin-right: 2px; }

.timeline-overview {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  .timeline-overview, .timeline-overview .timeline-timeline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .timeline-overview .timeline-timeline, .timeline-overview .timeline-slot {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .timeline-overview:not(:first-child) {
    border-top: 1px solid var(--_border-grey-light); }
  .timeline-overview .timeline-node {
    border-right: 1px solid var(--_border-grey-light); }

.timeline-resource-override,
.timeline-overview-range {
  min-height: 18px;
  font-size: 11px;
  white-space: nowrap; }
  .timeline-resource-override span,
  .timeline-overview-range span {
    opacity: .75; }

.timeline-overview-range {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .timeline-overview-range > div {
    overflow: hidden; }

.timeline-zero-length-overview {
  padding: 0 !important;
  max-width: 8px;
  border-right: 1px dashed var(--_border-grey-light); }

@media only screen and (min-width: 680px) {
  .timeline-scroll-inner {
    min-width: auto !important; } }

@media only screen and (max-width: 679px) {
  .timeline-scroll-outer {
    overflow-x: auto; }
    body:not(.is-popover-open) .timeline-scroll-outer {
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch; } }

@media only print {
  body.body-print-overlay .sidepanel,
  body.body-print-overlay .bookings-calendar-subsection,
  body.body-print-overlay .manifest-subsection,
  body.body-print-overlay .reports-subsection,
  body.body-print-overlay .items-subsection,
  body.body-print-overlay .settings-subsection {
    display: none; }
  body.body-print-booking .booking-full-actions {
    display: none; }
  body.body-print-flyout-on-manifest .sidepanel,
  body.body-print-flyout-on-manifest .manifest-header-main,
  body.body-print-flyout-on-manifest .manifest-crew,
  body.body-print-flyout-on-manifest .table-wrap,
  body.body-print-flyout-on-manifest .print-header {
    display: none; } }

@media only screen and (min-width: 680px) {
  .booking-overlay-wrap,
  .booking-permalink-wrap {
    min-width: 750px;
    max-width: 910px;
    margin: 0 auto; }
  .booking-permalink-wrap {
    padding: 20px 10px 40px 10px; } }

.booking-full {
  position: relative; }
  @media only screen and (min-width: 680px) {
    .booking-full {
      background-color: var(--_surface-primary);
      border-radius: 5px; }
      .booking-full.booking-full-overlay {
        box-shadow: var(--overlay-shadow, 0 3px 20px -8px rgba(76, 87, 97, 0.8)); }
      .booking-full.booking-full-permalink {
        -webkit-box-shadow: 0 0 15px #d4d9dd;
        box-shadow: 0 0 15px #d4d9dd;
        border: 1px solid var(--_border-grey-dark);
        border-bottom: 0; }
      .booking-full.booking-full-permalink .booking-full-activities .activities > .tr:last-child > .td, .booking-full.booking-full-permalink .booking-full-activities .activity-empty, .booking-full.booking-full-permalink .booking-full-activities .activities-load-more {
        border-bottom: 1px solid var(--_border-grey-dark); }
      .booking-full.booking-full-overlay .booking-full-activities .activities > .tr:last-child > .td, .booking-full.booking-full-overlay .booking-full-activities .activity-empty, .booking-full.booking-full-overlay .booking-full-activities .activities-load-more {
        border-bottom: none; } }
  @media only screen and (max-width: 679px) {
    .booking-full.booking-full-permalink {
      border-top: 1px solid var(--_border-grey-dark);
      border-bottom: 1px solid var(--_border-grey-dark); } }
  .booking-full .add-note-form {
    padding-left: 235px;
    padding-right: 40px; }
    @media only screen and (max-width: 679px) {
      .booking-full .add-note-form {
        padding-left: 20px;
        padding-right: 20px; } }
.booking-full-loading {
  padding: 20px 40px; }

@media only screen and (max-width: 679px) {
  .contact-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; } }

@media only screen and (min-width: 680px) {
  .contact-header {
    border-bottom: 1px solid var(--_border-grey); } }

.contact-header .toolbar {
  --tb-margin-block-start: 0;
  --tb-padding-inline-start: 44px;
  --tb-padding-inline-end: 36px; }

@media only screen {
  .contact-header-inner {
    padding-right: 55px; }
    .contact-header-inner h1 {
      font-size: 24px; } }

.contact-header-inner .contact-header-meta {
  margin-top: 6px; }

@media only screen and (min-width: 680px) {
  .contact-header-inner {
    padding-top: 30px;
    margin-bottom: 25px;
    padding-left: 50px; } }

@media only screen and (max-width: 679px) {
  .contact-header-inner {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px; } }

@media only print {
  .contact-header-inner {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd; } }

.contact-header-inner.is-display {
  font-size: 14px; }

.contact-bookings {
  position: relative;
  border-bottom: 1px solid var(--_border-grey-light);
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch; }
  .contact-bookings .contact-bookings-inner {
    padding-top: 15px;
    padding-bottom: 15px; }
  @media only screen and (min-width: 680px) {
    .contact-bookings {
      white-space: nowrap;
      padding-left: 40px; } }
  @media only screen and (max-width: 679px) {
    .contact-bookings {
      padding-left: 15px; } }
  .contact-bookings .table {
    border-top: 1px solid var(--_border-grey); }
    @media only screen and (min-width: 680px) {
      .contact-bookings .table {
        table-layout: fixed; } }
  .contact-bookings .tb-icon {
    margin-top: 1px;
    margin-right: 2px; }
    .contact-bookings .tb-icon.icon-circle-slash {
      height: 12px;
      margin-top: 2px; }
  .contact-bookings .contact-bookings-indent {
    padding-left: 12px; }
    .contact-bookings .contact-bookings-indent .table {
      border-top: 0; }
  .contact-bookings .contact-order + .table,
  .contact-bookings .contact-order + .contact-order {
    margin-top: 12px; }
  @media only screen and (min-width: 680px) {
    .contact-bookings .tr .td {
      position: relative;
      height: 30px;
      border-bottom: 1px solid var(--_border-grey);
      background-color: var(--_surface-primary); }
      .contact-bookings .tr .td:first-child {
        overflow: hidden;
        border-left: 1px solid var(--_border-grey);
        padding-left: 16px; }
      .contact-bookings .tr .td:last-child {
        padding-right: 16px; }
    .contact-bookings .tr:hover .td {
      background-color: var(--_hover-grey); }
    .contact-bookings .tr.current .td {
      background-color: var(--_select-menu-current); } }
  @media only screen and (max-width: 679px) {
    .contact-bookings .tr {
      display: block;
      padding: 8px;
      margin-top: -1px;
      border-top: 1px solid var(--_border-grey);
      border-bottom: 1px solid var(--_border-grey);
      border-left: 1px solid var(--_border-grey); }
      .contact-bookings .tr.current {
        background-color: var(--_select-menu-current); }
      .contact-bookings .tr .td:first-child {
        white-space: nowrap;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis; } }
.contact-booking-meta {
  font-size: 12px; }
  @media only screen and (min-width: 680px) {
    .contact-booking-meta {
      display: inline-block;
      margin-left: 5px; } }
@media only screen and (min-width: 680px) {
  .contact-booking-id {
    width: 200px;
    text-align: right; }
    .contact-booking-id .badge {
      font-size: 12px;
      margin-right: 4px; } }

@media only print {
  body.body-print-booking .booking-full-content {
    float: left;
    width: 52%;
    border: 1px solid #afb8c0;
    overflow: hidden;
    border-radius: 4px; } }

.booking-full-actions {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }
  @media only screen and (min-width: 680px) {
    .booking-full-actions {
      float: right;
      width: 37%;
      margin: 35px 4% 30px 0; } }
  @media only screen and (max-width: 679px) {
    .booking-full-actions {
      width: 100%;
      padding: 20px; } }
  .booking-full-actions .booking-actions {
    position: relative; }
  .booking-full-actions .booking-action-loading-header {
    color: var(--_theme-primary);
    font-size: 15px;
    margin-bottom: 4px;
    text-align: center; }
  .booking-full-actions .booking-action-loading {
    color: var(--_fh-grey);
    text-align: center; }
    .booking-full-actions .booking-action-loading a {
      text-decoration: underline; }

@media only screen and (min-width: 680px) {
  .booking-full-activities {
    background-color: var(--_shade-grey-light); } }

@media only print {
  .booking-full-activities {
    float: right;
    width: 44%; } }

@media only screen and (min-width: 680px) {
  .booking-full-seating {
    padding: 15px 40px 0; } }

@media only screen and (max-width: 679px) {
  .booking-full-seating {
    padding: 15px 18px 0; } }

.action-sheet-header {
  margin-bottom: 15px;
  position: relative; }
  .action-sheet-header.no-bottom-margin {
    margin-bottom: 0; }
  .action-sheet-header.no-bottom-border {
    border-bottom: 0; }
  .action-sheet-header h2 {
    font-size: 16px; }
  .action-sheet-header .hint-help-link, .action-sheet-header .action-sheet-subtitle {
    display: inline-block;
    padding-top: 3px;
    font-size: 12px; }
  .action-sheet-header .action-sheet-header-content {
    padding-top: 8px;
    padding-bottom: 8px;
    float: left; }

.action-sheet-content {
  margin-top: 20px; }

.availability-full-content {
  padding: 40px; }

.availability-prices .action-sheet-header {
  padding: 20px 40px; }
  .availability-prices .action-sheet-header .button-close {
    top: 29px;
    right: 25px; }

.cancel-action-payments {
  padding-bottom: 12px; }

.action-confirm-list {
  margin-top: 20px;
  border: 1px solid var(--_border-grey-light);
  border-radius: 4px; }
  .action-confirm-list ul {
    font-size: 12px; }
    .action-confirm-list ul > li {
      padding: 5px 12px;
      border-bottom: 1px solid var(--_border-grey-light); }
  .action-confirm-list .btns {
    margin-top: 0 !important;
    padding: 12px; }

@media only screen and (min-width: 680px) {
  .action-sheet-header-tb {
    position: absolute;
    top: 0;
    right: 0; } }

@media only screen and (max-width: 679px) {
  .action-sheet-header-tb {
    margin-top: 15px; } }

.action-window .btns {
  margin-top: 15px; }

.action-window .button-close {
  top: 5px;
  z-index: 1; }

.action-sheet-help {
  padding-bottom: 15px;
  color: var(--fh-grey-light, #4c5761); }

.payments.block-list {
  margin-top: 0; }

.update-affiliation-block-info {
  font-size: 12px;
  color: var(--_fh-grey);
  padding-bottom: 10px; }

.update-block-stat {
  padding-bottom: 8px; }

.booking-full-mobile-toggle {
  margin-top: 10px;
  box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25); }
  @media only screen {
    @supports (position: sticky) {
      .booking-full-mobile-toggle {
        position: -webkit-sticky !important;
        position: sticky !important;
        z-index: 99;
        top: 0; } } }
  .booking-full-mobile-toggle .giant-toggle-fluid {
    margin-bottom: 0; }

@media only screen and (max-width: 679px) {
  .is-mobile-toggled {
    display: none; }
    .is-mobile-toggled.toggled {
      display: block; } }

.order-refund-booking {
  padding-top: 15px;
  padding-bottom: 3px; }
  .order-refund-booking .order-refund-booking-pk {
    font-weight: bold;
    font-size: 14px;
    color: #556f8c; }
  .order-refund-booking .order-refund-booking-ava {
    font-size: 12px; }

.order-issue-card {
  padding: 8px 12px 3px 12px;
  border: 1px solid var(--_border-grey);
  border-radius: 4px; }

.sms-contacts-group {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 12px; }

.sms-contacts-list {
  margin-top: 10px;
  margin-bottom: 5px; }

@media only screen and (min-width: 680px) {
  .booking-full-invoice {
    float: left;
    width: 50%;
    margin: 35px 0 30px 40px; } }

@media only screen and (max-width: 679px) {
  .booking-full-invoice {
    padding-top: 18px; } }

@media only screen and (min-width: 680px) {
  .invoice-table-wrap {
    border: 1px solid var(--_border-grey-light);
    border-radius: 5px;
    padding: 8px; } }

@media only screen and (max-width: 679px) {
  .invoice-table-wrap {
    border-top: 1px solid var(--_border-grey-light);
    padding-top: 8px;
    padding-bottom: 8px; } }

.invoice-new-transportation-mobile-contact {
  padding: 10px 25px; }

.affiliate-pk {
  display: block;
  width: 100%;
  font-size: 16px; }

.single-booking-waiver-tb {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  width: 100px;
  right: 8px; }

.invoice-affiliation-totals {
  border: 1px solid var(--_border-grey-light);
  border-radius: 4px;
  overflow: hidden; }
  @media only screen {
    .invoice-affiliation-totals {
      margin: 5px 20px 18px 20px; } }
  @media only print {
    .invoice-affiliation-totals {
      margin: 3px 12px 12px 12px; } }
.booking-full-invoice-customers {
  width: 100%;
  margin-bottom: 10px; }
  .booking-full-invoice-customers .td {
    padding: 15px 20px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px; }
    @media only screen and (max-width: 679px) {
      .booking-full-invoice-customers .td {
        padding-left: 20px;
        padding-right: 20px; } }
    @media only print {
      .booking-full-invoice-customers .td {
        padding: 8px 12px; } }
.invoice-prices-toggle .field {
  float: right;
  margin-bottom: 0; }

@media only screen and (min-width: 680px) {
  .invoice-prices-toggle {
    width: 140px;
    padding-left: 5px !important; } }

.booking-full-customer-breakdown {
  position: relative; }
  @media only screen {
    .booking-full-customer-breakdown {
      font-size: 14px;
      padding-left: 20px; } }
  @media only screen and (hover: hover) {
    .booking-full-customer-breakdown.is-toggle:hover {
      background-color: var(--_hover-grey); } }
  .booking-full-customer-breakdown.is-toggle.focus-visible {
    background-color: var(--_hover-grey); }
  @media only screen {
    .booking-full-customer-breakdown.is-toggle {
      padding-left: 42px !important; }
      .booking-full-customer-breakdown.is-toggle:before {
        transform: translateY(-1px) rotate(-90deg);
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 8px 5px 0 5px;
        border-top-color: var(--_border-grey-dark);
        position: absolute;
        top: 50%;
        margin-top: -4px;
        left: 20px; }
        @supports (mask-type: inherit) {
          .booking-full-customer-breakdown.is-toggle:before {
            width: 10px;
            height: 8px;
            background-color: var(--_border-grey-dark);
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 10px 8px;
            border: 0; } } }
  .booking-full-customer-breakdown.is-toggle.toggled:before {
    transform: none; }

.invoice-booking-id {
  color: var(--_theme-primary);
  font-size: 15px;
  font-weight: bold; }

@media only screen {
  .print-receipt {
    background-color: var(--surface-primary, #f6f7f8);
    padding: 10px;
    border: 1px solid var(--border-grey, #ccd0d8);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16);
    margin-top: 15px; } }

@media only print {
  .print-receipt {
    width: 250px;
    position: relative;
    page-break-after: always;
    page-break-inside: avoid;
    -webkit-region-break-inside: avoid; }
    .print-receipt .amount.negative {
      color: #1f2428; } }

.print-receipt .badge {
  padding: 2px 3px 1px 3px;
  background-color: transparent;
  border: 1px solid #6c6f72;
  font-size: 10px;
  color: #000; }

@media only print {
  body.body-print-receipt .contact-header,
  body.body-print-receipt .booking-full-invoice,
  body.body-print-receipt .booking-full-activities,
  body.body-print-receipt .booking-full-seating,
  body.body-print-receipt .booking-print-header {
    display: none; } }

.print-receipt-logo {
  max-width: 125px;
  max-height: 125px;
  width: auto;
  height: auto; }

.print-receipt-section {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #000; }
  .print-receipt-section.center {
    text-align: center; }
  .print-receipt-section h3 {
    margin-top: 4px;
    margin-bottom: 4px;
    line-height: 1.2;
    font-size: 11px;
    font-weight: bold; }

.spreadsheet td > aside {
  float: right;
  margin-top: 4px;
  margin-bottom: 4px;
  line-height: 1.2; }

.spreadsheet .left-indent {
  padding-left: 17px; }

.print-receipt-list {
  margin-bottom: 12px; }
  .print-receipt-list:last-child {
    margin-bottom: 0; }

.print-receipt-text {
  margin-top: 4px;
  margin-bottom: 4px; }
  .print-receipt-text:first-child {
    margin-top: 8px; }
  .print-receipt-text:last-child {
    margin-bottom: 8px; }

.print-receipt-amount {
  width: 1px;
  white-space: nowrap; }

.print-receipt-signature {
  margin-top: 10px;
  margin-bottom: 10px; }

.print-receipt-signature-line {
  margin-top: 18px;
  margin-bottom: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #000; }

.receipt-logo {
  max-width: 125px;
  max-height: 110px;
  width: auto;
  height: auto; }

.tip-intro {
  margin-top: 10px; }

.receipt-tip {
  margin-top: 15px;
  margin-bottom: 15px; }
  .receipt-tip table {
    width: 100%; }
    .receipt-tip table td {
      vertical-align: bottom; }
      .receipt-tip table td:first-child {
        font-weight: bold;
        text-align: right;
        padding-right: 10px; }
      .receipt-tip table td:last-child {
        border-bottom: 1px solid #000;
        width: 40%; }

.receipt-tip-total td {
  height: 28px; }

.aggregated-payment-total-text {
  display: block;
  margin-top: 2px;
  font-size: 10px; }

.item-receipt-footer {
  margin-top: 14px; }

.print-receipt-footer {
  line-height: 1;
  font-size: 11px; }

.embed-generator {
  counter-reset: embed-generator-step-counter; }
  @media only screen and (min-width: 921px) {
    .embed-generator:after {
      content: '';
      display: table;
      clear: both;
      border-spacing: 0; } }
@media only screen and (min-width: 921px) {
  .embed-generator-col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .embed-generator-col:first-child {
      width: 55%; }
    .embed-generator-col:last-child {
      width: 45%;
      padding-left: 20px; } }

.embed-generator-step {
  position: relative;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 55px;
  border-radius: 4px;
  border: 1px solid var(--_border-grey); }
  .embed-generator-step:before {
    content: counter(embed-generator-step-counter);
    counter-increment: embed-generator-step-counter;
    position: absolute;
    left: 10px;
    top: 10px;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    background: #afb8c0;
    color: #fff;
    font-size: 18px; }
  .embed-generator--no-step-count .embed-generator-step {
    padding-left: 20px; }
    .embed-generator--no-step-count .embed-generator-step:before {
      content: none; }
  .embed-generator-step .embed-generator-heading {
    margin-top: 4px;
    margin-bottom: 4px; }
  .embed-generator-step:not(.-warn):not(.-called-out) .hint {
    color: var(--_fh-grey); }
  .embed-generator-step.-warn, .embed-generator-step.-called-out {
    border-width: 3px; }
  .embed-generator-step.-warn {
    border-color: #f69b55; }
  .embed-generator-step.-called-out {
    border-color: var(--_theme-primary); }

.embed-generator-heading {
  font-size: 20px; }

.embed-generator-availability-warnings {
  margin-top: 15px; }

.embed-generator-items {
  max-height: 250px;
  overflow: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 4px;
  border: 1px solid var(--_border-grey-light); }
  .embed-generator-items :last-child .field {
    margin-bottom: 0; }

.embed-generator-message {
  margin-top: 10px; }

@media only screen and (min-width: 680px) {
  .db-items-index {
    --settings-wrap-padding-inline-start: 25px;
    --settings-wrap-padding-inline-end: 25px; }
    .db-items-index .tabs,
    .db-items-index .db-items-index-content {
      max-width: 1100px;
      max-width: var(--settings-wrap-max-width);
      margin: 0 auto; } }

@media only screen and (max-width: 679px) {
  .db-items-index-content {
    margin: 12px; } }

@media only screen and (min-width: 680px) {
  .db-items-index-content {
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 25px;
    padding-right: 25px;
    padding-left: 25px;
    padding-right: var(--settings-wrap-padding-inline-end);
    padding-left: var(--settings-wrap-padding-inline-start); } }

.db-item-grid {
  margin-top: 15px; }
  @media only screen and (min-width: 680px) {
    .db-item-grid {
      margin-left: -7px; } }
.edit-item-subscriptions .subscription-user {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (min-width: 680px) {
    .edit-item-subscriptions .subscription-user {
      float: left;
      width: 50%;
      padding: 0 20px 20px 0; } }
  @media only screen and (max-width: 679px) {
    .edit-item-subscriptions .subscription-user {
      padding-bottom: 15px; } }
.edit-item-subscriptions .btns {
  padding-top: 15px;
  clear: both; }

.edit-item-subscriptions h2 {
  font-weight: bold;
  padding-bottom: 8px; }

.edit-item-subscriptions .subfields {
  padding: 10px;
  background: var(--_shade-grey);
  border: 1px solid var(--_border-grey);
  border-radius: 3px; }

.edit-item-subscriptions .subfields-indent {
  margin-left: 9px;
  border-left: 1px solid var(--_border-grey-dark);
  padding-left: 12px;
  margin-bottom: 8px; }
  .edit-item-subscriptions .subfields-indent:after {
    content: '';
    display: table;
    clear: both;
    border-spacing: 0; }

.settings-content-header {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px; }

.field-instance-conditions-type {
  display: block;
  margin-bottom: 5px; }
  .field-instance-conditions-type .label-text {
    float: left;
    line-height: 24px; }
  .field-instance-conditions-type .field {
    float: left;
    margin-bottom: 0;
    padding: 0 5px; }

@media only screen and (min-width: 680px) {
  .item-edit {
    position: relative;
    height: 90vh;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--_border-grey); } }

@media only screen and (max-width: 679px) {
  .item-edit {
    height: auto !important; } }

.item-edit-forms {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (min-width: 680px) {
    .item-edit-forms {
      position: absolute;
      overflow-y: auto;
      top: 0;
      bottom: 0;
      left: 0;
      padding-top: 12px;
      padding-bottom: 20px;
      width: 375px; }
      .is-fluid .item-edit-forms {
        width: 40%; } }
  @media only screen and (max-width: 679px) {
    .item-edit-forms {
      margin-bottom: 20px; } }
.listing-nav a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (min-width: 680px) {
    .listing-nav a {
      padding-left: 40px; } }
.listing-nav svg {
  margin-right: 10px;
  width: 20px; }

.listing-nav .icon-paragraph {
  height: 13px; }

.listing-nav .icon-photos {
  height: 18px; }

.listing-nav .icon-sparkles {
  height: 20px; }

.listing-nav .badge {
  font-size: 0.9em; }

.item-edit-resize {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: var(--_border-grey);
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: col-resize;
  z-index: 2;
  left: 375px; }
  .item-edit-resize:disabled {
    cursor: not-allowed; }
  .is-fluid .item-edit-resize {
    left: 40%; }
  @media only screen and (hover: hover) {
    .item-edit-resize:hover {
      background-color: #0a6ece; } }
  .item-edit-resize.focus-visible {
    background-color: #0a6ece; }
  .item-edit-resize:not(.focus-visible) .btn, .item-edit-resize:not(.focus-visible) .btn-tiny, .item-edit-resize:not(.focus-visible) .btn-big, .item-edit-resize:not(.focus-visible) .btn-huge {
    display: none; }
  .item-edit-resize::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10px; }

@media only screen and (min-width: 680px) {
  .item-edit-main {
    position: absolute;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 378px;
    padding: 40px;
    background-color: var(--_shade-grey-light); }
    .is-fluid .item-edit-main {
      left: calc(40% + 3px); } }

.item-preview-wrap {
  max-width: 650px; }
  @media only screen and (min-width: 680px) {
    .item-preview-wrap .book-embed-container {
      padding: 40px; } }
  @media only screen and (max-width: 679px) {
    .item-preview-wrap .book-embed-container {
      padding: 0 20px 20px 20px; } }
.db-item-availability {
  padding-top: 25px;
  padding-bottom: 25px; }
  @media only screen and (min-width: 680px) {
    .db-item-availability {
      padding-right: 35px;
      padding-left: 35px; } }
  @media only screen and (max-width: 679px) {
    .db-item-availability {
      padding-right: 20px;
      padding-left: 20px; } }
  .db-item-availability .db-main-content {
    position: relative; }
  .db-item-availability .db-item-availability-calendar {
    margin-top: 30px; }

.mass-update-date-range td {
  vertical-align: middle; }

.mass-update-date-range .field {
  margin-bottom: 0; }

.mass-update-date-range td:not(:last-child) {
  padding-right: 8px; }

.mass-update-date-range td.warning-icon {
  margin-top: 25px; }

.availability-booking {
  display: block;
  border-top: 1px solid var(--_border-grey-light);
  padding-top: 9px;
  padding-bottom: 9px; }
  .availability-booking:first-child {
    border-top: 0; }
  @media only screen and (min-width: 680px) {
    .availability-booking {
      padding-right: 25px;
      padding-left: 25px; } }
  @media only screen and (max-width: 679px) {
    .availability-booking {
      padding-right: 20px;
      padding-left: 20px; } }
  @media only print {
    .availability-booking {
      padding-left: 12px;
      padding-right: 12px; } }
  .availability-booking .status-badge {
    float: right;
    font-size: 12px;
    margin-left: 3px; }
  .availability-booking .booked-at {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  @media only screen {
    .availability-booking:hover {
      background-color: var(--_hover-grey); } }
.availability-booking-contact {
  padding-right: 4px; }

.item-group-block {
  display: block;
  margin-top: 8px;
  margin-bottom: 8px;
  border: 1px solid var(--_border-grey);
  border-radius: 3px; }
  @media only screen and (min-width: 680px) {
    .item-group-block {
      margin-right: 6px;
      margin-left: 6px; } }
  @media only screen and (max-width: 679px) {
    .item-group-block .stats-tb {
      padding: 10px !important; } }
.group-block-time {
  font-size: 15px;
  font-weight: bold; }

.group-block-headline-public {
  opacity: 0.8; }

.group-block-headline-private {
  display: block;
  clear: both;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid var(--_border-grey); }

.flow-node-preview-outer {
  max-width: 1080px; }
  .flow-node-preview-outer:not(:first-child):before {
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    border-left: 1px solid var(--_border-grey);
    margin-left: 40px; }

.flow-node-preview {
  border-radius: 5px; }

.flow-node-preview-header {
  position: relative;
  padding: 15px 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid var(--_border-grey);
  border-bottom: 0;
  font-size: 15px; }
  .flow-node-preview-header.collapsed {
    border-bottom: 1px solid var(--_border-grey);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .flow-node-preview-header .badge {
    font-size: 12px; }

.flow-node-preview-toggle {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -12px;
  padding: 8px;
  cursor: pointer; }
  .flow-node-preview-toggle:disabled {
    cursor: not-allowed; }
  .flow-node-preview-toggle:after {
    content: '';
    display: block;
    width: 16px;
    height: 14px;
    background-position: -315px -190px; }
  .flow-node-preview-header.collapsed .flow-node-preview-toggle {
    margin-top: -16px; }
    .flow-node-preview-header.collapsed .flow-node-preview-toggle:after {
      background-position: -315px -178px; }

.flow-node-tb {
  border-left: 1px solid var(--_border-grey);
  border-right: 1px solid var(--_border-grey); }
  @media only screen and (max-width: 679px) {
    .flow-node-tb:not(.tb-dont-respond) {
      --tb-margin-block-start: 0;
      --tb-margin-block-end: 0;
      --tb-margin-inline-start: 0;
      --tb-margin-inline-end: 0;
      --tb-border-radius: 0;
      --tb-border-color: var(--_border-grey);
      border-bottom: 0; } }
.flow-node-preview-inner {
  position: relative;
  background-color: var(--_shade-grey-light);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid var(--_border-grey);
  border-top: 1px solid var(--_border-grey-light); }
  @media only screen and (min-width: 680px) {
    .flow-node-preview-inner {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 28px; } }
  .flow-node-preview-inner.flow-node-preview-inner--empty {
    padding-top: 100px; }
  .flow-node-preview-inner:not(.flow-node-preview-inner--empty) {
    padding-top: 28px; }

.empty-flow-page-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.55);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.empty-flow-page-help {
  position: absolute;
  top: 6px;
  left: 12px;
  max-width: 240px;
  padding: 10px;
  border-radius: 3px;
  background: #22262b;
  color: white;
  line-height: 1.4; }
  .empty-flow-page-help:before {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    pointer-events: none;
    border-style: solid;
    border-color: transparent;
    border-width: 9px;
    border-bottom-color: #22262b;
    top: -18px;
    left: 20px; }

.flow-node-preview .item-grid-block-wrap.active:before {
  content: '';
  position: absolute;
  top: -5px;
  right: 2px;
  bottom: -5px;
  left: 2px;
  border: 4px solid var(--_theme-primary);
  border-radius: 8px;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
  font-size: 0; }

.flow-node-preview .all-items-tabs,
.flow-node-preview .item-block-button {
  pointer-events: none; }

.flow-node-popover {
  width: 275px; }

.flow-node-size-field .the-field {
  position: relative;
  overflow: hidden;
  width: 126px;
  height: 80px;
  background-color: var(--_border-grey-light);
  border-radius: 3px; }
  .flow-node-size-field .the-field:hover > span.selected {
    background-color: transparent; }
    .flow-node-size-field .the-field:hover > span.selected:hover {
      background-color: #0a6ece; }
  .flow-node-size-field .the-field > span {
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer; }
    .flow-node-size-field .the-field > span:hover {
      background-color: var(--_fh-grey); }
    .flow-node-size-field .the-field > span.selected {
      background-color: #0a6ece; }
    .flow-node-size-field .the-field > span.width-1-1 {
      border-right: none; }
    .flow-node-size-field .the-field > span.height-3 {
      border-bottom: none; }

.flow-node-size-field .width-1-3 {
  width: 40px; }

.flow-node-size-field .width-1-2 {
  width: 63px; }

.flow-node-size-field .width-2-3 {
  width: 86px; }

.flow-node-size-field .width-1-1 {
  width: 126px; }

.flow-node-size-field .height-1 {
  height: 26px; }

.flow-node-size-field .height-2 {
  height: 52px; }

.flow-node-size-field .height-3 {
  height: 80px; }

@media only screen {
  body.dashboard-reports-section-bg {
    background-color: var(--_surface-primary); } }

@media only screen and (min-width: 680px) {
  body.dashboard-reports-section {
    padding-top: 82px; }
  body.dashboard-reports-overview {
    padding-top: 45px !important; }
    body.dashboard-reports-overview .db-primary-tb {
      display: none; } }

@media only screen and (min-width: 680px) {
  .report-wrap {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px; } }

@media only screen and (max-width: 679px) {
  .report-wrap {
    background-color: var(--_surface-primary);
    padding: 12px; } }

.bank-account-debits-wrap {
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--_border-grey); }
  @media only screen and (min-width: 680px) {
    .bank-account-debits-wrap {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (max-width: 679px) {
    .bank-account-debits-wrap {
      padding-left: 20px;
      padding-right: 20px; } }
.payment-report-detailed .payment-report-ava-row {
  background: #f9fafb;
  font-weight: bold; }

.reports-subtitle {
  color: #7F7F7F; }
  @media only print {
    .reports-subtitle {
      color: #000; } }
.report-initial {
  padding: 20px;
  color: var(--_fh-grey); }

.report-print-header {
  font-size: 12px;
  border-bottom: 1px solid var(--_fh-grey);
  padding-bottom: 10px;
  margin-bottom: 10px; }

@media only screen {
  .report-header {
    background-color: var(--_shade-grey-light); }
    .report-header .report-header-details {
      color: var(--_fh-grey); }
      .report-header .report-header-details .report-header-details-dark {
        color: var(--_text-primary); }
    .report-header .tabs {
      padding-left: 20px; } }

@media only print {
  .report-header .report-header-details {
    padding-top: 8px; } }

.report-header-inner.with-border {
  border-bottom: 1px solid var(--_border-grey); }

@media only screen and (min-width: 680px) {
  .report-header-inner {
    padding: 22px 25px; } }

@media only screen and (max-width: 679px) {
  .report-header-inner {
    padding: 12px 20px;
    margin-top: 12px; } }

.bookings-report-header {
  padding-bottom: 5px; }
  @media only screen {
    .bookings-report-header .bookings-report-title {
      padding: 0 10px; } }
.report-generating {
  padding: 30px 40px; }
  .report-generating .report-generating-subhead {
    color: var(--_fh-grey); }

.summary-report-back {
  padding-bottom: 10px; }

@media only screen and (min-width: 680px) {
  .payouts-spreadsheet {
    min-width: 800px; } }

.reports-overview-wrap {
  max-width: 755px;
  overflow: hidden; }
  @media only screen and (min-width: 680px) {
    .reports-overview-wrap {
      padding-left: 10px;
      padding-top: 5px; } }
@media only screen and (min-width: 680px), print {
  .reports-overview-container {
    width: 100%;
    border-spacing: 25px;
    border-collapse: separate;
    table-layout: fixed; }
    .reports-overview-container.is-after-graphs {
      margin-top: -25px; }
    .reports-overview-container > .td {
      width: 50%; } }

.overview-box {
  position: relative;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 45px 20px 20px 20px; }
  @media only screen and (min-width: 680px) {
    .overview-box {
      height: 100px; } }
  @media only screen and (max-width: 679px) {
    .overview-box {
      display: block;
      margin: 0 12px 15px 12px; } }
  @media only screen {
    .overview-box {
      color: #1f2428; }
      .overview-box.green {
        background: #dbfdd7;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbfdd7), color-stop(100%, #daf7ff));
        background: -webkit-linear-gradient(top, #dbfdd7 0%, #daf7ff 100%);
        background: -ms-linear-gradient(top, #dbfdd7 0%, #daf7ff 100%);
        background: linear-gradient(to bottom, #dbfdd7 0%, #daf7ff 100%); }
      .overview-box.purple {
        background: #fae8ff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fae8ff), color-stop(100%, #e0eef8));
        background: -webkit-linear-gradient(top, #fae8ff 0%, #e0eef8 100%);
        background: -ms-linear-gradient(top, #fae8ff 0%, #e0eef8 100%);
        background: linear-gradient(to bottom, #fae8ff 0%, #e0eef8 100%); }
      .overview-box.red {
        background: #ffdeef;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdeef), color-stop(100%, #f9e2d7));
        background: -webkit-linear-gradient(top, #ffdeef 0%, #f9e2d7 100%);
        background: -ms-linear-gradient(top, #ffdeef 0%, #f9e2d7 100%);
        background: linear-gradient(to bottom, #ffdeef 0%, #f9e2d7 100%); }
      .overview-box.yellow {
        background: #f4f7d4;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f7d4), color-stop(100%, #d6f5fe));
        background: -webkit-linear-gradient(top, #f4f7d4 0%, #d6f5fe 100%);
        background: -ms-linear-gradient(top, #f4f7d4 0%, #d6f5fe 100%);
        background: linear-gradient(to bottom, #f4f7d4 0%, #d6f5fe 100%); } }
.overview-box-header {
  margin-bottom: 20px; }

.overview-box-heading,
.overview-box-timerange {
  text-transform: uppercase;
  color: #697886;
  letter-spacing: 1px;
  position: absolute;
  top: 20px; }

.overview-box-heading {
  left: 20px;
  width: calc(60% - 20px); }

.overview-box-timerange {
  right: 20px;
  width: calc(40% - 20px);
  text-align: right;
  opacity: 0.6; }

.overview-box-note {
  color: #697886;
  font-size: 12px;
  padding-top: 8px; }

.reports-overview-list {
  padding-top: 15px; }
  .reports-overview-list .list-filters {
    padding: 0 0 10px 25px; }

@media only screen and (min-width: 680px), print {
  .reports-overview-graph {
    padding-bottom: 25px; } }

.overview-graph {
  margin-left: -40px; }
  .overview-graph .title {
    text-anchor: initial; }

.overview-graph-toggles {
  padding-bottom: 15px; }
  @media only screen and (min-width: 680px) {
    .overview-graph-toggles {
      padding-left: 25px;
      padding-right: 25px; } }
  @media only screen and (max-width: 679px) {
    .overview-graph-toggles {
      padding-left: 12px;
      padding-right: 12px; } }
.overview-graph-loading-shim {
  padding: 0 30px;
  height: 288px; }

.overview-stat {
  font-size: 35px; }

.overview-stats-table {
  width: 100%;
  margin-top: 4px; }
  .overview-stats-table td:nth-child(2) {
    text-align: right; }

.show-on-success {
  opacity: 0;
  transition: opacity .5s ease-in-out; }

.show-on-success.success {
  opacity: 1; }

.report-regenerate-btn,
.report-link,
.report-cancel {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .report-regenerate-btn:before,
  .report-link:before,
  .report-cancel:before {
    content: ' ';
    display: inline-block;
    height: 12px;
    margin-right: 5px;
    vertical-align: text-top;
    margin-top: 2px; }
  @media only screen and (hover: hover) {
    .report-regenerate-btn:hover,
    .report-link:hover,
    .report-cancel:hover {
      color: var(--_text-primary); } }
  .report-regenerate-btn.focus-visible,
  .report-link.focus-visible,
  .report-cancel.focus-visible {
    color: var(--_text-primary); }

.report-regenerate-btn {
  margin-left: 6px;
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer; }
  .report-regenerate-btn:disabled {
    cursor: not-allowed; }
  .report-regenerate-btn:before {
    width: 12px;
    background-position: -16px -515px; }
  .report-regenerate-btn:hover {
    text-decoration: underline; }
    .report-regenerate-btn:hover:before {
      background-position: -16px -529px; }

.report-link {
  margin-left: 5px; }
  .report-link:before {
    width: 16px;
    background-position: -30px -515px; }
  .report-link:after {
    content: ' ';
    width: 7px;
    height: 5px;
    background-position: -348px -326px;
    pointer-events: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px; }
  .report-link:hover {
    text-decoration: underline; }
    .report-link:hover:before {
      background-position: -30px -529px; }

.report-cancel {
  margin-left: 5px; }
  .report-cancel:before {
    width: 9px;
    background-position: -48px -515px; }
  .report-cancel:hover {
    text-decoration: underline; }
    .report-cancel:hover:before {
      background-position: -48px -529px; }

.report-long-load {
  max-width: 500px;
  background: var(--_shade-grey);
  border: 1px solid var(--_border-grey-dark);
  padding: 12px;
  border-radius: 5px;
  margin-top: 10px;
  opacity: 0;
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  -o-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -moz-animation-delay: 15s;
  -webkit-animation-delay: 15s;
  -ms-animation-delay: 15s;
  -o-animation-delay: 15s;
  animation-delay: 15s; }
  .report-long-load p {
    margin-bottom: 12px; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.summary-detail-view-charts {
  float: left;
  border: 1px solid #ccd1d7;
  min-width: 800px;
  border-radius: 5px;
  padding: 5px 12px 12px 12px;
  margin: 12px 0; }

.volumes-toggle {
  clear: both;
  margin-bottom: 12px; }

[ng-advanced-filter-group] {
  margin-bottom: 10px; }

[ng-advanced-filter] {
  position: relative; }

@media only screen {
  .payment-processing-invoice {
    padding: 40px;
    min-height: 80vh; } }

@media only screen {
  .invoice-overview-wrap {
    padding: 15px; } }

.invoices-toggle {
  clear: both;
  margin-bottom: 12px; }

.invoice-actions {
  position: relative; }
  @media only screen and (min-width: 680px) {
    .invoice-actions {
      float: left;
      width: 335px;
      margin-left: 20px; } }
@media only screen {
  .invoice-block {
    position: relative;
    padding: 20px 12px 2px 12px;
    border: 1px solid var(--_border-grey-dark);
    border-radius: 4px;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16);
    overflow-x: auto; } }
  @media only screen and (min-width: 680px) {
    .invoice-block {
      float: left;
      width: auto; }
      .invoice-block.has-actions {
        width: calc(100% - 390px);
        width: -webkit-calc(100% - 390px); }
      .invoice-block:not(.has-actions) {
        min-width: 750px; } }
@media only screen {
    .invoice-block.invoice-block-submitting {
      height: 235px;
      overflow: hidden; }
    .invoice-block.invoice-block-loading {
      padding-bottom: 20px; } }

@media only screen and (min-width: 680px) {
  .invoice-header-buttons {
    position: absolute;
    top: 25px;
    right: 25px; } }

.invoice-header-wrap.is-creating {
  padding-right: 150px; }

@media only screen {
  .invoice-header-wrap {
    padding: 10px 20px; } }

@media only print {
  .invoice-header-wrap {
    padding-bottom: 10px; } }

.invoice-header-company-logo {
  padding-right: 30px; }
  .invoice-header-company-logo .invoice-logo {
    max-width: 150px;
    max-height: 150px;
    width: auto;
    height: auto; }
  .invoice-header-company-logo .invoice-logo + .invoice-type-heading {
    padding-top: 15px; }
  .invoice-header-company-logo .invoice-type-heading {
    font-size: 18px;
    color: var(--_fh-grey-dark); }

.invoice-header-address {
  padding-right: 35px; }
  .invoice-header-address h3 {
    padding-bottom: 5px; }

.invoice-header-change-direction {
  vertical-align: middle;
  padding-right: 30px; }

.single-booking-activities {
  margin-bottom: 50px; }
  .single-booking-activities .activities-add-note {
    padding: 0 40px; }

.td-invoice-amount {
  width: 120px; }

.toggle-set.toggled {
  padding-right: 22px; }

.toggle-set .field {
  line-height: 0;
  margin-bottom: 0; }

.toggle-set-edit {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  text-indent: -9999vw; }
  .toggle-set-edit:before {
    content: ' ';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 5px;
    background-size: 14px 14px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    border-radius: 3px; }
  .toggle-set-edit:hover:before {
    background-color: var(--_hover-grey); }
  .toggle-set-edit:active:before {
    background-color: var(--_hover-grey--active); }

.toggle-set-cancel {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: 2px;
  width: 24px;
  height: 24px;
  background-position: -156px -136px;
  cursor: pointer;
  text-indent: -9999vw;
  opacity: 0.8; }
  .toggle-set-cancel:hover {
    opacity: 1; }

.invoice-signup-nag {
  padding: 15px;
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: var(--shade-grey, #e5f1fb);
  border: 1px solid var(--border-grey, #ccd4d8); }

.dashboard-section-settings {
  background-color: var(--_surface-primary) !important; }

.settings-window-header {
  position: relative;
  border-bottom: 1px solid var(--_border-grey-light);
  background-color: var(--_shade-grey-light); }
  @media only screen and (min-width: 680px) {
    .settings-window-header {
      padding-top: 22px;
      padding-bottom: 22px;
      padding-right: 25px;
      padding-left: 35px;
      padding-right: var(--settings-wrap-padding-inline-end);
      padding-left: var(--settings-wrap-padding-inline-start); } }
  @media only screen and (max-width: 679px) {
    .settings-window-header {
      padding: 20px; } }
  .settings-window-header h1 {
    padding-bottom: 2px;
    font-size: 21px; }

.settings-window-header-description {
  max-width: 800px;
  color: var(--_fh-grey); }
  .settings-window-header-description a {
    text-decoration: underline; }

.btn-back + h1 {
  margin-top: 15px; }

@media only screen and (min-width: 680px) {
  .settings-window-header-fixed-wrap {
    position: fixed;
    top: 45px;
    right: 0;
    left: 52px;
    z-index: 1009; } }

.settings-window-header-tabs {
  position: relative; }
  @media only screen {
    .settings-window-header-tabs {
      background-color: var(--_shade-grey-light);
      box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25); } }
  .settings-window-header-tabs .settings-window-header-tabs-inner {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 25px;
    padding-left: 35px;
    padding-right: var(--settings-wrap-padding-inline-end);
    padding-left: var(--settings-wrap-padding-inline-start); }
    .settings-window-header-tabs .settings-window-header-tabs-inner .btn-back {
      margin-bottom: 15px; }
  .settings-window-header-tabs .btn-back + h1 {
    margin-top: 5px !important; }
  .settings-window-header-tabs h1 {
    padding-bottom: 2px;
    font-size: 21px; }
  .settings-window-header-tabs .settings-window-header-description {
    max-width: 800px;
    color: var(--_fh-grey);
    font-size: 14px; }
    .settings-window-header-tabs .settings-window-header-description a {
      text-decoration: underline; }

.settings-window-header-just-tabs {
  position: relative;
  z-index: 1;
  padding-top: 10px;
  box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25); }

.settings-window-header-tb:after {
  content: '';
  display: table;
  clear: both;
  border-spacing: 0; }

@media only screen and (min-width: 680px) {
  .settings-window-header-tb {
    padding-top: 15px;
    padding-right: 35px;
    padding-left: 35px;
    padding-right: var(--settings-wrap-padding-inline-end);
    padding-left: var(--settings-wrap-padding-inline-start); } }

.hint + .form-inline-add {
  margin-top: 8px;
  margin-bottom: 20px; }

.td-customer-type-name {
  padding-left: 10px !important; }

@media only screen and (min-width: 680px) {
  .customer-type-settings {
    float: left; }
    .customer-type-settings:after {
      content: '';
      display: table;
      clear: both;
      border-spacing: 0; } }

.customer-type-settings-header {
  padding-top: 8px; }
  @media only screen and (min-width: 680px) {
    .customer-type-settings-header .field {
      margin-bottom: 0; }
    .customer-type-settings-header .reorder-note {
      float: left; }
    .customer-type-settings-header .show-id {
      float: right; } }
.settings-window-activity-header {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 35px;
  padding-left: 35px;
  padding-right: var(--settings-wrap-padding-inline-end);
  padding-left: var(--settings-wrap-padding-inline-start); }
  .settings-window-activity-header h2 {
    color: var(--_fh-grey-dark);
    font-size: 14px; }

.toggled-add-form {
  padding-bottom: 15px; }
  .toggled-add-form .form-inline-add {
    margin-top: 5px; }

.user-overview-picture {
  width: 100%;
  text-align: center;
  border-spacing: 0; }
  .user-overview-picture .td:first-child {
    width: 100px; }

.tiny-settings-wrap {
  position: relative; }
  @media only screen and (min-width: 680px) {
    .tiny-settings-wrap:before {
      content: '';
      display: block;
      position: absolute;
      width: 1px;
      top: 0;
      bottom: 0;
      left: 128px;
      border-right: 1px solid var(--_border-grey-light);
      pointer-events: none;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; } }
.tiny-settings-wrap-expanded .tiny-nav-section {
  padding-bottom: 2px;
  border-bottom: 1px solid var(--_border-grey-light); }
  @media only screen and (min-width: 680px) {
    .tiny-settings-wrap-expanded .tiny-nav-section {
      position: absolute;
      padding: 0 5px 0 15px;
      margin-top: 1px;
      margin-bottom: 10px;
      width: 110px;
      left: -130px;
      border-bottom: 0; } }
  @media only screen and (max-width: 679px) {
    .tiny-settings-wrap-expanded .tiny-nav-section {
      margin-bottom: 15px; } }
.tiny-settings-wrap-expanded .tiny-settings-expanded-section {
  padding-bottom: 30px; }

@media only screen and (min-width: 680px) {
  .tiny-settings-nav {
    float: left;
    padding: 20px 0;
    width: 130px; } }

@media only screen and (max-width: 679px) {
  .tiny-settings-nav {
    padding-top: 15px;
    border-bottom: 1px solid var(--_border-grey); } }

@media only screen and (min-width: 680px) {
  .tiny-settings-window {
    float: right;
    position: relative;
    width: calc(100% - 130px);
    width: -webkit-calc(100% - 130px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

@media only screen and (min-width: 680px) {
  .tiny-settings-window-inner {
    padding: 20px; } }

@media only screen and (max-width: 679px) {
  .tiny-settings-window-inner {
    padding: 12px; } }

.tiny-nav-header {
  padding-right: 15px;
  padding-bottom: 6px;
  padding-left: 15px;
  color: var(--_fh-grey);
  text-transform: uppercase;
  letter-spacing: 1px; }
  @media only screen and (max-width: 679px) {
    .tiny-nav-header {
      padding-top: 8px; } }
.tiny-nav-list a, .tiny-nav-list button {
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 6px 5px 6px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .tiny-nav-list a:disabled, .tiny-nav-list button:disabled {
    cursor: not-allowed; }
  @media only screen and (hover: hover) {
    .tiny-nav-list a:hover, .tiny-nav-list button:hover {
      background-color: var(--_hover-grey); } }
  .tiny-nav-list a.focus-visible, .tiny-nav-list button.focus-visible {
    background-color: var(--_hover-grey); }
  .tiny-nav-list a:active, .tiny-nav-list button:active {
    background-color: var(--_hover-grey--active); }
  .tiny-nav-list a .tb-icon, .tiny-nav-list button .tb-icon {
    margin-right: 2px; }

.tiny-nav-list ul {
  padding-bottom: 15px; }

.tiny-nav-list a.current,
.tiny-nav-list button.current,
.tiny-nav-list li.current a,
.tiny-nav-list li.current button,
.tiny-nav-list a.toggled,
.tiny-nav-list button.toggled {
  background-color: #0a6ece;
  color: #fff; }

.generated-password {
  margin-bottom: 5px;
  padding: 12px;
  border: 1px solid var(--_border-grey);
  border-radius: 5px;
  background-color: var(--_surface-primary); }
  .generated-password p {
    margin-bottom: 12px; }

.tos-form .field-required-flag {
  display: none !important; }

.overview-cols-wrap {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px; }
  @media only screen and (max-width: 679px) {
    .overview-cols-wrap {
      padding-right: 25px; } }
@media only screen and (min-width: 680px) {
  .overview-col {
    float: left;
    margin-right: 25px;
    width: 340px; } }

.settings-checklist {
  overflow: hidden;
  border: 1px solid var(--_border-grey-light);
  border-radius: 5px;
  background-color: var(--_surface-primary); }
  @media only screen and (max-width: 679px) {
    .settings-checklist {
      margin-bottom: 25px; } }
  @media only screen and (min-width: 1151px) {
    .settings-checklist {
      min-width: 284px; } }
@media only screen and (min-width: 680px) {
  .item-setup-checklist-wrapper {
    max-width: 250px; } }

.settings-checklist-header {
  padding: 15px 25px; }
  .settings-checklist-header h2 {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold; }

.settings-checklist-section {
  display: block;
  padding: 15px 25px;
  background: var(--_shade-grey); }

.settings-checklist-button {
  display: block;
  position: relative;
  padding: 15px 50px 15px 25px; }
  .settings-checklist-button.is-editable {
    cursor: pointer; }
  .settings-checklist-button:before {
    content: ' ';
    position: absolute;
    margin-top: -11px;
    height: 20px;
    width: 20px;
    top: 50%;
    right: 15px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px; }
  .settings-checklist-button.action-needed {
    background-color: var(--shade-grey-dark, #F7E5CE);
    border-top: 1px solid var(--border-grey, #E0C7A8); }
    .settings-checklist-button.action-needed.is-editable:hover:active {
      background-color: var(--shade-grey-dark, #f0cea2); }
    .settings-checklist-button.action-needed:before {
      background-color: var(--medium-grey, #F5DFC2);
      border-color: var(--fh-grey-light, #b19279); }
  .settings-checklist-button.action-incomplete {
    margin-bottom: -1px;
    background-color: var(--alert-surface, #f2c9c5);
    z-index: 1;
    border-bottom: 1px solid var(--border-grey, #ebaaa4);
    border-top: 1px solid var(--border-grey, #ebaaa4); }
    .settings-checklist-button.action-incomplete.is-editable:hover:active {
      background-color: var(--alert-surface, #ebaea8); }
    .settings-checklist-button.action-incomplete:before {
      background-color: var(--fh-red, #efbeb8);
      border-color: #e48f86; }
    .settings-checklist-button.action-incomplete:after {
      content: ' ';
      display: block;
      position: absolute;
      margin-top: -5px;
      height: 10px;
      width: 11px;
      top: 50%;
      right: 20px; }
  .settings-checklist-button.action-completed {
    background-color: var(--shade-grey-light, #d7fdd8);
    border-top: 1px solid var(--border-grey, #c4e6c5); }
    .settings-checklist-button.action-completed.is-editable:hover {
      background-color: var(--shade-grey-light, #c9f1ca); }
      .settings-checklist-button.action-completed.is-editable:hover:active {
        background-color: var(--shade-grey-light, #c1f1c2); }
    .settings-checklist-button.action-completed:before {
      background-color: var(--fh-green);
      border-color: var(--_fh-green); }
    .settings-checklist-button.action-completed:after {
      content: ' ';
      display: block;
      position: absolute;
      margin-top: -5px;
      height: 10px;
      width: 11px;
      top: 50%;
      right: 20px;
      background-position: -93px -164px; }
  .checklist-item-no-border .settings-checklist-button {
    border-top: 0; }

.action-color-keys {
  margin-top: 1rem;
  margin-bottom: -8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .action-color-keys .key {
    color: var(--_fh-grey);
    font-size: 12px;
    line-height: 1rem; }
    .action-color-keys .key:not(:last-child) {
      margin-right: 16px;
      margin-bottom: 8px; }
    .action-color-keys .key::before {
      content: '';
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin-right: 5px;
      height: 1rem;
      width: 1rem;
      border-radius: 3px;
      border-style: solid;
      border-width: 1px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .action-color-keys .key.action-needed::before {
      background-color: var(--medium-grey, #F7E5CE);
      border-color: var(--fh-grey-light, #e2d4c2); }
    .action-color-keys .key.action-incomplete::before {
      background-color: var(--fh-red, #f2c5c5);
      border-color: var(--fh-red, #d8b4b0); }
    .action-color-keys .key.action-completed::before {
      background-color: var(--fh-green, #d7fdd8);
      border-color: var(--fh-green, #BFDDBC); }

.payment-setup-nag {
  display: block;
  padding: 10px 20px;
  background-color: var(--_alert-surface);
  border-bottom: 1px solid var(--border-grey, #E0C7A8); }
  @media only screen and (hover: hover) {
    .payment-setup-nag[href]:hover {
      background-color: var(--alert-surface, #f3d9b8); } }
  .payment-setup-nag.focus-visible[href] {
    background-color: var(--alert-surface, #f3d9b8); }
  .payment-setup-nag.is-short {
    font-size: 12px;
    border-bottom: 0; }
  .payment-setup-nag.is-disabled-overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(1px);
    border-radius: 5px;
    border-bottom: none;
    z-index: 3; }
    .payment-setup-nag.is-disabled-overlay .payment-setup-nag-content {
      padding: 10px 20px;
      background-color: var(--_warning-surface);
      border-radius: 5px;
      box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3); }
      .payment-setup-nag.is-disabled-overlay .payment-setup-nag-content:hover {
        background-color: #f3d9b8; }
  .payment-setup-nag.is-related {
    clear: both;
    position: relative;
    margin-top: 1px;
    border-radius: 4px;
    border: 1px solid var(--border-grey, #E0C7A8); }
    @media only screen and (max-width: 679px) {
      .payment-setup-nag.is-related {
        margin-right: 12px;
        margin-bottom: 10px;
        margin-left: 12px; } }
    @media only screen and (min-width: 680px) {
      .payment-setup-nag.is-related {
        margin-top: 3px;
        float: left; } }
    .payment-setup-nag.is-related::before, .payment-setup-nag.is-related::after {
      content: '';
      position: absolute;
      left: 40px;
      border-bottom-width: 9px;
      border-bottom-style: solid;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent; }
    .payment-setup-nag.is-related::before {
      top: -10px;
      border-bottom-color: var(--border-grey, #E0C7A8); }
    .payment-setup-nag.is-related::after {
      top: -9px;
      border-bottom-color: var(--_warning-surface); }
  .payment-setup-nag svg {
    position: relative;
    vertical-align: middle; }
    .payment-setup-nag svg.icon-warning {
      top: -1px; }

.capture-amount-warning {
  padding: 10px 20px;
  background-color: var(--_warning-surface);
  border-top: 1px solid var(--border-grey, #E0C7A8);
  border-radius: 0 0 5px 5px; }

.update-user-toggle {
  clear: both;
  margin-bottom: 20px; }

.lodging-form {
  margin-bottom: 15px; }

#filepicker_shade {
  z-index: 100001; }

.reseller-section {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid var(--_border-grey);
  border-radius: 3px;
  background: var(--_shade-grey-light); }
  .reseller-section .reseller-header {
    margin-bottom: 12px; }
  .reseller-section h2 {
    font-size: 14px;
    font-weight: bold; }
  .reseller-section .block-list {
    margin: 0; }
  .reseller-section .mass-update-date-range + .hint {
    margin-top: 5px; }

.various-customer-capacities {
  border: 1px solid var(--_border-grey-light);
  font-size: 12px; }
  .various-customer-capacities.is-overview {
    margin-top: 5px; }
    .various-customer-capacities.is-overview td {
      padding-top: 4px;
      padding-bottom: 4px; }
  .various-customer-capacities.has-margin {
    margin-top: 5px;
    margin-bottom: 10px; }
  .various-customer-capacities .label-text {
    display: block;
    margin-bottom: 3px; }
  .various-customer-capacities td {
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px; }
    .various-customer-capacities td:first-child {
      padding-right: 0; }
    .various-customer-capacities td:last-child {
      border-left: 1px solid var(--_border-grey-light); }

.customer-type-rate-party-sizes td:first-child {
  padding-right: 4px; }

.customer-type-rate-party-sizes td:last-child {
  padding-left: 4px; }

.changelog-panel {
  border: 1px solid var(--_border-grey);
  background-color: var(--_surface-primary); }
  @media only screen and (min-width: 680px) {
    .changelog-panel {
      position: fixed;
      width: 325px;
      top: 44px;
      right: 0;
      bottom: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media only screen and (max-width: 679px) {
    .changelog-panel {
      margin-right: 10px;
      margin-bottom: 10px;
      margin-left: 10px; } }
@media only screen and (min-width: 680px) {
  .changelog-panel-header {
    padding-top: 10px; } }

.changelog-panel-header .icon-cog {
  height: 16px;
  width: 15px; }

@media only screen and (min-width: 680px) {
  .changelog-panel-content {
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 20px;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }
    .changelog-panel-content .flyout-toggle-header.sticky--0 {
      top: -1px; } }

.cl-inset-form {
  padding: 8px;
  background-color: var(--_shade-grey); }

.cl-action-header {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 16px !important; }

.connect-grid {
  margin-right: -10px;
  margin-left: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  @media only screen and (min-width: 1441px) {
    .connect-grid {
      max-width: 1578px; } }
.connect-grid-item {
  margin: 10px;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--_border-grey-dark);
  border-radius: 5px;
  transition: all .2s ease-in-out;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16); }
  @media only screen and (min-width: 679px) and (max-width: 920px) {
    .connect-grid-item {
      width: calc(50% - 20px); } }
  @media only screen and (min-width: 921px) {
    .connect-grid-item {
      width: calc(33.3333% - 20px); } }
  @media only screen and (min-width: 1441px) {
    .connect-grid-item {
      width: calc(25% - 20px); } }
  .connect-grid-item:hover {
    transform: scale(1.03); }
  .connect-grid-item img {
    height: auto;
    max-height: 50px;
    max-width: 100%; }

.connect-grid-content {
  position: relative;
  padding: 25px; }

.pending-connection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.request-message {
  width: 100%; }
  .request-message + .button-group {
    margin-top: 10px; }

.connect-grid-buttons {
  padding: 15px 25px;
  background-color: var(--_shade-grey);
  border-top: 1px solid var(--_border-grey-dark); }

.button-group {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 679px) {
    .button-group {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; } }
  @media only screen and (min-width: 679px) and (max-width: 920px) {
    .button-group {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; } }
  @media only screen and (min-width: 921px) {
    .button-group {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
  .button-group .button-wrapper:not(:first-of-type) {
    margin-top: 4px; }
    @media only screen and (min-width: 679px) and (max-width: 920px) {
      .button-group .button-wrapper:not(:first-of-type) {
        margin-top: 0; } }
  .button-group .badge-wrapper {
    margin-top: 4px; }
  .button-group .btn, .button-group .btn-tiny, .button-group .btn-big, .button-group .btn-huge {
    white-space: nowrap; }
    @media only screen and (max-width: 679px) {
      .button-group .btn, .button-group .btn-tiny, .button-group .btn-big, .button-group .btn-huge {
        width: 100%; } }
    @media only screen and (min-width: 679px) and (max-width: 920px) {
      .button-group .btn, .button-group .btn-tiny, .button-group .btn-big, .button-group .btn-huge {
        width: 100%; } }
.item-help-links-wrapper {
  padding: 15px 25px;
  border: 1px solid var(--_border-grey-light);
  border-radius: 5px 5px 0 0;
  background-color: var(--_surface-primary);
  border-bottom-width: 0; }
  .item-help-links-wrapper > ul > li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--_border-grey-light); }
    .item-help-links-wrapper > ul > li:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom-width: 0; }
  .item-help-links-wrapper p {
    margin-bottom: 14px; }
    .item-help-links-wrapper p:last-child {
      margin-bottom: 0; }

.item-help-link {
  display: block;
  position: relative;
  padding: 25px 25px 25px 75px;
  border: 1px solid var(--_border-grey-light);
  border-radius: 0 0 5px 5px;
  background-color: var(--alert-surface, #f7fbff); }
  .item-help-link:hover {
    background-color: var(--alert-surface, #f2f8fe); }
  .item-help-link .icon-help {
    display: block;
    position: absolute;
    margin-top: -16px;
    height: 30px;
    width: 30px;
    top: 50%;
    left: 25px;
    fill: var(--_theme-primary); }

.icon--external-link {
  display: inline-block;
  vertical-align: middle; }
  .icon--external-link:after {
    content: '';
    display: block;
    margin-top: 2px;
    margin-left: 6px;
    height: 5px;
    width: 5px;
    pointer-events: none;
    background-position: -366px -347px; }

.demo-mode-urls {
  padding: 12px;
  border: 1px solid var(--_border-grey);
  border-radius: 4px; }
  .demo-mode-urls .label-text {
    display: block;
    padding-bottom: 3px; }

.settings-index-setup-nag .payment-setup-nag {
  border-bottom: 0;
  border-radius: 4px; }

@media only screen and (min-width: 680px) {
  .dashboard-settings-headline-form {
    position: relative; } }

@media only screen and (min-width: 680px) {
  .dashboard-settings-headline-preview {
    position: absolute;
    top: 0;
    left: 680px;
    margin-bottom: 30px; } }

@media only screen and (max-width: 679px) {
  .dashboard-settings-headline-preview {
    margin-top: 15px;
    margin-bottom: 10px; } }

@media only screen {
  .option-block-edit-content {
    padding-right: 25px; }
    .option-block-edit-content .icon-svg-lock {
      position: relative;
      width: 10px;
      height: 12px;
      top: 1px;
      color: var(--_fh-grey); } }

.option-sheet-form-wrap {
  padding-top: 10px; }

.option-cf-has-parent {
  position: relative;
  margin-left: 25px; }
  .option-cf-has-parent:before {
    content: '';
    width: 13px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: -22px;
    background-position: -59px -515px; }

.option-block-edit,
.option-block-toggle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 3;
  left: 0; }
  @media only print {
    .option-block-edit,
    .option-block-toggle {
      display: none !important; } }
  .option-block-edit[type="button"],
  .option-block-toggle[type="button"] {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .option-block-edit[type="button"]:disabled,
    .option-block-toggle[type="button"]:disabled {
      cursor: not-allowed; }

.option-block-edit span {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  margin-top: -7px;
  right: 15px;
  text-indent: -9999em;
  background-size: 14px 14px;
  background-repeat: no-repeat; }

.option-block-toggle span {
  text-indent: -9999em;
  position: absolute;
  width: 10px;
  height: 8px;
  top: 50%;
  margin-top: -4px;
  right: 14px;
  background-position: -396px -346px; }

.option-block-toggle:hover span {
  background-position: -408px -346px; }

.option-objects-sortable .option-block-toggle {
  left: 30px; }
  .option-objects-sortable .option-block-toggle[type="button"]:not(.toggled) {
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px); }

.option-block-toggle.toggled {
  left: auto;
  width: 34px; }
  .option-block-toggle.toggled span {
    background-position: -444px -346px; }

.option-block-toggle.toggled:hover span {
  background-position: -432px -346px; }

.update-campaign-settings {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--_border-grey); }

.code-edit {
  padding: 12px; }
  .code-edit .code-edit-code {
    font-size: 15px;
    font-weight: bold;
    color: var(--_text-primary); }

.canned-settings-header {
  font-size: 15px;
  font-weight: bold; }

.canned-messages-table {
  margin-bottom: 25px; }
  .canned-messages-table .td--name {
    width: 20%; }
  .canned-messages-table .td--email {
    width: 80%; }
  .canned-messages-table.sms-enabled .td--email {
    width: 40%; }
  .canned-messages-table .td--sms {
    width: 40%; }

.analytics-service-setup-identifier {
  padding-top: 2px;
  padding-bottom: 2px; }

@media only screen and (min-width: 680px) {
  .dashboard-settings-health {
    position: relative; } }

@media only screen and (min-width: 680px) {
  .dashboard-settings-health-preview {
    position: absolute;
    top: 0;
    left: 680px;
    margin-bottom: 30px; } }

@media only screen and (max-width: 679px) {
  .dashboard-settings-health-preview {
    margin-top: 15px;
    margin-bottom: 10px; } }

.invoice-availability .the-availability {
  display: block;
  position: relative;
  margin: 12px 0 10px 0; }
  @media only screen {
    .invoice-availability .the-availability {
      padding-top: 12px;
      padding-bottom: 12px; } }
  @media only screen and (min-width: 680px) {
    .invoice-availability .the-availability {
      border-radius: 5px;
      padding-left: 15px;
      padding-right: 29px; } }
  @media only screen and (max-width: 679px) {
    .invoice-availability .the-availability {
      padding-left: 20px;
      padding-right: 34px; } }
  @media only print {
    .invoice-availability .the-availability {
      padding: 8px 12px; } }
.invoice-availability .invoice-ava-date {
  margin-top: 3px;
  font-size: 15px; }
  .invoice-availability .invoice-ava-date .badge {
    margin-top: -3px;
    font-size: 0.8em;
    font-weight: normal; }

.invoice-availability .invoice-ava-public-headline {
  color: var(--_fh-grey);
  margin-top: 3px; }

.invoice-availability .invoice-ava-private-headline {
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid ar(--_border-grey); }

.invoice-availability a.the-availability svg {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  color: var(--_fh-grey); }
  @media only screen and (min-width: 680px) {
    .invoice-availability a.the-availability svg {
      right: 15px; } }
  @media only screen and (max-width: 679px) {
    .invoice-availability a.the-availability svg {
      right: 20px; } }
@media only screen and (hover: hover) {
  .invoice-availability a.the-availability:hover {
    background: var(--_hover-grey); } }

.invoice-availability a.the-availability.focus-visible {
  background: var(--_hover-grey); }

.invoice-availability a.the-availability:active {
  background: var(--_hover-grey--active); }

.invoice-table {
  width: 100%;
  border-collapse: separate; }
  @media only screen {
    .invoice-table.has-top-margin {
      margin-top: 25px; } }
  @media only print {
    .invoice-table.has-top-margin {
      margin-top: 15px; } }
.invoice-table-section {
  border-top: 1px solid var(--_border-grey-light);
  margin-top: 12px;
  padding-top: 10px; }

.invoice-table--row td {
  position: relative;
  vertical-align: middle; }
  @media only screen {
    .invoice-table--row td {
      border-color: var(--_border-grey-light); } }
  @media only print {
    .invoice-table--row td {
      border-color: #cbcbcb; } }
  .invoice-table--row.no-border > td {
    border-bottom: 0; }
  .invoice-table--row.border-top > td {
    border-bottom-width: 0;
    border-top-width: 1px; }
  @media only screen {
    .invoice-table--row td {
      padding-top: 5px;
      padding-bottom: 5px; } }
  @media only screen and (min-width: 680px) {
    .invoice-table--row td {
      height: 20px; }
      .invoice-table--row td:first-child {
        padding-left: 20px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px; }
      .invoice-table--row td:last-child:not(.itable-tb) {
        padding-right: 20px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px; }
      .is-narrow .invoice-table--row td:first-child {
        padding-left: 18px; }
      .is-narrow .invoice-table--row td:last-child {
        padding-right: 18px; } }
  @media only screen and (max-width: 679px) {
    .invoice-table--row td:first-child {
      padding-left: 20px; }
    .invoice-table--row td:last-child {
      padding-right: 20px; }
    .invoice-table.invoice-table--short-mobile .invoice-table--row td {
      height: 22px; }
    .invoice-table:not(.invoice-table--short-mobile) .invoice-table--row td {
      height: 28px; } }
  @media only print {
    .invoice-table--row td {
      height: 15px;
      padding-top: 2px;
      padding-bottom: 2px; }
      .invoice-table--row td:first-child {
        padding-left: 12px; }
      .invoice-table--row td:last-child {
        padding-right: 12px; } }
  .invoice-table--row td .field {
    margin-bottom: 0; }
  .invoice-table--row td.itable-content {
    word-break: break-word; }
  .invoice-table--row td.itable-amount {
    width: 60px;
    text-align: right;
    font-weight: 900;
    padding-left: 25px; }
    .invoice-table--row td.itable-amount.long {
      width: 100px; }
  .invoice-table--row td.itable-amount + td.itable-amount {
    padding-left: 10px; }
  .invoice-table--row td.itable-tb {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 8px; }
    .invoice-table--row td.itable-tb .toolbar {
      float: right; }
  .invoice-table--row td.itable-edit, .invoice-table--row td.itable-navigate {
    width: 14px;
    padding-left: 15px; }
    @media only print {
      .invoice-table--row td.itable-edit, .invoice-table--row td.itable-navigate {
        display: none; } }
@media only screen {
  .invoice-table--row.is-tall td {
    height: 26px; }
    .invoice-table--row.is-tall td:first-child {
      font-size: 14px; } }

@media only print {
  .invoice-table--row.is-tall td {
    height: 20px; } }

.invoice-table--row.is-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media only screen {
    .invoice-table--row.is-toggle td:first-child:before {
      transform: translateY(-1px) rotate(-90deg);
      content: '';
      display: inline-block;
      transition: transform 0.15s ease-in-out;
      border-style: solid;
      border-color: transparent;
      border-width: 8px 5px 0 5px;
      border-top-color: var(--_border-grey-dark);
      margin-right: 4px; }
      @supports (mask-type: inherit) {
        .invoice-table--row.is-toggle td:first-child:before {
          width: 10px;
          height: 8px;
          background-color: var(--_border-grey-dark);
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          mask-size: 10px 8px;
          border: 0; } } }
  .invoice-table--row.is-toggle td.toggled:first-child:before {
    transform: none; }

.invoice-table--row.is-v-tall td {
  padding-top: 8px;
  padding-bottom: 8px; }

.invoice-table--row.is-flashy td {
  font-size: 18px;
  font-weight: bold;
  line-height: 1; }

.invoice-table--row.is-flashy .itable-amount {
  color: #0a6ece;
  color: var(--_theme-primary); }

.invoice-table--row.is-shaded td {
  background-color: var(--_shade-grey);
  border-bottom: 0;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s; }
  .invoice-table.checked-in .invoice-table--row.is-shaded td {
    background-color: var(--_checked-in-surface); }
  .invoice-table.no-show .invoice-table--row.is-shaded td {
    background-color: var(--_no-show-surface); }
  .invoice-table.mixed .invoice-table--row.is-shaded td {
    background-color: var(--alert-surface, #F9F1E2); }

@media only screen {
  .invoice-table--row.is-warning td {
    background-color: var(--_warning-surface); } }

.invoice-table--row.is-editable td {
  cursor: pointer; }

@media only screen and (hover: hover) {
  .invoice-table--row.is-editable:hover td {
    background: var(--_hover-grey); } }

.invoice-table--row.is-editable.focus-visible td {
  background: var(--_hover-grey); }

.invoice-table--row.is-editable:active td {
  background: var(--_hover-grey--active); }

.invoice-table--row.is-super-header {
  color: var(--_theme-primary); }
  .invoice-table--row.is-super-header td {
    background-color: var(--_shade-grey-light); }

.invoice-table--transportation-row td {
  border-bottom-width: 1px;
  border-bottom-style: solid; }
  @media only screen {
    .invoice-table--transportation-row td {
      border-color: var(--_border-grey-light); } }
  @media only print {
    .invoice-table--transportation-row td {
      border-color: #cbcbcb; } }
.itable-edit.with-button:before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background-size: 14px 14px;
  background-repeat: no-repeat; }

.itable-navigate.with-button:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background-position: -157px -250px; }

.invoice-table--row:hover .itable-navigate.with-button:before {
  background-position: -157px -270px; }

.invoice-table--row:active .itable-navigate.with-button:before {
  background-position: -157px -290px; }

.invoice-table--editing {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px; }
  @media only print {
    .invoice-table--editing {
      border-bottom: 1px solid #cbcbcb; } }
  @media only screen and (max-width: 679px) {
    .invoice-table--editing {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 680px) {
    .is-narrow .invoice-table--editing {
      padding-left: 18px;
      padding-right: 18px; } }
  .invoice-table--editing #id_note {
    height: 100px; }

.invoice-table-flyout-wrap {
  position: relative; }

@media only screen and (min-width: 680px) {
  .invoice-table--flyout .toolbar {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 20px;
    z-index: 1; }
  .itable-content-flyout-inner {
    padding-left: 52px; } }

.itable-invoice-price {
  background: var(--_shade-grey);
  padding-right: 3px; }

.order-invoice-bookings .booking-block {
  padding-left: 25px !important;
  padding-right: 25px !important; }

.order-invoice-bookings .flyout-toggle-header {
  padding-left: 25px !important; }

.order-link {
  color: var(--_theme-primary);
  text-decoration: underline; }
  .order-link .tb-icon {
    margin-right: 3px; }

.invoice-table-add-button {
  white-space: nowrap;
  width: 25px;
  padding-right: 10px;
  padding-left: 10px; }

.invoice-table-help-button {
  width: 20px;
  padding-left: 10px;
  border-left: 1px solid var(--_border-grey-light) !important; }

.tiny-help-flyout-wrap {
  position: relative;
  display: inline-block; }
  .tiny-help-flyout-wrap .tiny-help-flyout {
    top: 15px; }

.tiny-help {
  cursor: pointer;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media only screen {
    .tiny-help {
      font-size: 12px;
      line-height: 13px;
      height: 13px; } }
  @media only screen {
    .tiny-help:after {
      transform: none;
      content: '';
      display: inline-block;
      transition: transform 0.15s ease-in-out;
      border-style: solid;
      border-color: transparent;
      border-width: 5px 3.5px 0 3.5px;
      border-top-color: var(--_fh-grey);
      pointer-events: none;
      vertical-align: middle;
      margin-top: -1px; }
      @supports (mask-type: inherit) {
        .tiny-help:after {
          width: 7px;
          height: 5px;
          background-color: var(--_fh-grey);
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          mask-size: 7px 5px;
          border: 0; } } }
  .tiny-help:hover, .tiny-help.toggled {
    color: var(--_text-primary); }

.line-item-form {
  margin-bottom: 12px; }
  .line-item-form .line-item-description {
    padding-bottom: 5px; }
  .line-item-form .tr:first-child .label-text {
    display: block;
    padding-bottom: 2px; }
  .line-item-form .td:last-child {
    width: 110px;
    padding-left: 10px; }

.no-overview-payments {
  color: var(--_fh-grey);
  padding-top: 10px;
  padding-right: 12px;
  padding-left: 10px; }

.overview-payment {
  position: relative; }
  .overview-payment.is-boxed {
    background-color: var(--_surface-primary);
    border: 1px solid var(--_border-grey-dark);
    border-radius: 4px;
    margin-top: 8px;
    padding: 10px 12px; }

.overview-payment-row {
  width: 100%; }
  .overview-payment-row td {
    vertical-align: top; }
  .overview-payment-row.is-header {
    margin-top: 8px; }

.op-amount-td {
  text-align: right;
  font-weight: 900;
  white-space: nowrap; }

.op-amount.positive {
  color: var(--_fh-green); }

.op-amount.negative {
  color: var(--_fh-red); }

.op-details-link {
  width: auto;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: var(--_theme-primary);
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  text-decoration: underline;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .op-details-link:disabled {
    cursor: not-allowed; }

.op-meta {
  padding-left: 3px;
  text-align: right; }

.overview-payment-meta {
  color: var(--_fh-grey);
  font-size: 12px; }

.overview-refunds {
  padding-left: 12px; }

.overview-refund {
  border-top: 1px solid var(--_border-grey);
  padding-top: 8px;
  margin-top: 10px; }

.op-disputed {
  background-color: var(--_warning-surface);
  padding: 5px;
  border-radius: 3px;
  margin-top: 5px; }
  .op-disputed a {
    color: var(--_theme-primary);
    text-decoration: underline; }

.op-saved-card {
  font-style: italic;
  color: var(--_fh-grey); }

.op-failed-payment {
  font-style: italic;
  color: var(--_fh-red); }

.pushable-fields > li {
  margin-bottom: 5px; }
  .pushable-fields > li > fieldset {
    position: relative;
    overflow: hidden;
    border-radius: 3px; }
    .pushable-fields > li > fieldset.is-selected {
      background-color: var(--_shade-grey);
      transition: background-color 0.25s; }
    .pushable-fields > li > fieldset[disabled] {
      color: var(--_fh-grey);
      cursor: not-allowed; }
      .pushable-fields > li > fieldset[disabled] > * {
        pointer-events: none; }
  .pushable-fields > li .cf-wrap,
  .pushable-fields > li .adjustable-pricing-btn,
  .pushable-fields > li .adjustable-pricing-form {
    margin-bottom: 0; }

.pushable-fields-subheader {
  border-top: 1px solid var(--_border-grey);
  margin-top: 5px;
  padding-top: 20px;
  padding-bottom: 10px;
  color: var(--_fh-grey); }

.refund-form-block {
  position: relative;
  margin-bottom: 10px;
  border-width: 2px;
  border-style: solid;
  border-color: var(--_border-grey-dark);
  border-radius: 5px;
  transition: border-color 150ms, box-shadow 150ms; }
  .refund-form-block .field {
    margin-bottom: 0; }
  .refund-form-block .form-error {
    margin: 10px; }
  .refund-form-block .overview-payment {
    padding: 12px; }
  .refund-form-block.is-selected {
    border-color: var(--_fh-green);
    box-shadow: 0 0 4px var(--_fh-green); }
    .refund-form-block.is-selected-red {
      border-color: var(--_fh-red);
      box-shadow: 0 0 4px var(--_fh-red); }

.refund-choose-amount {
  border-top: 1px solid var(--_border-grey);
  padding-top: 6px; }
  @media only screen and (max-width: 679px) {
    .refund-choose-amount .field-amount .the-field {
      padding-left: 100px; }
    .refund-choose-amount .field-amount input {
      width: 100px; } }
.refund-legacy-flag {
  display: block;
  color: var(--_fh-grey);
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  border-bottom: 1px solid var(--_border-grey);
  line-height: 22px;
  padding-left: 15px; }

.refund-type-select-wrap {
  border-top: 1px solid var(--_border-grey);
  padding-right: 5px;
  padding-left: 5px; }

.refund-not-selectable {
  padding: 7px 12px; }

.refund-type-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .refund-type-select > button {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px; }
    .refund-type-select > button:disabled {
      cursor: not-allowed; }
    .refund-type-select > button:not(:disabled) {
      cursor: pointer; }
      @media only screen and (hover: hover) {
        .refund-type-select > button:not(:disabled):hover {
          background-color: var(--_hover-grey); } }
      .refund-type-select > button.focus-visible:not(:disabled) {
        background-color: var(--_hover-grey); }
      .refund-type-select > button:not(:disabled):active {
        background-color: var(--_hover-grey--active); }
    .refund-type-select > button:not(.toggled):disabled {
      color: #9ba6b0; }
    .refund-type-select > button.toggled {
      color: var(--_fh-green); }
      .refund-type-select > button.toggled::after {
        display: block;
        content: '';
        position: absolute;
        bottom: 0;
        left: 10px;
        right: 10px;
        border-bottom: 3px solid currentColor;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px; }
      .refund-type-select > button.toggled.option-dont-refund {
        color: var(--_theme-primary); }
      .refund-type-select > button.toggled-red {
        color: var(--_fh-red); }

.refund-amount-table {
  margin-left: 12px;
  margin-bottom: 6px; }
  @media only screen and (min-width: 680px) {
    .refund-amount-table {
      float: left;
      max-width: calc(100% - 42px - 10px); } }
@media only screen and (min-width: 680px) {
  .tb-calculate-refund-flyout {
    margin-top: -2px;
    padding-left: 4px; } }

.refund-email-form .field-cb-email {
  padding-top: 12px; }

@media only screen {
  .invoice-booking-info.has-bottom-padding {
    padding-bottom: 15px; } }

@media only screen and (min-width: 680px) {
  .invoice-booking-info {
    padding-left: 15px; }
    .invoice-booking-info.has-right-padding {
      padding-right: 20px; } }

@media only screen and (max-width: 679px) {
  .invoice-booking-info {
    padding-left: 20px; }
    .invoice-booking-info.has-right-padding {
      padding-right: 20px; } }

@media only print {
  .invoice-booking-info {
    padding: 8px 12px; } }

.booking-info-pk {
  margin-bottom: 3px;
  font-size: 19px; }
  .booking-info-pk .badge {
    vertical-align: text-top;
    font-weight: normal;
    font-size: 14px;
    margin-left: 3px;
    margin-top: 3px; }

.invoice-stats {
  margin-bottom: 10px; }

.invoice-stats-inner {
  position: relative; }
  @media only screen {
    .invoice-stats-inner {
      padding-left: 20px; } }
  @media only screen and (min-width: 680px) {
    .invoice-stats-inner {
      padding-top: 15px;
      padding-right: 20px;
      padding-bottom: 15px; } }
  @media only screen and (max-width: 679px) {
    .invoice-stats-inner {
      padding-top: 12px;
      padding-right: 20px;
      padding-bottom: 12px; } }
  @media only print {
    .invoice-stats-inner {
      padding: 8px 12px; } }
  .invoice-stats-inner.is-toggle[type="button"] {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer; }
    .invoice-stats-inner.is-toggle[type="button"]:disabled {
      cursor: not-allowed; }
  @media only screen {
    .invoice-stats-inner.is-toggle {
      padding-left: 42px; } }
  @media only screen and (min-width: 680px) {
    .invoice-stats-inner.is-toggle:hover {
      background-color: var(--_hover-grey); }
    .invoice-stats-inner.is-toggle:active {
      background-color: var(--_hover-grey--active); } }
  @media only screen {
    .invoice-stats-inner.is-toggle::before {
      transform: translateY(-1px) rotate(-90deg);
      content: '';
      display: inline-block;
      transition: transform 0.15s ease-in-out;
      border-style: solid;
      border-color: transparent;
      border-width: 8px 5px 0 5px;
      border-top-color: var(--_border-grey-dark);
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 20px; }
      @supports (mask-type: inherit) {
        .invoice-stats-inner.is-toggle::before {
          width: 10px;
          height: 8px;
          background-color: var(--_border-grey-dark);
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          mask-size: 10px 8px;
          border: 0; } } }
  .invoice-stats-inner.is-toggle.toggled::before {
    transform: none; }

.invoice-stats-payments {
  padding: 0 12px 12px 12px; }

.booking-full-stats {
  border-collapse: collapse;
  vertical-align: middle; }
  .booking-full-stats td:not(:last-child) {
    padding-right: 16px; }
  .booking-full-stats td:first-child {
    border-right: 1px solid var(--_border-grey-light); }
  .booking-full-stats td:last-child {
    border-right-width: 0; }
  .booking-full-stats td:nth-child(2) {
    padding-left: 16px;
    padding-right: 25px; }
    @media only screen {
      .booking-full-stats td:nth-child(2) {
        font-size: 14px;
        line-height: 1.3; } }
  @media only screen {
    .booking-full-stats .stats-number {
      font-size: 20px;
      font-weight: bold; } }
  @media only print {
    .booking-full-stats .stats-number {
      font-size: 14px;
      font-weight: bold; } }
.invoice-total-label {
  padding-right: 0 !important; }

.invoice-table-wrapper {
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid var(--_border-grey);
  border-radius: 4px; }
  .invoice-table-wrapper tr:last-of-type td {
    border-bottom-width: 0; }

.table.cutoff-form {
  width: auto;
  border: 1px solid var(--_border-grey-light);
  border-collapse: collapse;
  border-radius: 3px; }
  .table.cutoff-form .cutoff-header {
    font-weight: bold; }
  .table.cutoff-form .cutoff-label {
    font-weight: bold; }
  .table.cutoff-form .cutoff-hours .field {
    margin-bottom: 0; }
  .table.cutoff-form .cutoff-hours select {
    margin: 5px 0 0 0; }
  .table.cutoff-form .bookings-number-header {
    width: 140px; }
  .table.cutoff-form .party-size-header {
    width: 190px; }
  .table.cutoff-form .disable-header {
    width: 190px; }
  .table.cutoff-form .call-to-book-header {
    width: 175px; }
  .table.cutoff-form .sold-out-text {
    max-width: 235px; }
  .table.cutoff-form .thead {
    background-color: var(--_shade-grey); }
  .table.cutoff-form .td {
    border: 1px solid var(--_border-grey-light);
    padding: 10px 15px; }
    .table.cutoff-form .td.td--auto-open-fields {
      vertical-align: top;
      border-bottom-color: white; }
  .table.cutoff-form .time-preview {
    padding-top: 4px; }

.tag-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.tag-column {
  padding-right: 50px; }
  @media only screen and (max-width: 679px) {
    .tag-column {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; } }
.item-form-section-heading {
  font-weight: bold;
  font-size: 23px;
  margin-bottom: 15px; }

.item-settings-overview-header {
  min-height: 150px;
  position: relative;
  background-color: #485665;
  background-position: 50% 50%;
  background-size: cover;
  box-sizing: border-box;
  padding: 65px 30px 75px 35px;
  margin-bottom: -75px;
  border-bottom: 1px solid var(--_border-grey); }
  .item-settings-overview-header::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }
  .item-settings-overview-header .item-settings-overview-content {
    position: relative;
    max-width: 780px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75), 0 0 10px rgba(0, 0, 0, 0.5); }
  .item-settings-overview-header .item-settings-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .item-settings-overview-header .item-settings-meta h1 {
      font-size: 30px;
      line-height: 1;
      flex: 1; }
    .item-settings-overview-header .item-settings-meta .btn-tiny {
      text-shadow: none;
      width: auto; }

.settings-index-table {
  border-spacing: 35px;
  border-collapse: separate;
  table-layout: fixed;
  width: 100%; }
  @media only screen and (min-width: 680px) {
    .settings-index-table .td {
      width: 33.33%; } }
  .settings-index-table .td > ul > li {
    padding-bottom: 15px; }
    .settings-index-table .td > ul > li > ul {
      padding-left: 20px; }
      .settings-index-table .td > ul > li > ul > li {
        list-style-type: disc;
        margin-left: 10px;
        padding-top: 3px; }
  .settings-index-table .td > ul a:hover b {
    text-decoration: underline; }

.settings-index-header {
  font-size: 20px;
  color: var(--_fh-grey);
  padding-bottom: 15px; }

@media only screen and (min-width: 680px) {
  .ar-wrap.is-simple .ar-form-full {
    display: none; }
  .ar-wrap.is-full .ar-form-simple {
    display: none; } }

@media only screen and (max-width: 679px) {
  .ar-wrap .ar-form-simple {
    display: none; } }

.ar-wrap.is-full .ar-fields-wrap {
  border-bottom: 1px solid var(--_border-grey-dark); }

@media only screen and (min-width: 680px) {
  .ar-wrap.is-full.is-tall .ar-fields-wrap {
    min-height: 270px;
    height: calc(100vh - 240px);
    height: -webkit-calc(100vh - 240px); }
  .ar-wrap.is-full:not(.is-tall) .ar-fields-wrap {
    height: 270px; } }

.ar-wrap .form-errors li {
  margin-left: 12px;
  margin-right: 12px; }

.ar-fields-wrap {
  position: relative; }
  @media only screen and (max-width: 679px) {
    .ar-fields-wrap {
      border-bottom: 1px solid var(--_border-grey-dark); } }
@media only screen and (min-width: 680px) {
  .ar-report-on {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 220px;
    border-right: 1px solid var(--_border-grey-light);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }
    .ar-report-on .ar-setup-inner {
      top: 20px; } }

.ar-advanced-toggle {
  position: relative;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid var(--_border-grey-light); }

.ar-advanced-tall-toggle,
.ar-advanced-simple-toggle {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ar-advanced-tall-toggle {
  right: 0;
  width: 20px;
  background-color: var(--_shade-grey); }
  .ar-advanced-tall-toggle:hover {
    background-color: var(--_hover-grey); }
  .ar-advanced-tall-toggle.toggled {
    background-color: #0a6ece; }
    .ar-advanced-tall-toggle.toggled:after {
      background-position: -264px -347px; }
  .ar-advanced-tall-toggle:after {
    content: '';
    width: 8px;
    height: 12px;
    background-position: -274px -347px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 50%;
    margin-right: -4px; }

.ar-advanced-simple-toggle {
  right: 20px;
  left: 0;
  padding-left: 12px; }
  .ar-advanced-simple-toggle:hover {
    background-color: var(--_hover-grey); }
  .ar-advanced-simple-toggle:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background-position: -127px -562px;
    margin-right: 2px; }

@media only screen and (min-width: 680px) {
  .ar-setup-table {
    position: absolute;
    table-layout: fixed;
    height: 100%;
    top: 0;
    right: 0;
    left: 220px;
    width: calc(100% - 220px);
    width: -webkit-calc(100% - 220px); }
    .ar-setup-table > .tr > .td {
      width: 200px;
      position: relative; }
      .ar-setup-table > .tr > .td:not(:last-child) {
        border-right: 1px solid var(--_border-grey-light); }
  .ar-setup-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; } }

.report-on-range {
  padding-bottom: 5px; }
  @media only screen and (max-width: 679px) {
    .report-on-range:after {
      content: '';
      display: table;
      clear: both;
      border-spacing: 0; }
    .report-on-range .datepicker-with-dash {
      float: left; }
    .report-on-range .datepicker {
      float: left; } }
.datepicker-with-dash .field {
  float: left; }

.datepicker-with-dash .datepicker-dash {
  float: left;
  padding-right: 10px;
  padding-left: 10px; }
  @media only screen and (min-width: 680px) {
    .datepicker-with-dash .datepicker-dash {
      height: 32px;
      line-height: 32px; } }
  @media only screen and (max-width: 679px) {
    .datepicker-with-dash .datepicker-dash {
      height: 32px;
      line-height: 32px; } }
.advanced-filter-toggle-wrap {
  padding-top: 10px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 5px;
  overflow-x: auto; }

.advanced-filter-toggle > .tr > .td:first-child {
  width: 10px;
  padding-right: 10px; }

.advanced-filter-toggle .giant-toggle-fluid {
  margin-bottom: 0; }

.advanced-filter-header {
  background-color: var(--_shade-grey-dark);
  font-weight: bold;
  padding: 4px 12px; }

.advanced-custom-field-filter-inner {
  margin: 5px 10px 10px 10px;
  border: 1px solid var(--_border-grey);
  border-radius: 5px; }

.filter-column-warning {
  background-color: var(--_warning-surface);
  border: 1px solid var(--border-grey, #E0C7A8);
  border-radius: 4px;
  padding: 10px;
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px; }

.detailed-columns-warning {
  color: var(--_fh-grey);
  padding-top: 7px; }

.ar-selected-groups {
  padding-bottom: 0; }

.report-type-buttons {
  padding: 15px 20px;
  border-bottom: 1px solid var(--_border-grey); }

.ar-main-header {
  background-color: var(--_shade-grey-light); }
  @media only screen and (min-width: 680px) {
    .ar-main-header {
      padding: 15px 25px;
      border-bottom: 1px solid var(--_border-grey-light); } }
  @media only screen and (max-width: 679px) {
    .ar-main-header {
      padding: 12px; } }
@media only screen and (min-width: 680px) {
  .ar-main-header-buttons {
    text-align: right; }
    .ar-main-header-buttons .tb-btn {
      float: none;
      display: inline-block; } }

.ar-main-header-details {
  color: var(--_fh-grey); }
  @media only screen and (min-width: 680px) {
    .ar-main-header-details {
      padding-right: 10px; } }
  @media only screen and (max-width: 679px) {
    .ar-main-header-details {
      display: block;
      padding-top: 3px;
      padding-bottom: 3px; } }
.ar-breadcrumbs {
  border-bottom: 1px solid #ccd4d8; }
  @media only screen and (min-width: 680px) {
    .ar-breadcrumbs {
      padding: 10px 20px; } }
  @media only screen and (max-width: 679px) {
    .ar-breadcrumbs {
      padding: 12px; } }
  .ar-breadcrumbs a {
    color: var(--_theme-primary);
    text-decoration: underline;
    display: inline-block; }

.ar-the-report .print-header {
  margin-bottom: 12px; }

@media only screen and (min-width: 680px) {
  .ar-the-report .report-wrap {
    padding-top: 20px;
    padding-bottom: 20px; } }

.ar-message {
  color: var(--_fh-grey);
  text-align: center;
  padding-bottom: 250px;
  background: url("/static/images/generate-report-illustration.jpg?06141a616a9c") bottom center no-repeat;
  background-size: 273px 220px; }
  .ar-message.is-running {
    background: url("/static/images/running-report-illustration.jpg?e8c024f639a4") bottom center no-repeat;
    background-size: 273px 220px; }
  @media only screen and (min-width: 680px) {
    .ar-message {
      padding-top: 50px;
      max-width: 350px;
      margin: 0 auto; } }
  @media only screen and (max-width: 679px) {
    .ar-message {
      padding-top: 50px; } }
  .ar-message h1 {
    padding-bottom: 5px;
    font-size: 25px;
    font-weight: normal; }
    .ar-message h1 .spinner-ticker-css {
      vertical-align: middle;
      margin-top: -4px; }
  .ar-message a {
    text-decoration: underline;
    color: var(--_theme-primary); }

.resource-use-setup {
  width: 100%;
  margin-bottom: 12px; }
  .resource-use-setup .field {
    margin-bottom: 0; }
  .resource-use-setup .td:nth-child(1) {
    width: 70px; }
  .resource-use-setup .td:nth-child(2) {
    width: 15px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }

.resource-time-setup {
  width: 100%;
  white-space: nowrap; }
  .resource-time-setup .td:nth-child(1) {
    padding-right: 20px; }

.resource-uses-wrap {
  padding-top: 12px; }

.price-sheet-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  min-height: 60px;
  padding-top: 8px;
  padding-right: 15px;
  padding-bottom: 8px;
  padding-left: 15px;
  border-radius: 6px;
  border-width: 2px;
  border-style: solid;
  border-color: var(--_border-grey-dark);
  background-color: var(--_surface-primary);
  transition: background-color 100ms ease;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }
  .price-sheet-block[type="button"] {
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .price-sheet-block[type="button"]:disabled {
      cursor: not-allowed; }
  @media only screen and (hover: hover) {
    .price-sheet-block:hover {
      background-color: var(--_hover-grey); } }
  .price-sheet-block.focus-visible {
    background-color: var(--_hover-grey); }
  .price-sheet-block:active {
    background-color: var(--_hover-grey--active); }
  .price-sheet-block.is-selected {
    background-color: var(--_select-menu-current); }
  .price-sheet-block.focus-visible {
    box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f; }
  .price-sheet-block[href]::after {
    content: '';
    flex: none;
    margin-left: 15px;
    width: 9px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23AFB8C0%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 9px 15px;
    background-repeat: no-repeat; }

.price-sheet-list > li {
  margin-bottom: 5px; }

.price-sheet-block-icon {
  flex: none;
  margin-right: 15px; }
  .is-selected .price-sheet-block-icon {
    color: var(--_theme-primary); }

.price-sheet-block-name {
  font-size: 15px; }
  .is-selected .price-sheet-block-name {
    color: var(--_theme-primary);
    font-weight: bold; }

.price-sheet-block-desc {
  color: var(--_fh-grey); }
  .price-sheet-block-desc > p + p {
    margin-top: 5px; }

@media only screen and (min-width: 680px) {
  .item-options-wrap {
    padding-top: 74px; } }

.item-options-toggle {
  clear: both;
  padding-left: 15px;
  padding-bottom: 5px;
  position: relative; }
  @media only screen and (min-width: 680px) {
    .item-options-toggle {
      max-width: 1065px; } }
  @media only screen and (max-width: 679px) {
    .item-options-toggle {
      padding-right: 15px; } }
@media only screen and (min-width: 680px) {
  .option-sheets:before, .option-sheets:after {
    width: 452px; }
  .option-sheets .option-sheet {
    width: 1064px; }
  .option-sheets .option-object {
    width: 454px; }
  .option-sheets .option-lines-overlay {
    left: 454px; }
  .option-sheets.narrow:before, .option-sheets.narrow:after {
    width: 262px; }
  .option-sheets.narrow .option-sheet {
    width: 874px; }
  .option-sheets.narrow .option-object {
    width: 264px; }
  .option-sheets.narrow .option-lines-overlay {
    left: 264px; } }

@media only print {
  .option-sheets:before, .option-sheets:after {
    width: 452px; }
  .option-sheets .option-sheet {
    width: 1064px; }
  .option-sheets .option-object {
    width: 454px; }
  .option-sheets .option-lines-overlay {
    left: 454px; }
  .option-sheets.narrow:before, .option-sheets.narrow:after {
    width: 262px; }
  .option-sheets.narrow .option-sheet {
    width: 874px; }
  .option-sheets.narrow .option-object {
    width: 264px; }
  .option-sheets.narrow .option-lines-overlay {
    left: 264px; } }

.compress-option-sheets {
  padding-bottom: 19px; }

.option-sheets {
  position: relative; }
  @media only screen {
    .option-sheets {
      margin-top: 15px;
      margin-bottom: 20px; }
      .compress-option-sheets .option-sheets {
        margin-bottom: 1px; }
      .option-sheets + .option-sheets {
        margin-top: 0; } }
  @media only screen and (min-width: 680px) {
    .option-sheets {
      float: left;
      margin-left: 15px;
      clear: both;
      border-top: 1px solid var(--_border-grey-light);
      border-right: 1px solid var(--_border-grey-light); }
      .option-sheets:before, .option-sheets:after {
        display: block;
        content: ' ';
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        bottom: 0;
        border-left: 1px solid var(--_border-grey-dark);
        border-right: 1px solid var(--_border-grey-dark);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none; }
      .option-sheets:before {
        -webkit-box-shadow: 6px 0px 4px -4px rgba(0, 0, 0, 0.14);
        box-shadow: 6px 0px 4px -4px rgba(0, 0, 0, 0.14); }
      .option-sheets:after {
        -webkit-box-shadow: -6px 0px 4px -4px rgba(0, 0, 0, 0.14);
        box-shadow: -6px 0px 4px -4px rgba(0, 0, 0, 0.14); } }
@media only screen and (min-width: 680px) {
  .option-sheet {
    display: table;
    table-layout: fixed;
    left: 0 !important; } }

.option-sheet--is-reset {
  border-top: 2px dashed orange; }

.option-sheet--is-bound-to-reset {
  border-top: 2px dashed #FFDD72; }

@media only screen and (min-width: 680px) {
  .option-row-group {
    display: table-row-group; } }

@media only screen and (min-width: 680px) {
  .option-row {
    display: table-row; } }

.option-rows-colored .option-object {
  border-left-width: 7px;
  border-left-style: solid; }

.option-rows-colored > li:nth-child(odd) .option-object {
  border-left-color: #8396A2; }

.option-rows-colored > li:nth-child(even) .option-object {
  border-left-color: var(--_border-grey-light); }

.option-object, .option-lines {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--_border-grey-light); }

.option-object .warning-icon {
  position: relative;
  z-index: 4; }

@media only screen and (min-width: 680px) {
  .option-object {
    display: table-cell;
    vertical-align: top; } }

@media only print {
  .option-object {
    display: table-cell;
    vertical-align: top; } }

.option-lines {
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 610px; }
  @media only screen and (max-width: 679px) {
    .option-lines {
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px); } }
@media only screen and (min-width: 680px) {
  .option-sheet-shade {
    z-index: 4;
    background: rgba(255, 255, 255, 0.78);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-transition: opacity 200ms;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    opacity: 1; }
    .option-sheet-shade:not(.active) {
      opacity: 0;
      pointer-events: none; } }

.option-object-inner {
  padding-right: 15px;
  padding-left: 15px;
  transition: padding 0.2s;
  -webkit-transition: padding 0.2s; }
  @media only screen {
    .option-object-inner {
      padding-top: 12px;
      padding-bottom: 12px; }
      .option-object-inner.has-right-button {
        padding-right: 45px; } }
  @media only print {
    .option-object-inner {
      padding-top: 6px;
      padding-bottom: 6px; } }
  .option-object-inner.option-object-inner--custom-field {
    padding-bottom: 2px; }
    @media only print {
      .option-object-inner.option-object-inner--custom-field {
        padding-left: 35px; } }
.label-object {
  vertical-align: middle;
  font-weight: bold; }

.label-object-inner {
  padding-right: 12px;
  padding-left: 12px; }

@media only screen {
  .option-objects-sortable.is-editable .option-object-inner-preview {
    padding-right: 35px; }
  .option-objects-sortable .option-object-inner {
    padding-left: 42px; }
  .option-objects-sortable .option-block-edit {
    left: 30px;
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px); } }

@media only screen {
  .header-object {
    background-color: var(--shade-grey-dark, #f1f2f4); } }

.option-object-edit-header {
  margin-bottom: 8px; }

.option-lines-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 1px;
  background-color: var(--_surface-primary);
  text-align: center; }

.option-lines-overlay-table {
  height: 100%;
  width: 100%;
  padding: 10px 70px; }

.lines-overlay-desc {
  color: var(--_fh-grey);
  padding-top: 7px; }
  .lines-overlay-desc a, .lines-overlay-desc button {
    text-decoration: underline;
    color: var(--_theme-primary); }
  .lines-overlay-desc button {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .lines-overlay-desc button:disabled {
      cursor: not-allowed; }

.option-inline-add-outer.is-indented .option-inline-add-button {
  padding-left: 42px; }

.option-inline-add-outer.is-indented .option-inline-add {
  margin-left: 30px; }

.option-inline-add-button {
  padding: 10px 15px;
  color: var(--_fh-green);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .option-inline-add-button:not(button) {
    display: block; }
  .option-inline-add-button[type="button"] {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer; }
    .option-inline-add-button[type="button"]:disabled {
      cursor: not-allowed; }
  @media only screen and (hover: hover) {
    .option-inline-add-button:hover {
      text-decoration: underline; } }
  .option-inline-add-button.focus-visible {
    text-decoration: underline; }
  .option-inline-add-button:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-position: -26px -225px;
    margin-right: 6px; }

.option-inline-add {
  position: relative;
  background-color: var(--_surface-primary);
  border: 1px solid var(--_border-grey);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 15px; }
  .option-inline-add.no-padding {
    padding: 0; }
    .option-inline-add.no-padding:after {
      border-bottom-color: var(--_surface-primary); }
  .option-inline-add.top-margin {
    margin-top: 12px; }
  .option-inline-add.arrow-right::after, .option-inline-add.arrow-right::before {
    left: 90%; }
  .option-inline-add::after, .option-inline-add::before {
    bottom: 100%;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    left: 45px; }
  .option-inline-add::after {
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -11px; }
  .option-inline-add::before {
    border-color: transparent;
    border-bottom-color: var(--_border-grey);
    border-width: 12px;
    margin-left: -12px; }

.option-object-med-header {
  display: block; }
  @media only screen {
    .option-object-med-header {
      font-size: 14px;
      font-weight: bold; }
      .option-object-med-header.no-bold {
        font-weight: normal; } }
.option-object-tiny-header {
  font-size: 12px;
  color: var(--_fh-grey-light);
  margin-bottom: 10px; }
  .option-object-tiny-header.is-single-line {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.option-object-small-header {
  font-size: 12px;
  color: var(--_fh-grey); }

.option-object-large-header {
  font-size: 15px;
  font-weight: bold;
  color: #0a6ece; }

.option-object-add-header {
  width: 100%; }

.price-form-sheet-heading {
  position: relative;
  z-index: 1;
  background-color: var(--_shade-grey-light);
  border-bottom: 1px solid var(--_border-grey-light);
  border-top: 1px solid var(--_border-grey-light);
  padding: 3px 12px;
  font-size: 12px;
  color: var(--_fh-grey); }
  .price-form-repeated:first-child .price-form-sheet-heading {
    border-top: none; }

.price-form.price-form--inset {
  margin: 10px;
  border: 1px solid var(--_border-grey-light);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border: 3px solid var(--_theme-primary);
  box-shadow: 0 0 6px #388BC1; }
  .price-form.price-form--inset.vis-price-tax-discount-final .td.vis {
    width: 107px; }
  .price-form.price-form--inset.price-tax-discount-final .td.price {
    width: 121px; }

.price-form.has-column-borders.vis-price-tax-discount-final:after, .price-form.has-column-borders.price-tax-discount-final:after, .price-form.has-column-borders.vis-price-tax-final:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

.price-form.has-column-borders.vis-price-tax-discount-final:before, .price-form.has-column-borders.price-tax-discount-final:before, .price-form.has-column-borders.vis-price-tax-final:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

.price-form.has-column-borders.vis-price-tax-discount-final:after {
  width: 134px;
  left: 120px;
  border-right: 1px solid var(--_border-grey-light);
  border-left: 1px solid var(--_border-grey-light); }

.price-form.has-column-borders.vis-price-tax-discount-final:before {
  width: 110px;
  left: 366px;
  border-right: 1px solid var(--_border-grey-light);
  border-left: 1px solid var(--_border-grey-light); }

.price-form.has-column-borders.price-tax-discount-final:after {
  width: 110px;
  left: 134px;
  border-right: 1px solid var(--_border-grey-light);
  border-left: 1px solid var(--_border-grey-light); }

.price-form.has-column-borders.price-tax-discount-final:before {
  left: 356px;
  border-left: 1px solid var(--_border-grey-light); }

.price-form.has-column-borders.vis-price-tax-final:after {
  width: 134px;
  left: 120px;
  border-right: 1px solid var(--_border-grey-light);
  border-left: 1px solid var(--_border-grey-light); }

.price-form.has-column-borders.vis-price-tax-final:before {
  left: 366px;
  border-left: 1px solid var(--_border-grey-light); }

.price-form-columns {
  display: table;
  width: 100%;
  table-layout: fixed;
  font-size: 12px; }
  .price-form-columns.previewing .td.vis:not(.cloak), .price-form-columns.previewing .td.price:not(.cloak), .price-form-columns.previewing .td.taxes:not(.cloak), .price-form-columns.previewing .td.discount:not(.cloak) {
    cursor: pointer; }
    .price-form-columns.previewing .td.vis:not(.cloak):hover, .price-form-columns.previewing .td.price:not(.cloak):hover, .price-form-columns.previewing .td.taxes:not(.cloak):hover, .price-form-columns.previewing .td.discount:not(.cloak):hover {
      background: var(--_hover-grey); }
  .price-form-columns.previewing .td.changed.vis:not(.cloak):hover, .price-form-columns.previewing .td.changed.price:not(.cloak):hover, .price-form-columns.previewing .td.changed.taxes:not(.cloak):hover, .price-form-columns.previewing .td.changed.discount:not(.cloak):hover {
    background-color: var(--medium-grey, #baefd0); }
  .price-form-columns.previewing .td.warn.vis:not(.cloak):hover, .price-form-columns.previewing .td.warn.price:not(.cloak):hover, .price-form-columns.previewing .td.warn.taxes:not(.cloak):hover, .price-form-columns.previewing .td.warn.discount:not(.cloak):hover {
    background-color: var(--alert-surface, #f8d6b7); }
  .price-form-columns .td {
    position: relative; }
    .price-form-columns .td.changed:not(.cloak) {
      background-color: var(--medium-grey, #DBF2DB); }
    .price-form-columns .td.warn:not(.cloak) {
      background-color: var(--alert-surface, #FAE3CE); }
      .price-form-columns .td.warn:not(.cloak) .icon-hint {
        display: inline-block; }
    .price-form-columns .td.vis, .price-form-columns .td.price, .price-form-columns .td.taxes, .price-form-columns .td.discount {
      border-right: 1px solid var(--_border-grey-light); }
    .price-form-columns .td.vis {
      width: 120px; }
    .price-form-columns .td.price {
      width: 134px; }
    .price-form-columns .td.taxes {
      width: 110px; }
    .price-form-columns .td.discount {
      width: 110px; }

.totalsheet {
  background-color: var(--shade-grey-light, #f8f0ff); }

.invoicesheet {
  background-color: var(--shade-grey-light, #f0f8ff); }

.price-col-header {
  padding: 0 12px;
  background-color: var(--_shade-grey-light);
  font-size: 13px;
  font-weight: bold; }
  @media only screen {
    .price-col-header {
      height: 41px;
      line-height: 41px; } }
  @media only print {
    .price-col-header {
      height: 26px;
      line-height: 26px; } }
.price-cell {
  display: table;
  width: 100%;
  table-layout: fixed; }

.price-cell-inner {
  display: table-row; }

.the-price {
  display: table-cell;
  padding: 2px 12px;
  vertical-align: middle; }
  @media only screen {
    .the-price {
      height: 36px; } }
  @media only print {
    .the-price {
      height: 24px; } }
  .the-price > .icon-hint {
    display: none; }

.price-col-inner {
  padding: 12px; }

.price-form-buttons {
  clear: both;
  background: var(--_shade-grey-light);
  padding: 10px 15px;
  position: relative;
  z-index: 10; }

.price-form-loading {
  height: 40px;
  line-height: 40px;
  color: var(--_fh-grey);
  padding: 0 12px; }

.field-price-line-type {
  margin-bottom: 10px; }
  .field-price-line-type select {
    width: 100%; }

.field-price-modifier-type select {
  width: 100%; }

.updater-price-form-wrap {
  max-width: 500px;
  background-color: var(--_surface-primary);
  margin-top: 10px;
  border-top: 1px solid var(--_border-grey-light);
  border-left: 1px solid var(--_border-grey-light); }
  .updater-price-form-wrap .table {
    border-bottom: 1px solid var(--_border-grey-light); }

.updater-price-sheet-select {
  border: 2px solid var(--_theme-primary);
  width: 100%; }

.price-inspector {
  background-color: var(--_surface-primary); }
  .price-inspector .td {
    border-bottom: 1px solid var(--_border-grey-light); }

.inspector-cell {
  display: block;
  padding: 5px 12px; }

.inspector-tr-sheet {
  background-color: var(--shade-green, #e8f6e6); }

.inspector-tr-item {
  background-color: var(--shade-orange, #faf1e3); }

.inspector-tr-customerprototype {
  background-color: var(--shade-blue, #edf2f6); }

.inspector-tr-extendedoption {
  background-color: var(--shade-purple, #F3E9FD); }

.inspector-header {
  padding: 10px 12px;
  border-bottom: 1px solid var(--_border-grey-light); }

@media only print {
  .pricing-toolbar {
    display: none !important; } }

@media only screen and (min-width: 680px) {
  .pricing-toolbar {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 468px) auto;
    grid-template-columns: minmax(0, 468px) auto;
    max-width: var(--price-sheet-settings-width);
    align-items: center;
    border-bottom: 1px solid var(--_border-grey-light);
    background-color: var(--_surface-primary); }
    .pricing-toolbar > :nth-child(2) {
      -ms-grid-column: 2; } }

.pricing-toolbar.pricing-toolbar--narrow {
  grid-template-columns: minmax(0, 263px) auto; }

@media only print {
  .toolbar--pricing-secondary {
    display: none !important; } }

@media only screen and (min-width: 680px) {
  .toolbar--pricing-secondary {
    --tb-max-width: var(--price-sheet-settings-width);
    --tb-bg-color: var(--_surface-primary);
    --tb-border-color: var(--_border-grey); } }

@media only screen and (max-width: 679px) {
  .toolbar.tb-dont-respond .toolbar--pricing-secondary {
    --tb-max-width: var(--price-sheet-settings-width);
    --tb-bg-color: var(--_surface-primary);
    --tb-border-color: var(--_border-grey); } }

.sheet-nav-wrap {
  padding: 10px 20px; }

.sheet-nav-header {
  padding-top: 15px;
  padding-bottom: 10px; }

.sheet-nav-wrap-inset {
  border-left: 2px solid var(--_border-grey-dark);
  padding-top: 10px;
  padding-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px; }

.settings-general-company-logo {
  max-width: 100%;
  max-height: 100px;
  margin-bottom: 15px; }

.field-preview, .code-edit {
  border: 1px solid var(--_border-grey);
  margin-bottom: 15px;
  border-radius: 5px; }
  .field-preview .field-preview-inner, .code-edit .field-preview-inner {
    padding: 15px 20px 3px 20px; }
  .field-preview .field-preview-header, .code-edit .field-preview-header {
    padding: 8px 20px 8px 20px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: var(--_shade-grey);
    border-bottom: 1px solid var(--_border-grey); }
  .field-preview .form-inline-add, .code-edit .form-inline-add {
    margin-top: 20px; }

.cf-add-preview {
  padding: 10px 10px 2px 10px;
  margin: 10px 0;
  border-radius: 4px;
  border: 1px solid var(--_border-grey-light); }

.cf-add-preview-header {
  padding-bottom: 10px; }

.cf-table .icon-svg-lock {
  display: block;
  height: 12px; }

.cf-table .prose img, .cf-table .hint img {
  max-height: 150px; }

@media only screen and (min-width: 680px) {
  .settings-nav-fixed {
    position: fixed;
    top: 45px;
    bottom: 0;
    left: 0;
    z-index: 1011; }
    .settings-nav-fixed.showing-secondary .settings-nav {
      border-right: 1px solid var(--_border-grey-dark); }
      .settings-nav-fixed.showing-secondary .settings-nav.is-secondary {
        box-shadow: 0px 15px 21px rgba(0, 0, 0, 0.53); }
    .settings-nav-fixed.toggleable.toggled, .settings-nav-fixed.showing-secondary {
      right: 0; }
      .settings-nav-fixed.toggleable.toggled .settings-nav-shade, .settings-nav-fixed.showing-secondary .settings-nav-shade {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: var(--overlay-surface, rgba(255, 255, 255, 0.4)); }
    .settings-nav-fixed.toggleable {
      display: none; }
      .settings-nav-fixed.toggleable.toggled {
        display: block; }
        .settings-nav-fixed.toggleable.toggled:not(.showing-secondary) .settings-nav {
          box-shadow: 0px 15px 21px rgba(0, 0, 0, 0.53); }
  .settings-nav,
  .settings-gutter-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 20px;
    border-right: 1px solid var(--_border-grey);
    background-color: var(--_flyout-surface);
    z-index: 1010; }
    .settings-nav.is-secondary,
    .settings-gutter-nav.is-secondary {
      width: 245px;
      left: 229px;
      background-color: var(--_shade-grey-light) !important;
      z-index: 1009; } }

@media only screen and (max-width: 679px) {
  .settings-nav-fixed.showing-secondary .settings-nav-tb {
    display: none; } }

@media only screen and (min-width: 680px) {
  .settings-gutter-nav {
    width: 52px;
    padding-top: 40px;
    overflow: hidden;
    color: var(--fh-grey-dark, #697886);
    cursor: pointer; } }
  @media only screen and (min-width: 680px) and (hover: hover) {
    .settings-gutter-nav:hover {
      background: var(--_hover-grey); } }
@media only screen and (min-width: 680px) {
    .settings-gutter-nav.focus-visible {
      background: var(--_hover-grey); } }

.settings-gutter-nav:before {
  transform: translateY(-1px) rotate(-90deg);
  content: '';
  display: inline-block;
  transition: transform 0.15s ease-in-out;
  border-style: solid;
  border-color: transparent;
  border-width: 8px 5px 0 5px;
  border-top-color: currentColor;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -3px; }
  @supports (mask-type: inherit) {
    .settings-gutter-nav:before {
      width: 10px;
      height: 8px;
      background-color: currentColor;
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      mask-size: 10px 8px;
      border: 0; } }

.settings-gutter-label {
  transform: rotate(-90deg) translateX(-100%);
  transform-origin: top left;
  -webkit-transform: rotate(-90deg) translateX(-100%);
  -webkit-transform-origin: top left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 52px;
  width: 600px;
  text-align: right;
  line-height: 50px;
  font-size: 18px; }

.settings-nav {
  background-color: var(--_surface-primary); }
  @media only screen and (min-width: 680px) {
    .settings-nav {
      box-shadow: 0 7px 5px -1px rgba(0, 0, 0, 0.25);
      width: 230px;
      overflow-y: auto;
      overflow-x: hidden; }
      .settings-nav:not(.is-secondary) {
        padding-top: 12px;
        padding-bottom: 35px; } }
  @media only screen and (max-width: 679px) {
    .settings-nav {
      padding-top: 8px;
      padding-bottom: 8px; } }
  .settings-nav.settings-nav-list a, .settings-nav .settings-nav-list a {
    position: relative;
    padding-right: 15px;
    padding-left: 20px;
    word-break: break-word;
    overflow-wrap: anywhere;
    transition: background-color 100ms ease; }
    @media only screen and (min-width: 680px) {
      .settings-nav.settings-nav-list a, .settings-nav .settings-nav-list a {
        padding-top: 7px;
        padding-bottom: 7px; } }
    @media only screen and (max-width: 679px) {
      .settings-nav.settings-nav-list a, .settings-nav .settings-nav-list a {
        padding-top: 10px;
        padding-bottom: 10px; } }
    .settings-nav.settings-nav-list a:not(.display-block), .settings-nav .settings-nav-list a:not(.display-block) {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
    @media only screen and (hover: hover) {
      .settings-nav.settings-nav-list a:hover, .settings-nav .settings-nav-list a:hover {
        background-color: var(--_hover-grey); } }
    .settings-nav.settings-nav-list a.focus-visible, .settings-nav .settings-nav-list a.focus-visible {
      background-color: var(--_hover-grey); }
    .settings-nav.settings-nav-list a:active, .settings-nav .settings-nav-list a:active {
      background-color: var(--_hover-grey--active); }
    .settings-nav.settings-nav-list a.has-secondary-nav::after, .settings-nav .settings-nav-list a.has-secondary-nav::after {
      content: '';
      flex: none;
      width: 9px;
      height: 9px;
      margin-left: auto;
      background-size: 9px 9px;
      transition: transform 100ms; }
  .settings-nav.settings-nav-list svg,
  .settings-nav.settings-nav-list .tb-icon, .settings-nav .settings-nav-list svg,
  .settings-nav .settings-nav-list .tb-icon {
    position: relative;
    flex: none;
    margin-right: 6px; }
  .settings-nav.settings-nav-list svg, .settings-nav .settings-nav-list svg {
    width: 16px; }
  .settings-nav.settings-nav-list .icon-notification,
  .settings-nav.settings-nav-list .icon-photos, .settings-nav .settings-nav-list .icon-notification,
  .settings-nav .settings-nav-list .icon-photos {
    top: -1px; }
  .settings-nav.settings-nav-list .icon-arrow-switch,
  .settings-nav.settings-nav-list .icon-network-closed, .settings-nav .settings-nav-list .icon-arrow-switch,
  .settings-nav .settings-nav-list .icon-network-closed {
    height: 16px; }
  .settings-nav.settings-nav-list .icon-bank, .settings-nav .settings-nav-list .icon-bank {
    width: 15px;
    padding-right: 1px; }
  .settings-nav.settings-nav-list .badge, .settings-nav .settings-nav-list .badge {
    flex: none;
    margin-right: 5px;
    font-size: 0.9em; }
  .settings-nav.settings-nav-list .admin-badge, .settings-nav .settings-nav-list .admin-badge {
    flex: none;
    margin-right: 5px; }
  .settings-nav.settings-nav-list .settings-nav-list-note, .settings-nav .settings-nav-list .settings-nav-list-note {
    display: block;
    font-size: 12px;
    color: var(--_fh-grey);
    max-height: 130px;
    overflow: hidden;
    padding-bottom: 1px; }
  .settings-nav.settings-nav-list a.current, .settings-nav.settings-nav-list li.current a, .settings-nav .settings-nav-list a.current, .settings-nav .settings-nav-list li.current a {
    color: #fff;
    background: #0a6ece !important; }
  .settings-nav.settings-nav-list a.toggled, .settings-nav .settings-nav-list a.toggled {
    background-color: var(--_hover-grey--active); }
    .settings-nav.settings-nav-list a.toggled:after, .settings-nav .settings-nav-list a.toggled:after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
  .settings-nav.settings-nav-list a.warning::after, .settings-nav .settings-nav-list a.warning::after {
    content: '';
    width: 16px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23E67D23%22%20viewBox%3D%220%200%2016%2014%22%3E%0A%20%20%3Cpath%20d%3D%22M9%2010v2H7v-2h2zm0-6v5H7V4h2z%22%20style%3D%22visibility%3A%20hidden%3B%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M8%200c.32%200%20.62.17.77.45.39.66%206.67%2011.44%207.11%2012.23a.88.88%200%2001-.76%201.32H.9a.88.88%200%2001-.76-1.35L7.23.45A.88.88%200%20018%200zm1%2010H7v2h2v-2zm0-6H7v5h2V4z%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 16px 14px;
    background-repeat: no-repeat;
    flex: none;
    margin-left: auto; }
  .settings-nav.settings-nav-list a.warning:not(.current), .settings-nav .settings-nav-list a.warning:not(.current) {
    background-color: var(--alert-surface, #F7E5CE); }
    @media only screen and (hover: hover) {
      .settings-nav.settings-nav-list a.warning:not(.current):hover, .settings-nav .settings-nav-list a.warning:not(.current):hover {
        background-color: var(--alert-surface, #f3d9b8); } }
    .settings-nav.settings-nav-list a.warning.focus-visible:not(.current), .settings-nav .settings-nav-list a.warning.focus-visible:not(.current) {
      background-color: var(--alert-surface, #f3d9b8); }
  .settings-nav .settings-nav-back {
    padding: 0 0 20px 20px; }

.settings-nav-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  color: var(--_fh-grey); }
  .settings-nav-header.has-top-padding {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid var(--_border-grey-light); }

.settings-nav-hint {
  padding: 20px; }

.settings-help-hint {
  padding-top: 8px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px; }

.settings-nav-section {
  padding-top: 20px;
  padding-bottom: 20px; }
  .settings-nav-section + .settings-nav-section {
    border-top: 1px solid var(--_border-grey); }

.settings-nav-header-bold {
  font-size: 16px;
  padding: 0 20px 10px 20px; }

.settings-nav-mobile-close {
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 15px 20px;
  cursor: pointer;
  border-bottom: 1px solid var(--_border-grey); }
  .settings-nav-mobile-close:disabled {
    cursor: not-allowed; }
  @media only screen and (min-width: 680px) {
    .settings-nav-mobile-close {
      display: none !important; } }
.settings-nav-trailing-badge {
  margin-left: 5px; }
  .current .settings-nav-trailing-badge {
    color: inherit; }

.settings-window {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .settings-window .settings-window-tabs {
    padding-top: 35px; }
    .settings-window .settings-window-tabs .tabs {
      padding: 0 35px; }
  @media only screen and (min-width: 680px) {
    .settings-window {
      margin-left: 230px; }
      .settings-window.with-gutter-nav {
        margin-left: 52px; }
      .settings-window .settings-wrap-wide,
      .settings-window .settings-wrap-narrow {
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        .settings-window .settings-wrap-wide:after,
        .settings-window .settings-wrap-narrow:after {
          content: '';
          display: table;
          clear: both;
          border-spacing: 0; }
      .settings-window .settings-wrap-narrow,
      .settings-window .settings-narrow {
        max-width: 650px;
        max-width: var(--settings-wrap-width-narrow); }
      .settings-window .settings-wrap-wide,
      .settings-window .settings-wrap-narrow {
        padding-top: 25px;
        padding-right: 35px;
        padding-bottom: 25px;
        padding-left: 35px;
        padding-top: var(--settings-wrap-padding-block-start);
        padding-right: var(--settings-wrap-padding-inline-end);
        padding-bottom: var(--settings-wrap-padding-block-end);
        padding-left: var(--settings-wrap-padding-inline-start); } }
  @media only screen and (min-width: 680px) {
    .settings-window .settings-wide-with-sidebar {
      padding-right: 330px; } }
  @media only screen and (min-width: 1330px) {
    .settings-window .settings-wrap-wide:not(.dont-add-space-for-flashes) {
      padding-right: 300px; } }
  .settings-window .settings-medium {
    max-width: 850px;
    position: relative; }
    @media only screen and (max-width: 679px) {
      .settings-window .settings-medium {
        padding: 20px; } }
  @media only screen and (max-width: 679px) {
    .settings-window {
      margin-top: 15px; }
      .settings-window .settings-wrap-wide, .settings-window .settings-wrap-narrow {
        padding: 20px; } }
.settings-window-activity {
  clear: both;
  background: var(--_shade-grey-light); }
  .settings-window-activity .tr:last-child > .td {
    border-bottom: none; }
  @media only screen and (max-width: 679px) {
    .settings-window-activity {
      border-top: 1px solid var(--_border-grey-light); } }
  .settings-window-activity .add-note-form {
    padding-left: 235px;
    padding-right: 40px;
    max-width: 720px; }

.settings-wrap-inner-narrow {
  max-width: 650px; }
  .settings-wrap-inner-narrow:after {
    content: '';
    display: table;
    clear: both;
    border-spacing: 0; }

.notifications-table.spreadsheet th {
  background-color: var(--_surface-primary); }

.notifications-table.spreadsheet th,
.notifications-table.spreadsheet td:nth-child(1) {
  padding: 5px 6px; }

.notifications-table.spreadsheet td:nth-child(2), .notifications-table.spreadsheet td:nth-child(3) {
  padding: 0; }

.notifications-table.hide-email-column td:nth-child(2), .notifications-table.hide-email-column th:nth-child(2) {
  display: none; }

.notifications-table .field-cb-light {
  margin-bottom: 5px; }

@media only screen and (min-width: 680px) {
  .seat-map-layout {
    position: relative;
    height: calc(100vh - 44px - 168px); }
  .seat-map-layout-settings {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    overflow-y: auto;
    top: 0;
    bottom: 0;
    left: 0;
    width: 360px;
    padding-top: 12px;
    padding-bottom: 20px;
    border-right: 2px solid var(--_border-grey); }
    .seat-map-layout-settings input[type="range"] {
      max-width: 160px; }
  .seat-map-layout-main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 360px; }
  .seat-map-container {
    position: absolute;
    overflow: auto;
    top: 37px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 28px;
    padding: var(--seatmap-cell-size);
    background-color: #fff; }
    .seat-map-container .seat-map-grid::after {
      content: '';
      position: absolute;
      width: 29px;
      width: calc(var(--seatmap-cell-size) - -1px);
      top: 0;
      right: 0;
      bottom: 0;
      background: #fff; }
    .seat-map-container .seat-map-grid.show-grid {
      background-image: repeating-linear-gradient(0deg, transparent, transparent 28px, #e0e3e6 28px, #e0e3e6 29px), repeating-linear-gradient(-90deg, transparent, transparent 28px, #e0e3e6 28px, #e0e3e6 29px);
      background-size: 29px 29px; }
      @supports (color: var(--primary)) {
        .seat-map-container .seat-map-grid.show-grid {
          background-image: repeating-linear-gradient(0deg, transparent, transparent var(--seatmap-cell-size), #e0e3e6 var(--seatmap-cell-size), #e0e3e6 calc(var(--seatmap-cell-size) - -1px)), repeating-linear-gradient(-90deg, transparent, transparent var(--seatmap-cell-size), #e0e3e6 var(--seatmap-cell-size), #e0e3e6 calc(var(--seatmap-cell-size) - -1px));
          background-size: calc(var(--seatmap-cell-size) - -1px) calc(var(--seatmap-cell-size) - -1px); } }
    .seat-map-container .seat-map-grid:not(.show-grid)::before {
      content: '';
      position: absolute;
      z-index: 999;
      pointer-events: none;
      top: -28px;
      right: -28px;
      bottom: -28px;
      left: -28px;
      top: calc(var(--seatmap-cell-size) * -1);
      right: calc(var(--seatmap-cell-size) * -1);
      bottom: calc(var(--seatmap-cell-size) * -1);
      left: calc(var(--seatmap-cell-size) * -1);
      border-width: 15px;
      border-width: calc(var(--seatmap-cell-size) - 13px);
      border-style: solid;
      border-color: #fff; }
    .seat-map-container .seat-hover-indicator {
      display: none;
      position: absolute;
      width: 28px;
      height: 28px;
      width: var(--seatmap-cell-size);
      height: var(--seatmap-cell-size);
      background-color: #e7ebef; } }

.seating-highlight-box {
  margin: 20px 15px;
  padding: 20px 15px;
  background-color: var(--_callout-surface); }

.seat-map-size-setting-slider {
  max-height: 40px;
  accent-color: var(--_theme-primary); }

.seat-map-size-setting-seat {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr;
  -ms-grid-columns: 1fr;
  border: 1px solid var(--_border-grey);
  font-size: 34px;
  color: #1f2428; }
  .seat-map-size-setting-seat .seat {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3px; }

.translation-table {
  margin-bottom: 25px; }
  .translation-table .translation-table-header {
    font-weight: bold;
    font-size: 14px; }
  .translation-table tbody > tr > td {
    border-bottom-width: 1px;
    border-top-width: 0; }
  .translation-table tbody > tr.tr--child-translation:not(:last-child) > td:first-child {
    border-top-width: 0;
    border-bottom-width: 0; }
  @media only screen and (min-width: 680px) {
    .translation-table .td--field {
      width: 30%; }
    .translation-table .td--language {
      width: 35%; } }
.overview-box--refund-reserve {
  position: relative;
  padding: 15px 25px; }
  @media only screen {
    .overview-box--refund-reserve {
      background: #daf7ff;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #daf7ff), color-stop(100%, #dbfdd7));
      background: -webkit-linear-gradient(top, #daf7ff 0%, #dbfdd7 100%);
      background: -ms-linear-gradient(top, #daf7ff 0%, #dbfdd7 100%);
      background: linear-gradient(to bottom, #daf7ff 0%, #dbfdd7 100%); } }
  .overview-box--refund-reserve.with-border-top {
    border-top: 1px solid #C4DDE4; }
  .overview-box--refund-reserve.with-border-bottom {
    border-bottom: 1px solid #C4DDE4; }

.refund-reserve-total {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #C4DDE4; }

.refund-reserve-box {
  border: 1px solid var(--_border-grey-dark);
  border-radius: 5px;
  overflow: hidden; }
  .refund-reserve-box.light-border {
    border-color: #C4DDE4; }

@media only screen and (min-width: 680px) {
  .refund-reserve-accounts-col {
    float: left;
    width: 456px;
    margin-right: 30px; } }

.refund-reserve-actions {
  position: relative;
  margin-top: 20px; }
  @media only screen and (min-width: 680px) {
    .refund-reserve-actions {
      float: left;
      width: 335px; } }
.affiliate-form-header {
  color: var(--_fh-grey);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 7px 0; }
  .affiliate-form-header.update-affiliate-header {
    padding-top: 0; }

.edit-form-closed {
  margin-bottom: 15px; }
  .edit-form-closed a {
    color: var(--_fh-grey);
    text-decoration: underline; }

.form-big-inputs input[type="text"], .form-big-inputs input[type="email"], .form-big-inputs input[type="url"], .form-big-inputs input[type="password"], .form-big-inputs input[type="tel"] {
  height: 35px; }

.form-inline-add {
  position: relative;
  background-color: var(--_flyout-surface);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 25px;
  margin-top: 40px; }
  .form-inline-add::after, .form-inline-add::before {
    bottom: 100%;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    left: 45px; }
  .form-inline-add::after {
    border-color: transparent;
    border-bottom-color: var(--_flyout-surface);
    border-width: 11px;
    margin-left: -11px; }
  .form-inline-add.form-inline-add--grey-arrow::after {
    border-bottom-color: var(--_shade-grey); }

.form-inline-wrap {
  position: relative;
  background-color: var(--_surface-primary);
  border: 1px solid var(--_border-grey);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 12px; }

.form-inline-edit {
  position: relative;
  padding: 10px; }
  .form-inline-edit.no-padding {
    padding: 0; }
  .form-inline-edit.has-margin {
    margin: 15px 0; }

.form-inline-edit-inner {
  padding: 10px 15px; }

.form-inline-edit-header {
  background-color: var(--_surface-primary);
  padding: 10px 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .form-inline-edit-header .subtitle {
    display: block;
    color: var(--_fh-grey);
    margin-bottom: 10px; }

.shaded-field-group {
  background-color: var(--_shade-grey);
  padding: 12px;
  border: 1px solid var(--_border-grey);
  border-radius: 5px;
  margin-bottom: 10px; }

.shaded-fields-group {
  padding: 10px;
  background-color: var(--_shade-grey-dark);
  border: 1px solid var(--_border-grey-dark);
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px; }

.labels-above .field:not(.field-cb) {
  margin-bottom: 10px !important; }

.labels-above .hint {
  margin-bottom: 10px; }

.labels-above .hint--after-field {
  margin-top: 5px;
  color: var(--_fh-grey); }

.labels-above label .label-text {
  display: block; }
  .labels-above label .label-text.is-before {
    margin-bottom: 3px; }

.labels-above .field-no-margin-bottom {
  margin-bottom: 0 !important; }

.labels-above-header {
  display: block;
  font-weight: bold;
  padding-bottom: 7px; }

.labels-above--heavy-headers .label-text {
  display: block;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 4px; }

.field-grid {
  --field-grid-max-width: 900px;
  --field-grid-column-gap: 42px;
  --field-grid-row-gap: 25px;
  --field-grid-item--min-width: 250px;
  --field-grid-item--max-width: 1fr;
  --field-grid-auto-sizing: auto-fill;
  display: grid;
  max-width: var(--field-grid-max-width);
  grid-column-gap: var(--field-grid-column-gap);
  column-gap: var(--field-grid-column-gap);
  grid-row-gap: var(--field-grid-row-gap);
  row-gap: var(--field-grid-row-gap); }
  @media only screen and (min-width: 680px) {
    .field-grid {
      grid-template-columns: repeat(var(--field-grid-auto-sizing), minmax(var(--field-grid-item--min-width), var(--field-grid-item--max-width))); } }
  @media only screen and (max-width: 679px) {
    .field-grid {
      --field-grid-row-gap: 20px; } }
  .field-grid.field-grid--resource-overrides {
    --field-grid-auto-sizing: auto-fit; }

@media only screen and (min-width: 680px) {
  .field-grid-item {
    position: relative; }
    .field-grid-item.field-grid-item--divider::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: calc(var(--field-grid-column-gap) / 2 * -1);
      width: 1px;
      background-color: var(--_border-grey-light); } }

.labels-inline .label-text {
  display: block;
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 14px; }

.labels-inline .labels-inline-header {
  color: var(--_theme-primary);
  font-size: 15px;
  padding-bottom: 10px;
  padding-top: 8px; }
  .labels-inline .labels-inline-header:first-child {
    padding-top: 0; }

.disabled-message {
  display: block;
  font-size: 12px;
  color: var(--_fh-grey-light); }

@media only screen and (min-width: 680px) {
  .label-text-extra {
    display: table-cell;
    width: 100px;
    text-align: right;
    padding-right: 15px;
    vertical-align: top;
    line-height: 28px; } }

.fields-indent {
  border-left: 1px solid var(--_border-grey-dark);
  padding-left: 12px;
  margin-bottom: 18px;
  margin-left: 6px; }
  .fields-indent .fields-indent {
    margin-bottom: 8px !important; }

.fields-indent-header {
  padding-bottom: 8px;
  font-weight: bold; }

.fields-indent-header-2 {
  color: var(--_fh-grey-dark);
  padding-bottom: 10px;
  padding-top: 10px; }

@media only screen and (min-width: 680px) {
  .booking-full .add-note-form, .activities-add-note {
    background-color: var(--_shade-grey-light); } }

.activities-print-header {
  font-weight: bold;
  padding-bottom: 10px; }

.activity-meta-image {
  padding-right: 10px;
  line-height: 0; }

.activity-meta-user {
  font-size: 12px;
  margin-bottom: 2px; }
  .activity-meta-user a:hover {
    color: var(--_theme-primary);
    border-bottom: 1px solid var(--_theme-primary); }
  @media only print {
    .activity-meta-user {
      float: right;
      color: var(--_fh-grey); } }
.activity-meta-company {
  margin-bottom: 3px;
  font-size: 12px; }

.activity-meta-date {
  display: block; }
  @media only screen {
    .activity-meta-date {
      font-size: 12px;
      color: var(--_fh-grey-dark); } }
  .activity-meta-date.is-dropdown {
    cursor: pointer; }
    @media only screen {
      .activity-meta-date.is-dropdown:after {
        transform: none;
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 5px 3.5px 0 3.5px;
        border-top-color: currentColor;
        pointer-events: none;
        vertical-align: middle;
        margin-top: -1px; }
        @supports (mask-type: inherit) {
          .activity-meta-date.is-dropdown:after {
            width: 7px;
            height: 5px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 7px 5px;
            border: 0; } } }
    @media only screen and (hover: hover) {
      .activity-meta-date.is-dropdown:hover {
        color: var(--_text-primary); } }
    .activity-meta-date.is-dropdown.focus-visible {
      color: var(--_text-primary); }
  @media only print {
    .activity-meta-date:after {
      content: ':';
      background: none; } }
.activity-flyout-wrap {
  position: relative; }
  .activity-flyout-wrap .activity-flyout {
    top: auto;
    margin-top: 2px; }

.activity-note-content {
  padding: 8px;
  margin-top: 5px;
  max-width: 475px;
  border-radius: 4px; }

.activities {
  border-collapse: collapse;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  table-layout: fixed; }
  .activities .activity-loading {
    padding: 15px 0;
    border-top: 1px solid var(--_border-grey-light); }
  .activities .activity-empty {
    border-top: 1px solid var(--_border-grey-light);
    border-bottom: 1px solid var(--_border-grey-light);
    padding: 10px 0 10px 40px;
    color: var(--_fh-grey); }
    @media only screen and (max-width: 679px) {
      .activities .activity-empty {
        padding: 20px; } }
  .activities > .tr > .td {
    border-bottom-style: solid;
    border-bottom-width: 1px; }
    @media only screen {
      .activities > .tr > .td {
        border-bottom-color: var(--_border-grey-light); } }
    @media only print {
      .activities > .tr > .td {
        border-bottom-color: #999; } }
    .activities > .tr > .td.activity-meta {
      vertical-align: middle;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media only screen and (min-width: 680px) {
        .activities > .tr > .td.activity-meta {
          width: 215px;
          padding-top: 14px;
          padding-right: 0;
          padding-bottom: 14px;
          padding-left: 35px;
          padding-left: var(--settings-wrap-padding-inline-start); } }
      @media only screen and (max-width: 679px) {
        .activities > .tr > .td.activity-meta {
          padding: 10px 20px 0 20px;
          border-bottom: 0;
          width: 100%; } }
      @media only print {
        .activities > .tr > .td.activity-meta {
          padding-left: 12px;
          padding-right: 12px;
          padding-top: 8px;
          padding-bottom: 8px;
          border-bottom: 0; } }
    .activities > .tr > .td.activity-content {
      position: relative;
      vertical-align: middle; }
    .activities > .tr > .td .activity-content-inner {
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
      word-wrap: break-word;
      line-height: 1.3; }
      @media only screen {
        .activities > .tr > .td .activity-content-inner {
          padding: 14px 75px 14px 20px; } }
      @media only print {
        .activities > .tr > .td .activity-content-inner {
          padding-left: 12px;
          padding-right: 12px;
          padding-bottom: 8px; } }
  @media only screen and (min-width: 680px) {
    .activities > .tr:first-child > .td {
      border-top: 1px solid var(--_border-grey-light); } }
  .activities .activity-for {
    padding-bottom: 10px; }
  .activities .activity-move-note {
    padding-bottom: 10px;
    color: var(--_fh-grey); }
  .activities .activity-note-created {
    margin-top: 8px;
    color: var(--_fh-grey); }
  .activities .activity-diff {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    margin-top: 5px;
    padding: 8px;
    background-color: var(--_shade-grey-dark);
    border-radius: 2px; }
  .activities .activity-source {
    vertical-align: middle;
    width: 40px;
    padding: 10px 0;
    text-align: center;
    font-size: 22px;
    color: var(--_border-grey-dark); }
    .activities .activity-source:hover {
      color: var(--_text-primary); }
    @media only screen and (max-width: 679px) {
      .activities .activity-source {
        display: block;
        width: 100%; } }
@media only screen {
  .activity-content-icon {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 38px; } }

.activity-ava, .activity-content-shaded {
  margin-top: 5px;
  padding: 8px;
  background: var(--_shade-grey-dark);
  border-radius: 4px;
  word-break: break-word; }
  .activity-ava .activity-ava-breakdown, .activity-content-shaded .activity-ava-breakdown {
    margin-top: 8px; }
    .activity-ava .activity-ava-breakdown li, .activity-content-shaded .activity-ava-breakdown li {
      padding-bottom: 0; }

.activity-ava-filters {
  border-left: 1px solid #BFBFBF;
  padding-left: 10px;
  margin-left: 8px;
  margin-top: 6px; }

.activity.activity-note > .td, .activity.activity-transferred-note > .td {
  background-color: var(--alert-surface, #f9f4e3); }

.activity.activity-note .activity-content, .activity.activity-transferred-note .activity-content {
  color: var(--text-primary, #3C382C); }

.activity.activity-note .activity-content-icon, .activity.activity-transferred-note .activity-content-icon {
  background-position: -286px -136px; }

.activity-booked-booking > .td, .activity-imported-booking > .td, .activity-booked-order > .td {
  background-color: var(--success-surface, #dce8e1); }

.activity-booked-booking .activity-content-icon::after, .activity-imported-booking .activity-content-icon::after, .activity-booked-order .activity-content-icon::after {
  content: '';
  display: block;
  margin-top: 4px;
  margin-left: 4px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23A0C09F%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7%2C0a.88.88%2C0%2C0%2C1%2C.88.88V6.12h5.24a.88.88%2C0%2C1%2C1%2C0%2C1.76H7.88v5.24a.88.88%2C0%2C0%2C1-1.76%2C0V7.88H.88a.88.88%2C0%2C0%2C1%2C0-1.76H6.12V.88A.88.88%2C0%2C0%2C1%2C7%2C0Z%22%2F%3E%3C%2Fsvg%3E%0A");
  background-size: 16px 16px;
  background-repeat: no-repeat; }

.activity-booked-booking .activity-note-content, .activity-imported-booking .activity-note-content, .activity-booked-order .activity-note-content {
  background: #f5faf7; }

.activity-rebooked-booking > .td {
  background-color: #DDE9DE; }

.activity-rebooked-booking .activity-content-icon {
  background-position: -390px -210px; }

.activity-cancelled-booking > .td {
  background-color: var(--alert-surface, #efdad9); }

.cancelled-booking-note {
  background: #e7c9c7; }

.activity-sent-email > .td, .activity-sent-review-express-request > .td {
  background-color: var(--shade-grey-dark, #e9eef2); }

.activity-sent-email .activity-content, .activity-sent-review-express-request .activity-content {
  color: var(--_text-primary, #384652); }

.activity-sent-email .activity-sent-email-note, .activity-sent-review-express-request .activity-sent-email-note {
  background: #dce4ea; }

@media only screen {
  .activity-sent-email .activity-content-icon {
    width: 19px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23AFB8C0%22%20viewBox%3D%220%200%2018.67%2014%22%3E%3Cpath%20d%3D%22M2%2C0A2%2C2%2C0%2C0%2C0%2C0%2C2V12a2%2C2%2C0%2C0%2C0%2C2%2C2H16.63a2%2C2%2C0%2C0%2C0%2C2-2V2a2%2C2%2C0%2C0%2C0-2-2ZM16.92%2C2.42V2a.29.29%2C0%2C0%2C0-.29-.29H2A.29.29%2C0%2C0%2C0%2C1.75%2C2v.38L9.33%2C6.86Zm-15.17%2C2V12a.29.29%2C0%2C0%2C0%2C.29.29H16.63a.29.29%2C0%2C0%2C0%2C.29-.29h0V4.44L9.78%2C8.63a.89.89%2C0%2C0%2C1-.89%2C0L1.75%2C4.44Z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    background-size: 19px 14px;
    background-repeat: no-repeat;
    margin-top: -7px; } }

.activity-sent-review-express-request .activity-content-icon {
  width: 28px;
  height: 20px;
  background-position: -64px -405px;
  margin-top: -10px;
  right: 25px; }

.activity-charge-disputed > .td {
  background-color: var(--_warning-surface); }

.activity-sms-bubble {
  position: relative;
  margin-top: 5px;
  border-radius: 5px;
  padding: 8px 12px;
  max-width: 491px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .activity-sms-bubble::after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: 10px;
    bottom: -8px;
    border: 4px solid; }
  .activity-sms-bubble:not(.activity-sms-bubble-initial) {
    background: #22a158;
    color: #fff; }
    .activity-sms-bubble:not(.activity-sms-bubble-initial)::after {
      border-color: #22a158 #22a158 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
  .activity-sms-bubble-initial {
    background: var(--_shade-grey-dark);
    color: var(--_text-primary); }
    .activity-sms-bubble-initial::after {
      border-color: var(--_shade-grey-dark) var(--_shade-grey-dark) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }

.activity-sms-status {
  text-align: right;
  color: var(--_fh-grey);
  font-size: 11px;
  max-width: 491px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 2px;
  padding-right: 20px; }

.activities-next-page {
  border-bottom: 1px solid var(--_border-grey-light); }
  .activities-next-page .activities-next-page-loading {
    padding: 10px;
    text-align: center; }
  .activities-next-page .activities-load-more {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: center;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    color: var(--_text-primary);
    cursor: pointer;
    padding: 12px 0; }
    .activities-next-page .activities-load-more:disabled {
      cursor: not-allowed; }
    @media only screen and (hover: hover) {
      .activities-next-page .activities-load-more:hover {
        background-color: var(--_hover-grey);
        color: var(--_theme-primary); } }
    .activities-next-page .activities-load-more.focus-visible {
      background-color: var(--_hover-grey);
      color: var(--_theme-primary); }
    .activities-next-page .activities-load-more:active {
      filter: brightness(95%); }
    .activities-next-page .activities-load-more.active-when-toggled.toggled, .activities-next-page .activities-load-more.is-active {
      background-color: rgba(0, 0, 0, 0); }
    @media only screen and (hover: hover) {
      .activities-next-page .activities-load-more:not(:disabled):hover {
        text-decoration: underline; } }
    .activities-next-page .activities-load-more.focus-visible:not(:disabled) {
      text-decoration: underline; }

@media only screen and (min-width: 680px) {
  .activities-add-note {
    border-top: 1px solid var(--_border-grey-light); } }

.add-note-form {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .add-note-form textarea {
    width: 100%;
    height: 38px; }
    @media only screen and (min-width: 680px) {
      .add-note-form textarea {
        padding-top: 10px; } }
    .add-note-form textarea:focus {
      height: 100px; }
  .add-note-form .field-required-flag {
    display: none !important; }
  .add-note-form .field {
    margin-bottom: 0; }
  @media only screen and (min-width: 680px) {
    .add-note-form .add-note-fields {
      padding: 12px 12px 12px 0; }
    .add-note-form .add-note-submit {
      width: 100px;
      padding: 12px 0 12px 0; } }
  @media only screen and (max-width: 679px) {
    .add-note-form {
      padding: 12px 0; } }
  @media only screen and (max-width: 679px) {
    .add-note-form.ng-pristine .add-note-submit {
      display: none; } }
.activity-timeline {
  display: block;
  margin-top: 8px; }
  .activity-timeline li {
    float: left;
    position: relative;
    background: transparent;
    border: 1px solid #404E5A;
    height: 18px;
    line-height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 4px;
    margin-top: -1px; }
    .activity-timeline li .icon-info {
      width: 12px;
      height: 12px;
      fill: #fff;
      vertical-align: middle;
      margin-bottom: 1px;
      margin-left: 2px; }
    .activity-timeline li:nth-child(1) {
      z-index: 5; }
    .activity-timeline li:nth-child(2) {
      z-index: 4; }
    .activity-timeline li:nth-child(3) {
      z-index: 3; }
    .activity-timeline li:nth-child(4) {
      z-index: 2; }
    .activity-timeline li:nth-child(5) {
      z-index: 1; }
    .activity-timeline li:first-child {
      padding-right: 8px;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    .activity-timeline li:last-child {
      padding-right: 8px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
      .activity-timeline li:last-child:after, .activity-timeline li:last-child:before {
        display: none; }
    .activity-timeline li.active {
      background: #404E5A;
      color: #fff; }
      .activity-timeline li.active:before {
        border-left-color: #e8edf1; }
      .activity-timeline li.active:after {
        border-left-color: #404E5A; }
    .activity-timeline li.error {
      background: #c02b2b;
      border-color: #c02b2b; }
    .activity-timeline li:after, .activity-timeline li:before {
      left: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .activity-timeline li:after {
      border-color: rgba(0, 0, 0, 0);
      border-left-color: #e8edf1;
      border-width: 8px;
      top: 50%;
      margin-top: -8px; }
    .activity-timeline li:before {
      border-color: rgba(0, 0, 0, 0);
      border-left-color: #404E5A;
      border-width: 9px;
      top: 50%;
      margin-top: -9px; }

.diff .diff-added {
  background-color: #bafbba;
  color: #1f2428;
  border-radius: 2px; }

.diff .diff-removed {
  background-color: #febab9;
  color: #1f2428;
  border-radius: 2px; }

.activity-overlay-wrap {
  padding-top: 45px; }

.activity-note-count {
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 13px;
  height: 13px;
  border-radius: 3px;
  color: #fff;
  background-color: var(--_theme-primary); }

.activity-used-by {
  margin-top: 5px; }

.ava-time-and-length-container {
  padding-bottom: 10px; }

.ava-time-and-length {
  width: 225px; }
  .ava-time-and-length td {
    vertical-align: top; }
    .ava-time-and-length td:first-child {
      padding-right: 10px; }

.form-week-days {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  column-gap: 1px; }
  .labels-above .form-week-days .field {
    margin-bottom: 1px !important; }
  .form-week-days .field.checkbox-selected label {
    background: #0a6ece !important;
    color: #fff; }
  .form-week-days .field:not(.ng-disabled) label:hover {
    cursor: pointer;
    background: #e7ebef; }
  .form-week-days label {
    display: block;
    text-align: center;
    padding: 5px 10px;
    border-radius: 3px; }
    .form-week-days label .the-field {
      display: block; }

.booking-block {
  padding: 15px 15px 15px 20px !important; }
  .booking-block.booking--cancelled {
    color: var(--_fh-grey); }

.booking-block-header {
  margin-bottom: 3px; }
  .booking-block-header h2 {
    padding-right: 10px;
    font-size: 16px;
    line-height: 1.1; }
  .booking-block-header .badge {
    font-size: 12px; }

.booking-block-company {
  margin-top: 7px;
  color: var(--_fh-grey); }

.booking-block-order {
  padding-top: 6px; }
  .fh-grey .booking-block-order .tb-icon {
    opacity: 0.5; }

.booking-block-availability {
  padding-top: 8px; }
  .booking-block-availability li:not(:last-child) {
    margin-bottom: 2px; }

.booking-block-meta {
  font-size: 12px; }
  .booking-block-meta > :first-child {
    margin-top: 8px; }

.booking-block-affiliate {
  display: block;
  color: var(--fh-grey-light, #4c5761); }
  .booking-block-affiliate.booked-via-online, .booking-block-affiliate.booked-via-affiliate-db {
    color: var(--_theme-primary); }
    .booking-block-affiliate.booked-via-online:before, .booking-block-affiliate.booked-via-affiliate-db:before {
      content: '';
      height: 9px;
      width: 13px;
      margin-bottom: -1px; }
  .booking-block-affiliate.booked-via-online:before {
    background-position: -404px -196px; }
  .booking-block-affiliate.booked-via-affiliate-db:before {
    background-position: -419px -196px; }

.booking--availability-cancelled {
  color: var(--_fh-red); }
  .booking--cancelled .booking--availability-cancelled {
    color: inherit; }
  .booking--availability-cancelled .cancelled-icon {
    display: inline-block;
    position: relative;
    top: 1px; }

.booked-at {
  display: block; }
  .booked-at.booked-at-online {
    font-weight: bold;
    color: var(--_theme-primary); }
    .booked-at.booked-at-online .booked-online-ref {
      color: var(--_fh-grey); }
  .booked-at .rebooked-icon {
    width: 13px;
    height: 9px;
    background-position: -348px -193px;
    vertical-align: baseline; }

.bookings-list {
  width: 100%;
  border-collapse: collapse; }
  .bookings-list .bookings-list-booking {
    position: relative; }
  .bookings-list .bookings-list-pk {
    color: var(--_fh-grey); }
  @media only screen and (min-width: 680px) {
    .bookings-list .td {
      padding: 6px 2px; }
      .bookings-list .td:first-child {
        padding-left: 10px; }
      .bookings-list .td:last-child {
        padding-right: 10px; }
    .bookings-list .tbody:last-child .td {
      border-bottom: 0; }
    .bookings-list .bookings-list-booking {
      cursor: pointer; }
      .bookings-list .bookings-list-booking:hover {
        background: var(--_hover-grey); }
      .bookings-list .bookings-list-booking .td {
        border-bottom: 1px solid var(--_border-grey-light); }
    .bookings-list .bookings-list-pk {
      width: 55px; }
    .bookings-list .booked-at {
      margin-top: 0; } }
  @media only screen and (max-width: 679px) {
    .bookings-list .bookings-list-booking {
      display: block;
      border-bottom: 1px solid var(--_border-grey-light);
      padding: 15px; }
      .bookings-list .bookings-list-booking:last-child {
        border-bottom: 0; }
    .bookings-list .bookings-list-pk {
      padding-bottom: 5px; }
    .bookings-list .bookings-list-breakdown {
      display: block; }
    .bookings-list .booked-at {
      margin-top: 5px; }
    .bookings-list .bookings-list-badge {
      position: absolute;
      top: 15px;
      right: 15px; }
    .bookings-list .bookings-list-affiliate {
      padding-top: 5px; } }
.d3 .axis.y path {
  display: none; }

.d3 .axis path {
  fill: none;
  stroke: var(--_border-grey-light);
  shape-rendering: crispEdges; }

.d3 .axis line {
  fill: none;
  stroke: var(--_border-grey-light);
  shape-rendering: crispEdges; }

.d3 .axis text {
  fill: #697886; }

.d3 .line {
  fill: none;
  stroke: #0a6ece;
  stroke-width: 3px; }

.d3 .area {
  fill: rgba(10, 110, 206, 0.3);
  stroke-width: 0px; }

.d3 .point .coarse-point {
  fill: transparent;
  stroke: transparent;
  stroke-width: 2.5px; }

.d3 .point:hover .coarse-point {
  fill: #1788f4;
  stroke: white; }

.d3 .point .fine-point {
  fill: #0a6ece;
  stroke: white;
  stroke-width: 2.5px; }

.d3 .point:hover .fine-point {
  fill: #0a6ece; }

.d3 .title {
  font-weight: bold;
  font-size: 14px;
  fill: var(--_text-primary); }

.d3 .sub-title {
  fill: #697886;
  font-weight: bold;
  font-size: 12px; }

@media only screen and (min-width: 680px) {
  .db-theater {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--overlay-surface, rgba(249, 250, 251, 0.8));
    width: 100%;
    height: 100%;
    z-index: 1012;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }
    .db-theater .db-theater-inner {
      padding-top: 25px;
      padding-bottom: 35px; } }

@media only screen and (max-width: 679px) {
  .db-theater.overlay-on-mobile {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--overlay-surface, rgba(249, 250, 251, 0.8));
    width: 100%;
    height: 100%;
    z-index: 1012;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }
    .db-theater.overlay-on-mobile .db-theater-inner {
      padding-top: 25px;
      padding-bottom: 35px; }
  .db-theater:not(.overlay-on-mobile) {
    margin: 15px 12px;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16);
    border-radius: 4px; } }

@media only screen {
  .db-theater-clickback {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; } }

.bookings-window-content {
  z-index: 1013;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .bookings-window-content.success {
    border-bottom: 0; }
  .bookings-window-content .activities > .tr:last-child > .td {
    border-bottom: 0; }
  .bookings-window-content .activities .activity-empty {
    border-bottom: 0; }
  .bookings-window-content .button-close {
    top: 4px;
    right: 4px; }
  .bookings-window-content .add-note-form {
    padding-left: 235px;
    padding-right: 40px; }
    @media only screen and (max-width: 679px) {
      .bookings-window-content .add-note-form {
        padding: 12px 20px; } }
  .bookings-window-content.is-alert {
    position: absolute;
    top: 50%;
    margin-top: -200px;
    border: 2px solid #f37f25;
    border-radius: 5px; }
    @media only screen and (min-width: 680px) {
      .bookings-window-content.is-alert {
        padding: 30px;
        max-width: 400px;
        left: 50%;
        margin-left: -200px; } }
    @media only screen and (max-width: 679px) {
      .bookings-window-content.is-alert {
        padding: 25px;
        margin-left: 15px;
        margin-right: 15px; } }
    .bookings-window-content.is-alert h1 {
      color: #f37f25;
      padding-bottom: 10px;
      font-size: 21px; }
    .bookings-window-content.is-alert p {
      padding-bottom: 15px;
      font-size: 14px; }
    .bookings-window-content.is-alert .btns {
      padding-top: 5px; }
  @media only screen and (min-width: 680px) {
    .bookings-window-content {
      max-width: 910px;
      margin: 0 auto;
      border-radius: 5px;
      background-color: var(--_surface-primary);
      box-shadow: var(--overlay-shadow, 0 3px 20px -8px rgba(76, 87, 97, 0.8)); }
      .bookings-window-content .ava-window-stats {
        padding-left: 25px;
        padding-right: 25px;
        border-bottom: 1px solid var(--_border-grey); }
      .bookings-window-content.admin-jump-window {
        max-width: 750px;
        padding: 25px;
        border-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px; } }
  @media only screen and (max-width: 679px) {
    .overlay-on-mobile .bookings-window-content {
      background-color: var(--_surface-primary);
      -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.35); }
    .bookings-window-content .ava-window-stats .toolbar {
      --tb-margin-block-start: 5px;
      --tb-margin-block-end: 5px; } }
.ava-window-mobile-actions {
  padding: 12px; }
  .ava-window-mobile-actions .td {
    width: 50%; }
    .ava-window-mobile-actions .td:first-child {
      padding-right: 4px; }
    .ava-window-mobile-actions .td:last-child {
      padding-left: 4px; }

.translation-overlay {
  z-index: 1014;
  position: relative; }
  @media only screen and (min-width: 680px) {
    .translation-overlay {
      max-width: 660px;
      margin: 0 auto;
      background-color: var(--_surface-primary);
      box-shadow: var(--overlay-shadow, 0 3px 20px -8px rgba(76, 87, 97, 0.8));
      border-radius: 5px; } }
  @media only screen and (max-width: 679px) {
    .translation-overlay .translation-overlay-buttons, .translation-overlay .translation-overlay-header, .translation-overlay .translation-overlay-language {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 680px) {
    .translation-overlay .translation-overlay-buttons, .translation-overlay .translation-overlay-header, .translation-overlay .translation-overlay-language {
      padding-left: 40px;
      padding-right: 40px; } }
  .translation-overlay .translation-overlay-language {
    padding-top: 12px;
    padding-bottom: 10px; }
    .translation-overlay .translation-overlay-language.translation-overlay-language--highlight {
      background-color: var(--_callout-surface); }
  .translation-overlay .translation-overlay-header {
    padding-top: 30px; }
    .translation-overlay .translation-overlay-header .translation-overlay-header-title {
      font-size: 14px;
      color: var(--_fh-grey); }
    .translation-overlay .translation-overlay-header .translation-overlay-header-field-name {
      font-size: 20px;
      margin-bottom: 15px; }
  .translation-overlay .translation-overlay-sticky-field {
    background-color: var(--_surface-primary);
    border-bottom: 1px solid var(--_border-grey);
    box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25); }
    @media only screen {
      @supports (position: sticky) {
        .translation-overlay .translation-overlay-sticky-field {
          position: -webkit-sticky !important;
          position: sticky !important;
          z-index: 99;
          top: 0; } } }
  .translation-overlay .translation-overlay-buttons {
    padding-top: 10px;
    padding-bottom: 20px; }

.overlay-close {
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 10px;
  border-radius: 3px;
  line-height: 0;
  cursor: pointer; }
  .overlay-close[type="button"] {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .overlay-close[type="button"]:disabled {
      cursor: not-allowed; }
  .overlay-close svg {
    width: 13px;
    height: 13px; }
  @media only screen and (hover: hover) {
    .overlay-close:hover {
      background-color: var(--_hover-grey); } }
  .overlay-close.focus-visible {
    background-color: var(--_hover-grey); }
  .overlay-close:active {
    background-color: var(--_hover-grey--active); }

.bookings-window-container {
  padding: 20px 40px; }

.bookings-window-empty {
  color: var(--_fh-grey);
  padding-top: 5px;
  padding-bottom: 5px; }

.bookings-window-crew table {
  border-bottom: 1px solid var(--border-grey-light, #dadee2); }

.bookings-window-inset {
  padding: 15px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

@media only screen and (min-width: 680px) {
  .bookings-window-list {
    padding: 0 28px 25px 28px; }
    .bookings-window-list .bookings-window-list-inner {
      padding-left: 11px; } }

@media only screen and (max-width: 679px) {
  .bookings-window-list {
    padding: 15px 20px; } }

.ava-window-header {
  position: relative;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }
  .ava-window-header.is-date-overlay {
    border-bottom: 1px solid var(--_border-grey-light); }
    @media only screen and (min-width: 680px) {
      .ava-window-header.is-date-overlay {
        padding-bottom: 10px; } }
.ava-window-ava {
  position: relative; }
  @media only screen and (min-width: 680px) {
    .ava-window-ava {
      padding-top: 29px;
      padding-right: 25px;
      padding-bottom: 20px;
      padding-left: 40px; }
      .ava-window-ava .ava-medium-buttons {
        position: absolute;
        top: 50%;
        right: 60px;
        margin-top: -16px; } }
  @media only screen and (max-width: 679px) {
    .ava-window-ava {
      padding: 20px 20px 15px 20px; }
      .ava-window-ava .ava-medium-buttons {
        padding-top: 15px; } }
  @media only screen and (min-width: 680px) {
    .ava-window-ava .ava-window-details {
      padding-right: 175px; } }
  .ava-window-ava .ava-window-item {
    font-size: 16px;
    padding-bottom: 6px; }
  .ava-window-ava .ava-window-date {
    font-size: 22px; }
    .ava-window-ava .ava-window-date .badge {
      font-size: 0.75em;
      vertical-align: middle;
      margin-top: -4px;
      margin-right: 3px; }
  .ava-window-ava .ava-window-public-headline {
    margin-top: 5px;
    font-size: 14px;
    color: var(--_fh-grey); }
  .ava-window-ava .ava-window-headline {
    margin-top: 8px;
    padding-top: 6px;
    border-top: 1px solid var(--_border-grey-light); }
    .ava-window-ava .ava-window-headline svg {
      vertical-align: middle;
      margin-top: -3px;
      height: 12px;
      width: 10px; }

.emv-details {
  width: 100%; }
  .emv-details td {
    padding-top: 2px;
    border-top: 1px solid var(--_shade-grey-dark);
    padding-bottom: 2px;
    vertical-align: top;
    line-height: 1; }
  .emv-details thead td {
    font-weight: bold;
    border-top: none; }

.emv-device-details {
  margin-top: 22px; }
  .emv-device-details-list {
    margin-top: 8px; }
    .emv-device-details-list li {
      margin-top: 8px; }

.popover-offset-parent {
  position: relative; }

@media only screen and (min-width: 680px) {
  .popover {
    z-index: 1008;
    position: absolute;
    max-width: 280px; }
    .popover > .triangle {
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-style: solid;
      border-color: transparent;
      border-width: 9px; }
    .popover.left > .triangle, .popover.right > .triangle {
      top: 10px; }
    .popover.left > .triangle {
      border-right-color: var(--_flyout-surface);
      left: -18px; }
    .popover.right > .triangle {
      border-left-color: var(--_flyout-surface);
      right: -18px; }
    .popover.top > .triangle {
      border-bottom-color: var(--_flyout-surface);
      top: -18px; }
    .popover.top.arrow-left > .triangle {
      left: 12px; }
    .popover.top.arrow-right > .triangle {
      right: 12px; } }

@media only screen and (max-width: 679px) {
  .popover {
    z-index: 1012;
    position: fixed;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    background: rgba(240, 242, 244, 0.79); } }

.popover .image-upload-preview img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 120px; }

.popover-content-wrap {
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  background-color: var(--_flyout-surface); }
  .popover--elevated .popover-content-wrap {
    box-shadow: 0 3px 34px rgba(0, 0, 0, 0.56); }
  @media only screen and (max-width: 679px) {
    .popover-content-wrap {
      margin: 10px; } }
  .popover-content-wrap .spinner-ticker-css {
    margin-top: 5px;
    margin-bottom: 5px; }
    @media only screen and (min-width: 680px) {
      .popover-content-wrap .spinner-ticker-css {
        margin-left: 10px; } }
    @media only screen and (max-width: 679px) {
      .popover-content-wrap .spinner-ticker-css {
        margin-left: 20px; } }
.popover-menu {
  white-space: nowrap;
  margin: 5px 0; }

.popover-menu-action,
.popover-menu-content {
  position: relative;
  display: block;
  padding-right: 25px; }
  .popover-menu-action[type="button"],
  .popover-menu-content[type="button"] {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .popover-menu-action[type="button"]:disabled,
    .popover-menu-content[type="button"]:disabled {
      cursor: not-allowed; }
  @media only screen and (min-width: 680px) {
    .popover-menu-action,
    .popover-menu-content {
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 15px; } }
  @media only screen and (max-width: 679px) {
    .popover-menu-action,
    .popover-menu-content {
      height: 40px;
      line-height: 40px;
      padding-left: 20px; } }
  @media only screen and (max-width: 679px) {
    .supported-languages-menu .popover-menu-action, .supported-languages-menu .popover-menu-content {
      height: auto;
      line-height: 20px;
      padding-top: 8px;
      padding-bottom: 8px; } }
  .popover-menu-action .tb-icon,
  .popover-menu-content .tb-icon {
    vertical-align: text-top;
    margin-top: 1px;
    margin-left: 2px;
    margin-right: 6px; }

.popover-menu-action {
  cursor: pointer; }
  .popover-menu-action.green {
    color: var(--_fh-green);
    font-weight: bold; }
    .popover-menu-action.green .tb-icon.plus {
      background-position: -474px -468px; }
  .popover-menu-action.red {
    color: var(--_fh-red);
    font-weight: bold; }
  .popover-menu-action:hover {
    background-color: var(--_hover-grey); }
    .popover-menu-action:hover:active {
      background-color: var(--_hover-grey--active); }
  .popover-menu-action.green:hover {
    background-color: #1D875A;
    color: #fff; }
    .popover-menu-action.green:hover .tb-icon.plus {
      background-position: -427px -468px; }
  .popover-menu-action.popover-menu-action--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .popover-menu-action.popover-menu-action--flex svg {
      position: relative;
      flex: none;
      width: 16px;
      margin-right: 8px; }
    .popover-menu-action.popover-menu-action--flex .icon-manifest {
      height: 16px; }
    .popover-menu-action.popover-menu-action--flex .icon-x {
      height: 10px; }
    .popover-menu-action.popover-menu-action--flex .icon-plus {
      height: 12px; }

.popover-content {
  padding-top: 5px;
  padding-bottom: 5px; }
  .popover-content:not(:last-child) {
    border-bottom: 1px solid var(--_border-grey-light); }
  @media only screen and (min-width: 680px) {
    .popover-content {
      padding-left: 10px;
      padding-right: 10px; } }
  @media only screen and (max-width: 679px) {
    .popover-content {
      padding-left: 20px;
      padding-right: 20px; } }
  .popover-content.warning {
    background: var(--_warning-surface); }
  .popover-content .cal-block {
    margin-left: 0;
    margin-right: 0; }

.popover-back {
  display: block;
  color: var(--_theme-primary);
  cursor: pointer; }
  .popover-content .popover-back:not(:last-child) {
    margin-bottom: 4px; }
  .popover-back:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background-position: -491px -203px;
    margin-right: 5px; }

@media only screen and (min-width: 680px) {
  .popover-scrollable {
    max-height: 250px;
    overflow-y: auto; } }

.popover-language-translation {
  display: block;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis; }

@media only screen and (min-width: 680px) {
  .supported-lanuages-popover {
    width: 280px; } }

.supported-lanuages-popover.top.arrow-left > .triangle {
  left: 6px; }

.supported-lanuages-popover.top.arrow-right > .triangle {
  right: 6px; }

@media only print {
  .presence-small-eye {
    display: none !important; } }

.presence-small-eye.active {
  width: 14px;
  height: 9px;
  background-position: -432px -527px; }

.presence-small-editing.active {
  display: block;
  float: left;
  position: relative;
  width: 11px;
  height: 10px;
  margin-top: 1px;
  margin-right: 3px;
  background-position: -432px -515px; }
  .presence-small-editing.active:before {
    content: ' ';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #00CE23;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.availability-status-btn .icon-phone, .availability-status-btn .icon-circle-slash {
  width: 14px;
  height: 14px; }

@media only screen and (min-width: 680px) {
  .availability-status-flyout {
    min-width: 360px !important; } }

.availability-status-menu li > button {
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px 18px;
  border-top: 1px solid var(--_border-grey-light);
  color: var(--_fh-grey);
  cursor: pointer; }
  .availability-status-menu li > button:disabled {
    cursor: not-allowed; }
  @media only screen and (hover: hover) {
    .availability-status-menu li > button:hover {
      background-color: var(--_hover-grey); } }
  .availability-status-menu li > button.focus-visible {
    background-color: var(--_hover-grey); }
  .availability-status-menu li > button:active {
    background-color: var(--_hover-grey--active); }
  .availability-status-menu li > button[aria-selected='true'] {
    background-color: #0a6ece;
    color: #e8ebed; }
    .availability-status-menu li > button[aria-selected='true'] h3, .availability-status-menu li > button[aria-selected='true'] svg {
      color: #fff; }
  .availability-status-menu li > button.toggled {
    background-color: var(--_hover-grey--active);
    color: var(--_text-primary); }
    .availability-status-menu li > button.toggled + [ng-toggled] {
      background-color: var(--_hover-grey--active); }
  .availability-status-menu li > button h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2px;
    line-height: 1;
    font-weight: bold;
    color: var(--_text-primary); }
    .availability-status-menu li > button h3 svg {
      position: relative;
      height: 14px;
      width: 16px;
      margin-right: 4px; }
      .availability-status-menu li > button h3 svg.icon-svg-lock, .availability-status-menu li > button h3 svg.icon-circle-slash {
        top: -1px;
        height: 12px; }

.ava-status-header {
  padding: 12px 18px; }
  @media only screen and (min-width: 680px) {
    .ava-status-header {
      background-color: var(--_shade-grey); } }
.ava-status-unlisted {
  padding-left: 8px;
  color: var(--_fh-grey-dark); }
  .ava-status-unlisted label {
    cursor: pointer; }
  .ava-status-unlisted .the-field {
    display: inline-block; }

.ava-status-header-online {
  color: var(--_theme-primary); }

.ava-status-header-table {
  width: 100%; }

.unlisted-ava-url {
  margin-top: 4px; }

.rule-form {
  border: 1px solid var(--_border-grey-light);
  border-radius: 4px; }
  .rule-form:not(.without-shadow) {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16); }
  .rule-form form {
    position: relative; }

.rule-form-buttons {
  clear: both;
  border-top: 1px solid var(--_border-grey);
  padding-top: 20px;
  padding-bottom: 20px; }
  @media only screen and (min-width: 680px) {
    .rule-form-buttons {
      padding-right: 20px; }
      .rule-form-buttons.with-sidebar {
        padding-left: 150px; }
      .rule-form-buttons:not(.with-sidebar) {
        padding-left: 20px; }
      .rule-form-buttons .rule-form-help-link {
        margin-left: auto; } }
  @media only screen and (max-width: 679px) {
    .rule-form-buttons {
      padding-right: 10px;
      padding-left: 10px; }
      .rule-form-buttons .rule-form-help-link {
        padding-top: 20px; } }
.rule-form-loading {
  height: 250px;
  overflow: hidden; }

.rule-form-wrap {
  padding: 0 0 20px 0; }

.rule-form-header {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 45px;
  padding: 10px 15px;
  border-bottom: 1px solid var(--_border-grey-light);
  background-color: var(--_shade-grey);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  font-size: 15px; }
  .rule-form-header.has-toggle {
    padding-left: 55px; }

.rule-form-toggle {
  width: 40px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  border-right: 1px solid var(--_border-grey); }
  .rule-form-toggle:disabled {
    cursor: not-allowed; }
  .rule-form-toggle .ar-advanced-tall-toggle {
    width: 40px;
    border-top-left-radius: 3px; }

.rule-form-period + .rule-form-period {
  border-top: 1px solid var(--_border-grey);
  padding-top: 8px; }

.rule-form-period .time-preview {
  display: block;
  padding-bottom: 6px; }

@media only screen and (min-width: 680px) {
  .rule-form-customer-types {
    max-width: 750px;
    border-bottom: 1px solid var(--_border-grey-light); } }

.rule-form-customer-type {
  width: 100%;
  border-top: 1px solid var(--_border-grey-light); }
  @media only screen and (min-width: 680px) {
    .rule-form-customer-type .customer-type-capacity {
      visibility: hidden; } }
  @media only screen and (max-width: 679px) {
    .rule-form-customer-type .customer-type-capacity {
      display: none; } }
  .rule-form-customer-type.is-selected {
    background-color: var(--alert-surface, #fff9c6); }
    .rule-form-customer-type.is-selected .customer-type-select {
      background-color: var(--alert-surface, #fff9c6); }
    @media only screen and (min-width: 680px) {
      .rule-form-customer-type.is-selected .customer-type-capacity {
        visibility: visible; } }
    @media only screen and (max-width: 679px) {
      .rule-form-customer-type.is-selected .customer-type-capacity {
        display: block; } }
  .rule-form-customer-type .field {
    margin-bottom: 0; }
  @media only screen and (min-width: 680px) {
    .rule-form-customer-type .field-capacity {
      float: right; }
    .rule-form-customer-type .td {
      padding-top: 3px;
      padding-bottom: 3px; }
    .rule-form-customer-type.is-selected .customer-type-preview:hover {
      background-color: var(--alert-surface, #fff5a1); }
    .rule-form-customer-type:not(.is-selected) .customer-type-preview:hover {
      background-color: var(--_hover-grey); }
    .rule-form-customer-type .td.customer-type-preview {
      padding-right: 12px;
      padding-left: 12px;
      cursor: pointer;
      padding-top: 8px;
      padding-bottom: 8px; }
    .rule-form-customer-type .td.customer-type-capacity {
      width: 200px;
      padding-right: 5px;
      padding-left: 5px; } }
  @media only screen and (max-width: 679px) {
    .rule-form-customer-type {
      margin-bottom: 4px;
      border-radius: 4px;
      padding: 12px; } }
.rule-form-customer-types-header {
  max-width: 750px; }
  .rule-form-customer-types-header .rule-form-customer-types-left {
    float: left; }
  .rule-form-customer-types-header .rule-form-customer-types-right {
    float: right; }

.print-header {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  overflow: hidden; }
  .print-header.with-margin {
    margin-bottom: 15px; }
  .print-header .print-header-date {
    float: left; }
  .print-header.is-big {
    font-size: 14px; }
  .print-header .print-header-generated {
    font-size: 11px;
    color: var(--_fh-grey-dark);
    float: right; }

.print-h3 {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #0a6ece;
  font-size: 12px;
  padding-bottom: 4px; }
  @media only screen {
    .print-h3 {
      display: none; } }
.crew-flyout-email-note {
  color: #404549;
  margin-bottom: 5px; }
  .crew-flyout-email-note:before {
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 10px;
    background-position: -466px -277px; }

.shortcuts {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 100000;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .shortcuts .shortcuts-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.shortcuts-content {
  position: relative;
  max-width: 525px;
  margin: 25px auto;
  background-color: var(--_surface-primary);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.16); }
  @media only screen and (min-width: 680px) {
    .shortcuts-content {
      padding-top: 15px; } }
  @media only screen and (max-width: 679px) {
    .shortcuts-content {
      padding-top: 40px; } }
.admin-shortcuts {
  border-bottom: 2px solid var(--_border-grey);
  padding: 15px 20px; }
  .admin-shortcuts.admin-shortcuts--first {
    padding-top: 0; }
  .admin-shortcuts.is-flagged {
    background-color: var(--_warning-surface); }

.company-admin-notes {
  margin-bottom: 15px; }

.shortcuts-header {
  clear: both;
  font-size: 20px;
  padding: 5px 20px 0; }

.shortcuts-description {
  padding: 15px 20px 12px; }

.sc-key {
  font-family: Monaco, monospace;
  color: var(--_theme-primary); }

.sc-button {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 10px;
  border: 1px solid var(--_border-grey);
  border-radius: 4px;
  font-family: Monaco, monospace;
  font-size: 12px;
  color: var(--_theme-primary); }

.shortcuts-list td {
  padding: 2px 5px; }
  .shortcuts-list td:first-child {
    padding-left: 20px; }
  .shortcuts-list td:last-child {
    padding-right: 20px; }
  .shortcuts-list td:nth-child(2) {
    white-space: nowrap; }

.shortcuts-list tbody tr:last-child td {
  padding-bottom: 15px; }

@media only screen {
  .boca-ticket-wrap {
    margin-top: 15px;
    background: #f6f7f8;
    color: #1f2428;
    border: 1px solid #ccd0d8;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.18); } }

.boca-ticket {
  overflow: hidden; }
  .boca-ticket * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  @media only screen {
    .boca-ticket {
      -webkit-transform: rotate(90deg) translateY(-100%);
      -moz-transform: rotate(90deg) translateY(-100%);
      -ms-transform: rotate(90deg) translateY(-100%);
      -o-transform: rotate(90deg) translateY(-100%);
      transform: rotate(90deg) translateY(-100%);
      -webkit-transform-origin: top left;
      -moz-transform-origin: top left;
      -ms-transform-origin: top left;
      -o-transform-origin: top left;
      transform-origin: top left; } }
  @media only print {
    .boca-ticket {
      position: relative;
      page-break-after: always;
      page-break-inside: avoid;
      -webkit-region-break-inside: avoid; } }
.boca-ticket-inner {
  position: relative;
  width: 100%;
  height: 100%; }
  .boca-ticket--is-rotated .boca-ticket-inner {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.boca-main {
  position: absolute;
  overflow: hidden;
  text-align: center; }

.boca-stub {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden; }
  .boca-stub.boca-stub-leading {
    right: 0; }
  .boca-stub.boca-stub-trailing {
    left: 0; }

.boca-header-large {
  font-weight: bold;
  font-size: 20px; }

.boca-header-med {
  font-size: 15px; }

.boca-section {
  padding-bottom: 10px; }

.boca-qr img, .boca-qr canvas {
  display: block;
  width: 100%;
  height: auto; }

.boca-main-content-wrapper {
  height: 100%; }

.boca-main-content {
  vertical-align: middle; }

.boca-main-text {
  vertical-align: middle; }

.boca-fine-print {
  padding-top: 3px;
  vertical-align: bottom;
  text-align: center;
  height: 10px; }

.boca-stub-inner {
  overflow: hidden;
  -webkit-transform: rotate(-90deg) translateX(-100%);
  -moz-transform: rotate(-90deg) translateX(-100%);
  -ms-transform: rotate(-90deg) translateX(-100%);
  -o-transform: rotate(-90deg) translateX(-100%);
  transform: rotate(-90deg) translateX(-100%);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left; }
  @media only screen {
    .boca-stub-leading .boca-stub-inner {
      border-top: 1px dotted #909396; }
    .boca-stub-trailing .boca-stub-inner {
      border-bottom: 1px dotted #909396; } }
  .boca-stub-inner .td {
    padding-top: .03in;
    padding-bottom: .03in; }

.boca-ticket-small-text, .boca-ticket .physical-address {
  font-size: 10px;
  color: var(--_fh-grey); }

.boca-ticket--receipt .boca-receipt-company-info {
  -webkit-transform: rotate(-90deg) translateX(-100%);
  -moz-transform: rotate(-90deg) translateX(-100%);
  -ms-transform: rotate(-90deg) translateX(-100%);
  -o-transform: rotate(-90deg) translateX(-100%);
  transform: rotate(-90deg) translateX(-100%);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  height: 0.8in;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left; }

.boca-ticket--receipt .boca-receipt-summary-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left; }
  .boca-ticket--receipt .boca-receipt-summary-container.boca-receipt-summary-container--with-company-info {
    padding-left: 0.8in; }
  .boca-ticket--receipt .boca-receipt-summary-container .boca-receipt-summary {
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
    -ms-flex-positive: 3;
    flex-grow: 3; }
    .boca-ticket--receipt .boca-receipt-summary-container .boca-receipt-summary .boca-receipt-charges {
      width: 100%; }
  .boca-ticket--receipt .boca-receipt-summary-container .boca-receipt-emv-details {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding-left: 1em;
    font-size: 10px; }

.boca-ticket--receipt .print-receipt-signature, .boca-ticket--receipt .print-receipt-text {
  margin-top: 0;
  font-size: 10px; }

.boca-ticket--receipt .print-receipt-signature-line {
  padding-top: 0; }

.live-capacity-loading {
  padding: 10px; }

.capacity-table {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px; }
  .capacity-table .ava-is-empty {
    color: var(--_fh-grey); }
  .capacity-table.shade-second-col .tr .td:nth-child(2) {
    background-color: var(--_shade-grey); }
  .capacity-table.shade-second-col .tr.bookable .td:nth-child(2) {
    background-color: var(--_checked-in-surface--hover); }
  .capacity-table.shade-second-col .tr.not-bookable .td:nth-child(2) {
    background-color: var(--_no-show-surface--hover); }
  .capacity-table a.tr:hover .td:first-child {
    color: var(--_theme-primary);
    text-decoration: underline; }
  .capacity-table.small .capacity-table-ct-name {
    display: block;
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .capacity-table.small .tbody .tr .td {
    padding-top: 3px;
    padding-bottom: 3px; }
  .capacity-table.small .tbody .tr:first-child .td {
    padding-top: 5px; }
  .capacity-table.small .tbody .tr:last-child .td {
    padding-bottom: 5px; }
  .capacity-table.small .tbody .tr .td:first-child {
    padding-left: 15px;
    padding-right: 5px; }
  .capacity-table.small .tbody .tr .td:nth-child(2) {
    padding-right: 5px; }
  .capacity-table.small .tbody .tr .td:last-child {
    padding-right: 15px; }
  .capacity-table.large .td {
    padding-left: 7px;
    padding-right: 7px; }
  .capacity-table.large .td:first-child {
    padding-left: 20px;
    padding-right: 7px; }
  .capacity-table.large .td:last-child {
    padding-right: 20px; }
  .capacity-table.large .tbody .tr:first-child .td {
    padding-top: 8px; }
  .capacity-table.large .tbody .tr:last-child .td {
    padding-bottom: 8px; }
  .capacity-table.large .tbody .tr .td {
    padding-top: 2px;
    padding-bottom: 2px; }

.capacity-table-header .td {
  padding-top: 8px;
  padding-bottom: 4px; }

.capacity-overview .tr .td {
  background-color: var(--_shade-grey); }

.capacity-overview .tr.bookable .td {
  background-color: var(--_checked-in-surface); }

.capacity-overview .tr.not-bookable .td {
  background-color: var(--_no-show-surface); }

.changedue-table {
  margin-top: 2px; }
  .changedue-table tr.with-padding td {
    padding-top: 4px;
    padding-bottom: 4px; }
  .changedue-table td {
    vertical-align: middle; }
    .changedue-table td:first-child {
      padding-right: 10px; }
    .changedue-table td:nth-child(2) {
      text-align: right; }
  .changedue-table .field {
    margin-bottom: 0;
    line-height: 0; }

.in-store-payment-note {
  margin-top: 7px; }

.seating-tool {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--_border-grey-light); }
  @media only screen and (min-width: 680px) {
    .seating-tool {
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: 37px 1fr;
      -ms-grid-columns: 1fr 300px;
      grid-template-rows: 37px auto;
      grid-template-columns: auto 300px;
      height: 350px;
      margin-bottom: 12px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      transition: height 0.25s ease-in-out; }
      .seating-tool.is-expanded {
        height: calc(100vh - 240px); }
      .booking-full-seating .seating-tool {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        box-shadow: 0 0 3px var(--_border-grey-light); } }
  @media only screen and (min-width: 680px) and (max-height: 590px) {
    .seating-tool.is-expanded {
      height: 100%; } }
  @media only screen and (max-width: 679px) {
    .seating-tool {
      margin: 12px 0;
      border-radius: 5px; } }
.seating-tool-tb {
  --tb-border-color: var(--_border-grey-light); }
  @media only screen and (min-width: 680px) {
    .booking-full-seating .seating-tool-tb {
      -ms-grid-column-span: 2;
      grid-column: 1 / 3; } }
  @media only screen and (min-width: 679px) and (max-width: 920px) {
    .seating-tool-tb {
      -ms-grid-column-span: 2;
      grid-column: 1 / 3; } }
.seating-tool-maps {
  overflow: auto;
  background-color: var(--_shade-grey); }
  @media only screen and (min-width: 680px) {
    .seating-tool-maps {
      padding: 6px 20px 0; }
      .seating-tool .seating-tool-maps {
        -ms-grid-row: 2; } }
  @media only screen and (max-width: 679px) {
    .seating-tool-maps {
      max-height: 300px;
      padding: 5px 12px 0; }
      .is-expanded .seating-tool-maps {
        max-height: 100%; } }
  .seating-tool-maps .flyout-toggle-header {
    padding-left: 0;
    background-color: transparent !important; }
  .seating-tool-maps.is-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0; }
  .is-auto-assigning .seating-tool-maps {
    opacity: .5; }

.seating-tool-actions {
  overflow-y: auto; }
  @media only screen and (min-width: 680px) {
    .seating-tool-actions {
      -ms-grid-row-span: 2;
      -ms-grid-column: 2;
      grid-row: 1 / 3;
      grid-column: 2;
      border-left: 2px solid var(--_border-grey-light); }
      .booking-full-seating .seating-tool-actions {
        -ms-grid-row: 2;
        grid-row: 2 / 3; } }
  @media only screen and (min-width: 679px) and (max-width: 920px) {
    .seating-tool-actions {
      -ms-grid-row: 2;
      grid-row: 2 / 3; } }
  @media only screen and (max-width: 679px) {
    .seating-tool-actions {
      max-height: 248px;
      border-top: 1px solid var(--_border-grey); } }
  .seating-tool-actions .action-window {
    padding: 6px 12px 0; }
  .seating-tool-actions .buttons-list {
    padding-bottom: 10px; }

.seating-tool-booking {
  position: relative; }
  .seating-tool-booking .invoice-table:not(.seated) .is-editable p::after {
    width: 16px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23E67D23%22%20viewBox%3D%220%200%2016%2014%22%3E%0A%20%20%3Cpath%20d%3D%22M9%2010v2H7v-2h2zm0-6v5H7V4h2z%22%20style%3D%22visibility%3A%20hidden%3B%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M8%200c.32%200%20.62.17.77.45.39.66%206.67%2011.44%207.11%2012.23a.88.88%200%2001-.76%201.32H.9a.88.88%200%2001-.76-1.35L7.23.45A.88.88%200%20018%200zm1%2010H7v2h2v-2zm0-6H7v5h2V4z%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 16px 14px;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    vertical-align: top; }
  .seating-tool-booking .invoice-table--editing {
    box-shadow: 0 0 0 3px #0a6ece inset;
    border-radius: 4px; }

.seating-tool-booking-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 6px; }
  .seating-tool-booking-details .seating-tool-booking-details-link {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 10px 10px 18px;
    border-radius: 4px; }
    @media only screen and (hover: hover) {
      .seating-tool-booking-details .seating-tool-booking-details-link:hover {
        background-color: var(--_hover-grey); } }
    .seating-tool-booking-details .seating-tool-booking-details-link.focus-visible {
      background-color: var(--_hover-grey); }
    .seating-tool-booking-details .seating-tool-booking-details-link.focus-visible {
      box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
      box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px var(--_surface-primary); }
  .seating-tool-booking-details .pane-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 4px;
    opacity: 0.7; }
    @media only screen and (hover: hover) {
      .seating-tool-booking-details .pane-close:hover {
        opacity: 1;
        background-color: var(--_hover-grey); } }
    .seating-tool-booking-details .pane-close.focus-visible {
      opacity: 1;
      background-color: var(--_hover-grey); }
    .seating-tool-booking-details .pane-close.focus-visible {
      box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
      box-shadow: 0 0 0 2px #b8bfc4;
      border-color: #84929f; }
  .seating-tool-booking-details .icon-warning {
    vertical-align: top; }

.seating-tool-booking-customers {
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 10px; }

.seating-tool-booking-actions {
  margin-right: 6px;
  margin-left: 6px;
  padding-top: 10px;
  border-top: 1px solid var(--_border-grey-light); }
  .booking-full-overlay .seating-tool-booking-actions {
    border-top: 0; }

@media only screen and (min-width: 680px) and (min-height: 740px) {
  .manifest-block.with-seating-open:not(.with-seating-expanded) .table-wrap {
    overflow-y: auto;
    max-height: calc(100vh - 610px);
    padding-bottom: 10px; }
  .manifest-block.with-seating-open:not(.with-seating-expanded) .sticky-headers--manifest > thead > tr > th {
    top: 0; } }

@media only screen {
  body.manifest-section {
    background-color: var(--_surface-primary) !important; } }

@media only screen and (min-width: 680px) {
  body.manifest-section {
    padding-top: 125px; }
  .manifest-main {
    padding-bottom: 15px; } }

@media only screen and (min-width: 680px) {
  .manifest-toolbars {
    position: fixed;
    top: 45px;
    left: 0;
    right: 0;
    z-index: 1009;
    background-color: var(--_surface-primary);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    -ms-grid-rows: 1fr 1fr;
    grid-template-columns: 1fr auto; }
    .manifest-toolbars > :nth-child(2) {
      -ms-grid-column: 2; }
    .manifest-toolbars > :nth-child(3) {
      -ms-grid-row: 2;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3; } }

@media only screen and (min-width: 680px) {
  .toolbar--manifest-nav {
    --tb-padding-inline-start: 8px;
    --tb-padding-block-start: 4px;
    --tb-padding-block-end: 4px;
    --tb-group-column-gap: 4px;
    --tb-item-padding-inline-start: 10px;
    --tb-item-padding-inline-end: 10px;
    --tb-item-font-size: 14px; } }

@media only screen and (max-width: 679px) {
  .toolbar--manifest-nav.tb-dont-respond {
    --tb-padding-inline-start: 8px;
    --tb-padding-block-start: 4px;
    --tb-padding-block-end: 4px;
    --tb-group-column-gap: 4px;
    --tb-item-padding-inline-start: 10px;
    --tb-item-padding-inline-end: 10px;
    --tb-item-font-size: 14px; } }

.toolbar--manifest-nav .tb-btn--datepicker {
  --tb-item-font-size: 15px;
  font-weight: bold; }

.toolbar--date-pager {
  --tb-group-column-gap: 4px;
  --tb-item-min-height: 33px;
  --tb-item-padding-inline-start: 14px;
  --tb-item-padding-inline-end: 14px; }
  @media only screen and (max-width: 679px) {
    .toolbar--date-pager {
      --tb-margin-block-end: 4px;
      --tb-padding-inline-start: 12px;
      --tb-padding-inline-end: 12px; } }
.manifest-nav-ng-data .ng-data-spinner {
  padding-top: var(--tb-item-padding-block-start);
  padding-right: var(--tb-item-padding-inline-end);
  padding-bottom: var(--tb-item-padding-block-end);
  padding-left: var(--tb-item-padding-inline-start); }
  @media only screen and (max-width: 679px) {
    .manifest-nav-ng-data .ng-data-spinner {
      border-top: 1px solid var(--tb-item-border-color); } }
.columns-flyout-cf-toggle {
  padding: 10px 15px 0 15px; }
  .columns-flyout-cf-toggle a, .columns-flyout-cf-toggle button {
    color: var(--_fh-grey);
    text-decoration: underline; }
  .columns-flyout-cf-toggle button {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer; }
    .columns-flyout-cf-toggle button:disabled {
      cursor: not-allowed; }

.manifest-content-loading {
  padding: 20px; }

@media only screen {
  .manifest-block {
    margin: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

.manifest-block .manifest-block-title {
  font-weight: bold; }
  .manifest-block .manifest-block-title .badge {
    margin-right: 3px; }
  @media only screen {
    .manifest-block .manifest-block-title {
      font-size: 20px; } }
  @media only print {
    .manifest-block .manifest-block-title {
      font-size: 16px; } }
@media only screen and (min-width: 680px) {
  .manifest-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid var(--_border-grey-light);
    border-bottom: 0; } }

.manifest-header .toolbar {
  background-color: var(--surface-primary); }
  @media only screen and (min-width: 680px) {
    .manifest-header .toolbar {
      --tb-padding-inline-end: 5px;
      --tb-group-divider-color: rgba(0, 0, 0, 0.15); } }
  @media only screen and (max-width: 679px) {
    .manifest-header .toolbar.tb-dont-respond {
      --tb-padding-inline-end: 5px;
      --tb-group-divider-color: rgba(0, 0, 0, 0.15); } }
  @media only screen and (max-width: 679px) {
    .manifest-header .toolbar:not(.tb-dont-respond) {
      --tb-bg-color: white;
      --tb-margin-block-start: 0; } }
@media only screen and (max-width: 679px) {
  .manifest-header {
    overflow: hidden;
    margin-bottom: 8px;
    border-radius: 5px; } }

.manifest-header.manifest-header--has-toggle .manifest-header-toggle {
  width: 50px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer; }
  .manifest-header.manifest-header--has-toggle .manifest-header-toggle:disabled {
    cursor: not-allowed; }
  .manifest-header.manifest-header--has-toggle .manifest-header-toggle:after {
    content: '';
    position: absolute;
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 8px 5px 0 5px;
    border-top-color: var(--_fh-grey);
    top: 50%;
    margin-top: -3px;
    left: 50%;
    margin-left: -3px; }
    @supports (mask-type: inherit) {
      .manifest-header.manifest-header--has-toggle .manifest-header-toggle:after {
        width: 10px;
        height: 8px;
        background-color: var(--_fh-grey);
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 10px 8px;
        border: 0; } }
  .manifest-header.manifest-header--has-toggle .manifest-header-toggle.toggled:after {
    transform: none; }

.manifest-header-main {
  position: relative; }
  [class*="-shade"] .manifest-header-main {
    color: #1f2428; }
  @media only screen and (min-width: 680px) {
    .manifest-header-main {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding-top: 10px;
      padding-right: 10px;
      padding-bottom: 5px;
      padding-left: 19px; } }
  @media only print {
    .manifest-header-main {
      padding: 8px 0 5px 0; } }
  .manifest-header-main .manifest-header-public-headline {
    margin-top: 3px;
    opacity: 0.8; }
  @media only screen {
    .manifest-header-main .manifest-header-headline {
      margin-top: 8px;
      padding-top: 6px;
      border-top: 1px solid var(--_border-grey); } }
  @media only print {
    .manifest-header-main .manifest-header-headline {
      margin: 10px 0; } }
.manifest-header-content {
  position: relative; }
  @media only screen and (min-width: 680px) {
    .manifest-header-content {
      padding-right: 15px; } }
  @media only screen and (max-width: 679px) {
    .manifest-header-content {
      padding: 12px; }
      .manifest-header--has-toggle .manifest-header-content {
        padding-left: 65px; } }
@media only screen and (min-width: 680px) {
  .manifest-ava-buttons {
    margin-left: auto;
    text-align: right; } }

@media only screen and (max-width: 679px) {
  .manifest-ava-buttons {
    padding: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.1); } }

.manifest-group-name {
  padding: 15px 15px 10px 15px !important; }

.manifest-cell-phone-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .manifest-cell-phone-link:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 27px;
    width: 12px;
    height: 14px;
    background-position: -269px -543px; }

.form-manifest-edit #id_note {
  min-width: 200px;
  height: 75px; }

.mobile-manifest-booking {
  border: 1px solid var(--_border-grey);
  border-radius: 5px;
  margin: 8px 0; }
  .mobile-manifest-booking > tbody > .invoice-table--row:last-child td {
    border-bottom: 0; }

@media only screen and (min-width: 680px) {
  .manifest-empty-message,
  .manifest-manual-load {
    padding: 10px 8px;
    border-top: 1px solid var(--_border-grey-light); } }

@media only screen and (max-width: 679px) {
  .manifest-empty-message,
  .manifest-manual-load {
    padding: 10px 12px; } }

.mobile-manifest-booking-header {
  padding-right: 50px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important; }
  .mobile-manifest-booking-header:after {
    content: "\00BB";
    display: block;
    font-size: 36px;
    padding: 0 25px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -23px;
    height: 36px;
    line-height: 40px;
    color: var(--_fh-grey); }
  .mobile-manifest-booking-header:active {
    background-color: var(--_hover-grey--active); }

.mobile-manifest-pk {
  color: #556f8c;
  padding-bottom: 8px; }

.mobile-manifest-contact-name {
  font-size: 15px; }

.scanning-status {
  font-size: 14px; }
  .scanning-status.green {
    color: #1D875A; }
  .scanning-status.red {
    color: #B2362C; }
  .scanning-status h2 {
    font-size: 17px;
    font-weight: bold; }

.scanning-buttons {
  padding-top: 12px; }

@media only screen and (min-width: 680px) {
  .manifest-booking-has-note ul.manifest-payment-notes li:first-child {
    margin-top: 5px; } }

.manifest-payments-empty {
  color: var(--_fh-grey);
  display: none; }
  @media only screen and (max-width: 679px) {
    .manifest-payments-empty:only-child {
      display: block; } }
@media only screen and (max-width: 679px) {
  .handhelds-make-blocks-inline div {
    display: inline; }
  .mobile-manifest-booking .manifest-payment-notes:empty {
    color: var(--_fh-grey); }
    .mobile-manifest-booking .manifest-payment-notes:empty:before {
      content: 'No shown payments'; }
  .manifest-crew table {
    margin-bottom: 8px !important; } }

.manifest-broken-out .manifest-booking-row .manifest-cf:empty:before {
  content: '\00a0'; }

.manifest-nowrap .manifest-booking-row {
  white-space: nowrap; }

.manifest-customer-cards {
  padding-bottom: 5px; }
  @media only screen {
    .manifest-customer-cards {
      background-color: var(--_shade-grey-dark); } }
  .manifest-customer-cards .manifest-customer-card {
    padding: 5px 0 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .manifest-customer-cards .manifest-customer-card:nth-child(3n) {
      padding-right: 5px; }
    @media only screen and (min-width: 680px) {
      .manifest-customer-cards .manifest-customer-card {
        float: left;
        width: 33.33%; }
        .manifest-customer-cards .manifest-customer-card:nth-child(3n+4) {
          clear: both; } }
    @media only print {
      .manifest-customer-cards .manifest-customer-card {
        float: left;
        width: 33.33%; }
        .manifest-customer-cards .manifest-customer-card:nth-child(4n) {
          clear: both; } }
    .manifest-customer-cards .manifest-customer-card .manifest-customer-card-inner {
      border-radius: 5px;
      border-bottom: 0;
      background-color: var(--_surface-primary); }
  .manifest-customer-cards tr.invoice-table-row:last-child > td {
    border-bottom: 0 !important; }
  .manifest-customer-cards tr.invoice-table-row > td {
    padding-top: 2px;
    padding-bottom: 2px; }

.manifest-checkin-select:focus-within {
  box-shadow: 0 0 0 1px var(--_surface-primary), 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4; }

.manifest-checkin-select select {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  opacity: 0;
  border-radius: 0; }