.metrics-data{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0em;
}
.metrics-data thead th{
    border-bottom: 2px solid #bbb;
    border-right: 1px solid #bbb;
    padding-bottom: 0.5em;
    cursor: pointer;
    padding: 10px;
}
.metrics-data thead tr th:last-child{
    border-right: none;
}
.metrics-data tbody tr td:last-child{
    border-right: none;
}
.metrics-data tbody td{
    padding: 5px;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}
.metrics-data thead th:hover{
    background-color: #bebebe;
}
.metrics-data .arrow-down{
    display: inline;
    margin-top: 6px;
    float: right;
}
.metrics-data .arrow-up{
    display: none;
}
.metrics-data .headerSortDown .arrow-down{
    display: inline;
    margin-top: 6px;
    float: right;
}
.metrics-data .headerSortDown .arrow-up{
    display: none;
}
.metrics-data .headerSortUp .arrow-up{
    display: inline;
    margin-top: 6px;
    float: right;
}
.metrics-data .headerSortUp .arrow-down{
    display: none;
}