/**
 * 1 - Css variables
 * 2 - Generic styling
 * 3 - Form styling
 * 4 - Media queries
 * 5 - Plugin styling
 * 6 - Candidate portal styling
 */

/**
 * 1.0 Css variables
 *
 * Can be used to customize styling without using overrides
 */
html {
  --ubPrimaryColor: #154273;
  --ubLightGray: #767676;
  --ubBorderRadius: 3px;
  --ubFontFamily: Arial, sans-serif;
  --ubMainFontSize: 16px; /*All other elements use EM units*/
  --ubHeaderFontFamily: var(--ubFontFamily);
  --ubHeaderFontWeight: normal;

  /* Buttons */
  --ubButtonBorderRadius: var(--ubBorderRadius);
  --ubButtonPadding: 12px 20px;
  --ubButtonFontFamily: var(--ubFontFamily);
  --ubButtonFontSize: 1em;
  --ubButtonFontWeight: normal;
  --ubButtonBorder: none;
  --ubButtonTextTransform: none;
  /* Primary Button Colors */
  --ubPrimaryButtonColor: #39870c;
  --ubPrimaryButtonHoverColor: #275937;
  --ubPrimaryButtonTextColor: #fff;
  --ubPrimaryButtonTextHoverColor: var(--ubPrimaryButtonTextColor);
  /* Secondary Button Colors */
  --ubSecondaryButtonColor: #154273;
  --ubSecondaryButtonHoverColor: #01689b;
  --ubSecondaryButtonTextColor: #fff;
  --ubSecondaryButtonTextHoverColor: var(--ubSecondaryButtonTextColor);

  /* Tooltips */
  --ubInfoColorLight: #d9ebf7;
  --ubInfoColorDark: #007bc7;
  --ubWarnColorLight: #fff4db;
  --ubWarnColorDark: #ffb612;
  --ubConfirmColorLight: #e1eddb;
  --ubConfirmColorDark: #39870c;
  --ubErrorColorLight: #f9dfdd;
  --ubErrorColorDark: #c8291e;

  --UbTooltipBorderRadius: 3px;

  /* Links */
  --ubLinkTextDecoration: underline;
  --ubLinkTextDecorationHover: none;

  /* Form */
  --ubInputBorderRadius: var(--ubBorderRadius);
  --ubPlaceholderColor: var(--ubLightGray);
  --ubFormLineHeight: 1.5em; /* Height of input fields*/
  --navColor: var(--ubPrimaryColor);

  /* Padding */
  --ubFormOnPagePadding: 0px;
  --ubPortalPadding: 0px;

  --ubFormFullWidth: 0; /* Toggle to 1 for full width */

  --ubffw: var(--ubFormFullWidth);
  --ubnotffw: calc(1 - var(--ubffw));
  --ubFormLegendWidth: calc(100% * (0.75 * var(--ubnotffw) + 1.0 * var(--ubffw))); /* Toggle 75% / 100% */
  --ubFormMarginLeft: calc(100% * (0.25 * var(--ubnotffw))); /* Toggle 25% / 0% */
  --ubFormLabelWidth: calc(100% * (0.25 * var(--ubnotffw) + 1.0 * var(--ubffw))); /* Toggle 25% / 100% */
  --ubFormInputWidth: calc(100% * (0.50 * var(--ubnotffw) + 1.0 * var(--ubffw))); /* Toggle 50% / 100% */
}

/**
 * 2.0 Generic css
 *
 * Styling for default elements, container styling, generic classes
 */

/* Default font-size is set on hs_style_container, all other elements use EM units.*/
.hs_style_container {
  font-size: var(--ubMainFontSize);
}

.hs_style_container p,
.hs_style_container a {
  font-size: 1em;
}

.hs_style_container h1 {
  font-size: var(--ubH1FontSize, 2em);
  font-family: var(--ubH1FontFamily, var(--ubHeaderFontFamily));
  font-weight: var(--ubH1FontWeight, var(--ubHeaderFontWeight));
}

.hs_style_container h2 {
  font-size: var(--ubH2FontSize, 1.5em);
  font-family: var(--ubH2FontFamily, var(--ubHeaderFontFamily));
  font-weight: var(--ubH2FontWeight, var(--ubHeaderFontWeight));
}

.hs_style_container h3 {
  font-size: var(--ubH3FontSize, 1.17em);
  font-family: var(--ubH3FontFamily, var(--ubHeaderFontFamily));
  font-weight: var(--ubH3FontWeight, var(--ubHeaderFontWeight));
}

.hs_style_container h4 {
  font-size: var(--ubH4FontSize, 1em);
  font-family: var(--ubH4FontFamily, var(--ubHeaderFontFamily));
  font-weight: var(--ubH4FontWeight, var(--ubHeaderFontWeight));
}

/* Default font family, .hs_style_container.overwrite .hs_style_container * can be used for overwrites */
.hs_style_container * {
  font-family: var(--ubFontFamily);
}

.hs_style_container p {
  margin-top: 0;
  margin-bottom: 15px;
}

.hs_display_none,
.hs_hide_file_input,
.hs_hide_file_upload {
  display: none !important;
}

.hs_platform_area {
  padding-bottom: 15px;
  min-height: 140px;
  overflow: hidden;
}

/* --- Screenreader only class hides the element but screenreaders will still read it. Important ensures it is hidden ---*/
.hs_screenreader_only {
  border: 0             !important;
  clip: rect(0 0 0 0)   !important;
  height: 1px           !important;
  margin: -1px          !important;
  overflow: hidden      !important;
  padding: 0            !important;
  position: absolute    !important;
  width: 1px            !important;
}

/* Style container styling for on page forms */
.hs_form_on_page .hs_style_container,
.hs_applybutton .hs_style_container {
  max-width: 900px;
  padding: var(--ubFormOnPagePadding);
  margin: auto;
}

/* Style container for popup */
.hs_popup .hs_style_container {
  max-width: 600px;
  padding: 20px;
}

/*Style container for dashboard */
.hs_platform_area .hs_dashboard .hs_style_container {
  max-width: 1300px;
  padding: var(--ubPortalPadding);
  margin: auto;
}

/**
 * 2.1 Icon font
 *
 * Styling for icon font used
 */
