/**
 * Css variables
 *
 * These variables can be used to customize how the form looks
 * Overwrite these on the :root component
 */
html {
  --ubHeaderFontFamily: var(--ubFontFamily);
  --ubHeaderFontWeight: bold;
  --ubHeaderTextTransform: none;
  --ubHeaderTextShadow: none;
  --ubHeaderColor: inherit;
  --ubTitleFontSize: 2em;
  --ubTitleFontFamily: var(--ubHeaderFontFamily);
  --ubTitleFontWeight: var(--ubHeaderFontWeight);
  --ubTitleTextTransform: var(--ubHeaderTextTransform);
  --ubTitleTextShadow: var(--ubHeaderTextShadow);
  --ubTitleColor: var(--ubHeaderColor);
  --ubH1FontSize: 2em;
  --ubH1FontFamily: var(--ubHeaderFontFamily);
  --ubH1FontWeight: var(--ubHeaderFontWeight);
  --ubH1TextTransform: var(--ubHeaderTextTransform);
  --ubH1TextShadow: var(--ubHeaderTextShadow);
  --ubH1Color: var(--ubHeaderColor);
  --ubH2FontSize: 1.5em;
  --ubH2FontFamily: var(--ubHeaderFontFamily);
  --ubH2FontWeight: var(--ubHeaderFontWeight);
  --ubH2TextTransform: var(--ubHeaderTextTransform);
  --ubH2TextShadow: var(--ubHeaderTextShadow);
  --ubH2Color: var(--ubHeaderColor);
  --ubH3FontSize: 1.17em;
  --ubH3FontFamily: var(--ubHeaderFontFamily);
  --ubH3FontWeight: var(--ubHeaderFontWeight);
  --ubH3TextTransform: var(--ubHeaderTextTransform);
  --ubH3TextShadow: var(--ubHeaderTextShadow);
  --ubH3Color: var(--ubHeaderColor);
  --ubH4FontSize: 1em;
  --ubH4FontFamily: var(--ubHeaderFontFamily);
  --ubH4FontWeight: var(--ubHeaderFontWeight);
  --ubH4TextTransform: var(--ubHeaderTextTransform);
  --ubH4TextShadow: var(--ubHeaderTextShadow);
  --ubH4Color: var(--ubHeaderColor);
}

html {
  --ubButtonPadding: 15px 60px;
  --ubButtonColor: #FFF;
  --ubButtonColorHover: var(--ubButtonColor);
  --ubButtonBackground: #327C18;
  --ubButtonBackgroundHover: #275937;
  --ubDeleteButtonColor: #FFF;
  --ubDeleteButtonColorHover: #D52B1E;
  --ubDeleteButtonBackground: #D52B1E;
  --ubDeleteButtonBackgroundHover: #F9DFDD;
  --ubButtonBorder: none;
  --ubButtonBorderTop: unset;
  --ubButtonBorderBottom: unset;
  --ubButtonBorderLeft: unset;
  --ubButtonBorderRight: unset;
  --ubButtonBorderHover: var(--ubButtonBorder);
  --ubButtonBorderTopHover: var(--ubButtonBorderHover, var(--ubButtonBorderTop));
  --ubButtonBorderBottomHover: var(--ubButtonBorderHover, var(--ubButtonBorderBottom));
  --ubButtonBorderLeftHover: var(--ubButtonBorderHover, var(--ubButtonBorderLeft));
  --ubButtonBorderRightHover: var(--ubButtonBorderHover, var(--ubButtonBorderRight));
  --ubButtonBorderRadius: 3px;
  --ubButtonFontFamily: var(--ubFontFamily);
  --ubButtonFontSize: 1em;
  --ubButtonFontWeight: normal;
  --ubButtonTextTransform: none;
}

html {
  --ubLinkTextDecoration: underline;
  --ubLinkTextDecorationHover: none;
  --ubLinkTextDecorationDisabled: none;
  --ubLinkColor: #01689B;
  --ubLinkColorHover: #014668;
  --ubLinkColorDisabled: var(--ubBlack);
}

/*
Background
Padding
Border
BorderTop
BorderBottom
BorderLeft
BorderRight
BorderRadius
 */
/*
The containers are laid out as follows:
*---------------------------*
| Main                      |
| *--------*  *-----------* |
| | Menu   |  | Content   | |
| |        |  |           | |
| *--------*  |           | |
|             |           | |
|             *-----------* |
*---------------------------*

Content contains:
- Forms
- Dashboard blocks
 */
html {
  /* Main Container */
  --ubMainContainerGap: 30px;
  --ubMainContainerBackground: transparant;
  --ubMainContainerPadding: 10px 0;
  --ubMainContainerPaddingMobile: 10px;
  --ubMainContainerBorder: none;
  --ubMainContainerBorderTop: unset;
  --ubMainContainerBorderBottom: unset;
  --ubMainContainerBorderLeft: unset;
  --ubMainContainerBorderRight: unset;
  --ubMainContainerBorderRadius: 0;
  /* Content (dashboard-block / form-content) */
  --ubContentBackground: transparent;
  --ubContentPadding: 15px;
  --ubContentPaddingMobile: 0;
  --ubContentBorder: none;
  --ubContentBorderTop: unset;
  --ubContentBorderBottom: unset;
  --ubContentBorderLeft: unset;
  --ubContentBorderRight: unset;
  --ubContentBorderRadius: 0;
  /* Form content */
  --ubFormBackground: var(--ubContentBackground);
  --ubFormPadding: var(--ubContentPadding);
  --ubFormPaddingMobile: var(--ubContentPaddingMobile);
  --ubFormBorder: var(--ubContentBorder);
  --ubFormBorderTop: var(--ubContentBorderTop);
  --ubFormBorderBottom: var(--ubContentBorderBottom);
  --ubFormBorderLeft: var(--ubContentBorderLeft);
  --ubFormBorderRight: var(--ubContentBorderRight);
  --ubFormBorderRadius: var(--ubContentBorderRadius);
  /* Dashboard blocks */
  --ubPortalLoginFormBackground: var(--ubPortalBackground);
  --ubPortalLoginFormPadding: 0;
  --ubPortalBackground: var(--ubContentBackground);
  --ubPortalPadding: var(--ubContentPadding);
  --ubPortalPaddingMobile: var(--ubContentPaddingMobile);
  --ubPortalBorder: var(--ubContentBorder);
  --ubPortalBorderTop: var(--ubContentBorderTop);
  --ubPortalBorderBottom: var(--ubContentBorderBottom);
  --ubPortalBorderLeft: var(--ubContentBorderLeft);
  --ubPortalBorderRight: var(--ubContentBorderRight);
  --ubPortalBorderRadius: var(--ubContentBorderRadius);
}

html {
  /* General */
  --ubMenuPadding: 5px 0 5px 0;
  --ubMenuBackground: transparent;
  --ubMenuBorder: none;
  --ubMenuBorderTop: unset;
  --ubMenuBorderBottom: unset;
  --ubMenuBorderLeft: unset;
  --ubMenuBorderRight: unset;
  --ubMenuBorderRadius: unset;
  --ubMenuItemPadding: 10px 10px 10px 0;
  --ubMenuItemBackgroundHover: normal;
  --ubMenuItemTextDecorationHover: none;
  --ubMenuItemTextColor: var(--ubBlack);
  --ubMenuItemTextColorHover: var(--ubPrimaryColor);
  --ubMenuItemTextColorActive: var(--ubPrimaryColor);
  --ubMenuItemTextColorDisabled: var(--ubGray);
  --ubMenuItemIconColorActive: var(--ubMenuItemTextColorActive);
  --ubMenuItemIconColorIncomplete: var(--ubGray);
  --ubMenuItemIconColorCompleted: var(--ubGreen);
  /* Form Navigation */
  --ubFormNavigationPadding: var(--ubMenuPadding);
  --ubFormNavigationBackground: var(--ubFormBackground, var(--ubMenuBackground));
  --ubFormNavigationBorder: var(--ubMenuBorder);
  --ubFormNavigationBorderTop: var(--ubMenuBorderTop);
  --ubFormNavigationBorderBottom: var(--ubMenuBorderBottom);
  --ubFormNavigationBorderLeft: var(--ubMenuBorderLeft);
  --ubFormNavigationBorderRight: var(--ubMenuBorderRight);
  --ubFormNavigationBorderRadius: var(--ubMenuBorderRadius);
  /* Portal Navigation */
  --ubPortalNavigationPadding: var(--ubMenuPadding);
  --ubPortalNavigationBackground: var(--ubPortalBackground, var(--ubMenuBackground));
  --ubPortalNavigationBorder: var(--ubMenuBorder);
  --ubPortalNavigationBorderTop: var(--ubMenuBorderTop);
  --ubPortalNavigationBorderBottom: var(--ubMenuBorderBottom);
  --ubPortalNavigationBorderLeft: var(--ubMenuBorderLeft);
  --ubPortalNavigationBorderRight: var(--ubMenuBorderRight);
  --ubPortalNavigationBorderRadius: var(--ubMenuBorderRadius);
}

html {
  --ubLabelColor: var(--ubTextColor);
  --ubInputColor: var(--ubBlack);
  --ubPlaceholderColor: var(--ubGray);
  --ubInputBackgroundColor: var(--ubWhite);
  --ubInputBorderColor: var(--ubGray);
  --ubInputBorder: 1px solid var(--ubInputBorderColor);
  --ubInputBorderTop: unset;
  --ubInputBorderBottom: unset;
  --ubInputBorderLeft: unset;
  --ubInputBorderRight: unset;
  --ubInputBorderRadius: 3px;
  --ubNoteColor: var(--ubBlack);
  --ubFieldStatusBorderRadius: var(--ubInputBorderRadius);
  --ubNoteBorderRadius: var(--ubInputBorderRadius);
  --ubUploadFileButtonBackgroundColor: #E6E9EC;
  --ubUploadFileButtonBackgroundColorHover: #C6C9CC;
}

html {
  /* Main defaults */
  --ubFontFamily: arial, sans-serif;
  --ubMainFontSize: 16px; /*All other elements use EM units*/
  --ubFormLineHeight: 1.5em;
  /* Colors */
  --ubPrimaryColor: #146FBF;
  --ubTextColor: inherit;
  --ubBlack: #000;
  --ubGray: #707070;
  --ubLightGray: #8F8F8F;
  --ubWhite: #FFF;
  --ubGreen: #327C18;
  --ubInfoColor: #D9EBF7;
  --ubInfoColorDark: #007BC7;
  --ubWarnColor: #FFF4DB;
  --ubWarnColorDark: #FFB612;
  --ubConfirmColor: #E1EDDB;
  --ubConfirmColorDark: #39870C;
  --ubErrorColor: #F9DFDD;
  --ubErrorColorDark: #D52B1E;
  --ubToggleableBackgroundColor: #F0F5FF;
  --ubLoadingColor: var(--ubPrimaryColor);
  --ubReadOnlyColor: #EBEBEB;
}

