@use '@carbon/colors';
@use '@carbon/layout';
@use '@carbon/type';

.container {
  padding: 0 1rem 2rem;
  margin-bottom: 2rem;
  padding: layout.$spacing-08;
}

.printableBody {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.printableHeader {
  display: flex;
  flex-direction: row;
}

.img {
  display: flex;
  margin-left: auto;
}

.billDetails {
  display: flex;
  width: 50%;
  flex-direction: column;
}

.facilityDetails {
  display: flex;
  flex-flow: column wrap;
  text-align: right;
}

.heading {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: layout.$spacing-05;
}

.facilityName {
  @include type.type-style('heading-compact-02');
  font-weight: bold;
  color: colors.$green-70;
}

.itemHeading {
  @include type.type-style('body-compact-02');
  margin-bottom: 0.25rem;
  font-weight: bold;
  color: colors.$cool-gray-90;
}

.itemLabel {
  @include type.type-style('body-compact-02');
  color: colors.$cool-gray-90;
  color: colors.$cool-gray-90;
}
.printResults {
  margin-top: layout.$spacing-05;
}
.btnSet {
  width: 100%;
}

.itemFooter {
  padding: layout.$spacing-01 layout.$spacing-05;
  @include type.type-style('body-compact-02');
  color: colors.$cool-gray-90;
}

.footDescription {
  @include type.type-style('legal-01');
  padding: layout.$spacing-01 layout.$spacing-05;
  color: colors.$cool-gray-70;
  position: absolute;
}
.itemHeadingGroup {
  @include type.type-style('body-compact-02');
  margin-bottom: layout.$spacing-07;
  font-weight: bold;
  color: colors.$cool-gray-90;
}
.sectionFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: layout.$spacing-05;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  z-index: 100;
}