@charset "UTF-8";
/* Required Imports (base, mixins, etc) */
/* Compass */
/* Variables */
/* - - - - - BOOTSTRAP MIXIN FUNCTIONS - - - - - */
/* - - - - - GLOBAL MIXINS FUNCTIONS - - - - - */
/* - - - - - GLOBAL MIXINS - - - - - */
/* - - - - - BACKGROUND SVGS - - - - - */
/* inline-image() converts to base64 cause IE stinks and cant deal with svgs... */
/* - - - - - FORM MIXINS - - - - - */
/* - - - - - TYPOGRAPHY MIXINS - - - - - */
/* - - - - - ACCESSIBILITY MIXINS - - - - - */
/* - - - - - DISPLAY - - - - - */
/* - - - - - MINIMUM BREAKPOINTS - - - - - */
/* - - - - - BASIC COLORS - - - - - */
/* - - - - - CORPORTATE COLORS - - - - - */
/* - - - - - LEADERS CLUB COLORS - - - - - */
/* - - - - - ADDITIONAL COLORS - - - - - */
/* WCAG AA: ≥4.5:1 on #fff */
/* WCAG AA: ≥4.5:1 on #fff */
/* WCAG AA: contrast ≥4.5:1 on #f4f4f4 / #fff; світліший варіант */
/* - - - - - LINK/BUTTON COLORS - - - - - */
/* - - - - - CALENDAR - - - - - */
/* WCAG AA: ≥4.5:1 on #fff (available dates) */
/* Past/disabled dates: WCAG AA ≥4.5:1 on #fff */
/* WCAG AA: contrast ≥4.5:1 on #cfcfcf */
/* - - - - - FONTS - - - - - */
/*$font-regular-semibold: 'opensans-semibold';*/
/*$font-regular-bold:     'opensans-bold';*/
/*$font-alt-bold:         'amiri-bold';*/
/* - - - - - FONT SIZES - - - - - */
/* - - - - - LINE HEIGHT - - - - - */
/* - - - - - LETTER SPACING - - - - - */
/* Modals */
/* Required Imports (base, mixins, etc) */
/* Compass */
/* Variables */
/* - - - - - BOOTSTRAP MIXIN FUNCTIONS - - - - - */
/* - - - - - GLOBAL MIXINS FUNCTIONS - - - - - */
/* - - - - - GLOBAL MIXINS - - - - - */
/* - - - - - BACKGROUND SVGS - - - - - */
/* inline-image() converts to base64 cause IE stinks and cant deal with svgs... */
/* - - - - - FORM MIXINS - - - - - */
/* - - - - - TYPOGRAPHY MIXINS - - - - - */
/* - - - - - ACCESSIBILITY MIXINS - - - - - */
/* - - - - - DISPLAY - - - - - */
/* - - - - - MINIMUM BREAKPOINTS - - - - - */
/* - - - - - BASIC COLORS - - - - - */
/* - - - - - CORPORTATE COLORS - - - - - */
/* - - - - - LEADERS CLUB COLORS - - - - - */
/* - - - - - ADDITIONAL COLORS - - - - - */
/* WCAG AA: ≥4.5:1 on #fff */
/* WCAG AA: ≥4.5:1 on #fff */
/* WCAG AA: contrast ≥4.5:1 on #f4f4f4 / #fff; світліший варіант */
/* - - - - - LINK/BUTTON COLORS - - - - - */
/* - - - - - CALENDAR - - - - - */
/* WCAG AA: ≥4.5:1 on #fff (available dates) */
/* Past/disabled dates: WCAG AA ≥4.5:1 on #fff */
/* WCAG AA: contrast ≥4.5:1 on #cfcfcf */
/* - - - - - FONTS - - - - - */
/*$font-regular-semibold: 'opensans-semibold';*/
/*$font-regular-bold:     'opensans-bold';*/
/*$font-alt-bold:         'amiri-bold';*/
/* - - - - - FONT SIZES - - - - - */
/* - - - - - LINE HEIGHT - - - - - */
/* - - - - - LETTER SPACING - - - - - */
/* - - - - - MODAL EDIT RESERVATION - - - - - */
@media (min-width: 768px) {
  .modal-edit-reservation {
    max-height: 100vh; } }

