.leaflet-div-icon {
    background-color: transparent;
    border: 0px none;
}

.leaflet-container {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background-color: transparent;
    border: 0px;
}

.leaflet-marker-image {
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.leaflet-custom-circle {
    width: 30px;
    height: 30px;
    padding: 2px;
    border-radius: 50%;
    background: #AA336A;
    border: 2px solid #AA336A;
    background-clip: content-box;
    margin: 0 auto;
}

.leaflet-marker-overlay {
    background-color: transparent;
    width: 100%;
    opacity: 1;
    color: white;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    box-sizing: border-box;
}

.leaflet-tooltip-custom {
    padding: 0px;
}

.leaflet-tooltip.leaflet-tooltip-custom::before {
    padding: 0px;
}

.leaflet-tooltip.leaflet-tooltip-custom::after {
    padding: 0px;
}

.leaflet-tooltip::before {
    padding: 0px;
}

.leaflet-tooltip::after {
    padding: 0px;
}

.leaflet-tooltip-bottom::before {
    padding: 0px;
}

.leaflet-tooltip-bottom::after {
    padding: 0px;
}

.mapStyle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

.mapContainer {
    width: 100%;
    height: 750px;
    position: relative;
}

@media screen and (max-width: 1023px) {
    .mapContainer {
        height: 318px;
    }
}

.table-wrapper {
    position: relative;
}

.table-scroll {
    height: 750px;
    overflow: auto;
}

.markercontainer {
    position: relative;
}

.markercentertext {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    color: black;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.markerimage {
    min-width: 30px;
    max-width: 30px;
    width: 30px;
    height: auto;
}

.leaflet-control-zoom-in {
    border: 1px solid black !important;
    margin-bottom: 10px;
    border-radius: 15px !important;
}

.leaflet-control-zoom-out {
    border: 1px solid black !important;
    margin-bottom: 10px;
    border-radius: 15px !important;
}

.leaflet-bar {
    border: none !important;
}
.leaflet-touch {
    border: none !important;
}