@media (max-width: 639px) {
  .ids-desktop {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .ids-mobile {
    display: none !important;
  }
}

/*******
* ICONS
********/
/*******
* BUTTONS
********/
/*******
* SCROLLBAR
********/
/*******
* FORM
********/
/*******
* A11Y
********/
.ids--light, .ids--dark {
  --IDS-FONT-FAMILY-BASE: "Open Sans";
  --IDS-FONT-FAMILY-HEADING: "Inter";
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.875rem;
  --IDS-HEADING-XL__MARGIN-BOTTOM: 1.875rem;
  --IDS-HEADING-L__MARGIN-BOTTOM: 1.875rem;
  --IDS-PAGE-LIST__COLOR: var(--ids-color-brand-text-primary);
  --IDS-PAGE-LIST__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
  --IDS-PAGE-LIST__FONT-SIZE: 1.25rem;
  --IDS-PAGE-LIST__LINE-HEIGHT: 1.5rem;
  --IDS-PAGE-LIST__FONT-WEIGHT: 700;
  --IDS-PAGE-LIST__LETTER-SPACING: -0.025rem;
  --IDS-BULLET-LIST__MARKER-COLOR: var(--ids-color-brand-text-primary);
  --IDS-BULLET-LIST__MARKER-FONT-WEIGHT: bold;
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
}
.ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
}
.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
  --IDS-FONT-FAMILY-BASE: "Open Sans";
  --IDS-FONT-FAMILY-HEADING: "Poppins";
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
  --IDS-HEADING-XL__MARGIN-BOTTOM: 1.25rem;
  --IDS-HEADING-L__MARGIN-BOTTOM: 1.25rem;
  --IDS-PAGE-LIST__FONT-WEIGHT: 600;
  --IDS-PAGE-LIST__LETTER-SPACING: 0;
  --IDS-BULLET-LIST__MARKER-FONT-WEIGHT: normal;
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
}
.ids--light.ids--dark, .ids--dark.ids--dark {
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
}
.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
}