.modal-edit-reservation .modal-dialog {
  max-width: 100%; }
  @media (min-width: 768px) {
    .modal-edit-reservation .modal-dialog {
      margin-bottom: -28px; } }

.modal-edit-reservation .modal-header .modal-title {
  font-size: 32px; }

.modal-edit-reservation .modal-content {
  padding: 0 15px; }
  @media (min-width: 768px) {
    .modal-edit-reservation .modal-content {
      max-height: 95vh;
      max-width: 95vw;
      overflow-y: scroll; } }
  .modal-edit-reservation .modal-content button.close {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 15px;
    color: #405765; }
  .modal-edit-reservation .modal-content p {
    text-align: left; }
  .modal-edit-reservation .modal-content .server-error {
    margin-top: 30px;
    display: block;
    color: #b91c1c;
    text-align: center; }
    .modal-edit-reservation .modal-content .server-error .svg-icon {
      margin: 0 0 -5px 0; }
  .modal-edit-reservation .modal-content .detail-list {
    margin: 0; }
    .modal-edit-reservation .modal-content .detail-list li {
      display: flex;
      flex-direction: row; }
      .modal-edit-reservation .modal-content .detail-list li span {
        display: flex;
        width: 50%; }
        .modal-edit-reservation .modal-content .detail-list li span:last-child {
          justify-content: flex-end;
          text-align: right; }
      .modal-edit-reservation .modal-content .detail-list li.total span:last-child {
        font-weight: bold; }

.modal-edit-reservation .reservation-dates {
  padding: 40px 15px; }
  .modal-edit-reservation .reservation-dates .calendar-key {
    margin: 0 0 30px 0; }
    .modal-edit-reservation .reservation-dates .calendar-key .key {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 1px solid #E4E7E9; }
      .modal-edit-reservation .reservation-dates .calendar-key .key.key-available {
        background: #FFF; }
      .modal-edit-reservation .reservation-dates .calendar-key .key.key-unavailable {
        background: #BFBFBF; }
      .modal-edit-reservation .reservation-dates .calendar-key .key.key-selected {
        background: #769FBD; }
  .modal-edit-reservation .reservation-dates .accordion .availibility-loading-icon {
    display: none;
    position: absolute;
    left: 50%;
    top: 60%;
    z-index: 100;
    margin: -27px; }
  .modal-edit-reservation .reservation-dates .accordion .is-loading .availibility-loading-icon {
    display: block; }
  .modal-edit-reservation .reservation-dates .accordion .is-loading .accordion-body {
    opacity: .5; }
  .modal-edit-reservation .reservation-dates .availability .detail-list {
    margin-bottom: 15px; }
    .modal-edit-reservation .reservation-dates .availability .detail-list li span:first-child {
      color: #192430;
      font-weight: bold;
      text-transform: uppercase; }
  .modal-edit-reservation .reservation-dates .availability .hotel-image {
    width: 100%;
    max-width: 180px; }
  .modal-edit-reservation .reservation-dates .availability .dropdown-toggle {
    width: 270px;
    color: #666666;
    text-decoration: none; }
  .modal-edit-reservation .reservation-dates .availability .dropdown-menu {
    width: 270px;
    padding: 0; }
    .modal-edit-reservation .reservation-dates .availability .dropdown-menu .dropdown-item {
      padding: 15px;
      color: #666666;
      cursor: default; }
      .modal-edit-reservation .reservation-dates .availability .dropdown-menu .dropdown-item span {
        display: inline-block;
        width: 50%; }
        .modal-edit-reservation .reservation-dates .availability .dropdown-menu .dropdown-item span:last-child {
          text-align: right; }
  .modal-edit-reservation .reservation-dates .availability .estimated-total {
    padding: 30px 0 0 0;
    text-align: center; }
    .modal-edit-reservation .reservation-dates .availability .estimated-total p {
      text-align: center; }
    .modal-edit-reservation .reservation-dates .availability .estimated-total h7 strong {
      color: #192430; }
    .modal-edit-reservation .reservation-dates .availability .estimated-total .confirmation {
      color: #192430; }
      .modal-edit-reservation .reservation-dates .availability .estimated-total .confirmation strong {
        display: block; }

.modal-edit-reservation .reservation-info {
  background: #FFF; }
  .modal-edit-reservation .reservation-info h8 {
    color: #192430;
    letter-spacing: 0.1em; }
  .modal-edit-reservation .reservation-info .hotel-description {
    padding-top: 50px;
    padding-bottom: 20px; }
    .modal-edit-reservation .reservation-info .hotel-description h9 {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-weight: bold; }
  .modal-edit-reservation .reservation-info .current-selection {
    padding: 15px; }
  .modal-edit-reservation .reservation-info .new-selection {
    padding: 15px;
    background: #e8e8e8; }
    .modal-edit-reservation .reservation-info .new-selection .detail-list li.total {
      color: #192430;
      font-weight: bold; }
  .modal-edit-reservation .reservation-info .hotel-policies {
    padding: 30px 15px; }
    .modal-edit-reservation .reservation-info .hotel-policies p {
      font-size: 12px; }
    .modal-edit-reservation .reservation-info .hotel-policies strong {
      color: #192430; }

/* - - - - - EDIT RESERVATION MOBILE ONLY - - - - - */
@media screen and (max-width: 767px) {
  .modal-edit-reservation .modal-dialog {
    width: 100%;
    margin: 0; } }

/* - - - - - MODAL EDIT RESERVATION TABLET ONLY - - - - - */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .modal-edit-reservation .modal-dialog {
    top: 0 !important;
    transform: none !important;
    max-height: 1vh;
    margin: 0; }
    .modal-edit-reservation .modal-dialog .modal-content {
      max-height: 100%;
      max-width: 100%; } }

/* - - - - - MODAL EDIT RESERVATION DESKTOP ONLY - - - - - */
@media screen and (min-width: 992px) {
  .modal-edit-reservation .modal-dialog {
    max-width: 920px; } }

/* Required Imports (base, mixins, etc) */
/* Compass */
/* Variables */
/* - - - - - BOOTSTRAP MIXIN FUNCTIONS - - - - - */
/* - - - - - GLOBAL MIXINS FUNCTIONS - - - - - */
/* - - - - - GLOBAL MIXINS - - - - - */
/* - - - - - BACKGROUND SVGS - - - - - */
/* inline-image() converts to base64 cause IE stinks and cant deal with svgs... */
/* - - - - - FORM MIXINS - - - - - */
/* - - - - - TYPOGRAPHY MIXINS - - - - - */
/* - - - - - ACCESSIBILITY MIXINS - - - - - */
/* - - - - - DISPLAY - - - - - */
/* - - - - - MINIMUM BREAKPOINTS - - - - - */
/* - - - - - BASIC COLORS - - - - - */
/* - - - - - CORPORTATE COLORS - - - - - */
/* - - - - - LEADERS CLUB COLORS - - - - - */
/* - - - - - ADDITIONAL COLORS - - - - - */
/* WCAG AA: ≥4.5:1 on #fff */
/* WCAG AA: ≥4.5:1 on #fff */
/* WCAG AA: contrast ≥4.5:1 on #f4f4f4 / #fff; світліший варіант */
/* - - - - - LINK/BUTTON COLORS - - - - - */
/* - - - - - CALENDAR - - - - - */
/* WCAG AA: ≥4.5:1 on #fff (available dates) */
/* Past/disabled dates: WCAG AA ≥4.5:1 on #fff */
/* WCAG AA: contrast ≥4.5:1 on #cfcfcf */
/* - - - - - FONTS - - - - - */
/*$font-regular-semibold: 'opensans-semibold';*/
/*$font-regular-bold:     'opensans-bold';*/
/*$font-alt-bold:         'amiri-bold';*/
/* - - - - - FONT SIZES - - - - - */
/* - - - - - LINE HEIGHT - - - - - */
/* - - - - - LETTER SPACING - - - - - */
/* - - - - - MODAL CANCEL RESERVATION - - - - - */
.modal-cancel-reservation .modal-content h7 {
  margin: 40px 0 20px 0; }

.modal-cancel-reservation .modal-content .buttons {
  padding-top: 30px; }

/* Components */
/* - - - - - ADD TO FAVORITES - - - - - */
.add-to-favorites .fav-off {
  animation: favoff 0.5s linear 1; }

.add-to-favorites .fav-on {
  animation: favon 0.3s linear 1; }

@keyframes favoff {
  50% {
    transform: scale(0.8); } }

@keyframes favon {
  50% {
    transform: scale(1.2); } }

/* - - - - - MY RESERVATIONS - - - - - */
.hero-carousel .hero .hero-image {
  opacity: 0.4; }

.my-reservations {
  min-height: 270px; }
  .my-reservations .loading-icon {
    margin: auto; }
  .my-reservations .no-results {
    padding-top: 15px;
    padding-bottom: 50px;
    text-align: center; }
    .my-reservations .no-results h4 {
      color: #192430; }

.my-reservations-has-data {
  background: #f4f4f4; }

.my-reservations-no-data .recommended {
  background: #f4f4f4; }
  .my-reservations-no-data .recommended .container {
    border-top: 1px solid #999999; }

.reservation {
  margin: 0 0 40px 0;
  background: #fff; }
  .reservation svg,
  .reservation .svg-icon {
    margin-right: 4px;
    width: 30px;
    max-width: 30px;
    height: 30px;
    max-height: 30px;
    vertical-align: middle;
    cursor: default; }
  .reservation .tooltip-icon {
    margin: -5px 0 0 0;
    width: 20px;
    max-width: 20px;
    height: 20px;
    max-height: 20px;
    fill: currentColor;
    vertical-align: middle; }
  .reservation .reservation-header {
    padding: 15px 20px;
    border-bottom: 2px solid #999999; }
    .reservation .reservation-header .hotel-name {
      color: #192430;
      font-family: "Amiri";
      font-weight: 700; }
  .reservation .points-redeemed {
    color: #2e7d36;
    font-family: "Open Sans";
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase; }
    .reservation .points-redeemed svg {
      width: 20px;
      height: 20px;
      fill: #2e7d36; }
  .reservation .reservation-details {
    padding: 15px 20px; }
    .reservation .reservation-details .confirmation {
      margin: 0 0 10px 0; }
      .reservation .reservation-details .confirmation .confirmation-number {
        margin-bottom: 15px;
        display: block;
        line-height: 1.25em;
        font-weight: normal;
        font-family: "Amiri";
        font-size: 24px;
        color: #192430; }
      .reservation .reservation-details .confirmation .cancellation-number {
        margin-bottom: 15px;
        display: block;
        line-height: 1.25em;
        font-weight: normal;
        font-family: "Amiri";
        font-size: 24px;
        color: #192430; }
      @media (min-width: 992px) {
        .reservation .reservation-details .confirmation .upgrade-elibility {
          text-align: left;
          margin-left: auto; } }
      .reservation .reservation-details .confirmation .upgrade {
        margin-bottom: 5px;
        font-family: "Open Sans";
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.1em; }
        .reservation .reservation-details .confirmation .upgrade span {
          display: inline-block; }
        .reservation .reservation-details .confirmation .upgrade .approved {
          color: #55ad61; }
      .reservation .reservation-details .confirmation .eligible {
        margin-bottom: 5px;
        font-family: "Open Sans";
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.1em; }
        .reservation .reservation-details .confirmation .eligible span {
          display: inline-block; }
    .reservation .reservation-details .dates {
      margin: 0 0 20px 0; }
      .reservation .reservation-details .dates h8 {
        margin: 15px 0;
        color: #192430;
        letter-spacing: 0.15em; }
      .reservation .reservation-details .dates .arrow-icon {
        padding-top: 45px;
        width: 40px; }
        .reservation .reservation-details .dates .arrow-icon svg {
          width: 45px;
          max-width: 45px;
          color: #666666;
          stroke: #666666;
          fill: #666666; }
      .reservation .reservation-details .dates .calendar-icon {
        max-width: 40px; }
        .reservation .reservation-details .dates .calendar-icon svg {
          color: #cdcdcd;
          stroke: #cdcdcd;
          fill: #cdcdcd; }
      .reservation .reservation-details .dates .date {
        text-transform: uppercase;
        font-size: 14px;
        font-family: "Open Sans";
        font-weight: 700;
        letter-spacing: 0.15em; }
    .reservation .reservation-details .hotel-details {
      margin: 20px 0 0 0; }
      .reservation .reservation-details .hotel-details .night-total {
        margin-bottom: 5px;
        text-transform: uppercase; }
      .reservation .reservation-details .hotel-details p {
        margin: 0; }
    .reservation .reservation-details .cancelled-desc {
      margin: 20px 0;
      color: #b91c1c;
      font-weight: bold;
      text-align: center; }
  .reservation .reservation-footer {
    padding: 15px 20px;
    background: #e8e8e8; }
    .reservation .reservation-footer .row {
      align-items: center; }
    .reservation .reservation-footer span[data-toggle="tooltip"].disabled {
      cursor: not-allowed; }
    .reservation .reservation-footer .total {
      text-transform: uppercase; }
      .reservation .reservation-footer .total strong {
        font-family: "Open Sans";
        font-weight: 700;
        color: #192430; }
    .reservation .reservation-footer .message {
      padding: 10px 25px 0 25px; }
      .reservation .reservation-footer .message p {
        margin: 0;
        text-align: left; }
    .reservation .reservation-footer .btn {
      font-family: "Open Sans";
      font-weight: 600; }
      .reservation .reservation-footer .btn .svg-icon {
        margin-right: 5px;
        width: 15px;
        height: 15px; }
    .reservation .reservation-footer .btn-link {
      color: #2c485a; }
      .reservation .reservation-footer .btn-link:hover {
        color: #2492ae; }
    .reservation .reservation-footer .btn-arrow {
      color: #2c485a; }
      .reservation .reservation-footer .btn-arrow:hover {
        color: #2492ae; }
      .reservation .reservation-footer .btn-arrow:after {
        background-image: none;
        background-color: currentColor;
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMS41IDQuMyI+PHBhdGggZD0iTTAuMSAyLjdsOS4zIDB2MS42bDIuMS0yLjFMOS40IDB2MS42SDAuMVYyLjd6IiBzdHlsZT0iZmlsbDojNEM4MkFCIi8+PC9zdmc+);
        mask-size: 22px 10px;
        mask-repeat: no-repeat;
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMS41IDQuMyI+PHBhdGggZD0iTTAuMSAyLjdsOS4zIDB2MS42bDIuMS0yLjFMOS40IDB2MS42SDAuMVYyLjd6IiBzdHlsZT0iZmlsbDojNEM4MkFCIi8+PC9zdmc+);
        -webkit-mask-size: 22px 10px;
        -webkit-mask-repeat: no-repeat; }
      .reservation .reservation-footer .btn-arrow:first-child {
        margin-right: 30px; }

.best-rate-available {
  padding-bottom: 50px; }
  .best-rate-available h8 {
    color: #192430; }
  .best-rate-available p {
    margin: 0; }
  .best-rate-available a {
    font-weight: bold; }

/* - - - - - MY RESERVATIONS MOBILE ONLY - - - - - */
@media screen and (max-width: 767px) {
  .reservation .reservation-details {
    text-align: center; }
    .reservation .reservation-details .col.arrow-icon {
      display: none; }
    .reservation .reservation-details .hotel-details {
      text-align: left; }
  .reservation .reservation-footer {
    text-align: center; }
    .reservation .reservation-footer .link > span {
      display: block;
      margin: 10px 0; }
    .reservation .reservation-footer .total {
      margin: 10px 0 0 0;
      text-align: center; }
  .best-rate-available {
    text-align: center; }
    .best-rate-available .col-12 {
      padding-top: 15px;
      padding-bottom: 15px; } }

/* - - - - - MY RESERVATIONS TABLET ONLY - - - - - */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .reservation-footer {
    text-align: center; }
    .reservation-footer .link > span {
      display: block;
      margin: 10px 0; }
    .reservation-footer .total {
      margin: 10px 0 0 0;
      text-align: center; } }

/* - - - - - MY RESERVATIONS TABLET UP - - - - - */
@media screen and (min-width: 768px) {
  .reservation .reservation-details .upgrade,
  .reservation .reservation-details .eligible,
  .reservation .reservation-details .cancellation-number {
    text-align: right; } }

/* - - - - - MY RESERVATIONS DESKTOP ONLY - - - - - */
@media screen and (min-width: 992px) {
  .reservation .reservation-header .hotel-name {
    margin: 0; }
  .reservation .reservation-header .points-redeemed {
    text-align: right; }
  .reservation .reservation-details .upgrade,
  .reservation .reservation-details .eligible {
    text-align: left; }
  .reservation .reservation-details .confirmation {
    order: 2;
    text-align: right; }
  .reservation .reservation-details .dates {
    order: 1; }
  .reservation .reservation-footer .link {
    padding-left: 0; }
    .reservation .reservation-footer .link a:first-child.btn-arrow {
      padding-left: 15px; }
  .reservation .reservation-footer .total {
    text-align: right; } }

/* - - - - - MY RESERVATIONS DETAIL - - - - - */
.hero-carousel .hero {
  text-transform: uppercase; }
  .hero-carousel .hero h7 {
    margin-bottom: 15px;
    letter-spacing: 0.15em; }
  .hero-carousel .hero h6 {
    margin-bottom: 15px; }
  .hero-carousel .hero a {
    color: #fff; }
  .hero-carousel .hero .icon-circle {
    overflow: hidden;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 2px;
    margin: 5px 5px -5px 0; }

.my-reservations-detail {
  padding-bottom: 0; }
  .my-reservations-detail .rel-container {
    position: relative; }
  .my-reservations-detail .info-saved-alert,
  .my-reservations-detail .info-error-alert {
    display: none; }
  .my-reservations-detail .line-dots {
    margin: -69px 0 0 -42px;
    position: absolute;
    top: 0;
    left: 50%; }
  .my-reservations-detail .title {
    margin: 75px 0 50px 0;
    color: #192430;
    text-transform: uppercase;
    text-align: center; }
  .my-reservations-detail .section .section-title {
    margin: 40px 0 0 0;
    padding: 40px 0 15px 0;
    border-top: 1px solid #999999; }
    .my-reservations-detail .section .section-title h7 {
      display: inline;
      color: #192430;
      text-transform: uppercase;
      font-family: "Open Sans";
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 0.15em; }
    .my-reservations-detail .section .section-title .edit-link {
      font-size: 14px;
      font-family: "Open Sans";
      font-weight: 700;
      letter-spacing: 0;
      text-transform: uppercase;
      cursor: pointer;
      opacity: 1;
      transition: opacity 500ms; }
      .my-reservations-detail .section .section-title .edit-link .svg-icon {
        width: 15px;
        height: 15px; }
      .my-reservations-detail .section .section-title .edit-link[aria-expanded="true"] {
        opacity: 0; }
  .my-reservations-detail .section:last-child {
    margin-bottom: 50px;
    padding-bottom: 40px;
    border-bottom: 1px solid #999999; }
  .my-reservations-detail .row.separated {
    padding-top: 25px;
    border-top: 2px solid #e8e8e8; }
  .my-reservations-detail .booked-for {
    margin: 0 0 35px 0;
    padding: 10px 0;
    border: 1px solid #999999;
    border-width: 1px 0;
    align-items: center; }
    .my-reservations-detail .booked-for strong {
      text-transform: uppercase; }
      .my-reservations-detail .booked-for strong .name {
        color: #192430; }
    .my-reservations-detail .booked-for .buttons {
      text-align: right; }
      .my-reservations-detail .booked-for .buttons .btn-link {
        margin: 0 0 0 20px; }
        .my-reservations-detail .booked-for .buttons .btn-link .svg-icon {
          position: relative;
          top: 3px;
          margin: 0 10px 0 0;
          width: 18px; }
  .my-reservations-detail .details {
    padding-top: 35px;
    background: #f4f4f4; }
    .my-reservations-detail .details .hotel {
      overflow: hidden; }
      .my-reservations-detail .details .hotel strong {
        color: #192430; }
      .my-reservations-detail .details .hotel .hotel-image {
        width: 100%;
        max-width: 300px; }
      .my-reservations-detail .details .hotel .detail-list {
        max-width: 360px; }
        .my-reservations-detail .details .hotel .detail-list li {
          display: flex;
          flex-direction: row; }
          .my-reservations-detail .details .hotel .detail-list li span {
            display: flex;
            width: 50%; }
            .my-reservations-detail .details .hotel .detail-list li span:last-child {
              justify-content: flex-end; }
          .my-reservations-detail .details .hotel .detail-list li:last-child {
            color: #192430; }
            .my-reservations-detail .details .hotel .detail-list li:last-child span:last-child {
              font-weight: bold; }

/* - - - - - MY RESERVATIONS DETAIL MOBILE ONLY - - - - - */
@media screen and (max-width: 767px) {
  .my-reservations-detail .section .section-title {
    position: relative;
    padding-right: 40px; }
    .my-reservations-detail .section .section-title .edit-link {
      position: absolute;
      top: 40px;
      right: 0; }
      .my-reservations-detail .section .section-title .edit-link span {
        display: none; }
  .my-reservations-detail .booked-for {
    text-align: center; }
    .my-reservations-detail .booked-for span {
      display: block; }
    .my-reservations-detail .booked-for .buttons {
      text-align: center; }
      .my-reservations-detail .booked-for .buttons .btn {
        margin: auto;
        width: 80%; }
  .my-reservations-detail .details .hotel {
    text-align: center; }
    .my-reservations-detail .details .hotel .hotel-image {
      margin: 0 0 10px 0; }
    .my-reservations-detail .details .hotel .detail-list {
      margin: 20px auto; }
    .my-reservations-detail .details .hotel .hotel-policies {
      margin: 30px 0 0 0; } }

/* - - - - - MY RESERVATIONS DETAIL TABLET ONLY - - - - - */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-reservations-detail .reservation .reservation-details .confirmation .col-12:nth-child(odd) {
    text-align: left; }
  .my-reservations-detail .reservation .reservation-details .confirmation .col-12:nth-child(even) {
    text-align: right; }
  .my-reservations-detail .reservation .reservation-details .confirmation .cancellation-number {
    text-align: center !important; }
  .my-reservations-detail .reservation .reservation-details .upgrade-elibility {
    display: flex;
    align-content: space-between; }
    .my-reservations-detail .reservation .reservation-details .upgrade-elibility > div {
      margin-right: 30px;
      white-space: nowrap; }
    .my-reservations-detail .reservation .reservation-details .upgrade-elibility .benefits-points-eligibility-desc {
      white-space: normal; }
  .my-reservations-detail .section-title .edit-link {
    float: right; }
  .my-reservations-detail .hotel-policies {
    clear: both;
    padding-top: 15px; } }

/* - - - - - MY RESERVATIONS DETAIL TABLET UP - - - - - */
@media screen and (min-width: 768px) {
  .my-reservations-detail .details .hotel .hotel-image {
    float: left;
    margin-left: 15px; }
  .my-reservations-detail .details .hotel .hotel-info {
    margin-left: 360px; } }

/* - - - - - MY RESERVATIONS DETAIL DESKTOP ONLY - - - - - */
@media screen and (min-width: 992px) {
  .my-reservations-detail .hotel-policies {
    margin-left: 360px; }
  .my-reservations-detail .arrival-time .col {
    padding-right: 0; }
  .my-reservations-detail .arrival-time .error-icon {
    right: -15px; }
    .my-reservations-detail .arrival-time .error-icon .svg-icon {
      max-width: 15px; }
  .my-reservations-detail .no-buttons-msg {
    padding: 10px 0 0 20px; } }

/* - - - - - FIND RESERVATION - - - - - */
.my-reservations-detail .find-reservation-hotel-details {
  border-top: 1px solid #999999; }
  .my-reservations-detail .find-reservation-hotel-details .details {
    background: #fff; }
    .my-reservations-detail .find-reservation-hotel-details .details .hotel .detail-list li span {
      color: #666666;
      font-weight: normal !important; }
  .my-reservations-detail .find-reservation-hotel-details > div:last-child {
    margin-bottom: 0;
    border-bottom: none; }

.find-reservation-footer {
  margin-top: 20px; }
  .find-reservation-footer h8 {
    color: #192430;
    margin-bottom: 20px; }
  .find-reservation-footer .col-12 {
    align-self: flex-end; }
  .find-reservation-footer .total h7 {
    padding-bottom: 15px; }
  .find-reservation-footer .total p {
    text-transform: none;
    margin-bottom: 0.5rem; }
    .find-reservation-footer .total p strong {
      font-weight: normal !important; }

.find-reservations-error .alert {
  margin: 0; }

/* - - - - - FIND RESERVATIONS MOBILE/TABLET ONLY - - - - - */
@media screen and (max-width: 768px) {
  .find-reservation-carousel .copy {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .reservation .find-reservation-details .hotel-details {
    text-align: center; }
  .find-reservation-footer .reservation .reservation-footer,
  .find-reservation-footer .reservation .total {
    text-align: left; } }

/* - - - - - PRINT ITINERARY - - - - - */
.section.print-itinerary .section-title {
  padding: 0; }
  .section.print-itinerary .section-title h7 {
    display: block;
    padding: 10px 15px;
    color: #666666;
    border-bottom: 1px solid #999999; }
  .section.print-itinerary .section-title p {
    padding: 15px 15px 0 15px; }

.section.print-itinerary > .row {
  padding: 0 15px; }

.section.print-itinerary .form-group {
  padding-left: 15px; }

/* - - - - - MY RESERVATIONS PRINT - - - - - */
.my-reservations-print .print-page-header {
  color: #192430;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

.my-reservations-print .print-details-header {
  padding: 0 0 15px 0;
  color: #192430;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #999999; }
  .my-reservations-print .print-details-header h7 {
    margin: 0 0 15px 0; }

.my-reservations-print .reservation {
  margin: 0; }
  .my-reservations-print .reservation .reservation-details {
    padding-top: 30px; }
    .my-reservations-print .reservation .reservation-details .night-total {
      font-weight: bold; }
    .my-reservations-print .reservation .reservation-details .date {
      color: #192430; }

.my-reservations-print .details {
  padding: 0;
  background: none; }
  .my-reservations-print .details .if-avail {
    padding: 10px 0 0 15px; }
  .my-reservations-print .details .hotel {
    padding-right: 50px; }
    .my-reservations-print .details .hotel .hotel-image {
      padding-right: 20px;
      width: 100%; }
    .my-reservations-print .details .hotel .hotel-policies {
      margin: 0; }

.my-reservations-print .detail-list .total {
  font-weight: bold; }

.my-reservations-print .section:last-child {
  border-bottom: none; }

.my-reservations-print .list-checklist .svg-icon {
  position: absolute;
  width: 10px;
  margin-left: -15px; }

.my-reservations-print .find-reservation-footer {
  margin-bottom: 50px;
  border-bottom: 3px solid #999999;
  background: #fff; }

.my-reservations-print .reservation-footer {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 20px;
  text-align: right;
  font-weight: bold; }
  .my-reservations-print .reservation-footer h7 {
    color: #192430;
    text-transform: uppercase; }
  .my-reservations-print .reservation-footer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    border-bottom: 150px solid #eee; }