.jux_body_map {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjM0NTNCNzlFNDgyMTFFNjhCQTA4NjgyQTQ5QjVCMjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjM0NTNCN0FFNDgyMTFFNjhCQTA4NjgyQTQ5QjVCMjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMzQ1M0I3N0U0ODIxMUU2OEJBMDg2ODJBNDlCNUIyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMzQ1M0I3OEU0ODIxMUU2OEJBMDg2ODJBNDlCNUIyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu5wFiUAAAAtSURBVHjaYnzw8CEDbsDFyYlHlomBAjCqeWRoZsGfhr59/z4aYKOaKdEMEGAAPAAF6JOFOoMAAAAASUVORK5CYII=) repeat 50%;
    flex-grow: 1;
    font-size: 12px;
    // height: 100%;
}

.jux_body_map {
    margin: 0;
    min-height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.jux_body_map .gm-style-iw {
    overflow: visible !important;
    max-width: 300px !important;
    width: 300px;
    padding: 0;
}

.jux_body_map .gm-style-iw>div {
    overflow: visible !important;
}

.jux_body_map .gm-style-iw>div>div {
    overflow: visible !important;
}

.jux_google_map_marker {
    margin-top: -8px;
    max-width: 300px;
    min-width: 200px;
}

.jux_google_map_marker_header {
    position: relative;
}

.jux_google_map_marker_image {
    position: relative;
    height: 150px;
    overflow: hidden;
    margin-bottom: 0;
    // max-height: 150px;
    // min-height: 100px;
}

.jux_google_map_marker_image img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 150px;
    transform: translateY(-50%);
    object-fit: cover;
}

.jux_google_map_marker_title_wrapper {
    background: #4285f4;
    padding: 20px;
    display: flex;
    justify-content: space-between;
}

.jux_google_map_marker_title {
    color: #fff;
    font: 400 15px/1.3 Roboto, Arial, Sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

.jux_google_map_marker_directions {
    position: relative;
}

.jux_google_map_marker_directions_button {
    text-decoration: none !important
}

.jux_google_map_marker_content {
    padding: 16px;
    padding-top: 28px;
    background: #fff;
    color: #222;
    font: 400 13px/1.5 Roboto, Arial, Sans-serif;
}

.jux_google_map_marker_info_item {
    margin-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jux_google_map_marker_info_item i {
    fill: #3185ff;
    vertical-align: middle;
    margin-right: 8px;
    color: #4285f4;
}

.jux_google_map_marker_description {
    color: #222;
    font: 400 13px/1.5 Roboto, Arial, Sans-serif;
    border-top: 1px solid #e6e6e6;
    margin-top: 12px;
    padding-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jux_google_map_marker_directions_label {
    padding-bottom: 8px;
    color: #fff;
    font: 400 13px/1.3 Roboto, Arial, Sans-serif;
}

.jux_google_map_marker_directions_icon {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    bottom: -48px;
    right: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
}

.jux_google_map_marker_directions_icon i {
    fill: #3185ff;
    vertical-align: middle;
    color: #4285f4;
}