.item-legenda{
	display: flex;
	flex-direction: row;
	margin: 2px;
}

.lgd-lgd{
	display: block;
	width: 60px;
	height: 25px;
	flex-grow:0;
	flex-shrink:0;
	//border: 1px solid;	
}
.lgd-lbl{
	display: block;
}


.legenda-ibukota-kabupaten{
	position:relative;
}
.legenda-ibukota-kabupaten:before{
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background-color: rgb(255,255,255);
	border: 2px solid rgb(0,0,0);
	left: 15px;
	top: 7px;
}
.legenda-ibukota-kabupaten:after{
	content:"";
	position:absolute;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: rgb(0,0,0);
	left: 19px;
	top: 11px;
}
.legenda-ibukota-kecamatan{
	position:relative;
}
.legenda-ibukota-kecamatan:before{
	content:"";
	position:absolute;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background-color: rgb(255, 255, 255);
	border: 2px solid rgb(0,0,0);
	left: 17px;
	top: 4px;	
}
.legenda-pusat-desa{
	position:relative;
}
.legenda-pusat-desa:before{
	content:"";
	position:absolute;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: rgb(0,0,0);
	left: 17px;
	top: 7px;
}
.legenda-batas-kabupaten{
	position:relative;
}
.legenda-batas-kabupaten:before{
	content: '–⋅–⋅–⋅–⋅–⋅–';
	position: absolute;
	background-color: transparent;
	color: #000;
	height: 25px;
	width: 90%;
	top: -5px;
	font-size: 23px;
	font-weight: bolder;
	overflow: hidden;
	line-height: 25px;
}
.legenda-batas-kecamatan{
	position:relative;
}
.legenda-batas-kecamatan:before{
	content: "–⋅⋅–⋅⋅–⋅⋅–⋅⋅–⋅⋅–";
	position: absolute;
	background-color: transparent;
	color: #000;
	height: 25px;
	width: 90%;
	top: -5px;
	font-size: 23px;
	font-weight: bolder;
	overflow: hidden;
	line-height: 25px;
}
.legenda-permukiman{
	background-color: rgb(255, 217, 0);
}
.legenda-pertanian-kering{
	background-color: rgb(217, 255, 230);
}
.legenda-pertanian-basah{
	background-color: rgb(204, 255, 179);
}
.legenda-hutan-rakyat{
	background-color: rgb(153, 255, 153);
}
.legenda-hutan-gambut{
	background-color: rgb(214, 255, 230);
}

.legenda-hutan-produksi{
	background-color: rgb(153, 242, 204);
}
.legenda-hutan-produksi-terbatas{
	background-color: rgb(179, 230, 230);
}
.legenda-hutan-lindung{
	background-color: rgb(224, 255, 230);
}
.legenda-hutan-swaka-alam{
	background-color: rgb(217, 217, 255);
}
.legenda-apl{
	/*background-color: rgb(255, 240, 242);*/
	background-color: rgb(255, 255, 255);
	border: 1px solid #eee;*/
}

.legenda-perkantoran{
	position: relative;
}
.legenda-perkantoran:before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 20px 15px;
	border-color: transparent transparent rgb(255, 0, 255) transparent;
	position: absolute;
	margin-left: 10px;
}

