@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap");

:root {
    --text: #c5b7b7;
    --labels: #9c8f8f;
    --sid: #97a0a1;
    --runways: #3d4344;
    --perf: #dfa952;
    --bg: #424949;
    --bgtext: #384b4bc0;
    --today: hsl(198, 73%, 16%);
    --json: #1c0e66;
    --jsonb: hsl(197, 15%, 76%);
    --details: #114053;
    --linked: #38b0e4;
    --icons: #dbda76;
    --boxed: #1c9e0b;
    --cat1: rgb(156, 53, 53);
    --cat2: rgb(81, 81, 168);
    --cat3: rgb(77, 148, 77);
    --cat4: rgb(151, 143, 143);
    --cat5: rgb(0, 0, 0);
    --admin: #948b8b;
    --flightNumber: #124908;
    --TLselect: rgba(206, 131, 57, 0.785);
    --jsonButton: #5e7682;
    --standTab: #c5b7b7;
    --weekends: #93918c;
    --pick: rgb(215, 234, 108);
    --dot: #75cbdeaf;
    --me: rgba(23, 31, 57, 0.489);
    --others: rgba(75, 53, 11, 0.054);
    --tlstandBG:rgba(0, 0, 0, 0.852);
    --tlstand:rgb(255, 247, 0);
    --key: rgb(187, 187, 187);
    --key1: rgb(24, 215, 249);
    --key2: rgb(191, 246, 51);
    --key3: rgb(136, 248, 109);
    --key4: rgb(254, 230, 95);
}

.col1 {
    /* max-width: 12em; */
    text-align: center;
    position: relative;
}

/* Extra small devices (phones, 600px and down) */
/* @media only screen and (max-width: 600px) {
    .col1 {
        max-width: 7.5em;
        text-align: center;
    }
} */

body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Source Sans Pro", "roboto", sans-serif;
    background-color: var(--bg);
    color: var(--text);
}

@media (prefers-color-scheme: dark) {
    :root {
        --text: #899496;
        --labels: #757070;
        --sid: #91abae;
        --runways: #3d4344;
        --perf: #dfa952;
        --bg: #424949;
        --bgtext: #424949;
        --today: #05222e;
        --json: #706666;
        --jsonb: hsl(198, 73%, 16%);
        --details: #114053;
        --linked: #38b0e4;
        --icons: #465044;
        --boxed: #1f7015;
        --cat1: rgb(156, 53, 53);
        --cat2: rgb(81, 81, 168);
        --cat3: rgb(77, 148, 77);
        --cat4: rgb(151, 143, 143);
        --cat5: rgb(0, 0, 0);
        --admin: #948b8b;
        --flightNumber: #124908;
        --TLselect: rgba(206, 131, 57, 0.785);
        --jsonButton: #124908;
        --standTab: #899496;
        --weekends: #a5aeb3;
        --pick: rgb(142, 145, 5);
        --dot: #3e93a68e;
        --me: rgba(23, 31, 57, 0.489);
        --others: rgba(75, 53, 11, 0.054);
        --tlstandBG:rgba(0, 0, 0, 0.852);
        --tlstand:rgb(255, 247, 0);
        --key: rgb(187, 187, 187);
        --key1: rgb(24, 215, 249);
        --key2: rgb(191, 246, 51);
        --key3: rgb(136, 248, 109);
        --key4: rgb(254, 230, 95);
    }
}

.main-page {
    margin: 0.0em 0.0em 0.0em 0.0em;
    padding: 0px 5px 5px 5px;
    z-index: 10;
}

.mt12 {
    background-color: #424949;
    position: sticky;
    top: 0px;
    padding-top: 5px;
    margin: 0.0em 0.75em 0.0em 0.75em;
    z-index: 10;
}

.inv {
    color: var(--today);
}

input {
    /* float:right; */
    /* width:200px; */
    border: 3px solid var(--details);
    border-radius: 5px;
    font-size: 1em;
    /* padding:5px; */
    /* margin-top:-10px;     */
}

input:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 5px 2px #73a2c9af;
}

.topSpace {
    margin-right: 30px;
}

/* in order: x offset, y offset, blur size, spread size, color */
/* blur size and spread size are optional (they default to 0) */


.opBox {
    margin-right: 1em;
    padding: 3px;
    border-radius: 5px;
    font-size: 0.75em;
    cursor: pointer;
}

.sum {
    /* background-color: red; */
    max-width: 90%;
    color: white;
    border-radius: 1em;
    /* border: 1px white dotted; */
}

.sumSpan {
    /* display: block; */
    /* max-width: 100px; */
    border-radius: 4px;
    padding: 0.6em;
    border: 1px grey dotted;
}

.sumSpan2 {
    /* display: inline-block; */
    /* max-width: 100px; */
    border-radius: 4px;
    padding: 0.6em;
    border: 1px grey dotted;
}

