.divTable {
    display: table;
    width: 100%;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divTableCell, .divTableHead {
    border: 0px solid #999999;
    display: table-cell;
    vertical-align: top;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody {
    display: table-row-group;
}



/* Tables - No More Tables technique (991px is the bootstrap SM max-width) */


@media only screen and (max-width: 991px) {
    .pager td table tbody tr,
    .pager td,
    .pager tr td{
        display: flex !important;
        padding-left:0% !important;
    }

    .table.table-no-more,
    .table.table-no-more thead,
    .table.table-no-more tbody,
    .table.table-no-more tr,
    .table.table-no-more th,
    .table.table-no-more td {
        display: block;
    }

        .table.table-no-more thead tr {
            left: -9999px;
            position: absolute;
            top: -9999px;
        }

        .table.table-no-more th {
            display: none;
        }

        .table.table-no-more tr {
            /*border-bottom: 1px solid #DDD;*/
        }

        .table.table-no-more td {
            border: none;
            position: relative;
            padding-left: 50%;
            text-align: left;
            white-space: normal;
        }

            .table.table-no-more td:before {
                content: attr(data-title);
                font-weight: bold;
                left: 6px;
                padding-right: 10px;
                position: absolute;
                text-align: left;
                top: 8px;
                white-space: nowrap;
                width: 45%;
            }

        .table.table-no-more.table-bordered td {
            border-bottom: 1px solid #EFEFEF;
            width: 100% !important;
        }

        .table.table-no-more.table-condensed td:before {
            top: 5px;
        }

    html.dark .table.table-no-more tr,
    html.dark .table.table-no-more.table-bordered td {
        border-bottom-color: #262b33;
    }

    .dataTables_wrapper .dataTables_length {
        margin-bottom: 15px;
    }

        .dataTables_wrapper .dataTables_length label {
            float: none;
            width: 100%;
        }

    .dataTables_wrapper .dataTables_filter label {
        width: 100%;
    }

    .dataTables_wrapper .datatables-footer .dataTables_info {
        margin-bottom: 15px;
        text-align: center;
    }

    .dataTables_wrapper .datatables-footer .dataTables_paginate {
        float: none;
        text-align: center;
    }

        .dataTables_wrapper .datatables-footer .dataTables_paginate .pagination {
            display: inline-block;
        }




    .GridPager td {
        display: flex;
    }
}
.pager a,
.pager td table tbody tr td {
    display: inline-table !important;
    padding: 0px 10px;
    /*margin-right: 4px;*/
    border-radius: 3px;
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    /*text-shadow: 0px 1px 0px rgba(255,255,255, 1);*/
}

.pager a {
    color: #969696;
    min-width: 15px;
    max-width: 15px;
    padding: 8px;
    text-align: center;
    border-collapse: separate;
}

.pager span {
    display: inline-block !important;
    padding: 8px 10px;
    background: #F84B51;
    border-collapse: separate;
    /*box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);*/
    color: #f0f0f0;
    /*text-shadow: 0px 0px 3px rgba(0,0,0, .5);*/
    border: 1px solid #F84B51;
}
.pager input {
    color: #969696;
    padding: 8px;
    text-align: center;
    border-collapse: separate;
}

.pager td
{border:none;
 padding:5px 0;
}