/* Adds the width and margin bottom for installation regions */
.installationRegions {
    width: 100%;
    margin-bottom: 10px;
}

/* Adds the display and height to the installation regions outer div */
.installationRegionMapArea {
    display: flex;
    height: 500px;
}

/* Adds the flex grow style to the installation region map wrapper */
.installationRegionMapWrapper {
    flex-grow: 1;
}

/* Adds the full width and full height to the installation region map */
.installationRegionMapWrapper .map {
        width: 100% !important;
        height: 100% !important;
        margin-top: 0;
    }

/* Adds the padding and marigin to the mouse hover tooltip content */
    .installationRegionMapWrapper .leaflet-popup-content {
        position: relative;
        z-index: 700;
        margin: 5px 4px !important;
    }

/* Removes the shadow for tooltip arrow */
.installationRegionMapWrapper .leaflet-popup-tip {
    box-shadow: none;
}

/* Customized styles for tooltip container */
.installationRegionMapWrapper .leaflet-popup-tip-container {
    width: auto;
    height: auto;
    position: absolute;
    left: 57%;
    overflow: hidden;
    pointer-events: none;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: auto !important;
    bottom: -11px;
}