.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 {
  padding-bottom: 8px;

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

  .tipWrapper {
    background: #FFF;
    margin: 0 16px;
  }
}

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

  .wea-new-top-wapper, .wea-tab {
    background: #FFF;
  }

  .wea-tab {
    margin: 8px 16px;
  }

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

    .wea-form-item-wrapper {
      display: inline-block !important;
    }
  }

  .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;
    padding: 0 16px;

    .wea-new-table {
      background: #FFF;

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

    .wea-slide-modal .wea-slide-modal-content {
      background: #f6f6f6;
      height: 100%;
    }

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

    .titleDialog {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px 46px 8px 16px;
      background: #fff;

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

}

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