report-panel {
  display: flex;
  flex-direction: column;
  position: relative;

  .event-part, .chart-part {
    overflow: auto;
    flex: 1;
  }

  .chart-part.chart {
    overflow: hidden;
  }

  .chart-wrap {
    // min-height: 215px;
    height: 100%;

    > .chart {
      height: 100%;
    }

    &[resizable]:not([resizable=false]) {
      // height: calc(100% - 14px);
    }
  }

  .to-search {
    position: absolute;
    top: 0;
    right: 0;
  }

  .report-header {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 13px;

    h3 {
      font-size: inherit;
      margin: 0 12px 0 0;
      color: #616161;
      line-height: 1;
      font-weight: 500;
      max-width: calc(100% - 75px);
    }
  }

  .btn-pill {
    padding: 0 4px;
  }

  event-record-list .record-display-table {
    width: fit-content;
    overflow: unset;
  }

  ng-transclude {
    display: inline-block;
    margin-left: 12px;
  }

  .chart-wrap {
    > .aggregation {
      height: 100%;
      overflow: auto;
    }
  }

  .report-config {
    display: flex;
    align-items: center;
    transition: opacity .2s;
  }

  &:not(:hover) :not(.always-show).report-config {
    opacity: 0;
  }

  .complex-error {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    text-align: center;
    overflow: hidden;
  }

  .chart-part,
  .aggregation {
    &::-webkit-scrollbar {
      width: 0 !important ;
    }
    & {
      -ms-overflow-style: none;
    }
    & {
      overflow: -moz-scrollbars-none;
    }
  }
}

.modal-width430 {
  width: 430px;

  .list-item-container {
    width: 100%;
  }
}