.stackedBarCard {
}

#stackedBarPlot>svg {
  max-height: 500px;
}

#compareRarefactionPlot>svg {
  max-height: 500px;
}

.compareRarefactionCard {

}


.hoverRect {
  opacity: .5;
}

.lowOpacity {
  opacity: .2;
}



#compareSampleNameList {
  padding: 0;
  max-height: 340px;
  overflow: scroll;
  list-style-position: inside;
 }

#compareSampleNameList>li {
  padding: .50rem 1.25rem;
  cursor: pointer;
  border: 1px solid rgba(0,0,0,.125);
 }

#compareSampleNameList::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

#compareSampleNameList::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}


 #compareSampleNameList>li:before {
   color:#858796;
   font-family: "Font Awesome 5 Free";
   content: "\f58e";
   font-weight: 800;
   margin-right: 10px;
   font-size: 1rem;
 }

.compareSampleNameListRun {
  margin-left: 2.5rem;
  font-size: 1rem;
  /* color: 303030; */
  color: #858796 !important;

}

 .compareSampleGhostClass {
   background-color: lightsteelblue;
 }

 #sampleOrderCompareButton {
   min-width: 130px;
 }
 #sampleOrderCompareMenu {
   min-width: 8.5rem;
 }

.dropdown-menu[aria-labelledby="dropdownMenuCompareTaxaTree"] {
  cursor:default;
}

#compareTreePlot {
  overflow-x: scroll;
}

#ttTable {
  max-width:min-content;
  white-space: normal;
  line-height: 1;
}

#ttTable th, #ttTable td {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}

#ttTable td {
  text-align: right;
}
