@charset "UTF-8";
/* Brandon Text */
@font-face {
  font-family: 'BrandonText';
  src: url("https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_reg-webfont.woff2") format("woff2"), url("https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_reg-webfont.woff") format("woff"); }

@font-face {
  font-family: 'BrandonText';
  src: url("https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_med-webfont.woff2") format("woff2"), url("https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_med-webfont.woff") format("woff");
  font-weight: 500; }

@font-face {
  font-family: 'BrandonText';
  src: url("https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_bld-webfont.woff2") format("woff2"), url("https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_bld-webfont.woff") format("woff");
  font-weight: 700; }

/* Japanese Fonts */
@font-face {
  font-family: 'OpenTableHiragino';
  font-weight: normal;
  src: local("Hiragino Sans W3"), local("ヒラギノ角ゴシック W3"), local("ヒラギノ角ゴ ProN W3"), local("Hiragino Kaku Gothic ProN"); }

@font-face {
  font-family: 'OpenTableHiragino';
  font-weight: 500;
  src: local("Hiragino Sans W5"), local("ヒラギノ角ゴシック W5"), local("ヒラギノ角ゴ ProN W3"), local("Hiragino Kaku Gothic ProN W3");
  /* There is no W5 for Hiragino Pro */ }

@font-face {
  font-family: 'OpenTableHiragino';
  font-weight: 700;
  src: local("Hiragino Sans W6"), local("ヒラギノ角ゴシック W6"), local("ヒラギノ角ゴ ProN W6"), local("Hiragino Kaku Gothic ProN W6"); }

