#content .open-project-time-cards {
    border-collapse: collapse;
    width: 400px;
    max-width: 100%;
}
.open-project-time-cards td {
    padding: 1em 0.5em;
    vertical-align: middle;
}
.open-project-time-cards tbody tr td {
    border-bottom: 1px solid #CCC;
}
.open-project-time-cards tbody tr:first-child td {
    border-top: 1px solid #CCC;
}
.company-project span {
    display: block;
}
.company-icon img.class_icon, 
.company-icon img.class_logo {
    max-height: 3em;
    max-width: 3em;
    height: auto;
}
.company {
    font-weight: bold;
}
.start-stop .button {
    font-size: 1.25em;
    padding: 0.5em 1em;
}
.open-project-time-card.running .start-stop .button {
    background: #aaa;
    background: none;
    border-color: #aaa;
    color: #aaa;
}
.start-stop .button {
    background: none;
    background: #aaa;
    border-color: #aaa;
}
.start-stop .button:before {
    content: '';
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    background: url(/images/clock.png) center center no-repeat;
    background-size: 169%;
    vertical-align: -0.35em;
    margin-right: 0.5em;
}
.start-stop .button:after {
    content: 'Start';
}
.open-project-time-card.running .start-stop .button:before {
    background-image: url(/images/clock.gif);
}
.open-project-time-card.running .start-stop .button:after {
    content: 'Stop';
}
.open-project-time-card.running .hours {opacity: 0; }
.open-project-time-cards tfoot {font-size: 1.5em; }
.open-project-time-cards tfoot td {padding: 0.25em; }
.open-project-time-cards tfoot tr:first-child td {padding-top: 1em; }
.open-project-time-cards tfoot tr:last-child td {padding-bottom: 1em; }
.open-project-time-cards tfoot td.total-billable:not(:empty):before {content: '$';}
.open-project-time-cards tr.time-cards {display: none; }
.open-project-time-cards tr .expand:before {content: '+'; font-size: 3em; cursor: pointer;}
.open-project-time-cards tr.expanded .expand:before {content: '-'; }
.open-project-time-cards tr.expanded + tr.time-cards {display: table-row; }
.open-project-time-cards table.lined td.edit, 
.open-project-time-cards table.lined td.delete {
    max-width: none;
}
.open-project-time-cards td.edit:before,
.open-project-time-cards td.delete:before {
    content: '';
    background: center center no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 1.25em;
    width: 1.25em;
    display: block;
}
.open-project-time-cards td.edit:before {
    background-image: url('/images/edit.png');
}
.open-project-time-cards td.delete:before {
    background-image: url('/images/delete.png');
}
.open-project-time-card.template,
.open-project-time-card.template + .time-cards {display: none; }
.button.new-project-time-card {float: none; }
body:not(.today) .open-project-time-card:not(.running) .start-stop .button,
body:not(.today) .button.new-project-time-card,
body.today #report-nav .button.today {display: none; }

.open-project-time-cards .time-cards > td {padding: 1em; background: #EEE; }
.open-project-time-cards .time-card.in-progress .edit,
.open-project-time-cards .time-card.in-progress .delete {opacity: 0.5; cursor: default; }

a.check_email_link.button,
a.manage-project-btn.button {
    margin-left: 0;
    font-size: 1em;
    padding: 0.25em 0.5em;
    float: right;
}

body.today .open-project-time-card.not-today,
body.not-today .open-project-time-card.today {
    background: #ffffcd;
}
body.today .open-project-time-card.not-today .hours:before,
body.not-today .open-project-time-card.today .hours:before {
    content: attr(data-date);
    display: block;
    font-weight: bold;
    font-size: 0.8em;
    margin-bottom: 0.5em;
}
.time-cards .time-card td {
	transition: background-color 0.5s ease;
}
.time-cards .time-card.time-card-moved td {
	background-color: #fffbcc !important; /* pale yellow highlight */
}
@media only screen and (max-width:721px) {
    #content #time_cards_container .open-project-time-cards {
        width: auto;
    }
    #content #time_cards_container .open-project-time-cards .time-cards > td {
        padding: 0;
    }
    #content #time_cards_container .open-project-time-cards .time-cards td.edit,
    #content #time_cards_container .open-project-time-cards .time-cards td.delete {
        font-size: 1.5em;
        margin: 0.25em;
    }
    #content #time_cards_container .open-project-time-cards .time-cards td.edit {
        clear: both;
    }
    #content #time_cards_container .open-project-time-cards tr.open-project-time-card {
        font-size: 0.75em;
    }
    #content #time_cards_container .open-project-time-cards .time-cards table.lined {
        margin: 0;
        border-width: 0;
        background: #f4f4f4;
    }
    #time_cards_container .check_email_link {
        display: none;
    }
}