/* seo friendly tables */

.price-table {display:table; margin:0 0 10px;}
.price-table thead {display: table-header-group;}
.price-table thead .price-table-column {
	background:#9B1103;
	color:#ffffff;
	font-weight:700;
	border-right:1px solid #ffffff;
	border-bottom:none;
}

.price-table .price-table-column {
	display:table-cell;
	padding:10px 20px;
	width:185px;
	border-right:2px solid #f2f2f2;
	border-bottom:2px solid #f2f2f2;
}

.price-table .price-table-column {text-align:center;}
.price-table .price-table-column:first-child {width:400px; text-align:left;}
.price-table tr:nth-child(2n+1) {background-color:transparent;}
.price-table tr:nth-child(2n) {background-color:#ededed;}

.payment-api-demo .price-table,
.payment-api-fees .price-table,
.payment-api-tools .price-table {width:100%;}
.payment-api-demo .price-table .price-table-column,
.payment-api-tools .price-table .price-table-column {width:33%; vertical-align:middle;}
.payment-api-tools .price-table .price-table-column {text-align:left;}

/* Responsive table */
@media all and (max-width: 800px){
	.price-table,
	.price-table tbody,
	.price-table tr,
	.price-table .price-table-column  {display:block;}
	
	.price-table,
	.price-table tbody,
	.price-table tr {width:100%; text-align:right;}
	
	.price-table .price-table-column {padding: 10px 4%; text-align:right; width:auto;}
	
	/*.payment-api-demo .price-table .price-table-column {padding: 10px 4%; text-align:right; width:auto;}
	.payment-api-tools .price-table .price-table-column {padding: 10px 4%; text-align:right; width:auto;}*/
	
	.price-table thead {
		position:absolute;	/* Hides table head but not using display none */
		top:-1000em;
		left:-1000em;
	}	
	.price-table .price-table-column:first-child {background:#384D96; color:#ffffff; width:auto;}
	.price-table .price-table-column:last-child {border-right:none; margin-bottom:20px;}
	
	.price-table .price-table-column:before { /* prints the value of data-label attribute before the column data */
		font-weight:400;
		font-size:16px;
		display:inline-block;
		float:left;
		content:" "attr(data-label)" ";	/* call the attribute value of data-label and adds a string // */
	}
	.price-table tr:nth-child(2n) {background-color:transparent;}
	
	.payment-api-demo .price-table .price-table-column,
	.payment-api-tools .price-table .price-table-column {width:auto;}
	
	.payment-api-tools .price-table .price-table-column {height:42px;}
	
	.payment-api-tools .price-table .price-table-column a {float:right; display:inline-block; text-indent:-9999px; }
	.payment-api-tools .price-table .price-table-column a i {padding:0; display:inline; margin:0;}
	
	.payment-api-demo .price-table .price-table-column img,
	.payment-api-tools .price-table .price-table-column img {float:right;}
	
	.payment-api-demo .price-table .price-table-column:first-child,
	.payment-api-tools .price-table .price-table-column:first-child {
		background:#ebebeb; 
		color:#384D96; 
		width:auto;
		height:56px;
	}
}