:root{
    font-size:16px;
}

html, body{
	font-family: sans-serif;
	height:100%;
	margin:0px;
	/*margin-top:51px;*/
	/*line-height:1.6 !important;*/
	/*!*text-align: justify;*!*/
	/*background-color:#343434;*/
}
a{
	color: #337ab7;
	text-decoration: none;
}

a:hover, a:focus {
	color: #23527c;
	text-decoration: underline;
}

p.larger_p {
	margin-bottom: 20px;
}

.login-error-class{
	color:#FF0000;
}

.input-group-btn{
	font-size:10px !important;
	background-color:grey;
}


#content_holder{
	margin-bottom:30px;
	padding-top: 1em;
	background-color: #f2f2f2;
	/*background-color: #343434;*/
	/*background: linear-gradient(0deg, rgba(52,52,52,1) 0%, rgb(121 121 121) 100%);*/
}

#page_content{
	margin-left: 14vw;
	margin-right: 14vw;
	position: relative;
	margin-top: 1em;
	border-radius: 10px;
}

#wrap{
	min-height:100%;
	height:auto;
	margin: 0 auto -60px;
}
@keyframes gradient {
	0%{ -webkit-filter:hue-rotate(0deg)}
	100%{-webkit-filter: hue-rotate(360deg)}

}

#caption{
	background-color: #5897cfeb;
	margin-bottom: 5vh;
	margin-top: 5vh;
}

#headline{
	color: #ffffff;
	border-radius: 10px;
	/*margin:auto;*/
	/*background-color:white;*/
	/*margin-bottom: 1em;*/
	/*filter:opacity(0.95);*/
	border:1px solid black;
	background-image: url("/img/backdrop-026b9b93827108623fa52939ab57f36c.png");
	background-size: 1425px;
	/*font-family: 'Architects Daughter';*/
}

#headline h1{
	line-height: 1.1 !important;
}

button.ui-button.bay-voc-dashboard-pathogen-button{
	color:white !important;
	flex-grow: 1;
	font-weight: bold;
	font-size: 1.2rem;
	margin: 5px;
	outline: 0 none;
	border-radius: 4px;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
	display: block;
	line-height: normal;
	padding: 0.5rem 1rem;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	user-select: none;
	overflow: visible;
}

.sarsCov2Button{
	background: #205f86 !important;
	border-color: #0288D1 !important;
}

.sarsCov2Border{
	border-color: #0288D1 !important;
}

.influenzaButton{
	background: #93030e !important;
	border-color: #D32F2F !important;
}

.influenzaBorder{
	border-color: #D32F2F !important;
}

.rsvButton{
	background: #d06307 !important;
	border-color: #ff7a09 !important;
}

.rsvBorder{
	border-color: #ff7a09 !important;
}


.bay-voc-dashboard-pathogen-button:hover{
	filter: brightness(100%) !important;
}

.bay-voc-dashboard-pathogen-button-selected{
	filter: brightness(100%);
	border-width:4px !important;
	box-shadow: 0em 0em 5px 0px !important;
}

.bay-voc-dashboard-pathogen-button-inactive{
	border-width: 2px !important;
	box-shadow: 0px 0px 0px 0px !important;
	filter: brightness(60%) !important;
}

#headline h1{
	font-size: 4rem;;
	font-weight: bold;
	z-index: 40;
	/*background: #0000009e;*/
	/*backdrop-filter: blur(2px) contrast(0.5);*/
	/*padding: 15px;*/
	border-radius: 25px;
	border: none;
	display: table;
	margin: auto;

}

#headline h2{
	font-size: 35px;
    font-weight: bold;
	z-index: 40;
	/*background: #0000009e;*/
	/*backdrop-filter: blur(2px) contrast(0.5);*/
	padding: 15px;
	border-radius: 25px;
	border: none;
	display: table;
	margin: auto;
	/*margin-top: 30px;*/
	text-align: center;
}


