@use '@carbon/styles/scss/type';
@use '@carbon/styles/scss/spacing';
@use '@carbon/colors';
@use '~@openmrs/esm-styleguide/src/vars' as *;

.bodyShort01 {
  @include type.type-style('body-compact-01');
}

.widgetCard {
  background-color: colors.$white;
  border: 1px solid $ui-03;
  position: relative;
}

.contextSwitcherContainer {
  width: 20rem;
  min-width: 60%;
  margin-right: 1rem;
}

.desktopContentSwitcher {
  width: 100%;
}

.tabletContentSwitcher {
  width: 100%;
}

.helperContainer {
  color: $color-gray-70;
  @extend .bodyShort01;
  text-align: left;
  padding-left: 1.3rem;
}

.labelRed {
  color: $danger;
}

.careProgramContainer {
  margin-top: spacing.$spacing-05;
  & > div {
    padding: 0;
  }
}