.mapbox-geojson-map-container {
    overflow: hidden;
    position: relative;
    border-right: 1px solid #ededed;
}

.mapbox-geojson-map-container .mbgs {
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 5px;
    transform: translateX(250px);
    width: 250px;
    background: #fff;
    transition: all .1s ease-in;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.mapbox-geojson-map-container .mbgs.mbgs-open {
    transform: translateX(0);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}

.mapbox-geojson-map-container .mbgs.mbgs-open .mbgs-toggle {
    left: -27px;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.mapbox-geojson-map-container .mbgs.mbgs-open .mbgs-toggle .dashicons-arrow-left {
    transform: rotate(180deg)
}

.mapbox-geojson-map-container .mbgs .mbgs-body {
    overflow: scroll;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 15px
}

.mapbox-geojson-map-container .mbgs .mbgs-toggle {
    position: absolute;
    top: 5px;
    left: -37px;
    background: #fff;
    border-radius: 3px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.mapbox-geojson-map-container .mbgs .mbgs-toggle:hover {
    background-color: #f8f8f8
}

.mapbox-geojson-map-container .mbgs .mbgs-toggle .dashicons-arrow-left {
    padding: 3px
}

.mapbox-geojson-map-container .mbgs .mbgs-tray-item {
    display: block;
    width: 100%;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
    outline: none;
    border-bottom: 1px solid #ededed;
}

.mapbox-geojson-map-container .mbgs .mbgs-tray-item.mbgs-tray-item-active {
    background-color: #ededed
}

.mapbox-geojson-map-container .mbgs .mbgs-tray-item .mbgs-tray-item-header {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 26px;
    color: #464646;
    border: none;
    outline: 0;
    text-decoration: none;
    position: relative
}

.mapbox-geojson-map-container .mbgs .mbgs-tray-item .mbgs-delete-feature {
    position: absolute;
    right: 0;
}

.mapbox-geojson-map-container .mbgs .mbgs-tray-item .mbgs-delete-feature:hover {
    background-color: #ededed
}

.mapbox-geojson-map-container .ld-icon {
    background-image: url("https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-draw/v0.2.2/images/spritesheet.png");
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle
}

.mapbox-geojson-map-container .ld-icon-polyline {
    background-position: -2px -2px
}

.mapbox-geojson-map-container .ld-icon-polygon {
    background-position: -31px -2px
}

.mapbox-geojson-map-container .ld-icon-marker {
    background-position: -122px -2px
}

.mapbox-geojson-map-container .ld-icon-trashcan {
    background-position: -182px -2px
}
.leaflet-control-mapbox-geocoder {
    position: absolute !important;
    left: 40px !important;
}
.leaflet-control-mapbox-geocoder > .leaflet-control-mapbox-geocoder-wrap, 
.leaflet-control-mapbox-geocoder > .leaflet-control-mapbox-geocoder-wrap > .leaflet-control-mapbox-geocoder-form > input, 
.leaflet-control-mapbox-geocoder > .leaflet-control-mapbox-geocoder-results {
    width: 300px !important;
}