/*
 * Created By : Ahmad Windi Wijayanto
 * Email : ahmadwindiwijayanto@gmail.com
 * Website : https://whendy.net
 * github : https://github.com/whendy
 * LinkedIn : https://www.linkedin.com/in/ahmad-windi-wijayanto/
 *
 */

.leaflet-touch .leaflet-control-layers-toggle {
    width: 30px;
    height: 30px;
}

.leaflet-top.leaflet-right .leaflet-control-layers:nth-child(1) .leaflet-control-layers-toggle {
    background-image: url(../leaflet@1.7.1/dist/images/globe.png);
    background-size: 26px 26px;
}
.leaflet-top.leaflet-right .leaflet-control-layers:nth-child(2) .leaflet-control-layers-toggle {
    background-image: url(../leaflet@1.7.1/dist/images/layers-b.png);
    background-size: 26px 26px;
}

.leaflet-top.leaflet-right .leaflet-control-layers:nth-child(2) .leaflet-control-layers-base { display: none; }
.leaflet-top.leaflet-right .leaflet-control-layers:nth-child(2) .leaflet-control-layers-list { max-height: 300px; overflow-y: auto; }

.leaflet-info.leaflet-legend.leaflet-legend-choropleth { max-height: 300px; overflow-y: auto; }

.leaflet-info { padding: 6px 8px; font: 14px/16px Arial, Helvetica, sans-serif; background: white; /*background: rgba(255,255,255,0.8);*/ box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 5px; } .leaflet-info h4 { margin: 0 0 5px; color: #777; }
.leaflet-legend { text-align: left; line-height: 18px; color: #555; }
.leaflet-legend-title { margin: 0 0 10px; border-bottom: 1px solid #e3dddd; font-size: 12pt; font-weight: bold; }
.leaflet-legend-example-color { width: 18px; height: 18px; float: left; margin-right: 8px; opacity: 0.7; }
.leaflet-legend-label-density {}
.legend-show-hide { min-width: 200px; }
.leaflet-legend-example-color-greater-than { width: 18px; height: 18px; float: left; margin-right: 8px; }
.leaflet-legend-label-density-greater-than {}
.legend-show-hide-greater-than { min-width: 125px; }
.leaflet-legend-list-row-table tr td { vertical-align: text-top; }
.label-density-item:nth-child(1){ float: left; }
.label-density-item:nth-last-child(1) { float:right; }
.title-layer-popup { border-bottom: 1px solid #b3b3b3; margin-bottom: 5px;}
.leaflet-layerstree-header-name { margin-left: 5px; }
.cursor-not-allowed { cursor: not-allowed;}

.leaflet-info.leaflet-legend.leaflet-legend-choropleth .leaflet-legend-choropleths {
    margin-bottom: 10px;
    border: 1px solid #bfc4c9;
    border-radius: 3px;
    padding: 5px;
}