
.listingRow {
  padding: 0 1rem;
  background-color: var(--itemBackground);
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

  .listingRow:hover {
    filter: brightness(var(--hover-brightness));
    cursor: pointer;
  }

  /*
    NOTE: The font size is the same as the global 'subtitle' class.
  */
  .listingRow p {
    font-size: 0.8rem;
  }

  .listingRow h5 {
    color: var(--font-colour-primary);
  }


.containerColumn {
  margin-top: 10px;
}

.row-label {
  color: var(--font-colour-primary) !important;
}

.row-label--highlighted {
  color: var(--font-colour-primary) !important;
  font-weight: bold !important;
}

.row-value {
  color: var(--font-colour-secondary) !important;
}

.row-value--highlighted {
  color: var(--font-colour-secondary) !important;
  font-weight: bold !important;
}

.tokenDetailsIcon {
  padding-top: 10px;
  padding-left: 20px;
}

.tokenDetailsIconCol {
  padding: 2px;
  display: inline-block;
}

.rowSubText {
  color: var(--font-colour-secondary);
  padding: 0px;
  display: inline-block;
}