/* Needs clean up */

.google-maps-panel {
    margin: 0px;
    float: left;
    width: 100%;
}

#mapCanvas {
    height: 200px;
    display: block;
    background-color: #CCC;
    box-sizing: border-box;
}

#map-expand-button {
    float: left;
    width: 100%;
    font-weight: bold;
    color: #000;
}

.expand-map-icon {
    height: 14px;
    width: 14px;
    float: left;
    margin: 2px 0px;
}

.expand-map-text {
    padding: 0px 10px;
    float: left;
    width: calc(100% - 14px);
}

.filter-panel-accomtype-header {
    margin-top: 0px;
}

#map-expand-button:hover {
    text-decoration: underline;
    cursor: pointer;
}

#clear-all-filters {
    float: left;
    width: 100%;
    font-weight: bold;
    padding: 25px 10px 5px 10px;
    color: #000;
}

    #clear-all-filters:hover {
        text-decoration: underline;
        cursor: pointer;
    }

#smallMap .gm-style-iw-parent {
    position: absolute !important;
    width: 242px !important;
    height: 127px !important;
    margin-top: 30px !important;
    margin-left: 20px !important;
    zoom: 30;
}

@media screen and (max-width: 1200px) {
    #smallMap .gm-style-iw-parent {
        margin-top: 20px !important;
        margin-left: 10px !important;
    }
}

#smallMap .gm-style-iw-infowindow-arrow-shadow {
    top: 129px !important;
}

#smallMap .gm-style-iw-infowindow-arrow-container {
    top: 128px !important;
}

#smallMap .gm-style-iw-infowindow-shadow {
    width: 243px !important;
    height: 129px !important;
    border-radius: 0px !important;
}

#smallMap .gm-style-iw-infowindow-container {
    width: 241px !important;
    height: 127px !important;
    border-radius: 0px !important;
}

#smallMap .gm-style-iw {
    position: relative !important;
    width: 100% !important;
    top: 0px !important;
    left: 0px !important;
    float: left;
    width: 242px !important;
    height: 127px !important;
    padding: 0px;
}

    #smallMap .gm-style-iw > div {
        overflow: hidden !important;
        float: left;
        width: 242px !important;
        max-width: 242px !important;
        height: 127px !important;
        max-height: 125px !important;
    }

#smallMap .gMaps-container {
    float: left;
    width: 100%;
    overflow: hidden;
}

#smallMap .gMaps-container-left {
    float: left;
    width: 158px;
    padding: 15px;
}

#smallMap .gMaps-container-right {
    width: 79px;
    height: 79px;
    margin: 5px;
    overflow: hidden;
}

#smallMap .gMaps-property-image {
    height: 100%;
}

#smallMap .gMaps-container-top {
    float: left;
    width: 100%;
}

#smallMap .gMaps-title {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #027E98;
    font-weight: 300;
}

#smallMap .gMaps-container-middle {
    float: left;
    width: 100%;
    padding-bottom: 3px;
}

#smallMap .gMaps-rating {
}

#smallMap .gMaps-container-bottom {
    float: left;
    width: 100%;
    padding: 0px;
}

#smallMap .gMaps-currency, #smallMap .gMaps-currency-symbol, #smallMap .gMaps-currency-price {
    font-weight: bold;
}

.gm-style-iw-infowindow-close-container {
    width: 17px !important;
    height: 17px !important;
    opacity: 1.0 !important;
}

.modal-content .gm-style-iw-infowindow-close-container {
    right: 20px !important;
    top: 20px !important;
}

#smallMap .gm-style-iw-infowindow-close-container {
    right: 10px !important;
    top: 10px !important;
}

.gm-style-iw-infowindow-close-container > img {
    content: url("../Images/close.png");
    width: 17px !important;
    height: 17px !important;
}

.modal-content .gm-style-iw-infowindow-close-container > img {
    left: 0px !important;
    top: 0px !important;
}

#smallMap .gm-style-iw-infowindow-close-container > img {
    left: 0px !important;
    top: 0px !important;
}