.ids-datepicker .ids-datepicker__input-wrapper {
  position: relative;
}
.ids-datepicker .ids-datepicker__input {
  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
  padding: var(--IDS-INPUT__PADDING);
  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
  border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
  border-radius: var(--IDS-BORDER-RADIUS);
  font-size: 1rem;
  color: var(--IDS-FORM__COLOR);
  display: block;
}
.ids-datepicker .ids-datepicker__input::placeholder {
  color: var(--IDS-FORM__COLOR);
}
.ids-datepicker .ids-datepicker__input:hover {
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
}
.ids-datepicker .ids-datepicker__input:active {
  border-color: var(--IDS-INPUT__ACTIVE-BORDER-COLOR);
  background-color: var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);
}
.ids-datepicker .ids-datepicker__input:focus-visible, .ids-datepicker .ids-datepicker__input:focus-visible:hover {
  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
  border-color: var(--IDS-INPUT__FOCUS-BORDER-COLOR);
}
.ids-datepicker .ids-datepicker__input:disabled, .ids-datepicker .ids-datepicker__input[readonly], .ids-datepicker .ids-datepicker__input[readonly]:focus-visible, .ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover {
  color: var(--IDS-FORM--DISABLED__COLOR);
  font-style: italic !important;
  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
  border: var(--IDS-FORM--DISABLED__BORDER);
  opacity: 1;
  -webkit-text-fill-color: inherit;
}
.ids-datepicker .ids-datepicker__input:disabled::placeholder, .ids-datepicker .ids-datepicker__input[readonly]::placeholder, .ids-datepicker .ids-datepicker__input[readonly]:focus-visible::placeholder, .ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover::placeholder {
  color: var(--IDS-FORM--DISABLED__COLOR);
}
.ids-datepicker .ids-datepicker__input.ids-input--invalid, .ids-datepicker .ids-datepicker__input[aria-invalid=true] {
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
  border: var(--IDS-FORM--INVALID__BORDER);
  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
}
.ids-datepicker .ids-datepicker__input.ids-input--light {
  background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
}
.ids-datepicker .ids-datepicker__input.ids-input--light:hover {
  background-color: var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR);
}
.ids-datepicker .ids-datepicker__input.ids-input--light:active {
  border-color: var(--IDS-INPUT__ACTIVE-BORDER-COLOR);
  background-color: var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);
}
.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible, .ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible:hover {
  background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
}
.ids-datepicker .ids-datepicker__input.ids-input--light:disabled, .ids-datepicker .ids-datepicker__input.ids-input--light[readonly], .ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible, .ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover {
  color: var(--IDS-FORM--DISABLED__COLOR);
  font-style: italic !important;
  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
  border: var(--IDS-FORM--DISABLED__BORDER);
  opacity: 1;
  -webkit-text-fill-color: inherit;
}
.ids-datepicker .ids-datepicker__input.ids-input--light:disabled::placeholder, .ids-datepicker .ids-datepicker__input.ids-input--light[readonly]::placeholder, .ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible::placeholder, .ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover::placeholder {
  color: var(--IDS-FORM--DISABLED__COLOR);
}
.ids-datepicker .ids-datepicker__input.ids-input--light.ids-input--invalid, .ids-datepicker .ids-datepicker__input.ids-input--light[aria-invalid=true] {
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
  border: var(--IDS-FORM--INVALID__BORDER);
  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
}
.ids-datepicker .ids-datepicker__input:focus-visible {
  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids-datepicker .ids-datepicker__input {
  width: 100% !important;
  height: var(--IDS-INPUT__HEIGHT);
  padding-right: 4.25rem;
}
.ids-datepicker.ids-datepicker--invalid .ids-datepicker__input {
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
  border: var(--IDS-FORM--INVALID__BORDER);
  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
}
.ids-datepicker .ids-datepicker__trigger {
  cursor: pointer;
  border: 0.125rem solid transparent;
  background-color: var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);
  color: var(--IDS-DATEPICKER__BUTTON-COLOR);
  font-family: var(--IDS-FONT-FAMILY-BASE);
}
.ids-datepicker .ids-datepicker__trigger:hover {
  color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
  background-color: var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);
  border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR);
}
.ids-datepicker .ids-datepicker__trigger:hover:before {
  color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
}
.ids-datepicker .ids-datepicker__trigger:active, .ids-datepicker .ids-datepicker__trigger:active:hover {
  color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
  background-color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);
  border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);
}
.ids-datepicker .ids-datepicker__trigger:active:before, .ids-datepicker .ids-datepicker__trigger:active:hover:before {
  color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
}
.ids-datepicker .ids-datepicker__trigger:disabled, .ids-datepicker .ids-datepicker__trigger[disabled], .ids-datepicker .ids-datepicker__trigger[aria-disabled=true] {
  color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR) !important;
  background-color: var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR) !important;
  border-color: transparent;
  pointer-events: none;
  font-weight: normal;
}
.ids-datepicker .ids-datepicker__trigger:disabled:before, .ids-datepicker .ids-datepicker__trigger[disabled]:before, .ids-datepicker .ids-datepicker__trigger[aria-disabled=true]:before {
  color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR) !important;
}
.ids-datepicker .ids-datepicker__trigger {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  height: var(--IDS-INPUT__HEIGHT);
  width: 3.25rem;
  background-color: var(--IDS-DATEPICKER__TRIGGER-BUTTON-BACKGROUND-COLOR);
  border-top-right-radius: var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);
  border-bottom-right-radius: var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);
}
.ids-datepicker .ids-datepicker__trigger:before {
  font: icon;
  font-family: "Inera-Design-Icons" !important;
  display: block;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e944";
  font-size: 1.25rem;
  color: var(--IDS-DATEPICKER__TRIGGER-BUTTON-COLOR);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ids-datepicker .ids-datepicker__trigger:disabled {
  border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR);
}
.ids-datepicker .ids-datepicker__trigger:disabled:before {
  color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR);
}
.ids-datepicker .ids-datepicker__dialog {
  position: absolute;
  z-index: 200;
  right: 0;
  padding: 1rem;
  top: var(--IDS-INPUT__HEIGHT);
  margin-top: 0.25rem;
  border: 0.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);
  border-radius: var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);
  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
  background-color: var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);
  display: none;
}
.ids-datepicker .ids-datepicker__dialog.ids-datepicker__dialog--show {
  display: block;
}
.ids-datepicker .ids-datepicker__dialog-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);
  padding-bottom: 0.75rem;
  margin-bottom: 0.5rem;
}
.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header {
  font-size: 1rem;
  font-family: var(--IDS-FONT-FAMILY-BASE);
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);
  font-weight: var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);
}
.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus, .ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus-visible {
  outline: none;
}
.ids-datepicker .ids-datepicker__dialog-close-button {
  font-family: var(--IDS-FONT-FAMILY-BASE);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 100%;
  cursor: pointer;
  position: absolute;
  height: 2.25rem;
  width: 2.25rem;
  border-color: transparent;
  background-color: var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);
  right: 0.5rem;
  top: 0.5rem;
}
.ids-datepicker .ids-datepicker__dialog-close-button::before {
  font: icon;
  font-family: "Inera-Design-Icons" !important;
  display: block;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e934";
  font-size: 1rem;
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ids-datepicker .rdp-dropdowns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root {
  position: relative;
  cursor: pointer;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root:first-of-type {
  margin-right: 0.5rem;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown {
  padding: 0.125rem 0.25rem;
  border-radius: 0.0625rem;
  border-color: transparent;
  background-color: var(--IDS-DATEPICKER__SELECT-BACKGROUND-COLOR);
  cursor: pointer;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:active {
  border-color: transparent;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:disabled {
  pointer-events: none;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__month-select {
  width: 7.25rem;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__year-select {
  width: 4.5rem;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label {
  cursor: pointer;
  pointer-events: none;
  text-transform: capitalize;
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  right: 0.25rem;
  background-color: var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);
  font-size: 1rem;
  font-family: var(--IDS-FONT-FAMILY-BASE);
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);
  font-weight: var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label::before {
  font: icon;
  font-family: "Inera-Design-Icons" !important;
  display: block;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e936";
  font-size: 1rem;
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);
  right: 0.125rem;
  top: 50%;
  transform: translateY(-50%);
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label svg {
  display: none;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-dropdown_root {
  cursor: default;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label {
  pointer-events: none;
  color: var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR) !important;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label:before {
  color: var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR) !important;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev,
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next {
  cursor: pointer;
  border: 0.125rem solid transparent;
  background-color: var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);
  color: var(--IDS-DATEPICKER__BUTTON-COLOR);
  font-family: var(--IDS-FONT-FAMILY-BASE);
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover,
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover {
  color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
  background-color: var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);
  border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR);
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover:before,
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover:before {
  color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active, .ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover,
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active,
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover {
  color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
  background-color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);
  border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:before, .ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover:before,
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:before,
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover:before {
  color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled, .ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled], .ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true],
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled,
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled],
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true] {
  color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR) !important;
  background-color: var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR) !important;
  border-color: transparent;
  pointer-events: none;
  font-weight: normal;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled:before, .ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]:before, .ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true]:before,
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled:before,
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled]:before,
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true]:before {
  color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR) !important;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev,
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next {
  font-family: var(--IDS-FONT-FAMILY-BASE);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 100%;
  position: relative;
  height: 2.25rem;
  width: 2.25rem;
  padding: 0;
  border: 0.0625rem solid transparent;
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev::before,
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next::before {
  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;
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next::before {
  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;
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ids-datepicker .rdp-month_grid {
  margin-top: 0.75rem;
}
.ids-datepicker .ids-datepicker__week-number-header,
.ids-datepicker .rdp-week_number {
  font-weight: normal;
  font-size: 0.75rem;
  font-family: var(--IDS-FONT-FAMILY-BASE);
  color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR);
  padding-right: 0.25rem;
}
.ids-datepicker .rdp-weekday {
  font-weight: var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: var(--IDS-FONT-FAMILY-BASE);
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);
}
.ids-datepicker .rdp-day .rdp-day_button {
  cursor: pointer;
  border: 0.125rem solid transparent;
  background-color: var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);
  color: var(--IDS-DATEPICKER__BUTTON-COLOR);
  font-family: var(--IDS-FONT-FAMILY-BASE);
}
.ids-datepicker .rdp-day .rdp-day_button:hover {
  color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
  background-color: var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);
  border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR);
}
.ids-datepicker .rdp-day .rdp-day_button:hover:before {
  color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
}
.ids-datepicker .rdp-day .rdp-day_button:active, .ids-datepicker .rdp-day .rdp-day_button:active:hover {
  color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
  background-color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);
  border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);
}
.ids-datepicker .rdp-day .rdp-day_button:active:before, .ids-datepicker .rdp-day .rdp-day_button:active:hover:before {
  color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
}
.ids-datepicker .rdp-day .rdp-day_button:disabled, .ids-datepicker .rdp-day .rdp-day_button[disabled], .ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true] {
  color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR) !important;
  background-color: var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR) !important;
  border-color: transparent;
  pointer-events: none;
  font-weight: normal;
}
.ids-datepicker .rdp-day .rdp-day_button:disabled:before, .ids-datepicker .rdp-day .rdp-day_button[disabled]:before, .ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true]:before {
  color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR) !important;
}
.ids-datepicker .rdp-day .rdp-day_button {
  font-family: var(--IDS-FONT-FAMILY-BASE);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 100%;
  justify-self: center;
}
.ids-datepicker .rdp-day.rdp-today .rdp-day_button {
  border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-TODAY-BORDER-COLOR);
}
.ids-datepicker .rdp-day.rdp-today .rdp-day_button:hover {
  border-color: var(--IDS-DATEPICKER__BUTTON-TODAY-HOVER-BORDER-COLOR);
}
.ids-datepicker .rdp-day[aria-focused=true], .ids-datepicker .rdp-day:focus-visible {
  border-radius: 100%;
  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
}
.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button {
  color: var(--IDS-DATEPICKER__BUTTON-SELECTED-COLOR);
  background-color: var(--IDS-DATEPICKER__BUTTON-SELECTED-BACKGROUND-COLOR);
  border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-SELECTED-BORDER-COLOR);
}
.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button:disabled {
  border-color: var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR) !important;
}
@media (max-width: 640px) {
  .ids-datepicker .ids-datepicker__overlay {
    position: fixed;
    z-index: 200;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: var(--IDS-OVERLAY__BACKGROUND-COLOR);
  }
  .ids-datepicker .ids-datepicker__dialog {
    z-index: 210;
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    min-height: 21rem !important;
  }
  .ids-datepicker .rdp-month_grid {
    table-layout: fixed;
    width: 100%;
  }
}