.image{
	width:60vw;
	border:1px solid darkgray;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


@media (max-width: 767px) {
	#navbar{
		display: none;
	}
	#navbar_responsive{
		display: inline;
	}
	.nav_divider{
		display: block !important;
	}
	#headerBanner{
		max-height: 65vh;
		min-height: 100%;
		background-position: center;
		/*min-height: 500px;*/
		/*background-position-x: 0px;*/
	}
	#page_content{
		margin-left: 0vw;
		margin-right: 0;
		/*background-position-x: 0px;*/
	}
	#headline h1 {
		font-size: 4rem;
		margin-top: 5vh;

	}
	#headline h2{
		font-size: 20px;
	}
	.image{
		width:90vw;
	}
	.news_container{
		font-size:18px;
	}
	.news_entry {
		flex-wrap: wrap;
		justify-content: center;
	}
	.news_img{
		margin-bottom: 15px;
	}
	.image_citation{
		bottom: 15px;
	}
	.sarsCov2Video{
		width:100%;
	}

}
@media (min-width: 768px) and (max-width: 991px) {
	#navbar{
		display: none;
	}
	#navbar_responsive{
		display: inline;
	}
	.nav_divider{
		display: none !important;
	}
	#headerBanner {
		max-height: 55vh;
		min-height: 100%;
		/*min-height: 500px;*/
		background-position: center;
	}
	#page_content{
		margin-left: 0vw;
		margin-right: 0vw;
	}
	#headline h1 {
		font-size: 4rem;
		margin-top: 5vh;
	}
	#headline h2{
		font-size: 20px;
	}
	.image{
		width:80vw;
	}
	.news_container{
		font-size:20px;
	}
	.news_entry {
		flex-wrap: wrap;
		justify-content: center;
	}
	.news_img{
		margin-bottom: 15px;
	}
	.image_citation{
		bottom: 15px;
	}
	.sarsCov2Video{
		width:90%;
	}

}
@media (min-width: 992px) and (max-width: 1199px) {
	.vocChart{
		width:48vw;
	}
	#navbar{
		display: inline;
	}
	.nav_divider{
		display: none !important;
	}
	#navbar_responsive{
		display: none;
	}
	#headerBanner {
		max-height: 70vh;
		/*min-height: 500px;*/
		min-height: 100%;
		background-position: center;
	}
	.sewage_header {
		text-align: left;
	}
	#page_content{
		margin-left: 14vw;
		margin-right: 14vw;
	}
	#headline h1 {
		font-size: 4rem;
		margin-top: 5vh;
	}
	#headline h2{
		font-size: 30px;
	}
	.image{
		width:77vw;
	}
	.news_container{
		font-size:22px;
	}
	.news_entry {
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	.news_img{
		margin-bottom: 0px;
	}
	.image_citation{
		bottom: 0px;
	}
	.sarsCov2Video{
		width:80%;
	}

}
@media (min-width: 1200px) {
	#navbar{
		display: inline;
	}
	.nav_divider{
		display: none !important;
	}
	#navbar_responsive{
		display: none;
	}
	#headerBanner {
		max-height: 75vh;
		/*min-height: 500px;*/
		background-position: 0% 0%;
		min-height: 100%;
	}
	#page_content{
		margin-left: 14vw;
		margin-right: 14vw;
	}
	#headline h1 {
		font-size: 5rem;
		margin-top: 5vh;
	}
	#headline h2{
		font-size: 38px;
	}
	.news_container{
		font-size:22px;
	}
	.news_entry {
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	.news_img{
		margin-bottom: 0px;
	}
	.sarsCov2Video{
		width:70%;
	}

}

.news_header{
	color:#247ecf;
	font-weight: bold;
	font-size:1.4rem;
	text-decoration: underline;
}

#title_blur{
	background-color: #0000009c;
	width: 500px;
	height: 140px;
	position: absolute;
	left: 32.7vw;
	top: 145px;
	-webkit-filter: blur(21px);
	-moz-filter: blur(21px);
	-o-filter: blur(21px);
	-ms-filter: blur(21px);
	filter: blur(21px);
}

#subtitle_blur{
	background-color: #0000009c;
	width: 1100px;
	height: 200px;
	position: absolute;
	left: 18vw;
	top: 253px;
	-webkit-filter: blur(21px);
	-moz-filter: blur(21px);
	-o-filter: blur(21px);
	-ms-filter: blur(21px);
	filter: blur(21px);
}



