.clearfix {
	clear: both;
}


@media only screen and (max-width: 764px) {
	.login-container {
		overflow: hidden;
		max-width: 100%;
		min-width: unset !important;
	}

	div#page {
		overflow: auto;
		max-width: 100%;
	}

	.mainContainer {
		min-width: 100% !important;
	}

	.detailview-table tr {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
	}

	.detailViewInfo .contents {
		padding: 0 !important;
	}

	.detailview-table td {
		flex: 0 0 calc(46% - 8px) !important;
		max-width: calc(46% - 8px) !important;
		width: auto !important;
	}

	.row-fluid > .span10,
	.row-fluid > .span2.related {
		float: unset !important;
		width: 100% !important;
	}

	.detailViewInfo.row-fluid {
		display: flex;
		flex-direction: column;
	}

	.detailViewInfo.row-fluid > .span10 {
		order: 2;
	}

	.detailViewInfo.row-fluid .span2 {
		order: 1;
	}
}