$primary: #409EFF;
$success: #67C23A;
$warning: #E6A23C;
$danger: #F56C6C;
$info: #909399;

.card-title {
  margin-bottom: 12px;
  padding-left: 10px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  position: relative;

  &:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 2px;
    height: 14px;
    top: 5px;
    left: 0;
    background-color: $primary;
  }
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-warning {
  color: $warning;
}

figure, .figure {
  padding: 6px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.echarts {
  width: inherit !important;
  height: inherit !important;
  min-width: 100px;
  min-height: 100px;
}