/**
 * Import all component based SCSS files here
 */
@keyframes ub-loading-dot {
  0% {
    background-color: rgba(33, 134, 216, 0);
    top: -20px;
  }
  25%, 50%, 75% {
    background-color: var(--ubLoadingColor);
    top: 0;
  }
  100% {
    background-color: rgba(33, 134, 216, 0);
    top: 20px;
  }
}
/* Container should cover whole parent container, showing loading in the center */
.ub-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.ub-question-field .ub-loader-container {
  min-height: 45px;
}

.ub-loader {
  position: relative;
  width: 55px;
}
.ub-loader > .ub-loading-dot:nth-child(1) {
  animation-delay: 0s;
}
.ub-loader > .ub-loading-dot:nth-child(2) {
  animation-delay: 0.1s;
  left: 20px;
}
.ub-loader > .ub-loading-dot:nth-child(3) {
  animation-delay: 0.2s;
  left: 40px;
}

.ub-loading-dot {
  width: 15px;
  height: 15px;
  position: absolute;
  border-radius: 100%;
  animation: ub-loading-dot 1s infinite linear;
}

#ub-candidate-portal .ub-error-message,
#ub-event-form .ub-error-message,
#ub-apply-form .ub-error-message {
  display: inline-block;
  padding: 15px;
  font-size: 1em;
  background-color: var(--ubErrorColor);
  border-left: 4px solid var(--ubErrorColorDark);
}
#ub-candidate-portal .ub-error-message-container,
#ub-event-form .ub-error-message-container,
#ub-apply-form .ub-error-message-container {
  width: 100%;
  text-align: center;
}

button.ub-anchor-button {
  text-decoration: var(--ubLinkTextDecoration);
  color: var(--ubLinkColor);
  background-color: transparent;
  border: none;
  text-transform: none;
}
button.ub-anchor-button:hover {
  text-decoration: var(--ubLinkTextDecorationHover);
  color: var(--ubLinkColorHover);
}
button.ub-anchor-button.ub-disabled {
  text-decoration: var(--ubLinkTextDecorationDisabled);
  color: var(--ubLinkColorDisabled);
}
button.ub-anchor-button:hover {
  background-color: transparent;
  cursor: pointer;
}
button.ub-anchor-button.ub-as-link {
  display: block;
  padding: 0;
  margin: 0 0 15px 0;
  font-size: 1em;
}
button.ub-anchor-button.ub-inline {
  display: inline-block;
  background-color: transparent;
  padding: var(--ubButtonPadding);
  font: var(--ubButtonFontFamily);
  font-size: var(--ubButtonFontSize);
}
button.ub-anchor-button.ub-inline.ub-disabled {
  cursor: default;
}

.ub-vacancy-download-full-width button.ub-anchor-button.ub-as-link,
.ub-vacancy-download button.ub-anchor-button.ub-as-link {
  display: inline-block;
  margin: 0 0 0 15px;
  padding: 0;
}

button.ub-button-as-icon,
button.ub-button-as-icon:hover {
  background-color: transparent;
  color: var(--ubBlack);
  border: none;
  cursor: pointer;
  font-size: 1.5em;
  margin: 0;
  padding: 0;
}

.ub-form-error-summary-container {
  width: 60%;
  margin-bottom: 25px;
}
.ub-form-error-summary-container .ub-field-status--error {
  padding: 10px;
  margin: 0;
  border-left: 4px solid var(--ubErrorColorDark);
  background-color: var(--ubErrorColor);
  border-radius: var(--ubFieldStatusBorderRadius);
}

progress[value].ub-progress-bar {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 25px;
  width: 100%;
  border: 1px solid var(--ubLighterGray);
  --color: var(--ubPrimaryButtonColor);
  --background: var(--ubWhite);
}
progress[value].ub-progress-bar::-webkit-progress-bar {
  background: var(--ubWhite);
}
progress[value].ub-progress-bar::-webkit-progress-value {
  background: var(--ubPrimaryButtonColor);
}

.ub-dropdown {
  flex-basis: 100%;
  position: relative;
  cursor: pointer;
}
.ub-dropdown .ub-icon {
  font-weight: normal;
}
.ub-dropdown .ub-icon:before {
  margin-right: 10px;
}
.ub-dropdown .ub-dropdown-combobox {
  color: var(--ubInputColor);
  border-top: var(--ubInputBorderTop, var(--ubInputBorder));
  border-bottom: var(--ubInputBorderBottom, var(--ubInputBorder));
  border-left: var(--ubInputBorderLeft, var(--ubInputBorder));
  border-right: var(--ubInputBorderRight, var(--ubInputBorder));
  border-radius: var(--ubInputBorderRadius);
  padding: 12px;
  position: relative;
  color: var(--ubMenuItemTextColorActive);
  font-weight: bold;
}
.ub-dropdown .ub-dropdown-combobox:not([disabled]):not([readonly]) {
  background-color: var(--ubInputBackgroundColor);
}
.ub-dropdown .ub-dropdown-combobox:after {
  box-sizing: border-box;
  --moz-box-sizing: border-box;
  --webkit-box-sizing: border-box;
  border-bottom: 2px solid var(--ubGray);
  border-right: 2px solid var(--ubGray);
  content: "";
  position: absolute;
  display: block;
  height: 10px;
  width: 10px;
  right: 12px;
  top: 50%;
  pointer-events: none;
  transform: translate(0, -65%) rotate(45deg);
}
.ub-dropdown .ub-dropdown-listbox {
  color: var(--ubInputColor);
  border-top: var(--ubInputBorderTop, var(--ubInputBorder));
  border-bottom: var(--ubInputBorderBottom, var(--ubInputBorder));
  border-left: var(--ubInputBorderLeft, var(--ubInputBorder));
  border-right: var(--ubInputBorderRight, var(--ubInputBorder));
  border-radius: var(--ubInputBorderRadius);
  visibility: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: scroll;
  z-index: 100;
}
.ub-dropdown .ub-dropdown-listbox:not([disabled]):not([readonly]) {
  background-color: var(--ubInputBackgroundColor);
}
.ub-dropdown .ub-dropdown-listbox.ub-dropdown--open, .ub-dropdown .ub-dropdown-listbox:active {
  visibility: visible;
}
.ub-dropdown .ub-dropdown-listbox .ub-dropdown-option {
  padding: 12px;
  color: var(--ubInputColor);
}
.ub-dropdown .ub-dropdown-listbox .ub-dropdown-option.ub-dropdown-option--selected {
  color: var(--ubMenuItemTextColorActive);
  font-weight: bold;
}
.ub-dropdown .ub-dropdown-listbox .ub-dropdown-option.ub-dropdown-option--active, .ub-dropdown .ub-dropdown-listbox .ub-dropdown-option:hover, .ub-dropdown .ub-dropdown-listbox .ub-dropdown-option:focus-within {
  color: var(--ubMenuItemTextColorActive);
  background: var(--ubMenuItemBackgroundHover);
}

.ub-input-wrapper {
  display: flex;
}

