@charset "UTF-8";
.xm-form,
:root {
  --target: website;
  --color-black: rgb(0, 0, 0);
  --color-white: rgb(255, 255, 255);
  --color-on-background: #1c2227;
  --color-on-background-dark: #1c2227;
  --color-on-background-light: #2d363e;
  --color-on-background-100: #1c2227;
  --color-on-background-90: #2d363e;
  --color-on-background-80: #42505c;
  --color-on-background-70: #556877;
  --color-on-background-60: #73899b;
  --color-on-background-50: #94a5b2;
  --color-on-background-40: #b2bec8;
  --color-on-background-30: #cdd4db;
  --color-on-background-20: #e4e8ec;
  --color-on-background-10: #f3f5f6;
  --color-brand: #005e52;
  --color-brand-dark: #00423a;
  --color-brand-light: #009e8a;
  --color-brand-accent-100: #00423a;
  --color-brand-accent-90: #005e52;
  --color-brand-accent-80: #009e8a;
  --color-brand-accent-70: rgb(0, 204, 178);
  --color-brand-accent-60: #0fffe0;
  --color-brand-accent-50: #47ffe8;
  --color-brand-accent-40: #7Affee;
  --color-brand-accent-30: #a8fff4;
  --color-brand-accent-20: #d1fff9;
  --color-brand-accent-10: #eBfffc;
  --color-highlight: rgb(125, 191, 104);
  --color-placeholder: #58585a;
  --color-danger: #c00000;
  --color-danger-dark: #a10000;
  --color-danger-accent-20: #ffd3d1;
  --color-danger-accent-10: #ffeceb;
  --color-info: #194383;
  --color-info-accent-20: #d8e5f8;
  --color-info-accent-10: #eef3fc;
  --color-warning: #fdc300;
  --color-warning-accent-20: #fff4d1;
  --color-warning-accent-10: #fffaeb;
  --color-success: #005e52;
  --color-success-accent-20: #d1fff9;
  --color-success-accent-10: #ebfffc;
  --color-hint-accent-20: #d7d7d7;
  --color-hint-accent-10: #ededed;
  --color-background: #edf6f2;
  --color-accent: rgb(0, 160, 117);
  --color-accent-secondary: rgb(0, 94, 82);
  --border-radius: 4px;
  --border-radius-large: calc(var(--border-radius) * 2);
  --border-color: rgb(0, 160, 117);
  --border-color-disabled: var(--color-background);
  --padding-form: 20px;
  --margin-form-elements-v: 15px;
  --margin-form-elements: 10px;
  --padding-text-field: 5px 15px;
  --padding-text-field-right: 15px;
  --height-label: 20px;
  --icon-size: 45px;
  --transition-time: 300ms;
}

@font-face {
  font-family: "Metric";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../../includes/ressource?mid=1&name=metric-light.woff2) format("woff2");
}
@font-face {
  font-family: "Metric";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../includes/ressource?mid=1&name=metric-regular.woff2) format("woff2");
}
@font-face {
  font-family: "Metric";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../../includes/ressource?mid=1&name=metric-semibold.woff2) format("woff2");
}
@font-face {
  font-family: "Metric";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../../includes/ressource?mid=1&name=metric-semibold-italic.woff2) format("woff2");
}
h1 {
  font-size: 9vw;
  line-height: 1.1;
  font-weight: 300;
  color: var(--color-accent);
}
@media (min-width: 769px) {
  h1 {
    font-size: 60px;
    line-height: 66px;
  }
}

h2 {
  font-size: 33px;
  font-weight: 600;
  line-height: 36px;
  color: var(--color-accent);
}
@media (min-width: 769px) {
  h2 {
    font-size: 33px;
    line-height: 26px;
  }
}

h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-accent);
}

h4 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: var(--color-on-background-100);
}

form.xm-form {
  max-width: none !important;
  padding: 0 var(--padding-form);
  font-size: 18px;
  line-height: 1.4;
  background-color: var(--color-white);
}
form.xm-form * {
  font-family: "Metric", sans-serif;
}
form.xm-form *:focus,
form.xm-form *:hover {
  outline: none;
}
form.xm-form .CXPage .header,
form.xm-form .CXPage .footer {
  padding-top: 0;
  padding-bottom: 0;
}
form.xm-form .XPage {
  max-width: none !important;
  padding: 0;
}
form.xm-form .XPage .xm-item-div {
  padding: var(--margin-form-elements-v) 0;
  font-size: 18px;
  line-height: 1.4;
  color: var(--color-black);
  display: flex;
  flex-direction: column;
}
form.xm-form .XPage .CXContainer {
  padding: 0;
}
form.xm-form .XContainer {
  padding: 0;
  background-color: transparent;
  border: 0;
}
form.xm-form .xm-form-row {
  padding-right: 0;
}
@media (min-width: 769px) {
  form.xm-form .xm-form-row {
    display: flex;
    gap: 1rem;
    margin: 0;
  }
}
.xm-context-designer form.xm-form .xm-design-panel > .xm-item-container {
  background-color: var(--color-white);
}
form.xm-form .xm-form-footer-static {
  min-width: auto !important;
}

form.xm-form .label-followup {
  position: relative;
}
form.xm-form label.label-followup {
  position: absolute;
  top: 30px;
  right: calc(var(--margin-form-elements) + var(--padding-text-field));
  left: 15px;
  z-index: 2;
  display: flex;
  align-items: center;
  max-width: calc(100% - 2rem);
  min-height: var(--height-label);
  margin-top: -3px;
  color: var(--color-placeholder);
  transition: var(--transition-time);
}
form.xm-form label.label-followup .block {
  overflow: hidden;
  display: inline-block;
  width: 100%;
  white-space: normal;
  text-overflow: ellipsis;
}
form.xm-form .XItem:not(.empty) ~ label:not(.unit), form.xm-form .XItem[placeholder] ~ label:not(.unit), form.xm-form .XItem:focus ~ label:not(.unit) {
  font-size: 14px;
  color: var(--color-accent-secondary);
  transform: translate3d(-14px, -14px, 0);
}
form.xm-form .error label:not(.unit) {
  color: var(--color-placeholder) !important;
}
form.xm-form .XList ~ label.label-followup,
form.xm-form .XRadio ~ label.label-followup,
form.xm-form .XCheckbox ~ label.label-followup {
  position: static;
  margin-top: 0;
  transform: none !important;
}

form.xm-form .xm-item-div .unit.followup {
  font-size: 18px;
  line-height: 25px;
  color: var(--color-on-background-100);
  position: absolute;
  top: 24px;
  right: 16px;
  z-index: 3;
  width: auto !important;
  margin-top: -1px;
  padding: 0.25rem 0.5rem;
  text-align: right;
  background-color: var(--color-on-background-20);
  border-radius: var(--border-radius);
}
form.xm-form .xm-item-div.xm-has-help .unit.followup, form.xm-form .xm-item-div.xm-has-datepicker .unit.followup, form.xm-form .xm-item-div.xm-has-dropdown .unit.followup {
  right: 50px;
}
form.xm-form .xm-item-div.xm-has-datepicker .xm-help-container::before, form.xm-form .xm-item-div.xm-has-dropdown .xm-help-container::before {
  right: 42px;
}
form.xm-form .xm-item-div.xm-has-datepicker.xm-has-help .unit.followup, form.xm-form .xm-item-div.xm-has-dropdown.xm-has-help .unit.followup {
  right: 42px;
}
form.xm-form .xm-item-div.xm-filled .unit.followup {
  right: 50px;
}
form.xm-form .xm-item-div .required-star {
  color: inherit;
}

form.xm-form .CXTextField label {
  z-index: 2;
  pointer-events: none;
}
form.xm-form .CXTextField .XItem {
  font-size: 18px;
  line-height: 2;
  z-index: 1;
  display: flex;
  width: 100%;
  padding: var(--padding-text-field);
  background-color: var(--color-background);
  border: 1px solid var(--color-white);
  border-radius: var(--border-radius);
  transition: background-color var(--transition-time), border-color var(--transition-time);
}
form.xm-form .CXTextField .XItem:not([readonly]):not([disabled]):focus {
  background-color: var(--color-white);
  border-color: var(--border-color);
  transition: background-color var(--transition-time), border-color var(--transition-time) ease var(--transition-time);
}
form.xm-form .CXTextField .XItem:not([readonly]):not([disabled]):invalid {
  border-color: var(--color-danger);
}
form.xm-form .CXTextField .XItem[readonly], form.xm-form .CXTextField .XItem[disabled] {
  color: var(--color-on-background-50);
  border-color: var(--border-color-disabled);
  cursor: not-allowed;
}
form.xm-form .CXTextField .XItem[readonly] ~ label, form.xm-form .CXTextField .XItem[disabled] ~ label {
  color: var(--color-on-background-50);
}
form.xm-form .CXTextField .XItem[class*=-followup]::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXTextField .XItem[class*=-followup]::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXTextField .XItem[class*=-followup]:focus::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXTextField .XItem[class*=-followup]:focus::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXTextField.xm-has-help .XItem {
  padding-right: 2.5rem;
}

