/* Mobile-only overrides for legacy Uni-Form pages.
   Intended to improve narrow-screen layout without changing behavior. */

@media (max-width: 640px) {
  form.uniForm {
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .uniForm .ctrlHolder > label,
  .uniForm .ctrlHolder .label {
    float: none !important;
    display: block !important;
    width: auto !important;
    margin: 0 0 0.35em 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .uniForm .ctrlHolder > label em,
  .uniForm .ctrlHolder .label em {
    display: inline !important;
    position: static !important;
    float: none !important;
    margin: 0 0.25em 0 0 !important;
  }

  .uniForm .ctrlHolder .ctrl,
  .uniForm .ctrlHolder .multiField,
  .uniForm .buttonHolder,
  .uniForm .formHint {
    margin-left: 0 !important;
    width: auto !important;
    float: none !important;
  }

  .uniForm .textInput,
  .uniForm .fileUpload,
  .uniForm textarea,
  .uniForm select {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  .uniForm .formHint {
    display: block !important;
    margin-top: 0.35em !important;
    text-align: left !important;
    clear: both !important;
  }
}