.givaudan-webform-modal.ui-dialog,
.ui-widget-content[data-once="subscription-box-modal"] {
  background-color: var(--grey-extra-light);
  border: 0;
  border-radius: 0;
  overflow-x: scroll;
}

.givaudan-webform-modal.ui-dialog .ui-dialog-titlebar {
  min-height: 2.5rem;
  border: 0;
  background-color: transparent;
}

.givaudan-webform-modal.ui-dialog .ui-dialog-title {
  display: none;
}

.givaudan-webform-modal.ui-dialog .ui-dialog-titlebar-close {
  background-image: url("../images/icons/ico_close2.svg");
  background-position: 0 0;
  height: 54px;
  width: 54px;
  top: 10px;
  right: 10px;
  transform: scale(0.6);
}

.givaudan-webform-modal .ui-button .ui-icon-closethick {
  display: none;
}

.givaudan-webform-modal .webform-ajax-form-wrapper {
  max-width: 320px;
  margin: auto;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none !important;
}

.givaudan-webform-modal.ui-dialog .ui-dialog-buttonpane {
  border: 0;
  background-color: transparent;
  padding: 0 0 45px;
  width: 335px;
  margin: auto;
  text-align: center;
}

.ui-dialog .ui-dialog-buttonpane button {
  padding: 5px 20px 7px;
  color: #fff;
  font-size: 13px;
  font-family: "Fedra Sans Alt Demi 2", "FedraSansDemi", Verdana, Times, Courier,
    sans-serif;
  line-height: 20px;
  border-radius: 0;
  border: none;
}

div.ui-widget-overlay {
  background-color: #000000;
  opacity: 0.7;
}

textarea {
  border-color: var(--grey);
}

.givaudan-webform-modal .webform-submission-form label,
.page-node-type-webform .webform-submission-form label,
.webform-submission-form label {
  font-size: var(--font-body-small);
}

.js-form-item.form-item.js-form-type-tel.form-type-tel .iti {
  width: 100%;
}

.givaudan-webform-modal
  .webform-submission-form
  input:not(.form-checkbox, .form-radio, .form-submit, .select2-search__field),
.page-node-type-webform
  .webform-submission-form
  input:not(.form-checkbox, .form-radio, .form-submit, .select2-search__field),
.webform-submission-form
  input:not(.form-checkbox, .form-radio, .form-submit, .select2-search__field) {
  display: block;
  height: 40px;
  width: 100%;
  background: #ffffff;
  border-radius: 0;
  padding: 10px 20px;
  border: 1px solid var(--grey);
  font-size: var(--font-body-small);
  line-height: var(--line-height-small);
  letter-spacing: 0;
  color: #000;
  min-height: 40px;
  box-sizing: border-box;
}

.givaudan-webform-modal .webform-submission-form input:not(.form-checkbox, .form-radio, .form-submit, .select2-search__field).form-tel,
.givaudan-webform-modal .webform-submission-form input.form-tel,
.page-node-type-webform .webform-submission-form input.form-tel,
.webform-submission-form input.form-tel {
  padding-left: 45px;
}

.givaudan-webform-modal .form-type-checkbox,
.givaudan-webform-modal .form-type-radio {
  display: flex;
}

.givaudan-webform-modal .webform-element-description,
.page-node-type-webform .webform-element-description {
  font-size: var(--font-body-small);
  line-height: var(--line-height-small);
}

form.webform-submission-form .form-type-radio .description,
form.webform-submission-form .form-type-checkbox .description,
form.webform-submission-form .form-type-radio label {
  font-size: 12px;
  line-height: 15px;
  margin-left: 10px;
  display: inline-flex;
}

form.webform-submission-form .select2-container.select2-container--open {
  border: 1px solid #1955af !important;
}

form.webform-submission-form
  .select2-container.select2-container--open.select2-container--below {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.webform-confirmation-modal.ui-dialog .ui-dialog-titlebar {
  border-bottom: 0;
  min-height: 40px;
  background-color: #ffffff;
}

.webform-confirmation-modal.ui-dialog
  .ui-dialog-titlebar
  .ui-dialog-titlebar-close {
  background-image: url("../images/icons/ico_close2.svg");
  background-position: 0 0;
  height: 54px;
  width: 54px;
  top: 10px;
  right: 10px;
  transform: scale(0.6);
}

.page-node-type-webform .webform-element-description,
.webform-element-description {
  margin-top: -0.25rem;
}

@media (min-width: 768px) and (min-height: 500px) {
  .givaudan-webform-modal.ui-dialog {
    width: 430px !important;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 100%;
  }
}

.givaudan-webform-modal #drupal-modal {
  min-height: 100%;
  max-height: 100% !important;
  overflow-y: hidden;
}

