// Core variables and mixins
@import "../../bootstrap/functions";
@import "../../bootstrap/mixins";

// Core variables and mixins overrides
@import "../../core/variables/variables";
@import "../../bootstrap/variables";

// Overrides user variable
@import "../../core/variables/components-variables";

/* treeview Wrapper css */
/* -------------------- */
.bootstraptreeview{
  // Comman list group inside treeview
  .list-group{
  // Comman list group inside treeview
    .list-group-item{
      // Colourful treeview specific style
      &.node-colourful-treeview{
        &:hover{
          color: $white;
        }
        &.node-selected{
          .badge{
            background-color:$badge-light-primary;
            color: $primary;
          }
        }
      }
      // node override treeview specific
      &.node-node-override-treeview{
        &:last-child, &.node-selected{
          .badge{
            background-color:$white;
            color:$warning;
          }
        }
        .badge{
          background-color:$warning;
          color: $white;
        }
      }
      .badge{
        /* Comman badge style inside treeview */
        margin-left: .8rem;
        background-color:$badge-light-primary;
        color: $primary;
      }
      .icon{
      /* treeview icon alignment and spacing */
        vertical-align: middle;
        margin-right: .5rem;
      }
    }
  }
}