@import (reference) '../../../../node_modules/antd/es/style/themes/default';
@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-tree-checkbox {
    margin: 7px 2px 0 0;
  }

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

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

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

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

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

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

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

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

  &-pagination {
    margin: 10px auto;
  }

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

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