@media (max-width: 767px) {
  .givaudan-webform-modal.ui-dialog {
    width: var(--doc-width) !important;
  }

  .givaudan-webform-modal #drupal-modal {
    height: 500px !important;
    max-height: calc(0.8 * var(--doc-height)) !important;
    overflow-y: auto;
  }
}

/* mesages*/
.webform-submission-form #messages-wrapper,
.webform-client-form #messages-wrapper {
  width: 320px;
  left: 0;
  right: 0;
  margin: auto;
}

.webform-submission-form #messages-wrapper li.messages__list,
.webform-client-form #messages-wrapper li.messages__list {
  font-size: 16px;
  line-height: 24px;
}

.webform-submission-form #messages-wrapper .messages .close {
  top: 10px !important;
  right: 10px !important;
  width: 30px;
  height: 30px;
}

.ui-dialog.webform-confirmation-modal {
  padding: 20px;
}

.webform-submission-form #messages-wrapper .messages .close:before {
  padding: 3px 0px;
}

.webform-confirmation-modal .ui-dialog-title {
  font-family: "Fedra Serif B Demi 2", "FedraSerifDemi", Georgia, Tahoma,
    Trebuchet MS, sans-serif;
  font-size: 32px;
  font-weight: normal;
}

.webform-submission-webform-12686-form .js-form-item-to {
  display: none;
}

/*** New ***/
.ui-dialog .ui-dialog-buttonpane button {
  font-family: var(--text-font);
}

.webform-confirmation-modal .ui-dialog-title {
  font-family: var(--text-font);
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 600;
  white-space: break-spaces;
  margin: 0;
  padding-bottom: 0.5rem;
}

form.webform-submission-form{
  font-size: 12px;
  line-height: 15px;
  font-family: var(--text-font);
}

form.webform-submission-form .form-item,
form.webform-submission-form .form-actions {
  width: 320px !important;
  margin-right: auto !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  margin-bottom: 0.75rem;
  line-height: initial;
}

form.webform-submission-form .form-item select,
form.webform-submission-form .select2-container {
  width: 100%;
  height: 40px;
  border: 1px solid var(--grey);
  font-size: var(--font-body-small);
  padding: 0 1rem;
  background-color: #ffffff;
}

.webform-ajax-form-wrapper
  > form.webform-submission-form
  .select2-container--default
  .select2-selection--multiple {
  height: 100%;
}

form.webform-submission-form
  .select2-container--default
  .select2-selection--multiple {
  border: none;
}

.webform-ajax-form-wrapper
  > form.webform-submission-form
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow,
.webform-ajax-form-wrapper
  > div
  > form.webform-submission-form
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 6px;
}

.webform-ajax-form-wrapper
  > form.webform-submission-form
  .select2-container--default
  .select2-selection--single,
.webform-ajax-form-wrapper
  > div
  > form.webform-submission-form
  .select2-container--default
  .select2-selection--single {
  top: 0;
}

form.webform-submission-form
  .select2-container--default
  .select2-selection--single {
  height: auto;
  width: 100%;
  border: 0;
  top: 4px;
  position: relative;
}

#main-content
  .field--name-body
  form.webform-submission-form
  ul:not(.slick-dots) {
  padding-left: 0;
  margin: 0;
}

.givaudan-webform-modal .webform-element-description,
.page-node-type-webform .webform-element-description,
form.webform-submission-form .form-item input[type="text"],
form.webform-submission-form .form-item textarea,
form.webform-submission-form .form-item input[type="email"],
form.webform-submission-form .form-item input[type="number"],
form.webform-submission-form .form-item select,
form.webform-submission-form .form-item .selectBox.form-select,
form.webform-submission-form .form-item .chosen-container,
form.webform-submission-form .select2-container,
form.webform-submission-form .form-item label,
form.webform-submission-form .form-item p {
  font-family: var(--text-font);
  margin-top: 0.25rem;
}

