/*****************************************************************************
   COPYRIGHT NOTICE:

    © Levart Distribution Systems
    All rights reserved.
    This document and the information it contains is confidential and
    proprietary to Levart Distribution Systems Pty Ltd.  Hence, it may not be
    used, copied, reproduced, transmitted, or stored in any form or by any
    means, electronic, recording, photocopying, mechanical or otherwise,
    without the prior written permission of Levart Distribution Systems
    Pty Ltd.

*****************************************************************************/

.fancybox-lock {
    overflow-y: auto;
}
.fancybox-lock .fancybox-overlay {
    overflow-y: auto;
}
.fancybox-nav span {
    visibility: visible;
    opacity: 0.4;
}
.fancybox-nav:hover span {
    visibility: visible;
    opacity: 1;
}

/****** Grid Styles ******/

.LDSGrid {
    text-align: left;
    min-height: 100px;
    padding-top: 1px;
    padding-bottom: 10px;
    margin: 0px auto;
    border: none;
    font-size: 12px!important;
}

/**** Info Styles ****/

.grid-info {
    font-size: 14px!important;
    margin-bottom: 10px;
    overflow: hidden;
}
.grid-info h3,
.grid-info h3 a {
    font-weight: normal;
    font-size: 22px!important;
    line-height: 1.25em;
    margin-top: -5px;
    margin-bottom: 0.5em;
}
.grid-info a {
    text-decoration: none;
}
.grid-info-phone {
    display: none;
}
.grid-info-email {
    padding-bottom: 0px;
}
.grid-info-link {
}
.grid-info ul {
    list-style: none;
    padding: 0px;
    margin: 4px 0 0;
}
.grid-info ul li {
    font-size: 10px!important;
    line-height: 12px;
    text-align: right;
    padding: 5px 0px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.grid-info ul li:last-child {
    border-bottom: none;
}
.grid-info ul li a {
    font-size: 12px!important;
    text-align: left;
    text-decoration: none;
    display: block;
    float: left;
}
.grid-instruction {
    clear: both;
    margin-bottom: 10px;
}

.grid-note-rounding {
    font-size: 11px!important;
    clear: both;
    margin: 5px;
}

.grid-info-noBestFit {
    display: block;
    margin: 5px 0;
    padding: 10px 15px;
    background-color: #fff;
    border: 0;
    color: #f89406;
    border: 2px solid #f89406;
    border-radius: 3px;
    font-weight: bold;
}
.grid-info-noBestFit .grid-warning {
    float: left;
}
.grid-info-noBestFit > p {
    margin-left: 40px;
}

#map_canvas {
    float: right;
    width: 400px;
    height: 250px;
    margin-left: 20px;
    overflow: hidden;
}

/**** Multiroom Tabs ****/

.multiroom .roomTabs {
    margin-top: 20px;
}
.multiroom .roomTabs .room {
    display: inline-block;
    margin: 0px;
    padding: 2px 15px;
    color: #666;
    background: #eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.multiroom .room > div {
    margin: 5px 0;
}

.multiroom .roomTabs .room.active {
    background: #333;
    color: #fff;
}
.multiroom .roomTabs .room.set {
    background: #666;
    color: #fff;
}
.multiroom .roomTabs .room .title {
    font-weight: bold;
    font-size: 16px!important;
}

/**** Property Styles ****/

.grid-property {
    margin: 0px auto;
}
.grid-property-header {
    height: 40px;
    padding: 0 20px;
    margin: 10px 0 2px 0;
}
.grid-property-title {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    font-size: 20px!important;
    line-height: 40px;
    font-weight: normal;
}
.grid-property-title a {
    color: inherit;
    text-decoration: none;
}
.grid-property-distance {
    float: left;
    font-size: 11px!important;
    line-height: 40px;
    font-style: italic;
    margin: 0;
}
.grid-property-stars {
    float: right;
}

.grid-property-star {
    display: inline-block;
    background: url("/siteSpecific/page/images/star.png") no-repeat;
    height: 17px;
    width: 17px;
}
.grid-property-star-half {
    display: inline-block;
    xbackground: url("/siteSpecific/page/images/starHalf.png") no-repeat;
    height: 17px;
    width: 17px;
}

/*** Room Styles ***/

.grid-room {
    position: relative;
    margin: 2px 0;
    overflow: hidden;
    border-radius: 3px;
    padding: 0 20px;
}

.grid-room-image {
    float: left;
    margin: 20px 0 10px 0;
    width: 100% !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.3);
    position: relative;
    /*max-height: 131px;*/
    overflow: hidden;
}

.grid-room-image img {
    display: block;
    width: 100%;
    height: auto !important;
}

.grid-room-image .grid-image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.5s ease;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10;
}

