/* pager wrapper, div */
.tablesorter-pager {
	padding: 8px 2px;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
	background-color: #e6eeee;
	margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.tablesorter-pager img {
	vertical-align: middle;
	margin-right: 2px;
	cursor: pointer;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
	padding: 0 5px;
	white-space: nowrap;
	text-align: center;
	display:inline-block;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
	margin: 2px 5px;
	padding: 1px;
	width: 50px;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
	display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
	/* visibility: hidden */
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default;
}

.tablesorter-pager .material-icons-outlined {
	font-size: 21px;
	user-select: none;
	position: relative;
	top: 4px;
	padding: 1px;
	border-radius: 15px;
	background-color: #eee;
	cursor: pointer;
	outline: none;
}
.tablesorter-pager .material-icons-outlined:hover {
	background-color: #cc3300;
	color: #fff;
}