.table-layout{
  width: 100%;
  color: #777;
  font-size: 12px;
  .check-cls{
    max-width:20px;
    text-align:left!important; 
    margin-left:20px;
  }
  .t-header{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5px 0 5px 10px;

    li{
      text-align: left;
      padding-right: 10px;
      display: inline-block;
      margin-right: 10px;
    }
  }
  .t-con{
    .t-item{
      display: flex;
      align-items: center;
      width: 100%;
      padding: 10px 0 10px 10px;
      &:hover{
        background: #F7F7F7;
        &[active-txt]{
          >.themetxt{
              span{
              word-break: break-all;
              font-weight: bold;
              &:hover{
                color: #1FE4DC!important;
                cursor: pointer;
              }
            }
          }
        }
      }
      
      li{
        text-align: left;
        display: inline-block;
        box-sizing: content-box;
        margin-right: 10px;
        span{
          word-break: break-all;
          color: #909090;
        // display: inline-block;
        }
      }
    }
    
    .line{
      min-height: 50px;
      border-bottom: 1px solid rgba(#202020, 0.1);
      &:first-of-type{
        border-top: 1px solid rgba(#202020, 0.1);
      }
    }
  }
}

