/*
thead tr th {background-color: #ddd;}
.table-bordered>thead>tr>th {
	font-weight: bold;
	align-content:  border: 1px solid #ababab;
}


.table>thead:first-child>tr:first-child>th {border-top: 1px solid #ababab;}
*/

/*
thead tr a {color: #d2dcf0; text-decoration: underline;}
thead tr a:hover {color: #FFF;}
*/

/* CREATES ALTERNATING STRIPES
tr:nth-child(even) {background-color: #f2f2f2;}
*/


th, td {text-align: left;}
.th--heading {font-weight: bold; text-align: left;}

/*no more table*/
@media only screen and (max-width: 767px) {    
    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
        } 
	.no-more-tables .th--heading {border: 2px solid black;}
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        }
        
    .table-responsive {border: none;}
    
	.no-more-tables tr { border-bottom: 1px solid #ccc; }
	.no-more-tables tr:last-child { border-bottom: none; }
	.no-more-tables th {border-top: none; border-right: none; border-left: none;}
	.no-more-tables .table>tbody>tr>td {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30%;
		white-space: normal;
		text-align:left;
	}
	.no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		/* top: 6px; */
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}    
	/* Label the data */
	.no-more-tables td:before { content: attr(data-title); }
}