#smallMap .gMaps-currency {
    padding: 0px;
    margin: 0px;
    float: left;
}

#smallMap .gMaps-currency-symbol {
    padding: 0px;
    margin: 0px;
    float: left;
}

#smallMap .gMaps-currency-price {
    padding: 0px;
    margin: 0px;
    float: left;
}

#smallMap .gMaps-currency-perstay {
    padding: 0px 5px;
    margin: 0px;
    float: left;
}

#smallMap .gMaps-container-bottom-continue {
    padding: 1px 5px 1px 7px;
    position: relative;
    float: left;
    width: 100%;
}


#smallMap .gmaps-continue {
    float: left;
    width: 100%;
}

    #smallMap .gmaps-continue > a {
        background-color: #FBD805;
        color: #218987;
        border-radius: 2px;
        border: none;
        font-weight: 600;
        width: 100%;
    }

        #smallMap .gmaps-continue > a:hover {
            background: #f0cc05 !important;
            color: #218987;
        }

















#large-map-modal {
    padding-left: 0px !important;
}

button.close {
    position: absolute;
    z-index: 1;
    right: 0px;
    padding: 15px 20px;
    color: #fff;
    text-shadow: 0px 1px 0px #000;
    font-size: 30px;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

    button.close:hover {
        color: #ccc;
        transition: all .1s;
    }

#large-map-modal .modal-dialog {
    float: left;
    width: calc(100% - 200px);
    height: calc(100% - 200px);
    margin: 100px !important;
}

#large-map-modal .mapCanvas-expanded {
    width: 100% !important;
    height: 100% !important;
}

#large-map-modal .modal-content {
    height: 100%;
    border-radius: 0;
    background-color: transparent;
}

#large-map-modal #largeMapCanvas {
    position: absolute !important;
    width: 100%;
    height: 100%;
}