.grid-room-image:hover .grid-image-overlay {
    opacity: 1;
}

.grid-room-image:hover .text {
    opacity: 1;
}

.grid-room-image .text {
    color: #ffffff !important;
    font-size: 16px!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    opacity: 0;
    transition: 0.5s ease;
}

.grid-room-image a:hover:after {
    opacity: 1;
}
.grid-room-img-none:after {
    display: none !important;
    opacity: 0 !important;
}

.grid-room-gallery-show {
    display: block;
    margin-top: 10px;
}
.grid-room-img-none {
    width: 100%;
    height: 200px;
    background: #f1f1f1 url(/html/images/bookingCart/no-image.png) center center no-repeat;
    background-size: cover;
}
.grid-room-rates {
    overflow: hidden;
    padding-bottom: 5px;
}

/**** Rate Styles ****/

.grid-rate {
    position: relative;
    padding-top: 0px;
    overflow: hidden;
}
.grid-rate-inner {
    margin: 0px 20px;
    overflow: visible;
    position: relative;
}
.grid-rate-info {
    padding-bottom: 5px;
    line-height: 20px;
}
.grid-room-title {
    float: left;
    font-size: 14px!important;
    margin-bottom: 5px;
    margin-right: 10px;
}
.grid-rate-info-inner {
    margin-left: 33%;
}
.grid-rate-title {
    cursor: pointer;
}
.grid-rate-mlos {
    font-style: italic;
}
.grid-rate-details-show {
    font-size: 11px!important;
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 20px;
}
p.grid-rate-more {
    margin: 5px 0 5px 0;
}
div.grid-rate-more,
div.grid-rate-all {
    margin: 5px 0 5px 20px;
}
.grid-show-button,
.grid-less-button {
    padding: 5px 7px;
    border-radius: 2px;
    display: inline-block;
    text-decoration: none;
}
.grid-room-more {
    margin: 0 0 5px 20px;
    padding: 0;
}
div.grid-room-more {
    overflow: hidden;
    margin: 2px 0;
    padding: 20px 0;
}
div.grid-room-more img {
    display: block;
    width: 148px;
    height: 98px;
    border: 1px solid #9aa69a;
    margin-left: 20px;
    margin-right: 50px;
    float: left;
}
.grid-rate-previous {
    position: absolute;
    left: -20px;
    margin-top: -75px;
    width: 20px;
    height: 50px;
    text-align: right;
    background: url(/html/images/bookingCart/view_next_days_left.png) center center no-repeat;
}
.grid-rate-previous.disabled {
    display: none;
}
.grid-rate-next {
    position: absolute;
    right: -20px;
    margin-top: -75px;
    width: 20px;
    height: 50px;
    background: url(/html/images/bookingCart/view_next_days_right.png) center center no-repeat;
}
.grid-rate-next.disabled {
    display: none;
}
.grid-rate-book {
    position: absolute !important;
    margin-top: -90px;
    right: 0px;
    width: 80px;
    height: 24px;
    padding: 0px !important;
    padding-top: 11px !important;
    font-size: 15px!important;
    line-height: 15px;
    font-weight: bold;
    text-align: center;

    border-radius: 4px;
    cursor: pointer;
}
.grid-rate-book.disabled {
    cursor: not-allowed;
}
.grid-rate-call {
    position: absolute;
    margin-top: -18px;
    right: 0px;
    font-weight: bold;
    text-align: right;
    width: 110px;
}
.grid-rate-jump {
    display: block;
    text-align: right;
    margin: 0 0 5px;
}
.grid-rate-window {
    position: relative;
    width: 100%;
    padding: 0px;
    margin-bottom: 5px;
    overflow: hidden;
}
.grid-rate-days {
    position: relative;
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 50000px;
    overflow: hidden;
    padding-bottom: 2px;
}

/**** Day Styles ****/

.grid-day-padding {
    float: left;
    height: 104px;
    width: 0;
}

