body > div.application {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

/* styles for 多行文本截取，并加省略号 */

.x-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.x-three-line-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  font-size: 13px;
  line-height: 16px;
  -webkit-line-clamp: 3;
  /* line-height * -webkit-line-clamp =  height */
  max-height: 48px;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/** =========== **/

div.card__text {
  padding-top: 0;
  padding-bottom: 0;
}

div.card__title {
  padding: 8px 16px 8px 16px;
}

/* 下拉框选项*/
.theme--light .list .list__tile__mask, .application .theme--light.list .list__tile__mask {
  color: inherit;
  background: none;
}

/* 子页面标题和操作按钮间距*/
div.toolbar__content div.input-group {
  margin-left: 1em;
}

body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

.application.theme--light {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

/**
 * 主内容样式定制
 */
div.main-content-card div.container {
  padding: 0.5em;
}

div.main-content-card div.list.list--three-line a.list__tile.list__tile--link {
  cursor: text;
  font-size: 11pt;
}

div.main-content-card div.list.list--three-line .list__tile__content {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

div.main-content-card div.btn-toggle.btn-toggle--selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}

div.main-content-card div.btn-toggle .btn:first-child,
div.main-content-card div.btn-toggle .btn:last-child {
  border-radius: 0;
}

div.main-content-card .btn {
  min-width: 2em;
}

div.main-content-card .theme--light .list .list__tile__mask,
div.main-content-card .application .theme--light.list .list__tile__mask {
  background: none !important;
}

div.main-content-card div.toolbar__content .input-group.input-group--append-icon.input-group--text-field.primary--text {
  max-width: 15em;
}

/**
 *
 */
div.toolbar__content > .breadcrumbs > li > a.breadcrumbs__item,
div.toolbar__content > .breadcrumbs > li.breadcrumbs__divider {
  font-size: 1.15rem;
  font-weight: bold;
}

/**
 * 用于显示字段名称和值
 */
div.x-text-field > label {
  font-size: 12px;
  transform: translate(0, -18px) scale(0.75);
  color: #64B5F6;
}

div.x-text-field > div {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.380392);
  min-height: 21px;
}

/**
 * 用于小表格，使期不显示横向滚动条
 */
div.dense > div.v-table__overflow {
  overflow-x: hidden;
}

/**
 * TODO：
 */
.vue-treeselect__menu {
  z-index: 100;
}

/**
 * 自定控件标题
 */
nav.x-label-toolbar > div.v-toolbar__content {
  padding-left: 8px;
}

/**
 * 流程状态 chips
 */
.v-chip.x-status {
  width: 10em;
}

.v-chip.x-status .v-chip__content {
  margin: 0 auto;
}