.legenda-terminal-b{
	position: relative;
}
.legenda-terminal-b:before{
	content: '\0068';
	color: rgb(255, 0, 0);
	font-family: fontckl;
	font-size: 75px;
	line-height: 25px;
	position: absolute;
	top: 0;
}
.legenda-terminal-c{
	position: relative;
}
.legenda-terminal-c:before{
	content: '\0068';
	color: rgb(168, 0, 230);
	font-family: fontckl;
	font-size: 75px;
	line-height: 25px;
	position: absolute;
	top: 0;
}
.legenda-pelabuhan{
	position: relative;
}
.legenda-pelabuhan:before{
	content: 'm';
	color: rgb(0, 255, 255);
	font-family: 'CtrFont';
	font-size: 25px;
	line-height: 25px;
	position: absolute;
	top: 18px;
	margin-left: 10px;
}
.legenda-jalur-asdp{
	position: relative;
}
.legenda-jalur-asdp:before{
	content: "_ _ _ _ _";
	position: absolute;
	color: rgb(115,0,76);
	line-height: 25px;
	top: -8px;
	
	font-weight: bolder;
	font-family: arial;
}
.legenda-jalan-provinsi{
	position: relative;
}
.legenda-jalan-provinsi:before{
	content:'';
	position: absolute;
	background-color:rgb(255, 255, 0);
	height:2.5mm;
	top: 6px;
	border: 2px solid #000;
	border-left: none;
	border-right: none;
	width: 90%;
}
.legenda-jalan-kolektor-1{
	position: relative;
}
.legenda-jalan-kolektor-1:before{
	content:'';
	position: absolute;
	background-color:rgb(255, 0, 0);
	height:1mm;
	top: 6px;
	width: 90%;
}
.legenda-jalan-kolektor-2{
	position: relative;
}
.legenda-jalan-kolektor-2:before{
	content:'';
	position: absolute;
	background-color:rgb(255, 255, 0);
	height:1mm;
	top: 6px;
	width: 90%;
}
.legenda-jalan-kolektor-3{
	position: relative;
}
.legenda-jalan-kolektor-3:before{
	content:'';
	position: absolute;
	background-color:rgb(0, 0, 255);
	height:1mm;
	top: 6px;
	width: 90%;
}
.legenda-jalan-lokal{
	position: relative;
}
.legenda-jalan-lokal:before{
	content:'';
	position: absolute;
	background-color:rgb(178, 178, 255);
	height:1mm;
	top: 6px;
	width: 90%;
}









.legenda-kantor-pos-besar{
	position: relative;
}
.legenda-kantor-pos-besar:before{
	content: '\f003';
	position: absolute;
	color: rgb(0, 0, 0);
	font-family: FontAwesome;
	font-size: 15px;
	font-weight: bold;
	top: 0;
	left: 16px;
}
.legenda-kantor-pos-kecil{
	position: relative;
}
.legenda-kantor-pos-kecil:before{
	content: '\f003';
	position: absolute;
	color: rgb(255, 115, 255);
	font-family: FontAwesome;
	font-size: 15px;
	font-weight: bold;
	top: 0;
	left: 16px;
}
.legenda-bts{
	position: relative;
}
.legenda-bts:before{
	content:'\0065';
	position: absolute;
	color:rgb(0, 0, 0);
	font-family: fontckl;
	font-size: 25px;
	font-weight:bold;
	line-height: 25px;
	top: 0;
	left:16px;
}
.legenda-fiber-optik{
	position: relative;
}

.legenda-fiber-optik:before{
	content:'';
	position: absolute;
	border:none;
	border-top: 5px dashed rgb(153,0,102);
	width: 90%;
	height: 0;
	top: 8px;
}






.legenda-ipal{
	position: relative;
}
.legenda-ipal:before{
	content: 'PAL';
	position: absolute;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	border: 2px solid;
	width: 23px;
	height: 23px;
	border-radius: 25px;
	line-height: 20px;
	text-align: center;
	left: 17px;
}

.legenda-iplt{
	position: relative;
}
.legenda-iplt:before{
	content: 'LT';
	position: absolute;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	border: 2px solid;
	width: 23px;
	height: 23px;
	border-radius: 25px;
	line-height: 20px;
	text-align: center;
	left: 17px;
}
.legenda-tps{
	position: relative;
	overflow: hidden;
}
.legenda-tps:before{
	content: '\0069';
	position: absolute;
	font-family: CtrFont;
	font-size: 24px;
	line-height: 24px;
	bottom: 0px;
	left: 16px;
	height: 10px;
}

.legenda-tpa{
	position: relative;
	overflow: hidden;
}
.legenda-tpa:before{
	content: '\0068';
	position: absolute;
	color: rgb(0, 0, 0);
	font-family: CtrFont;
	font-size: 24px;
	line-height: 24px;
	bottom: 0px;
	left: 16px;
	height: 10px;
}


