.timeline_wrapper{align-items:center;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.timeline-container{overflow-x:auto;padding-bottom:10px;padding-top:30px;position:relative;white-space:nowrap;width:100%}.timeline{display:flex;position:relative}.milestone{border-bottom:1px solid #000;border-left:1px solid #000;border-top:1px solid #000}.milestone,.milestoneDark{align-items:center;display:flex;flex-direction:column;font-size:12px;margin-right:0}.milestoneDark{border-bottom:1px solid #fff;border-left:1px solid #fff;border-top:1px solid #fff;color:#fff}.milestone:last-child{border-right:1px solid #000}.milestoneDark:last-child{border-right:1px solid #fff}.milestone-time{margin-bottom:4px;margin-top:4px}.minutes{border-top:1px solid #000}.minutes,.minutesDark{display:flex;width:100%}.minutesDark{border-top:1px solid #fff}.min_segment .minute,.ten_min_segment .minute{border-right:1px solid #000;cursor:pointer;flex:1;height:20px;position:relative}.min_segment .minuteDark,.ten_min_segment .minuteDark{border-right:1px solid #fff;cursor:pointer;flex:1;height:20px;position:relative}.hour_segment .minute,.hour_segment .minuteDark{cursor:pointer;flex:1;height:20px;position:relative}.hour_segment .minute:nth-child(10n){border-right:1px solid #000}.hour_segment .minuteDark:nth-child(10n){border-right:1px solid #fff}.tooltip{color:#000;display:none;font-size:12px;font-weight:700;left:50%;line-height:12px;position:absolute;top:-45px;transform:translate(-50%);white-space:nowrap;z-index:10}.milestone:last-child .tooltip{left:-60px}.milestone:first-child .tooltip{left:60px}.minute:hover .tooltip,.minuteDark:hover .tooltip{display:block}.minutes .minute:last-child{border-right:0 solid #000}.minutes .minuteDark:last-child{border-right:0 solid #fff}.blue{background-color:#2271b8}.green{background-color:#fff}.greenDark{background-color:#282b2f}.timeline_wrapper ::-webkit-scrollbar{width:20px}.timeline_wrapper ::-webkit-scrollbar-track{background:#f1f1f1;box-shadow:inset 0 0 4px #f1f1f1}.timeline_wrapper ::-webkit-scrollbar-thumb{background:#c1c1c1;cursor:pointer}.timeline_wrapper ::-webkit-scrollbar-thumb:hover{background:#c1c1c1}.timelineControl_wrapper{position:relative}.timelineControl li{float:left;margin-right:5px}.milestone{cursor:pointer}.minute.disabled,.minuteDark.disabled{cursor:not-allowed;cursor:auto}