@use '@carbon/layout';
@use '@carbon/type';
@use '@openmrs/esm-styleguide/src/vars' as *;

.heading {
  margin-bottom: layout.$spacing-05;
}

.label {
  @include type.type-style('label-01');
}

.loaderContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.loader {
  height: 100%;
  justify-content: center;
  align-items: center;
}

.sectionTitle {
  margin-bottom: layout.$spacing-04;
}

.modalBody {
  padding-bottom: layout.$spacing-05;
}

.formField {
  margin: layout.$spacing-02 0 layout.$spacing-05;
}

.errorDiv {
  color: $danger;
}

.button {
  height: layout.$spacing-10;
  display: flex;
  align-content: flex-start;
  align-items: baseline;
  min-width: 50%;

  :global(.cds--inline-loading) {
    min-height: layout.$spacing-05 !important;
  }

  :global(.cds--inline-loading__text) {
    font-size: unset !important;
  }
}

.tablet {
  padding: layout.$spacing-06 layout.$spacing-05;
}

.desktop {
  padding: 0;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.form :global(.cds--accordion__content) {
  padding-inline-end: 0;
}

.grid {
  margin: layout.$spacing-05;
  flex: 1;
}

.row {
  margin: layout.$spacing-03 0 0;
  display: flex;
  flex-flow: row wrap;
  gap: layout.$spacing-05;
}

.spacer {
  margin-top: layout.$spacing-05;
}

.emptyFormError {
  margin: 0.625rem 0;
}