div.tree-multiselect {
    border-radius: 5px;
    height: inherit;
    width: 100%;
    display: flex;
    flex-direction: column;
    color: #5a5a5a;
}
  div.tree-multiselect > div.selected, div.tree-multiselect > div.selections {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    padding: 0px;
    width: 100%;
}
 div.tree-multiselect > div.selections {
    border-right: 0px;
    text-align: left;
}
  div.tree-multiselect > div.selections div.item {
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 1px 0px;
    display: inline-block;
    border: 1px solid #dceaf7;
    padding-right: 9px;
    margin-top: 6px;
    margin-bottom: 6px;
    border-radius: 3px;
    background-color: #f9fbfd;
    margin-right: 10px;
}
      div.tree-multiselect > div.selections div.item label {
    cursor: pointer;
    display: inline;
    font-size: 13px;
}
    div.tree-multiselect > div.selections.no-border {
      border-right: none; }
      div.tree-multiselect > div.selected > div.item {
    padding: 2px 5px;
    border-radius: 2px;
    background: #dee2fb;
    text-align: left;
    display: inline-block;
    font-size: 13px;
    color: #4b57d0;
    margin-bottom: 5px;
    margin-right: 6px;
}
  div.tree-multiselect > div.selected.ui-sortable > div.item:hover {
    cursor: move; }
  div.tree-multiselect div.section > div.section, div.tree-multiselect div.section > div.item {
    padding-left: 7px;
    text-align: left;
}
  div.tree-multiselect div.section.collapsed > div.title span.collapse-section:after {
    content: "+"; }
  div.tree-multiselect div.section.collapsed:not([searchhit]) > .item,
  div.tree-multiselect div.section.collapsed:not([searchhit]) > .section {
    display: none; }
  div.tree-multiselect div.title,
  div.tree-multiselect div.item {
    margin-bottom: 2px; }
div.tree-multiselect div.title {
    background: #fff;
    color: #4e4b4b;
    padding: 13px 18px;
    text-align: left;
    position: relative;
    border-top: 1px solid #dceaf7;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #dceaf7;
}
div.tree-multiselect .collapsed div.title {

	border-bottom: 0px solid #dceaf7;
}
    div.tree-multiselect div.title > * {
      display: inline-block; }
      div.tree-multiselect div.title > span.collapse-section {
      margin: 0 3px;
      width: 8px;
      position: absolute;
      right: 20px;
      font-size: 29px;
      color: #4d5bed;
      font-weight: 600;
      line-height: 24px;
  }
      div.tree-multiselect div.title > span.collapse-section:after {
        content: "-"; }
    div.tree-multiselect div.title:hover {
      cursor: pointer; }
  div.tree-multiselect input[type=checkbox] {
    display: inline;
    margin-right: 5px; }
    div.tree-multiselect input[type=checkbox]:hover {
      cursor: pointer; }
      div.tree-multiselect span.remove-selected, div.tree-multiselect span.description {
          padding: 0 3px;
          margin-right: 5px;
          background: #4d5bed;
          color: white;
          border-radius: 2px;
      }
  div.tree-multiselect span.remove-selected:hover {
    cursor: pointer; }
  div.tree-multiselect span.description:hover {
    cursor: help; }
  div.tree-multiselect div.temp-description-popup {
    background: #EAEAEA;
    padding: 5px;
    border: 2px solid #676767;
    border-radius: 3px; }
  div.tree-multiselect span.section-name {
    font-style: italic;
    border-left: 1px solid #91b6d6;
    margin-left: 9px;
    padding-left: 3px;
    font-size: 12px;
}
div.tree-multiselect .auxiliary {
    display: flex;
    width: 100%;
    background-color: #f4f5fb;
    padding: 5px 18px;
    justify-content: space-between;
}
div.tree-multiselect .auxiliary input.search {
    padding: 5px;
    margin: 0;
    border: 0px;
    display: table-cell;
    width: 100%;
    position: absolute;
    top: -50px;
    outline: none;
    left: 0px;
}
div.tree-multiselect .auxiliary .select-all-container {
display: table-cell;
text-align: left;
font-size: 13px;
}
      div.tree-multiselect .auxiliary .select-all-container span.select-all,
      div.tree-multiselect .auxiliary .select-all-container span.select-all, div.tree-multiselect .auxiliary .select-all-container span.unselect-all {
    padding-right: 5px;
    margin-right: 5px;
    color: #ed7e1f;
}
        div.tree-multiselect .auxiliary .select-all-container span.select-all:hover,
        div.tree-multiselect .auxiliary .select-all-container span.unselect-all:hover {
          cursor: pointer; }
     div.tree-multiselect .auxiliary .select-all-container span.select-all {
    border-right: 2px solid #D8D8D8;
    color: #ed7e1f;
}
.tree-multiselect .selected {
    order: -1;
    text-align: left;
    padding: 8px !important;
    max-height: 100px;
    overflow: auto;
}
div.tree-multiselect > div.selections div.item:first-child {
    background-color: yellow;
}

div.tree-multiselect .auxiliary input.search
{
	display:none
}
.open-dropdown div.tree-multiselect .auxiliary input.search
{
	display:block
}

/*** custom checkboxes ***/

.section .item input[type=checkbox] { display:none !important; } /* to hide the checkbox itself */
.section .iteminput[type=checkbox] + label:before {
  font-family: 'Font Awesome 5 Free';
  display: inline-block;
}

.section .item input[type=checkbox] + label:before { content: "\f0c8";font-family: 'Font Awesome 5 Free';
    display: inline-block; } /* unchecked icon */
.section .item input[type=checkbox] + label:before {
    letter-spacing: 0px;
    color: #d2cfcd;
    font-size: 18px;
    vertical-align: middle;
    margin-right: 7px;
    width: 15.6px;
}/* space between checkbox and label */

.section .item input[type=checkbox]:checked + label:before {
    content: "\f14a";
    font-family: 'Font Awesome 5 Free';
    display: inline-block;
    color: #ed7e1f;
} /* checked icon */
.section .item input[type=checkbox]:checked + label:before { letter-spacing: 0px; } /* allow space for check mark */

.title input[type=checkbox] , .selections > .item input[type=checkbox] {
    margin-right: 12px !important;
    height: 16px;
    width: 16px;
    margin-top: -3px;
    vertical-align: middle;
}
.selections > .item {
    display: block !important;
    margin-right: 0px !IMPORTANT;
    background-color: transparent !important;
    border: none !important;
    padding: 13px 18px !important;
    margin: 0px !important;
}
.selections > .item label {
    color: #4e4b4b;
    font-weight: 500;
    font-size: 18px !important;
}
.selections .section {
    padding: 0px 15px;
}
.selections .section .title
{
	margin-left: -15px;
	margin-right:-15px;
}
.done_btn {
    display: inline-block;
    background-color: #4d5bed;
    color: white;
    padding: 0px 8px;
    font-size: 12px;
    border-radius: 5px;
    cursor: pointer;
}