/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 07.02.2017, 11:47:57
    Author     : paeg
*/

body > .mainbody {
	background: linear-gradient(200deg, rgba(0,81,93,1) 0%, rgba(0,41,46,1) 100%) /*petrol light -> petrol dark*/
}

.landing #main {
	background: none;
}

#moredoc .doclist .group .date,
#moredoc .doclist .group .docdate,
#moredoc .doclist .group .docno {
    padding: 0;
    width: 90px;
}

#moredoc .doclist .group .title {
	overflow: hidden;
}

#wrapper, .wrapper {
	width: 1500px;
}

#pagehead:not(.cmsloggedin):not(.wsloggedin) {
	height: 30px;
}

#pagehead:not(.cmsloggedin):not(.wsloggedin) div ul {
	visibility: visible;
}

#maincontent > h1:first-child {
	margin-bottom: 30px;
}

/* chart stylings */
.chart {
	display: none;
}

div[class^="chart_"] {
	float: left;
	height: 200px;
}

.chart_gauge {
	width: 25%;
}

.chart_line,
.chart_column {
	width: 75%;
}

.tilecontainer {
	font-weight: bold;
	justify-content: flex-start;
}

.tile {
	margin: 15px;
}

@media screen and (max-width: 1520px) {
	#wrapper, .wrapper {
		width: 1200px;
	}
}

@media screen and (max-width: 1200px) {
	#wrapper, .wrapper {
		width: 100%;
		padding: 0 10px;
	}
	
	#moredoc {
		padding: 0 5px;
	}
}

@media screen and (max-width: 930px) {
	.chart_gauge {
		width: 33.3%;
	}
	
	.chart_line,
	.chart_column {
		width: 66.7%;
	}
}

@media screen and (max-width: 710px) {
	.chart_gauge,
	.chart_line,
	.chart_column {
		width: 50%;
	}
}

@media screen and (max-width: 490px) {
	.chart_gauge,
	.chart_line,
	.chart_column {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.tilecontainer {
		justify-content: center;
	}
	
	#moredoc .group td.col.entrycount,
	#moredoc .group td.col.lastchange {
		display: none;
	}
}