/* Access popup properties */

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

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

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



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

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

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

	}

	#scnAccLgnd {
		column-count: 2; 
		/*display: grid;*/
		grid-gap: 0px;
		font-family:arial,sans-serif;
		font-size:7pt;
		justify-content: space-evenly;	
		/*grid-template-columns: repeat(auto-fill, 150px);*/
	}

		/*Each legend item*/
		.isoIndexItem {
			text-align: left;
			max-height: 22px;
		}

		.accIndexItem {
			text-align: left;
			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:9pt;
		font-weight: 500;
		grid-gap: 5px;
	}

	 #scnAccLgnd {
	 	font-size:10pt;
	 }

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

	.isoIndexItem {
			text-align: left;
			max-height: 30px;
	}

	.accIndexItem {
			padding-left: 30px;
	}

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