.ub-country-dropdown {
  color: var(--ubInputColor);
  border-top: var(--ubInputBorderTop, var(--ubInputBorder));
  border-bottom: var(--ubInputBorderBottom, var(--ubInputBorder));
  border-left: var(--ubInputBorderLeft, var(--ubInputBorder));
  border-right: var(--ubInputBorderRight, var(--ubInputBorder));
  border-radius: var(--ubInputBorderRadius);
  position: relative;
  display: inline-block;
  flex-basis: 0;
}
.ub-country-dropdown:not([disabled]):not([readonly]) {
  background-color: var(--ubInputBackgroundColor);
}
.ub-country-dropdown button.ub-country-dropdown-button {
  width: 50px;
  cursor: pointer;
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 12px 8px;
  background: none;
  border: 0;
  margin: 0;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.ub-country-dropdown button.ub-country-dropdown-button:hover {
  background-color: var(--iti-hover-color);
}
.ub-country-dropdown .ub-dropdown-listbox {
  top: 42px;
  padding: 0 var(--iti-spacer-horizontal);
  overflow-y: scroll;
  max-height: 200px;
  width: 100%;
  min-width: 400px;
}
.ub-country-dropdown .ub-dropdown-listbox li {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 0;
  box-sizing: border-box;
}
.ub-country-dropdown .ub-dropdown-listbox li:hover {
  cursor: pointer;
  background-color: var(--iti-hover-color);
}

.ub-multiselect-option:hover {
  color: var(--ubMenuItemTextColorActive);
  background: var(--ubMenuItemBackgroundHover);
}

.ub-form-section {
  gap: var(--ubMainContainerGap);
  background: var(--ubMainContainerBackground);
  padding: var(--ubMainContainerPadding);
  border-top: var(--ubMainContainerBorderTop, var(--ubMainContainerBorder));
  border-bottom: var(--ubMainContainerBorderBottom, var(--ubMainContainerBorder));
  border-left: var(--ubMainContainerBorderLeft, var(--ubMainContainerBorder));
  border-right: var(--ubMainContainerBorderRight, var(--ubMainContainerBorder));
  border-radius: var(--ubMainContainerBorderRadius);
  display: flex;
  flex-flow: wrap;
  flex-direction: row;
  align-items: start;
  max-width: 900px;
  position: relative;
}
.ub-form-section.ub-form--mobile {
  flex-direction: column;
  align-items: normal;
  padding: var(--ubMainContainerPaddingMobile);
}
.ub-form-section.ub-form-no-navigation .ub-form-content {
  padding-left: 0;
}
.ub-form-section .ub-form {
  flex: 2;
}
.ub-form-section .ub-form-title {
  font-size: var(--ubTitleFontSize);
  font-family: var(--ubTitleFontFamily), sans-serif;
  font-weight: var(--ubTitleFontWeight);
  text-transform: var(--ubTitleTextTransform);
  text-shadow: var(--ubTitleTextShadow);
  color: var(--ubTitleColor);
  width: 100%;
  margin-bottom: 0;
}
.ub-form-section .ub-form-sub-title {
  font-size: var(--ubH2FontSize);
  font-family: var(--ubH2FontFamily), sans-serif;
  font-weight: var(--ubH2FontWeight);
  text-transform: var(--ubH2TextTransform);
  text-shadow: var(--ubH2TextShadow);
  color: var(--ubH2Color);
  width: 100%;
  margin: 0;
}

.ub-form-section .ub-form-details {
  padding: var(--ubFormNavigationPadding);
  background: var(--ubFormNavigationBackground);
  border: var(--ubFormNavigationBorder);
  border-top: var(--ubFormNavigationBorderTop);
  border-bottom: var(--ubFormNavigationBorderBottom);
  border-left: var(--ubFormNavigationBorderLeft);
  border-right: var(--ubFormNavigationBorderRight);
  border-radius: var(--ubFormNavigationBorderRadius);
  flex: 1;
  min-width: 150px;
  box-sizing: border-box;
}

.ub-form-section .ub-form-details-mobile {
  user-select: none;
}

.ub-dropdown .ub-dropdown-option:has(> .ub-section-current) {
  color: var(--ubMenuItemTextColorActive);
}
.ub-dropdown .ub-dropdown-option:has(> .ub-section-completed),
.ub-dropdown .ub-dropdown-listbox .ub-dropdown-option:has(> .ub-form-completed),
.ub-dropdown .ub-dropdown-combobox:has(> .ub-form-completed) {
  color: var(--ubMenuItemIconColorCompleted);
  font-weight: bold;
}
.ub-dropdown .ub-section-uncompleted {
  color: var(--ubMenuItemIconColorIncomplete);
}
.ub-dropdown .ub-form-completed:hover {
  cursor: not-allowed;
}

.ub-form-content {
  background: var(--ubFormBackground);
  padding: var(--ubFormPadding);
  border-top: var(--ubFormBorderTop, var(--ubFormBorder));
  border-bottom: var(--ubFormBorderBottom, var(--ubFormBorder));
  border-left: var(--ubFormBorderLeft, var(--ubFormBorder));
  border-right: var(--ubFormBorderRight, var(--ubFormBorder));
  border-radius: var(--ubFormBorderRadius);
}
.ub-form-content .ub-section-title,
.ub-form-content .ub-form-content-title {
  font-size: var(--ubTitleFontSize);
  font-family: var(--ubTitleFontFamily), sans-serif;
  font-weight: var(--ubTitleFontWeight);
  text-transform: var(--ubTitleTextTransform);
  text-shadow: var(--ubTitleTextShadow);
  color: var(--ubTitleColor);
  width: 100%;
  margin: 0 0 15px 0;
}
.ub-form-content .ub-section-counter {
  color: var(--ubGray);
  font-size: 1.15em;
  font-weight: bold;
  margin: 0 0 15px 0;
}
.ub-form-content .ub-section-items {
  display: flex;
  flex-flow: row wrap;
  column-gap: 15px;
}

.ub-form--mobile .ub-form-content {
  width: 100%;
  padding: var(--ubFormPaddingMobile);
}

.ub-form-section .ub-form-question.ub-category-name {
  flex-grow: 1;
  width: 45%;
}

.ub-form-section .ub-form-question.ub-category-radius-search {
  flex-grow: 1;
  width: 45%;
}

.ub-form-question {
  width: 100%;
  margin-bottom: 25px;
}
.ub-form-question label.ub-input-label {
  display: block;
  margin-bottom: 10px;
  font-size: 1em;
  line-height: 1.5em;
  color: var(--ubLabelColor);
}
.ub-form-question label.ub-input-label.hidden {
  display: none;
}
.ub-form-question label.ub-input-label.ub-mandatory::after {
  display: inline-block;
  content: "*";
  width: 12px;
  margin-left: 4px;
  position: static;
  color: var(--ubErrorColorDark);
}
.ub-form-question .ub-question-field {
  /* Remove extra 1px padding from date fields */
}
.ub-form-question .ub-question-field input:not([type=checkbox]),
.ub-form-question .ub-question-field select,
.ub-form-question .ub-question-field button.ub-multiselect {
  color: var(--ubInputColor);
  border-top: var(--ubInputBorderTop, var(--ubInputBorder));
  border-bottom: var(--ubInputBorderBottom, var(--ubInputBorder));
  border-left: var(--ubInputBorderLeft, var(--ubInputBorder));
  border-right: var(--ubInputBorderRight, var(--ubInputBorder));
  border-radius: var(--ubInputBorderRadius);
  width: 100%;
  padding: 12px;
  box-sizing: border-box;
  font-size: 1em;
  font-family: var(--ubFontFamily), sans-serif;
  font-weight: normal;
  line-height: normal;
}
.ub-form-question .ub-question-field input:not([type=checkbox]):not([disabled]):not([readonly]),
.ub-form-question .ub-question-field select:not([disabled]):not([readonly]),
.ub-form-question .ub-question-field button.ub-multiselect:not([disabled]):not([readonly]) {
  background-color: var(--ubInputBackgroundColor);
}
.ub-form-question .ub-question-field .ub-select-container {
  position: relative;
}
.ub-form-question .ub-question-field .ub-select-container select {
  appearance: none;
}
.ub-form-question .ub-question-field .ub-select-container .ub-multiselect {
  appearance: none;
  text-align: start;
}
.ub-form-question .ub-question-field .ub-select-container .ub-icon.ub-icon-angle-down {
  position: absolute;
  pointer-events: none;
  top: 15px;
  right: 15px;
}
.ub-form-question .ub-question-field input[type=checkbox] {
  width: 20px;
  height: 20px;
  display: inline;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.ub-form-question .ub-question-field .ub-input-checkbox-label {
  color: var(--ubLabelColor);
  display: inline;
  vertical-align: middle;
}
.ub-form-question .ub-question-field .ub-input-checkbox-label.ub-mandatory::after {
  display: inline-block;
  content: "*";
  width: 12px;
  margin-left: 4px;
  position: static;
  color: var(--ubErrorColorDark);
}
.ub-form-question .ub-question-field input[type=date] {
  padding: 11px;
}
.ub-form-question .ub-question-field .ub-multiselect-wrapper {
  position: relative;
}
.ub-form-question .ub-question-field .ub-multiselect-wrapper .ub-multiselect-value {
  display: none;
}
.ub-form-question .ub-question-field .ub-multiselect-options {
  visibility: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  max-height: 200px;
  overflow-y: auto;
  border: var(--ubInputBorder);
  border-radius: var(--ubInputBorderRadius);
  background: var(--ubWhite);
  padding: 0;
  margin: 0;
}
.ub-form-question .ub-question-field .ub-multiselect-options legend {
  display: none;
}
.ub-form-question .ub-question-field .ub-multiselect-options.ub-multiselect-options-open, .ub-form-question .ub-question-field .ub-multiselect-options:active {
  visibility: visible;
}
.ub-form-question .ub-question-field .ub-multiselect-options .ub-multiselect-options-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1em;
}
.ub-form-question .ub-question-field .ub-multiselect-options .ub-multiselect-options-list .ub-multiselect-option {
  font-size: 1em;
  padding: 3px 12px;
  line-height: normal;
}
.ub-form-question .ub-question-field .ub-multiselect-options .ub-multiselect-options-list .ub-multiselect-option:first-child {
  padding: 12px 12px 3px 12px;
}
.ub-form-question .ub-question-field .ub-multiselect-options .ub-multiselect-options-list .ub-multiselect-option:last-child {
  padding: 3px 12px 12px 12px;
}
.ub-form-question .ub-question-field .ub-field-status {
  position: relative;
  display: block;
  padding: 10px;
  margin-top: 6px;
  border-radius: var(--ubNoteBorderRadius);
  border-left: 4px solid;
  color: var(--ubNoteColor);
}
.ub-form-question .ub-question-field .ub-field-status::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 100%;
  left: 8px;
  border: 6px solid transparent;
  border-top: none;
}
.ub-form-question .ub-question-field .ub-field-status--help {
  border-color: var(--ubInfoColorDark);
  background-color: var(--ubInfoColor);
}
.ub-form-question .ub-question-field .ub-field-status--help::before {
  border-bottom-color: var(--ubInfoColor);
}
.ub-form-question .ub-question-field .ub-field-status--error {
  border-color: var(--ubErrorColorDark);
  background-color: var(--ubErrorColor);
}
.ub-form-question .ub-question-field .ub-field-status--error::before {
  border-bottom-color: var(--ubErrorColor);
}
.ub-form-question .ub-question-field input[readonly] {
  background-color: var(--ubReadOnlyColor);
}

.ub-form-details .ub-section-list {
  font-size: inherit;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  width: 100%;
}
.ub-form-details .ub-section-list .ub-list-item {
  display: flex;
  align-items: center;
  font-size: 1.15em;
  line-height: normal;
  user-select: none;
  color: var(--ubMenuItemTextColor);
  padding: var(--ubMenuItemPadding);
}
.ub-form-details .ub-section-list .ub-list-item.ub-return-icon:before {
  font-size: 1.15em;
  color: var(--ubMenuItemTextColorHover);
  margin-right: 12px;
}
.ub-form-details .ub-section-list .ub-list-item button {
  padding: 0;
  text-decoration: none;
  color: var(--ubMenuItemTextColor);
  font-family: var(--ubFontFamily), sans-serif;
}
.ub-form-details .ub-section-list .ub-list-item:hover, .ub-form-details .ub-section-list .ub-list-item button:hover {
  color: var(--ubMenuItemTextColorHover);
  text-decoration: var(--ubMenuItemTextDecorationHover);
  cursor: pointer;
}
.ub-form-details .ub-section-list .ub-list-item:before, .ub-form-details .ub-section-list .ub-list-item button:before {
  margin-right: 15px;
  color: var(--ubMenuItemIconColorIncomplete);
}
.ub-form-details .ub-section-list .ub-list-item.ub-list-item--current {
  color: var(--ubMenuItemTextColorActive);
  font-weight: bold;
}
.ub-form-details .ub-section-list .ub-list-item.ub-list-item--current:before {
  color: var(--ubMenuItemIconColorActive);
  font-weight: normal;
}
.ub-form-details .ub-section-list .ub-list-item.ub-list-item--disabled {
  color: var(--ubMenuItemTextColorDisabled);
  cursor: default;
}
.ub-form-details .ub-section-list .ub-list-item.ub-list-item--disabled:before {
  color: var(--ubMenuItemIconColorIncomplete);
}
.ub-form-details .ub-section-list .ub-list-item.ub-list-item--disabled .ub-list-item-link {
  cursor: default;
}
.ub-form-details .ub-section-list .ub-list-item.ub-section-completed {
  color: var(--ubMenuItemIconColorCompleted);
  font-weight: bold;
}
.ub-form-details .ub-section-list .ub-list-item.ub-section-completed:before {
  color: var(--ubMenuItemIconColorCompleted);
  font-weight: normal;
}
.ub-form-details .ub-section-list .ub-list-item.ub-form-completed a {
  pointer-events: none;
}
.ub-form-details .ub-section-list .ub-list-item.ub-form-completed:hover, .ub-form-details .ub-section-list .ub-list-item.ub-form-completed a:hover {
  cursor: not-allowed;
}
.ub-form-details .ub-section-list .ub-list-item .ub-list-item-link {
  font-size: inherit;
  line-height: inherit;
  text-decoration: inherit;
  color: inherit;
}

