.sp_wrapper {
    overflow: auto
}

    .sp_wrapper .sp_table table {
        table-layout: auto;
    }

    .sp_wrapper .sp_table thead th {
        cursor: pointer;
        background-color: gainsboro;
        font-weight: bold;
        vertical-align:inherit;
    }

    .sp_wrapper .sp_table .sp_sorted_asc {
        background-image: url('../Content/Images/down-arrow.png');
        background-position: left center;
        background-repeat: no-repeat;
        padding-left:20px;
    }

    .sp_wrapper .sp_table .sp_sorted_desc {
        background-image: url('../Content/Images/up-arrow.png');
        background-position: left center;
        background-repeat: no-repeat;
        padding-left:20px;
    }

    .sp_wrapper .sp_navigator .sp_previous {
        font-size: small;
        margin-top:22px;
    }
    .sp_wrapper .sp_navigator .sp_next {
        font-size: small;
        margin-top:3px;
    }
.pagination {
    display: inline-block;
}

    .pagination a {
        color: black;
        float: left;
        padding: 4px 8px;
        text-decoration: none;
        transition: background-color .3s;
        border: 1px solid #ddd;
        margin: 0 4px;
    }

        .pagination a.active {
            background-color: #00305f;
            color: white;
            border: 2px solid #00305f;
        }

        .pagination a:hover:not(.active) {
            background-color: #ddd;
        }

.pagedetails {
    width: 30%;
    float: left;
    margin-top: 20px;
}

.pageselect {
    float: right;
    padding-top: 2px;
    margin-top:20px;
}

    .pageselect > label {
        padding-right: 3px;
    }

.mefloatleft {
    float: left
}

.mefloatright {
    float: right;
    margin-top: 2px
}

.ht-24 {
    height: 24px
}

.nextpreviouslink {
    color: black;
    float: left;
    padding: 3px 6px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

    .nextpreviouslink:hover {
        background-color: #ddd;
        cursor: pointer;
    }