.monthly-performance-scroll {
  overflow-x: auto;
}

.monthly-performance-table {
  width: 100%;
  min-width: 720px;
  margin-top: 10px;
  border-collapse: collapse;
}

.monthly-performance-table th,
.monthly-performance-table td {
  padding: 12px 14px;
  border-bottom: 1px solid #e4e8ef;
  text-align: right;
  white-space: nowrap;
}

.monthly-performance-table th:first-child,
.monthly-performance-table td:first-child {
  text-align: left;
}

.monthly-performance-table thead th {
  color: #667085;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.monthly-performance-table tbody tr:not(.active-month) {
  color: #98a2b3;
}

.monthly-performance-table tbody .active-month {
  background: #f7f8fa;
  color: #172235;
}

.monthly-performance-table tbody .active-month th {
  border-left: 4px solid #ed1c2b;
}

@media (max-width: 650px) {
  .monthly-performance-table {
    min-width: 650px;
  }
}