/**
* (C) by Matthias Gally
* Gally Websolutions GmbH, www.gally-websolutions.com
**/
.table {
	max-width:100%!important;
	box-sizing:border-box;
}

.th {
	max-width:100%!important;
	box-sizing:border-box;
}
.tr {
	max-width:100%!important;
	box-sizing:border-box;
	padding-bottom:20px;
	display:inline-block;
}
.td {
	float:left;
	text-align:left;
	width:80px;
	padding-right:10px;
	box-sizing:border-box;
	max-width:100%!important;
}

@media only screen and (max-width: 600px)  {

.td {
	float:left;
	width:150px;
}

}


@media all and (max-width:840px) {
	    .responsivetable, .responsivetable thead, .responsivetable tbody, .responsivetable tr, .responsivetable th, .responsivetable td {
	        display: block;
	    }
	 
	    .responsivetable {
	        text-align: left;
	    }
	 
	    .responsivetable thead {
	        position: absolute;
	        top: -1111px;
	        left: -1111px;
	    }
	 
	    .responsivetable td:before {
	        float: left;
	        padding: 0 10px 0 0;
	        /*content: attr(data-label) ":";*/
	    }
	 
	    .responsivetable td:nth-child(1) {
	        /*font-weight: bold;*/
	    }
	 
	 
	    .responsivetable tr {
	        border-bottom: 2px #000000 solid;
	    }
	 
	    .oddRow {
	        background: #fff;
		}
	 
	    .oddCol {
	        background: #ccc;
	    }
	}