.treeSelector-container {
    position: relative;
    width: 300px;
    margin-top: 25px;
}

.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 {
    min-height: 36px;
    background-color: #fff;
    padding-left: 20px;
    padding-top: 8px;
    border: 1px solid #dbe1e2;
    border-radius: 3px;
}

.treeSelector-container .treeSelector-input-box .title-item {
  display: inline-block;
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  color: #425050;
  border-radius: 4px;
  cursor: default;
  padding: 0px 5px;
  margin-right: 5px;
  margin-top: 4px;
  margin-bottom: 3px;
}

.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: 4px 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: 400px;
  padding-left: 4px;
  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;
}

.treeSelector-input-box.active{
    opacity: 0;
    pointer-events: none;
}

.search-position-treeSelector {
    position: absolute;
    top: 0px;
}

.button-container {
    display: flex;
    margin-bottom: 10px; / Adjust spacing as needed /
}

.button-container .select-all-btn,
.button-container .deselect-all-btn {
    flex: 1; / Make both buttons take equal width /
padding: 5px 10px;
    cursor: pointer;
    text-align: center; / Center text inside the buttons /
background-color: white; / Set background color to white /
color: black; / Set text color to black /
border: 1px solid black; / Set border color to black /
border-radius: 0; / Remove rounded corners to ensure they align perfectly /
}

.button-container .select-all-btn, .button-container .deselect-all-btn {
    color: #666;
    white-space: nowrap;
}