@charset "ISO-8859-1";
/* Container for the navigation list */
.vertical-nav {
    list-style-type: none; /* Removes the bullet points */
    margin: 0; /* Removes default browser margin */
    padding: 0; /* Removes default browser padding */
    width: 314px; /* Sets a fixed width for the navbar */
    background-color: #f1f1f1; /* Light gray background */
    font-size: 0.3cm;
}

/* Styles the links inside the list items */
.vertical-nav li a {
    display: block; /* Makes the whole link area clickable */
    color: #000; /* Text color */
    padding: 1px 12px; /* Adds space around the text */
    text-decoration: none; /* Removes the default underline */
}

/* Change background color on hover or for the active/current link */
.vertical-nav li a:hover:not(.active) {
    background-color: #555; /* Darker gray on hover */
    color: white; /* White text on hover */
}

/* Style for the active (current page) link */
.vertical-nav li a.active {
    background-color: #4CAF50; /* Green background for active link */
    color: white;
}


.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 4px;
  font-size: 4px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
  margin: 0px;
  padding: 0px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  width: 150px;
/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);	*/
/*  z-index: 1;	*/
  font-size: 0.3cm;
   /* Add these two properties for scrollability: */
  max-height: 320px; /* Set a maximum height (adjust as needed) */
  overflow-y: auto; /* Adds a vertical scrollbar only when content exceeds max-height */
}

.dropdown-content a {
  color: black;
  padding: 0px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
	background-color:#04AA6D;
	color:brown;
	font-size: 0.4cm;
	}

.dropdown:hover .dropdown-content {
	display: block;
	}

.dropdown:hover .dropbtn {
	background-color:brown;
	}