html, body {
  margin: 0;
  padding: 0;
  padding-top: 50px;
  height: 100%;
}

table td {
 padding: 5px;
 text-align:left;
}
.hero-unit {
  background-image:url('/images/DarwinTree.gif');
  opacity: 0.4;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center bottom;
  height: 300px;  
}

.onezoom {
  margin: 10px;
}

.main {
    position: relative;
    min-height: 100%;
}

.content {
  padding-bottom: 125px;
}

.footer {
  position: absolute;
  bottom:0;
  width: 100%;
  left:0;
  background-color: #999999;
  height: 100px;
}

@media (max-width: 767px) {
    .footer {
        
        padding-left: 20px;
        padding-right: 20px;
    }
}

h1.hero-text {
  font-size: 6em;
  position: absolute;
  z-index: 10;
  width: inherit;
}

.logos img {
  max-width: 20%;
  max-height: 80px;
  padding: 10px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
.logos {
  max-width:800px; 
  margin: auto;}
  
.listsContainer{margin-left:5em}
.listTable{border: 1pt solid #bbb;}
.speciesContainer {height:400px; border-radius: 4pt;overflow-y:scroll; margin: 5px;text-align:left;border: 1pt solid black;}
.species {height:400px;width:50%;overflow-y:scroll; overflow-x:hidden; text-align:left;}
.selectedContainer{height:400px; border-radius: 4pt;border:1pt solid black; overflow-y:scroll; margin: 5px; overflow-x:hidden; padding: 0}
.selectedContainer textarea { margin: 5px; width: 100%; height: 100%; resize: none; border: 0; }
.selectLabels{-webkit-touch-callout: none;-webkit-user-select: none;}
#baseTreeName { border-bottom: 1px dashed #999; }

.well.well-lg { background-color: #fff; }
#status { margin-top: 15px; }

.alert a { color: darkslategray; }

hr.with-margin { margin-bottom: 40px; }