/* Access popup properties */

.accIncrease {
	font-weight:bold;
	color: DarkBlue;
}

.accDecrease {
	font-weight:bold;
	color:FireBrick;
}

.accNote {
	font-size: 7pt;
	color:DimGrey;
	line-height: 1em;
}

.mapboxgl-popup-content{
	padding-right:30px;
}

/* Access legend */
#isoIndexContainer {
	display: none;
	padding-bottom: 5px;
}

	/*Disclaimer*/
	#isoIndexDisclaimer{
		display: none;
	}

	/*CSS grid containing legend*/
	#scenarioIsoIndex {
		display: flex;
		grid-gap: 0px;
		font-family:arial,sans-serif;
		font-size:7pt;
		justify-content: center;	
		/* grid-template-columns: repeat(auto-fill, 120px); */
		/*grid-auto-columns: 115px;*/

	}

	#scnAccLgnd {
		display: grid;
		grid-gap: 0px;
		font-family:arial,sans-serif;
		font-size:7pt;
		grid-template-rows: repeat(5,1fr);
		grid-auto-flow: column;
		text-align: left;
		justify-content: center;
	}

		/*Each legend item*/
		.isoIndexItem {
			font-family: 'Gotham Rounded',sans-serif;
			font-weight: 300;
			text-align: left;
			max-height: 22px;
		}

		.accIndexItem {
			font-family: 'Gotham Rounded',sans-serif;
			font-weight: 300;
			max-height: 22px;
			/* padding-left: 20px; */
		}

			/*Colored lines in each item*/
			/*.legend-line {
				display: inline-block;
				height: 10px;
				width: 20px;
				margin-right: 5px;
				margin-left: 5px;
			}*/

			#lineNew {background-color: #c0bff1}
			#lineStill {background-color: #9a99c1}
			#boxGL {border: 2px dashed #a0924c; max-width: 16px}
			#GoLinkText{ position: relative; left: 32px; top:-15px; text-align: left; display: inline-block; max-width: 120px;}
			#lineOld {background-color: #c0bfbe}


/*Responsive adjustments*/
@media only screen and (min-width: 370px) {
	/*Show disclaimer for bigger screens*/
	#isoIndexDisclaimer{
		display: block;
	}

	/*Change grid item spacing*/
	#scenarioIsoIndex {
		font-size:7pt;
		grid-gap: 10px;
	}

	 #scnAccLgnd {
	 	font-size:10pt;
		grid-gap: 2px;
	 }

	.legend-line {
		margin-left: 0px;
		height: 15px;
		position: relative;
		top:2px;
	}

	.isoIndexItem {
		text-align: left;
		max-height: 30px;
		/* display: flex;
		align-content: center; */
	}

	.accIndexItem {
			padding-left: 30px;
	}

	#GoLinkText{ position: relative; left: 30px; top:-20px; text-align: left; display: inline-block;max-width: 140px;}
}

@media only screen and (min-width: 520px) {
	.legend-line {
		margin-left: 10px;
	}

	#scenarioIsoIndex{
		font-size: 10pt;
	}
}