.pagination {
  margin: 0;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.pagination-wrapper.col-xs-8 {
  padding-right: 0;
}

.pagination-container {
  margin-top: 16px;
  padding-right: 16px;
}

.pagination > li > a,
.pagination > li > span {
  color: var(--themePrimButtonsBg-color);
  text-align: center;
  font-size: var(--font-body-2);
  font-weight: var(--font-weight-semibold);
  line-height: 21px;
  border-radius: 4px;
  border: 1px solid var(--themePrimButtonsBg-color);
  background-color: transparent;
  display: flex;
  height: 36px;
  width: 36px;
  padding: 7.5px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  position: relative;
}

.pagination > li > a {
  border: 1px solid var(--themePrimButtonsBg-color);
}

.pagination > li > span:hover,
.pagination > li > a:hover {
  background-color: var(--themePrimButtonsBg-8-color);
  border-color: var(--themePrimButtonsBg-color);
  color: var(--themePrimButtonsBg-color);
}

.pagination > li > span:focus,
.pagination > li > a:focus {
  background-color: var(--themePrimButtonsBg-12-color);
  border-color: var(--themePrimButtonsBg-color);
  color: var(--themePrimButtonsBg-color);
}

.pagination > li > a:focus {
  background: transparent;
  border: none;
  color: var(--themePrimButtonsBg-color);
}

.pagination > li > a:active {
  bottom: -1px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  color: var(--themePrimButtonsBg-color);
  text-align: center;
  font-size: var(--font-body-2);
  font-weight: var(--font-weight-semibold);
  line-height: 21px;
  background: var(--themePrimButtonsBg-8-color);
  border: 1px solid var(--themePrimButtonsBg-color);
  height: 36px;
}

.pagination > .pagination-step > a {
  background-color: transparent;
  border: 1px solid transparent;
  width: 65px;
  padding: 7.5px 16px;
  height: 36px;
}

.pagination > .pagination-step > a:hover {
  border: 1px solid transparent;
}

.pagination-info {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: fit-content;
  gap: 8px;
}

.pagination-info span {
  color: var(--neutral-outline-color, #74777f);
  font-size: var(--font-caption, 12px);
  font-weight: var(--font-weight-regular, 400);
  line-height: 18px;
  height: 36px;
  display: flex;
  align-items: center;
  width: fit-content;
}

.pagination-dropdown epom-dropdown .open-drop {
  top: -168px;
  margin-top: 0;
  width: 72px;
  left: 0;
}

.pagination-dropdown button.dropdown-toggle {
  padding: 7.5px 8px;
  gap: 4px;
  height: 36px;
}

.pagination-dropdown button.dropdown-toggle .material-icons {
  margin: 0;
  font-size: 20px;
}
