.iconcalendar {
     height:20px;
     width:20px;
     display:block;
     float:left;
     background: url('../img/calendar_green.png') no-repeat 
}
.progress-wrap {
     border:1px solid #ddd;
     border-radius: 10px;
}
.progress-wizard {
     padding: 4px 0 8px 4px;
     position: relative;
    /*bottom: 10px;
    */
     list-style-type: none;
     text-transform: uppercase;
}
.progress-wizard li {
     display: inline-block;
     width: 19%;
     height: 36px;
     font-size: 13px;
     text-align: center;
     text-indent: -19px;
     line-height: 75px;
     border-top: 4px solid #ccc;
     box-shadow: inset 0 1px 0 #fff;
     position: relative;
     z-index: 1 !important;
}
.progress-wizard li:before {
     position: relative;
     float: left;
     text-indent: 0;
     left: -webkit-calc(50% - 9.5px);
     left: -moz-calc(50% - 9.5px);
     left: -ms-calc(50% - 9.5px);
     left: -o-calc(50% - 9.5px);
     left: calc(50% - 9.5px);
}
.progress-wizard li.done {
     font-size: 13px;
}
.progress-wizard li.done:before {
     content: "\2714" !important;
     color: white !important;
     text-shadow: none !important;
     font-size: 18px;
     height: 30px;
     width: 30px;
     line-height: 30px;
     top: -19px;
     border: none;
     border-radius: 19px;
     box-shadow: 1px 1px 0 0 #aaa;
}
.progress-wizard li.done:after {
     content: " ";
     position: absolute;
     top: -4px;
     padding-right: 47px;
     left: 107px;
     height: 4px;
}
.progress-wizard li.done {
     color: #2ADE23;
     border-top-color: #42CF13;
}
.progress-wizard li.done:before {
     color: white;
     background-color: #42CF13;
     border: 5px solid white;
     position: relative;
     top: -22px;
}
.progress-wizard li.skip:before {
     content: "\2718" !important;
     color: #aaa !important;
     text-shadow: none !important;
     font-size: 18px;
     height: 30px;
     width: 30px;
     line-height: 30px;
     top: -19px;
     border: none;
     border-radius: 19px;
     box-shadow: 1px 1px 0 0 #aaa;
}
.progress-wizard li.skip:after {
     content: " ";
     position: absolute;
     top: -4px;
     padding-right: 47px;
     left: 107px;
     height: 4px;
}
.progress-wizard li.skip {
     color: #ccc;
     border-top-color: #ccc;
}
.progress-wizard li.skip:before {
     color: white;
     background-color: #8EE670;
     border: 5px solid #e4e4e4;
     position: relative;
     top: -22px;
}
.progress-wizard li.skip:before {
     background: #ccc;
     width: 30px;
     height: 30px;
     border: 5px solid #e4e4e4;
     box-shadow: 0 -1px 0 0 #ccc;
     border-radius: 60px;
     line-height: 30px;
}
.progress-wizard li.todo {
     font-size: 13px;
     border-top-color: #ccc;
     position: relative;
     color: #ccc;
}
.progress-wizard li.todo:before {
     font-size: 13px;
     top: -22px;
     line-height: 13.05px;
}
.progress-wizard li.todo:before {
     background: #ccc;
     width: 30px;
     height: 30px;
     border: 5px solid white;
     box-shadow: 1px 1px 0 0 #aaa;
     border-radius: 60px;
     line-height: 30px;
}
.progress-wizard li.finish {
     color: #42CF13;
     border-top-color: #42CF13;
}
.progress-wizard li.finish:before {
     background-color: #42CF13;
}
.progress-wizard li.finish:before {
     content: "\1F3C1" !important;
     color: white !important;
     text-shadow: none !important;
     font-size: 16px;
     height: 30px;
     width: 30px;
     line-height: 30px;
     top: -19px;
     border: none;
     border-radius: 19px;
     box-shadow: 1px 1px 0 0 #aaa;
}
.progress-wizard li.finish:after {
     content: " ";
     position: absolute;
     top: -4px;
     padding-right: 47px;
     left: 107px;
     height: 4px;
}
.progress-wizard li.finish:before {
     color: white;
     background-color: #42CF13;
     border: 5px solid white;
     position: relative;
     top: -22px;
}
.progress-wizard li.finish:before {
     background: #42CF13;
     width: 30px;
     height: 30px;
     border: 5px solid white;
     box-shadow: 1px 1px 0 0 #ccc;
     border-radius: 60px;
     line-height: 30px;
}
.progress-wizard li.stepone:before {
     color: white;
     content: "1";
}
.progress-wizard li.steptwo:before {
     color: white;
     content: "2";
}
.progress-wizard li.stepthree:before {
     color: white;
     content: "3";
}
.progress-wizard li.stepfour:before {
     color: white;
     content: "4";
}
.progress-wizard li.stepfive:before {
     color: white;
     content: "5";
}
.progress-wizard li.current {
     color: #FAC000;
     border-top-color: #FAC000;
}
.progress-wizard li.current:before {
     background: #FAC000;
     color: #fff;
     text-shadow: none;
}
.progress-indicator>li{
     -ms-flex:1;
     -webkit-flex:1;
     -moz-flex:1;
     flex:1 
}
.progress-indicator>li{
    list-style:none;
    text-align:center;
    width:auto;
    padding:0;
    margin:0;
    position:relative;
    text-overflow:ellipsis;
    color:#bbb;
    display:block
}
.progress-indicator>li:hover{
    color:#6f6f6f
}
.progress-indicator>li.completed,.progress-indicator>li.completed .bubble{
    color:#65d074
}
.progress-indicator>li .bubble{
    border-radius:1000px;
    width:20px;
    height:20px;
    background-color:#bbb;
    display:block;
    margin:0 auto .5em;
    border-bottom:1px solid #888
}
.progress-indicator>li .bubble:after,.progress-indicator>li .bubble:before{
    display:block;
    position:absolute;
    top:9px;
    width:100%;
    height:3px;
    content:'';
    background-color:#bbb
}
.progress-indicator>li.completed .bubble,.progress-indicator>li.completed .bubble:after,.progress-indicator>li.completed .bubble:before{
    background-color:#65d074;
    border-color:#247830
}
.progress-indicator>li .bubble:before{
    left:0
}
.progress-indicator>li .bubble:after{
    right:0
}
.progress-indicator>li:first-child .bubble:after,.progress-indicator>li:first-child .bubble:before{
    width:50%;
    margin-left:50%
}
.progress-indicator>li:last-child .bubble:after,.progress-indicator>li:last-child .bubble:before{
    width:50%;
    margin-right:50%
}
.progress-indicator>li.active,.progress-indicator>li.active .bubble{
    color:#337AB7
}
.progress-indicator>li.active .bubble,.progress-indicator>li.active .bubble:after,.progress-indicator>li.active .bubble:before{
    background-color:#337AB7;
    border-color:#122a3f
}
.progress-indicator>li a:hover .bubble,.progress-indicator>li a:hover .bubble:after,.progress-indicator>li a:hover .bubble:before{
    background-color:#5671d0;
    border-color:#1f306e
}
.progress-indicator>li a:hover .bubble{
    color:#5671d0
}