.agent-tracker-wrapper {
    overflow-x: auto;
}
.agent-tracker-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #0b1a38;
    color: #fff;
    font-family: sans-serif;
    border-radius: 8px;
    overflow: hidden;
}
.agent-tracker-table th, .agent-tracker-table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.agent-tracker-table th {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(255,255,255,0.7);
}
.agent-tracker-table td {
    font-size: 16px;
}
.agent-tracker-table td:nth-child(2),
.agent-tracker-table td:nth-child(4) {
    text-align: center;
}
.agent-tracker-table th:nth-child(2),
.agent-tracker-table th:nth-child(4) {
    text-align: center;
}
.agent-tracker-table td.status-earned { color: #4CAF50; }
.agent-tracker-table td.status-earned svg { fill: #4CAF50; }
.agent-tracker-table td.status-ontrack { color: #FF9800; }
.agent-tracker-table td.status-ontrack svg { fill: #FF9800; }
.agent-tracker-table td.status-needspush { color: #F44336; }
.agent-tracker-table td.status-needspush svg { fill: #F44336; }

.agent-tracker-table td i,
.agent-tracker-table td svg {
    margin-right: 8px;
    vertical-align: middle;
    width: 1em;
    height: 1em;
}