.todo-item{
    width: 100%;
    min-height: 50px;
    background-color: #fff;
    border: 0;
    border-radius: 10px;
    display: flex;
    margin: 5px;
}

.todo-item-action{
    width: 60%;
    text-align: center;
    align-content: center;
    font-size: 0.9rem;
    padding: 3px;
}

.todo-item-status{
    width: 20%;
    border-radius: 10px 0 0 10px;
    text-align: center;
    align-content: center;
    font-size: 0.7rem;
    padding: 3px;
}

.todo-item-status.done{
    background-color: #d4edda;
}

.todo-item-status.done::after {
    content: "\f058"; /* check-circle */
    font-family: "Font Awesome 6 Free";
    font-weight: 850;
}

.todo-item-status.blocked{
    background-color: #5e6568;
}

.todo-item-status.blocked::after {
    content: "\58";
    font-family: "Font Awesome 6 Free";
    font-weight: 850;
}

.todo-item-status.pending{
    background-color: #f8d7da;
}

.todo-item-status.pending::after {
    content: "\f252"; /* check-circle */
    font-family: "Font Awesome 6 Free";
    font-weight: 850;
}

.todo-item-status.inprogress{
    background-color: #d1ecf1;
}

.todo-item-status.inprogress::after {
    content: "\e098"; /* check-circle */
    font-family: "Font Awesome 6 Free";
    font-weight: 850;
}



.todo-item-owner{
    width: 20%;
    background-color: #b5c1c8;
    border-radius: 0 10px 10px 0;
    text-align: center;
    align-content: center;
    font-size: 0.7rem;
    padding: 3px;
}