MMM-Todoist.css

.priority {
    width: 3px;
    border-right: 3px;
}

.priority1 {
    background-color: #D1453B;
}

.priority2 {
    background-color: #EB8909;
}

.priority3 {
    background-color: #246FE0;
}

.alignLeft {
    text-align: left;
}

.spacerCell {
    width: 3px;
}

.overdue {
    text-decoration: underline #ac0000;
}

.today {
    text-decoration: underline #03a05c;
}

.tomorrow {
    text-decoration: underline #166cec;
}

.projectcolor {
    padding: 0 !important;
    margin-right: 4px !important;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    vertical-align: top;
    margin-top: 3px;
}


/* .dueDate {
    min-width: 100px;
} */

.todoAvatarImg {
    border-radius: 50%;
    /* filter: grayscale(100%); */
    height: 27px;
    display: block;
    margin-left: 10px;
    margin-right: auto;
}

.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	/* border: 1px solid #999999; */
	display: table-cell;
	/* padding: 3px 10px; */
	vertical-align: middle;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
.todoTextCell {
    width: 400px;
    overflow: hidden;
}