/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
.simple-tab-box {
  position: absolute;
  min-width: @bench-view-min-width;
  min-height: @bench-view-min-height;

  & > .simple-tab-area {
    position: relative;
    height: @desktop-header-height;

    /* Has the same effect as "border-bottom: 1px solid @border-color", but is over-drawable by child */
    /* elements (such as the selected view-tab). The border would not be, because of "overflow: hidden". */

    &::before {
      content: '';
      background-color: @border-color;
      width: 100%;
      height: 1px;
      position: absolute;
      top: calc(~'100% - 1px');
      left: 0;
    }
  }

  & > .tab-content {
    height: 100%;
    background-color: @background-color;
  }
}