/*#subtitle{*/
/*	!*background-color:#f3f3f3b8;*!*/
/*	display: table;*/
/*	color:whitesmoke;*/
/*	border-radius: 5px;*/
/*	margin:auto;*/
/*	width: fit-content;*/
/*	border-radius: 10px;*/
/*	position:absolute;*/
/*	top:15%;*/
/*	left: 22vw;*/
/*}*/


.ui-card{
	border: 1px solid #232323;
}

.ui-card-title{
	font-weight:bold !important;
	/*font-size:2.0rem !important;*/
	background-color: #5897cf7d;
	padding-left: 5px;
	color:black;
}

.orga_header {
	font-weight: bold;
	color: #3082cb;
	font-size: 1.5rem;
}

.address {
	margin-bottom: 2vh;
	margin-left: 25px;
}

.target_caption{
	font-size: 18px;
	margin-bottom: 20px;
	min-height: 50px;
	text-align: justify;
}

.target_text{
	text-align: justify;
}

.partner_logo{
	height:80px;
	max-width: 90vw;
}
.partner_logo_caption{
	font-weight: bold;
	color: #6b6a6a;
}

.foerder_logo_main{
	max-height: 100px;
	max-width: 90vw;
	margin:20px;
}

/*.foerder_logo_footer{*/
/*	margin:20px;*/
/*}*/

.goal_icon{
	font-size: 4.5rem !important;
	margin-bottom: 30px;
}

.codeContainer {
	border: 1px	solid grey;
	border-radius: 5px;
	padding: 10px;
	margin:10px;
}

/*code{*/
/*	background-color: white !important;*/
/*	font-size:85% !important;*/
/*}*/
.news_entry{
	display: flex;
	padding: 15px;
	border-bottom: 1px dotted darkgrey;
}

.blog_entry{
	display: flex;
	justify-content: flex-start;
	padding: 15px;
	border-bottom: 1px dotted darkgrey;
}
.blog_img > img{
	max-width: 160px;
	margin-right:20px;
}

.blog_caption{
	font-weight: bold;
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom:20px;
}

.blog_header{
	font-weight: bold;
	background-color: aliceblue;
	font-size: 22px;
	margin-top: 25px;
	margin-bottom: 20px;
}

.blog_text{
	margin-left:20px;
}

.blog_footer{
	font-size: 12px;
	text-align: right;
}

.comment{
	color:darkgray;
}

.imprint{
	font-weight: bold;
	margin-top:30px;
}

.imprint_favicon{
	color: #4283bc;
	margin-left: 10px;
	margin-right: 5px;
}

a.ui-scrolltop, a.ui-scrolltop:hover, a.ui-scrolltop:focus{
	background: #ff38388a;
	text-decoration: none;
}

.navbar-nav > li > .dropdown-menu{
	z-index: 2000;
}

.navbar{
	border-radius: 0px !important;
}

#navbar {
	font-size: 1.2rem;
}

#navbar_responsive{
	font-size: 1.2rem;
}

#navbar_responsive li.dropdown-header{
	font-size: 11px;
	padding: 0px 15px;
}

#navbar_responsive li.divider-vertical{
	height: 0.5px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

/* IGV dialog*/
div#igvDialog_content{
	background-color: white;
}

#footer{
	padding: 20px 0px 20px 0px;
	background-color:black;
    width:100%;
	position:relative;
}

#footer .ui-panelgrid-cell{
	background-color: black;
}

#footer .ui-panelgrid-cell a  {
	font-size: 16px;
	color:#4daaf9;
}


#footer .container{
	/*position:fixed;*/
	/*left:0;*/
	font-size:11px;
}

div#footer .row {
	margin-left: 0px;
}

.formLogin{
	width:50%;
}

/*table buttons*/

.tableButton{
	width:50px;
}

/* error on input fields */
.ui-state-error {
	border: 2px solid #ef5350 !important;
}

/* Modal dialog */
.ui-dialog{
	background-color:#e4e6e8;
	border:1px solid black;
}

.ui-row-editor-inlineWithButton{
    display: inline-block;
    float:left;
}

.datatable-odd {
	background: none repeat scroll 0 0 #eeeeee;
}

