.footer {
    margin-top: 50px;
    padding-bottom: 20px;
}

.own-event {
    background-color: #FFFFEE;
}

.msg {
    padding-bottom: 10px;
}

.msg small {
    margin-right: 5px;
}


.msg-date {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ccc;
    line-height: 0.1em;
    margin: 10px 0 12px;
}

.msg-date span {
    background:#fff;
    padding:0 10px;
    font-style: italic;
    font-size: 80%;
}

.msg .author, .msg small {
    float: left;
}

.msg .author {
    font-weight: bold;
}
.msg small {
    padding-top: 2px;
}
.msg .text {
    margin-left: 38px;
    padding-bottom: 5px;
}

.msg .text p {
    margin: 0;
    padding: 0;
}

#finance-entry-table td:nth-child(2n+1) {
    font-size: 80%;
}


#finance-entry-table tr:nth-child(2) td:nth-child(2) {
    font-size: 80%;
}


#finance-entry-table tr:nth-child(-n+2) td:nth-child(-n+2) {
    background-color: rgb(255, 247, 223);
}

/* autocomplete */

.autocomplete {
    background: white;
    z-index: 1000;
    overflow: auto;
    box-sizing: border-box;
    border: 1px solid rgba(50, 50, 50, 0.6);
}

.autocomplete * {
    font: inherit;
}

.autocomplete > div {
    padding: 0 4px;
}

.autocomplete .group {
    background: #eee;
}

.autocomplete > div:hover:not(.group),
.autocomplete > div.selected {
    background: #81ca91;
    cursor: pointer;
}

tr.my-event td {
    background-color: #95ff88;
}