.payrollFilesWrapper {
  .wea-new-top-content {
    display: flex;
    flex-direction: column;
    overflow: hidden;

    .tableWrapper {
      flex: 1;
      overflow: hidden;
      padding: 16px 16px 0 16px;

      .ant-spin-nested-loading, .ant-spin-container {
        height: 100%;
      }
    }
  }

  .archiveRow {
    background: #F1F3F4;
  }

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

  .optWrapper {
    display: flex;
    align-items: center;

    i {
      cursor: pointer;
    }
  }
}

.moreIconWrapper {
  .ant-popover-inner {
    min-width: 106px
  }

  .ant-popover-inner-content {
    padding: 0;

    .ant-menu {
      .ant-menu-item {
        border-right: none;
        height: 30px;
        line-height: 30px;
        text-align: center;
        padding: 0;
      }
    }
  }
}

//提示语
.helpWrapper {
  display: flex;
  flex-direction: column;

  .pl10 {
    padding-left: 10px;
  }
}

//下拉框菜单样式
.dropdownMenuWrapper {
  .ant-menu-item {
    border-right: none;
    padding: 0 16px;
    height: 30px;
    line-height: 30px;
  }
}

//侧拉框样式
.slideOuterWrapper {
  .wea-slide-modal-title {
    height: initial;
    line-height: initial;
    text-align: left;
  }

  .wea-slide-modal-title + div {
    padding-bottom: 70px !important;
  }

  .rodal-close {
    z-index: 99;
    top: 10px !important;
  }

}

@media (min-width: 1260px) {
  .slideOuterWrapper {
    .reqTopWrapper .wea-new-top-req-title > div:first-child > div {
      max-width: 100% !important;
    }
  }
}

@media screen and (min-width: 1060px) and (max-width: 1260px) {
  .slideOuterWrapper {
    .reqTopWrapper .wea-new-top-req-title > div:first-child > div {
      max-width: calc(100% - 96px) !important;
    }
  }
}

//薪资档案页面重构
.salary-files-wrapper {
  min-width: 1000px;
  overflow: auto;
  width: 100%;
  height: 100%;
  background: #f6f6f6;

  .wea-new-top-req-title > div:first-child > div > div {
    padding-left: 0 !important;

    .wea-tab {
      border-bottom: none;
    }
  }

  .salary-files-content {
    padding: 8px 16px;
    display: flex;
    flex-direction: column;

    .table-layout {
      .ant-spin-nested-loading, .ant-spin-container {
        height: 100%;
      }
    }

    .searchAdvanced-condition-hide {
      display: none;
    }

    .searchAdvanced-condition-container {
      background: #FFF;
      margin-bottom: 10px;
      border: 1px solid #e5e5e5;

      .wea-search-buttons {
        border-top: 1px solid #dadada;
        padding: 15px 0;
      }

      .wea-advanced-searchsAd {
        height: 246px;
        overflow: hidden auto;

        .formItem-delete {
          position: absolute;
          top: 0;
          right: -40px;
        }

        .searchAdvanced-commonSelect {
          border-top: 1px solid #ebebeb;
          margin: 0 25px;
          padding: 10px 0;
        }

        .custom-advance-largeSpacing {
          padding-left: 26px;

          .link {
            border: none;
            border-radius: 0;
            padding: 12px 10px 12px 26px;
            color: #2db7f5
          }
        }

      }
    }
  }
}

//薪资档案页面重构-编辑查看抽屉页面
.salary-files-edit-layout {
  .titleDialog {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 46px 0 16px;

    .titleCol {
      flex: 1;
      display: flex;
      align-items: center;
    }

    .titleLeftBox {
      .titleIcon {
        color: #fff;
        margin: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #F14A2D;
        border-radius: 50%;
      }

      .title {
        font-size: 14px;
        color: #333;
        padding-left: 6px;
      }
    }

    .titleRightBox {
      justify-content: flex-end;

      button:last-child {
        margin-left: 10px;
      }
    }
  }

  .wea-slide-modal-title {
    border-bottom: 1px solid #e5e5e5 !important;
  }

  .wea-slide-modal-content {
    height: 100%;

    .salary-files-edit-area {
      background: #f6f6f6;
      height: 100%;
      overflow-y: auto;
      padding: 16px;

      .basic-salary-file-wrapper {
        .wea-form-cell-wrapper {
          .wea-field-readonly {
            vertical-align: bottom;

            span.child-item {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              max-width: 125px;
            }
          }

          & > div {
            border-right: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
          }

          & > div:nth-child(3) {
            border-bottom: 1px solid #e5e5e5;
          }

          & > div:nth-child(4), & > div:nth-child(5) {
            border-right: 1px solid #e5e5e5;
          }
        }
      }

      .twoColumns-salary-file-wrapper {
        .wea-form-cell-wrapper {
          & > div {
            border-right: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
          }

          & > div:nth-child(2n) {
            border-right: none;
          }

          & > div:last-child {
            border-bottom: none;
          }
        }
      }

      .wea-search-group, .wea-form-cell {
        padding: 0;

        .wea-form-item {
          padding: 5px 16px;

          .wea-form-item-label {
            color: #666;
          }
        }
      }

      .wea-form-cell-wrapper {
        background: #FFF;
        border: 1px solid #e5e5e5;
      }
    }
  }
}