@font-face {
  font-family: 'ubeeo';
  src: url(https://platform.hireserve.nl/incl/css/../fonts/ubeeo.woff2) format('woff2'),
  url(https://platform.hireserve.nl/incl/css/../fonts/ubeeo.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
.ub-icon {
  font-family: 'ubeeo' !important;
  font-style: normal;
  font-weight: normal;

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ub-icon-file-pdf:before {
  content: '\e800';
  color: #d52b1e; /* Adobe PDF color*/
}
.ub-icon-file-video:before {
  content: '\e801';
  color: #A62651; /* Flipbase color */
}
.ub-icon-file-word:before {
  content: '\e802';
  color: #01689b; /* Word blue color*/
}
.ub-icon-file-zipper:before { content: '\e803'; }
.ub-icon-file:before { content: '\e804'; }
.ub-icon-file-audio:before { content: '\e805'; }
.ub-icon-file-code:before { content: '\e806'; }
.ub-icon-file-contract:before {
  content: '\e807';
  color: #d52b1e;  /* Same as PDF */
}
.ub-icon-file-csv:before { content: '\e808'; }
.ub-icon-file-excel:before {
  content: '\e809';
  color: #39870c; /* Excel color */
}
.ub-icon-file-image:before {
  content: '\e80a';
  color: #007bc7;
}
.ub-icon-file-lines:before { content: '\e80b'; }
.ub-icon-edit:before { content: '\e80c'; }
.ub-icon-link:before { content: '\e80d'; }
.ub-icon-download:before { content: '\e80e'; }
.ub-icon-closed:before {
  content: '\e80f';
  font-weight: 100;
}
.ub-icon-open:before {
  content: '\e810';
  font-weight: 100;
}

.ub-icon-eye:before {
  content: '\e811';
  position: initial;
  background: none;
}
.ub-icon-eye-off:before {
  content: '\e812';
  position: initial;
  background: none;
}

/**
 * 2.2 Buttons and links
 */

/* Styling for all buttons*/
.hs_style_container .ub-button {
  font-size: var(--ubButtonFontSize);
  font-family: var(--ubButtonFontFamily);
  font-weight: var(--ubButtonFontWeight);
  background-color: var(--ubPrimaryButtonColor, #39870c);
  border-radius: var(--ubButtonBorderRadius);
  padding: var(--ubButtonPadding);
  color: var(--ubPrimaryButtonTextColor);
  border: var(--ubButtonBorder);
  text-align: center;
  cursor: pointer;
  background-image: none;
  text-decoration: none;
  text-transform: var(--ubButtonTextTransform, none);
  appearance: none;
  -webkit-appearance:none;
}

.hs_style_container .ub-button:active,
.hs_style_container .ub-button:hover,
.hs_style_container .ub-button:focus {
  background-color: var(--ubPrimaryButtonHoverColor, #275937);
  color: var(--ubPrimaryButtonTextHoverColor);
}

.hs_style_container .ub-link {
  text-decoration: var(--ubLinkTextDecoration);
}

.hs_style_container .ub-link:active,
.hs_style_container .ub-link:hover,
.hs_style_container .ub-link:focus {
  text-decoration: var(--ubLinkTextDecorationHover);
}

/* Always used next to a primary button */
.hs_style_container .ub-secondary-action-link {
  font-size: var(--ubButtonFontSize);
  padding: var(--ubButtonPadding);
  text-align: center;
}

.hs_style_container .formbuttons .ub-secondary-action-link {
  display: block;
}

.hs_applybutton a.hs_apply_button,
.hs_referralbutton a.hs_referral_button {
  font-size: var(--ubButtonFontSize);
  font-family: var(--ubButtonFontFamily);
  font-weight: var(--ubButtonFontWeight);
  border-radius: var(--ubButtonBorderRadius);
  padding: var(--ubButtonPadding);
  background-color: var(--ubPrimaryButtonColor, #39870c);
  color: var(--ubPrimaryButtonTextColor);
  border: var(--ubButtonBorder);
  text-decoration: none;
  text-transform: var(--ubButtonTextTransform, none);
  width: 100%;
  display: block;
  text-align: center;
}

/* Apply button colors */
.hs_applybutton a.hs_apply_button:hover,
.hs_applybutton a.hs_apply_button:active {
  background-color: var(--ubPrimaryButtonHoverColor, #275937);
  color: var(--ubPrimaryButtonTextHoverColor)
}

/* Referral button colors */
.hs_referralbutton a.hs_referral_button {
  background-color: var(--ubSecondaryButtonColor, #154273);
  color: var(--ubSecondaryButtonTextColor)
}

.hs_referralbutton a.hs_referral_button:hover,
.hs_referralbutton a.hs_referral_button:active {
  background-color: var(--ubSecondaryButtonHoverColor, #01689b);
  color: var(--ubSecondaryButtonTextHoverColor)
}

.hs_platform_form * ,
.hs_platform_form :after,
.hs_platform_form :before {
  box-sizing: border-box !important;
}

/**
 * 2.3 Popup styling
 *
 * Styling for displaying the popup
 */
#hs_overlay {
  background-color: rgba(0,0,0,0.30);
  z-index: 1000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hs_popup {
  z-index: 10000;
  background-color: #fff;
  border-radius: var(--ubBorderRadius);
  color: #4d4d4d;
  min-height: 400px;
  width: 90%;
  margin-top: 10px;
  margin-bottom: 10px;
  position: absolute;
}

.hs_popup .hs_popup_header {
  padding: 18px 20px 14px 20px;
  border-bottom: 1px solid #8F8F8F;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  overflow: hidden;
  margin: -20px -20px 15px -20px;
}

.hs_popup a.close_mobile_btn {
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  right: 15px;
  top: 20px;
  text-decoration: none;
  color: black;
  background: var(--wpr-bg-6d9d7a9b-50d7-4a93-8152-fff675b5b1a7) no-repeat center center;
  background-size: 15px;
  text-indent: -9999px;
}

.hs_popup a.close_mobile_btn:hover {
  opacity: 0.6;
}

.hs_popup .hs_popup_intro {
  text-align: center;
  padding: 10px 0 20px 0;
}

.hs_bottom_line {
  border-top: 1px solid #8F8F8F;
  margin: 20px -20px 0 -20px;
}

/**
 * 3.0 Form styling
 *
 * All styling for inside forms
 */
.hs_platform_form .formbody,
.hs_platform_form .form-group,
.hs_platform_form .ub-forgot-password,
.hs_style_container .section_intro,
.hs_platform_form #recaptcha_container {
  padding: 0 0 10px 0;
  clear: both;
}

.hs_style_container .formbuttons {
  padding: 10px 0 10px 0;
  clear: both;
  white-space: nowrap;
}

.hs_style_container button.ub-password-eye {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 40px;
  height: calc(100% - 2px);
  font-size: 1.5em;
  background-color: transparent;
  color: unset;
  border: none;
  margin: 0;
  padding: 0;
  min-height: 0;
}

.hs_platform_form .form-group .form-field {
  display: block;
}

.hs_platform_form .form-group fieldset.form-field {
  margin: unset;
  padding: 0;
  border: 0;
}

.hs_platform_form label.form-label {
  font-size: 1em;
  position: relative; /*9px instead of 8px to compensate the border of input fields*/
  padding: 9px 16px 9px 0;
  display: inline-block;
  line-height: var(--ubFormLineHeight);
  margin: 0;
}

.hs_style_container .section_intro > * {
  padding: 0;
}

.hs_platform_form input.textfield {
  font-size: 1em;
  display: block;
  width: 100%;
  border: 1px solid #8F8F8F;
  padding: 8px 10px;
  appearance: none;
  -webkit-appearance:none;
  background-image: none;
  min-height: 15px;
  border-radius: var(--ubInputBorderRadius);
  line-height: var(--ubFormLineHeight);
  margin: 0;
}

.hs_platform_form .SumoSelect > p.CaptionCont {
  line-height: var(--ubFormLineHeight);
}

.hs_platform_form .ats-custom-file {
  display: block;
  width: 100%;
}

/* Fileupload */
.hs_platform_form .ats-custom-file {
  position: relative;
  display: inline-block;
}

.hs_platform_form input.ats-custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0;
  opacity: 0;
  cursor:pointer;
  line-height: var(--ubFormLineHeight);
  font-size: 1em;
  padding: 9px 0 9px 0;
}

.hs_platform_form .ats-custom-file input.ats-custom-file-input::file-selector-button {
  visibility: hidden;
}

/* Duplicate code as an unrecognized selector invalidates the whole list. */
.hs_platform_form .ats-custom-file input.ats-custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.ats-custom-file input.ats-custom-file-input:disabled~.ats-custom-file-label {
  background-color: #e9ecef;
}

.ats-custom-file label.ats-custom-file-label {
  font-size: 1em;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  padding: 8px 90px 8px 10px;
  line-height: var(--ubFormLineHeight);
  background-color: #fff;
  border: 1px solid #8F8F8F;
  border-radius: var(--ubInputBorderRadius);
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}

.form-group-file-drop .ats-custom-file label.ats-custom-file-label {
  padding: 8px 10px 8px 10px;
  white-space: unset;
}

.ats-custom-file label.ats-custom-file-label::after {
  font-size: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  line-height: var(--ubFormLineHeight);
  padding: 8px 10px;
  color: #495057;
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 var(--ubInputBorderRadius) var(--ubInputBorderRadius) 0;
  font-weight: normal;
}

.ats-custom-file label.ats-custom-file-label::after {
  content: attr(data-browse);
}

.hs_platform_form input.textfield.readonly {
  padding: 9px 10px 9px 0;
  border: 0;
  outline: 0;
  cursor: auto;
  background-color: transparent;
  color: var(--ubPlaceholderColor);
}

.hs_platform_form input.textfield.readonly:focus {
  border-color: #FFFFFF;
  outline: 0;
  box-shadow: none;
}

.hs_platform_form select {
  font-size: 1em;
  line-height: var(--ubFormLineHeight);
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  color: #454545;
  border: 1px solid #8F8F8F;
  padding: 8px 15px 8px 10px;
  text-overflow: ellipsis;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ubInputBorderRadius);
  background: var(--wpr-bg-93f76686-cb3c-46d2-9fb4-717f1bfefbca) no-repeat right center, #FFFFFF;
  margin: 0;
}

.hs_platform_form textarea {
  font-size: 1em;
  display: block;
  width: 100%;
  border: 1px solid #8F8F8F;
  padding: 8px 10px 22px 10px;
  appearance: none;
  -webkit-appearance: none;
  background-image: none;
  border-radius: var(--ubInputBorderRadius);
  min-height: 150px;
  resize: none;
  margin: 0;
}

/* Focus */
form.hs_platform_form .form-group input.textfield:focus,
form.hs_platform_form .form-group select:focus,
form.hs_platform_form .form-group textarea:focus,
.hs_platform_form .form-group .ub-checkbox .checkbox-wrap input:focus,
.ats-custom-file input.ats-custom-file-input:focus~.ats-custom-file-label,
.ats-custom-file input.ats-custom-file-input:focus~.ats-custom-file-label::after {
  outline: 1px auto #005fcc;
  outline-offset: 0;
  border-color: #005fcc;
}

/* Mandatory */
.form-group.mandatory label.form-label:after,
.form-group.mandatory legend:after,
.form-group.hs-disclaimer.mandatory .checkbox-wrap label:after,
.form-group.form-group-checkbox.mandatory .checkbox-wrap label:after{
  content: "*";
  color: var(--ubErrorColorDark);
  margin-right: -16px;
  width: 12px;
  margin-left: 4px;
  display: inline-block;
  position: static; /* Prevent site overwrites */
}

.form-group.hs-disclaimer.mandatory label.form-label:after,
.form-group.form-group-checkbox.mandatory label.form-label:after,
.form-group.hs-disclaimer.mandatory legend:after {
  display: none;
}

.hs_platform_form .form-group.mandatory .radio label:after{
  display: none;
}

/* Error */
.hs_platform_form .form-group.ub-error input.textfield,
.hs_platform_form .form-group.ub-error select,
.hs_platform_form .form-group.ub-error textarea {
  border: 1px solid var(--ubErrorColorDark);
}

.hs_platform_form .form-group.ub-error .ats-custom-file-label{
  border-color: var(--ubErrorColorDark);
}

.hs_platform_form .ub-error .field_label,
.hs_platform_form .ub-error .form-label,
.hs_platform_form .hs-disclaimer.required.ub-error label {
  color: var(--ubErrorColorDark);
}

/* Legend */
.hs_application_error,
.hs_platform_form .form-group.form-validation-summary,
.hs_platform_form .form-group.form-server-errors,
.hs_platform_form .form-group.form-legend-required,
.hs_platform_form .form-group.form-legend-info {
  font-size: 1em;
  padding: 10px 15px;
  margin-bottom: 20px;
  border-radius: var(--UbTooltipBorderRadius);
  line-height: normal;
}

.hs_application_error,
.hs_platform_form .form-group.form-validation-summary,
.hs_platform_form .form-group.form-server-errors{
  background-color: var(--ubErrorColorLight);
  border-left: 5px solid var(--ubErrorColorDark);
  color: black;
}

.hs_platform_form .formbody .upload-cv-intro {
  background-color: #F8DCFF;
  border-left: 5px solid #DB4CFF;
  color: #592a2a;
  padding: 15px 20px;
}

.hs_platform_form .formbody.no-margin-bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}

.hs_platform_form .formbody .toggle-upload-cv-area {
  margin-top: 20px;
}

.hs_platform_form .formbody .toggle-upload-cv-area {
  display: none;
}

.hs_platform_form .form-group.form-legend-required {
  background-color: var(--ubInfoColorLight);
  border-left: 5px solid var(--ubInfoColorDark);
  color: black;
}
.hs_platform_form .form-group.form-legend-info {
  background-color: var(--ubConfirmColorLight);
  border-left: 5px solid var(--ubConfirmColorDark);
  color: black;
}

.hs_platform_form  .form-legend-required-text {
  color: var(--ubErrorColorDark);
}

.formbuttons .ub-button {
  width: 100%;
  margin: auto;
  display: block;
}

.hs_platform_form .radio label,
.hs_platform_form .ub-checkbox label,
.hs_platform_form .ub-checkbox label a{
  font-size: 1em;
}

.hs_platform_form .form-group-checkbox .ub-checkbox,
.hs_platform_form .form-group-checkboxgroup fieldset.ub-checkbox {
  padding: 9px 0 9px 0;
  line-height: var(--ubFormLineHeight);
  appearance: auto;
  width: auto; /*prevent overwrites*/
}

.hs_platform_form .form-group .form-field.radio {
  padding: 9px 0 9px 0;
}

.hs_platform_form .form-group .radio .radio-wrap {
  display: block;
  line-height: var(--ubFormLineHeight);
  appearance: auto;
  width: auto; /*prevent overwrites*/
}

.hs_platform_form .form-group-checkbox .form-label {
  display: none;
}

.hs_platform_form .form-group .radio .radio-wrap  label div,
.hs_platform_form .form-group .ub-checkbox .checkbox-wrap label div {
  display: inline-block;
}

.hs_platform_form .form-group .radio .radio-wrap input,
.hs_platform_form .form-group .ub-checkbox .checkbox-wrap input {
  margin: 0 4px 0 0;
}

.hs_platform_form .form-group .ub-checkbox .checkbox-wrap input,
.hs_platform_form .form-group .ub-checkbox .checkbox-wrap label,
.hs_platform_form .form-group .radio .radio-wrap input,
.hs_platform_form .form-group .radio .radio-wrap label {
  vertical-align: middle;
  display: inline;
  padding: 0;
  position: static;
  float: none;
}

.hs_platform_form .value_from_cv {
  clear: both;
  padding-left: 180px;
  padding-top: 2px;
  font-style: italic;
}

.hs_platform_form span.fixed-value {
  font-size: 1em;
  padding-top: 8px;
  padding-bottom: 4px;
  display: block;
}

.hs_platform_form input::placeholder,
.hs_platform_form textarea::placeholder {
  color: var(--ubPlaceholderColor);
  opacity: 1;
}

.ats-custom-file label.ats-custom-file-label,
.hs_platform_form .SumoSelect > .CaptionCont > span.placeholder,
.hs_platform_form select[data-placeholder-visible='true'] {
  color: var(--ubPlaceholderColor);
}

.hs_multirecord_table {
  padding-bottom: 10px;
}

.hs_bottom_line {
  clear: both;
}

.uploadedfile-wrap {
  overflow: hidden;
}

.uploaded_doc_title {
  font-size: 1em;
  line-height: var(--ubFormLineHeight);
  display: inline-block;
  padding: 9px 9px 9px 0;
}

.uploaded_doc_remove {
  background: var(--wpr-bg-d2d9a760-7792-4a00-8272-393b19d0c5bd) no-repeat center;
  font-size: 1em;
  line-height: var(--ubFormLineHeight);
  display: inline-block;
  width: 16px;
  text-indent: -999px;
  padding: 9px 0;
}

.ub-forgot-password p {
  font-size: 0.9em;
  margin: 0;
}

/**
 * 3.1 Form Apply picker
 */

.hs_apply_picker {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  align-items: center;
  gap: 30px 0;
}
.hs_apply_picker .hs_apply_picker_divider {
  position: relative;
}
.hs_apply_picker .hs_apply_picker_divider span {
  background: white;
}
.hs_apply_picker .hs_apply_picker_divider:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 220%;
  top: -50%;
  right: 50%;
  z-index: -1;
  background: gray;
}
.hs_apply_picker .hs_apply_picker_right .ub-button {
  color: var(--ubSecondaryButtonTextColor);
  background-color: var(--ubSecondaryButtonColor);
}
.hs_apply_picker .hs_apply_picker_right .ub-button:hover {
  color: var(--ubSecondaryButtonTextHoverColor);
  background-color: var(--ubSecondaryButtonHoverColor);
}

/**
 * 3.2 Form multirecords
 *
 * Styling for multirecords sections
 */

.hs_multirecord_table table,
table.docs_table {
  border-spacing: 0;
  margin-bottom: 10px;
  width: 100%;
}

.hs_multirecord_table table tr th,
table.docs_table tr th {
  font-size: 0.8em;
  background-color: #54555a;
  color: #fff;
  text-align: left;
  padding: 12px;
  border-right: 1px solid #47484c;
  box-shadow: 2px 0 1px #636468 inset;
}

.hs_multirecord_table table tr th:first-child,
table.docs_table tr th:first-child {
  box-shadow: 0 0 0;
}

.hs_multirecord_table table tr td,
table.docs_table tr td {
  font-size: 0.8em;
  border-bottom: 1px solid #eaeaea;
  padding: 12px;
}

.hs_multirecord_table table tr th:first-child,
.hs_multirecord_table table tr td:first-child,
.hs_multirecord_table table tr th:last-child,
.hs_multirecord_table table tr td:last-child {
  width: 16px;
}

.hs_multirecord_table table tr td:first-child,
.hs_multirecord_table table tr td:last-child {
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}

table.docs_table tr td {
  border-right: 1px solid #eaeaea;
}
table.docs_table tr td:first-child {
  border-left: 1px solid #eaeaea;
}

.hs_multirecord_table table tr:nth-child(odd) td {
  background-color: #f5f4f5;
}

.hs_multirecord_table table tr:last-child td {
  background-color: #fff;
}

.hs_multirecord_table table tr.mr_entry.ub-error td {
}

.hs_multirecord_table table tr.mr_entry.ub-error td:first-child {
  border-left: 1px solid var(--ubErrorColorDark);
  border-right: 1px solid var(--ubErrorColorDark);
  border-top: 1px solid var(--ubErrorColorDark);
  border-bottom: 1px solid var(--ubErrorColorDark);
  background-color: #fee8ea;
}

.hs_add_entry {
  background: var(--wpr-bg-dd3eecb8-8c45-43a8-a7f2-790c945d6455) no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -999px;
}

.hs_delete_entry {
  background: var(--wpr-bg-507a23ac-0859-40d9-a904-25e3601a55d1) no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -999px;
}

.hs_edit_entry {
  background: var(--wpr-bg-57d2ce6e-881b-4d87-ac00-031c1f758486) no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -999px;
}

.hs_multirecord_locked .hs_add_entry {
  background: var(--wpr-bg-436f7754-4f89-41e3-afd6-02335625cc51) no-repeat;
}

.hs_multirecord_locked .hs_delete_entry {
  background: var(--wpr-bg-fa4496cb-ba51-48a2-bec7-53c6708240b1) no-repeat;
}

.hs_multirecord_locked .hs_edit_entry {
  background: var(--wpr-bg-e778a6dc-2988-456f-bad5-a3aa97e4a2c5) no-repeat;
}

/**
 * 3.3 Form Tooltips
 */
.form-field-text-hidden {
  display:none !important;
}

span.form-field-text-counter {
  display: block;
  position: relative;
  top: -20px;
  text-align: right;
  margin-right: 5px;
  color: var(--ubPlaceholderColor);
  font-size: 0.9em;
  font-style: italic;
  height: 0;
}

.hs_platform_form .form-group .form-field .form-field-text-invalid,
.hs_platform_form .form-group .form-field .form-field-text-help,
.hs_platform_form .form-group .form-field .form-field-text-warn {
  position: relative;
  display: block;
  padding: 8px 10px;
  margin-top: 6px;
  border-radius: var(--UbTooltipBorderRadius);
  font-size: 0.95em;
  color: #000000;
  border-left: 4px solid;
  line-height: normal;
}

.hs_platform_form .form-group .form-field .form-field-text-invalid {
  background-color: var(--ubErrorColorLight);
  border-color: var(--ubErrorColorDark);
}

.hs_platform_form .form-group .form-field .form-field-text-help {
  background-color: var(--ubInfoColorLight);
  border-color: var(--ubInfoColorDark);
}

.hs_platform_form .form-group .form-field .form-field-text-warn {
  background-color: var(--ubWarnColorLight);
  border-color: var(--ubWarnColorDark);
}

.hs_platform_form .form-group .form-field .form-field-text-invalid::before,
.hs_platform_form .form-group .form-field .form-field-text-help::before,
.hs_platform_form .form-group .form-field .form-field-text-warn::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  bottom: 100%;
  left: 8px;
  border: 6px solid transparent;
  border-top: none;
}

.hs_platform_form .form-group .form-field .form-field-text-invalid::before {
  border-bottom-color: var(--ubErrorColorLight);
}

.hs_platform_form .form-group .form-field .form-field-text-help::before {
  border-bottom-color: var(--ubInfoColorLight);
}

.hs_platform_form .form-group .form-field .form-field-text-warn::before {
  border-bottom-color: var(--ubWarnColorLight);
}

.hs_form_on_page .hs_platform_form .form-group {
  clear: both;
}

/**
 * 3.4 Form shift group selector
 *
 * Description of section, whether or not it has media queries, etc.
 */
.form-group.hs-shift-selector .hs-shift-group-container {
  padding-top: 9px;
}

.form-group.hs-shift-selector .hs-shift-group.hs-shift-group-disabled,
.form-group.hs-shift-selector .hs-checkbox-button.hs-shift-disabled,
.form-group.hs-shift-selector .hs-checkbox-button input,
.hs-shift-group .form-field-text-invalid {
  display: none;
}

.hs_platform_form .form-group.hs-shift-selector .form-field.hs-checkbox-group {
  margin: 10px 0 10px 0;
  width: 100%;
}

.form-group.hs-shift-selector .hs-shift-group-label {
  line-height: var(--ubFormLineHeight);
  display: inline-block;
}

.form-group.hs-shift-selector .hs-checkbox-button {
  display: inline-block;
}

.form-group.hs-shift-selector .hs-checkbox-button label {
  background-color: #fff;
  border-radius: var(--ubInputBorderRadius);
  cursor: pointer;
  border: 1px solid #8F8F8F;
  user-select: none;
  padding: 10px;
  display: inline-block;
  width: 100px;
  text-align: center;
  margin: 5px 5px 5px 0;
}

.form-group.hs-shift-selector .hs-checkbox-button-checked label {
  background-color: var(--ubPrimaryButtonColor, #39870c);
  border: 1px solid var(--ubPrimaryButtonColor, #39870c);
  color: #fff;
}

/**
 * 3.5 Form Address lookup
 *
 * Styling for address lookup field
 */
.hs_platform_form .form-group.address-lookup .address-lookup-result {
  background-color: var(--ubInfoColorLight);
  border-left: 3px solid var(--ubInfoColorDark);
  padding: 10px 10px 10px 10px;
  margin-top: 10px;
  border-radius: 3px;
}

.hs_platform_form .form-group.address-lookup .country-select {
  font-size: 1em;
  display: block;
  width: 100%;
  border: 1px solid #8F8F8F;
  appearance: none;
  -webkit-appearance: none;
  background-image: none;
  min-height: 33px;
  border-radius: var(--ubInputBorderRadius);
  background-color: #FFFFFF;
}

.hs_platform_form .form-group.address-lookup .country-select.inside input,
.country-select.inside input[type=text] {
  line-height: var(--ubFormLineHeight);
  padding: 8px 10px;
  border: none;
  font-size: 1em;
  width: 100%;
  border-radius: var(--ubInputBorderRadius);
}

.hs_platform_form .form-group.address-lookup .country-select.inside input,
.country-select.inside input[type=text] div {
  padding-left: 38px;
}

.hs_platform_form .form-group.address-lookup .country-select.inside .flag-dropdown {
  right: 0;
}

.hs_platform_form .form-group.address-lookup .country-select.inside .selected-flag {
  width: 100%;
}


.hs_platform_form .form-group.address-lookup input.textfield {
  margin-top: 10px;
}

/**
 * 3.6 Form Upload Cv Filedrop
 */

.form-group-file-drop > label {
  visibility: hidden;
  display: none !important;
}

.hs_platform_form .form-group-file-drop input.ats-custom-file-input {
  height: 130px; /* Height for image and 2 lines */
}

.form-group-file-drop label.ats-custom-file-label {
  height: 130px;
  line-height: 20px;
  text-align: center;
  border: 0;
}

.form-group-file-drop label.ats-custom-file-label span {
  text-decoration: underline;
}

.form-group-file-drop label.ats-custom-file-label::before {
  content: url(https://platform.hireserve.nl/incl/css/../images/fileuploadimage.png);
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Hide label browse */
.form-group-file-drop label.ats-custom-file-label::after {
  display: none;
}

/* Hide label for mandatory */
.form-group-file-drop .hs_required_text {
  display: none;
}

.form-group-file-drop .ats-custom-file-drop-highlight {
  border: 3px dashed #909091;
}

.hs_platform_form .form-group.form-group-file-drop {
  padding: 0;
}

/* Generic form */
div.ats-form-seperator {
  padding: 15px 0;
}

/**
 * 3.7 Form Ats entry
 */
a.ats-entry-add {
  font-size: 1.2em;
  display: block;
  background-image: var(--wpr-bg-65629bb2-2fdc-4fef-81f6-188239a18fb1);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center right 10px;
  padding-right: 30px;
}

.hs_platform_form a.ats-entry,
.hs_platform_form a.ats-entry-add {
  padding: 32px 0;
  border-bottom: 1px solid #8F8F8F;
  display: block;
  color: #000000;
}

a.ats-entry-add:hover,
a.ats-entry-edit  {
  text-decoration: none;
}

a.ats-entry-add,
a.ats-entry-edit:hover .ats-entry-title {
  text-decoration: underline;
}

a.ats-entry-edit {
  padding-right: 30px;
  background-image: url(https://platform.hireserve.nl/incl/css/../images/ats-entry-edit.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: top 28px right 10px;
}

.ats-entry-date {
  font-size: 0.9em;
  padding-bottom: 5px;
}

.ats-entry-title {
  padding: 10px 0;
  font-size: 1em;
}

.ats-entry-middle {
  padding: 10px 0;
  font-size: 1em;
}

.ats-entry-bottom {
  padding-top: 10px;
  font-size: 1em;
}

.ats-entry-title .ats-entry-job-title {
  font-weight: bold;
}

.ats-entry-summary {
  font-size: 0.9em;
}

/**
 * 3.8 Form Availability
 *
 * Styling for availability field in form
 */

.form-group.availability {
  line-height: 21px;
}

.form-group.availability .form-label {
  overflow: hidden;
  cursor: pointer;
}

.form-field-availability-time-block-disabled,
.availability_starttime_wrapper,
.availability_endtime_wrapper,
.availability_button_wrapper {
  min-height: 2.5em;
}

.form-group.availability select {
  padding: 8px 18px 8px 10px;
  min-width: auto;
  width:100%;
}

.form-group.availability select[disabled] {
  border: 0;
  background: none;
  cursor: default;
}

.form-group.availability.ub-error select[disabled] {
  border: 0 !important;
}

.form-group.availability option[value=""][disabled] {
  display: none;
}

.form-group.availability .form-field button.availability_button {
  font-size: 1em;
  background-color: #e9ecef;
  border-radius: var(--ubInputBorderRadius);
  padding: 0 10px;
  text-indent:-9999px;
  display:none;
  cursor:pointer;
  border: 0;
  height: 36px;
  width: 36px;
}

.form-group.availability .form-field .availability_button_wrapper {
  width: 82px;
}

.form-group.availability .form-field button.availability_button_add {
  background: #e9ecef var(--wpr-bg-62c32272-c42b-4487-acf7-7cf0569ad545) no-repeat center;
  background-size: 16px;
  margin-right: 10px;
}

.form-group.availability .form-field button.availability_button_remove {
  background: #e9ecef var(--wpr-bg-c10ba606-0aed-4b99-bb55-4ad78d3fece2) no-repeat center;
  background-size: 16px;
}

.form-group.availability .form-field button.availability_button:hover,
.form-group.availability .form-field button.availability_button:focus{
  background-color: #f2f2f2;
}

.form-group.availability .form-field > .form-field-availability-time-block.availability-time-set:last-child button.availability_button {
  display: inline-block
}

.form-group.availability .form-field > .form-field-availability-time-block.availability-time-set:last-child button.availability_button {
  display: inline-block
}

.form-group.availability .form-field > .form-field-availability-time-block.availability-time-set:nth-child(2) button.availability_button_remove {
  display: none;
}

.form-group.availability .form-field > .form-field-availability-time-block.availability-time-set:nth-child(4) button.availability_button_add {
  display: none;
}

.form-group.availability .form-field > .form-field-availability-time-block.availability-time-set:nth-child(4) button.availability_button_add {
  display: none;
}

.form-group.availability .form-field .form-field-availability-time-block.availability-time-set.availability-buttons-hidden button.availability_button_add {
  display: none;
}

.form-group.availability .form-field .form-field-availability-time-block-disabled {
  font-size: 1em;
  position: relative;
  background-color: #fff;
  margin: 0;
  padding: 6px 0;
}

.form-group.availability .form-field .form-field-availability-time-block-disabled {
  display: none;

}
.form-group.availability .form-field.availability-time-block-disabled .form-field-availability-time-block-disabled {
  display: block;
}

.form-group.availability .form-field.availability-time-block-disabled .form-field-availability-time-block {
  display: none;
}

.form-group.availability .form-field .form-field-availability-time-block {
  display: flex;
  min-width: 300px;
}

.form-group.availability .form-field .availability_starttime_wrapper,
.form-group.availability .form-field .availability_endtime_wrapper {
  margin-right: 10px;
  flex: 1;
}

/**
 * 3.9 Form combined fields
 *
 * Styling for combined fields in form
 */
.hs_platform_form .form-field.combined-fields .form-group {
  width: 50%;
  float: left;
  clear: none;
}

.hs_platform_form .form-field.combined-fields .form-group .form-field {
  width: 100%;
}

.hs_platform_form .form-field.combined-fields .form-label {
  display: none;
}

.hs_platform_form .combined-fields .form-group:nth-of-type(2n) {
  padding-left: 10px;
}

/**
 * 3.10 Form navigator
 *
 * Styling that build the section navigator above the form
 */
.hs_nav_container {
  position: relative;
  padding: 10px 0 30px 0;
}

ol.hs_nav {
  list-style: none;
  display: flex;
  counter-reset: navigation-counter 0;
  padding: 0;
  margin: 0;
}

ol.hs_nav.hs_nav_hori {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}

ol.hs_nav.hs_nav_vert {
  row-gap: 15px;
  flex-direction: column;
}

ol.hs_nav .hs_nav_section {
  flex: 1 1 0;
  font-size: 1em;
  list-style: none;
  margin: 0 !important;
}

/* Prevent potential site overwrites */
ol.hs_nav .hs_nav_section::before {
  display: none;
}

ol.hs_nav .hs_nav_section a {
  text-decoration: none !important;
  opacity: 1 !important;
  color: unset;
}

ol.hs_nav .hs_nav_section span {
  display: flex;
  color:  var(--ubLightGray);
}

ol.hs_nav.hs_nav_hori .hs_nav_section span {
  text-align: center;
  flex-direction: column-reverse;
  padding: 0 5px;
}

ol.hs_nav.hs_nav_vert .hs_nav_section span {
  line-height: 31px;
}

ol.hs_nav .hs_nav_section.hs_nav_section_complete span {
  color: black;
}

ol.hs_nav .hs_nav_section.hs_nav_section_current span {
  color: var(--navColor, #154273);
  font-weight: bold;
  word-break: normal;
}

/* Before of section*/
ol.hs_nav .hs_nav_section span::before {
  counter-increment: navigation-counter;
  content: counter(navigation-counter);
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  border: solid 3px #e1e1e1;
  border-radius: 50%;
  background-color: white;
  z-index: 2;
  text-align: center;
  line-height: 25px;
  color:  var(--ubLightGray);
  box-sizing: content-box;
}

ol.hs_nav.hs_nav_hori .hs_nav_section span::before {
  margin: 10px auto auto;
}

ol.hs_nav.hs_nav_vert .hs_nav_section span::before {
  margin-right: 10px;
}

ol.hs_nav .hs_nav_section.hs_nav_section_complete span::before {
  background-color: var(--navColor, #154273);
  border-color: var(--navColor, #154273);
  color: white;
}

ol.hs_nav .hs_nav_section.hs_nav_section_current span::before {
  border-color: var(--navColor, #154273);
  color: var(--navColor, #154273);
  font-weight: bold;
  background-color: white;
}

/* Horizontal line */
ol.hs_nav .hs_nav_section {
  position: relative;
}

ol.hs_nav.hs_nav_hori .hs_nav_section::after {
  content: '';
  width: 100%;
  border-bottom: solid 3px #e1e1e1;
  position: absolute;
  left: 50%;
  bottom: 14px;
  z-index: 1;
}

ol.hs_nav.hs_nav_hori .hs_nav_section.hs_nav_section_complete::after {
  border-color: var(--navColor, #154273);
}

ol.hs_nav.hs_nav_hori .hs_nav_section:last-child::after {
  display: none;
}

/* Vertical line */
ol.hs_nav.hs_nav_vert .hs_nav_section::after {
  content: '';
  height: 100%;
  top: 50%;
  left: 14px;
  border-left: solid 3px #e1e1e1;
  position: absolute;
  z-index: 1;
}

ol.hs_nav.hs_nav_vert .hs_nav_section.hs_nav_section_complete::after {
  border-color: var(--navColor, #154273);
}

ol.hs_nav.hs_nav_vert .hs_nav_section:last-child::after {
  display: none;
}

/**
 * 3.11 Form cammio / flipbase
 *
 * Styling for cammio or flipbase section inside form
 */
.hs_platform_form .form-group label.form-label.form-label-cammio,
.hs_platform_form .form-group label.form-label.form-label-flipbase {
  width: 100%;
  display: inline-block;
}

.hs_platform_form .form-group .form-field.flipbase-video-pitch {
  width:100%;
}

.hs_platform_form .form-group div.cammio-video-pitch-wrapper.form-field,
.hs_platform_form .form-group div.flipbase-video-pitch-wrapper.form-field {
  width: 100%;
  display: inline-block;
  border: 1px solid #8F8F8F;
  border-radius: var(--ubInputBorderRadius);
  background-color: white;
  max-width: 600px;
}

.hs_platform_form .form-group.ub-error .cammio-video-pitch-wrapper,
.hs_platform_form .form-group.ub-error .flipbase-video-pitch-wrapper {
  color: var(--ubErrorColorDark ,#DB0000);
}

/**
 * 4.0 Media queries
 *
 * Tablet styling, should probably be defined per section
 */
@media screen and (min-width:768px) {

  .hs_form_on_page .hs_platform_form .form-group.form-validation-summary,
  .hs_form_on_page .hs_platform_form .form-group.form-server-errors,
  .hs_form_on_page .hs_platform_form .form-group.form-legend-required,
  .hs_form_on_page .hs_platform_form .form-group.form-legend-info{
    width: var(--ubFormLegendWidth, 75%);
  }

  .hs_form_on_page .hs_platform_form .form-group .form-field {
    display: inline-block;
    width: var(--ubFormInputWidth, 50%);
  }

  .hs_form_on_page .hs_platform_form .form-group .form-field.flipbase-video-pitch {
    width: var(--ubFormLegendWidth, 75%);
  }

  .hs_form_on_page .form-group-file-drop .form-field,
  .hs_form_on_page .form-group-checkbox .form-field {
    margin-left: var(--ubFormMarginLeft, 25%);
  }

  .hs_error_message,
  .hs_warning_message {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 0;
  }

  .hs_applybutton,
  .hs_referralbutton {
    display: inline;
  }

  .hs_applybutton a.hs_apply_button,
  .hs_referralbutton a.hs_referral_button {
    width: auto;
    display: inline-block;
  }

  .hs_popup {
    width: 600px;
  }

  .hs_apply_picker {
    flex-direction: row;
    align-items: baseline;
  }

  .hs_form_on_page #recaptcha_container {
    margin-left: var(--ubFormMarginLeft, 25%);
  }

  .hs_form_on_page .hs_platform_form label.form-label {
    width: var(--ubFormLabelWidth, 25%);
    float: left;
  }

  .hs_platform_form .ats-custom-file {
    width: 100%;
  }

  .hs_platform_form .form-group input.textfield,
  .hs_platform_form .form-group textarea {
    width: 100%;
  }

  .formbuttons .ub-button,
  .hs_style_container .formbuttons .ub-secondary-action-link {
    width: 50%;
    margin-left: 0;
    display: inline-block;
  }

  .hs_form_on_page .formbuttons .ub-button,
  .hs_form_on_page .formbuttons .ub-secondary-action-link {
    width: auto;
    min-width: 25%;
  }

  .hs_form_on_page .formbuttons .ub-button {
    margin-left: var(--ubFormMarginLeft);
  }

  .hs_multirecord_table input.ub-button.submit {
    float: right;
  }

  .hs_form_on_page .formbuttons input.ub-button.ub-button-left {
    margin-left: 0;
  }

  /* Address lookup */
  .hs_platform_form .form-group.address-lookup .address-lookup-line-1,
  .hs_platform_form .form-group.address-lookup .address-lookup-line-2 {
    display: flex;
  }

  .hs_platform_form .form-group.address-lookup .country-select {
    width: 53px;
    margin-right: 10px;
    padding-right: 40px;
  }

  .hs_platform_form .form-group.address-lookup .address-lookup-line-1 .address-lookup-postalcode {
    margin-right: 10px;
  }

  .hs_platform_form .form-group.address-lookup .address-lookup-line-1 .address-lookup-postalcode,
  .hs_platform_form .form-group.address-lookup .address-lookup-line-1 .address-lookup-housenumber {
    margin-top: 0;
    flex-shrink: 1;
  }

  .hs_platform_form .form-group.address-lookup .address-lookup-line-1 .address-lookup-housenumber {
    width: 60px;
  }

  .hs_platform_form .form-group.address-lookup .address-lookup-line-2 .address-lookup-address {
    margin-right: 10px;
  }

  .hs_platform_form .form-group.address-lookup .country-select.inside input, .country-select.inside input[type=text] {
    display: none;
  }

  .formbuttons input {
    width: 100%;
  }

  .hs_document .doc-description .doc-date {
    flex-shrink: 0;
  }

}

/**
 * 5.0 Css of  external plugins
 *
 * Minimized css from plugins, specific overrides are defined separately.
 */

/**
 * 5.1 Telephone plugin
 */
.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__dropdown-content{position:absolute;z-index:2;margin-left:-1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__dropdown-content--dropup{bottom:100%;margin-bottom:-1px}.iti__search-input{width:100%;border-width:0}.iti__country-list{list-style:none;padding:0;margin:0}.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:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__flag-box{margin-right:6px}[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:6px}.iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--allow-dropdown input.iti__tel-input[type=text],.iti--separate-dial-code input.iti__tel-input,.iti--separate-dial-code input.iti__tel-input[type=tel],.iti--separate-dial-code input.iti__tel-input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],[dir=rtl] .iti--separate-dial-code input.iti__tel-input,[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=tel],[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=text]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover{cursor:default}.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover .iti__selected-flag,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px}[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:0;margin-right:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:30px;display:flex;flex-direction:column;justify-content:center}.iti--fullscreen-popup .iti__dropdown-content{max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (min-resolution:2x){.iti__flag{background-size:5762px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:12px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cq{height:12px;background-position:-1115px 0}.iti__flag.iti__cr{height:12px;background-position:-1137px 0}.iti__flag.iti__cu{height:10px;background-position:-1159px 0}.iti__flag.iti__cv{height:12px;background-position:-1181px 0}.iti__flag.iti__cw{height:14px;background-position:-1203px 0}.iti__flag.iti__cx{height:10px;background-position:-1225px 0}.iti__flag.iti__cy{height:14px;background-position:-1247px 0}.iti__flag.iti__cz{height:14px;background-position:-1269px 0}.iti__flag.iti__de{height:12px;background-position:-1291px 0}.iti__flag.iti__dg{height:10px;background-position:-1313px 0}.iti__flag.iti__dj{height:14px;background-position:-1335px 0}.iti__flag.iti__dk{height:15px;background-position:-1357px 0}.iti__flag.iti__dm{height:10px;background-position:-1379px 0}.iti__flag.iti__do{height:14px;background-position:-1401px 0}.iti__flag.iti__dz{height:14px;background-position:-1423px 0}.iti__flag.iti__ea{height:14px;background-position:-1445px 0}.iti__flag.iti__ec{height:14px;background-position:-1467px 0}.iti__flag.iti__ee{height:13px;background-position:-1489px 0}.iti__flag.iti__eg{height:14px;background-position:-1511px 0}.iti__flag.iti__eh{height:10px;background-position:-1533px 0}.iti__flag.iti__er{height:10px;background-position:-1555px 0}.iti__flag.iti__es{height:14px;background-position:-1577px 0}.iti__flag.iti__et{height:10px;background-position:-1599px 0}.iti__flag.iti__eu{height:14px;background-position:-1621px 0}.iti__flag.iti__ez{height:14px;background-position:-1643px 0}.iti__flag.iti__fi{height:12px;background-position:-1665px 0}.iti__flag.iti__fj{height:10px;background-position:-1687px 0}.iti__flag.iti__fk{height:10px;background-position:-1709px 0}.iti__flag.iti__fm{height:11px;background-position:-1731px 0}.iti__flag.iti__fo{height:15px;background-position:-1753px 0}.iti__flag.iti__fr{height:14px;background-position:-1775px 0}.iti__flag.iti__fx{height:14px;background-position:-1797px 0}.iti__flag.iti__ga{height:15px;background-position:-1819px 0}.iti__flag.iti__gb{height:10px;background-position:-1841px 0}.iti__flag.iti__gd{height:12px;background-position:-1863px 0}.iti__flag.iti__ge{height:14px;background-position:-1885px 0}.iti__flag.iti__gf{height:14px;background-position:-1907px 0}.iti__flag.iti__gg{height:14px;background-position:-1929px 0}.iti__flag.iti__gh{height:14px;background-position:-1951px 0}.iti__flag.iti__gi{height:10px;background-position:-1973px 0}.iti__flag.iti__gl{height:14px;background-position:-1995px 0}.iti__flag.iti__gm{height:14px;background-position:-2017px 0}.iti__flag.iti__gn{height:14px;background-position:-2039px 0}.iti__flag.iti__gp{height:14px;background-position:-2061px 0}.iti__flag.iti__gq{height:14px;background-position:-2083px 0}.iti__flag.iti__gr{height:14px;background-position:-2105px 0}.iti__flag.iti__gs{height:10px;background-position:-2127px 0}.iti__flag.iti__gt{height:13px;background-position:-2149px 0}.iti__flag.iti__gu{height:11px;background-position:-2171px 0}.iti__flag.iti__gw{height:10px;background-position:-2193px 0}.iti__flag.iti__gy{height:12px;background-position:-2215px 0}.iti__flag.iti__hk{height:14px;background-position:-2237px 0}.iti__flag.iti__hm{height:10px;background-position:-2259px 0}.iti__flag.iti__hn{height:10px;background-position:-2281px 0}.iti__flag.iti__hr{height:10px;background-position:-2303px 0}.iti__flag.iti__ht{height:12px;background-position:-2325px 0}.iti__flag.iti__hu{height:10px;background-position:-2347px 0}.iti__flag.iti__ic{height:14px;background-position:-2369px 0}.iti__flag.iti__id{height:14px;background-position:-2391px 0}.iti__flag.iti__ie{height:10px;background-position:-2413px 0}.iti__flag.iti__il{height:15px;background-position:-2435px 0}.iti__flag.iti__im{height:10px;background-position:-2457px 0}.iti__flag.iti__in{height:14px;background-position:-2479px 0}.iti__flag.iti__io{height:10px;background-position:-2501px 0}.iti__flag.iti__iq{height:14px;background-position:-2523px 0}.iti__flag.iti__ir{height:12px;background-position:-2545px 0}.iti__flag.iti__is{height:15px;background-position:-2567px 0}.iti__flag.iti__it{height:14px;background-position:-2589px 0}.iti__flag.iti__je{height:12px;background-position:-2611px 0}.iti__flag.iti__jm{height:10px;background-position:-2633px 0}.iti__flag.iti__jo{height:10px;background-position:-2655px 0}.iti__flag.iti__jp{height:14px;background-position:-2677px 0}.iti__flag.iti__ke{height:14px;background-position:-2699px 0}.iti__flag.iti__kg{height:12px;background-position:-2721px 0}.iti__flag.iti__kh{height:13px;background-position:-2743px 0}.iti__flag.iti__ki{height:10px;background-position:-2765px 0}.iti__flag.iti__km{height:12px;background-position:-2787px 0}.iti__flag.iti__kn{height:14px;background-position:-2809px 0}.iti__flag.iti__kp{height:10px;background-position:-2831px 0}.iti__flag.iti__kr{height:14px;background-position:-2853px 0}.iti__flag.iti__kw{height:10px;background-position:-2875px 0}.iti__flag.iti__ky{height:10px;background-position:-2897px 0}.iti__flag.iti__kz{height:10px;background-position:-2919px 0}.iti__flag.iti__la{height:14px;background-position:-2941px 0}.iti__flag.iti__lb{height:14px;background-position:-2963px 0}.iti__flag.iti__lc{height:10px;background-position:-2985px 0}.iti__flag.iti__li{height:12px;background-position:-3007px 0}.iti__flag.iti__lk{height:10px;background-position:-3029px 0}.iti__flag.iti__lr{height:11px;background-position:-3051px 0}.iti__flag.iti__ls{height:14px;background-position:-3073px 0}.iti__flag.iti__lt{height:12px;background-position:-3095px 0}.iti__flag.iti__lu{height:12px;background-position:-3117px 0}.iti__flag.iti__lv{height:10px;background-position:-3139px 0}.iti__flag.iti__ly{height:10px;background-position:-3161px 0}.iti__flag.iti__ma{height:14px;background-position:-3183px 0}.iti__flag.iti__mc{height:15px;background-position:-3205px 0}.iti__flag.iti__md{height:10px;background-position:-3226px 0}.iti__flag.iti__me{height:10px;background-position:-3248px 0}.iti__flag.iti__mf{height:14px;background-position:-3270px 0}.iti__flag.iti__mg{height:14px;background-position:-3292px 0}.iti__flag.iti__mh{height:11px;background-position:-3314px 0}.iti__flag.iti__mk{height:10px;background-position:-3336px 0}.iti__flag.iti__ml{height:14px;background-position:-3358px 0}.iti__flag.iti__mm{height:14px;background-position:-3380px 0}.iti__flag.iti__mn{height:10px;background-position:-3402px 0}.iti__flag.iti__mo{height:14px;background-position:-3424px 0}.iti__flag.iti__mp{height:10px;background-position:-3446px 0}.iti__flag.iti__mq{height:14px;background-position:-3468px 0}.iti__flag.iti__mr{height:14px;background-position:-3490px 0}.iti__flag.iti__ms{height:10px;background-position:-3512px 0}.iti__flag.iti__mt{height:14px;background-position:-3534px 0}.iti__flag.iti__mu{height:14px;background-position:-3556px 0}.iti__flag.iti__mv{height:14px;background-position:-3578px 0}.iti__flag.iti__mw{height:14px;background-position:-3600px 0}.iti__flag.iti__mx{height:12px;background-position:-3622px 0}.iti__flag.iti__my{height:10px;background-position:-3644px 0}.iti__flag.iti__mz{height:14px;background-position:-3666px 0}.iti__flag.iti__na{height:14px;background-position:-3688px 0}.iti__flag.iti__nc{height:10px;background-position:-3710px 0}.iti__flag.iti__ne{height:15px;background-position:-3732px 0}.iti__flag.iti__nf{height:10px;background-position:-3752px 0}.iti__flag.iti__ng{height:10px;background-position:-3774px 0}.iti__flag.iti__ni{height:12px;background-position:-3796px 0}.iti__flag.iti__nl{height:14px;background-position:-3818px 0}.iti__flag.iti__no{height:15px;background-position:-3840px 0}.iti__flag.iti__np{height:15px;background-position:-3862px 0}.iti__flag.iti__nr{height:10px;background-position:-3877px 0}.iti__flag.iti__nu{height:10px;background-position:-3899px 0}.iti__flag.iti__nz{height:10px;background-position:-3921px 0}.iti__flag.iti__om{height:10px;background-position:-3943px 0}.iti__flag.iti__pa{height:14px;background-position:-3965px 0}.iti__flag.iti__pe{height:14px;background-position:-3987px 0}.iti__flag.iti__pf{height:14px;background-position:-4009px 0}.iti__flag.iti__pg{height:15px;background-position:-4031px 0}.iti__flag.iti__ph{height:10px;background-position:-4053px 0}.iti__flag.iti__pk{height:14px;background-position:-4075px 0}.iti__flag.iti__pl{height:13px;background-position:-4097px 0}.iti__flag.iti__pm{height:14px;background-position:-4119px 0}.iti__flag.iti__pn{height:10px;background-position:-4141px 0}.iti__flag.iti__pr{height:14px;background-position:-4163px 0}.iti__flag.iti__ps{height:10px;background-position:-4185px 0}.iti__flag.iti__pt{height:14px;background-position:-4207px 0}.iti__flag.iti__pw{height:13px;background-position:-4229px 0}.iti__flag.iti__py{height:11px;background-position:-4251px 0}.iti__flag.iti__qa{height:8px;background-position:-4273px 0}.iti__flag.iti__re{height:14px;background-position:-4295px 0}.iti__flag.iti__ro{height:14px;background-position:-4317px 0}.iti__flag.iti__rs{height:14px;background-position:-4339px 0}.iti__flag.iti__ru{height:14px;background-position:-4361px 0}.iti__flag.iti__rw{height:14px;background-position:-4383px 0}.iti__flag.iti__sa{height:14px;background-position:-4405px 0}.iti__flag.iti__sb{height:10px;background-position:-4427px 0}.iti__flag.iti__sc{height:10px;background-position:-4449px 0}.iti__flag.iti__sd{height:10px;background-position:-4471px 0}.iti__flag.iti__se{height:13px;background-position:-4493px 0}.iti__flag.iti__sg{height:14px;background-position:-4515px 0}.iti__flag.iti__sh{height:10px;background-position:-4537px 0}.iti__flag.iti__si{height:10px;background-position:-4559px 0}.iti__flag.iti__sj{height:15px;background-position:-4581px 0}.iti__flag.iti__sk{height:14px;background-position:-4603px 0}.iti__flag.iti__sl{height:14px;background-position:-4625px 0}.iti__flag.iti__sm{height:15px;background-position:-4647px 0}.iti__flag.iti__sn{height:14px;background-position:-4669px 0}.iti__flag.iti__so{height:14px;background-position:-4691px 0}.iti__flag.iti__sr{height:14px;background-position:-4713px 0}.iti__flag.iti__ss{height:10px;background-position:-4735px 0}.iti__flag.iti__st{height:10px;background-position:-4757px 0}.iti__flag.iti__su{height:10px;background-position:-4779px 0}.iti__flag.iti__sv{height:12px;background-position:-4801px 0}.iti__flag.iti__sx{height:14px;background-position:-4823px 0}.iti__flag.iti__sy{height:14px;background-position:-4845px 0}.iti__flag.iti__sz{height:14px;background-position:-4867px 0}.iti__flag.iti__ta{height:10px;background-position:-4889px 0}.iti__flag.iti__tc{height:10px;background-position:-4911px 0}.iti__flag.iti__td{height:14px;background-position:-4933px 0}.iti__flag.iti__tf{height:14px;background-position:-4955px 0}.iti__flag.iti__tg{height:13px;background-position:-4977px 0}.iti__flag.iti__th{height:14px;background-position:-4999px 0}.iti__flag.iti__tj{height:10px;background-position:-5021px 0}.iti__flag.iti__tk{height:10px;background-position:-5043px 0}.iti__flag.iti__tl{height:10px;background-position:-5065px 0}.iti__flag.iti__tm{height:14px;background-position:-5087px 0}.iti__flag.iti__tn{height:14px;background-position:-5109px 0}.iti__flag.iti__to{height:10px;background-position:-5131px 0}.iti__flag.iti__tr{height:14px;background-position:-5153px 0}.iti__flag.iti__tt{height:12px;background-position:-5175px 0}.iti__flag.iti__tv{height:10px;background-position:-5197px 0}.iti__flag.iti__tw{height:14px;background-position:-5219px 0}.iti__flag.iti__tz{height:14px;background-position:-5241px 0}.iti__flag.iti__ua{height:14px;background-position:-5263px 0}.iti__flag.iti__ug{height:14px;background-position:-5285px 0}.iti__flag.iti__uk{height:10px;background-position:-5307px 0}.iti__flag.iti__um{height:11px;background-position:-5329px 0}.iti__flag.iti__un{height:14px;background-position:-5351px 0}.iti__flag.iti__us{height:11px;background-position:-5373px 0}.iti__flag.iti__uy{height:14px;background-position:-5395px 0}.iti__flag.iti__uz{height:10px;background-position:-5417px 0}.iti__flag.iti__va{height:15px;background-position:-5439px 0}.iti__flag.iti__vc{height:14px;background-position:-5456px 0}.iti__flag.iti__ve{height:14px;background-position:-5478px 0}.iti__flag.iti__vg{height:10px;background-position:-5500px 0}.iti__flag.iti__vi{height:14px;background-position:-5522px 0}.iti__flag.iti__vn{height:14px;background-position:-5544px 0}.iti__flag.iti__vu{height:12px;background-position:-5566px 0}.iti__flag.iti__wf{height:14px;background-position:-5588px 0}.iti__flag.iti__ws{height:10px;background-position:-5610px 0}.iti__flag.iti__xk{height:15px;background-position:-5632px 0}.iti__flag.iti__ye{height:14px;background-position:-5654px 0}.iti__flag.iti__yt{height:14px;background-position:-5676px 0}.iti__flag.iti__za{height:14px;background-position:-5698px 0}.iti__flag.iti__zm{height:14px;background-position:-5720px 0}.iti__flag.iti__zw{height:10px;background-position:-5742px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(https://platform.hireserve.nl/incl/css/../img/flags.png?1);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (min-resolution:2x){.iti__flag{background-image:url(https://platform.hireserve.nl/incl/css/../img/flags@2x.png?1)}}.iti__flag.iti__np{background-color:transparent}

/* Overrides for tel number css */
form.hs_platform_form .iti__flag {
  background-image:var(--wpr-bg-5483279c-5307-468d-83e5-879b83cdebf3);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
  form.hs_platform_form .iti__flag {
    background-image:var(--wpr-bg-cff6acd8-da1d-41e4-90b6-b42c5583a988);
  }
}

form.hs_platform_form .iti__hide {
  display: none !important;
}


.hs_platform_form .form-group.telephone input.textfield {
  padding-left: 52px;
}

.hs_platform_form .iti ul.iti__country-list {
  padding: 0 !important;
  list-style: none !important;
}

.hs_platform_form .iti li.iti__country {
  padding: 5px 10px !important;
}

.hs_platform_form .iti {
  width: 100%;
}

.hs_platform_form .iti .iti__country-list {
  max-height: 250px;
  min-width: 300px;
  z-index: 10000;
}

.iti .country-list {
  -webkit-overflow-scrolling: touch;
}

.iti__country.iti__highlight {
  outline: 1px auto #005fcc;
  outline-offset: -1px;
  border-color: #005fcc;
  background-color: transparent;
}

.iti__selected-flag:focus {
  outline: 1px auto #005fcc;
  outline-offset: 0;
  border-color: #005fcc;
}

.hs_form_on_page .form-group.telephone {
  overflow: visible !important;
}

/**
 * 5.2 Country select
 */
.country-select{position:relative;display:inline-block}.country-select *{-webkit-box-sizing:border-box;box-sizing:border-box}.country-select .hide{display:none}.country-select .v-hide{visibility:hidden}.country-select input,.country-select input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.country-select .flag-dropdown{position:absolute;top:0;bottom:0;right:0;padding:1px}.country-select .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}.country-select .selected-flag .flag{position:absolute;top:0;bottom:0;margin:auto}.country-select .selected-flag .arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.country-select .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.country-select .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;-webkit-box-shadow:1px 1px 4px rgba(0,0,0,.2);box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll}.country-select .country-list .flag{display:inline-block;width:20px;margin-right:6px}@media (max-width:500px){.country-select .country-list{white-space:normal}}.country-select .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.country-select .country-list .country{padding:5px 10px}.country-select .country-list .country.highlight{background-color:rgba(0,0,0,.05)}.country-select .country-list .country-name,.country-select .country-list .flag{vertical-align:middle}.country-select.inside input,.country-select.inside input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.country-select.inside .flag-dropdown{right:auto;left:0}.country-select.inside .selected-flag{width:46px}.country-select.inside .flag-dropdown:hover{cursor:pointer}.country-select.inside .flag-dropdown:hover .selected-flag{background-color:rgba(0,0,0,.05)}.country-select.inside input[disabled]+.flag-dropdown:hover,.country-select.inside input[readonly]+.flag-dropdown:hover{cursor:default}.country-select.inside input[disabled]+.flag-dropdown:hover .selected-flag,.country-select.inside input[readonly]+.flag-dropdown:hover .selected-flag{background-color:transparent}.country-select .flag{height:15px;-webkit-box-shadow:0 0 1px 0 #888;box-shadow:0 0 1px 0 #888;background-image:var(--wpr-bg-9c49eaae-dc63-42e7-b164-888b20e120f5);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0;width:20px}.country-select .flag.be{width:18px}.country-select .flag.ch{width:15px}.country-select .flag.mc{width:19px}.country-select .flag.ne{width:18px}.country-select .flag.np{width:13px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.country-select .flag{background-image:url(https://platform.hireserve.nl/incl/css/../img/flags@2x.png);background-size:5630px 15px}}.country-select .flag.ac{height:10px;background-position:0 0}.country-select .flag.ad{height:14px;background-position:-22px 0}.country-select .flag.ae{height:10px;background-position:-44px 0}.country-select .flag.af{height:14px;background-position:-66px 0}.country-select .flag.ag{height:14px;background-position:-88px 0}.country-select .flag.ai{height:10px;background-position:-110px 0}.country-select .flag.al{height:15px;background-position:-132px 0}.country-select .flag.am{height:10px;background-position:-154px 0}.country-select .flag.ao{height:14px;background-position:-176px 0}.country-select .flag.aq{height:14px;background-position:-198px 0}.country-select .flag.ar{height:13px;background-position:-220px 0}.country-select .flag.as{height:10px;background-position:-242px 0}.country-select .flag.at{height:14px;background-position:-264px 0}.country-select .flag.au{height:10px;background-position:-286px 0}.country-select .flag.aw{height:14px;background-position:-308px 0}.country-select .flag.ax{height:13px;background-position:-330px 0}.country-select .flag.az{height:10px;background-position:-352px 0}.country-select .flag.ba{height:10px;background-position:-374px 0}.country-select .flag.bb{height:14px;background-position:-396px 0}.country-select .flag.bd{height:12px;background-position:-418px 0}.country-select .flag.be{height:15px;background-position:-440px 0}.country-select .flag.bf{height:14px;background-position:-460px 0}.country-select .flag.bg{height:12px;background-position:-482px 0}.country-select .flag.bh{height:12px;background-position:-504px 0}.country-select .flag.bi{height:12px;background-position:-526px 0}.country-select .flag.bj{height:14px;background-position:-548px 0}.country-select .flag.bl{height:14px;background-position:-570px 0}.country-select .flag.bm{height:10px;background-position:-592px 0}.country-select .flag.bn{height:10px;background-position:-614px 0}.country-select .flag.bo{height:14px;background-position:-636px 0}.country-select .flag.bq{height:14px;background-position:-658px 0}.country-select .flag.br{height:14px;background-position:-680px 0}.country-select .flag.bs{height:10px;background-position:-702px 0}.country-select .flag.bt{height:14px;background-position:-724px 0}.country-select .flag.bv{height:15px;background-position:-746px 0}.country-select .flag.bw{height:14px;background-position:-768px 0}.country-select .flag.by{height:10px;background-position:-790px 0}.country-select .flag.bz{height:14px;background-position:-812px 0}.country-select .flag.ca{height:10px;background-position:-834px 0}.country-select .flag.cc{height:10px;background-position:-856px 0}.country-select .flag.cd{height:15px;background-position:-878px 0}.country-select .flag.cf{height:14px;background-position:-900px 0}.country-select .flag.cg{height:14px;background-position:-922px 0}.country-select .flag.ch{height:15px;background-position:-944px 0}.country-select .flag.ci{height:14px;background-position:-961px 0}.country-select .flag.ck{height:10px;background-position:-983px 0}.country-select .flag.cl{height:14px;background-position:-1005px 0}.country-select .flag.cm{height:14px;background-position:-1027px 0}.country-select .flag.cn{height:14px;background-position:-1049px 0}.country-select .flag.co{height:14px;background-position:-1071px 0}.country-select .flag.cp{height:14px;background-position:-1093px 0}.country-select .flag.cr{height:12px;background-position:-1115px 0}.country-select .flag.cu{height:10px;background-position:-1137px 0}.country-select .flag.cv{height:12px;background-position:-1159px 0}.country-select .flag.cw{height:14px;background-position:-1181px 0}.country-select .flag.cx{height:10px;background-position:-1203px 0}.country-select .flag.cy{height:13px;background-position:-1225px 0}.country-select .flag.cz{height:14px;background-position:-1247px 0}.country-select .flag.de{height:12px;background-position:-1269px 0}.country-select .flag.dg{height:10px;background-position:-1291px 0}.country-select .flag.dj{height:14px;background-position:-1313px 0}.country-select .flag.dk{height:15px;background-position:-1335px 0}.country-select .flag.dm{height:10px;background-position:-1357px 0}.country-select .flag.do{height:13px;background-position:-1379px 0}.country-select .flag.dz{height:14px;background-position:-1401px 0}.country-select .flag.ea{height:14px;background-position:-1423px 0}.country-select .flag.ec{height:14px;background-position:-1445px 0}.country-select .flag.ee{height:13px;background-position:-1467px 0}.country-select .flag.eg{height:14px;background-position:-1489px 0}.country-select .flag.eh{height:10px;background-position:-1511px 0}.country-select .flag.er{height:10px;background-position:-1533px 0}.country-select .flag.es{height:14px;background-position:-1555px 0}.country-select .flag.et{height:10px;background-position:-1577px 0}.country-select .flag.eu{height:14px;background-position:-1599px 0}.country-select .flag.fi{height:12px;background-position:-1621px 0}.country-select .flag.fj{height:10px;background-position:-1643px 0}.country-select .flag.fk{height:10px;background-position:-1665px 0}.country-select .flag.fm{height:11px;background-position:-1687px 0}.country-select .flag.fo{height:15px;background-position:-1709px 0}.country-select .flag.fr{height:14px;background-position:-1731px 0}.country-select .flag.ga{height:15px;background-position:-1753px 0}.country-select .flag.gb{height:10px;background-position:-1775px 0}.country-select .flag.gd{height:12px;background-position:-1797px 0}.country-select .flag.ge{height:14px;background-position:-1819px 0}.country-select .flag.gf{height:14px;background-position:-1841px 0}.country-select .flag.gg{height:14px;background-position:-1863px 0}.country-select .flag.gh{height:14px;background-position:-1885px 0}.country-select .flag.gi{height:10px;background-position:-1907px 0}.country-select .flag.gl{height:14px;background-position:-1929px 0}.country-select .flag.gm{height:14px;background-position:-1951px 0}.country-select .flag.gn{height:14px;background-position:-1973px 0}.country-select .flag.gp{height:14px;background-position:-1995px 0}.country-select .flag.gq{height:14px;background-position:-2017px 0}.country-select .flag.gr{height:14px;background-position:-2039px 0}.country-select .flag.gs{height:10px;background-position:-2061px 0}.country-select .flag.gt{height:13px;background-position:-2083px 0}.country-select .flag.gu{height:11px;background-position:-2105px 0}.country-select .flag.gw{height:10px;background-position:-2127px 0}.country-select .flag.gy{height:12px;background-position:-2149px 0}.country-select .flag.hk{height:14px;background-position:-2171px 0}.country-select .flag.hm{height:10px;background-position:-2193px 0}.country-select .flag.hn{height:10px;background-position:-2215px 0}.country-select .flag.hr{height:10px;background-position:-2237px 0}.country-select .flag.ht{height:12px;background-position:-2259px 0}.country-select .flag.hu{height:10px;background-position:-2281px 0}.country-select .flag.ic{height:14px;background-position:-2303px 0}.country-select .flag.id{height:14px;background-position:-2325px 0}.country-select .flag.ie{height:10px;background-position:-2347px 0}.country-select .flag.il{height:15px;background-position:-2369px 0}.country-select .flag.im{height:10px;background-position:-2391px 0}.country-select .flag.in{height:14px;background-position:-2413px 0}.country-select .flag.io{height:10px;background-position:-2435px 0}.country-select .flag.iq{height:14px;background-position:-2457px 0}.country-select .flag.ir{height:12px;background-position:-2479px 0}.country-select .flag.is{height:15px;background-position:-2501px 0}.country-select .flag.it{height:14px;background-position:-2523px 0}.country-select .flag.je{height:12px;background-position:-2545px 0}.country-select .flag.jm{height:10px;background-position:-2567px 0}.country-select .flag.jo{height:10px;background-position:-2589px 0}.country-select .flag.jp{height:14px;background-position:-2611px 0}.country-select .flag.ke{height:14px;background-position:-2633px 0}.country-select .flag.kg{height:12px;background-position:-2655px 0}.country-select .flag.kh{height:13px;background-position:-2677px 0}.country-select .flag.ki{height:10px;background-position:-2699px 0}.country-select .flag.km{height:12px;background-position:-2721px 0}.country-select .flag.kn{height:14px;background-position:-2743px 0}.country-select .flag.kp{height:10px;background-position:-2765px 0}.country-select .flag.kr{height:14px;background-position:-2787px 0}.country-select .flag.kw{height:10px;background-position:-2809px 0}.country-select .flag.ky{height:10px;background-position:-2831px 0}.country-select .flag.kz{height:10px;background-position:-2853px 0}.country-select .flag.la{height:14px;background-position:-2875px 0}.country-select .flag.lb{height:14px;background-position:-2897px 0}.country-select .flag.lc{height:10px;background-position:-2919px 0}.country-select .flag.li{height:12px;background-position:-2941px 0}.country-select .flag.lk{height:10px;background-position:-2963px 0}.country-select .flag.lr{height:11px;background-position:-2985px 0}.country-select .flag.ls{height:14px;background-position:-3007px 0}.country-select .flag.lt{height:12px;background-position:-3029px 0}.country-select .flag.lu{height:12px;background-position:-3051px 0}.country-select .flag.lv{height:10px;background-position:-3073px 0}.country-select .flag.ly{height:10px;background-position:-3095px 0}.country-select .flag.ma{height:14px;background-position:-3117px 0}.country-select .flag.mc{height:15px;background-position:-3139px 0}.country-select .flag.md{height:10px;background-position:-3160px 0}.country-select .flag.me{height:10px;background-position:-3182px 0}.country-select .flag.mf{height:14px;background-position:-3204px 0}.country-select .flag.mg{height:14px;background-position:-3226px 0}.country-select .flag.mh{height:11px;background-position:-3248px 0}.country-select .flag.mk{height:10px;background-position:-3270px 0}.country-select .flag.ml{height:14px;background-position:-3292px 0}.country-select .flag.mm{height:14px;background-position:-3314px 0}.country-select .flag.mn{height:10px;background-position:-3336px 0}.country-select .flag.mo{height:14px;background-position:-3358px 0}.country-select .flag.mp{height:10px;background-position:-3380px 0}.country-select .flag.mq{height:14px;background-position:-3402px 0}.country-select .flag.mr{height:14px;background-position:-3424px 0}.country-select .flag.ms{height:10px;background-position:-3446px 0}.country-select .flag.mt{height:14px;background-position:-3468px 0}.country-select .flag.mu{height:14px;background-position:-3490px 0}.country-select .flag.mv{height:14px;background-position:-3512px 0}.country-select .flag.mw{height:14px;background-position:-3534px 0}.country-select .flag.mx{height:12px;background-position:-3556px 0}.country-select .flag.my{height:10px;background-position:-3578px 0}.country-select .flag.mz{height:14px;background-position:-3600px 0}.country-select .flag.na{height:14px;background-position:-3622px 0}.country-select .flag.nc{height:10px;background-position:-3644px 0}.country-select .flag.ne{height:15px;background-position:-3666px 0}.country-select .flag.nf{height:10px;background-position:-3686px 0}.country-select .flag.ng{height:10px;background-position:-3708px 0}.country-select .flag.ni{height:12px;background-position:-3730px 0}.country-select .flag.nl{height:14px;background-position:-3752px 0}.country-select .flag.no{height:15px;background-position:-3774px 0}.country-select .flag.np{height:15px;background-position:-3796px 0;background-color:transparent}.country-select .flag.nr{height:10px;background-position:-3811px 0}.country-select .flag.nu{height:10px;background-position:-3833px 0}.country-select .flag.nz{height:10px;background-position:-3855px 0}.country-select .flag.om{height:10px;background-position:-3877px 0}.country-select .flag.pa{height:14px;background-position:-3899px 0}.country-select .flag.pe{height:14px;background-position:-3921px 0}.country-select .flag.pf{height:14px;background-position:-3943px 0}.country-select .flag.pg{height:15px;background-position:-3965px 0}.country-select .flag.ph{height:10px;background-position:-3987px 0}.country-select .flag.pk{height:14px;background-position:-4009px 0}.country-select .flag.pl{height:13px;background-position:-4031px 0}.country-select .flag.pm{height:14px;background-position:-4053px 0}.country-select .flag.pn{height:10px;background-position:-4075px 0}.country-select .flag.pr{height:14px;background-position:-4097px 0}.country-select .flag.ps{height:10px;background-position:-4119px 0}.country-select .flag.pt{height:14px;background-position:-4141px 0}.country-select .flag.pw{height:13px;background-position:-4163px 0}.country-select .flag.py{height:11px;background-position:-4185px 0}.country-select .flag.qa{height:8px;background-position:-4207px 0}.country-select .flag.re{height:14px;background-position:-4229px 0}.country-select .flag.ro{height:14px;background-position:-4251px 0}.country-select .flag.rs{height:14px;background-position:-4273px 0}.country-select .flag.ru{height:14px;background-position:-4295px 0}.country-select .flag.rw{height:14px;background-position:-4317px 0}.country-select .flag.sa{height:14px;background-position:-4339px 0}.country-select .flag.sb{height:10px;background-position:-4361px 0}.country-select .flag.sc{height:10px;background-position:-4383px 0}.country-select .flag.sd{height:10px;background-position:-4405px 0}.country-select .flag.se{height:13px;background-position:-4427px 0}.country-select .flag.sg{height:14px;background-position:-4449px 0}.country-select .flag.sh{height:10px;background-position:-4471px 0}.country-select .flag.si{height:10px;background-position:-4493px 0}.country-select .flag.sj{height:15px;background-position:-4515px 0}.country-select .flag.sk{height:14px;background-position:-4537px 0}.country-select .flag.sl{height:14px;background-position:-4559px 0}.country-select .flag.sm{height:15px;background-position:-4581px 0}.country-select .flag.sn{height:14px;background-position:-4603px 0}.country-select .flag.so{height:14px;background-position:-4625px 0}.country-select .flag.sr{height:14px;background-position:-4647px 0}.country-select .flag.ss{height:10px;background-position:-4669px 0}.country-select .flag.st{height:10px;background-position:-4691px 0}.country-select .flag.sv{height:12px;background-position:-4713px 0}.country-select .flag.sx{height:14px;background-position:-4735px 0}.country-select .flag.sy{height:14px;background-position:-4757px 0}.country-select .flag.sz{height:14px;background-position:-4779px 0}.country-select .flag.ta{height:10px;background-position:-4801px 0}.country-select .flag.tc{height:10px;background-position:-4823px 0}.country-select .flag.td{height:14px;background-position:-4845px 0}.country-select .flag.tf{height:14px;background-position:-4867px 0}.country-select .flag.tg{height:13px;background-position:-4889px 0}.country-select .flag.th{height:14px;background-position:-4911px 0}.country-select .flag.tj{height:10px;background-position:-4933px 0}.country-select .flag.tk{height:10px;background-position:-4955px 0}.country-select .flag.tl{height:10px;background-position:-4977px 0}.country-select .flag.tm{height:14px;background-position:-4999px 0}.country-select .flag.tn{height:14px;background-position:-5021px 0}.country-select .flag.to{height:10px;background-position:-5043px 0}.country-select .flag.tr{height:14px;background-position:-5065px 0}.country-select .flag.tt{height:12px;background-position:-5087px 0}.country-select .flag.tv{height:10px;background-position:-5109px 0}.country-select .flag.tw{height:14px;background-position:-5131px 0}.country-select .flag.tz{height:14px;background-position:-5153px 0}.country-select .flag.ua{height:14px;background-position:-5175px 0}.country-select .flag.ug{height:14px;background-position:-5197px 0}.country-select .flag.um{height:11px;background-position:-5219px 0}.country-select .flag.us{height:11px;background-position:-5241px 0}.country-select .flag.uy{height:14px;background-position:-5263px 0}.country-select .flag.uz{height:10px;background-position:-5285px 0}.country-select .flag.va{width:15px;height:15px;background-position:-5307px 0}.country-select .flag.vc{height:14px;background-position:-5324px 0}.country-select .flag.ve{height:14px;background-position:-5346px 0}.country-select .flag.vg{height:10px;background-position:-5368px 0}.country-select .flag.vi{height:14px;background-position:-5390px 0}.country-select .flag.vn{height:14px;background-position:-5412px 0}.country-select .flag.vu{height:12px;background-position:-5434px 0}.country-select .flag.wf{height:14px;background-position:-5456px 0}.country-select .flag.ws{height:10px;background-position:-5478px 0}.country-select .flag.xk{height:15px;background-position:-5500px 0}.country-select .flag.ye{height:14px;background-position:-5522px 0}.country-select .flag.yt{height:14px;background-position:-5544px 0}.country-select .flag.za{height:14px;background-position:-5566px 0}.country-select .flag.zm{height:14px;background-position:-5588px 0}.country-select .flag.zw{height:10px;background-position:-5610px 0}

/* Overrides for country selects css */
.country-select .flag{
  background-image:url(https://platform.hireserve.nl/incl/css/../images/flags_country_select.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx){
  .country-select .flag{
    background-image:url(https://platform.hireserve.nl/incl/css/../images/flags_country_select@2x.png)
  }
}

.country-select .country-list .country.highlight {
  outline: 1px auto #005fcc;
  outline-offset: -1px;
  border-color: #005fcc;
  background-color: transparent;
}

.hs_platform_form .country-select .selected-flag:focus {
  outline: 1px auto #005fcc;
  outline-offset: 1px;
  border-color: #005fcc;
}

/**
 * 5.3 Date picker
 */
.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}
.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}
.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}
.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}
.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0;}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}

/* Datepicker overrides */
.air-datepicker-global-container .air-datepicker {
  --adp-z-index: 99999999;
  --adp-day-name-color: var(--ubPrimaryColor);
  --adp-color-current-date: var(--ubPrimaryColor);
  --adp-cell-background-color-selected: var(--ubPrimaryColor);
  --adp-cell-background-color-selected-hover: var(--ubPrimaryColor);
}
/* Explicit display block to prevent overrides */
.air-datepicker-global-container, .air-datepicker--content, .air-datepicker-body, .air-datepicker--navigation {
  display: block;
}

/**
 * 5.4 Loading Dots
 * custom version of dot-falling from 'three-dots' by nzbin. github: https://github.com/nzbin/three-dots
 */
.hs_loading_div {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 400px;
}

.hs_loading_dot {
  position: relative;
  left: -10000px;
  width: 15px;
  height: 15px;
  border-radius: 7px;
  animation: hs_loading_dot 1s infinite linear;
  animation-delay: .1s;
}

.hs_loading_dot::before,
.hs_loading_dot::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}

.hs_loading_dot::before {
  width: 15px;
  height: 15px;
  border-radius: 7px;
  animation: hs_loading_dot_before 1s infinite linear;
  animation-delay: 0s;
}

.hs_loading_dot::after {
  width: 15px;
  height: 15px;
  border-radius: 7px;
  animation: hs_loading_dot_after 1s infinite linear;
  animation-delay: .2s;
}

@keyframes hs_loading_dot {
  0% {
    box-shadow: 10000px -15px 0 0 rgba(33, 134, 216, 0);
  }
  25%,
  50%,
  75% {
    box-shadow: 10000px 0 0 0 var(--ubPrimaryColor);
  }
  100% {
    box-shadow: 10000px 15px 0 0 rgba(33, 134, 216, 0);
  }
}

@keyframes hs_loading_dot_before {
  0% {
    box-shadow: 9980px -15px 0 0 rgba(33, 134, 216, 0);
  }
  25%,
  50%,
  75% {
    box-shadow: 9980px 0 0 0 var(--ubPrimaryColor);
  }
  100% {
    box-shadow: 9980px 15px 0 0 rgba(33, 134, 216, 0);
  }
}

@keyframes hs_loading_dot_after {
  0% {
    box-shadow: 10020px -15px 0 0 rgba(33, 134, 216, 0);
  }
  25%,
  50%,
  75% {
    box-shadow: 10020px 0 0 0 var(--ubPrimaryColor);
  }
  100% {
    box-shadow: 10020px 15px 0 0 rgba(33, 134, 216, 0);
  }
}

.loadingdiv {
  overflow: hidden;
  margin: 100px auto auto;
  min-height: 100px;
}

.loadingdiv span {
  text-align: center;
  vertical-align:middle;
  background: var(--wpr-bg-3dbb4843-abe5-4775-b68c-c51501c545c3) no-repeat top center;
  display: block;
  padding-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.hs_translation_popup .loadingdiv {
  margin-top: 50px;
}


/**
 * 5.5 Sumo Select
 *
 * Based on https://github.com/HemantNegi/jquery.sumoselect but with custom changes
 */
.SumoSelect p {
  margin: 0;
}

.SumoSelect {
  width: 100%;
}

.SelectBox {
  padding: 5px 8px;
}

.sumoStopScroll {
  overflow:hidden;
}

/* Filtering style */
.SumoSelect .hidden {
  display:none;
}

.SumoSelect .search-txt {
  display:none;
  outline:none;
}

.SumoSelect .no-match {
  display:none;
  padding: 6px;
}

.SumoSelect.open .search-txt {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 5px 8px;
  border: none;
  box-sizing: border-box;
  border-radius: 5px;
}

.SumoSelect.open>.ub-search>span,
.SumoSelect.open>.ub-search>label {
  visibility: hidden;
}

.SelectClass,
.SumoUnder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  box-sizing: border-box;
  opacity: 0;
}

.SelectClass {
  z-index: 1;
}

.SumoSelect > .optWrapper > .options  li.opt label,
.SumoSelect > .CaptionCont,.SumoSelect .select-all > label {
  user-select: none;
  width: inherit;
  line-height: inherit;
}

.SumoSelect {
  display: inline-block;
  position: relative;
  outline:none;
}

.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont,
.SumoSelect.open > .CaptionCont {
  outline: 1px auto #005fcc;
  outline-offset: 0;
  border-color: #005fcc;
}

.SumoSelect > .CaptionCont {
  position: relative;
  border: 1px solid #8F8F8F;
  min-height: 14px;
  background-color: #fff;
  border-radius: var(--ubInputBorderRadius);
  margin:0;
  padding: 8px 10px;
  font-size: 1em;
}

.hs_platform_form .form-group.ub-error .SumoSelect > .CaptionCont {
  border: 1px solid #DB0000;
}

.SumoSelect > .CaptionCont > span {
  display: block;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor:default;
}

.SumoSelect > .CaptionCont > span.ub-sumo-dropdown {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  margin: 0;
}

.SumoSelect > .CaptionCont > span.ub-sumo-dropdown > span.ub-sumo-dropdown-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);
  background-position: center center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  opacity: 0.8;
}

.SumoSelect > .optWrapper {
  display:none;
  z-index: 1000;
  top: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
  border-radius: var(--ubInputBorderRadius);
  overflow: hidden;
}

.SumoSelect.open > .optWrapper {
  top:35px;
  display:block;
}

.SumoSelect.open > .optWrapper.up {
  top: auto;
  bottom: 100%;
  margin-bottom: 5px;
}

.SumoSelect > .optWrapper ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
}

.SumoSelect > .optWrapper > .options {
  border-radius: var(--ubInputBorderRadius);
  position:relative;
  max-height: 250px; /*Set the height of pop up here (only for desktop mode)*/
}

.SumoSelect > .optWrapper.okCancelInMulti > .options {
  border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall > .options {
  border-radius: 0 0 2px 2px;
}

.SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
  border-radius: 0;
}

.SumoSelect > .optWrapper > .options li.group.disabled > label{
  opacity:0.5;
}

.SumoSelect > .optWrapper > .options li ul li.opt{
  padding-left: 22px;
}

.SumoSelect > .optWrapper.multiple > .options li ul li.opt{
  padding-left: 50px;
}

.SumoSelect > .optWrapper.isFloating > .options {
  max-height: 100%;
  box-shadow: 0 0 100px #595959;
}

/* Overwrite potential site styles */
.hs_style_container .SumoSelect > .optWrapper > ul.options {
  padding: 0 !important;
}

.SumoSelect > .optWrapper > .options  li.opt {
  position: relative;
  border-bottom: 1px solid #f5f5f5;
  line-height: var(--ubFormLineHeight);
  padding: 8px 10px;
}

/* Overwrite potential site styles */
.hs_style_container .SumoSelect > .optWrapper > .options  li.opt {
  margin: 0;
  list-style: none;
}

/* Overwrite potential site styles */
.hs_style_container .SumoSelect > .optWrapper > .options  li::before {
  display: none !important;
}

.SumoSelect > .optWrapper > .options > li.opt:first-child {
  border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
  border-radius:0;
}

.SumoSelect > .optWrapper > .options > li.opt:last-child {
  border-radius: 0 0 2px 2px;
  border-bottom: none;
}

.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
  border-radius: 0;
}

.SumoSelect > .optWrapper > .options li.opt:hover {
  background-color: #E4E4E4;
}

.SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel{
  outline: 1px auto #005fcc;
  outline-offset: -1px;
  border-color: #005fcc;
  background-color: transparent;
}

.SumoSelect > .optWrapper > .options li label {
  overflow: hidden;
  display: block;
  cursor: pointer;
  font-size: 0.9em;
  margin: 0;
}

.SumoSelect > .optWrapper > .options li span {
  display: none;
}

.SumoSelect > .optWrapper > .options li.group > label {
  cursor: default;
  padding: 8px 6px;
  font-weight: bold;
}

/* Floating styles */
.SumoSelect > .optWrapper.isFloating {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  bottom: 0;
  margin: auto;
  max-height: 90%;
}

/* Disabled state */
.SumoSelect > .optWrapper > .options li.opt.disabled {
  background-color: inherit;
  pointer-events: none;
}

.SumoSelect > .optWrapper > .options li.opt.disabled * {
  opacity: 0.5;
}

/* Styling for multiple select */
.SumoSelect > .optWrapper.multiple > .options li.opt {
  padding-left: 35px;
  cursor: pointer;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span,
.SumoSelect .select-all > span {
  position:absolute;
  display:block;
  width:30px;
  top:0;
  bottom:0;
  margin-left:-35px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #AEAEAE;
  border-radius: 2px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.SumoSelect > .optWrapper > .MultiControls {
  display: none;
  border-top: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
  border-radius: 0 0 3px 3px;
}

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  display: block;
  margin-top: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 6px;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
  box-shadow: 0 0 2px #a1c0e4;
  border-color: #a1c0e4;
  outline: none;
  background-color: #a1c0e4;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  display: inline-block;
  cursor: pointer;
  padding: 12px;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 1px solid #DBDBDB;
  border-radius: 0 0 0 3px;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0 0 3px 0;
}
/* Styling for select on popup mode */
.SumoSelect > .optWrapper.isFloating > .options li.opt {
  padding: 12px 6px;
}

/* Styling for only multiple select on popup mode */
.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
  padding-left: 35px;
}

.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 43px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i{
  background-color: rgb(17, 169, 17);
  box-shadow: none;
  border-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center center;
}

/* Disabled state */
.SumoSelect.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.SumoSelect.disabled > .CaptionCont {
  border-color:#ccc;
  box-shadow:none;
}

/* Select all button */
.SumoSelect .select-all {
  border-radius: 3px 3px 0 0;
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 0 3px 35px;
  height: 20px;
  cursor: pointer;
}

.SumoSelect .select-all > label,
.SumoSelect .select-all > span i {
  cursor: pointer;
}

.SumoSelect .select-all.partial > span i {
  background-color:#ccc;
}

/* Styling for optgroups */
.SumoSelect > .optWrapper > .options li.optGroup {
  padding-left: 5px;
  text-decoration: underline;
}

.hs_platform_form div.optWrapper.multiple li.group.disabled {
  display: none;
}

/**
 * 6.0 Candidate portal styling
 *
 * All styling specific to candidate portal.
 */
.hs_platform_area .hs_dashboard_boxes {
  overflow: hidden;
  column-width: 400px;
  margin: auto;
  max-width: 1300px;
  text-align: left; /* Overwrite site styles */
}

/* Login page styling */
.hs_style_container a.ub-login-button {
  display: inline-block;
}

/* Dashboard boxes */
.dashboard_box {
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
  page-break-inside: avoid; /* Firefox */
  break-inside: avoid; /* IE 10+ */
  overflow: hidden;
  padding-bottom: 10px;
}

.dashboard_box > div {
  border: 1px solid #999;
  padding: 15px;
}

.dashboard_box a.ub-dash-action {
  display: block;
  margin-top: 0.75em;
}

.dashboard_box_inner h2 {
  padding: 5px 0 15px 0;
  font-size: 1.25em;
  margin: 0;
}

.dashboard_box .formbuttons {
  display: none;
}

/* Dashboard dashrow */
.ub-dashrow {
  display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
  margin-bottom: 10px;
}

.ub-dashrow .ub-dashrow-label {
  flex: 1 0 200px;
}

.ub-dashrow .ub-dashrow-value {
  flex: 1 0 200px;
}

.ub-dashrow.ub-dashrow-checkbox {
  flex-flow: row-reverse;
  justify-content: flex-end;
}
.ub-dashrow.ub-dashrow-checkbox .ub-dashrow-label,
.ub-dashrow.ub-dashrow-checkbox .ub-dashrow-value {
  flex: 0 0 auto;
}

/* Dashboard finish application */
.ub-dashrow .ub-finish-application-row label {
  display: block;
}

.ub-complete-application .ub_progress_title {
  cursor: pointer;
  color: unset;
  display: block;
}

.ub-complete-application progress {
  /* reset default appearance */
  -webkit-appearance: none;
  appearance: none;

  border: 1px solid black;
  width: 100%;
  height: 20px;
  margin: 5px 0 10px 0;
  border-radius: 3px;
}

.ub-complete-application progress::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 3px;
}

.ub-complete-application progress::-webkit-progress-value {
  background-color: var(--ubPrimaryColor, #6AB002);
  border-radius: 3px;
}

/* Dashboardbox dashitem */
.ub-dashitem {
  padding: 8px 0;
  display: block;
  text-decoration: none;
  border-bottom: 1px dotted var(--ubLightGray);
}

.ub-dashitem:not(.ub-events-item):hover {
  opacity: 0.6;
  text-decoration: var(--ubLinkTextDecorationHover);
}

.ub-dashitem.ub-doc {
  padding-left: 37px !important;
  background: var(--wpr-bg-2d201135-8fc3-41b3-8160-4c5e40369ab2) no-repeat center left;
}
.ub-dashitem.ub-events-item .ub-dashitem-title {
  text-decoration: none;
}

.ub-dashitem .ub-dashitem-description {
  color: var(--ubLightGray);
  display: block;
  font-size: 0.9em;
  padding-bottom: 5px;
  text-decoration: none !important;
}

.ub-dashitem .ub-dashitem-title  {
  display: block;
  font-size: 0.9em;
  text-decoration: var(--ubLinkTextDecoration);
}

.ub-dashitem .ub-dashitem-title:hover {
  text-decoration: var(--ubLinkTextDecorationHover);
}

/* History specific styling */
.hs_popup .hs_popup_body .ub-history-title {
  font-weight: 600;
  padding: 15px 15px 15px 0;
}
.hs_popup .hs_popup_body .hs_history_track {
  background-color: #f0f5ff;
  padding: 10px;
  margin-bottom: 10px;
}

.hs_popup .hs_popup_body .ub-mail-info {
  border-left:  1px solid #999;
  border-right:  1px solid #999;
  padding: 5px;
}
.hs_popup .hs_popup_body .ub-mail-info .ub-mail-info-row{
  padding: 5px;
}
.hs_popup .hs_popup_body .ub-mail-info .ub-mail-info-row .ub-mail-info-label {
  display: inline-block;
  width: 20%;
}
.hs_popup .hs_popup_body .ub-mail-info .ub-mail-info-row .ub-mail-info-label:after {
  content: ":";
}
.hs_popup .hs_popup_body .ub-mail-info .ub-mail-info-row .ub-mail-info-value {
  display: inline-block;
}
.hs_popup .hs_popup_body .ub-mail-body {
  border: 1px solid #999;
  padding: 10px;
  margin-bottom: 10px;
}

/* Collapsible headers */
.dashboard_box_inner .hs_collapsible,
.hs_popup_body .hs_collapsible {
  background-color: #f0f5ff;
  cursor: pointer;
  padding: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard_box_inner .hs_collapsible[aria-expanded=true],
.hs_popup_body .hs_collapsible[aria-expanded=true] {
  margin-bottom: 0;
}

.hs_collapsible .hs_collapsible_text .hs_collapsible_title,
.hs_history_track .hs_history_title {
  font-weight: 600;
}
.hs_collapsible .hs_collapsible_text .hs_collapsible_date,
.hs_history_track .hs_history_date {
  display: block;
  font-size: 16px;
  color: black;
  margin-top: 10px;
}

/* Collapsible content */
.dashboard_box_inner .hs_collapsible_content,
.hs_popup_body .hs_collapsible_content {
  overflow: hidden;
  transition: max-height 0.25s ease-in-out;
  display: block;
  max-height: 2000px;
}

.dashboard_box_inner .hs_collapsible_content.ub-closed,
.hs_popup_body .hs_collapsible_content.ub-closed {
  display: none;
}

.dashboard_box_inner .hs_collapsible_content.ub-hidden,
.hs_popup_body .hs_collapsible_content.ub-hidden {
  max-height: 0;
}

.dashboard_box_inner .hs_collapsible_content.opened,
.hs_popup_body .hs_collapsible_content.opened {
  height: auto;
}

.dashboard_box_inner .hs_collapsible_content.closed,
.hs_popup_body .hs_collapsible_content.closed {
  height: 0;
}

/* Document row */
.dashboard_box_inner .hs_document,
.hs_popup_body .hs_document {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  background-image: linear-gradient(to right, #333 30%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 5px 1px;
  background-repeat: repeat-x;
  min-height: 70px;
}

/* Document logo+text */
.hs_document .doc-description {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex-grow: 2;
}

@media screen and (max-width:500px) {
  /* Document logo+text */
  .hs_document .doc-description {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-align: center;
  }
}

/* Document logo */
.hs_document .doc-description .doc-icon {
  font-size: 40px;
  padding-right: 10px;
  display: flex;
  justify-content: start;
}

/* Document date+title */
.hs_document .doc-info {
  flex-grow: 2;
  white-space: nowrap;
  overflow:  hidden;
}

.hs_document .doc-description .doc-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  margin-bottom: 5px;
}

/* Document date */
.hs_document .doc-description .doc-type {
  display: block;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

/* Document type */
.hs_document .doc-description .doc-date {
  color: black;
  text-align: right;
  padding-left: 10px;
}

/* Document buttons */
.hs_document .doc-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-shrink: 0;
}

/* Document button */
.hs_document .doc-actions .hs-doc-action {
  text-decoration: none;
  font-size: 26px;
  color: black;
  padding-left: 10px;
}

#hs_popup .hs_section .hs_sectionheader h3.hs_section_title {
  font-size: 1em;
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: normal;
}

#hs_popup .hs_section .hs_status {
  margin-bottom: 15px;
}

#hs_popup .hs_section .hs_status .hs_status_header {
  background: purple;
}

#hs_popup .hs_section .hs_status .hs_status_header.unfold_possible {
  background: var(--wpr-bg-df4a767a-fc73-477c-ba03-d82e908419ad) no-repeat 20px center #5890c9;
  padding: 0 0 0 48px;
  cursor: pointer;
}

#hs_popup .hs_section .hs_status .hs_status_header.unfolded {
  background: var(--wpr-bg-0b51746a-93de-4a87-beb8-a696b1d68c3a) no-repeat 20px center #5890c9;
}

#hs_popup .hs_section .hs_status .hs_status_header .hs_status_header_title {
  background: #3b7fc0;
  margin: 0;
  color: #fff;
  font-size: 0.9em;
  padding: 8px 0 4px 10px;
}

#hs_popup .hs_section .hs_status .hs_status_header .hs_status_header_time {
  background: #3b7fc0;
  display: block;
  color: #fff;
  font-size: 0.9em;
  padding: 0 0 8px 10px;
}

#hs_popup .hs_section .hs_status .hs_status_body.unfolded {
  display: block;
  border: 1px solid #d6d6d6;
  border-top: 0;
}

#hs_popup .hs_section .hs_status .hs_status_body .hs_email_header {
  border-bottom: 1px solid #d6d6d6;
  padding: 5px 10px;
  font-size: 0.9em;
}

#hs_popup .hs_section .hs_status .hs_status_body .hs_email_header .label_row {
  overflow: hidden;
  padding: 3px 0;
}

#hs_popup .hs_section .hs_status .hs_status_body .hs_email_header .label_row span {
  display: block;
  float: left;
}

#hs_popup .hs_section .hs_status .hs_status_body .hs_email_header .label_row span.info_label {
  min-width: 70px;
  padding-right: 5px;
}

#hs_popup .hs_section .hs_status .hs_status_body .hs_email_body {
  padding: 5px 10px;
  overflow-wrap: break-word;
}

#hs_popup .hs_section .hs_status .hs_status_body .hs_email_body > * {
  padding: 0;
}

#hs_popup .hs_section .hs_status .hs_status_body .hs_email_body p {
  font-size: 0.9em;
  line-height: 19px;
}

#hs_popup .hs_section .hs_status .hs_status_body .docs {
  background: #F1F2F3;
  padding: 5px 10px;
  overflow: hidden;
}

#hs_popup .hs_section .hs_status .hs_status_body .docs a {
  display: block;
  padding: 5px 11px 3px 20px;
  background: var(--wpr-bg-b91747d0-42ce-44e3-beb7-530a843ce397) no-repeat center left;
  float: left;
}

.hs_status_body {
  display: none;
}

.hs_status_body.unfolded {
  display: inline;
}