ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 0;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}

ul.timeline > li > div.pendente:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 0;
}

ul.timeline > li > div.finalizado:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #03FF44;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 0;
}

ul.timeline > li > div.atrasado:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #ff0303;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 0;
}

ul.timeline > li > div.suspenso:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #fff703;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 0;
}

.borda-finalizado{
    border: 1px solid #03FF44;
    border-radius: 10px !important;
    padding: 20px;
}
.borda-pendente{
    border: 1px solid #22c0e8;
    border-radius: 10px !important;
    padding: 20px;
}
.borda-atrasado{
    border: 1px solid #ff0303;
    border-radius: 10px !important;
    padding: 20px;
}
.borda-suspenso{
    border: 1px solid #fff703;
    border-radius: 10px !important;
    padding: 20px;
}

.ft-finalizado{
    color: #03FF44;
}
.ft-pendente{
    color: #22c0e8;
}
.ft-atrasado{
    color: #ff0303;
}
.ft-suspenso{
    color: #fff703;
}

.filtrotarefa{
    background-color: #72d2ff !important;
    font-size: 14px !important;
    color: #000;
    font-weight: bold;
}

.filtropadrao{
    background-color: #FFF !important;
    font-size: 14px !important;
    color: #000;
}