.pace-tabs .nav-tabs {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0 0 10px 0;
}
.pace-tabs .nav-tabs li {
    padding: 8px 16px;
    cursor: pointer;
    margin-right: 5px;
    background: #eee;
}
.pace-tabs .nav-tabs li.active.swim { background-color: #3498db; color: #fff; }
.pace-tabs .nav-tabs li.active.bike { background-color: #e67e22; color: #fff; }
.pace-tabs .nav-tabs li.active.run  { background-color: #2ecc71; color: #fff; }

.pace-table { display: none; }
.pace-table.active { display: block; }

.pace-table table {
    border-collapse: collapse;
    width: 100%;
}
.pace-table th, .pace-table td {
    border: 1px solid #ddd;
    padding: 4px;
    text-align: center;
}

.pace-table.swim th { background-color: #3498db; color: #fff; }
.pace-table.bike th { background-color: #e67e22; color: #fff; }
.pace-table.run  th { background-color: #2ecc71; color: #fff; }

.pace-table.swim td.highlight { background-color: #d0e8ff;}
.pace-table.bike td.highlight { background-color: #fce5d1;}
.pace-table.run td.highlight { background-color: #d6f5e3;}
.pace-table.swim th.highlight { color: #414141; }
.pace-table.bike th.highlight { color: #414141; }
.pace-table.run th.highlight  { color: #414141; }