@CHARSET "ISO-8859-1";

 .templateInfo{
	display: none;
}

.hqOptionInfoContent,
.unitInfoContent,
.globalOptionInfoContent,
.helpContent,
.zoomContent,
.breakInfoContent{
	position: absolute;
	display: none;
	text-align: left;

	background: var(--background-info);
	color: #000000;

	padding: var(--padding-element-inside);
	font-size: var(--font-06);
	font-weight: var(--font-weight-normal);
	border: var(--border);
	
	z-index: 1000;
}

.infoContentRow {
	min-height: var(--info-height);
	border-top: var(--border);
	padding: var(--padding-name-top);
	
	display: grid;
	grid-template-columns: var(--info-head) var(--info-text);
	grid-template-rows: auto;
	grid-template-areas: "head text";
}

.infoContentRow:first-child { 
    border-bottom: var(--border);
}

.infoContentRow> .infoContentRowHeaderImg,
.infoContentRow> .infoContentRowHeaderText  {
	grid-area: head;
}

.infoContentRow>.infoContentRowText {
	grid-area: text;
}

.infoContentRow>.infoContentRowHeaderImg > .img {
	width: var(--info-height);
}

.ship>.unitInfoContent{
	top: var(--info-offset-x-unit);
}

.fort>.unitInfoContent{
	top: calc(2 * var(--info-offset-x-unit));
}

.hqOptionInfoContent{
	right: var(--info-offset-y-hq);
	top: var(--info-offset-x-hq)
}

.globalOptionInfoContent{
	top: var(--info-offset-x-global);
}

.breakInfoContent{
	top: var(--info-offset-y-break);
	left: var(--info-offset-x-break);
}

.globalOptionInfo:hover,
.zoomOption:hover {
	cursor: default;
	background: var(--background-hover);
	border-radius: var(--border-radius-option);
}

.infoContentRow>.infoContentRowHeaderImg>.disabledImg {
	display: none;
	position: absolute;
	width: var(--info-height);
}