.act-on-form__content {
  width: 100%;
  max-width: 30rem;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.act-on-form__content button {
  font-size: var(--cgd-text-font-size, 1rem) !important;
  font-family: inherit !important;
  font-weight: 600 !important;
  border-radius: 12.5rem !important;
  padding: 0.875em 1.75em !important;
  color: var(--cgd-background-white, #FFFFFF) !important;
  background-color: var(--cgd-background-accent, var(--primary-accent-color)) !important;
  transition: all .25s ease !important;
  transition-property: transform, box-shadow !important;
}

.act-on-form__content button:not(:disabled):hover,
.act-on-form__content button:not([disabled]):hover {
  transform: translateY(-0.08em) !important;
  box-shadow: var(--cgd-button-box-shadow, 0 0.211em 0.322em rgba(0, 0, 0, 0.25)) !important;
}

.act-on-form__content button:not(:disabled):active,
.act-on-form__content button:not([disabled]):active {
  transform: translateY(-0.035em) !important;
  box-shadow: var(--cgd-button-box-shadow, 0 0.111em 0.222em rgba(0, 0, 0, 0.25)) !important;
}

.act-on-form__content button:disabled,
.act-on-form__content button[disabled] {
  background-color: var(--cgd-detail-grey, var(--annotations-color)) !important;
  color: var(--cgd-background-white, #FFFFFF) !important;
  cursor: auto !important;
}

.act-on-form__content > button {
  margin-top: var(--cgd-separator-small-margin, 1.5rem) !important;
}

.act-on-form__content .ao-input-block,
.act-on-form__content .ao-combo-block {
  position: relative !important;
  margin-bottom: 24px !important;
}

.act-on-form__content .ao-combo-block > .ao-form-label {
  display: none !important;
}

.act-on-form__content .ao-combo-block:has([data-validator*="required"]) .ao-combo-label::after {
  content: ' *';
}

.act-on-form__content .ao-form-error-message {
  position: absolute !important;
  font-size: 12px !important;
  color: var(--error-state-color) !important;
  bottom: 0;
  transform: translateY(100%);
}

/* .act-on-form__content > .inputs-wrapper, */
/* .act-on-form__content > .ao-input-block {
  width: 100% !important;
  margin-bottom: var(--cgd-text-margin, 1.2rem) !important;
} */

/* .act-on-form__content > .inputs-wrapper {
  display: flex !important;
  justify-content: space-between !important;
  gap: var(--cgd-text-margin, 1.2rem) !important;
  flex-wrap: wrap !important;
}

.act-on-form__content > .inputs-wrapper > .ao-input-block {
  flex-grow: 1 !important;
  min-width: 15.625rem !important;
} */

/* .act-on-form__content > .ao-input-block:last-child {
  margin: 0 !important;
} */

.act-on-form__content input,
.act-on-form__content select {
  width: 100% !important;
  border: solid 1px var(--cgd-detail-grey, var(--annotations-color)) !important;
  outline: none !important;
  background-color: transparent !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: var(--cgd-text-font-size, 1rem) !important;
  font-weight: 600 !important;
  border-radius: 0.5em !important;
  padding: 1.5rem 0.5rem 0.5rem 0.5rem !important;
}

.act-on-form__content input:focus,
.act-on-form__content select:focus {
  box-shadow: inset 0px 0px 0px 1px #5C92CD !important;
  border: solid 1px #5C92CD !important;
}

.act-on-form__content label:not(:has(input[type="checkbox"])) {
  color: #8c8c96 !important;
  font-size: var(--cgd-text-font-size, 1rem) !important;
  font-weight: 600 !important;
  padding: 0.5rem !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
  transition: all 0.2s ease !important;
}

/* Placeholder-shown for IE */
.act-on-form__content label:not(:has(input[type="checkbox"])):has(+ input:focus),
.act-on-form__content label:not(:has(input[type="checkbox"])):has(+ input:not(:-ms-input-placeholder)),
.act-on-form__content  label:not(:has(input[type="checkbox"])):has(+ select) {
  top: 0 !important;
  transform: inherit !important;
  font-size: var(--cgd-tag-font-size, 0.75rem) !important;
  color: var(--cgd-text-color, var(--text-color)) !important;
}

/* In order for this to work, the inputs need to have placeholder=" " */
.act-on-form__content label:not(:has(input[type="checkbox"])):has(+ input:focus),
.act-on-form__content label:not(:has(input[type="checkbox"])):has(+ input:not(:placeholder-shown)),
.act-on-form__content label:not(:has(input[type="checkbox"])):has(+ select) {
  top: 0 !important;
  transform: inherit !important;
  font-size: var(--cgd-tag-font-size, 0.75rem) !important;
  color: var(--cgd-text-color, var(--text-color)) !important;
}

.act-on-form__content label:has(input[type="checkbox"]) {
  display: flex;
  align-items: center;
}

.act-on-form__content input[type="checkbox"] {
  background-color: #FFF !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  -webkit-flex-shrink: 0 !important;
  flex-shrink: 0 !important;
  font-size: 1em !important;
  width: 1.33em !important;
  height: 1.33em !important;
  border-radius: 0.25em !important;
  cursor: pointer !important;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 37%) !important;
  margin-right: 0.583em !important;
  padding: 0 !important;
}

.act-on-form__content input[type="checkbox"]:checked {
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  appearance: auto !important;
}