.pagination-component {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 25px;
}

.pagination-component label {
	color: #4F4F4F;
	/* Body/Body_05 */
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin: 0px
}

.pagination-component .select-dropdown {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	width: auto;
}

.pagination-component .select-dropdown .app-select-toggle {
	width: 50px;
	border: none;
	padding-bottom: 0;
	font-size: 12px;
	gap: 8px;
	justify-content: flex-start;
}

.pagination-component .pages {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}

.pagination-component .pages label {
	margin: 0;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #828282;
}

.pagination-component .pages .pagination-button {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 16px;
	padding: 0;
	box-sizing: border-box;
	white-space: nowrap;
	border: none;
	border-radius: 50%;
	transition: .1s;
	cursor: pointer;
	color: #828282;
	background: #FFFFFF;
}

.pagination-component .pages .pagination-button:hover {
	color: #4F4F4F;
	background: #F2F2F2;
}

.pagination-component .pages .pagination-button:focus {
	outline: none;
	color: #2188D9;
	background: #F4F9FD;
}

.pagination-component .pages .pagination-button:disabled {
	color: #E0E0E0;
	background: #FFFFFF;
	cursor: not-allowed;
}

.pagination-component .pages .pagination-button .mat-icon {
	font-size: 16px;
	height: 16px;
	width: 16px;
}

.pagination-component .app-select-toggle .app-select-label {
	font-size: 12px;
}

.pagination-component .app-select-toggle .app-select-icon {
	font-size: 14px;
}