#Main {
	margin: 0px;
}

@media (min-width: 768px) {
	.htmlposition {
		overflow: hidden;
	}

	.mainposition {
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		position: absolute;
		display: flex;
		flex-direction: column;
	}
}

@media (max-width: 767px) {

	.mainposition {
		width: 100%;
		display: table;
	}
}
/*Those styles only cause problems they need to be removed --> they are too general*/
#ContentRow {
	padding: 0px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}


	#ContentRow table {
		background: #fff;
		border: 0px solid #ddd;
	}

		#ContentRow table caption {
			font-size: 16px;
			margin-bottom: 10px;
			color: #92999E;
		}

		#ContentRow table tbody {
			border: 10px solid #fff;
		}


		#ContentRow table tr th {
			/*border: 0px;*/
			/*padding: 10px;*/
			/*color: #4AA3D0;*/
		}

/*contentrowposition gets its top and bottom position set from JavaScript to have a possible dynamic design*/
@media (min-width: 768px) {
	.contentrowposition {
	}
}

.contentrowposition {
	position: absolute;
	right: 0px;
}

#ContentScrollPanel {
	background: none;
	/*padding: 40px;*/
	overflow: auto;
}

.maincontentposition {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border: 0px solid #ddd;
}

@media (max-width: 767px) {
	.maincontentposition {
		display: table-cell;
	}
}

.maincontent {
	background: none;
}

#TCSidePanel {
	position: fixed;
	left: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: white;
}

	#TCSidePanel > div {
		display: flex;
		flex-direction: column;
	}

#TCSideNavigation{

}

.TCPageRangeRight {
	height: 100%;
	margin: 0px;
	padding: 20px;
	padding-bottom: 0px;
	border: none;
	overflow: auto;
}