@font-face {
  font-family: "OpenTableYuGothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }

@font-face {
  font-family: "OpenTableYuGothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }

@font-face {
  font-family: "OpenTableYuGothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }

@font-face {
  font-family: "OpenTableYuGothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }

@font-face {
  font-family: "OpenTableYuGothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

.icon-font {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Z-indeces
   ========================================================================== */
/* Fonts
   ========================================================================== */
/* Body
   ========================================================================== */
/* Borders
   ========================================================================== */
/* Menu
   ========================================================================== */
/* Links css arrows to variables
   ========================================================================== */
/* Images
   ========================================================================== */
/* Photo
   ========================================================================== */
/* Header
   ========================================================================== */
/* Footer
   ========================================================================== */
/* Dtp
  ========================================================================== */
/* Waitlist
  ========================================================================== */
/* Location-picker
   ========================================================================== */
/* Concierge
   ========================================================================== */
/* Vip
   ========================================================================== */
/* Buttons
   ========================================================================== */
/* Icons
   ========================================================================== */
/* Litebox
   ========================================================================== */
/* Modal
   ========================================================================== */
/* Form
   ========================================================================== */
/* Checkbox
   ========================================================================== */
/* Right column
   ========================================================================== */
/* Ad
   ========================================================================== */
/* Transitions
   ========================================================================== */
/* Media Query
   ========================================================================== */
/* Brandon Text */
@font-face {
  font-family: 'BrandonText';
  src: url("https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_reg-webfont.woff2") format("woff2"), url("https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_reg-webfont.woff") format("woff"); }

@font-face {
  font-family: 'BrandonText';
  src: url("https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_med-webfont.woff2") format("woff2"), url("https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_med-webfont.woff") format("woff");
  font-weight: 500; }

@font-face {
  font-family: 'BrandonText';
  src: url("https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_bld-webfont.woff2") format("woff2"), url("https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_bld-webfont.woff") format("woff");
  font-weight: 700; }

/* Japanese Fonts */
@font-face {
  font-family: 'OpenTableHiragino';
  font-weight: normal;
  src: local("Hiragino Sans W3"), local("ヒラギノ角ゴシック W3"), local("ヒラギノ角ゴ ProN W3"), local("Hiragino Kaku Gothic ProN"); }

@font-face {
  font-family: 'OpenTableHiragino';
  font-weight: 500;
  src: local("Hiragino Sans W5"), local("ヒラギノ角ゴシック W5"), local("ヒラギノ角ゴ ProN W3"), local("Hiragino Kaku Gothic ProN W3");
  /* There is no W5 for Hiragino Pro */ }

@font-face {
  font-family: 'OpenTableHiragino';
  font-weight: 700;
  src: local("Hiragino Sans W6"), local("ヒラギノ角ゴシック W6"), local("ヒラギノ角ゴ ProN W6"), local("Hiragino Kaku Gothic ProN W6"); }

@font-face {
  font-family: "OpenTableYuGothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }

@font-face {
  font-family: "OpenTableYuGothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }

@font-face {
  font-family: "OpenTableYuGothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }

@font-face {
  font-family: "OpenTableYuGothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }

@font-face {
  font-family: "OpenTableYuGothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

.icon-font {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Z-indeces
   ========================================================================== */
/* Fonts
   ========================================================================== */
/* Body
   ========================================================================== */
/* Borders
   ========================================================================== */
/* Menu
   ========================================================================== */
/* Links css arrows to variables
   ========================================================================== */
/* Images
   ========================================================================== */
/* Photo
   ========================================================================== */
/* Header
   ========================================================================== */
/* Footer
   ========================================================================== */
/* Dtp
  ========================================================================== */
/* Waitlist
  ========================================================================== */
/* Location-picker
   ========================================================================== */
/* Concierge
   ========================================================================== */
/* Vip
   ========================================================================== */
/* Buttons
   ========================================================================== */
/* Icons
   ========================================================================== */
/* Litebox
   ========================================================================== */
/* Modal
   ========================================================================== */
/* Form
   ========================================================================== */
/* Checkbox
   ========================================================================== */
/* Right column
   ========================================================================== */
/* Ad
   ========================================================================== */
/* Transitions
   ========================================================================== */
/* Media Query
   ========================================================================== */
.restref-title,
.restref-subtitle {
  text-align: center; }

.restref-title {
  font-weight: 500;
  font-size: 2rem; }

.restref-subtitle {
  font-size: 0.875rem; }

.restref-form-label {
  display: block;
  font-weight: 700;
  font-size: 0.6875rem;
  color: #434C5E;
  margin-bottom: 0.5rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase; }

.restref-validation {
  font-size: 0.875rem;
  font-weight: 500;
  color: #DA3743;
  letter-spacing: 0;
  margin-bottom: 1.5rem; }

.restref-input {
  border: 0.0625rem solid #D4D9E2;
  border-radius: 0.1875rem;
  padding: 0.9375rem;
  font-size: 0.875rem;
  outline: 0;
  transition: border-color .2s ease;
  font-weight: 400;
  width: 100%;
  height: 3.125rem;
  margin: 1rem auto 1rem auto;
  display: block; }

.restref-secondary {
  font-size: 0.875rem;
  font-weight: 500;
  margin: auto;
  display: block;
  width: 100%;
  text-align: right; }

.restref-button {
  background-color: #DA3743;
  display: block;
  height: 3.125rem;
  line-height: 3.125rem;
  padding: 0 3.75rem;
  font-size: 1rem;
  font-weight: 700;
  color: #FFF;
  cursor: pointer;
  letter-spacing: 0.0625rem;
  border: 0;
  outline: 0;
  width: 100%;
  margin: 1rem auto auto auto; }

.restref-form-wrapper {
  margin: 0 auto;
  width: 100%; }

.restref-social-container {
  margin: 0 auto auto;
  display: block;
  width: 100%; }
  .restref-social-container.right {
    padding-left: 0.5rem; }
  .restref-social-container.left {
    padding-right: 0.5rem; }

.restref.restref-social {
  width: 100%;
  text-align: center;
  padding-left: 2.1875rem;
  /* we need !important otherwise color will be overwriten by
        $facebook-color & $googleplus-color from _social-login */
  background-color: white !important;
  border: 1px solid #cccccc;
  color: #333333;
  /* we need !important otherwise font-size will be overwriten by _social-login */
  font-size: 0.875rem !important; }
  .restref.restref-social.facebook:before, .restref.restref-social.google:before {
    height: 100%;
    font-size: 1.5rem;
    padding: 0.5625rem 0.125rem 0.625rem 0.4375rem;
    background-color: white !important; }
  .restref.restref-social.facebook:before {
    color: #375297; }
  .restref.restref-social.google:before {
    content: url("img/Asset-Google.png"); }

.restref.form-wrapper, .restref.social {
  margin: 1rem auto 0 auto; }

.restref.form-wrapper {
  max-width: 25rem;
  min-width: 18rem; }

.restref.button-wrapper {
  width: 50%;
  padding: 0; }

.star-svg-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.2rem;
  white-space: nowrap; }

.star-svg {
  display: inline-block;
  height: 16px;
  width: 16px; }
  .star-svg.star-full {
    background-image: url("img/star-full.svg"); }
  .star-svg.star-empty {
    background-image: url("img/star-empty.svg"); }
  .star-svg.star-half {
    background-image: url("img/star-half.svg"); }
  .star-svg.star-quarter {
    background-image: url("img/star-quarter.svg"); }
  .star-svg.star-threequarter {
    background-image: url("img/star-threequarter.svg"); }

.validation-summary-errors .reset-password {
  font-weight: 400; }
  .validation-summary-errors .reset-password a {
    font-weight: 700; }

.jit-modal-right-column-social.left.column.small-6-padding.padding-right.padding-top.restref-social-container {
  margin-left: 0px; }

.jit-modal.button.with-icon.button-facebook.restref-social:before {
  padding: 0.75rem 0.625rem 0 1.25rem !important; }

.jit-modal.button.with-icon.button-google.restref-social:before {
  padding: 0.75rem 0.625rem 0 1.5625rem !important; }

.recaptcha-terms-container {
  margin-top: 2rem;
  padding-bottom: 2rem; }

.ccpa-terms-container {
  margin-top: 2rem;
  padding-bottom: 2rem; }

.recaptcha-terms {
  color: #6f737b;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.25rem; }

@media only screen and (min-width: 40.0625em) {
  .recaptcha-terms-container {
    margin-top: 4.0625rem; } }

@media only screen and (min-width: 64.0625em) {
  .recaptcha-terms-container {
    margin-top: 1.75rem; } }

@media only screen and (min-width: 64.0625em) {
  .ccpa-terms-container {
    margin-top: 1.75rem; } }

@media only screen and (max-width: 25em) {
  .restref-input {
    width: 100%;
    height: 2.625rem; }
  .restref-secondary {
    margin: auto;
    float: right;
    padding-bottom: 10px; }
  .restref-button {
    width: 100%; }
  .restref-subtitle {
    font-size: 0.8125rem; }
  .restref-title {
    font-size: 1.75rem; }
  .jit-modal.button.with-icon.button-google.restref-social {
    padding-right: 1rem;
    padding-bottom: 0.875rem; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .restref-social-container {
    margin: 0 auto 1rem auto; }
  .restref.form-wrapper.social {
    padding: 0; } }

input:focus {
  outline: 2px solid #acacac; }

button:focus {
  outline: 2px solid #acacac; }

textarea:focus {
  outline: 2px solid #acacac; }

.checkbox-preference:focus ~ label {
  outline: 2px solid #acacac; }

.form-select:focus-within {
  outline: 2px solid #acacac; }

.page-nav a {
  outline-offset: -2px; }

.content-block-footer-link.secondary {
  outline-offset: -2px; }

a.secondary.new-link {
  color: #da3743 !important; }

.rest-row.with-image .rest-row-info {
  padding-left: 6rem;
  min-height: 5rem; }

.rest-row-image {
  max-height: 5rem;
  width: 5rem; }

.page-nav-wrapper {
  display: block; }

.invisible {
  visibility: hidden; }

.upcoming-reservations {
  overflow-x: inherit; }

.upcoming-res-links {
  display: flex;
  flex-direction: column;
  padding: 0;
  padding-bottom: 0.5rem; }

.upcoming.rest-row {
  padding: 1rem 0 0.625rem 0; }

.upcoming-res-pagination {
  padding-bottom: 1rem;
  padding-top: 1rem; }

.left .upcoming-res-link {
  margin-right: 1rem; }

.loyalty-title {
  font-weight: 500; }

.loyalty-drg {
  display: inline-block; }

.loyalty .button {
  min-width: 13.6875rem; }

.page-header-content {
  padding: 0.5rem 0; }

.page-main-content {
  padding: 0; }

.header-reservation-points {
  clear: both;
  margin-top: 0.5rem; }

.header-reservation-fullname {
  display: block;
  float: left; }

.header-reservation-vip-icon {
  display: block;
  width: 1.688rem;
  height: 2rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
  float: left;
  background: url("img/vip-badge-word.png") 50% 50% no-repeat;
  background-size: 100%; }

.review {
  margin: 1rem 0 0 0; }

.review.with-border {
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin: 1rem 0 2rem 0; }

.validation-summary-valid {
  padding: 0px; }

.content-block:first-child {
  margin-top: 2rem; }

.content-block {
  background: none; }

.content-block-list-row {
  padding-bottom: 1rem;
  min-height: 10.9375rem; }

.form-header {
  line-height: 1.3;
  display: inline-block;
  margin-top: 1rem; }

.form-subheading {
  font-size: 1.075rem;
  display: inline-block;
  margin-bottom: 0.5rem; }

.more-info-link {
  display: inline-block;
  margin-left: 8px; }

.form-input-joined.form-input-joined--left {
  border-radius: 3px 0 0 3px; }

.form-input-joined.form-input-joined--right {
  border-left: 0;
  border-radius: 0 3px 3px 0; }

.form-select .dtp-picker-selector-link {
  height: inherit;
  padding: 1rem;
  border: none; }

.dtp-picker-selector select {
  position: absolute;
  opacity: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  border-radius: 0;
  color: #333333;
  background-color: white;
  z-index: 103; }

.dtp-picker-selector {
  float: left;
  position: relative;
  margin: 0; }

.dtp-picker-selector-link {
  position: relative;
  display: block;
  color: #333333;
  z-index: 99;
  text-align: center; }

.dtp-picker-selector-link:hover {
  color: #333333; }

.dtp-picker-selector-link:after {
  content: "D";
  color: #999999;
  font-size: 1.375rem;
  position: absolute;
  right: 0.5rem;
  top: 0.875rem;
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }

.form-select.native .dtp-picker-selector-link:after {
  content: ""; }

.form-select.dropdown {
  padding: 1rem; }
  .form-select.dropdown::-ms-expand {
    display: none; }

.view-balance-container {
  align-self: center;
  right: 0.125rem;
  position: absolute;
  top: 0px; }

.view-balance-spinner {
  height: 1.5rem;
  width: 1.5rem;
  margin: 0 auto;
  position: absolute;
  animation: spin .6s infinite linear;
  border: 3px solid rgba(0, 0, 0, 0.12);
  border-top: 0.1875rem solid #da3743;
  border-radius: 100%;
  top: 3.3125rem;
  right: 4.375rem; }

.button.view-balance,
.button.view-balance-loading {
  position: absolute;
  top: 2.8125rem;
  left: 0.5rem;
  padding: 0.5rem 1.5rem 0.5rem;
  width: 90%;
  height: 40%; }

.button.view-balance-loading {
  background-color: white;
  color: black;
  font-weight: 700;
  text-align: center;
  font-size: 0.875rem; }

.print-card-container {
  position: absolute;
  width: 100%;
  right: 0.125rem;
  bottom: -3.125rem; }

.print-card-wrapper .print-card-link {
  height: inherit;
  padding: 0.5rem;
  padding-left: 1rem;
  border: none; }

.print-card-link {
  position: relative;
  display: block;
  color: #da3743;
  z-index: 99;
  text-align: left; }

.print-card-link:hover {
  color: #da3743; }

.print-card-link:after {
  content: "K";
  color: #da3743;
  font-size: 1.375rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5625rem;
  font-family: icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }

.print-card {
  width: 100%;
  height: inherit;
  outline: 0;
  font-weight: 500;
  display: block;
  background: white;
  font-size: 0.875rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  float: right;
  position: relative;
  margin: 0; }

.activate-button-container {
  width: 80%;
  float: right;
  margin-right: 0.75rem; }

.activate-button-wrapper .activate-button-link {
  height: inherit;
  padding: 0.5rem;
  text-align: center;
  border: none; }

.activate-button-link {
  position: relative;
  display: block;
  color: #da3743;
  z-index: 99;
  text-align: left; }

.activate-button-link:hover {
  color: #da3743; }

.activate-button {
  width: 35%;
  height: inherit;
  outline: 0;
  font-weight: 500;
  display: block;
  background: white;
  font-size: 0.875rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  float: right;
  position: relative;
  margin: 0; }

.email-update-modal.content-block {
  max-width: 720px;
  margin: 0 auto;
  background-color: white; }

.update-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%; }

.sys-info {
  color: transparent; }

.sys-info::selection {
  color: #000;
  background: #999999; }

.sys-info::-moz-selection {
  color: #000;
  background: #999999; }

.grecaptcha-badge {
  /* we need !important to be able to override google defaults */
  bottom: 0.1875rem !important;
  right: -10.5625rem !important;
  transform: scale(0.7) !important; }

.form-select.dtp-picker-selector {
  height: inherit; }

.selectdropdownelement-native option:disabled {
  font-weight: bold;
  color: #000; }

.menu-list-filter {
  outline: 0;
  font-weight: 500;
  display: block;
  background: white;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  width: 100%;
  height: 30px; }

.email-preferences-title {
  font-weight: 700; }

.opt-ins-fieldset {
  border: none;
  padding: 0; }

.opt-ins-legend span {
  font-size: 1rem;
  line-height: 1.3; }

.sms-opt-in-error {
  margin: 0.5rem;
  padding: 0.75rem;
  color: #d30303;
  background-color: #f7d2d5;
  margin-left: 1.5rem; }

.column.username {
  padding-left: 1.25rem; }
  @media only screen and (min-width: 64.0625em) {
    .column.username {
      padding-left: 2.25rem; } }

.jit-modal-left-column-social {
  width: 100%;
  padding-left: 1rem;
  padding-top: 0.875rem; }

.jit-modal-right-column-social {
  width: 100%;
  padding-right: 1rem; }

.jit-modal.button.with-icon {
  padding-left: 3.3rem; }

.jit-modal.button-facebook.button:hover,
.jit-modal.button-google.button:hover {
  color: #333333; }

.jit-modal.button.with-icon.button-google:before {
  height: 100%;
  padding: 0.5625rem 0.125rem 0.625rem 0.4375rem;
  background-color: white; }

.modal-form-background {
  padding: 1.875rem 1rem; }

.social-login-buttons {
  display: flex;
  flex-direction: column;
  padding: 1rem 1rem 0 1rem; }
  .social-login-buttons.restref {
    flex-direction: column; }
    .social-login-buttons.restref .social-login.button.with-icon.button-social-login.button-booking .button-icon {
      margin: 4px 0 2px 0; }

.jit-social-title {
  font-size: 1rem;
  padding-top: 0.75rem; }

.social-login.button.with-icon.button-social-login.button-booking, .social-login.button.with-icon.button-social-login.button-facebook, .social-login.button.with-icon.button-social-login.button-google {
  white-space: normal;
  /* we need !important otherwise color will be overwriten by
         $facebook-color & $googleplus-color from _social-login */
  background-color: white !important;
  border: 1px solid #cccccc;
  color: #333333;
  /* we need !important otherwise font-size will be overwriten by _social-login */
  font-size: 1rem !important;
  width: 100%;
  padding: 0.6375rem 1px;
  margin-bottom: 1rem;
  text-align: center;
  font-weight: 500;
  line-height: 1.5rem;
  display: flex;
  justify-content: center; }
  .social-login.button.with-icon.button-social-login.button-booking:hover, .social-login.button.with-icon.button-social-login.button-facebook:hover, .social-login.button.with-icon.button-social-login.button-google:hover {
    border: 2px solid #da3743;
    padding: calc(0.6375rem - 1px) 0; }
  .social-login.button.with-icon.button-social-login.button-booking .button-icon, .social-login.button.with-icon.button-social-login.button-facebook .button-icon, .social-login.button.with-icon.button-social-login.button-google .button-icon {
    margin-right: 0.25rem; }

.social-login.button.with-icon.button-social-login.button-booking .button-icon {
  margin: 0 0 2px 0; }

.jit-modal.icon-google-plus:before {
  content: url("img/Asset-Google.png"); }

.margin-top-large {
  display: none; }

.font-size-small {
  line-height: 1.25rem; }

.modal-close {
  color: #cccccc; }

.button {
  margin-bottom: 1rem; }

@media only screen and (max-width: 25em) {
  .small-6 {
    width: 100%;
    padding: 0; }
  .content-block-body {
    padding: 0; }
  .content-block-footer {
    padding: 1.5rem 0; }
  .button {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 1rem;
    margin-bottom: 0; }
  .button-facebook {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 1rem;
    margin: -0.75rem 0 0.75rem 0; }
  .button-google {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 1rem;
    margin: -0.75rem 0 0.75rem 0; }
  .form {
    margin-bottom: -1.5rem;
    margin-top: 0; }
  .margin-top {
    margin-top: 0; }
  .popup-title {
    padding-top: 1rem; }
  .row.padding-bottom {
    padding-top: 0.5rem; }
  .margin-bottom-small {
    margin-bottom: 0.5rem; }
  .column.medium.large {
    padding-top: 1rem; }
  .jit-modal-right-column-social {
    padding-top: 0.75rem; } }

@media only screen and (min-width: 25.0625em) {
  .small-6 {
    float: left;
    width: calc(50% - 0.25rem);
    padding: 0; } }

@media only screen and (min-width: 25.0625em) and (max-width: 40em) {
  .content-block-body {
    padding: 0; }
  .button {
    width: 100%; }
  .margin-top.margin-bottom {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .column.large-6.medium-8.font-size-small.color-light.margin-bottom-medium {
    padding-left: 1rem;
    padding-top: 0.8125rem; }
  .content-block-footer {
    padding: 1rem 0; }
  .jit-modal-left-column-social,
  .jit-modal-right-column-social {
    width: 50%;
    padding: 1rem 0.5rem 0 0; } }

a.page-nav-link.on {
  font-weight: 700;
  outline: transparent solid 2px; }
  a.page-nav-link.on:hover {
    outline: transparent solid 2px; }

@media only screen and (max-width: 25em), only screen and (min-width: 25.0625em) and (max-width: 40em) {
  .page-nav-wrapper {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    background: white;
    white-space: nowrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .page-nav {
    display: table-cell;
    z-index: 100;
    white-space: nowrap;
    *zoom: 1;
    background: white;
    font-size: 0.875rem; }
    .page-nav:before, .page-nav:after {
      content: " ";
      display: table; }
    .page-nav:after {
      clear: both; }
    .page-nav ul {
      *zoom: 1;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      padding-left: 1.25rem;
      padding-right: 1.25rem; }
      .page-nav ul:before, .page-nav ul:after {
        content: " ";
        display: table; }
      .page-nav ul:after {
        clear: both; } }
    @media only screen and (max-width: 25em) and (min-width: 64.0625em), only screen and (min-width: 25.0625em) and (max-width: 40em) and (min-width: 64.0625em) {
      .page-nav ul {
        padding-left: 2.25rem;
        padding-right: 2.25rem; } }

@media only screen and (max-width: 25em), only screen and (min-width: 25.0625em) and (max-width: 40em) {
    .page-nav li {
      float: none;
      display: inline-block;
      margin-right: 1.5rem; }
    .page-nav .page-nav-list-nested {
      display: none; }
  .page-nav-link {
    display: block;
    color: #237b98;
    position: relative;
    padding: 1.5rem 0;
    border-bottom: 1px solid transparent;
    text-transform: uppercase; }
    .page-nav-link:hover {
      color: #356273;
      border-bottom-color: #999999; }
    .page-nav-link.on {
      color: #333333;
      border-bottom-color: #237b98; }
  .button-facebook {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 1rem;
    margin: -0.25rem 0 0.5rem 0; }
  .button-google {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 1rem;
    margin: -0.25rem 0 0.5rem 0; }
  .form {
    margin-bottom: -1.5rem;
    margin-top: 0; }
  .margin-top {
    margin-top: 0; }
  .popup-title {
    padding-top: 1rem; }
  .margin-bottom {
    margin-bottom: 0.5rem; }
  .row.padding-bottom {
    padding-top: 0.5rem; }
  .margin-bottom-small {
    margin-bottom: 0.5rem; }
  .button {
    /* we need !important otherwise font-size will be overwriten app.css */
    font-size: 1.2rem !important; }
  .margin-top.margin-bottom {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .column.large-6.medium-8.font-size-small.color-light.margin-bottom-medium {
    padding-left: 1rem;
    padding-top: 0.8125rem; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .page-nav-list-nested {
    display: none; }
  .content-block-body {
    padding: 0; }
  .page-nav {
    z-index: 100; }
  .button {
    font-size: 1.5rem; }
  .medium-8 {
    width: 90%;
    margin-left: 1rem; }
  .margin-bottom-small {
    margin-bottom: 1rem; }
  .modal-form-background {
    font-size: 1.3rem; }
  .form-input {
    font-size: 1.3rem; } }

@media only screen and (min-width: 40.0625em) {
  .medium-12 {
    width: 100%;
    padding: 0; }
  .dtp-picker-selector-link {
    text-align: left; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .print-card-container {
    width: 100%; }
  .button.view-balance {
    font-size: 0.875rem; } }

@media only screen and (min-width: 64.0625em) {
  .page-nav-wrapper {
    overflow: hidden; } }

@media only screen and (max-width: 25em), only screen and (min-width: 25.0625em) and (max-width: 40em) {
  .print-card-container {
    display: inline-flex;
    width: 68%;
    bottom: -2.5rem;
    left: 6rem; }
  .print-card {
    width: 80%; }
  .view-balance-container-img {
    padding-bottom: 0.3125rem; }
  .view-balance-container {
    top: 0px;
    position: inherit; }
  .activate-button-container {
    width: 100%;
    float: left;
    margin-right: 0.75rem;
    display: inline-flex; }
  .activate-button {
    width: 100%; }
  .rest-row-info.not-reso {
    padding-bottom: 2.5rem; }
  .button.view-balance,
  .button.view-balance-loading {
    top: auto;
    left: auto;
    width: 48%;
    height: 15%;
    font-size: 0.875rem !important;
    bottom: 1.0625rem;
    right: 2.9375rem; }
  .button.view-balance-loading {
    font-size: 0.75rem !important; }
  .view-balance-container {
    align-self: auto; }
  .view-balance-spinner {
    top: auto;
    right: 6.25rem;
    bottom: 1.25rem; }
  .upcoming.rest-row {
    min-height: 18.125rem; }
  .content-block-list-row {
    min-height: 18.4375rem;
    min-width: 21.4375rem;
    max-width: 21.4375rem; }
  a.past-res-link.padding-left {
    padding: 0; }
  .rest-row-info.past {
    padding-bottom: 0.5rem; }
  .rest-row.with-image .rest-row-info {
    max-width: 18.4375rem;
    max-height: 13.9375rem; }
  .left .upcoming-res-link {
    margin-right: 0.5rem; }
  .upcoming-reservations {
    min-width: 20.625rem; } }

.vip-wrapper {
  margin: 1rem;
  display: flex; }
  .vip-wrapper .vip-badge {
    margin: 0 3rem; }
    .vip-wrapper .vip-badge .vip-icon {
      max-width: 8rem; }
  .vip-wrapper .vip-badge,
  .vip-wrapper .vip-badge-wrapper {
    text-align: center; }
    .vip-wrapper .vip-badge h3,
    .vip-wrapper .vip-badge-wrapper h3 {
      font-size: 1.375rem;
      font-weight: bold;
      line-height: 1.75rem;
      color: #333333;
      margin-top: 0.5rem; }
  .vip-wrapper .vip-benefit {
    margin-left: 1.5rem;
    border-left: 1px solid #f1f2f4;
    padding-left: 2rem;
    width: 100%; }
    .vip-wrapper .vip-benefit h4 {
      font-size: 1.125rem;
      font-weight: bold;
      line-height: 1.5rem;
      margin-bottom: 1.5rem;
      color: #333333; }
      .vip-wrapper .vip-benefit h4.soon-to-be-vip-title {
        margin-bottom: 0; }
    .vip-wrapper .vip-benefit .benefit-subtitle {
      padding-bottom: 0.6875rem; }
    .vip-wrapper .vip-benefit .vip-details {
      display: flex; }
      .vip-wrapper .vip-benefit .vip-details .genius-icon,
      .vip-wrapper .vip-benefit .vip-details .lock-genius-icon {
        height: 72px; }
      .vip-wrapper .vip-benefit .vip-details .genius-details {
        margin-left: 1rem; }
        .vip-wrapper .vip-benefit .vip-details .genius-details .genius-title {
          font-weight: 500;
          font-size: 1rem;
          color: #333333; }
        .vip-wrapper .vip-benefit .vip-details .genius-details .genius-desc {
          font-size: 0.875rem;
          line-height: 1.25rem;
          color: #333333;
          margin-bottom: 1rem; }
        .vip-wrapper .vip-benefit .vip-details .genius-details .booking-button {
          white-space: normal;
          border: 1px solid #cccccc;
          border-radius: 4px;
          color: #333333;
          padding: 10px calc(16px + 1px);
          text-align: center;
          font-weight: 500;
          font-size: 0.875rem;
          line-height: 1.25rem;
          display: inline-block; }
          .vip-wrapper .vip-benefit .vip-details .genius-details .booking-button:hover {
            border: 2px solid #da3743;
            padding: calc(10px - 1px) 16px; }
    .vip-wrapper .vip-benefit .vip-details.soon-to-be-vip {
      position: relative; }
      .vip-wrapper .vip-benefit .vip-details.soon-to-be-vip .lock-genius-icon-overlay {
        position: absolute;
        top: 0;
        left: 0; }

@media only screen and (max-width: 25em), only screen and (min-width: 25.0625em) and (max-width: 40em) {
  .vip-wrapper {
    flex-direction: column; }
    .vip-wrapper .vip-benefit {
      margin-left: 0;
      padding-left: 0;
      border-left: 0;
      margin-top: 2rem; }
      .vip-wrapper .vip-benefit h4 {
        display: none; }
      .vip-wrapper .vip-benefit .benefit-subtitle {
        margin: 0 0.3125rem 0.625rem; }
      .vip-wrapper .vip-benefit .vip-details .lock-genius-icon {
        margin: 0; }
      .vip-wrapper .vip-benefit .vip-details .genius-icon {
        margin: 0.5rem 0; } }

.register-page.new-layout .master-container .page-container .page-main .header-wrapper {
  margin-bottom: 0;
  margin-top: 0; }

.register-page.new-layout .master-container .page-container .page-main .signup-benefit-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 0.5rem; }

.register-page.new-layout .master-container .page-container .page-main ul.standard-list-style {
  margin: 0 0 2rem 1.25rem; }

.register-page.new-layout .master-container .page-container .page-main .form-wrapper form .checkbox-list {
  margin-top: 1rem;
  margin-bottom: 2rem; }

.register-page.new-layout .master-container .page-container .page-main .privacy-policy {
  color: #2d333f;
  margin-bottom: 2rem; }

.login-page .remember-forget-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 0; }

.login-page.new-layout .master-container .page-container .page-main .form-wrapper form .updated-email {
  background-color: #f0faf3;
  border: .0625rem solid #2f864d;
  border-radius: .25rem;
  padding: .75rem;
  margin-bottom: 2rem;
  display: flex; }
  .login-page.new-layout .master-container .page-container .page-main .form-wrapper form .updated-email span {
    margin-right: .5rem;
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    min-width: 1.5rem; }
    .login-page.new-layout .master-container .page-container .page-main .form-wrapper form .updated-email span svg g path {
      fill: #2f864d; }
  .login-page.new-layout .master-container .page-container .page-main .form-wrapper form .updated-email p {
    margin: 0;
    padding: 0;
    line-height: 1.5rem;
    font-size: .875rem;
    font-weight: 500; }

@media only screen and (max-width: 25em), only screen and (min-width: 25.0625em) and (max-width: 40em) {
  .login-page.new-layout .master-container .page-container .page-main .form-wrapper form .remember-forget-wrapper {
    flex-direction: column; } }

.login-page.new-layout .master-container .page-container .page-main .form-wrapper form .forget-password {
  line-height: 1.5rem; }
  .login-page.new-layout .master-container .page-container .page-main .form-wrapper form .forget-password a.secondary {
    font-size: 0.875rem;
    font-weight: 500; }

.login-page.new-layout .master-container .page-container .page-main .register {
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 2rem; }

.consent-form-page .consent-welcome-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 0; }

.consent-form-page .consent-welcome-label {
  color: #2d333f;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.75rem; }

.consent-form-page .consent-not-label {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: right; }

.consent-form-page .consent-booking-logo-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center; }

.consent-form-page .consent-booking-logo {
  height: 6rem;
  padding: 0.625rem; }

.consent-form-page .consent-connect-label {
  color: #2d333f;
  font-size: 1.075rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: center; }

.consent-form-page .consent-content-wrapper {
  padding-bottom: 1rem;
  padding-top: 1rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem; }

.consent-form-page .consent-content {
  color: #2d333f;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5rem;
  text-align: center; }

.consent-form-page .consent-padding {
  padding-left: 4.5rem;
  padding-top: 1rem; }

.consent-form-page .consent-connect-label-wrapper {
  padding-top: 0.625rem; }

.consent-form-page .consent-terms {
  color: #2d333f;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.25rem; }

.consent-form-page .consent-terms-container {
  padding-bottom: 2.5rem;
  padding-left: 3.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem; }

@media only screen and (max-width: 25em), only screen and (min-width: 25.0625em) and (max-width: 40em) {
  .consent-form-page .consent-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem; }
  .consent-form-page .consent-welcome-wrapper {
    flex-direction: column; }
  .consent-form-page .consent-connect-label-wrapper {
    padding-left: 0.625rem; }
  .consent-form-page .consent-form-page.new-layout .button {
    margin: auto;
    margin-left: 1.5rem; }
  .consent-form-page .consent-content {
    padding-bottom: 1.5rem; }
  .consent-form-page .consent-terms-container {
    padding-bottom: 4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem; } }

.login-page.new-layout .master-container,
.register-page.new-layout .master-container,
.consent-form-page.new-layout .master-container {
  background: #fff;
  min-height: 100vh;
  position: relative; }
  .login-page.new-layout .master-container .page-container,
  .register-page.new-layout .master-container .page-container,
  .consent-form-page.new-layout .master-container .page-container {
    background: #fff;
    padding-bottom: 13.25rem; }
    @media only screen and (min-width: 40.0625em) {
      .login-page.new-layout .master-container .page-container,
      .register-page.new-layout .master-container .page-container,
      .consent-form-page.new-layout .master-container .page-container {
        padding-bottom: 6.75rem; } }
    .login-page.new-layout .master-container .page-container .page-header,
    .register-page.new-layout .master-container .page-container .page-header,
    .consent-form-page.new-layout .master-container .page-container .page-header {
      border: none; }
      .login-page.new-layout .master-container .page-container .page-header .page-header-title,
      .register-page.new-layout .master-container .page-container .page-header .page-header-title,
      .consent-form-page.new-layout .master-container .page-container .page-header .page-header-title {
        font-size: 1.375rem;
        font-weight: 600;
        margin-top: .5rem; }
        @media only screen and (min-width: 64.0625em) {
          .login-page.new-layout .master-container .page-container .page-header .page-header-title,
          .register-page.new-layout .master-container .page-container .page-header .page-header-title,
          .consent-form-page.new-layout .master-container .page-container .page-header .page-header-title {
            margin-top: 1.5rem; } }
        @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
          .login-page.new-layout .master-container .page-container .page-header .page-header-title,
          .register-page.new-layout .master-container .page-container .page-header .page-header-title,
          .consent-form-page.new-layout .master-container .page-container .page-header .page-header-title {
            margin-left: 1rem; } }
    .login-page.new-layout .master-container .page-container .page-main .validation-summary-errors,
    .register-page.new-layout .master-container .page-container .page-main .validation-summary-errors,
    .consent-form-page.new-layout .master-container .page-container .page-main .validation-summary-errors {
      padding: 0 0 1rem 0 !important; }
    .login-page.new-layout .master-container .page-container .page-main .form-wrapper,
    .register-page.new-layout .master-container .page-container .page-main .form-wrapper,
    .consent-form-page.new-layout .master-container .page-container .page-main .form-wrapper {
      padding-top: .5rem;
      padding-bottom: .5rem; }
      @media only screen and (min-width: 40.0625em) {
        .login-page.new-layout .master-container .page-container .page-main .form-wrapper,
        .register-page.new-layout .master-container .page-container .page-main .form-wrapper,
        .consent-form-page.new-layout .master-container .page-container .page-main .form-wrapper {
          padding-bottom: 1.5rem; } }
      .login-page.new-layout .master-container .page-container .page-main .form-wrapper form .form-input,
      .register-page.new-layout .master-container .page-container .page-main .form-wrapper form .form-input,
      .consent-form-page.new-layout .master-container .page-container .page-main .form-wrapper form .form-input {
        border-radius: 4px;
        border-color: #d8d9db;
        font-size: 1rem;
        font-weight: normal;
        padding: .75rem; }
        .login-page.new-layout .master-container .page-container .page-main .form-wrapper form .form-input[type="password"],
        .register-page.new-layout .master-container .page-container .page-main .form-wrapper form .form-input[type="password"],
        .consent-form-page.new-layout .master-container .page-container .page-main .form-wrapper form .form-input[type="password"] {
          margin-bottom: .5rem; }
      .login-page.new-layout .master-container .page-container .page-main .form-wrapper form .checkbox .checkbox-flat,
      .register-page.new-layout .master-container .page-container .page-main .form-wrapper form .checkbox .checkbox-flat,
      .consent-form-page.new-layout .master-container .page-container .page-main .form-wrapper form .checkbox .checkbox-flat {
        display: none; }
        .login-page.new-layout .master-container .page-container .page-main .form-wrapper form .checkbox .checkbox-flat:checked + input + label::before,
        .register-page.new-layout .master-container .page-container .page-main .form-wrapper form .checkbox .checkbox-flat:checked + input + label::before,
        .consent-form-page.new-layout .master-container .page-container .page-main .form-wrapper form .checkbox .checkbox-flat:checked + input + label::before {
          background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23da3743' fill-rule='evenodd' d='M10.936 12.764l-1.768-1.768a.5.5 0 0 0-.707 0l-.707.707a.5.5 0 0 0 0 .707l2.828 2.829a.498.498 0 0 0 .707 0l4.95-4.95a.5.5 0 0 0 0-.707l-.707-.707a.5.5 0 0 0-.707 0l-3.89 3.889zM5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/%3e%3c/svg%3e"); }
      .login-page.new-layout .master-container .page-container .page-main .form-wrapper form .checkbox .checkbox-text,
      .register-page.new-layout .master-container .page-container .page-main .form-wrapper form .checkbox .checkbox-text,
      .consent-form-page.new-layout .master-container .page-container .page-main .form-wrapper form .checkbox .checkbox-text {
        line-height: 1.5rem;
        margin-left: 1.75rem;
        font-size: 0.875rem;
        cursor: pointer; }
        .login-page.new-layout .master-container .page-container .page-main .form-wrapper form .checkbox .checkbox-text:before,
        .register-page.new-layout .master-container .page-container .page-main .form-wrapper form .checkbox .checkbox-text:before,
        .consent-form-page.new-layout .master-container .page-container .page-main .form-wrapper form .checkbox .checkbox-text:before {
          content: '';
          position: absolute;
          left: 1rem;
          height: 1.5rem;
          width: 1.5rem;
          background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill-rule='evenodd' d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm0 2v14h14V5H5z'/%3e%3c/svg%3e"); }
      .login-page.new-layout .master-container .page-container .page-main .form-wrapper form .form-select .select-label,
      .register-page.new-layout .master-container .page-container .page-main .form-wrapper form .form-select .select-label,
      .consent-form-page.new-layout .master-container .page-container .page-main .form-wrapper form .form-select .select-label {
        padding: .75rem;
        color: #777;
        font-weight: 400;
        font-size: 1rem; }
        .login-page.new-layout .master-container .page-container .page-main .form-wrapper form .form-select .select-label:after,
        .register-page.new-layout .master-container .page-container .page-main .form-wrapper form .form-select .select-label:after,
        .consent-form-page.new-layout .master-container .page-container .page-main .form-wrapper form .form-select .select-label:after {
          content: ""; }
      .login-page.new-layout .master-container .page-container .page-main .form-wrapper form button,
      .register-page.new-layout .master-container .page-container .page-main .form-wrapper form button,
      .consent-form-page.new-layout .master-container .page-container .page-main .form-wrapper form button {
        font-size: 1rem !important;
        width: 100%; }
    .login-page.new-layout .master-container .page-container .page-main .social-title,
    .register-page.new-layout .master-container .page-container .page-main .social-title,
    .consent-form-page.new-layout .master-container .page-container .page-main .social-title {
      font-size: 1rem;
      line-height: 1.5rem; }
  .login-page.new-layout .master-container .footer-container,
  .register-page.new-layout .master-container .footer-container,
  .consent-form-page.new-layout .master-container .footer-container {
    background: #2d333f;
    margin-top: 2rem;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 13.25rem;
    width: 100%; }
    @media only screen and (min-width: 40.0625em) {
      .login-page.new-layout .master-container .footer-container,
      .register-page.new-layout .master-container .footer-container,
      .consent-form-page.new-layout .master-container .footer-container {
        height: 6.75rem; } }

.login-page.new-layout .sys-info,
.register-page.new-layout .sys-info,
.consent-form-page.new-layout .sys-info {
  display: none; }

.a11y-hidden-text {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap; }

@media only screen and (max-width: 25em), only screen and (min-width: 25.0625em) and (max-width: 40em) {
  .ccpa.icon-check {
    display: none; } }

@media screen and (-ms-high-contrast: active) {
  .button {
    border: 1px solid; } }

.ng-cloak {
  display: none !important; }

.badges-info {
  font-size: 1.075rem; }

.badge-wrapper {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-evenly; }

.badge-card {
  width: 305px;
  height: 477px;
  margin: 0 0.5rem;
  display: flex;
  flex-direction: column; }

.badge-icon {
  height: 226px;
  display: block;
  margin: auto; }

.badge-content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1; }

.level-value,
.level-information,
.more-badge-info,
.badge-title {
  font-size: 1.075rem;
  text-align: center; }

.level-information {
  color: #91949a;
  margin: 1.5rem; }

.badge-title {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0.5rem; }

.more-badge-info {
  color: #da3743;
  margin: 1.5rem; }

more-badge-info:hover {
  text-decoration: underline; }

.badge-progress {
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  -ms-flex-pack: center; }

.badge-progress-level {
  font-size: 0.875rem;
  text-align: center;
  font-weight: 700;
  display: block;
  margin: auto;
  margin-left: 1rem; }

.user-level-info,
.points-badge-bar {
  width: 100px;
  height: 20px;
  border-radius: 8px;
  background: #f1f2f4;
  overflow: hidden; }

.points-badge-bar-earned {
  background: #fdaf08;
  width: 100px;
  height: 100%; }

.badge-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.modal-short-description {
  font-size: 1.075rem;
  color: #91949a; }

.user-level-info {
  font-size: 0.875rem;
  margin: 0 auto;
  margin-bottom: 10px;
  text-align: center;
  width: 60px;
  font-weight: 700;
  display: block; }

.past-reservations {
  min-width: 20.625rem; }

.past-res {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  line-height: 1.4;
  width: 100%; }
  .past-res:last-child {
    border: 0; }

.past-res-party,
.past-res-points,
.past-res-date {
  color: #666666;
  font-size: 0.875rem; }

.past-res-date {
  position: absolute;
  right: 0;
  top: 0.5rem; }

.past-res-date-test {
  position: static;
  right: auto;
  display: inline-block; }

.past-res-points-test {
  background-image: url("img/gold_large_diamond.png");
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center top;
  padding-top: 1rem;
  margin-top: 0.5rem;
  float: right;
  font-size: 1.25rem;
  color: #fdb245; }

.past-res-points {
  max-height: 5rem;
  width: 5rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  float: left;
  margin-top: 5.1875rem;
  display: block;
  text-align: center;
  border: 1px solid #fdb245;
  background-color: #fdb245;
  border-radius: 16px; }

.past-res-points.not-reso {
  margin-top: 3.5rem; }

.past-res-links {
  *zoom: 1;
  font-size: 0.875rem;
  padding-top: 0.125rem;
  display: flex;
  flex-direction: row; }
  .past-res-links:before, .past-res-links:after {
    content: " ";
    display: table; }
  .past-res-links:after {
    clear: both; }
  .past-res-links .past-res-link {
    display: block;
    float: left; }
    .past-res-links .past-res-link span {
      margin-right: 0.25rem; }
      .past-res-links .past-res-link span.circle-loader {
        margin-top: 0.5rem; }
  .past-res-links .right .past-res-link {
    margin-left: 1rem; }

.past-res-review-header {
  padding: 1rem 1rem 0 1rem; }

.past-res-review-content {
  padding: 0 1rem 1rem 1rem; }

.past-res-review-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding: 1rem; }

.past-res-review {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 0; }
  .past-res-review .review-stars-results-text {
    color: #999999; }
  .past-res-review .review-stars-results-num {
    padding-left: 1rem; }
  .past-res-review .past-res-review-feature-title {
    *zoom: 1;
    padding-bottom: 0.5rem;
    display: block;
    text-transform: uppercase; }
    .past-res-review .past-res-review-feature-title:before, .past-res-review .past-res-review-feature-title:after {
      content: " ";
      display: table; }
    .past-res-review .past-res-review-feature-title:after {
      clear: both; }
  .past-res-review .past-res-review-feature {
    border-radius: 5px;
    display: inline-block;
    padding: 0.3333333333rem 1rem;
    margin-right: 0.5rem;
    background: #eef4fb;
    color: #237b98;
    font-size: 0.875rem;
    margin-bottom: 0.5rem; }
  .past-res-review .past-res-review-column {
    display: inline-block;
    margin-right: 32px;
    float: left !important;
    margin-bottom: 0.5rem;
    color: #999999;
    text-transform: uppercase; }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .past-res-link {
    width: 25%; } }

@media only screen and (max-width: 25em), only screen and (min-width: 25.0625em) and (max-width: 40em) {
  .past-res-links {
    font-size: 0.875rem;
    padding-top: 0;
    padding-bottom: 0;
    display: unset; } }

.points-reservations {
  min-width: 20.625rem; }

.points-res {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  line-height: 1.4;
  width: 100%; }
  .points-res:last-child {
    border: 0; }

.points-res-num {
  color: #da3743;
  font-weight: 700; }

.points-res-pts {
  text-transformation: uppercase; }

.points-res-pts,
.points-res-label {
  color: #666666;
  font-size: 0.875rem; }

.points-res-label {
  display: block; }

.points-res-bar {
  margin: 0.5rem 0;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #efefef;
  overflow: hidden; }

.points-res-bar-earned {
  background: #da3743;
  width: 65%;
  height: 100%; }

.points-res-date {
  position: absolute;
  right: 0;
  top: 0.5rem; }

.points-res-links {
  *zoom: 1;
  font-size: 0.875rem;
  padding-top: 0.5rem; }
  .points-res-links:before, .points-res-links:after {
    content: " ";
    display: table; }
  .points-res-links:after {
    clear: both; }
  .points-res-links .points-res-link {
    display: block;
    float: left; }
    .points-res-links .points-res-link span {
      margin-right: 0.25rem; }
  .points-res-links .right .points-res-link {
    margin-left: 1rem; }

.points-chart {
  width: 289px;
  height: 187px;
  display: inline-block;
  position: relative; }
  .points-chart > li {
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 100px;
    border: solid #237b98 2px;
    border-radius: 50px; }
    .points-chart > li.range-0 {
      left: 0px;
      top: 67px; }
    .points-chart > li.range-1 {
      left: 82px;
      top: 0px; }
    .points-chart > li.range-2 {
      left: 164px;
      top: 67px; }
    .points-chart > li.range-3, .points-chart > li.range-4, .points-chart > li.range-5 {
      display: none; }
  .points-chart .range-value {
    position: absolute;
    bottom: 50px;
    width: 100px;
    text-align: center;
    color: #237b98;
    font-weight: 400;
    font-size: 1.2rem; }
  .points-chart .range-points {
    position: absolute;
    top: 53px;
    width: 100px;
    text-align: center;
    color: #999999;
    font-weight: 400;
    font-size: 0.875rem;
    text-transform: lowercase; }

.points-error {
  color: #2d333f;
  margin: 2rem 0;
  padding: 0.75rem;
  background-color: #fceeef;
  border: 1px solid #931b23;
  border-radius: 5px; }

.points-error::before {
  content: "!";
  text-align: center;
  line-height: 1.2rem;
  width: 1.2rem;
  height: 1.2rem;
  color: white;
  background-color: #931b23;
  display: inline-block;
  margin-right: 0.5rem 0;
  border-radius: 50%; }

.points-find-out-more {
  display: block;
  width: 1.625rem;
  height: 1.375rem;
  margin-right: 0.5rem;
  float: left;
  background: url("img/points/community-icon.png") 50% 50% no-repeat;
  background-size: 100%; }

.points-diner-plate-world {
  display: block;
  width: 9.625rem;
  height: 9.9375rem;
  background: url("img/points/diner-plate-world.png") 50% 50% no-repeat;
  background-size: 100%; }

.giftcard-platter {
  display: block;
  width: 8.75rem;
  height: 7.1875rem;
  background: url("img/points/gift-platter.png") 50% 50% no-repeat;
  background-size: 100%; }

.ot-giftcard {
  display: block;
  width: 5.875rem;
  height: 3.6875rem;
  background: url("img/points/otgiftcard.png") 50% 50% no-repeat;
  background-size: 100%;
  color: #fff;
  padding: 0.5rem; }

.amazon-giftcard {
  display: block;
  width: 5.625rem;
  height: 3.75rem;
  background: url("img/points/amazoncard.png") 50% 50% no-repeat;
  background-size: 100%;
  color: #fff;
  padding-left: 0.5rem;
  padding-top: 2.1875rem; }

.dining-cheque {
  display: block;
  width: 6.0625rem;
  height: 3.125rem;
  background: url("img/points/diningcheque.png") 50% 50% no-repeat;
  background-size: 100%; }

.ot-giftcard-flair {
  display: block;
  width: 14.4375rem;
  height: 7.8125rem;
  background: url("img/points/otgiftcard-flair@2x.png") 50% 50% no-repeat;
  background-size: 100%;
  color: #fff;
  font-size: 1.2rem;
  padding-top: 2.5rem;
  padding-left: 4.0625rem; }

.gifts-icon {
  display: block;
  width: 2.375rem;
  height: 3.125rem;
  background: url("img/points/gifts-icon.png") 50% 50% no-repeat;
  background-size: 100%; }

.gifts-starburst {
  display: block;
  width: 7.75rem;
  height: 7.75rem;
  background: url("img/points/starburst.png") 50% 50% no-repeat;
  background-size: 100%; }

@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .points-find-out-more {
    background-image: url("img/points/community-icon@2x.png") !important; }
  .points-diner-plate-world {
    background-image: url("img/points/diner-plate-world-large.png") !important; }
  .giftcard-platter {
    background-image: url("img/points/gift-platter@2x.png") !important; }
  .ot-giftcard {
    background-image: url("img/points/otgiftcard@2x.png") !important; }
  .dining-cheque {
    background-image: url("img/points/diningcheque@2x.png") !important; }
  .ot-giftcard-flair {
    background-image: url("img/points/otgiftcard-flair@4x.png") !important; }
  .gifts-icon {
    background-image: url("img/points/gifts-icon@2x.png") !important; } }

.favorites {
  background-color: #fff; }
  .favorites .content-block {
    background-color: #fff; }

.favorite {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  line-height: 1.4;
  width: 100%; }
  .favorite:last-child {
    border: 0; }

.favorite-book {
  margin-top: 0.75rem; }
  @media only screen and (min-width: 40.0625em) {
    .favorite-book {
      margin-top: 0;
      position: absolute;
      right: 0;
      top: 1.5rem; } }
  .favorite-book .button {
    border: solid transparent 2px;
    width: auto; }

.favorite-cuisines {
  color: #666666;
  font-size: 0.875rem;
  clear: both; }

.account-page .account-section {
  padding-bottom: 1.5rem; }
  @media only screen and (min-width: 64.0625em) {
    .account-page .account-section {
      padding-bottom: 2.5rem; } }
  @media only screen and (max-width: 25em) {
    .account-page .account-section .form-row .column ~ .column .form-label {
      margin-top: 0.75rem; } }
  .account-page .account-section .form-row ~ .form-row .form-label {
    margin-top: 0.75rem; }

.account-page .form-label {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  display: inline-block;
  color: #999999;
  font-weight: 500; }

.account-page .checkbox-preference, .account-page .email-pref {
  opacity: 0;
  position: absolute; }

.account-page .email-pref + label {
  display: inline-block;
  user-select: none;
  font-size: 0.875rem;
  cursor: pointer; }
  .account-page .email-pref + label:before {
    display: inline-block;
    vertical-align: top;
    margin: 0 0.3333333333rem 0 0;
    width: 1rem;
    height: 1rem;
    opacity: 0.5;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 2px 0;
    content: " ";
    font-family: 'icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.account-page .email-pref + label.checkbox-label:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.875rem; }

.account-page .email-pref:checked + label:before,
.account-page .email-pref.checked + label:before {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "x";
  font-size: 0.6em;
  vertical-align: top;
  background: #da3743;
  border-color: #da3743;
  color: #fff;
  opacity: 1; }

.account-page .email-pref:checked + label.checkbox-label:before,
.account-page .email-pref.checked + label.checkbox-label:before {
  font-size: 0.875rem; }

.account-page .checkbox-label, .account-page .email-pref + label.checkbox-label {
  font-size: 1rem; }

.account-page .checkbox-label {
  display: inline-block;
  position: relative;
  user-select: none;
  cursor: pointer;
  padding-left: 2rem; }
  .account-page .checkbox-label:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: top;
    margin: 0 0.3333333333rem 0 0;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0.5;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 0;
    content: " ";
    font-family: 'icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 3px 0;
    font-size: 0.875rem; }

.account-page .checkbox-preference:checked ~ .checkbox-label:before,
.account-page .checkbox-preference.checked ~ .checkbox-label:before {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "x";
  vertical-align: top;
  background: #da3743;
  border-color: #da3743;
  color: #fff;
  opacity: 1; }

.account-page .ie8-inline-block {
  display: none; }

.account-page .section--concierge .column {
  padding: 0;
  float: none;
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.account-page .section--concierge .column + .column:last-child {
  width: calc(95% - 1.5rem);
  margin-left: 0.5rem;
  float: none; }

.account-page .section--address .column {
  padding-left: 0;
  padding-right: 0; }

.account-page .section--dining-preferences {
  font-size: 0.875rem; }
  .account-page .section--dining-preferences .form-row:last-child span.input-help {
    margin-bottom: 0; }
  .account-page .section--dining-preferences .form-row span {
    display: block; }
    .account-page .section--dining-preferences .form-row span.input-help {
      margin-top: 1rem;
      margin-bottom: 0.75rem; }

.account-page .section--public-diner-profile .column {
  padding-left: 0;
  padding-right: 0; }

.account-page .section--public-diner-profile .avatar {
  align-items: center;
  border-radius: 50%;
  color: white;
  display: inline-flex;
  font-size: 1.5rem;
  font-weight: 400;
  justify-content: center;
  vertical-align: top;
  width: 3rem;
  height: 3rem; }
  .account-page .section--public-diner-profile .avatar.mustard {
    background-color: #fccf44; }
  .account-page .section--public-diner-profile .avatar.icecream {
    background-color: #72c9ca; }
  .account-page .section--public-diner-profile .avatar.pumpkin {
    background-color: #ef8f4d; }
  .account-page .section--public-diner-profile .avatar.plum {
    background-color: #aa6286; }

.account-page .section--public-diner-profile .public-profile-colors {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5rem; }

.account-page .section--public-diner-profile .avatar-container {
  cursor: pointer;
  padding: 0.2rem;
  margin-right: 0.2rem;
  margin-left: 0;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08); }

.account-page .section--public-diner-profile .public-profile-color-selector + .avatar-container:after {
  font-family: icons;
  content: " ";
  margin: 0.2rem;
  font-size: 0.8rem;
  text-align: center;
  text-transform: lowercase;
  color: #237b98;
  display: block;
  padding: 0.2rem;
  height: 1rem; }

.account-page .section--public-diner-profile .public-profile-color-selector:checked + .avatar-container {
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .account-page .section--public-diner-profile .public-profile-color-selector:checked + .avatar-container:after {
    content: 'x'; }

.account-page .section--public-diner-profile .public-profile-state-container {
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  display: inline-block;
  margin-bottom: 0.5rem; }

.account-page .section--public-diner-profile .public-profile-state-option + .public-profile-state-value {
  display: inline-block;
  background-color: white;
  text-align: center;
  padding: 0.2rem;
  padding-right: 1.2rem;
  background-clip: border-box;
  cursor: pointer; }
  .account-page .section--public-diner-profile .public-profile-state-option + .public-profile-state-value:before {
    font-family: icons;
    content: " ";
    margin: 0.2rem;
    font-size: 0.8rem;
    text-align: center;
    text-transform: lowercase;
    color: #237b98;
    width: 1rem;
    display: inline-block; }

.account-page .section--public-diner-profile .public-profile-state-option:checked + .public-profile-state-value {
  background-color: rgba(35, 123, 152, 0.14);
  color: #237b98; }
  .account-page .section--public-diner-profile .public-profile-state-option:checked + .public-profile-state-value:before {
    content: 'x'; }

.account-page .section--public-diner-profile .input-help {
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  font-size: 0.875rem; }

.account-page .content-block-body > .content-block-body {
  background: #fff; }

.account-page .account-details {
  background: #fff;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
  @media only screen and (min-width: 64.0625em) {
    .account-page .account-details {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      background: none; } }

@media only screen and (min-width: 25.0625em) and (max-width: 40em) {
  .account-page .section--concierge,
  .account-page #password-section,
  .account-page .section--address,
  .account-page #email-preferences-section {
    padding-bottom: 1rem; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .account-page .section--concierge,
  .account-page #password-section,
  .account-page .section--address,
  .account-page #email-preferences-section {
    padding-bottom: 1rem; }
  .account-page .save-button-wrapper {
    padding-left: 0; } }

@media only screen and (min-width: 40.0625em) {
  .account-page .section--address .column.medium-6:first-child {
    padding-left: 0;
    padding-right: 0.25rem; }
  .account-page .section--address .column.medium-6:last-child {
    padding-left: 0.25rem;
    padding-right: 0; }
  .account-page .checkbox-label, .account-page .email-pref + label.checkbox-label {
    padding-left: 1.5rem; }
    .account-page .checkbox-label:before, .account-page .email-pref + label.checkbox-label:before {
      height: 1rem;
      width: 1rem;
      font-size: 0.5em;
      padding: 2px 0; }
  .account-page .email-pref:checked + label.checkbox-label:before,
  .account-page .email-pref.checked + label.checkbox-label:before {
    font-size: 0.5em; } }

.diner-list {
  width: 100%; }

.diner-list-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.diner-list-cell {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem; }
  .diner-list-cell.command {
    width: 120px;
    text-align: right; }

.giftcard-redemption-page .page-container {
  background-color: #fff; }
  .giftcard-redemption-page .page-container .page-main {
    margin-top: 2rem;
    margin-left: 2rem; }
    .giftcard-redemption-page .page-container .page-main .error-widget {
      width: 625px;
      color: #da3743;
      margin-bottom: 2rem; }
    .giftcard-redemption-page .page-container .page-main .selector-widget {
      border: 1px solid rgba(0, 0, 0, 0.12);
      border-radius: 3px;
      width: 625px; }
      .giftcard-redemption-page .page-container .page-main .selector-widget .options-text {
        *zoom: 1;
        padding: 1rem; }
        .giftcard-redemption-page .page-container .page-main .selector-widget .options-text:before, .giftcard-redemption-page .page-container .page-main .selector-widget .options-text:after {
          content: " ";
          display: table; }
        .giftcard-redemption-page .page-container .page-main .selector-widget .options-text:after {
          clear: both; }
      .giftcard-redemption-page .page-container .page-main .selector-widget .selector-container {
        *zoom: 1;
        padding: 1rem;
        background-color: #f7f7f7; }
        .giftcard-redemption-page .page-container .page-main .selector-widget .selector-container:before, .giftcard-redemption-page .page-container .page-main .selector-widget .selector-container:after {
          content: " ";
          display: table; }
        .giftcard-redemption-page .page-container .page-main .selector-widget .selector-container:after {
          clear: both; }
        .giftcard-redemption-page .page-container .page-main .selector-widget .selector-container .dtp-picker-selector {
          width: 100%; }
    .giftcard-redemption-page .page-container .page-main .user-info {
      margin-bottom: 2rem; }
      .giftcard-redemption-page .page-container .page-main .user-info h6 {
        font-weight: 700; }
      .giftcard-redemption-page .page-container .page-main .user-info .email {
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 3px;
        background-color: #f7f7f7;
        width: 625px;
        padding: 1rem;
        color: #999999;
        font-size: 0.875rem; }
    .giftcard-redemption-page .page-container .page-main .buttons {
      *zoom: 1;
      width: 625px; }
      .giftcard-redemption-page .page-container .page-main .buttons:before, .giftcard-redemption-page .page-container .page-main .buttons:after {
        content: " ";
        display: table; }
      .giftcard-redemption-page .page-container .page-main .buttons:after {
        clear: both; }
      .giftcard-redemption-page .page-container .page-main .buttons .button {
        width: 150px; }
      .giftcard-redemption-page .page-container .page-main .buttons .type-2 {
        color: #237b98; }
    .giftcard-redemption-page .page-container .page-main .terms {
      width: 625px;
      color: #999999;
      font-size: 0.875rem;
      margin: 0.5rem 0 2rem 0; }

.redemption-confirmation-page .content-block {
  max-width: 700px; }
  .redemption-confirmation-page .content-block h3 {
    color: #75b96f;
    font-weight: 500; }

.user-confirmation-page .page-container {
  background-color: #fff; }
  .user-confirmation-page .page-container .page-main {
    margin-top: 2rem;
    margin-left: 2rem; }
    .user-confirmation-page .page-container .page-main .gift-banner {
      *zoom: 1;
      border-radius: 3px;
      width: 625px; }
      .user-confirmation-page .page-container .page-main .gift-banner:before, .user-confirmation-page .page-container .page-main .gift-banner:after {
        content: " ";
        display: table; }
      .user-confirmation-page .page-container .page-main .gift-banner:after {
        clear: both; }
      .user-confirmation-page .page-container .page-main .gift-banner.ot-banner {
        height: 169px;
        background: url("img/points/banner-giftsrewards.png") 50% 50%/100% no-repeat; }
      .user-confirmation-page .page-container .page-main .gift-banner.amazon-banner {
        height: 156px;
        background: url("img/points/banner-amazon.png") 50% 50%/100% no-repeat; }
    .user-confirmation-page .page-container .page-main .email-widget {
      *zoom: 1;
      border: 1px solid rgba(0, 0, 0, 0.12);
      border-radius: 3px;
      width: 625px;
      margin-top: 0.5rem; }
      .user-confirmation-page .page-container .page-main .email-widget:before, .user-confirmation-page .page-container .page-main .email-widget:after {
        content: " ";
        display: table; }
      .user-confirmation-page .page-container .page-main .email-widget:after {
        clear: both; }
      .user-confirmation-page .page-container .page-main .email-widget .email-header {
        float: left;
        background-color: #f7f7f7;
        width: 110px;
        padding: 1rem; }
      .user-confirmation-page .page-container .page-main .email-widget .email-content {
        float: left;
        padding: 1rem;
        line-height: 1.5rem; }
    .user-confirmation-page .page-container .page-main .buttons {
      *zoom: 1;
      width: 625px;
      margin-top: 2rem; }
      .user-confirmation-page .page-container .page-main .buttons:before, .user-confirmation-page .page-container .page-main .buttons:after {
        content: " ";
        display: table; }
      .user-confirmation-page .page-container .page-main .buttons:after {
        clear: both; }
      .user-confirmation-page .page-container .page-main .buttons .button {
        width: 150px; }
      .user-confirmation-page .page-container .page-main .buttons .type-2 {
        color: #237b98; }
    .user-confirmation-page .page-container .page-main .terms {
      width: 625px;
      margin: 1rem 0 3rem 0; }

@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .user-confirmation-page .giftcard-widget {
    background-image: url("img/points/banner-giftsrewards@2x.png") !important; } }

.reservations .content-block {
  background-color: #fff; }

.reservations .content-block-body.progress-bar .large-6 {
  width: 50%; }

@media only screen and (max-width: 25em), only screen and (min-width: 25.0625em) and (max-width: 40em), only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .reservations .content-block-body {
    padding: 1.5rem; } }

@media only screen and (max-width: 25em), only screen and (min-width: 25.0625em) and (max-width: 40em) {
  .reservations .content-block-footer {
    padding: 1.5rem; } }

.modal-container.dff-wrapper {
  background-color: rgba(0, 0, 0, 0.45); }
  .modal-container.dff-wrapper .modal-content {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto; }

.dff-listing {
  width: 730px; }
  .dff-listing .thank-you-message,
  .dff-listing .prompt {
    max-width: 75%;
    text-align: center; }

.dff-listing-header {
  height: 314px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center; }
  .dff-listing-header .modal-block-content {
    max-width: 100%; }
  .dff-listing-header .thank-you-image {
    height: 169px;
    background: url("img/review-thank-you.png") 50% 50% no-repeat; }
  @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
    .dff-listing-header .thank-you-image {
      background-image: url("img/review-thank-you@2x.png") !important; } }
  .dff-listing-header .thank-you-message {
    margin: 1rem auto 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #da3743; }

.dff-listing-feedback {
  margin: 3rem 0; }
  .dff-listing-feedback .prompt {
    margin: 0 auto;
    font-size: 1.3rem;
    line-height: 1.15;
    color: white; }

.dff-listing-restaurants {
  margin: -0.75rem;
  display: flex;
  flex-wrap: wrap; }
  .dff-listing-restaurants .restaurant-block {
    width: 50%;
    padding: 0.75rem; }
    .dff-listing-restaurants .restaurant-block .restaurant-content {
      padding: 1rem 1.5rem; }
    .dff-listing-restaurants .restaurant-block:nth-child(1) .restaurant-content {
      background: #32827b;
      /* Old browsers */
      background: -moz-linear-gradient(top, #32827b 0%, #3b8b84 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32827b), color-stop(100%, #3b8b84));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #32827b 0%, #3b8b84 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #32827b 0%, #3b8b84 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #32827b 0%, #3b8b84 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #32827b 0%, #3b8b84 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */ }
    .dff-listing-restaurants .restaurant-block:nth-child(2) .restaurant-content {
      background: #954040;
      /* Old browsers */
      background: -moz-linear-gradient(top, #954040 0%, #914848 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #954040), color-stop(100%, #914848));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #954040 0%, #914848 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #954040 0%, #914848 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #954040 0%, #914848 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #954040 0%, #914848 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */ }
    .dff-listing-restaurants .restaurant-block:nth-child(3) .restaurant-content {
      background: #994e28;
      /* Old browsers */
      background: -moz-linear-gradient(top, #994e28 0%, #995634 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #994e28), color-stop(100%, #995634));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #994e28 0%, #995634 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #994e28 0%, #995634 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #994e28 0%, #995634 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #994e28 0%, #995634 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */ }
    .dff-listing-restaurants .restaurant-block:nth-child(4) .restaurant-content {
      background: #2c7394;
      /* Old browsers */
      background: -moz-linear-gradient(top, #2c7394 0%, #487f99 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c7394), color-stop(100%, #487f99));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #2c7394 0%, #487f99 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #2c7394 0%, #487f99 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #2c7394 0%, #487f99 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #2c7394 0%, #487f99 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */ }
    .dff-listing-restaurants .restaurant-block:nth-child(5) .restaurant-content {
      background: #99363c;
      /* Old browsers */
      background: -moz-linear-gradient(top, #99363c 0%, #99262e 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99363c), color-stop(100%, #99262e));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #99363c 0%, #99262e 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #99363c 0%, #99262e 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #99363c 0%, #99262e 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #99363c 0%, #99262e 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */ }
    .dff-listing-restaurants .restaurant-block:nth-child(6) .restaurant-content {
      background: #473d76;
      /* Old browsers */
      background: -moz-linear-gradient(top, #473d76 0%, #514975 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #473d76), color-stop(100%, #514975));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #473d76 0%, #514975 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #473d76 0%, #514975 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #473d76 0%, #514975 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #473d76 0%, #514975 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */ }
  .dff-listing-restaurants h5 {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.15;
    color: white; }
  .dff-listing-restaurants .restaurant-meta {
    font-size: 1rem;
    line-height: 1.5;
    color: white; }

  .tag {
    padding: 2px 4px;
    border-radius: 4px;
    color: white;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    vertical-align: middle;
    background: #da3743;
    margin-left: 8px; }

/*# sourceMappingURL=app-usersite.css.map */