@use '@carbon/react/scss/spacing' as *;
@use '@carbon/react/scss/type' as *;
@use '@carbon/react/scss/breakpoint' as *;
@use '@carbon/react/scss/theme' as *;

@use './mixins.scss' as *;
@use './overrides.scss';

.newreport-page__illo {
  max-width: 100%;
}

.newreport-page__banner {
  padding-top: $spacing-05;
  padding-bottom: $spacing-05 * 2;
  @include newreport-page-background;
}

.newreport-page__actions {
  margin-top: 1rem;
  @include newreport-page-background;
}

.newreport-page__heading {
  @include type-style('heading-05');
}

.newreport-page__separator {
  font-weight: bold;
  padding-top: $spacing-03;
  padding-bottom: $spacing-02 * 2;
  margin-top: rem(40px);
  @include type-style('heading-06');
  @include newreport-page-background;
}

.newreport-page__separator h4 {
  font-weight: bold;
}

.newreport-page__r2 {
  border: 1px;
  border-color: #000000;
  margin-top: rem(40px);
  @include type-style('heading-05');
}

.newreport-page__tab-content {
  padding-top: $spacing-10;
  padding-bottom: $spacing-10;
}

.newreport-page__subheading {
  @include type-style('heading-03');
  @include font-weight('semibold');
}

.newreport-page__p {
  @include type-style('heading-03');
  margin-top: $spacing-06;
  margin-bottom: $spacing-08;

  @include breakpoint-between((320px + 1), md) {
    max-width: 75%;
  }
}

.newreport-page__r3 {
  margin-top: 20px;
  padding-top: $spacing-04;
  padding-bottom: $spacing-02;
  //@include newreport-page-background;
}

.newreport-page__label {
  @include type-style('heading-01');
}

.newreport-page__card {
  margin: 1rem auto;
  padding: 1rem;
}

.newreport-page__main {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 100vh;
  box-shadow: 1px 0 10px 0 #cccccc;
}
.newreport-page__right-pane {
  float: right;
  min-width: 30rem;
  min-height: 100vh;
  background-color: rgba(204,204,204,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.newreport-page__control {
  margin: 1rem 0;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}

.newreport-page__button {
  margin: 1rem 0;
}

.newreport-page__button button {
  //display: block;
  min-width: 100%;
}

.newreport-page__save {
  text-align: center;
  padding: 15px 32px;
}

.newreport-page__save button {
  margin-left: 1rem;
  margin-right: 1rem;
  font-size: 18px;
}