.stack-content {
    padding: 8px;
    color: #AE0E0E;
    font-family: consolas, Menlo, Courier, monospace;
    font-size: 11px;
    font-weight: 400;
    white-space: pre-line;
}

.info-box.level {
    display: block;
    padding: 0;
    margin-bottom: 15px;
    min-height: 70px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
}

.info-box.level .info-box-text,
.info-box.level .info-box-number,
.info-box.level .info-box-icon > i {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.info-box.level .info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-box.level .info-box-content {
    padding: 5px 10px;
    margin-left: 70px;
}

.info-box.level .info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
}

.info-box.level .info-box-icon {
    border-radius: 2px 0 0 2px;
    display: block;
    float: left;
    height: 70px; width: 70px;
    text-align: center;
    font-size: 40px;
    line-height: 70px;
    background: rgba(0,0,0,0.2);
}

.info-box.level .progress {
    background: rgba(0,0,0,0.2);
    margin: 5px -10px 5px -10px;
    height: 2px;
}

.info-box.level .progress .progress-bar {
    background: #fff;
}

.info-box.level-empty {
    opacity: .6;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-property: -webkit-filter, opacity;
    -moz-transition-property: -moz-filter, opacity;
    -o-transition-property: filter, opacity;
    transition-property: -webkit-filter, -moz-filter, -o-filter, filter, opacity;
}

.info-box.level-empty:hover {
    opacity: 1;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
}

.level {
    padding: 2px 6px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    font-size: .9em;
    font-weight: 600;
}

.badge.level-all,
.badge.level-emergency,
.badge.level-alert,
.badge.level-critical,
.badge.level-error,
.badge.level-warning,
.badge.level-notice,
.badge.level-info,
.badge.level-debug,
.level, .level i,
.info-box.level-all,
.info-box.level-emergency,
.info-box.level-alert,
.info-box.level-critical,
.info-box.level-error,
.info-box.level-warning,
.info-box.level-notice,
.info-box.level-info,
.info-box.level-debug {
    color: #FFF;
}

.label-env {
    font-size: .85em;
}

.badge.level-all, .level.level-all, .info-box.level-all {
    background-color: #8A8A8A;
}

.badge.level-emergency, .level.level-emergency, .info-box.level-emergency {
    background-color: #B71C1C;
}

.badge.level-alert, .level.level-alert, .info-box.level-alert  {
    background-color: #D32F2F;
}

.badge.level-critical, .level.level-critical, .info-box.level-critical {
    background-color: #F44336;
}

.badge.level-error, .level.level-error, .info-box.level-error {
    background-color: #FF5722;
}

.badge.level-warning, .level.level-warning, .info-box.level-warning {
    background-color: #FF9100;
}

.badge.level-notice, .level.level-notice, .info-box.level-notice {
    background-color: #4CAF50;
}

.badge.level-info, .level.level-info, .info-box.level-info {
    background-color: #1976D2;
}

.badge.level-debug, .level.level-debug, .info-box.level-debug {
    background-color: #90CAF9;
}

.badge.level-empty, .level.level-empty {
    background-color: #D1D1D1;
}

.badge.label-env, .label.label-env {
    background-color: #6A1B9A;
}


/* /log-viewer/logs (index) styling */
.table-stats .first-column {
    background-color: rgba(63, 62, 70, 0.9);
    color: #fff;
    max-width: 200px;
    overflow: hidden;
}
.table-stats thead .level {
    min-width: 8em;
    display: inline-block;
}
.table-stats tbody .text-center .level {
    padding: 0 6px;
    min-width: 4em;
    display: inline-block;
}
.table-stats .first-column a.label {
    padding: 5px 8px;
    font-size: 90%;
}
.table-stats a span.level, .table-stats a.label, .table-stats a.badge, .table-stats a.level {
    display: inline-block;
    transition: transform .2s ease-out;
}
.table-stats a:hover span.level, .table-stats a.label:hover, .table-stats a.badge:hover {
    transform: scale(1.2, 1.2);
}
.table-stats .first-column a.label:hover, .table-stats a.level:hover {
    transform: scale(1.1, 1.1);
}
.table-stats a span.level:hover {
    border: 1px solid rgba(0,0,0,.25);
    margin: -1px;
}
.table-stats .badge.level-empty,
.table-stats .level.level-empty {
    background-color: #e6e6e6;
}

/* orders.index */
.table-stats td:not(.first-column) .label img {
    margin: -2px 0 0 -5px;
}
.table-stats a.badge {
    border: 1px solid transparent;
}
.table-stats a.badge:hover {
    border: 1px solid rgba(159, 173, 199, 0.4);
}

/* dark-theme */
.table-stats .first-column {
    background-color: rgba(159, 173, 199, 0.25);
    color: #fff;
}
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    border-top: 1px solid rgba(159, 173, 199, .3);
}
.table-stats .badge.level-empty,
.table-stats .level.level-empty {
    background-color: rgba(230, 230, 230, 0.13);
}
.table-hover > tbody > tr:hover {
    background-color: rgba(230, 230, 230, 0.25);
}
.table > thead > tr > th {
    border-bottom: 2px solid rgba(230, 230, 230, 0.4);
}
.stack-content {
    color: #f5e8db;
    background: rgba(234,234,234,.15);
}

/* dark-theme --- log.show sidebar */
.list-group-item {
    background-color: #f1dbc3;
    border: 1px solid #d18330;
}
.dev .list-group-item {
    background-color: #badad8;
    border: 1px solid #007f7d;
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    background-color: rgba(234,234,234, 0.2);
    color: #aaa;
    border-color: rgba(238, 238, 238, 0.1);
}