body {
font-family: 'Fira Mono', monospace !important;
line-height: 1.0;
}
body h2 {
font-family: 'Courgette', cursive !important;
/*font-family: 'Satisfy', cursive !important;*/
}

.grid-container1 {
	padding: 20px;
	display: grid;
		grid-template-columns: 1fr 23px 1fr 23px 1fr 23px 1fr 23px 1fr 23px 1fr 23px 1fr 23px 1fr 23px;
}

.gCont {
margin-bottom:20px;
position: sticky;
top: 0;
z-index: 1;
}

.pcard, .pcard20, .pcard19, .pcard18, .pcard17, .pcard16, .pcard15, .pcard14, .pcard13 {
border: 1px solid #000;
padding: 5px 5px 5px 10px;
background-color:#ffffe0;
line-height: 1.1;
font-size: .8em;
white-space: nowrap;
/*opacity: .25;*/
}

.name {
font-family: 'Courgette', cursive !important;
/*font-family: 'Satisfy', cursive !important;*/
font-weight: 700;
font-size: 1.3em;
line-height: 1.5;
}
.OB {
/*font-size: 1.1em;*/
float: right;
/*color: #90caf9;*/
}
.arrow img {
width: 30%;
}
.arrow::before{
display: none;
/*margin-bottom: -15px; this line works in conjunction with .tooltip padding-top: 20px;
margin-left: 78px;
border-bottom-color: #666 !important;*/
}
.dropdown-menu .dropdown-item {
font-family: 'Courgette', cursive !important;
/*font-family: 'Satisfy', cursive !important;*/
font-size: 1.1em;
font-weight: 700;
line-height: 1.5;
color: #1976d2;
}
.dropdown-menu .dropdown-item:hover {
background-color: #eceff1;
cursor: pointer;
}
.dropdown-toggle::after {
display: none !important;
}
.dropdown-toggle {
cursor: pointer;
}
.dropdown-item-text {
display: block;
padding: .25rem 1.5rem;
font-size: .75em;
font-weight: 400;
line-height: 1.2;
cursor: pointer;
}

.generation .dropdown-menu .dropdown-item {
font-family: 'Courgette', cursive !important;
/*font-family: 'Satisfy', cursive !important;*/
font-size: 1.1em;
font-weight: 700;
line-height: 1.5;
color: #1976d2;
}
.generation .dropdown-menu .dropdown-item:hover {
background-color: #eceff1;
}
.generation .dropdown-menu {
background-color: white;
margin-top: 50px;
}
.dropdown-menu {
background-color: white;
}

.TT { /*this is specifically for the tooltip FLAG or other TTicon */
font-size: 1.1em;
float: right;
color: #90caf9;
z-index: -1;

}
.tooltip {
padding-top: 10px;
/*padding-left: 10rem;*/
opacity: 1 !important;
}
.tooltip-inner {
font-family: 'Fira Mono', monospace !important;
text-align: left;
font-size: .8em;
line-height: 1.1;
background-color:#eeeeee;
color: #000;
}

/**********popover (and its drop shadow) styles*********/
.popover {
font-family: 'Courgette', cursive !important;
/*font-family: 'Satisfy', cursive !important;*/
font-weight: 400; !important;
font-size: 1em;
line-height: 1.0;
max-height: 500px;
max-width: 280px;
overflow-y: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
}
.instructs {
font-size: .75rem;
line-height: 1.2;
font-style: italic;
}
.popover a {
font-weight: 700; !important;
line-height: 1.1;
}
.popover ul {
padding-left: 15px; 
}
.popover-header {
font-family: 'Courgette', cursive !important;
/*font-family: 'Satisfy', cursive !important;*/
padding-top: .75rem;
padding-bottom: .5rem;
padding-left: .75rem;
padding-right: .75rem;
font-weight: 600;
line-height: 1.2;
opacity: .9;
font-size: 1.1em;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px);
}
.namePO {
font-family: 'Courgette', cursive !important;
/*font-family: 'Satisfy', cursive !important;*/
font-weight: 700;
font-size: 1.3em;
line-height: 1.5;
color: #1976d2;
cursor: pointer;
}
.popover-header .note {
float: right;
}

