:root {
    --eternal-bg: #020807;
    --eternal-panel: rgba(4, 17, 16, .94);
    --eternal-panel-soft: rgba(6, 25, 23, .88);
    --eternal-ink: #dffdf6;
    --eternal-muted: #8fb0a9;
    --eternal-cyan: #00f6dc;
    --eternal-magenta: #ff3eea;
    --eternal-yellow: #ffd84a;
    --eternal-line: rgba(0, 246, 220, .28);
}

html, body {
    min-height: 100%;
    color: var(--eternal-ink);
    background:
        radial-gradient(circle at 78% 12%, rgba(255, 62, 234, .09), transparent 30rem),
        radial-gradient(circle at 12% 32%, rgba(0, 246, 220, .08), transparent 28rem),
        var(--eternal-bg);
    font-family: "Courier New", Courier, monospace;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(0, 246, 220, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 246, 220, .02) 1px, transparent 1px);
    background-size: 42px 42px;
}

a, a:visited { color: var(--eternal-cyan); }
a:hover, a:focus { color: #7ffff1; }

.navbar-default {
    border: 0;
    border-bottom: 1px solid var(--eternal-line);
    background: rgba(2, 8, 7, .96);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
}

.navbar-default .navbar-brand {
    color: var(--eternal-cyan);
    font-weight: 800;
    letter-spacing: .15em;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: var(--eternal-ink);
    background: transparent;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: var(--eternal-cyan); }
.navbar-default .navbar-toggle { border-color: var(--eternal-line); }
.navbar-default .navbar-toggle .icon-bar { background: var(--eternal-cyan); }
.navbar-default .navbar-collapse { border-color: var(--eternal-line); }

.breadcrumb,
.panel,
.well,
.jumbotron,
.modal-content,
.dropdown-menu,
.list-group-item {
    color: var(--eternal-ink);
    border-color: var(--eternal-line);
    border-radius: 0;
    background: var(--eternal-panel);
    box-shadow: none;
}

.breadcrumb { border: 1px solid var(--eternal-line); }
.panel-heading,
.panel-default > .panel-heading,
.list-group-item:nth-child(even) { color: var(--eternal-ink); background: var(--eternal-panel-soft); }
.panel-footer { border-color: var(--eternal-line); background: rgba(0, 246, 220, .035); }
.list-group-item:hover, .list-group-item:focus { background: rgba(0, 246, 220, .09); }

h1, h2, h3, h4, h5, h6,
.panel-title,
.list-group-item-heading { color: var(--eternal-ink); font-weight: 800; }
p, .help-block, .text-muted, .list-group-item-text { color: var(--eternal-muted); }

table { background: var(--eternal-panel); }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    color: var(--eternal-ink);
    border-color: var(--eternal-line);
    background-color: transparent !important;
}
.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(odd) > td,
.table-striped > tbody > tr:nth-of-type(odd) > th {
    color: var(--eternal-ink);
    background-color: rgba(0, 246, 220, .035) !important;
}
.table-hover > tbody > tr:hover,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th { background-color: rgba(0, 246, 220, .08) !important; }

/* WebV4's stock uptime counter is inaccurate on this host, so do not publish it. */
#sidebar .table.table-condensed.table-responsive.table-striped > tbody > tr:nth-child(5) {
    display: none;
}

.form-control {
    color: var(--eternal-ink);
    border-color: var(--eternal-line);
    border-radius: 0;
    background: rgba(0, 8, 7, .9);
    box-shadow: none;
}
.form-control:focus { border-color: var(--eternal-cyan); box-shadow: 0 0 16px rgba(0, 246, 220, .12); }

.btn { border-radius: 0; font-weight: 700; letter-spacing: .04em; }
.btn-primary {
    color: #001513;
    border-color: var(--eternal-cyan);
    background: var(--eternal-cyan);
}
.btn-primary:hover, .btn-primary:focus { color: #001513; border-color: #7ffff1; background: #7ffff1; }
.btn-default { color: var(--eternal-cyan); border-color: var(--eternal-line); background: transparent; }
.btn-default:hover, .btn-default:focus { color: var(--eternal-ink); border-color: var(--eternal-cyan); background: rgba(0, 246, 220, .08); }

.badge { color: #001513; background: var(--eternal-yellow); }
.label-primary { color: #001513; background: var(--eternal-cyan); }
.pagination > li > a, .pagination > li > span { color: var(--eternal-cyan); border-color: var(--eternal-line); background: var(--eternal-panel); }
.pagination > .active > a, .pagination > .active > span { color: #001513; border-color: var(--eternal-cyan); background: var(--eternal-cyan); }

.dropdown-menu > li > a { color: var(--eternal-ink); }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: var(--eternal-cyan); background: rgba(0, 246, 220, .08); }
.dropdown-menu .divider { background: var(--eternal-line); }

hr { border-color: var(--eternal-line); }
footer { color: var(--eternal-muted); letter-spacing: .06em; }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: var(--eternal-ink); }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: var(--eternal-cyan); }
    p.pull-right.visible-xs { display: none !important; }
}