@import './element-variables.scss';
@import './table.scss';
@import './sidebar.scss';
@import './font.scss';
@import './card.scss';
@import './tab.scss';
@import './input.scss';
@import './form.scss';
@import './pagination.scss';
@import './button.scss';
@import './checkbox.scss';
@import './dialog.scss';
@import './tree.scss';
@import './scrollbar-style.scss';
@import './message.scss';
@import './radio.scss';


.dark-blue {
  font-family: Source Han Sans CN;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  height: 100%;

  .el-button {
    font-family: Source Han Sans CN;
  }

  .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: 100vh;
    background: #f7f7f8;
    padding: 11px 24px 24px 24px;
    // padding-top: 12px;
  }

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

    .box-card {
      margin: 0px 0px 0px 0px;
    }
  }

  .no-margin {
    padding: 0px 0px;
  }

  .add_form_height {
    height: calc(100vh - 60px);
    position: relative;

    .add_form_center {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;

      .add_form_buttomButton {
        text-align: right;
      }
    }
  }

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

  /**
   * @description: 工具栏布局
   * @Date: 2023-07-17 15:48:04
   * @param {*}
   * @return {*}
   */
  .toolbar_flex {
    display: flex;
    justify-content: space-between;

    .list_toolbar_page_style {
      text-align: right;
    }
  }

  .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;
  }

  .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: 40px;
  }

  .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;
  }

  .selectPeopleClass {
    color: #313233;
    font-family: Source Han Sans CN;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }

  .el-button+.el-button {
    margin-left: 10px;
  }

  // .el-main {
  //   padding: 0px;
  // }

  // .el-aside {
  //   margin-right: 20px;
  // }

  // .three-column-layout {
  //   height: calc(100vh - 20px);

  //   .el-aside {
  //   margin-right: 20px;
  //     padding-top: 20px;
  //     background-color: #FFFFFF;
  //     box-shadow: 0px 1px 8px 0px #00000019;

  //   }

  // .el-main {
  //   padding: 20px 0 0 20px;
  //   border-radius: 6px;
  //   background: #FFFFFF;
  //   box-shadow: 0px 1px 8px 0px #00000019;
  // }
  // }

  // 清除 app-container 类样式
  .clear_app_container {
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: 0 0px 0px #ccc;
  }
}