.ui-pagination {
	display: flex;
	justify-content: center;
    align-items: center;
}

/*
.ui-page-icon {
	display: flex;
	justify-content: center;
    align-items: center;
	
	width: 3rem;
	height: 2.5rem;
	
	cursor: pointer;
}
*/
.ui-pagination .icon {
	display: flex;
	justify-content: center;
    align-items: center;
    
    margin: 0;
    
	width: 3rem;
	height: 2.4rem;
	
	/*
	pointer-events: none;
	*/
	
	color: var(--gray-700);
	
	cursor: pointer;
	user-select: none;
}
.ui-pagination .icon.-disabled {
	color: var(--gray-300);
}

.ui-page-item {
	display: flex;
	justify-content: center;
    align-items: center;

	width: 3rem;
	height: 2.4rem;
	
	color: var(--gray-600);
	
	border: 1px solid var(--gray-300);
	
	font-size: 1.3rem;

	cursor: pointer;

	user-select: none;
}

.ui-page-item:not(:first-of-type)
{
	margin-left: 0.5rem;
}
/*
.ui-page-item:last-of-type
{
	margin-right: 0;
}
*/

.ui-page-item.-active {
	color: #ffffff;
	
	background: #9e9e9e;
	
	border-color: #757575;
}
.ui-page-item:not(.-active):hover {
	
	color: var(--gray-700);
	
	border-color: var(--gray-400);
	
	background: var(--gray-200);
}