.modal-content {
    position: relative;
}

    .modal-content .gm-style-iw-parent {
        position: absolute !important;
        width: 320px !important;
        min-height: 354px !important;
        top: 20px !important;
        bottom: 0px !important;
        left: 20px !important;
        right: 0px !important;
        z-index: 1 !important;
    }

        .modal-content .gm-style-iw-parent > div:first-child {
            float: left;
            width: 100%;
        }

    .modal-content .gm-style-iw-infowindow-arrow-shadow {
        display: none;
    }

    .modal-content .gm-style-iw-infowindow-arrow-container {
        display: none;
    }

    .modal-content .gm-style-iw-infowindow-shadow {
        width: 321px !important;
        min-height: 357px !important;
        border-radius: 0px !important;
        display: none !important;
    }

    .modal-content .gm-style-iw-infowindow-container {
        width: 319px !important;
        min-height: 354px !important;
        border-radius: 0px !important;
        background-color: transparent !important;
    }

    .modal-content .gm-style-iw {
        position: relative !important;
        width: 100% !important;
        top: 0px !important;
        left: 0px !important;
        float: left;
        width: 320px !important;
        min-height: 354px !important;
        padding: 0px;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
    }

        .modal-content.gm-style-iw > div {
            overflow: hidden !important;
            float: left;
            width: 100%;
        }

    .modal-content .gMaps-container {
        float: left;
        width: 100%;
        overflow: hidden;
    }

    .modal-content .gMaps-container-top {
        float: left;
        width: 100%;
        height: 120px;
        overflow: hidden;
        padding: 15px;
    }

    .modal-content .gMaps-container-middle {
        float: left;
        width: 100%;
        min-height: 173px;
        padding: 15px;
    }

    .modal-content .gMaps-container-left {
        float: left;
        width: 60%;
    }

    .modal-content .gMaps-container-right {
        float: left;
        width: 40%;
    }

    .modal-content .gMaps-container-middle-bottom {
        float: left;
        width: 100%;
        padding-top: 10px;
    }

    .modal-content .gMaps-container-bottom {
        float: left;
        width: 100%;
        padding: 15px;
    }

    .modal-content .gMaps-property-image {
        width: 100%;
    }

    .modal-content .gMaps-title {
        float: left;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .modal-content .gMaps-rating {
        float: left;
        width: 100%;
    }

    .modal-content .gMaps-currency-container {
        float: left;
        width: 100%;
    }

    .modal-content .gMaps-price-wrapper {
        float: right;
        width: 100%;
        text-align: right;
    }

    .modal-content .gMaps-currency {
        padding: 0px;
        margin: 0px;
    }

    .modal-content .gMaps-currency-symbol {
        padding: 0px;
        margin: 0px;
    }

    .modal-content .gMaps-currency-price {
        padding: 0px;
        margin: 0px;
    }

    .modal-content .gMaps-currency-perstay {
        padding: 0px;
        margin: 0px;
        float: right;
        width: 100%;
        text-align: right;
    }

    .modal-content .gmaps-continue {
        float: left;
        width: 100%;
    }

        .modal-content .gmaps-continue > a {
            background-color: #FBD805;
            color: #218987;
            border-radius: 2px;
            border: none;
            font-weight: 600;
            width: 100%;
        }

            .modal-content .gmaps-continue > a:hover {
                background: #f0cc05 !important;
                color: #218987;
            }

    .modal-content .readMore {
        margin-bottom: 0px;
    }

    .modal-content .discounted-wrapper {
        width: 100%;
    }

    .modal-content .price-description {
        padding-left: 2px;
    }


@media screen and (max-width: 991px) {
    .modal-content .discounted-wrapper {
        padding-left: 0px;
        text-align: right;
    }
}

@media screen and (max-width: 787px) {
    .modal-dialog {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        margin: 20px !important;
    }

    .modal-content .gm-style-iw-parent {
        position: absolute !important;
        width: 242px !important;
        height: 127px !important;
        min-height: 127px !important;
        top: 10px !important;
        left: 10px !important;
        zoom: 30;
        font-weight: 300;
        font-size: 13px;
    }

    .modal-content .gm-style-iw-infowindow-shadow {
        width: 243px !important;
        height: 129px !important;
        min-height: 129px !important;
    }

    .modal-content .gm-style-iw-infowindow-container {
        width: 241px !important;
        height: 127px !important;
        min-height: 127px !important;
    }

    .modal-content .gm-style-iw {
        position: relative !important;
        width: 100% !important;
        top: 0px !important;
        left: 0px !important;
        float: left;
        width: 242px !important;
        height: 127px !important;
        min-height: 127px !important;
        padding: 0px;
    }

        .modal-content .gm-style-iw > div {
            overflow: hidden !important;
            float: left;
            width: 100%;
        }

    .modal-content .gMaps-container {
        float: left;
        width: 100%;
        overflow: hidden;
    }

    .modal-content .gMaps-container-middle {
        float: left;
        width: 158px;
        height: 84px;
        min-height: 84px;
        padding: 14px 15px;
    }

    .modal-content .gMaps-container-top {
        width: 84px;
        height: 84px;
        padding: 5px;
        position: absolute;
        top: 2px;
        right: 0px;
        overflow: hidden;
    }

    .modal-content .gMaps-property-image {
        height: 100%;
        width: auto;
        float: left;
    }

    .modal-content .gMaps-container-left {
        width: 100%;
    }

    .modal-content .gMaps-container-right {
        width: 100%;
    }

    .modal-content .gMaps-price-wrapper {
        text-align: left;
        width: auto;
        float: left;
    }

    .modal-content .gMaps-currency-perstay {
        text-align: left;
        width: auto;
        float: left;
        padding: 0px 3px;
    }

    .modal-content .discounted-wrapper {
        display: none;
    }

    .modal-content .gMaps-container-middle-bottom {
        display: none;
    }

    .modal-content .gMaps-container-bottom {
        padding: 6px 5px 2px 7px;
        z-index: 2;
        position: relative;
    }
}

@media screen and (max-width: 480px) {
    .modal-dialog {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        margin: 10px !important;
    }
}