.app-table thead {
    color: #717171;
    text-align: left;
    text-transform: none;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background: #d8d8d8;
}

.app-table > thead a, .app-table > thead th {
    color: #5c5c5c;
    text-align: left;
    text-transform: none;
    padding-right: 20px;
    font-size: initial;
    font-family: inherit;

    /* needed so headers in firefox don't wrap by breaking words */
    word-break: keep-all;
    word-wrap: normal;
}

.app-table tbody {
    color: #5c5c5c;
}

.app-table > tbody > tr > td, .app-table > tbody > tr > th {
    padding: 10px 10px;
}

.app-table > thead > tr > td,
.app-table > thead > tr > th {
    padding: 10px 10px;
}

.app-table > tbody > tr, .app-table > tbody > tr {
    border-bottom: 1px #949494 solid;
}

.app-table > thead > tr,
.app-table > thead > tr {
    border-bottom: 1px #949494 solid;
}

.app-table > tbody > tr.selectable-row {
    cursor: pointer;
}

.pager-row {
    padding-top: 10px;
}

.row .search-buttons { /* make sure the buttons line up with the grid/content above */
    padding-left: 0;
}

.app-table thead th a.asc:after {
    content: '▲';
}

.app-table thead th a.desc:after {
    content: '▼';
}