.select2-container {
  width: 100%;
  min-width: 200px;
}
.select2-container.select2-container--open .select2-selection--single {
  border-color: #2E2E2E;
}
.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow {
  top: 13px;
}
.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow:after {
  background-image: url("../img/icon/arrow-up-b.svg");
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple2 {
  border-color: #E8E8E8;
  border-radius: 8px;
  height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple2 .select2-selection__rendered {
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  padding: 12px 44px 12px 16px;
  color: #2E2E2E;
}
.select2-container--default.error .select2-selection--single, .select2-container--default.error .select2-selection--multiple2 {
  border-color: #A50D01;
}
.select2-container--default.error .select2-selection--single .select2-selection__rendered, .select2-container--default.error .select2-selection--multiple2 .select2-selection__rendered {
  color: #A50D01;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #F8F8F8;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: #AFB1B2;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* .select2-container--default .select2-selection--single .select2-selection__rendered {
    @include fontSize(15px, 140%, 400);
    padding: 12px 44px 12px 16px;
    color: $colorDark;
} */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-weight: 300;
  color: #AFB1B2;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 22px;
  width: 22px;
  top: 10px;
  right: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  content: "";
  display: inline-block;
  background-size: contain;
  background-image: url("../img/icon/arrow-down-b.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.select2-dropdown {
  border: none;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}

.select2-results__options {
  border-radius: 8px;
  padding: 4px 0;
}

.select2-results__option {
  padding: 12px 60px 12px 16px;
  font-size: 15px;
  line-height: 140%;
  font-family: Roboto, Noto Sans TC, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #D00007;
}

.select2-container--default .select2-results__option--selected {
  background-color: #F9DBE0;
  color: #D00007;
  font-weight: 500;
  position: relative;
}

.select2-container--open .select2-dropdown--below {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.select2-container--default .select2-selection--multiple {
  padding: 8px 44px 8px 16px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  border-color: #E8E8E8;
  border-radius: 8px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.3px;
  font-family: Roboto, Noto Sans TC, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  margin-top: 0;
  max-width: calc(100% - 5px);
}
.select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder {
  color: #2E2E2E;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
  color: #2E2E2E;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: rgba(249, 219, 224, 0.3137254902);
  border-color: rgba(249, 219, 224, 0.3137254902);
  color: #2E2E2E;
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  flex-direction: row-reverse;
  padding: 2px 8px;
  border-radius: 8px;
  margin-top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #FFFFFF;
  border-right: none;
  position: relative;
  padding: 0;
  width: 20px;
  height: 20px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after {
  content: "";
  display: inline-block;
  background-size: contain;
  background-image: url("../img/icon/cross.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after {
  margin-left: 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove > span {
  display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: transparent;
}

.select2-hidden-accessible[multiple] + .select2-container:after {
  content: "";
  display: inline-block;
  background-size: contain;
  background-image: url("../img/icon/arrow-down-b.svg");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}
.select2-hidden-accessible[multiple] + .select2-container:after {
  position: absolute;
  top: 10px;
  right: 16px;
  background-position: center;
  background-size: 24px;
  background-color: #FFFFFF;
}

.select2-container--open, .select2-container--open .select2-dropdown {
  z-index: 9999999 !important;
}

section.form .instruction {
  margin-bottom: 40px;
}
section.form .col-l {
  display: flex;
  flex-wrap: wrap;
}
section.form .col-l .webform-preview {
  order: 1;
}
section.form .col-l .webform-preview section > .webform-section-wrapper section {
  padding: 0;
}
section.form .col-l .webform-preview .webform-element a,
section.form .col-l .webform-preview .webform-element-type-webform-shs-term-select a {
  cursor: default;
  pointer-events: none;
}
section.form .col-l .webform-preview .webform-element.form-item-apply-form-saved-data {
  display: none;
}
section.form .col-l .webform-preview summary,
section.form .col-l .webform-preview [id*=plan_summary] {
  display: none;
}
section.form .col-l .webform-preview [id*=insurance_apply_form--insured_property_address_fieldset] > .fieldset-wrapper,
section.form .col-l .webform-preview [id*=insurance_apply_form--mailing_address_fieldset] > .fieldset-wrapper {
  flex-wrap: wrap;
}
section.form .col-l .webform-preview [id*=travel_insurance_apply_form--insured_persons] .insured-person-wrapper .insured-person-item {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
section.form .col-l .webform-preview [id*=travel_insurance_apply_form--insured_persons] .insured-person-wrapper .insured-person-item .insured-person-field {
  width: calc(50% - 0.5em);
  flex-basis: calc(50% - 0.5em);
  margin-bottom: 40px;
}
@media (max-width: 575px) {
  section.form .col-l .webform-preview [id*=travel_insurance_apply_form--insured_persons] .insured-person-wrapper .insured-person-item .insured-person-field {
    width: 100%;
    flex-basis: 100%;
  }
}
@media (max-width: 991px) {
  section.form .col-l .webform-preview [id*=travel_insurance_apply_form--insured_persons] .insured-person-wrapper .insured-person-item .insured-person-field {
    margin-bottom: 24px;
  }
}
section.form .col-l .webform-preview [id*=online_renewal_form--declaration] .webform-section-wrapper > label {
  font-weight: 500;
}
section.form .col-l .webform-preview [id*=online_renewal_form--terms_and_conditions],
section.form .col-l .webform-preview [id*=online_renewal_form--personal_data_circular] {
  font-size: 0;
}
section.form .col-l .webform-preview [id*=online_renewal_form--terms_and_conditions] label,
section.form .col-l .webform-preview [id*=online_renewal_form--personal_data_circular] label {
  font-size: 16px;
  font-weight: normal;
}
section.form .col-l .webform-preview [id*=online_renewal_form--terms_and_conditions] label a,
section.form .col-l .webform-preview [id*=online_renewal_form--personal_data_circular] label a {
  color: #D00007;
  cursor: pointer;
  pointer-events: auto;
  text-decoration: underline;
}
section.form .col-l .webform-preview [id*=apply_dialog_container] {
  height: 0;
  padding: 0;
  margin: 0;
}
section.form .col-l .webform-preview [id*=insured_persons_container] ol > li b {
  font-weight: 300;
}
section.form .col-l .webform-preview [id=travel_insurance_apply_form--is_the_policyholder_one_of_the_insured_persons] {
  display: none;
}
section.form .col-l .webform-preview span.colon {
  margin-right: 0.5em;
}
section.form .col-l .webform-preview fieldset [id*=address_line] > legend {
  display: none;
}
section.form .col-l .webform-preview fieldset[id*=building_size_fieldset] > .fieldset-wrapper > .webform-element {
  flex-basis: 50%;
}
section.form .col-l .webform-preview fieldset[id*=workplace_mobile_phone] .webform-element[class*=country-code] > label:first-child, section.form .col-l .webform-preview fieldset[id*=workplace_mobile_phone] .webform-element[class*=phone-no] > label:first-child, section.form .col-l .webform-preview fieldset[id*=workplace_mobile_phone] .webform-element[class*=mobile-no] > label:first-child, section.form .col-l .webform-preview fieldset[id*=workplace_phone] .webform-element[class*=country-code] > label:first-child, section.form .col-l .webform-preview fieldset[id*=workplace_phone] .webform-element[class*=phone-no] > label:first-child, section.form .col-l .webform-preview fieldset[id*=workplace_phone] .webform-element[class*=mobile-no] > label:first-child {
  display: none;
}
section.form .col-l .webform-preview .webform-container > .webform-section > .webform-section-wrapper section:last-child .webform-section-wrapper > *:last-child .webform-element, section.form .col-l .webform-preview .webform-container > .webform-section > .webform-section-wrapper section:last-child .webform-section-wrapper > *:last-child.webform-element {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  section.form .col-l .webform-preview .webform-container > .webform-section > .webform-section-wrapper section[id*=_container] > .webform-section-wrapper {
    display: flex;
    gap: 32px;
    flex-wrap: nowrap;
  }
  section.form .col-l .webform-preview .webform-container > .webform-section > .webform-section-wrapper section[id*=_container] > .webform-section-wrapper > * {
    flex-basis: 50%;
  }
}
@media (min-width: 992px) {
  section.form .col-l .webform-preview .webform-container > .webform-section > .webform-section-wrapper section[id*=address_container] > .webform-section-wrapper, section.form .col-l .webform-preview .webform-container > .webform-section > .webform-section-wrapper section[id*=content_method_container] > .webform-section-wrapper {
    display: inherit;
  }
}
section.form .col-l .webform-preview .webform-container > .webform-section > .webform-section-wrapper section[id*=address_container] > .webform-section-wrapper .webform-element[class*=country-no] > label:first-child, section.form .col-l .webform-preview .webform-container > .webform-section > .webform-section-wrapper section[id*=address_container] > .webform-section-wrapper .webform-element[class*=phone-no] > label:first-child, section.form .col-l .webform-preview .webform-container > .webform-section > .webform-section-wrapper section[id*=content_method_container] > .webform-section-wrapper .webform-element[class*=country-no] > label:first-child, section.form .col-l .webform-preview .webform-container > .webform-section > .webform-section-wrapper section[id*=content_method_container] > .webform-section-wrapper .webform-element[class*=phone-no] > label:first-child {
  display: none;
}
section.form .col-l .webform-preview .fieldset-legend,
section.form .col-l .webform-preview label {
  font-weight: 300;
}
section.form .col-l .webform-preview .webform-element {
  font-weight: 500;
}
section.form .col-l .webform-preview .confirmation-instruction {
  margin-bottom: 1em;
}
section.form .col-l .btn-container {
  order: 2;
  width: 100%;
}
section.form .col-l [data-drupal-selector=edit-plan-summary] {
  display: none;
}
section.form .col-l [data-drupal-selector=edit-disclaimer] {
  display: none;
}
section.form .col-l [data-drupal-selector=edit-apply-dialog] {
  display: none;
}
section.form .col-l [data-drupal-selector=edit-apply-dialog] {
  display: none;
}
section.form .col-l [data-drupal-selector=edit-online-quotation] {
  width: 100%;
}
section.form .col-l [data-drupal-selector=edit-online-renewal-instruction] {
  width: 100%;
}
section.form .col-l [data-drupal-selector=edit-supplementary-information] .field-remarks {
  margin-bottom: 1em;
}
section.form .col-l [data-drupal-selector=edit-optional-add-ons] .form-item-parking-space-address {
  margin-bottom: 0;
}
section.form .col-l [data-drupal-selector*=edit-insured-persons-items] {
  width: 100%;
}
section.form .col-l [data-drupal-selector*=edit-insured-persons-items] > tbody > tr {
  display: flex;
  flex-wrap: wrap;
}
section.form .col-l [data-drupal-selector*=edit-insured-persons-items] > tbody > tr > * {
  width: 100%;
}
section.form .col-l [data-drupal-selector*=edit-insured-persons-items] > tbody > tr .btn.btn-remove {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.form .col-l [data-drupal-selector*=edit-insured-persons-items] > tbody > tr .btn.btn-remove:before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-image: url("../assets/img/icon/bin.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
section.form .col-l [data-drupal-selector*=edit-insured-persons-items] > tbody > tr .btn.btn-remove:hover:before {
  animation: arrow 0.5s;
}
section.form .col-l [data-drupal-selector*=edit-insured-persons-items] > tbody > tr .btn.btn-remove:before {
  position: absolute;
  transform: none;
  top: calc(50% - 8px);
  left: 16px;
}
section.form .col-l [data-drupal-selector*=edit-insured-persons-items] > tbody > tr .btn.btn-remove > input {
  padding: 10px 16px 10px 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  gap: 8px;
}
section.form .col-l [data-drupal-selector*=edit-insured-persons-items] > tbody > tr:first-child .btn.btn-remove {
  display: none;
}
section.form .col-l [data-drupal-selector*=edit-insured-persons-items] > tbody > tr:first-child .btn.btn-remove > input.button.cancel {
  display: none;
}
section.form .col-l [data-drupal-selector*=edit-insured-persons-items] > tbody > tr .readonly {
  pointer-events: none;
  opacity: 0.5;
}
section.form .col-l [data-drupal-selector=edit-insured-persons] .webform-multiple-add {
  width: -moz-fit-content;
  width: fit-content;
}
section.form .col-l [data-drupal-selector=edit-insured-persons] .webform-multiple-add:before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-image: url("../assets/img/icon/add-r.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
section.form .col-l [data-drupal-selector=edit-insured-persons] .webform-multiple-add:hover:before {
  animation: arrow 0.5s;
}
section.form .col-l [data-drupal-selector=edit-insured-persons] .webform-multiple-add input {
  text-decoration: underline;
}
@media (min-width: 992px) {
  section.form .col-l [data-drupal-selector=edit-online-renewal-instruction] .inline-fields-wrapper > * {
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
  }
}
section.form .col-l .webform-section-wrapper > .form-wrapper {
  margin-bottom: 20px;
}
section.form .col-l .webform-section-wrapper .form-wrapper.inline-fields-wrapper {
  margin-bottom: 0;
}
section.form .col-l .webform-section-wrapper .form-wrapper.inline-fields-wrapper[id*=building-size-fieldset] [class*=form-type-], section.form .col-l .webform-section-wrapper .form-wrapper.inline-fields-wrapper[id*=email-container] [class*=form-type-] {
  margin-bottom: 0;
}
section.form .col-l .webform-section-wrapper .form-wrapper.inline-fields-wrapper.last-inline-fields-wrapper [class*=form-type-] {
  margin-bottom: 0;
}
section.form .col-l .webform-section-wrapper .form-item-member-id {
  margin-bottom: 0;
}
section.form .col-l .js-webform-radios {
  display: flex;
  gap: 1em;
  width: 100%;
  align-items: flex-start;
}
section.form .col-l .js-webform-radios label.option {
  text-align: center;
}
@media (min-width: 992px) {
  section.form .col-l .js-webform-radios {
    flex-wrap: nowrap;
  }
  section.form .col-l .js-webform-radios[id*=designated-mortgagee] {
    width: 50%;
  }
  section.form .col-l .js-webform-radios[id*=is-mailing-address-same] {
    width: 50%;
  }
}
section.form .col-l fieldset[id*=address-fieldset] {
  margin-bottom: 0;
}
section.form .col-l fieldset[id*=address-fieldset] > legend {
  display: none;
}
section.form .col-l fieldset[id*=address-fieldset][id*=mortgagee-s-address] > legend {
  display: block;
  margin-bottom: 1em;
}
section.form .col-l fieldset[id*=address-fieldset] > .fieldset-wrapper {
  flex-wrap: wrap;
  gap: 0 16px;
}
section.form .col-l fieldset[id*=address-fieldset] > .fieldset-wrapper .form-type-select[class*=territory] > .select2 {
  pointer-events: none;
  opacity: 0.5;
}
section.form .col-l fieldset[id*=address-fieldset] > .fieldset-wrapper fieldset {
  margin-bottom: 0;
  width: 100%;
}
section.form .col-l fieldset[id*=address-fieldset] > .fieldset-wrapper fieldset[id*=address-line] > legend {
  display: none;
}
section.form .col-l fieldset[id*=address-fieldset] > .fieldset-wrapper fieldset[id*=address-line] > .fieldset-wrapper {
  gap: 0 16px;
  margin-bottom: 40px;
}
section.form .col-l fieldset[id*=address-fieldset] > .fieldset-wrapper fieldset [class*=form-type-] {
  margin-bottom: 0;
  width: 100%;
}
section.form .col-l fieldset[id*=building-size-fieldset] {
  margin-bottom: 0;
}
section.form .col-l fieldset[id*=building-size-fieldset] .fieldset-wrapper > fieldset {
  width: 100%;
  margin-bottom: 0;
}
section.form .col-l fieldset[id*=mobile-phone], section.form .col-l fieldset[id*=phone] {
  margin-bottom: 0;
}
section.form .col-l fieldset[id*=mobile-phone] > .fieldset-wrapper, section.form .col-l fieldset[id*=phone] > .fieldset-wrapper {
  gap: 0.5em;
}
section.form .col-l fieldset[id*=mobile-phone] > .fieldset-wrapper .form-type-select[class*=country-code], section.form .col-l fieldset[id*=phone] > .fieldset-wrapper .form-type-select[class*=country-code] {
  flex-basis: 40%;
}
section.form .col-l fieldset[id*=mobile-phone] > .fieldset-wrapper .form-type-select[class*=country-code] .select2-selection, section.form .col-l fieldset[id*=phone] > .fieldset-wrapper .form-type-select[class*=country-code] .select2-selection {
  height: 51px;
}
section.form .col-l fieldset[id*=mobile-phone] > .fieldset-wrapper .form-type-tel[class*=phone-no], section.form .col-l fieldset[id*=mobile-phone] > .fieldset-wrapper .form-type-tel[class*=mobile-no], section.form .col-l fieldset[id*=phone] > .fieldset-wrapper .form-type-tel[class*=phone-no], section.form .col-l fieldset[id*=phone] > .fieldset-wrapper .form-type-tel[class*=mobile-no] {
  flex-basis: 60%;
}
section.form .col-l fieldset [id*=travel-type] > [class*=form-type-] {
  margin-bottom: 0;
}
section.form .col-l fieldset.readonly .fieldset-wrapper {
  pointer-events: none;
  opacity: 0.5;
}
section.form .col-l fieldset.captcha .captcha__title {
  display: none;
}
@media (min-width: 576px) {
  section.form .col-l fieldset.captcha .captcha__element {
    flex-wrap: nowrap;
    align-items: center;
  }
}
section.form .col-l fieldset.captcha .captcha__element .captcha__image-wrapper,
section.form .col-l fieldset.captcha .captcha__element .form-item-captcha-response {
  flex-basis: 100%;
}
@media (min-width: 576px) {
  section.form .col-l fieldset.captcha .captcha__element .captcha__image-wrapper,
  section.form .col-l fieldset.captcha .captcha__element .form-item-captcha-response {
    flex-basis: calc(50% - 1em);
  }
}
@media (min-width: 576px) {
  section.form .col-l fieldset.captcha .captcha__element .form-item-captcha-response {
    order: 1;
  }
}
section.form .col-l fieldset.captcha .captcha__element .form-item-captcha-response {
  /* .description {
      display: none;
  } */
}
@media (min-width: 576px) {
  section.form .col-l fieldset.captcha .captcha__element .captcha__image-wrapper {
    order: 2;
  }
}
section.form .col-l fieldset.captcha .captcha__element .captcha__image-wrapper img {
  width: 100%;
  height: auto;
}
section.form .col-l fieldset.captcha .captcha__element .captcha__image-wrapper .reload-captcha-wrapper a {
  position: absolute;
  top: 10px;
  right: 10px;
}
section.form .col-l fieldset.captcha .captcha__description {
  display: none;
}
section.form .col-l #edit-instruction span {
  color: #D00007;
}
section.form .col-l #edit-instruction p {
  margin-bottom: 1em;
}
@media (max-width: 991px) {
  section.form .col-l #edit-instruction {
    padding: 0 24px;
  }
}
section.form .col-l .form-item-identification-value {
  display: none;
}
section.form .col-l .webform-confirmation__message {
  margin-bottom: 1em;
}
section.form .col-l .form-actions {
  flex-wrap: wrap;
}
section.form .col-l .form-actions .preview-captcha-wrapper {
  flex-basis: 100%;
}
section.form .col-l .form-actions > .btn {
  flex-basis: calc(50% - 16px);
}
section.form .col-l .form-actions input.form-checkbox.readonly {
  pointer-events: none;
}
section.form .col-l .form-actions .preview-declaration-wrapper label.option,
section.form .col-l .form-actions .preview-tnc-wrapper label.option {
  pointer-events: none;
}
section.form .col-l .form-actions .preview-declaration-wrapper label.option a,
section.form .col-l .form-actions .preview-tnc-wrapper label.option a {
  pointer-events: auto;
}
section.form .col-r.plan-summary .col-head .type.notice {
  color: #AFB1B2;
}
section.form .col-r.plan-summary .col-head .renewal-date,
section.form .col-r.plan-summary .col-head .insurance-period {
  margin-top: 2em;
}
section.form .col-r.plan-summary .col-head .renewal-date .label,
section.form .col-r.plan-summary .col-head .insurance-period .label {
  font-weight: 300;
  font-size: 14px;
}
section.form .col-r.plan-summary .col-head .renewal-date .date,
section.form .col-r.plan-summary .col-head .insurance-period .date {
  font-weight: 500;
}
section.form .col-r.plan-summary .col-head .renewal-date .period-changed,
section.form .col-r.plan-summary .col-head .insurance-period .period-changed {
  margin-top: 1em;
}
section.form .col-r.plan-summary .col-head .renewal-date .period-changed.hidden,
section.form .col-r.plan-summary .col-head .insurance-period .period-changed.hidden {
  display: none;
}
section.form .col-r.plan-summary .col-details [class*=form-type-] {
  margin-bottom: 0;
}
section.form .col-r.plan-summary .col-details span.discount,
section.form .col-r.plan-summary .col-details span #discount-rate {
  display: inline-flex;
}
section.form .col-r.plan-summary .col-details #gross,
section.form .col-r.plan-summary .col-details #discount,
section.form .col-r.plan-summary .col-details #levy,
section.form .col-r.plan-summary .col-details #total,
section.form .col-r.plan-summary .col-details #extension {
  display: inline-flex;
}
section.form.result .col-l section {
  width: 100%;
}

.shs-field-container {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 991px) {
  .shs-field-container {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.form-type-date > input.flatpickr-input + input.input-date {
  background-image: url("../assets/img/icon/calendar.svg");
  background-repeat: no-repeat;
  background-size: 22px 22px;
  background-position: right 16px center;
  padding-right: 48px;
}
.form-type-date.form-disabled > input.flatpickr-input + input.input-date {
  background-color: #E8E8E8;
}
.form-type-date.form-item-policy-expiry-date {
  pointer-events: none;
}
.form-type-date:after {
  display: none;
}

.form-type-checkbox {
  display: flex;
  flex-wrap: wrap;
}
.form-type-checkbox input {
  flex-basis: 20px;
}
.form-type-checkbox input[type=checkbox].error {
  border-color: #D00007;
}
.form-type-checkbox label.option {
  flex-basis: calc(100% - 26px);
  width: calc(100% - 26px);
}
.form-type-checkbox label.error {
  order: 10;
  flex-basis: 100%;
  width: 100%;
  margin-top: 1em;
}
.form-type-checkbox label a {
  cursor: pointer;
}

.form:not(.inline-form) .form-type-radio,
.form:not(.inline-form) .form-type-select {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.form:not(.inline-form) .form-type-radio > *:not(.select2-hidden-accessible),
.form:not(.inline-form) .form-type-select > *:not(.select2-hidden-accessible) {
  flex-basis: 100%;
}
.form:not(.inline-form) .form-type-radio label.error,
.form:not(.inline-form) .form-type-select label.error {
  order: 10;
}

label.error[id*=phone-no-error] {
  position: relative;
  left: -66.6667%;
}

.form-type-select[class*=country-code] .select2-container {
  min-width: unset;
}
.form-type-select.form-item-title label.form-required {
  max-height: 20px;
}
.form-type-select select.readonly + .select2-container,
.form-type-select select.readonly ~ .select2-container {
  pointer-events: none;
  opacity: 0.5;
}
.form-type-select select.readonly + .select2-container .select2-selection,
.form-type-select select.readonly ~ .select2-container .select2-selection {
  background-color: #E8E8E8;
}

.js-webform-radios,
.form-type-range,
.form-type-select {
  position: relative;
}

.form-type-tel input:not([type=range]),
.form-type-email input:not([type=range]),
.form-type-number input:not([type=range]) {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  padding: 14px 16px;
  font-size: 15px;
  line-height: 140%;
  font-family: Roboto, Noto Sans TC, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.form-type-tel input:not([type=range]).error,
.form-type-email input:not([type=range]).error,
.form-type-number input:not([type=range]).error {
  border-color: #A50D01;
  color: #A50D01;
}
.form-type-tel input:not([type=range]).error.flatpickr-input + input,
.form-type-email input:not([type=range]).error.flatpickr-input + input,
.form-type-number input:not([type=range]).error.flatpickr-input + input {
  border-color: #A50D01;
  color: #A50D01;
}
.form-type-tel + .field-remarks,
.form-type-email + .field-remarks,
.form-type-number + .field-remarks {
  margin-top: -32px;
  margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
  .form-type-tel + .field-remarks,
  .form-type-email + .field-remarks,
  .form-type-number + .field-remarks {
    margin-top: -16px;
    margin-bottom: 24px;
  }
}
.form-type-tel + .field-remarks + p,
.form-type-email + .field-remarks + p,
.form-type-number + .field-remarks + p {
  margin-top: -32px;
  margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
  .form-type-tel + .field-remarks + p,
  .form-type-email + .field-remarks + p,
  .form-type-number + .field-remarks + p {
    margin-top: -16px;
    margin-bottom: 24px;
  }
}

select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select.error ~ .select2-container .select2-selection {
  border-color: #A50D01;
}
select.error ~ .select2-container .select2-selection__rendered {
  color: #A50D01;
}

input.form-radio.error ~ label {
  border-color: #A50D01;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 22px;
  width: 22px;
  top: 10px;
  right: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  content: "";
  display: inline-block;
  background-size: contain;
  background-image: url("../assets/img/icon/arrow-down-b.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #ECECEC;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow::after {
  opacity: 0.5;
}

.select2-hidden-accessible[multiple] + .select2-container:after {
  content: "";
  display: inline-block;
  background-size: contain;
  background-image: url("../assets/img/icon/arrow-down-b.svg");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}
.select2-hidden-accessible[multiple] + .select2-container:after {
  background-color: unset;
}

.com-text ol[type=a] {
  list-style: lower-alpha;
}

.tippy-box .tippy-arrow {
  display: none;
}

.webform-multiple-table .form-item + .form-item {
  margin-top: 0;
}/*# sourceMappingURL=webform.css.map */