.generation {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
z-index: 100;
border: 1px solid #ccccbd;
padding: 5px 5px 5px 10px;
background-color:#fff3e0;
box-shadow: 3px 3px 3px #aaaaaa;
line-height: 1.1;
font-size: .8em;
white-space: nowrap;
min-width: 250px; /*********adjust the width of the person container here*********/
}

.generation a {
text-decoration: none;
}
.generation a:hover {
background-color: #fff3e0;
}
.generation.choose {
border: 2px solid blue;
}
.married {
padding: 15px 5px 5px 58px;
line-height: 1.1;
font-size: .7em;
white-space: nowrap;
}
.lineCUR {
background-image: url('../img/cornerUR.png');
background-repeat: no-repeat;
}
.lineCLR {
background-image: url('../img/cornerLR.png');
background-repeat: no-repeat;
}
.lineVO {
background-image: url('../img/vertOut.png');
background-repeat: no-repeat;
}
.lineTOR {
background-image: url('../img/teeOutR.png');
background-repeat: no-repeat;
}
.lineVI {
background-image: url('../img/vertIn.png');
background-repeat: no-repeat;
}
.lineTIL {
background-image: url('../img/teeInL.png');
background-repeat: no-repeat;
}
.lineHO {
background-image: url('../img/horzOut.png');
background-repeat: no-repeat;
}
.lineTILL {
background-image: url('../img/teeInLlong.png');
background-repeat: no-repeat;
}
.lineTOL {
background-image: url('../img/teeOutL.png');
background-repeat: no-repeat;
}
.lineTORL {
background-image: url('../img/teeOutRlong.png');
background-repeat: no-repeat;
}
.lineTOhRu {
background-image: url('../img/teeOutHalfRu.png');
background-repeat: no-repeat;
}
.lineTOhRd {
background-image: url('../img/teeOutHalfRd.png');
background-repeat: no-repeat;
}


.gen1f {grid-row: 1; grid-column: 15;}
.gen2f {grid-row: 1; grid-column: 13;}
.gen3f {grid-row: 1; grid-column: 11;}
.gen4f {grid-row: 1; grid-column: 9;}
.gen1m {grid-row: 1; grid-column: 15;}
.gen2m {grid-row: 1; grid-column: 13;}
.gen3m {grid-row: 1; grid-column: 11;}
.gen4m {grid-row: 1; grid-column: 9;}
.genx1ab {grid-row: 1; grid-column: 16;}
.genx1af {grid-row: 1; grid-column: 16;}
.genx1am {grid-row: 1; grid-column: 16;}
.genx2ab {grid-row: 1; grid-column: 14;}
.genx2af {grid-row: 1; grid-column: 14;}
.genx2am {grid-row: 1; grid-column: 14;}
.genx3ab {grid-row: 1; grid-column: 12;}
.genx3af {grid-row: 1; grid-column: 12;}
.genx3am {grid-row: 1; grid-column: 12;}
.genx4ab {grid-row: 1; grid-column: 10;}
.genx4af {grid-row: 1; grid-column: 10;}
.genx4am {grid-row: 1; grid-column: 10;}
.genx5ab {grid-row: 1; grid-column: 12;}
.genx5af {grid-row: 1; grid-column: 12;}
.genx5am {grid-row: 1; grid-column: 12;}
.gen1b {grid-row: 1; grid-column: 15;}
.gen2b {grid-row: 1; grid-column: 13;}
.gen3b {grid-row: 1; grid-column: 11;}
.gen4b {grid-row: 1; grid-column: 9;}
.gen4ba {grid-row: 1; grid-column: 9;}
.gen5 {grid-row: 1; grid-column: 7;}
.gen6 {grid-row: 1; grid-column: 5;}
.gen7 {grid-row: 1; grid-column: 3;}
.gen8 {grid-row: 1; grid-column: 1;}


