DNN Reports Module Pager CSS

/* Remove Bootstrap layout restrictions on the inner pager table */
.DNN_Reports_Grid_Pager table {
    display: inline-block !important;
    width: auto !important;
    margin: 15px auto !important;
}

/* Force inner table cells to separate and add spacing */
.DNN_Reports_Grid_Pager table td {
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
}

/* Turn links and the current active span into distinct button shapes */
.DNN_Reports_Grid_Pager table td a,
.DNN_Reports_Grid_Pager table td span {
    display: inline-block !important;
    padding: 6px 12px !important;
    margin: 0 3px !important;
    text-decoration: none !important;
    min-width: 34px !important;
    text-align: center !important;
    border-radius: 4px !important;
}

/* Style for unselected page links */
.DNN_Reports_Grid_Pager table td a {
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    color: #337ab7 !important;
}

/* Hover style for page links */
.DNN_Reports_Grid_Pager table td a:hover {
    background-color: #eeeeee !important;
    border-color: #bbbbbb !important;
    color: #23527c !important;
}

/* Style for the active/current page */
.DNN_Reports_Grid_Pager table td span {
    background-color: #337ab7 !important;
    border: 1px solid #337ab7 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}