/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/

.ec3w {
  &-scrollable-table {
    overflow-y: scroll;
    max-height: 90%;
  }

  &-reports-table {
    :hover {
      cursor: pointer;
    }
  }

  &-searchbox-container {
    display: inline-flex;
    justify-content: right;
  }

  &-template-container {
    display: flex;
    flex-direction: column;
    gap: var(--iui-size-s);
    margin-bottom: var(--iui-size-l);
    max-height: 80%;
  }

  &-button-center {
    align-self: center;
  }
}

.ec3w-templates-list-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;

  .ec3w-toolbar {
    display: flex;
    justify-content: space-between;
    gap: var(--iui-size-xs);
    border-bottom: 1px solid var(--iui-color-border-subtle);
    padding-bottom: var(--iui-size-s);
    flex-wrap: wrap;
    .ec3w-toolbar-left {
      display: flex;
      gap: var(--iui-size-xs);
      flex-wrap: wrap;
    }
  }

  .ec3w-search-bar-container {
    display: flex;
    flex-basis: var(--iui-size-3xl);
    flex-shrink: 1;
    flex-grow: 1;
  }

  .ec3w-templates-list {
    display: flex;
    flex-direction: column;
    overflow-y: overlay;
    gap: 7.5px;
    margin-top: 7.5px;
  }
}