.grid-day {
    position: relative;
    float: left;
    width: 42px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
.grid-day-date {
    margin: 0px 1px;
}
.grid-day-month {
    font-size: 11px!important;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 3px;
    white-space: nowrap;
}
.grid-day-day {
    font-size: 13px!important;
    text-align: center;
    padding-top: 2px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.grid-day-weekday {
    font-size: 8px!important;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 3px;
}
.grid-day-rate {
    position: relative;
    height: 65px;
    margin: 0px 1px;
    padding: 0px;
}
.grid-day-avail .grid-day-rate {
    background: url(/html/images/bookingCart/grid-unselected.png) center -7px no-repeat;
    cursor: pointer;
}
.grid-day-avail .grid-day-rate:hover {
    /*background: url(/html/images/bookingCart/grid-unselected.png) center -7px no-repeat;*/
}
.grid-day-notavail .grid-day-rate {
    background-position: center 10px;
    background-repeat: no-repeat;
    background-image: none;
    cursor: not-allowed;
}
.grid-day-loading .grid-day-rate {
    background: url(/html/images/loading.gif) center center no-repeat;
    cursor: not-allowed;
}
.select-day .grid-day-rate {
    background: url(/html/images/bookingCart/grid-selected.png) center -7px no-repeat;
}
.grid-day-rate div {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 0px;
    height: 14px;
    line-height: 14px;
    font-size: 9px!important;
    text-align: center;
    text-transform: uppercase;
}
div.grid-price-base,
div.grid-price-discount,
div.grid-price-special {
    display: block;
    top: 34px;
    font-size: 12px!important;
    line-height: 18px;
    height: 18px;
    text-transform: none;
}
div.grid-price-discount,
div.grid-price-special {
    top: 20px;
}
div.grid-price-special {
    color: #ffd700;
}

.grid-day-discount .grid-price-base,
.select-day.select-day-special .grid-price-base {
    text-decoration: line-through;
}
.select-day.select-day-special .grid-price-special {
    color: #ffd700;
}
.select-day.select-day-special .grid-price-discount {
    display: none;
}
.select-day .grid-day-hurry,
.select-day-suggest .grid-day-hurry,
.select-day-depart .grid-day-hurry {
    display: none;
}
.select-day .grid-day-sold,
.select-day-suggest .grid-day-sold,
.select-day-depart .grid-day-sold {
    display: none;
}
div.grid-day-arrive {
    display: none;
}
.select-day-arrive .grid-day-arrive {
    display: block;
}
div.grid-day-depart {
    display: none;
}
.select-day-depart .grid-day-depart {
    display: block;
}

/**** Rate Details Styles ****/

.grid-rate-details {
    display: none;
    position: relative;
    clear: both;
    padding: 9px;
    margin-bottom: 5px;
    overflow: hidden;

    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/html/images/bookingCart/ajax-loader.gif);
    min-height: 50px;
}
.grid-rate-details h3 {
    font-size: 11px!important;
    text-transform: uppercase;
}
.grid-rate-details h4 {
    font-size: 12px!important;
    margin-bottom: 0.5em;
}
.grid-rate-details p,
.grid-rate-details li {
    font-size: 11px!important;
}
.grid-rate-details-close {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url(/html/images/bookingCart/button-close.gif) center center no-repeat;
    cursor: pointer;
}
.grid-rate-details-main {
    xmargin-right: 210px;
}
.grid-rate-details-side {
    float: right;
    width: 200px;
}
.grid-rate-details-side div {
    max-height: 200px;
    margin: 10px 5px 5px 0px;
    padding: 5px;
    border-radius: 5px;

    overflow-x: hidden;
    overflow-y: auto;
}
.grid-rate-details-side ul {
    margin: 0;
    padding: 0;
}
.grid-rate-details-side li {
    padding: 2px 2px 2px 2px;
}

/**** qTip Styles ****/

.qtip-default {
    width: 170px;
}

.qtip-default p {
    line-height: 1.25em;
    padding: 0;
    margin: 0 0 0.5em;
}
.qtip-book {
    width: 280px;
}
.qtip-book h3 {
    font-weight: normal;
    font-size: 20px!important;
    text-align: center;
    margin: 8px auto 15px auto;
}
.qtip-book b {
    font-size: 11px!important;
    text-transform: uppercase;
}
.qtip-book .total b {
    line-height: 30px;
    font-size: 12px!important;
    vertical-align: middle;
}
.qtip-book .total td:nth-child(2) {
    font-size: 24px!important;
    margin-top: 5px;
}
.qtip-book .total i {
    font-size: 10px!important;
    clear: both;
    display: block;
    margin-top: 5px;
}
.qtip-book td {
    padding: 4px 10px;
    margin-right: 10px;
}
.qtip-book td:first-child {
    text-align: right;
}

.qtip-warning {
    background-color: #fff;
    color: #f89406;
}

.qtip-book-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 13px;
    height: 13px;
    background: url(/img/bookingSearch/button-close.gif) top left no-repeat;
}
.qtip-availability {
    width: auto;
    max-width: 250px;
}
.qtip-availability .date {
    float: left;
    margin-right: 10px;
}
.qtip-availability .price {
    float: right;
    margin-left: 10px;
}
.qtip-availability .note {
    clear: both;
    padding-top: 5px;
}
.qtip-extra-beds {
    font-size: 14px;
    line-height: 20px;
}

/**** Grid Options ****/

