.webform-flexbox {
  width: 60%;
  margin: 12px auto;
}

.webform-flex--1,
.webform-flex--2,
.webform-flex--3,
.webform-flex--4,
.webform-flex--5,
.webform-flex--6 {
  margin: 8px;
}

.webform-options-display-buttons label.webform-options-display-buttons-label {
  border: none;
  padding: 0;
}

.select2-container--default .select2-selection--single {
  color: #3b3b3b;
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  border-radius: 0px;
  margin-top: 6px;
  padding-top: 10px;
  height: 48px;
}

.webform-options-display-buttons label.webform-options-display-buttons-label {
  background: none;
}

.webform-flex .select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 100%;
}

.webform-flex input.form-text,
.webform-flex input.form-tel,
.webform-flex input.form-email,
.webform-flex input.form-url,
.webform-flex input.form-search,
.webform-flex input.form-file,
.webform-flex input.form-number,
.webform-flex input.form-color,
.webform-flex textarea.form-textarea,
.webform-flex input.data-drupal-selector {
  color: #3b3b3b;
  border: 1px solid #aaaaaa;
  padding: 12px !important;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
  height: 48px;
}

.webform-flex .iti {
  margin: 10px 8px 8px 8px;
  position: relative;
  display: inline-block;
  height: 54px;
  width: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  text-align: left;
  color: #3b3b3b;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  color: #ff8300;
}

.webform-flex--container {
  text-align: center;
}

.webform-flex .submitBtn {
  float: none;
  background: #ffffff;
  padding: 16px 24px;
  border: 3px solid #ff8300;
  color: #004a88;
  letter-spacing: 1.3px;
  border-radius: 0;
  margin: 0 auto;
}

.webform-flex .webform-button--submit,
.webform-flex .submitBtn,
.webform-flex .js-form-submit,
.webform-flex .form-submit {
  margin: 0 auto;
}

.ui-dialog .ui-dialog-titlebar {
  border: none !important;
  background: #ffffff !important;
  font-weight: bold !important;
  color: #000000 !important;
  text-decoration: none !important;
}

.webform-flex .ui-button .ui-icon {
  text-decoration: none !important;
  border: none !important;
}

/* for PDP forms only */
.webform-flex .form-radios .form-type-radio input[type=radio]+.option {
  font-size: 24px;
  font-weight: 700;
}

#block-formeurepairpdp .webform-flex .iti--allow-dropdown input,
#block-formeurepairpdp .webform-flex .iti--allow-dropdown input[type="tel"],
#block-formeurepairpdp .webform-flex .iti--allow-dropdown input[type="text"],
#block-formeurepairpdp .webform-flex .iti--separate-dial-code input,
#block-formeurepairpdp .webform-flex .iti--separate-dial-code input[type="tel"],
#block-formeurepairpdp .webform-flex .iti--separate-dial-code input[type="text"] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.webform-flex input.form-tel {
  padding-right: 6px !important;
  padding-left: 52px !important;
  margin-left: 0 !important;
}

@media(max-width:830px) {
  .webform-flexbox {
    width: 95%;
    margin: 12px auto;
  }
}