@import './sidebar.scss';
@import './font-style.scss';
@import './card-style.scss';
@import './tab-style.scss';
@import './input-style.scss';
@import './scrollbar-style.scss';

.gray {
  font-family: microsoft yahei, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  height: 100%;

  .fl {
    float: left;
  }

  .fr {
    float: right;
  }


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

  #app {
    height: 100%;
  }

  a,
  a:focus,
  a:hover {
    cursor: pointer;
    color: inherit;
    outline: none;
    text-decoration: none;
  }

  div:focus {
    outline: none;
  }

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

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

  .clearfix {
    &:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
    }
  }

  //main-container全局样式
  .app-main {
    min-height: 100%;
    background: #f7f7f8;
  }

  .app-container {
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0px 1px 8px 0px #00000019;

    .box-card {
      margin: 16px 24px;
    }
  }

  .operation-area {
    margin-bottom: 16px;
  }

  .operation-area-chart {
    padding-right: 24px;
    padding-top: 24px;
    text-align: right;
  }


  // 解决tab页签中内容多时没有滚动条问题
  .el-tabs__content {
    flex-grow: 1;
    overflow-y: auto;
  }

  // 解决在edge浏览器中dialog有遮罩层 或 MessageBox的$confirm时，遮罩层偏移，导致弹框中组件元素无法操作问题。
  // .el-dialog__wrapper、.el-message-box__wrapper、.v-modal默认position是relative，改为absolute就不会出现偏移了。
  // dialog弹框的样式
  .el-dialog__wrapper {
    position: absolute;
  }

  //  MessageBox的样式，必须这样修改，否则会导致点击确定、取消按钮不好用
  .el-message-box__wrapper {
    position: absolute;
  }

  // dialog遮罩层的样式
  .v-modal {
    position: absolute;
  }

  .el-tree-node.is-current>.el-tree-node__content {
    background-color: #c2d6ea !important;
  }

  .menu-tab-container .el-tabs__item {
    height: 48px;
    line-height: 48px;
  }

  //顶部标签字体样式
  .menu-tab-container .el-tabs__item.is-active {
    color: #3D4cf2;
  }

  //顶部标签样式
  .menu-tab-container .el-tabs__active-bar {
    background-color: #3D4cf2;
  }

  .el-pagination {
    text-align: right;
  }

  .el-table td {
    padding: 14px 0;
  }

  .el-table td,
  .el-table th {
    height: 48px;
  }

  .el-table th {
    padding: 0;
  }

  /**表格内容纵向分隔线去掉**/
  .el-table--border td,
  .el-table--border th,
  .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 0px
  }

  /**表格标题纵向分隔线颜色调浅点儿**/
  .el-table--border td,
  .el-table--border th,
  .el-table--border th.is-leaf,
  .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #fefefe;
  }
}