/* Style the tab */
.pa2jfx-header {
  background: #1a3a3e;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 2px solid #288592;
}
.pa2jfx-call {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  font-family: 'Courier New', monospace;
}
.pa2jfx-title {
  font-size: 16px;
  color: #3aa5b2;
  font-weight: 600;
}
.pa2jfx-qth {
  margin-left: auto;
  font-size: 12px;
  color: #7a9a9a;
}
.tab {
  overflow: hidden;
  border: 1pt solid #ccc;
  background-color: #f1f1f1;
}

.column {
  float: left;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

#maptitle, #internalmaptitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: bold;
    text-align: center;
}

.statelbl {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-anchor: middle;
    font-size: 2pt;
}

.numbers {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-anchor: middle;
}

.country {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-anchor: middle;
    white-space: pre;
}

.shadow {
    stroke: none;
    fill: black;
    fill-rule: evenodd;
}

.applybutton {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16pt;
}

.clock {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: black;
  fill: black;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16pt;
  padding: 6.5pt 8.5pt;
  transition: 0.3s;
}

input[type=range] {
    text-align: center;
    height: 8px;
    width: 512px;
#    appearance: slider-vertical;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

.generallabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20pt;
    text-align: right;
}

.generalentry {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20pt;
    text-align: left;
}

.generalentry * {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18pt;
    text-align: left;
}

input[type="checkbox"] {
    transform: scale(1.75);
}

input[type="text"] {
    width: 100pt;
}

.gridlines {
    stroke: #808080;
    stroke-width: 0.4pt;
    stroke-opacity: 1;
}

.vector {
    stroke: fuchsia;
    stroke-width: 0.5pt;
    stroke-opacity: 1;
}

.ctyboundary {
    stroke: black;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-width: 0.2pt;
    stroke-opacity: 1;
}

.ituboundary {
    stroke: rgb(128,0,128);
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-width: 1.0pt;
    stroke-opacity: 0.7;
    fill: transparent;
}

.itulabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-anchor: middle;
    fill: rgba(128,0,128,0.8) !important;
    color: rgba(128,0,128,0.8) !important;
}

.cqlabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-anchor: middle;
    fill: rgba(34,139,34,0.8) !important;
    color: rgba(34,139,34,0.8) !important;
}

.cqboundary {
    stroke: rgb(34,139,34);
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-width: 1.0pt;
    stroke-opacity: 0.7;
    fill: transparent;
}

.stateboundary {
    stroke: black;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-width: 0.17pt;
    stroke-opacity: 1;
}

.lakeboundary {
    stroke: black;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-width: 0.17pt;
    stroke-opacity: 1;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 4.5pt 9pt;
  border: none;
  border-top: none;
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0; }
    to {opacity: 1; }
}

@media print
{
    .tab {
        display: none !important;
    }
    /* #maptitle { */
    /*     display: none !important; */
    /*     border: none; */
    /*     padding: 0pt; */
    /*     margin: 0pt; */
    /* } */
    #Map {
        border: none;
        padding: 0pt;
    }
    #timereset {
        display: none !important;
        border: none;
        padding: 0pt;
        margin: 0pt;
    }
    #zoomtransreset {
        display: none !important;
        border: none;
        padding: 0pt;
        margin: 0pt;
    }
    #mapscale {
        display: none !important;
        border: none;
        padding: 0pt;
        margin: 0pt;
    }
    #mapscalelabel {
        display: none !important;
        border: none;
        padding: 0pt;
        margin: 0pt;
    }
    #displaytime {
        display: none !important;
        border: none;
        padding: 0pt;
        margin: 0pt;
    }
    #displaytimelabel {
        display: none !important;
        border: none;
        padding: 0pt;
        margin: 0pt;
    }
    body {
        border: none;
        margin: 0pt;
        padding: 0pt;
    }
}

/* === PA2JFX OVERRIDES === */
body { margin: 0 auto !important; display: flex; justify-content: center; align-items: flex-start; background: #0a0e14; }
#Map { display: flex !important; justify-content: center; flex-wrap: wrap; }
#legenda { margin-left: 12px; }
.clock { font-weight: bold !important; font-size: 14px !important; fill: #e8edf5 !important; }
.numbers { fill: #8892a6 !important; }
circle[stroke="black"] { stroke: #2a3a4e !important; }
#maptitle { color: #e8edf5 !important; }