#viewDiv {
    flex: 1;  
  }


  #toolbarDiv {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: default;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

 .jsPanel-hdr{
    background-color: rgb(14, 38, 50) !important;  
   
 }

 .jsPanel-title{
  color: rgb(125, 132, 171) !important;  
 }


 .jstree-contextmenu {
  position: absolute; /* Ensure position is set */
  z-index: 10000 !important; /* Adjust z-index as needed, make sure it is high enough */
}


/*  
.colorpicker {
  flex-shrink: 0;
  width: 300px;
  margin-bottom: 30px;
} */



.square .clr-field button,
.circle .clr-field button {
  width: 22px;
  height: 22px;
  left: 5px;
  right: auto;
  border-radius: 5px;
}

.square .clr-field input,
.circle .clr-field input {
  padding-left: 36px;
}


.form-check {
  align-items: left !important;
  justify-content: left !important;
}


.dropdown-menu{
  max-height: 300px;
  width: 300px; 
    overflow-y:auto !important;
}


#anotherDropdown {
  width: 300px; /* Adjust the width as needed */
}

.jstree li.jstree-open > a.jstree-anchor > i.jstree-checkbox,
.jstree li.jstree-closed > a.jstree-anchor > i.jstree-checkbox { display:none; }


.top-center {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}