.table-row-enter {
    background-color: #dff0d8;
    transition: background-color 2s ease;
}

.table-row-enter.table-row-enter-active {
    background-color: transparent;
}

table.selectable-rows tbody td {
    cursor: pointer;
}

/* Get DatePicker to obey Bootstrap inline form style */
form.form-inline div.datepicker__input-container {
    display: inline-block;
}

tr.completed-task-row, tr.completed-task-row a {
    text-decoration: line-through;
    color: #99999c;
}

tr.blocked-task-row, tr.blocked-task-row a {
    color: #99999c;
}

/* Format due dates */
span.overdue {
    padding: 2px;
    color: #792b35;
    background-color: #fddee2;
}

span.due-today {
    padding: 2px;
    color: #b28c26;
    background-color: #fef0ca;
}

i.edit-button {
    vertical-align: super;
    color: #ddd;
    margin-left: .5em;
    cursor: pointer;
}

i.edit-button:hover {
    color: #337ab7;
}

i.delete-button {
    color: #ddd;
    cursor: pointer;
}

i.delete-button:hover {
    color: #d9534f;
}

h1 i.edit-button {
    font-size: 50%;
}

h3 i.edit-button {
    font-size: 75%;
}

i.blocked-button {
    color: #ddd;
    cursor: pointer;
}

i.blocked-button-active {
    color: #d9534f;
    cursor: pointer;
}

.vertical-center {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}