:root {
  --secure-bg: #0a0f14;
  --secure-panel: #101820;
  --secure-panel-2: #121d26;
  --secure-line: #263845;
  --secure-text: #edf3f7;
  --secure-muted: #9dafbb;
  --secure-accent: #d9a441;
  --secure-accent-2: #8fb7c8;
  --secure-danger: #a73636;
}

html, body {
  background: var(--secure-bg) !important;
  color: var(--secure-text) !important;
}

body {
  background-image:
    linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px);
  background-size: 28px 28px;
}

body::before {
  content: "PRIVATE BRIEFING ROOM";
  position: fixed;
  left: 1rem;
  bottom: .75rem;
  z-index: 9999;
  color: rgba(217, 164, 65, .52);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .18em;
  pointer-events: none;
}

.topnav,
#left-sidebar,
.sidenav,
.login-box,
#chatbox,
#sidebarnav,
.modal-content,
.home {
  background: rgba(16, 24, 32, .96) !important;
  color: var(--secure-text) !important;
  border-color: var(--secure-line) !important;
}

.topnav {
  border-bottom: 1px solid var(--secure-line);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
}

#left-sidebar {
  border-right: 1px solid var(--secure-line);
}

.galene-header,
.header-title,
.navbar-brand,
#title {
  color: var(--secure-text) !important;
  font-weight: 800 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.header-title::after,
.galene-header::after,
.navbar-brand::after {
  content: " PRIVATE";
  display: inline-block;
  margin-left: .6rem;
  padding: .12rem .45rem;
  border: 1px solid rgba(217, 164, 65, .7);
  border-radius: 3px;
  color: var(--secure-accent);
  font-size: .62rem;
  line-height: 1.2;
  letter-spacing: .14em;
  vertical-align: middle;
}

.login-box::before,
.home::before {
  content: "CONFIDENTIAL ROOM";
  display: block;
  margin-bottom: 1rem;
  color: var(--secure-accent);
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.login-box::after,
.home::after {
  content: "Access by direct link. Do not forward without permission.";
  display: block;
  margin-top: 1rem;
  color: var(--secure-muted);
  font-size: .82rem;
}

.form-control,
.form-reply,
textarea,
input[type="text"],
input[type="password"] {
  background: #071018 !important;
  color: var(--secure-text) !important;
  border: 1px solid var(--secure-line) !important;
  border-radius: 4px !important;
}

.form-control:focus,
.form-reply:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
  border-color: var(--secure-accent) !important;
  box-shadow: 0 0 0 .18rem rgba(217, 164, 65, .18) !important;
  outline: none !important;
}

.btn,
.btn-default,
.btn-success,
.btn-cancel,
.nav-button,
#inputbutton,
#submitbutton {
  border-radius: 4px !important;
  border: 1px solid var(--secure-line) !important;
  background: #172532 !important;
  color: var(--secure-text) !important;
}

.btn:hover,
.nav-button:hover,
#inputbutton:hover,
#submitbutton:hover {
  background: #213443 !important;
  border-color: var(--secure-accent) !important;
  color: #fff !important;
}

.btn-success,
#presentbutton {
  background: #1f4938 !important;
  border-color: #2c6b51 !important;
}

.btn-cancel,
#unpresentbutton {
  background: #4b2020 !important;
  border-color: #7a3636 !important;
}

#box,
#users,
#peers,
.video-container,
#video-container,
#right,
#left,
.container,
#mainrow {
  background: transparent !important;
  color: var(--secure-text) !important;
}

.message,
.chat-message,
.peer,
.user-p,
.user-status,
.contextualMenu,
.dropdown-menu {
  background: var(--secure-panel-2) !important;
  color: var(--secure-text) !important;
  border-color: var(--secure-line) !important;
}

a,
#chpwspan a,
.sidenav .user-logout a {
  color: var(--secure-accent-2) !important;
}

label,
#permspan,
.profile-info,
#errormessage,
.groups,
footer.signature {
  color: var(--secure-muted) !important;
}

footer.signature {
  border-color: var(--secure-line) !important;
  background: rgba(10, 15, 20, .92) !important;
}

.home {
  max-width: 34rem;
  margin: 8vh auto 0;
  padding: 2rem;
  border: 1px solid var(--secure-line);
  border-radius: 6px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .45);
}

.home #title {
  margin-top: 0;
}

#public-groups h2 {
  color: var(--secure-muted) !important;
  font-size: 1rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: #304657;
  border-radius: 6px;
}

::-webkit-scrollbar-track {
  background: #0b1117;
}