@bgColor: #F2F4F7;
@import './reset.css';

.hide-scrollbar {

  &::--webkit--scrollbar {
    display: none
  }

  /* IE和Edge浏览器 */
  -ms-overflow-style: none;
  /* Firefox */
  scrollbar-width: none;
}

.confirm-box {
  width: 500px;
  min-height: 100px;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 15px !important;
  // margin: auto;
  // position: relative;
  // left: 50vw;
  // top: 50vh;
  // transform: translate(-50%, -50%);

  .el-message-box__btns {
    display: flex;
    justify-content: end;

    .el-button {
      border-radius: 8px;
    }
  }

  .el-message-box__content {

    .el-message-box__message {
      flex: 1 1 auto;
    }

    .confirm-box-content {
      color: #798092;
      font-size: 15px;
      min-height: 80px;
    }

    .confirm-box-content[type='1'] {

      color: #000;
      width: 100%;
      font-size: 16px;
      min-height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      // font-weight: bold;
    }

    .confirm-box-title {
      font-weight: bold;
      margin-bottom: 10px;
      font-size: 16px;
    }
  }
}

.confirm-delete {
  .el-message-box__btns {
    .el-button--primary {
      background-color: #D92D20;
      border: none;
    }
  }
}

.icon-common {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle
}

.document-icon {
  .icon-common();
  background-image: url(../images/document_49_1.png);
  // background-color: #fff;
  // color: white;
}

.document-download-icon {
  .icon-common();
  background-image: url(../images/document_download.png);
  // background-color: #fff;
  // color: white;
}

.moxing1-icon {
  .icon-common();
  background-image: url(../images/moxing1.png);
}

.doc-icon {
  .icon-common();
  background-image: url(../images/doc.png);
}

.docx-icon {
  .icon-common();
  background-image: url(../images/docx.png);
}

.pdf-icon {
  .icon-common();
  background-image: url(../images/PDF.png);
}

.ppt-icon {
  .icon-common();
  background-image: url(../images/ppt.png);
}

.pptx-icon {
  .icon-common();
  background-image: url(../images/pptx.png);
}

.md-icon {
  .icon-common();
  background-image: url(../images/markdown-fill.png);
}

.txt-icon {
  .icon-common();
  background-image: url(../images/txt.png);
}

.folder-icon {
  .icon-common();
  background-image: url(../images/folder.png);
}

.label-icon {
  .icon-common();
  background-image: url(../images/label.png);
}

.knowledge-base-icon {
  .icon-common();
  background-image: url(../images/knowledge_base.png);
  width: 24px;
  height: 24px;

  &:hover {
    background-image: url(../images/knowledge_base-blue.png);
  }
}

.knowledge-graph-icon {
  .icon-common();
  background-image: url(../images/knowledge-graph.png);
  width: 24px;
  height: 24px;

  &:hover {
    background-image: url(../images/knowledge-graph-blue.png);
  }
}


.build-kg-icon {
  .icon-common();
  background-image: url(../images/build-kg-icon.png);
  width: 128px;
  height: 128px;
}

.node-icon {
  .icon-common();
  background-image: url(../images/node-icon.svg);
  width: 64px;
  height: 64px;
}

.rocket-icon {
  .icon-common();
  background-image: url(../images/rocket-icon.svg);
  width: 128px;
  height: 128px;
}

.back-icon {
  .icon-common();
  background-image: url(../images/back.png);
  width: 32px;
  height: 32px;
}