#svgContainer {
            width: 100%;
            height: auto;
        }

        object {
            max-width: 100%;
            height: auto;
        }

        /* Dropdown Info Box */
        #infoBox {
            display: none; /* Hidden by default */
            position: absolute; /* Positioned relative to .container */
            top: 20px; /* Adjust as needed */
            left: 50%;
            transform: translateX(-50%);
            background-color: white;
            border: 1px solid #ccc;
            padding: 20px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
            z-index: 1000;
            width: 300px;
            opacity: 0;
        }  
		
		
		.container2 {
         position: relative; /* Set as positioning context */
          }
		
		

        table {
            border-collapse: collapse;
            width: 100%;
        }

        table, td {
            border: 1px solid black;
        }
		
		
		th {
            border: 1px solid black;
			color: white;
        }
		
		
		
		
		
		
		

        th, td {
            text-align: center;
            padding: 8px;
        }

        th {
            background-color: #a1ca3a;
        }

        /* Close Button */
        #closeButton {
            display: inline-block;
            background-color: red;
            color: white;
            border: none;
            padding: 5px 10px;
            cursor: pointer;
            margin-bottom: 10px;
        }

        #closeButton:hover {
            background-color: darkred;
        }
		
		
		
		
	.region-image {
            pointer-events: none; /* Make the image transparent to mouse events */
			display: none; /* Hidden by default */
         }


.centered-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}