@import "./base.less";

.@{css-prefix}.tree {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1em;

  li {
    //height: 36px;
    line-height: 2em;
    white-space: nowrap;
    cursor: pointer;
    .user-select(none);
    // vertical-align: middle;

    .checkbox {
      display: inline-block;
      vertical-align: middle;
    }

    i {
      vertical-align: middle;
      text-align: center;
      padding: 0;
      .user-select(none);
      width: 1em;
      display: inline-block;
    }

    .title {
      padding: .2em .4em;
      &:hover {
        color: @hover-color;
      }
    }

    &.active {
      > .title {
        //font-weight: bold;
        background: #ecf6fd;
        //color: @active-color;
      }
    }

  }

  li > .@{css-prefix}.tree {
    padding-left: 1.5em;
  }
}

.@{css-prefix}.tree-select > .content {
  box-shadow: 0 1px 5px rgba(0,0,0,.2);
  position: absolute;
  top: calc(~"100% + 5px");
  left: 0;
  z-index: 10;
  background: #ffffff;
  min-width: 100%;
  height: 260px;
  overflow: auto;
  padding: 0 @input-padding-vertical;
}