.LDSGrid.options .grid-rate-inner {
    padding-right: 80px;
    min-height: 90px;
}
.LDSGrid.options .grid-rate-book {
    margin-top: -60px;
}
.LDSGrid.options .grid-rate-details {
    margin-top: 10px;
}

.options-rate-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.options-rate-table.expanded th {
    border-bottom: 1px solid #333;
}
.options-rate-table td,
.options-rate-table th {
    padding: 4px 5px;
    text-align: right;
}
.options-rate-table tbody {
    display: none;
}
.options-rate-table .borderless-col {
    border: 0 !important;
}

.options-rate-table.expanded .options-rate-total td {
    border-top: 2px double #333;
}
.options-rate-table .options-from-header {
    opacity: 0;
}
.options-rate-table.expanded .options-from-header {
    opacity: 1;
}
.options-rate-table .options-rate-average {
    display: none;
    font-weight: bold;
}
.options-rate-table .options-rate-average span {
    font-weight: normal;
}
.options-rate-table.expanded .options-rate-average {
    display: table-row;
}
.options-rate-total td {
    font-size: 1.2em!important;
    font-weight: bold;
}
.options-rate-table .options-rate-special .options-price {
    text-decoration: line-through;
}

.options-rate-table-holder {
    position: relative;
    display: block;
    border-radius: 3px;
    clear: both;
}
.options-rate-expand {
    text-decoration: none !important;
    font-size: 1.5em!important;
    font-weight: bold;
    color: #666;
    position: absolute;
    left: 5px;
    top: 2px;
    z-index: 1;
    font-family: monospace;
}

.options-rate-table {
    background: #fafafa;
}
.options-rate-table tbody tr:nth-child(2n + 1) td {
    background: #ededed;
}

/**** Colors ****/
#map_canvas {
    border: 1px solid black;
    background-color: #555555;
}
.grid-property-header {
    background-color: #aaa;
}
.grid-room {
    background-color: #f9f9f9;
}
div.grid-room-more {
    background-color: #f9f9f9;
}
.grid-rate-book {
    color: white;
    /* background-color: #333; */
}
.grid-rate-book:hover {
    /* background-color: #666; */
}
.grid-rate-book.disabled {
    background-color: #ccc;
}
.grid-rate-book.disabled:hover {
    background-color: #ccc;
}
.grid-show-button,
.grid-less-button {
    color: #fff !important;
    background-color: #333;
}
.grid-show-button:hover,
.grid-less-button:hover {
    background-color: #666;
}
.grid-day-day {
    background-color: white;
}
.grid-day-weekday {
    background-color: white;
}

.grid-day-loading .grid-day-rate {
    background-color: #ddd;
}

.grid-rate-locked .grid-day-avail .grid-day-rate,
.multiroom .grid-day-avail .grid-day-rate {
    cursor: default;
}
.grid-rate-locked .grid-day:not(.select-day) .grid-day-rate,
.multiroom .grid-day:not(.select-day) .grid-day-rate {
    background-color: #ddd;
    color: #333;
    opacity: 0.5;
}
.grid-rate-locked .grid-day-rate,
.multiroom .grid-day-rate {
    cursor: default;
}
.grid-rate-locked .grid-day-rate:after,
.multiroom .grid-day-rate:after {
    content: " ";
    position: absolute;
    background: #666;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.grid-rate-locked .select-day .grid-day-rate:after,
.multiroom .select-day .grid-day-rate:after {
    display: none;
}

.grid-day-avail .grid-day-rate:hover {
    /* background-color: #999; */
    color: white;
}

.grid-day-notavail .grid-price-base,
.grid-day-notavail .grid-price-discount,
.grid-day-notavail .grid-price-special {
    display: none;
}
.select-day .grid-day-rate {
    background-color: #333;
    color: white;
}
.select-day-suggest .grid-day-rate {
    background-color: #333;
    color: white;
}
.grid-day-hurry {
    color: white;
    background-color: #f06c18;
}
div.grid-day-sold {
    color: white;
    /*  background-color: #414141;*/
}
div.grid-day-arrive {
    color: white;
}
.grid-rate-details {
    border: 1px solid #414141;
    background-color: white;
}
.grid-rate-details-side div {
    background-color: #f4f6f4;
}

.select-day-closed .grid-day-rate {
    box-shadow: 0px 0px 1px 1px red;
}

/*
.grid-day-closed-arrival-bg {
  position:absolute;
  z-index: 10001;
  width: 10px;
  height: 14px;
  background: transparent url(/html/images/cacd/ca_bg.png) no-repeat bottom right !important;
}

.grid-day-closed-departure-bg {
  position:absolute;
  z-index: 10001;
  width: 10px;
  height: 14px;
  background: transparent url(/html/images/cacd/cd_bg.png) no-repeat bottom left !important;
}*/

.grid-debug {
    display: none;
    font-size: 10px!important;
    font-style: italic;
    color: #999;
    margin-left: 15px;
}

.ui-tooltip,
.arrow:after {
    background: black;
    border: 2px solid white;
}
.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}
/*
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
*/

