.ontoLib {
  width: 100%;
  height: 100%;
  padding: 15px 24px 24px 24px;

  .tool-box {
    margin-bottom: 16px;
    position: relative;

    .tool-btn {
      min-width: 32px;
      padding: 0;

      .sort-icon {
        font-size: 18px;
        transform: translateY(2px);
      }
    }

    .left-tools {
      flex: 1;
      min-width: 150px;
    }
  }

  .dataSource-table {
    .ontology-name-box {
      cursor: pointer;

      .name-true {
        max-width: 224px;
        font-size: 14px;
        font-weight: 400;
        color: var(--kw-text-color);
      }

      .name-true:hover {
        color: var(--kw-info-color);
      }

      .name-false {
        font-size: 14px;
        font-weight: 400;
        color: var(--kw-text-color);
      }

      .name-false:hover {
        color: var(--kw-info-color);
      }

      .desc {
        font-size: 12px;
        font-weight: 400;
        color: var(--kw-disabled-color);
      }
    }

    .status-box {
      display: flex;
      align-items: center;

      .circle-unpublished {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: rgba(250, 173, 20, 1);
      }

      .circle-draft {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0.25);
      }

      .circle-published {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: rgba(82, 196, 26, 1);
      }

      .status-text {
        margin-left: 8px;
      }
    }
  }
}

.menu-select {
  .select {
    height: 30px;
    display: flex;
    line-height: 30px;

    .icon {
      width: 16px;
      margin-right: 8px;
    }
  }
}
