body.signin,
body.recover-password{
    background: var(--bs-gray-500);
    height: 100vh;
}
.toast-container {
    width: 370px;
    min-height: 50px;
    position: fixed;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 0 1rem;
}
.tr-child .card {
    display: none;
}
#sidebarMenu .nav-item {
    cursor: pointer;
    position: relative;
}
.submenu-crm {
    visibility: hidden;
    position: absolute;
    top: -.5rem;
    left: 210px;
    z-index: 598;
    width: 100%;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important;
    list-style: none;
    padding: .5rem;
    border-radius: 0.25rem;
}

#sidebarMenu ul li:hover > .submenu-crm {
    visibility: visible;
}
#sidebarMenuul .submenu-crm {
    top: 0;
    left: 100%;
}
.dash .backBtn {
    display: none;
}

#VersionText {
    position: fixed;
    right: 0;
    bottom: 0;
    padding: .5rem;
    font-size: xx-small;
    color: #6c757d;
    z-index: -1;
}


/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
}


.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div,
.autocomplete-items li {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover,
.autocomplete-items li:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}


.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}
/*
.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}
*/
.sidebar .nav-link .feather {
  margin-right: 4px;
  /*color: #727272;*/
}
/*
.sidebar .nav-link.active {
  color: #2470dc;
}
*/
.sidebar .nav-link:hover {
    color: #fff;
    background-color: var(--bs-blue);
}
.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}


.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}


.turbo-mode-on {
    background: var(--bs-teal);
    color: #fff !important;
    margin-bottom: -0.25rem;
    margin-top: -0.15rem;
    padding-top: 0.7rem;
    pointer-events: none;
}


.bg-side0 {
    background: var(--bs-teal);
}
.bg-side1 {
    background: var(--bs-cyan);
}

.bg-range1 {
    background: #3e5b19;
}
.bg-range2 {
    background: #5a8c51;
}
.bg-range3 {
    background: #95d040;
}
.bg-range4 {
    background: #d0f59c;
    color: #000;
}
.bg-range5 {
    background: #c6e5f0;
    color: #000;
}
.bg-range6 {
    background: #72b9ed;
}
.bg-range7 {
    background: #396084;
}
.bg-range8 {
    background: #330d3b;
}
.bg-range9 {
    background: #dd324c;
}
.bg-range10 {
    background: #f3ca39;
}


.binaryTreeLevelWrap {
    position: relative;
    overflow: scroll;
}


@media screen and (max-width: 992px){
    .TheDarkSide-hold {
        width: 100%!important;
    }
}


.binary-tree {
    position: relative;
    overflow: auto;
}
.binary-tree:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 2px;
    background: var(--bs-primary);
    height: 90%;
    top: 60px;
    right: calc(50% - 1px);
}
.binary-tree .circle {
    z-index: 10;
  position: relative;
  display:flex;
  flex-direction: column;
  justify-content:center;
  align-items:center;
  height: 70px;
  width: 70px;
  margin: 0 auto;
  text-align: center;
  border-radius: 50%;
  background-color: #ececec;
  transition:all .3s ease;
  border:2px solid transparent;
  cursor:pointer;
}
.binary-tree .circle:hover {
  border-color:#5a8b51;
  box-shadow:0 0 5px 4px rgba(237,221,94,.5);
}
.binary-tree .level {
  display: flex;
  padding: 10px;
}
.circle img {
    width: 75%;
    display: block;
}
.circle.circle-empty:hover {
    border-color: transparent;
    box-shadow: initial;
}
.circle.circle-empty {
    opacity: .3;
}
.level[data-level="32"] .circle {
    width: calc(100% / 32);
    height: 45px;
}


