html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    padding: 0px;
    margin: 0px;
    border: 0px;
    outline: 0px;
    -webkit-font-smoothing: antialiased;
}

#timeline {
    list-style-type: none;
    padding: 0;
}

#timeline > li {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    list-style-type: none;

}

#timeline .timeline_left {
    padding: 8px !important;
    color: #303e45 !important;
    font-size: 14px !important;
    color: #303e45;
    width: 20%;
    max-width: 120px;
    min-width: 100px;
}

#timeline .timeline_right {
    color: #526069 !important;
    border-left: solid 1px #d8e4f0;
    padding: 8px 20px !important;
    position: relative;
    width: 90%;
}

.timeline_right > .contents {
    font-size: 13px;
    margin-bottom: 8px !important;
    display: inline-flex;
width: 100%;
}

.timeline_right > .contents > span:not(:first-child) {
    font-size: 14px;
    min-width: 60px;
    color: #526069 !important;
    margin-left: 12px !important;
}

.timeline_right > .timeline_radius {
    border-radius: 50%;
    width: 10px;
    top: 11px;
    position: absolute;
    background-color: white !important;
    left: -1px;
    height: 10px;
    border: solid 2px #15baff;
    transform: translateX(-50%);
}

.border_green {
    border-color: #00cc00 !important;
}

.border_orange {
    border-color: #f8aa14 !important;
}

.border_grey {
    border-color: #d8e4f0 !important;
}