.track-dt .collapsible-header,
.track-bg-dt {
    background: rgba(161, 11, 118, 0.45);
}
.track-mci .collapsible-header,
.track-bg-mci {
    background: rgba(0, 98, 135, 0.6);
}
.track-aa .collapsible-header,
.track-bg-aa {
    background: rgba(183, 0, 0, 0.55);
}
.track-btn .collapsible-header,
.track-bg-btn {
    background: rgba(126, 127, 18, 0.6);
}
.track-ltw .collapsible-header,
.track-bg-ltw {
    background: rgba(37, 42, 96, 0.8);
}

i.trk-icon {
    background-image: url("../img/track_sprite.f30e67d0e505.png");
    height: 2rem;
    width: 2rem;
    margin-top: 0.5rem;
    background-repeat: no-repeat;
    background-size: 2rem;
}
    i.trk-icon-persist { display: none; }
    i.trk-icon.trk-icon-dt  { background-position: 0 -2rem; }
    i.trk-icon.trk-icon-mci { background-position: 0 -4rem; }
    i.trk-icon.trk-icon-aa  { background-position: 0 -6rem; }
    i.trk-icon.trk-icon-btn { background-position: 0 -8rem; }


.trk-icon-parent {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    padding: .25rem;
    margin-right: .5rem;
    border-radius: 50px;
    text-align: center;
    vertical-align: middle;
}
i.trk-icon-sm {
    display: inline-block;
    background-image: url("../img/track_sprite.f30e67d0e505.png");
    height: 1rem;
    width: 1rem;
    background-repeat: no-repeat;
    background-size: 1rem;
    vertical-align: top;
}
    i.trk-icon-sm.trk-icon-dt  { background-position: 0px -1rem; }
    i.trk-icon-sm.trk-icon-mci { background-position: 0px -2rem; }
    i.trk-icon-sm.trk-icon-aa  { background-position: 0px -3rem; }
    i.trk-icon-sm.trk-icon-btn { background-position: 0px -4rem; }
    i.trk-icon-sm.trk-icon-ltw { background-position: 0 calc(-5rem - 1px); }