.Table{
  position: relative;
  width: 100%;
  height: 240px;
  background-color: red;
  box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
  margin-bottom: 10px;

  @media @onlyScreen and @mobile,@smallmobile{
    font-size: 0.75em;
  }

  table{
    width: 100%;
    height: 100%;
    text-align: center;
  }
  td{
    width: 25%;
  }

  .Table-header{
    .ROW();
    height: 60px;
    background-color: #eaeaea;
    font-weight: bold;

    td i{
      margin: 0px 0px 0px 1em;
    }

    td:hover{
      background-color: #ddd;
      cursor: pointer;
    }

  }
  .Table-body{
    .ROW-FLEX();
    background-color:#fff;

    tr{
      height: 50px;
      border-bottom: solid 1px #e6e6e6;
    }

    tr:nth-child(even){
      background-color: #f6f6f6;

    }

    tr:hover{
      cursor: pointer;
      background-color: #666;
      color: #ffffff;
    }

    td{
      border-right:  solid 1px #e6e6e6;
    }

    td:last-child{
      border-right: none;
    }

  }
}