/* Professional LightNet overlay for Open Game Panel */
:root {
  --ln-black: #050607;
  --ln-white: #f4f1eb;
  --ln-muted: #a8afb5;
  --ln-accent: #b74b53;
  --ln-line: rgba(244, 241, 235, .16);
}

html,
body {
  color-scheme: dark;
  background:
    linear-gradient(90deg, rgba(3, 4, 5, .96), rgba(3, 4, 5, .82) 48%, rgba(3, 4, 5, .68)),
    url("/lightnet-assets/lightnet-pro-interface.png") center top / cover fixed no-repeat,
    var(--ln-black) !important;
  color: var(--ln-white) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

body::after {
  content: "";
  position: fixed;
  inset: 12px;
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(244, 241, 235, .08);
}

body > * {
  position: relative;
  z-index: 1;
}

img[src*="logo.png"],
img[src*="logo1.png"] {
  content: url("/lightnet-assets/lightnet-wing-logo.svg") !important;
  max-width: 320px !important;
  height: auto !important;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .35));
}

.navbar,
.navbar-default,
.navbar-inverse,
.sidebar,
#sidebar,
#top,
#header,
.panel,
.well,
.modal-content,
.dropdown-menu,
.container,
.container-fluid,
.main,
#main,
#content,
.content,
.box,
.login,
#login {
  border-color: var(--ln-line) !important;
  background: linear-gradient(180deg, rgba(10, 12, 14, .8), rgba(4, 5, 6, .9)) !important;
  color: var(--ln-white) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .22) !important;
}

.panel-heading,
.modal-header,
.table > thead > tr > th,
th,
legend,
h1,
h2,
h3,
h4 {
  border-color: var(--ln-line) !important;
  background: rgba(244, 241, 235, .06) !important;
  color: var(--ln-white) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  text-transform: uppercase;
  letter-spacing: .02em;
  transform: none !important;
  text-shadow: none !important;
}

a,
.fa,
.glyphicon {
  color: var(--ln-accent) !important;
}

.navbar a,
.nav > li > a,
.dropdown-menu > li > a,
a.admin_menu_link span,
a.user_menu_link span,
span.controlpanellogin,
span.list_dsi,
span.shop_guest,
span.form {
  color: var(--ln-white) !important;
  text-transform: uppercase;
  font-weight: 700;
}

.nav > li > a:hover,
.dropdown-menu > li > a:hover,
a.admin_menu_link:hover span,
a.user_menu_link:hover span {
  background: rgba(183, 75, 83, .12) !important;
  color: var(--ln-accent) !important;
}

table,
td,
tr,
.table,
.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover {
  border-color: rgba(244, 241, 235, .1) !important;
  background-color: rgba(4, 5, 6, .6) !important;
  color: var(--ln-white) !important;
}

input,
select,
textarea,
.form-control {
  border: 1px solid var(--ln-line) !important;
  border-radius: 4px !important;
  background: rgba(3, 4, 5, .78) !important;
  color: var(--ln-white) !important;
}

.btn,
button,
input[type="submit"],
input[type="button"],
.btn-primary,
.btn-success {
  border: 1px solid rgba(183, 75, 83, .42) !important;
  border-radius: 4px !important;
  background: rgba(183, 75, 83, .18) !important;
  color: var(--ln-white) !important;
  text-transform: uppercase;
  font-weight: 700 !important;
}

.btn *,
button *,
input[type="submit"] *,
input[type="button"] * {
  color: var(--ln-white) !important;
}

footer a,
body > div:last-child a {
  color: var(--ln-muted) !important;
}