.location-info {
    visibility: hidden;
    cursor: default;
}

#bottomCloseButton,
.btn-close {
    cursor: pointer;
}

.btn-close::before {
    color: white !important;
    background-color: #dedede;

    -moz-box-shadow: 0px 0px 2px white;
    -webkit-box-shadow: 0px 0px 2px white;
    box-shadow: 0px 0px 2px white;

    font-size: 25px;
    line-height: 25px;
}

#range-selector {
    position: absolute;
    width: auto;
    z-index: 1;

    top: 10px;
    right: 10px;
}

#pin-type-filter {
    position: absolute;
    width: auto;
    z-index: 1;

    top: 55px;
    right: 170px;
}

#pin-type-filter .dropdown-menu > li > a {
    padding-left: 10px;
    padding-right: 10px;

    display: inline-block;
    white-space: pre-wrap;
}

.location-map .location-info .info {
    width: 300px;
    height: 400px;

    padding: 0px;
}

#locationimage {

}

.location-map-widget {

}

footer {
    display: block !important;
}

/* Common styles */

.title {
    width: 100%;
    height: 95px;

    line-height: 95px !important;

    font-size: 24px !important;
    color: white;
    background-color: #FF7D00;
}

.textContent {
    padding: 20px;
}

.info {
    top: 0px;
    height: 100% !important;
    overflow-y: scroll;
}

.location-info {
    height: 100% !important;
}

.location-info, .info {
    position: relative !important;
    top: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    width: 100% !important;

    z-index: 1002;
}

html, body {
    height: 100% !important;
}

.location-map-widget {
    height: -o-calc(100% - 116px); /* opera */
    height: -webkit-calc(100% - 116px); /* google, safari */
    height: -moz-calc(100% - 116px); /* firefox */
    height: calc(100% - 116px) !important; /* IE */
}

#location-map, #map {
    height: 100% !important;
}

/* Extra Small Devices, Phones (vertical)+
 */
@media screen and (max-width : 480px) {
    footer {
        display: none !important;
    }
}

/* Footer disable until full desktop width
 */
@media screen and (min-width : 480px) {
    footer {
        display: none !important;
    }

    .location-info, .info {
        width: 400px !important;
    }
}

/* Extra Small Devices, Phones (horizontal)+
 */
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {

}

.marker-cluster-small {
    background-color: rgba(255, 125, 0, 0.6);
}

.marker-cluster-small div {
    color: white;
    background-color: #ff7d00;
}