.pagination-dashboard {
	border: 1px solid $border_color;
	border-top: 0;
	padding: 24px;
	background-color: #fff;
	.items-pagination {
		@include d-flex();
		@include align-items-center();
	}
	select {
		width: 70px;
		padding: 7px 16px;
		color: $primary_color;
	}
	.text-pagination {
		color: $secondary_color;
		margin-bottom: 0;
		margin-left: 16px;
	}
	.civi-pagination {
		@include d-flex();
		@include justify-content-between();
		margin-top: 0;
		.page-numbers {
			width: auto;
			margin-right: 22px;
			color: $secondary_color;
			&.current {
				background-color: transparent;
				color: $accent_color;
			}
			&.next,
			&.prev {
				width: 36px;
				height: 36px;
				border: 1px solid $border_color;
				border-radius: 8px;
				line-height: 36px;
				text-align: center;
				i {
					color: $primary_color;
					font-size: 14px;
					font-weight: bold;
				}
			}
		}
	}
}

@media (max-width: 767px) {
	.pagination-dashboard {
		display: block;
		.number-pagination {
			margin-top: 12px;
		}
	}
	.civi-pagination .pagination {
		@include justify-content-center();
	}
}

@media (max-width: 576px) {
	.pagination-dashboard .civi-pagination {
		display: block;
		.pagination {
			@include justify-content-start();
			margin-top: 15px;
		}
	}
}
