@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 "./green.scss";

.green {
  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-color-primary: #00B9B4;
  --el-tabs__item-height: 48px;

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

  .app-container {

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

  /**
   * @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;
    }
  }

  // 解决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: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }

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

  :root {
    --layout-form-flex-gap: 20px;
  }

  iframe.tab-main-content {
    height: calc(100vh - var(--el-tabs__item-height)) !important;
  }

  .runtime-page-container {
    --layout-form-flex-gap: 20px;

    .tab-main-container .super-grid-main-view .super-grid-main-search-view .el-row .el-col .el-form-item .el-form-item__label {
      display: block;
      width: 182px;
      height: auto;
      line-height: 26em;
      word-wrap: break-word !important;
      max-height: 2.4em;
      text-align: right;
      word-break: normal;
      white-space: normal;
      padding-right: 5px;
      height: 26px;
      font-family:Source Han Sans CN,Source Han Sans CN;
      font-weight: 400;
      font-size: 16px;
      color: #595959;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }

    .el-input {
      --el-input-text-color: var(--el-text-color-regular);
      --el-input-border: var(--el-border);
      --el-input-hover-border: var(--el-border-color-hover);
      --el-input-focus-border: var(--el-color-primary);
      --el-input-transparent-border: 0 0 0 1px transparent inset;
      --el-input-border-color: var(--el-border-color);
      --el-input-border-radius: var(--el-border-radius-base);
      --el-input-bg-color: var(--el-fill-color-blank);
      --el-input-icon-color: var(--el-text-color-placeholder);
      --el-input-placeholder-color: var(--el-text-color-placeholder);
      --el-input-hover-border-color: var(--el-border-color-hover);
      --el-input-clear-hover-color: var(--el-text-color-secondary);
      --el-input-focus-border-color: var(--el-color-primary);
      --el-input-width: 100%;
      --el-input-height: 38px;
      box-sizing: border-box;
      display: inline-flex;
      font-size: var(--input-font-size);
      line-height: var(--el-input-height);
      position: relative;
      vertical-align: middle;
      font-weight: regular;
      width: var(--el-input-width);
    }


    .el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev,
    .el-pagination.is-background .el-pager li {
      background-color: #cccccc00;
      margin: 0 4px;
    }

    .el-col .el-form-item__label {
      display: flex;
      height: auto !important;
      line-height: 1.2em !important;
      word-break: normal;
      white-space: normal;
      font-family:Source Han Sans CN,Source Han Sans CN;
      font-weight: normal;
      color: #595959;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }

    .yx-card-box-view-main .yx-card-box-view-title {
      font-family:Source Han Sans CN,Source Han Sans CN;
      font-size: var(--tab-header-font-size);
      color: #333333;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }

    .ocean-blue .el-card__header>div {
      border-left: 3px solid #0089ba;
      padding-left: 5px;
      height: 22px;
    }

    /*.amb-widget-form-title {
  text-align: center !important;
  ;
  height: 34px !important;
  ;
  font-family:Source Han Sans CN,Source Han Sans CN !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  color: #262626 !important;
  ;
  font-style: normal !important;
  ;
  text-transform: none !important;
  ;
}*/

    .el-form-item__label {
      height: 26px;
      font-family:Source Han Sans CN,Source Han Sans CN;
      font-weight: normal;
      font-size: var(--input-font-size);
      color: #595959;
      text-align: left;
      font-style: normal;
      text-transform: none;
      /*width: 220px !important;*/
    }

    .super-grid-main-search-view .el-form-item__label {
      width: 88px !important;
    }

    /* .el-tabs__nav-wrap {
  flex: 1 auto;
  margin-bottom: -15px;
  overflow: hidden;
  position: relative;
} */

    .ellipsis {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: pre;
      word-break: keep-all;
      font-weight: Regular;
      width: 100%;
    }

    .el-tabs__item {
      align-items: center;
      box-sizing: border-box;
      color: var(--el-text-color-primary);
      display: flex;
      font-size: 16px;
      font-weight: 500;
      height: var(--el-tabs-header-height);
      justify-content: center;
      list-style: none;
      padding: 0 20px;
      position: relative;
    }

    .el-form-item--default {
      --font-size: 16px;
      --el-form-label-font-size: var(--font-size);
      margin-bottom: 20px;
      // height: 38px;
    }

    /* Chrome/Opera/Safari */
    ::placeholder {
      font-weight: regular;
    }

    /* Firefox 19+ */
    ::-moz-placeholder {
      font-weight: regular;
    }

    /* IE 10+ */
    :-ms-input-placeholder {
      font-weight: regular;
    }

    /* 选择所有el-input的placeholder文本并设置字重 */
    .el-input input::placeholder {
      font-weight: regular;
      /* 或者其他字重，如 normal, 400, 500 等 */
    }

    .el-textarea__inner textarea::placeholder {
      font-weight: regular;
    }

    .amb-widget-form-title {
      text-align: center !important;
      height: 34px !important;
      font-family:Source Han Sans CN,Source Han Sans CN !important;
      /*font-weight: 400 !important;*/
      font-weight: bold;
      font-size: 24px !important;
      color: #262626 !important;
      font-style: normal !important;
      text-transform: none !important;
    }


  }

  .smb-sidebar-menu-item .smb-sidebar-menu-item-title>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--menu-font-size);
  }

}