.ub-form-note {
  padding: 10px 15px;
  margin: 0 0 25px 0;
  background-color: var(--ubInfoColor);
  border-left: 4px solid var(--ubInfoColorDark);
  border-radius: var(--ubNoteBorderRadius);
  color: var(--ubNoteColor);
  line-height: normal;
}
.ub-form-note .ub-form-note-asterix {
  color: var(--ubErrorColorDark);
}
.ub-form-note .ub-form-note--success {
  background-color: var(--ubConfirmColor);
  border-color: var(--ubConfirmColorDark);
}
.ub-form-note .ub-form-note--error {
  background-color: var(--ubErrorColor);
  border-left: 4px solid var(--ubErrorColorDark);
}
.ub-form-note .ub-form-note--warn {
  background-color: var(--ubWarnColor);
  border-left: 4px solid var(--ubWarnColorDark);
}
.ub-form-note .ub-form-note--info {
  background-color: var(--ubInfoColor);
  border-left: 4px solid var(--ubInfoColorDark);
}

.ub-form-submit-button {
  margin-top: 5px;
  margin-right: 35px;
}

.ub-button.ub-form-delete-button {
  color: var(--ubDeleteButtonColor);
  background: var(--ubDeleteButtonBackground);
}
.ub-button.ub-form-delete-button:hover {
  color: var(--ubDeleteButtonColorHover);
  background: var(--ubDeleteButtonBackgroundHover);
}

.ub-question-field ::placeholder {
  color: var(--ubPlaceholderColor);
  opacity: 1;
}

.ub-form-content {
  /* More specific button styling to prevent overwrites */
}
.ub-form-content .hidden {
  display: none;
}
.ub-form-content .ub-input-text-area {
  width: 100%;
  resize: vertical;
  box-sizing: border-box;
  padding: 12px;
  font-size: 1em;
}
.ub-form-content .ub-input-file {
  color: var(--ubInputColor);
  border-top: var(--ubInputBorderTop, var(--ubInputBorder));
  border-bottom: var(--ubInputBorderBottom, var(--ubInputBorder));
  border-left: var(--ubInputBorderLeft, var(--ubInputBorder));
  border-right: var(--ubInputBorderRight, var(--ubInputBorder));
  border-radius: var(--ubInputBorderRadius);
  display: flex;
  justify-content: space-between;
  line-height: normal;
}
.ub-form-content .ub-input-file:not([disabled]):not([readonly]) {
  background-color: var(--ubInputBackgroundColor);
}
.ub-form-content .ub-input-file input[type=file] {
  display: none;
}
.ub-form-content .ub-input-file span {
  padding: 12px;
}
.ub-form-content .ub-input-file span.ub-file-text-choose {
  color: var(--ubInputColor);
}
.ub-form-content .ub-input-file span.ub-file-text-upload {
  display: block;
  height: 100%;
  background-color: var(--ubUploadFileButtonBackgroundColor);
  border-radius: var(--ubInputBorderRadius);
  color: var(--ubBlack);
  cursor: pointer;
}
.ub-form-content .ub-input-file span.ub-file-text-upload:hover {
  background-color: var(--ubUploadFileButtonBackgroundColorHover);
}
.ub-form-content .ub-input-multifile {
  color: var(--ubInputColor);
  border-top: var(--ubInputBorderTop, var(--ubInputBorder));
  border-bottom: var(--ubInputBorderBottom, var(--ubInputBorder));
  border-left: var(--ubInputBorderLeft, var(--ubInputBorder));
  border-right: var(--ubInputBorderRight, var(--ubInputBorder));
  border-radius: var(--ubInputBorderRadius);
  display: block;
  padding: 12px;
  line-height: normal;
}
.ub-form-content .ub-input-multifile:not([disabled]):not([readonly]) {
  background-color: var(--ubInputBackgroundColor);
}
.ub-form-content .ub-input-multifile + .ub-form-note {
  margin: 0;
}
.ub-form-content .ub-input-multifile span {
  color: var(--ubLightGray);
}
.ub-form-content .ub-input-multifile span.highlight {
  color: var(--ubLinkColor);
  text-decoration: underline;
}
.ub-form-content .ub-input-multifile span.highlight:hover {
  color: var(--ubLinkColorHover);
}
.ub-form-content .ub-input-multifile input[type=file] {
  display: none;
}
.ub-form-content .ub-input-multifile:hover {
  cursor: pointer;
}
.ub-form-content .ub-postcode-container .ub-postcode-main {
  display: flex;
  justify-content: space-between;
}
.ub-form-content .ub-postcode-container .ub-postcode-main input {
  flex-shrink: 1;
  margin-left: 10px;
}
.ub-form-content .ub-postcode-container .ub-postcode-main input.ub-postcode-housenumber {
  padding: 12px 8px;
  display: inline-block;
  min-width: 55px;
  flex-shrink: 4;
}
.ub-form-content .ub-postcode-container .ub-postcode-additional {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
}
.ub-form-content .ub-apply-form-comment {
  width: 100%;
  margin-bottom: 25px;
}
.ub-form-content .ub-question-field .iti:not(.ub-country-dropdown) {
  width: 100%;
}
.ub-form-content .iti__country-list {
  color: var(--ubInputColor);
}
.ub-form-content button.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
  background: none;
  border: 0;
  margin: 0;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

.ub-full-event {
  background: var(--ubFormBackground);
  padding: var(--ubFormPadding);
  border-top: var(--ubFormBorderTop, var(--ubFormBorder));
  border-bottom: var(--ubFormBorderBottom, var(--ubFormBorder));
  border-left: var(--ubFormBorderLeft, var(--ubFormBorder));
  border-right: var(--ubFormBorderRight, var(--ubFormBorder));
  border-radius: var(--ubFormBorderRadius);
}
.ub-full-event .ub-full-event-title {
  font-size: var(--ubTitleFontSize);
  font-family: var(--ubTitleFontFamily), sans-serif;
  font-weight: var(--ubTitleFontWeight);
  text-transform: var(--ubTitleTextTransform);
  text-shadow: var(--ubTitleTextShadow);
  color: var(--ubTitleColor);
  width: 100%;
  margin: 0 0 15px 0;
}

.ub-vacancy-download-full-width {
  width: 100%;
  margin-bottom: 0;
}

.ub-vacancy-download {
  margin: 25px 0 0 0;
}

.ub-vacancy-download, .ub-vacancy-download-full-width {
  color: var(--ubMenuItemTextColorActive);
}

.ub-portal {
  gap: var(--ubMainContainerGap);
  background: var(--ubMainContainerBackground);
  padding: var(--ubMainContainerPadding);
  border-top: var(--ubMainContainerBorderTop, var(--ubMainContainerBorder));
  border-bottom: var(--ubMainContainerBorderBottom, var(--ubMainContainerBorder));
  border-left: var(--ubMainContainerBorderLeft, var(--ubMainContainerBorder));
  border-right: var(--ubMainContainerBorderRight, var(--ubMainContainerBorder));
  border-radius: var(--ubMainContainerBorderRadius);
  display: flex;
  flex-flow: wrap;
  flex-direction: column;
  max-width: 900px;
}
.ub-portal .ub-portal-title {
  font-size: var(--ubTitleFontSize);
  font-family: var(--ubTitleFontFamily), sans-serif;
  font-weight: var(--ubTitleFontWeight);
  text-transform: var(--ubTitleTextTransform);
  text-shadow: var(--ubTitleTextShadow);
  color: var(--ubTitleColor);
  width: 100%;
}

.ub-portal--mobile {
  padding: var(--ubMainContainerPaddingMobile);
}

