.easy-button-container {
	width: 48px;
	height: 48px;
}

.leaflet-touch .leaflet-bar button {
	width: 48px;
	height: 48px;
	line-height: 48px;
}

.control-button-base {
    width: 24px;
    height: 24px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    padding: 3px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
    cursor: auto;
    text-align: center;
    background-color: #FFFFFF;	
}

.control-button-base:hover
{
    background-color: #F4F4F4;
}

.leaflet-buttons-control-button {
	display: inline-flex;	
}

.leaflet-buttons-control-img {
    width: 24px;
    height: 24px;
    object-position: center center;
    object-fit: none;
    padding: 3px;
    margin: 7px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
    cursor: auto;
    text-align: center;
    background-color: #FFFFFF;
}

.leaflet-buttons-control-text {
    height: 24px;
    padding: 3px;
    margin: 7px;
    line-height: 24px;
    vertical-align: middle;    
}

.leaflet-buttons-control-text-hide {
	display: none;
	visibility: hidden;
}

.control-button-active {
	width: 148px;
    background-color: 'green';
}

.control-button-add-poi {
    background-image: url(assets/pin_add_poi.png);	
}

.control-button-add-marker {
    background-image: url(assets/ic_route_marker.png);	
}

.control-button-add-control {
    background-image: url(assets/ic_control_marker.png);	
}

.control-button-download {
    background-image: url(assets/ic_save.png);	
}

.control-button-qrcode {
    background-image: url(assets/ic_qr_code.png);	
}

.control-button-reset {
    background-image: url(assets/ic_bin.png);	
}

.control-button-show-poi {
    background-image: url(assets/ic_poi.png);	
}

.control-button-show-path {
    background-image: url(assets/pin_route.png);	
}

.control-button-show-park {
    background-image: url(assets/pin_park.png);	
}

.leaflet-draw-edit-remove
{
    background-image: url(assets/pin_add_poi.png);
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    padding: 3px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
    cursor: auto;
    text-align: center;
    background-color: #FFFFFF;
}

.leaflet-draw-edit-remove:hover
{
    background-color: #F4F4F4;
}

img.leaflet-marker-shadow-focussed {
	content: url(assets/pin_drop_shadow_focus.png);
}