form.xm-form .CXTextArea label {
  z-index: 2;
}
form.xm-form .CXTextArea .XItem {
  font-size: 18px;
  line-height: 2;
  z-index: 1;
  display: flex;
  width: 100%;
  padding: var(--padding-text-field);
  background-color: var(--color-background);
  border: 1px solid var(--color-white);
  border-radius: var(--border-radius);
  transition: background-color var(--transition-time), border-color var(--transition-time);
  scrollbar-width: auto;
  scrollbar-color: var(--color-on-background-50) transparent;
  min-height: 100px !important;
  resize: vertical;
}
form.xm-form .CXTextArea .XItem:not([readonly]):not([disabled]):focus {
  background-color: var(--color-white);
  border-color: var(--border-color);
  transition: background-color var(--transition-time), border-color var(--transition-time) ease var(--transition-time);
}
form.xm-form .CXTextArea .XItem:not([readonly]):not([disabled]):invalid {
  border-color: var(--color-danger);
}
form.xm-form .CXTextArea .XItem[readonly], form.xm-form .CXTextArea .XItem[disabled] {
  color: var(--color-on-background-50);
  border-color: var(--border-color-disabled);
  cursor: not-allowed;
}
form.xm-form .CXTextArea .XItem[readonly] ~ label, form.xm-form .CXTextArea .XItem[disabled] ~ label {
  color: var(--color-on-background-50);
}
form.xm-form .CXTextArea .XItem[class*=-followup]::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXTextArea .XItem[class*=-followup]::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXTextArea .XItem[class*=-followup]:focus::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXTextArea .XItem[class*=-followup]:focus::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXTextArea .XItem::-webkit-scrollbar {
  width: 8px;
}
form.xm-form .CXTextArea .XItem::-webkit-scrollbar-track {
  background-color: transparent;
}
form.xm-form .CXTextArea .XItem::-webkit-scrollbar-thumb {
  background-color: var(--color-on-background-50);
  border-radius: 1rem;
}
form.xm-form .CXTextArea .XItem[disabled], form.xm-form .CXTextArea .XItem[readonly] {
  color: var(--color-on-background-50);
}
form.xm-form .CXTextArea .xm-help-container {
  top: 15px;
}
form.xm-form .xm-counter {
  font-size: 16px;
  color: var(--color-on-background-70);
  display: flex;
  gap: 0.125rem;
  padding: 5px 5px 0;
}
form.xm-form.xm-context-designer .CXTextArea .xm-help-container::before,
form.xm-form.xm-context-designer .CXTextArea label {
  margin-top: 20px;
}
form.xm-form.xm-context-designer .CXTextArea [data-dynamic-row] label {
  margin-top: 10px;
}

form.xm-form .CXTextField .XItem[data-datepicker] {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: calc(100% - var(--padding-text-field-right)) calc(var(--padding-form) - 5px);
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(0, 0, 0)), url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M1.61,4.659L22.341,4.659L22.341,8.317L1.61,8.317L1.61,4.659ZM1.61,22.317L1.61,9.537L2.829,9.537L2.829,21.732L21.146,21.732L21.146,9.537L22.39,9.537L22.39,22.317C22.39,22.512 22.321,22.675 22.183,22.805C22.045,22.935 21.886,23 21.707,23L2.293,23C2.098,23 1.935,22.935 1.805,22.805C1.675,22.675 1.61,22.512 1.61,22.317ZM4.049,1L5.268,1L5.268,3.439L4.049,3.439L4.049,1ZM4.659,11.366L8.317,11.366L8.317,15.024L4.659,15.024L4.659,11.366ZM4.659,16.244L8.317,16.244L8.317,19.902L4.659,19.902L4.659,16.244ZM10.146,11.366L13.805,11.366L13.805,15.024L10.146,15.024L10.146,11.366ZM10.146,16.244L13.805,16.244L13.805,19.902L10.146,19.902L10.146,16.244ZM15.634,11.366L19.293,11.366L19.293,15.024L15.634,15.024L15.634,11.366ZM15.634,16.244L19.293,16.244L19.293,19.902L15.634,19.902L15.634,16.244ZM18.683,1L19.902,1L19.902,3.439L18.683,3.439L18.683,1Z" style="fill:rgb(0, 0, 0)"/></svg>');
  background-size: 1px 60%, 18px;
  background-position: calc(96% - 40px) 50%, calc(96% - var(--padding-text-field-right)) calc(var(--padding-form) - 5px);
  padding-right: 55px;
}

form.xm-form .CXTextField .XItem[data-datepicker][disabled] {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: calc(100% - var(--padding-text-field-right)) calc(var(--padding-form) - 5px);
  background-image: linear-gradient(to bottom, rgb(148, 170, 178), rgb(148, 170, 178)), url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M1.61,4.659L22.341,4.659L22.341,8.317L1.61,8.317L1.61,4.659ZM1.61,22.317L1.61,9.537L2.829,9.537L2.829,21.732L21.146,21.732L21.146,9.537L22.39,9.537L22.39,22.317C22.39,22.512 22.321,22.675 22.183,22.805C22.045,22.935 21.886,23 21.707,23L2.293,23C2.098,23 1.935,22.935 1.805,22.805C1.675,22.675 1.61,22.512 1.61,22.317ZM4.049,1L5.268,1L5.268,3.439L4.049,3.439L4.049,1ZM4.659,11.366L8.317,11.366L8.317,15.024L4.659,15.024L4.659,11.366ZM4.659,16.244L8.317,16.244L8.317,19.902L4.659,19.902L4.659,16.244ZM10.146,11.366L13.805,11.366L13.805,15.024L10.146,15.024L10.146,11.366ZM10.146,16.244L13.805,16.244L13.805,19.902L10.146,19.902L10.146,16.244ZM15.634,11.366L19.293,11.366L19.293,15.024L15.634,15.024L15.634,11.366ZM15.634,16.244L19.293,16.244L19.293,19.902L15.634,19.902L15.634,16.244ZM18.683,1L19.902,1L19.902,3.439L18.683,3.439L18.683,1Z" style="fill:rgb(148, 170, 178)"/></svg>');
  background-size: 1px 60%, 18px;
  background-position: calc(100% - 40px) 50%, calc(100% - var(--padding-text-field-right)) calc(var(--padding-form) - 5px);
}

