// =========================================================================================
//     File Name: ex-component-tree-view.scss
//     Description: Template style for Treeview.
//     --------------------------------------------------------------------------------------
//     Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
//     Author: PIXINVENT
//     Author URL: http://www.themeforest.net/user/pixinvent
// ==========================================================================================

// 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: $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: $content-bg;
        color: $primary;
      }
      .icon{
      /* treeview icon alignment and spacing */
        vertical-align: middle;
        margin-right: .5rem;
      }
    }
  }
}