@CHARSET "ISO-8859-1";

.summary {
	grid-area: summary;
	display: grid;
	grid-template-columns: 140px 60px 120px 60px;
	grid-template-rows: 15px 15px 15px 15px 15px 15px 15px 15px 15px 15px
		15px 15px;
	grid-template-areas: "ps ps_value lost lost_value"
		"ps ps_value lost1 lost_value1" "recon recon_value lost2 lost_value2"
		"recon recon_value lost3 lost_value3"
		"size size_value lost4 lost_value4"
		"size size_value lost5 lost_value5"
		"supply supply_value lost6 lost_value6"
		"supply supply_value unset unset"
		"motivation motivation_value motivation_factor notused1"
		"motivation motivation_value motivation_factor notused1"
		"tasktype tasktype_value tasktype_value tasktype_value"
		"tasktype tasktype_value tasktype_value tasktype_value";
	font-size: 130%;
	font-style: italic;
	font-weight: bold;
	margin-top: 5%;
}

.summaryStrength {
	grid-area: ps;
	text-align: right;
	margin-right: 10%;
}

.summaryRecon {
	grid-area: recon;
	text-align: right;
	margin-right: 10%;
}

.summarySize {
	grid-area: size;
	text-align: right;
	margin-right: 10%;
}

.summarySupply {
	grid-area: supply;
	text-align: right;
	margin-right: 10%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.summaryMotivation {
	grid-area: motivation;
	text-align: right;
	margin-right: 10%;
}

.summaryStrengthValue {
	grid-area: ps_value;
	padding-left: 10px;
}

.summaryReconValue {
	grid-area: recon_value;
	padding-left: 10px;
}

.summaryReconValueForbiden {
	color: red;
}

.summarySizeValue {
	grid-area: size_value;
	padding-left: 10px;
}

.summarySupplyValue {
	grid-area: supply_value;
	padding-left: 10px;
}

.summarySupplyValueForbiden {
	color: red;
}

.summaryMotivationValue {
	grid-area: motivation_value;
	padding-left: 10px;
}

.summaryMotivationFactor {
	grid-area: motivation_factor;
}

.summaryTaskType {
	grid-area: tasktype;
	text-align: right;
	margin-right: 10%;
}

.summaryTaskTypeValue {
	grid-area: tasktype_value;
	display: grid;
	grid-template-columns: 40px 40px 40px 40px 40px;
	grid-template-rows: 30px;
	grid-template-areas: "cav cav_value mixed inf_value inf";
}

.summaryTaskTypeCav {
	grid-area: cav;
}

.summaryTaskTypeCavValue {
	grid-area: cav_value;
	text-align: center;
}

.summaryTaskTypeMixed {
	grid-area: mixed;
}

.summaryTaskTypeInfValue {
	grid-area: inf_value;
	text-align: center;
}

.summaryTaskTypeInf {
	grid-area: inf;
}

.summaryTaskTypeInfValue {
	grid-area: inf_value;
}

@media only screen and (max-device-width: 1024px) {
	.summaryLost {
		grid-area: lost;
		font-size: 40%;
		font-style: italic;
		padding-right: 5px;
		text-align: right;
		font-weight: normal;
		border-top: solid 1px;
		border-right: solid 1px;
	}
	.summaryLostValue {
		grid-area: lost_value;
		font-size: 40%;
		font-style: italic;
		padding-left: 5px;
		text-align: center;
		font-weight: normal;
		border-top: solid 1px;
	}
}

@media only screen and (min-device-width: 1024px) {
	.summaryLost {
		grid-area: lost;
		font-size: 60%;
		font-style: italic;
		padding-right: 5px;
		text-align: right;
		font-weight: normal;
		border-top: solid 1px;
		border-right: solid 1px;
	}
	.summaryLostValue {
		grid-area: lost_value;
		font-size: 60%;
		font-style: italic;
		padding-left: 5px;
		text-align: center;
		font-weight: normal;
		border-top: solid 1px;
	}
}

.summaryLost1 {
	grid-area: lost1;
}

.summaryLostValue1 {
	grid-area: lost_value1;
}

.summaryLost2 {
	grid-area: lost2;
}

.summaryLostValue2 {
	grid-area: lost_value2;
}

.summaryLost3 {
	grid-area: lost3;
}

.summaryLostValue3 {
	grid-area: lost_value3;
}

.summaryLost4 {
	grid-area: lost4;
}

.summaryLostValue4 {
	grid-area: lost_value4;
}

.summaryLost5 {
	grid-area: lost5;
}

.summaryLostValue5 {
	grid-area: lost_value5;
}

.summaryLost6 {
	grid-area: lost6;
}

.summaryLostValue6 {
	grid-area: lost_value6;
}