/*
 * BOXZOOM
 */
.leaflet-control-boxzoom {
    background-color: white;
    color:#808080;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 27px;
    height: 27px;
    line-height: 27px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.65);
    cursor: pointer !important;
    text-align :center;
    margin-left:10px !important ;
}

.with-background-image {
    background-image: url(images/leaflet-control-boxzoom.svg);
   
    background-repeat: no-repeat;
    background-size: 16px 16px; /* 25px image, 25px box; subtract 2px for padding on every side = 21px rendering height */
    background-position: 5px 5px;
    color: white;
}

.leaflet-control-boxzoom.leaflet-control-boxzoom-active {
    background-color: #aaaaaa;
}

.leaflet-container.leaflet-control-boxzoom-active, .leaflet-container.leaflet-control-boxzoom-active path.leaflet-interactive {
    cursor: crosshair !important;
}

.leaflet-control-boxzoom i {
    display: block;
}

    .leaflet-control-boxzoom i.icon {
        font-size: 17px;
        margin-left: 1px;
        margin-top: 3px;
    }

    .leaflet-control-boxzoom i.fa {
        margin-top: 6px;
    }

    .leaflet-control-boxzoom i.glyphicon {
        margin-top: 5px;
    }