salary-management-front/pc4mobx/hrmSalary/pages/dataAcquisition/index.less

.tipWrapper {
  display: flex;
  flex-direction: column;
  margin: 0 25px 20px 25px;
  border: 1px solid #e5e5e5;

  .title {
    border-bottom: 1px solid #e5e5e5;
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    background: #f6f6f6;
    font-size: 14px;
  }

  .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px 16px;
    color: #999;
  }
}

.addItemsWrapper {
  .baseForm {
    .wea-form-cell {
      padding-right: 20% !important;
    }
  }

  .wea-search-group {
    .wea-form-cell-wrapper {
      border: 1px solid #e5e5e5;

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

      .wea-form-cell {
        padding: 4px 16px;
        border-bottom: 1px solid #e5e5e5;

        .wea-form-item-wrapper {
          line-height: 30px;
        }

        .wea-form-item {
          padding: 0;
        }
      }
    }
  }
}

.layoutWrapper {
  height: 100%;
  display: flex;
  flex-direction: column;

  .wea-tab-left {
    min-width: 600px !important;
    max-width: 600px !important;
  }

  .screenWrapper {
    padding: 0;

    .wea-content {
      padding: 0;
    }

    .wea-form-cell {
      padding: 0 16px;

      .wea-date-picker {
        width: 85%;
      }
    }

    .wea-helpful-tip {
      padding-left: 10px;
    }
  }

  .screenSituationWrapper {
    padding: 0;

    .wea-content {
      padding: 0;
    }

    .wea-form-cell {
      padding: 0 16px;

      .wea-date-picker {
        width: 70%;

        input {
          min-width: inherit !important;
        }
      }
    }

    .wea-helpful-tip {
      padding-left: 10px;
    }
  }

  .dataContent {
    flex: 1;
    overflow: hidden;
  }

}

.slideOuterWrapper {
  .wea-slide-modal-title {
    height: initial;
    line-height: initial;
    text-align: left;
  }

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