.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

/*Nodes interface styles*/
.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}
.navbar-brand {
  position: relative;  
  padding: 0;
  float:left;
}
.navbar-brand2 {
  display: flex;
  align-items: center;
  padding-left: 30px;
}
.navbar-brand>img {
  position:relative;
  height: 100%;
}

/* Remove default bullets */
ul.erpnodes, ul.erpnodes ul {
  list-style-type: none;
}

/* Remove margins and padding from the parent ul */
.erpnodes {
  margin: 0;
  padding: 0;
}

/*.erpnodes li {
  margin-bottom: 5px;
  margin-top: 5px;
}*/

/* Style the caret/arrow */
.icaret, .addnode, .editnode, .datanodes, .render_node {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.icaret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.icaret-down::before {
  transform: rotate(90deg);
}

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}

.scroll {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: scroll;
}

.active_select {
    font-weight: bold;
}

.menu_hide_btn {
    cursor: pointer;
}

/*Standard interface styles*/
/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}

.active_select {
    font-weight: bold;
}

.menu_hide_btn {
    cursor: pointer;
}
a.root span.node_long_name {
    position: relative;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.divider_with_stroke {
    text-align:center;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 10px 0;
    grid-gap: 20px;
    justify-content:center;
    text-overflow: ellipsis;
    overflow: hidden;
}
.divider_with_stroke:after, .divider_with_stroke:before {
content: " ";
display: block;
border-bottom: 1px solid #444;
}

/*Notification panel*/
/* The side navigation menu */
.side-notify {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 999; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #fff;  /*Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 130px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* Position and style the close button (top right corner) */
.side-notify .closebtn {
  position: absolute;
  top: 80px;
  left: 25px;
  font-size: 36px;
  margin-right: 50px;
}

/*datanodegrid*/
table.datanode_group thead input.dataset_filter {
    min-width: 10em;
}

/* scroll hidden */
.scroll-h{
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}
.scroll-h::-webkit-scrollbar { /* WebKit */
  display: none;
}