.jsonButton {
    margin: 0.3em;
    font-size: 1.2em;
    background-color: var(--jsonButton);
    padding: 8px;
    border: 1px dotted black;
    border-radius: 5px;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

.topop {
    background-color: var(--bg);
    /* margin-left: 12px; */
}

.linked {
    font-size: 1em;
    margin-left: 0.1em;
    color: var(--linked);
}

.linked2 {
    font-size: 0.9em;
    margin-left: 0.5em;
    color: var(--linked);
}

.scrollbox {
    overflow: scroll;
    max-width: 170px;
    height: 180px;
    font-size: 0.80em;
    /* overflow-y: hidden; 
    overflow-x: hidden; */
    scrollbar-width: none;
    margin-bottom: 10px;
}

.liveEm {
    display: inline-block;
    margin-bottom: 6px;
}

.onStand {
    margin-top: 1.5em;
}

.briefs {
    margin-top: 20px;
}

.briefs2 {
    margin-top: -12px;
    margin-left: 8px;
}

.standTable {
    font-size: 1.1em;
    margin-left: 0.5em;
    color: var(--standTab);
}

.standProg {
    font-size: 1.1em;
    border-collapse: separate;
    white-space: nowrap;
    border-left: 1px dotted orange;
    margin-left: 0.3em;
}

.standAC {
    /* max-width: 4em; */
    font-size: 0.75em;
    border-collapse: separate;
    white-space: nowrap;
    /* border-left: 8px dotted rgba(237, 218, 75, 0.769); */
    /* margin-left: 1em; */
    padding-left: 0em;
    padding-right: 1.6em;
    /* background-color: rgba(49, 46, 46, 0.214); */
    /* border
    : 1px dotted darkolivegreen; */
}

.fltDt {
    margin-top: -10px;
}

.standDeets {
    display: inline-grid;
    grid-template-columns: auto auto;
    /* background-color: dodgerblue; */
    padding: 5px;
    white-space: nowrap;
    border-left: 1px dotted orange;
}

.standDeets>div {
    /* background-color: #f1f1f1; */
    border: 1px dotted rgba(128, 128, 128, 0.161);
    padding: 2px 10px 2px 10px;
    margin: 0px 25px 0px 5px;
    font-size: 0.95em;
    text-align: left;
    white-space: nowrap;
}

.acs {
    /* border-radius: 3px;
    background-color: #062d3d; */
    margin-left: 20px;
    margin-right: 20px;
    float: right;
}

.acst {
    border-radius: 3px;
    background-color: #ffff00;
    color: darkolivegreen;
    padding: 2px;
    font-weight: 200;
}

td.acR {
    text-align: right;
}

td.acL {
    text-align: left;
    max-width: 1em;
}

.standRight {
    text-align: left;
    margin-left: 8px;
}

.standLeft {
    text-align: left;
}

.standFree {
    margin-top: 1.5em;
    display: inline-block;
    border: 2px dotted black;
    color: yellow;
    border-radius: 20px;
    padding: 10px;
    background-color: grey;
}

.ilb {
    display: inline-block;
}

.statsState {
    font-size: 0.75em;
    margin-top: 20px;
    margin-bottom: 20px;
    /* display: none; */
}

.statsD {
    margin-left: 12px;
}

.statsL {
    background-color: rgb(52, 49, 49);
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px rgb(52, 49, 49) solid;
    border-radius: 3px;
}

.fly {
    color: blue;
    margin-top: 0px;
    border-radius: 5px;
    border: 1px dotted rgb(62, 123, 158);
    background-color: #062d3d;
}

.dty {
    color: red;
    margin-top: 0px;
    border-radius: 5px;
    border: 1px dotted rgb(62, 123, 158);
    background-color: #062d3d;
}

.arrDet {
    margin-left: 0.3em;
    max-width: 14em;
    align-items: right;
    text-align: right;
    font-size: 0.8em;
    border: 1px rgba(128, 128, 128, 0.32) dotted;
    border-radius: 10px;
    padding: 10px;
}

.arrD {
    align-items: left;
    text-align: left;
    float: left;
}

.depGate {
    margin-left: auto;
    margin-right: 0;
    max-width: 60px;
    color: rgb(222, 213, 213);
    text-align: center;
    font-size: 1.4em;
    font-weight: 600;
    padding: 5px;
    border-radius: 5px;
    border: 1px dotted rgb(147, 103, 103);
    background-color: var(--details);
}

.gateL {
    font-size: 0.4em;
    font-weight: 400;
}

.gateO {
    display: inline-block;
    font-size: 0.7em;
    background-color: rgb(239, 202, 134);
    color: black;
    margin: 0.15em;
    /* height: 50%; */
    line-height: 70%;
    padding: 0.15em;
    vertical-align: middle;
    /* align-items: center; */
}

.runways {
    display: inline-block;
    line-height: 0.8em;
    font-size: 1.2em;
    font-weight: 800;
    padding: 5px;
    border-radius: 6px;
    margin-bottom: 5px;
    margin-right: 5px;
    /* margin-left: 3px; */
    color: var(--runways);
    border: 1px dotted rgb(49, 45, 45);
    background-color: rgb(157, 149, 149);
}

.aptRwys {
    font-size: 0.7em;
    color: lightblue;
    margin-top: 15px;
}

.aptAOI {
    white-space: pre-wrap;
    font-size: 13px;
    font-weight: 200;
    /* letter-spacing: 1rem; */
}

.AOIlabel {
    font-size: 0.6em;
    font-weight: 400;
}

.uEmail {
    display: inline-block;
    font-size: 0.7em;
    color: var(--admin);
    text-overflow: ellipsis;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uID {
    font-size: 0.8em;
    color: var(--admin);
}

.uName {
    display: inline-block;
    font-size: 0.8em;
    color: var(--admin);
    text-overflow: ellipsis;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uLevel {
    font-size: 0.8em;
    color: var(--admin);
}

.uAdmin {
    font-size: 0.8em;
    color: var(--admin);
}

.rwSwitch {
    display: inline-block;
    border: 1px solid var(--perf);
    margin-right: 5px;
    margin-bottom: 3px;
    border-radius: 2px;
    text-decoration: none;
    font-size: 10px;
    font-weight: 500;
    padding: 2px 4px 2px 4px;
    color: var(--perf);
    background-color: rgb(47, 45, 45);
    text-align: center;
    cursor: pointer;
}

.sidState {
    display: inline-block;
    border-collapse: separate;
    font-size: 0.8em;
    vertical-align: bottom;
    line-height: 110%;
    border-spacing: 0em 0em;
}

.sidWarn {
    /* position: absolute;
    bottom: 0; */
    font-size: 0.8em;
    color: orange;
}

.sidFile {
    font-size: 0.9em;
    /* color: var(--linked); */
}

.sidAct {
    font-size: 1.4em;
}

.slotR {
    padding: 6px;
}

.rowSpacer {
    min-width: 20px;
}

.linked3 {
    font-size: 0.9em;
    padding: 2px;
    border-radius: 3px;
    margin-left: 0.5em;
    margin-right: 0.4em;
    background-color: #062d3d;
}

.vers {
    color: var(--linked);
}

.search {
    max-width: 135px;
}

.locReg {
    width: 100%;
    /* background-color: #506d57; */
}

.locInfo {
    margin-top: 0px;
    border-radius: 5px;
    border: 1px dotted rgb(62, 123, 158);
    padding: 5px;
    background-color: #062d3d;
}

.mb-3 {
    width: 10em;
}

.fltBox {
    margin-left: 0px;
    margin-right: 16px;
    max-width: 10em;
}

.stand-num {
    font-size: 18px;
    background-color: black;
    color: rgb(212, 212, 100);
    font-weight: 400;
    padding: 2px;
    letter-spacing: 1px;
    margin-bottom: 2px;
    border-radius: 5px;
    border: rgb(94, 100, 94) 2px solid;
    box-shadow: 0px 0px 30px 1px rgb(175, 238, 104);
}

.oGlow {
    box-shadow: 0px 0px 30px 1px rgb(240, 149, 39);
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
}

.r1 {
    white-space: nowrap;
    overflow: auto;
}

.r1::-webkit-scrollbar {
    display: none;
}

.r1 {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.results th {
    text-align: center;
    font-size: 12px;
    padding: 8px;
    border: 1px dotted rgb(62, 123, 158);
}

.results tr {
    text-align: center;
    font-size: 15px;
    padding: 8px;
    border: 1px dotted rgb(62, 123, 158);
}

.results td {
    text-align: center;
    font-size: 15px;
    padding: 8px;
    border: 1px dotted rgb(62, 123, 158);
}

.version th {
    font-size: 11px;
    padding: 6px;
    border: 1px dotted rgb(62, 123, 158);
}

.version tr {
    font-size: 12px;
    padding: 4px;
    border: 1px dotted rgb(62, 123, 158);
    cursor: pointer;
}

.version td {
    font-size: 13px;
    padding: 3px;
    /* background-color: #3a4042; */
    border: 1px dotted rgb(62, 123, 158);
}

.cfs {
    background-color: #104c85;
    color: #d8cdcd;
    cursor: pointer;
}

.boardingProg {
    margin-top: 18px;
    /* margin-left: 5px;
    padding-left: 10px; */
    font-size: 0.8em;
    color: var(--linked);
    /* max-width: 88%; */
    border-collapse: separate;
}

.prog0 {
    border-left: 3px solid red;
}

.progS {
    border-left: 3px solid orange;
}

.prog1 {
    border-left: 3px solid green;
}

.darkO {
    background-color: #041a24;
}

.linkBox {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 10px;
    color: white;
}

.sX {
    position: absolute;
    top: 0px;
    left: 0px;
}

.actF::before {
    content: '';
    display: block;
    height: .25em;
    width: .25em;
    background: red;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -.45em;
    transform: translateY(-50%);
}

.stand-details {
    height: 100px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    padding: 10px;
    border: 1px dotted #73AD21;
    background-color: rgb(99, 99, 91);
}

.standC {
    border: 1px dotted red;
    max-width: 100%;
}

.red-dotted {
    border-radius: 10px;
    border: 1px dotted #73AD21;
}

.back-g {
    background-image: url('/static/images/logos/background.png');
    background-repeat: repeat;
    background-size: 17px;
}

.form-small {
    max-width: 200px;
    font-size: 12px;
}

.fico-button {
    padding-left: 0.1 em;
}

.notStored {
    color: var(--linked);
}

.dZone {
    color: orange;
}

.resetB {
    display: inline-block;
    padding: 0.20em 0.5em;
    background-color: #052b3b;
    border: 0.1em solid #3dafcc;
    margin-bottom: 3px;
    border-radius: 0.0em;
    /* box-sizing: border-box; */
    text-decoration: none;
    font-size: 10px;
    font-weight: 100;
    color: #bad1d6;
    text-align: center;
    cursor: pointer;
}

.today {
    background-color: var(--today);
    border-radius: 0px;
    border: 1px dotted #73AD21;
}

.sectors {
    /* background-color: #052b3b; */
    border-radius: 8px;
    border: 1px solid #9f9f9fad;
    padding: 8px;
    margin: 0px 5px 5px 5px;
    background-image: url('/static/images/logos/background.png');
    background-repeat: repeat;
    background-size: 17px;
}

.me {
    background-color: var(--me);
}

.others {
    background-color: var(--others);
}

/* .gp1 {
    height: 42px;
}

.gp2 {
    max-height: 42px;
    background-color: rgba(58, 193, 150, 0.71);
} */

.fltTL {
    background-color: rgba(61, 61, 61, 0);
    border-radius: 3px;
    padding: 2px;
    font-size: 1.05em;
    font-weight: 600;
    color: rgb(70, 70, 70);
}

.regTL {
    font-size: 0.7em;
    margin-left: 8px;
    overflow: hidden;
    /* color: var(--labels); */
    font-weight: 600;
    vertical-align: middle;
}

.LstandTL {
    float: left;
    margin-right: 0.5em;
}

.RstandTL {
    float: right;
    margin-left: 0.5em;
}

.TLdiv {
    width: 100%;
}

.standTL {
    font-size: 0.8em;
    border-radius: 0.4em;
    font-weight: 400;
    vertical-align: middle;
    background-color: var(--tlstandBG);
    color: var(--tlstand);
    padding: 0.4em;
}

.TLorange {
    box-shadow: 0px 0px 25px 2px rgba(240, 149, 39, 0.804);
}

.TLgreen {
    box-shadow: 0px 0px 25px 2px rgb(175, 238, 104);
}

.fltLOC {
    display: block;
    font-size: 1.25em;
    font-weight: 800;
    color: rgba(59, 59, 59, 0.732);
}

.fltLOC2 {
    display: block;
    font-size: 1.05em;
    font-weight: 500;
    color: #1a4255;
}

.vis-group-gp2 {
    background-color: red;
}

.details {
    position: relative;
    background-color: var(--details);
    /* font-size: 15px; */
    border: 0px solid grey;
    border-radius: 6px;
    /* overflow: hidden; */
}

.back-b {
    background-color: #2b311a;
    padding: 5px
}

.flightNumber {
    display: inline-block;
    border-radius: 5px;
    background-color: var(--flightNumber);
    padding: 2px;
    margin: 10px;
    /* margin-top: 15px; */
    font-size: 18px;
    cursor: pointer;
}

.locFlt {
    background-color: var(--flightNumber);
    padding: 2px;
    border: 1px solid grey;
    border-radius: 4px;
}

.stand {
    display: block;
    font-size: 12px;
    margin-bottom: 8px;
}

.sec {
    margin-right: 5px;
}

.stand-num-cont {
    display: inline-block;
    margin-bottom: 18px;
}

.route {
    display: block;
    font-size: 16px;
    margin-top: 0px;
    margin: 5px;
}

.cdmbox {
    margin-top: 12px;
}

.times {
    font-size: 1.2em;
    font-size: calc(1vw + 1vh + 0.5vmin);
    font-size: clamp(1.1em, calc(50px - 5vw), 1.8em); 
    /* font-size: 14px; */
    margin-bottom: 15px;
}

.reg {
    border-radius: 0px;
    border-top: 1px dotted #73AD21;
    border-bottom: 1px dotted #73AD21;
    font-family: 'Menlo', 'Courier New', Courier, monospace;
    font-size: 18px;
}

.metar {
    white-space: pre-wrap;
    margin-top: 20px;
    font-family: 'Menlo', 'Courier New', Courier, monospace;
    font-size: 14px;
}

.m2 {
    font-family: 'Menlo', 'Courier New', Courier, monospace;
    font-size: 12px;
    color: red;
}

.bottom-pad {
    margin-bottom: 5px;
}

.nav-bar {
    margin-left: 0px;
}

.active {
    color: white
}

.inactive {
    color: #878886;
}

.msg {
    font-size: 12px;
    background-color: #05222e;
    border-radius: 10px;
    text-align: center;
}

.dte {
    font-size: 14px;
    margin-top: 5px;
    background-color: var(--today);
    border: 0px;
    color: var(--text);
    display: inline;
}

.terminal {
    font-size: 12px;
    font-weight: 800;
    color: rgb(97, 97, 94);
    background-color: #093a4e;
    padding: 10px;
    border: 1px solid rgba(225, 217, 217, 0.329);
    border-radius: 20px;
}

h5 {
    break-after: column;
    color: var(--icons);
}

.lims {
    break-inside: avoid;
}

.conf {
    font-size: clamp(0.75rem, 1.5vw, 1.1rem);
    height: 370px;
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3;
    column-gap: auto;
    column-fill: auto;
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-width: auto;
    -webkit-column-width: auto;
    -moz-column-width: auto;
}

.oWx {
    margin-bottom: 20px;
}

.s-sched {
    max-width: 80%;
}

.sched {
    font-size: clamp(1rem, 1.5vw, 2.0rem);
    border-right: 1px dotted #1c9e0b;
    /* margin-left: 30px; */
}

.sched2 {
    font-size: clamp(0.88rem, 1.3vw, 1.8rem);
    border-right: 1px dotted #1c9e0b;
}

.gau {
    font-size: clamp(0.80rem, 1.1vw, 1.4rem);
}

.sch1 {
    display: inline-block;
    width: 12em;
}

.sch2 {
    display: inline-block;
    width: 16em;
}

.sch3 {
    display: inline-block;
    width: 5em;
}

.sch4 {
    display: inline-block;
    width: 7em;
}

.doors4 {
    display: inline-block;
    width: 9em;
}

.del8 {
    display: inline-block;
    width: 3.5em;
    cursor: pointer;
    padding: 0.09em;
}

.tanking {
    /* border: 1px dotted #4c8fce; */
    border-radius: .2em;
    background-color: #ff0000;
    color: white;
    padding: 2px;
}

.release {
    /* border: 1px dotted #4c8fce; */
    border-radius: .2em;
    background-color: rgb(255, 230, 0);
    color: rgb(4, 12, 51);
    padding: 0px 5px 0px 5px;
}

.zfw {
    font-family: 'Menlo', 'Courier New', Courier, monospace;
}

.blueB {
    border: 1px dotted #4c8fce;
    border-radius: .2em;
    background-color: #0156A3;
}

.bbu:before {
    content: "\2191";
    margin-right: 6px;
}

.bbd:before {
    content: "\2193";
    margin-right: 6px;
}

.fltD {
    color: red;
}

.fltA {
    color: orange;
}

.redB {
    border: 1px dotted #4c8fce;
    border-radius: .2em;
    background-color: #ce330d;
    margin-left: 10px;
    color: white;
    padding: 3px;
    cursor: pointer;
}

.yellowB {
    border: 1px dotted #4c8fce;
    border-radius: .2em;
    background-color: #e7e54d;
    color: #0156A3;
    padding: 0.3em 0.5em;
    cursor: pointer;
}

.blueE {
    border: 1px dotted #4c8fce;
    border-radius: .5em;
    padding: 0.5em;
    margin-bottom: 10px;
}

.smsched {
    margin-top: -15px;
    margin-bottom: 10px;
    border-left: 1px dotted #1c9e0b;
}

.item1 {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.item2 {
    white-space: normal;
}

.mods {
    margin-top: 8px;
    max-width: 90%;
    font-size: 0.8em;
    border: 1px dotted rgba(128, 128, 128, 0.341);
    border-radius: 4px;
    padding: 6px;
}

.t-cont {
    display: inline-block;
    align-items: center;
    margin-top: 0px;
    margin-left: 0px;
}

.b-cont {
    display: inline-block;
    align-items: center;
    padding-bottom: 8px;
}

.fltLevel {
    background-color: #85bbd2;
    color: #3d4344;
    border-radius: 2px;
}

.fltHold {
    background-color: #85bbd2;
    color: #3d4344;
    border-radius: 2px;
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 5px;
}

.fltHold2 {
    background-color: #c8da88;
    color: #3d4344;
    border-radius: 2px;
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 5px;
}

.fltHold3 {
    background-color: #e4a643;
    color: #3d4344;
    border-radius: 2px;
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 5px;
}

.ice {
    white-space: nowrap;
    max-width: 40px;
    max-height: 25px;
    border-bottom: 100px;
}

.options {
    border-bottom: 1px dotted #73AD21;
    font-size: clamp(1rem, 2vw, 3rem);
}

.fico {
    margin-left: 15px;
    margin-right: 15px;
    max-width: 18em;
    white-space: pre-wrap;
}

pre {
    white-space: pre-wrap;
    font-size: 0.75em;
    margin-left: 10px;
    margin-right: 15px;
}

.rdy0 {
    margin-left: 10px;
    font-size: 0.75em;
    color: var(--today);
    border: 1px rgba(128, 128, 128, 0.32) dotted;
    border-radius: 10px;
    padding: 10px;
}

.delayI {
    margin-left: 0px;
    font-size: 0.65em;
    /* color: var(--details); */
    border: 1px rgba(128, 128, 128, 0.32) dotted;
    border-radius: 10px;
    padding: 5px;
}

.rdy1 {
    color: var(--icons);
}

.alName {
    color: var(--sid);
    /* border-top: 1px dotted grey; */
    margin-top: 6px;
    font-size: 1.15em;
    font-weight: 600;
    text-align: left;
}

span.upp {
    text-transform: capitalize;
}

.acday {
    font-size: 10px;
}

.pick {
    margin-left: 20px;
    padding: 3px;
}

.pick:before {
    content: "\A";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--pick);
    display: inline-block;
    margin-right: 8px;
}

.p2 {
    margin-left: 20px;
    padding: 3px;
}

.p2:before {
    content: "\A";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dot);
    display: inline-block;
    margin-right: 8px;
}

.box-stand {
    border-radius: 0px;
    border: 1px solid #ff0000;
    padding: 3px;
}

.csnbox {
    display: block;
    padding: 5px;
    font-size: 1.2em;
    border: 1px rgba(128, 128, 128, 0.519) solid;
    border-radius: 5px;
}

.box-flt {
    border-radius: 3px;
    border: 1px solid var(--boxed);
    padding: 4px;
    white-space: nowrap;
    font-size: 1.0em;
    /* padding-right: 20px; */
}

.box-reg {
    border-radius: 0px;
    border: 1px solid #303eff;
    padding: 3px;
}

.box-pax {
    border-radius: 2px;
    border: 1px solid orangered;
    padding: 3px;
    padding-right: 5px;
}

.taxi-len4 {
    color: yellow;
    font-size: 1em;
    margin-top: -18px;
    margin-bottom: -4px;
}

.taxi-len3 {
    color: orange;
    font-size: 1.2em;
    margin-top: -18px;
    margin-bottom: -4px;
}

.taxi-len2 {
    color: orangered;
    font-size: 1.4em;
    margin-top: -18px;
    margin-bottom: -4px;
    animation: blinker 1s linear infinite;
}

.taxi-len1 {
    color: red;
    font-size: 1.6em;
    margin-top: -18px;
    margin-bottom: -4px;
    animation: blinker 1s linear infinite;
}

.ficur {
    color: var(--linked);
    animation: blinker 1s linear infinite;
}

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

}

.manfB {
    /* color: white;
    font-weight: 400; */
    background: var(--flightNumber);
    animation: swBk 0.5s forwards linear normal;
    animation-iteration-count: 2;
}

@keyframes swBk {
    0% {
        background: black;
    }

    50% {
        background: var(--flightNumber);
    }

    100% {
        background: var(--flightNumber);
    }
}

.taxi-length {
    border-radius: 100px;
    border: 1px solid #73AD21;
    padding: 2px 5px 2px 5px;
}

th {
    background-color: #083447;
    font-size: 14px;
}

.tardy {
    color: orange;
}

.CDM {
    position: relative;
    text-align: left;
    margin-top: 10px;
}

.line-above {
    border-top: 1px dotted #73AD21;
}

.distance {
    font-size: 20px;
    color: rgb(235, 230, 230);
    font-weight: 600;
    /* border: 1px dotted #73AD21; */
    border-radius: 6px;
    padding: 5px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: rgb(44, 41, 41);
}

.fled {
    background: red;
    padding-left: 2px;
    padding-right: 2px;
    color: white;
    animation: flash2 1s forwards linear normal;
    animation-iteration-count: 5;
}

@keyframes flash2 {
    25% {
        background: #052b3b;
    }

    50% {
        background: red;
    }

    75% {
        background: #052b3b;
    }

    100% {
        background: red;
    }
}

.fleb {
    background: #ffff00;
    padding-left: 2px;
    padding-right: 2px;
    color: black;
    animation: flash3 1s forwards linear normal;
    animation-iteration-count: 5;
}

@keyframes flash3 {
    25% {
        background: #114053;
    }

    50% {
        background: #ffff00;
    }

    75% {
        background: #114053;
    }

    100% {
        background: #ffff00;
    }
}

.key {
    margin-left: 2em;
    font-size: 0.6em;
    color: var(--key);

}

.key1::before {
    content: '';
    display: inline-block;
    height: .8em;
    width: .8em;
    /* top right bottpm left */
    margin-right: 0.5em;
    background: var(--key1);
    border-radius: 50%;
}

.key2::before {
    content: '';
    display: inline-block;
    height: .8em;
    width: .8em;
    /* top right bottpm left */
    margin-right: 0.5em;
    background: var(--key2);
    border-radius: 50%;
}

.key3::before {
    content: '-';
    display: inline-block;
    height: .8em;
    width: .8em;
    /* top right bottpm left */
    margin-right: 0.5em;
    border-bottom: var(--key3) solid 2px;
    /* border-radius: 50%; */
}

.key4::before {
    content: '-';
    display: inline-block;
    height: .8em;
    width: .8em;
    /* top right bottpm left */
    margin-right: 0.5em;
    border-bottom: var(--key4) solid 2px;
    /* border-radius: 50%; */
}

.Lconf::before {
    content: '';
    display: inline-block;
    height: .8em;
    width: .8em;
    /* top right bottpm left */
    margin-right: 0.5em;
    background: var(--key1);
    border-radius: 50%;
}

.Lblank::before {
    content: '';
    display: inline-block;
    height: .8em;
    width: .8em;
    /* top right bottpm left */
    margin-right: 0.5em;
    /* background: rgb(24, 215, 249); */
    border-radius: 50%;
}

.Rconf::after {
    content: '';
    display: inline-block;
    height: .8em;
    width: .8em;
    /* top right bottpm left */
    margin-left: 0.5em;
    background: var(--key2);
    border-radius: 50%;
}

.Rblank::after {
    content: '';
    display: inline-block;
    height: .8em;
    width: .8em;
    /* top right bottpm left */
    margin-left: 0.5em;
    /* background: rgb(191, 246, 51); */
    border-radius: 50%;
}

.Cconf {
    border-bottom: var(--key4) solid 2px;
}

.Tconf {
    border-top: var(--key3) solid 2px;
}

.flashing-white::before {
    content: '';
    display: inline-block;
    height: .4em;
    width: .4em;
    /* top right bottpm left */
    margin: 0px 0px 3px 3px;
    background: red;
    border-radius: 50%;
    animation: flash4 1s forwards linear normal;
    animation-iteration-count: 10;
}

.hoursend {
    margin-left: 20px;
}

input.hrsBox, textarea { 
    background: var(--bgtext); 
    color: var(--jsonb);
}

.my-pre{
    font-family: monospace;
    width: 40em;
}

@keyframes flash4 {
    25% {
        background: #052b3b;
    }

    50% {
        background: red;
    }

    75% {
        background: #052b3b;
    }

    100% {
        background: red;
    }
}

.flashing-yellow::before {
    content: '';
    display: inline-block;
    height: .4em;
    width: .4em;
    /* top right bottpm left */
    margin: 0px 5px 3px 3px;
    background: rgb(237, 244, 13);
    border-radius: 50%;
    animation: flash5 1s forwards linear normal;
    animation-iteration-count: 10;
}

@keyframes flash5 {
    25% {
        background: #052b3b;
    }

    50% {
        background: rgb(237, 244, 13);
    }

    75% {
        background: #052b3b;
    }

    100% {
        background: rgb(237, 244, 13);
    }
}

.departed::before {
    content: "\F139";
    font-family: "Bootstrap-icons";
    display: inline-block;
    font-size: 15px;
    color: var(--icons);
    height: .25em;
    width: .25em;
    margin-right: 15px;
}

.arrived::before {
    content: "\F118";
    font-family: "Bootstrap-icons";
    display: inline-block;
    font-size: 15px;
    color: var(--icons);
    height: .25em;
    width: .25em;
    margin-right: 15px;
}

.blueBack {
    background-color: #b0ce08;
}

.tag {
    color: #81b4cc;
    border-radius: 4px;
    font-size: 10px;
    background: #0d2e3d;
    padding: 3px;
    margin-right: 8px;
    margin-left: -4px;
    cursor: pointer;
}

.tagarrow {
    color: #81b4cc;
    font-size: 10px;
    /* padding: 1px; */
}

.tagActive {
    border: 1px solid #73AD21;
    /* margin-right: 5px; */
    position: relative;
}

.filter {
    /* color: #81b4cc; */
    border-radius: 0px;
    font-size: 14px;
    background-color: var(--today);
    padding: 0px 8px 0px 8px;
    cursor: pointer;
}

.filterActive {
    background-color: rgb(235, 247, 79, 20);
    color: var(--today);
    margin-left: 5px;
}

.inTrack {
    display: inline-block;
    margin-right: 12px;
}

.tagSearch {
    display: inline-flex;
    width: 70px;
    font-size: 14px;
    padding: 6px 10px 6px 10px;
    border: 1px solid #73AD21;
    text-align: center;
    margin-bottom: 8px;
    cursor: pointer;
}

.tagSector {
    display: inline-flex;
    font-size: 14px;
    padding: 3px 10px 3px 10px;
    border: 1px solid #73AD21;
    text-align: center;
    margin-left: 4px;
    cursor: pointer;
}

.turn {
    display: inline-flex;
    font-size: 10px;
    padding: 2px 5px 2px 5px;
    border: 1px solid var(--today);
    text-align: center;
    margin-left: 4px;
}

.delB {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 4px;
    font-size: 18px;
    cursor: pointer;
}

.alertB {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 4px;
    font-size: 18px;
    margin-right: 8px;
    cursor: pointer;
}

.cdmfocus {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px;
    font-size: 14px;
    color: var(--text);
    margin-right: 0px;
    cursor: pointer;
}

.greenB {
    background: #506d57;
    color: white;
}

.greenBf {
    background: #506d57;
    color: white;
    animation: flashflt 0.5s forwards linear normal;
    animation-iteration-count: 5;
}

@keyframes flashflt {
    25% {
        background: #73987b;
    }

    50% {
        background: #506d57;
    }

    75% {
        background: #73987b;
    }

    100% {
        background: #506d57;
    }
}

.add-note {
    cursor: pointer;
}

.airLogo {
    /* max-width: 60px; */
    /* align-items: center; */
    /* background-color: rgba(255, 255, 255, 0.944); */
    margin-bottom: 0px;
    /* margin-right: 8px; */
}

.actail {
    width:100%;
    max-width:60px;
}

table {
    width: 100%;
    font-size: clamp(0.8rem, 1.75vw, 2.5rem);
}

.message {
    opacity: 0%;
    color: white;
    display: inline-block;
    padding: 10px;
    border-radius: 2px;
    background-color: grey;
    position: fixed;
    top: 75px;
    right: 50px;
    z-index: 999;
}

.orange-graph {
    color: orangered;
}

.green-graph {
    color: #73AD21;
}

.yellow-graph {
    color: #c0bd1a;
}

.red-graph {
    color: red;
}

.mt13 {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    padding: 0.4em 0.2em 0.2em 0.4em;
    z-index: 99;
}

.filter-note {
    font-size: 10pt;
    margin-left: 10px;
    margin-right: 20px;
}

.fBorder {
    border: 1px solid rgba(165, 157, 158, 0.726);
    border-radius: 0px;
    margin-left: -4px;
    padding: 4px;
    padding-right: 5px;
}

.f-note {
    display: inline-block;
    width: 50px;
    padding: 10px;
}

.noteBox {
    font-size: clamp(0.5rem, 1.5vw, 2rem);
    margin-bottom: 20px;
}

.note-red {
    color: rgb(156, 53, 53);
    cursor: pointer;

}

.note-blue {
    color: rgb(81, 81, 168);
    cursor: pointer;

}

.note-green {
    color: rgb(77, 148, 77);
    cursor: pointer;

}

.note-grey {
    color: rgb(151, 143, 143);
    cursor: pointer;

}

.catNone {
    border-left: 4px solid var(--details);
    padding-left: 10px;
}

.cat1 {
    border-left: 4px solid var(--cat1);
    padding-left: 10px;
}

.cat2 {
    border-left: 4px solid var(--cat2);
    padding-left: 10px;
}

.cat3 {
    border-left: 4px solid var(--cat3);
    padding-left: 10px;
}

.cat4 {
    border-left: 4px solid var(--cat4);
    padding-left: 10px;
}

.cat5 {
    border-left: 4px solid var(--cat5);
    padding-left: 10px;
}

.underline {
    margin-top: 1px;
    font-size: 12px;
    max-width: 6em;
    /* color: var(--linked); */
}

.noteI {
    border-top: 1px dotted #1b82b171;
    padding-top: 13px;
    line-height: 1.25;
}

.noteI:nth-of-type(n+2) {
    margin-top: 5px;
}

.editIcons {
    margin-top: 3px;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
    min-width: 4em;
}

.messageText {
    white-space: pre-line;
    /* line-height: 80%; */
}

.editc {
    margin-right: 1em;
}

.aName {
    font-size: clamp(0.2rem, 1.2vw, 2rem);
    text-decoration: underline;
    color: #1d7fdb;
}

.wxName {
    font-size: clamp(0.2rem, 1.2vw, 2rem);
}

.wx {
    max-width: 50%;
    background-color: #0d3d52;
    border: 1px dotted #73AD21;
    border-radius: 10px;
}

.rwy {
    font-size: clamp(0.5rem, 2vw, 5rem);
    margin-left: 6px;
    padding: 3px;
    background-color: #16485c;
    border: 1px dotted #73AD21;
    border-radius: 3px;
    cursor: pointer;
}

.wxData {
    font-size: clamp(1.2rem, 1.2vw, 2rem);
}

.rwybox {
    color: white;
    margin-top: 8px;
}

.rwySet {
    border: 1px solid #cc3737;
}

.sock {
    height: 150px;
    width: 150px;
    background-color: #0156A3;
    background-image: url('/static/images/sock.png');
    background-size: 150px;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.prog {
    height: 20px;
    width: 100%;
    /* border: 1px lightslategrey dotted; */
    border-radius: 0px;
    background-color: var(--details);
    margin-top: 10px;
}

.bord {
    margin-right: 6px;
}

.borderGreen {
    border-right: 1px dotted #1c9e0b;
}

.nb {
    white-space: nowrap;
}

.stLab {
    display: block;
    font-size: 12px;
    color: #1d7fdb;
    /* margin-top: -12px; */
    margin: 5px;
    border: 1px dotted rgba(128, 128, 128, 0.255);
    /* position: relative; */
    /* white-space: nowrap;  */
}

.rlabel {
    font-size: 12px;
    color: #1d7fdb;
    margin-right: 20px;
    width: 150px;
    position: relative;
    white-space: nowrap;
}

.rLabel {
    border-top: 20px;
    font-size: 12px;
    color: #1d7fdb;
    position: relative;
    white-space: nowrap;
}

.wnd {
    border: 1px dotted var(--linked);
    border-radius: 5px;
    font-size: 15px;
    padding: 4px;
    border-right: 1em;
    border-left: 1em;
}

.acdmbox {
    max-width: 95%;
    /* background-color: var(--details); */
    text-align: center;
    font-size: 1em;
    color: lightgray;
    margin-bottom: 20px;
}

.acdm {
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--labels);
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
    bottom: 0;
    padding-top: 20px;
}

.acdmdots {
    /* font-family: "Jersey 25 Charted", sans-serif;     */
    font-size: 2em;
    font-weight: 800;
    font-style: normal;
    /* color: var(--text); */
}

.siddots {
    /* font-family: "Jersey 25 Charted", sans-serif;     */
    /* font-size: 1.15em; */
    font-weight: 600;
    font-style: normal;
    color: var(--sid);
    text-align: left;
    padding: 6px;
}

.admin-list li {
    margin-top: 15px;
    margin-bottom: 20px;
    /* border:1px solid grey; */
}

.eta-box {
    font-size: clamp(1.2rem, 1.8vw, 1.5rem);
}

.acdmbig {
    /* border: 5px dotted var(--linked); */
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    /* margin-bottom: 50px; */
    width: 1050px;
    /* Need a specific value to work */
    height: 410px;
    background-color: black;
    padding: 30px;
    font-size: 1.75vw;
}

.acdm-r {
    border-right: 1px dotted var(--linked);
}

.acdm-t {
    border-top: 1px dotted var(--linked);
}

.clabel {
    font-size: 14px;
    /* color: var(--linked); */
    margin-top: 10px;
    /* width: 150px; */
    position: relative;
    white-space: nowrap;
}

.iataR {
    font-size: 11px;
    color: var(--linked);
    white-space: nowrap;
    overflow: auto;
}

.iataR::-webkit-scrollbar {
    display: none;
}

.iataR {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.fri {
    float: right;
    white-space: nowrap;
}

[data-negative] {
    color: red;
}

.warn {
    color: red;
}

.locErr {
    color: orange;
    font-size: 12px;
    font-family: 'Menlo', 'Courier New', Courier, monospace;
}

.caut {
    color: orange;
}

.rwMessage {
    color: var(--text);
    font-size: 12px;

}

.rwyMark {
    font-family: 'Courier New', Courier, monospace;
    font-size: 10px;
    fill: white;
    text-align: center;
    letter-spacing: -1px;
    line-height: 40px;
    white-space: pre;
}

/* Transparent */
.rwyMark2 {
    font-family: 'Courier New', Courier, monospace;
    font-size: 11px;
    fill: #0156A3;
    text-align: center;
    letter-spacing: -1px;
}

.rwyMark3 {
    font-family: 'Menlo-Bold', Courier, monospace;
    font-size: 11px;
    fill: #ecac20;
    text-align: center;
    letter-spacing: -1px;
}

.rwyMark4 {
    font-family: 'Menlo-Bold', Courier, monospace;
    font-size: 11px;
    fill: #ff0000;
    text-align: center;
    letter-spacing: -1px;
}

.sortBy {
    cursor: pointer;
}

.sh {
    display: none;
}

.gp2 {
    background-color: #aab1b44b;
    font-weight: 500;
}

.set {
    display: inline-block;
    color: #ffffff;
    border-radius: 4px;
    text-align: left;
    font-size: 10px;
    background: rgb(12, 87, 110);
    padding: 3px;
    margin-right: 4px;
}

.avatar {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.accTop {
    margin-top: 30px;
}

.accDot {
    border: 1px dotted #73AD21;
    border-radius: 20px;
    padding: 10px;
}

.lowvis {
    background-color: #ff0000;
    color: white;
}

.acImage {
    margin-top: 5px;
    margin-bottom: 20px;
    ;
    border-radius: 8px;
    max-width: 100%;
}

.acImageL {
    /* background-color: #114053; */
    background-color: darkgray;
    border: 2px dotted #1c9e0b;
    margin-top: 0px;
    border-radius: 8px;
    min-width: 300px;
}

.aptDat {
    min-width: 800px;
    height: 1000px;
    color: var(--json);
    background-color: var(--jsonb);
    font-family: 'Menlo', 'Courier New', Courier, monospace;
    font-size: 12px;
    white-space: pre-wrap;
}

.aptDat:focus {
    outline: none !important;
    border: 1px solid red;
    box-shadow: 0 0 10px #719ECE;
    color: var(--json);
    background-color: var(--jsonb);
}

.aptTitle {
    display: none;
}

.highlight {
    background-color: rgb(255, 230, 0);
    color: rgb(4, 12, 51);
}

.highlightR {
    background-color: #ff0000;
    color: white;
}

/* Takeoff & Landing Stats on ZFW tab */
p[id^="wstats"] {
    color: var(--linked);
}

p[id^="wstats"]>span {
    margin-right: 20px;
    margin-left: 5px;
}

/* LIM icon in CONF */
.lim {
    color: white;
    background-color: var(--today);
    border: 1px solid black;
    padding: 1px 6px;
    font-size: 10px;
    margin-right: 4px;
}

.fdpline {
    background-color: var(--details);
    color: var(--text);
}

.vis-timeline {
    /* border: 2px solid purple; */
    font-size: 10pt;
    background: hsla(7, 5%, 63%);
}

.vis-item {
    /* border-color: #F991A3;
    background-color: var(--details);
    font-size: 10pt;
    color: darkred; */
    box-shadow: 5px 5px 20px rgba(128, 128, 128, 0.5);
}

/* .vis-item,
  .vis-item.vis-line {
    border-width: 3px;
  } */

.vis-item.orange {
    background-color: rgba(255, 166, 0, 0.732);
}

.vis-item.brown {
    background-color: rgba(129, 120, 104, 0.672);
    font-size: 1em;
}

.vis-item.me {
    background-color: rgba(140, 201, 115, 0.553);
    font-size: 0.75em;
}

.vis-item.other {
    background-color: rgba(213, 244, 251, 0.642);
    font-size: 0.75em;
}

.vis-group.gp0 {
    opacity: 100%;
    background-color: rgba(154, 85, 85, 0.05);
}

.vis-item.red {
    background-color: red;
}

/* .vis-item.acday {
    background-color: red;
  } */

.vis-item.vis-dot.standard {
    border-width: 6px;
    border-radius: 6px;
    border-color: var(--dot);
}

.vis-item.vis-dot.orange {
    border-width: 6px;
    border-radius: 6px;
    border-color: rgba(255, 166, 0, 0.732);
}

.vis-item.vis-dot.purple {
    /* opacity: 200% !important; */
    border-width: 6px;
    border-radius: 6px;
    border-color: var(--pick);
}

/* class="vis-label vis-group-level-0 gp2" */
.vis-label.vis-group-level-0.gp0 {
    /* color: white; */
    opacity: 10%;
    vertical-align: middle;
    font-size: 0.95em;
    font-weight: 700;
}

.vis-label.vis-group-level-0.gp1 {
    /* color: white; */
    opacity: 95%;
    vertical-align: middle;
    font-size: 0.95em;
    font-weight: 700;
}

.vis-label.vis-group-level-0.gp2 {
    /* color: white; */
    opacity: 65%;
    font-size: 0.95em;
    font-weight: 700;
}

/* .vis-item.vis-selected {
    border-color: green;
    background-color: lightgreen;
  } */

/* .vis-time-axis .vis-text {
    color: purple;
    padding-top: 10px;
    padding-left: 10px;
  } */

/* .vis-time-axis .vis-text.vis-major {
    font-weight: 200;
  } */

/* .vis-time-axis .vis-grid.vis-minor {
    border-width: 2px;
    border-color: pink;
  }

  .vis-time-axis .vis-grid.vis-major {
    border-width: 2px;
    border-color: #F991A3;
  } */

.GaugeMeter {
    position: Relative;
    text-align: Center;
    overflow: Hidden;
    cursor: Default;
}

.GaugeMeter SPAN,
.GaugeMeter B {
    margin: 0 23%;
    width: 54%;
    position: Absolute;
    text-align: Center;
    display: Inline-Block;
    color: var(--text);
    opacity: 25%;
    font-weight: 600;
    font-family: 'Open Sans', Arial;
    overflow: Hidden;
    white-space: NoWrap;
    text-overflow: Ellipsis;
}

.GaugeMeter[data-style='Semi'] B {
    margin: 0 10%;
    width: 80%;
}

.GaugeMeter S,
.GaugeMeter U {
    text-decoration: None;
    font-size: 0.5em;
    opacity: 0.5;
}

.GaugeMeter B {
    color: Black;
    font-weight: 300;
    font-size: 0.5em;
    opacity: 0.8;
}