table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    min-width: 800px;
}

.task_filter_status{
    gap: 10px;
}

@media (min-width:768px) {
    .table-responsive{
        overflow-x: unset !important;
    }   
}
.table-responsive th, td{
    text-align: center;
}

.mark_as_complete:disabled{
    background: gray;
    border: gray;
    opacity: 1;
}