.treeSelector-container {
  position: relative;
  width: 100%;
  text-align:left;
  z-index:10;
}

.treeSelector-container ul {
  padding-left: 0;
  list-style: none;
}

.treeSelector-container li.treeSelector-li {
  padding-left: 0;
  list-style: none;
}

.treeSelector-container .treeSelector-input-box {
    width: 100%;
    min-height: 1.8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url('../../../images/select_arrow.png') no-repeat right 0.25rem center;
    padding-right:20px!important;
}
.treeSelector-container .treeSelector-input-box.visible {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0px 0px 0px 0.2rem rgba(0,123,255,0.25);
}

.treeSelector-container .treeSelector-input-box .title-item {
  display: none;
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  color: #425050;
  border-radius: 4px;
  cursor: default;
  padding: 0px 5px;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 5px;
  /*width:30%;*/
  float:left;
  white-space:nowrap; 
  overflow:hidden;
  text-overflow:ellipsis;
}
.treeSelector-container .treeSelector-input-box .title-item .title{
    font-weight:normal;
}

.treeSelector-container .treeSelector-input-box .title-item .fa {
  cursor: pointer;
  padding-right: 5px;
}

.treeSelector-container li.treeSelector-li .treeSelector-li-title-box {
  cursor: pointer;
}

.treeSelector-container li.treeSelector-li .treeSelector-li-title-box:hover {
  background-color: #f3f3f3;
}

.treeSelector-container li.treeSelector-li.level-1 .treeSelector-li-title-box{
  padding-left: 20px;
}
.treeSelector-container li.treeSelector-li.level-2 .treeSelector-li-title-box {
  padding-left: 40px;
}
.treeSelector-container li.treeSelector-li.level-3 .treeSelector-li-title-box {
  padding-left: 60px;
}
.treeSelector-container li.treeSelector-li.level-4 .treeSelector-li-title-box {
  padding-left: 80px;
}

.treeSelector-container label.treeSelector-li-title-box {
  display: inherit;
  padding: 0;
}

.treeSelector-container label.treeSelector-li-title-box input[type=checkbox] {
  margin-right: 5px;
}

.treeSelector-container .treeSelector-wrapper {
  display: none;
}

.treeSelector-container .treeSelector-wrapper.visible {
  display: block;
  position: absolute;
  left: 0;
  max-height: 200px;
  overflow: auto;
  width: 100%;
  padding-left:10px;
  padding-top:10px;
  background: #fff;
  border: 1px solid #dbe1e2;
  z-index: 2;
}

.treeSelector-container.disabled {
  cursor: not-allowed;
  background: #f3f3f3;
}

.treeSelector-container.disabled .treeSelector-input-box {
  background: #eee;
  border-color: #d2d6de;
}

.treeSelector-container.disabled .title-item {
  cursor: not-allowed;
}

.treeSelector-container.disabled .title-item .fa-times {
  display: none;
}

.treeSelector-container.no-options .treeSelector-input-box {
  padding-top: 5px;
  color: #999;
  user-select: none;
}