@root-entry-name: 'default';
@import '~antd/es/style/themes/index.less';
@ec-device-tree-prefix-cls: ~'@{ant-prefix}-ec-device-tree';

.@{ec-device-tree-prefix-cls} {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 5px;

  &-divider {
    margin: 6px 0 12px 0;
  }

  .@{ant-prefix}-tree-checkbox {
    margin: 7px 2px 0 0;
  }

  .@{ant-prefix}-tree-title {
    white-space: nowrap;
  }

  .@{ant-prefix}-tree-treenode {
    width: 100%;
  }

  .@{ant-prefix}-tree-switcher {
    line-height: 30px;
  }

  .@{ant-prefix}-tree-switcher-noop {
    width: 14px;
  }

  .@{ant-prefix}-tree-node-content-wrapper {
    flex: 1;
    min-height: 30px;
    overflow: hidden;
    line-height: 30px;
    text-overflow: ellipsis;
    border-radius: 3px;
  }

  .@{ant-prefix}-tree .@{ant-prefix}-tree-node-content-wrapper.@{ant-prefix}-tree-node-selected {
    color: #1890ff;
    background-color: #eaf1fe;
  }

  &-content {
    flex: 1;
    overflow-y: scroll;
  }

  .@{ant-prefix}-spin-nested-loading {
    height: 100%;
  }

  &-pagination {
    margin: 10px auto;
  }

  &-total.@{ant-prefix}-divider-horizontal.@{ant-prefix}-divider-with-text {
    margin: 10px auto;
    color: #a4b1c7;
  }

  .@{ant-prefix}-divider-horizontal.@{ant-prefix}-divider-with-text::before,
  .@{ant-prefix}-divider-horizontal.@{ant-prefix}-divider-with-text::after {
    top: 0;
  }
}
