@media ( orientation : landscape) {
	.reptable {
		display: inline-block;
		flex-flow: wrap;
		justify-content: start;
		position: relative;
		margin-top: 3vh;
		margin-bottom: 3vh;
		clear: both;
		height: inherit;
		border-radius: 0.5vh;
		box-shadow: 0.2vh 0.2vh 0.5vh #DDDDDD;
		max-width: 100%;
		width: max-content;
		overflow: hidden;
	}
	.reptable .theader {
		display: flex;
		flex-flow: row;
		align-items: start;
		justify-content: start;
		position: relative;
		background-color: var(--fuba-text);
		color: var(--fuba-white);
		font-size: 1.5vh;
		font-family: Ubuntu-Bold, Arial;
		min-height: 2vh;
		clear: both;
	}
	.reptable .tcontent {
		display: block;
		position: relative;
		color: var(- -fuba-text);
		font-size: 1.5vh;
		clear: both;
		height: calc(100% - 3vh);
		overflow: auto;
	}
	.reptable .tcontenttot {
		display: block;
		position: relative;
		color: var(- -fuba-text);
		font-size: 1.5vh;
		clear: both;
		height: calc(100% - 7vh);
		overflow: auto;
	}
	.reptable .ttotal {
		flex-flow: block;
		text-align: center;
		position: relative;
		background-color: var(--fuba-background-color);
		color: var(--fuba-text);
		font-size: 1.5vh;
		font-family: Ubuntu-Bold, Arial;
		height: 3vh;
		line-height: 3vh;
		clear: both;
	}
	.reptable .tline {
		display: flex;
		flex-flow: row;
		align-items: start;
		justify-content: start;
		position: relative;
		min-height: 2vh;
		clear: both;
	}
	.reptable .tlinebg {
		background-color: rgba(100, 100, 100, 0.1);
	}
	.reptable .tcol {
		display: inline-block;
		position: relative;
		min-height: 2vh;
		padding: 1vh;
	}
	.reptable .tcolno{
		display: inline-block;
		position: relative;
		min-height: 2vh;
		padding: 1vh;
	}
	.reptable .tline:hover {
		background-color: var(--fuba-background-color-hover);
	}
	.reptable .high {
		background-color: var(--fuba-background-color);
	}
	.labcol{
		display: none;
	}
}

@media ( orientation : portrait) {
	.reptable {
		display: inline-block;
		flex-flow: wrap;
		justify-content: start;
		position: relative;
		margin-top: 1vh;
		margin-bottom: 1vh;
		clear: both;
		height: inherit;
		border-radius: 0.5vh;
		box-shadow: 0.2vh 0.2vh 0.5vh #DDDDDD;
		max-width: 100%;
		width: max-content;
		overflow: hidden;
	}
	.reptable .theader {
		display: none;
	}
	.reptable .tcontent {
		display: block;
		position: relative;
		color: var(- -fuba-text);
		font-size: 1.5vh;
		clear: both;
		height: calc(100% - 3vh);
		overflow: auto;
	}
	.reptable .tcontenttot {
		display: block;
		position: relative;
		color: var(- -fuba-text);
		font-size: 1.5vh;
		clear: both;
		height: calc(100% - 7vh);
		overflow: auto;
	}
	.reptable .ttotal {
		text-align: center;
    	position: relative;
    	background-color: var(--fuba-background-color);
    	color: var(--fuba-text);
    	font-size: 1.5vh;
    	font-family: Ubuntu-Bold, Arial;
    	height: 3vh;
   	 	line-height: 3vh;
    	clear: both;
    	width: calc(100% - 1vh);
    	border-radius: 0.5vh;
    	margin-top: 1vh;
    	box-shadow: 0.3vh 0.3vh 0.5vh #AAAAAA;
	}
	.reptable .tline {
		width: calc(100% - 3vh);
    	padding: 1vh;
    	display: flex;
    	flex-flow: wrap;
    	align-items: end;
    	justify-content: start;
    	position: relative;
    	min-height: 2vh;
    	clear: both;
    	font-size: 1.8vh;
    	margin-top: 3vh;
    	border-radius: 0.5vh;
    	border: solid 0.1vh #CCCCCC;
    	box-shadow: 0.3vh 0.3vh 0.8vh #AAAAAA;
    	text-align: left;
	}
	.reptable .tlinebg {
		background-color: rgba(100, 100, 100, 0.1);
	}
	.reptable .tcol {
		display: inline-block;
		position: relative;
		min-height: 2vh;
		padding: 0.5vh;
	}
	.reptable .tcolno{
		display: none;
	}
	.reptable .tline:hover {
		background-color: var(--fuba-background-color-hover);
	}
	.reptable .high {
		background-color: var(--fuba-background-color);
	}
	.labcol{
		display: block;
		position: relative;
		width: calc(100% - 0.5vh);
		clear: both;
		margin-bottom: 0.5vh;
		margin-left: 0vh;
		font-family: Ubuntu-Bold, Arial;
	}
}