/* index.site.packages.package.tpl styles */

.grid-packages {
    background-color: #eee;
    padding: 10px 0px;
    overflow: hidden;
}
.grid-packages label {
    margin-right: 5px;
    margin-left: 20px;
}
.grid-packages button {
    margin-left: 20px;
}
.grid-packages .hasDatepicker {
    -moz-box-sizing: border-box;
    background-image: url(/html/images/calender.png);
    background-position: right 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 12px;
    padding: 3px;
    padding-right: 25px;
    border: 1px solid #ddd;
}

#paymentProgress {
    width: 100%;
    margin: 0px auto 20px auto;
    border: 1px solid #333;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}
#paymentProgress > div {
    flex: 1;
    text-align: center;
    color: #fff;
    background-color: #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #888;
    position: relative;
    height: 24px;
    line-height: 24px;
}
#paymentProgress div a {
    color: #fff;
}
#paymentProgress div:last-child {
    border-right: none;
}

#paymentProgress div.active ~ div {
    background-color: #fff;
    color: #333;
}

#paymentProgress div.active {
    background-color: #333;
    border: none;
}
#paymentProgress div.active div.arrow {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 12px 0px 12px 6px;
    height: 0;
    width: 0;
    position: absolute;
    right: -6px;
    top: 0px;
    z-index: 1;
}

.currencyConversionFrame {
    color: #666;
    font-size: 12px!important;
    padding-left: 5px;
    white-space: nowrap;
    width: auto;
    display: block;
}
#currencyConvertSelector {
    overflow: hidden;
    padding: 3px;
    text-align: right;
    display: inline-block;
}
#currencyConvertSelector select {
    font-size: 12px!important;
    margin-left: 5px;
    margin-right: 20px;
    padding: 4px;
    border: 1px solid #aaa;
    border-radius: 2px;
    color: #252525;
    cursor: pointer;
}

/* RESPONSIVE */

.grid-room-title-responsive {
    display: none;
}

@media screen and (min-width: 992px) {
    .scrollbar {
        /*    height: 75vh;*/
    }
}

@media screen and (max-width: 992px) {
    .LDSGrid.options .grid-rate-inner {
        padding-right: 10px;
        padding-left: 10px;
        min-height: inherit;
    }
    .LDSGrid.options .grid-rate-book {
        position: relative;
        float: right;
        clear: both;
        bottom: inherit;
        left: inherit;
        /* right: inherit; */
        margin-top: 10px;
    }
}

@media screen and (max-width: 768px) {
    .grid-room {
        padding: 0 5px;
    }
    .grid-room-image {
        display: block;
    }
    .grid-rate-days {
        overflow-x: auto;
    }

    .grid-rate-inner {
        margin: 0 auto;
    }
    .grid-rate-book {
        display: block;
        position: relative;
        top: inherit;
        /* right: inherit; */
        float: none;
        margin: 5px 10px;
        width: auto;
    }
    div.grid-rate-more,
    div.grid-rate-all {
        margin: 5px 10px;
    }
    .grid-show-button {
        display: block;
    }
    .grid-less-button {
        display: none;
    }

    .grid-rate-call {
        display: none;
    }

    .grid-rate {
        padding: 10px 0;
    }

    .grid-rate-previous,
    .grid-rate-next {
        display: none;
    }

    .grid-property-header {
        overflow: hidden; /* to counteract messing up grid on smaller devices when the stars overflow */
    }
    #map_canvas {
        width: auto;
        float: none;
        margin-bottom: 20px;
        margin-left: 0;
    }

    /*
    .qtip {
        display: none !important;
    }
    */

    .grid-day-avail:not(.select-day) .grid-day-rate:hover {
        background-color: #ddd !important;
        -webkit-tap-highlight-color: transparent;
        -webkit-tap-color: inherit;
    }

    .options-rate-table .to-date-header,
    .options-rate-table .to-date-col {
        display: none;
    }

    .grid-rate-info {
        position: relative;
    }
    .grid-rate-info-inner {
        margin-left: 0;
        clear: both;
        position: relative;
    }
    .grid-rate-details-show {
        position: absolute;
    }

    .grid-room-title-responsive {
        display: block;
        clear: both;
        float: none;
        display: block;
        margin: 0 -5px 5px -5px;
        padding: 7px 10px;
        background: #e5e5e5;
    }
    .grid-rate-title {
        padding-right: 55px;
    }
    .grid-rate-details-side {
        width: auto;
        float: none;
        margin-bottom: 10px;
    }

    #paymentProgress {
        width: 100%;
    }

    .LDSGrid.options .grid-rate-book {
        float: none;
    }
    .LDSGrid.options table td {
        display: table-cell;
    }
    .LDSGrid.options .options-rate-table .to-date-col {
        display: none;
    }

    .grid-room-image img {
        margin-top: 0px !important;
    }

    .room-title-mobile {
        text-transform: uppercase;
    }

    .roomOptionsMobile span {
        display: inline-block !important;
    }

    .roomOptionsMobile .roomOptions {
        width: 32% !important;
    }

    .roomOptionsMobile .roomOptions:nth-child(1) .SVGIconContainer {
        border-right: 1px solid #aaaaaa;
    }

    .personBlack {
        height: 20px !important;
        width: 20px !important;
        background-size: 20px 20px !important;
    }

    .bedBlack {
        height: 20px !important;
        width: 20px !important;
        background-size: 20px 20px !important;
    }
    .grid-room-image {
        width: 100% !important;
        margin: 0px !important;
    }
    .grid-room {
        padding: 0px !important;
    }

    .room-title-mobile {
        margin-top: 15px !important;
        margin-bottom: 10px;
    }

    .grid-rate-title {
        padding: 0px !important;
    }
}

