.line-timeline{width:5px;height:100%;background-color:#6c6e7e;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:0}.ijo{background-color:#1cbd3f}.ijo,.kuning{width:80px;height:80px;border-radius:100%;margin-top:15px;margin-bottom:15px;position:relative;z-index:1;border:5px solid #6c6e7e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.kuning{background-color:#ffe607}.merah{height:80px;background-color:#e03838;border-radius:100%;border:5px solid #6c6e7e;color:#fff}.circle-timeline,.merah{width:80px;margin-top:15px;margin-bottom:15px;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.circle-timeline{background-color:#ebedef;border-radius:100%;border:1px solid #6c6e7e}.outerbox-timeline{width:100%;margin-top:15px;margin-bottom:15px;position:relative}.insidebox-timeline{width:100%;background-color:#ebedef;left:-40px;top:0;bottom:0;margin:auto;border-radius:10px;border:1px solid #6c6e7e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:5px 10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}