.legenda-gardu-induk{
	position: relative;
}
.legenda-gardu-induk:before{
	content:'\0063';
	position: absolute;
	color: rgb(0, 0, 0);
	font-family: fontckl;
	font-size: 25px;
	font-weight:bold;
	line-height: 25px;
	top: 0;
	left:17px;
}

.legenda-transmisi-sutt-275kv{
	position: relative;
}
.legenda-transmisi-sutt-275kv:before{
	content:'x-x-x-x';
	position: absolute;
	color:rgb(217, 116, 13);
	font-family: arial;
	font-size: 14px;
	font-weight:bold;
	line-height: 20px;
	top: 0;
}

.legenda-transmisi-sutet-500kv{
	position: relative;
}
.legenda-transmisi-sutet-500kv:before{
	content:'x-x-x-x';
	position: absolute;
	color:rgb(255, 0, 197);
	font-family: arial;
	font-size: 14px;
	font-weight:bold;
	line-height: 20px;
	top: 0;
}

.legenda-sumber-plta{
	position: relative;
}
.legenda-sumber-plta:before{
	content:'\0064';
	position: absolute;
	color:rgb(0, 255, 255);
	font-family: fontckl;
	font-size: 25px;
	line-height: 25px;
	top: 0;
	left: 17px;
}


.legenda-wisata-alam{
	position: relative;
}
.legenda-wisata-alam:before{
	content:'\f076';
	position: absolute;
	color:rgb(0, 255, 0);
	font-family: MapFont;
	font-size: 25px;
	line-height: 25px;
	top: -5px;
	left: 17px;
}
.legenda-wisata-budaya{
	position: relative;"
}
.legenda-wisata-budaya:before{
	content:'\f088';
	position: absolute;
	color:rgb(255, 0, 0);
	font-family: MapFont;
	font-size: 25px;
	line-height: 25px;
	top: -5px;
	left: 17px;
}
.legenda-wisata-potensi{
	position: relative;
}
.legenda-wisata-potensi:before{
	content:'\2302';
	position: absolute;
	color:rgb(255, 0, 255);
	font-family: MapFont;
	font-size: 25px;
	line-height: 25px;
	top: -5px;
	left: 17px;
}


.legenda-padi-sawah{
	position: relative;
}
.legenda-padi-sawah:before{
	content: '\f06c';
	position: absolute;
	color: #27ae60;
	font-family: FontAwesome;
	font-size: 22px;
	line-height: 22px;
	top: 0px;
	left: 17px;
}
.legenda-padi-ladang{
	position: relative;"
}
.legenda-padi-ladang:before{
	content: '\f06c';
	position: absolute;
	color: #2ecc71;
	font-family: FontAwesome;
	font-size: 22px;
	line-height: 22px;
	top: 0px;
	left: 17px;
}
.legenda-jagung{
	position: relative;
}
.legenda-jagung:before{
	content: '\f06c';
	position: absolute;
	color: #f1c40f;
	font-family: FontAwesome;
	font-size: 22px;
	line-height: 22px;
	top: 0px;
	left: 17px;
}
.legenda-kacang-tanah{
	position: relative;
}
.legenda-kacang-tanah:before{
	content: '\f06c';
	position: absolute;
	color: #6D4C41;
	font-family: FontAwesome;
	font-size: 22px;
	line-height: 22px;
	top: 0px;
	left: 17px;
}
.legenda-kacang-merah{
	position: relative;
}
.legenda-kacang-merah:before{
	content: '\f06c';
	position: absolute;
	color: #e53935;
	font-family: FontAwesome;
	font-size: 22px;
	line-height: 22px;
	top: 0px;
	left: 17px;
}
.legenda-ubi-kayu{
	position: relative;
}
.legenda-ubi-kayu:before{
	content: '\f06c';
	position: absolute;
	color: #4E342E;
	font-family: FontAwesome;
	font-size: 22px;
	line-height: 22px;
	top: 0px;
	left: 17px;
}