.tf-tree{font-size:16px;overflow:auto}.tf-tree *{box-sizing:border-box;margin:0;padding:0}.tf-tree ul{display:inline-flex}.tf-tree li{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;padding:0 1em;position:relative}.tf-tree li ul{margin:2em 0}.tf-tree li li:before{border-top:.0625em solid #000;content:"";display:block;height:.0625em;left:-.03125em;position:absolute;top:-1.03125em;width:100%}.tf-tree li li:first-child:before{left:calc(50% - .03125em);max-width:calc(50% + .0625em)}.tf-tree li li:last-child:before{left:auto;max-width:calc(50% + .0625em);right:calc(50% - .03125em)}.tf-tree li li:only-child:before{display:none}.tf-tree li li:only-child>.tf-nc:before,.tf-tree li li:only-child>.tf-node-content:before{height:1.0625em;top:-1.0625em}.tf-tree .tf-nc,.tf-tree .tf-node-content{border:.0625em solid #000;display:inline-block;padding:.5em 1em;position:relative}.tf-tree .tf-nc:before,.tf-tree .tf-node-content:before{top:-1.03125em}.tf-tree .tf-nc:after,.tf-tree .tf-nc:before,.tf-tree .tf-node-content:after,.tf-tree .tf-node-content:before{border-left:.0625em solid #000;content:"";display:block;height:1em;left:calc(50% - .03125em);position:absolute;width:.0625em}.tf-tree .tf-nc:after,.tf-tree .tf-node-content:after{top:calc(100% + .03125em)}.tf-tree .tf-nc:only-child:after,.tf-tree .tf-node-content:only-child:after,.tf-tree>ul>li>.tf-nc:before,.tf-tree>ul>li>.tf-node-content:before{display:none}.tf-tree.tf-gap-sm li{padding:0 .6em}.tf-tree.tf-gap-sm li>.tf-nc:before,.tf-tree.tf-gap-sm li>.tf-node-content:before{height:.6em;top:-.6em}.tf-tree.tf-gap-sm li>.tf-nc:after,.tf-tree.tf-gap-sm li>.tf-node-content:after{height:.6em}.tf-tree.tf-gap-sm li ul{margin:1.2em 0}.tf-tree.tf-gap-sm li li:before{top:-.63125em}.tf-tree.tf-gap-sm li li:only-child>.tf-nc:before,.tf-tree.tf-gap-sm li li:only-child>.tf-node-content:before{height:.6625em;top:-.6625em}.tf-tree.tf-gap-lg li{padding:0 1.5em}.tf-tree.tf-gap-lg li>.tf-nc:before,.tf-tree.tf-gap-lg li>.tf-node-content:before{height:1.5em;top:-1.5em}.tf-tree.tf-gap-lg li>.tf-nc:after,.tf-tree.tf-gap-lg li>.tf-node-content:after{height:1.5em}.tf-tree.tf-gap-lg li ul{margin:3em 0}.tf-tree.tf-gap-lg li li:before{top:-1.53125em}.tf-tree.tf-gap-lg li li:only-child>.tf-nc:before,.tf-tree.tf-gap-lg li li:only-child>.tf-node-content:before{height:1.5625em;top:-1.5625em}.tf-tree li.tf-dotted-children .tf-nc:after,.tf-tree li.tf-dotted-children .tf-nc:before,.tf-tree li.tf-dotted-children .tf-node-content:after,.tf-tree li.tf-dotted-children .tf-node-content:before{border-left-style:dotted}.tf-tree li.tf-dotted-children li:before{border-top-style:dotted}.tf-tree li.tf-dotted-children>.tf-nc:before,.tf-tree li.tf-dotted-children>.tf-node-content:before{border-left-style:solid}.tf-tree li.tf-dashed-children .tf-nc:after,.tf-tree li.tf-dashed-children .tf-nc:before,.tf-tree li.tf-dashed-children .tf-node-content:after,.tf-tree li.tf-dashed-children .tf-node-content:before{border-left-style:dashed}.tf-tree li.tf-dashed-children li:before{border-top-style:dashed}.tf-tree li.tf-dashed-children>.tf-nc:before,.tf-tree li.tf-dashed-children>.tf-node-content:before{border-left-style:solid}


.tf-custom .tf-nc {
  /* css here */
  padding: .5em .8em;
}

.tf-custom{
    max-width: 1366px;
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
}
.tf-custom .tf-nc:before,
.tf-custom .tf-nc:after {
  /* css here */
}
.tf-custom li{
    padding: 0 .4rem;
}
.tf-custom li li:before {
  /* css here */
}
ul.binaryTreeLevel-0 > li{
    scroll-snap-align: center;
}

ul.binaryTreeLevel-0,ul.binaryTreeLevel-0 li {
    max-width: 100%;
}

ul.binaryTreeLevel-1 {
    max-width: 100%;
}
ul.binaryTreeLevel-1 > li {
    max-width: 50%;
}

ul.binaryTreeLevel-2 {
    max-width: 100%;
}
ul.binaryTreeLevel-2 > li {
    max-width: 50%;
}

ul.binaryTreeLevel-3 {
    max-width: 100%;
}
ul.binaryTreeLevel-3 > li {
    max-width: 50%;
}

ul.binaryTreeLevel-4 {
    max-width: 100%;
}
ul.binaryTreeLevel-4 > li {
    max-width: 50%;
    padding: 0;
}
.binaryTreeLevel-4 span.tf-nc {margin: 0 .1rem;}

.tf-tree .tf-nc:after, .tf-tree .tf-node-content:after,
.tf-tree .tf-nc:after, .tf-tree .tf-nc:before, .tf-tree .tf-node-content:after, .tf-tree .tf-node-content:before,
.tf-tree li li:first-child:before,
.tf-tree li li:last-child:before {display: none;}

.tf-tree .tf-nc, .tf-tree .tf-node-content {
    border: 0;
}