ul.wizard-rule { list-style: none; display: block; margin: 30px 0; padding: 0; background-color: #f3f3f3; padding: 20px 20px 10px 20px; border-bottom: 1px solid #ddd; overflow: hidden; }
ul.wizard-rule li { list-style: none; display: inline-block; float: left; position: relative; min-height: 24px; padding: 8px 0 8px 48px; margin-bottom: 10px; font-family: 'PdfIntextCondPro-Light'; line-height: 24px; text-transform: uppercase; font-size: 18px; }
ul.wizard-rule li:after { content: '\e095'; font-family: lined-icons; color: #ddd; margin: 0 10px; }
ul.wizard-rule li:last-of-type:after { content: ''; display: none; }
ul.wizard-rule li span { display: block; position: absolute; left: 0; top: 0; width: 40px; height: 40px; line-height: 36px; font-size: 20px; font-weight: bold; border-radius: 50%; border: 2px solid #ddd; color: #ddd; background-color: #fff; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
ul.wizard-rule li.done span { background-color: #1265a8; border-color: #1265a8; color: #fff; }
ul.wizard-rule li.active span { background-color: #c02942; border-color: #c02942; color: #fff; }
ul.wizard-rule:after { content: ''; display: block; clear: both; }