@media screen and (max-width: 991px) {

	/* ####################### */
	/* Forms
	/* ####################### */

	.form-horizontal label,
	.form-horizontal label.text-right
	{
		width: 100%;
		font-size: 1.425em;
		text-align: left !important;
		margin-bottom: 7px;
	}
	
		.form-horizontal .form-group-sm label
		{
			font-size: 1.125em;
		}
		
		.form-horizontal label.col-sm-5
		{
			text-align: left !important;
		}
		
		.form-horizontal label span
		{
			font-size: 0.69em !important;
			text-align: left;
		}
	
	
	/* ####################### */
	/* Framework
	/* ####################### */
	
	#header_container
	{
		width: 100% !important;
	}

	#header_container #header
	{
		width: 100%;
	}
	
	#header_container #header #logo
	{
		left: 10px;
	}
	
	/* ####################### */
	/* Calendar
	/* ####################### */
	
	.calendar .cal_container
	{
		left: -200px !important;
	}


}

@media screen and (max-width: 1000px) {

	body
	{
		padding: 0px 0px 0px 0px !important;
	}
	
	/* ####################### */
	/* Navigation
	/* ####################### */

	#header_container
	{
		float: left;
		position: relative !important;
		left: auto !important;
		top: auto !important;
		width: 100% !important;
		padding: 0px 10px 0px 10px !important;
		margin: 0px 0px 40px 0px;
	}

	#header_container #header
	{
		float: left;
		width: 100% !important;
		height: auto !important;
		padding: 50px 0px 0px 0px !important;
	}


	/* Minimum height for Firefox */
	#header_container #header {
	min-height: 50px; 
	height: auto;
	}
	
	/* Minimum height for IE */
	/*\*/
	* html #header_container #header {
	height: 50px;
	}
	/**/

	#header_container #header #logo
	{
		float: left;
		left: 0px;
		top: 5px;
		width: 170px;
		height: 39px;
	}
	
	body.fullwidth #header_container #header #logo
	{
		
	}
	
	#header_navigation
	{
		display: none;	
	}
	
	#header #toggle_navigation
	{
		display: inline;
	}
	
	#header_navigation
	{
		width: 100% !important;
		z-index: 1000;
		border: none !important;
		height: auto !important;
		background: #101010 !important;
		position: relative !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		float: left !important;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 0px 0px !important;
    }
	
	#header_navigation.open
	{
		display: inline;
	}
		
		#header_navigation ul,
		#header_navigation ul li,
		#header_navigation ul li a,
		#header_navigation ul li ul,
		#header_navigation ul li ul li,
		#header_navigation ul li ul li ul,
		#header_navigation ul li ul li ul li,
		#header_navigation ul li.multipanel,
		#header_navigation ul li.multipanel a,
		#header_navigation ul li.multipanel ul,
		#header_navigation ul li.multipanel ul li,
		#header_navigation ul li.multipanel ul li a
		{
			position: relative !important;
			left: auto !important;
			right: auto !important;
			top: auto !important;
			float: left !important;
			width: 100% !important;
			height: auto !important;
			display: inline !important;
			text-align: left !important;
			margin: 0px 0px 0px 0px !important;
			padding: 0px 0px 0px 0px !important;
			background: none;
		}

		#header_navigation ul li ul
		{
			opacity: 1; visibility: visible !important;
		}
		
			#header_navigation ul li span.open_submenu
			{
				position: absolute;
				right: 10px;
				top: 12px;
				height: 17px;
				width: 44px;
				display: inline;
				/*background: #2c2c2c;*/
				z-index: 1000;
				cursor: pointer;
				-webkit-border-radius: 2px !important;
				-moz-border-radius: 2px !important;
				border-radius: 2px !important;
				padding: 9px 10px 5px 10px;
				/*border: 1px solid #5d5d5d !important;*/
			}
			
			#header_navigation ul li span.closed
			{
				background: url(../graphics/icons/ico_menu_arrow_right.png) no-repeat center center;
				background-size: auto 14px !important;
			}
			
			#header_navigation ul li span.open
			{
				background: url(../graphics/icons/ico_menu_arrow_down.png) no-repeat center center;
				background-size: 14px auto !important;
			}
		
		#header_navigation ul li ul
		{
			display: none !important;
		}
		
		#header #header_navigation ul li.submenu_open ul
		{
			display: inline !important;
		}
		
			#header #header_navigation ul li
			{
				border-top: 1px solid #5d5d5d !important;
			}
			
			#header #header_navigation ul li:last-child
			{
				border-bottom: none !important;
			}
			
				#header #header_navigation ul li a
				{
					padding: 14px 0px 14px 0px !important;
				}
				
				#header #header_navigation ul li ul
				{
					padding: 0px 0px 10px 0px !important;
				}
				
					#header #header_navigation ul li ul li
					{
						border: none !important;
						width: 100% !important;
						text-transform: none !important;
						margin: 0px 0px 3px 0px !important;
					}
					
						#header #header_navigation ul li ul li a
						{
							float: left;
							display: inline !important;
							font-size: 1em;
							color: #FFFFFF !important;
							text-decoration: none !important;
							text-transform: none !important;
							-webkit-border-radius: 5px !important;
							-moz-border-radius: 5px !important;
							border-radius: 5px !important;
							padding: 5px 0px 5px 0px !important;
						}
						
						#header_navigation ul li ul li a.toggle_sub_navi
						{
							position: relative;
							background: none !important;
							padding-right: 45px !important;
						}
						
						#header_navigation ul li ul li a.toggle_sub_navi:after
						{
							content: "";
							position: absolute;
							right: 10px;
							top: 9px;
							height: 17px;
							width: 44px;
							z-index: 1000;
							cursor: pointer;
							background: url(../graphics/icons/ico_menu_arrow_right.png) no-repeat center center !important;
							background-size: auto 14px !important;
						}
						
						#header_navigation ul li ul li a.toggle_sub_navi_open:after
						{
							background: url(../graphics/icons/ico_menu_arrow_down.png) no-repeat center center !important;
							background-size: 14px auto !important;
						}
						
						#header #header_navigation ul li ul li.active a
						{
							text-decoration: underline !important;
						}
						
							#header #header_navigation ul li ul li a:hover
							{
								text-decoration: underline !important;
							}
					
					#header #header_navigation ul li ul li ul
					{
						display: none !important;
						border: none !important;
						background: none !important;
						padding: 0px 0px 0px 0px !important;
						float: left !important;
						display: none !important;
					}
					
					#header #header_navigation ul li ul li ul li
					{
						display: none !important;
						border: none !important;
						background: none !important;
					}
					
					#header #header_navigation ul li ul li ul.sub_navi_open
					{
						display: inline !important;
						padding: 0px 0px 4px 0px !important;
					}
					
					#header #header_navigation ul li ul li ul.sub_navi_open li
					{
						display: inline !important;
					}
					
						#header #header_navigation ul li ul li ul li a
						{
							margin: 0px 0px 0px 0px !important;
							padding: 2px 0px 2px 0px !important;
						}
					
						#header #header_navigation ul li ul li ul.sub_navi_open li a:before
						{
							content: "- ";
						}

	#header #header_navigation ul li.username
	{
		float: left;
		width: 100% !important;
		font-size: 1em !important;
		padding: 14px 0px 14px 10px !important;
		background: #212121 !important;
	}
	
	#header #header_navigation ul li.multipanel
	{
		margin-top: 0px !important;
		padding: 0px 0px 0px 10px !important;
		font-size: 0.95em !important;
		border-top: none !important;
		background: #212121 !important;
	}
	
	#header #header_navigation ul li.multipanel span.headline
	{
		float: left;
		margin-right: 10px !important;
		padding: 14px 0px 8px 0px !important;
	}
	
		#header #header_navigation ul li.multipanel > a
		{
			padding-bottom: 8px !important;
			width: auto !important;
		}
	
		#header #header_navigation ul li.multipanel a,
		#header #header_navigation ul li.multipanel span
		{
			background: none !important;
			font-size: 1em !important;
		}
		
		#header #header_navigation ul li.multipanel ul
		{
			top: auto !important;
			right: auto !important;
		}
		
		#header #header_navigation ul li.multipanel a.responsive_hide
		{
			display: none !important;
		}
		
		
		#header #header_navigation ul li.multipanel ul li.sub a:before
		{
			content: "- ";
		}
		
	#header_navigation #toolbar
	{
		float: left;
		width: 100% !important;
		height: auto;
		border: none;
		font-size: 0.95em;
		text-align: left !important;
		padding: 10px 0px 7px 0px;
		margin: 0px 0px 0px 0px;
		border-top: 1px solid #5d5d5d !important;
	}
	
	#header_navigation #toolbar .name
	{
		float: left;
		width: 100% !important;
		text-align: left !important;
		padding: 0px 0px 0px 0px !important;
	}

	#header_navigation #toolbar ul
	{
		width: 100%;
		font-size: 1.125em;
		padding: 0px 0px 7px 0px;
	}
	
		#header_navigation #toolbar ul li
		{
			float: left;
			width: auto !important;
			display: inline;
			position: relative;
			text-transform: uppercase;
			padding: 0px 0px 0px 0px !important;
			margin: 0px 14px 7px 0px !important;;
			border: none !important;
		}

			#header_navigation #toolbar ul li a
			{
				float: left;
				color: #FFFFFF;
				width: auto !important;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				text-decoration: none;
			}
			
			#header_navigation #toolbar ul li a span
			{
				display: inline;
			}
			
			#header_navigation #toolbar ul li a:hover
			{
				text-decoration: underline;
			}
			
				#header_navigation #toolbar ul li a
				{
					padding: 2px 0px 2px 23px !important;
				}
				
				#header_navigation #toolbar ul li.logout a
				{
					background: url(../graphics/icons/toolbar_ico_logout.png) no-repeat left 1px;
				}
				
				#header_navigation #toolbar ul li.profile a
				{
					background: url(../graphics/icons/toolbar_ico_info.png) no-repeat left 1px;
				}
				
				#header_navigation #toolbar ul li.manual a
				{
					background: url(../graphics/icons/toolbar_ico_manual.png) no-repeat left 1px;
				}
				
				#header_navigation #toolbar ul li.contact a
				{
					padding: 2px 0px 2px 29px !important;
					background: url(../graphics/icons/toolbar_ico_contact.png) no-repeat left 1px;
				}

