.ui-column .metrics-contents {
    flex-grow: 0;
    flex-shrink: 0;
}

.metrics-contents.shown- {
    display: block;
}

.metrics-contents.shown- .header- {
    border-radius: 5px;
    margin: 10px;
}

.metrics-contents .header- {
    margin: 0px auto 0;
    background: rgb(64, 70, 84, 0.5);
    color: #fff;
    font-family: PT Mono, monospace;
    white-space: pre-wrap;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 5px;
    vertical-align: center;    
    text-align: center;
    cursor: pointer;
}

.metrics-contents table {
    display: none;
    margin: 15px auto 20px;
    border-radius: 5px;
    overflow: hidden;
    border-collapse: separate;
    width: 80%;
    max-width: 400px;
}
.metrics-contents.shown- table {
    display: block;
}

.metrics-contents td {
    background: #fff;
    color: #888;
    padding: 5px 10px;
    font-size: 11px;
    font-family: PT Mono, monospace;
    border-bottom: 1px solid #d6d9e0 !important;
    white-space: nowrap;
}
.metrics-contents tr:last-child td {
    border-bottom: 0 solid black;
}

.metrics-contents td.host- { 
    background: #1E8449;
    font-weight: bold;
    color: #fff;
}

.metrics-contents .shadow- {
    position: absolute;
    z-index: 10000;
    width: 100%;
    height: 10px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.15), transparent);
}

.metrics-contents td.name- { 
    background: rgba(30, 132, 73, 0.75);
    font-weight: bold;
    color: #fff;
    width: 100%;
}

.metrics-contents td.value- { 
    background: rgba(30, 132, 73, 0.2);
    width: 50px;
    text-align: center;
    color: #14532D;
    font-weight: bold;
}
.metrics-contents td.delta- { 
    width: 15px;
    text-align: center;
}
.metrics-contents td.minmax- { 
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
}
.metrics-contents td.minmax-l { 
    text-align: right;
    padding-right: 0;
}
.metrics-contents td.minmax-r { 
    text-align: left;
    padding-left: 0;
}

.metrics-contents td.active- { 
    background: #1E8449;
    font-weight: bold;
    color: #fff;
}


.console-metrics .actor- { background: #1E8449 }
.console-metrics .tag- { background: #14532D  }