.pager li.active {
    color: #000;
    text-decoration: none;
    background-color: #ccc;
    border: none;
    border-right: 1px solid #ccc;
    border-radius: 0px;
    display: inline-block;
    # padding: 10px 0;
    width: 47px;
    margin-left: -6px;
    font-weight: normal;
}

.pager ul > li > a {
    background-color: transparent;
    border: none;
    border-right: 1px solid #ccc;
    border-radius: 0px;
    display: inline-block;
    padding: 10px 0;
    width: 47px;
    margin-left: -6px;
    color: #0000e9;
}

.pager li.previous>ul>li>a, .pager li.next>ul>li>a {
    width: initial;
}

li.pagenumber ul li:first-child a {
    margin-left: -1px;
}

.pager li.active a {
    text-indent: 6px; 
}

li.pagenumber ul li.active:first-child {
    margin-left: -1px;
    text-indent: -6px; 
}

.pager ul>li.active>a:focus {
    background-color: transparent;
}

.pager li.next ul li.disabled {
    margin-left: 5px;
}

.pager li.previous ul li.disabled {
    margin-right: 0px;
}

@media only screen and (max-width: 768px) {
	.pager li ul {
		display: inline-block !important;
	}
	li.pagenumber ul li {
	  display:none !important;
  }
  .pager li.active {
	  display: inline-block !important;
	  margin-left: 0px !important;
	 }
}

@media only screen and (max-width: 400px){
	#firstPageButton, #lastPageButton {
		display: none;
	}
}