.report{
    width: 100%;
    height: 100%;

    .layout{
        position: relative;
        width: 100%;
        height: 100%;

        .layoutContent{
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            bottom: 44px;
            padding: 8px 20px 8px 20px;

            .searchGroup {
                width: 100%;
                padding: 8px 0px;
            
                .radioGroupShow{
                  text-align: center;
                  line-height: 30px;
                  margin-bottom: 8px;
                  background-color: #f4f4f4;
                  color: #333;
            
                  span{
                    padding: 3px;
                    cursor: pointer;
                  }
                }
            
                .radioGroupHide{
                  margin-bottom: 0px;
                }
            
                .wea-form-item-wrapper {
                  padding: 0px;
                  & > div {
                    padding-left: 8px;
                  }
                }
                .displaySetting {
                  display: table;
                  border-collapse: collapse;
                  width: 100%;
                  & > div {
                    display: table-row;
                    border-bottom: 1px solid rgb(221, 221, 221);
                    width: 100%;
                    .tbCell {
                      display: table-cell;
                      vertical-align: middle;
                      word-wrap: break-word;
                      white-space: nowrap;
                      padding: 8px;
                      &:first-child {
                        padding-left: 14px;
                      }
                      &:last-child {
                        word-break: normal;
                        white-space: normal;
                      }
                      .wea-select {
                        margin-top: 0px;
                      }
                    }
                    &:last-child {
                      border-bottom: none;
                    }
                  }
                }
              }

            .dataList{
                position: absolute;
                left: 20px;
                right: 20px;

                // .ant-table-fixed-left{
                //     // width: 105px;
                //     border-radius: 0px;

                //     .ant-table-header{
                //         border: 1px solid #e9e9e9;
                //         border-right: none;
                //         border-bottom: none;
                //     }
                //     .ant-table-body-outer{
                //         .ant-table-body-inner{
                //             .ant-table-fixed{
                //                 border-left: 1px solid #e9e9e9;
                //                 width: 0px;
                //             }
                //         }
                //     }
                // }

                // .ant-table-bordered.ant-table-fixed-header .ant-table-fixed-left{
                //     border-right: none;
                //     border-bottom: none;
                //     // width: 315px;
                // }

                // .ant-table-fixed-left .ant-table-body-inner{
                //     margin-right: -7px;
                // }

                // .ant-table-thead>tr>th{
                //     border-bottom: 1px solid #e9e9e9;
                //     padding: 0px;
                //     background: #fff;
                //     text-align: center;
                //     height: 36px;
                //     line-height: 36px;
                //     background: #f6f6f6;
                // }
                // .wea-new-table .ant-table-thead>tr>th>span{
                //     padding: 0px;
                // }

                // .ant-table-tbody>tr>td{
                //     text-align: center;
                //     padding: 0px;
                //     height: 30px;
                //     line-height: 30px;
                // }

                // .ant-table-bordered .ant-table-thead>tr:last-child>th:last-child{
                //     border-right: 1px solid #e9e9e9;
                // }

                .date{
                    position: relative;
                    .weekday, .day{
                        height: 18px;
                        line-height: 18px;
                    }
                    img{
                        position: absolute;
                        top: 0px;
                        right: 0px;
                    }
                }

                .rSpan2{
                    // .title{
                    //     height: 20px;
                    //     line-height: 20px;
                    //     margin-top: 10px;
                    // }
                    // .unit{
                    //     height: 20px;
                    //     line-height: 20px;
                    // }
                }

                .rSpan1{
                    // .title, .unit{
                    //     height: 18px;
                    //     line-height: 18px;
                    // }
                }
            }
            /*覆盖员工假期余额列表头部样式*/
            .vacationBalanceReportList{
                .ant-table-thead>tr>th{
                    border-bottom: 1px solid #e9e9e9;
                    padding: 0px;
                    background: #fff;
                    text-align: center;
                    height: 36px;
                    line-height: 36px;
                    background: #f6f6f6;
                }
                .ant-table-tbody>tr>td{
                    text-align: center;
                    padding: 0px;
                    height: 30px;
                    line-height: 30px;
                }
            }

        }

        .includeFoot{
            bottom: 0px;
        }

        .pagination{
            position: absolute;
            right: 8px;
            bottom: 0px;
            .ant-pagination {
                margin: 7px;
                float: right;
            }
        }
    }
     /*覆盖原始打卡记录列表头部样式*/
    .originalPunchRecordList{
        .ant-table-thead>tr>th{
            border-bottom: 1px solid #e9e9e9;
            padding: 0px;
            background: #fff;
            text-align: center;
            height: 36px;
            line-height: 36px;
            background: #f6f6f6;
        }
        .ant-table-tbody>tr>td{
            text-align: center;
            padding: 0px;
            height: 30px;
            line-height: 30px;
        }
    }
  .wea-new-table .ant-table-thead tr th:first-child {
      padding-left: 0;
  }
  .wea-new-table .ant-table-thead tr th {
    text-align: center;
    border-right: 1px solid #eee;
    border-bottom-width: 1px;
  }
  .wea-new-table .ant-table-thead tr th:last-child {

  }
   .ant-table-fixed td {
    text-align: center;
  }

  .wea-new-table .ant-table-thead>tr>th>span{
    white-space: normal;
    text-overflow: unset;
  }

}

.daily-userInfo{
    padding: 15px;
    position: relative;
    height: 60px;

    &-avatar{
        position: absolute;
        width: 40px;
        height: 40px;
    }
    &-avatar img{
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }
    &-brief{
        position: absolute;
        left: 65px;
    }
     &-brief  p:last-child{
         color: #999999;
         margin-top: 5px;
     }
     &-brief span{
        margin-right: 30px;
     }
}

.daily-signInfo{
    padding: 10px 15px;
}

.daily-detail{
    margin: 0 15px;
    border-radius: 2px;
}

.report-bottomTip{
    position: absolute;
    bottom: 5px;
    left: 25px;
}

.daily-logList{
    padding: 10px 15px;
    &>div{
        padding-top: 10px;
    }
    .logItem{
        padding-left: 20px;
    }
}

.content{
    height:calc(~"100% - 87px");

    .hrm-vacation-scroll{
        height:calc(~"100% - 80px");
    }
}



.operateTime{
    display:inline-block;
    float:left;
}

.operateDesc{
    display:inline-block;
    margin-left: 57px;
    width:calc(~"100% - 114px");
}

.hrm-vacation-timeline{
    .timeline-content-wrap{
        display: inline-block;
        width:100%;

        & > div div:last-child{
            margin-top:5px;
        };
    }

    .timeline-content-left{
        float:left;
        width:20%;
    }
    .timeline-content-right{
        display: inline-block;
        width:80%;
    }
}