body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.75em;
    color: #222;
    margin: 10px;
}

h1 {
    margin-top: 0.7em;
}

hr {
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;

    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

#current_activity .active {
    background-color: #e44e4e;
    color: #FFFFFF;
    font-weight: bold;
    padding: 8px;
}

#current_activity .idle {
    background-color: #4ee44e;
    color: #FFFFFF;
    font-weight: bold;
    padding: 8px;
}

#log_elements {
    border-bottom: 1px solid #dee2e6;
}

#log_elements div,
#current_element div {
    padding: 5px;
}

#current_element div {
    background-color: #d2f8d2;
}

#log_elements .activity_log_item:nth-child(even) {
    background-color: #dee2e6;
}