.peptide-properties-table-wrapper {
  overflow: scroll;
  height: 550px;
  width: 100%;
  margin-bottom: 50px;
}

.peptide-properties-table-wrapper table {
  overflow-wrap: anywhere;
  width: 100%;
}

.peptide-properties-table-wrapper table th {
  min-width: 150px;
  padding: 7px;
}

.peptide-properties-table-wrapper table td {
  min-width: 150px;
}

.peptide-properties-table-wrapper #table-header {
  background-color: var(--dark);
  font-weight: bold;
  color: white;
}

/* For Vertical CSS */
.peptide-properties-table-wrapper table thead td {
  background-color: var(--dark);
  top: 0px;
  position: sticky;
}

.antimicrobial-status {
  height: 15px;
  width: 15px;
  border-radius: 45%;
}

.antimicrobial-status.positive {
  background-color: #00b300;
}

.antimicrobial-status.negative {
  background-color: #cc0000;
}

@media only screen and (max-width: 600px) {
  .peptide-properties-table-wrapper table tbody {
    height: 300px;
  }

  .peptide-properties-table-wrapper table {
    font-size: 8px;
  }

  .peptide-properties-status {
    font-size: 8px !important;
  }

  .peptide-properties-no-result {
    height: 400px;
    font-size: 25px !important;
  }
}
