@import './element-variables.scss';
@import './table.scss';
@import './sidebar.scss';
@import './font.scss';
@import './card.scss';
@import './tab.scss';
@import './input.scss';
@import './select.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';
@import "./var.scss";
@import "./mobile.scss";
@import "./home.scss";
@import "./general.scss";
@import "./drawer.scss";

.tiffany-blue-mobile {
  font-family: Source Han Sans CN;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.85);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  height: 100%;
  --el-tabs__item-height: 48px;

  .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 {
    padding: 0 !important;
    min-height: 100vh; // min-height: calc(100vh - (var(--app-main-padding, 15px) * 2));
    background: #fcfcfc;
  }

  .app-container {

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

  .no-margin {
    padding: 0 0;
  }

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

  /**
   * @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: var(--el-tabs__item-height);
    line-height: var(--el-tabs__item-height);
  }

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

  //顶部标签下划线样式
  .menu-tab-container .el-tabs__active-bar {
    background-color: $--menu-dont-color;
  }

  .el-pagination {
    display: flex;
    justify-content: flex-end;
  }

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

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

  .el-table th {
    padding: 0;
  }

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

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