.jquery-console {
    border: 1px solid #444;
    height: 10em;
    overflow-y: scroll;
    margin: 1em;
}

.jquery-console-entry {
    text-align: left;
    color: #444;
    padding: 0 0.5em 0 0.5em;
}

/* message content */
.jquery-console-msg {
    display: inline-block;
    word-break: break-all;
    text-align: left;
    width: 100%;
}

/* timestamped message */
.jquery-console-msg-ts {
    float: left;
    width: 90%;
}

.jquery-console-timestamp {
    display: inline-block;
    text-align: right;
    width: 10%;
}

/* timestamp on the left */
.jquery-console-msg-ts-left {
    float: right;
    width: 94%;
}
.jquery-console-timestamp-left {
    display: inline-block;
    text-align: left;
    width: 5%;
}

.jquery-console-odd {
    background-color: #d6d6d6;
}

.jquery-console-even {
    background-color: #FFFFFF;
}

.jquery-console-lvl-debug {
    color: #868686;
}

.jquery-console-lvl-info {
    color: #444444;
}

.jquery-console-lvl-notice {
    color: #009300;
}

.jquery-console-lvl-warning {
    color: #009393;
}

.jquery-console-lvl-error {
    color: #00007F;
}

.jquery-console-lvl-critical {
    color: #FC7F00;
}

.jquery-console-lvl-alert {
    color: #7F0000;
}

.jquery-console-lvl-emergency {
    background-color: #000000;
    color: #FFFFFF;
}