/* 隐藏按钮 */
/* 隐藏第二个(放大),第三个(缩放比例),第四个(缩小),第七个(刷新),第八个(下载) */
.relation_graph .c-mini-toolbar>div:nth-child(2),
.relation_graph .c-mini-toolbar>div:nth-child(3),
.relation_graph .c-mini-toolbar>div:nth-child(4),
.relation_graph .c-mini-toolbar>div:nth-child(7),
.relation_graph .c-mini-toolbar>div:nth-child(8) {
  display: none;
}

/* 输入框不换行 */
.relation_graph .el-textarea__inner {
  white-space: nowrap;
}

/* 按钮 */
/* 注意:element的css以-分割,我们最好不要直接覆盖其CSS样式(否则可能会影响其他使用了该CSS的自定义控件),建议以_分割其组件名作为新的class,然后设置我们的优先级高于他们的 */
/* 注意:","后面不要忘记加".relation_graph" */
/* 按钮的默认CSS,按钮被点击时的CSS */
.relation_graph .el_button {
  /* background可以设置图片，背景图拉伸、背景图大小、背景图相对位置、背景颜色等 */
  background: #5582F3;
  border-color: #5582F3;
}

/* 悬浮在按钮上方时 */
.relation_graph .el_button:hover {
  color: #FFF;
  border-color: #87adff;
  background-color: #87adff;
}

/* 页签下划线的颜色 */
.relation_graph .el_tabs .el-tabs__active-bar.is-top {
  background-color: #5582F3;
}

/* 页签 */
.relation_graph .el_tabs .el-tabs__item.is-top.is-active {
  color: #5582F3;
}

/* 悬浮在页签上方或聚焦时 */
.relation_graph .el_tabs .el-tabs__item.is-top:hover:not(.is-active),
.relation_graph .el_tabs .el-tabs__item.is-top:focus:not(.is-active) {
  color: #87adff;
}

/*不到万不得已不要改第三方源码，能用CSS解决的问题则尽用CSS*/

/*关系图-取消节点的默认CSS*/
.relation_graph.vue_template .rel-node-peel .rel-node {
  border-radius: 0;
  padding: 0;
  margin: 0;
}

/*关系图-滑动框*/
.relation_graph.vue_template .rel-map.seeks-layout-fixed {
  overflow: auto;
}

/*关系图-隐藏"全屏"之类的中文*/
.relation_graph.vue_template .c-mini-toolbar > .c-mb-button span {
  display: none;
}

/*关系图-让图标居中*/
.relation_graph.vue_template .c-mini-toolbar .c-mb-button {
  padding-top: 10px;
}

/*关系图-与左边平行*/
.relation_graph.vue_template .c-mini-toolbar > .c-mb-button > .c-mb-child-panel {
  margin-top: -33px;
}