@import "../../../common/var";

.yz-table-warpper{
  box-sizing: border-box;
  padding: 0 12px 12px 12px;
  background-color: #fff;
}

.ivu-table-wrapper{
  background-color: #fff;
  overflow: hidden;
  color: @info-color;
  .ivu-table{
    font-size: 12px;
    &:before{
      width: 0;
    }
  }
  .ivu-table-body{

  }
  table{
    box-sizing: border-box;
    tbody{
      .ivu-table-row{
        &-hover{
          background: #f9fbfd;
          td{
            background: #f9fbfd;
          }
        }
      }
    }
    th{
      color: #79879c;
      font-weight: 600;
      background-color: unset;
    }
    td{
      color: @info-color;
      &:hover{
        color: @info-hover-color;
      }
      &:nth-child(1){
        font-weight: 700;
      }
    }
    td,th {
      border-bottom: 1px solid #eff4f9;
    }
  }
  .yz-row-checked{
    td{
      position: relative;
      background: #f9fbfd;
      &::before,&::after{
        position: absolute;
        right: 0;
        left: 0;
        height: 1px;
        content: '';
        z-index: 2;
      }
      &::before{
        top: -1px;
        background: @primary-color;
      }
      &::after{
        bottom: -1px;
        background: @primary-color;
      }
      &:first-child{
        border-left: 1px solid @primary-color;
      }
      &:last-child{
        border-right: 1px solid @primary-color;
      }
    }
    &+.yz-row-checked{
      td{
        &::before{
          top: -1px;
          background: #f9fbfd;
        }
        &::after{
          bottom: -1px;
          background: @primary-color;
        }
      }
    }
  }
}