/*table expanded row*/
tr.ui-expanded-row-content td{
	background-color:#fddeb36b;
}

div.subtable th {
	background-color: #6f6f6f !important;
	color: white !important;
}

/*Inline editing datatable */
tr.ui-state-highlight, tr.ui-widget-content tr.ui-state-highlight, tr.ui-widget-header tr.ui-state-highlight{
	background:#9e9e9e !important;
}

.newSample {
	background-color: #d9f6e0 !important;
	background-image: none !important;
}

.updateEntryUpload {
	background-color: #f8cf8c !important;
	background-image: none !important;
}


.sequencingSampleError {
	background-color: #ffa2a2 !important;
	background-image: none !important;
}

.patientError{
	color: #ffa2a2;
}



/*.groupedTableRow > span{*/
/*	float:left;*/
/*}*/

/*.scrollableTable {*/
/*	width:auto !important;*/
/*}*/

.sampleUploadRow{
	width:180px !important;
}

#searchButtonDiv{
	position:fixed;
	z-index: 20000000;
	right:279px;
	top:85%;
	width: 52px;
	height: 52px;
	line-height: 60px;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	display: block;
	background-color: #2196f3;
	color: #ffffff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);

}

/*Styles for buttons like Bootsrap */
.btnDanger{
	background-color:#d9534f !important;
	background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%) !important;
	background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%) !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) !important;;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) !important;
	border:#b92c28 !important;
}
.btnDanger:hover{
	background:#c12e2a !important;
	background-color:#c12e2a !important;
}
.btnWarn{
	background-color: #f0ad4e !important;
	background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%) !important;
	background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%) !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) !important;;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) !important;
	border:#e38d13 !important;
}
.btnWarn:hover{
	background:#d58512 !important;
	background-color:#ec971f !important;
}
.btnInfo{
	background-color: #5bc0de !important;
	background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%) !important;
	background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%) !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) !important;;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) !important;
	border:#28a4c9 !important;
}
.btnInfo:hover{
	background:#31b0d5 !important;
	background-color:#269abc !important;
}
.btnPrimary{
	background-color: #337ab7 !important;
	background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%) !important;
	background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%) !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) !important;;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) !important;
	border:#245580; !important;
}
.btnPrimary:hover{
	background:#31b0d5 !important;
	background-color:#286090 !important;
}

.btnSuccess{
	background-color:#419641 !important;
	background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%) !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) !important;
	/*  background:#449d44 !important;*/
	border:#398439 !important;
}
.btnSuccess:hover, .btnSuccess:focus{
	background-color:#449d44 !important;
	background:#449d44 !important;
}

/*remove asterik for required input fields*/
label.bf-required::after {
    content: "" !important;
}

.apexcharts-legend {
	flex-direction: row-reverse
}

.paper{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted darkgray;

}
.paperTitle{
	display: block;
	font-weight:bold;
}

.paperBlock{
	display: block;
}

.paperLinkIcon{
	margin-right:5px;
}

.journal{
	font-style: italic;
	font-weight: bold;
}


.voc_info_tabs > div > ul > li.ui-tabs-header {
	border-radius: 7px 7px 0px 0px;
	margin-right: 2px !important;
	padding:0.6rem !important;
}
body .ui-tabs.ui-tabs-top .ui-tabs-nav {
	padding-left: 25px !important;
}

body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
	width: 40px;
	padding: 10px;
	border: 1px solid darkgray !important;
}

.voc_info_alpha{
	border: 2px solid #ffb380ff !important;
	background-color:#ffb38038 !important;
}
.voc_info_alpha.ui-state-active {
	border: 2px solid #ffb380ff !important;
	background-color:#ffb380ff !important;
}
.voc_info_alpha:hover{
	border: 2px solid #ffb380ff !important;
	background-color:#ffb380ff !important;
}

.voc_info_logo{
	height:100px;
}

.voc_info_beta{
	border: 2px solid #afdde9ff !important;
	background-color: rgba(175, 221, 233, 0.15) !important;
}
.voc_info_beta.ui-state-active {
	border: 2px solid #afdde9ff !important;
	background-color:#afdde9ff !important;
}
.voc_info_beta:hover{
	border: 2px solid #afdde9ff !important;
	background-color: #afdde9ff !important;
}


