.table-con
{
  overflow-x: auto;
  max-width: 100%;
}

.table-canvas
{
  min-width: 100%;
}

.table-canvas thead, tbody, tr
{
  display:table;
  width:100%;
  table-layout: fixed;
}

// required to make the body scroll
.table-body {
  display:block; 
  max-height:400px;
  overflow-y:scroll;
}

.table-canvas, .table-canvas th,  .table-canvas td {
    border-bottom:solid 1px #e0e0e0;
    border-collapse:collapse;
    table-layout:fixed;
}

.table-header
{
  text-align: left;
  height: 40px;
  color: #666; 
  font-weight: 500;
}

.table-row
{
  color: black;
  height: 32px;
  text-align: left;
  cursor: pointer;
}

.table-row:hover
{
  background: #f5f5f5;
}

.table-data
{
  font-weight: 300;
}

.table-cur
{
  cursor: pointer;
}