.ub-toggleable-container {
  margin-bottom: 15px;
}
.ub-toggleable-container .ub-toggleable-container-header {
  position: relative;
  background-color: var(--ubToggleableBackgroundColor);
  padding: 10px;
  margin-bottom: 10px;
}
.ub-toggleable-container .ub-toggleable-container-header .ub-toggleable-container-header-title {
  font-size: 1em;
  margin: 0;
}
.ub-toggleable-container .ub-toggleable-container-header .ub-toggleable-container-header-subtitle {
  display: inline-block;
  margin: 5px 0 0 0;
  font-size: 1em;
  color: var(--ubGray);
}
.ub-toggleable-container .ub-toggleable-container-header span.ub-toggleable-icon {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.ub-toggleable-container .ub-toggleable-container-header span.ub-toggleable-icon:before {
  padding: 10px;
}
.ub-toggleable-container .ub-toggleable-container-header:hover {
  cursor: pointer;
}
.ub-toggleable-container .ub-toggleable-container-content {
  opacity: 1;
  transition: opacity 0.4s;
}
@starting-style {
  .ub-toggleable-container .ub-toggleable-container-content {
    opacity: 0;
  }
}
.ub-toggleable-container .ub-toggleable-container-content ul li {
  font-size: 1em;
  margin-bottom: 5px;
}
.ub-toggleable-container .ub-toggleable-container-content ul li span:first-child {
  width: 150px;
}
.ub-toggleable-container .ub-toggleable-container-content ul li :not(span:first-child) {
  width: calc(100% - 150px);
}
.ub-toggleable-container .ub-toggleable-container-content .ub-email-container-header {
  padding: 10px 0;
}
.ub-toggleable-container .ub-toggleable-container-content .ub-email-container-header ul {
  margin-bottom: 0;
}
.ub-toggleable-container .ub-toggleable-container-content .ub-email-container-header ul li:last-child {
  margin-bottom: 0;
}
.ub-toggleable-container .ub-toggleable-container-content .ub-email-container-content {
  padding-top: 10px;
  border-top: 1px dashed var(--ubLightGray);
  word-break: break-word;
  white-space: pre-line;
}
.ub-toggleable-container--disabled .ub-toggleable-container-header {
  opacity: 0.6;
}
.ub-toggleable-container--disabled .ub-toggleable-container-header:hover {
  cursor: default;
}

.ub-portal--mobile .ub-portal-dashboard .ub-dashboard-content.ub-dashboard-full-width-form .ub-dashboard-block-content .ub-message-block-details {
  flex-flow: column;
}
.ub-portal--mobile .ub-portal-dashboard .ub-dashboard-content.ub-dashboard-full-width-form .ub-dashboard-block-content .ub-message-block-details .ub-form-details-mobile {
  padding: var(--ubPortalNavigationPadding);
  background: var(--ubPortalNavigationBackground);
  border: var(--ubPortalNavigationBorder);
  border-top: var(--ubPortalNavigationBorderTop);
  border-bottom: var(--ubPortalNavigationBorderBottom);
  border-left: var(--ubPortalNavigationBorderLeft);
  border-right: var(--ubPortalNavigationBorderRight);
  border-radius: var(--ubPortalNavigationBorderRadius);
  margin-bottom: 25px;
}

.ub-portal-dashboard {
  width: 100%;
}
.ub-portal-dashboard .ub-dashboard-content.ub-dashboard-full-width-form .ub-dashboard-block {
  padding: 0;
}
.ub-portal-dashboard .ub-dashboard-content.ub-dashboard-full-width-form .ub-dashboard-block-content .ub-message-block-details {
  display: flex;
  flex-flow: row;
}
.ub-portal-dashboard .ub-dashboard-content.ub-dashboard-full-width-form .ub-dashboard-block-content .ub-form-details {
  min-width: 150px;
  flex: 1;
}
.ub-portal-dashboard .ub-dashboard-content.ub-dashboard-full-width-form .ub-dashboard-block-content .ub-form {
  flex: 2;
}
.ub-portal-dashboard .ub-dashboard-content:not(.ub-dashboard-full-width-form) {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: var(--ubMainContainerGap);
}

.ub-note {
  margin: 0 0 25px 0;
  background-color: var(--ubInfoColor);
  border-left: 4px solid var(--ubInfoColorDark);
  border-radius: var(--ubNoteBorderRadius);
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ub-note.ub-note--success {
  background-color: var(--ubConfirmColor);
  border-left: 4px solid var(--ubConfirmColorDark);
}
.ub-note.ub-note--error {
  background-color: var(--ubErrorColor);
  border-left: 4px solid var(--ubErrorColorDark);
  padding: 5px 15px;
}
.ub-note.ub-note--warn {
  background-color: var(--ubWarnColor);
  border-left: 4px solid var(--ubWarnColorDark);
}
.ub-note.ub-note--info {
  background-color: var(--ubInfoColor);
  border-left: 4px solid var(--ubInfoColorDark);
}

.ub-form-section:not(.ub-form--mobile) .ub-note {
  width: 100%;
}

.ub-timeout-border {
  position: relative;
}

.ub-timeout-border:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: solid 2px var(--ubInfoColorDark);
  animation: border_anim 7s linear forwards;
}

.ub-timeout-border--success:after {
  border-color: var(--ubConfirmColorDark);
}

.ub-timeout-border--error:after {
  border-color: var(--ubErrorColorDark);
}

.ub-timeout-border--warn:after {
  border-color: var(--ubWarnColorDark);
}

.ub-timeout-border--info:after {
  border-color: var(--ubInfoColorDark);
}

@keyframes border_anim {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.ub-dashboard-block {
  background: var(--ubPortalBackground);
  padding: var(--ubPortalPadding);
  border-top: var(--ubPortalBorderTop, var(--ubPortalBorder));
  border-bottom: var(--ubPortalBorderBottom, var(--ubPortalBorder));
  border-left: var(--ubPortalBorderLeft, var(--ubPortalBorder));
  border-right: var(--ubPortalBorderRight, var(--ubPortalBorder));
  border-radius: var(--ubPortalBorderRadius);
  flex: 2;
  /* Overview has multiple blocks with their own padding */
}
.ub-dashboard-block .ub-form-content {
  padding: 0;
}
.ub-dashboard-block:has(.ub-overview-block) {
  padding: 0;
  background: none;
  border: none;
}
.ub-dashboard-block .ub-dashboard-block-title {
  font-size: var(--ubTitleFontSize);
  font-family: var(--ubTitleFontFamily), sans-serif;
  font-weight: var(--ubTitleFontWeight);
  text-transform: var(--ubTitleTextTransform);
  text-shadow: var(--ubTitleTextShadow);
  color: var(--ubTitleColor);
  margin: 0 0 15px 0;
}
.ub-dashboard-block .ub-dashboard-block-intro {
  font-size: 1em;
  margin: 0 0 15px 0;
}
.ub-dashboard-block .ub-block-loader {
  display: block;
  width: 0;
  height: 0;
  position: relative;
  margin-top: 35px;
}

.ub-portal--mobile .ub-dashboard-block {
  padding: var(--ubPortalPaddingMobile);
}

ul.ub-dashboard-list {
  padding: var(--ubPortalNavigationPadding);
  background: var(--ubPortalNavigationBackground);
  border: var(--ubPortalNavigationBorder);
  border-top: var(--ubPortalNavigationBorderTop);
  border-bottom: var(--ubPortalNavigationBorderBottom);
  border-left: var(--ubPortalNavigationBorderLeft);
  border-right: var(--ubPortalNavigationBorderRight);
  border-radius: var(--ubPortalNavigationBorderRadius);
  flex: 1;
  min-width: 150px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  margin: 0;
  list-style: none;
  font-size: inherit;
}
ul.ub-dashboard-list li.ub-dashboard-list-item {
  display: flex;
  width: 210px;
  padding: var(--ubMenuItemPadding);
  line-height: normal;
  font-size: 1em;
  color: var(--ubMenuItemTextColor);
  list-style: none;
  margin: 0;
}
ul.ub-dashboard-list li.ub-dashboard-list-item .ub-icon {
  margin-right: 10px;
}
ul.ub-dashboard-list li.ub-dashboard-list-item .ub-dashboard-list-item-link {
  position: relative;
  text-decoration: none;
  color: var(--ubMenuItemTextColor);
  font-weight: normal;
  line-height: inherit;
  font-size: inherit;
  text-transform: inherit;
  font-family: inherit;
}
ul.ub-dashboard-list li.ub-dashboard-list-item .ub-dashboard-list-item-link:hover, ul.ub-dashboard-list li.ub-dashboard-list-item .ub-dashboard-list-item-link:focus {
  color: var(--ubMenuItemTextColorActive);
  background: var(--ubMenuItemBackgroundHover);
  text-decoration: var(--ubMenuItemTextDecorationHover);
  cursor: pointer;
}
ul.ub-dashboard-list li.ub-dashboard-list-item .ub-dashboard-list-item-link.ub-selected {
  font-weight: bold;
  color: var(--ubMenuItemTextColorActive);
}
ul.ub-dashboard-list li.ub-dashboard-list-item .ub-dashboard-list-item-link .ub-highlight-dot {
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 2px;
  right: -5px;
  background-color: red;
  border-radius: 50%;
}
ul.ub-dashboard-list li.ub-dashboard-list-item .ub-dashboard-list-item-button {
  color: var(--ubMenuItemTextColor);
  background: none;
  border: none;
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  font-family: inherit;
  margin: 0;
  padding: 0;
}
ul.ub-dashboard-list li.ub-dashboard-list-item .ub-dashboard-list-item-button:hover, ul.ub-dashboard-list li.ub-dashboard-list-item .ub-dashboard-list-item-button:focus {
  color: var(--ubMenuItemTextColorActive);
  background: var(--ubMenuItemBackgroundHover);
  text-decoration: var(--ubMenuItemTextDecorationHover);
  cursor: pointer;
}

.ub-dashboard-block-content p {
  margin-bottom: 15px;
}
.ub-dashboard-block-content ul.ub-list {
  padding: 0;
  list-style: none;
  margin: 0;
  font-size: inherit;
}
.ub-dashboard-block-content ul.ub-list li {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
  font-size: 1em;
}
.ub-dashboard-block-content ul.ub-list li > span {
  display: block;
}
@media (min-width: 500px) {
  .ub-dashboard-block-content ul.ub-list li > span {
    display: inline-block;
    width: 50%;
  }
}

.ub-dashboard-block-content.ub-dashboard-block-personal .ub-description-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 20px;
}
.ub-dashboard-block-content.ub-dashboard-block-personal .ub-description-list .ub-description-list-field {
  display: block;
  width: 100%;
}
.ub-dashboard-block-content.ub-dashboard-block-personal .ub-description-list .ub-description-list-field dt,
.ub-dashboard-block-content.ub-dashboard-block-personal .ub-description-list .ub-description-list-field dd {
  width: 100%;
  display: block;
  margin-inline-start: 0;
}
@media (min-width: 500px) {
  .ub-dashboard-block-content.ub-dashboard-block-personal .ub-description-list .ub-description-list-field dt,
  .ub-dashboard-block-content.ub-dashboard-block-personal .ub-description-list .ub-description-list-field dd {
    display: inline-block;
    width: 50%;
  }
}

.ub-application-block-details {
  margin-bottom: 30px;
}
.ub-application-block-details h3 {
  margin: 0 0 15px 0;
}
.ub-application-block-details--disabled h3 {
  opacity: 0.6;
}

.ub-document-container-group.scrollable {
  max-height: 215px;
}
.ub-document-container-group.scrollable:has(> :nth-child(4)) {
  overflow-y: scroll;
  padding-right: 15px;
}
.ub-document-container-group .ub-document-file-container:first-child {
  padding: 0 0 15px 0;
}
.ub-document-container-group .ub-document-file-container:first-child:not(:last-child) {
  border-bottom: 1px dashed var(--ubLightGray);
}
.ub-document-container-group .ub-document-file-container:not(:first-child):last-child {
  padding: 15px 0;
}
.ub-document-container-group .ub-document-file-container:not(:first-child):not(:last-child) {
  padding: 15px 0;
  border-bottom: 1px dashed var(--ubLightGray);
}

.ub-dashboard-block-documents button.ub-anchor-button {
  padding: 0;
  margin-bottom: 25px;
}

.ub-document-file-container {
  display: flex;
  gap: 10px;
  line-height: normal;
}
.ub-document-file-container .ub-file-icon {
  font-size: 40px;
  color: #146FBF;
}
.ub-document-file-container .ub-document-file-container-left,
.ub-document-file-container .ub-document-file-container-right {
  display: flex;
  width: 50%;
}
.ub-document-file-container .ub-document-file-container-left {
  flex-flow: column wrap;
  justify-content: space-between;
  word-break: break-all;
}
.ub-document-file-container .ub-document-file-container-right {
  justify-content: space-between;
  align-items: center;
}
.ub-document-file-container .ub-document-file-container-right .ub-document-file-date {
  color: var(--ubGray);
}
.ub-document-file-container .ub-document-file-container-description {
  color: var(--ubGray);
}
.ub-document-file-container .ub-document-file-container-buttons {
  text-align: right;
}
.ub-document-file-container .ub-document-file-container-buttons .ub-icon {
  font-size: 19px;
  margin-left: 15px;
  color: var(--ubGray);
  padding: 0;
  background-color: transparent;
}

.ub-dashboard-block-jobalert .ub-jobalert-block-overview ul, .ub-dashboard-block-jobalert .ub-jobalert-block-overview li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.ub-dashboard-block-jobalert .ub-jobalert-block-overview .ub-classifications {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ub-dashboard-block-jobalert .ub-jobalert-block-overview .ub-classifications .ub-classification {
  display: flex;
  justify-content: space-between;
}
.ub-dashboard-block-jobalert .ub-jobalert-block-overview .ub-classifications .ub-classification .ub-classification-values {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 50%;
  justify-content: flex-start;
  align-items: baseline;
  gap: 0 10px;
}
.ub-dashboard-block-jobalert .ub-jobalert-block-overview .ub-classifications .ub-classification .ub-classification-value:not(:last-child):after {
  content: ",";
}

.ub-dashboard-block-messages .ub-message-block-overview .ub-portal-inbox-intro {
  margin-bottom: 35px;
}
.ub-dashboard-block-messages .ub-message-block-overview .ub-portal-inbox-message {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  border-bottom: dotted var(--ubLightGray);
}
.ub-dashboard-block-messages .ub-message-block-overview .ub-portal-inbox-message:not(.ub-dashboard-block-messages .ub-message-block-overview .ub-portal-inbox-message--disabled):hover {
  cursor: pointer;
}
.ub-dashboard-block-messages .ub-message-block-overview .ub-portal-inbox-message--disabled:hover {
  cursor: default;
}
.ub-dashboard-block-messages .ub-message-block-overview .ub-portal-inbox-message .ub-message-title, .ub-dashboard-block-messages .ub-message-block-overview .ub-portal-inbox-message .ub-message-date {
  display: block;
}
.ub-dashboard-block-messages .ub-message-block-overview .ub-portal-inbox-message .ub-message-title {
  margin-bottom: 10px;
  font-weight: bold;
}
.ub-dashboard-block-messages .ub-message-block-overview .ub-portal-inbox-message .ub-message-date {
  color: var(--ubLightGray);
  padding-bottom: 10px;
}

.ub-dashboard-block-overview .ub-overview-section {
  background: var(--ubPortalBackground);
  padding: var(--ubPortalPadding);
  border-top: var(--ubPortalBorderTop, var(--ubPortalBorder));
  border-bottom: var(--ubPortalBorderBottom, var(--ubPortalBorder));
  border-left: var(--ubPortalBorderLeft, var(--ubPortalBorder));
  border-right: var(--ubPortalBorderRight, var(--ubPortalBorder));
  border-radius: var(--ubPortalBorderRadius);
  border-bottom: var(--ubPortalBorderBottom, 1px solid var(--ubLighterGray));
  margin-bottom: 20px;
}
.ub-dashboard-block-overview .ub-overview-section .ub-overview-section-header {
  font-size: var(--ubTitleFontSize);
  font-family: var(--ubTitleFontFamily), sans-serif;
  font-weight: var(--ubTitleFontWeight);
  text-transform: var(--ubTitleTextTransform);
  text-shadow: var(--ubTitleTextShadow);
  color: var(--ubTitleColor);
  margin: 0 0 15px 0;
}
.ub-dashboard-block-overview .ub-overview-section a {
  display: inline-block;
  margin-bottom: 15px;
}
.ub-dashboard-block-overview .ub-overview-section p {
  margin-bottom: 15px;
}
.ub-dashboard-block-overview .ub-progress-bar {
  margin-bottom: 15px;
}

.ub-portal--mobile .ub-dashboard-block-overview .ub-overview-section {
  padding: var(--ubPortalPaddingMobile);
}

.ub-portal-login {
  max-width: 750px;
  background: var(--ubPortalLoginFormBackground);
  padding: var(--ubPortalLoginFormPadding);
}
.ub-portal-login .ub-portal-login-header {
  margin: 0 0 15px 0;
}
.ub-portal-login .ub-portal-login-text {
  font-size: 1em;
  margin-bottom: 20px;
}

/**
 * Icon font
 */
@font-face {
  font-family: "ubeeo-icons";
  src: url("/static/assets/fonts/ubeeo-applicant.woff2") format("woff2");
  unicode-range: U+E800-E8FF;
  font-weight: normal;
  font-style: normal;
}
.ub-icon {
  font-family: "ubeeo-icons", serif !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ub-icon-file-contract:before {
  content: "\e801";
}

.ub-icon-check:before {
  content: "\e802";
}

.ub-icon-file-image:before {
  content: "\e803";
  color: #40a34d;
}

.ub-icon-file-pdf:before {
  content: "\e805";
  color: #BF2D2D;
}

.ub-icon-file-word:before {
  content: "\e808";
  color: #146FBF;
}

.ub-icon-file:before {
  content: "\e809";
}

.ub-icon-download:before {
  content: "\e80b";
}

.ub-icon-pencil:before {
  content: "\e80c";
}

.ub-icon-link:before {
  content: "\e80d";
}

.ub-icon-angle-down:before {
  content: "\e80e";
}

.ub-icon-angle-up:before {
  content: "\e810";
}

.ub-icon-xmark:before {
  content: "\e811";
}

.ub-icon-circle:before {
  content: "\e812";
}

.ub-icon-bell:before {
  content: "\e813";
}

.ub-icon-user:before {
  content: "\e814";
}

.ub-icon-envelope:before {
  content: "\e815";
}

.ub-icon-list:before {
  content: "\e816";
}

.ub-icon-angle-left:before {
  content: "\e817";
}

.ub-icon-briefcase:before {
  content: "\e818";
}

.ub-icon-file-lines:before {
  content: "\e819";
}

.ub-icon-id-card:before {
  content: "\e81a";
}

.ub-icon-right-from-bracket:before {
  content: "\e81b";
}

.ub-icon-calendar:before {
  content: "\e839";
}

/**
 * Styling shared between different components
 */
.ub-style {
  font-size: var(--ubMainFontSize);
  color: var(--ubTextColor);
}

.ub-style * {
  font-family: var(--ubFontFamily), sans-serif;
}

.ub-style p {
  font-size: 1em;
  color: inherit;
}

.ub-style a {
  text-decoration: var(--ubLinkTextDecoration);
  color: var(--ubLinkColor);
  font-size: 1em;
}
.ub-style a:hover {
  text-decoration: var(--ubLinkTextDecorationHover);
  color: var(--ubLinkColorHover);
}
.ub-style a.ub-disabled {
  text-decoration: var(--ubLinkTextDecorationDisabled);
  color: var(--ubLinkColorDisabled);
}

.ub-style li,
.ub-style ul,
.ub-style ol {
  color: inherit;
}

.ub-style h1 {
  font-size: var(--ubH1FontSize);
  font-family: var(--ubH1FontFamily), sans-serif;
  font-weight: var(--ubH1FontWeight);
  text-transform: var(--ubH1TextTransform);
  text-shadow: var(--ubH1TextShadow);
  color: var(--ubH1Color);
}

.ub-style h2 {
  font-size: var(--ubH2FontSize);
  font-family: var(--ubH2FontFamily), sans-serif;
  font-weight: var(--ubH2FontWeight);
  text-transform: var(--ubH2TextTransform);
  text-shadow: var(--ubH2TextShadow);
  color: var(--ubH2Color);
}

.ub-style h3 {
  font-size: var(--ubH3FontSize);
  font-family: var(--ubH3FontFamily), sans-serif;
  font-weight: var(--ubH3FontWeight);
  text-transform: var(--ubH3TextTransform);
  text-shadow: var(--ubH3TextShadow);
  color: var(--ubH3Color);
}

.ub-style h4 {
  font-size: var(--ubH4FontSize);
  font-family: var(--ubH4FontFamily), sans-serif;
  font-weight: var(--ubH4FontWeight);
  text-transform: var(--ubH4TextTransform);
  text-shadow: var(--ubH4TextShadow);
  color: var(--ubH4Color);
}

.ub-button {
  padding: var(--ubButtonPadding);
  color: var(--ubButtonColor);
  background: var(--ubButtonBackground);
  border-top: var(--ubButtonBorderTop, var(--ubButtonBorder));
  border-bottom: var(--ubButtonBorderBottom, var(--ubButtonBorder));
  border-left: var(--ubButtonBorderLeft, var(--ubButtonBorder));
  border-right: var(--ubButtonBorderRight, var(--ubButtonBorder));
  border-radius: var(--ubButtonBorderRadius);
  font-family: var(--ubButtonFontFamily), sans-serif;
  font-size: var(--ubButtonFontSize);
  font-weight: var(--ubButtonFontWeight);
  text-transform: var(--ubButtonTextTransform);
  cursor: pointer;
}
.ub-button:hover {
  color: var(--ubButtonColorHover);
  background: var(--ubButtonBackgroundHover, var(--ubButtonBorderHover));
  border-top: var(--ubButtonBorderTopHover, var(--ubButtonBorderHover));
  border-bottom: var(--ubButtonBorderBottomHover, var(--ubButtonBorderHover));
  border-left: var(--ubButtonBorderLeftHover, var(--ubButtonBorderHover));
  border-right: var(--ubButtonBorderRightHover, var(--ubButtonBorderHover));
}

/* Mandatory Plugin styling */
:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-text-gray: #999;
  --iti-border-gray: #ccc;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 15px;
  --iti-flag-width: 20px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-input-padding: 6px;
  --iti-right-hand-selected-country-padding: calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));
  --iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));
  --iti-path-flags-1x: url("../img/flags.png?1");
  --iti-path-flags-2x: url("../img/flags@2x.png?1");
  --iti-path-globe-1x: url("../img/globe.png");
  --iti-path-globe-2x: url("../img/globe@2x.png");
  --iti-flag-sprite-width: 5762px;
  --iti-flag-sprite-height: 15px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: var(--iti-right-hand-selected-country-padding);
  margin-right: 0;
}

