#tooltip {
  background: #FFF;
  font-family: sans-serif;
  padding: 8px 8px;
  font-size: 14px;
  border-radius: 2px;
  display: none;
  max-width: 200px;
  box-shadow: 1px 1px 5px grey;
  z-index: 300;
}

#tooltip[data-show] {
  display: block;
}

#data-wizard-button {
  border-radius: .3em;
  padding: .5em;
  cursor: pointer;
  color:#3894fc
}

#data-wizard-button:hover {
  color: #93c4fa;
}

#upper-bar {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 5%;
  border-bottom: 0.1vh solid black;
  z-index: 999;
}

#logo-config {
  padding-left: 0.5%;
  padding-top: 0.2%;
  width: 10vw;
  z-index: 999;
}

#vis-config {
  text-align: center;
  font-size: large;
  border: 0.1vh solid black;
  border-radius: 0.375rem;
  background-color: white;
  position: absolute;
  top: 5%;
  left: 0;
  width: 10vw;
  z-index: 999;
}

.vis-option {
  padding-left: 0;
  padding-right: 0;
}

/*#vis-data-config {
  position: fixed;
  right: 2%;
  top: 2%;
  width: 8%;
  text-align: center;
  font-size: large;
  z-index: 999;
}*/

#vis-data-config-container {
  /*margin-top: 0.1vh;
  padding-top: 0.1vh;*/
  border-top: 0.4vh solid gray;
}

#full-content {
  position: absolute;
  top: 2%;
  left: 6vw;
  width: 92vw;
  height: 97%;
}

#dash-container {
  height: 100%;
}

#data-wizard-container {
  padding-top: 5%;
}

#plot-container {
  position: absolute;
  top: 5%;
  left: 0;
  height: 95%;
  padding: 0;
}

#method-config {
  position: absolute;
  top: 1%;
  right: 1%;
  z-index: 9999;
  width: 20vw;
}

#method-button {
  position: relative;
  top: 1%;
  right: 1%;
  width: 4vh;
  height: 4vh;
  margin-top: 1%;
}

#method-gear {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
}

#method-options {
  position: absolute;
  top: 5%;
  right: 0;
  z-index: 9999;
}

#method-container {
  border: 0.2vh solid black;
  border-radius: 0.375rem;
  background-color: #FFF;
  height: 95vh;
}

#run-button {
  width:100%; 
  height: 10%;
}

.form-label {
  font-size: .95em;
  margin-bottom: .1em;
}

label:hover {
  color: slategrey;
}

.header-links > a:hover {
  filter: brightness(1.2);
}

.tab-content {
  border-bottom: 1px var(--bs-border-color) solid;
  border-left: 1px var(--bs-border-color) solid;
  border-right: 1px var(--bs-border-color) solid;
  border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.nav-link {
  cursor: pointer;
}

#interest-trends-widget {
  width: 100%;
  height: 100%;
}