/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
div.core-settings-container {
  display: flex;
  box-sizing: border-box;
  height: 100%;
  width: 100%;

  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }

  .core-settings-container-left {
    min-width: 15em;
    height: 100%;
    overflow: auto;
    border-right: 2px solid var(--iui-color-border);

    > .uicore-tabs-vertical {
      font-size: 16px;
    }
  }
  .core-settings-container-right {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: var(--iui-color-background);
    align-content: center;

    .core-settings-container-right-header {
      display: flex;
      width: 100%;
      height: calc(var(--iui-font-size-4) * 2);
      font-size: var(--iui-font-size-4);
      font-weight: var(--iui-font-weight-semibold);
      padding-left: 15px;
      align-items: center;

      .core-settings-container-main-sub-header {
        position: relative;
        padding-left: 20px;

        &::before {
          content: "-";
          position: absolute;
          left: 10px;
          transform: translateX(-50%);
        }
      }
    }

    .core-settings-container-right-contents {
      display: flex;
      width: 100%;
      height: 100%;
      overflow: auto;
    }
  }
}