@charset "utf-8";

@import './normalize.scss';
@import './transition.scss';
@import './loading.scss';
$base: '.app';

@mixin scrollbar {
  max-height: 88vh;
  margin-bottom: 0.5vh;
  overflow-y: auto;

  &::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background-color: rgba(144, 147, 153, 0.3);
    border-radius: 10px;
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: rgba(144, 147, 153, 0.3);
  }
}

@mixin base-scrollbar {
  &::-webkit-scrollbar {
    width: 13px;
    height: 13px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
    background-clip: padding-box;
    border: 3px solid transparent;
    border-radius: 7px;
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }

  &::-webkit-scrollbar-track {
    background-color: transparent;
  }

  &::-webkit-scrollbar-track:hover {
    background-color: #f8fafc;
  }
}

/*卡片样式mixin 开始 */
@mixin title-style {
  font-size: $base-font-size-big;
  color: $base-dark-title-color;
  font-weight: bold;
}

@mixin card-item-style {
  display: flex;
  margin: 0 16px 16px 0;
  padding: 16px 22px 16px 16px;
  background: $base-color-white;
  border: 1px solid transparent;
  width: calc(20% - 53px);
  // min-width: $base-card-min-width;
  height: $base-card-height;
  border-radius: $base-border-radius;
  // box-shadow: 0px 0px 4px rgba(102, 102, 102, 0.16);
  box-shadow: 0px 0px 8px rgba(51, 51, 51, 0.16);

  &:hover {
    box-shadow: 0px 0px 4px rgba(var(--themeColorRgb), 0.8);
    border: 1px solid var(--themeColor);
    border-radius: $base-border-radius;
  }

  &:nth-child(5n) {
    margin-right: 0;
  }
}

/* 孙表表格样式 */
@mixin sun-table-style {
  border-right: 1px solid$base-table-border-color;
  border-bottom: 1px solid $base-table-border-color;
  padding: 15px;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
}

@mixin table-title-style {
  height: 40px !important;
  line-height: 40px !important;
  background: $base-form-table-header-bg-color !important;
  font-size: $base-font-size-big;
  padding: 0 16px;
  border: 1px solid $base-table-border-color;
}

/*卡片样式mixin 结束 */
img {
  object-fit: cover;
}

a {
  color: $base-color-default;
  text-decoration: none;
  cursor: pointer;
}

// * {
//   transition: $base-transition;
// }

svg {
  transition: none;

  * {
    transition: none;
  }
}

