.data-pagination,
.data-pagination *,
.data-pagination *:before,
.data-pagination *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-kerning: auto; }
.data-pagination { font-size: 8pt; line-height: 1; font-weight: 400; font-family: 'Open Sans', 'Source Sans Pro', Roboto, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Myriad Pro', 'Segoe UI', Myriad, Helvetica, 'Lucida Grande', 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, Arial, sans-serif; -webkit-text-size-adjust: 100%; margin: 1em auto; text-align: center; transition: font-size .2s ease-in-out; }
.data-pagination ul { list-style-type: none; display: inline; font-size: 100%; margin: 0; padding: .5em; }
.data-pagination ul li { display: inline-block; font-size: 100%; width: auto; border-radius: 3px; padding-bottom:1px }
.data-pagination > a { font-size: 140%; }
.data-pagination a { color: #404040; font-size: 100%; padding: .5em; }
.data-pagination a:focus,
.data-pagination a:hover { color: #61702E; }
.data-pagination li.current { background: rgba(0,0,0,.1) }
/* Disabled & Hidden Styles */
.data-pagination .disabled,
.data-pagination [hidden],
.data-pagination [disabled] { opacity: .5; pointer-events: none; }

@media (min-width: 350px) {
    .data-pagination { font-size: 10pt; }
}

@media (min-width: 500px) {
    .data-pagination { font-size: 12pt; }
}

@media (min-width: 700px) {
    .data-pagination { font-size: 14pt; }
}

@media (min-width: 900px) {
    .data-pagination { font-size: 16pt; }
}