<style> #button_hide_point { line-height: 15px; width: 40px; font-size: 10pt; font-family: tahoma; margin-top: 3px; margin-right: 3px; position: absolute; top: 0; right: 0; z-index: 99999999; } #button_unhide_point { line-height: 15px; width: 40px; font-size: 10pt; font-family: tahoma; right: 110px; position: absolute; bottom: 0; z-index: 99999999; } .leaflet-popup { /* overflow: auto!important; */ height: 450px!important; width: 500px!important; } .legendapo { background: #ffffffa6; position: fixed; left: 20px; right: 50px; bottom: 0; height: 170px; z-index: 999; } .marker-cluster-adm { margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; transform: translate3d(544px, 246px, 0px); z-index: 280; background-color: rgba(224, 130, 63, 0.3); border-radius: 20px; } .marker-cluster-adm div { margin-top: 5px; margin-left: 5px; width: 30px; height: 30px; /* background-image: url('static/img/icon-1/Buildings-tes.svg'); */ background-color: rgba(242, 140, 66, 1.6); background-position: center; background-size: 36px; text-align: center; border-radius: 15px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; /* font-weight: bold; */ } /* #f78531;#ffb47d; */ .marker-cluster-adm span { line-height: 30px; } .marker-cluster-sakit { margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; transform: translate3d(544px, 246px, 0px); z-index: 280; background-color: rgba(248, 92, 92, 0.3); border-radius: 20px; } .marker-cluster-sakit div { width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 15px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; background-color: rgba(248, 92, 92, 1.6); } .marker-cluster-sakit span { line-height: 30px; } .marker-cluster-ibdh { margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; transform: translate3d(544px, 246px, 0px); z-index: 280; background-color: rgba(125, 199, 79, 0.3); border-radius: 20px; } .marker-cluster-ibdh div { width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 15px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; background-color: rgba(125, 199, 79, 1.6); } .marker-cluster-ibdh span { line-height: 30px; } .marker-cluster-pend { margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; transform: translate3d(544px, 246px, 0px); z-index: 280; background-color: rgba(91, 175, 104, 0.3); border-radius: 20px; } .marker-cluster-pend div { width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 15px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; background-color: rgba(91, 175, 104, 1.6); } .marker-cluster-pend span { line-height: 30px; } </style>