/*******************************************************/
/* General Reset */
body {
	margin: 0;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
  }
  
  /* Responsive Table Styles */
  @media only screen and (max-width: 760px) {
	/* Force table elements to stack */
	table, thead, tbody, th, td, tr {
	  display: block;
	  width: 100%; /* Ensure table spans full width */
	}
  
	/* Hide table headers (but keep accessible) */
	thead tr {
	  position: absolute;
	  top: -9999px;
	  right: -9999px;
	}
  
	tr {
	  border: 1px solid #ccc;
	}
  
	td {
	  /* Behave like a "row" */
	  border: none;
	  border-bottom: 1px solid #eee;
	  position: relative;
	  padding-right: 50%;
	}
  
	td:before {
	  /* Like a table header */
	  position: absolute;
	  top: 6px;
	  right: 6px;
	  width: auto; /* Dynamically adapt width */
	  padding-left: 10px;
	  white-space: nowrap;
	  content: attr(data-label); /* Use data-label attribute */
	}
  }
  
  /* Print Styles */
  @media print {
	* {
	  text-shadow: none !important;
	  color: #000 !important;
	  background: transparent !important;
	  box-shadow: none !important;
	}
	a, a:visited {
	  text-decoration: underline;
	}
	a[href]:after {
	  content: " ";
	}
  }