#final{
  color:white;
}
.atlas-legend-control{
  background-color: rgba(0,0,0,0.6) !important;
  color: white !important;
  border-radius: 10px;
}
.atlas-legend-btn{
  background-color:white;
}
.legend-btn-expanded{
  background: none !important;
}
.legend-btn-min{
  
}
.popup-content-container{
  background: none !important;
}
.popup-arrow{
  display: none !important;
}

.infobox-body{
  font-size:0.6rem
}
.sdt {
		color: LightSkyBlue;
	}
.customInfobox {
            background-color: rgba(0,0,0,0.8);
            color: white;
            max-width: 200px;
            border-radius: 10px;
            padding: 10px;
            font-size:12px;
            pointer-events:auto !important;
        }

    .customInfobox .title {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
	}
		
	.legend {
    	background-color: rgba(0,0,0,0.6);
    	border-radius: 10px;
      width: max-content;
      padding: 10px;
    }
    
    .legend th {
    	background: none !important;
    	border: none;
      padding: 5px;
    }