.dropbtn {  
background-color: #33b5e5; 
color: #ffffff; /* white; */ 
padding: 0px /* 16px; */  
margin-bottom: 7px;
font-size: 14px;  
border: none;  
cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {  
position: relative;  
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {  
display: none;  
position: absolute;  
background-color: #33b5e5; /* #f1f1f1;  */
min-width: 160px;  
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {  
color: black;  
padding: 12px 16px;  
text-decoration: none;  
display: block;
border: darkblue outset 1px;

}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {  
display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
background-color:  #3e8e41; 
}