.givaudan-webform-modal form.webform-submission-form .form-item .webform-element-description,
#drupal-modal form.webform-submission-form .form-item label.option{
  margin-top: -0.25rem;
}

#drupal-modal form.webform-submission-form .form-item label.option{
  margin-left: 10px;
}

form media-caption {
  font-family: var(--text-font);
}

.js-form-item.form-item.js-form-type-processed-text.form-type-processed-text.js-form-item-.form-item-
  label {
  display: none;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
  background-color: var(--color-5);
}

body
  .givaudan-webform-modal
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  height: 38px;
  box-sizing: border-box;
  font-size: var(--font-body-small);
  line-height: var(--line-height-small);
  padding-top: 9px;
}

.givaudan-webform-modal .select2-container,
.givaudan-webform-modal .select2-results {
  font-size: var(--font-body-small);
  line-height: var(--line-height-small);
}

.webform-submission-opened .select2-search--dropdown,
.webform-submission-opened .select2-results__option {
  font-size: var(--font-body-small);
  line-height: var(--line-height-small);
  padding: 4px 1rem;
}

.givaudan-webform-modal [id^="edit-required"] *,
.givaudan-webform-modal [id^="edit-required"] {
  font-size: var(--font-body-small);
  line-height: var(--line-height-small);
}

.givaudan-webform-modal .form-type-checkbox.form-item-terms-and-conditions {
  display: block;
}

.givaudan-webform-modal
  .form-type-checkbox.form-item-terms-and-conditions
  .description {
  margin-left: 0;
  font-size: var(--font-body-small);
  line-height: var(--line-height-small);
}

.webform-button--submit {
  border: none;
  padding: 5px 20px 7px;
  font-size: 13px;
  line-height: 20px;
  color: white;
}

legend.captcha__title.js-form-required.form-required {
  display: none;
}

.givaudan-webform-modal .form-textarea-wrapper textarea {
  font-size: var(--font-body-small);
  line-height: var(--line-height-small);
  padding: 1rem;
}

@media screen and (min-width: 1121px) {
  .page-node-type-webform .webform-element-description {
    margin-top: 0;
  }
}

@media screen and (min-width: 1921px) {
  .givaudan-webform-modal
    .webform-submission-form
    input:not(
      .form-checkbox,
      .form-radio,
      .form-submit,
      .select2-search__field
    ),
  .page-node-type-webform
    .webform-submission-form
    input:not(
      .form-checkbox,
      .form-radio,
      .form-submit,
      .select2-search__field
    ) {
    min-height: 50px;
  }

  form.webform-submission-form .form-item,
  form.webform-submission-form .form-actions {
    width: 500px !important;
  }

  .page-node-type-webform .webform-element-description {
    margin-top: -0.25rem;
  }

  .page-node-type-webform .form-type-radio input,
  .page-node-type-webform .form-type-checkbox input {
    width: 20px;
    height: 20px;
  }

  form.webform-submission-form .form-item select,
  form.webform-submission-form .select2-container {
    height: 50px;
  }

  form.webform-submission-form
    .select2-container--default
    .select2-selection--single {
    top: 10px;
  }
  body
    form.webform-submission-form
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    padding: 0;
  }

  .webform-button--submit {
    font-size: var(--font-body-small);
    line-height: var(--line-height-small);
  }

  .givaudan-webform-modal.ui-dialog {
    width: 800px !important;
  }

  .givaudan-webform-modal .webform-ajax-form-wrapper {
    max-width: 500px;
  }
}

@media screen and (min-width: 3441px) {
  .givaudan-webform-modal
    .webform-submission-form
    input:not(
      .form-checkbox,
      .form-radio,
      .form-submit,
      .select2-search__field
    ),
  .page-node-type-webform
    .webform-submission-form
    input:not(
      .form-checkbox,
      .form-radio,
      .form-submit,
      .select2-search__field
    ) {
    min-height: 60px;
  }

  .page-node-type-webform .webform-element-description {
    margin-top: -0.5rem;
  }

  .page-node-type-webform .form-type-radio input,
  .page-node-type-webform .form-type-checkbox input {
    width: 25px;
    height: 25px;
  }

  form.webform-submission-form .form-item select,
  form.webform-submission-form .select2-container {
    height: 86px;
  }
}