#reports_header_container
{
	margin-top: -40px !important;
}
			
	
}

@media screen and (max-width: 840px) {

	#reports_header_container
	{
		margin-top: 0px !important;
	}

}

@media screen and (max-width: 768px) {

	#reports_header_container #reports_header #graph_filter_container #graph_filter .left
	{
		width: 100% !important;
		margin-bottom: 20px;
	}

	#reports_header_container #reports_header #graph_filter_container #graph_filter .right
	{
		width: 100% !important;
		height: auto !important;
		min-height: unset !important;
	}

	body
	{
		padding: 90px 0px 0px 0px;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5
	{
		float: left;
		width: 100%;
		/*padding-left: 15px;	*/
	}
	
	
	/* ####################### */
	/* Forms
	/* ####################### */

	.form-horizontal fieldset
	{
		padding: 0px 0px 20px 0px !important;
	}
	
	.form-horizontal .description
	{
		float: left;
		width: 100%;
	}

	.row
	{
		padding: 0px 0px 0px 0px !important;
	}
	
	.form-horizontal input[type=checkbox] + label
	{
		margin-bottom: 10px !important;
	}
	
	.container .form-horizontal .form-group label.checkbox-label
	{
		float: left !important;
		width: -moz-calc(100% - 52px) !important;
		width: -webkit-calc(100% - 52px) !important;
		width: calc(100% - 52px) !important;
		margin-top: -23px !important;
	}
	
	.row,
	.form-horizontal .form-group
	{
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.form-horizontal .form-group div
	{
		margin-bottom: 10px !important;
	}
	
	.form-horizontal button.btn-default
	{
		margin-bottom: 10px !important;
	}
	
	.form-horizontal button.dropdown-toggle
	{
		margin-bottom: 0px !important;
	}
	
	.form-horizontal fieldset legend
	{
		text-align: left;
	}
	
	/* ########################### */
	/* Forms - Info box
	/* ########################### */
	
	.form-horizontal span.info,
	.form-horizontal legend span.info
	{
		top: -27px;
		right: 17px;
		cursor: default;
		background: url(../graphics/icons/ico_info.png) no-repeat right top;
		
		top: auto !important;
		right: auto !important;
		left: auto !important;
		float: left !important;
		width: 100% !important;
		height: auto !important;
		position: relative !important;
		background: none !important;
	}
	
	.form-horizontal legend span.info
	{
		display: inline-block !important;
		float: none !important;
	}
	
		.form-horizontal span.info span
		{
			color: #999999;
			display: inline;
			font-style: italic;
			top: auto !important;
			right: auto !important;
			left: auto !important;
			float: left !important;
			width: 100% !important;
			height: auto !important;
			z-index: inherit !important;
			position: relative !important;
			background: none !important;
			padding: 10px 0px 10px 0px !important;
			font-weight: 400 !important;
		}
		
		.form-horizontal span.info span::before
		{
			content: normal !important;
		}
		
			.form-horizontal span.info span strong
			{
				text-transform: uppercase;
				font-weight: 400 !important;
			}
	
	/* ########################### */
	/* WebAd placement
	/* ########################### */

	.container .webad_placement_on_page .place,
	.container .ad_placement_on_page .place
	{
		margin: 0px 2px 2px 0px !important;
	}

}

@media screen and (max-width: 500px) {

	#reports_header_container #reports_header #graph_filter_container #graph_filter .left .details .column
	{
		width: 100% !important;
	}

}