@media (max-width: 500px) {
	.foerder_logo_footer {
		width: 80vw !important;
	}
}

@media (max-width: 767px) {
	.dashboard_item{
		flex-direction: column;
	}
	.dashboard_column_chart{
		/*height:550px;*/
		width:92vw;
	}
	.dashboard_column_map{
		width:92vw;
	}
	#mapContainer{
		margin-right:0px;
	}
	.sewage_disclaimer_responsive{
		display: inherit;
	}
	.sewage_disclaimer_normal{
		display: none;
	}
	/*.vocChart{*/
	/*	width:94vw;*/
	/*}*/
	.vocmap{
		/*width:93vw;*/
		height:60vh;
		min-height: 300px;
	}
	.leaflet_legend {
		font-size:10px;
	}
	.leaflet_legend_title{
		font-size: 12px;
	}
	.leaflet_legend i {
		width: 13px;
		height: 13px;
	}
	.foerder_logo_footer {
		width: 80vw;
	}
	.amelag_logo_footer{
		width: 40vw;
	}
	.dashboard_footer {
		display: flex;
		flex-direction: column;
	}
	.sewage_header > h1 {
		font-size: 26px;
	}
	#page_content{
		margin-left: 0vw;
		margin-right: 0;
		/*background-position-x: 0px;*/
	}

}
@media (min-width: 768px) and (max-width: 991px) {
	#mapContainer{
		margin-right:25px;
	}
	.dashboard_column_chart{
		height:750px;
		width:47vw;
	}
	.dashboard_column_map{
		width:47vw;
	}
	.dashboard_item{
		flex-direction: row;
	}
	.sewage_disclaimer_responsive{
		display: inherit;
	}
	.sewage_disclaimer_normal{
		display: none;
	}
	/*.vocChart{*/
	/*	width:47vw;*/
	/*}*/
	.vocmap{
		/*width:98vw;*/
		/*width:47vw;*/
		height:76%;
		/*height:450px;*/
		min-height: 400px;
	}
	.leaflet_legend i {
		width: 13px;
		height: 13px;
	}
	.leaflet_legend {
		font-size:11px;
	}
	.leaflet_legend_title{
		font-size: 13px;
	}
	.foerder_logo_footer {
		width: 50vw;
	}
	.amelag_logo_footer{
		width: unset;
	}
	.dashboard_footer {
		display: flex;
		flex-direction: column;
	}

}
@media (min-width: 992px) and (max-width: 1199px) {
	#mapContainer{
		margin-right:25px;
	}
	.dashboard_column_chart{
		height:750px;
		width:47vw;
	}
	.dashboard_column_map{
		width:47vw;
	}

	.dashboard_item{
		flex-direction: row;
	}
	.sewage_disclaimer_responsive{
		display: none;
	}
	.sewage_disclaimer_normal{
		display: inherit;
	}
	/*.vocChart{*/
	/*	width:44vw;*/

	/*}*/
	.leaflet_legend i {
		width: 15px;
		height: 15px;
	}
	.leaflet_legend {
		font-size:12px;
	}
	.leaflet_legend_title{
		font-size: 15px;
	}
	.foerder_logo_footer {
		width: 35vw;
	}
	.amelag_logo_footer{
		width:14vw;
	}
	.dashboard_footer {
		display: flex;
		flex-direction: row;
	}
	.vocmap{
		/*width:48vw;*/
		/*height:75vh;*/
		height:79%;
		min-height: 400px;
	}
	.sewage_header {
		text-align: left;
	}


}
@media (min-width: 1200px) {
	#mapContainer{
		margin-right:25px;
	}
	.dashboard_column_chart{
		height:750px;
		width:47vw;
	}
	.dashboard_column_map{
		width:47vw;
	}
	.dashboard_item{
		flex-direction: row;
	}
	.sewage_disclaimer_responsive{
		display: none;
	}
	.sewage_disclaimer_normal{
		display: inherit;
	}
	/*.vocChart{*/
	/*	width:47vw;*/
	/*}*/
	.vocmap{
		/*width:48vw;*/
		height:80%;
		/*height:80vh;*/
		/*height:750px;*/
	}
	.leaflet_legend i {
		width: 20px;
		height: 20px;
	}
	.leaflet_legend {
		font-size:12px;
	}
	.leaflet_legend_title{
		font-size: 16px;
	}
	.foerder_logo_footer {
		width: 30vw;
	}
	.amelag_logo_footer{
		width:14vw;
	}
	.dashboard_footer {
		display: flex;
		flex-direction: row;
	}
	.sewage_header {
		text-align: left;
	}
}

