.partSelectLabel1 {	grid-area: label; background: #FAAC58; color: #FFFFFF; font-weight: bold; padding-left: 5px;}
.partSelectLabel2 {	grid-area: label2; background: #FAAC58; color: #FFFFFF; font-weight: bold; padding-left: 5px;}
.partSelectLabel3 {	grid-area: label3; background: #FAAC58; color: #FFFFFF; font-weight: bold; padding-left: 5px;}
.partSelectLabel4 {	grid-area: label4; background: #FAAC58; color: #FFFFFF; font-weight: bold; padding-left: 5px;}
.categoryLabel { background: #FAAC58; color: #FFFFFF; font-weight: bold; text-align: center; padding: 5px 5px 5px 0px; }
.partSelect1 { grid-area: oneOne; }
.partSelect2 { 	grid-area: twoOne; background: #f3f3f3; }
.partSelect3 { grid-area: threeOne; }
.partSelect4 { 	grid-area: fourOne; background: #f3f3f3; }
.partSelect5 { grid-area: oneTwo; }
.partSelect6 { 	grid-area: twoTwo; background: #f3f3f3; }
.partSelect7 { grid-area: threeTwo; }
.partSelect8 { 	grid-area: fourTwo; background: #f3f3f3; }
.tempResolutionSelect5 { grid-area: oneThree; }
.tempResolutionSelect125 { grid-area: twoThree; background: #f3f3f3; }
.tempResolutionSelect0625 { grid-area: threeThree; }
.tempLoggingDisabled { grid-area: fourThree; background: #f3f3f3; }
.humResolutionSelect6 { grid-area: oneFour; }
.humResolutionSelect04 { grid-area: twoFour; background: #f3f3f3; }
.humLoggingDisabled { grid-area: threeFour; }
.graySpace { grid-area: filler; background: #f3f3f3; }
.mobileFiller {grid-area: mobileFiller;}
.loggingRateMinutes { grid-area: oneFive; } 
.loggingRateHours { grid-area: twoFive; background:#f3f3f3; }
.loggingRateDays { grid-area: threeFive; }
.capacityResults {grid-area: upperFooter; }
.results { grid-area: footer; display: grid; }
.disclaimer { grid-area: disclaimer; color: red; }
.valid21 { color: black; }
.valid21HZ { color: black; }
.valid22 { color: black; }
.valid23 { color: black; }

.missionParmGrid {
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	grid-gap: 0px;
	grid-template-areas:
	"label label label2 label3 label4 "
	"oneOne oneTwo oneThree oneFour oneFive "
	"twoOne twoTwo twoThree twoFour twoFive "
	"threeOne threeTwo threeThree threeFour threeFive "
	"fourOne fourTwo fourThree filler filler "
	"upperFooter upperFooter upperFooter . . "
	"footer footer footer footer disclaimer"
}

@media only screen and (max-width: 775px) {
.missionParmGrid {
    row-gap: 10px;
	grid-template-columns: auto auto auto;
	grid-template-areas:
	"label oneOne oneTwo"  
	"label twoOne twoTwo"
	"label threeOne threeTwo"
	"label fourOne fourTwo"
	"label2 oneThree ."
	"label2 twoThree upperFooter"
	"label2 threeThree ."
	"label2 fourThree footer"
	"label3 oneFour ."
	"label3 twoFour disclaimer"
	"label3 threeFour ."
	"label4 oneFive mobileFiller"
	"label4 twoFive ."
	"label4 threeFive filler"
	}
.capacityResults { background: #f3f3f3; }
.results { background: #f3f3f3; }
.disclaimer { background: #f3f3f3; }
.loggingRateHours { background: white; }
.loggingRateMinutes { background: #f3f3f3; }
.loggingRateDays { background: #f3f3f3; }
.mobileFiller { background: #f3f3f3; }
}

.featuresHeadingOrangeWhite {
    line-height: 1.8em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: url(https://embeddeddatasystems.com/assets/JS_CSS_original/Orange_Background_Light_Top.png) repeat-x;
    color: #FFFFFF;
    padding: 3px 3px 3px 10px;
    width: 100%;
    text-align: left;
}