/*
|--------------------------------------------------------------------------
| TIMELINE
|--------------------------------------------------------------------------
*/

.ide-liveblog-event {
    position: relative;
}

.ide-liveblog-event .row {
    position: relative;
}

.ide-liveblog-event .col-md-2 {
    position: relative;
}

/* Punto */

.ide-liveblog-event .col-md-2::before {
    content: "";

    position: absolute;

    right: 8px;
    top: 4px;

    width: 10px;
    height: 10px;

    background: #777;

    border-radius: 50%;

    z-index: 2;
}

/* Línea */

.ide-liveblog-event:not(:last-child) .col-md-2::after {
    content: "";

    position: absolute;

    right: 12px;
    top: 14px;
    bottom: 0;

    width: 2px;

    background: #ddd;
}