/*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:soleil,arial,sans-serif;
		font-weight: 300;
		font-size:7pt;
		justify-content: space-evenly;	
		grid-template-columns: repeat(auto-fill, 130px);
		/*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;
				z-index: -1!important;
			}

			#line10 {background-color: #91292c}
			#line15 {background-color: #d03637}
			#line20 {background-color: #a15186}
			#line30 {background-color: #3162a0}
			#line45 {background-color: #54aadd}
			#line60 {background-color: #5eac8d}
			#lineinf {background-color: #cfba66}
			#linepeak{background-color: #b4b4b4}
			#linedr {
			    background-color: rgba(249, 210, 42,0.5);
			    border: 2px dashed rgb(149, 126, 25);
			    height: 11px;
			    width: 16px;
			}



/*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: 5px;
	}

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