.grid-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH3wUcCBcaC2FPWQAAAfdJREFUSMfllLFrU1EUxn+n5EJecOgYwaFDC7o5ODjkD+jomEExQwMWecFCixaUDlKiKETfHTrEwbGDf4RjwQ5uCg46ZHDI0KG8G7iB4+AJvIYXSWwW8cAb3jn3nu+e7zvnwH9leeZuBe/uLHJnZUGMniqvgnfVpQPkmWuK0BBhHXg07z2Z51DwrqrKN2Bg36YIG0kafy6rgidAHWiLkAJjVbpLETZ4t5ZnLuSZe16gayt4p3nmbl+6AnvpDxEOJ75aJ75T5SPQuxRA8K4hQlOE7SSNowviCdvAzTxzd/9K5OBdRZVPwGmtE9v237fke0kah3nmngIPTfDzhSpQpQXURdgDSNI4FqElQgu4YkAvgKEqjxeiKHi3CnSBnSSNZwXQySvPJ6BAG9gN3q3NDWDCfq114vFUaGiJhwXBT4APqhzNBWCtt2X9Pm1jVcYl/n2gkWeu+UeA4F0F6APvkzR+Lkl0CpxMO2udOABeAj2jd2YFu8A1EZ6VtpywI8K9GbHXwGh6wleKE6vKAXBYtmOCd6u2j77nmVufjtuc7IvwoDjhKwVhj4CBCG9mdNwIOLNOGpUdqHXisU143+j+DWCreNPaskxEkjSORNgQ4apxziwagetGN2KlfwGqIrxdxoJU5b4N6Y2KKl0R6hY7WAaAyAXa/3H7BceTxtB33sGYAAAAAElFTkSuQmCC") !important;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    margin-right: 15px;
}

.qtip-warning .qtip-content {
    font-size: 1.2em!important;
    padding-left: 46px !important;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    line-height: 16px;
}

.qtip-warning .grid-warning {
    margin: auto;
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
}

#ui-datepicker-div.datepicker-package {
    width: 250px !important;
    height: auto !important;
}

#ui-datepicker-div.datepicker-package th {
    padding: unset !important;
}

@media screen and (max-width: 992px) {
    #ui-datepicker-div.datepicker-package {
        top: 50% !important;
        z-index: 1005 !important;
        width: 90% !important;
        margin: 0% 5% 0% 5% !important;
        left: 0px !important;
    }
}

/*New*/
.personBlack {
    background-image: url("/html/images/svg/person.svg");
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
    display: inline-block;
}

.bedBlack {
    background-image: url("/html/images/svg/bed2.svg");
    height: 30px;
    width: 33px;
    background-size: 30px 30px;
    display: inline-block;
}

.svgOptions {
    display: inline-block;
    width: 100%;
    position: relative;
}

.svgOptions .roomOptions {
    display: inline-block;
}

.roomOptions .SVGIconLabel {
    /*
    top: -5px;
    position: relative;
    */
}

.grid-rate-info-inner {
    margin-left: 0px !important;
}

.grid-rate-title,
.grid-room-details h4 {
    font-weight: bold;
}

.grid-rate {
    /*border-top: 1px solid black;*/
    border-bottom: 1px solid black;
    padding-top: 0px;
    padding-bottom: 10px;
}

.room-grid {
    padding-left: 30px !important;
    margin-top: 14px !important;
}

.grid-rate-info-inner .display-op {
    display: inline-block;
}

.grid-rate-info-inner .hide-op {
    display: none;
}

