#TiOfficerChecklist ul.has-badges li {
    background: none;
    padding-left: 0;
    position: relative;
}
#TiOfficerChecklist ul {

}
#TiOfficerChecklist ul-steps.has-badges {
    margin-bottom: 1rem;
    padding-left: 6rem;
}
#TiOfficerChecklist li {
    margin-top: 0.2rem;
}
#TiOfficerChecklist li ul .subheading {
    font-size: 1.4rem;
    font-weight: 600;
}
#TiOfficerChecklist .badge-list {
    text-align: right;
    position: absolute;
    left: -6rem;
    width: 6rem;
}
#TiOfficerChecklist .badge-list .badge {
    background: black;
    border-radius: 0.5rem;
    color: white;
    padding: 0.2rem 0.4rem;
    margin-left: 0.2rem;
}
#TiOfficerChecklist .role-list .role {
    white-space: nowrap;
    margin-right: 0.2rem;
    margin-top: 0.2rem;
}
#TiOfficerChecklist .role-list .role-name {
    font-size: 0.8rem;
    font-weight: 400;
}
#TiOfficerChecklist .role-list .role-badge {
    background: black;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    color: white;
    vertical-align: middle;
    margin-right: 0.2rem;
}
#TiOfficerChecklist .badge-list .badge.badge-1, 
#TiOfficerChecklist .role-list .role-badge.role-1, 
#TiOfficerChecklistLegend.officer-checklist-legend li.color-1 {
    background-color: #103141;
}
#TiOfficerChecklist .badge-list .badge.badge-2, 
#TiOfficerChecklist .role-list .role-badge.role-2, 
#TiOfficerChecklistLegend.officer-checklist-legend li.color-2 {
    background-color: #215e8e;
}
#TiOfficerChecklist .badge-list .badge.badge-3, 
#TiOfficerChecklist .role-list .role-badge.role-3, 
#TiOfficerChecklistLegend.officer-checklist-legend li.color-3 {
    background-color: #6d2a34;
}
#TiOfficerChecklist .badge-list .badge.badge-4, 
#TiOfficerChecklist .role-list .role-badge.role-4, 
#TiOfficerChecklistLegend.officer-checklist-legend li.color-4 {
    background-color: #a34b48;
}
#TiOfficerChecklist .badge-list .badge.badge-5, 
#TiOfficerChecklist .role-list .role-badge.role-5, 
#TiOfficerChecklistLegend.officer-checklist-legend li.color-5 {
    background-color: #a7bbb9;
    color: black;
}
#TiOfficerChecklist .badge-list .badge.badge-6, 
#TiOfficerChecklist .role-list .role-badge.role-6, 
#TiOfficerChecklistLegend.officer-checklist-legend li.color-6 {
    background-color: #d0e8e6;
    color: black;
}
#TiOfficerChecklist .badge-list .badge.badge-7, 
#TiOfficerChecklist .role-list .role-badge.role-7, 
#TiOfficerChecklistLegend.officer-checklist-legend li.color-7 {
    background-color: #FAEA92;
    color: black;
}
#TiOfficerChecklistLegend.officer-checklist-legend {
    list-style: none;
    padding-left: 0;
}
#TiOfficerChecklistLegend.officer-checklist-legend ul {
    margin-top: 0.4rem;
}
#TiOfficerChecklistLegend.officer-checklist-legend li {
    background: none;
    padding-left: 0;
    border-radius: 0.5rem;
    color: white;
    margin-bottom: 0.4rem;
    padding: 0.4rem 0.6rem;
}
#TiOfficerChecklistLegend.officer-checklist-legend > li .badge {
    background-color: black;
    border-radius: 0.5rem;
    color: white;
    padding: 0.2rem 0.4rem;
}