// If you want to override variables do it here
@import "variables";

// Import styles
@import "~@coreui/coreui/scss/coreui";

// If you want to add something do it here
@import "custom";


tree-internal .tree .node-value {
  display: inline-block;
  color: #ffffff;
}

tree-internal .tree .node-value:after {
  display: block;
  padding-top: -3px;
  width: 0;
  height: 2px;
  background-color: #fdfdfd;
  content: '';
  transition: width 0.3s;
}


.nav-tabs {
  .nav-link {
    color: white;
    &:hover {
      cursor: pointer;
    }
    &.active {
      color: white;
      background: rgb(27,26,35) ;
      border-color: rgb(27,26,35) ;
      border-bottom-color: rgb(27,26,35) ;
      &:focus {
        background: rgb(27,26,35) ;
        border-color: rgb(27,26,35) ;
        border-bottom-color: rgb(27,26,35) ;
      }
    }
  }
}

.tab-content {
  margin-top: -1px;
  color: white;
  background: rgb(27,26,35) ;
  border: 1px solid $border-color;
  .tab-pane {
    padding: $spacer;
    height: 100%;
  }
}

.card-block {
  .tab-content {
    margin-top: 0;
    border: 0;
  }
}

.nav-fill {
  .nav-link {
    background-color: #191919;
    border-color: $border-color;
  }
  .nav-link + .nav-link {
    margin-left: -1px;
  }
  .nav-link.active {
    margin-top: -1px;
    // margin-left: 0;
    border-top: 2px solid $primary;
  }
}

// Right-to-Left Support
*[dir="rtl"] {
  .nav {
    padding-right: 0;
  }
}
.container-fluid{
  height: 90%;
}

.btn {
  margin-left:20px;
}
.main .container-fluid {
  padding: 0 10px;
}

.sidenav{
  color: aliceblue;
  padding: 0px;
  background-color: #191919;

}
.card{
  background: rgb(27,26,35) ;
  color: white;
  border: white;

}
.contentPage{
  color: aliceblue;
}