html {
  height: 100%;

  body {
    height: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
    font-size: $base-font-size-default;
    color: #2c3e50;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: $base-container-background-color;

    @include base-scrollbar;

    div {
      @include base-scrollbar;
    }

    div.flex {
      display: flex;
    }

    span.ellipsis {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    svg,
    i {
      &:hover {
        opacity: 0.8;
      }
    }

    i {
      font-style: normal;
    }

    ul {
      list-style: none;
    }

    .v-modal {
      backdrop-filter: blur(10px);
    }

    /* el-tag开始 */
    .el-tag + .el-tag {
      margin-left: 10px;
    }

    /* el-tag结束 */

    /* 间隔线开始 */
    .el-divider--horizontal {
      .el-divider__text {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
      }
    }

    /* 间隔线结束 */

    /* 大图展示开始 */
    .el-image-viewer {
      &__close {
        .el-icon-circle-close {
          color: $base-color-white;
        }
      }
    }

    /* 大图展示结束 */

    .eip-front-wrapper {
      .app-main-container {
        @include base-scrollbar;

        > [class*='-container'] {
          * {
            transition: none;
          }

          // padding: $base-padding;
          background: transparent;
        }
      }
    }

    /* 进度条开始 */
    #nprogress {
      position: fixed;
      z-index: $base-z-index;

      .bar {
        background: $base-color-blue !important;
      }

      .peg {
        box-shadow: 0 0 10px $base-color-blue, 0 0 5px $base-color-blue !important;
      }
    }

    /* 进度条结束 */

    /* 表格开始 */

    .el-table {
      .el-table__body-wrapper {
        @include base-scrollbar;
      }

      th.el-table__cell {
        background-color: $base-table-column-bg-color;
        // padding: 5px 6px;
      }

      th {
        // background: $base-table-th-bg-color;
        .cell {
          color: $base-dark-title-color !important;
        }

        .highlight {
          color: var(--themeColor) !important;
        }
      }

      td,
      th {
        position: relative;
        box-sizing: border-box;
        padding: 7.5px 0;

        .cell {
          font-size: $base-font-size-default;
          // font-weight: 400;
          color: $base-color-second-color;
          // padding: 5px 16px;

          .el-image {
            width: 50px;
            height: 50px;
            border-radius: $base-border-radius;
          }
        }
      }

      .el-table--border .el-table__cell:first-child .cell {
        padding-left: 0;
      }

      .el-button--text {
        padding: 0;
      }

      .red-row {
        td {
          .cell {
            color: $base-color-red;

            .subject {
              color: $base-color-red;
            }
          }
        }
      }

      .gray-row {
        td {
          .cell {
            color: $base-delay-color;
          }
        }
      }
    }

    .el-table--mini .el-table__cell {
      padding: 11px 0;
    }

    // .el-button.is-plain {
    //   color: $base-color-second-color;
    // }
    /*表格复制流程编号和流程图样式*/
    .process-box {
      width: 32px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      background: rgba(var(--themeColorRgb), 0.1);
      border-radius: 3px;
    }

    .el-table__cell {
      position: relative;

      .instance-id_wrap {
        &:hover {
          .copy-icon {
            visibility: visible;
          }
        }
      }
    }

    .copy-icon {
      visibility: hidden;
      position: absolute;
      top: 6px;
      display: inline-block;
      width: 24px;
      line-height: 24px;
      border-radius: $base-border-radius;
      text-align: center;
      background: rgba($base-color-black, 0.78);
      color: $base-color-white;

      &:hover {
        cursor: pointer;
        color: $base-color-white;
      }
    }

    /* 表格结束 */

    /* 分页开始 */
    .el-pagination {
      padding: 2px 5px;
      // margin: 15px 0 0 0;
      font-weight: normal;
      color: $base-color-second-color;
      text-align: center;

      .el-pagination__total {
        font-size: $base-font-size-default;
      }

      .el-pagination__jump {
        font-size: $base-font-size-default;
      }
    }

    .my-pagination {
      .el-pagination {
        margin: 15px 0 0 0;
      }
    }

    .el-pagination.is-background .el-pager li:not(.disabled):hover {
      color: var(--themeColor);
    }

    .el-pagination.is-background .el-pager li.active {
      &:hover {
        color: #fff;
      }
    }

    /* 分页结束 */

    /* 菜单开始 */
    .el-menu.el-menu--popup.el-menu--popup-right-start {
      @include scrollbar;
    }

    .el-menu.el-menu--popup.el-menu--popup-bottom-start {
      @include scrollbar;
    }

    .el-menu--collapse {
      width: $base-left-menu-width-min;
    }

    .el-menu-item {
      background: unset;
    }

    .el-submenu__title {
      .ht-fa-icon {
        color: var(--menuColor);
      }

      &:hover {
        background-color: unset !important;
      }
    }

    .el-submenu__title i {
      // color: $base-color-white;
    }

    .ht-fa-icon {
      margin-right: $base-menu-item-margin-right;
      // width: 18px;
      // height: 18px;
      font-size: $base-font-size-bigger;
    }

    .sub-menu-title,
    .menu-title {
      font-size: $base-font-size-default;
    }
    .el-menu--horizontal {
      .el-menu {
        .no-children-menu {
          .el-icon-arrow-right {
            display: none;
          }
        }
        &:empty {
          display: none;
        }
        .el-submenu.is-opened {
          .el-submenu__title .el-submenu__icon-arrow {
            transform: unset;
          }
        }
      }
    }
    /* 菜单结束 */

    /* 弹窗开始 */
    .el-dialog,
    .el-message-box {
      &__header{
        .el-message-box__title{
          font-size: 16px;
          font-weight: 600;
        }
      }
      &__body {
        border-top: 1px solid $base-border-color;

        .el-form {
          padding-right: 30px;
        }
      }

      &__footer {
        padding: $base-padding;
        text-align: right;
        border-top: 1px solid $base-border-color;
      }

      &__content {
        padding: 20px 20px 20px 20px;
      }
    }

    .el-dialog {
      &__header {
        padding: 16px 20px;
        .ht-typography__header{
          font-size: 16px !important;
          padding-left: 0;
          &::before{
            width: 0;
          }
        }
        .el-dialog__title{
          font-size: 16px;
          font-weight: 600;
        }
      }
    }
    .flow-chart-dialog{
      .el-dialog__header{
        .el-tabs__item{
          line-height: 26px;
          font-size: 16px;
        }
        .is-active{
          font-weight: 600;
        }
      }
    }

    //审批设置弹窗按钮样式
    .dialog-footer__btns {
      .el-form-item__content {
        text-align: right;
      }
    }

    /* 弹窗结束 */

    /* 卡片开始 */
    .el-card {
      margin-bottom: 15px;

      &__body {
        padding: $base-padding;
      }
    }

    /* 卡片结束 */

    /* 下拉树样式-----------开始 */
    .select-tree-popper {
      .el-scrollbar {
        .el-scrollbar__view {
          .el-select-dropdown__item {
            height: auto;
            max-height: 274px;
            padding: 0;
            overflow-y: auto;
            line-height: 26px;
          }
        }
      }
    }

    /* 下拉树样式-----------结束 */

    /* 多页签-----------开始 */
    .el-tabs__content {
      padding: 24px;
    }

    /* 多页签-----------结束 */

    /* 导航条下的气泡弹窗样式-----------开始*/
    .nav-bar__popover {
      top: 54px !important;
    }

    /* 导航条下的气泡弹窗样式-----------结束*/
    /* 全局颜色类名 */
    .green-color {
      color: $base-color-green;
    }

    .orange-color {
      color: $base-color-orange;
    }

    .red-color {
      color: $base-color-red;
    }

    .light-blue-color {
      color: $base-color-light-blue;
    }

    .yellow-color {
      color: $base-color-yellow;
    }

    .grey-color {
      color: $base-color-grey;
    }

    .theme-color {
      color: var(--themeColor);
    }

    .blue-color {
      color: #324ca2;
    }

    .default-color {
      color: $base-dark-title-color;
    }

    /*卡片模式样式*/
    .card-mode {
      .card-items-title {
        margin-top: 1px;
        display: inline-block;
        @include title-style;
      }

      .items-total {
        margin: 0;
      }

      .card-content {
        display: flex;
        flex-wrap: wrap;
        margin: 16px 0px 20px 5px;
      }

      .card-item__wrap {
        @include card-item-style;
      }

      .card-item-subject {
        position: relative;
        margin-left: 20px;
        flex: 1;
        cursor: pointer;

        .item-subject {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
        }

        &::before {
          position: absolute;
          content: '';
          width: 6px;
          height: 6px;
          background: var(--themeColor);
          border-radius: 50%;
          top: 4px;
          left: -14px;
        }
      }

      .card-more {
        cursor: pointer;
        font-size: $base-font-size-small;
        color: var(--themeColor);

        .card-more-icon {
          transform: rotate(90deg);
        }
      }
    }

    /* 卡片样式结束 */

    .tip-message {
      .el-message__content {
        line-height: 20px;
      }
    }

    // 意见label显示必填标识
    .opinion-label {
      .el-form-item__label {
        position: relative;

        &::before {
          position: absolute;
          content: '*';
          left: 20px;
          top: 0px;
          color: $base-color-red;
        }
      }
    }

    /*流程审批danger按钮样式 开始 */
    .plain-danger-btn.el-button--default:not(.el-button--primary) {
      color: $base-color-red;
      border-color: $base-color-red;

      &:hover {
        color: $base-color-red;
        border-color: $base-color-red;
      }
    }

    .is-disabled.plain-danger-btn.el-button--default:not(.el-button--primary) {
      color: rgba($base-color-red, 0.3);
      border-color: rgba($base-color-red, 0.3);
    }

    /*流程审批danger按钮样式 结束 */
    /*审批表单弹窗模式按钮样式 开始*/
    .approval-dialog {
      .approval-form .approval-form__content {
        .process-detail-wrap {
          .status-wrap {
            margin-right: 36px;
          }
        }
        .approval-buttons {
          width: 100%;
          position: static;
        }
      }
    }

    /*审批表单弹窗模式按钮样式 结束*/
    /*子表孙表导入导出按钮样式开始  */
    .form-table {
      .copy-btn,
      .delete-btn,
      .add-btn,
      .custom-dialog-btn {
        font-size: 14px;

        i {
          font-size: 16px;
        }
      }

      .custom-dialog-btn {
        padding: 0 10px;
      }

      .field-tail__wrap {
        .field-tail-tag {
          width: auto;
          margin-right: 8px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }

    .sun-table_main {
      .form-table {
        .is-disabled {
          border: none;
        }
      }
    }

    .table-header-btn__wrap {
      .clear-all-btn,
      .copy-btn,
      .delete-btn,
      .add-btn,
      .custom-dialog-btn {
        font-size: $base-font-size-default;

        i {
          font-size: $base-font-size-big;
        }
      }

      .custom-dialog-btn {
        padding: 0 10px;
      }

      .clear-all-btn {
        margin-top: 4px;
      }
    }

    .import-export__wrap {
      .el-dropdown {
        font-size: $base-font-size-default;
        padding-right: 14px;

        .export_link {
          color: var(--themeColor);
        }
      }

      .inputs {
        margin-top: 0;
      }
    }

    /*子表孙表导入导出按钮样式结束  */
    /*子表孙表样式开始  */
    .form-table__container {
      .sun-table__title {
        @include table-title-style();
        /* margin: 0 12px; */
        color: $base-form-table-header-title-color;
        font-weight: bold;
        text-align: left;
      }

      .sun-table_main {
        padding: 0 12px;
      }

      .form-table-header {
        @include table-title-style();
        border: 0;
        background: #fff !important;
        padding: 0;
        .sub-table__title {
          color: $base-form-table-header-title-color;
          font-weight: bold;
        }
      }
      .el-table__footer-wrapper tbody td.el-table__cell {
        background: #f9f9f9;
        border-right: 0 !important;
        .cell {
          color: #262626;
          font-weight: 400;
          font-size: 14px;
        }
      }
      .el-table {
        &::before {
          height: 0;
        }

        .el-table__fixed,
        .el-table__fixed-right {
          &::before {
            height: 0;
          }
        }
        .el-table__fixed {
          z-index: 999;
        }
        .el-table__header-wrapper,
        .el-table__fixed-header-wrapper {
          th {
            background: var(--headerBgColor);
            padding: 12px 0;

            .cell {
              color: $base-dark-title-color;
              font-size: $base-font-size-default;
              font-weight: bold;
            }
          }
        }

        .el-table__body-wrapper {
          .el-table__row {
            td {
              .cell {
                .copy-btn,
                .delete-btn,
                .custom-dialog-btn {
                  font-size: $base-font-size-default;
                  font-weight: 500;

                  i {
                    font-size: $base-font-size-big;
                  }
                }
              }
            }
          }
        }

        .el-table__empty-block {
          display: none;
        }
        .has-company-box {
          .field-tail__wrap {
            .el-form-item__error {
              position: absolute;
              top: calc(100% - 18px);
            }
          }
        }
        .isFormat {
          .pcInputNumberWrap {
            .exhibitText {
              top: unset;
              left: 50%;
              width: 100%;
              text-align: center;
            }
          }
        }
      }

      .table-footer {
        height: 56px;
        line-height: 56px;
        border: 1px solid $base-table-border-color;
        border-top: none;
        padding: 0 20px;
        &:empty {
          display: none;
        }
        .add-btn {
          font-weight: 500;
          font-size: $base-font-size-default;

          i {
            font-size: $base-font-size-big;
          }
        }
      }

      .pagination-wrap {
        display: flex;
        justify-content: flex-end;
        padding: 16px 36px;
      }

      .field-tail__wrap {
        .el-form-item__error {
          position: static;
        }
      }

      .search-field__container {
        .search-custom-dialog {
          .field-tail__wrap {
            position: relative !important;
          }
        }
      }
      .sun-table_main {
        .grandson_table_wrap {
          .el-form-item__error {
            position: absolute;
            top: calc(100% - 14px);
          }
        }
      }
      .form-table_box {
        .field-tail__wrap {
          .el-form-item__error {
            position: absolute;
            top: calc(100% - 16px);
          }
        }
      }
    }

    .form-table {
      width: 100%;
      border: 1px solid $base-table-border-color;
      border-bottom: none;

      thead,
      tbody,
      tfoot {
        tr {
          td {
            @include sun-table-style();
          }

          th {
            text-align: center;
            color: $base-form-table-header-title-color;
            background: #f4f4f4;
            font-weight: normal;
            @include sun-table-style();
          }
        }
      }
    }

    .form-table > tbody > tr > th.group-th {
      text-align: left;
      background: #f4f4f4;
      font-weight: bold;
    }

    .form-table > tfoot > tr > td {
      padding: 5px 10px;
    }

    /*子表孙表样式结束  */

    /* 顶部按钮图标样式开始 */
    .header-btn-icon {
      font-size: $base-font-size-bigger;
      color: var(--topRightColor);
      cursor: pointer;
    }

    /* 顶部按钮图标样式结束 */

    /* 表格表头过滤样式开始 */
    .filter-column {
      .cell {
        span.el-table__column-filter-trigger {
          display: none;
        }

        .filter-colum__wrap {
          .icon-screen {
            padding-left: 8px;
          }
        }
      }

      .highlight {
        color: var(--themeColor) !important;
      }
    }

    /* 表格表头过滤样式结束 */
    /* 无数据时显示内容样式 */
    .ht-card {
      .el-table__empty-block {
        flex-direction: column;

        .no-data-text {
          font-size: $base-font-size-big;
          color: $base-dark-title-color;
        }
      }
    }

    /* 表格无数据时显示内容样式 */
    .el-table__empty-block {
      .el-table__empty-text {
        line-height: unset;
      }

      .no-data-text {
        margin: 8px 0;
        line-height: 20px;
        font-size: $base-font-size-default;
      }
    }

    /* 待办列表特别关注样式 */
    .instance-id_wrap {
      .special-focus-icon {
        color: $base-gray-icon-color;
        cursor: pointer;
      }

      .has-special-focus {
        color: var(--themeColor);
      }
    }

    // 子表中 radio和checkbox对齐样式
    .xh_table {
      .ht-form-inputs__block {
        .el-checkbox-group,
        .el-radio-group {
          text-align: left;
        }
      }
      .el-table{
        .cell{
          padding-left: 6px;
          padding-right: 6px;
        }
      }
    }

    //选择常用流程弹窗样式跟随主题色
    .ht-select-column-dialog {
      .select-column {
        background: rgba(var(--themeColorRgb), 0.1) !important;

        .title {
          color: var(--themeColor) !important;
        }

        .delete-btn {
          background: rgba(var(--themeColorRgb), 0.14) !important;
          border-color: rgba(var(--themeColorRgb), 0.14) !important;
        }
      }

      .process-wrap {
        .column-item {
          &:hover {
            color: var(--themeColor) !important;
            background-color: rgba(var(--themeColorRgb), 0.1) !important;
          }
        }
      }

      .active-column-item {
        background-color: rgba(var(--themeColorRgb), 0.1) !important;
      }
    }

    //常用流程栏目跟随主题色
    .ht-common-process {
      .process-item {
        &:hover {
          border: 1px solid var(--themeColor) !important;
          color: var(--themeColor) !important;
          background-color: rgba(var(--themeColorRgb), 0.04) !important;
        }
      }
    }

    //流程公示栏目跟随主题色
    .ht-process-publicity {
      .process-publicity-item {
        &:hover {
          .process-name {
            color: var(--themeColor) !important;
          }
        }
      }
    }

    //个人事项标题跟随主题色
    .personal-matters {
      .personal-matters_main_ul .list-item {
        &:hover {
          color: var(--themeColor) !important;
          text-decoration: underline;
        }
      }
    }

    //常用功能栏目样式
    .common-function {
      .function-item {
        width: calc(33.33% - 20px);
        margin-right: 24px;
        margin-bottom: 24px;

        span {
          padding-top: 8px;
        }

        &:hover {
          background: #f6f6f6;
          cursor: pointer;

          span {
            color: var(--themeColor) !important;
          }
        }

        &:nth-child(3n) {
          margin-right: 0;
        }
      }
    }

    // 新闻公告
    .ht-news {
      .news-item {
        &:hover {
          .link-dot {
            color: var(--themeColor) !important;
          }
        }

        .link-dot {
          &::before {
            background-color: var(--themeColor) !important;
          }
        }

        // 没有自己颜色，跟随主题
        .leftIcon {
          color: var(--themeColor) !important;
        }
      }
    }

    .detail-dialog {
      .file-item {
        &:hover {
          p {
            color: var(--themeColor) !important;
          }
        }

        .file-hover__icon {
          &:hover {
            color: var(--themeColor) !important;
          }
        }
      }
    }

    // 日程
    .ht-schedule {
      .fc-button-primary:not(:disabled):active,
      .fc-button-primary:not(:disabled).fc-button-active {
        color: var(--themeColor) !important;
        background-color: rgba(var(--themeColorRgb), 0.2) !important;
        border-color: var(--themeColor) !important;
      }

      .header-btn__wrap .btn {
        border-color: var(--themeColor) !important;
        background-color: var(--themeColor) !important;
      }

      .fc-day-today .fc-col-header-cell-cushion {
        color: var(--themeColor) !important;
      }

      .fc-event {
        border-color: var(--themeColor) !important;
        background-color: var(--themeColor) !important;
      }
    }

    .el-select-dropdown__item.selected {
      color: var(--themeColor);
    }

    // 会议
    .meeting-room {
      .footer-item:first-child .text {
        &::before {
          background-color: var(--themeColor) !important;
        }
      }

      .fc-button-primary:not(:disabled):active,
      .fc-button-primary:not(:disabled).fc-button-active {
        background-color: rgba(var(--themeColorRgb), 0.2) !important;
        color: var(--themeColor) !important;
        border-color: var(--themeColor) !important;
      }

      .button-box {
        background-color: rgba(var(--themeColorRgb), 0.2) !important;

        .el-button--text {
          color: var(--themeColor) !important;
        }
      }

      .operate-btn-wrap .add-meeting-btn {
        background-color: var(--themeColor) !important;
      }

      .full-calendar
        .fc-event-future.fc-event:not(.fc-event-today):not(.fc-event-past) {
        border-color: rgba(var(--themeColorRgb), 0.2) !important;
        background-color: rgba(var(--themeColorRgb), 0.2) !important;

        .resource-content {
          color: var(--themeColor) !important;
        }
      }

      .meeting-drawer {
        .green-color,
        .blue-color {
          color: var(--themeColor) !important;
        }
      }
    }

    //会议室详情样式
    .order-meeting-room__drawer {
      .meeting-room-content {
        .meeting-info__item .item-value-tag {
          color: var(--themeColor) !important;
          background: rgba(var(--themeColorRgb), 0.2) !important;
        }
      }
    }

    // 个人事项
    .personal-matters {
      .personal-matters_radio {
        .el-radio-button__orig-radio:checked + .el-radio-button__inner {
          background: rgba(var(--themeColorRgb), 0.2) !important;
          border-color: var(--themeColor) !important;
          color: var(--themeColor) !important;
          box-shadow: none !important;
        }
      }

      .personal-matters_main
        ul.personal-matters_main_ul
        li
        > div:nth-child(4)
        > i:not(:first-child) {
        color: var(--themeColor) !important;
      }

      .matters_dia .matters_dia_btns .matters_dia_btns_primary {
        border-color: var(--themeColor) !important;
        background-color: var(--themeColor) !important;
      }

      ul.personal-matters_main_ul li > div:nth-child(4) > i:first-child.mark {
        color: var(--themeColor) !important;
      }

      .matters_dia_flex
        .matters_dia_flex_checkbox
        .el-checkbox__input.is-checked
        .el-checkbox__inner {
        background: var(--themeColor) !important;
      }

      .drag-item {
        color: var(--themeColor) !important;
      }
    }

    .el-link.el-link--primary.is-underline:hover:after {
      border-color: var(--themeColor);
    }

    .el-switch__label.is-active {
      color: var(--themeColor);
    }

    // 按钮大小
    .el-button--small {
      font-size: 14px;
    }

    // 修复表单列表操作按钮 下拉选项为空时，会有小箭头和一条线的问题
    .el-dropdown-menu.el-popper[x-placement^='bottom'] {
      .popper__arrow {
        visibility: hidden;
      }

      > li + .popper__arrow {
        visibility: visible;
      }
    }

    .el-dropdown-menu.el-popper.el-dropdown-menu--mini.el-popper[x-placement^='bottom'] {
      border: none;
    }
  }
}

@media print {
  .top_btn_col {
    display: flex;
    align-items: center;

    .el-button {
      margin-right: 10px;
    }
  }

  .dropdown-upload__btn {
    .el-button-group {
      .el-button {
        &:first-child {
          height: 28px !important;
          line-height: 28px;

          span {
            display: flex;
            align-items: center;
            margin-top: -8px;
          }
        }
      }
    }
  }
}

.search-field__container {
  .search-custom-dialog {
    .field-tail__wrap {
      position: relative !important;

      .el-form-item__error {
        min-width: 60px;
        padding-top: 2px;
      }
    }
  }
}

/* .is-collapse-main {
  .base-main_box {
    .base-main_bottom_btn{
      width: calc(100% - 70px - 24px * 2) !important;
    }
  }
} */
/* .horizontal-container{
  .base-main_box {
    .base-main_bottom_btn{
      width: 92% !important;
    }
  }
} */
.horizontal-container {
  .base-main {
    background-color: #fff;
    padding: 0 0 80px;
  }
}

//子表只读样式
.readonly-form {
  .has-company-box {
    .field-tail__wrap {
      position: unset;
    }
  }
  .form-table_box {
    .has-company-box {
      .field-tail__wrap {
        position: unset;
      }
    }
    .xh_table {
      .inputs.ht-form-inputs__inline {
        width: 100%;
      }
    }
  }
  .table_layout_wrap {
    .main-field {
      .has-company-box {
        .field-tail__wrap {
          position: unset;
        }
      }
    }
  }
}

.el-textarea__inner {
  @include base-scrollbar;
  &::-webkit-scrollbar {
    width: 13px !important;
    background-color: transparent;
  }
}

.el-tooltip__popper {
  max-width: 700px;
}
.el-message--error {
  .el-message__content {
    max-width: 1000px;
    word-wrap: break-word;
  }
}
.sub-backfill-dialog {
  .el-form {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.reject-dailog__content,
.inquiry-dailog__content,
.exchange-dailog__content,
.apploval-dailog__content {
  .opinion-label {
    .el-form-item__label {
      &::before {
        left: 0;
      }
    }
  }
}

.fullheight {
  height: 100%;
  position: relative;
}

.GanttMain-Button {
  color: var(--themeColor);
}
.form-table__wrap {
  .sub-collapse {
    .sub-collapse-item {
      div[aria-expanded='true'] {
        .sub-collapse-item-title {
          .el-icon-caret-right {
            transform: rotate(90deg);
          }
        }
      }
    }
  }
  .sun-collapse {
    .sun-collapse-item {
      div[aria-expanded='true'] {
        .sun-collapse-item-title {
          .el-icon-caret-right {
            transform: rotate(90deg);
          }
        }
      }
    }
  }
}
.el-drawer__wrapper.right-drawer-wrap {
  top: 180px;
  right: 24px;
  bottom: 24px;
  overflow-y: auto;
  width: 382px;
  left: unset;
  .el-drawer__header {
    padding: 0;
    height: 48px;
    line-height: 48px;
    padding: 0 24px;
    color: #262626;
    font-weight: 500;
    box-shadow: 0px -2px 6px #f0f0f0;
    margin-bottom: 0;
    border-bottom: 1px solid #ebebeb;
  }
  .el-drawer {
    box-shadow: 0px -2px 6px #ebebeb;
  }
  .el-drawer__body {
    overflow: unset;
    height: calc(100% - 72px);
    .dialog__content {
      height: calc(100% - 64px);
      overflow-y: auto;
      padding: 24px 24px 0;
      .node-table {
        .node-table-row {
          line-height: 32px;
        }
        .node-table-th {
          width: 140px;
          span {
            margin-left: 0;
          }
        }
        &-td {
          .node-table-wrap,
          label {
            margin-left: 0px;
          }
          .node-table-wrap {
            display: flex;
            align-items: center;
            height: 44px;
            .inputs {
              display: flex;
            }
          }
        }
      }
    }
    .dialog-footer__btns {
      height: 64px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-left: 24px;
      box-shadow: 0px -2px 6px #ebebeb;
    }
  }
  .el-form-item {
    display: flex;
    flex-direction: column;
    .el-form-item__label {
      text-align: left;
      color: #8c8c8c;
      &::after {
        content: '';
      }
    }
    .el-form-item__content {
      margin-left: 0 !important;
    }
  }
  .opinion-label .el-form-item__label {
    margin-left: 10px;
    &::before {
      left: -10px;
    }
  }
}

.el-drawer__wrapper.horizontal-layout-drawer {
  right: 4%;
  bottom: 0;
}
.el-drawer__wrapper.flow-module-drawer {
  top: 50px;
  right: 0;
  bottom: 0;
}
.el-drawer__wrapper.dialog-model-drawer {
  top: calc(8vh + 49px);
  bottom: 8vh;
  right: 15%;
}
.back-reason-dialog {
  .el-dialog__title {
    font-size: 16px;
    color: #222;
    font-weight: 500;
  }
  .el-dialog__headerbtn .el-dialog__close {
    color: #8c8c8c;
  }
  .el-dialog__body {
    padding: 24px;
    height: 344px;
    overflow-y: auto;
    .back-reason-text {
      color: #e55555;
      line-height: 22px;
    }
  }
}
.el-dropdown-menu.common-words__dropdown {
  max-height: 340px;
  overflow-y: auto;
  overflow-x: hidden;
  .el-dropdown-menu__item:not(.is-disabled) {
    line-height: 32px;
    color: #262626;
    font-size: 14px;
    padding: 0 24px;
    &:hover {
      color: #262626;
      background-color: #f9f9f9;
    }
  }
}
.dropdown-btns {
  .el-dropdown-menu__item:not(.is-disabled) {
    line-height: 32px;
    color: #262626;
    font-size: 14px;
    padding: 0 12px;
    &:hover {
      color: #262626;
      background-color: #f9f9f9;
    }
  }
  .el-dropdown-menu__item {
    .el-button {
      border: none;
      color: #262626;
      padding: 9px 0;
    }
    .delete-btn {
      color: #e55555;
    }
  }
}
.flow-chart-dialog {
  .el-dialog__header {
    padding: 16px 0;
  }
  .el-tabs__active-bar {
    width: 42px !important;
    height: 4px;
  }
  .el-tabs__content {
    padding: 0;
  }
  .flow-chart {
    max-height: 65vh;
  }
}
.el-drawer__wrapper.right-drawer-wrap.process-info {
  .el-drawer__header {
    padding: 0;
    padding-right: 18px;
    .el-tabs__header {
      margin: 0;
    }
    .el-tabs__nav-wrap {
      &::after {
        height: 0px;
      }
    }
    .el-tabs__active-bar {
      width: 56px !important;
      height: 4px;
    }
  }
  .el-tabs__content {
    padding: 0;
  }
}

// 全局table 表头筛选框样式
.el-table-filter .el-table-filter__bottom {
  padding: 8px 12px;
  display: flex;
  justify-content: space-between;
}