@CHARSET "ISO-8859-1";

.printTitleTails{
    height: var(--print-row-height-title-tail);
    width: 100%;
}

.printTitleTails>.printNation{
	padding-top: 2vw;
    font-size: var(--print-font-title-tail);
    text-align: center; 
}

.printTitleTails>.printPlayerName{
    font-size: var(--print-font-title-tail);
    width: 100%;
    position:  absolute;
}

.printTitleTails>.printPlayerName>input{
    position: relative;
    display: block;
    margin : 0 auto;    
    width: 40%;
    height: var(--print-row-height-tail);
    font-size: var(--print-font-title-tail);
    text-align: center;
}

.printGlobalOptionTails {
    width: 100%;
    display: block;
    height: var(--print-row-height-global-tail);
}

.printGlobalOption {
    display: inline;   
}

.printGlobalOption>.globalOption,
.printGlobalOption>.globalOptionPatrol {
    transform: scale(var(--print-transform-scale-tail));
    transform-origin: left top;
    margin-right: var(--print-global-margin-tail);
}

.printGlobalOptionRules{
	font-size: var(--print-font-tail);
	padding-left: var(--print-text-margin-tail);
	border-bottom: var(--border-bottom);
	margin-bottom: var(--print-info-margin);
}

.printGlobalOptionRules>b{
    font-size: var(--print-font-tail);
}

.printProperties{
	margin-bottom: var(--print-info-margin);
	border-bottom: var(--border-bottom);
	font-size: var(--font-medium);
}

.printValidations{
    font-size: var(--font-medium);
    padding-bottom: var(--print-text-margin-tail);
    margin-bottom: var(--print-info-margin);
    border-bottom: var(--border-bottom);
}
.printRulesTails{
    font-size: var(--font-medium);
    padding-bottom: var(--print-text-margin-tail);
    margin-bottom: var(--print-info-margin);
    border-bottom: var(--border-bottom);
}

.printRuleTails{
	display: grid;
    grid-template-columns: var(--print-brigade-rule-name-tail) auto;
    grid-template-rows: auto;
    grid-template-areas: "name text";
}

.brigadeRule{
    grid-area: name;
    text-transform: capitalize;
    font-weight: var(--font-weight-bold);
}
	
.brigadeRuleText{
    grid-area: text;
}

.printValidations > .printValidationHeaderLevel1{
    padding-left: var(--print-padding-error-left-level1);
    
}

.printValidations > .printValidationHeaderLevel2{
    padding-top: var(--print-padding-error-left-level1);
    padding-left: var(--print-padding-error-left-level1);
}

.printValidations > .printValidationHeaderLevel3{
    padding-left: var(--print-padding-error-left-level2);
}

.printValidations > .printValidationHeaderLevel1 > b,
.printValidations > .printValidationHeaderLevel2 > b,
.printValidations > .printValidationHeaderLevel3 > b {
    color: var(--color-ok);
}

.printValidations > .templateValidatorRow > b {
    color: var(--color-error);
}

.printValidations > .templateValidatorRowLevel1 {
    padding-left: var(--print-padding-error-left-level1);
}

.printValidations > .templateValidatorRowLevel2 {
    padding-left: var(--print-padding-error-left-level2);
}

.printValidations > .templateValidatorRow > b {
    color: var(--color-error);
}

.page2>.printMainTails>.printLevel1Tail {
	margin-top: var(--print-text-margin-tail);
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: var(--print-row-height-commander-name-tail) var(--print-row-height-commander-tail);
    grid-template-areas:
        "armyName" 
        "mainCmd";
    border-top: var(--border-top);
}

.page2>.printMainTails>.printLevel1Tail>.commander{
	transform: scale(var(--print-transform-scale-tail));
    transform-origin: left top;
    grid-area: mainCmd;
}

.page2>.printMainTails>.printLevel1Tail>.name{
    grid-area: armyName;
    font-size: var(--print-font-tail);
}