.voc_info_gamma{
	border: 2px solid #87deaaff !important;
	background-color: rgba(135, 222, 170, 0.32) !important;
}
.voc_info_gamma.ui-state-active {
	border: 2px solid #87deaaff !important;
	background-color:#87deaaff !important;
}
.voc_info_gamma:hover{
	border: 2px solid #87deaaff !important;
	background-color: #87deaaff !important;
}

.voc_info_delta{
	border: 2px solid #ddafe9ff !important;
	background-color: rgba(221, 175, 233, 0.15) !important;
}
.voc_info_delta.ui-state-active {
	border: 2px solid #ddafe9ff !important;
	background-color:#ddafe9ff !important;
}
.voc_info_delta:hover{
	border: 2px solid #ddafe9ff !important;
	background-color: #ddafe9ff !important;
}

.voc_info_omicron{
	border: 2px solid #ffaaaaff !important;
	background-color: rgba(255, 170, 170, 0.15) !important;
}
.voc_info_omicron.ui-state-active {
	border: 2px solid #ffaaaaff !important;
	background-color:#ffaaaaff !important;
}
.voc_info_omicron:hover{
	border: 2px solid #ffaaaaff !important;
	background-color: #ffaaaaff !important;
}


.caption_index{
	text-align: center;
	background: #659ed3;
	color: black;
	font-size: 20px;
	font-weight: bold;
	border-radius: 5px 5px 0px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.cap_info{
	background-color: #659fd3;
	border: 2px solid #659fd3;
}

.cap_akt{
	background-color: #5cb85c;
	border: 2px solid #5cb85c;
}
.overlay_index{
	position: relative;
	bottom: 11rem;
	width: 100%;
	background: #000000bf;
	padding: 3px;
	color: #ffffff;
	font-weight: bold;
	font-size: 22px;
	text-align: center;

}

.overlay_index:hover{
	background: #fffffff5;
	color:#659ed3;
	/*border-right: 2px solid #659ed3;*/
	/*border-left: 2px solid #659ed3;*/
}


.index_container > a:hover{
	text-decoration: none;
}

.index_img{
	max-width:100%;
	height:auto;
	max-height: 380px;
}

.news_img{
	height:auto;
	max-height: 380px;
	max-width: 300px;
}

.image_citation{
	font-size:9px;
	position: relative;
}
.image_citation a{
	color:inherit;
}

.news_caption{
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.time{
	color: #659ed3;
	margin-bottom: 10px;
}

.ui-helper-hidden {
	background-color: white;
}

.ui-lightbox-content-wrapper{
	padding:10px !important;
}

.nav_scroll{
	bottom:15%;
	right:15px;
	width:160px;
	position: fixed;
	display: none;
	z-index: 1000;
	min-height: 200px;
	background-color: white;
	transition: opacity 0.2s ease 0s;
	box-shadow: rgb(0 0 0 / 17%) -24px 29px 35px 0px;
	border-radius: 5px;
	border: 1px solid darkgray;
	border-top:4px solid black;
}

.nav_scroll_entry{
	padding-top:20px;
	padding-bottom:20px;
	padding-left:5px;

}
a.navbarLink{
	color:black;
	font-size: 14px;
}

a.navbarLink > div{
	border-left: 7px solid white;
}
a.navbarLink.active > div {
	border-left: 7px solid #659fd3;
	background: #659fd324;
}

.nav_scroll > div.ui-divider {
	margin: 0px;
}

h2.voc_prop_header{
	border-bottom: 1px solid;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
i.voc_icons {
	margin-right: 10px;
	font-size: 22px;
}

.voc_prop {
	margin-bottom: 15px;
}

.voc_info_tabs > ul > li.ui-tabs-header.ui-state-active a {
	color: white !important;
}

.plotOptions > .form-group{
	margin-bottom: 0px !important;
}

/* New ticker */
.news_container{
	display: flex;
	justify-content: center;
	color:white;
	width:100%;
	background: #cc4444;
	align-items: center;
	margin-top: 25px;
	border: 1px solid #232323;
	border-radius: 5px;
}

a.news_ticker_link{
	color:white;
}

a.news_ticker_link:hover{
	color:white;
}
.ticker{
	display: flex;
	/*flex-wrap: wrap;*/
	width: 100%;
}
.news{
	width:93%;
	background: #cc4444;
	padding: 0 2%;
}

.ticker_title{
	text-align: center;
	background: #c81c1c;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
}



.stripedTable tr.ui-widget-content.ui-datatable-odd {
	background: #f8f9fa !important;
}

.headerfooterhighlight thead th, .headerfooterhighlight tfoot td{
	background: #e9e9e9 !important;
}


@media (max-width: 640px){
	td.variantColumn {
		padding:1rem 1rem !important;
		font-weight: bold;
	}
	td.variantColumn > i{
		display: none;
	}
}
video {
	width: 100%;
	height: auto;
	border: 1px solid darkgray;
}

.awesome-marker.selectedMarker{
	border:5px solid red;
}


.apexcharts-yaxis-title{
	text-align: center;
	margin-left:10px !important;
}

a.image_link:focus{
	text-decoration: none;
}

.minDateSelectionButton .ui-button{
	padding:0px;
}

.minDateSelectionButton .ui-button span.ui-button-text.ui-c {
	padding: 5px;
}

/*.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;*/
/*}*/

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

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

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


/*.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;*/
/*}*/

.vocChart{
	border:1px solid darkgray;
	border-radius: 5px;
	min-height:25vh;
	padding:5px;
}

/*.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_footer{*/
/*	justify-content: space-around;*/
/*	align-items: center;*/
/*	background-color: #161616;*/
/*}*/

/*.sewage_header{*/
/*	padding: 10px;*/
/*	background: #2e2e2e;*/
/*	margin: 0px 0px 10px 0px;*/
/*	border-radius: 4px;*/
/*}*/

.chart-actions{
	margin-top:20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.chart-actions-right{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
}


.chart-actions-right button.chartAction {
    width: 2.2rem;
    height: 1.8rem;
    margin-right: 0.3rem;
    margin-top: 0.3rem;
}

.chart-actions-right button.chartAction span.ui-icon{
	top: 80%;
}

.chart-actions-left button.chartAction {
	height: 25px;
	margin-right: 5px;
}

.chart-actions-left button.chartAction  span.ui-button-text{
	padding: 0 1rem;
}

.chartTimeSelect span.ui-inputfield {
	font-size: 12px;
}

.surveillanceChart {
	height:50vh;
	min-height:450px;
	margin-left:10px;
	margin-right:10px;
}

.time-period-drop-down {
	display: none;
}

@media only screen and (max-height: 480px) and (orientation: landscape) {
	.surveillanceChart {
		height: 90vh; /* Höhe auf 90% der Viewport-Höhe im Querformat */
	}
}

@media (max-width: 768px) {


	.chart-option-select {
		display: flex;
		flex-direction: column;
	}

	.time-period-buttons {
		display: none;
	}

	.time-period-drop-down {
		display: block; /* Dropdown auf Mobilgeräten anzeigen */
		width: auto; /* Auto-Breite für das Dropdown */
	}
}


.trend-block{                /* Container: untereinander */
	display:flex;
	flex-direction:column;
	gap:.35rem;
	font-size:.9rem;
}
.trend-row{                  /* Eine Zeile (Label | Wert) */
	display:flex;
	align-items:center;
	gap:.5rem;
}
.trend-row .label{           /* fixe Label-Spalte */
	flex:0 0 150px;          /* ggf. anpassen */
	font-weight:600;
	opacity:.9;
}
.value-with-icon{            /* Text + Icon immer nebeneinander */
	display:inline-flex;
	align-items:center;
	gap:.4rem;
	white-space:nowrap;
}


.chart-actions .chartAction:focus,
.chart-actions .chartAction.ui-state-focus {
    background: #2196f3 !important;
    color: #fff !important;
    border: 1px solid #2196f3 !important;
    box-shadow: none !important;
    outline: none !important;
}

.chart-actions .ui-button .ui-icon {
  background: none !important;
  -webkit-mask: none !important;
  mask: none !important;
}