.info {
  background: black;
  background: rgba(255, 255, 255, 2.0);
  border-color: black;
  border-radius: 5px;
  border-style: solid;
  border-width: 2px;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  font: 10px/10px Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 4px 4px;
}

.legend
{
  color: black;
  line-height: 14px;
  text-align: left;
  width: 100%;
}
.legend > *
{
  display: flex;
  margin-bottom: 5px;
}
.legend i
{
  float: left;
  height: 18px;
  margin-right: 8px;
  opacity: 1.0;
  width: 18px;
}

.textLabelclass
{
  color: yellow;
  font-weight: 300;
  text-shadow: 0 0 0.1em black, 0 0 0.1em black,
  0 0 0.1em black,0 0 0.1em black,0 0 0.1em;
  white-space: nowrap;
}
.close
{
  cursor: pointer;
}
.plane-print-logo
{
  /* height:  18.5mm; */
}
.sub-content-2
{
  grid-area: sub-content-2;
  text-align: left;
}
.sub-content
{
  border-left: 1px solid #000;
  grid-area: sub-content;
  text-align: center;
}

.sub-content-date
{
  border-left: 1px solid #000;
  grid-area: sub-content-date;
}
.sub-content-date-2
{
  grid-area: sub-content-date-2;
}

.sub-content-scale
{
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  grid-area: sub-content-scale;
}

.sub-content-scale-2
{
  border-left: 1px solid #000;
  grid-area: sub-content-scale-2;
}

.sub-content-logo
{
  border-right: 1px solid #000;
  grid-area: sub-content-logo;
  margin: auto;
  padding-top: 2px;
  text-align: center;
}
.grid-map-print
{
  border-bottom: 2px solid #000;
  grid-area: grid-map-print;
}
.grid-print-container
{
  align-items: center;
  background-color: white;
  border: 1px solid #000;
  border-collapse: collapse;
  display: grid;
  grid-auto-rows: min-content;
}

.grid-print-container-box-3
{
  grid-template-areas: 'grid-map-print grid-map-print grid-map-print' 'sub-content-logo sub-content sub-content-scale' 'sub-content-logo sub-content sub-content-date';
  grid-template-columns: 30% 42% 28%;
}
.grid-print-container-box-2
{
  grid-template-areas: 'grid-map-print grid-map-print grid-map-print' 'sub-content-logo sub-content-2 sub-content-2' 'sub-content-logo sub-content-scale-2 sub-content-date-2';
  grid-template-columns: 30% 45% 25%;

}