/*Frequency Legend Entries*/

/*The frequency legend container*/
#freqIndexContainer {
	display: none;
	padding-bottom: 5px;
}

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

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

	}

		/*Each legend item*/
		.freqIndexItem {
			text-align: left;
		}

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

			#line10 {background-color: #7a1010}
			#line15 {background-color: #e92033}
			#line20 {background-color: #8c41b5}
			#line30 {background-color: #258cb0}
			#line45 {background-color: #84bae3}
			#line60 {background-color: #58b882}
			#linepeak{background-color: #b0a97e}



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

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

	.legend-line {
		margin-left: 0px;
	}
}