/*tables*/
/** use this for showing list of records like transactions, transfers **/
.table {
  margin: 0 auto;
  width: 100%;
  border-spacing: 0;
}

.table .table {
	background:transparent;
}

.tableHeaderRow {
  height: 1.875rem
}
.tableDataRow {
  height: 44px;
}
.tableDataRow > td {
  text-overflow: ellipsis;
  padding-right: 10px;
  color: #444;
  border-bottom: 1px solid #ccc;
  text-align: left;
}
.tableHeaderRow>th {
    border-bottom: 1px solid #ccc;
}
.tableColumnHeader {
  border-bottom: 1px solid black;
  text-align: left;
  font-family: boldFont;
  font-size: 14px;
  height:44px;
}
/*.tableHeaderRow > th {
 text-align:left;
 font-family:lightFont; 
 font-size:18px; 
 color:#888; 
 padding-top:44px !important;
 }*/

.tableSectionBreak {
  height: 40px;
}

@media only screen and (max-width: 900px) {
  .tableHide {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  td {
    font-size: 14px;
  }
}
/** override bootstrap**/
.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th,
.table>thead>tr>td, 
.table>thead>tr>th {
		padding: 8px;
		line-height: normal;
		vertical-align: inherit;
		border-top:none;
	}
.tableSectionHeader {
  text-align: left;
  font-family: lightFont;
  font-size: 18px;
  color: #888;
  padding-top: 44px !important;
}