#live-spreads {
  border-collapse: collapse !important;
  width: 100%;
  border: none;
}

#live-spreads th,
#live-spreads td {
  text-align: center;
  padding: 8px;
  border: none;
}

#live-spreads tr:nth-child(odd) {
  background-color: #f2f2f2;
}

#live-spreads tr:hover {
  background-color: var(--global-color-gray);
}

#live-spreads th {
  background-color: var(--accent) !important;
  color: white;
  font-size: 19px;
  font-weight: 300;
  margin-bottom: 10px;
}

#live-spreads th:hover {
  background-color: var(--accent);
}

@media (max-width: 768px) {
  #live-spreads {
    border-collapse: collapse !important;
    width: 100% !important;
    border: none;
  }

  #live-spreads th,
  #live-spreads td {
    text-align: center;
    padding: 8px;
    border: none;
  }

  #live-spreads th {
    background-color: var(--accent);
    color: var(--base-3);
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
  }

  #live-spreads tr td {
    font-size: 14px;
  }
}