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

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

  .linkWapper {
    //a {
    //  color: #4d7ad8;
    //  margin-right: 8px;
    //}

    i {
      cursor: pointer;
    }

    //a:hover {
    //  text-decoration: none;
    //}
  }
}

.mySalaryBenefitsWrapper {
  .wea-new-top-content {
    & > div.attendanceContent {
      height: 100%;
      display: flex;
      flex-direction: column;
      overflow: hidden;

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

    .ant-row, .ant-col-18, .tableWrapper {
      height: 100%;
      overflow: hidden;
    }
  }
}

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


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