html, body.dx-theme-generic-typography{
	margin: 0;
	padding: 0;
	height: 100%; /* needed for footer */
	font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: 400;
	color: #333
}

strong {
	font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	line-height: 1.5em;
	font-weight: 300;
}
h3 {
	font-size: 20px !important;/*todo*/
}
strong {
	font-weight: 400;
}

/* wrapper */
#wrapper {
	min-height: 100%;
	position: relative;
}

/* content */
#content {
	padding-bottom: 100px; /* Height of the footer element */
}

#parameterRow{
	margin-top:20px;
}
/* login */
.login-panel {
    margin-top: 25px;
}
.login-error {
	margin-top: 15px;
}

/* google maps */

/*.map-container {
	padding: 10px;
}
#map {
	width: 100%;
	height: 350px;
}
*/

/* footer */
#footer {
	position: absolute;
	padding-top: 15px;
	width: 100%;
	height: 80px;
	bottom: 0;
	left: 0;
	background: lavender;
}

/* metro menu */
.metro-menu-tile {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	background: #fff;
	padding: 20px;
	margin-bottom: 30px;
	cursor: pointer;
}
.metro-menu-tile .title {
	margin-top: 0px;
}
.metro-menu-tile.purple, .metro-menu-tile.blue, .metro-menu-tile.red, .metro-menu-tile.orange, .metro-menu-tile.green {
	color: #fff;
}
.metro-menu-tile.gray {
	color: #000;
}

.metro-menu-tile.purple {
	background: #5133AB;
}
.metro-menu-tile.purple:hover {
	background: #3e2784;
}
.metro-menu-tile.red {
	background: #AC193D;
}
.metro-menu-tile.red:hover {
	background: #7f132d;
}
.metro-menu-tile.green {
	/*background: #00A600;*/
	background: #6ab025;
}
.metro-menu-tile.green:hover {
	/*background: #007300;*/
	background: #52871d;
}
.metro-menu-tile.blue {
	background: #2672EC;
}
.metro-menu-tile.blue:hover {
	background: #125acd;
}
.metro-menu-tile.orange {
	background: #DC572E;
}
.metro-menu-tile.orange:hover {
	background: #b8431f;
}
.metro-menu-tile.gray {
	background: #d0d0d0;
}
.metro-menu-tile.gray:hover {
	background: #c0c0c0;
}
.metro-menu-tile.gray:hover {
	color: #fff;
}

/* toggleDiv, toggleButton */
#toggleDiv{
	background-color: #e7e7e7;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#toggleButtonCaret{
}
#toggleButtonCaret{
	color: #333;
	background-image: url('../../img/toggleButton.png');
	background-repeat: no-repeat;
	width: 158px;
	font-size: 12px;
	cursor:pointer;
}
#toggleButtonCaret:hover{
	color: #000;
}

/* hr.dynamicForm */
/*hr.dynamicFormHr {
	border: 0;
	height: 1px;
	background: #333;
	background-image: linear-gradient(to right, #ccc, #333, #ccc);
}*/

hr.dynamicFormHr {
	border: 0;
	height: 3px;
	background: #d3d3d3;	
}

/* for print */
@media print{
	.no-print, .no-print *{
		display: none !important;
	}
	.page-break{
		page-break-before: always;
	}
	br{
		page-break-after: always;
	}
}

/* Used to fade in the content of the page */
.pageContentHidden{
	visibility: hidden;
	opacity: 0
}
.pageContentShow{
	visibility: visible;
	transition: opacity 0.5s linear;
	opacity: 1;
}