@import '../../base/bootstrap-extended/include'; // Bootstrap includes
@import '../../base/components/include'; // Components includes

.dark-layout {
  .el-tree {
    cursor: default;
    background: transparent !important;
  }
  .el-tree--border::after,  .el-tree--group::after, .el-tree::before {
    background-color: $theme-dark-card-bg;
  }

  .el-tree--enable-row-hover .el-tree__body tr:hover>td {
    background-color: $theme-dark-table-hover-bg !important;
  }
  .el-tree__empty-block {
    background-color: $theme-dark-card-bg !important;
  }
  .el-tree-node__content:hover {
    background-color: $theme-dark-table-hover-bg !important;
  }
}
.el-tree-node:focus > .el-tree-node__content {
  background-color: rgba($primary, .1) !important;
  color: $primary;
  font-weight: bold;
  span {
    color: $primary;
  }
}
.el-checkbox__input.is-checked .el-checkbox__inner,  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: $primary;
  border-color: $primary;
}