.btn-100px {

margin: 5px;
}

@media only screen and (max-width: 1000px) {
  
    
    /* 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; 
		overflow:auto;
		
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-responsive thead tr { 
		position: relative;
		display:none;
		
	/*	top: -9999px;
		left: -9999px;*/
	}
 
	.table-responsive tr { border-style:solid;border-width: 0px 0px 1px 0px; border-color:#ccc; padding:4px; 	background-color:rgba(200,200,200,0.2) !important; }
 
 
 
	.table-responsive td { 
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee; */
		position: relative;
		padding-left: 35% !important; 
		white-space: normal;
		text-align:left;
	    padding-top:4px !important;
		padding-bottom:4px !important;
		overflow:visible;
		min-height:30px;
		vertical-align: middle !important;
	
	}
 
	.table-responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 6px;
		width: 25%; 
		padding-right: 10px; 
		white-space: normal;
		text-align:left;
	
		font-weight: 500;
		padding-top:4px;
		padding-bottom:4px;
				overflow:visible;
				min-height:30px;
	}
 
	/*
	Label the data
	*/
	.table-responsive td:before { content: attr(data-title); }
}

@media only screen and (min-width: 1000px) {
	.table-responsive tr { border-spacing: 0px; }
	.table-responsive tr td, .table-responsive thead tr th { padding:4px; }
	
	.table-footer {
		display:none;
	}
}