/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
.map-manager-sublayer-panel {
  .map-manager-sublayer-tree {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;

    .core-tree-node {
      > .contents {
        padding-left: 31px;

        > .core-image-checkbox {
          top: 5px;
        }
      }
    }

    .core-image-checkbox {
      position: absolute;
      left: 5px;
      padding: 0;
      margin: -2px 0px 0px 5px;
    }
  }
}

.map-layer-select-features-dialog {
  .map-manager-sublayer-tree-content {
    .core-tree-node {
      // Revert margin added by ControlledTree on each node (there is no options to disable it)
      margin-left: -28px;
    }
  }
}

.map-manager-sublayer-tree-toolbar {
  display: flex;
  flex-direction: row;
  margin: 0 4px 6px 0;

  .tree-toolbar-action-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .tree-toolbar-button-spaced {
    margin-left: 5px;
  }

  .tree-toolbar-searchbox {
    margin-left: 6px;
    width: 100%;
  }
}

.map-manager-sublayer-tree-content {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.map-manager-sublayer-tree-searchbox {
  padding-top: 3.3px;
  padding-bottom: 3.3px;

  // We override the default padding of the search box input otherwise it
  // makes the vertical scrollbar of the tree of padded too, and doesnt look good.
  padding-inline: 0px;
  padding-inline-start: 4px;
}