.bar {
  fill-opacity:.7;
  cursor: pointer;
}
.bar text {
  color: black;
  fill-opacity:1 !important;
}
.bar:hover,
.bar:focus {
  fill-opacity:1;
  fill: black;
}
.bar:hover text,
.bar:focus text {
  fill: darkred;
}
.x-grid {
  stroke:gray;stroke-width:1
}
.y-grid {
  stroke:gray;stroke-width:1
}
.bar1 {
  fill-opacity:.05;
  cursor: pointer;
}
.bar1:hover,
.bar1:focus {
  fill-opacity:1;
  fill: black;
}
.square {
	width: 10px;
	height: 10px;
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 5px;
    --font-size: 5px;
    border: none;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
	width:auto;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 2px 16px;
    text-decoration: none;
    display: block;
	border-bottom: 1px solid lightgray;
}

.dropdown a:hover {background-color: #f1f1f1}

.show {display:block;}