.printLevel2Tail {
	padding-left: var(--print-text-margin-tail);
	padding-bottom: var(--print-text-margin-tail);
	border-top: var(--border-separator-big-tail);
	border-left: var(--border-separator-big-tail);
	border-top-left-radius: 2vw;
	border-bottom-left-radius: 2vw;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: var(--print-row-height-commander-name-tail) var(--print-row-height-commander-tail) auto;
    grid-template-areas: 
        "corpName"
        "corpCmd" 
        "divTail";
}

.printLevel2Tail:nth-child(even) {
    background: #ffffff;
}

.printLevel2Tail:nth-child(odd) {
    background: #e9e9e9;
}

.printLevel2Tail:nth-child(even)>.lowerlevel>.printLevel3Tail:nth-child(odd) {
    background: #e9e9e9;
}

.printLevel2Tail:nth-child(even)>.lowerlevel>.printLevel3Tail:nth-child(even) {
    background: #ffffff;
}

.printLevel2Tail:nth-child(odd)>.lowerlevel>.printLevel3Tail:nth-child(odd) {
    background: #ffffff;
}

.printLevel2Tail:nth-child(odd)>.lowerlevel>.printLevel3Tail:nth-child(even) {
    background: #e9e9e9;
}

.printLevel2Tail>.commander{
	transform: scale(var(--print-transform-scale-tail));
    transform-origin: left top;
    grid-area: corpCmd;
}

.printLevel2Tail>.name{
    grid-area: corpName;
    font-size: var(--print-font-tail);
}

.printLevel3Tail {
	padding-left: var(--print-text-margin-tail);
	border-top: var(--border-separator-tail);
    grid-area: divTail;
	
	display: grid;
    grid-template-columns: calc(1.8 * var(--cmd-max-width)) auto;
    grid-template-rows: var(--print-row-height-commander-name-tail) auto;
    grid-template-areas: 
        "divName divName"
        "divCmd brigades";

}

.printLevel3Tail>.commander{
	transform: scale(var(--print-transform-scale-tail));
    transform-origin: left top;
    grid-area: divCmd;
}

.printLevel3Tail>.name{
    grid-area: divName;
    font-size: var(--print-font-tail);
}

.printLevel3Tail>.lowerlevel{
    grid-area: brigades;
    min-height: calc(1.2 * var(--cmd-max-width));
}

.printBrigadeTail {
	float: left;
	
    transform: scale(var(--print-transform-scale-tail-brg));
    transform-origin: left top;
    margin-right: var(--print-brg-margin-right-tail);
    margin-bottom: var(--print-brg-margin-bottom-tail);
}

.printCommandersRules {
    font-size: var(--print-font-tail);
}

.printCommandersRules>.img{
    width: calc(var(--pic-small-brigade));
    margin-right: calc(var(--pic-small-brigade));
}

.printAmountInfoTails > table:first-child{
    float: left;
    margin-right: calc(var(--max-width) * 0.10);
}
	
.printAmountInfoTails {
    margin-bottom: var(--print-info-margin);	
    border-bottom: var(--border-bottom);
    padding-bottom: var(--print-row-height);
}

.printAmountInfoTails > table{
    border-collapse: collapse;
    border-color: #908b8b;
    border: var(--border-separator-tail);
}

.printDivsInfoTails > tr,
.printCorpsInfoTails > tr{
	font-size: var(--print-font);
    border: var(--border-separator-tail);
    border-color: #908b8b;
}

.printDivsInfoTails > tr > td:first-child,
.printCorpsInfoTails > tr > td:first-child {
	width: calc(var(--max-width) * 0.20);
	border: var(--border-separator-tail);
}

.printDivsInfoTails > tr > td:last-child,
.printCorpsInfoTails > tr > td:last-child {
	border: var(--border-separator-tail);
    width: calc(var(--max-width) * 0.10);
}