.grids-rate-drop {
    /*  animation: 1s ease-out 0s 1 slideInFromLeft;*/
}

.grid-room {
    margin-top: 15px !important;
}

.expand-close,
.expand-open {
    cursor: pointer;
}

.grid-rate-title {
    font-size: 17px !important;
}

.grid-show-button,
.grid-less-button {
    float: right;
    margin-top: 15px !important;
}

@keyframes slideInFromLeft {
    0% {
        transform: translateY(-30%);
    }
    100% {
        transform: translateX(0);
    }
}

.roomModal h5,
.roomModal h4 {
    text-align: left;
}

#roomDetailsModal .modal-dialog,
div#rateDetailsModal .modal-dialog {
    max-width: 850px !important;
}

.roomModal {
    border-bottom: 1px solid #d3d3d3;
}

#roomDetailsModalDescription {
    padding-right: 15px;
    padding-left: 15px;
}

.roomModal .maxAdult,
.roomModal .beddingOption {
    display: inline-block;
    margin: 10px 5px;
}

.maxAdult .personBlack,
.beddingOption .bedBlack {
    margin-right: 5px !important;
}

.roomModal .maxAdult {
    float: left;
}

#roomDetailsModal {
    font-size: 12px!important;
}
.modalRoomImages .slick-next {
    right: 18px;
}

.modalRoomImages .slick-prev {
    left: 18px;
    z-index: 1;
}

.roomAmenitiesList {
    overflow: hidden;
    padding: 5px !important;
    margin: 0px !important;
}

.roomAmenitiesListModel {
    list-style-type: none !important;
}

.roomAmenitiesList img,
.roomAmenitiesListModel img {
    width: 30px;
    margin: 0;
    opacity: 1;
}

.roomAmenitiesList li img {
    display: inline-block;
}

.roomAmenitiesList li {
    /* width: 100% !important; */
}
.roomAmenitiesList.col-md-12 > li {
    font-size: 12px !important;
    display: flex;
    gap: 5px;
    margin: 7px 0px;
    align-items: center;
}
/*.roomAmenitiesList li {*/
/*  float: left;*/
/*  width: 100%;*/
/*  max-width: 60px;*/
/*  margin: 10px 10px !important;*/
/*}*/

/*.roomAmenitiesList li .amenityImage img {*/
/*  display:block;*/
/*  margin:auto;*/
/*  width: 20px;*/
/*}*/

/*.roomAmenitiesList li .amenityName {*/
/*  text-align: center;*/
/*}*/

.grid-category-room-select {
    display: inline-block !important;
}

.grid-category-hide {
    display: none !important;
}

.grid-category-room-select button h3 {
    margin: 2px !important;
}

.modal-content {
    border: 7px solid #009100 !important;
    border-radius: 0px !important;
}

.loader {
    color: #000;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.modal-header .close {
    padding: 0 1rem 0 0;
    font-weight: 100;
    font-size: 50px!important;
}

.scrollbar {
    list-style-type: none !important;
    max-height: max-content;
    overflow: auto !important;
    max-width: 100%;
    padding: 10px 5px;
}

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
.scrollbar::-webkit-scrollbar {
    background-color: #fff;
    width: 10px !important;
}

/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
    background-color: #fff;
}

.scrollbar::-webkit-scrollbar-track:hover {
    background-color: #f4f4f4;
}

/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 2px solid #fff;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 2px solid #f4f4f4;
}

/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {
    display: none;
}

.scrollbar {
    min-width: 150px;
    /*  background: #fff;*/
    /* overflow-y: scroll; */
}

.overflow:not(.overflowFix) {
    min-height: 100vh;
}

#roomDetailsModalDescription {
    padding-top: 22px;
    max-height: 100px;
    overflow: scroll;
}

.roomAmenitiesList {
    column-count: 1 !important;
}


.read-more {
    font-size: 12px!important;
}
.read-more .inner p,
.read-less .inner p {
    font-size: 14px !important;
}

