@import "./variables.scss";
@import "./mixin.scss";
@import "./transition.scss";
@import "./element-ui.scss";
@import "./sidebar.scss";
@import "./topbar.scss";
@import "./x-template.scss";

body {
  height: 100vh;

  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
  Microsoft YaHei, Arial, sans-serif;

  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

label {
  font-weight: 400;
}

html {
  box-sizing: border-box;
  height: 100%;
}

#app {
  overflow: hidden;

  height: 100vh;

}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  text-decoration: none;

  color: inherit;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: " ";

    font-size: 0;
  }
}

// main-container global css
.app-container {
  overflow-y: auto;

  width: 100%;
  height: 100%;
  // padding: 20px;
}

// ::-webkit-scrollbar    //滚动条整体部分
// ::-webkit-scrollbar-button   //滚动条两端的按钮
// ::-webkit-scrollbar-track   // 外层轨道
// ::-webkit-scrollbar-track-piece    //内层轨道，滚动条中间部分（除去）
// ::-webkit-scrollbar-thumb //滚动条里面可以拖动的那个
// ::-webkit-scrollbar-corner   //边角
// ::-webkit-resizer   ///定义右下角拖动块的样式

/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px;

  background-color: #f5f5f5;
}

/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.cell:empty::before {
  content: "-";

  color: gray;
}

.requiredLabel::before {
  content: '*';

  color: red;
}

.textMaxThree {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;

  max-height: 72px;

  text-overflow: ellipsis;

  -webkit-line-clamp: 3;
}

.el-tooltip__popper {
  // overflow-y: auto;
  max-width: 50%;
  max-height: 80%;
}

.header_tips {
  margin-bottom: 12px;

  text-align: left;

  color: red;
}

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  font-weight: 700;
}