.ui-datepicker {
  width: 260px;
  padding: 8px;
  border: 0;
  box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.15);
}
.ui-datepicker .ui-datepicker-header {
  padding: 0;
  background: none;
  border: 0;
  margin: 8px 0 16px;
}
.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
  display: none;
}
.ui-datepicker .ui-datepicker-prev::before, .ui-datepicker .ui-datepicker-next::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: var(--color-accent-secondary);
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover {
  background: none;
  border: 0;
  opacity: 0.7;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0;
  line-height: 2;
}
.ui-datepicker .ui-datepicker-month {
  margin-right: 1rem;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover {
  opacity: 1;
}
.ui-datepicker .ui-datepicker-prev::before {
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 50% 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M13.595,1L5.51,10.68C5.18,11.065 5.015,11.51 5.015,12.014C5.015,12.518 5.171,12.953 5.483,13.32L13.623,23L18.985,23L9.773,12L18.985,1L13.595,1Z" style="fill:rgb(51, 51, 51)"/></svg>');
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover::before {
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 50% 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M13.595,1L5.51,10.68C5.18,11.065 5.015,11.51 5.015,12.014C5.015,12.518 5.171,12.953 5.483,13.32L13.623,23L18.985,23L9.773,12L18.985,1L13.595,1Z" style="fill:rgb(0, 160, 117)"/></svg>');
}
.ui-datepicker .ui-datepicker-next::before {
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 50% 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M10.405,1L18.49,10.68C18.82,11.065 18.985,11.51 18.985,12.014C18.985,12.518 18.829,12.953 18.518,13.32L10.378,23L5.015,23L14.228,12L5.015,1L10.405,1Z" style="fill:rgb(51, 51, 51)"/></svg>');
}
.ui-datepicker .ui-datepicker-next.ui-state-hover::before {
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 50% 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M10.405,1L18.49,10.68C18.82,11.065 18.985,11.51 18.985,12.014C18.985,12.518 18.829,12.953 18.518,13.32L10.378,23L5.015,23L14.228,12L5.015,1L10.405,1Z" style="fill:rgb(0, 160, 117)"/></svg>');
}
.ui-datepicker .ui-datepicker-year {
  margin: 0;
  background-color: #edf6f2;
  border: 0;
  padding: 5px;
  color: var(--color-accent-secondary);
}
.ui-datepicker .ui-datepicker-calendar {
  margin: 0;
  font-size: inherit;
}
.ui-datepicker .ui-datepicker-calendar th {
  color: var(--color-accent-secondary);
}
.ui-datepicker .ui-datepicker-calendar td {
  padding: 0;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  background: none;
  border: 0;
  padding: 7.5px 5px;
  font-family: "Metric", sans-serif;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
  border-radius: var(--border-radius);
  transition: color var(--transition-time), background-color var(--transition-time);
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active, .ui-datepicker .ui-datepicker-calendar .ui-state-default:hover, .ui-datepicker .ui-datepicker-calendar .ui-state-default:focus {
  color: var(--color-white);
  font-weight: 500;
  background-color: var(--color-accent);
}

form.xm-form .CXSelect .XDropDown {
  font-size: 18px;
  line-height: 2;
  z-index: 1;
  display: flex;
  width: 100%;
  padding: var(--padding-text-field);
  background-color: var(--color-background);
  border: 1px solid var(--color-white);
  border-radius: var(--border-radius);
  transition: background-color var(--transition-time), border-color var(--transition-time);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: calc(100% - var(--padding-text-field-right)) 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M1,10.405L10.68,18.49C11.065,18.82 11.51,18.985 12.014,18.985C12.518,18.985 12.953,18.829 13.32,18.517L23,10.377L23,5.015L12,14.228L1,5.015L1,10.405Z" style="fill:rgb(66, 85, 92)"/></svg>');
  -webkit-appearance: none;
  appearance: none;
}
form.xm-form .CXSelect .XDropDown:not([readonly]):not([disabled]):focus {
  background-color: var(--color-white);
  border-color: var(--border-color);
  transition: background-color var(--transition-time), border-color var(--transition-time) ease var(--transition-time);
}
form.xm-form .CXSelect .XDropDown:not([readonly]):not([disabled]):invalid {
  border-color: var(--color-danger);
}
form.xm-form .CXSelect .XDropDown[readonly], form.xm-form .CXSelect .XDropDown[disabled] {
  color: var(--color-on-background-50);
  border-color: var(--border-color-disabled);
  cursor: not-allowed;
}
form.xm-form .CXSelect .XDropDown[readonly] ~ label, form.xm-form .CXSelect .XDropDown[disabled] ~ label {
  color: var(--color-on-background-50);
}
form.xm-form .CXSelect .XDropDown[class*=-followup]::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXSelect .XDropDown[class*=-followup]::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXSelect .XDropDown[class*=-followup]:focus::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXSelect .XDropDown[class*=-followup]:focus::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXSelect .XDropDown[disabled] {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: calc(100% - var(--padding-text-field-right)) 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M1,10.405L10.68,18.49C11.065,18.82 11.51,18.985 12.014,18.985C12.518,18.985 12.953,18.829 13.32,18.517L23,10.377L23,5.015L12,14.228L1,5.015L1,10.405Z" style="fill:rgb(148, 170, 178)"/></svg>');
  opacity: 1;
}
form.xm-form .CXSelect .XDropDown.empty {
  color: transparent;
}
form.xm-form .CXSelect .XDropDown option {
  font-family: "Metric", sans-serif;
  color: var(--color-black) !important;
  background-color: var(--color-white) !important;
}
form.xm-form .CXSelect .XDropDown ~ label {
  z-index: 2;
  pointer-events: none;
  max-width: calc(100% - 4rem);
}
form.xm-form .CXSelect .XList {
  font-size: 18px;
  line-height: 2;
  z-index: 1;
  display: flex;
  width: 100%;
  padding: var(--padding-text-field);
  background-color: var(--color-background);
  border: 1px solid var(--color-white);
  border-radius: var(--border-radius);
  transition: background-color var(--transition-time), border-color var(--transition-time);
  scrollbar-width: auto;
  scrollbar-color: var(--color-on-background-50) transparent;
}
form.xm-form .CXSelect .XList:not([readonly]):not([disabled]):focus {
  background-color: var(--color-white);
  border-color: var(--border-color);
  transition: background-color var(--transition-time), border-color var(--transition-time) ease var(--transition-time);
}
form.xm-form .CXSelect .XList:not([readonly]):not([disabled]):invalid {
  border-color: var(--color-danger);
}
form.xm-form .CXSelect .XList[readonly], form.xm-form .CXSelect .XList[disabled] {
  color: var(--color-on-background-50);
  border-color: var(--border-color-disabled);
  cursor: not-allowed;
}
form.xm-form .CXSelect .XList[readonly] ~ label, form.xm-form .CXSelect .XList[disabled] ~ label {
  color: var(--color-on-background-50);
}
form.xm-form .CXSelect .XList[class*=-followup]::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXSelect .XList[class*=-followup]::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXSelect .XList[class*=-followup]:focus::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXSelect .XList[class*=-followup]:focus::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXSelect .XList::-webkit-scrollbar {
  width: 8px;
}
form.xm-form .CXSelect .XList::-webkit-scrollbar-track {
  background-color: transparent;
}
form.xm-form .CXSelect .XList::-webkit-scrollbar-thumb {
  background-color: var(--color-on-background-50);
  border-radius: 1rem;
}
form.xm-form .CXSelect .XList ~ label {
  position: absolute;
  top: 0;
  margin-top: 3px;
  transform: none;
}
form.xm-form .CXSelect .XTextField {
  font-size: 18px;
  line-height: 2;
  z-index: 1;
  display: flex;
  width: 100%;
  padding: var(--padding-text-field);
  background-color: var(--color-background);
  border: 1px solid var(--color-white);
  border-radius: var(--border-radius);
  transition: background-color var(--transition-time), border-color var(--transition-time);
  scrollbar-width: auto;
  scrollbar-color: var(--color-on-background-50) transparent;
}
form.xm-form .CXSelect .XTextField:not([readonly]):not([disabled]):focus {
  background-color: var(--color-white);
  border-color: var(--border-color);
  transition: background-color var(--transition-time), border-color var(--transition-time) ease var(--transition-time);
}
form.xm-form .CXSelect .XTextField:not([readonly]):not([disabled]):invalid {
  border-color: var(--color-danger);
}
form.xm-form .CXSelect .XTextField[readonly], form.xm-form .CXSelect .XTextField[disabled] {
  color: var(--color-on-background-50);
  border-color: var(--border-color-disabled);
  cursor: not-allowed;
}
form.xm-form .CXSelect .XTextField[readonly] ~ label, form.xm-form .CXSelect .XTextField[disabled] ~ label {
  color: var(--color-on-background-50);
}
form.xm-form .CXSelect .XTextField[class*=-followup]::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXSelect .XTextField[class*=-followup]::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXSelect .XTextField[class*=-followup]:focus::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXSelect .XTextField[class*=-followup]:focus::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXSelect .XTextField::-webkit-scrollbar {
  width: 8px;
}
form.xm-form .CXSelect .XTextField::-webkit-scrollbar-track {
  background-color: transparent;
}
form.xm-form .CXSelect .XTextField::-webkit-scrollbar-thumb {
  background-color: var(--color-on-background-50);
  border-radius: 1rem;
}
form.xm-form .CXSelect .XTextField ~ label {
  top: 0;
  margin-top: 3px;
  transform: none;
}
form.xm-form.xm-context-designer .CXSelect .XTextField ~ label {
  margin-top: 30px;
}

.ui-widget-content.ui-autocomplete {
  padding: calc(var(--margin-form-elements) * 0.5);
  background-color: var(--color-white);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  box-shadow: 0 0 32px rgba(139, 139, 139, 0.5);
}
.ui-widget-content.ui-autocomplete .ui-menu-item-wrapper {
  padding: var(--margin-form-elements);
  font-size: 18px;
  line-height: 25px;
  color: var(--color-on-background-100);
}
.ui-widget-content.ui-autocomplete .ui-state-active {
  color: var(--color-white);
  background-color: var(--color-brand-accent-70);
  border-color: var(--color-brand-accent-70);
  border-radius: var(--border-radius);
}

form.xm-form .CXCheckbox:focus-within,
form.xm-form .CXSelect .XSelect.XCheckbox:focus-within,
form.xm-form .CXSelect .XSelect.XRadio:focus-within,
form.xm-form .CXSelect .XQuestTable:focus-within {
  border: 0 !important;
  background-color: transparent !important;
  outline: none !important;
}
form.xm-form .CXCheckbox,
form.xm-form .XCheckbox {
  display: block;
}
form.xm-form .CXCheckbox .opt-div,
form.xm-form .XCheckbox .opt-div {
  display: flex;
  align-items: center;
}
form.xm-form .CXCheckbox .opt-div:not(:last-child),
form.xm-form .XCheckbox .opt-div:not(:last-child) {
  margin-right: var(--padding-form) !important;
  margin-bottom: var(--padding-form);
}
form.xm-form .CXCheckbox input[type=checkbox],
form.xm-form .XCheckbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
}
form.xm-form .CXCheckbox input[type=checkbox]:checked ~ [class*=label-icon-]::before,
form.xm-form .XCheckbox input[type=checkbox]:checked ~ [class*=label-icon-]::before {
  opacity: 1;
  height: 22px;
}
form.xm-form .CXCheckbox input[type=checkbox]:checked ~ [class*=label-icon-]::after,
form.xm-form .XCheckbox input[type=checkbox]:checked ~ [class*=label-icon-]::after {
  opacity: 1;
  height: 9px;
  transition: height var(--transition-time) ease;
}
form.xm-form .CXCheckbox [class*=label-icon-],
form.xm-form .XCheckbox [class*=label-icon-] {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  width: 18px;
  min-width: auto;
  height: 18px;
  background-color: var(--color-white);
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: var(--border-radius);
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
}
form.xm-form .CXCheckbox [class*=label-icon-]::after,
form.xm-form .XCheckbox [class*=label-icon-]::after {
  content: "";
  position: absolute;
}
form.xm-form .CXCheckbox [class*=label-icon-]::before,
form.xm-form .XCheckbox [class*=label-icon-]::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 12px;
  left: 7px;
  width: 3px;
  background-color: #005e52;
  border-radius: var(--border-radius);
  transform: rotate(-135deg);
  transform-origin: left top;
  transition: opacity var(--transition-time) ease, height 0s linear var(--transition-time);
}
form.xm-form .CXCheckbox [class*=label-icon-]::after,
form.xm-form .XCheckbox [class*=label-icon-]::after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 5px;
  left: 0;
  width: 3px;
  background-color: #005e52;
  border-radius: var(--border-radius);
  transform: rotate(-45deg);
  transform-origin: left top;
  transition: opacity var(--transition-time) ease, height 0s linear var(--transition-time);
}
form.xm-form .CXCheckbox .opt-label-right,
form.xm-form .XCheckbox .opt-label-right {
  padding-left: 16px;
}
form.xm-form .CXCheckbox .opt-label-left,
form.xm-form .XCheckbox .opt-label-left {
  padding-right: 16px;
}
form.xm-form .CXCheckbox .opt-label-right, form.xm-form .CXCheckbox .opt-label-left,
form.xm-form .XCheckbox .opt-label-right,
form.xm-form .XCheckbox .opt-label-left {
  font-size: 18px;
  line-height: 25px;
  color: var(--color-on-background-100);
  cursor: pointer;
}
form.xm-form .CXCheckbox.XItem ~ label:not(.unit),
form.xm-form .XCheckbox.XItem ~ label:not(.unit) {
  font-size: 18px;
  line-height: 25px;
  color: var(--color-on-background-100);
  display: flex;
  align-items: center;
  order: -1;
  margin-bottom: var(--padding-form);
}
form.xm-form .CXCheckbox.XItem ~ label:not(.unit) .block,
form.xm-form .XCheckbox.XItem ~ label:not(.unit) .block {
  padding-left: 0;
}
form.xm-form .CXCheckbox ~ .xm-help-container,
form.xm-form .XCheckbox ~ .xm-help-container {
  top: 0;
  margin-top: 0;
}
form.xm-form .CXCheckbox.label-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--padding-form);
}
form.xm-form .CXCheckbox .XCheckbox.XItem ~ label {
  margin-bottom: 0;
  transform: none;
}