.g20p001  {grid-row: 2; grid-column: 15;}
.g20p002  {grid-row: 4; grid-column: 15;}
.g20p003  {grid-row: 6; grid-column: 15;}
.g20p004  {grid-row: 8; grid-column: 15;}
.g20p005  {grid-row: 10; grid-column: 15;}
.g20p006  {grid-row: 12; grid-column: 15;}
.g20p007  {grid-row: 14; grid-column: 15;}
.g20p008  {grid-row: 16; grid-column: 15;}
.g20p009  {grid-row: 18; grid-column: 15;}
.g20p010  {grid-row: 20; grid-column: 15;}
.g20p011  {grid-row: 22; grid-column: 15;}
.g20p012  {grid-row: 24; grid-column: 15;}
.g20p013  {grid-row: 26; grid-column: 15;}
.g20p014  {grid-row: 28; grid-column: 15;}
.g20p015  {grid-row: 30; grid-column: 15;}
.g20p016  {grid-row: 32; grid-column: 15;}
.g20p017  {grid-row: 34; grid-column: 15;}
.g20p018  {grid-row: 36; grid-column: 15;}
.g20p019  {grid-row: 38; grid-column: 15;}
.g20p020  {grid-row: 40; grid-column: 15;}
.g20p021  {grid-row: 42; grid-column: 15;}
.g20p022  {grid-row: 44; grid-column: 15;}
.g20p023  {grid-row: 46; grid-column: 15;}
.g20p024  {grid-row: 48; grid-column: 15;}
.g20p025  {grid-row: 50; grid-column: 15;}
.g20p026  {grid-row: 52; grid-column: 15;}
.g20p027  {grid-row: 54; grid-column: 15;}
.g20p028  {grid-row: 56; grid-column: 15;}
.g20p029  {grid-row: 58; grid-column: 15;}
.g20p030  {grid-row: 60; grid-column: 15;}
.g20p031  {grid-row: 62; grid-column: 15;}
.g20p032  {grid-row: 64; grid-column: 15;}
.g19p033  {grid-row: 3; grid-column: 13;}
.g19p034  {grid-row: 7; grid-column: 13;}
.g19p035  {grid-row: 11; grid-column: 13;}
.g19p036  {grid-row: 15; grid-column: 13;}
.g19p037  {grid-row: 19; grid-column: 13;}
.g19p038  {grid-row: 23; grid-column: 13;}
.g19p039  {grid-row: 27; grid-column: 13;}
.g19p040  {grid-row: 31; grid-column: 13;}
.g19p041  {grid-row: 35; grid-column: 13;}
.g19p042  {grid-row: 39; grid-column: 13;}
.g19p043  {grid-row: 43; grid-column: 13;}
.g19p044  {grid-row: 47; grid-column: 13;}
.g19p045  {grid-row: 51; grid-column: 13;}
.g19p046  {grid-row: 55; grid-column: 13;}
.g19p047  {grid-row: 59; grid-column: 13;}
.g19p048  {grid-row: 63; grid-column: 13;}
.g18p049  {grid-row: 5; grid-column: 11;}
.g18p050  {grid-row: 13; grid-column: 11;}
.g18p051  {grid-row: 21; grid-column: 11;}
.g18p052  {grid-row: 29; grid-column: 11;}
.g18p053  {grid-row: 37; grid-column: 11;}
.g18p054  {grid-row: 45; grid-column: 11;}
.g18p055  {grid-row: 53; grid-column: 11;}
.g18p056  {grid-row: 61; grid-column: 11;}
.g17p057  {grid-row: 9; grid-column: 9;}
.g17p058  {grid-row: 25; grid-column: 9;}
.g17p059  {grid-row: 41; grid-column: 9;}
.g17p060  {grid-row: 57; grid-column: 9;}
.g16p061  {grid-row: 17; grid-column: 7;}
.g16p062  {grid-row: 49; grid-column: 7;}
.g15p063  {grid-row: 30; grid-column: 5;}
.g15p064  {grid-row: 32; grid-column: 5;}
.g15p065  {grid-row: 34; grid-column: 5;}
.g15p066  {grid-row: 36; grid-column: 5;}
.g15p200  {grid-row: 38; grid-column: 5;}
.g15p201  {grid-row: 40; grid-column: 5;}
.g14p067  {grid-row: 30; grid-column: 3;}
.g14p068  {grid-row: 32; grid-column: 3;}
.g14p069  {grid-row: 34; grid-column: 3;}
.g14p202  {grid-row: 38; grid-column: 3;}
.g14p203  {grid-row: 40; grid-column: 3;}
.g13p204  {grid-row: 38; grid-column: 1;}
.g13p205  {grid-row: 40; grid-column: 1;}


