:root {
    --amtx: #00537e;
    --amtk: #fff;
    --amth: #0078b9;
    --amtc: #004833;

    --metx: #004b87;

    --mdn: #e57200;
    --mdw: #f1be48;
    --ncs: #9063cd;

    --bnsf: #43b02a;
    --sws: #005eb8;
    --hc: #862041;

    --med: #fe5000;
    --mem: #fe5000;
    --mes: #dfdcd4;
    --meb: #c5e9ea;

    --rid: #da291c;
    --rim: #da291c;
    --rib: #717c7d;

    --upn: #00843d;
    --upnw: #fedd00;
    --upw: #ffb1bb;

    --ssl: #7e251c;
    --slc: #f08322;
    --smc: #ed1d24;
}

li {
    list-style-type: square;
}

body {
    color: white;
    background-color: mistyrose;
}

h6 {
    padding: 1px;
    font-style: italic;
}

p {
    background-color: black;
    color: lime;
}

#txtl {
    text-align: left;
}

#txtr {
    text-align: right;
}

table {
    width: 100%;
}

#pm {
    font-style: bold;
}

#attn {
    color: yellow;
    background-color: black;
    font-style: italic;
}

#attn a:hover {
    color: black;
    background-color: yellow;
    font-style: normal;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    color: white;
    border: 1px solid white;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -60px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


.board td:nth-child(n+3) {
    text-align: right;
}

#cus td:last-child {
    color: white;
}

.board tr {
    height: 30px;
}

.board th {
    font-family: serif;
    padding: 10px;
    border: 1px solid white;
}

.board td {
    padding: 5px;
    font-family: monospace;
    text-align: left;
    border: 1px solid white;
    font-size: smaller;
    height: 18px;
}

.board {
    width: 100%;
    margin: auto;
    background-color: black;
    border: 1px solid white;
    border-spacing: 2px;
}

.header {
    color: red;
    border: 3px solid lime;
    display: block;
}

.center {
    margin: auto;
    text-align: center;
    width: 66%;
    border: 0px solid lime;
    padding: auto;
    display: block;
}

a:link {
    color: var(--metx);
  }

a:visited {
    color: var(--metx);
  }

/* a { 
    display: block; 
    width: 100%; 
    height: 100%; 
  } */

.paxnavi {
    width: 50%;
    color: var(--metx);
    background-color: snow;
    text-align: center;
    padding: 4px;
    border-style: outset;
    border-color: lightgray;
    border-width: 5px;
    table-layout: fixed;
    border-spacing: 2px;
    margin: auto;
}

.paxnavi td {
    font-family: monospace;
    font-size: smaller;
    color: lime;
    border-style: inset;
    border-color: lightgray;
    border-width: 5px;
    background-color: black;
    padding: 1px;
}

.paxnavi th {
    border-style: outset;
    border-color: lightgray;
    border-width: 5px;
    padding: 2px;
}

.paxnavi tr {
    padding: 2px;
}

.paxnavi th:hover {
    border-style: solid;
}

.paxnavi th:active {
    border-style: inset;
}

.paxnavi a {
    display: block;
    color: inherit;
}

#toggle {
    font-size: x-small;
    padding: 0px;
}

#lines{
    border: none;
    color: white;
    padding: auto;
    height: 10px;
    font-family: serif;
    table-layout: fixed;
    font-size: initial;
}

#lines :first-child{
    text-align: left;
}
#lines :last-child{
    text-align: right;
}

#selected {
    background-color: lightgray;
    color: black;
    border-style: inset;
    font-style: italic;
}

#digi {
    width: 36px;
    height: 12px;
    background-color: black;
    color: lime;
    font-family: monospace;
    padding: 2px;
}

#digi a {
    color: lime;
}

.twox {
    display: inline-block;
    margin: auto;
    border: 3px solid lime;
    padding: auto;
    vertical-align: top;
}

.obnx {
    background-color: midnightblue;
    color: white;
    border: none;
}

.blink {
    animation: blinkee 1s step-start infinite;
}

@keyframes blinkee {
    50% {opacity: 0;}
}

.linejumper {
    display: inline-block;
    width: 33%;
    margin: auto;
    background-color: lightpink;
    border: 5px outset pink;
    border-spacing: 5px;
}

.linejumper th {
    border: 5px outset pink;
    color: darkred;
    width: 100%;
    text-align: left;
    padding-left: 1em;
}

.linejumper td {
    border: 5px inset pink;
    background-color: gainsboro;
    color: black;
}

.linejumper a {
    text-decoration: none;
    color: inherit;
}

.linejumper th:hover {
    border: 3px outset lightpink;
    background-color: pink;
}

.linejumper th:active {
    border: 5px inset pink;
    background-color: lightpink;
}

.shh {
    color: white;
    background-color: white;
    border: 1px outset white;
}

#hottronix {
    border: none;
    border-top: 3px double palevioletred;
    overflow: visible;
    text-align: right;
    font-size: 8px;
    height: 5px;
}

#hottronix::after {
    color: palevioletred;
    font-style: oblique;
    content: 'Line Jumper 3605';
    padding: 0 4px;
    position: relative;
  }

@media screen and (orientation: portrait) {
    div.center { width: 96%; }
    .paxnavi { width: 90%; }
  }