form.xm-form .CXSelect {
  display: flex;
  flex-direction: column;
}
form.xm-form .XRadio {
  display: block;
}
form.xm-form .XRadio .opt-div {
  display: flex;
  align-items: center;
}
form.xm-form .XRadio .opt-div:not(:last-child) {
  margin-right: var(--padding-form) !important;
  margin-bottom: var(--padding-form);
}
form.xm-form .XRadio input[type=radio] {
  opacity: 0;
  position: absolute;
}
form.xm-form .XRadio input[type=radio]:checked ~ [class*=label-icon-]::after {
  transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0);
}
form.xm-form .XRadio [class*=label-icon-] {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  width: 18px;
  min-width: auto;
  height: 18px;
  background-color: var(--color-white);
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 50%;
}
form.xm-form .XRadio [class*=label-icon-]::after {
  content: "";
  position: absolute;
}
form.xm-form .XRadio [class*=label-icon-]::after {
  top: 50%;
  left: 50%;
  width: 65%;
  height: 65%;
  background-color: var(--color-accent-secondary);
  border-radius: 50%;
  transform: scale3d(0, 0, 1) translate3d(-50%, -50%, 0);
  transform-origin: 0 0;
  transition: transform var(--transition-time);
}
form.xm-form .XRadio .opt-label-right {
  padding-left: 16px;
}
form.xm-form .XRadio .opt-label-left {
  padding-right: 16px;
}
form.xm-form .XRadio .opt-label-right, form.xm-form .XRadio .opt-label-left {
  font-size: 18px;
  line-height: 25px;
  color: var(--color-on-background-100);
  cursor: pointer;
}
form.xm-form .XRadio.XItem ~ label:not(.unit) {
  font-size: 18px;
  line-height: 25px;
  color: var(--color-on-background-100);
  order: -1;
  margin-bottom: var(--padding-form);
}
form.xm-form .XRadio.XItem ~ label:not(.unit) .block {
  padding-left: 0;
}

form.xm-form .XRadio.xm-radio-choices-element {
  display: flex;
}
form.xm-form .XRadio.xm-radio-choices-element [class*=label-icon-] {
  display: none;
}
form.xm-form .XRadio.xm-radio-choices-element .opt-label-right, form.xm-form .XRadio.xm-radio-choices-element .opt-label-left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  color: var(--color-accent-secondary);
  background-color: var(--color-background);
  border-radius: var(--border-radius);
  transition: var(--transition-time);
}
form.xm-form .XRadio.xm-radio-choices-element .opt-div {
  margin: 0 !important;
  flex: 1 1 0px;
}
form.xm-form .XRadio.xm-radio-choices-element > div:last-child {
  display: none;
}
form.xm-form .XRadio.xm-radio-choices-element input[type=radio]:checked ~ .opt-label-right, form.xm-form .XRadio.xm-radio-choices-element input[type=radio]:checked ~ .opt-label-left {
  color: var(--color-white);
  background-color: var(--color-accent-secondary);
}

