.pagination .page-link{
  padding: .5rem .5rem;
  line-height: 1;
  color: var(--primary-color);
  font-size: 14px;

}
/* folowing styles are only for angular */
::ng-deep .pagination{
float:right;
}

::ng-deep ul.pagination ::ng-deep li.page-item  ::ng-deep a.page-link{
padding: .5rem .5rem;
line-height: 1;
color: var(--primary-color);
font-size: 14px;

}

::ng-deep   .page-item.active ::ng-deep .page-link{
background:var(--primary-color);
color: white !important;
border:1px solid var(--primary-color)!important ;
}

/*For html mockups*/
.pagination{
  float:right;
}
  
ul.pagination li.page-item a.page-link{
  padding: .5rem .5rem;
  line-height: 1;
  color: var(--primary-color);
  font-size: 14px;
}
  
.page-item.active .page-link{
  background:var(--primary-color);
  color: white !important;
  border:1px solid var(--primary-color)!important ;
}

::ng-deep .page-item.disabled ::ng-deep .page-link{
  color:var(--arrow-color) !important;
}
.paging-row-panel {
  margin: 0 18px;
  font-size: 14px;
  line-height: 32px;
  vertical-align: middle;
  display:flex;
  justify-content: end;
}
.paging-row-panel-number{font-weight: 700;}