.map-icon-delete {
    font-size: 30px !important;
    color: #ff002e !important;
}

.map-icon-create {
    font-size: 30px !important;
    color: #eac50f !important;
}

.map-icon-edit {
    font-size: 30px !important;
    color: #121492 !important;
}


.map-icon-save {
    font-size: 30px !important;
    color: #57ff1d !important;
}





.easy-button-container {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}

.leaflet-touch .leaflet-bar button
{
    width: 25px;
    height: 30px;
}

.leaflet-bar button {}

.easy-button-button {
    margin: 0 !important;
    padding: 0 !important;
}

.leaflet-control-fullscreen {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.leaflet-bar a,
.leaflet-bar a:hover {}

.leaflet-bar a:hover {}

.leaflet-control-fullscreen {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    margin-right: 1px !important;
}

.leaflet-control-zoom,.leaflet-control-locate, .leaflet-control-browser-print
{
    margin-right: 0px !important;
}


.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position: 0;
}

.box-title {
    margin-left: 8px;
    margin-right: 8px;
    padding: 4px;
}


.leaflet-top .button-container:hover{
    transform: scale(1.04) !important;
}

.leaflet-control-locate a
{
    border-radius: 50% !important;
    height: 50px !important;
    width: 50px !important;
    background-image: url("{{asset('images/svg/marker blue.svg')}}");
    background-size: 32px 32px;
}


#goto_btn:hover, .go-back:hover
{
    transform: scale(1.04);
}