body {
  min-height: 75rem; /* Can be removed; just added for demo purposes */
  /*max-width: 1400px;*/
}

iframe {
  /*see in start_tree.js*/
  height: 250px;
  border: 0;
}

.navbar {
  margin-bottom: 0;
}

.jumbotron {
 /* padding-top: 6rem;
  padding-bottom: 6rem;*/
  margin-bottom: 0;
  background-color: #fff;
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

/*.album {
  min-height: 50rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f7f7f7;
}

.card {
  float: left;
  width: 33.333%;
  padding: .75rem;
  margin-bottom: 2rem;
  border: 0;
}

.card > img {
  margin-bottom: .75rem;
}

.card-text {
  font-size: 85%;
}*/

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

/*added content*/

/*img {
  max-height: 310px;
}*/

#legend_div {
  border: solid black 1px;
  width: 250px;
  height: 360px;
  margin-left: 30px;
  /*margin-left: 40px;*/
  float: left;
  margin-right: 150px;
  position: relative;
  top: 00px;
  background-color: rgba(128, 128, 128, 0.12);

}

#msg_div {
  border: solid black 1px;
  padding: 10px;
  width: 250px;
  height: 360px;
  margin-left: 30px;
  margin-top: 10px;
  /*margin-left: 40px;*/
  float: left;
  margin-right: 150px;
  clear: left;
  /*text-align: center;*/
  /*position: fixed;*/
  /*background-color: rgba(128, 128, 128, 0.12);*/

}
#msg2_div {
  padding-left: 15px;
  border: solid black 1px;
  background-color: rgba(128, 128, 128, 0.12);
  margin: 0px auto;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.popups {
    list-style-type: disc;
    list-style-position: inside;
    padding-top: 0px;
    margin-top: 0px;

}

#tree-container {
 margin-left: 30px;
  /*border: solid black 1px;*/


}
footer {
  clear: both;
}

#legend_div h5 {
  text-align: center;
  padding-top: 10px;
}

#click-menu, #context-menu {
  display: none;
  position: absolute;
  top: 500px;
  left: 500px;
  background:rgba(207,233,245,0.90);
  cursor: pointer;
  border-radius: 5px;
  padding: 10px;

}

#click-menu li {
  font-size: 15px;
  color: #000000;
  list-style: none;
}
#click-menu ul {
   /*margin-left: 0px;*/
   padding-left: 10px;
}
.menu_hdr {
  font-weight: bolder;
  margin-top: 5px;
  margin-left: -8px;

}
#tree_title {
  text-align: center;
  margin: 15px;
  /*font-weight: lighter;*/
}
.cite_title {
  margin-top: 25px;
}

.popover {
  max-width: 400px;
}

.login {
  height: 30px;
  padding: 2px;
  margin: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.btn-info {
  margin: 4px;
}

#select_msg {
  margin-left: 60px;
  color: red;
  font-weight: 400;
}
#v1_msg {
  margin-left: 50px;
  margin-top: 20px;
}

.ref_container {
  max-width: 1200px;
}

/*.help_alert {
  margin: 0px;
}*/
body {
  /*padding-top: 80px;*/
}

#fungi_legend {
  display: block;
  max-width:220px;
  max-height:600px;
  width: auto;
  height: auto;
}

.tbas {
  color: #AAAAAA;
  display: inline-block;
  padding-top: .25rem;
  padding-bottom: .25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.tbas-selected {
  color: #FFF !important;
}

.tbas:focus, .tbas:hover {
  text-decoration: none;
  color: #CCCCCC;
}

.tools-selected {
  color: #FFF !important
}