table {
    border: 1px solid #dbdee4;
    border-radius: 3px;
    margin-bottom: 0 !important;
}

    table thead tr {
        border-bottom: 1px solid #dbdee4;
    }

        table thead tr th {
            color: #656d78;
            font-size: .9em;
            padding: .8em;
        }


    table tbody tr {
        border-bottom: 1px solid #dbdee4;
        background-color: #fff !important;
        transition: .1s background-color ease-in-out;
    }

        table tbody tr:hover:not(.no-results-row) {
            background-color: #f4f9ff !important;
        }

        table tbody tr td {
            padding: .75rem !important;
            vertical-align: middle !important;
        }

            table tbody tr td a.btn {
                margin: 0 .2em;
            }

.no-results {
    color: #aab2bd;
    font-style: italic;
    cursor: default;
}


table {
    width: 100%;
}

    table th {
        white-space: nowrap;
    }

/* List.js pagination */
.paginationTop,
.paginationBottom {
    list-style-type: none;
    display: flex;
}

    .paginationTop li a,
    .paginationBottom li a {
        padding: .5em;
        color: #434a54;
    }

    .paginationTop li.disabled a,
    .paginationBottom li.disabled a {
        cursor: default;
    }

    .paginationTop li.active a,
    .paginationBottom li.active a {
        font-weight: bold;
    }


th.sort {
    cursor: pointer;
}

    th.sort:after {
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        content: "";
        position: relative;
        top: 0px;
        right: -5px;
    }

    th.sort:hover:after {
        border-bottom: 5px solid #e4e4e4;
        border-top: 5px solid #e4e4e4;
    }

    th.sort.asc:after {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-top: 5px solid #666;
        content: "";
        position: relative;
        top: 0px;
        right: -5px;
    }

    th.sort.desc:after {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #666;
        border-top: 5px solid transparent;
        content: "";
        position: relative;
        top: 0px;
        right: -5px;
    }

/* Data Tables Overrides */

html .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: initial;
    margin: 1rem 0;
}

    html .dataTables_wrapper .dataTables_filter input {
        padding: .4em;
    }

html .dataTables_wrapper .dataTables_length {
    float: right;
}

html table.dataTable thead th, html table.dataTable thead td {
    padding: .75rem;
}

html table.dataTable.no-footer {
    border-bottom: 1px solid #dbdee4;
}