form.xm-form .CXUpload {
  display: flex;
  flex-direction: column;
}
form.xm-form .CXUpload label:not(.unit) {
  font-size: 18px;
  line-height: 2;
  z-index: 1;
  display: flex;
  width: 100%;
  padding: var(--padding-text-field);
  background-color: var(--color-background);
  border: 1px solid var(--color-white);
  border-radius: var(--border-radius);
  transition: background-color var(--transition-time), border-color var(--transition-time);
  order: -1;
  background-color: var(--color-white);
  cursor: pointer;
}
form.xm-form .CXUpload label:not(.unit):not([readonly]):not([disabled]):focus {
  background-color: var(--color-white);
  border-color: var(--border-color);
  transition: background-color var(--transition-time), border-color var(--transition-time) ease var(--transition-time);
}
form.xm-form .CXUpload label:not(.unit):not([readonly]):not([disabled]):invalid {
  border-color: var(--color-danger);
}
form.xm-form .CXUpload label:not(.unit)[readonly], form.xm-form .CXUpload label:not(.unit)[disabled] {
  color: var(--color-on-background-50);
  border-color: var(--border-color-disabled);
  cursor: not-allowed;
}
form.xm-form .CXUpload label:not(.unit)[readonly] ~ label, form.xm-form .CXUpload label:not(.unit)[disabled] ~ label {
  color: var(--color-on-background-50);
}
form.xm-form .CXUpload label:not(.unit)[class*=-followup]::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXUpload label:not(.unit)[class*=-followup]::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXUpload label:not(.unit)[class*=-followup]:focus::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXUpload label:not(.unit)[class*=-followup]:focus::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXUpload label:not(.unit).label-followup {
  font-size: 20px;
  font-weight: 600;
  line-height: 36px;
  color: var(--color-accent);
  position: static;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  height: auto;
  margin: 0 0 8px;
  padding: 30px;
  border: 2px dashed rgb(0, 160, 117);
  transform: none;
}
@media (min-width: 769px) {
  form.xm-form .CXUpload label:not(.unit).label-followup {
    font-size: 25px;
    line-height: 26px;
  }
}
form.xm-form .CXUpload label:not(.unit).label-followup::after {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
  color: var(--color-white);
  content: "Dateien auswählen";
  padding: 7.5px 30px;
  background-color: var(--color-white);
  color: var(--color-brand);
  border: 1px solid currentColor;
  border-radius: var(--border-radius);
}
form.xm-form .CXUpload label:not(.unit) .block {
  position: relative;
  top: 1px;
}
form.xm-form .CXUpload .XItem {
  font-size: 16px;
  color: var(--color-on-background-70);
  padding: 5px 5px 0;
}
form.xm-form .CXUpload .XItem::file-selector-button {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
form.xm-form .CXUpload .XItem[disabled] ~ label {
  opacity: 0.5;
}
form.xm-form .CXUpload .XItem.XButton {
  display: none;
}
form.xm-form .CXUpload .xm-upl-label,
form.xm-form .CXUpload .xm-upl-format-label,
form.xm-form .CXUpload .xm-upl-size-wrapper,
form.xm-form .CXUpload .xm-upl-format-value-wrapper {
  font-size: 16px;
  color: var(--color-on-background-70);
}
form.xm-form .CXUpload .xm-upl-format-value-wrapper {
  display: inline-block;
}
form.xm-form .CXUpload .img-upload-preview,
form.xm-form .CXUpload .img-uploaded-preview {
  max-width: 150px !important;
  padding: 0;
  overflow: hidden;
  position: relative;
  margin-top: var(--margin-form-elements);
}
form.xm-form .CXUpload .img-upload-preview-del {
  position: static;
  margin: 1rem 0 0;
}
form.xm-form .CXUpload .img-upload-preview-del::before {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
  color: var(--color-white);
  content: "Löschen";
  display: inline-block;
  padding: 7.5px 30px;
  background-color: var(--color-white);
  color: var(--color-brand);
  border: 1px solid currentColor;
  border-radius: var(--border-radius);
  cursor: pointer;
}
form.xm-form .CXUpload .img-upload-preview-del:hover::before {
  text-shadow: none;
}
form.xm-form .CXUpload .img-upload-preview-del::after {
  content: none;
}
form.xm-form .CXUpload .img-upload-preview-none {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 150px;
  background-color: var(--color-on-background-10);
  border-color: transparent;
}
form.xm-form .CXUpload .img-upload-preview-none::after {
  position: static;
  color: var(--color-white);
}
form.xm-form .CXUpload .ajax-upload ~ .ajax-progress .ajax-info {
  align-items: center;
  margin-top: 1rem;
}
form.xm-form .CXUpload .ajax-upload ~ .ajax-progress .ajax-info-items {
  font-size: 16px;
  color: var(--color-on-background-70);
  margin-bottom: 8px;
}
form.xm-form .CXUpload .ajax-upload ~ .ajax-progress .ajax-remove {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M19.502,20.859L20.236,6.064L21.513,6.064C21.949,6.064 22.3,5.708 22.3,5.291C22.3,4.874 21.949,4.528 21.513,4.528L16.65,4.528L16.65,3.001C16.65,1.536 15.618,0.6 13.979,0.6L10,0.6C8.361,0.6 7.34,1.536 7.34,3.001L7.34,4.528L2.488,4.528C2.062,4.528 1.7,4.884 1.7,5.291C1.7,5.708 2.062,6.064 2.488,6.064L3.775,6.064L4.509,20.869C4.584,22.324 5.584,23.26 7.127,23.26L16.884,23.26C18.406,23.26 19.427,22.314 19.502,20.859ZM9.042,3.103C9.042,2.523 9.478,2.116 10.127,2.116L13.862,2.116C14.511,2.116 14.958,2.523 14.958,3.103L14.958,4.528L9.042,4.528L9.042,3.103ZM7.276,21.723C6.67,21.723 6.212,21.286 6.18,20.686L5.436,6.064L18.534,6.064L17.832,20.686C17.8,21.296 17.353,21.723 16.715,21.723L7.276,21.723ZM15.16,19.943C15.512,19.943 15.767,19.668 15.778,19.282L16.097,8.608C16.107,8.232 15.841,7.947 15.48,7.947C15.15,7.947 14.873,8.242 14.863,8.608L14.543,19.272C14.533,19.648 14.799,19.943 15.16,19.943ZM8.851,19.943C9.212,19.943 9.478,19.648 9.468,19.272L9.138,8.608C9.127,8.242 8.851,7.947 8.521,7.947C8.159,7.947 7.893,8.232 7.904,8.608L8.223,19.282C8.233,19.668 8.489,19.943 8.851,19.943ZM12,19.943C11.659,19.943 11.361,19.648 11.361,19.282L11.361,8.608C11.361,8.242 11.659,7.947 12,7.947C12.351,7.947 12.649,8.242 12.649,8.608L12.649,19.282C12.649,19.648 12.351,19.943 12,19.943Z" style="fill:rgb(161, 0, 0)"/></svg>');
  /*position: absolute;
  top: 16px;
  right: 7px;*/
  position: relative;
  top: -5px;
  display: flex;
  width: var(--icon-size);
  height: var(--icon-size);
  align-items: center;
  margin: 0;
  cursor: pointer;
}
form.xm-form .CXUpload .ajax-upload ~ .ajax-progress .ajax-remove::before, form.xm-form .CXUpload .ajax-upload ~ .ajax-progress .ajax-remove::after {
  content: none;
}
form.xm-form .CXUpload .ajax-upload ~ .ajax-progress .ajax-status {
  overflow: hidden;
  background-color: var(--color-on-background-10);
  border-radius: var(--border-radius);
}
form.xm-form .CXUpload .ajax-upload ~ .ajax-progress .ajax-pbars {
  width: 100%;
  flex-basis: auto;
  border: 0;
}
form.xm-form .CXUpload .ajax-upload ~ .ajax-progress .ajax-pbar-pos {
  background-color: var(--color-accent);
  border-radius: var(--border-radius);
}
form.xm-form .CXUpload .ajax-upload ~ .ajax-progress .ajax-pbar-counter {
  width: 100%;
}
form.xm-form .CXUpload .ajax-upload ~ .ajax-progress .ajax-pbar-neg {
  background-color: transparent;
}
form.xm-form .CXUpload .ajax-upload ~ .ajax-progress .ajax-pbar-neg .ajax-pbar-counter {
  display: none;
}
form.xm-form .CXUpload .ajax-progress ~ .xm-upl-wrapper .xm-upl-label {
  display: none;
}
form.xm-form .CXUpload.error .ajax-upload {
  font-size: 18px;
  line-height: 2;
  z-index: 1;
  display: flex;
  width: 100%;
  padding: var(--padding-text-field);
  background-color: var(--color-background);
  border: 1px solid var(--color-white);
  border-radius: var(--border-radius);
  transition: background-color var(--transition-time), border-color var(--transition-time);
  margin-top: var(--margin-form-elements);
}
form.xm-form .CXUpload.error .ajax-upload:not([readonly]):not([disabled]):focus {
  background-color: var(--color-white);
  border-color: var(--border-color);
  transition: background-color var(--transition-time), border-color var(--transition-time) ease var(--transition-time);
}
form.xm-form .CXUpload.error .ajax-upload:not([readonly]):not([disabled]):invalid {
  border-color: var(--color-danger);
}
form.xm-form .CXUpload.error .ajax-upload[readonly], form.xm-form .CXUpload.error .ajax-upload[disabled] {
  color: var(--color-on-background-50);
  border-color: var(--border-color-disabled);
  cursor: not-allowed;
}
form.xm-form .CXUpload.error .ajax-upload[readonly] ~ label, form.xm-form .CXUpload.error .ajax-upload[disabled] ~ label {
  color: var(--color-on-background-50);
}
form.xm-form .CXUpload.error .ajax-upload[class*=-followup]::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXUpload.error .ajax-upload[class*=-followup]::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXUpload.error .ajax-upload[class*=-followup]:focus::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}
form.xm-form .CXUpload.error .ajax-upload[class*=-followup]:focus::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
  transition: opacity var(--transition-time);
}

form.xm-form .error-static-view.error-static-view-bubble .error > .XItem {
  border-color: var(--color-danger);
  box-shadow: 0 0 0 1px var(--color-danger);
}
form.xm-form .error-static-view.error-static-view-bubble .error > .XItem.XRadio, form.xm-form .error-static-view.error-static-view-bubble .error > .XItem.Checkbox {
  border: 0;
  box-shadow: none;
}
form.xm-form .error-static-view.error-static-view-bubble .error > .xm-error-container {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 10px 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M12.006,23C18.019,23 23,18.019 23,11.994C23,5.981 18.008,1 11.994,1C5.981,1 1,5.981 1,11.994C1,18.019 5.992,23 12.006,23Z" style="fill:rgb(255, 255, 255);"/><path d="M11.069,12.343C11.092,12.937 11.417,13.262 12,13.262C12.56,13.262 12.885,12.948 12.908,12.343L13.065,7.243C13.087,6.637 12.605,6.2 11.989,6.2C11.361,6.2 10.901,6.637 10.924,7.231L11.069,12.343ZM10.6,16.389C10.6,17.196 11.268,17.789 12,17.789C12.732,17.789 13.4,17.21 13.4,16.389C13.4,15.568 12.745,14.989 12,14.989C11.255,14.989 10.6,15.581 10.6,16.389Z" style="fill:rgba(192,0,0);"/></svg>');
  position: relative;
  display: block;
  margin-top: 30px;
  padding: 5px 15px 5px 40px;
  background-color: var(--color-danger);
  border-radius: var(--border-radius);
}
form.xm-form .error-static-view.error-static-view-bubble .error > .xm-error-container::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 40px;
  border-style: solid;
  border-width: 0 10px 10px;
  border-color: var(--color-danger) transparent;
}
form.xm-form .error-static-view.error-static-view-bubble .error > .XTextField ~ .xm-error-container {
  margin-top: -1px;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  box-shadow: 0 0 0 1px var(--color-danger);
}
form.xm-form .error-static-view.error-static-view-bubble .xm-error-container .xm-error-icon {
  background: none;
}
form.xm-form .error-static-view.error-static-view-bubble .xm-error-container .xm-error-text {
  margin-top: 0;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
form.xm-form .error-static-view.error-static-view-bubble .xm-error-container .xm-error-text li {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--color-white);
}
form.xm-form .error .XCheckbox [class*=label-icon-],
form.xm-form .error .XRadio [class*=label-icon-] {
  border-color: var(--color-danger);
  box-shadow: inset 0 0 5px var(--color-danger);
}

