html{
    overflow-x: hidden;
    overflow-y: auto;
}

ul.timeline{list-style:none;width: 100%;display: flex;justify-content: center;padding-left: 0;}
ul.timeline li {float:left;}
ul.timeline li.active span{color:#00acac;}
ul.timeline li.activePresent span{color:#00acac;}
ul.timeline li.inactive span{color:gray;}
ul.timeline li span{display: block;position: relative;text-align: center;padding: 25px;}
ul.timeline li span:first-child:after{content: '';position: absolute;width: 10px;height: 10px;border-radius: 50%;bottom: -12px;left: calc(50% - 12px);z-index:1;}
ul.timeline li.activePresent span:first-child:after{content: '';position: absolute;width: 10px;height: 10px;border-radius: 50%;bottom: -17px;left: calc(50% - 17px);z-index:1;}
ul.timeline li.activePresent span:first-child:after{border: 12px solid #00acac;background-color: #00acac;}
ul.timeline li.active span:first-child:after{border: 8px solid #00acac;background-color: #00acac;}
ul.timeline li.inactive span:first-child:after{border: 8px solid gray;background-color: gray;}
ul.timeline li:first-child span:last-child:after{content: '';border-top: 2px solid gray;width: 50%;position: absolute;left: 50%;top: 0;}
ul.timeline li:last-child span:last-child:before{content: '';border-top: 2px solid gray;width: 50%;position: absolute;left: 0;top: 0;}
ul.timeline li:not(:last-child) span:last-child:after{content: '';border-top: 2px solid gray;width: 50%;position: absolute;left: 50%;top: 0;}
ul.timeline li:not(:first-child) span:last-child:before{content: '';border-top: 2px solid gray;width: 50%;position: absolute;left: 0;top: 0;}

body .ui-chkbox {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 16px;
    height: 24px;
}