.pagination {
	margin: 10px 0;
}

.pagination-nav {
	border-top: 1px solid #dddddd;
	text-align: right;
	padding: 0 8px;
}

.pagination-nav:after {
	display: table;
	content: "";
	line-height: 0;
	clear: both;
}

.pagination-nav .goto {
	float: right;
	width: 100px;
	margin: 8px 0 8px 15px;
}

.pagination-nav .goto button {
	padding: 6px 6px;
	font-size: 14px;
	line-height: 18px;
}

.pagination-nav .pagination-details {
	float: left;
	margin: 10px 0;
	height: 28px;
	line-height: 28px;
}
.pagination-nav.no-pages .pagination-details {
	margin: 5px 0;
}

.pagination-nav .pagination {
	vertical-align: top;
}

.pagination > li > a,
.pagination > li > span {
	color: #1e8adf;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	background-color: #1e8adf;
	border-color: #1e8adf;
}

.pagination > li > a, .pagination > li > span {
	font-size: 1.1rem;
	border: 0;
	border-radius: 3px;
	margin: 0 1px;
	padding: 4px 10px;
	background-color: transparent;
}

.pagination > li.disabled > a, .pagination > li.disabled > span {
	background-color: transparent;
}

@media (max-width: 767px) {
	.pagination-nav {
		text-align: center;
	}
	.pagination-nav .pagination-details {
		display: none;
	}
}