.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: var(--iti-border-width);
}

.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
  background: none;
  border: 0;
  margin: 0;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

.iti__dropdown-content {
  border-radius: 3px;
  background-color: white;
}

.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-gray);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.iti__dropdown-content--dropup {
  bottom: 100%;
  margin-bottom: 3px;
}

.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
}

.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-gray);
}

.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}

.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}

@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: var(--iti-flag-width);
}

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: var(--iti-border-width) solid var(--iti-border-gray);
}

.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}

.iti__dial-code {
  color: var(--iti-text-gray);
}

.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}

.iti__flag-box, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}

[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}

.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel], .iti--show-selected-dial-code input.iti__tel-input,
.iti--show-selected-dial-code input.iti__tel-input[type=text],
.iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: var(--iti-input-padding);
  padding-left: var(--iti-selected-country-arrow-padding);
  margin-left: 0;
}

[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: var(--iti-selected-country-arrow-padding);
  padding-left: var(--iti-input-padding);
  margin-right: 0;
}

.iti--allow-dropdown .iti__country-container, .iti--show-selected-dial-code .iti__country-container {
  right: auto;
  left: 0;
}

[dir=rtl] .iti--allow-dropdown .iti__country-container, [dir=rtl] .iti--show-selected-dial-code .iti__country-container {
  right: 0;
  left: auto;
}

.iti--allow-dropdown .iti__country-container:hover, .iti--allow-dropdown .iti__country-container:hover button {
  cursor: pointer;
}

