.content-table {
    border-spacing: 1;
    border-collapse: collapse;
    background: white;
    border-radius: 6px;
    overflow: hidden;
    max-width: 800px;
    width: 100%;
    position: relative; 
}

* {
    position: relative;
}

td,
th {
    padding-left: 8px;
}

thead tr {
    color: #fff;
    height: 60px;
    background: #bd5d38;
    font-size: 16px;
}

tbody tr {
    height: 48px;
    border-bottom: 1px solid #bd5d38;
}

.highlighted-table-row {
    color: #212529;
    font-weight: bold;
}

.value-table-cell {
    text-align: right;
    padding: 0px 10px;
}

.metric-score-table-cell {
    color: #bd5d38!important;
}

.up-arrow {
    border: solid green;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 1px;
    margin-right: 5px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    opacity: 0.6;
}

.up-place {
    color: green;
    opacity: 0.6;
}

.down-arrow {
    border: solid red;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 1px;
    margin-right: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    opacity: 0.6;
}

.down-place {
    color: red;
    opacity: 0.6;
}