.hidden-search {
  display: none !important;
}


li[data-parent].closed{
  display:none !important;
}

li[data-parent].open:not(.hidden-search){
  display:block !important;
}

.vsb-menu{
  cursor:pointer;
  z-index:1000;
  display:block;
  visibility: hidden;
  position:absolute;/*Don't change*/
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ebeff3 !important;
  border-radius:4px;
  font-size : 11px;
  width: 100%;
  margin-top: 3px;
}

.vsb-js-search-zone{
  position:absolute;/*Don't change*/
    z-index:1001;
  width: 100%;
  min-height:1.8em;
  padding: 2px 5px;
  background-color: #fff;
}

.vsb-js-search-zone input{
  border: 1px solid #ced4da;
  margin-left: 0px;
  width: 100%;
  border-radius: 6px !important;
  height: 40px !important;
}
.vsb-js-search-zone input:focus { box-shadow: none !important; border-color: #ced4da !important; }
.vsb-js-search-zone input:focus-visible {
  outline: none;
}

.vsb-main{
  position: relative;/*Don't change*/
  display: inline-block;
  vertical-align: middle;
  text-align:left;
  width: 100%;
}

.vsb-menu li:hover,
.vsb-menu li.active {
  background: #F9FAFB !important;
  color: #000 !important;
}

.vsb-menu ul{
  user-select:none;
  list-style:none;
  white-space: nowrap;
  margin:0px;
  margin-top:4px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:3px;
  color: #333;
  cursor:pointer;
  overflow-y:auto;
  max-width: 100% !important;
  width: 100% !important;
}
.vsb-menu ul::-webkit-scrollbar {
width: 6px;
height: 5px;
}
.vsb-menu ul::-webkit-scrollbar-track {
background: transparent;
}
.vsb-menu ul::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #EAECF0;
border: 1.5px solid #EAECF0;

}

li.disabled{
  cursor:not-allowed;
  opacity:0.3;
  background-color: #999;
}

li.overflow{
  cursor:not-allowed;
  opacity:0.3;
  background-color: #999;
}

li.short{
  overflow:hidden;
  text-overflow: ellipsis;
}
.multiselect-checkbox .vsb-main button:focus{
      box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14) !important;
    border-color: #D0D5DD !important;
}
.vsb-main button,
.multiselect-checkbox .vsb-main button{
  min-width: 120px;
  width: 100%;
  text-align: left;
  z-index: 1;
  color: #667085 !important;
  background: white !important;
  line-height:20px;
  font-size:14px;

  border: 1px solid #d0d5dd !important;
  max-width: 500px;
  height: 40px !important;
  padding: 5px 12px !important;
  border-radius: 8px !important;
  width: 100% !important;
  cursor: pointer;
}
.page-companies-details .multiselect-checkbox .vsb-main button {
  max-width: 100% !important;
}
.vsb-main.selected button {
  color: #101828 !important;
}
.open .vsb-main button,
.multiselect-checkbox .vsb-main.open button {
  box-shadow: 0px 0px 0px 4px #98A2B324;
}

.vsb-main button.disabled{
  cursor:not-allowed;
  opacity:0.65;
}

.vsb-main .title {
  margin-right: 6px;
  user-select:none;
}

.vsb-main li:hover {
  background: #F9FAFB !important;
  color: #000 !important;
}

.vsb-main ul{
  white-space: nowrap;
  padding: 0;
}

.vsb-menu li {
  font-size: 13px;
    background-color: #fff;
    min-height: 1.4em;
    padding: 10px 10px 10px 35px;
    margin: 3px 7px;
    color: #212529;
    border-radius: 5px;
}

.vsb-menu li.grouped-option b {
  display: inline-block;
  font-size: 15px;
  margin-left:10px;
  transform: translate(-18px);
}

.vsb-menu li.grouped-option.open span {
  display: inline-block;
  font-size: inherit;
  margin-top:-2px;
  height: 8px;
  width:  8px;
  transform: translate(-38px) rotate(45deg);
  border-bottom:  3px solid black;
  border-right:  3px solid black;
  border-radius:2px;
}

.vsb-menu li.grouped-option.closed span {
  display: inline-block;
  font-size: inherit;
  height: 8px;
  width:  8px;
  transform: translate(-38px) rotate(-45deg);
  border-bottom:  3px solid black;
  border-right:  3px solid black;
  border-radius:2px;
}

.vsb-menu li.grouped-option i {
  display: inline-block;
  font-size: inherit;
  float:left;
  font-weight:bold;
  margin-left:22px;
  margin-right:2px;
  height: 11px;
  width:  8px;
  border : 1px solid;
  border-radius : 3px;
  padding: 1px 3px 2px 3px;
  margin-top:0px;
  color:black;
}

.vsb-menu li.grouped-option.checked i::after {
  content: "";
  display: inline-block;
  font-size: inherit;
  color: #333;
  float:left;
  margin-left:0px;
  display: inline-block;
  transform: rotate(45deg);
  height: 8px;
  width:  5px;
  border-bottom: 3px solid black;
  border-right:  3px solid black;
}

.vsb-menu :not(.multi) li.active {
  margin-left:7px;
}

.vsb-menu :not(.multi) li.active::before {
  content: "";
  display: inline-block;
  font-size: inherit;
  margin-left:-18px;
  transform: rotate(45deg);
  height: 10px;
  width:  5px;
  border-bottom:  3px solid black;
  border-right:  3px solid black;
  border-radius:2px;
}

.vsb-menu .multi li {
  font-size: 13px;
  background-color: #fff;
  min-height:1.4em;
  padding: 10px 10px 10px 35px;
}

.vsb-menu .multi li.grouped-option {
  font-size: 15px;
  padding-left: 5px;
}


.vsb-menu .multi li.grouped-option:hover {
  font-weight: bold;
  text-decoration: underline;
  color:rgb(52, 31, 112);
}

.vsb-menu .multi li:not(.grouped-option)::before{
  content: "";
  display: inline-block;
  font-size: inherit;
  float:left;
  font-weight:bold;
  margin-left:-22px;
  margin-right:2px;
  border : 1px solid;
  border-radius : 3px;
  padding : 7px;
  margin-top:0px;
  color: #e9e9e9;
  height: 17px;
  width: 17px;
}

.vsb-menu .multi li:not(.grouped-option).active::after {
  content: "";
  display: inline-block;
  font-size: inherit;
  float: left;
  margin-left: -22px;
  display: inline-block;
  height: 17px;
  width: 17px;
  background-image: url(../images/timesheet/checkbox.svg);
  background-repeat: no-repeat;
}

.caret {
  position: relative;
}

.caret:before {
  background-image: url(../images/dashboard/arrow_down.svg);
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  text-align: right;
  background-size: 12px 20px;
  width: 20px;
  height: 20px;
  display: flex;
  top: -7px;
}
.open .caret:before {
  background-image: url(../images/dashboard/arrow_up.svg);
}

li[data-parent]{
  padding-left: 50px !important;
}
.vsb-menu .multi p { margin-bottom: 30px; }