.iti--allow-dropdown .iti__country-container:hover .iti__selected-country {
  background-color: var(--iti-hover-color);
}

.iti--allow-dropdown .iti__country-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]):hover {
  cursor: default;
}

.iti--allow-dropdown .iti__country-container:has(+ input[disabled]):hover .iti__selected-country,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]):hover .iti__selected-country {
  background-color: transparent;
}

.iti--show-selected-dial-code .iti__selected-country {
  background-color: var(--iti-hover-color);
}

.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: var(--iti-arrow-padding);
}

[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 0;
  margin-right: var(--iti-arrow-padding);
}

.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}

.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.iti--fullscreen-popup.iti--container.iti--country-search {
  justify-content: flex-start;
}

.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}

.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  --iti-flag-offset: 0px;
  --iti-flag-width: 20px;
  --iti-flag-height: 14px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__np {
  --iti-flag-width: 13px;
}

.iti__va, .iti__ch {
  --iti-flag-width: 15px;
}

.iti__ne, .iti__be {
  --iti-flag-width: 18px;
}

.iti__mc {
  --iti-flag-width: 19px;
}

.iti__zw, .iti__ws, .iti__vg, .iti__uz, .iti__uk, .iti__tv, .iti__to, .iti__tl, .iti__tk, .iti__tj, .iti__tc, .iti__ta, .iti__su, .iti__st, .iti__ss, .iti__si, .iti__sh, .iti__sd, .iti__sc, .iti__sb, .iti__ps, .iti__pn, .iti__ph, .iti__om, .iti__nz, .iti__nu, .iti__nr, .iti__ng, .iti__nf, .iti__nc, .iti__my, .iti__ms, .iti__mp, .iti__mn, .iti__mk, .iti__me, .iti__md, .iti__ly, .iti__lv, .iti__lk, .iti__lc, .iti__kz, .iti__ky, .iti__kw, .iti__kp, .iti__ki, .iti__jo, .iti__jm, .iti__io, .iti__im, .iti__ie, .iti__hu, .iti__hr, .iti__hn, .iti__hm, .iti__gw, .iti__gs, .iti__gi, .iti__gb, .iti__fk, .iti__fj, .iti__et, .iti__er, .iti__eh, .iti__dm, .iti__dg, .iti__cx, .iti__cu, .iti__ck, .iti__cc, .iti__ca, .iti__by, .iti__bs, .iti__bn, .iti__bm, .iti__ba, .iti__az, .iti__au, .iti__as, .iti__am, .iti__ai, .iti__ae, .iti__ac {
  --iti-flag-height: 10px;
}

.iti__us, .iti__um, .iti__py, .iti__mh, .iti__lr, .iti__gu, .iti__fm {
  --iti-flag-height: 11px;
}

.iti__vu, .iti__tt, .iti__sv, .iti__ni, .iti__mx, .iti__lu, .iti__lt, .iti__li, .iti__km, .iti__kg, .iti__je, .iti__ir, .iti__ht, .iti__gy, .iti__gd, .iti__fi, .iti__de, .iti__cv, .iti__cr, .iti__cq, .iti__bz, .iti__bi, .iti__bh, .iti__bg, .iti__bd {
  --iti-flag-height: 12px;
}

.iti__tg, .iti__se, .iti__pw, .iti__pl, .iti__kh, .iti__gt, .iti__ee, .iti__ax, .iti__ar {
  --iti-flag-height: 13px;
}

.iti__xk, .iti__va, .iti__sm, .iti__sj, .iti__pg, .iti__np, .iti__no, .iti__ne, .iti__mc, .iti__is, .iti__il, .iti__ga, .iti__fo, .iti__dk, .iti__ch, .iti__cd, .iti__bv, .iti__be, .iti__al {
  --iti-flag-height: 15px;
}

.iti__qa {
  --iti-flag-height: 8px;
}

.iti__ac {
  --iti-flag-offset: 0px;
}

.iti__ad {
  --iti-flag-offset: -22px;
}

.iti__ae {
  --iti-flag-offset: -44px;
}

.iti__af {
  --iti-flag-offset: -66px;
}

.iti__ag {
  --iti-flag-offset: -88px;
}

.iti__ai {
  --iti-flag-offset: -110px;
}

.iti__al {
  --iti-flag-offset: -132px;
}

.iti__am {
  --iti-flag-offset: -154px;
}

.iti__ao {
  --iti-flag-offset: -176px;
}

.iti__aq {
  --iti-flag-offset: -198px;
}

.iti__ar {
  --iti-flag-offset: -220px;
}

.iti__as {
  --iti-flag-offset: -242px;
}

.iti__at {
  --iti-flag-offset: -264px;
}

.iti__au {
  --iti-flag-offset: -286px;
}

.iti__aw {
  --iti-flag-offset: -308px;
}

.iti__ax {
  --iti-flag-offset: -330px;
}

.iti__az {
  --iti-flag-offset: -352px;
}

.iti__ba {
  --iti-flag-offset: -374px;
}

.iti__bb {
  --iti-flag-offset: -396px;
}

.iti__bd {
  --iti-flag-offset: -418px;
}

.iti__be {
  --iti-flag-offset: -440px;
}

.iti__bf {
  --iti-flag-offset: -460px;
}

.iti__bg {
  --iti-flag-offset: -482px;
}

.iti__bh {
  --iti-flag-offset: -504px;
}

.iti__bi {
  --iti-flag-offset: -526px;
}

.iti__bj {
  --iti-flag-offset: -548px;
}

.iti__bl {
  --iti-flag-offset: -570px;
}

.iti__bm {
  --iti-flag-offset: -592px;
}

.iti__bn {
  --iti-flag-offset: -614px;
}

.iti__bo {
  --iti-flag-offset: -636px;
}

.iti__bq {
  --iti-flag-offset: -658px;
}

.iti__br {
  --iti-flag-offset: -680px;
}

.iti__bs {
  --iti-flag-offset: -702px;
}

.iti__bt {
  --iti-flag-offset: -724px;
}

.iti__bv {
  --iti-flag-offset: -746px;
}

.iti__bw {
  --iti-flag-offset: -768px;
}

.iti__by {
  --iti-flag-offset: -790px;
}

.iti__bz {
  --iti-flag-offset: -812px;
}

.iti__ca {
  --iti-flag-offset: -834px;
}

.iti__cc {
  --iti-flag-offset: -856px;
}

.iti__cd {
  --iti-flag-offset: -878px;
}

.iti__cf {
  --iti-flag-offset: -900px;
}

.iti__cg {
  --iti-flag-offset: -922px;
}

.iti__ch {
  --iti-flag-offset: -944px;
}

.iti__ci {
  --iti-flag-offset: -961px;
}

.iti__ck {
  --iti-flag-offset: -983px;
}

.iti__cl {
  --iti-flag-offset: -1005px;
}

.iti__cm {
  --iti-flag-offset: -1027px;
}

.iti__cn {
  --iti-flag-offset: -1049px;
}

.iti__co {
  --iti-flag-offset: -1071px;
}

.iti__cp {
  --iti-flag-offset: -1093px;
}

.iti__cq {
  --iti-flag-offset: -1115px;
}

.iti__cr {
  --iti-flag-offset: -1137px;
}

.iti__cu {
  --iti-flag-offset: -1159px;
}

.iti__cv {
  --iti-flag-offset: -1181px;
}

.iti__cw {
  --iti-flag-offset: -1203px;
}

.iti__cx {
  --iti-flag-offset: -1225px;
}

.iti__cy {
  --iti-flag-offset: -1247px;
}

.iti__cz {
  --iti-flag-offset: -1269px;
}

.iti__de {
  --iti-flag-offset: -1291px;
}

.iti__dg {
  --iti-flag-offset: -1313px;
}

.iti__dj {
  --iti-flag-offset: -1335px;
}

.iti__dk {
  --iti-flag-offset: -1357px;
}

.iti__dm {
  --iti-flag-offset: -1379px;
}

.iti__do {
  --iti-flag-offset: -1401px;
}

.iti__dz {
  --iti-flag-offset: -1423px;
}

.iti__ea {
  --iti-flag-offset: -1445px;
}

.iti__ec {
  --iti-flag-offset: -1467px;
}

.iti__ee {
  --iti-flag-offset: -1489px;
}

.iti__eg {
  --iti-flag-offset: -1511px;
}

.iti__eh {
  --iti-flag-offset: -1533px;
}

.iti__er {
  --iti-flag-offset: -1555px;
}

.iti__es {
  --iti-flag-offset: -1577px;
}

.iti__et {
  --iti-flag-offset: -1599px;
}

.iti__eu {
  --iti-flag-offset: -1621px;
}

.iti__ez {
  --iti-flag-offset: -1643px;
}

.iti__fi {
  --iti-flag-offset: -1665px;
}

.iti__fj {
  --iti-flag-offset: -1687px;
}

.iti__fk {
  --iti-flag-offset: -1709px;
}

.iti__fm {
  --iti-flag-offset: -1731px;
}

.iti__fo {
  --iti-flag-offset: -1753px;
}

.iti__fr {
  --iti-flag-offset: -1775px;
}

.iti__fx {
  --iti-flag-offset: -1797px;
}

.iti__ga {
  --iti-flag-offset: -1819px;
}

.iti__gb {
  --iti-flag-offset: -1841px;
}

.iti__gd {
  --iti-flag-offset: -1863px;
}

.iti__ge {
  --iti-flag-offset: -1885px;
}

.iti__gf {
  --iti-flag-offset: -1907px;
}

.iti__gg {
  --iti-flag-offset: -1929px;
}

.iti__gh {
  --iti-flag-offset: -1951px;
}

.iti__gi {
  --iti-flag-offset: -1973px;
}

.iti__gl {
  --iti-flag-offset: -1995px;
}

.iti__gm {
  --iti-flag-offset: -2017px;
}

.iti__gn {
  --iti-flag-offset: -2039px;
}

.iti__gp {
  --iti-flag-offset: -2061px;
}

.iti__gq {
  --iti-flag-offset: -2083px;
}

.iti__gr {
  --iti-flag-offset: -2105px;
}

.iti__gs {
  --iti-flag-offset: -2127px;
}

.iti__gt {
  --iti-flag-offset: -2149px;
}

.iti__gu {
  --iti-flag-offset: -2171px;
}

.iti__gw {
  --iti-flag-offset: -2193px;
}

.iti__gy {
  --iti-flag-offset: -2215px;
}

.iti__hk {
  --iti-flag-offset: -2237px;
}

.iti__hm {
  --iti-flag-offset: -2259px;
}

.iti__hn {
  --iti-flag-offset: -2281px;
}

.iti__hr {
  --iti-flag-offset: -2303px;
}

