@import "../../../shared/ui-components/styles/variables";

.no-metric {
  background-color: #f2f3f6;
}

:host {
  display: block;
  height: 100%;
  padding-top: 12px;

  .tree-card-body {
    padding: 20px 15px 0 15px;
    height: 100%;
    overflow: auto;

    .node {
      min-height: 28px;
      margin-bottom: 1px;

      .content {
        cursor: pointer;
        font-size: 13px;
        font-weight: 500;
        color: $blue-500;

        .fas {
          margin-left: 6px;
          font-size: 11px;
          width: 16px;
          height: 28px;
          display: inline-flex;
          line-height: 28px;
          align-items: center;
          justify-content: center;
        }
      }

      &.key-not-exists {
        position: relative;
        display: block;

        &:after {
          position: absolute;
          content: " ";
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: #f2f3f6;
        }
      }
    }
  }
}
