@mixin reports-base-styles {
  %cell_shared {
    border: 1px solid #d2d6de;
    padding: {
      right: 10px;
      left: 10px;
    }
  }

  display: flex;
  flex-flow: column nowrap;
  padding: 20px;

  &__row {
    display: flex;
    flex-flow: row nowrap;
  }

  &__column {
    flex: 0 1 100%;
  }

  &__report-header {
    margin: {
      top: 30px;
      right: 0;
      bottom: 26px;
      left: 0;
    }
  }

  &__title-column {
    flex: 0 1 70%;
  }

  &__date-filter-column {
    flex: 0 1 30%;
  }

  &__from-date-column,
  &__to-date-column {
    flex: 0 1 50%;
    display: flex;
    justify-content: space-between;
  }

  &__report-title {
    margin: 0;
  }

  &__report-description {
    padding-top: 10px;
  }

  &__datepicker-lbl {
    padding-right: 15px;
    &--to-lbl {
      padding-left: 10px;
    }
  }

  &__table {
    border: 1px solid #d2d6de;
    table-layout: fixed;
    width: 100%;

    &-cell {
      @extend %cell_shared;
    }

    &-cell-bold {
      @extend %cell_shared;
      font-weight: 600;
    }

    &-location-column {
      width: 350px;
    }

    &-row {
      height: 40px;
    }

    &-row:nth-child(even) {
      background-color: #fafbfb;
    }
  }
}