.table {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.table-row {
	display: table-row;
	border-left: 4px solid transparent;
}
.table-header{
	display: table-row;
	
}

.table-cell {
	display: table-cell;
	padding: 10px;
	table-layout: fixed;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: white-space 300ms ease-out;
	-moz-transition: white-space 300ms ease-out;
	-ms-transition: white-space 300ms ease-out;
	-o-transition: white-space 300ms ease-out;
	transition: white-space 300ms ease-out;
	vertical-align: middle;
}

.table-header .table-cell{    
}


/*Table Grids*/
._1_1{width: 100% }

._1_2{width: 50% }

._1_3{width: 33.33333337% }

._1_4{width: 25%}

._1_5{width: 20%}

._1_6{width: 16.6666667%;}

._1_7{width: 14.2857143%}

._1_8{width: 12.5%}

._1_9{width: 11.1111111%}


@media (max-width: 1020px) {

}

@media (max-width: 768px) {
.table-row.table-header, .table-header{ display: none;} 
	.table-cell{ display: block; text-align: left;}
	.table-cell:not(.nomobile)::before{
		content: attr(data-th) ": ";
		font-weight: bold;
		width: 6.5em;
		display: block;
		padding: 0 0 10px;
		margin-right: 10px;
}

@media (max-width: 600px) {

}

@media (max-width: 480px) {

	.table-row.table-header, .table-header{ display: none;} 
	.table-cell{ display: block; text-align: left;}
	.table-cell:not(.nomobile)::before{
		content: attr(data-th) ": ";
		font-weight: bold;
		width: 6.5em;
		display: block;
		padding: 0 0 10px;
		margin-right: 10px;
}