form.xm-form fieldset {
  padding: calc(var(--padding-form) * 0.5) var(--padding-form);
  border: 1px solid var(--color-on-background-60);
  border-radius: var(--border-radius-large);
}
form.xm-form fieldset legend {
  font-size: 18px;
  line-height: 25px;
  color: var(--color-on-background-100);
  margin-right: auto !important;
  margin-left: var(--margin-form-elements);
  padding: 0 5px;
  font-weight: 500;
}
form.xm-form fieldset .xm-item-div {
  padding-right: var(--margin-form-elements);
  padding-left: var(--margin-form-elements);
}

form.xm-form .loading {
  display: block;
}
form.xm-form .loading::before {
  content: "";
  position: absolute;
  top: calc(50% - 22px);
  left: calc(50% - 22px);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 3px solid var(--color-brand);
}
form.xm-form .loading::after {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  left: calc(50% - 32px);
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: var(--color-brand);
  border: 2px solid var(--color-white);
  transform-origin: 32px;
  animation: loadingA 2.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
form.xm-form .loading .animation {
  background-image: none;
  animation: none;
}
form.xm-form .loading .animation::before {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  left: calc(50% - 32px);
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: var(--color-brand);
  border: 2px solid var(--color-white);
  transform-origin: 32px;
  animation: loadingB 5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
form.xm-form .loading .animation::after {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  left: calc(50% - 32px);
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: var(--color-brand);
  border: 2px solid var(--color-white);
  transform-origin: 32px;
  animation: loadingC 5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
@keyframes loadingA {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loadingB {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(600deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}
@keyframes loadingC {
  0% {
    transform: rotate(240deg);
  }
  50% {
    transform: rotate(720deg);
  }
  100% {
    transform: rotate(1320deg);
  }
}

.ui-datepicker {
  z-index: 100 !important;
}

form.xm-form .xm-help-container {
  position: absolute;
  top: 17px;
  right: 0;
  z-index: 2;
  width: var(--icon-size);
  height: var(--icon-size);
}
form.xm-form .xm-help-container:focus .xm-help-icon .xm-help-text {
  display: none;
}
form.xm-form .xm-help-container.xm-clicked {
  z-index: 100;
}
form.xm-form .xm-help-container.xm-clicked .xm-help-icon .xm-help-text {
  display: block !important;
}
form.xm-form .xm-help-container .xm-help-open-button {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M17.549,2.491C15.854,1.497 14.013,1 12.024,1C10.036,1 8.199,1.489 6.512,2.467C4.826,3.444 3.493,4.773 2.516,6.451C1.505,8.146 1,9.987 1,11.976C1,13.964 1.497,15.813 2.491,17.524C3.469,19.187 4.789,20.507 6.451,21.484C8.146,22.479 9.991,22.976 11.988,22.976C13.984,22.976 15.826,22.487 17.512,21.509C19.199,20.531 20.531,19.211 21.509,17.549C22.503,15.854 23,14.009 23,12.012C23,10.016 22.511,8.174 21.533,6.488C20.556,4.801 19.227,3.469 17.549,2.491ZM13.736,19.284L10.24,19.284L10.24,10.044L13.736,10.044L13.736,19.284ZM12,8.431C11.446,8.431 10.977,8.252 10.594,7.893C10.211,7.535 10.02,7.079 10.02,6.524C10.02,5.97 10.211,5.518 10.594,5.168C10.977,4.817 11.446,4.642 12,4.642C12.554,4.642 13.023,4.817 13.406,5.168C13.789,5.518 13.98,5.97 13.98,6.524C13.98,7.079 13.789,7.535 13.406,7.893C13.023,8.252 12.554,8.431 12,8.431Z" style="fill:rgb(0, 94, 82);"/></svg>');
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
form.xm-form .xm-help-container .xm-help-close-button {
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M23,5.433L18.567,1L12,7.567L5.433,1L1,5.433L7.567,12L1,18.567L5.433,23L12,16.433L18.567,23L23,18.567L16.433,12L23,5.433Z" style="fill:rgb(0, 0, 0)"/></svg>');
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
form.xm-form .xm-help-container .xm-help-icon {
  background: none;
}
form.xm-form .xm-help-container .xm-help-text {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 9000 !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 0 !important;
  max-height: 100vh;
  margin: 0 !important;
  padding: 8px 25px 5px 10px !important;
  background-color: #ffe6a3 !important;
  color: rgb(0, 0, 0) !important;
  text-align: left !important;
  word-wrap: break-word !important;
  border: 1px solid #ffe6a3 !important;
  border-radius: var(--border-radius) !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: auto;
}
@media (min-width: 100px) {
  form.xm-form .xm-help-container .xm-help-text {
    position: relative !important;
    top: auto !important;
    right: -20px !important;
    bottom: calc(100% + 45px) !important;
    left: auto !important;
    width: 280px !important;
    max-width: 280px !important;
  }
  form.xm-form .xm-help-container .xm-help-text.xm-help-open-bottom {
    top: calc(100% - 15px) !important;
    bottom: auto !important;
  }
  form.xm-form .xm-help-container .xm-help-text.xm-help-open-bottom::after {
    top: auto;
    bottom: 100%;
    border-color: transparent transparent #ffe6a3;
  }
}
form.xm-form .xm-help-container .xm-help-text::before {
  display: none;
}
form.xm-form .xm-help-container .xm-help-text::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 7px;
  bottom: auto;
  border-style: solid;
  border-width: 10px;
  border-color: #ffe6a3 transparent transparent;
}
@media (min-width: 769px) {
  form.xm-form .xm-help-container .xm-help-text.xm-help-open-right {
    right: auto !important;
    left: 0 !important;
  }
}
form.xm-form .xm-help-container .xm-help-text.xm-help-open-right::after {
  right: auto;
  left: 7px;
}
form.xm-form .xm-help-container .xm-help-text-inner {
  scrollbar-width: auto;
  scrollbar-color: var(--color-on-background-50) transparent;
  overflow-y: auto;
  max-height: 100vh;
}
form.xm-form .xm-help-container .xm-help-text-inner::-webkit-scrollbar {
  width: 8px;
}
form.xm-form .xm-help-container .xm-help-text-inner::-webkit-scrollbar-track {
  background-color: transparent;
}
form.xm-form .xm-help-container .xm-help-text-inner::-webkit-scrollbar-thumb {
  background-color: var(--color-on-background-50);
  border-radius: 1rem;
}
@media (min-width: 769px) {
  form.xm-form .xm-help-container .xm-help-text-inner {
    max-height: 280px;
  }
}
form.xm-form .xm-has-help {
  position: relative;
}
form.xm-form .xm-has-help .XItem {
  /*background-image: none !important;*/
  background-position: right;
  background-position-x: 93%;
}
form.xm-form .xm-has-help .XSpan {
  padding-right: 3rem;
}
form.xm-form .xm-wrap-label-and-helptext {
  display: flex;
  align-items: center;
  order: -1;
}
form.xm-form .xm-wrap-label-and-helptext label.label-followup {
  position: static;
}
form.xm-form .xm-wrap-label-and-helptext .xm-help-container {
  position: static;
}

form.xm-form .CXNavigationBar .label-top {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
form.xm-form .CXNavigationBar .xnav-step {
  text-align: center;
}
form.xm-form .CXNavigationBar .xnav-step.active .xnav-view {
  background-color: transparent !important;
}
form.xm-form .CXNavigationBar .xnav-step.active .xnav-view::after {
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 50% 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M10.405,1L18.49,10.68C18.82,11.065 18.985,11.51 18.985,12.014C18.985,12.518 18.829,12.953 18.518,13.32L10.378,23L5.015,23L14.228,12L5.015,1L10.405,1Z" style="fill:rgb(255, 255, 255)"/></svg>');
}
@media (min-width: 769px) {
  form.xm-form .CXNavigationBar .xnav-step.active .xnav-view::after {
    background-size: 18px 18px;
  }
}
form.xm-form .CXNavigationBar .xnav-step.active .xnav-link {
  font-weight: 400;
  color: var(--color-black);
}
form.xm-form .CXNavigationBar .xnav-step.active ~ .xnav-step {
  opacity: 0.2;
}
form.xm-form .CXNavigationBar .xnav-step.active ~ .xnav-step .xnav-view::after {
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 50% 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M10.405,1L18.49,10.68C18.82,11.065 18.985,11.51 18.985,12.014C18.985,12.518 18.829,12.953 18.518,13.32L10.378,23L5.015,23L14.228,12L5.015,1L10.405,1Z" style="fill:rgb(255, 255, 255)"/></svg>');
}
@media (min-width: 769px) {
  form.xm-form .CXNavigationBar .xnav-step.active ~ .xnav-step .xnav-view::after {
    background-size: 18px 18px;
  }
}
form.xm-form .CXNavigationBar .xnav-view {
  position: relative;
  height: 2px;
  margin: 0 0 20px;
  background-color: transparent;
}
@media (min-width: 769px) {
  form.xm-form .CXNavigationBar .xnav-view {
    margin-bottom: 40px;
  }
}
form.xm-form .CXNavigationBar .xnav-view::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--color-accent);
  transform: translateX(-100%) translateX(12.5px);
}
@media (min-width: 769px) {
  form.xm-form .CXNavigationBar .xnav-view::before {
    transform: translateX(-100%) translateX(25px);
  }
}
form.xm-form .CXNavigationBar .xnav-view::after {
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 50% 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M8.309,14.993L1,8.86L1,16.058L6.546,20.686C7.036,21.127 7.617,21.347 8.29,21.347C8.964,21.347 9.558,21.127 10.072,20.686L23,9.888L23,2.653L8.309,14.993Z" style="fill:white;"/></svg>');
  content: "";
  position: absolute;
  z-index: 2;
  width: 25px;
  height: 25px;
  color: var(--color-white);
  background-color: var(--color-accent);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 769px) {
  form.xm-form .CXNavigationBar .xnav-view::after {
    width: 50px;
    height: 50px;
    background-size: 18px 18px;
  }
}
form.xm-form .CXNavigationBar .xnav-link {
  display: block !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-accent);
}
@media (min-width: 769px) {
  form.xm-form .CXNavigationBar .xnav-link {
    font-size: 16px;
  }
}

form.xm-form .CXButtonList {
  flex-wrap: wrap;
  gap: var(--margin-form-elements);
}
form.xm-form .CXButtonList.xm-item-div {
  flex-direction: row;
}
form.xm-form .CXButtonList.xm-t-left {
  justify-content: flex-start;
}
form.xm-form .CXButtonList.xm-t-center {
  align-items: center;
  justify-content: center;
}
form.xm-form .CXButtonList.xm-t-right {
  justify-content: flex-end;
}
form.xm-form .CXButtonList.cstickyBtn, form.xm-form .CXButtonList.xm-sticky {
  position: sticky;
  top: var(--margin-form-elements);
  bottom: var(--margin-form-elements);
  z-index: 10;
  pointer-events: none;
}
form.xm-form .CXButtonList.cstickyBtn .XButtonList, form.xm-form .CXButtonList.xm-sticky .XButtonList {
  pointer-events: auto;
}
form.xm-form .XButtonList {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
  color: var(--color-white);
  padding: 7.5px 30px;
  background-color: var(--color-brand);
  border: 1px solid var(--color-brand);
  border-radius: var(--border-radius);
  transition: var(--transition-time);
  cursor: pointer;
}
form.xm-form .XButtonList[disabled] {
  color: var(--color-on-background-50);
  background-color: var(--color-on-background-20);
  border-color: var(--color-on-background-20);
  cursor: not-allowed;
}
form.xm-form .XButtonList:hover:not(:disabled), form.xm-form .XButtonList:focus:not(:disabled) {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
}

form.xm-form a {
  color: var(--color-highlight);
  text-decoration: none;
}
form.xm-form a:hover, form.xm-form a:focus {
  color: var(--color-accent);
  text-decoration: underline;
}

.CXFooter, .CXHeader {
  background-color: #fff;
}

form.xm-form .CXHeader.xm-w100 {
  width: auto !important;
}
form.xm-form .CXHeader .xm-item-div {
  padding: 0;
}
form.xm-form .CXHeader .XItem {
  min-width: auto !important;
}
form.xm-form .CXHeader h1 {
  margin: calc(var(--padding-form) * 0.5) 0;
}

form.xm-form .XPage .box-info,
form.xm-form .XPage .box-warn,
form.xm-form .XPage .box-check,
form.xm-form .XPage .box-error,
form.xm-form .XPage .box-hint {
  margin-bottom: var(--padding-form);
  padding: var(--padding-form);
  border: 1px solid;
  border-radius: var(--border-radius);
}
form.xm-form .XPage .box-info h1,
form.xm-form .XPage .box-info h2,
form.xm-form .XPage .box-info h3,
form.xm-form .XPage .box-info h4,
form.xm-form .XPage .box-info h5,
form.xm-form .XPage .box-warn h1,
form.xm-form .XPage .box-warn h2,
form.xm-form .XPage .box-warn h3,
form.xm-form .XPage .box-warn h4,
form.xm-form .XPage .box-warn h5,
form.xm-form .XPage .box-check h1,
form.xm-form .XPage .box-check h2,
form.xm-form .XPage .box-check h3,
form.xm-form .XPage .box-check h4,
form.xm-form .XPage .box-check h5,
form.xm-form .XPage .box-error h1,
form.xm-form .XPage .box-error h2,
form.xm-form .XPage .box-error h3,
form.xm-form .XPage .box-error h4,
form.xm-form .XPage .box-error h5,
form.xm-form .XPage .box-hint h1,
form.xm-form .XPage .box-hint h2,
form.xm-form .XPage .box-hint h3,
form.xm-form .XPage .box-hint h4,
form.xm-form .XPage .box-hint h5 {
  margin-top: 0;
  color: inherit;
}
form.xm-form .XPage .box-info {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: calc(100% - var(--padding-text-field-right)) calc(var(--padding-form) - 4px);
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M17.549,2.491C15.854,1.497 14.013,1 12.024,1C10.036,1 8.199,1.489 6.512,2.467C4.826,3.444 3.493,4.773 2.516,6.451C1.505,8.146 1,9.987 1,11.976C1,13.964 1.497,15.813 2.491,17.524C3.469,19.187 4.789,20.507 6.451,21.484C8.146,22.479 9.991,22.976 11.988,22.976C13.984,22.976 15.826,22.487 17.512,21.509C19.199,20.531 20.531,19.211 21.509,17.549C22.503,15.854 23,14.009 23,12.012C23,10.016 22.511,8.174 21.533,6.488C20.556,4.801 19.227,3.469 17.549,2.491ZM13.736,19.284L10.24,19.284L10.24,10.044L13.736,10.044L13.736,19.284ZM12,8.431C11.446,8.431 10.977,8.252 10.594,7.893C10.211,7.535 10.02,7.079 10.02,6.524C10.02,5.97 10.211,5.518 10.594,5.168C10.977,4.817 11.446,4.642 12,4.642C12.554,4.642 13.023,4.817 13.406,5.168C13.789,5.518 13.98,5.97 13.98,6.524C13.98,7.079 13.789,7.535 13.406,7.893C13.023,8.252 12.554,8.431 12,8.431Z" style="fill:rgb(0, 94, 82);"/></svg>');
  background-color: var(--color-info-accent-10);
  border-color: var(--color-info-accent-20);
}
form.xm-form .XPage .box-warn {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: calc(100% - var(--padding-text-field-right)) calc(var(--padding-form) - 4px);
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M12.006,23C18.019,23 23,18.019 23,11.994C23,5.981 18.008,1 11.994,1C5.981,1 1,5.981 1,11.994C1,18.019 5.992,23 12.006,23Z" style="fill:rgb(243,211,76);"/><path d="M11.069,12.343C11.092,12.937 11.417,13.262 12,13.262C12.56,13.262 12.885,12.948 12.908,12.343L13.065,7.243C13.087,6.637 12.605,6.2 11.989,6.2C11.361,6.2 10.901,6.637 10.924,7.231L11.069,12.343ZM10.6,16.389C10.6,17.196 11.268,17.789 12,17.789C12.732,17.789 13.4,17.21 13.4,16.389C13.4,15.568 12.745,14.989 12,14.989C11.255,14.989 10.6,15.581 10.6,16.389Z" style="fill:rgb(33,33,33);"/></svg>');
  background-color: var(--color-warning-accent-10);
  border-color: var(--color-warning-accent-20);
}
form.xm-form .XPage .box-check {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: calc(100% - var(--padding-text-field-right)) calc(var(--padding-form) - 4px);
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M8.309,14.993L1,8.86L1,16.058L6.546,20.686C7.036,21.127 7.617,21.347 8.29,21.347C8.964,21.347 9.558,21.127 10.072,20.686L23,9.888L23,2.653L8.309,14.993Z" style="fill:white;"/></svg>');
  background-color: var(--color-success-accent-10);
  border-color: var(--color-success-accent-20);
}
form.xm-form .XPage .box-error {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: calc(100% - var(--padding-text-field-right)) calc(var(--padding-form) - 4px);
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M20.365,22.266C21.975,22.266 23,21.095 23,19.62C23,19.181 22.887,18.742 22.651,18.326L14.274,3.34C13.79,2.462 12.901,2 12,2C11.111,2 10.21,2.45 9.726,3.34L1.36,18.337C1.113,18.742 1,19.181 1,19.62C1,21.095 2.025,22.266 3.635,22.266L20.365,22.266Z" style="fill:rgb(214,46,66);"/><path d="M12.001,18.889C11.359,18.889 10.773,18.405 10.773,17.718C10.773,17.042 11.348,16.547 12.001,16.547C12.654,16.547 13.228,17.031 13.228,17.718C13.228,18.405 12.642,18.889 12.001,18.889ZM12,14.936C11.425,14.936 11.099,14.61 11.076,14.013L10.919,8.879C10.896,8.282 11.358,7.843 11.988,7.843C12.619,7.843 13.092,8.294 13.069,8.89L12.912,14.013C12.889,14.621 12.563,14.936 12,14.936Z" style="fill:white;"/></svg>');
  background-color: var(--color-danger-accent-10);
  border-color: var(--color-danger-accent-20);
}
form.xm-form .XPage .box-hint {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: calc(100% - var(--padding-text-field-right)) calc(var(--padding-form) - 4px);
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M12,23C13.509,23 14.927,22.711 16.255,22.134C17.583,21.557 18.752,20.763 19.763,19.752C20.774,18.741 21.567,17.574 22.14,16.25C22.713,14.925 23,13.509 23,12C23,10.491 22.713,9.075 22.14,7.751C21.567,6.426 20.773,5.257 19.758,4.242C18.743,3.228 17.572,2.433 16.244,1.86C14.916,1.287 13.498,1 11.989,1C10.495,1 9.084,1.287 7.756,1.86C6.428,2.433 5.257,3.228 4.242,4.242C3.228,5.257 2.433,6.426 1.86,7.751C1.287,9.075 1,10.491 1,12C1,13.509 1.289,14.925 1.866,16.25C2.443,17.574 3.237,18.741 4.248,19.752C5.259,20.763 6.428,21.557 7.756,22.134C9.084,22.711 10.499,23 12,23ZM6.614,17.036C6.47,17.036 6.344,16.991 6.234,16.9C6.125,16.81 6.07,16.659 6.07,16.447L6.07,8.367C6.199,8.111 6.41,7.875 6.704,7.66C6.998,7.445 7.345,7.275 7.745,7.151C8.145,7.026 8.571,6.964 9.024,6.964C9.605,6.964 10.127,7.081 10.591,7.315C11.055,7.549 11.386,7.843 11.582,8.197L11.582,16.957C11.544,16.957 11.474,16.925 11.372,16.86C11.27,16.796 11.197,16.749 11.152,16.719C11.054,16.659 10.92,16.585 10.75,16.498C10.58,16.412 10.378,16.334 10.144,16.266C9.911,16.198 9.635,16.165 9.318,16.165C8.79,16.165 8.337,16.24 7.96,16.391C7.583,16.542 7.308,16.693 7.134,16.844C7.066,16.896 6.993,16.942 6.913,16.979C6.834,17.017 6.734,17.036 6.614,17.036ZM17.398,17.036C17.278,17.036 17.177,17.017 17.098,16.979C17.019,16.942 16.946,16.896 16.878,16.844C16.704,16.693 16.429,16.542 16.052,16.391C15.674,16.24 15.222,16.165 14.694,16.165C14.384,16.165 14.111,16.198 13.873,16.266C13.635,16.334 13.434,16.412 13.268,16.498C13.102,16.585 12.97,16.659 12.871,16.719C12.819,16.757 12.743,16.81 12.645,16.877C12.547,16.945 12.479,16.979 12.441,16.979L12.441,8.197C12.645,7.843 12.975,7.549 13.432,7.315C13.888,7.081 14.407,6.964 14.988,6.964C15.44,6.964 15.867,7.026 16.267,7.151C16.666,7.275 17.013,7.445 17.308,7.66C17.602,7.875 17.813,8.111 17.941,8.367L17.941,16.447C17.941,16.659 17.887,16.81 17.777,16.9C17.668,16.991 17.542,17.036 17.398,17.036Z" style="fill:rgb(85,104,119);"/></svg>');
  background-color: var(--color-hint-accent-10);
  border-color: var(--color-hint-accent-20);
}

form.xm-form .dynamic-row {
  display: flex;
  flex-direction: column;
}
form.xm-form .dynamic-row[data-dynamic-row]:not([data-dynamic-row="0"]) {
  position: relative;
  margin-top: 32px;
}
form.xm-form .dynamic-row[data-dynamic-row]:not([data-dynamic-row="0"]) > .label-followup:not(.xm-help-container):not(.label-none) {
  margin-top: -12px;
}
form.xm-form .dynamic-row[data-dynamic-row]:not([data-dynamic-row="0"]) > .xm-help-container::before {
  transform: translateY(-12px);
}
form.xm-form .add-button {
  float: none;
}
form.xm-form .add-button.dyn-icon {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 0 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M12.002,0C18.629,0 24,5.372 24,12.002C24,18.629 18.628,24 12.002,24C5.375,24 0,18.628 0,12.002C0,5.372 5.374,0 12.002,0Z" style="fill:rgb(0, 94, 82);"/><path d="M13.028,13.028L13.028,16.97C13.028,17.539 12.567,18 11.999,18C11.43,18 10.969,17.539 10.969,16.97L10.969,13.028L7.03,13.028C6.461,13.028 6,12.567 6,11.998C6,11.429 6.461,10.968 7.03,10.968L10.969,10.968L10.969,7.03C10.969,6.461 11.43,6 11.999,6C12.567,6 13.028,6.461 13.028,7.03L13.028,10.968L16.97,10.968C17.539,10.968 18,11.429 18,11.998C18,12.567 17.539,13.028 16.97,13.028L13.028,13.028Z" style="fill:white;"/></svg>');
  position: static !important;
  display: flex;
  width: 100% !important;
  height: var(--icon-size);
  align-items: center;
  margin: 0;
  cursor: pointer;
}
form.xm-form .add-button.dyn-icon::after {
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
  color: var(--color-brand);
  content: attr(title);
  display: flex;
  margin-left: 30px;
}
form.xm-form .add-button.dyn-icon[disabled=disabled] {
  display: none !important;
}
form.xm-form .xm-del-button-container {
  order: 5;
  width: 100% !important;
}
form.xm-form .xm-del-button-container[data-clone="0"] {
  display: none !important;
}
form.xm-form .xm-del-button-icon.dyn-del-button {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 0 50%;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M12.002,0C18.629,0 24,5.372 24,12.002C24,18.629 18.628,24 12.002,24C5.375,24 0,18.628 0,12.002C0,5.372 5.374,0 12.002,0Z" style="fill:rgb(214, 46, 66);"/><path d="M7.03,13.028L16.97,13.028C17.539,13.028 18,12.567 18,11.998C18,11.429 17.539,10.968 16.97,10.968L7.03,10.968C6.461,10.968 6,11.429 6,11.998C6,12.567 6.461,13.028 7.03,13.028Z" style="fill:white;fill-rule:nonzero;"/></svg>');
  position: static !important;
  display: flex !important;
  width: 100% !important;
  height: var(--icon-size);
  align-items: center;
  margin: 0;
  cursor: pointer;
}
form.xm-form .xm-del-button-icon.dyn-del-button::after {
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
  color: var(--color-danger);
  content: attr(title);
  display: flex;
  margin-left: 30px;
}
form.xm-form.xm-context-designer .dynamic-row[data-dynamic-row="0"] > .xm-help-container::before {
  transform: translateY(-12px);
}

/*# sourceMappingURL=website.css.map */

form.xm-form .loading {
  display: block;
}
form.xm-form .loading::before {
  content: "";
  position: absolute;
  top: calc(50% - 22px);
  left: calc(50% - 22px);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 3px solid var(--color-brand);
}
form.xm-form .loading::after {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  left: calc(50% - 32px);
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: var(--color-brand);
  border: 2px solid var(--color-white);
  transform-origin: 32px;
  animation: loadingA 2.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
form.xm-form .loading .animation {
  background-image: none;
  animation: none;
}
form.xm-form .loading .animation::before {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  left: calc(50% - 32px);
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: var(--color-brand);
  border: 2px solid var(--color-white);
  transform-origin: 32px;
  animation: loadingB 5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
form.xm-form .loading .animation::after {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  left: calc(50% - 32px);
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: var(--color-brand);
  border: 2px solid var(--color-white);
  transform-origin: 32px;
  animation: loadingC 5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
@keyframes loadingA {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loadingB {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(600deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}
@keyframes loadingC {
  0% {
    transform: rotate(240deg);
  }
  50% {
    transform: rotate(720deg);
  }
  100% {
    transform: rotate(1320deg);
  }
}