cyber-narrator-cn-ui/src/assets/css/components/views/charts2/entityDetailLine.scss

.entity-detail-line {
  height: 100%;
  border-radius: 4px;

  .line-header-right {
    .panel__tools {
      display: flex;
      align-items: center;

      & > .el-select {
        width: 162px;
        margin-right: 10px;

        .select-prefix {
          font-size: 14px;
          color: #999;
          padding: 0 6px 0 3px;
        }

        .el-input__inner {
          font-size: 14px;
          color: #353636;
        }

        .common-select {
          top: 32px !important;
        }
      }

      .panel__time {
        display: flex;
      }
    }
    .line-select-metric {
      margin-right: 20px;

      .el-input__inner {
        width: 127px;
        height: 24px;
        line-height: 24px;
        padding-left: 4px;
        font-size: 12px;
        color: #2C72C6;
        font-weight: 400;
        border-radius: 2px;
      }
    }

    .line-select-reference-line {
      margin-left: 0 !important;
      line-height: 1;
    }

    .line-margin-right {
      margin-right: 10px;
    }

    .line-date-right {
      margin-right: 20px;
    }

    .entity-detail-date-time-range {
      height: 24px;
      line-height: 24px;
      border: 1px solid #DCDFE6;
    }
  }
}