html, body {
	height: 100%;
	margin: 0;
}
.leaflet-container {
	height: 800px;
	width: 2000px;
	max-width: 100%;
	max-height: 100%;
}
	#map {
	width: 100%;
	height: 900px;
	position: relative;
}
#dataTableContainer {
	position: absolute;
	bottom: 10px;
	right: 10px;
	left:301px;
	z-index: 1000; /* Ensure it stays above the map */
	background-color: white;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	max-height: 400px;
	width: 84%;
	display: none; /* Initially hidden */
	overflow-y: auto;
}
#toggleButton {
	position: absolute;
	top: 16%;
	left: 22%;
	transform: translate(-50%, -50%); /* Center the button */
	padding: 15px 30px;
	cursor: pointer;
	z-index: 1000;
	background-color: #4CAF50;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 16px;
}
#toggleButton:hover {
	background-color: #45a049;
}
#toggleButton1 {
	position: absolute;
	top: 16%;
	left: 32%;
	transform: translate(-50%, -50%); /* Center the button */
	padding: 15px 30px;
	cursor: pointer;
	z-index: 1000;
	background-color: #E0115F;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 16px;
}
#toggleButton1:hover {
	background-color: #E75480;
}
.sidebar2 {
			  min-height: calc(100vh - 70px);
			  background: #181824;
			  font-family: "Open Sans", sans-serif;
			  padding: 0;
			  width: 240px;
			  z-index: 11;
			  transition: width 0.25s ease, background 0.25s ease;
			  -webkit-transition: width 0.25s ease, background 0.25s ease;
			  -moz-transition: width 0.25s ease, background 0.25s ease;
			  -ms-transition: width 0.25s ease, background 0.25s ease;
			}
		.sidebar2 .nav {
		 
		  -ms-flex-wrap: nowrap;
		  flex-wrap: nowrap;
		  -webkit-box-orient: vertical;
		  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
		  flex-direction: column;
		  margin-bottom: 60px;
		}
        .scrollable-list {
            width: 240px; /* Fixed width */
            height: 265px; /* Fixed height */
            list-style-type: none; /* Remove default bullet points */
            padding: 0; /* Remove padding */
            margin: 0; /* Remove margin */
			overflow : scroll;
        }

        .scrollable-list li {
            /*padding: 10px;*/ /* Add padding to list items */
            border-bottom: 1px solid #ddd; /* Optional: add borders between items */
        }