/* seo friendly tables */
.table{
	display:table;	/* Defines a Table */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border-bottom:2px solid #dddddd;
	color:#8d8d8d;
	margin:10px 0;
}
.table-head{
	 display: table-header-group; /* Defines a table header group */
}
.table-head .tab-col{ /* tab-col inside the table-head */
	background:#333333;
	color:#7d7d7d;
	border-right:1px solid #5d5d5d;
	border-bottom:none;
}
.table-head .tab-col:hover{ /* tab-col hover inside the table-head */
	background:#222222;
}
.tab-row{
	display:table-tab-row; /* Defines a table tab-row */
}
.tab-row .tab-col:nth-child(1){ /* First tab-col in a tab-row */
	border-left:1px solid #eeeeee;	
	padding-top:15px;
	padding-bottom:15px;
}
.tab-row:last-child .tab-col{  /* tab-col in a last tab-row */
	border-bottom:none;
}
.tab-col{
	display:table-cell; /* Defines a table cell */
	padding:10px 20px;
	border-bottom:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
}
.tab-col:hover{
	background:#f9f9f9;
}
/* Responsive table */
@media all and (max-width: 640px){
	.table,
	.tab-row,
	.tab-col,
	.tab-col:before{
		display:block;	/* Converts a table, table tab-row, table tab-col and table tab-col:before into a block element */
	}
	.table,
	.tab-row .tab-col:last-child{
		border-bottom:none;
	}
	.table-head{
		position:absolute;	/* Hides table head but not using display none */
		top:-1000em;
		left:-1000em;
	}
	.tab-row{
		border:1px solid #bbb;
		border-top:2px solid #dddddd;
		border-bottom:2px solid #dddddd;
		margin:20px 0;
	}
	.tab-row .tab-col:nth-child(1){ /* first tab-col of the tab-row */
		border:none;
		background:#2795c9;
		color:#fff;
		font-weight:bold;
		font-size:15px;
	}
	.tab-row .tab-col:last-child{ /* last tab-col of the tab-row */
		border-right:none;
		background:#eee;
	}
	.tab-row:last-child .tab-col,
	.tab-col{ /* tab-col in the last tab-row and tab-col */
		border-bottom:1px solid #eeeeee;
	}
	.tab-col:before{ /* prints the value of data-label attribute before the tab-col data */
		font-weight:bold;
		padding-right:20px;
		font-size:15px;
		color:#2795c9;
		content:" "attr(data-label)" ";	/* call the attribute value of data-label and adds a string // */
	}
	
	.tab-col h6{
	color:#ed5565;
	padding:2px 0;
	margin-bottom:0;
	font-weight:bold;
	font-size:13px;
	}
	
	.tab-col h5{	
	padding:5px 0;
	margin-bottom:0;
	font-weight:bold;
	font-size:13px;
	color:#555;
	}
	

	
	.tab-col ul li{
	color:#555;
	list-style:none;
	margin-left:-18px;
	padding-top:5px;
	}
}