.line01 {grid-row: 3; grid-column: 15;}
.line02 {grid-row: 3; grid-column: 14;}
.line03 {grid-row: 7; grid-column: 15;}
.line04 {grid-row: 7; grid-column: 14;}
.line05 {grid-row: 11; grid-column: 15;}
.line06 {grid-row: 11; grid-column: 14;}
.line07 {grid-row: 15; grid-column: 15;}
.line08 {grid-row: 15; grid-column: 14;}
.line09 {grid-row: 19; grid-column: 15;}
.line10 {grid-row: 19; grid-column: 14;}
.line11 {grid-row: 23; grid-column: 15;}
.line12 {grid-row: 23; grid-column: 14;}
.line13 {grid-row: 27; grid-column: 15;}
.line14 {grid-row: 27; grid-column: 14;}
.line15 {grid-row: 31; grid-column: 15;}
.line16 {grid-row: 31; grid-column: 14;}
.line17 {grid-row: 35; grid-column: 15;}
.line18 {grid-row: 35; grid-column: 14;}
.line19 {grid-row: 39; grid-column: 15;}
.line20 {grid-row: 39; grid-column: 14;}
.line21 {grid-row: 43; grid-column: 15;}
.line22 {grid-row: 43; grid-column: 14;}
.line23 {grid-row: 47; grid-column: 15;}
.line24 {grid-row: 47; grid-column: 14;}
.line25 {grid-row: 51; grid-column: 15;}
.line26 {grid-row: 51; grid-column: 14;}
.line27 {grid-row: 55; grid-column: 15;}
.line28 {grid-row: 55; grid-column: 14;}
.line29 {grid-row: 59; grid-column: 15;}
.line30 {grid-row: 59; grid-column: 14;}
.line31 {grid-row: 63; grid-column: 15;}
.line32 {grid-row: 63; grid-column: 14;}
.line33 {grid-row: 4; grid-column: 13;}
.line34 {grid-row: 5; grid-column: 13;}
.line35 {grid-row: 5; grid-column: 12;}
.line36 {grid-row: 6; grid-column: 13;}
.line37 {grid-row: 12; grid-column: 13;}
.line38 {grid-row: 13; grid-column: 13;}
.line39 {grid-row: 13; grid-column: 12;}
.line40 {grid-row: 14; grid-column: 13;}
.line41 {grid-row: 20; grid-column: 13;}
.line42 {grid-row: 21; grid-column: 13;}
.line43 {grid-row: 21; grid-column: 12;}
.line44 {grid-row: 22; grid-column: 13;}
.line45 {grid-row: 28; grid-column: 13;}
.line46 {grid-row: 29; grid-column: 13;}
.line47 {grid-row: 29; grid-column: 12;}
.line48 {grid-row: 30; grid-column: 13;}
.line49 {grid-row: 36; grid-column: 13;}
.line50 {grid-row: 37; grid-column: 13;}
.line51 {grid-row: 37; grid-column: 12;}
.line52 {grid-row: 38; grid-column: 13;}
.line53 {grid-row: 44; grid-column: 13;}
.line54 {grid-row: 45; grid-column: 13;}
.line55 {grid-row: 45; grid-column: 12;}
.line56 {grid-row: 46; grid-column: 13;}
.line57 {grid-row: 52; grid-column: 13;}
.line58 {grid-row: 53; grid-column: 13;}
.line59 {grid-row: 53; grid-column: 12;}
.line60 {grid-row: 54; grid-column: 13;}
.line61 {grid-row: 60; grid-column: 13;}
.line62 {grid-row: 61; grid-column: 13;}
.line63 {grid-row: 61; grid-column: 12;}
.line64 {grid-row: 62; grid-column: 13;}
.line65 {grid-row: 6; grid-column: 11;}
.line66 {grid-row: 7; grid-column: 11;}
.line67 {grid-row: 8; grid-column: 11;}
.line68 {grid-row: 9; grid-column: 11;}
.line69 {grid-row: 9; grid-column: 10;}
.line70 {grid-row: 10; grid-column: 11;}
.line71 {grid-row: 11; grid-column: 11;}
.line72 {grid-row: 12; grid-column: 11;}
.line73 {grid-row: 22; grid-column: 11;}
.line74 {grid-row: 23; grid-column: 11;}
.line75 {grid-row: 24; grid-column: 11;}
.line76 {grid-row: 25; grid-column: 11;}
.line77 {grid-row: 25; grid-column: 10;}
.line78 {grid-row: 26; grid-column: 11;}
.line79 {grid-row: 27; grid-column: 11;}
.line80 {grid-row: 28; grid-column: 11;}
.line81 {grid-row: 38; grid-column: 11;}
.line82 {grid-row: 39; grid-column: 11;}
.line83 {grid-row: 40; grid-column: 11;}
.line84 {grid-row: 41; grid-column: 11;}
.line85 {grid-row: 41; grid-column: 10;}
.line86 {grid-row: 42; grid-column: 11;}
.line87 {grid-row: 43; grid-column: 11;}
.line88 {grid-row: 44; grid-column: 11;}
.line89 {grid-row: 54; grid-column: 11;}
.line90 {grid-row: 55; grid-column: 11;}
.line91 {grid-row: 56; grid-column: 11;}
.line92 {grid-row: 57; grid-column: 11;}
.line93 {grid-row: 57; grid-column: 10;}
.line94 {grid-row: 58; grid-column: 11;}
.line95 {grid-row: 59; grid-column: 11;}
.line96 {grid-row: 60; grid-column: 11;}
.line97 {grid-row: 10; grid-column: 9;}
.line98 {grid-row: 11; grid-column: 9;}
.line99 {grid-row: 12; grid-column: 9;}
.line100 {grid-row: 13; grid-column: 9;}
.line101 {grid-row: 14; grid-column: 9;}
.line102 {grid-row: 15; grid-column: 9;}
.line103 {grid-row: 16; grid-column: 9;}
.line104 {grid-row: 17; grid-column: 9;}
.line105 {grid-row: 17; grid-column: 8;}
.line106 {grid-row: 18; grid-column: 9;}
.line107 {grid-row: 19; grid-column: 9;}
.line108 {grid-row: 20; grid-column: 9;}
.line109 {grid-row: 21; grid-column: 9;}
.line110 {grid-row: 22; grid-column: 9;}
.line111 {grid-row: 23; grid-column: 9;}
.line112 {grid-row: 24; grid-column: 9;}
.line113 {grid-row: 42; grid-column: 9;}
.line114 {grid-row: 43; grid-column: 9;}
.line115 {grid-row: 44; grid-column: 9;}
.line116 {grid-row: 45; grid-column: 9;}
.line117 {grid-row: 46; grid-column: 9;}
.line118 {grid-row: 47; grid-column: 9;}
.line119 {grid-row: 48; grid-column: 9;}
.line120 {grid-row: 49; grid-column: 9;}
.line121 {grid-row: 49; grid-column: 8;}
.line122 {grid-row: 50; grid-column: 9;}
.line123 {grid-row: 51; grid-column: 9;}
.line124 {grid-row: 52; grid-column: 9;}
.line125 {grid-row: 53; grid-column: 9;}
.line126 {grid-row: 54; grid-column: 9;}
.line127 {grid-row: 55; grid-column: 9;}
.line128 {grid-row: 56; grid-column: 9;}
.line129 {grid-row: 18; grid-column: 7;}
.line130 {grid-row: 19; grid-column: 7;}
.line131 {grid-row: 20; grid-column: 7;}
.line132 {grid-row: 21; grid-column: 7;}
.line133 {grid-row: 22; grid-column: 7;}
.line134 {grid-row: 23; grid-column: 7;}
.line135 {grid-row: 24; grid-column: 7;}
.line136 {grid-row: 25; grid-column: 7;}
.line137 {grid-row: 26; grid-column: 7;}
.line138 {grid-row: 27; grid-column: 7;}
.line139 {grid-row: 28; grid-column: 7;}
.line140 {grid-row: 29; grid-column: 7;}
.line141 {grid-row: 30; grid-column: 7;}
.line142 {grid-row: 31; grid-column: 7;}
.line143 {grid-row: 32; grid-column: 7;}
.line144 {grid-row: 33; grid-column: 7;}
.line145 {grid-row: 33; grid-column: 6;}
.line146 {grid-row: 34; grid-column: 7;}
.line147 {grid-row: 35; grid-column: 7;}
.line148 {grid-row: 36; grid-column: 7;}
.line149 {grid-row: 37; grid-column: 7;}
.line150 {grid-row: 38; grid-column: 7;}
.line151 {grid-row: 39; grid-column: 7;}
.line152 {grid-row: 40; grid-column: 7;}
.line153 {grid-row: 41; grid-column: 7;}
.line154 {grid-row: 42; grid-column: 7;}
.line155 {grid-row: 43; grid-column: 7;}
.line156 {grid-row: 44; grid-column: 7;}
.line157 {grid-row: 45; grid-column: 7;}
.line158 {grid-row: 46; grid-column: 7;}
.line159 {grid-row: 47; grid-column: 7;}
.line160 {grid-row: 48; grid-column: 7;}
.line161 {grid-row: 30; grid-column: 6;}
.line162 {grid-row: 31; grid-column: 6;}
.line163 {grid-row: 32; grid-column: 6;}
.line164 {grid-row: 33; grid-column: 6;}
.line165 {grid-row: 34; grid-column: 6;}
.line166 {grid-row: 35; grid-column: 6;}
.line167 {grid-row: 36; grid-column: 6;}
.line168 {grid-row: 37; grid-column: 6;}
.line169 {grid-row: 38; grid-column: 6;}
.line170 {grid-row: 31; grid-column: 5;}
.line171 {grid-row: 35; grid-column: 5;}
.line172 {grid-row: 39; grid-column: 5;}
.line173 {grid-row: 30; grid-column: 4;}
.line174 {grid-row: 31; grid-column: 4;}
.line175 {grid-row: 32; grid-column: 4;}

.spacer1 {grid-row: 39; grid-column: 1;}
.spacer2 {grid-row: 33; grid-column: 3;}
.spacer3 {grid-row: 35; grid-column: 3;}
.spacer4 {grid-row: 37; grid-column: 5;}

.line176 {grid-row: 33; grid-column: 4;}
.line177 {grid-row: 34; grid-column: 4;}
.line178 {grid-row: 38; grid-column: 4;}
.line179 {grid-row: 39; grid-column: 4;}
.line180 {grid-row: 31; grid-column: 3;}
.line181 {grid-row: 39; grid-column: 3;}
.line182 {grid-row: 38; grid-column: 2;}
.line183 {grid-row: 39; grid-column: 2;}
.line184 {grid-row: 40; grid-column: 2;}