.reports-list {
  list-style: none;
  margin: 0;
  padding: 0;
  li {
    margin: 10px 0;
    .page-icon {
      vertical-align: middle;
      padding-right: 10px;
    }
  }
}

.report {
  @media print {
    width: $blueprint-container-outer-width;
  }

  #shared-header {
    @media print {
      padding-top: 20px;
    }
    .report-period {
      display: inline;
      float: right;
      position: relative;
      top: 15px;
      @include border-radius(8px);
      color: $WHITE_FONT_COLOR;
      background-color: $WHITELABEL_COLOR;
      padding: 8px;
      font-size: 1.583em;
      font-weight: bold;
      @media screen {
        text-shadow: 1px 1px 0 $TERTIARY_FONT_COLOR;
      }
    }
  }
}

.super-report-div {
  @include column(12, last);
  .report-div {
    @media print {
      page-break-inside: avoid;
      a {
        color: $PRIMARY_BORDER_COLOR;
      }
    }
    @include border-radius(5px);
    border: 1px solid $PRIMARY_BORDER_COLOR;
    margin-bottom: 15px;
    .heading {
      @include border-radius(5px 5px 0 0);
      @include clearfix();
      padding: 5px;
      border-bottom: 1px solid $PRIMARY_BORDER_COLOR;
      h4 {
        color: $SECONDARY_FONT_COLOR;
        margin: 0;
        padding: 0;
        font-size: 1em;
        font-weight: bold;
      }
      background-color: $SECONDARY_BACKGROUND_COLOR;
    }
    .content {
      @include clearfix;
      color: $SECONDARY_FONT_COLOR;
      .stats-list {
        list-style: none;
        margin: 0;
        padding: 0 10px 0 10px;
        li {
          color: $SECONDARY_FONT_COLOR;
          margin-right: 50px;
          float: left;
          text-align: center;
          div {
            height: 30px;
            line-height: 30px;
          }
        }
        .total {
          font-size: 1.333em;
        }
      }
    }
  }
}

.snapshot-preview-background {
  background: url(/static/images/snapshot-example-blurred.png);
}