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

    .sp_wrapper .sp_table .umCaseInfoTable {
        table-layout: fixed;
    }

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

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

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

.sp_wrapper .sp_navigator .sp_next, .sp_wrapper .sp_navigator .sp_previous {

    font-size:small;
}

.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:10px
}
.pageselect {
    float: right;
    padding-top: 2px;
}
.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;
    }