.iti__ht {
  --iti-flag-offset: -2325px;
}

.iti__hu {
  --iti-flag-offset: -2347px;
}

.iti__ic {
  --iti-flag-offset: -2369px;
}

.iti__id {
  --iti-flag-offset: -2391px;
}

.iti__ie {
  --iti-flag-offset: -2413px;
}

.iti__il {
  --iti-flag-offset: -2435px;
}

.iti__im {
  --iti-flag-offset: -2457px;
}

.iti__in {
  --iti-flag-offset: -2479px;
}

.iti__io {
  --iti-flag-offset: -2501px;
}

.iti__iq {
  --iti-flag-offset: -2523px;
}

.iti__ir {
  --iti-flag-offset: -2545px;
}

.iti__is {
  --iti-flag-offset: -2567px;
}

.iti__it {
  --iti-flag-offset: -2589px;
}

.iti__je {
  --iti-flag-offset: -2611px;
}

.iti__jm {
  --iti-flag-offset: -2633px;
}

.iti__jo {
  --iti-flag-offset: -2655px;
}

.iti__jp {
  --iti-flag-offset: -2677px;
}

.iti__ke {
  --iti-flag-offset: -2699px;
}

.iti__kg {
  --iti-flag-offset: -2721px;
}

.iti__kh {
  --iti-flag-offset: -2743px;
}

.iti__ki {
  --iti-flag-offset: -2765px;
}

.iti__km {
  --iti-flag-offset: -2787px;
}

.iti__kn {
  --iti-flag-offset: -2809px;
}

.iti__kp {
  --iti-flag-offset: -2831px;
}

.iti__kr {
  --iti-flag-offset: -2853px;
}

.iti__kw {
  --iti-flag-offset: -2875px;
}

.iti__ky {
  --iti-flag-offset: -2897px;
}

.iti__kz {
  --iti-flag-offset: -2919px;
}

.iti__la {
  --iti-flag-offset: -2941px;
}

.iti__lb {
  --iti-flag-offset: -2963px;
}

.iti__lc {
  --iti-flag-offset: -2985px;
}

.iti__li {
  --iti-flag-offset: -3007px;
}

.iti__lk {
  --iti-flag-offset: -3029px;
}

.iti__lr {
  --iti-flag-offset: -3051px;
}

.iti__ls {
  --iti-flag-offset: -3073px;
}

.iti__lt {
  --iti-flag-offset: -3095px;
}

.iti__lu {
  --iti-flag-offset: -3117px;
}

.iti__lv {
  --iti-flag-offset: -3139px;
}

.iti__ly {
  --iti-flag-offset: -3161px;
}

.iti__ma {
  --iti-flag-offset: -3183px;
}

.iti__mc {
  --iti-flag-offset: -3205px;
}

.iti__md {
  --iti-flag-offset: -3226px;
}

.iti__me {
  --iti-flag-offset: -3248px;
}

.iti__mf {
  --iti-flag-offset: -3270px;
}

.iti__mg {
  --iti-flag-offset: -3292px;
}

.iti__mh {
  --iti-flag-offset: -3314px;
}

.iti__mk {
  --iti-flag-offset: -3336px;
}

.iti__ml {
  --iti-flag-offset: -3358px;
}

.iti__mm {
  --iti-flag-offset: -3380px;
}

.iti__mn {
  --iti-flag-offset: -3402px;
}

.iti__mo {
  --iti-flag-offset: -3424px;
}

.iti__mp {
  --iti-flag-offset: -3446px;
}

.iti__mq {
  --iti-flag-offset: -3468px;
}

.iti__mr {
  --iti-flag-offset: -3490px;
}

.iti__ms {
  --iti-flag-offset: -3512px;
}

.iti__mt {
  --iti-flag-offset: -3534px;
}

.iti__mu {
  --iti-flag-offset: -3556px;
}

.iti__mv {
  --iti-flag-offset: -3578px;
}

.iti__mw {
  --iti-flag-offset: -3600px;
}

.iti__mx {
  --iti-flag-offset: -3622px;
}

.iti__my {
  --iti-flag-offset: -3644px;
}

.iti__mz {
  --iti-flag-offset: -3666px;
}

.iti__na {
  --iti-flag-offset: -3688px;
}

.iti__nc {
  --iti-flag-offset: -3710px;
}

.iti__ne {
  --iti-flag-offset: -3732px;
}

.iti__nf {
  --iti-flag-offset: -3752px;
}

.iti__ng {
  --iti-flag-offset: -3774px;
}

.iti__ni {
  --iti-flag-offset: -3796px;
}

.iti__nl {
  --iti-flag-offset: -3818px;
}

.iti__no {
  --iti-flag-offset: -3840px;
}

.iti__np {
  --iti-flag-offset: -3862px;
}

.iti__nr {
  --iti-flag-offset: -3877px;
}

.iti__nu {
  --iti-flag-offset: -3899px;
}

.iti__nz {
  --iti-flag-offset: -3921px;
}

.iti__om {
  --iti-flag-offset: -3943px;
}

.iti__pa {
  --iti-flag-offset: -3965px;
}

.iti__pe {
  --iti-flag-offset: -3987px;
}

.iti__pf {
  --iti-flag-offset: -4009px;
}

.iti__pg {
  --iti-flag-offset: -4031px;
}

.iti__ph {
  --iti-flag-offset: -4053px;
}

.iti__pk {
  --iti-flag-offset: -4075px;
}

.iti__pl {
  --iti-flag-offset: -4097px;
}

.iti__pm {
  --iti-flag-offset: -4119px;
}

.iti__pn {
  --iti-flag-offset: -4141px;
}

.iti__pr {
  --iti-flag-offset: -4163px;
}

.iti__ps {
  --iti-flag-offset: -4185px;
}

.iti__pt {
  --iti-flag-offset: -4207px;
}

.iti__pw {
  --iti-flag-offset: -4229px;
}

.iti__py {
  --iti-flag-offset: -4251px;
}

.iti__qa {
  --iti-flag-offset: -4273px;
}

.iti__re {
  --iti-flag-offset: -4295px;
}

.iti__ro {
  --iti-flag-offset: -4317px;
}

.iti__rs {
  --iti-flag-offset: -4339px;
}

.iti__ru {
  --iti-flag-offset: -4361px;
}

.iti__rw {
  --iti-flag-offset: -4383px;
}

.iti__sa {
  --iti-flag-offset: -4405px;
}

.iti__sb {
  --iti-flag-offset: -4427px;
}

.iti__sc {
  --iti-flag-offset: -4449px;
}

.iti__sd {
  --iti-flag-offset: -4471px;
}

.iti__se {
  --iti-flag-offset: -4493px;
}

.iti__sg {
  --iti-flag-offset: -4515px;
}

.iti__sh {
  --iti-flag-offset: -4537px;
}

.iti__si {
  --iti-flag-offset: -4559px;
}

.iti__sj {
  --iti-flag-offset: -4581px;
}

.iti__sk {
  --iti-flag-offset: -4603px;
}

.iti__sl {
  --iti-flag-offset: -4625px;
}

.iti__sm {
  --iti-flag-offset: -4647px;
}

.iti__sn {
  --iti-flag-offset: -4669px;
}

.iti__so {
  --iti-flag-offset: -4691px;
}

.iti__sr {
  --iti-flag-offset: -4713px;
}

.iti__ss {
  --iti-flag-offset: -4735px;
}

.iti__st {
  --iti-flag-offset: -4757px;
}

.iti__su {
  --iti-flag-offset: -4779px;
}

.iti__sv {
  --iti-flag-offset: -4801px;
}

.iti__sx {
  --iti-flag-offset: -4823px;
}

.iti__sy {
  --iti-flag-offset: -4845px;
}

.iti__sz {
  --iti-flag-offset: -4867px;
}

.iti__ta {
  --iti-flag-offset: -4889px;
}

.iti__tc {
  --iti-flag-offset: -4911px;
}

.iti__td {
  --iti-flag-offset: -4933px;
}

.iti__tf {
  --iti-flag-offset: -4955px;
}

.iti__tg {
  --iti-flag-offset: -4977px;
}

.iti__th {
  --iti-flag-offset: -4999px;
}

.iti__tj {
  --iti-flag-offset: -5021px;
}

.iti__tk {
  --iti-flag-offset: -5043px;
}

.iti__tl {
  --iti-flag-offset: -5065px;
}

.iti__tm {
  --iti-flag-offset: -5087px;
}

.iti__tn {
  --iti-flag-offset: -5109px;
}

.iti__to {
  --iti-flag-offset: -5131px;
}

.iti__tr {
  --iti-flag-offset: -5153px;
}

.iti__tt {
  --iti-flag-offset: -5175px;
}

.iti__tv {
  --iti-flag-offset: -5197px;
}

.iti__tw {
  --iti-flag-offset: -5219px;
}

.iti__tz {
  --iti-flag-offset: -5241px;
}

.iti__ua {
  --iti-flag-offset: -5263px;
}

.iti__ug {
  --iti-flag-offset: -5285px;
}

.iti__uk {
  --iti-flag-offset: -5307px;
}

.iti__um {
  --iti-flag-offset: -5329px;
}

.iti__un {
  --iti-flag-offset: -5351px;
}

.iti__us {
  --iti-flag-offset: -5373px;
}

.iti__uy {
  --iti-flag-offset: -5395px;
}

.iti__uz {
  --iti-flag-offset: -5417px;
}

.iti__va {
  --iti-flag-offset: -5439px;
}

.iti__vc {
  --iti-flag-offset: -5456px;
}

.iti__ve {
  --iti-flag-offset: -5478px;
}

.iti__vg {
  --iti-flag-offset: -5500px;
}

.iti__vi {
  --iti-flag-offset: -5522px;
}

.iti__vn {
  --iti-flag-offset: -5544px;
}

.iti__vu {
  --iti-flag-offset: -5566px;
}

.iti__wf {
  --iti-flag-offset: -5588px;
}

.iti__ws {
  --iti-flag-offset: -5610px;
}

.iti__xk {
  --iti-flag-offset: -5632px;
}

.iti__ye {
  --iti-flag-offset: -5654px;
}

.iti__yt {
  --iti-flag-offset: -5676px;
}

.iti__za {
  --iti-flag-offset: -5698px;
}

.iti__zm {
  --iti-flag-offset: -5720px;
}

.iti__zw {
  --iti-flag-offset: -5742px;
}

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}
:root .iti {
  --iti-path-flags-1x: url("/static/assets/img/flags.png");
  --iti-path-flags-2x: url("/static/assets/img/flags@2x.png");
  --iti-path-globe-1x: url("/static/assets/img/globe.png");
  --iti-path-globe-2x: url("/static/assets/img/globe@2x.png");
}

#content_wrapper {
  overflow: visible;
}