/* RESPONSIVE TABLE STYLE - td's must have attribute data-label */
@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	.table-responsive table, 
	.table-responsive thead, 
	.table-responsive tbody, 
	.table-responsive th, 
	.table-responsive td, 
	.table-responsive tr { 
		display: block; 
	}

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

	.table-responsive tr { border: 1px solid #d6d6d6;}

    .table-responsive td 
    {
		min-height: 2em;        
    }

	.table-responsive td:not(.nonResponsiveRow) { 
		/* Behave  like a "row" */
		border: none;
		position: relative!important;
		padding-top: 30px; 
		white-space: normal!important;
		text-align:left!important;
	}

	.table-responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px!important;
		left: 6px!important;
		width: 100%!important; 
		padding-right: 10px!important; 
		text-align:left!important;
		font-weight: bold!important;
	}
	
	.table-responsive th, .table-responsive td {
	    border-width:0;
	}
	
	.table-responsive.table-striped tbody > tr:nth-child(2n+1) > td, .table-responsive.table-striped tbody > tr:nth-child(2n+1) > th {
		background-color:#f5f5f5;
	}

	/*
	Label the data
	*/
	.table-responsive td:before { content: attr(data-label); text-transform:uppercase; font-weight:bold; color:#123123; }
	.table-responsive center{ text-align: left;}
	
	.table-responsive input[type=checkbox] {
      /* Double-sized Checkboxes */
      -ms-transform: scale(1.5); /* IE */
      -moz-transform: scale(1.5); /* FF */
      -webkit-transform: scale(1.5); /* Safari and Chrome */
      -o-transform: scale(1.5); /* Opera */
      padding: 5px;
      margin-top: -4px;
    }
    td.hide-element {
	    display: none;
	}
	
    /* this makes anchor tags look like buttons on mobile for tables.
	.table-responsive td a{
		display: inline-block;
		padding: 4px 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #cccccc;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-bottom-color: #b3b3b3;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}
        */


}