.bsg-pane-selector .nav-tabs .nav-link:hover{
  background-color: #fff7bf
}

.bsg-pane-selector .nav-link.active{
  font-weight: 600;
}

.bsg-pane-selector .nav-link.active:hover{
  background-color: #fff;
}

.pane-selector-wrapper{
  border: 1px solid #dee2e6;
  background-color: #fff;
 overflow: hidden;
}

.pane-selector-inner{
  min_height: 200px;
}
.items-selected-list,
.pane-selector-inner{
  height: 200px;
}
.pane-selector-inner{
  overflow-x: auto;
}

.items-selected-list,
.bsg-pane-selector-col{
  overflow-y:auto;
  background-color: #fff;
  white-space: normal;

}


.items-selected-list::-webkit-scrollbar,
.pane-selector-inner::-webkit-scrollbar{
  background-color: #fff;
}

.pane-selector-inner::-webkit-scrollbar:horizontal {
    height: 3px;
}

.pane-selector-inner:hover::-webkit-scrollbar {
}

.pane-selector-inner::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(240,180,30,.5);
}

.pane-selector-inner:hover::-webkit-scrollbar-thumb {
    background-color: rgba(240,180,30,1);
}


.bsg-pane-selector-col::-webkit-scrollbar {

}

.items-selected-list::-webkit-scrollbar:vertical,
.bsg-pane-selector-col::-webkit-scrollbar:vertical {
    width: 3px;
}

.items-selected-list:hover::-webkit-scrollbar,
.bsg-pane-selector-col:hover::-webkit-scrollbar {
 
    background-color: rgba(99, 99, 99, .2);
}

.items-selected-list::-webkit-scrollbar-thumb,
.bsg-pane-selector-col::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(240,180,30,.4);
    -webkit-appearance: block;
}

.items-selected-list:hover::-webkit-scrollbar-thumb,
.bsg-pane-selector-col:hover::-webkit-scrollbar-thumb {
    background-color: rgba(240,180,30,.9);
}
.items-selected-list .count-item,
.bsg-pane-selector-item{
  background-color: #fff;
  cursor: pointer;
  font-size: .9rem;
}

.items-selected-list .count-item.odd{
  background-color: #f8faf9;
}
.items-selected-list .count-item.odd:hover,
.items-selected-list .count-item:hover,
.bsg-pane-selector-item:hover{
  background-color: #fff7bf;
}

.items-selected-list .count-item.border-bottom{
  border-bottom: 1px solid #e9e9e9!important;
}


.bsg-pane-selector-col,
.pane-selector-wrapper .item{
  display:none;
}


.bsg-pane-selector-item.parent .add-item-icon,
.bsg-pane-selector-item.parent .remove-item-icon,
.bsg-pane-selector-item.selectable .remove-item-icon{
  display: none;
}

.bsg-pane-selector-item.parent.selected .show-children-icon,
.bsg-pane-selector-item.selectable .show-children-icon,
.bsg-pane-selector-item .hide-children-icon{
  display: none;
}
.bsg-pane-selector-item.parent.selected .hide-children-icon{
  display: block;
}
.bsg-pane-selector-item.parent.selected{
  background-color: #f4f6f5;
}

.bsg-pane-selector-item .icon{
  color: #ccc;
}
.bsg-pane-selector-item:hover .icon{
  color: #888;
}

.bsg-pane-selector-item.selectable.selected .icon,
.bsg-pane-selector-item.parent.selected .icon{
  color: #444;
}

.pane-tab-header{
  background-color: #eee;
  min-height: 2.9375rem;
}


.bsg-pane-selector-item.selectable.selected .add-item-icon{
  display: none;
}
.bsg-pane-selector-item.selectable.selected .remove-item-icon{
  display: block;
}

.pane-selector-tabs .items-selected-list-wrapper{
  padding: 0 !important;
}

.items-selected-list-header{
  color: #888;
}

.items-selected-list-header .show-more{
  visibility: hidden;
  display:none;
}
.items-selected-list-header .the-count,
.items-selected-list-header .the-list-label{
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}

.items-selected-list-wrapper.has-scroll .show-more{
  visibility: visible;
}

.items-selected-list-header .items-selected-count{
  font-size: 1.2rem;
}
.items-selected-list-wrapper.has-items .items-selected-list-header{
  color: inherit;
}

.items-selected-list .remove-item-icon{
  cursor: pointer;
  color: #565857;
  visibility: hidden;
}

.items-selected-list .count-item:hover .remove-item-icon{
  color: #565857;
  visibility: visible;
}
.items-selected-list .count-item .remove-item-icon:hover{
  color: #dc3545;
  visibility: visible;
}

.bsg-pane-selector-col .filter-title{
  max-width: 280px;
  min-width: 80px;
  user-select: none; 
}


.add-more.btn,
.cancel-subform.btn,
.add-item.btn{
  user-select: none; 
  cursor: pointer;
  border: 1px solid #ccc;
  background-color: #ffffff;
}



.add-more.btn:hover,
.cancel-subform.btn:hover,
.add-item.btn:hover{
  background-color: #fff7bf;
}