.row.wrapper {
    position: relative;
}

.btnInstantBook {
    display: inline-bloc;
    float: right;
    z-index: 2;
}

.btnInstantBook span {
    font-size: 80%;
}

.btn-dark {
    background-color: #1C911C;
    border: 3px solid #1C911C;
    border-radius: 25px;
    margin-top: -4px;
}

.btn-default {
    background: transparent;
    text-align: center;
    border: 1px solid #000;
    color: #000;
}

.cal-reserve {
    background-color: inherit;
    font-size: 1em;
    text-align: center;
    text-transform: none;
}

.cal-enquire {
    text-align: center;
    font-weight: 300;
    font-size: 0.8em;
}

.text-double-height {
    line-height: 3em;
}

.section-detail .info-table .nav a {
    color: white;
    display: inline-block;
    width: 100%;
}

.section-detail .info-table .nav {
    background: rgba(96, 150, 148);
}

.section-detail .info-table .nav li {
    font-weight: bold;
    text-align: center;
}

.section-detail .info-table .nav li.active a {
    background: white;
    color: #d9c684
}

.section-detail .info-table {
    border-color: #8ecac8;
    background: rgba(96, 150, 148);
}

.property-details p.description {
    font-size: 120%;
}

#villaReview {
    border: 1px solid #8dc8c7;
    padding: 0 1em;
    border-radius: 4px;
    background-color: #f2faf9;
}

#villaReview h2 {
    font-size: 1.5em;
    margin: 1em 0 0 0;
    color: #8dc8c7;
}

#villaReview p {
    margin: 1em 0;
}

#villaReview #selectedBy span {
    font-weight: bold;
}

#villaReview .avatar {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-size: cover;
    float: left;
    margin: 1em 1em 0 0;
}

.review-pager.list-unstyled li {
    display: inline;
    border: 1px solid #ccc;
    font-size: 1.1em;
    padding: 4px 8px;
    margin: 0;
    vertical-align: middle;
}

.review-pager.list-unstyled li.active {
    background-color: #d9c583;
}

.review-pager.list-unstyled li.active a {
    color: white;
}

.review-pager.list-unstyled li.prev,
.review-pager.list-unstyled li.next {
    border: none;
    font-size: 1.8em;
}

.review-pager.list-unstyled li.prev.disabled,
.review-pager.list-unstyled li.next.disabled {
    color: #666;
}

#calendarContainer {
    width: 100%;
}

.content.description .descriptionMore {
    display: none;
}

@media screen and (max-width: 991px) {
    .content.description {
        max-height: 10em;
        overflow: hidden;
        position: relative;
        display: block;
    }

    .content.description .descriptionMore {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        /* background: rgba(255,255,255,0.7); */
        background-color: #ed787a;
        color: white;
        padding: 2px 4px;
        cursor: pointer;
        border-radius: 4px;
    }
}

.section-detail .info-table .nav li.active {
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 3s infinite;
}

.shortlist-group {
    clear: both;
}

.panel-heading {
    border: 1px solid #8ec9c8;
    background-color: #8ec9c8;
    padding: 10px 15px;
    margin-bottom: 0.5em;
}

.panel-title {
    margin: 0;
}

.panel-heading h3 {
    /**font-weight: bold;**/
}

.panel-body {
    font-size: 15px;
    line-height: 24px;
}

.calendar th.weekday {
    border: 1px solid #eee;
    background: #d9c684;
    color: white;
    font-size: 100%;
    text-align: center;
    padding: 2px 0;
}

.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;

    background-color: #ccc;
    min-width: 8px;
    padding: 2px 5px;
    font-weight: var(--bold);
    line-height: 1;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    margin: 0.2em;
}

.tooltip-text {
    visibility: hidden;
    display: inline-block;
    width: 250px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    /* Position the tooltip above the element */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 90%;
    line-height: 140%;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

@-webkit-keyframes flash {
    0% {
        font-size: 100%;
    }

    50% {
        font-size: 95%;
    }

    100% {
        font-size: 105%;
    }
}

@keyframes flash {
    0% {
        font-size: 100%;
    }

    50% {
        font-size: 95%;
    }

    100% {
        font-size: 105%;
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        fopacity: .1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        fopacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}

@media (max-width: 991px) {
    .modal-dialog {
        max-width: 1270px;
        width: 100%;
        margin: 0;
    }

    .mobile-sticky-bottom {
        position: sticky;
        bottom: 0;
        left: 0;
        width: calc(100% + 80px);
        background: #CCC;
        padding: 7px;
        margin: 0 -40px;
    }

    .mobile-fixed-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 7px;
        background: #ececec;
    }

    .shortlist-group {
        clear: none;
    }

    .form-group.field-contactform-opt_in {
        padding-bottom: 40px;
    }
}