.legenda-kopi{
	position: relative;
}
.legenda-kopi:before{
	content: '\f1bb';
	position: absolute;
	color: #212121;
	font-family: FontAwesome;
	font-size: 20px;
	line-height: 20px;
	top: 0px;
	left: 17px;
}
.legenda-karet{
	position: relative;
}
.legenda-karet:before{
	content: '\f1bb';
	position: absolute;
	color: #00695C;
	font-family: FontAwesome;
	font-size: 20px;
	line-height: 20px;
	top: 0px;
	left: 17px;
}
.legenda-kakao{
	position: relative;
}
.legenda-kakao:before{
	content: '\f1bb';
	position: absolute;
	color: #3E2723;
	font-family: FontAwesome;
	font-size: 20px;
	line-height: 20px;
	top: 0px;
	left: 17px;
}
.legenda-sawit{
	position: relative;
}
.legenda-sawit:before{
	content: '\f1bb';
	position: absolute;
	color: #d32f2f;
	font-family: FontAwesome;
	font-size: 20px;
	line-height: 20px;
	top: 0px;
	left: 17px;
}
.legenda-kelapa{
	position: relative;
}
.legenda-kelapa:before{
	content: '\f1bb';
	position: absolute;
	color: #2E7D32;
	font-family: FontAwesome;
	font-size: 20px;
	line-height: 20px;
	top: 0px;
	left: 17px;
}

.legenda-kemenyan{
	position: relative;
}
.legenda-kemenyan:before{
	content: '\f1bb';
	position: absolute;
	color: #006064;
	font-family: FontAwesome;
	font-size: 20px;
	line-height: 20px;
	top: 0px;
	left: 17px;
}

.legenda-sapi-potong{
	position: relative;
}
.legenda-sapi-potong:before{
	content: '\f078';
	position: absolute;
	color: #795548;
	font-family: MapFont;
	font-size: 35px;
	line-height: 35px;
	top: -12px;
	left: 17px;
}
.legenda-kerbau{
	position: relative;
}
.legenda-kerbau:before{
	content: '\f078';
	position: absolute;
	color: #424242;
	font-family: MapFont;
	font-size: 35px;
	line-height: 35px;
	top: -12px;
	left: 17px;
}
.legenda-kuda{
	position: relative;
}
.legenda-kuda:before{
	content: '\f078';
	position: absolute;
	color: #6D4C41;
	font-family: MapFont;
	font-size: 35px;
	line-height: 35px;
	top: -12px;
	left: 17px;
}
.legenda-kambing{
	position: relative;
}
.legenda-kambing:before{
	content: '\f078';
	position: absolute;
	color: #1A237E;
	font-family: MapFont;
	font-size: 35px;
	line-height: 35px;
	top: -12px;
	left: 17px;
}
.legenda-babi{
	position: relative;
}
.legenda-babi:before{
	content: '\f078';
	position: absolute;
	color: #EC407A;
	font-family: MapFont;
	font-size: 35px;
	line-height: 35px;
	top: -12px;
	left: 17px;
}

.legenda-ayam-kampung{
	position: relative;
}
.legenda-ayam-kampung:before{
	content: '\f078';
	position: absolute;
	color: #FF5722;
	font-family: MapFont;
	font-size: 35px;
	line-height: 35px;
	top: -12px;
	left: 17px;
}
.legenda-ayam-petelur{
	position: relative;
}
.legenda-ayam-petelur:before{
	content: '\f078';
	position: absolute;
	color: #004D40;
	font-family: MapFont;
	font-size: 35px;
	line-height: 35px;
	top: -12px;
	left: 17px;
}
.legenda-itik{
	position: relative;
}
.legenda-itik:before{
	content: '\f078';
	position: absolute;
	color: #1B5E20;
	font-family: MapFont;
	font-size: 35px;
	line-height: 35px;
	top: -12px;
	left: 17px;
}
.legenda-perikanan{
	position: relative;
}
.legenda-perikanan:before{
	content: '\f1a8';
	position: absolute;
	color: #33691E;
	font-family: FontAwesome;
	font-size: 25px;
	line-height: 25px;
	top: -5px;
	left: 6px;
}
.legenda-pariwisata{
	position: relative;
}
.legenda-pariwisata:before{
	content: '\f068';
	position: absolute;
	color: #BF360C;
	font-family: MapFont;
	font-size: 35px;
	line-height: 35px;
	top: -12px;
	left: 17px;
}