
// 详情页布局
.detail-container{
  background-color: $bg-color-main;
  padding:20px 20px;
  display:flex;
  flex-direction: column;
}


// 详情页布局
.detail-container .full-screen{
  display:flex;
  flex-direction: column;
  .detail-tags-title{
    padding:0 0 20px 0;
    text-align:left;
  }
  .detail-tags-list{
    min-height:200px;
  }
  .detail-tags{
    &.detail-tags-selected{
      border-bottom:1px solid $border-color-main;
    }
    padding:0 0 10px 0;
    text-align:left;
    margin-bottom:20px;
    .no-found-content{
      height:200px;
      line-height:200px;
      text-align: center;
      color: $font-color-secondary;
    }
    .tag-outline{
      display:inline;
    }
    .el-tag{
      margin-right:10px;
      width:100px;
      position:relative;
      margin-bottom:10px;
      .el-icon-plus{
        transform: scale(.8);
        position: relative;
        right: -6px;
      }
    }
    .tag-text{
      display:inline-block;
      width:60px;
      float:left;
      text-decoration:none;
      color: inherit;
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .tag-input{
      position:absolute;
      width:100px;
      left:-1px;
      top:-1px;
      padding:0;
      margin:0;
      z-index:999;
    }
  }
  .kpi-list{
    text-align:left;
  }
  .kpi-search{
    text-align:left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    .simple-search-form-outline{
      display:inline-flex;
    }
  }
}