.grid-category-room-select {
    /*margin-left: 25px;*/
}
.grid-category-room-select button {
    border: none;
    border-radius: 0;
    background: #5b6f41;
    color: #fff;
    font-weight: 900;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.grid-category-room-select button.active {
    background-color: #b1ba9f;
}
.expand-close,
.expand-open {
    cursor: pointer;
    right: 17px;
}

@media screen and (max-width: 992px) {
    .grid-category-room-select button {
        border-radius: 0;
    }
}

.mobile .grid-category-room-select button {
    height: 90px;
    white-space: inherit !important;
}

.mobile .grid-category-room-select {
    width: 25%;
    float: left;
    /* background: red; */
    margin-right: 20px;
    /* display: block; */
    height: 100px;
    white-space: inherit !important;
}
.open-readmore {
    display: none;
    margin-bottom: 5px;
}
.open-readmore-block {
    display: block;
    width: 100%;
    text-align: right;
}
.open-readmore-block:focus {
    outline: none !important;
}


@media screen and (max-width: 992px) {
    .grid-rate-book {
        display: block;
        position: relative;
        top: inherit;
        /* right: inherit; */
        float: none;
        margin: 5px 5px;
        width: auto;
    }
}
@media screen and (max-width: 992px) and (min-width: 712px) {
    .col-lg-3.room-details.d-lg-none > div:first-child {
        display: contents;
    }
}
@media screen and (max-width: 992px) {
    .col-lg-3.room-details.d-lg-none {
        flex-basis: 100%;
        width: auto;
        max-width: 100% !important;
    }
}
.open-readmore {
    float: right;
}
.svgOptions {
    display: flex;
}
.svgOptions .SVGIcon.roomOptions {
    width: calc(100% - 7px);
    display: flex;
    padding: 2px;
    background-color: transparent;
    transition: background-color 1s;
    margin-left: 0;
}
.svgOptions .SVGIcon.roomOptions.moreOptions:hover .SVGIconContainer {
    background-color: rgba(0,0,0,0.1);
    cursor: pointer;
}
.svgOptions .SVGIcon.roomOptions .bedItem {
    display: inline-block;
}
.svgOptions .SVGIcon.roomOptions.moreOptions .bedItem:first-child:after {
    content: '*';
    margin-left: 3px;
    font-size: 18px;
}
.svgOptions .SVGIcon.roomOptions .SVGIconContainer {
    width: 100%;
    max-width: 150px;
    padding: 2px 0;
}
.svgOptions .SVGIcon.roomOptions .SVGIconBorder > span:nth-child(2) {
    width: calc(100% - 35px);
}
.svgOptions .SVGIcon.roomOptions:nth-child(2) .SVGIconBorder > span:nth-child(2) {
    margin-left: 15px !important;
}
.show-on-mobile {
    display: none;
}
@media screen and (max-width: 991px) {
    .hide-on-mobile {
        display: none !important;
    }
    .grid-room-title {
        display: none;
    }
}
@media screen and (max-width: 992px) {

    .show-on-mobile {
        display: block;
    }
    /* .oprn-readmore {
        font-size: 12px !important;
    } */
    .rate-modal .rate-modal-content.scrollbar h3 {
        font-size: 20px;
        text-align: center;
    }
    .rate-modal .rate-modal-content.scrollbar h4 {
        font-size: 16px;
    }
    .room-grid {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

.modal-opened {
    overflow-y: hidden !important;
}
.read-more-p {
    display: -webkit-box;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.read-more .inner p {
    margin-left: 0px;
}
.grid-rate-details-show:focus, .grid-rate-details-show:hover {
    text-decoration: underline;
}
.newCategoryEmptyLine {
    margin-left: 20px;
    background: linear-gradient(180deg, 
        rgba(0,0,0,0) calc(50% - 1px), 
        rgb(0, 0, 0) calc(50%), 
        rgba(0,0,0,0) calc(50% + 1px)
    );
}
.grid-rate-info-inner.col.col-4 .flot-div {
    top: -3.2px;
    position: relative;
}


.grid-rate .grid-rate-info.row {
    padding-top: 20px;
    cursor: pointer;
}
.modal-dialog {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 60vw !important;
    margin: auto !important;
}
@media screen and (max-width: 992px) {
    .modal-dialog {
        width: 80vw !important;
        max-width: 80vw !important;
    }
}
.modal-content {
    border: 0px !important;
}

.modal-open-header {
    /* padding-right: 17px; */
    
}
.noTransition {
    transition: none !important;
}
.modal-open .modal {
    overflow-y: scroll !important;
}
.noPadding {
    padding: 0px !important;
}

.closeIcon:before, .closeIcon:after {
    position: absolute;
    content: ' ';
    height: 13px;
    width: 3px;
    background-color: #333;
    top: 3px;
    margin-left: 0.5px;
    opacity: 0.3;
}
.closeIcon:hover:before, .closeIcon:hover:after {
    opacity: 1;
}
.closeIcon:before {
    transform: rotate(45deg);
}
.closeIcon:after {
    transform: rotate(-45deg);
}
.grid-rate-details-show {
    white-space: nowrap;
}
.no-webkit-line-clamp {
    -webkit-line-clamp: unset !important;
}
.rate-modal-content p {
    font-size: 15px !important;
}
.rate-modal-content h3 {
    font-size: 20px !important;
}
.rate-modal-content h4 {
    font-size: 18px !important;
}
.open-readmore {
    cursor: pointer;
}