﻿@charset "UTF-8";

table.rt-responsive-table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
/*table.rt-responsive-table tr:nth-of-type(odd) { 
  background: #eee; 
}
table.rt-responsive-table th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
table.rt-responsive-table td, table.rt-responsive-table th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}*/




/* Force table to not be like tables anymore */
table.rt-responsive-table.rt-vertical-table, table.rt-responsive-table.rt-vertical-table thead, table.rt-responsive-table.rt-vertical-table tbody, table.rt-responsive-table.rt-vertical-table th, table.rt-responsive-table.rt-vertical-table td, table.rt-responsive-table.rt-vertical-table tr { 
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* BELOW THREE STATEMENTS NEEDED FOR IE9 AND BELOW */
	float:right;
	clear:right;
	width: 100%;
}

/* Hide table headers (but not display: none;, for accessibility) */
table.rt-responsive-table.rt-vertical-table thead tr { 
	position: relative;
	top: -9999px;
	left: -9999px;
}

table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container {
	float: left;
	width: 50%;
	display: block;
	}

table.rt-responsive-table.rt-vertical-table tr { border: 1px solid #ccc; }

table.rt-responsive-table.rt-vertical-table td { 
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
}

table.rt-responsive-table.rt-vertical-table td:before { 
	/* Now like a table header */
	position: relative;
	width: 45%; 
	padding-right: 10px;
	font-weight: bold;
	float:right;
	word-break: break-all;
}