ul.time-line {
    list-style-type: none !important;
    position: relative !important;
    text-align: left !important;
}

    ul.time-line:before {
        content: ' ' !important;
        background: #d4d9df !important;
        display: inline-block !important;
        position: absolute !important;
        left: 29px !important;
        width: 2px !important;
        height: 100% !important;
        z-index: 400 !important;
    }

    ul.time-line > li {
        margin: 20px 0 !important;
        padding-left: 20px !important;
    }

        ul.time-line > li:before {
            content: ' ' !important;
            background: white !important;
            display: inline-block !important;
            position: absolute !important;
            border-radius: 50% !important;
            border: 3px solid #22c0e8 !important;
            left: 20px !important;
            width: 20px !important;
            height: 20px !important;
            z-index: 400 !important;
        }

        ul.time-line > li.resposta:before {
            border: 3px solid #f70 !important;
        }