ol.progtrckr {margin: 0;margin-bottom: 10px;padding: 0;list-style-type: none;}ol.progtrckr li {display: inline-block;text-align: center;line-height: 3em;}ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }ol.progtrckr li.todo {color: silver;border-bottom: 4px solid #D9EDF7;}ol.progtrckr li.active {font-weight: bold;color: #3276b1;border-bottom: 4px solid #3276b1;}ol.progtrckr li.done {color: #527eb8;border-bottom: 4px solid #527eb8;}ol.progtrckr li:before {position: relative;bottom: -2.5em;float: left;left: 50%;line-height: 1em;}ol.progtrckr li.done:before,ol.progtrckr li.active:before {content: "\2713";background-color: #3276b1;height: 1.2em;width: 1.2em;line-height: 1.2em;border-radius: 1.2em;}ol.progtrckr li.done:before {color: white;background-color: #527eb8;}ol.progtrckr li.active:before {content: "";}ol.progtrckr li.todo:before {content: "\039F";color: #D9EDF7;background-color: white;font-size: 1.5em;bottom: -1.6em;}ol.progtrckr li:after {content: "\00a0\00a0";}