#pager {
  display: table-cell;
  align-content: center;
  vertical-align: middle;
  padding-bottom: 10px;
}

#pager-item {  
  text-align: center;  
  font-family: Arial;
  padding-left: 10px;
  padding-right: 10px;
  height: 40px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

#pager-panel {
  display: table;
  margin: 0 auto;
}

.pager-item-selected {
  display: table-cell;
  vertical-align: middle;
  background: #1f6ec8;
  color: #0ff;  
  cursor: default;  
}

.pager-item-disabled {
  display: table-cell;
  vertical-align: middle;
  color: gray;
  cursor: default;
}

.pager-item-firstpage, .pager-item-prevpage, .pager-item-nextpage, .pager-item-lastpage{
  display: table-cell;
  vertical-align: middle;
}

.pager-item-firstpage:hover, .pager-item-prevpage:hover, .pager-item-nextpage:hover, .pager-item-lastpage:hover, .pager-item-clickable:hover{
  background: #267de0;
  color: white;
  cursor: pointer;
}

@media (max-width: 2100px){ 
  .pager-item-clickable{
    display: table-cell;
	vertical-align: middle;
  }	
}

@media (max-width: 880px){ 
  .pager-item-clickable{
    display: table-cell;
	vertical-align: middle;
  }	
}

@media (max-width: 790px){ 
  .pager-item-clickable{
    display: table-cell;
	vertical-align: middle;
  }	
}

@media (max-width: 700px){ 
  .pager-item-clickable{
    display: table-cell;
	vertical-align: middle;
  }	
}

@media (max-width: 610px){ 
  .pager-item-clickable{
    display: none;
  }	
}