@media (min-width: 2600px) {
	#mapContainer{
		margin-right:25px;
	}
	.dashboard_column{
		height:950px;
	}
}


.foerder_logo{
	max-height: 100px;
	max-width: 90vw;
	margin: 8px;
}

.amelag_logo_footer{
	max-height: 79px;
	max-width: 210px;
	margin: 8px;
}

.foerder_logo_footer{
	margin:6px;
}

.leaflet-popup-content{
	font-size:13px !important;
}

.sewage-plot-title{
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.sewage-plot-title > button{
	margin-left: 20px;
	min-width: 35px;
	height: 35px;
	background-color: #295f88 !important;
	color:white !important;
}

.sewage-plot-title > button:focus{
	margin-left: 20px;
	min-width: 35px;
	height: 35px;
	/*background-color: #295f88;*/
}



.sewage-info-card{
	width: 40rem;
	background: #17364e !important;
	border: 5px solid #295f88 !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: normal;
}

.sewage_disclaimer_normal .title{
	display: block;
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: bold;
}

.sewage_info_button_main > .ui-button-icon-left{
	/*color: #55c0de;*/
	font-size: 1.5rem;
	margin-top: -0.7rem !important;
}

.leaflet_legend {
	/*line-height: 20px;*/
	color: white;
	background-color: #303030eb;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid white;
}
.leaflet_legend_title{
	font-weight:bold;
	margin-bottom: 5px;
	cursor: pointer;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.leaflet_tooltip_lineage{
	font-weight: bold;
}
.leaflet_legend_entry{
	margin-bottom:1px;
	display: flex;
	flex-direction: row;
}

.leaflet_legend i {
	float: left;
	margin-right: 8px;
}



.sewage_information{
	margin-bottom: 10px;
}

.sewage_information .ui-accordion-header {
	border-radius: 4px !important;
	background-color: #17364e !important;
	color: white !important;
}

.sewage_information .ui-accordion-content {
	border: none !important;
	padding: 0.2rem !important;
	background: none !important;
	color:white !important;
	line-height: inherit !important;
}

.sewage_citation{
	font-size: 10px;
	position: relative;
	text-align: right;
	background: #424242;
	bottom: 15px;
	padding-right: 5px;
}

/*.dashboard_item{*/
/*	!*flex-direction: row;*!*/
/*	margin-top:10px;*/
/*}*/

.dashboard_footer{
	justify-content: space-around;
	align-items: center;
	background-color: #0c0c0c;
	padding-top:10px;
	padding-bottom: 15px;
}

.sewage_header{
	padding: 10px;
	background: #2e2e2e;
	margin: 0px 0px 10px 0px;
	border-radius: 4px;
	text-align: center;
}

#overviewChart{
	background-color: #4e4e4e;
	border: 2px solid darkgray;
	border-radius: 5px;
	padding: 5px;
}


#mapContainer{
	background-color: #4e4e4e;
	border: 2px solid darkgray;
	border-radius: 5px;
	margin-top:25px;
	padding-bottom:10px;

}

.vocmap{
	/*border: 2px solid darkgray;*/
	/*border-radius: 5px;*/
	margin-left:10px;
	margin-right:10px;
	font-size:12px;
	margin-bottom: 10px;
}

.vocChart{
	border:2px solid darkgray;
	border-radius: 5px;
	min-height:25vh;
	padding:5px 10px 5px 5px;
	overflow-y: auto;
	overflow-x: hidden;
}

#sewageDetail_content{
	background-color: #5a5a5a;
	color:white;
}

.sewage-info-card .title{
	display: block;
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: bold;
}

.leaflet_legend {
	margin-bottom: 20px !important;
}

.ui-widget-overlay {
	opacity: 1 !important;
}

.carouselItem{
	width:95vw;
	border: 1px solid #ababab;
	border-radius: 4px;
	padding: 7px;
	margin-bottom: 5px;
}

.trendItem {
	display: flex;
	/*flex-direction: row;*/
	align-items: flex-end;
}

.trend_entry{
	padding:3px;
}

.map-tooltip{
	font-size:12px !important;
	color:white !important;
	background-color: #205f86 !important;
}

.fa-stack .cornered-lr {
	position: absolute;
	bottom: 0px !important;
	text-align: right;
	line-height: 1em;
	text-shadow: 1px 1px 1px #000;
}
.yellow {
	color: yellow !important;
}