/* STATISTICS -------------------------------------------------------------------------------- */

.statistics_navigation {				display:grid;
										grid-template-columns:repeat(2, 1fr);
										grid-gap:10px;
										padding:0;
										margin:0;}
.statistics_navigation_item {			border:0px solid black;
										padding:0;
										margin:0;
										text-align:left;}





/* GRAFIKEN -------------------------------------------------------------------------------- */

.bargraph {								height:400px;
										width:100%;
										padding:0;margin:0;
										background-color:#eaeaea;	/* Hntergrundfarbe eaeaea */ 
										border:0px solid red;
										border-left: 0px solid #ddd;
										border-right:0px solid #ddd;
										border-top:  0px solid #ddd;}		/* Rahmen */

.bargraph_inside{						display:grid;
										/* Links: fix für Y-Achsenbeschriftung / Mitte: auto / Rechts: fix für Abstand */
										grid-template-columns:	40px  auto 40px; 
										/* Oben: fixer Abstand / Mitte: auto / Unten: fixer Abstand */
										grid-template-rows:		50px  auto 50px;
										padding:0px;margin:0px;
										height:100%;
										border:0px solid green;}

.bargraph_legend {						width:100%;
										padding:0;margin:0;
										position:relative;
										background-color:#eaeaea;	/* Hntergrundfarbe */
										border:0px solid #eaeaea;
										border:0px solid red;}		/* Rahmen */
										
																		
.bargraph_legend_inside {				display:grid;
										/* Links: fix für Y-Achsenbeschriftung / Mitte: auto / Rechts: fix für Abstand */
										grid-template-columns:	40px  auto 40px; 
										/* Oben: fixer Abstand / Mitte: auto / Unten: fixer Abstand */
										grid-template-rows:		auto;
										padding:0px;margin:0px;
										padding-bottom:30px;
										border-left:   0px solid #ddd;
										border-right:  0px solid #ddd;
										border-bottom: 0px solid #ddd;
										border:0px solid #blue;}		/* Rahmen */		
										
.bargraph_legend_inside_checks {		display:grid;
										grid-template-columns:	25%  25% 25% 25%; 
										grid-template-rows:		auto;
										padding:0px;margin:0px;
										padding-bottom:30px;
										border: 0px solid #fdd;}		/* Rahmen */										

.swissmap_legend {						display:grid;
										grid-template-columns:	8em 1fr 8em 1fr; 			/* 50% 50%; */	
										grid-template-rows:		auto;
										padding:0px;margin:0px;
										padding-bottom:30px;
										border: 0px solid #fdd;}		/* Rahmen */		
										
.graph_sel_col_01[type="checkbox"] {		display:none;}
.graph_sel_col_01[type="checkbox"] + label::before { 
										width:14px;
										height:14px;
										display: block;
										float:left;
										content:"";
										cursor: pointer;
										border-radius:2px;
										padding:0;
										margin-right:10px;
										}
										
.graph_sel_col_01_check_1[type="checkbox"] + label::before {			border:3px solid #6d6d6d;background-color:#6d6d6d}
.graph_sel_col_01_check_1[type="checkbox"]:checked+label::before { 	border:3px solid #6d6d6d;background-color:#fff}

.graph_sel_col_01_check_2[type="checkbox"] + label::before {			border:3px solid #f05b4f;background-color:#f05b4f}
.graph_sel_col_01_check_2[type="checkbox"]:checked+label::before { 	border:3px solid #f05b4f;background-color:#fff}

.graph_sel_col_01_check_3[type="checkbox"] + label::before {			border:3px solid #f4c63d;background-color:#f4c63d}
.graph_sel_col_01_check_3[type="checkbox"]:checked+label::before { 	border:3px solid #f4c63d;background-color:#fff}

.graph_sel_col_01_check_4[type="checkbox"] + label::before {			border:3px solid #d17905;background-color:#d17905}
.graph_sel_col_01_check_4[type="checkbox"]:checked+label::before { 	border:3px solid #d17905;background-color:#fff}

.graph_sel_col_01_check_5[type="checkbox"] + label::before {			border:3px solid #453d3f;background-color:#453d3f}
.graph_sel_col_01_check_5[type="checkbox"]:checked+label::before { 	border:3px solid #453d3f;background-color:#fff}

.graph_sel_col_01_check_6[type="checkbox"] + label::before {			border:3px solid #59922b;background-color:#59922b}
.graph_sel_col_01_check_6[type="checkbox"]:checked+label::before { 	border:3px solid #59922b;background-color:#fff}

.graph_sel_col_01_check_7[type="checkbox"] + label::before {			border:3px solid #0544d3;background-color:#0544d3}
.graph_sel_col_01_check_7[type="checkbox"]:checked+label::before { 	border:3px solid #0544d3;background-color:#fff}

.graph_sel_col_01_check_8[type="checkbox"] + label::before {			border:3px solid #6b0392;background-color:#6b0392}
.graph_sel_col_01_check_8[type="checkbox"]:checked+label::before { 	border:3px solid #6b0392;background-color:#fff}

.graph_sel_col_01_check_9[type="checkbox"] + label::before {			border:3px solid #dd0dd;background-color:#dd0dd}
.graph_sel_col_01_check_9[type="checkbox"]:checked+label::before { 	border:3px solid #dd0dd;background-color:#fff}




.graph_swissmap_1[type="checkbox"] + label::before {			border:3px solid #f05b4f;background-color:#f05b4f}
.graph_swissmap_1[type="checkbox"]:checked+label::before { 		border:3px solid #f05b4f;background-color:#fff}

.graph_swissmap_2[type="checkbox"] + label::before {			border:3px solid #453d3f;background-color:#453d3f}
.graph_swissmap_2[type="checkbox"]:checked+label::before { 		border:3px solid #453d3f;background-color:#fff}

.graph_swissmap_3[type="checkbox"] + label::before {			border:3px solid #59922b;background-color:#59922b}
.graph_swissmap_3[type="checkbox"]:checked+label::before { 		border:3px solid #59922b;background-color:#fff}

.graph_swissmap_4[type="checkbox"] + label::before {			border:3px solid #f4c63d;background-color:#f4c63d}
.graph_swissmap_4[type="checkbox"]:checked+label::before { 		border:3px solid #f4c63d;background-color:#fff}

.graph_swissmap_5[type="checkbox"] + label::before {			border:3px solid #0544d3;background-color:#0544d3}
.graph_swissmap_5[type="checkbox"]:checked+label::before { 		border:3px solid #0544d3;background-color:#fff}

.graph_swissmap_6[type="checkbox"] + label::before {			border:3px solid #d17905;background-color:#d17905}
.graph_swissmap_6[type="checkbox"]:checked+label::before { 		border:3px solid #d17905;background-color:#fff}

.graph_swissmap_7[type="checkbox"] + label::before {			border:3px solid #6d6d6d;background-color:#6d6d6d}
.graph_swissmap_7[type="checkbox"]:checked+label::before { 		border:3px solid #6d6d6d;background-color:#fff}

.graph_swissmap_8[type="checkbox"] + label::before {			border:3px solid #6b0392;background-color:#6b0392}
.graph_swissmap_8[type="checkbox"]:checked+label::before { 		border:3px solid #6b0392;background-color:#fff}

.graph_swissmap_9[type="checkbox"] + label::before {			border:3px solid #dd0dd;background-color:#dd0dd}
.graph_swissmap_9[type="checkbox"]:checked+label::before { 		border:3px solid #dd0dd;background-color:#fff}


.graph_sel_x {							font-size:1em; }
.graph_sel_x option {					font-size:0.9em; }

#details {								background-color:#fff;
										display:none;
										z-index:1000;
										padding:0.5em;
										margin-top:-7em;
										font-size:0.9em;
										line-height:1.0em;
										border:1px solid #888;
										border-radius:5px;
									}






/* MOBILITY -------------------------------------------------------------------------------- */

.chart_box_mob {						display:grid;
										grid-template-columns:700px auto;
										padding:0px;
										background-color:#f8f8f8;}

.chart_box_mob_item1 {					border:10px solid rgba(0, 0, 0, 0.8);
										padding:0px;
										text-align:left;
										padding:0px;
										width:100%;}
										
.chart_box_mob_item2 {					border:1px solid red;
										padding:0px;
										padding-left:40px;
										text-align:left;}	














.stations_legend {						position:absolute;z-index:20}
.stations_legend > table {				border:0px solid red;}
.stations_legend > table th {			font-size:0.8em;font-weight:normal;padding-right:0.5em;}
.stations_legend > table td {			padding:0;margin:0;line-height:1em;vertical-align:middle;padding-bottom:0.3em;}

.STA[type="checkbox"] {					display:none;}
.STA[type="checkbox"] + label::before { width:14px;
										height:14px;
										display:block;
										content:"";
										cursor: pointer;
										border-radius:7px;}
.SA[type="checkbox"] + label::before {			border:3px solid #4ac95f;background-color:#4ac95f}
.SA[type="checkbox"]:checked+label::before { 	border:3px solid #4ac95f;background-color:#fff}
										
.SB[type="checkbox"] + label::before {			border:3px solid #0092ff;background-color:#0092ff;}
.SB[type="checkbox"]:checked+label::before {	border:3px solid #0092ff;background-color:#fff;}

.SC[type="checkbox"] + label::before {			border:3px solid #a476b6;background-color:#a476b6;}
.SC[type="checkbox"]:checked+label::before {	border:3px solid #a476b6;background-color:#fff;}

.SD[type="checkbox"] + label::before {			border:3px solid #bbb;background-color:#bbb;}
.SD[type="checkbox"]:checked+label::before {	border:3px solid #bbb;background-color:#fff;}





.stations_legend_text {					padding-left:0px}

.stations_symbol:hover {				opacity:0.6;text-decoration:none;}


.stations_desc {						width:100%;
										display: grid;
										grid-template-columns: 50% 50%;}

.stations_desc > div {					padding-bottom:80px;}


/* INTERNATIONAL  -------------------------------------------------------------------------------- */

.Logo_IPHE {		height:60px; 
					border:0px solid blue; 
					margin:10px 0px;
					padding:0px; }

.Logo_IEAH2_TCP {	height:60px; 
					border:0px solid blue; 
					margin:10px 0px;
					padding:0px; }