table.data {
  font-size: 13px;
}

table.data th,
table.data td {
  padding: 15px 24px 15px 0;
  /*border: 1px solid red;*/
}
table.data th:first-child,
table.data td:first-child {
  padding-left: 24px;
}
table.data th.num,
table.data td.num {
  text-align: right;
  white-space: nowrap;
}
table.data th.id,
table.data td.id {
  white-space: nowrap;
}
table.data th.checkbox,
table.data td.checkbox {
  padding-top: 13px; padding-bottom: 13px;
}
table.data th.boolean { text-align: center; }
table.data td.boolean {
  padding-top: 13px; padding-bottom: 13px;
  text-align: center;
}
table.data th.center,
table.data td.center {
  text-align: center;
}
table.data td.blink {
  -webkit-animation: blink 3s ease;
          animation: blink 3s ease;
}
table.checkbox td {
  padding-top: 10px;
  padding-bottom: 10px;
}
/* TODO
table.data th.figure,
table.data td.figure {
  padding-top: 4px; padding-bottom: 4px;
}*/
table.data tr.merge-top > th {
  padding-top: 4px;
  height: auto;
}
table.data thead th,
table.data thead td {
  padding-top: 0; padding-bottom: 20px;
  height: 56px;
  border-bottom: 1px solid #ddd;
  font-size: 12px;
  color: #999;
  line-height: 1;
  vertical-align: bottom;
}
table.data thead th.checkbox,
table.data thead td.checkbox {
  padding-bottom: 18px;
}

table.data tfoot th,
table.data tfoot td {
  padding-top: 7px; padding-bottom: 7px;
}
table.data tfoot th { text-align: right; }
table.data tfoot tr:last-child th,
table.data tfoot tr:last-child td {
  padding-bottom: 14px;
}
table.data tfoot tr:first-child td.total {
  border-top: 1px solid #ccc;
}
table.data tfoot tr.total th,
table.data tfoot tr.total td {
  font-weight: bold;
}

table.data tbody th,
table.data tbody td {
  border-top: 1px solid #ddd;
}
table.data tbody td.actions { padding: 0 11px 0 0; }
table.data tbody tr.selected th,
/*table.data tbody tr.selected td {
  background-color: #eee;
}*/
table.data tbody tr:first-child th,
table.data tbody tr:first-child td {
  border-top: none;
}
table.data tbody tr.hoverable:hover th,
table.data tbody tr.hoverable:hover td {
  /*background-color: #e0e0e0;*/
  background-color: #fafafa;
}
table.data tbody tr:hover td.actions ul.actions,
table.data tbody tr:hover td.actions div.actions {
  visibility: visible;
}
table.data tbody tr.black th,
table.data tbody tr.black td,
table.data tbody tr.black:hover th,
table.data tbody tr.black:hover td {
  background-color: #eee;
}

table.data tbody tr.thead th,
table.data tbody tr.thead td {
  padding-top: 24px; padding-bottom: 8px;
}
table.data tbody tr.thead th { font-size: 16px; font-weight: bold; }
table.data tbody tr.thead + tr > td {
  /*border-top-color: rgba(160, 160, 160, 0.5);*/
}

table.data tbody tr.tfoot th { text-align: right; }
table.data tbody tr.tfoot th,
table.data tbody tr.tfoot td {
  border-top: none;
  font-weight: bold;
}
table.data tbody tr.tfoot td.total {
  border-top: 1px solid #ccc;
}
table.data tbody tr.thead:hover th,
table.data tbody tr.thead:hover td,
table.data tbody tr.tfoot:hover th,
table.data tbody tr.tfoot:hover td {
  background: none;
}
table.data tbody tr.tag th {
  padding-bottom: 5px;
  border-top: 1px solid #ddd;
  background: #eee;
  color: #999;
}
table.data div.field { margin: -8px 0; padding: 0; }
table.data td.num input { text-align: right; }
table.data-stat { font-size: 18px; }


div.data-bar {
  padding: 17px 23px 7px;
  border: 1px solid transparent;

  -webkit-transition: background 200ms;
          transition: background 200ms;
}
div.data-bar-merge { margin-bottom: 7px; padding-bottom: 0; }
div.data-black {
  border-radius: 3px 3px 0 0;
  border-color: #fff;
  background: #eee;
}
div.data-bar:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
div.data-bar h3 { margin-bottom: 10px; }
div.data-bar h3.inline { display: inline-block; vertical-align: top; }
div.data-bar small { font-size: 12px; }
div.data-bar ul.actions { margin: -10px -12px 0 0; }
div.data-bar div.actions {
  margin-top: -4px; margin-bottom: 6px; margin-left: -8px; padding: 0;
}

@media only screen and (-webkit-max-device-width: 1679px), (max-device-width: 1679px), (-webkit-max-width: 1679px), (max-width: 1679px) {
  table.data th.ext,
  table.data td.ext {
    display: none;
  }
}