.pathways-body #page.container.grid-container,
.pathways-body #page.grid-container {
	width:100vw;
	max-width:100vw;
	margin-left:0;
	font-size: 17px;
	line-height:24px;
}

.pathways {
	height:calc(100vh - 260px);
	width:100vw;
	margin-left:-40px;
	position:relative;
}
.pathways #map,
.pathways #sidebar {
	z-index:0;
}
.pathways .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
.pathways h2 {
	font-size:32px;
	margin:0 0 .5rem 0;
}
.pathways h3 {
	font-size:28px;
	font-weight:500;
	margin:0 0 .5rem 0;
}
.pathways h5 {
	font-size:1.25rem;
}
.pathways hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
  border-top: var(--bs-border-width) solid;
  opacity: .25;
  background-color: var(--ptx-fourth-color);
  height: 2px;
}
.pathways .button {
	background-color:initial;
}




.pathways a#toggle-industrial-button,
.pathways a#toggle-biogenic-button {
	/*background-color: #F0F5F0;
	color: black;*/
	font-size: .875rem;
	border-radius: 6px;
  	font-weight:400;
  	padding:5px 12px;
	height:initial;
	text-decoration:none;
	cursor:pointer;
}
.pathways .toggle-industrial-button {
	border:1px solid rgb(84,114,155);
	color: rgb(255, 255, 255);
  	background-color: rgb(84,114,155);
  	border-color: rgb(84,114,155);
}
.pathways .toggle-industrial-button-outline {
	background-color:#F0F5F0;
	color: rgb(84,114,155);
}

.pathways a#toggle-industrial-button:hover {
	border:1px solid rgb(84,114,155);
	background-color: var(--bs-btn-hover-bg);
	color:var(--bs-btn-hover-color);
}



.pathways .toggle-biogenic-button {
	border:1px solid rgb(57,137,126);
	color: rgb(255, 255, 255);
  	background-color: rgb(57,137,126);
  	border-color: rgb(57,137,126);
}
.pathways .toggle-biogenic-button-outline {
	background-color:#F0F5F0;
	color: rgb(57,137,126);
}

.pathways a#toggle-biogenic-button:hover {
	border:1px solid rgb(57,137,126);
	background-color: var(--bs-btn-hover-bg);
	color:var(--bs-btn-hover-color);
}








.pathways #toggle-all-button {
	background-color: rgb(108, 117, 125);
	border:1px solid rgb(108, 117, 125);
	border-radius: 6px;
  	font-weight:400;
	min-width:102px;
	text-align:center;
	box-sizing:border-box;
	text-decoration:none;
	font-size: .875rem;
	border-radius: 6px;
  	font-weight:400;
  	padding:5px 12px;
	height:initial;
	text-decoration:none;
	cursor:pointer;
}
.pathways #toggle-all-button:hover {
	background-color:#5C636A;
}
.pathways #toggle-all-button.btn-outline-secondary {
	background-color:#F0F5F0;
	color:black;
}

#button-container {
	margin-top:20px;
}
#button-container button {
	width:100%;
}
.pathways .toggle-layer-button {
	/*border:none;*/
	margin:0;
	padding: 7px 0;
	font-weight:400 !important;
	background-color: #F0F5F0;
}

.pathways .toggle-layer-button:hover,
.pathways .toggle-layer-button:focus {
	background-color: #F0F5F0;
	color:black;
	
}


.pathways #scale,
.pathways #scale_title {
	font-size:10px;
	color: var(--bs-body-color);
}
.pathways .switch {
	width:initial;
}
.pathways #table-all-emissions,
.pathways #table-all-emissions tr,
.pathways #table-all-emissions th,
.pathways #table-all-emissions td {
  border-width: 0;
}
.pathways #table-all-emissions th,
.pathways #table-all-emissions td {
  padding: 0;
}
.pathways #statistics + table,
.pathways #table-selected-emissions,
.pathways #statistics_total {
	border-width: 0;
}
.pathways #table-selected-emissions,
.pathways #statistics_total {
	padding: 0;
}

#download_csv,
#download_geojson {
	background-color:#F0F5F0;
	color: rgb(0, 167, 157);
	font-weight:500;
	padding:0;
}

.dot_chemicals {
  background-color: #F1DB26;
}
.dot_metals {
  background-color: #71B8D2;
}
.dot_paper {
  background-color: #D192C6;
}
.dot_others {
  background-color: #A492DC;
}
.dot_bio {
  background-color: #8FC492;
}
@media only screen and (max-width: 768px) {
	.pathways {

		margin-left:-20px;
	}
}

.pathways.active-fullscreen {
	position:fixed;
	height:100vh;
	top:0;
	z-index:250;
}
.leaflet-gl-layer.fullscreen {
	height:100vh !important;
	transform: translate3d(0, 0, 0) !important;
}
#fullscreen {
	top:72px;
	right:11px;
	height:33px;
	width:33px;
	line-height:28px;
	display:block;
	position:absolute;
	z-index:251;
	background-color:white;
	border: 2px solid rgba(0,0,0,0.2);
  	background-clip: padding-box;
  	border-radius:4px;
  	box-sizing:border-box;
  	cursor:pointer;
}
#fullscreen:hover {
	background-color:rgb(244,244,244);
}
#fullscreen #normal {
	visibility:hidden;
}
#fullscreen.active #normal {
	visibility:visible;
}
#fullscreen.active #full {
	visibility:hidden;
}