.pagination {
	display: flex;
	list-style-type: none;
	width: 100%;
	margin-top: 20px;
	justify-content: flex-start;
	align-items: center;
	font-size: 13px;
	padding: 0;
}
.pagination .active a{
	color: #5f817a;
	font-weight: bold;
}
.page-item a {
	color: #9d9d9d;
}
.page-item a:hover {
	color: #5f817a;
	font-weight: bold;
}
.pagination li {
    padding: 0 10px;
}
.page-link img {
	height: 13px;
	width: 16px;
}
.page-link img:hover {
	filter: invert(49%) sepia(18%) saturate(492%) hue-rotate(118deg) brightness(92%) contrast(82%);
}

.paginator-page {
    font-size: 18px;
    margin: 0 -10px;
    padding: 0;
    display: flex;
    align-items: center;
}

.navigleft, .navigright {
    width: 20px;
    height: 17px;
    display: block;
}
.navigleft {
    background-image: url("/image/right-arrow(23).png");
}
.navigright {
    background-image: url("/image/left-arrow(23).png");
}
.navigleft:hover, .navigright:hover {
    filter: invert(49%) sepia(18%) saturate(492%) hue-rotate(118deg) brightness(92%) contrast(82%);
}
.paginator-page li a {
    color: #bcb9b9;
    margin: 0 10px;
}
.paginator-page li a:hover, .paginator-page li.active a {
      color: #5f817a;
}

.paginator-page li.active a {
    font-weight: bold;
}