/*******
* ICONS
********/
/*******
* BUTTONS
********/
/*******
* SCROLLBAR
********/
/*******
* FORM
********/
/*******
* A11Y
********/
.ids-data-pagination ::slotted(label) {
  display: flex !important;
  margin-right: 0.5rem !important;
  white-space: nowrap !important;
  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
  color: var(--IDS-DATA-PAGINATION-SELECT__COLOR);
}
.ids-data-pagination ::slotted(select) {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  display: flex !important;
  box-sizing: border-box;
  color: var(--IDS-DATA-PAGINATION-SELECT__COLOR);
  cursor: pointer !important;
  padding: var(--IDS-DATA-PAGINATION-SELECT__PADDING) !important;
  border: var(--IDS-DATA-PAGINATION-SELECT__BORDER-THICKNESS) solid var(--IDS-DATA-PAGINATION-SELECT__BORDER-COLOR) !important;
  border-radius: 0.313rem !important;
  width: 100% !important;
  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
}
.ids-data-pagination ::slotted(select) option {
  height: 1.25rem !important;
}
.ids-data-pagination.ids-data-pagination--light ::slotted(select) {
  background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
}
.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button) {
  position: relative;
  cursor: pointer;
  background-size: 1rem 1rem;
  height: 2rem !important;
  width: 2rem !important;
  background-color: transparent;
  border: 0.063rem solid transparent !important;
  border-radius: 100% !important;
  color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
  flex-shrink: 0;
}
.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button):after {
  font: icon;
  font-family: "Inera-Design-Icons" !important;
  display: block;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e6ff";
  font-size: 1rem;
  line-height: 1rem;
  color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:hover) {
  color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR);
  background-color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);
}
.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:hover):after {
  color: var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR);
}
.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:active) {
  color: var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR) !important;
  background-color: var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR) !important;
}
.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:focus-visible) {
  outline: var(--IDS-FOCUS__OUTLINE) !important;
  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR) !important;
}
.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:disabled) {
  cursor: default;
  pointer-events: none;
}
.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:disabled):after {
  color: var(--IDS-ICON--DISABLED-COLOR);
  background-color: transparent;
}
.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button) {
  position: relative;
  cursor: pointer;
  background-size: 1rem 1rem;
  height: 2rem !important;
  width: 2rem !important;
  background-color: transparent;
  border: 0.063rem solid transparent !important;
  border-radius: 100% !important;
  color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
  flex-shrink: 0;
}
.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button):after {
  font: icon;
  font-family: "Inera-Design-Icons" !important;
  display: block;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e937";
  font-size: 1rem;
  line-height: 1rem;
  color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover) {
  color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR);
  background-color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);
}
.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover):after {
  color: var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR);
}
.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:active) {
  color: var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR) !important;
  background-color: var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR) !important;
}
.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:focus-visible) {
  outline: var(--IDS-FOCUS__OUTLINE) !important;
  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR) !important;
}
.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled) {
  cursor: default;
  pointer-events: none;
}
.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled):after {
  color: var(--IDS-ICON--DISABLED-COLOR);
  background-color: transparent;
}
.ids-data-pagination .ids-data-pagination__next-button ::slotted(button) {
  position: relative;
  cursor: pointer;
  background-size: 1rem 1rem;
  height: 2rem !important;
  width: 2rem !important;
  background-color: transparent;
  border: 0.063rem solid transparent !important;
  border-radius: 100% !important;
  color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
  flex-shrink: 0;
}
.ids-data-pagination .ids-data-pagination__next-button ::slotted(button):after {
  font: icon;
  font-family: "Inera-Design-Icons" !important;
  display: block;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e938";
  font-size: 1rem;
  line-height: 1rem;
  color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover) {
  color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR);
  background-color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);
}
.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover):after {
  color: var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR);
}
.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:active) {
  color: var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR) !important;
  background-color: var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR) !important;
}
.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:focus-visible) {
  outline: var(--IDS-FOCUS__OUTLINE) !important;
  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR) !important;
}
.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled) {
  cursor: default;
  pointer-events: none;
}
.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled):after {
  color: var(--IDS-ICON--DISABLED-COLOR);
  background-color: transparent;
}
.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button) {
  position: relative;
  cursor: pointer;
  background-size: 1rem 1rem;
  height: 2rem !important;
  width: 2rem !important;
  background-color: transparent;
  border: 0.063rem solid transparent !important;
  border-radius: 100% !important;
  color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
  flex-shrink: 0;
}
.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button):after {
  font: icon;
  font-family: "Inera-Design-Icons" !important;
  display: block;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e6fe";
  font-size: 1rem;
  line-height: 1rem;
  color: var(--IDS-DATA-PAGINATION-BUTTON__COLOR);
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:hover) {
  color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR);
  background-color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);
}
.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:hover):after {
  color: var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR);
}
.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:active) {
  color: var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR) !important;
  background-color: var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR) !important;
}
.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:focus-visible) {
  outline: var(--IDS-FOCUS__OUTLINE) !important;
  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR) !important;
}
.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:disabled) {
  cursor: default;
  pointer-events: none;
}
.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:disabled):after {
  color: var(--IDS-ICON--DISABLED-COLOR);
  background-color: transparent;
}