From f1d47ba92cb767799339dd92ed588d5f0ed638b9 Mon Sep 17 00:00:00 2001
From: Andrew Miracle <me@andrewmiracle.com>
Date: Thu, 26 Aug 2021 15:59:38 +0000
Subject: [PATCH 01/14] feat: init new theme module with monospace typography

---
 apps/remix-ide/src/app/tabs/theme-module.js   |    1 +
 .../src/assets/css/themes/remix-night_owl.css | 8816 +++++++++++++++++
 package-lock.json                             |  215 -
 3 files changed, 8817 insertions(+), 215 deletions(-)
 create mode 100644 apps/remix-ide/src/assets/css/themes/remix-night_owl.css

diff --git a/apps/remix-ide/src/app/tabs/theme-module.js b/apps/remix-ide/src/app/tabs/theme-module.js
index cbfef2d927..0a13cd8183 100644
--- a/apps/remix-ide/src/app/tabs/theme-module.js
+++ b/apps/remix-ide/src/app/tabs/theme-module.js
@@ -7,6 +7,7 @@ const _paq = window._paq = window._paq || []
 
 const themes = [
   { name: 'Dark', quality: 'dark', url: 'assets/css/themes/remix-dark_tvx1s2.css' },
+  { name: 'NightOwl', quality: 'dark', url: 'assets/css/themes/remix-night_owl.css' },
   { name: 'Light', quality: 'light', url: 'assets/css/themes/remix-light_powaqg.css' },
   { name: 'Midcentury', quality: 'light', url: 'assets/css/themes/remix-midcentury_hrzph3.css' },
   { name: 'Black', quality: 'dark', url: 'assets/css/themes/remix-black_undtds.css' },
diff --git a/apps/remix-ide/src/assets/css/themes/remix-night_owl.css b/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
new file mode 100644
index 0000000000..7cd9945ded
--- /dev/null
+++ b/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
@@ -0,0 +1,8816 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=JetBrains+Mono:ital@0;1&display=swap');
+
+:root {
+  --blue: #28282D;
+  --indigo: #6610f2;
+  --purple: #6f42c1;
+  --pink: #e83e8c;
+  --red: #823a3a;
+  --orange: #8a5026;
+  --yellow: #ffc107;
+  --green: #366a57;
+  --teal: #20c997;
+  --cyan: #053c64;
+  --white: #d5d5d5;
+  --gray: #868e96;
+  --gray-dark: #343a40;
+  --primary: #b5b4bc;
+  --secondary: #3d3e44;
+  --success: #366a57;
+  --info: #086CB5;
+  --warning: #8a5026;
+  --danger: #823a3a;
+  --light: #1f2020;
+  --dark: #1a1a1a;
+  --breakpoint-xs: 0;
+  --breakpoint-sm: 576px;
+  --breakpoint-md: 768px;
+  --breakpoint-lg: 992px;
+  --breakpoint-xl: 1200px;
+  --font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-family-monospace: "JetBrains Mono", Menlo, Monaco, Consolas, "Liberation Mono",
+    "Courier New", monospace;
+}
+*,
+::after,
+::before {
+  box-sizing: border-box;
+}
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: transparent;
+}
+article,
+aside,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section {
+  display: block;
+}
+body {
+  margin: 0;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #b3b3b3;
+  text-align: left;
+  background-color: #1a1a1a;
+}
+*::-webkit-scrollbar {
+  width: 8px;
+}
+*::-webkit-scrollbar-thumb {
+  background-color: #37373b;
+  opacity: 0.3;
+  border-radius: 30px;
+}
+[tabindex="-1"]:focus {
+  outline: 0 !important;
+}
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+abbr[data-original-title],
+abbr[title] {
+  text-decoration: underline;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+  text-decoration-skip-ink: none;
+}
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+dl,
+ol,
+ul {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+  margin-bottom: 0;
+}
+dt {
+  font-weight: 700;
+}
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+blockquote {
+  margin: 0 0 1rem;
+}
+b,
+strong {
+  font-weight: bolder;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+a {
+  color: #b3b3b3;
+  text-decoration: underline;
+  background-color: transparent;
+}
+a:hover {
+  color: #9e9fa8;
+  text-decoration: underline;
+}
+a:not([href]):not([tabindex]) {
+  color: inherit;
+  text-decoration: none;
+}
+a:not([href]):not([tabindex]):focus,
+a:not([href]):not([tabindex]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+a:not([href]):not([tabindex]):focus {
+  outline: 0;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: "JetBrains Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
+    monospace;
+  font-size: 1em;
+}
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+}
+figure {
+  margin: 0 0 1rem;
+}
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+svg {
+  overflow: hidden;
+  vertical-align: middle;
+}
+table {
+  border-collapse: collapse;
+}
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #868e96;
+  text-align: left;
+  caption-side: bottom;
+}
+th {
+  text-align: inherit;
+}
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+  display: inline-block;
+  margin-bottom: 0.5rem;
+  color: #959BAD;
+  font-size: 11px;
+  line-height: 12px;
+}
+button {
+  border-radius: 0;
+}
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  background-color: #2b2b2b;
+  color: #d5d5d5d5d5d5;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px rgba(79, 86, 89, 0.25);
+}
+button,
+input {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+select {
+  word-wrap: normal;
+}
+[type="button"],
+[type="reset"],
+[type="submit"],
+button {
+  -webkit-appearance: button;
+}
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled),
+button:not(:disabled) {
+  cursor: pointer;
+}
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner,
+button::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+input[type="date"],
+input[type="datetime-local"],
+input[type="month"],
+input[type="time"] {
+  -webkit-appearance: listbox;
+}
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+progress {
+  vertical-align: baseline;
+}
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+output {
+  display: inline-block;
+}
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+template {
+  display: none;
+}
+[hidden] {
+  display: none !important;
+}
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-bottom: 0.5rem;
+  font-family: inherit;
+  font-weight: 400;
+  line-height: 1.1;
+  color: #d8d7e2;
+}
+.h1,
+h1 {
+  font-size: 1.75rem;
+}
+.h2,
+h2 {
+  font-size: 1.5rem;
+}
+.h3,
+h3 {
+  font-size: 1.3rem;
+}
+.h4,
+h4 {
+  font-size: 1.2rem;
+}
+.h5,
+h5 {
+  font-size: 1.1rem;
+}
+.h6,
+h6 {
+  font-size: 1rem;
+}
+.lead {
+  font-size: 1.25rem;
+  font-weight: 300;
+}
+.display-1 {
+  font-size: 6rem;
+  font-weight: 300;
+  line-height: 1.1;
+}
+.display-2 {
+  font-size: 5.5rem;
+  font-weight: 300;
+  line-height: 1.1;
+}
+.display-3 {
+  font-size: 4.5rem;
+  font-weight: 300;
+  line-height: 1.1;
+}
+.display-4 {
+  font-size: 3.5rem;
+  font-weight: 300;
+  line-height: 1.1;
+}
+hr {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+.small,
+small {
+  font-size: 80%;
+  font-weight: 400;
+}
+.mark,
+mark {
+  padding: 0.2em;
+  background-color: #fcf8e3;
+}
+.list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+.list-inline {
+  padding-left: 0;
+  list-style: none;
+}
+.list-inline-item {
+  display: inline-block;
+}
+.list-inline-item:not(:last-child) {
+  margin-right: 5px;
+}
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+.blockquote {
+  margin-bottom: 1rem;
+  font-size: 1.25rem;
+}
+.blockquote-footer {
+  display: block;
+  font-size: 80%;
+  color: #868e96;
+}
+.blockquote-footer::before {
+  content: "\2014\00A0";
+}
+.img-fluid {
+  max-width: 100%;
+  height: auto;
+}
+.img-thumbnail {
+  padding: 0.25rem;
+  background-color: #100e0e;
+  border: 1px solid #ddd;
+  border-radius: 2px;
+  max-width: 100%;
+  height: auto;
+}
+.figure {
+  display: inline-block;
+}
+.figure-img {
+  margin-bottom: 0.5rem;
+  line-height: 1;
+}
+.figure-caption {
+  font-size: 90%;
+  color: #868e96;
+}
+code {
+  font-size: 90%;
+  color: #bd4147;
+  word-break: break-word;
+}
+a > code {
+  color: inherit;
+}
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 90%;
+  color: #d5d5d5;
+  background-color: #212529;
+  border-radius: 2px;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 100%;
+  font-weight: 700;
+}
+pre {
+  display: block;
+  font-size: 90%;
+  color: inherit;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+.container {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+@media (min-width: 576px) {
+  .container {
+    max-width: 540px;
+  }
+}
+@media (min-width: 768px) {
+  .container {
+    max-width: 720px;
+  }
+}
+@media (min-width: 992px) {
+  .container {
+    max-width: 960px;
+  }
+}
+@media (min-width: 1200px) {
+  .container {
+    max-width: 1140px;
+  }
+}
+.container-fluid {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -15px;
+  margin-left: -15px;
+}
+.no-gutters {
+  margin-right: 0;
+  margin-left: 0;
+}
+.no-gutters > .col,
+.no-gutters > [class*="col-"] {
+  padding-right: 0;
+  padding-left: 0;
+}
+.col,
+.col-1,
+.col-10,
+.col-11,
+.col-12,
+.col-2,
+.col-3,
+.col-4,
+.col-5,
+.col-6,
+.col-7,
+.col-8,
+.col-9,
+.col-auto,
+.col-lg,
+.col-lg-1,
+.col-lg-10,
+.col-lg-11,
+.col-lg-12,
+.col-lg-2,
+.col-lg-3,
+.col-lg-4,
+.col-lg-5,
+.col-lg-6,
+.col-lg-7,
+.col-lg-8,
+.col-lg-9,
+.col-lg-auto,
+.col-md,
+.col-md-1,
+.col-md-10,
+.col-md-11,
+.col-md-12,
+.col-md-2,
+.col-md-3,
+.col-md-4,
+.col-md-5,
+.col-md-6,
+.col-md-7,
+.col-md-8,
+.col-md-9,
+.col-md-auto,
+.col-sm,
+.col-sm-1,
+.col-sm-10,
+.col-sm-11,
+.col-sm-12,
+.col-sm-2,
+.col-sm-3,
+.col-sm-4,
+.col-sm-5,
+.col-sm-6,
+.col-sm-7,
+.col-sm-8,
+.col-sm-9,
+.col-sm-auto,
+.col-xl,
+.col-xl-1,
+.col-xl-10,
+.col-xl-11,
+.col-xl-12,
+.col-xl-2,
+.col-xl-3,
+.col-xl-4,
+.col-xl-5,
+.col-xl-6,
+.col-xl-7,
+.col-xl-8,
+.col-xl-9,
+.col-xl-auto {
+  position: relative;
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+}
+.col {
+  flex-basis: 0;
+  flex-grow: 1;
+  max-width: 100%;
+}
+.col-auto {
+  flex: 0 0 auto;
+  width: auto;
+  max-width: 100%;
+}
+.col-1 {
+  flex: 0 0 8.33333%;
+  max-width: 8.33333%;
+}
+.col-2 {
+  flex: 0 0 16.66667%;
+  max-width: 16.66667%;
+}
+.col-3 {
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+.col-4 {
+  flex: 0 0 33.33333%;
+  max-width: 33.33333%;
+}
+.col-5 {
+  flex: 0 0 41.66667%;
+  max-width: 41.66667%;
+}
+.col-6 {
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+.col-7 {
+  flex: 0 0 58.33333%;
+  max-width: 58.33333%;
+}
+.col-8 {
+  flex: 0 0 66.66667%;
+  max-width: 66.66667%;
+}
+.col-9 {
+  flex: 0 0 75%;
+  max-width: 75%;
+}
+.col-10 {
+  flex: 0 0 83.33333%;
+  max-width: 83.33333%;
+}
+.col-11 {
+  flex: 0 0 91.66667%;
+  max-width: 91.66667%;
+}
+.col-12 {
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+.order-first {
+  order: -1;
+}
+.order-last {
+  order: 13;
+}
+.order-0 {
+  order: 0;
+}
+.order-1 {
+  order: 1;
+}
+.order-2 {
+  order: 2;
+}
+.order-3 {
+  order: 3;
+}
+.order-4 {
+  order: 4;
+}
+.order-5 {
+  order: 5;
+}
+.order-6 {
+  order: 6;
+}
+.order-7 {
+  order: 7;
+}
+.order-8 {
+  order: 8;
+}
+.order-9 {
+  order: 9;
+}
+.order-10 {
+  order: 10;
+}
+.order-11 {
+  order: 11;
+}
+.order-12 {
+  order: 12;
+}
+.offset-1 {
+  margin-left: 8.33333%;
+}
+.offset-2 {
+  margin-left: 16.66667%;
+}
+.offset-3 {
+  margin-left: 25%;
+}
+.offset-4 {
+  margin-left: 33.33333%;
+}
+.offset-5 {
+  margin-left: 41.66667%;
+}
+.offset-6 {
+  margin-left: 50%;
+}
+.offset-7 {
+  margin-left: 58.33333%;
+}
+.offset-8 {
+  margin-left: 66.66667%;
+}
+.offset-9 {
+  margin-left: 75%;
+}
+.offset-10 {
+  margin-left: 83.33333%;
+}
+.offset-11 {
+  margin-left: 91.66667%;
+}
+@media (min-width: 576px) {
+  .col-sm {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .col-sm-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-sm-1 {
+    flex: 0 0 8.33333%;
+    max-width: 8.33333%;
+  }
+  .col-sm-2 {
+    flex: 0 0 16.66667%;
+    max-width: 16.66667%;
+  }
+  .col-sm-3 {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-sm-4 {
+    flex: 0 0 33.33333%;
+    max-width: 33.33333%;
+  }
+  .col-sm-5 {
+    flex: 0 0 41.66667%;
+    max-width: 41.66667%;
+  }
+  .col-sm-6 {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-sm-7 {
+    flex: 0 0 58.33333%;
+    max-width: 58.33333%;
+  }
+  .col-sm-8 {
+    flex: 0 0 66.66667%;
+    max-width: 66.66667%;
+  }
+  .col-sm-9 {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-sm-10 {
+    flex: 0 0 83.33333%;
+    max-width: 83.33333%;
+  }
+  .col-sm-11 {
+    flex: 0 0 91.66667%;
+    max-width: 91.66667%;
+  }
+  .col-sm-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-sm-first {
+    order: -1;
+  }
+  .order-sm-last {
+    order: 13;
+  }
+  .order-sm-0 {
+    order: 0;
+  }
+  .order-sm-1 {
+    order: 1;
+  }
+  .order-sm-2 {
+    order: 2;
+  }
+  .order-sm-3 {
+    order: 3;
+  }
+  .order-sm-4 {
+    order: 4;
+  }
+  .order-sm-5 {
+    order: 5;
+  }
+  .order-sm-6 {
+    order: 6;
+  }
+  .order-sm-7 {
+    order: 7;
+  }
+  .order-sm-8 {
+    order: 8;
+  }
+  .order-sm-9 {
+    order: 9;
+  }
+  .order-sm-10 {
+    order: 10;
+  }
+  .order-sm-11 {
+    order: 11;
+  }
+  .order-sm-12 {
+    order: 12;
+  }
+  .offset-sm-0 {
+    margin-left: 0;
+  }
+  .offset-sm-1 {
+    margin-left: 8.33333%;
+  }
+  .offset-sm-2 {
+    margin-left: 16.66667%;
+  }
+  .offset-sm-3 {
+    margin-left: 25%;
+  }
+  .offset-sm-4 {
+    margin-left: 33.33333%;
+  }
+  .offset-sm-5 {
+    margin-left: 41.66667%;
+  }
+  .offset-sm-6 {
+    margin-left: 50%;
+  }
+  .offset-sm-7 {
+    margin-left: 58.33333%;
+  }
+  .offset-sm-8 {
+    margin-left: 66.66667%;
+  }
+  .offset-sm-9 {
+    margin-left: 75%;
+  }
+  .offset-sm-10 {
+    margin-left: 83.33333%;
+  }
+  .offset-sm-11 {
+    margin-left: 91.66667%;
+  }
+}
+@media (min-width: 768px) {
+  .col-md {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .col-md-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-md-1 {
+    flex: 0 0 8.33333%;
+    max-width: 8.33333%;
+  }
+  .col-md-2 {
+    flex: 0 0 16.66667%;
+    max-width: 16.66667%;
+  }
+  .col-md-3 {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-md-4 {
+    flex: 0 0 33.33333%;
+    max-width: 33.33333%;
+  }
+  .col-md-5 {
+    flex: 0 0 41.66667%;
+    max-width: 41.66667%;
+  }
+  .col-md-6 {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-md-7 {
+    flex: 0 0 58.33333%;
+    max-width: 58.33333%;
+  }
+  .col-md-8 {
+    flex: 0 0 66.66667%;
+    max-width: 66.66667%;
+  }
+  .col-md-9 {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-md-10 {
+    flex: 0 0 83.33333%;
+    max-width: 83.33333%;
+  }
+  .col-md-11 {
+    flex: 0 0 91.66667%;
+    max-width: 91.66667%;
+  }
+  .col-md-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-md-first {
+    order: -1;
+  }
+  .order-md-last {
+    order: 13;
+  }
+  .order-md-0 {
+    order: 0;
+  }
+  .order-md-1 {
+    order: 1;
+  }
+  .order-md-2 {
+    order: 2;
+  }
+  .order-md-3 {
+    order: 3;
+  }
+  .order-md-4 {
+    order: 4;
+  }
+  .order-md-5 {
+    order: 5;
+  }
+  .order-md-6 {
+    order: 6;
+  }
+  .order-md-7 {
+    order: 7;
+  }
+  .order-md-8 {
+    order: 8;
+  }
+  .order-md-9 {
+    order: 9;
+  }
+  .order-md-10 {
+    order: 10;
+  }
+  .order-md-11 {
+    order: 11;
+  }
+  .order-md-12 {
+    order: 12;
+  }
+  .offset-md-0 {
+    margin-left: 0;
+  }
+  .offset-md-1 {
+    margin-left: 8.33333%;
+  }
+  .offset-md-2 {
+    margin-left: 16.66667%;
+  }
+  .offset-md-3 {
+    margin-left: 25%;
+  }
+  .offset-md-4 {
+    margin-left: 33.33333%;
+  }
+  .offset-md-5 {
+    margin-left: 41.66667%;
+  }
+  .offset-md-6 {
+    margin-left: 50%;
+  }
+  .offset-md-7 {
+    margin-left: 58.33333%;
+  }
+  .offset-md-8 {
+    margin-left: 66.66667%;
+  }
+  .offset-md-9 {
+    margin-left: 75%;
+  }
+  .offset-md-10 {
+    margin-left: 83.33333%;
+  }
+  .offset-md-11 {
+    margin-left: 91.66667%;
+  }
+}
+@media (min-width: 992px) {
+  .col-lg {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .col-lg-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-lg-1 {
+    flex: 0 0 8.33333%;
+    max-width: 8.33333%;
+  }
+  .col-lg-2 {
+    flex: 0 0 16.66667%;
+    max-width: 16.66667%;
+  }
+  .col-lg-3 {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-lg-4 {
+    flex: 0 0 33.33333%;
+    max-width: 33.33333%;
+  }
+  .col-lg-5 {
+    flex: 0 0 41.66667%;
+    max-width: 41.66667%;
+  }
+  .col-lg-6 {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-lg-7 {
+    flex: 0 0 58.33333%;
+    max-width: 58.33333%;
+  }
+  .col-lg-8 {
+    flex: 0 0 66.66667%;
+    max-width: 66.66667%;
+  }
+  .col-lg-9 {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-lg-10 {
+    flex: 0 0 83.33333%;
+    max-width: 83.33333%;
+  }
+  .col-lg-11 {
+    flex: 0 0 91.66667%;
+    max-width: 91.66667%;
+  }
+  .col-lg-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-lg-first {
+    order: -1;
+  }
+  .order-lg-last {
+    order: 13;
+  }
+  .order-lg-0 {
+    order: 0;
+  }
+  .order-lg-1 {
+    order: 1;
+  }
+  .order-lg-2 {
+    order: 2;
+  }
+  .order-lg-3 {
+    order: 3;
+  }
+  .order-lg-4 {
+    order: 4;
+  }
+  .order-lg-5 {
+    order: 5;
+  }
+  .order-lg-6 {
+    order: 6;
+  }
+  .order-lg-7 {
+    order: 7;
+  }
+  .order-lg-8 {
+    order: 8;
+  }
+  .order-lg-9 {
+    order: 9;
+  }
+  .order-lg-10 {
+    order: 10;
+  }
+  .order-lg-11 {
+    order: 11;
+  }
+  .order-lg-12 {
+    order: 12;
+  }
+  .offset-lg-0 {
+    margin-left: 0;
+  }
+  .offset-lg-1 {
+    margin-left: 8.33333%;
+  }
+  .offset-lg-2 {
+    margin-left: 16.66667%;
+  }
+  .offset-lg-3 {
+    margin-left: 25%;
+  }
+  .offset-lg-4 {
+    margin-left: 33.33333%;
+  }
+  .offset-lg-5 {
+    margin-left: 41.66667%;
+  }
+  .offset-lg-6 {
+    margin-left: 50%;
+  }
+  .offset-lg-7 {
+    margin-left: 58.33333%;
+  }
+  .offset-lg-8 {
+    margin-left: 66.66667%;
+  }
+  .offset-lg-9 {
+    margin-left: 75%;
+  }
+  .offset-lg-10 {
+    margin-left: 83.33333%;
+  }
+  .offset-lg-11 {
+    margin-left: 91.66667%;
+  }
+}
+@media (min-width: 1200px) {
+  .col-xl {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .col-xl-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-xl-1 {
+    flex: 0 0 8.33333%;
+    max-width: 8.33333%;
+  }
+  .col-xl-2 {
+    flex: 0 0 16.66667%;
+    max-width: 16.66667%;
+  }
+  .col-xl-3 {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-xl-4 {
+    flex: 0 0 33.33333%;
+    max-width: 33.33333%;
+  }
+  .col-xl-5 {
+    flex: 0 0 41.66667%;
+    max-width: 41.66667%;
+  }
+  .col-xl-6 {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-xl-7 {
+    flex: 0 0 58.33333%;
+    max-width: 58.33333%;
+  }
+  .col-xl-8 {
+    flex: 0 0 66.66667%;
+    max-width: 66.66667%;
+  }
+  .col-xl-9 {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-xl-10 {
+    flex: 0 0 83.33333%;
+    max-width: 83.33333%;
+  }
+  .col-xl-11 {
+    flex: 0 0 91.66667%;
+    max-width: 91.66667%;
+  }
+  .col-xl-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-xl-first {
+    order: -1;
+  }
+  .order-xl-last {
+    order: 13;
+  }
+  .order-xl-0 {
+    order: 0;
+  }
+  .order-xl-1 {
+    order: 1;
+  }
+  .order-xl-2 {
+    order: 2;
+  }
+  .order-xl-3 {
+    order: 3;
+  }
+  .order-xl-4 {
+    order: 4;
+  }
+  .order-xl-5 {
+    order: 5;
+  }
+  .order-xl-6 {
+    order: 6;
+  }
+  .order-xl-7 {
+    order: 7;
+  }
+  .order-xl-8 {
+    order: 8;
+  }
+  .order-xl-9 {
+    order: 9;
+  }
+  .order-xl-10 {
+    order: 10;
+  }
+  .order-xl-11 {
+    order: 11;
+  }
+  .order-xl-12 {
+    order: 12;
+  }
+  .offset-xl-0 {
+    margin-left: 0;
+  }
+  .offset-xl-1 {
+    margin-left: 8.33333%;
+  }
+  .offset-xl-2 {
+    margin-left: 16.66667%;
+  }
+  .offset-xl-3 {
+    margin-left: 25%;
+  }
+  .offset-xl-4 {
+    margin-left: 33.33333%;
+  }
+  .offset-xl-5 {
+    margin-left: 41.66667%;
+  }
+  .offset-xl-6 {
+    margin-left: 50%;
+  }
+  .offset-xl-7 {
+    margin-left: 58.33333%;
+  }
+  .offset-xl-8 {
+    margin-left: 66.66667%;
+  }
+  .offset-xl-9 {
+    margin-left: 75%;
+  }
+  .offset-xl-10 {
+    margin-left: 83.33333%;
+  }
+  .offset-xl-11 {
+    margin-left: 91.66667%;
+  }
+}
+.table {
+  width: 100%;
+  margin-bottom: 1rem;
+  color: #d5d5d5;
+  background-color: transparent;
+}
+.table td,
+.table th {
+  padding: 0.75rem;
+  vertical-align: top;
+  border-top: 1px solid #51536b;
+}
+.table thead th {
+  vertical-align: bottom;
+  border-bottom: 2px solid #51536b;
+}
+.table tbody + tbody {
+  border-top: 2px solid #51536b;
+}
+.table-sm td,
+.table-sm th {
+  padding: 0.3rem;
+}
+.table-bordered {
+  border: 1px solid #51536b;
+}
+.table-bordered td,
+.table-bordered th {
+  border: 1px solid #51536b;
+}
+.table-bordered thead td,
+.table-bordered thead th {
+  border-bottom-width: 2px;
+}
+.table-borderless tbody + tbody,
+.table-borderless td,
+.table-borderless th,
+.table-borderless thead th {
+  border: 0;
+}
+.table-striped tbody tr:nth-of-type(odd) {
+  background-color: #100e0e;
+}
+.table-hover tbody tr:hover {
+  color: #d5d5d5;
+  background-color: rgba(0, 0, 0, 0.075);
+}
+.table-primary,
+.table-primary > td,
+.table-primary > th {
+  background-color: #414c50;
+}
+.table-primary tbody + tbody,
+.table-primary td,
+.table-primary th,
+.table-primary thead th {
+  border-color: #2c3436;
+}
+.table-hover .table-primary:hover {
+  background-color: #2c3436;
+}
+.table-hover .table-primary:hover > td,
+.table-hover .table-primary:hover > th {
+  background-color: #a5d0df;
+}
+.table-secondary,
+.table-secondary > td,
+.table-secondary > th {
+  background-color: #323435;
+}
+.table-secondary tbody + tbody,
+.table-secondary td,
+.table-secondary th,
+.table-secondary thead th {
+  border-color: #323435;
+}
+.table-hover .table-secondary:hover {
+  background-color: #414242;
+}
+.table-hover .table-secondary:hover > td,
+.table-hover .table-secondary:hover > th {
+  background-color: #272c29;
+}
+.table-success,
+.table-success > td,
+.table-success > th {
+  background-color: #29302d;
+}
+.table-success tbody + tbody,
+.table-success td,
+.table-success th,
+.table-success thead th {
+  border-color: #343a38;
+}
+.table-hover .table-success:hover {
+  background-color: #29302d;
+}
+.table-hover .table-success:hover > td,
+.table-hover .table-success:hover > th {
+  background-color: #29302d;
+}
+.table-info,
+.table-info > td,
+.table-info > th {
+  background-color: #191d20;
+}
+.table-info tbody + tbody,
+.table-info td,
+.table-info th,
+.table-info thead th {
+  border-color: #191d20;
+}
+.table-hover .table-info:hover {
+  background-color: rgb(30, 32, 34);
+}
+.table-hover .table-info:hover > td,
+.table-hover .table-info:hover > th {
+  background-color: #191d20;
+}
+.table-warning,
+.table-warning > td,
+.table-warning > th {
+  background-color: #493a31;
+}
+.table-warning tbody + tbody,
+.table-warning td,
+.table-warning th,
+.table-warning thead th {
+  border-color: #493a31;
+}
+.table-hover .table-warning:hover {
+  background-color: rgb(56, 51, 47);
+}
+.table-hover .table-warning:hover > td,
+.table-hover .table-warning:hover > th {
+  background-color: #493a31;
+}
+.table-danger,
+.table-danger > td,
+.table-danger > th {
+  background-color: #463030;
+}
+.table-danger tbody + tbody,
+.table-danger td,
+.table-danger th,
+.table-danger thead th {
+  border-color: #463030;
+}
+.table-hover .table-danger:hover {
+  background-color: #463030;
+}
+.table-hover .table-danger:hover > td,
+.table-hover .table-danger:hover > th {
+  background-color: #463030;
+}
+.table-light,
+.table-light > td,
+.table-light > th {
+  background-color: #c3c4c9;
+}
+.table-light tbody + tbody,
+.table-light td,
+.table-light th,
+.table-light thead th {
+  border-color: #90919b;
+}
+.table-hover .table-light:hover {
+  background-color: #b6b7bd;
+}
+.table-hover .table-light:hover > td,
+.table-hover .table-light:hover > th {
+  background-color: #b6b7bd;
+}
+.table-dark,
+.table-dark > td,
+.table-dark > th {
+  background-color: #c1c1c7;
+}
+.table-dark tbody + tbody,
+.table-dark td,
+.table-dark th,
+.table-dark thead th {
+  border-color: #8c8d96;
+}
+.table-hover .table-dark:hover {
+  background-color: #b4b4bb;
+}
+.table-hover .table-dark:hover > td,
+.table-hover .table-dark:hover > th {
+  background-color: #b4b4bb;
+}
+.table-active,
+.table-active > td,
+.table-active > th {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+.table-hover .table-active:hover {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+.table-hover .table-active:hover > td,
+.table-hover .table-active:hover > th {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+.table .thead-dark th {
+  color: #d5d5d5;
+  background-color: #343a40;
+  border-color: #454d55;
+}
+.table .thead-light th {
+  color: #d5d5d5;
+  background-color: #100e0e;
+  border-color: #51536b;
+}
+.table-dark {
+  color: #d5d5d5;
+  background-color: #343a40;
+}
+.table-dark td,
+.table-dark th,
+.table-dark thead th {
+  border-color: #454d55;
+}
+.table-dark.table-bordered {
+  border: 0;
+}
+.table-dark.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+.table-dark.table-hover tbody tr:hover {
+  color: #d5d5d5;
+  background-color: rgba(255, 255, 255, 0.075);
+}
+@media (max-width: 575.98px) {
+  .table-responsive-sm {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-sm > .table-bordered {
+    border: 0;
+  }
+}
+@media (max-width: 767.98px) {
+  .table-responsive-md {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-md > .table-bordered {
+    border: 0;
+  }
+}
+@media (max-width: 991.98px) {
+  .table-responsive-lg {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-lg > .table-bordered {
+    border: 0;
+  }
+}
+@media (max-width: 1199.98px) {
+  .table-responsive-xl {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-xl > .table-bordered {
+    border: 0;
+  }
+}
+.table-responsive {
+  display: block;
+  width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.table-responsive > .table-bordered {
+  border: 0;
+}
+.form-control {
+  display: block;
+  width: 100%;
+  height: calc(1.25em + 1rem + 2px);
+  padding: 0.5rem 0.75rem !important;
+  font-size: 0.875rem !important;
+  font-weight: 400;
+  line-height: 1.25;
+  color: #aaaaaa !important;
+  background-color: #252525 !important;
+  background-clip: padding-box;
+  border: none !important;
+  border-radius: 2px !important;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  -webkit-appearance: none !important;
+  -moz-appearance: none !important;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-control {
+    transition: none;
+  }
+}
+.form-control::-ms-expand {
+  background-color: transparent;
+  border: 0;
+}
+.form-control:focus {
+  color: #aaaaaa;
+  background-color: #1a1a1a;
+  border-color: #6d7172;
+  outline: 0;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
+    0 0 0 3px rgba(0, 122, 166, 0.25);
+}
+.form-control::placeholder {
+  color: #868e96;
+  opacity: 1;
+}
+.form-control:disabled,
+.form-control[readonly] {
+  background-color: ##222225;
+  opacity: 1;
+}
+select.form-control:focus::-ms-value {
+  color: #aaaaaa;
+  background-color: #1a1a1a;
+}
+.form-control-file,
+.form-control-range {
+  display: block;
+  width: 100%;
+}
+.col-form-label {
+  padding-top: calc(0.5rem + 1px);
+  padding-bottom: calc(0.5rem + 1px);
+  margin-bottom: 0;
+  font-size: inherit;
+  line-height: 1.25;
+}
+.col-form-label-lg {
+  padding-top: calc(0.5rem + 1px);
+  padding-bottom: calc(0.5rem + 1px);
+  font-size: 1.25rem;
+  line-height: 1.5;
+}
+.col-form-label-sm {
+  padding-top: calc(0.25rem + 1px);
+  padding-bottom: calc(0.25rem + 1px);
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+.form-control-plaintext {
+  display: block;
+  width: 100%;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  margin-bottom: 0;
+  line-height: 1.25;
+  color: #d5d5d5;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: 1px 0;
+}
+.form-control-plaintext.form-control-lg,
+.form-control-plaintext.form-control-sm {
+  padding-right: 0;
+  padding-left: 0;
+}
+.form-control-sm {
+  height: calc(1.5em + 0.5rem + 2px);
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 2px;
+}
+.form-control-lg {
+  height: calc(1.5em + 1rem + 2px);
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 2px;
+}
+select.form-control[multiple],
+select.form-control[size] {
+  height: auto;
+}
+textarea.form-control {
+  height: auto;
+}
+.form-group {
+  margin-bottom: 1rem;
+}
+.form-text {
+  display: block;
+  margin-top: 0.25rem;
+}
+.form-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -5px;
+  margin-left: -5px;
+}
+.form-row > .col,
+.form-row > [class*="col-"] {
+  padding-right: 5px;
+  padding-left: 5px;
+}
+.form-check {
+  position: relative;
+  display: block;
+  padding-left: 1.25rem;
+}
+.form-check-input {
+  position: absolute;
+  margin-top: 0.25rem;
+  margin-left: -1.25rem;
+}
+.form-check-input:disabled ~ .form-check-label {
+  color: #868e96;
+}
+.form-check-label {
+  margin-bottom: 0;
+  font-size: 13px;
+  line-height: 18px;
+  color: #9e9eab;
+  text-transform: initial;
+  display: initial;
+}
+.form-check-inline {
+  display: inline-flex;
+  align-items: center;
+  padding-left: 0;
+  margin-right: 0.75rem;
+}
+.form-check-inline .form-check-input {
+  position: static;
+  margin-top: 0;
+  margin-right: 0.3125rem;
+  margin-left: 0;
+}
+.valid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 80%;
+  color: #366a57;
+}
+.valid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 3px 8px;
+  margin-top: 0.1rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: #d5d5d5;
+  background-color: rgba(50, 186, 137, 0.9);
+  border-radius: 2px;
+}
+.form-control.is-valid,
+.was-validated .form-control:valid {
+  border-color: #366a57;
+  padding-right: calc(1.25em + 1rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2332BA89' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: center right calc(0.3125em + 0.25rem);
+  background-size: calc(0.625em + 0.5rem) calc(0.625em + 0.5rem);
+}
+.form-control.is-valid:focus,
+.was-validated .form-control:valid:focus {
+  border-color: #366a57;
+  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
+}
+.form-control.is-valid ~ .valid-feedback,
+.form-control.is-valid ~ .valid-tooltip,
+.was-validated .form-control:valid ~ .valid-feedback,
+.was-validated .form-control:valid ~ .valid-tooltip {
+  display: block;
+}
+.was-validated textarea.form-control:valid,
+textarea.form-control.is-valid {
+  padding-right: calc(1.25em + 1rem);
+  background-position: top calc(0.3125em + 0.25rem) right
+    calc(0.3125em + 0.25rem);
+}
+.custom-select.is-valid,
+.was-validated .custom-select:valid {
+  border-color: #366a57;
+  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
+      no-repeat right 0.75rem center/8px 10px,
+    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2332BA89' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
+      #28282D no-repeat center right 1.75rem / calc(0.625em + 0.5rem)
+      calc(0.625em + 0.5rem);
+}
+.custom-select.is-valid:focus,
+.was-validated .custom-select:valid:focus {
+  border-color: #366a57;
+  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
+}
+.custom-select.is-valid ~ .valid-feedback,
+.custom-select.is-valid ~ .valid-tooltip,
+.was-validated .custom-select:valid ~ .valid-feedback,
+.was-validated .custom-select:valid ~ .valid-tooltip {
+  display: block;
+}
+.form-control-file.is-valid ~ .valid-feedback,
+.form-control-file.is-valid ~ .valid-tooltip,
+.was-validated .form-control-file:valid ~ .valid-feedback,
+.was-validated .form-control-file:valid ~ .valid-tooltip {
+  display: block;
+}
+.form-check-input.is-valid ~ .form-check-label,
+.was-validated .form-check-input:valid ~ .form-check-label {
+  color: #366a57;
+}
+.form-check-input.is-valid ~ .valid-feedback,
+.form-check-input.is-valid ~ .valid-tooltip,
+.was-validated .form-check-input:valid ~ .valid-feedback,
+.was-validated .form-check-input:valid ~ .valid-tooltip {
+  display: block;
+}
+.custom-control-input.is-valid ~ .custom-control-label,
+.was-validated .custom-control-input:valid ~ .custom-control-label {
+  color: #366a57;
+}
+.custom-control-input.is-valid ~ .custom-control-label::before,
+.was-validated .custom-control-input:valid ~ .custom-control-label::before {
+  border-color: #366a57;
+}
+.custom-control-input.is-valid ~ .valid-feedback,
+.custom-control-input.is-valid ~ .valid-tooltip,
+.was-validated .custom-control-input:valid ~ .valid-feedback,
+.was-validated .custom-control-input:valid ~ .valid-tooltip {
+  display: block;
+}
+.custom-control-input.is-valid:checked ~ .custom-control-label::before,
+.was-validated
+  .custom-control-input:valid:checked
+  ~ .custom-control-label::before {
+  border-color: #4fd0a1;
+  background-color: #4fd0a1;
+}
+.custom-control-input.is-valid:focus ~ .custom-control-label::before,
+.was-validated
+  .custom-control-input:valid:focus
+  ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
+}
+.custom-control-input.is-valid:focus:not(:checked)
+  ~ .custom-control-label::before,
+.was-validated
+  .custom-control-input:valid:focus:not(:checked)
+  ~ .custom-control-label::before {
+  border-color: #366a57;
+}
+.custom-file-input.is-valid ~ .custom-file-label,
+.was-validated .custom-file-input:valid ~ .custom-file-label {
+  border-color: #366a57;
+}
+.custom-file-input.is-valid ~ .valid-feedback,
+.custom-file-input.is-valid ~ .valid-tooltip,
+.was-validated .custom-file-input:valid ~ .valid-feedback,
+.was-validated .custom-file-input:valid ~ .valid-tooltip {
+  display: block;
+}
+.custom-file-input.is-valid:focus ~ .custom-file-label,
+.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
+  border-color: #366a57;
+  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
+}
+.invalid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 80%;
+  color: #823a3a;
+}
+.invalid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 3px 8px;
+  margin-top: 0.1rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: #d5d5d5;
+  background-color: rgba(184, 64, 64, 0.9);
+  border-radius: 2px;
+}
+.form-control.is-invalid,
+.was-validated .form-control:invalid {
+  border-color: #823a3a;
+  padding-right: calc(1.25em + 1rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23B84040' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23B84040' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
+  background-repeat: no-repeat;
+  background-position: center right calc(0.3125em + 0.25rem);
+  background-size: calc(0.625em + 0.5rem) calc(0.625em + 0.5rem);
+}
+.form-control.is-invalid:focus,
+.was-validated .form-control:invalid:focus {
+  border-color: #823a3a;
+  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.25);
+}
+.form-control.is-invalid ~ .invalid-feedback,
+.form-control.is-invalid ~ .invalid-tooltip,
+.was-validated .form-control:invalid ~ .invalid-feedback,
+.was-validated .form-control:invalid ~ .invalid-tooltip {
+  display: block;
+}
+.was-validated textarea.form-control:invalid,
+textarea.form-control.is-invalid {
+  padding-right: calc(1.25em + 1rem);
+  background-position: top calc(0.3125em + 0.25rem) right
+    calc(0.3125em + 0.25rem);
+}
+.custom-select.is-invalid,
+.was-validated .custom-select:invalid {
+  border-color: #823a3a;
+  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
+      no-repeat right 0.75rem center/8px 10px,
+    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23B84040' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23B84040' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")
+      #28282D no-repeat center right 1.75rem / calc(0.625em + 0.5rem)
+      calc(0.625em + 0.5rem);
+}
+.custom-select.is-invalid:focus,
+.was-validated .custom-select:invalid:focus {
+  border-color: #823a3a;
+  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.25);
+}
+.custom-select.is-invalid ~ .invalid-feedback,
+.custom-select.is-invalid ~ .invalid-tooltip,
+.was-validated .custom-select:invalid ~ .invalid-feedback,
+.was-validated .custom-select:invalid ~ .invalid-tooltip {
+  display: block;
+}
+.form-control-file.is-invalid ~ .invalid-feedback,
+.form-control-file.is-invalid ~ .invalid-tooltip,
+.was-validated .form-control-file:invalid ~ .invalid-feedback,
+.was-validated .form-control-file:invalid ~ .invalid-tooltip {
+  display: block;
+}
+.form-check-input.is-invalid ~ .form-check-label,
+.was-validated .form-check-input:invalid ~ .form-check-label {
+  color: #823a3a;
+}
+.form-check-input.is-invalid ~ .invalid-feedback,
+.form-check-input.is-invalid ~ .invalid-tooltip,
+.was-validated .form-check-input:invalid ~ .invalid-feedback,
+.was-validated .form-check-input:invalid ~ .invalid-tooltip {
+  display: block;
+}
+.custom-control-input.is-invalid ~ .custom-control-label,
+.was-validated .custom-control-input:invalid ~ .custom-control-label {
+  color: #823a3a;
+}
+.custom-control-input.is-invalid ~ .custom-control-label::before,
+.was-validated .custom-control-input:invalid ~ .custom-control-label::before {
+  border-color: #823a3a;
+}
+.custom-control-input.is-invalid ~ .invalid-feedback,
+.custom-control-input.is-invalid ~ .invalid-tooltip,
+.was-validated .custom-control-input:invalid ~ .invalid-feedback,
+.was-validated .custom-control-input:invalid ~ .invalid-tooltip {
+  display: block;
+}
+.custom-control-input.is-invalid:checked ~ .custom-control-label::before,
+.was-validated
+  .custom-control-input:invalid:checked
+  ~ .custom-control-label::before {
+  border-color: #c96262;
+  background-color: #c96262;
+}
+.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
+.was-validated
+  .custom-control-input:invalid:focus
+  ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.25);
+}
+.custom-control-input.is-invalid:focus:not(:checked)
+  ~ .custom-control-label::before,
+.was-validated
+  .custom-control-input:invalid:focus:not(:checked)
+  ~ .custom-control-label::before {
+  border-color: #823a3a;
+}
+.custom-file-input.is-invalid ~ .custom-file-label,
+.was-validated .custom-file-input:invalid ~ .custom-file-label {
+  border-color: #823a3a;
+}
+.custom-file-input.is-invalid ~ .invalid-feedback,
+.custom-file-input.is-invalid ~ .invalid-tooltip,
+.was-validated .custom-file-input:invalid ~ .invalid-feedback,
+.was-validated .custom-file-input:invalid ~ .invalid-tooltip {
+  display: block;
+}
+.custom-file-input.is-invalid:focus ~ .custom-file-label,
+.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
+  border-color: #823a3a;
+  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.25);
+}
+.form-inline {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+}
+.form-inline .form-check {
+  width: 100%;
+}
+@media (min-width: 576px) {
+  .form-inline label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 0;
+  }
+  .form-inline .form-group {
+    display: flex;
+    flex: 0 0 auto;
+    flex-flow: row wrap;
+    align-items: center;
+    margin-bottom: 0;
+  }
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .form-inline .form-control-plaintext {
+    display: inline-block;
+  }
+  .form-inline .custom-select,
+  .form-inline .input-group {
+    width: auto;
+  }
+  .form-inline .form-check {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: auto;
+    padding-left: 0;
+  }
+  .form-inline .form-check-input {
+    position: relative;
+    flex-shrink: 0;
+    margin-top: 0;
+    margin-right: 0.25rem;
+    margin-left: 0;
+  }
+  .form-inline .custom-control {
+    align-items: center;
+    justify-content: center;
+  }
+  .form-inline .custom-control-label {
+    margin-bottom: 0;
+  }
+}
+.btn {
+  display: inline-block;
+  font-weight: 400;
+  color: #d5d5d5;
+  text-align: center;
+  vertical-align: middle;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: 0.5rem 0.75rem;
+  font-size: 1rem;
+  line-height: 1.25;
+  border-radius: 2px;
+  transition: all 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .btn {
+    transition: none;
+  }
+}
+.btn:hover {
+  color: #d5d5d5;
+  text-decoration: none;
+}
+.btn.focus,
+.btn:focus {
+  outline: 0;
+  box-shadow: 0 0 0 3px rgba(0, 122, 166, 0.25);
+}
+.btn.disabled,
+.btn:disabled {
+  opacity: 0.65;
+}
+a.btn.disabled,
+fieldset:disabled a.btn {
+  pointer-events: none;
+}
+.btn-primary {
+  color: #d5d5d5;
+  background-color: #2f5360;
+  border-color: #007aa6;
+}
+.btn-primary:hover {
+  color: #d5d5d5;
+  background-color: #005e80;
+  border-color: #005573;
+}
+.btn-primary.focus,
+.btn-primary:focus {
+  box-shadow: 0 0 0 0.2rem rgba(38, 142, 179, 0.5);
+}
+.btn-primary.disabled,
+.btn-primary:disabled {
+  color: #d5d5d5;
+  background-color: #153844;
+  border-color: #007aa6;
+}
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show > .btn-primary.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #005573;
+  border-color: #004b66;
+}
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(38, 142, 179, 0.5);
+}
+.btn-secondary {
+  color: #d5d5d5;
+  background-color: #38383c;
+  border-color: #66666a;
+}
+.btn-secondary:hover {
+  color: #d5d5d5;
+  background-color: #606061;
+  border-color: #434559;
+}
+.btn-secondary.focus,
+.btn-secondary:focus {
+  box-shadow: 0 0 0 0.2rem rgba(114, 116, 139, 0.5);
+}
+.btn-secondary.disabled,
+.btn-secondary:disabled {
+  color: #aca9a9;
+  background-color: #38383c;
+  border-color: #66666a;
+}
+.btn-secondary.disabled:hover,
+.btn-secondary:disabled:hover {
+  color: #aca9a9;
+  background-color: #606061;
+  border-color: #66666a;
+}
+.btn-secondary:not(:disabled):not(.disabled).active,
+.btn-secondary:not(:disabled):not(.disabled):active,
+.show > .btn-secondary.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #434559;
+  border-color: #3e4052;
+}
+.btn-secondary:not(:disabled):not(.disabled).active:focus,
+.btn-secondary:not(:disabled):not(.disabled):active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(114, 116, 139, 0.5);
+}
+.btn-success {
+  color: #d5d5d5;
+  background-color: #366a57;
+  border-color: #32ba89;
+}
+.btn-success:hover {
+  color: #d5d5d5;
+  background-color: #2a9c73;
+  border-color: #27926b;
+}
+.btn-success.focus,
+.btn-success:focus {
+  box-shadow: 0 0 0 0.2rem rgba(81, 196, 155, 0.5);
+}
+.btn-success.disabled,
+.btn-success:disabled {
+  color: #d5d5d5;
+  background-color: #637a72;
+  border-color: #32ba89;
+}
+.btn-success:not(:disabled):not(.disabled).active,
+.btn-success:not(:disabled):not(.disabled):active,
+.show > .btn-success.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #27926b;
+  border-color: #248864;
+}
+.btn-success:not(:disabled):not(.disabled).active:focus,
+.btn-success:not(:disabled):not(.disabled):active:focus,
+.show > .btn-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(81, 196, 155, 0.5);
+}
+.btn-info {
+  color: #d5d5d5;
+  background-color: #053c64;
+  border-color: #355f7d;
+}
+.btn-info:hover {
+  color: #d5d5d5;
+  background-color: #2a4b62;
+  border-color: #264459;
+}
+.btn-info.focus,
+.btn-info:focus {
+  box-shadow: 0 0 0 0.2rem rgba(83, 119, 145, 0.5);
+}
+.btn-info.disabled,
+.btn-info:disabled {
+  color: #d5d5d5;
+  background-color: #053c64;
+  border-color: #355f7d;
+}
+.btn-info:not(:disabled):not(.disabled).active,
+.btn-info:not(:disabled):not(.disabled):active,
+.show > .btn-info.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #264459;
+  border-color: #223d50;
+}
+.btn-info:not(:disabled):not(.disabled).active:focus,
+.btn-info:not(:disabled):not(.disabled):active:focus,
+.show > .btn-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(83, 119, 145, 0.5);
+}
+.btn-warning {
+  color: #d5d5d5;
+  background-color: #8a5026;
+  border-color: #c97539;
+}
+.btn-warning:hover {
+  color: #d5d5d5;
+  background-color: #ad632f;
+  border-color: #a35e2c;
+}
+.btn-warning.focus,
+.btn-warning:focus {
+  box-shadow: 0 0 0 0.2rem rgba(209, 138, 87, 0.5);
+}
+.btn-warning.disabled,
+.btn-warning:disabled {
+  color: #d5d5d5;
+  background-color: #8a5026;
+  border-color: #c97539;
+}
+.btn-warning:not(:disabled):not(.disabled).active,
+.btn-warning:not(:disabled):not(.disabled):active,
+.show > .btn-warning.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #a35e2c;
+  border-color: #99582a;
+}
+.btn-warning:not(:disabled):not(.disabled).active:focus,
+.btn-warning:not(:disabled):not(.disabled):active:focus,
+.show > .btn-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(209, 138, 87, 0.5);
+}
+.btn-danger {
+  color: #d5d5d5;
+  background-color: #823a3a;
+  border-color: #b84040;
+}
+.btn-danger:hover {
+  color: #d5d5d5;
+  background-color: #9c3636;
+  border-color: #923333;
+}
+.btn-danger.focus,
+.btn-danger:focus {
+  box-shadow: 0 0 0 0.2rem rgba(195, 93, 93, 0.5);
+}
+.btn-danger.disabled,
+.btn-danger:disabled {
+  color: #d5d5d5;
+  background-color: #823a3a;
+  border-color: #b84040;
+}
+.btn-danger:not(:disabled):not(.disabled).active,
+.btn-danger:not(:disabled):not(.disabled):active,
+.show > .btn-danger.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #923333;
+  border-color: #893030;
+}
+.btn-danger:not(:disabled):not(.disabled).active:focus,
+.btn-danger:not(:disabled):not(.disabled):active:focus,
+.show > .btn-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(195, 93, 93, 0.5);
+}
+.btn-light {
+  color: #d5d5d5;
+  background-color: #1f2020;
+  border-color: #1f2020;
+}
+.btn-light:hover {
+  color: #d5d5d5;
+  background-color: #1b1c28;
+  border-color: #161720;
+}
+.btn-light.focus,
+.btn-light:focus {
+  box-shadow: 0 0 0 0.2rem rgba(74, 76, 92, 0.5);
+}
+.btn-light.disabled,
+.btn-light:disabled {
+  color: #d5d5d5;
+  background-color: #1f2020;
+  border-color: #1f2020;
+}
+.btn-light:not(:disabled):not(.disabled).active,
+.btn-light:not(:disabled):not(.disabled):active,
+.show > .btn-light.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #161720;
+  border-color: #111119;
+}
+.btn-light:not(:disabled):not(.disabled).active:focus,
+.btn-light:not(:disabled):not(.disabled):active:focus,
+.show > .btn-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(74, 76, 92, 0.5);
+}
+.btn-dark {
+  color: #d5d5d5;
+  background-color: #1a1a1a;
+  border-color: #1a1a1a;
+}
+.btn-dark:hover {
+  color: #d5d5d5;
+  background-color: #13141f;
+  border-color: #0e0f17;
+}
+.btn-dark.focus,
+.btn-dark:focus {
+  box-shadow: 0 0 0 0.2rem rgba(67, 68, 84, 0.5);
+}
+.btn-dark.disabled,
+.btn-dark:disabled {
+  color: #d5d5d5;
+  background-color: #1a1a1a;
+  border-color: #1a1a1a;
+}
+.btn-dark:not(:disabled):not(.disabled).active,
+.btn-dark:not(:disabled):not(.disabled):active,
+.show > .btn-dark.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #0e0f17;
+  border-color: #090a0f;
+}
+.btn-dark:not(:disabled):not(.disabled).active:focus,
+.btn-dark:not(:disabled):not(.disabled):active:focus,
+.show > .btn-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(67, 68, 84, 0.5);
+}
+.btn-outline-primary {
+  color: #28282D;
+  border-color: #007aa6;
+}
+.btn-outline-primary:hover {
+  color: #d5d5d5;
+  background-color: #28282D;
+  border-color: #007aa6;
+}
+.btn-outline-primary.focus,
+.btn-outline-primary:focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 122, 166, 0.5);
+}
+.btn-outline-primary.disabled,
+.btn-outline-primary:disabled {
+  color: #28282D;
+  background-color: transparent;
+}
+.btn-outline-primary:not(:disabled):not(.disabled).active,
+.btn-outline-primary:not(:disabled):not(.disabled):active,
+.show > .btn-outline-primary.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #007aa6;
+  border-color: #28282D;
+}
+.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
+.show > .btn-outline-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 122, 166, 0.5);
+}
+.btn-outline-secondary {
+  color: #59595d;
+  border-color: #66666a;
+}
+.btn-outline-secondary:hover {
+  color: #d5d5d5;
+  background-color: #59595d;
+  border-color: #66666a;
+}
+.btn-outline-secondary.focus,
+.btn-outline-secondary:focus {
+  box-shadow: 0 0 0 0.2rem rgba(89, 92, 118, 0.5);
+}
+.btn-outline-secondary.disabled,
+.btn-outline-secondary:disabled {
+  color: #59595d;
+  background-color: transparent;
+}
+.btn-outline-secondary:not(:disabled):not(.disabled).active,
+.btn-outline-secondary:not(:disabled):not(.disabled):active,
+.show > .btn-outline-secondary.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #59595d;
+  border-color: #66666a;
+}
+.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
+.show > .btn-outline-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(89, 92, 118, 0.5);
+}
+.btn-outline-success {
+  color: #366a57;
+  border-color: #32ba89;
+}
+.btn-outline-success:hover {
+  color: #d5d5d5;
+  background-color: #366a57;
+  border-color: #32ba89;
+}
+.btn-outline-success.focus,
+.btn-outline-success:focus {
+  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.5);
+}
+.btn-outline-success.disabled,
+.btn-outline-success:disabled {
+  color: #637a72;
+  background-color: transparent;
+}
+.btn-outline-success:not(:disabled):not(.disabled).active,
+.btn-outline-success:not(:disabled):not(.disabled):active,
+.show > .btn-outline-success.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #366a57;
+  border-color: #32ba89;
+}
+.btn-outline-success:not(:disabled):not(.disabled).active:focus,
+.btn-outline-success:not(:disabled):not(.disabled):active:focus,
+.show > .btn-outline-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.5);
+}
+.btn-outline-info {
+  color: #053c64;
+  border-color: #355f7d;
+}
+.btn-outline-info:hover {
+  color: #d5d5d5;
+  background-color: #053c64;
+  border-color: #355f7d;
+}
+.btn-outline-info.focus,
+.btn-outline-info:focus {
+  box-shadow: 0 0 0 0.2rem rgba(53, 95, 125, 0.5);
+}
+.btn-outline-info.disabled,
+.btn-outline-info:disabled {
+  color: #053c64;
+  background-color: transparent;
+}
+.btn-outline-info:not(:disabled):not(.disabled).active,
+.btn-outline-info:not(:disabled):not(.disabled):active,
+.show > .btn-outline-info.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #355f7d;
+  border-color: #053c64;
+}
+.btn-outline-info:not(:disabled):not(.disabled).active:focus,
+.btn-outline-info:not(:disabled):not(.disabled):active:focus,
+.show > .btn-outline-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(53, 95, 125, 0.5);
+}
+.btn-outline-warning {
+  color: #8a5026;
+  border-color: #c97539;
+}
+.btn-outline-warning:hover {
+  color: #d5d5d5;
+  background-color: #8a5026;
+  border-color: #c97539;
+}
+.btn-outline-warning.focus,
+.btn-outline-warning:focus {
+  box-shadow: 0 0 0 0.2rem rgba(201, 117, 57, 0.5);
+}
+.btn-outline-warning.disabled,
+.btn-outline-warning:disabled {
+  color: #8a5026;
+  background-color: transparent;
+}
+.btn-outline-warning:not(:disabled):not(.disabled).active,
+.btn-outline-warning:not(:disabled):not(.disabled):active,
+.show > .btn-outline-warning.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #8a5026;
+  border-color: #c97539;
+}
+.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
+.show > .btn-outline-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(201, 117, 57, 0.5);
+}
+.btn-outline-danger {
+  color: #823a3a;
+  border-color: #b84040;
+}
+.btn-outline-danger:hover {
+  color: #d5d5d5;
+  background-color: #823a3a;
+  border-color: #b84040;
+}
+.btn-outline-danger.focus,
+.btn-outline-danger:focus {
+  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.5);
+}
+.btn-outline-danger.disabled,
+.btn-outline-danger:disabled {
+  color: #b84040;
+  background-color: transparent;
+}
+.btn-outline-danger:not(:disabled):not(.disabled).active,
+.btn-outline-danger:not(:disabled):not(.disabled):active,
+.show > .btn-outline-danger.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #823a3a;
+  border-color: #b84040;
+}
+.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
+.show > .btn-outline-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.5);
+}
+.btn-outline-light {
+  color: #1f2020;
+  border-color: #1f2020;
+}
+.btn-outline-light:hover {
+  color: #d5d5d5;
+  background-color: #1f2020;
+  border-color: #1f2020;
+}
+.btn-outline-light.focus,
+.btn-outline-light:focus {
+  box-shadow: 0 0 0 0.2rem rgba(42, 44, 63, 0.5);
+}
+.btn-outline-light.disabled,
+.btn-outline-light:disabled {
+  color: #1f2020;
+  background-color: transparent;
+}
+.btn-outline-light:not(:disabled):not(.disabled).active,
+.btn-outline-light:not(:disabled):not(.disabled):active,
+.show > .btn-outline-light.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #1f2020;
+  border-color: #1f2020;
+}
+.btn-outline-light:not(:disabled):not(.disabled).active:focus,
+.btn-outline-light:not(:disabled):not(.disabled):active:focus,
+.show > .btn-outline-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(42, 44, 63, 0.5);
+}
+.btn-outline-dark {
+  color: #1a1a1a;
+  border-color: #1a1a1a;
+}
+.btn-outline-dark:hover {
+  color: #d5d5d5;
+  background-color: #1a1a1a;
+  border-color: #1a1a1a;
+}
+.btn-outline-dark.focus,
+.btn-outline-dark:focus {
+  box-shadow: 0 0 0 0.2rem rgba(34, 35, 54, 0.5);
+}
+.btn-outline-dark.disabled,
+.btn-outline-dark:disabled {
+  color: #1a1a1a;
+  background-color: transparent;
+}
+.btn-outline-dark:not(:disabled):not(.disabled).active,
+.btn-outline-dark:not(:disabled):not(.disabled):active,
+.show > .btn-outline-dark.dropdown-toggle {
+  color: #d5d5d5;
+  background-color: #1a1a1a;
+  border-color: #1a1a1a;
+}
+.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
+.show > .btn-outline-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(34, 35, 54, 0.5);
+}
+.btn-link {
+  font-weight: 400;
+  color: #9e9eab;
+  text-decoration: underline;
+}
+.btn-link:hover {
+  color: #9092ae;
+  text-decoration: underline;
+}
+.btn-link.focus,
+.btn-link:focus {
+  text-decoration: underline;
+  box-shadow: none;
+}
+.btn-link.disabled,
+.btn-link:disabled {
+  color: #868e96;
+  pointer-events: none;
+}
+.btn-group-lg > .btn,
+.btn-lg {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 2px;
+}
+.btn-group-sm > .btn,
+.btn-sm {
+  font-weight: 700;
+  font-size: 12px;
+  padding: 0.25rem 0.5rem;
+  line-height: 1.5;
+  border-radius: 2px;
+}
+.btn-block {
+  display: block;
+  width: 100%;
+}
+.btn-block + .btn-block {
+  margin-top: 0.5rem;
+}
+input[type="button"].btn-block,
+input[type="reset"].btn-block,
+input[type="submit"].btn-block {
+  width: 100%;
+}
+.fade {
+  transition: opacity 0.15s linear;
+}
+@media (prefers-reduced-motion: reduce) {
+  .fade {
+    transition: none;
+  }
+}
+.fade:not(.show) {
+  opacity: 0;
+}
+.collapse:not(.show) {
+  display: none;
+}
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  transition: height 0.35s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .collapsing {
+    transition: none;
+  }
+}
+.dropdown,
+.dropleft,
+.dropright,
+.dropup {
+  position: relative;
+}
+.dropdown-toggle {
+  white-space: nowrap;
+}
+.dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0;
+  border-left: 0.3em solid transparent;
+}
+.dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 10rem;
+  padding: 0.5rem 0;
+  margin: 0.125rem 0 0;
+  font-size: 1rem;
+  color: #d5d5d5;
+  text-align: left;
+  list-style: none;
+  background-color: #d5d5d5;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 2px;
+}
+.dropdown-menu-left {
+  right: auto;
+  left: 0;
+}
+.dropdown-menu-right {
+  right: 0;
+  left: auto;
+}
+@media (min-width: 576px) {
+  .dropdown-menu-sm-left {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-sm-right {
+    right: 0;
+    left: auto;
+  }
+}
+@media (min-width: 768px) {
+  .dropdown-menu-md-left {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-md-right {
+    right: 0;
+    left: auto;
+  }
+}
+@media (min-width: 992px) {
+  .dropdown-menu-lg-left {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-lg-right {
+    right: 0;
+    left: auto;
+  }
+}
+@media (min-width: 1200px) {
+  .dropdown-menu-xl-left {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-xl-right {
+    right: 0;
+    left: auto;
+  }
+}
+.dropup .dropdown-menu {
+  top: auto;
+  bottom: 100%;
+  margin-top: 0;
+  margin-bottom: 0.125rem;
+}
+.dropup .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0.3em solid;
+  border-left: 0.3em solid transparent;
+}
+.dropup .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+.dropright .dropdown-menu {
+  top: 0;
+  right: auto;
+  left: 100%;
+  margin-top: 0;
+  margin-left: 0.125rem;
+}
+.dropright .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0;
+  border-bottom: 0.3em solid transparent;
+  border-left: 0.3em solid;
+}
+.dropright .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+.dropright .dropdown-toggle::after {
+  vertical-align: 0;
+}
+.dropleft .dropdown-menu {
+  top: 0;
+  right: 100%;
+  left: auto;
+  margin-top: 0;
+  margin-right: 0.125rem;
+}
+.dropleft .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+}
+.dropleft .dropdown-toggle::after {
+  display: none;
+}
+.dropleft .dropdown-toggle::before {
+  display: inline-block;
+  margin-right: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0.3em solid;
+  border-bottom: 0.3em solid transparent;
+}
+.dropleft .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+.dropleft .dropdown-toggle::before {
+  vertical-align: 0;
+}
+.dropdown-menu[x-placement^="bottom"],
+.dropdown-menu[x-placement^="left"],
+.dropdown-menu[x-placement^="right"],
+.dropdown-menu[x-placement^="top"] {
+  right: auto;
+  bottom: auto;
+}
+.dropdown-divider {
+  height: 0;
+  margin: 0.5rem 0;
+  overflow: hidden;
+  border-top: 1px solid #e9ecef;
+}
+.dropdown-item {
+  display: block;
+  width: 100%;
+  padding: 0.25rem 1.5rem;
+  clear: both;
+  font-weight: 400;
+  color: #212529;
+  text-align: inherit;
+  white-space: nowrap;
+  background-color: transparent;
+  border: 0;
+}
+.dropdown-item:focus,
+.dropdown-item:hover {
+  color: #16181b;
+  text-decoration: none;
+  background-color: #f8f9fa;
+}
+.dropdown-item.active,
+.dropdown-item:active {
+  color: #d5d5d5;
+  text-decoration: none;
+  background-color: #007aa6;
+}
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+  color: #868e96;
+  pointer-events: none;
+  background-color: transparent;
+}
+.dropdown-menu.show {
+  display: block;
+}
+.dropdown-header {
+  display: block;
+  padding: 0.5rem 1.5rem;
+  margin-bottom: 0;
+  font-size: 0.875rem;
+  color: #868e96;
+  white-space: nowrap;
+}
+.dropdown-item-text {
+  display: block;
+  padding: 0.25rem 1.5rem;
+  color: #212529;
+}
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
+}
+.btn-group-vertical > .btn,
+.btn-group > .btn {
+  position: relative;
+  flex: 1 1 auto;
+}
+.btn-group-vertical > .btn:hover,
+.btn-group > .btn:hover {
+  z-index: 1;
+}
+.btn-group-vertical > .btn.active,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn:focus,
+.btn-group > .btn.active,
+.btn-group > .btn:active,
+.btn-group > .btn:focus {
+  z-index: 1;
+}
+.btn-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
+.btn-toolbar .input-group {
+  width: auto;
+}
+.btn-group > .btn-group:not(:first-child),
+.btn-group > .btn:not(:first-child) {
+  margin-left: -1px;
+}
+.btn-group > .btn-group:not(:last-child) > .btn,
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.btn-group > .btn-group:not(:first-child) > .btn,
+.btn-group > .btn:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.dropdown-toggle-split {
+  padding-right: 0.5625rem;
+  padding-left: 0.5625rem;
+}
+.dropdown-toggle-split::after,
+.dropright .dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after {
+  margin-left: 0;
+}
+.dropleft .dropdown-toggle-split::before {
+  margin-right: 0;
+}
+.btn-group-sm > .btn + .dropdown-toggle-split,
+.btn-sm + .dropdown-toggle-split {
+  padding-right: 0.375rem;
+  padding-left: 0.375rem;
+}
+.btn-group-lg > .btn + .dropdown-toggle-split,
+.btn-lg + .dropdown-toggle-split {
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
+}
+.btn-group-vertical {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+  width: 100%;
+}
+.btn-group-vertical > .btn-group:not(:first-child),
+.btn-group-vertical > .btn:not(:first-child) {
+  margin-top: -1px;
+}
+.btn-group-vertical > .btn-group:not(:last-child) > .btn,
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn-group:not(:first-child) > .btn,
+.btn-group-vertical > .btn:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.btn-group-toggle > .btn,
+.btn-group-toggle > .btn-group > .btn {
+  margin-bottom: 0;
+}
+.btn-group-toggle > .btn input[type="checkbox"],
+.btn-group-toggle > .btn input[type="radio"],
+.btn-group-toggle > .btn-group > .btn input[type="checkbox"],
+.btn-group-toggle > .btn-group > .btn input[type="radio"] {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
+}
+.input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  width: 100%;
+}
+.input-group > .custom-file,
+.input-group > .custom-select,
+.input-group > .form-control,
+.input-group > .form-control-plaintext {
+  position: relative;
+  flex: 1 1 auto;
+  width: 1%;
+  margin-bottom: 0;
+}
+.input-group > .custom-file + .custom-file,
+.input-group > .custom-file + .custom-select,
+.input-group > .custom-file + .form-control,
+.input-group > .custom-select + .custom-file,
+.input-group > .custom-select + .custom-select,
+.input-group > .custom-select + .form-control,
+.input-group > .form-control + .custom-file,
+.input-group > .form-control + .custom-select,
+.input-group > .form-control + .form-control,
+.input-group > .form-control-plaintext + .custom-file,
+.input-group > .form-control-plaintext + .custom-select,
+.input-group > .form-control-plaintext + .form-control {
+  margin-left: -1px;
+}
+.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
+.input-group > .custom-select:focus,
+.input-group > .form-control:focus {
+  z-index: 3;
+}
+.input-group > .custom-file .custom-file-input:focus {
+  z-index: 4;
+}
+.input-group > .custom-select:not(:last-child),
+.input-group > .form-control:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-group > .custom-select:not(:first-child),
+.input-group > .form-control:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.input-group > .custom-file {
+  display: flex;
+  align-items: center;
+}
+.input-group > .custom-file:not(:last-child) .custom-file-label,
+.input-group > .custom-file:not(:last-child) .custom-file-label::after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-group > .custom-file:not(:first-child) .custom-file-label {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.input-group-append,
+.input-group-prepend {
+  display: flex;
+}
+.input-group-append .btn,
+.input-group-prepend .btn {
+  position: relative;
+  z-index: 2;
+}
+.input-group-append .btn:focus,
+.input-group-prepend .btn:focus {
+  z-index: 3;
+}
+.input-group-append .btn + .btn,
+.input-group-append .btn + .input-group-text,
+.input-group-append .input-group-text + .btn,
+.input-group-append .input-group-text + .input-group-text,
+.input-group-prepend .btn + .btn,
+.input-group-prepend .btn + .input-group-text,
+.input-group-prepend .input-group-text + .btn,
+.input-group-prepend .input-group-text + .input-group-text {
+  margin-left: -1px;
+}
+.input-group-prepend {
+  margin-right: -1px;
+}
+.input-group-append {
+  margin-left: -1px;
+}
+.input-group-text {
+  display: flex;
+  align-items: center;
+  padding: 0.5rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.25;
+  color: #aaaaaa;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #66666a;
+  border: 1px solid transparent;
+  border-radius: 2px;
+}
+.input-group-text input[type="checkbox"],
+.input-group-text input[type="radio"] {
+  margin-top: 0;
+}
+.input-group-lg > .custom-select,
+.input-group-lg > .form-control:not(textarea) {
+  height: calc(1.5em + 1rem + 2px);
+}
+.input-group-lg > .custom-select,
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-append > .btn,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.input-group-lg > .input-group-prepend > .input-group-text {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 2px;
+}
+.input-group-sm > .custom-select,
+.input-group-sm > .form-control:not(textarea) {
+  height: calc(1.5em + 0.5rem + 2px);
+}
+.input-group-sm > .custom-select,
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-append > .btn,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.input-group-sm > .input-group-prepend > .input-group-text {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 2px;
+}
+.input-group-lg > .custom-select,
+.input-group-sm > .custom-select {
+  padding-right: 1.75rem;
+}
+.input-group
+  > .input-group-append:last-child
+  > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group
+  > .input-group-append:last-child
+  > .input-group-text:not(:last-child),
+.input-group > .input-group-append:not(:last-child) > .btn,
+.input-group > .input-group-append:not(:last-child) > .input-group-text,
+.input-group > .input-group-prepend > .btn,
+.input-group > .input-group-prepend > .input-group-text {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-group > .input-group-append > .btn,
+.input-group > .input-group-append > .input-group-text,
+.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
+.input-group
+  > .input-group-prepend:first-child
+  > .input-group-text:not(:first-child),
+.input-group > .input-group-prepend:not(:first-child) > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.input-group-prepend .input-group-text {
+  color: #959BAD !important;
+}
+.custom-control {
+  position: relative;
+  display: block;
+  min-height: 1.5rem;
+  padding-left: 1.5rem;
+}
+.custom-control-inline {
+  display: inline-flex;
+  margin-right: 1rem;
+}
+.custom-control-input {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+}
+.custom-control-input:checked ~ .custom-control-label::before {
+  color: #d5d5d5;
+  border-color: #51536b;
+  background-color: #28282D;
+}
+.custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 3px rgba(255, 255, 255, 0.6);
+}
+.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #28282D;
+}
+.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  color: #d5d5d5;
+  background-color: none;
+  border-color: none;
+}
+.custom-control-input:disabled ~ .custom-control-label {
+  color: #272626;
+}
+.custom-control-input:disabled ~ .custom-control-label::before {
+  background-color: #28282D;
+}
+.custom-control-label {
+  position: relative;
+  margin-bottom: 0;
+  vertical-align: top;
+}
+.custom-control-label::before {
+  position: absolute;
+  top: .15rem;
+  left: -1.5rem;
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  pointer-events: none;
+  content: "";
+  background-color: #28282D;
+  border: #51536b solid 1px;
+}
+.custom-control-label::after {
+  position: absolute;
+  top: .15rem;
+  left: -1.5rem;
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  content: "";
+  background: no-repeat 50%/50% 50%;
+}
+.custom-checkbox .custom-control-label::before {
+  border-radius: 2px;
+}
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23d5d5d5' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
+}
+.custom-checkbox
+  .custom-control-input:indeterminate
+  ~ .custom-control-label::before {
+  border-color: #28282D;
+  background-color: #28282D;
+}
+.custom-checkbox
+  .custom-control-input:indeterminate
+  ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23d5d5d5' d='M0 2h4'/%3e%3c/svg%3e");
+}
+.custom-checkbox
+  .custom-control-input:disabled:checked
+  ~ .custom-control-label::before {
+  background-color: #28282D;
+}
+.custom-checkbox
+  .custom-control-input:disabled:indeterminate
+  ~ .custom-control-label::before {
+  background-color: #28282D;
+}
+.custom-radio .custom-control-label::before {
+  border-radius: 50%;
+}
+.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23d5d5d5'/%3e%3c/svg%3e");
+}
+.custom-radio
+  .custom-control-input:disabled:checked
+  ~ .custom-control-label::before {
+  background-color: #28282D;
+}
+.custom-switch {
+  padding-left: 2.25rem;
+}
+.custom-switch .custom-control-label::before {
+  left: -2.25rem;
+  width: 1.75rem;
+  pointer-events: all;
+  border-radius: 0.5rem;
+}
+.custom-switch .custom-control-label::after {
+  top: calc(0.25rem + 2px);
+  left: calc(-2.25rem + 2px);
+  width: calc(1rem - 4px);
+  height: calc(1rem - 4px);
+  background-color: #51536b;
+  border-radius: 0.5rem;
+  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
+    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .custom-switch .custom-control-label::after {
+    transition: none;
+  }
+}
+.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #28282D;
+  transform: translateX(0.75rem);
+}
+.custom-switch
+  .custom-control-input:disabled:checked
+  ~ .custom-control-label::before {
+  background-color: #28282D;
+}
+.custom-select {
+  display: inline-block;
+  width: 100%;
+  margin-top: 4px;
+  height: calc(1.25em + 1rem + 2px);
+  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.25;
+  color: #aaaaaa;
+  vertical-align: middle;
+  padding-right: 15px;
+  background-color: #28282D;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 13'%3E%3Cdefs/%3E%3Cpath fill='%238A93B0' fill-rule='evenodd' d='M6.987 8.781a.3.3 0 00-.227-.495H1.24a.3.3 0 00-.227.495l2.76 3.207a.3.3 0 00.454 0l2.76-3.207zM6.987 4.076a.3.3 0 01-.227.495H1.24a.3.3 0 01-.227-.495L3.773.87a.3.3 0 01.454 0l2.76 3.206z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-size: 8px;
+  background-position: right 7px center;
+  border: 1px solid transparent !important;
+  border-radius: 2px;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+}
+.custom-select:focus {
+  border-color: #6d7172;
+  outline: 0;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075),
+    0 0 5px rgba(39, 198, 255, 0.5);
+}
+.custom-select:focus::-ms-value {
+  color: #aaaaaa;
+  background-color: #1a1a1a;
+}
+.custom-select[multiple],
+.custom-select[size]:not([size="1"]) {
+  height: auto;
+  padding-right: 0.75rem;
+  background-image: none;
+}
+.custom-select:disabled {
+  color: #272626;
+  background-color: ##222225;
+}
+.custom-select::-ms-expand {
+  display: none;
+}
+.custom-select-sm {
+  height: calc(1.5em + 0.5rem + 2px);
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  font-size: 75%;
+}
+.custom-select-lg {
+  height: calc(1.5em + 1rem + 2px);
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1rem;
+  font-size: 1.25rem;
+}
+.custom-file {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: calc(1.25em + 1rem + 2px);
+  margin-bottom: 0;
+}
+.custom-file-input {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: calc(1.25em + 1rem + 2px);
+  margin: 0;
+  opacity: 0;
+}
+.custom-file-input:focus ~ .custom-file-label {
+  border-color: #6d7172;
+  box-shadow: 0 0 0 0.075rem #d5d5d5, 0 0 0 0.2rem #28282D;
+}
+.custom-file-input:disabled ~ .custom-file-label {
+  background-color: ##222225;
+}
+.custom-file-input:lang(en) ~ .custom-file-label::after {
+  content: "Browse";
+}
+.custom-file-input ~ .custom-file-label[data-browse]::after {
+  content: attr(data-browse);
+}
+.custom-file-label {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  height: calc(1.25em + 1rem + 2px);
+  padding: 0.5rem 0.75rem;
+  font-weight: 400;
+  line-height: 1.25;
+  color: #aaaaaa;
+  background-color: #1a1a1a;
+  border: 1px solid transparent;
+  border-radius: 2px;
+}
+.custom-file-label::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 3;
+  display: block;
+  height: calc(1.25em + 1rem);
+  padding: 0.5rem 0.75rem;
+  line-height: 1.25;
+  color: #aaaaaa;
+  content: "Browse";
+  background-color: #28282D;
+  border-left: inherit;
+  border-radius: 0 2px 2px 0;
+}
+.custom-range {
+  width: 100%;
+  height: calc(1rem + 0.4rem);
+  padding: 0;
+  background-color: transparent;
+  appearance: none;
+}
+.custom-range:focus {
+  outline: 0;
+}
+.custom-range:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #1a1a1a, inset 0 1px 1px rgba(0, 0, 0, 0.075),
+    0 0 0 3px rgba(0, 122, 166, 0.25);
+}
+.custom-range:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #1a1a1a, inset 0 1px 1px rgba(0, 0, 0, 0.075),
+    0 0 0 3px rgba(0, 122, 166, 0.25);
+}
+.custom-range:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #1a1a1a, inset 0 1px 1px rgba(0, 0, 0, 0.075),
+    0 0 0 3px rgba(0, 122, 166, 0.25);
+}
+.custom-range::-moz-focus-outer {
+  border: 0;
+}
+.custom-range::-webkit-slider-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: -0.25rem;
+  background-color: #28282D;
+  border: 0;
+  border-radius: 1rem;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+    box-shadow 0.15s ease-in-out;
+  appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-webkit-slider-thumb {
+    transition: none;
+  }
+}
+.custom-range::-webkit-slider-thumb:active {
+  background-color: #5ad3ff;
+}
+.custom-range::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+}
+.custom-range::-moz-range-thumb {
+  width: 1rem;
+  height: 1rem;
+  background-color: #28282D;
+  border: 0;
+  border-radius: 1rem;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+    box-shadow 0.15s ease-in-out;
+  appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-moz-range-thumb {
+    transition: none;
+  }
+}
+.custom-range::-moz-range-thumb:active {
+  background-color: #5ad3ff;
+}
+.custom-range::-moz-range-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+}
+.custom-range::-ms-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: 0;
+  margin-right: 0.2rem;
+  margin-left: 0.2rem;
+  background-color: #28282D;
+  border: 0;
+  border-radius: 1rem;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+    box-shadow 0.15s ease-in-out;
+  appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-ms-thumb {
+    transition: none;
+  }
+}
+.custom-range::-ms-thumb:active {
+  background-color: #5ad3ff;
+}
+.custom-range::-ms-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: transparent;
+  border-color: transparent;
+  border-width: 0.5rem;
+}
+.custom-range::-ms-fill-lower {
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+.custom-range::-ms-fill-upper {
+  margin-right: 15px;
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+.custom-range:disabled::-webkit-slider-thumb {
+  background-color: #adb5bd;
+}
+.custom-range:disabled::-webkit-slider-runnable-track {
+  cursor: default;
+}
+.custom-range:disabled::-moz-range-thumb {
+  background-color: #adb5bd;
+}
+.custom-range:disabled::-moz-range-track {
+  cursor: default;
+}
+.custom-range:disabled::-ms-thumb {
+  background-color: #adb5bd;
+}
+.custom-control-label::before,
+.custom-file-label,
+.custom-select {
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+    box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .custom-control-label::before,
+  .custom-file-label,
+  .custom-select {
+    transition: none;
+  }
+}
+.nav {
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+.nav-link {
+  display: block;
+  padding: 0.5rem 1rem;
+}
+.nav-link:focus,
+.nav-link:hover {
+  text-decoration: none;
+}
+.nav-link.disabled {
+  color: #868e96;
+  pointer-events: none;
+  cursor: default;
+}
+.nav-tabs {
+  border-bottom: 1px solid #37373B;
+}
+.nav-tabs .nav-item {
+  margin-bottom: -1px;
+}
+.nav-tabs .nav-link {
+  border: 1px solid transparent;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+}
+.nav-tabs .nav-link:focus,
+.nav-tabs .nav-link:hover {
+  border-color: #37373B;
+}
+.nav-tabs .nav-link.disabled {
+  color: #868e96;
+  background-color: transparent;
+  border-color: transparent;
+}
+.nav-tabs .nav-item.show .nav-link,
+.nav-tabs .nav-link.active {
+  color: #d5d5d5;
+  background-color: #252525;
+  border-color: #37373B;
+  font-weight: bolder;
+}
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.nav-pills .nav-link {
+  border-radius: 2px;
+}
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  color: #d5d5d5;
+  background-color: #28282D;
+}
+.nav-fill .nav-item {
+  flex: 1 1 auto;
+  text-align: center;
+}
+.nav-justified .nav-item {
+  flex-basis: 0;
+  flex-grow: 1;
+  text-align: center;
+}
+.tab-content > .tab-pane {
+  display: none;
+}
+.tab-content > .active {
+  display: block;
+}
+.navbar {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 1rem;
+}
+.navbar > .container,
+.navbar > .container-fluid {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+}
+.navbar-brand {
+  display: inline-block;
+  padding-top: 0.3125rem;
+  padding-bottom: 0.3125rem;
+  margin-right: 1rem;
+  font-size: 1.25rem;
+  line-height: inherit;
+  white-space: nowrap;
+}
+.navbar-brand:focus,
+.navbar-brand:hover {
+  text-decoration: none;
+}
+.navbar-nav {
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+.navbar-nav .nav-link {
+  padding-right: 0;
+  padding-left: 0;
+}
+.navbar-nav .dropdown-menu {
+  position: static;
+  float: none;
+}
+.navbar-text {
+  display: inline-block;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.navbar-collapse {
+  flex-basis: 100%;
+  flex-grow: 1;
+  align-items: center;
+}
+.navbar-toggler {
+  padding: 0.25rem 0.75rem;
+  font-size: 1.25rem;
+  line-height: 1;
+  background-color: transparent;
+  border: 1px solid transparent;
+  border-radius: 2px;
+}
+.navbar-toggler:focus,
+.navbar-toggler:hover {
+  text-decoration: none;
+}
+.navbar-toggler-icon {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  vertical-align: middle;
+  content: "";
+  background: no-repeat center center;
+  background-size: 100% 100%;
+}
+@media (max-width: 575.98px) {
+  .navbar-expand-sm > .container,
+  .navbar-expand-sm > .container-fluid {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+@media (min-width: 576px) {
+  .navbar-expand-sm {
+    flex-flow: row nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-sm .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-sm .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-sm .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+  .navbar-expand-sm > .container,
+  .navbar-expand-sm > .container-fluid {
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-sm .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-sm .navbar-toggler {
+    display: none;
+  }
+}
+@media (max-width: 767.98px) {
+  .navbar-expand-md > .container,
+  .navbar-expand-md > .container-fluid {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-expand-md {
+    flex-flow: row nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-md .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-md .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-md .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+  .navbar-expand-md > .container,
+  .navbar-expand-md > .container-fluid {
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-md .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-md .navbar-toggler {
+    display: none;
+  }
+}
+@media (max-width: 991.98px) {
+  .navbar-expand-lg > .container,
+  .navbar-expand-lg > .container-fluid {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+@media (min-width: 992px) {
+  .navbar-expand-lg {
+    flex-flow: row nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-lg .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-lg .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-lg .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+  .navbar-expand-lg > .container,
+  .navbar-expand-lg > .container-fluid {
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-lg .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-lg .navbar-toggler {
+    display: none;
+  }
+}
+@media (max-width: 1199.98px) {
+  .navbar-expand-xl > .container,
+  .navbar-expand-xl > .container-fluid {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .navbar-expand-xl {
+    flex-flow: row nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-xl .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-xl .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-xl .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+  .navbar-expand-xl > .container,
+  .navbar-expand-xl > .container-fluid {
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-xl .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-xl .navbar-toggler {
+    display: none;
+  }
+}
+.navbar-expand {
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+}
+.navbar-expand > .container,
+.navbar-expand > .container-fluid {
+  padding-right: 0;
+  padding-left: 0;
+}
+.navbar-expand .navbar-nav {
+  flex-direction: row;
+}
+.navbar-expand .navbar-nav .dropdown-menu {
+  position: absolute;
+}
+.navbar-expand .navbar-nav .nav-link {
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+.navbar-expand > .container,
+.navbar-expand > .container-fluid {
+  flex-wrap: nowrap;
+}
+.navbar-expand .navbar-collapse {
+  display: flex !important;
+  flex-basis: auto;
+}
+.navbar-expand .navbar-toggler {
+  display: none;
+}
+.navbar-light .navbar-brand {
+  color: #d5d5d5;
+}
+.navbar-light .navbar-brand:focus,
+.navbar-light .navbar-brand:hover {
+  color: #d5d5d5;
+}
+.navbar-light .navbar-nav .nav-link {
+  color: rgba(255, 255, 255, 0.7);
+}
+.navbar-light .navbar-nav .nav-link:focus,
+.navbar-light .navbar-nav .nav-link:hover {
+  color: rgba(255, 255, 255, 0.5);
+}
+.navbar-light .navbar-nav .nav-link.disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link.active,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .show > .nav-link {
+  color: #d5d5d5;
+}
+.navbar-light .navbar-toggler {
+  color: rgba(255, 255, 255, 0.7);
+  border-color: rgba(0, 0, 0, 0.1);
+}
+.navbar-light .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+.navbar-light .navbar-text {
+  color: rgba(255, 255, 255, 0.7);
+}
+.navbar-light .navbar-text a {
+  color: #d5d5d5;
+}
+.navbar-light .navbar-text a:focus,
+.navbar-light .navbar-text a:hover {
+  color: #d5d5d5;
+}
+.navbar-dark .navbar-brand {
+  color: #d5d5d5;
+}
+.navbar-dark .navbar-brand:focus,
+.navbar-dark .navbar-brand:hover {
+  color: #d5d5d5;
+}
+.navbar-dark .navbar-nav .nav-link {
+  color: #d5d5d5;
+}
+.navbar-dark .navbar-nav .nav-link:focus,
+.navbar-dark .navbar-nav .nav-link:hover {
+  color: rgba(255, 255, 255, 0.75);
+}
+.navbar-dark .navbar-nav .nav-link.disabled {
+  color: rgba(255, 255, 255, 0.25);
+}
+.navbar-dark .navbar-nav .active > .nav-link,
+.navbar-dark .navbar-nav .nav-link.active,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .show > .nav-link {
+  color: #d5d5d5;
+}
+.navbar-dark .navbar-toggler {
+  color: #d5d5d5;
+  border-color: rgba(255, 255, 255, 0.1);
+}
+.navbar-dark .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23d5d5d5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+.navbar-dark .navbar-text {
+  color: #d5d5d5;
+}
+.navbar-dark .navbar-text a {
+  color: #d5d5d5;
+}
+.navbar-dark .navbar-text a:focus,
+.navbar-dark .navbar-text a:hover {
+  color: #d5d5d5;
+}
+.card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: #1F2020;
+  border: 1px solid #000000;
+  border-radius: 2px;
+}
+.card > hr {
+  margin-right: 0;
+  margin-left: 0;
+}
+.card > .list-group:first-child .list-group-item:first-child {
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+}
+.card > .list-group:last-child .list-group-item:last-child {
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.card-body {
+  flex: 1 1 auto;
+  padding: 1.25rem;
+}
+.card-title {
+  color: #aaaaaa;
+  margin-bottom: 0.5rem;
+}
+.card-subtitle {
+  margin-top: -0.375rem;
+  margin-bottom: 0;
+}
+.card-text:last-child {
+  margin-bottom: 0;
+}
+.card-link:hover {
+  text-decoration: none;
+}
+.card-link + .card-link {
+  margin-left: 1.25rem;
+}
+.card-header {
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 0;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+}
+.card-header:first-child {
+  border-radius: calc(2px - 1px) calc(2px - 1px) 0 0;
+}
+.card-header + .list-group .list-group-item:first-child {
+  border-top: 0;
+}
+.card-footer {
+  padding: 0.75rem 1.25rem;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-top: 1px solid rgba(0, 0, 0, 0.125);
+}
+.card-footer:last-child {
+  border-radius: 0 0 calc(2px - 1px) calc(2px - 1px);
+}
+.card-header-tabs {
+  margin-right: -0.625rem;
+  margin-bottom: -0.75rem;
+  margin-left: -0.625rem;
+  border-bottom: 0;
+}
+.card-header-pills {
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+.card-img-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 1.25rem;
+}
+.card-img {
+  width: 100%;
+  border-radius: calc(2px - 1px);
+}
+.card-img-top {
+  width: 100%;
+  border-top-left-radius: calc(2px - 1px);
+  border-top-right-radius: calc(2px - 1px);
+}
+.card-img-bottom {
+  width: 100%;
+  border-bottom-right-radius: calc(2px - 1px);
+  border-bottom-left-radius: calc(2px - 1px);
+}
+.card-deck {
+  display: flex;
+  flex-direction: column;
+}
+.card-deck .card {
+  margin-bottom: 15px;
+}
+@media (min-width: 576px) {
+  .card-deck {
+    flex-flow: row wrap;
+    margin-right: -15px;
+    margin-left: -15px;
+  }
+  .card-deck .card {
+    display: flex;
+    flex: 1 0 0%;
+    flex-direction: column;
+    margin-right: 15px;
+    margin-bottom: 0;
+    margin-left: 15px;
+  }
+}
+.card-group {
+  display: flex;
+  flex-direction: column;
+}
+.card-group > .card {
+  margin-bottom: 15px;
+}
+@media (min-width: 576px) {
+  .card-group {
+    flex-flow: row wrap;
+  }
+  .card-group > .card {
+    flex: 1 0 0%;
+    margin-bottom: 0;
+  }
+  .card-group > .card + .card {
+    margin-left: 0;
+    border-left: 0;
+  }
+  .card-group > .card:not(:last-child) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  .card-group > .card:not(:last-child) .card-header,
+  .card-group > .card:not(:last-child) .card-img-top {
+    border-top-right-radius: 0;
+  }
+  .card-group > .card:not(:last-child) .card-footer,
+  .card-group > .card:not(:last-child) .card-img-bottom {
+    border-bottom-right-radius: 0;
+  }
+  .card-group > .card:not(:first-child) {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+  .card-group > .card:not(:first-child) .card-header,
+  .card-group > .card:not(:first-child) .card-img-top {
+    border-top-left-radius: 0;
+  }
+  .card-group > .card:not(:first-child) .card-footer,
+  .card-group > .card:not(:first-child) .card-img-bottom {
+    border-bottom-left-radius: 0;
+  }
+}
+.card-columns .card {
+  margin-bottom: 0.75rem;
+}
+@media (min-width: 576px) {
+  .card-columns {
+    column-count: 3;
+    column-gap: 1.25rem;
+    orphans: 1;
+    widows: 1;
+  }
+  .card-columns .card {
+    display: inline-block;
+    width: 100%;
+  }
+}
+.accordion > .card {
+  overflow: hidden;
+}
+.accordion > .card:not(:first-of-type) .card-header:first-child {
+  border-radius: 0;
+}
+.accordion > .card:not(:first-of-type):not(:last-of-type) {
+  border-bottom: 0;
+  border-radius: 0;
+}
+.accordion > .card:first-of-type {
+  border-bottom: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.accordion > .card:last-of-type {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.accordion > .card .card-header {
+  margin-bottom: -1px;
+}
+.breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0.75rem 1rem;
+  margin-bottom: 1rem;
+  list-style: none;
+  background-color: #2e3445;
+  border-radius: 2px;
+}
+.breadcrumb-item + .breadcrumb-item {
+  padding-left: 0.5rem;
+}
+.breadcrumb-item + .breadcrumb-item::before {
+  display: inline-block;
+  padding-right: 0.5rem;
+  color: #868e96;
+  content: "/";
+}
+.breadcrumb-item + .breadcrumb-item:hover::before {
+  text-decoration: underline;
+}
+.breadcrumb-item + .breadcrumb-item:hover::before {
+  text-decoration: none;
+}
+.breadcrumb-item.active {
+  color: #d5d5d5;
+}
+.pagination {
+  display: flex;
+  padding-left: 0;
+  list-style: none;
+  border-radius: 2px;
+}
+.page-link {
+  position: relative;
+  display: block;
+  padding: 0.5rem 0.75rem;
+  margin-left: 0;
+  line-height: 1.25;
+  color: #d5d5d5;
+  background-color: #66666a;
+  border: 0 solid #ddd;
+}
+.page-link:hover {
+  z-index: 2;
+  color: #d5d5d5;
+  text-decoration: none;
+  background-color: #676a83;
+  border-color: #ddd;
+}
+.page-link:focus {
+  z-index: 2;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(0, 122, 166, 0.25);
+}
+.page-item:first-child .page-link {
+  margin-left: 0;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.page-item:last-child .page-link {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.page-item.active .page-link {
+  z-index: 1;
+  color: #d5d5d5;
+  background-color: #28282D;
+  border-color: #28282D;
+}
+.page-item.disabled .page-link {
+  color: #989ca4;
+  pointer-events: none;
+  cursor: auto;
+  background-color: #323949;
+  border-color: #ddd;
+}
+.pagination-lg .page-link {
+  padding: 0.75rem 1.5rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+}
+.pagination-lg .page-item:first-child .page-link {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.pagination-lg .page-item:last-child .page-link {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.pagination-sm .page-link {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+.pagination-sm .page-item:first-child .page-link {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.pagination-sm .page-item:last-child .page-link {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.badge {
+  display: inline-block;
+  padding: 0.25em 0.4em;
+  font-size: 75%;
+  font-weight: 700;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: 2px;
+  transition: all 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .badge {
+    transition: none;
+  }
+}
+a.badge:focus,
+a.badge:hover {
+  text-decoration: none;
+}
+.badge:empty {
+  display: none;
+}
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+.badge-pill {
+  padding-right: 0.6em;
+  padding-left: 0.6em;
+  border-radius: 10rem;
+}
+.badge-primary {
+  color: #d5d5d5;
+  background-color: #28282D;
+}
+a.badge-primary:focus,
+a.badge-primary:hover {
+  color: #d5d5d5;
+  background-color: #005573;
+}
+a.badge-primary.focus,
+a.badge-primary:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(0, 122, 166, 0.5);
+}
+.badge-secondary {
+  color: #d5d5d5;
+  background-color: #66666a;
+}
+a.badge-secondary:focus,
+a.badge-secondary:hover {
+  color: #d5d5d5;
+  background-color: #434559;
+}
+a.badge-secondary.focus,
+a.badge-secondary:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(89, 92, 118, 0.5);
+}
+.badge-success {
+  color: #d5d5d5;
+  background-color: #366a57;
+}
+a.badge-success:focus,
+a.badge-success:hover {
+  color: #d5d5d5;
+  background-color: #27926b;
+}
+a.badge-success.focus,
+a.badge-success:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.5);
+}
+.badge-info {
+  color: #d5d5d5;
+  background-color: #053c64;
+}
+a.badge-info:focus,
+a.badge-info:hover {
+  color: #d5d5d5;
+  background-color: #264459;
+}
+a.badge-info.focus,
+a.badge-info:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(53, 95, 125, 0.5);
+}
+.badge-warning {
+  color: #010101;
+  background-color: #df9b5c;
+}
+a.badge-warning:focus,
+a.badge-warning:hover {
+  color: #d5d5d5;
+  background-color: #a35e2c;
+}
+a.badge-warning.focus,
+a.badge-warning:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(201, 117, 57, 0.5);
+}
+.badge-danger {
+  color: #d5d5d5;
+  background-color: #EA3636;
+}
+a.badge-danger:focus,
+a.badge-danger:hover {
+  color: #d5d5d5;
+  background-color: #923333;
+}
+a.badge-danger.focus,
+a.badge-danger:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.5);
+}
+.badge-light {
+  color: #d5d5d5;
+  background-color: #1f2020;
+}
+a.badge-light:focus,
+a.badge-light:hover {
+  color: #d5d5d5;
+  background-color: #161720;
+}
+a.badge-light.focus,
+a.badge-light:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(42, 44, 63, 0.5);
+}
+.badge-dark {
+  color: #d5d5d5;
+  background-color: #1a1a1a;
+}
+a.badge-dark:focus,
+a.badge-dark:hover {
+  color: #d5d5d5;
+  background-color: #0e0f17;
+}
+a.badge-dark.focus,
+a.badge-dark:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(34, 35, 54, 0.5);
+}
+.jumbotron {
+  padding: 2rem 1rem;
+  margin-bottom: 2rem;
+  background-color: #28282D;
+  border-radius: 2px;
+}
+@media (min-width: 576px) {
+  .jumbotron {
+    padding: 4rem 2rem;
+  }
+}
+.jumbotron-fluid {
+  padding-right: 0;
+  padding-left: 0;
+  border-radius: 0;
+}
+.alert {
+  position: relative;
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 1rem;
+  border: 1px solid transparent;
+  border-radius: 2px;
+}
+.alert-heading {
+  color: inherit;
+}
+.alert-link {
+  font-weight: 700;
+}
+.alert-dismissible {
+  padding-right: 4rem;
+}
+.alert-dismissible .close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 0.75rem 1.25rem;
+  color: inherit;
+}
+.alert-primary {
+  color: #5CBDEE;
+  background-color: #163545;
+  border-color: #5CBDEE;
+}
+.alert-primary hr {
+  border-top-color: #a5d0df;
+}
+.alert-primary .alert-link {
+  color: #001a23;
+}
+.alert-secondary {
+  color: #8aa6bf;
+  background-color: #293033;
+  border-color: #1f2020;
+}
+.alert-secondary hr {
+  border-top-color: #c3c3cd;
+}
+.alert-secondary .alert-link {
+  color: #181920;
+}
+.alert-success {
+  color: #A2FFB0;
+  background: #1d322e;
+  border: 1px solid #2b5f4b;
+}
+.alert-success hr {
+  border-top-color: #b3e6d3;
+}
+.alert-success .alert-link {
+  color: #0f392a;
+}
+.alert-info {
+  color: #88E2FF;
+  background: #1e2b40;
+  border: 1px solid #2b476b;
+}
+.alert-info hr {
+  border-top-color: #b6c6d1;
+}
+.alert-info .alert-link {
+  color: #0d161d;
+}
+.alert-warning {
+  color: #FFB684;
+  background: #2a2022;
+  border: 1px solid #5e4037;
+}
+.alert-warning hr {
+  border-top-color: #ebcab4;
+}
+.alert-warning .alert-link {
+  color: #412613;
+}
+.alert-danger {
+  color: #FF8A8A;
+  background: #2c1c26;
+  border: 1px solid #572c38;
+}
+.alert-danger hr {
+  border-top-color: #e4b7b7;
+}
+.alert-danger .alert-link {
+  color: #3a1414;
+}
+.alert-light {
+  color: #161721;
+  background-color: #d4d5d9;
+  border-color: #c3c4c9;
+}
+.alert-light hr {
+  border-top-color: #b6b7bd;
+}
+.alert-light .alert-link {
+  color: #020202;
+}
+.alert-dark {
+  color: #12121c;
+  background-color: #d3d3d7;
+  border-color: #c1c1c7;
+}
+.alert-dark hr {
+  border-top-color: #b4b4bb;
+}
+.alert-dark .alert-link {
+  color: #000;
+}
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 1rem 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+.progress {
+  display: flex;
+  height: 1rem;
+  overflow: hidden;
+  font-size: 0.75rem;
+  background-color: #e9ecef;
+  border-radius: 2px;
+}
+.progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  color: #d5d5d5;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #28282D;
+  transition: width 0.6s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar {
+    transition: none;
+  }
+}
+.progress-bar-striped {
+  background-image: linear-gradient(
+    45deg,
+    rgba(255, 255, 255, 0.15) 25%,
+    transparent 25%,
+    transparent 50%,
+    rgba(255, 255, 255, 0.15) 50%,
+    rgba(255, 255, 255, 0.15) 75%,
+    transparent 75%,
+    transparent
+  );
+  background-size: 1rem 1rem;
+}
+.progress-bar-animated {
+  animation: progress-bar-stripes 1s linear infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar-animated {
+    animation: none;
+  }
+}
+.media {
+  display: flex;
+  align-items: flex-start;
+}
+.media-body {
+  flex: 1;
+}
+.list-group {
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+}
+.list-group-item-action {
+  width: 100%;
+  color: #d5d5d5;
+  text-align: inherit;
+}
+.list-group-item-action:focus,
+.list-group-item-action:hover {
+  z-index: 1;
+  color: #d5d5d5;
+  text-decoration: none;
+  background-color: #000000;
+}
+.list-group-item-action:active {
+  color: #d5d5d5;
+  background-color: #1f2020;
+}
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 0;
+  color: #d5d5d5;
+  background-color: #1f2020;
+  border: 0 solid rgba(0, 0, 0, 0.125);
+}
+.list-group-item:first-child {
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+}
+.list-group-item:last-child {
+  margin-bottom: 0;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.list-group-item.disabled,
+.list-group-item:disabled {
+  color: #868e96;
+  pointer-events: none;
+  background-color: #1f2020;
+}
+.list-group-item.active {
+  z-index: 2;
+  color: #d5d5d5;
+  background-color: #28282D;
+  border-color: #28282D;
+}
+.list-group-horizontal {
+  flex-direction: row;
+}
+.list-group-horizontal .list-group-item {
+  margin-right: 0;
+  margin-bottom: 0;
+}
+.list-group-horizontal .list-group-item:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-top-right-radius: 0;
+}
+.list-group-horizontal .list-group-item:last-child {
+  margin-right: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+@media (min-width: 576px) {
+  .list-group-horizontal-sm {
+    flex-direction: row;
+  }
+  .list-group-horizontal-sm .list-group-item {
+    margin-right: 0;
+    margin-bottom: 0;
+  }
+  .list-group-horizontal-sm .list-group-item:first-child {
+    border-top-left-radius: 2px;
+    border-bottom-left-radius: 2px;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-sm .list-group-item:last-child {
+    margin-right: 0;
+    border-top-right-radius: 2px;
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 0;
+  }
+}
+@media (min-width: 768px) {
+  .list-group-horizontal-md {
+    flex-direction: row;
+  }
+  .list-group-horizontal-md .list-group-item {
+    margin-right: 0;
+    margin-bottom: 0;
+  }
+  .list-group-horizontal-md .list-group-item:first-child {
+    border-top-left-radius: 2px;
+    border-bottom-left-radius: 2px;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-md .list-group-item:last-child {
+    margin-right: 0;
+    border-top-right-radius: 2px;
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 0;
+  }
+}
+@media (min-width: 992px) {
+  .list-group-horizontal-lg {
+    flex-direction: row;
+  }
+  .list-group-horizontal-lg .list-group-item {
+    margin-right: 0;
+    margin-bottom: 0;
+  }
+  .list-group-horizontal-lg .list-group-item:first-child {
+    border-top-left-radius: 2px;
+    border-bottom-left-radius: 2px;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-lg .list-group-item:last-child {
+    margin-right: 0;
+    border-top-right-radius: 2px;
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .list-group-horizontal-xl {
+    flex-direction: row;
+  }
+  .list-group-horizontal-xl .list-group-item {
+    margin-right: 0;
+    margin-bottom: 0;
+  }
+  .list-group-horizontal-xl .list-group-item:first-child {
+    border-top-left-radius: 2px;
+    border-bottom-left-radius: 2px;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-xl .list-group-item:last-child {
+    margin-right: 0;
+    border-top-right-radius: 2px;
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 0;
+  }
+}
+.list-group-flush .list-group-item {
+  border-right: 0;
+  border-left: 0;
+  border-radius: 0;
+}
+.list-group-flush .list-group-item:last-child {
+  margin-bottom: 0;
+}
+.list-group-flush:first-child .list-group-item:first-child {
+  border-top: 0;
+}
+.list-group-flush:last-child .list-group-item:last-child {
+  margin-bottom: 0;
+  border-bottom: 0;
+}
+.list-group-item-primary {
+  color: #003f56;
+  background-color: #b8dae6;
+}
+.list-group-item-primary.list-group-item-action:focus,
+.list-group-item-primary.list-group-item-action:hover {
+  color: #003f56;
+  background-color: #a5d0df;
+}
+.list-group-item-primary.list-group-item-action.active {
+  color: #d5d5d5;
+  background-color: #003f56;
+  border-color: #003f56;
+}
+.list-group-item-secondary {
+  color: #2e303d;
+  background-color: #d1d1d9;
+}
+.list-group-item-secondary.list-group-item-action:focus,
+.list-group-item-secondary.list-group-item-action:hover {
+  color: #2e303d;
+  background-color: #c3c3cd;
+}
+.list-group-item-secondary.list-group-item-action.active {
+  color: #d5d5d5;
+  background-color: #2e303d;
+  border-color: #2e303d;
+}
+.list-group-item-success {
+  color: #1a6147;
+  background-color: #c6ecde;
+}
+.list-group-item-success.list-group-item-action:focus,
+.list-group-item-success.list-group-item-action:hover {
+  color: #1a6147;
+  background-color: #b3e6d3;
+}
+.list-group-item-success.list-group-item-action.active {
+  color: #d5d5d5;
+  background-color: #1a6147;
+  border-color: #1a6147;
+}
+.list-group-item-info {
+  color: #1c3141;
+  background-color: #c6d2db;
+}
+.list-group-item-info.list-group-item-action:focus,
+.list-group-item-info.list-group-item-action:hover {
+  color: #1c3141;
+  background-color: #b6c6d1;
+}
+.list-group-item-info.list-group-item-action.active {
+  color: #d5d5d5;
+  background-color: #1c3141;
+  border-color: #1c3141;
+}
+.list-group-item-warning {
+  color: #693d1e;
+  background-color: #f0d8c8;
+}
+.list-group-item-warning.list-group-item-action:focus,
+.list-group-item-warning.list-group-item-action:hover {
+  color: #693d1e;
+  background-color: #ebcab4;
+}
+.list-group-item-warning.list-group-item-action.active {
+  color: #d5d5d5;
+  background-color: #693d1e;
+  border-color: #693d1e;
+}
+.list-group-item-danger {
+  color: #602121;
+  background-color: #ebcaca;
+}
+.list-group-item-danger.list-group-item-action:focus,
+.list-group-item-danger.list-group-item-action:hover {
+  color: #602121;
+  background-color: #e4b7b7;
+}
+.list-group-item-danger.list-group-item-action.active {
+  color: #d5d5d5;
+  background-color: #602121;
+  border-color: #602121;
+}
+.list-group-item-light {
+  color: #161721;
+  background-color: #c3c4c9;
+}
+.list-group-item-light.list-group-item-action:focus,
+.list-group-item-light.list-group-item-action:hover {
+  color: #161721;
+  background-color: #b6b7bd;
+}
+.list-group-item-light.list-group-item-action.active {
+  color: #d5d5d5;
+  background-color: #161721;
+  border-color: #161721;
+}
+.list-group-item-dark {
+  color: #12121c;
+  background-color: #c1c1c7;
+}
+.list-group-item-dark.list-group-item-action:focus,
+.list-group-item-dark.list-group-item-action:hover {
+  color: #12121c;
+  background-color: #b4b4bb;
+}
+.list-group-item-dark.list-group-item-action.active {
+  color: #d5d5d5;
+  background-color: #12121c;
+  border-color: #12121c;
+}
+.close {
+  float: right;
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #d5d5d5;
+  text-shadow: 0;
+  opacity: 0.5;
+}
+.close:hover {
+  color: #d5d5d5;
+  text-decoration: none;
+}
+.close:not(:disabled):not(.disabled):focus,
+.close:not(:disabled):not(.disabled):hover {
+  opacity: 0.75;
+}
+button.close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+  appearance: none;
+}
+a.close.disabled {
+  pointer-events: none;
+}
+.toast {
+  max-width: 350px;
+  overflow: hidden;
+  font-size: 0.875rem;
+  background-color: rgba(255, 255, 255, 0.85);
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
+  backdrop-filter: blur(10px);
+  opacity: 0;
+  border-radius: 0.25rem;
+}
+.toast:not(:last-child) {
+  margin-bottom: 0.75rem;
+}
+.toast.showing {
+  opacity: 1;
+}
+.toast.show {
+  display: block;
+  opacity: 1;
+}
+.toast.hide {
+  display: none;
+}
+.toast-header {
+  display: flex;
+  align-items: center;
+  padding: 0.25rem 0.75rem;
+  color: #868e96;
+  background-color: rgba(255, 255, 255, 0.85);
+  background-clip: padding-box;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+.toast-body {
+  padding: 0.75rem;
+}
+.modal-open {
+  overflow: hidden;
+}
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1050;
+  display: none;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  outline: 0;
+}
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+  pointer-events: none;
+}
+.modal.fade .modal-dialog {
+  transition: transform 0.3s ease-out;
+  transform: translate(0, -50px);
+}
+@media (prefers-reduced-motion: reduce) {
+  .modal.fade .modal-dialog {
+    transition: none;
+  }
+}
+.modal.show .modal-dialog {
+  transform: none;
+}
+.modal-dialog-scrollable {
+  display: flex;
+  max-height: calc(100% - 20px);
+}
+.modal-dialog-scrollable .modal-content {
+  max-height: calc(100vh - 20px);
+  overflow: hidden;
+}
+.modal-dialog-scrollable .modal-footer,
+.modal-dialog-scrollable .modal-header {
+  flex-shrink: 0;
+}
+.modal-dialog-scrollable .modal-body {
+  overflow-y: auto;
+}
+.modal-dialog-centered {
+  display: flex;
+  align-items: center;
+  min-height: calc(100% - 20px);
+}
+.modal-dialog-centered::before {
+  display: block;
+  height: calc(100vh - 20px);
+  content: "";
+}
+.modal-dialog-centered.modal-dialog-scrollable {
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+}
+.modal-dialog-centered.modal-dialog-scrollable .modal-content {
+  max-height: none;
+}
+.modal-dialog-centered.modal-dialog-scrollable::before {
+  content: none;
+}
+.modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  color: #d5d5d5;
+  pointer-events: auto;
+  background-color: #1a1a1a;
+  background-clip: padding-box;
+  border: 1px solid #000000;
+  border-radius: 2px;
+  outline: 0;
+}
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1040;
+  width: 100vw;
+  height: 100vh;
+  background-color: #10111B;
+}
+.modal-backdrop.fade {
+  opacity: 0;
+}
+.modal-backdrop.show {
+  opacity: 0.4;
+}
+.modal-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: 15px;
+  border-bottom: 1px solid #37373B;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+}
+.modal-header .close {
+  padding: 15px;
+  margin: -1rem -1rem -1rem auto;
+}
+.modal-title {
+  margin-bottom: 0;
+  line-height: 1.5;
+}
+.modal-body {
+  position: relative;
+  flex: 1 1 auto;
+  padding: 15px;
+}
+.modal-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 15px;
+  border-top: 1px solid #37373B;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.modal-footer > :not(:first-child) {
+  margin-left: 0.25rem;
+}
+.modal-footer > :not(:last-child) {
+  margin-right: 0.25rem;
+}
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+@media (min-width: 576px) {
+  .modal-dialog {
+    max-width: 500px;
+    margin: 30px auto;
+  }
+  .modal-dialog-scrollable {
+    max-height: calc(100% - 60px);
+  }
+  .modal-dialog-scrollable .modal-content {
+    max-height: calc(100vh - 60px);
+  }
+  .modal-dialog-centered {
+    min-height: calc(100% - 60px);
+  }
+  .modal-dialog-centered::before {
+    height: calc(100vh - 60px);
+  }
+  .modal-sm {
+    max-width: 300px;
+  }
+}
+@media (min-width: 992px) {
+  .modal-lg,
+  .modal-xl {
+    max-width: 800px;
+  }
+}
+@media (min-width: 1200px) {
+  .modal-xl {
+    max-width: 1140px;
+  }
+}
+.tooltip {
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  margin: 0;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+  font-size: 0.875rem;
+  word-wrap: break-word;
+  opacity: 0;
+}
+.tooltip.show {
+  opacity: 0.9;
+}
+.tooltip .arrow {
+  position: absolute;
+  display: block;
+  width: 5px;
+  height: 5px;
+}
+.tooltip .arrow::before {
+  position: absolute;
+  content: "";
+  border-color: transparent;
+  border-style: solid;
+}
+.bs-tooltip-auto[x-placement^="top"],
+.bs-tooltip-top {
+  padding: 5px 0;
+}
+.bs-tooltip-auto[x-placement^="top"] .arrow,
+.bs-tooltip-top .arrow {
+  bottom: 0;
+}
+.bs-tooltip-auto[x-placement^="top"] .arrow::before,
+.bs-tooltip-top .arrow::before {
+  top: 0;
+  border-width: 5px 2.5px 0;
+  border-top-color: #000;
+}
+.bs-tooltip-auto[x-placement^="right"],
+.bs-tooltip-right {
+  padding: 0 5px;
+}
+.bs-tooltip-auto[x-placement^="right"] .arrow,
+.bs-tooltip-right .arrow {
+  left: 0;
+  width: 5px;
+  height: 5px;
+}
+.bs-tooltip-auto[x-placement^="right"] .arrow::before,
+.bs-tooltip-right .arrow::before {
+  right: 0;
+  border-width: 2.5px 5px 2.5px 0;
+  border-right-color: #000;
+}
+.bs-tooltip-auto[x-placement^="bottom"],
+.bs-tooltip-bottom {
+  padding: 5px 0;
+}
+.bs-tooltip-auto[x-placement^="bottom"] .arrow,
+.bs-tooltip-bottom .arrow {
+  top: 0;
+}
+.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
+.bs-tooltip-bottom .arrow::before {
+  bottom: 0;
+  border-width: 0 2.5px 5px;
+  border-bottom-color: #000;
+}
+.bs-tooltip-auto[x-placement^="left"],
+.bs-tooltip-left {
+  padding: 0 5px;
+}
+.bs-tooltip-auto[x-placement^="left"] .arrow,
+.bs-tooltip-left .arrow {
+  right: 0;
+  width: 5px;
+  height: 5px;
+}
+.bs-tooltip-auto[x-placement^="left"] .arrow::before,
+.bs-tooltip-left .arrow::before {
+  left: 0;
+  border-width: 2.5px 0 2.5px 5px;
+  border-left-color: #000;
+}
+.tooltip-inner {
+  max-width: 200px;
+  padding: 3px 8px;
+  color: #d5d5d5;
+  text-align: center;
+  background-color: #000;
+  border-radius: 2px;
+}
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1060;
+  display: block;
+  max-width: 276px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+  font-size: 0.875rem;
+  word-wrap: break-word;
+  background-color: #000;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 2px;
+}
+.popover .arrow {
+  position: absolute;
+  display: block;
+  width: 10px;
+  height: 5px;
+  margin: 0 2px;
+}
+.popover .arrow::after,
+.popover .arrow::before {
+  position: absolute;
+  display: block;
+  content: "";
+  border-color: transparent;
+  border-style: solid;
+}
+.bs-popover-auto[x-placement^="top"],
+.bs-popover-top {
+  margin-bottom: 5px;
+}
+.bs-popover-auto[x-placement^="top"] > .arrow,
+.bs-popover-top > .arrow {
+  bottom: calc((5px + 1px) * -1);
+}
+.bs-popover-auto[x-placement^="top"] > .arrow::before,
+.bs-popover-top > .arrow::before {
+  bottom: 0;
+  border-width: 5px 5px 0;
+  border-top-color: rgba(0, 0, 0, 0.25);
+}
+.bs-popover-auto[x-placement^="top"] > .arrow::after,
+.bs-popover-top > .arrow::after {
+  bottom: 1px;
+  border-width: 5px 5px 0;
+  border-top-color: #000;
+}
+.bs-popover-auto[x-placement^="right"],
+.bs-popover-right {
+  margin-left: 5px;
+}
+.bs-popover-auto[x-placement^="right"] > .arrow,
+.bs-popover-right > .arrow {
+  left: calc((5px + 1px) * -1);
+  width: 5px;
+  height: 10px;
+  margin: 2px 0;
+}
+.bs-popover-auto[x-placement^="right"] > .arrow::before,
+.bs-popover-right > .arrow::before {
+  left: 0;
+  border-width: 5px 5px 5px 0;
+  border-right-color: rgba(0, 0, 0, 0.25);
+}
+.bs-popover-auto[x-placement^="right"] > .arrow::after,
+.bs-popover-right > .arrow::after {
+  left: 1px;
+  border-width: 5px 5px 5px 0;
+  border-right-color: #000;
+}
+.bs-popover-auto[x-placement^="bottom"],
+.bs-popover-bottom {
+  margin-top: 5px;
+}
+.bs-popover-auto[x-placement^="bottom"] > .arrow,
+.bs-popover-bottom > .arrow {
+  top: calc((5px + 1px) * -1);
+}
+.bs-popover-auto[x-placement^="bottom"] > .arrow::before,
+.bs-popover-bottom > .arrow::before {
+  top: 0;
+  border-width: 0 5px 5px 5px;
+  border-bottom-color: rgba(0, 0, 0, 0.25);
+}
+.bs-popover-auto[x-placement^="bottom"] > .arrow::after,
+.bs-popover-bottom > .arrow::after {
+  top: 1px;
+  border-width: 0 5px 5px 5px;
+  border-bottom-color: #000;
+}
+.bs-popover-auto[x-placement^="bottom"] .popover-header::before,
+.bs-popover-bottom .popover-header::before {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  display: block;
+  width: 10px;
+  margin-left: -5px;
+  content: "";
+  border-bottom: 1px solid #000;
+}
+.bs-popover-auto[x-placement^="left"],
+.bs-popover-left {
+  margin-right: 5px;
+}
+.bs-popover-auto[x-placement^="left"] > .arrow,
+.bs-popover-left > .arrow {
+  right: calc((5px + 1px) * -1);
+  width: 5px;
+  height: 10px;
+  margin: 2px 0;
+}
+.bs-popover-auto[x-placement^="left"] > .arrow::before,
+.bs-popover-left > .arrow::before {
+  right: 0;
+  border-width: 5px 0 5px 5px;
+  border-left-color: rgba(0, 0, 0, 0.25);
+}
+.bs-popover-auto[x-placement^="left"] > .arrow::after,
+.bs-popover-left > .arrow::after {
+  right: 1px;
+  border-width: 5px 0 5px 5px;
+  border-left-color: #000;
+}
+.popover-header {
+  padding: 8px 14px;
+  margin-bottom: 0;
+  font-size: 1rem;
+  color: #d5d5d5;
+  background-color: #000;
+  border-bottom: 1px solid #000;
+  border-top-left-radius: calc(2px - 1px);
+  border-top-right-radius: calc(2px - 1px);
+}
+.popover-header:empty {
+  display: none;
+}
+.popover-body {
+  padding: 9px 14px;
+  color: #d5d5d5;
+}
+.carousel {
+  position: relative;
+}
+.carousel.pointer-event {
+  touch-action: pan-y;
+}
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+.carousel-inner::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+.carousel-item {
+  position: relative;
+  display: none;
+  float: left;
+  width: 100%;
+  margin-right: -100%;
+  backface-visibility: hidden;
+  transition: transform 0.6s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .carousel-item {
+    transition: none;
+  }
+}
+.carousel-item-next,
+.carousel-item-prev,
+.carousel-item.active {
+  display: block;
+}
+.active.carousel-item-right,
+.carousel-item-next:not(.carousel-item-left) {
+  transform: translateX(100%);
+}
+.active.carousel-item-left,
+.carousel-item-prev:not(.carousel-item-right) {
+  transform: translateX(-100%);
+}
+.carousel-fade .carousel-item {
+  opacity: 0;
+  transition-property: opacity;
+  transform: none;
+}
+.carousel-fade .carousel-item-next.carousel-item-left,
+.carousel-fade .carousel-item-prev.carousel-item-right,
+.carousel-fade .carousel-item.active {
+  z-index: 1;
+  opacity: 1;
+}
+.carousel-fade .active.carousel-item-left,
+.carousel-fade .active.carousel-item-right {
+  z-index: 0;
+  opacity: 0;
+  transition: 0s 0.6s opacity;
+}
+@media (prefers-reduced-motion: reduce) {
+  .carousel-fade .active.carousel-item-left,
+  .carousel-fade .active.carousel-item-right {
+    transition: none;
+  }
+}
+.carousel-control-next,
+.carousel-control-prev {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 15%;
+  color: #d5d5d5;
+  text-align: center;
+  opacity: 0.5;
+  transition: opacity 0.15s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .carousel-control-next,
+  .carousel-control-prev {
+    transition: none;
+  }
+}
+.carousel-control-next:focus,
+.carousel-control-next:hover,
+.carousel-control-prev:focus,
+.carousel-control-prev:hover {
+  color: #d5d5d5;
+  text-decoration: none;
+  outline: 0;
+  opacity: 0.9;
+}
+.carousel-control-prev {
+  left: 0;
+}
+.carousel-control-next {
+  right: 0;
+}
+.carousel-control-next-icon,
+.carousel-control-prev-icon {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background: no-repeat 50%/100% 100%;
+}
+.carousel-control-prev-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d5d5d5' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
+}
+.carousel-control-next-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d5d5d5' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
+}
+.carousel-indicators {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 15;
+  display: flex;
+  justify-content: center;
+  padding-left: 0;
+  margin-right: 15%;
+  margin-left: 15%;
+  list-style: none;
+}
+.carousel-indicators li {
+  box-sizing: content-box;
+  flex: 0 1 auto;
+  width: 30px;
+  height: 3px;
+  margin-right: 3px;
+  margin-left: 3px;
+  text-indent: -999px;
+  cursor: pointer;
+  background-color: #d5d5d5;
+  background-clip: padding-box;
+  border-top: 10px solid transparent;
+  border-bottom: 10px solid transparent;
+  opacity: 0.5;
+  transition: opacity 0.6s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .carousel-indicators li {
+    transition: none;
+  }
+}
+.carousel-indicators .active {
+  opacity: 1;
+}
+.carousel-caption {
+  position: absolute;
+  right: 15%;
+  bottom: 20px;
+  left: 15%;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #d5d5d5;
+  text-align: center;
+}
+@keyframes spinner-border {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.spinner-border {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: text-bottom;
+  border: 0.25em solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: spinner-border 0.75s linear infinite;
+}
+.spinner-border-sm {
+  width: 1rem;
+  height: 1rem;
+  border-width: 0.2em;
+}
+@keyframes spinner-grow {
+  0% {
+    transform: scale(0);
+  }
+  50% {
+    opacity: 1;
+  }
+}
+.spinner-grow {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: text-bottom;
+  background-color: currentColor;
+  border-radius: 50%;
+  opacity: 0;
+  animation: spinner-grow 0.75s linear infinite;
+}
+.spinner-grow-sm {
+  width: 1rem;
+  height: 1rem;
+}
+.align-baseline {
+  vertical-align: baseline !important;
+}
+.align-top {
+  vertical-align: top !important;
+}
+.align-middle {
+  vertical-align: middle !important;
+}
+.align-bottom {
+  vertical-align: bottom !important;
+}
+.align-text-bottom {
+  vertical-align: text-bottom !important;
+}
+.align-text-top {
+  vertical-align: text-top !important;
+}
+.bg-primary {
+  background-color: #28282D !important;
+}
+a.bg-primary:focus,
+a.bg-primary:hover,
+button.bg-primary:focus,
+button.bg-primary:hover {
+  background-color: #005573 !important;
+}
+.bg-secondary {
+  background-color: #38383c !important;
+}
+a.bg-secondary:focus,
+a.bg-secondary:hover,
+button.bg-secondary:focus,
+button.bg-secondary:hover {
+  background-color: #434559 !important;
+}
+.bg-success {
+  background-color: #366a57 !important;
+}
+a.bg-success:focus,
+a.bg-success:hover,
+button.bg-success:focus,
+button.bg-success:hover {
+  background-color: #27926b !important;
+}
+.bg-info {
+  background-color: #053c64 !important;
+}
+a.bg-info:focus,
+a.bg-info:hover,
+button.bg-info:focus,
+button.bg-info:hover {
+  background-color: #264459 !important;
+}
+.bg-warning {
+  background-color: #8a5026 !important;
+}
+a.bg-warning:focus,
+a.bg-warning:hover,
+button.bg-warning:focus,
+button.bg-warning:hover {
+  background-color: #a35e2c !important;
+}
+.bg-danger {
+  background-color: #823a3a !important;
+}
+a.bg-danger:focus,
+a.bg-danger:hover,
+button.bg-danger:focus,
+button.bg-danger:hover {
+  background-color: #923333 !important;
+}
+.bg-light {
+  background-color: #1f2020 !important;
+}
+a.bg-light:focus,
+a.bg-light:hover,
+button.bg-light:focus,
+button.bg-light:hover {
+  background-color: #161720 !important;
+}
+.bg-dark {
+  background-color: #1a1a1a !important;
+}
+a.bg-dark:focus,
+a.bg-dark:hover,
+button.bg-dark:focus,
+button.bg-dark:hover {
+  background-color: #0e0f17 !important;
+}
+.bg-white {
+  background-color: #d5d5d5 !important;
+}
+.bg-transparent {
+  background-color: transparent !important;
+}
+.border {
+  border: 1px solid #3c3a3a !important;
+}
+.border-top {
+  border-top: 1px solid #37373B !important;
+}
+.border-right {
+  border-right: 1px solid #37373B !important;
+}
+.border-bottom {
+  border-bottom: 1px solid #3c3a3a !important;
+}
+.border-left {
+  border-left: 1px solid #000000 !important;
+}
+.border-0 {
+  border: 0 !important;
+}
+.border-top-0 {
+  border-top: 0 !important;
+}
+.border-right-0 {
+  border-right: 0 !important;
+}
+.border-bottom-0 {
+  border-bottom: 0 !important;
+}
+.border-left-0 {
+  border-left: 0 !important;
+}
+.border-primary {
+  border-color: #007aa6 !important;
+}
+.border-secondary {
+  border-color: #38383c !important;
+}
+.border-success {
+  border-color: #32ba89 !important;
+}
+.border-info {
+  border-color: #053c64 !important;
+}
+.border-warning {
+  border-color: #8a5026 !important;
+}
+.border-danger {
+  border-color: #823a3a !important;
+}
+.border-light {
+  border-color: #1f2020 !important;
+}
+.border-dark {
+  border-color: #000000 !important;
+}
+.border-white {
+  border-color: #d5d5d5 !important;
+}
+.rounded-sm {
+  border-radius: 2px !important;
+}
+.rounded {
+  border-radius: 2px !important;
+}
+.rounded-top {
+  border-top-left-radius: 2px !important;
+  border-top-right-radius: 2px !important;
+}
+.rounded-right {
+  border-top-right-radius: 2px !important;
+  border-bottom-right-radius: 2px !important;
+}
+.rounded-bottom {
+  border-bottom-right-radius: 2px !important;
+  border-bottom-left-radius: 2px !important;
+}
+.rounded-left {
+  border-top-left-radius: 2px !important;
+  border-bottom-left-radius: 2px !important;
+}
+.rounded-lg {
+  border-radius: 2px !important;
+}
+.rounded-circle {
+  border-radius: 50% !important;
+}
+.rounded-pill {
+  border-radius: 50rem !important;
+}
+.rounded-0 {
+  border-radius: 0 !important;
+}
+.clearfix::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+.d-none {
+  display: none !important;
+}
+.d-inline {
+  display: inline !important;
+}
+.d-inline-block {
+  display: inline-block !important;
+}
+.d-block {
+  display: block !important;
+}
+.d-table {
+  display: table !important;
+}
+.d-table-row {
+  display: table-row !important;
+}
+.d-table-cell {
+  display: table-cell !important;
+}
+.d-flex {
+  display: flex !important;
+}
+.d-inline-flex {
+  display: inline-flex !important;
+}
+@media (min-width: 576px) {
+  .d-sm-none {
+    display: none !important;
+  }
+  .d-sm-inline {
+    display: inline !important;
+  }
+  .d-sm-inline-block {
+    display: inline-block !important;
+  }
+  .d-sm-block {
+    display: block !important;
+  }
+  .d-sm-table {
+    display: table !important;
+  }
+  .d-sm-table-row {
+    display: table-row !important;
+  }
+  .d-sm-table-cell {
+    display: table-cell !important;
+  }
+  .d-sm-flex {
+    display: flex !important;
+  }
+  .d-sm-inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media (min-width: 768px) {
+  .d-md-none {
+    display: none !important;
+  }
+  .d-md-inline {
+    display: inline !important;
+  }
+  .d-md-inline-block {
+    display: inline-block !important;
+  }
+  .d-md-block {
+    display: block !important;
+  }
+  .d-md-table {
+    display: table !important;
+  }
+  .d-md-table-row {
+    display: table-row !important;
+  }
+  .d-md-table-cell {
+    display: table-cell !important;
+  }
+  .d-md-flex {
+    display: flex !important;
+  }
+  .d-md-inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media (min-width: 992px) {
+  .d-lg-none {
+    display: none !important;
+  }
+  .d-lg-inline {
+    display: inline !important;
+  }
+  .d-lg-inline-block {
+    display: inline-block !important;
+  }
+  .d-lg-block {
+    display: block !important;
+  }
+  .d-lg-table {
+    display: table !important;
+  }
+  .d-lg-table-row {
+    display: table-row !important;
+  }
+  .d-lg-table-cell {
+    display: table-cell !important;
+  }
+  .d-lg-flex {
+    display: flex !important;
+  }
+  .d-lg-inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media (min-width: 1200px) {
+  .d-xl-none {
+    display: none !important;
+  }
+  .d-xl-inline {
+    display: inline !important;
+  }
+  .d-xl-inline-block {
+    display: inline-block !important;
+  }
+  .d-xl-block {
+    display: block !important;
+  }
+  .d-xl-table {
+    display: table !important;
+  }
+  .d-xl-table-row {
+    display: table-row !important;
+  }
+  .d-xl-table-cell {
+    display: table-cell !important;
+  }
+  .d-xl-flex {
+    display: flex !important;
+  }
+  .d-xl-inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media print {
+  .d-print-none {
+    display: none !important;
+  }
+  .d-print-inline {
+    display: inline !important;
+  }
+  .d-print-inline-block {
+    display: inline-block !important;
+  }
+  .d-print-block {
+    display: block !important;
+  }
+  .d-print-table {
+    display: table !important;
+  }
+  .d-print-table-row {
+    display: table-row !important;
+  }
+  .d-print-table-cell {
+    display: table-cell !important;
+  }
+  .d-print-flex {
+    display: flex !important;
+  }
+  .d-print-inline-flex {
+    display: inline-flex !important;
+  }
+}
+.embed-responsive {
+  position: relative;
+  display: block;
+  width: 100%;
+  padding: 0;
+  overflow: hidden;
+}
+.embed-responsive::before {
+  display: block;
+  content: "";
+}
+.embed-responsive .embed-responsive-item,
+.embed-responsive embed,
+.embed-responsive iframe,
+.embed-responsive object,
+.embed-responsive video {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+.embed-responsive-21by9::before {
+  padding-top: 42.85714%;
+}
+.embed-responsive-16by9::before {
+  padding-top: 56.25%;
+}
+.embed-responsive-4by3::before {
+  padding-top: 75%;
+}
+.embed-responsive-1by1::before {
+  padding-top: 100%;
+}
+.flex-row {
+  flex-direction: row !important;
+}
+.flex-column {
+  flex-direction: column !important;
+}
+.flex-row-reverse {
+  flex-direction: row-reverse !important;
+}
+.flex-column-reverse {
+  flex-direction: column-reverse !important;
+}
+.flex-wrap {
+  flex-wrap: wrap !important;
+}
+.flex-nowrap {
+  flex-wrap: nowrap !important;
+}
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse !important;
+}
+.flex-fill {
+  flex: 1 1 auto !important;
+}
+.flex-grow-0 {
+  flex-grow: 0 !important;
+}
+.flex-grow-1 {
+  flex-grow: 1 !important;
+}
+.flex-shrink-0 {
+  flex-shrink: 0 !important;
+}
+.flex-shrink-1 {
+  flex-shrink: 1 !important;
+}
+.justify-content-start {
+  justify-content: flex-start !important;
+}
+.justify-content-end {
+  justify-content: flex-end !important;
+}
+.justify-content-center {
+  justify-content: center !important;
+}
+.justify-content-between {
+  justify-content: space-between !important;
+}
+.justify-content-around {
+  justify-content: space-around !important;
+}
+.align-items-start {
+  align-items: flex-start !important;
+}
+.align-items-end {
+  align-items: flex-end !important;
+}
+.align-items-center {
+  align-items: center !important;
+}
+.align-items-baseline {
+  align-items: baseline !important;
+}
+.align-items-stretch {
+  align-items: stretch !important;
+}
+.align-content-start {
+  align-content: flex-start !important;
+}
+.align-content-end {
+  align-content: flex-end !important;
+}
+.align-content-center {
+  align-content: center !important;
+}
+.align-content-between {
+  align-content: space-between !important;
+}
+.align-content-around {
+  align-content: space-around !important;
+}
+.align-content-stretch {
+  align-content: stretch !important;
+}
+.align-self-auto {
+  align-self: auto !important;
+}
+.align-self-start {
+  align-self: flex-start !important;
+}
+.align-self-end {
+  align-self: flex-end !important;
+}
+.align-self-center {
+  align-self: center !important;
+}
+.align-self-baseline {
+  align-self: baseline !important;
+}
+.align-self-stretch {
+  align-self: stretch !important;
+}
+@media (min-width: 576px) {
+  .flex-sm-row {
+    flex-direction: row !important;
+  }
+  .flex-sm-column {
+    flex-direction: column !important;
+  }
+  .flex-sm-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-sm-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-sm-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-sm-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-sm-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-sm-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-sm-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-sm-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-sm-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-sm-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .justify-content-sm-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-sm-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-sm-center {
+    justify-content: center !important;
+  }
+  .justify-content-sm-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-sm-around {
+    justify-content: space-around !important;
+  }
+  .align-items-sm-start {
+    align-items: flex-start !important;
+  }
+  .align-items-sm-end {
+    align-items: flex-end !important;
+  }
+  .align-items-sm-center {
+    align-items: center !important;
+  }
+  .align-items-sm-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-sm-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-sm-start {
+    align-content: flex-start !important;
+  }
+  .align-content-sm-end {
+    align-content: flex-end !important;
+  }
+  .align-content-sm-center {
+    align-content: center !important;
+  }
+  .align-content-sm-between {
+    align-content: space-between !important;
+  }
+  .align-content-sm-around {
+    align-content: space-around !important;
+  }
+  .align-content-sm-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-sm-auto {
+    align-self: auto !important;
+  }
+  .align-self-sm-start {
+    align-self: flex-start !important;
+  }
+  .align-self-sm-end {
+    align-self: flex-end !important;
+  }
+  .align-self-sm-center {
+    align-self: center !important;
+  }
+  .align-self-sm-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-sm-stretch {
+    align-self: stretch !important;
+  }
+}
+@media (min-width: 768px) {
+  .flex-md-row {
+    flex-direction: row !important;
+  }
+  .flex-md-column {
+    flex-direction: column !important;
+  }
+  .flex-md-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-md-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-md-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-md-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-md-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-md-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-md-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-md-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-md-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-md-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .justify-content-md-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-md-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-md-center {
+    justify-content: center !important;
+  }
+  .justify-content-md-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-md-around {
+    justify-content: space-around !important;
+  }
+  .align-items-md-start {
+    align-items: flex-start !important;
+  }
+  .align-items-md-end {
+    align-items: flex-end !important;
+  }
+  .align-items-md-center {
+    align-items: center !important;
+  }
+  .align-items-md-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-md-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-md-start {
+    align-content: flex-start !important;
+  }
+  .align-content-md-end {
+    align-content: flex-end !important;
+  }
+  .align-content-md-center {
+    align-content: center !important;
+  }
+  .align-content-md-between {
+    align-content: space-between !important;
+  }
+  .align-content-md-around {
+    align-content: space-around !important;
+  }
+  .align-content-md-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-md-auto {
+    align-self: auto !important;
+  }
+  .align-self-md-start {
+    align-self: flex-start !important;
+  }
+  .align-self-md-end {
+    align-self: flex-end !important;
+  }
+  .align-self-md-center {
+    align-self: center !important;
+  }
+  .align-self-md-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-md-stretch {
+    align-self: stretch !important;
+  }
+}
+@media (min-width: 992px) {
+  .flex-lg-row {
+    flex-direction: row !important;
+  }
+  .flex-lg-column {
+    flex-direction: column !important;
+  }
+  .flex-lg-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-lg-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-lg-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-lg-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-lg-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-lg-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-lg-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-lg-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-lg-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-lg-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .justify-content-lg-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-lg-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-lg-center {
+    justify-content: center !important;
+  }
+  .justify-content-lg-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-lg-around {
+    justify-content: space-around !important;
+  }
+  .align-items-lg-start {
+    align-items: flex-start !important;
+  }
+  .align-items-lg-end {
+    align-items: flex-end !important;
+  }
+  .align-items-lg-center {
+    align-items: center !important;
+  }
+  .align-items-lg-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-lg-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-lg-start {
+    align-content: flex-start !important;
+  }
+  .align-content-lg-end {
+    align-content: flex-end !important;
+  }
+  .align-content-lg-center {
+    align-content: center !important;
+  }
+  .align-content-lg-between {
+    align-content: space-between !important;
+  }
+  .align-content-lg-around {
+    align-content: space-around !important;
+  }
+  .align-content-lg-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-lg-auto {
+    align-self: auto !important;
+  }
+  .align-self-lg-start {
+    align-self: flex-start !important;
+  }
+  .align-self-lg-end {
+    align-self: flex-end !important;
+  }
+  .align-self-lg-center {
+    align-self: center !important;
+  }
+  .align-self-lg-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-lg-stretch {
+    align-self: stretch !important;
+  }
+}
+@media (min-width: 1200px) {
+  .flex-xl-row {
+    flex-direction: row !important;
+  }
+  .flex-xl-column {
+    flex-direction: column !important;
+  }
+  .flex-xl-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-xl-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-xl-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-xl-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-xl-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-xl-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-xl-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-xl-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-xl-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-xl-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .justify-content-xl-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-xl-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-xl-center {
+    justify-content: center !important;
+  }
+  .justify-content-xl-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-xl-around {
+    justify-content: space-around !important;
+  }
+  .align-items-xl-start {
+    align-items: flex-start !important;
+  }
+  .align-items-xl-end {
+    align-items: flex-end !important;
+  }
+  .align-items-xl-center {
+    align-items: center !important;
+  }
+  .align-items-xl-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-xl-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-xl-start {
+    align-content: flex-start !important;
+  }
+  .align-content-xl-end {
+    align-content: flex-end !important;
+  }
+  .align-content-xl-center {
+    align-content: center !important;
+  }
+  .align-content-xl-between {
+    align-content: space-between !important;
+  }
+  .align-content-xl-around {
+    align-content: space-around !important;
+  }
+  .align-content-xl-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-xl-auto {
+    align-self: auto !important;
+  }
+  .align-self-xl-start {
+    align-self: flex-start !important;
+  }
+  .align-self-xl-end {
+    align-self: flex-end !important;
+  }
+  .align-self-xl-center {
+    align-self: center !important;
+  }
+  .align-self-xl-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-xl-stretch {
+    align-self: stretch !important;
+  }
+}
+.float-left {
+  float: left !important;
+}
+.float-right {
+  float: right !important;
+}
+.float-none {
+  float: none !important;
+}
+@media (min-width: 576px) {
+  .float-sm-left {
+    float: left !important;
+  }
+  .float-sm-right {
+    float: right !important;
+  }
+  .float-sm-none {
+    float: none !important;
+  }
+}
+@media (min-width: 768px) {
+  .float-md-left {
+    float: left !important;
+  }
+  .float-md-right {
+    float: right !important;
+  }
+  .float-md-none {
+    float: none !important;
+  }
+}
+@media (min-width: 992px) {
+  .float-lg-left {
+    float: left !important;
+  }
+  .float-lg-right {
+    float: right !important;
+  }
+  .float-lg-none {
+    float: none !important;
+  }
+}
+@media (min-width: 1200px) {
+  .float-xl-left {
+    float: left !important;
+  }
+  .float-xl-right {
+    float: right !important;
+  }
+  .float-xl-none {
+    float: none !important;
+  }
+}
+.overflow-auto {
+  overflow: auto !important;
+}
+.overflow-hidden {
+  overflow: hidden !important;
+}
+.position-static {
+  position: static !important;
+}
+.position-relative {
+  position: relative !important;
+}
+.position-absolute {
+  position: absolute !important;
+}
+.position-fixed {
+  position: fixed !important;
+}
+.position-sticky {
+  position: sticky !important;
+}
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1030;
+}
+@supports (position: sticky) {
+  .sticky-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+.shadow-sm {
+  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+}
+.shadow {
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+.shadow-lg {
+  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+}
+.shadow-none {
+  box-shadow: none !important;
+}
+.w-25 {
+  width: 25% !important;
+}
+.w-50 {
+  width: 50% !important;
+}
+.w-75 {
+  width: 75% !important;
+}
+.w-100 {
+  width: 100% !important;
+}
+.w-auto {
+  width: auto !important;
+}
+.h-25 {
+  height: 25% !important;
+}
+.h-50 {
+  height: 50% !important;
+}
+.h-75 {
+  height: 75% !important;
+}
+.h-100 {
+  height: 100% !important;
+}
+.h-auto {
+  height: auto !important;
+}
+.mw-100 {
+  max-width: 100% !important;
+}
+.mh-100 {
+  max-height: 100% !important;
+}
+.min-vw-100 {
+  min-width: 100vw !important;
+}
+.min-vh-100 {
+  min-height: 100vh !important;
+}
+.vw-100 {
+  width: 100vw !important;
+}
+.vh-100 {
+  height: 100vh !important;
+}
+.stretched-link::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  pointer-events: auto;
+  content: "";
+  background-color: rgba(0, 0, 0, 0);
+}
+.m-0 {
+  margin: 0 !important;
+}
+.mt-0,
+.my-0 {
+  margin-top: 0 !important;
+}
+.mr-0,
+.mx-0 {
+  margin-right: 0 !important;
+}
+.mb-0,
+.my-0 {
+  margin-bottom: 0 !important;
+}
+.ml-0,
+.mx-0 {
+  margin-left: 0 !important;
+}
+.m-1 {
+  margin: 0.25rem !important;
+}
+.mt-1,
+.my-1 {
+  margin-top: 0.25rem !important;
+}
+.mr-1,
+.mx-1 {
+  margin-right: 0.25rem !important;
+}
+.mb-1,
+.my-1 {
+  margin-bottom: 0.25rem !important;
+}
+.ml-1,
+.mx-1 {
+  margin-left: 0.25rem !important;
+}
+.m-2 {
+  margin: 0.5rem !important;
+}
+.mt-2,
+.my-2 {
+  margin-top: 0.5rem !important;
+}
+.mr-2,
+.mx-2 {
+  margin-right: 0.5rem !important;
+}
+.mb-2,
+.my-2 {
+  margin-bottom: 0.5rem !important;
+}
+.ml-2,
+.mx-2 {
+  margin-left: 0.5rem !important;
+}
+.m-3 {
+  margin: 1rem !important;
+}
+.mt-3,
+.my-3 {
+  margin-top: 1rem !important;
+}
+.mr-3,
+.mx-3 {
+  margin-right: 1rem !important;
+}
+.mb-3,
+.my-3 {
+  margin-bottom: 1rem !important;
+}
+.ml-3,
+.mx-3 {
+  margin-left: 1rem !important;
+}
+.m-4 {
+  margin: 1.5rem !important;
+}
+.mt-4,
+.my-4 {
+  margin-top: 1.5rem !important;
+}
+.mr-4,
+.mx-4 {
+  margin-right: 1.5rem !important;
+}
+.mb-4,
+.my-4 {
+  margin-bottom: 1.5rem !important;
+}
+.ml-4,
+.mx-4 {
+  margin-left: 1.5rem !important;
+}
+.m-5 {
+  margin: 3rem !important;
+}
+.mt-5,
+.my-5 {
+  margin-top: 3rem !important;
+}
+.mr-5,
+.mx-5 {
+  margin-right: 3rem !important;
+}
+.mb-5,
+.my-5 {
+  margin-bottom: 3rem !important;
+}
+.ml-5,
+.mx-5 {
+  margin-left: 3rem !important;
+}
+.p-0 {
+  padding: 0 !important;
+}
+.pt-0,
+.py-0 {
+  padding-top: 0 !important;
+}
+.pr-0,
+.px-0 {
+  padding-right: 0 !important;
+}
+.pb-0,
+.py-0 {
+  padding-bottom: 0 !important;
+}
+.pl-0,
+.px-0 {
+  padding-left: 0 !important;
+}
+.p-1 {
+  padding: 0.25rem !important;
+}
+.pt-1,
+.py-1 {
+  padding-top: 0.25rem !important;
+}
+.pr-1,
+.px-1 {
+  padding-right: 0.25rem !important;
+}
+.pb-1,
+.py-1 {
+  padding-bottom: 0.25rem !important;
+}
+.pl-1,
+.px-1 {
+  padding-left: 0.25rem !important;
+}
+.p-2 {
+  padding: 0.5rem !important;
+}
+.pt-2,
+.py-2 {
+  padding-top: 0.5rem !important;
+}
+.pr-2,
+.px-2 {
+  padding-right: 0.5rem !important;
+}
+.pb-2,
+.py-2 {
+  padding-bottom: 0.5rem !important;
+}
+.pl-2,
+.px-2 {
+  padding-left: 0.5rem !important;
+}
+.p-3 {
+  padding: 1rem !important;
+}
+.pt-3,
+.py-3 {
+  padding-top: 1rem !important;
+}
+.pr-3,
+.px-3 {
+  padding-right: 1rem !important;
+}
+.pb-3,
+.py-3 {
+  padding-bottom: 1rem !important;
+}
+.pl-3,
+.px-3 {
+  padding-left: 1rem !important;
+}
+.p-4 {
+  padding: 1.5rem !important;
+}
+.pt-4,
+.py-4 {
+  padding-top: 1.5rem !important;
+}
+.pr-4,
+.px-4 {
+  padding-right: 1.5rem !important;
+}
+.pb-4,
+.py-4 {
+  padding-bottom: 1.5rem !important;
+}
+.pl-4,
+.px-4 {
+  padding-left: 1.5rem !important;
+}
+.p-5 {
+  padding: 3rem !important;
+}
+.pt-5,
+.py-5 {
+  padding-top: 3rem !important;
+}
+.pr-5,
+.px-5 {
+  padding-right: 3rem !important;
+}
+.pb-5,
+.py-5 {
+  padding-bottom: 3rem !important;
+}
+.pl-5,
+.px-5 {
+  padding-left: 3rem !important;
+}
+.m-n1 {
+  margin: -0.25rem !important;
+}
+.mt-n1,
+.my-n1 {
+  margin-top: -0.25rem !important;
+}
+.mr-n1,
+.mx-n1 {
+  margin-right: -0.25rem !important;
+}
+.mb-n1,
+.my-n1 {
+  margin-bottom: -0.25rem !important;
+}
+.ml-n1,
+.mx-n1 {
+  margin-left: -0.25rem !important;
+}
+.m-n2 {
+  margin: -0.5rem !important;
+}
+.mt-n2,
+.my-n2 {
+  margin-top: -0.5rem !important;
+}
+.mr-n2,
+.mx-n2 {
+  margin-right: -0.5rem !important;
+}
+.mb-n2,
+.my-n2 {
+  margin-bottom: -0.5rem !important;
+}
+.ml-n2,
+.mx-n2 {
+  margin-left: -0.5rem !important;
+}
+.m-n3 {
+  margin: -1rem !important;
+}
+.mt-n3,
+.my-n3 {
+  margin-top: -1rem !important;
+}
+.mr-n3,
+.mx-n3 {
+  margin-right: -1rem !important;
+}
+.mb-n3,
+.my-n3 {
+  margin-bottom: -1rem !important;
+}
+.ml-n3,
+.mx-n3 {
+  margin-left: -1rem !important;
+}
+.m-n4 {
+  margin: -1.5rem !important;
+}
+.mt-n4,
+.my-n4 {
+  margin-top: -1.5rem !important;
+}
+.mr-n4,
+.mx-n4 {
+  margin-right: -1.5rem !important;
+}
+.mb-n4,
+.my-n4 {
+  margin-bottom: -1.5rem !important;
+}
+.ml-n4,
+.mx-n4 {
+  margin-left: -1.5rem !important;
+}
+.m-n5 {
+  margin: -3rem !important;
+}
+.mt-n5,
+.my-n5 {
+  margin-top: -3rem !important;
+}
+.mr-n5,
+.mx-n5 {
+  margin-right: -3rem !important;
+}
+.mb-n5,
+.my-n5 {
+  margin-bottom: -3rem !important;
+}
+.ml-n5,
+.mx-n5 {
+  margin-left: -3rem !important;
+}
+.m-auto {
+  margin: auto !important;
+}
+.mt-auto,
+.my-auto {
+  margin-top: auto !important;
+}
+.mr-auto,
+.mx-auto {
+  margin-right: auto !important;
+}
+.mb-auto,
+.my-auto {
+  margin-bottom: auto !important;
+}
+.ml-auto,
+.mx-auto {
+  margin-left: auto !important;
+}
+@media (min-width: 576px) {
+  .m-sm-0 {
+    margin: 0 !important;
+  }
+  .mt-sm-0,
+  .my-sm-0 {
+    margin-top: 0 !important;
+  }
+  .mr-sm-0,
+  .mx-sm-0 {
+    margin-right: 0 !important;
+  }
+  .mb-sm-0,
+  .my-sm-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-sm-0,
+  .mx-sm-0 {
+    margin-left: 0 !important;
+  }
+  .m-sm-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-sm-1,
+  .my-sm-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-sm-1,
+  .mx-sm-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-sm-1,
+  .my-sm-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-sm-1,
+  .mx-sm-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-sm-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-sm-2,
+  .my-sm-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-sm-2,
+  .mx-sm-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-sm-2,
+  .my-sm-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-sm-2,
+  .mx-sm-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-sm-3 {
+    margin: 1rem !important;
+  }
+  .mt-sm-3,
+  .my-sm-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-sm-3,
+  .mx-sm-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-sm-3,
+  .my-sm-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-sm-3,
+  .mx-sm-3 {
+    margin-left: 1rem !important;
+  }
+  .m-sm-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-sm-4,
+  .my-sm-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-sm-4,
+  .mx-sm-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-sm-4,
+  .my-sm-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-sm-4,
+  .mx-sm-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-sm-5 {
+    margin: 3rem !important;
+  }
+  .mt-sm-5,
+  .my-sm-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-sm-5,
+  .mx-sm-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-sm-5,
+  .my-sm-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-sm-5,
+  .mx-sm-5 {
+    margin-left: 3rem !important;
+  }
+  .p-sm-0 {
+    padding: 0 !important;
+  }
+  .pt-sm-0,
+  .py-sm-0 {
+    padding-top: 0 !important;
+  }
+  .pr-sm-0,
+  .px-sm-0 {
+    padding-right: 0 !important;
+  }
+  .pb-sm-0,
+  .py-sm-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-sm-0,
+  .px-sm-0 {
+    padding-left: 0 !important;
+  }
+  .p-sm-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-sm-1,
+  .py-sm-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-sm-1,
+  .px-sm-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-sm-1,
+  .py-sm-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-sm-1,
+  .px-sm-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-sm-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-sm-2,
+  .py-sm-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-sm-2,
+  .px-sm-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-sm-2,
+  .py-sm-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-sm-2,
+  .px-sm-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-sm-3 {
+    padding: 1rem !important;
+  }
+  .pt-sm-3,
+  .py-sm-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-sm-3,
+  .px-sm-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-sm-3,
+  .py-sm-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-sm-3,
+  .px-sm-3 {
+    padding-left: 1rem !important;
+  }
+  .p-sm-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-sm-4,
+  .py-sm-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-sm-4,
+  .px-sm-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-sm-4,
+  .py-sm-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-sm-4,
+  .px-sm-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-sm-5 {
+    padding: 3rem !important;
+  }
+  .pt-sm-5,
+  .py-sm-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-sm-5,
+  .px-sm-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-sm-5,
+  .py-sm-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-sm-5,
+  .px-sm-5 {
+    padding-left: 3rem !important;
+  }
+  .m-sm-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-sm-n1,
+  .my-sm-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-sm-n1,
+  .mx-sm-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-sm-n1,
+  .my-sm-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-sm-n1,
+  .mx-sm-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-sm-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-sm-n2,
+  .my-sm-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-sm-n2,
+  .mx-sm-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-sm-n2,
+  .my-sm-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-sm-n2,
+  .mx-sm-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-sm-n3 {
+    margin: -1rem !important;
+  }
+  .mt-sm-n3,
+  .my-sm-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-sm-n3,
+  .mx-sm-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-sm-n3,
+  .my-sm-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-sm-n3,
+  .mx-sm-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-sm-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-sm-n4,
+  .my-sm-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-sm-n4,
+  .mx-sm-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-sm-n4,
+  .my-sm-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-sm-n4,
+  .mx-sm-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-sm-n5 {
+    margin: -3rem !important;
+  }
+  .mt-sm-n5,
+  .my-sm-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-sm-n5,
+  .mx-sm-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-sm-n5,
+  .my-sm-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-sm-n5,
+  .mx-sm-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-sm-auto {
+    margin: auto !important;
+  }
+  .mt-sm-auto,
+  .my-sm-auto {
+    margin-top: auto !important;
+  }
+  .mr-sm-auto,
+  .mx-sm-auto {
+    margin-right: auto !important;
+  }
+  .mb-sm-auto,
+  .my-sm-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-sm-auto,
+  .mx-sm-auto {
+    margin-left: auto !important;
+  }
+}
+@media (min-width: 768px) {
+  .m-md-0 {
+    margin: 0 !important;
+  }
+  .mt-md-0,
+  .my-md-0 {
+    margin-top: 0 !important;
+  }
+  .mr-md-0,
+  .mx-md-0 {
+    margin-right: 0 !important;
+  }
+  .mb-md-0,
+  .my-md-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-md-0,
+  .mx-md-0 {
+    margin-left: 0 !important;
+  }
+  .m-md-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-md-1,
+  .my-md-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-md-1,
+  .mx-md-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-md-1,
+  .my-md-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-md-1,
+  .mx-md-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-md-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-md-2,
+  .my-md-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-md-2,
+  .mx-md-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-md-2,
+  .my-md-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-md-2,
+  .mx-md-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-md-3 {
+    margin: 1rem !important;
+  }
+  .mt-md-3,
+  .my-md-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-md-3,
+  .mx-md-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-md-3,
+  .my-md-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-md-3,
+  .mx-md-3 {
+    margin-left: 1rem !important;
+  }
+  .m-md-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-md-4,
+  .my-md-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-md-4,
+  .mx-md-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-md-4,
+  .my-md-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-md-4,
+  .mx-md-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-md-5 {
+    margin: 3rem !important;
+  }
+  .mt-md-5,
+  .my-md-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-md-5,
+  .mx-md-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-md-5,
+  .my-md-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-md-5,
+  .mx-md-5 {
+    margin-left: 3rem !important;
+  }
+  .p-md-0 {
+    padding: 0 !important;
+  }
+  .pt-md-0,
+  .py-md-0 {
+    padding-top: 0 !important;
+  }
+  .pr-md-0,
+  .px-md-0 {
+    padding-right: 0 !important;
+  }
+  .pb-md-0,
+  .py-md-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-md-0,
+  .px-md-0 {
+    padding-left: 0 !important;
+  }
+  .p-md-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-md-1,
+  .py-md-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-md-1,
+  .px-md-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-md-1,
+  .py-md-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-md-1,
+  .px-md-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-md-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-md-2,
+  .py-md-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-md-2,
+  .px-md-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-md-2,
+  .py-md-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-md-2,
+  .px-md-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-md-3 {
+    padding: 1rem !important;
+  }
+  .pt-md-3,
+  .py-md-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-md-3,
+  .px-md-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-md-3,
+  .py-md-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-md-3,
+  .px-md-3 {
+    padding-left: 1rem !important;
+  }
+  .p-md-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-md-4,
+  .py-md-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-md-4,
+  .px-md-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-md-4,
+  .py-md-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-md-4,
+  .px-md-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-md-5 {
+    padding: 3rem !important;
+  }
+  .pt-md-5,
+  .py-md-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-md-5,
+  .px-md-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-md-5,
+  .py-md-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-md-5,
+  .px-md-5 {
+    padding-left: 3rem !important;
+  }
+  .m-md-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-md-n1,
+  .my-md-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-md-n1,
+  .mx-md-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-md-n1,
+  .my-md-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-md-n1,
+  .mx-md-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-md-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-md-n2,
+  .my-md-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-md-n2,
+  .mx-md-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-md-n2,
+  .my-md-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-md-n2,
+  .mx-md-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-md-n3 {
+    margin: -1rem !important;
+  }
+  .mt-md-n3,
+  .my-md-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-md-n3,
+  .mx-md-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-md-n3,
+  .my-md-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-md-n3,
+  .mx-md-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-md-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-md-n4,
+  .my-md-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-md-n4,
+  .mx-md-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-md-n4,
+  .my-md-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-md-n4,
+  .mx-md-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-md-n5 {
+    margin: -3rem !important;
+  }
+  .mt-md-n5,
+  .my-md-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-md-n5,
+  .mx-md-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-md-n5,
+  .my-md-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-md-n5,
+  .mx-md-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-md-auto {
+    margin: auto !important;
+  }
+  .mt-md-auto,
+  .my-md-auto {
+    margin-top: auto !important;
+  }
+  .mr-md-auto,
+  .mx-md-auto {
+    margin-right: auto !important;
+  }
+  .mb-md-auto,
+  .my-md-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-md-auto,
+  .mx-md-auto {
+    margin-left: auto !important;
+  }
+}
+@media (min-width: 992px) {
+  .m-lg-0 {
+    margin: 0 !important;
+  }
+  .mt-lg-0,
+  .my-lg-0 {
+    margin-top: 0 !important;
+  }
+  .mr-lg-0,
+  .mx-lg-0 {
+    margin-right: 0 !important;
+  }
+  .mb-lg-0,
+  .my-lg-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-lg-0,
+  .mx-lg-0 {
+    margin-left: 0 !important;
+  }
+  .m-lg-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-lg-1,
+  .my-lg-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-lg-1,
+  .mx-lg-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-lg-1,
+  .my-lg-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-lg-1,
+  .mx-lg-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-lg-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-lg-2,
+  .my-lg-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-lg-2,
+  .mx-lg-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-lg-2,
+  .my-lg-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-lg-2,
+  .mx-lg-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-lg-3 {
+    margin: 1rem !important;
+  }
+  .mt-lg-3,
+  .my-lg-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-lg-3,
+  .mx-lg-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-lg-3,
+  .my-lg-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-lg-3,
+  .mx-lg-3 {
+    margin-left: 1rem !important;
+  }
+  .m-lg-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-lg-4,
+  .my-lg-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-lg-4,
+  .mx-lg-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-lg-4,
+  .my-lg-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-lg-4,
+  .mx-lg-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-lg-5 {
+    margin: 3rem !important;
+  }
+  .mt-lg-5,
+  .my-lg-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-lg-5,
+  .mx-lg-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-lg-5,
+  .my-lg-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-lg-5,
+  .mx-lg-5 {
+    margin-left: 3rem !important;
+  }
+  .p-lg-0 {
+    padding: 0 !important;
+  }
+  .pt-lg-0,
+  .py-lg-0 {
+    padding-top: 0 !important;
+  }
+  .pr-lg-0,
+  .px-lg-0 {
+    padding-right: 0 !important;
+  }
+  .pb-lg-0,
+  .py-lg-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-lg-0,
+  .px-lg-0 {
+    padding-left: 0 !important;
+  }
+  .p-lg-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-lg-1,
+  .py-lg-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-lg-1,
+  .px-lg-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-lg-1,
+  .py-lg-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-lg-1,
+  .px-lg-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-lg-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-lg-2,
+  .py-lg-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-lg-2,
+  .px-lg-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-lg-2,
+  .py-lg-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-lg-2,
+  .px-lg-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-lg-3 {
+    padding: 1rem !important;
+  }
+  .pt-lg-3,
+  .py-lg-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-lg-3,
+  .px-lg-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-lg-3,
+  .py-lg-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-lg-3,
+  .px-lg-3 {
+    padding-left: 1rem !important;
+  }
+  .p-lg-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-lg-4,
+  .py-lg-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-lg-4,
+  .px-lg-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-lg-4,
+  .py-lg-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-lg-4,
+  .px-lg-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-lg-5 {
+    padding: 3rem !important;
+  }
+  .pt-lg-5,
+  .py-lg-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-lg-5,
+  .px-lg-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-lg-5,
+  .py-lg-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-lg-5,
+  .px-lg-5 {
+    padding-left: 3rem !important;
+  }
+  .m-lg-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-lg-n1,
+  .my-lg-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-lg-n1,
+  .mx-lg-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-lg-n1,
+  .my-lg-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-lg-n1,
+  .mx-lg-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-lg-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-lg-n2,
+  .my-lg-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-lg-n2,
+  .mx-lg-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-lg-n2,
+  .my-lg-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-lg-n2,
+  .mx-lg-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-lg-n3 {
+    margin: -1rem !important;
+  }
+  .mt-lg-n3,
+  .my-lg-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-lg-n3,
+  .mx-lg-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-lg-n3,
+  .my-lg-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-lg-n3,
+  .mx-lg-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-lg-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-lg-n4,
+  .my-lg-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-lg-n4,
+  .mx-lg-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-lg-n4,
+  .my-lg-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-lg-n4,
+  .mx-lg-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-lg-n5 {
+    margin: -3rem !important;
+  }
+  .mt-lg-n5,
+  .my-lg-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-lg-n5,
+  .mx-lg-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-lg-n5,
+  .my-lg-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-lg-n5,
+  .mx-lg-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-lg-auto {
+    margin: auto !important;
+  }
+  .mt-lg-auto,
+  .my-lg-auto {
+    margin-top: auto !important;
+  }
+  .mr-lg-auto,
+  .mx-lg-auto {
+    margin-right: auto !important;
+  }
+  .mb-lg-auto,
+  .my-lg-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-lg-auto,
+  .mx-lg-auto {
+    margin-left: auto !important;
+  }
+}
+@media (min-width: 1200px) {
+  .m-xl-0 {
+    margin: 0 !important;
+  }
+  .mt-xl-0,
+  .my-xl-0 {
+    margin-top: 0 !important;
+  }
+  .mr-xl-0,
+  .mx-xl-0 {
+    margin-right: 0 !important;
+  }
+  .mb-xl-0,
+  .my-xl-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-xl-0,
+  .mx-xl-0 {
+    margin-left: 0 !important;
+  }
+  .m-xl-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-xl-1,
+  .my-xl-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-xl-1,
+  .mx-xl-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-xl-1,
+  .my-xl-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-xl-1,
+  .mx-xl-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-xl-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-xl-2,
+  .my-xl-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-xl-2,
+  .mx-xl-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-xl-2,
+  .my-xl-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-xl-2,
+  .mx-xl-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-xl-3 {
+    margin: 1rem !important;
+  }
+  .mt-xl-3,
+  .my-xl-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-xl-3,
+  .mx-xl-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-xl-3,
+  .my-xl-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-xl-3,
+  .mx-xl-3 {
+    margin-left: 1rem !important;
+  }
+  .m-xl-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-xl-4,
+  .my-xl-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-xl-4,
+  .mx-xl-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-xl-4,
+  .my-xl-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-xl-4,
+  .mx-xl-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-xl-5 {
+    margin: 3rem !important;
+  }
+  .mt-xl-5,
+  .my-xl-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-xl-5,
+  .mx-xl-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-xl-5,
+  .my-xl-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-xl-5,
+  .mx-xl-5 {
+    margin-left: 3rem !important;
+  }
+  .p-xl-0 {
+    padding: 0 !important;
+  }
+  .pt-xl-0,
+  .py-xl-0 {
+    padding-top: 0 !important;
+  }
+  .pr-xl-0,
+  .px-xl-0 {
+    padding-right: 0 !important;
+  }
+  .pb-xl-0,
+  .py-xl-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-xl-0,
+  .px-xl-0 {
+    padding-left: 0 !important;
+  }
+  .p-xl-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-xl-1,
+  .py-xl-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-xl-1,
+  .px-xl-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-xl-1,
+  .py-xl-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-xl-1,
+  .px-xl-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-xl-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-xl-2,
+  .py-xl-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-xl-2,
+  .px-xl-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-xl-2,
+  .py-xl-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-xl-2,
+  .px-xl-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-xl-3 {
+    padding: 1rem !important;
+  }
+  .pt-xl-3,
+  .py-xl-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-xl-3,
+  .px-xl-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-xl-3,
+  .py-xl-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-xl-3,
+  .px-xl-3 {
+    padding-left: 1rem !important;
+  }
+  .p-xl-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-xl-4,
+  .py-xl-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-xl-4,
+  .px-xl-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-xl-4,
+  .py-xl-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-xl-4,
+  .px-xl-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-xl-5 {
+    padding: 3rem !important;
+  }
+  .pt-xl-5,
+  .py-xl-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-xl-5,
+  .px-xl-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-xl-5,
+  .py-xl-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-xl-5,
+  .px-xl-5 {
+    padding-left: 3rem !important;
+  }
+  .m-xl-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-xl-n1,
+  .my-xl-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-xl-n1,
+  .mx-xl-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-xl-n1,
+  .my-xl-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-xl-n1,
+  .mx-xl-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-xl-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-xl-n2,
+  .my-xl-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-xl-n2,
+  .mx-xl-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-xl-n2,
+  .my-xl-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-xl-n2,
+  .mx-xl-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-xl-n3 {
+    margin: -1rem !important;
+  }
+  .mt-xl-n3,
+  .my-xl-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-xl-n3,
+  .mx-xl-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-xl-n3,
+  .my-xl-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-xl-n3,
+  .mx-xl-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-xl-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-xl-n4,
+  .my-xl-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-xl-n4,
+  .mx-xl-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-xl-n4,
+  .my-xl-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-xl-n4,
+  .mx-xl-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-xl-n5 {
+    margin: -3rem !important;
+  }
+  .mt-xl-n5,
+  .my-xl-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-xl-n5,
+  .mx-xl-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-xl-n5,
+  .my-xl-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-xl-n5,
+  .mx-xl-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-xl-auto {
+    margin: auto !important;
+  }
+  .mt-xl-auto,
+  .my-xl-auto {
+    margin-top: auto !important;
+  }
+  .mr-xl-auto,
+  .mx-xl-auto {
+    margin-right: auto !important;
+  }
+  .mb-xl-auto,
+  .my-xl-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-xl-auto,
+  .mx-xl-auto {
+    margin-left: auto !important;
+  }
+}
+.text-monospace {
+  font-family: "JetBrains Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
+    monospace !important;
+}
+.text-justify {
+  text-align: justify !important;
+}
+.text-wrap {
+  white-space: normal !important;
+}
+.text-nowrap {
+  white-space: nowrap !important;
+}
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.text-left {
+  text-align: left !important;
+}
+.text-right {
+  text-align: right !important;
+}
+.text-center {
+  text-align: center !important;
+}
+@media (min-width: 576px) {
+  .text-sm-left {
+    text-align: left !important;
+  }
+  .text-sm-right {
+    text-align: right !important;
+  }
+  .text-sm-center {
+    text-align: center !important;
+  }
+}
+@media (min-width: 768px) {
+  .text-md-left {
+    text-align: left !important;
+  }
+  .text-md-right {
+    text-align: right !important;
+  }
+  .text-md-center {
+    text-align: center !important;
+  }
+}
+@media (min-width: 992px) {
+  .text-lg-left {
+    text-align: left !important;
+  }
+  .text-lg-right {
+    text-align: right !important;
+  }
+  .text-lg-center {
+    text-align: center !important;
+  }
+}
+@media (min-width: 1200px) {
+  .text-xl-left {
+    text-align: left !important;
+  }
+  .text-xl-right {
+    text-align: right !important;
+  }
+  .text-xl-center {
+    text-align: center !important;
+  }
+}
+.text-lowercase {
+  text-transform: lowercase !important;
+}
+.text-uppercase {
+  text-transform: uppercase !important;
+}
+.text-capitalize {
+  text-transform: capitalize !important;
+}
+.font-weight-light {
+  font-weight: 300 !important;
+}
+.font-weight-lighter {
+  font-weight: lighter !important;
+}
+.font-weight-normal {
+  font-weight: 400 !important;
+}
+.font-weight-bold {
+  font-weight: 700 !important;
+}
+.font-weight-bolder {
+  font-weight: bolder !important;
+}
+.font-italic {
+  font-style: italic !important;
+}
+.text-white {
+  color: #d5d5d5 !important;
+}
+.text-primary {
+  color: #007aa6 !important;
+}
+a.text-primary:focus,
+a.text-primary:hover {
+  color: #00425a !important;
+}
+.text-secondary {
+  color: #89898e !important;
+}
+a.text-secondary:focus,
+a.text-secondary:hover {
+  color: #383a4a !important;
+}
+.text-success {
+  color: #32ba89 !important;
+}
+a.text-success:focus,
+a.text-success:hover {
+  color: #227e5d !important;
+}
+.text-info {
+  color: #0673c3 !important;
+}
+a.text-info:focus,
+a.text-info:hover {
+  color: #1e3647 !important;
+}
+.text-warning {
+  color: #8a5026 !important;
+}
+a.text-warning:focus,
+a.text-warning:hover {
+  color: #8f5227 !important;
+}
+.text-danger {
+  color: #FF5858 !important;
+}
+a.text-danger:focus,
+a.text-danger:hover {
+  color: #7f2c2c !important;
+}
+.text-light {
+  color: #747B90 !important;
+}
+a.text-light:focus,
+a.text-light:hover {
+  color: #0b0c11 !important;
+}
+.text-dark {
+  color: #babbcc !important;
+}
+a.text-dark:focus,
+a.text-dark:hover {
+  color: #6f7087 !important;
+}
+.text-body {
+  color: #9e9eab !important;
+}
+.text-muted {
+  color: #868e96 !important;
+}
+.text-black-50 {
+  color: rgba(0, 0, 0, 0.5) !important;
+}
+.text-white-50 {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.text-decoration-none {
+  text-decoration: none !important;
+}
+.text-break {
+  word-break: break-word !important;
+  overflow-wrap: break-word !important;
+}
+.text-reset {
+  color: inherit !important;
+}
+.visible {
+  visibility: visible !important;
+}
+.invisible {
+  visibility: hidden !important;
+}
+@media print {
+  *,
+  ::after,
+  ::before {
+    text-shadow: none !important;
+    box-shadow: none !important;
+  }
+  a:not(.btn) {
+    text-decoration: underline;
+  }
+  abbr[title]::after {
+    content: " (" attr(title) ")";
+  }
+  pre {
+    white-space: pre-wrap !important;
+  }
+  blockquote,
+  pre {
+    border: 1px solid #adb5bd;
+    page-break-inside: avoid;
+  }
+  thead {
+    display: table-header-group;
+  }
+  img,
+  tr {
+    page-break-inside: avoid;
+  }
+  h2,
+  h3,
+  p {
+    orphans: 3;
+    widows: 3;
+  }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+  @page {
+    size: a3;
+  }
+  body {
+    min-width: 992px !important;
+  }
+  .container {
+    min-width: 992px !important;
+  }
+  .navbar {
+    display: none;
+  }
+  .badge {
+    border: 1px solid #000;
+  }
+  .table {
+    border-collapse: collapse !important;
+  }
+  .table td,
+  .table th {
+    background-color: #d5d5d5 !important;
+  }
+  .table-bordered td,
+  .table-bordered th {
+    border: 1px solid #dee2e6 !important;
+  }
+  .table-dark {
+    color: inherit;
+  }
+  .table-dark tbody + tbody,
+  .table-dark td,
+  .table-dark th,
+  .table-dark thead th {
+    border-color: #51536b;
+  }
+  .table .thead-dark th {
+    color: inherit;
+    border-color: #51536b;
+  }
+}
+.text-underline {
+  text-decoration: underline !important;
+}
+
+/* Base */
+.module-section {
+  border-bottom: 1px solid #000000;
+}
+
+/* Plugins manager */
+.plugin-manager {
+  background: #1a1a1a;
+}
+.plugins-header {
+  background-color: #1a1a1a !important;
+  border-bottom: 1px solid #000000 !important;
+}
+.plugins-list-header {
+  justify-content: flex-start !important;
+  padding: 1rem 1.5rem;
+  background-color: #1a1a1a !important
+}
+.plugins-list-title {
+  margin: 0 0.5rem 0 0 !important;
+  font-size: 1rem !important;
+  padding: 0 !important;
+}
+.remix-bg-opacity {
+  background: rgba(42, 42, 45, 0.8) !important;
+  padding: 9px 24px !important;
+}
+.plugins-list-group {
+  padding: 0 1rem !important;
+}
+.plugins-list-group-item {
+  padding: 0.5rem 0.5rem 0 !important;
+}
+.plugins-list-group-item:first-child {
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+}
+.plugins-list-group-item:last-child {
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.plugins-list-group-item + .plugins-list-group-item {
+  border-top: 1px solid #000000;
+}
+.plugin-name {
+  margin: 0;
+  font-size: 13px;
+  line-height: 16px;
+  text-transform: uppercase;
+}
+.plugin-text {
+  color: #9e9eab !important;
+}
+.plugin-version {
+  color: #9e9eab;
+  border: 1px solid #9e9eab;
+}
+.settings-button {
+  height: 32px;
+  padding: 0 12px !important;
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 16px;
+}
+
+/* Deploy & Run transaction Colors */
+.run-tab i {
+  color: #8f8f8f;
+}
+.run-tab .fa-clipboard::before {
+  content: "\f0c5";
+}
+.run-recorded-section {
+  background: none;
+}
+/* Deploy & Run transaction Layout*/
+.run-tab .list-group-item {
+  background: none;
+}
+.run-instance-header {
+  margin-bottom: 0px !important;
+  background: none !important;
+  border: none !important;
+}
+.run-instance-multi-title {
+  color: #d5d5d5 !important;
+}
+.run-instance-multi-arg label {
+  color: #747B90 !important;
+}
+.run-instance-list {
+  padding: 0 !important;
+  margin: 0 !important;
+  border: 0 !important;
+  color: #aaaaaa !important; 
+}
+.run-instance-list li {
+  margin: 0 !important;
+}
+
+/* Settings */
+.tokens-link {
+  color: #4DA5C5;
+}
+
+/* Theme Typography custom */
+#journal, .ace-content, .ace_editor {
+    font-family: "JetBrains Mono", monospace!important;
+}
diff --git a/package-lock.json b/package-lock.json
index 1b423f2a1f..d3372b8379 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7533,12 +7533,6 @@
         "defer-to-connect": "^1.0.1"
       }
     },
-    "@testim/chrome-version": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@testim/chrome-version/-/chrome-version-1.0.7.tgz",
-      "integrity": "sha512-8UT/J+xqCYfn3fKtOznAibsHpiuDshCb0fwgWxRazTT19Igp9ovoXMPhXyLD6m3CKQGTMHgqoxaFfMWaL40Rnw==",
-      "dev": true
-    },
     "@testing-library/dom": {
       "version": "7.29.1",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-7.29.1.tgz",
@@ -8091,16 +8085,6 @@
       "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-15.0.0.tgz",
       "integrity": "sha512-FA/BWv8t8ZWJ+gEOnLLd8ygxH/2UFbAvgEonyfN6yWGLKc7zVjbpl2Y4CTjid9h2RfgPP6SEt6uHwEOply00yw=="
     },
-    "@types/yauzl": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.9.2.tgz",
-      "integrity": "sha512-8uALY5LTvSuHgloDVUvWP3pIauILm+8/0pDMokuDYIoNsOkSwd5AiHBTSEJjKTDcZr5z8UpgOWZkxBF4iJftoA==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
     "@typescript-eslint/eslint-plugin": {
       "version": "3.6.1",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-3.6.1.tgz",
@@ -12277,159 +12261,6 @@
         }
       }
     },
-    "chromedriver": {
-      "version": "92.0.1",
-      "resolved": "https://registry.npmjs.org/chromedriver/-/chromedriver-92.0.1.tgz",
-      "integrity": "sha512-LptlDVCs1GgyFNVbRoHzzy948JDVzTgGiVPXjNj385qXKQP3hjAVBIgyvb/Hco0xSEW8fjwJfsm1eQRmu6t4pQ==",
-      "dev": true,
-      "requires": {
-        "@testim/chrome-version": "^1.0.7",
-        "axios": "^0.21.1",
-        "del": "^6.0.0",
-        "extract-zip": "^2.0.1",
-        "https-proxy-agent": "^5.0.0",
-        "proxy-from-env": "^1.1.0",
-        "tcp-port-used": "^1.0.1"
-      },
-      "dependencies": {
-        "agent-base": {
-          "version": "6.0.2",
-          "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
-          "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-          "dev": true,
-          "requires": {
-            "debug": "4"
-          }
-        },
-        "array-union": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-          "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-          "dev": true
-        },
-        "debug": {
-          "version": "4.3.2",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz",
-          "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==",
-          "dev": true,
-          "requires": {
-            "ms": "2.1.2"
-          }
-        },
-        "del": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/del/-/del-6.0.0.tgz",
-          "integrity": "sha512-1shh9DQ23L16oXSZKB2JxpL7iMy2E0S9d517ptA1P8iw0alkPtQcrKH7ru31rYtKwF499HkTu+DRzq3TCKDFRQ==",
-          "dev": true,
-          "requires": {
-            "globby": "^11.0.1",
-            "graceful-fs": "^4.2.4",
-            "is-glob": "^4.0.1",
-            "is-path-cwd": "^2.2.0",
-            "is-path-inside": "^3.0.2",
-            "p-map": "^4.0.0",
-            "rimraf": "^3.0.2",
-            "slash": "^3.0.0"
-          }
-        },
-        "dir-glob": {
-          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-          "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-          "dev": true,
-          "requires": {
-            "path-type": "^4.0.0"
-          }
-        },
-        "extract-zip": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
-          "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
-          "dev": true,
-          "requires": {
-            "@types/yauzl": "^2.9.1",
-            "debug": "^4.1.1",
-            "get-stream": "^5.1.0",
-            "yauzl": "^2.10.0"
-          }
-        },
-        "get-stream": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
-          "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
-          "dev": true,
-          "requires": {
-            "pump": "^3.0.0"
-          }
-        },
-        "globby": {
-          "version": "11.0.4",
-          "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.4.tgz",
-          "integrity": "sha512-9O4MVG9ioZJ08ffbcyVYyLOJLk5JQ688pJ4eMGLpdWLHq/Wr1D9BlriLQyL0E+jbkuePVZXYFj47QM/v093wHg==",
-          "dev": true,
-          "requires": {
-            "array-union": "^2.1.0",
-            "dir-glob": "^3.0.1",
-            "fast-glob": "^3.1.1",
-            "ignore": "^5.1.4",
-            "merge2": "^1.3.0",
-            "slash": "^3.0.0"
-          }
-        },
-        "https-proxy-agent": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz",
-          "integrity": "sha512-EkYm5BcKUGiduxzSt3Eppko+PiNWNEpa4ySk9vTC6wDsQJW9rHSa+UhGNJoRYp7bz6Ht1eaRIa6QaJqO5rCFbA==",
-          "dev": true,
-          "requires": {
-            "agent-base": "6",
-            "debug": "4"
-          }
-        },
-        "ignore": {
-          "version": "5.1.8",
-          "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
-          "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
-          "dev": true
-        },
-        "is-path-inside": {
-          "version": "3.0.3",
-          "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-          "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-          "dev": true
-        },
-        "p-map": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
-          "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
-          "dev": true,
-          "requires": {
-            "aggregate-error": "^3.0.0"
-          }
-        },
-        "path-type": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-          "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-          "dev": true
-        },
-        "rimraf": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-          "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-          "dev": true,
-          "requires": {
-            "glob": "^7.1.3"
-          }
-        },
-        "slash": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-          "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-          "dev": true
-        }
-      }
-    },
     "ci-info": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
@@ -21121,12 +20952,6 @@
         "unc-path-regex": "^0.1.2"
       }
     },
-    "is-url": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
-      "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==",
-      "dev": true
-    },
     "is-utf8": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
@@ -21156,25 +20981,6 @@
       "integrity": "sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw==",
       "dev": true
     },
-    "is2": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/is2/-/is2-2.0.7.tgz",
-      "integrity": "sha512-4vBQoURAXC6hnLFxD4VW7uc04XiwTTl/8ydYJxKvPwkWQrSjInkuM5VZVg6BGr1/natq69zDuvO9lGpLClJqvA==",
-      "dev": true,
-      "requires": {
-        "deep-is": "^0.1.3",
-        "ip-regex": "^4.1.0",
-        "is-url": "^1.2.4"
-      },
-      "dependencies": {
-        "ip-regex": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-4.3.0.tgz",
-          "integrity": "sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q==",
-          "dev": true
-        }
-      }
-    },
     "isarray": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
@@ -37096,27 +36902,6 @@
         "readable-stream": "^3.1.1"
       }
     },
-    "tcp-port-used": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/tcp-port-used/-/tcp-port-used-1.0.2.tgz",
-      "integrity": "sha512-l7ar8lLUD3XS1V2lfoJlCBaeoaWo/2xfYt81hM7VlvR4RrMVFqfmzfhLVk40hAb368uitje5gPtBRL1m/DGvLA==",
-      "dev": true,
-      "requires": {
-        "debug": "4.3.1",
-        "is2": "^2.0.6"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "4.3.1",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
-          "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
-          "dev": true,
-          "requires": {
-            "ms": "2.1.2"
-          }
-        }
-      }
-    },
     "temp-dir": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-1.0.0.tgz",

From 0fe93654568834394d6aa4358c04805327a53443 Mon Sep 17 00:00:00 2001
From: Andrew Miracle <me@andrewmiracle.com>
Date: Thu, 26 Aug 2021 17:02:05 +0000
Subject: [PATCH 02/14] add css variables for theme defaults

---
 .../src/assets/css/themes/remix-night_owl.css | 825 +++++++++---------
 1 file changed, 426 insertions(+), 399 deletions(-)

diff --git a/apps/remix-ide/src/assets/css/themes/remix-night_owl.css b/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
index 7cd9945ded..5e48390336 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
@@ -1,32 +1,36 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=JetBrains+Mono:ital@0;1&display=swap');
-
 :root {
-  --blue: #28282D;
+  --blue: #007aa6;
   --indigo: #6610f2;
   --purple: #6f42c1;
   --pink: #e83e8c;
-  --red: #823a3a;
-  --orange: #8a5026;
+  --red: #b84040;
+  --orange: #c97539;
   --yellow: #ffc107;
-  --green: #366a57;
+  --green: #32ba89;
   --teal: #20c997;
-  --cyan: #053c64;
-  --white: #d5d5d5;
+  --cyan: #355f7d;
+  --white: #fff;
   --gray: #868e96;
   --gray-dark: #343a40;
-  --primary: #b5b4bc;
-  --secondary: #3d3e44;
-  --success: #366a57;
+  --primary: #007aa6;
+  --secondary: #595c76;
+  --success: #32ba89;
   --info: #086CB5;
-  --warning: #8a5026;
-  --danger: #823a3a;
-  --light: #1f2020;
-  --dark: #1a1a1a;
+  --warning: #c97539;
+  --danger: #b84040;
+  --light: #011627;
+  --dark: #051624;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 992px;
   --breakpoint-xl: 1200px;
+  --theme-divider-color: #0d2131;
+  --theme-foreground-gray: #4b6479;
+  --theme-foreground-comment: #637777;
+  --theme-background: #011627;
+  --theme-background-panels: #011628;
   --font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont,
     "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -64,15 +68,15 @@ body {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #b3b3b3;
+  color: #A2A3BD;
   text-align: left;
-  background-color: #1a1a1a;
+  background-color: var(--theme-background-panels);
 }
 *::-webkit-scrollbar {
   width: 8px;
 }
 *::-webkit-scrollbar-thumb {
-  background-color: #37373b;
+  background-color: #41455b;
   opacity: 0.3;
   border-radius: 30px;
 }
@@ -153,12 +157,12 @@ sup {
   top: -0.5em;
 }
 a {
-  color: #b3b3b3;
+  color: #a2a3bd;
   text-decoration: underline;
   background-color: transparent;
 }
 a:hover {
-  color: #9e9fa8;
+  color: #9092ae;
   text-decoration: underline;
 }
 a:not([href]):not([tabindex]) {
@@ -235,9 +239,6 @@ textarea {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
-  background-color: #2b2b2b;
-  color: #d5d5d5d5d5d5;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px rgba(79, 86, 89, 0.25);
 }
 button,
 input {
@@ -348,7 +349,7 @@ h6 {
   font-family: inherit;
   font-weight: 400;
   line-height: 1.1;
-  color: #d8d7e2;
+  color: #fff;
 }
 .h1,
 h1 {
@@ -450,7 +451,7 @@ mark {
 }
 .img-thumbnail {
   padding: 0.25rem;
-  background-color: #100e0e;
+  background-color: var(--theme-background-panels);
   border: 1px solid #ddd;
   border-radius: 2px;
   max-width: 100%;
@@ -478,7 +479,7 @@ a > code {
 kbd {
   padding: 0.2rem 0.4rem;
   font-size: 90%;
-  color: #d5d5d5;
+  color: #fff;
   background-color: #212529;
   border-radius: 2px;
 }
@@ -1328,7 +1329,7 @@ pre code {
 .table {
   width: 100%;
   margin-bottom: 1rem;
-  color: #d5d5d5;
+  color: #fff;
   background-color: transparent;
 }
 .table td,
@@ -1366,25 +1367,25 @@ pre code {
   border: 0;
 }
 .table-striped tbody tr:nth-of-type(odd) {
-  background-color: #100e0e;
+  background-color: var(--theme-background-panels);
 }
 .table-hover tbody tr:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: rgba(0, 0, 0, 0.075);
 }
 .table-primary,
 .table-primary > td,
 .table-primary > th {
-  background-color: #414c50;
+  background-color: #b8dae6;
 }
 .table-primary tbody + tbody,
 .table-primary td,
 .table-primary th,
 .table-primary thead th {
-  border-color: #2c3436;
+  border-color: #7abad1;
 }
 .table-hover .table-primary:hover {
-  background-color: #2c3436;
+  background-color: #a5d0df;
 }
 .table-hover .table-primary:hover > td,
 .table-hover .table-primary:hover > th {
@@ -1393,92 +1394,92 @@ pre code {
 .table-secondary,
 .table-secondary > td,
 .table-secondary > th {
-  background-color: #323435;
+  background-color: #d1d1d9;
 }
 .table-secondary tbody + tbody,
 .table-secondary td,
 .table-secondary th,
 .table-secondary thead th {
-  border-color: #323435;
+  border-color: #a9aab8;
 }
 .table-hover .table-secondary:hover {
-  background-color: #414242;
+  background-color: #c3c3cd;
 }
 .table-hover .table-secondary:hover > td,
 .table-hover .table-secondary:hover > th {
-  background-color: #272c29;
+  background-color: #c3c3cd;
 }
 .table-success,
 .table-success > td,
 .table-success > th {
-  background-color: #29302d;
+  background-color: #c6ecde;
 }
 .table-success tbody + tbody,
 .table-success td,
 .table-success th,
 .table-success thead th {
-  border-color: #343a38;
+  border-color: #94dbc2;
 }
 .table-hover .table-success:hover {
-  background-color: #29302d;
+  background-color: #b3e6d3;
 }
 .table-hover .table-success:hover > td,
 .table-hover .table-success:hover > th {
-  background-color: #29302d;
+  background-color: #b3e6d3;
 }
 .table-info,
 .table-info > td,
 .table-info > th {
-  background-color: #191d20;
+  background-color: #c6d2db;
 }
 .table-info tbody + tbody,
 .table-info td,
 .table-info th,
 .table-info thead th {
-  border-color: #191d20;
+  border-color: #96acbb;
 }
 .table-hover .table-info:hover {
-  background-color: rgb(30, 32, 34);
+  background-color: #b6c6d1;
 }
 .table-hover .table-info:hover > td,
 .table-hover .table-info:hover > th {
-  background-color: #191d20;
+  background-color: #b6c6d1;
 }
 .table-warning,
 .table-warning > td,
 .table-warning > th {
-  background-color: #493a31;
+  background-color: #f0d8c8;
 }
 .table-warning tbody + tbody,
 .table-warning td,
 .table-warning th,
 .table-warning thead th {
-  border-color: #493a31;
+  border-color: #e3b798;
 }
 .table-hover .table-warning:hover {
-  background-color: rgb(56, 51, 47);
+  background-color: #ebcab4;
 }
 .table-hover .table-warning:hover > td,
 .table-hover .table-warning:hover > th {
-  background-color: #493a31;
+  background-color: #ebcab4;
 }
 .table-danger,
 .table-danger > td,
 .table-danger > th {
-  background-color: #463030;
+  background-color: #ebcaca;
 }
 .table-danger tbody + tbody,
 .table-danger td,
 .table-danger th,
 .table-danger thead th {
-  border-color: #463030;
+  border-color: #da9c9c;
 }
 .table-hover .table-danger:hover {
-  background-color: #463030;
+  background-color: #e4b7b7;
 }
 .table-hover .table-danger:hover > td,
 .table-hover .table-danger:hover > th {
-  background-color: #463030;
+  background-color: #e4b7b7;
 }
 .table-light,
 .table-light > td,
@@ -1529,17 +1530,17 @@ pre code {
   background-color: rgba(0, 0, 0, 0.075);
 }
 .table .thead-dark th {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #343a40;
   border-color: #454d55;
 }
 .table .thead-light th {
-  color: #d5d5d5;
-  background-color: #100e0e;
+  color: #fff;
+  background-color: var(--theme-background-panels);
   border-color: #51536b;
 }
 .table-dark {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #343a40;
 }
 .table-dark td,
@@ -1554,7 +1555,7 @@ pre code {
   background-color: rgba(255, 255, 255, 0.05);
 }
 .table-dark.table-hover tbody tr:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: rgba(255, 255, 255, 0.075);
 }
 @media (max-width: 575.98px) {
@@ -1618,8 +1619,8 @@ pre code {
   font-size: 0.875rem !important;
   font-weight: 400;
   line-height: 1.25;
-  color: #aaaaaa !important;
-  background-color: #252525 !important;
+  color: #dfe1ea !important;
+  background-color: #35384C !important;
   background-clip: padding-box;
   border: none !important;
   border-radius: 2px !important;
@@ -1637,9 +1638,9 @@ pre code {
   border: 0;
 }
 .form-control:focus {
-  color: #aaaaaa;
-  background-color: #1a1a1a;
-  border-color: #6d7172;
+  color: #dfe1ea;
+  background-color: #35384c;
+  border-color: #27c6ff;
   outline: 0;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
     0 0 0 3px rgba(0, 122, 166, 0.25);
@@ -1650,12 +1651,12 @@ pre code {
 }
 .form-control:disabled,
 .form-control[readonly] {
-  background-color: ##222225;
+  background-color: #282a3d;
   opacity: 1;
 }
 select.form-control:focus::-ms-value {
-  color: #aaaaaa;
-  background-color: #1a1a1a;
+  color: #dfe1ea;
+  background-color: #35384c;
 }
 .form-control-file,
 .form-control-range {
@@ -1688,7 +1689,7 @@ select.form-control:focus::-ms-value {
   padding-bottom: 0.5rem;
   margin-bottom: 0;
   line-height: 1.25;
-  color: #d5d5d5;
+  color: #fff;
   background-color: transparent;
   border: solid transparent;
   border-width: 1px 0;
@@ -1754,7 +1755,7 @@ textarea.form-control {
   margin-bottom: 0;
   font-size: 13px;
   line-height: 18px;
-  color: #9e9eab;
+  color: #A2A3BD;
   text-transform: initial;
   display: initial;
 }
@@ -1775,7 +1776,7 @@ textarea.form-control {
   width: 100%;
   margin-top: 0.25rem;
   font-size: 80%;
-  color: #366a57;
+  color: #32ba89;
 }
 .valid-tooltip {
   position: absolute;
@@ -1787,13 +1788,13 @@ textarea.form-control {
   margin-top: 0.1rem;
   font-size: 0.875rem;
   line-height: 1.5;
-  color: #d5d5d5;
+  color: #fff;
   background-color: rgba(50, 186, 137, 0.9);
   border-radius: 2px;
 }
 .form-control.is-valid,
 .was-validated .form-control:valid {
-  border-color: #366a57;
+  border-color: #32ba89;
   padding-right: calc(1.25em + 1rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2332BA89' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
@@ -1802,7 +1803,7 @@ textarea.form-control {
 }
 .form-control.is-valid:focus,
 .was-validated .form-control:valid:focus {
-  border-color: #366a57;
+  border-color: #32ba89;
   box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
 }
 .form-control.is-valid ~ .valid-feedback,
@@ -1819,17 +1820,17 @@ textarea.form-control.is-valid {
 }
 .custom-select.is-valid,
 .was-validated .custom-select:valid {
-  border-color: #366a57;
+  border-color: #32ba89;
   padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
       no-repeat right 0.75rem center/8px 10px,
     url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2332BA89' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
-      #28282D no-repeat center right 1.75rem / calc(0.625em + 0.5rem)
+      #2e3145 no-repeat center right 1.75rem / calc(0.625em + 0.5rem)
       calc(0.625em + 0.5rem);
 }
 .custom-select.is-valid:focus,
 .was-validated .custom-select:valid:focus {
-  border-color: #366a57;
+  border-color: #32ba89;
   box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
 }
 .custom-select.is-valid ~ .valid-feedback,
@@ -1846,7 +1847,7 @@ textarea.form-control.is-valid {
 }
 .form-check-input.is-valid ~ .form-check-label,
 .was-validated .form-check-input:valid ~ .form-check-label {
-  color: #366a57;
+  color: #32ba89;
 }
 .form-check-input.is-valid ~ .valid-feedback,
 .form-check-input.is-valid ~ .valid-tooltip,
@@ -1856,11 +1857,11 @@ textarea.form-control.is-valid {
 }
 .custom-control-input.is-valid ~ .custom-control-label,
 .was-validated .custom-control-input:valid ~ .custom-control-label {
-  color: #366a57;
+  color: #32ba89;
 }
 .custom-control-input.is-valid ~ .custom-control-label::before,
 .was-validated .custom-control-input:valid ~ .custom-control-label::before {
-  border-color: #366a57;
+  border-color: #32ba89;
 }
 .custom-control-input.is-valid ~ .valid-feedback,
 .custom-control-input.is-valid ~ .valid-tooltip,
@@ -1886,11 +1887,11 @@ textarea.form-control.is-valid {
 .was-validated
   .custom-control-input:valid:focus:not(:checked)
   ~ .custom-control-label::before {
-  border-color: #366a57;
+  border-color: #32ba89;
 }
 .custom-file-input.is-valid ~ .custom-file-label,
 .was-validated .custom-file-input:valid ~ .custom-file-label {
-  border-color: #366a57;
+  border-color: #32ba89;
 }
 .custom-file-input.is-valid ~ .valid-feedback,
 .custom-file-input.is-valid ~ .valid-tooltip,
@@ -1900,7 +1901,7 @@ textarea.form-control.is-valid {
 }
 .custom-file-input.is-valid:focus ~ .custom-file-label,
 .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
-  border-color: #366a57;
+  border-color: #32ba89;
   box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
 }
 .invalid-feedback {
@@ -1908,7 +1909,7 @@ textarea.form-control.is-valid {
   width: 100%;
   margin-top: 0.25rem;
   font-size: 80%;
-  color: #823a3a;
+  color: #b84040;
 }
 .invalid-tooltip {
   position: absolute;
@@ -1920,13 +1921,13 @@ textarea.form-control.is-valid {
   margin-top: 0.1rem;
   font-size: 0.875rem;
   line-height: 1.5;
-  color: #d5d5d5;
+  color: #fff;
   background-color: rgba(184, 64, 64, 0.9);
   border-radius: 2px;
 }
 .form-control.is-invalid,
 .was-validated .form-control:invalid {
-  border-color: #823a3a;
+  border-color: #b84040;
   padding-right: calc(1.25em + 1rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23B84040' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23B84040' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
   background-repeat: no-repeat;
@@ -1935,7 +1936,7 @@ textarea.form-control.is-valid {
 }
 .form-control.is-invalid:focus,
 .was-validated .form-control:invalid:focus {
-  border-color: #823a3a;
+  border-color: #b84040;
   box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.25);
 }
 .form-control.is-invalid ~ .invalid-feedback,
@@ -1952,17 +1953,17 @@ textarea.form-control.is-invalid {
 }
 .custom-select.is-invalid,
 .was-validated .custom-select:invalid {
-  border-color: #823a3a;
+  border-color: #b84040;
   padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
       no-repeat right 0.75rem center/8px 10px,
     url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23B84040' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23B84040' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")
-      #28282D no-repeat center right 1.75rem / calc(0.625em + 0.5rem)
+      #2e3145 no-repeat center right 1.75rem / calc(0.625em + 0.5rem)
       calc(0.625em + 0.5rem);
 }
 .custom-select.is-invalid:focus,
 .was-validated .custom-select:invalid:focus {
-  border-color: #823a3a;
+  border-color: #b84040;
   box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.25);
 }
 .custom-select.is-invalid ~ .invalid-feedback,
@@ -1979,7 +1980,7 @@ textarea.form-control.is-invalid {
 }
 .form-check-input.is-invalid ~ .form-check-label,
 .was-validated .form-check-input:invalid ~ .form-check-label {
-  color: #823a3a;
+  color: #b84040;
 }
 .form-check-input.is-invalid ~ .invalid-feedback,
 .form-check-input.is-invalid ~ .invalid-tooltip,
@@ -1989,11 +1990,11 @@ textarea.form-control.is-invalid {
 }
 .custom-control-input.is-invalid ~ .custom-control-label,
 .was-validated .custom-control-input:invalid ~ .custom-control-label {
-  color: #823a3a;
+  color: #b84040;
 }
 .custom-control-input.is-invalid ~ .custom-control-label::before,
 .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
-  border-color: #823a3a;
+  border-color: #b84040;
 }
 .custom-control-input.is-invalid ~ .invalid-feedback,
 .custom-control-input.is-invalid ~ .invalid-tooltip,
@@ -2019,11 +2020,11 @@ textarea.form-control.is-invalid {
 .was-validated
   .custom-control-input:invalid:focus:not(:checked)
   ~ .custom-control-label::before {
-  border-color: #823a3a;
+  border-color: #b84040;
 }
 .custom-file-input.is-invalid ~ .custom-file-label,
 .was-validated .custom-file-input:invalid ~ .custom-file-label {
-  border-color: #823a3a;
+  border-color: #b84040;
 }
 .custom-file-input.is-invalid ~ .invalid-feedback,
 .custom-file-input.is-invalid ~ .invalid-tooltip,
@@ -2033,7 +2034,7 @@ textarea.form-control.is-invalid {
 }
 .custom-file-input.is-invalid:focus ~ .custom-file-label,
 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
-  border-color: #823a3a;
+  border-color: #b84040;
   box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.25);
 }
 .form-inline {
@@ -2095,7 +2096,7 @@ textarea.form-control.is-invalid {
 .btn {
   display: inline-block;
   font-weight: 400;
-  color: #d5d5d5;
+  color: #fff;
   text-align: center;
   vertical-align: middle;
   user-select: none;
@@ -2113,7 +2114,7 @@ textarea.form-control.is-invalid {
   }
 }
 .btn:hover {
-  color: #d5d5d5;
+  color: #fff;
   text-decoration: none;
 }
 .btn.focus,
@@ -2130,12 +2131,12 @@ fieldset:disabled a.btn {
   pointer-events: none;
 }
 .btn-primary {
-  color: #d5d5d5;
-  background-color: #2f5360;
+  color: #fff;
+  background-color: #007aa6;
   border-color: #007aa6;
 }
 .btn-primary:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #005e80;
   border-color: #005573;
 }
@@ -2145,14 +2146,14 @@ fieldset:disabled a.btn {
 }
 .btn-primary.disabled,
 .btn-primary:disabled {
-  color: #d5d5d5;
-  background-color: #153844;
+  color: #fff;
+  background-color: #007aa6;
   border-color: #007aa6;
 }
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
 .show > .btn-primary.dropdown-toggle {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #005573;
   border-color: #004b66;
 }
@@ -2162,13 +2163,13 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(38, 142, 179, 0.5);
 }
 .btn-secondary {
-  color: #d5d5d5;
-  background-color: #38383c;
-  border-color: #66666a;
+  color: #fff;
+  background-color: #595c76;
+  border-color: #595c76;
 }
 .btn-secondary:hover {
-  color: #d5d5d5;
-  background-color: #606061;
+  color: #fff;
+  background-color: #494b60;
   border-color: #434559;
 }
 .btn-secondary.focus,
@@ -2177,20 +2178,14 @@ fieldset:disabled a.btn {
 }
 .btn-secondary.disabled,
 .btn-secondary:disabled {
-  color: #aca9a9;
-  background-color: #38383c;
-  border-color: #66666a;
-}
-.btn-secondary.disabled:hover,
-.btn-secondary:disabled:hover {
-  color: #aca9a9;
-  background-color: #606061;
-  border-color: #66666a;
+  color: #fff;
+  background-color: #595c76;
+  border-color: #595c76;
 }
 .btn-secondary:not(:disabled):not(.disabled).active,
 .btn-secondary:not(:disabled):not(.disabled):active,
 .show > .btn-secondary.dropdown-toggle {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #434559;
   border-color: #3e4052;
 }
@@ -2200,12 +2195,12 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(114, 116, 139, 0.5);
 }
 .btn-success {
-  color: #d5d5d5;
-  background-color: #366a57;
+  color: #fff;
+  background-color: #32ba89;
   border-color: #32ba89;
 }
 .btn-success:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #2a9c73;
   border-color: #27926b;
 }
@@ -2215,14 +2210,14 @@ fieldset:disabled a.btn {
 }
 .btn-success.disabled,
 .btn-success:disabled {
-  color: #d5d5d5;
-  background-color: #637a72;
+  color: #fff;
+  background-color: #32ba89;
   border-color: #32ba89;
 }
 .btn-success:not(:disabled):not(.disabled).active,
 .btn-success:not(:disabled):not(.disabled):active,
 .show > .btn-success.dropdown-toggle {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #27926b;
   border-color: #248864;
 }
@@ -2232,12 +2227,12 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(81, 196, 155, 0.5);
 }
 .btn-info {
-  color: #d5d5d5;
-  background-color: #053c64;
+  color: #fff;
+  background-color: #355f7d;
   border-color: #355f7d;
 }
 .btn-info:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #2a4b62;
   border-color: #264459;
 }
@@ -2247,14 +2242,14 @@ fieldset:disabled a.btn {
 }
 .btn-info.disabled,
 .btn-info:disabled {
-  color: #d5d5d5;
-  background-color: #053c64;
+  color: #fff;
+  background-color: #355f7d;
   border-color: #355f7d;
 }
 .btn-info:not(:disabled):not(.disabled).active,
 .btn-info:not(:disabled):not(.disabled):active,
 .show > .btn-info.dropdown-toggle {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #264459;
   border-color: #223d50;
 }
@@ -2264,12 +2259,12 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(83, 119, 145, 0.5);
 }
 .btn-warning {
-  color: #d5d5d5;
-  background-color: #8a5026;
+  color: #fff;
+  background-color: #c97539;
   border-color: #c97539;
 }
 .btn-warning:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #ad632f;
   border-color: #a35e2c;
 }
@@ -2279,14 +2274,14 @@ fieldset:disabled a.btn {
 }
 .btn-warning.disabled,
 .btn-warning:disabled {
-  color: #d5d5d5;
-  background-color: #8a5026;
+  color: #fff;
+  background-color: #c97539;
   border-color: #c97539;
 }
 .btn-warning:not(:disabled):not(.disabled).active,
 .btn-warning:not(:disabled):not(.disabled):active,
 .show > .btn-warning.dropdown-toggle {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #a35e2c;
   border-color: #99582a;
 }
@@ -2296,12 +2291,12 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(209, 138, 87, 0.5);
 }
 .btn-danger {
-  color: #d5d5d5;
-  background-color: #823a3a;
+  color: #fff;
+  background-color: #b84040;
   border-color: #b84040;
 }
 .btn-danger:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #9c3636;
   border-color: #923333;
 }
@@ -2311,14 +2306,14 @@ fieldset:disabled a.btn {
 }
 .btn-danger.disabled,
 .btn-danger:disabled {
-  color: #d5d5d5;
-  background-color: #823a3a;
+  color: #fff;
+  background-color: #b84040;
   border-color: #b84040;
 }
 .btn-danger:not(:disabled):not(.disabled).active,
 .btn-danger:not(:disabled):not(.disabled):active,
 .show > .btn-danger.dropdown-toggle {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #923333;
   border-color: #893030;
 }
@@ -2328,12 +2323,12 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(195, 93, 93, 0.5);
 }
 .btn-light {
-  color: #d5d5d5;
-  background-color: #1f2020;
-  border-color: #1f2020;
+  color: #fff;
+  background-color: var(--theme-background);
+  border-color: var(--theme-background);
 }
 .btn-light:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #1b1c28;
   border-color: #161720;
 }
@@ -2343,14 +2338,14 @@ fieldset:disabled a.btn {
 }
 .btn-light.disabled,
 .btn-light:disabled {
-  color: #d5d5d5;
-  background-color: #1f2020;
-  border-color: #1f2020;
+  color: #fff;
+  background-color: var(--theme-background);
+  border-color: var(--theme-background);
 }
 .btn-light:not(:disabled):not(.disabled).active,
 .btn-light:not(:disabled):not(.disabled):active,
 .show > .btn-light.dropdown-toggle {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #161720;
   border-color: #111119;
 }
@@ -2360,12 +2355,12 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(74, 76, 92, 0.5);
 }
 .btn-dark {
-  color: #d5d5d5;
-  background-color: #1a1a1a;
-  border-color: #1a1a1a;
+  color: #fff;
+  background-color: var(--theme-background-panels);
+  border-color: var(--theme-background-panels);
 }
 .btn-dark:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #13141f;
   border-color: #0e0f17;
 }
@@ -2375,14 +2370,14 @@ fieldset:disabled a.btn {
 }
 .btn-dark.disabled,
 .btn-dark:disabled {
-  color: #d5d5d5;
-  background-color: #1a1a1a;
-  border-color: #1a1a1a;
+  color: #fff;
+  background-color: var(--theme-background-panels);
+  border-color: var(--theme-background-panels);
 }
 .btn-dark:not(:disabled):not(.disabled).active,
 .btn-dark:not(:disabled):not(.disabled):active,
 .show > .btn-dark.dropdown-toggle {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #0e0f17;
   border-color: #090a0f;
 }
@@ -2392,12 +2387,12 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(67, 68, 84, 0.5);
 }
 .btn-outline-primary {
-  color: #28282D;
+  color: #007aa6;
   border-color: #007aa6;
 }
 .btn-outline-primary:hover {
-  color: #d5d5d5;
-  background-color: #28282D;
+  color: #fff;
+  background-color: #007aa6;
   border-color: #007aa6;
 }
 .btn-outline-primary.focus,
@@ -2406,15 +2401,15 @@ fieldset:disabled a.btn {
 }
 .btn-outline-primary.disabled,
 .btn-outline-primary:disabled {
-  color: #28282D;
+  color: #007aa6;
   background-color: transparent;
 }
 .btn-outline-primary:not(:disabled):not(.disabled).active,
 .btn-outline-primary:not(:disabled):not(.disabled):active,
 .show > .btn-outline-primary.dropdown-toggle {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #007aa6;
-  border-color: #28282D;
+  border-color: #007aa6;
 }
 .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
 .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
@@ -2422,13 +2417,13 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(0, 122, 166, 0.5);
 }
 .btn-outline-secondary {
-  color: #59595d;
-  border-color: #66666a;
+  color: #595c76;
+  border-color: #595c76;
 }
 .btn-outline-secondary:hover {
-  color: #d5d5d5;
-  background-color: #59595d;
-  border-color: #66666a;
+  color: #fff;
+  background-color: #595c76;
+  border-color: #595c76;
 }
 .btn-outline-secondary.focus,
 .btn-outline-secondary:focus {
@@ -2436,15 +2431,15 @@ fieldset:disabled a.btn {
 }
 .btn-outline-secondary.disabled,
 .btn-outline-secondary:disabled {
-  color: #59595d;
+  color: #595c76;
   background-color: transparent;
 }
 .btn-outline-secondary:not(:disabled):not(.disabled).active,
 .btn-outline-secondary:not(:disabled):not(.disabled):active,
 .show > .btn-outline-secondary.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #59595d;
-  border-color: #66666a;
+  color: #fff;
+  background-color: #595c76;
+  border-color: #595c76;
 }
 .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
@@ -2452,12 +2447,12 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(89, 92, 118, 0.5);
 }
 .btn-outline-success {
-  color: #366a57;
+  color: #32ba89;
   border-color: #32ba89;
 }
 .btn-outline-success:hover {
-  color: #d5d5d5;
-  background-color: #366a57;
+  color: #fff;
+  background-color: #32ba89;
   border-color: #32ba89;
 }
 .btn-outline-success.focus,
@@ -2466,14 +2461,14 @@ fieldset:disabled a.btn {
 }
 .btn-outline-success.disabled,
 .btn-outline-success:disabled {
-  color: #637a72;
+  color: #32ba89;
   background-color: transparent;
 }
 .btn-outline-success:not(:disabled):not(.disabled).active,
 .btn-outline-success:not(:disabled):not(.disabled):active,
 .show > .btn-outline-success.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #366a57;
+  color: #fff;
+  background-color: #32ba89;
   border-color: #32ba89;
 }
 .btn-outline-success:not(:disabled):not(.disabled).active:focus,
@@ -2482,12 +2477,12 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.5);
 }
 .btn-outline-info {
-  color: #053c64;
+  color: #355f7d;
   border-color: #355f7d;
 }
 .btn-outline-info:hover {
-  color: #d5d5d5;
-  background-color: #053c64;
+  color: #fff;
+  background-color: #355f7d;
   border-color: #355f7d;
 }
 .btn-outline-info.focus,
@@ -2496,15 +2491,15 @@ fieldset:disabled a.btn {
 }
 .btn-outline-info.disabled,
 .btn-outline-info:disabled {
-  color: #053c64;
+  color: #355f7d;
   background-color: transparent;
 }
 .btn-outline-info:not(:disabled):not(.disabled).active,
 .btn-outline-info:not(:disabled):not(.disabled):active,
 .show > .btn-outline-info.dropdown-toggle {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #355f7d;
-  border-color: #053c64;
+  border-color: #355f7d;
 }
 .btn-outline-info:not(:disabled):not(.disabled).active:focus,
 .btn-outline-info:not(:disabled):not(.disabled):active:focus,
@@ -2512,12 +2507,12 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(53, 95, 125, 0.5);
 }
 .btn-outline-warning {
-  color: #8a5026;
+  color: #c97539;
   border-color: #c97539;
 }
 .btn-outline-warning:hover {
-  color: #d5d5d5;
-  background-color: #8a5026;
+  color: #fff;
+  background-color: #c97539;
   border-color: #c97539;
 }
 .btn-outline-warning.focus,
@@ -2526,14 +2521,14 @@ fieldset:disabled a.btn {
 }
 .btn-outline-warning.disabled,
 .btn-outline-warning:disabled {
-  color: #8a5026;
+  color: #c97539;
   background-color: transparent;
 }
 .btn-outline-warning:not(:disabled):not(.disabled).active,
 .btn-outline-warning:not(:disabled):not(.disabled):active,
 .show > .btn-outline-warning.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #8a5026;
+  color: #fff;
+  background-color: #c97539;
   border-color: #c97539;
 }
 .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
@@ -2542,12 +2537,12 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(201, 117, 57, 0.5);
 }
 .btn-outline-danger {
-  color: #823a3a;
+  color: #b84040;
   border-color: #b84040;
 }
 .btn-outline-danger:hover {
-  color: #d5d5d5;
-  background-color: #823a3a;
+  color: #fff;
+  background-color: #b84040;
   border-color: #b84040;
 }
 .btn-outline-danger.focus,
@@ -2562,8 +2557,8 @@ fieldset:disabled a.btn {
 .btn-outline-danger:not(:disabled):not(.disabled).active,
 .btn-outline-danger:not(:disabled):not(.disabled):active,
 .show > .btn-outline-danger.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #823a3a;
+  color: #fff;
+  background-color: #b84040;
   border-color: #b84040;
 }
 .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
@@ -2572,13 +2567,13 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.5);
 }
 .btn-outline-light {
-  color: #1f2020;
-  border-color: #1f2020;
+  color: var(--theme-background);
+  border-color: var(--theme-background);
 }
 .btn-outline-light:hover {
-  color: #d5d5d5;
-  background-color: #1f2020;
-  border-color: #1f2020;
+  color: #fff;
+  background-color: var(--theme-background);
+  border-color: var(--theme-background);
 }
 .btn-outline-light.focus,
 .btn-outline-light:focus {
@@ -2586,15 +2581,15 @@ fieldset:disabled a.btn {
 }
 .btn-outline-light.disabled,
 .btn-outline-light:disabled {
-  color: #1f2020;
+  color: var(--theme-background);
   background-color: transparent;
 }
 .btn-outline-light:not(:disabled):not(.disabled).active,
 .btn-outline-light:not(:disabled):not(.disabled):active,
 .show > .btn-outline-light.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #1f2020;
-  border-color: #1f2020;
+  color: #fff;
+  background-color: var(--theme-background);
+  border-color: var(--theme-background);
 }
 .btn-outline-light:not(:disabled):not(.disabled).active:focus,
 .btn-outline-light:not(:disabled):not(.disabled):active:focus,
@@ -2602,13 +2597,13 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(42, 44, 63, 0.5);
 }
 .btn-outline-dark {
-  color: #1a1a1a;
-  border-color: #1a1a1a;
+  color: var(--theme-background-panels);
+  border-color: var(--theme-background-panels);
 }
 .btn-outline-dark:hover {
-  color: #d5d5d5;
-  background-color: #1a1a1a;
-  border-color: #1a1a1a;
+  color: #fff;
+  background-color: var(--theme-background-panels);
+  border-color: var(--theme-background-panels);
 }
 .btn-outline-dark.focus,
 .btn-outline-dark:focus {
@@ -2616,15 +2611,15 @@ fieldset:disabled a.btn {
 }
 .btn-outline-dark.disabled,
 .btn-outline-dark:disabled {
-  color: #1a1a1a;
+  color: var(--theme-background-panels);
   background-color: transparent;
 }
 .btn-outline-dark:not(:disabled):not(.disabled).active,
 .btn-outline-dark:not(:disabled):not(.disabled):active,
 .show > .btn-outline-dark.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #1a1a1a;
-  border-color: #1a1a1a;
+  color: #fff;
+  background-color: var(--theme-background-panels);
+  border-color: var(--theme-background-panels);
 }
 .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
 .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
@@ -2633,7 +2628,7 @@ fieldset:disabled a.btn {
 }
 .btn-link {
   font-weight: 400;
-  color: #9e9eab;
+  color: #a2a3bd;
   text-decoration: underline;
 }
 .btn-link:hover {
@@ -2735,10 +2730,10 @@ input[type="submit"].btn-block {
   padding: 0.5rem 0;
   margin: 0.125rem 0 0;
   font-size: 1rem;
-  color: #d5d5d5;
+  color: #fff;
   text-align: left;
   list-style: none;
-  background-color: #d5d5d5;
+  background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 2px;
@@ -2897,7 +2892,7 @@ input[type="submit"].btn-block {
 }
 .dropdown-item.active,
 .dropdown-item:active {
-  color: #d5d5d5;
+  color: #fff;
   text-decoration: none;
   background-color: #007aa6;
 }
@@ -3123,10 +3118,10 @@ input[type="submit"].btn-block {
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: #aaaaaa;
+  color: #dfe1ea;
   text-align: center;
   white-space: nowrap;
-  background-color: #66666a;
+  background-color: #595c76;
   border: 1px solid transparent;
   border-radius: 2px;
 }
@@ -3211,26 +3206,26 @@ input[type="submit"].btn-block {
   opacity: 0;
 }
 .custom-control-input:checked ~ .custom-control-label::before {
-  color: #d5d5d5;
+  color: #fff;
   border-color: #51536b;
-  background-color: #28282D;
+  background-color: #2e3145;
 }
 .custom-control-input:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 3px rgba(255, 255, 255, 0.6);
+  box-shadow: 0 0 5px rgba(255, 255, 255, 0.6);
 }
 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
-  border-color: #28282D;
+  border-color: #2e3145;
 }
 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-  color: #d5d5d5;
+  color: #fff;
   background-color: none;
   border-color: none;
 }
 .custom-control-input:disabled ~ .custom-control-label {
-  color: #272626;
+  color: #55566c;
 }
 .custom-control-input:disabled ~ .custom-control-label::before {
-  background-color: #28282D;
+  background-color: #2e3145;
 }
 .custom-control-label {
   position: relative;
@@ -3246,9 +3241,10 @@ input[type="submit"].btn-block {
   height: 1rem;
   pointer-events: none;
   content: "";
-  background-color: #28282D;
+  background-color: #2e3145;
   border: #51536b solid 1px;
 }
+
 .custom-control-label::after {
   position: absolute;
   top: .15rem;
@@ -3259,43 +3255,46 @@ input[type="submit"].btn-block {
   content: "";
   background: no-repeat 50%/50% 50%;
 }
+.custom-checkbox {
+  align-items: center;
+}
 .custom-checkbox .custom-control-label::before {
   border-radius: 2px;
 }
 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23d5d5d5' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
 }
 .custom-checkbox
   .custom-control-input:indeterminate
   ~ .custom-control-label::before {
-  border-color: #28282D;
-  background-color: #28282D;
+  border-color: #2e3145;
+  background-color: #2e3145;
 }
 .custom-checkbox
   .custom-control-input:indeterminate
   ~ .custom-control-label::after {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23d5d5d5' d='M0 2h4'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
 }
 .custom-checkbox
   .custom-control-input:disabled:checked
   ~ .custom-control-label::before {
-  background-color: #28282D;
+  background-color: #2e3145;
 }
 .custom-checkbox
   .custom-control-input:disabled:indeterminate
   ~ .custom-control-label::before {
-  background-color: #28282D;
+  background-color: #2e3145;
 }
 .custom-radio .custom-control-label::before {
   border-radius: 50%;
 }
 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23d5d5d5'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
 }
 .custom-radio
   .custom-control-input:disabled:checked
   ~ .custom-control-label::before {
-  background-color: #28282D;
+  background-color: #2e3145;
 }
 .custom-switch {
   padding-left: 2.25rem;
@@ -3322,27 +3321,26 @@ input[type="submit"].btn-block {
   }
 }
 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
-  background-color: #28282D;
+  background-color: #2e3145;
   transform: translateX(0.75rem);
 }
 .custom-switch
   .custom-control-input:disabled:checked
   ~ .custom-control-label::before {
-  background-color: #28282D;
+  background-color: #2e3145;
 }
 .custom-select {
   display: inline-block;
   width: 100%;
-  margin-top: 4px;
   height: calc(1.25em + 1rem + 2px);
   padding: 0.375rem 1.75rem 0.375rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: #aaaaaa;
+  color: #dfe1ea;
   vertical-align: middle;
   padding-right: 15px;
-  background-color: #28282D;
+  background-color: #2e3145;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 13'%3E%3Cdefs/%3E%3Cpath fill='%238A93B0' fill-rule='evenodd' d='M6.987 8.781a.3.3 0 00-.227-.495H1.24a.3.3 0 00-.227.495l2.76 3.207a.3.3 0 00.454 0l2.76-3.207zM6.987 4.076a.3.3 0 01-.227.495H1.24a.3.3 0 01-.227-.495L3.773.87a.3.3 0 01.454 0l2.76 3.206z' clip-rule='evenodd'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: 8px;
@@ -3353,14 +3351,14 @@ input[type="submit"].btn-block {
   -webkit-appearance: none;
 }
 .custom-select:focus {
-  border-color: #6d7172;
+  border-color: #27c6ff;
   outline: 0;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075),
     0 0 5px rgba(39, 198, 255, 0.5);
 }
 .custom-select:focus::-ms-value {
-  color: #aaaaaa;
-  background-color: #1a1a1a;
+  color: #dfe1ea;
+  background-color: #35384c;
 }
 .custom-select[multiple],
 .custom-select[size]:not([size="1"]) {
@@ -3369,8 +3367,8 @@ input[type="submit"].btn-block {
   background-image: none;
 }
 .custom-select:disabled {
-  color: #272626;
-  background-color: ##222225;
+  color: #55566c;
+  background-color: #282a3d;
 }
 .custom-select::-ms-expand {
   display: none;
@@ -3405,11 +3403,11 @@ input[type="submit"].btn-block {
   opacity: 0;
 }
 .custom-file-input:focus ~ .custom-file-label {
-  border-color: #6d7172;
-  box-shadow: 0 0 0 0.075rem #d5d5d5, 0 0 0 0.2rem #28282D;
+  border-color: #27c6ff;
+  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #007aa6;
 }
 .custom-file-input:disabled ~ .custom-file-label {
-  background-color: ##222225;
+  background-color: #282a3d;
 }
 .custom-file-input:lang(en) ~ .custom-file-label::after {
   content: "Browse";
@@ -3427,8 +3425,8 @@ input[type="submit"].btn-block {
   padding: 0.5rem 0.75rem;
   font-weight: 400;
   line-height: 1.25;
-  color: #aaaaaa;
-  background-color: #1a1a1a;
+  color: #dfe1ea;
+  background-color: #35384c;
   border: 1px solid transparent;
   border-radius: 2px;
 }
@@ -3442,9 +3440,9 @@ input[type="submit"].btn-block {
   height: calc(1.25em + 1rem);
   padding: 0.5rem 0.75rem;
   line-height: 1.25;
-  color: #aaaaaa;
+  color: #dfe1ea;
   content: "Browse";
-  background-color: #28282D;
+  background-color: #007aa6;
   border-left: inherit;
   border-radius: 0 2px 2px 0;
 }
@@ -3459,15 +3457,15 @@ input[type="submit"].btn-block {
   outline: 0;
 }
 .custom-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #1a1a1a, inset 0 1px 1px rgba(0, 0, 0, 0.075),
+  box-shadow: 0 0 0 1px var(--theme-background-panels), inset 0 1px 1px rgba(0, 0, 0, 0.075),
     0 0 0 3px rgba(0, 122, 166, 0.25);
 }
 .custom-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #1a1a1a, inset 0 1px 1px rgba(0, 0, 0, 0.075),
+  box-shadow: 0 0 0 1px var(--theme-background-panels), inset 0 1px 1px rgba(0, 0, 0, 0.075),
     0 0 0 3px rgba(0, 122, 166, 0.25);
 }
 .custom-range:focus::-ms-thumb {
-  box-shadow: 0 0 0 1px #1a1a1a, inset 0 1px 1px rgba(0, 0, 0, 0.075),
+  box-shadow: 0 0 0 1px var(--theme-background-panels), inset 0 1px 1px rgba(0, 0, 0, 0.075),
     0 0 0 3px rgba(0, 122, 166, 0.25);
 }
 .custom-range::-moz-focus-outer {
@@ -3477,7 +3475,7 @@ input[type="submit"].btn-block {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
-  background-color: #28282D;
+  background-color: #007aa6;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
@@ -3504,7 +3502,7 @@ input[type="submit"].btn-block {
 .custom-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
-  background-color: #28282D;
+  background-color: #007aa6;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
@@ -3534,7 +3532,7 @@ input[type="submit"].btn-block {
   margin-top: 0;
   margin-right: 0.2rem;
   margin-left: 0.2rem;
-  background-color: #28282D;
+  background-color: #007aa6;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
@@ -3616,7 +3614,7 @@ input[type="submit"].btn-block {
   cursor: default;
 }
 .nav-tabs {
-  border-bottom: 1px solid #37373B;
+  border-bottom: 1px solid var(--theme-divider-color);
 }
 .nav-tabs .nav-item {
   margin-bottom: -1px;
@@ -3628,7 +3626,7 @@ input[type="submit"].btn-block {
 }
 .nav-tabs .nav-link:focus,
 .nav-tabs .nav-link:hover {
-  border-color: #37373B;
+  border-color: var(--theme-divider-color);
 }
 .nav-tabs .nav-link.disabled {
   color: #868e96;
@@ -3637,10 +3635,9 @@ input[type="submit"].btn-block {
 }
 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
-  color: #d5d5d5;
-  background-color: #252525;
-  border-color: #37373B;
-  font-weight: bolder;
+  color: #fff;
+  background-color: var(--theme-background-panels);
+  border-color: var(--theme-divider-color);
 }
 .nav-tabs .dropdown-menu {
   margin-top: -1px;
@@ -3652,8 +3649,8 @@ input[type="submit"].btn-block {
 }
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
-  color: #d5d5d5;
-  background-color: #28282D;
+  color: #fff;
+  background-color: #007aa6;
 }
 .nav-fill .nav-item {
   flex: 1 1 auto;
@@ -3911,11 +3908,11 @@ input[type="submit"].btn-block {
   display: none;
 }
 .navbar-light .navbar-brand {
-  color: #d5d5d5;
+  color: #fff;
 }
 .navbar-light .navbar-brand:focus,
 .navbar-light .navbar-brand:hover {
-  color: #d5d5d5;
+  color: #fff;
 }
 .navbar-light .navbar-nav .nav-link {
   color: rgba(255, 255, 255, 0.7);
@@ -3931,7 +3928,7 @@ input[type="submit"].btn-block {
 .navbar-light .navbar-nav .nav-link.active,
 .navbar-light .navbar-nav .nav-link.show,
 .navbar-light .navbar-nav .show > .nav-link {
-  color: #d5d5d5;
+  color: #fff;
 }
 .navbar-light .navbar-toggler {
   color: rgba(255, 255, 255, 0.7);
@@ -3944,21 +3941,21 @@ input[type="submit"].btn-block {
   color: rgba(255, 255, 255, 0.7);
 }
 .navbar-light .navbar-text a {
-  color: #d5d5d5;
+  color: #fff;
 }
 .navbar-light .navbar-text a:focus,
 .navbar-light .navbar-text a:hover {
-  color: #d5d5d5;
+  color: #fff;
 }
 .navbar-dark .navbar-brand {
-  color: #d5d5d5;
+  color: #fff;
 }
 .navbar-dark .navbar-brand:focus,
 .navbar-dark .navbar-brand:hover {
-  color: #d5d5d5;
+  color: #fff;
 }
 .navbar-dark .navbar-nav .nav-link {
-  color: #d5d5d5;
+  color: #fff;
 }
 .navbar-dark .navbar-nav .nav-link:focus,
 .navbar-dark .navbar-nav .nav-link:hover {
@@ -3971,24 +3968,24 @@ input[type="submit"].btn-block {
 .navbar-dark .navbar-nav .nav-link.active,
 .navbar-dark .navbar-nav .nav-link.show,
 .navbar-dark .navbar-nav .show > .nav-link {
-  color: #d5d5d5;
+  color: #fff;
 }
 .navbar-dark .navbar-toggler {
-  color: #d5d5d5;
+  color: #fff;
   border-color: rgba(255, 255, 255, 0.1);
 }
 .navbar-dark .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23d5d5d5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 .navbar-dark .navbar-text {
-  color: #d5d5d5;
+  color: #fff;
 }
 .navbar-dark .navbar-text a {
-  color: #d5d5d5;
+  color: #fff;
 }
 .navbar-dark .navbar-text a:focus,
 .navbar-dark .navbar-text a:hover {
-  color: #d5d5d5;
+  color: #fff;
 }
 .card {
   position: relative;
@@ -3996,8 +3993,9 @@ input[type="submit"].btn-block {
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
-  background-color: #1F2020;
-  border: 1px solid #000000;
+  background-color: #2e3145;
+  background-clip: border-box;
+  border: 1px solid #2c3244;
   border-radius: 2px;
 }
 .card > hr {
@@ -4017,7 +4015,7 @@ input[type="submit"].btn-block {
   padding: 1.25rem;
 }
 .card-title {
-  color: #aaaaaa;
+  color: #DFE1EA;
   margin-bottom: 0.5rem;
 }
 .card-subtitle {
@@ -4213,7 +4211,7 @@ input[type="submit"].btn-block {
   text-decoration: none;
 }
 .breadcrumb-item.active {
-  color: #d5d5d5;
+  color: #fff;
 }
 .pagination {
   display: flex;
@@ -4227,13 +4225,13 @@ input[type="submit"].btn-block {
   padding: 0.5rem 0.75rem;
   margin-left: 0;
   line-height: 1.25;
-  color: #d5d5d5;
-  background-color: #66666a;
+  color: #fff;
+  background-color: #595c76;
   border: 0 solid #ddd;
 }
 .page-link:hover {
   z-index: 2;
-  color: #d5d5d5;
+  color: #fff;
   text-decoration: none;
   background-color: #676a83;
   border-color: #ddd;
@@ -4254,9 +4252,9 @@ input[type="submit"].btn-block {
 }
 .page-item.active .page-link {
   z-index: 1;
-  color: #d5d5d5;
-  background-color: #28282D;
-  border-color: #28282D;
+  color: #fff;
+  background-color: #007aa6;
+  border-color: #007aa6;
 }
 .page-item.disabled .page-link {
   color: #989ca4;
@@ -4325,12 +4323,12 @@ a.badge:hover {
   border-radius: 10rem;
 }
 .badge-primary {
-  color: #d5d5d5;
-  background-color: #28282D;
+  color: #fff;
+  background-color: #007aa6;
 }
 a.badge-primary:focus,
 a.badge-primary:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #005573;
 }
 a.badge-primary.focus,
@@ -4339,12 +4337,12 @@ a.badge-primary:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 122, 166, 0.5);
 }
 .badge-secondary {
-  color: #d5d5d5;
-  background-color: #66666a;
+  color: #fff;
+  background-color: #595c76;
 }
 a.badge-secondary:focus,
 a.badge-secondary:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #434559;
 }
 a.badge-secondary.focus,
@@ -4353,12 +4351,12 @@ a.badge-secondary:focus {
   box-shadow: 0 0 0 0.2rem rgba(89, 92, 118, 0.5);
 }
 .badge-success {
-  color: #d5d5d5;
-  background-color: #366a57;
+  color: #fff;
+  background-color: #32BA89;
 }
 a.badge-success:focus,
 a.badge-success:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #27926b;
 }
 a.badge-success.focus,
@@ -4367,12 +4365,12 @@ a.badge-success:focus {
   box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.5);
 }
 .badge-info {
-  color: #d5d5d5;
-  background-color: #053c64;
+  color: #fff;
+  background-color: #355f7d;
 }
 a.badge-info:focus,
 a.badge-info:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #264459;
 }
 a.badge-info.focus,
@@ -4381,12 +4379,12 @@ a.badge-info:focus {
   box-shadow: 0 0 0 0.2rem rgba(53, 95, 125, 0.5);
 }
 .badge-warning {
-  color: #010101;
-  background-color: #df9b5c;
+  color: #fff;
+  background-color: #FF922E;
 }
 a.badge-warning:focus,
 a.badge-warning:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #a35e2c;
 }
 a.badge-warning.focus,
@@ -4395,12 +4393,12 @@ a.badge-warning:focus {
   box-shadow: 0 0 0 0.2rem rgba(201, 117, 57, 0.5);
 }
 .badge-danger {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #EA3636;
 }
 a.badge-danger:focus,
 a.badge-danger:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #923333;
 }
 a.badge-danger.focus,
@@ -4409,12 +4407,12 @@ a.badge-danger:focus {
   box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.5);
 }
 .badge-light {
-  color: #d5d5d5;
-  background-color: #1f2020;
+  color: #fff;
+  background-color: var(--theme-background);
 }
 a.badge-light:focus,
 a.badge-light:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #161720;
 }
 a.badge-light.focus,
@@ -4423,12 +4421,12 @@ a.badge-light:focus {
   box-shadow: 0 0 0 0.2rem rgba(42, 44, 63, 0.5);
 }
 .badge-dark {
-  color: #d5d5d5;
-  background-color: #1a1a1a;
+  color: #fff;
+  background-color: var(--theme-background-panels);
 }
 a.badge-dark:focus,
 a.badge-dark:hover {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #0e0f17;
 }
 a.badge-dark.focus,
@@ -4439,7 +4437,7 @@ a.badge-dark:focus {
 .jumbotron {
   padding: 2rem 1rem;
   margin-bottom: 2rem;
-  background-color: #28282D;
+  background-color: #2e3145;
   border-radius: 2px;
 }
 @media (min-width: 576px) {
@@ -4476,8 +4474,8 @@ a.badge-dark:focus {
   color: inherit;
 }
 .alert-primary {
-  color: #5CBDEE;
-  background-color: #163545;
+  color: #fff;
+  background-color: #5CBDEE;
   border-color: #5CBDEE;
 }
 .alert-primary hr {
@@ -4487,9 +4485,9 @@ a.badge-dark:focus {
   color: #001a23;
 }
 .alert-secondary {
-  color: #8aa6bf;
-  background-color: #293033;
-  border-color: #1f2020;
+  color: #fff;
+  background-color: var(--theme-background);
+  border-color: var(--theme-background);
 }
 .alert-secondary hr {
   border-top-color: #c3c3cd;
@@ -4499,7 +4497,7 @@ a.badge-dark:focus {
 }
 .alert-success {
   color: #A2FFB0;
-  background: #1d322e;
+  background: #27443f;
   border: 1px solid #2b5f4b;
 }
 .alert-success hr {
@@ -4510,7 +4508,7 @@ a.badge-dark:focus {
 }
 .alert-info {
   color: #88E2FF;
-  background: #1e2b40;
+  background: #273853;
   border: 1px solid #2b476b;
 }
 .alert-info hr {
@@ -4521,7 +4519,7 @@ a.badge-dark:focus {
 }
 .alert-warning {
   color: #FFB684;
-  background: #2a2022;
+  background: #433337;
   border: 1px solid #5e4037;
 }
 .alert-warning hr {
@@ -4532,7 +4530,7 @@ a.badge-dark:focus {
 }
 .alert-danger {
   color: #FF8A8A;
-  background: #2c1c26;
+  background: #402938;
   border: 1px solid #572c38;
 }
 .alert-danger hr {
@@ -4583,10 +4581,10 @@ a.badge-dark:focus {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  color: #d5d5d5;
+  color: #fff;
   text-align: center;
   white-space: nowrap;
-  background-color: #28282D;
+  background-color: #007aa6;
   transition: width 0.6s ease;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -4630,27 +4628,27 @@ a.badge-dark:focus {
 }
 .list-group-item-action {
   width: 100%;
-  color: #d5d5d5;
+  color: #fff;
   text-align: inherit;
 }
 .list-group-item-action:focus,
 .list-group-item-action:hover {
   z-index: 1;
-  color: #d5d5d5;
+  color: #fff;
   text-decoration: none;
-  background-color: #000000;
+  background-color: #2c3244;
 }
 .list-group-item-action:active {
-  color: #d5d5d5;
-  background-color: #1f2020;
+  color: #fff;
+  background-color: var(--theme-background);
 }
 .list-group-item {
   position: relative;
   display: block;
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
-  color: #d5d5d5;
-  background-color: #1f2020;
+  color: #fff;
+  background-color: var(--theme-background);
   border: 0 solid rgba(0, 0, 0, 0.125);
 }
 .list-group-item:first-child {
@@ -4666,13 +4664,13 @@ a.badge-dark:focus {
 .list-group-item:disabled {
   color: #868e96;
   pointer-events: none;
-  background-color: #1f2020;
+  background-color: var(--theme-background);
 }
 .list-group-item.active {
   z-index: 2;
-  color: #d5d5d5;
-  background-color: #28282D;
-  border-color: #28282D;
+  color: #fff;
+  background-color: #007aa6;
+  border-color: #007aa6;
 }
 .list-group-horizontal {
   flex-direction: row;
@@ -4797,7 +4795,7 @@ a.badge-dark:focus {
   background-color: #a5d0df;
 }
 .list-group-item-primary.list-group-item-action.active {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #003f56;
   border-color: #003f56;
 }
@@ -4811,7 +4809,7 @@ a.badge-dark:focus {
   background-color: #c3c3cd;
 }
 .list-group-item-secondary.list-group-item-action.active {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #2e303d;
   border-color: #2e303d;
 }
@@ -4825,7 +4823,7 @@ a.badge-dark:focus {
   background-color: #b3e6d3;
 }
 .list-group-item-success.list-group-item-action.active {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #1a6147;
   border-color: #1a6147;
 }
@@ -4839,7 +4837,7 @@ a.badge-dark:focus {
   background-color: #b6c6d1;
 }
 .list-group-item-info.list-group-item-action.active {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #1c3141;
   border-color: #1c3141;
 }
@@ -4853,7 +4851,7 @@ a.badge-dark:focus {
   background-color: #ebcab4;
 }
 .list-group-item-warning.list-group-item-action.active {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #693d1e;
   border-color: #693d1e;
 }
@@ -4867,7 +4865,7 @@ a.badge-dark:focus {
   background-color: #e4b7b7;
 }
 .list-group-item-danger.list-group-item-action.active {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #602121;
   border-color: #602121;
 }
@@ -4881,7 +4879,7 @@ a.badge-dark:focus {
   background-color: #b6b7bd;
 }
 .list-group-item-light.list-group-item-action.active {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #161721;
   border-color: #161721;
 }
@@ -4895,7 +4893,7 @@ a.badge-dark:focus {
   background-color: #b4b4bb;
 }
 .list-group-item-dark.list-group-item-action.active {
-  color: #d5d5d5;
+  color: #fff;
   background-color: #12121c;
   border-color: #12121c;
 }
@@ -4904,12 +4902,12 @@ a.badge-dark:focus {
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1;
-  color: #d5d5d5;
+  color: #fff;
   text-shadow: 0;
   opacity: 0.5;
 }
 .close:hover {
-  color: #d5d5d5;
+  color: #fff;
   text-decoration: none;
 }
 .close:not(:disabled):not(.disabled):focus,
@@ -5039,11 +5037,11 @@ a.close.disabled {
   display: flex;
   flex-direction: column;
   width: 100%;
-  color: #d5d5d5;
+  color: #fff;
   pointer-events: auto;
-  background-color: #1a1a1a;
+  background-color: var(--theme-background-panels);
   background-clip: padding-box;
-  border: 1px solid #000000;
+  border: 1px solid #2c3244;
   border-radius: 2px;
   outline: 0;
 }
@@ -5067,7 +5065,7 @@ a.close.disabled {
   align-items: flex-start;
   justify-content: space-between;
   padding: 15px;
-  border-bottom: 1px solid #37373B;
+  border-bottom: 1px solid var(--theme-divider-color);
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
 }
@@ -5089,7 +5087,7 @@ a.close.disabled {
   align-items: center;
   justify-content: flex-end;
   padding: 15px;
-  border-top: 1px solid #37373B;
+  border-top: 1px solid var(--theme-divider-color);
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
 }
@@ -5241,7 +5239,7 @@ a.close.disabled {
 .tooltip-inner {
   max-width: 200px;
   padding: 3px 8px;
-  color: #d5d5d5;
+  color: #fff;
   text-align: center;
   background-color: #000;
   border-radius: 2px;
@@ -5392,7 +5390,7 @@ a.close.disabled {
   padding: 8px 14px;
   margin-bottom: 0;
   font-size: 1rem;
-  color: #d5d5d5;
+  color: #fff;
   background-color: #000;
   border-bottom: 1px solid #000;
   border-top-left-radius: calc(2px - 1px);
@@ -5403,7 +5401,7 @@ a.close.disabled {
 }
 .popover-body {
   padding: 9px 14px;
-  color: #d5d5d5;
+  color: #fff;
 }
 .carousel {
   position: relative;
@@ -5481,7 +5479,7 @@ a.close.disabled {
   align-items: center;
   justify-content: center;
   width: 15%;
-  color: #d5d5d5;
+  color: #fff;
   text-align: center;
   opacity: 0.5;
   transition: opacity 0.15s ease;
@@ -5496,7 +5494,7 @@ a.close.disabled {
 .carousel-control-next:hover,
 .carousel-control-prev:focus,
 .carousel-control-prev:hover {
-  color: #d5d5d5;
+  color: #fff;
   text-decoration: none;
   outline: 0;
   opacity: 0.9;
@@ -5515,10 +5513,10 @@ a.close.disabled {
   background: no-repeat 50%/100% 100%;
 }
 .carousel-control-prev-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d5d5d5' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
 }
 .carousel-control-next-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d5d5d5' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
 }
 .carousel-indicators {
   position: absolute;
@@ -5542,7 +5540,7 @@ a.close.disabled {
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
-  background-color: #d5d5d5;
+  background-color: #fff;
   background-clip: padding-box;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
@@ -5565,7 +5563,7 @@ a.close.disabled {
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
-  color: #d5d5d5;
+  color: #fff;
   text-align: center;
 }
 @keyframes spinner-border {
@@ -5629,7 +5627,7 @@ a.close.disabled {
   vertical-align: text-top !important;
 }
 .bg-primary {
-  background-color: #28282D !important;
+  background-color: #007aa6 !important;
 }
 a.bg-primary:focus,
 a.bg-primary:hover,
@@ -5638,7 +5636,7 @@ button.bg-primary:hover {
   background-color: #005573 !important;
 }
 .bg-secondary {
-  background-color: #38383c !important;
+  background-color: #595c76 !important;
 }
 a.bg-secondary:focus,
 a.bg-secondary:hover,
@@ -5647,7 +5645,7 @@ button.bg-secondary:hover {
   background-color: #434559 !important;
 }
 .bg-success {
-  background-color: #366a57 !important;
+  background-color: #32ba89 !important;
 }
 a.bg-success:focus,
 a.bg-success:hover,
@@ -5656,7 +5654,7 @@ button.bg-success:hover {
   background-color: #27926b !important;
 }
 .bg-info {
-  background-color: #053c64 !important;
+  background-color: #355f7d !important;
 }
 a.bg-info:focus,
 a.bg-info:hover,
@@ -5665,7 +5663,7 @@ button.bg-info:hover {
   background-color: #264459 !important;
 }
 .bg-warning {
-  background-color: #8a5026 !important;
+  background-color: #c97539 !important;
 }
 a.bg-warning:focus,
 a.bg-warning:hover,
@@ -5674,7 +5672,7 @@ button.bg-warning:hover {
   background-color: #a35e2c !important;
 }
 .bg-danger {
-  background-color: #823a3a !important;
+  background-color: #b84040 !important;
 }
 a.bg-danger:focus,
 a.bg-danger:hover,
@@ -5683,7 +5681,7 @@ button.bg-danger:hover {
   background-color: #923333 !important;
 }
 .bg-light {
-  background-color: #1f2020 !important;
+  background-color: var(--theme-background) !important;
 }
 a.bg-light:focus,
 a.bg-light:hover,
@@ -5692,7 +5690,7 @@ button.bg-light:hover {
   background-color: #161720 !important;
 }
 .bg-dark {
-  background-color: #1a1a1a !important;
+  background-color: var(--theme-background-panels) !important;
 }
 a.bg-dark:focus,
 a.bg-dark:hover,
@@ -5701,25 +5699,25 @@ button.bg-dark:hover {
   background-color: #0e0f17 !important;
 }
 .bg-white {
-  background-color: #d5d5d5 !important;
+  background-color: #fff !important;
 }
 .bg-transparent {
   background-color: transparent !important;
 }
 .border {
-  border: 1px solid #3c3a3a !important;
+  border: 1px solid var(--theme-divider-color) !important;
 }
 .border-top {
-  border-top: 1px solid #37373B !important;
+  border-top: 1px solid var(--theme-divider-color) !important;
 }
 .border-right {
-  border-right: 1px solid #37373B !important;
+  border-right: 1px solid var(--theme-divider-color) !important;
 }
 .border-bottom {
-  border-bottom: 1px solid #3c3a3a !important;
+  border-bottom: 1px solid var(--theme-divider-color) !important;
 }
 .border-left {
-  border-left: 1px solid #000000 !important;
+  border-left: 1px solid var(--theme-divider-color) !important;
 }
 .border-0 {
   border: 0 !important;
@@ -5740,28 +5738,28 @@ button.bg-dark:hover {
   border-color: #007aa6 !important;
 }
 .border-secondary {
-  border-color: #38383c !important;
+  border-color: #595c76 !important;
 }
 .border-success {
   border-color: #32ba89 !important;
 }
 .border-info {
-  border-color: #053c64 !important;
+  border-color: #355f7d !important;
 }
 .border-warning {
-  border-color: #8a5026 !important;
+  border-color: #c97539 !important;
 }
 .border-danger {
-  border-color: #823a3a !important;
+  border-color: #b84040 !important;
 }
 .border-light {
-  border-color: #1f2020 !important;
+  border-color: var(--theme-background) !important;
 }
 .border-dark {
-  border-color: #000000 !important;
+  border-color: #2C3244 !important;
 }
 .border-white {
-  border-color: #d5d5d5 !important;
+  border-color: #fff !important;
 }
 .rounded-sm {
   border-radius: 2px !important;
@@ -8530,7 +8528,7 @@ button.bg-dark:hover {
   font-style: italic !important;
 }
 .text-white {
-  color: #d5d5d5 !important;
+  color: #fff !important;
 }
 .text-primary {
   color: #007aa6 !important;
@@ -8540,7 +8538,7 @@ a.text-primary:hover {
   color: #00425a !important;
 }
 .text-secondary {
-  color: #89898e !important;
+  color: #6d7088 !important;
 }
 a.text-secondary:focus,
 a.text-secondary:hover {
@@ -8554,14 +8552,14 @@ a.text-success:hover {
   color: #227e5d !important;
 }
 .text-info {
-  color: #0673c3 !important;
+  color: #355f7d !important;
 }
 a.text-info:focus,
 a.text-info:hover {
   color: #1e3647 !important;
 }
 .text-warning {
-  color: #8a5026 !important;
+  color: #c97539 !important;
 }
 a.text-warning:focus,
 a.text-warning:hover {
@@ -8589,7 +8587,7 @@ a.text-dark:hover {
   color: #6f7087 !important;
 }
 .text-body {
-  color: #9e9eab !important;
+  color: #A2A3BD !important;
 }
 .text-muted {
   color: #868e96 !important;
@@ -8681,7 +8679,7 @@ a.text-dark:hover {
   }
   .table td,
   .table th {
-    background-color: #d5d5d5 !important;
+    background-color: #fff !important;
   }
   .table-bordered td,
   .table-bordered th {
@@ -8707,21 +8705,21 @@ a.text-dark:hover {
 
 /* Base */
 .module-section {
-  border-bottom: 1px solid #000000;
+  border-bottom: 1px solid #2c3244;
 }
 
 /* Plugins manager */
 .plugin-manager {
-  background: #1a1a1a;
+  background: var(--theme-background-panels);
 }
 .plugins-header {
-  background-color: #1a1a1a !important;
-  border-bottom: 1px solid #000000 !important;
+  background-color: var(--theme-background-panels) !important;
+  border-bottom: 1px solid #2C3244 !important;
 }
 .plugins-list-header {
   justify-content: flex-start !important;
   padding: 1rem 1.5rem;
-  background-color: #1a1a1a !important
+  background-color: var(--theme-background-panels) !important
 }
 .plugins-list-title {
   margin: 0 0.5rem 0 0 !important;
@@ -8729,7 +8727,7 @@ a.text-dark:hover {
   padding: 0 !important;
 }
 .remix-bg-opacity {
-  background: rgba(42, 42, 45, 0.8) !important;
+  background: rgba(34, 35, 54, 0.8) !important;
   padding: 9px 24px !important;
 }
 .plugins-list-group {
@@ -8747,7 +8745,7 @@ a.text-dark:hover {
   border-bottom-right-radius: 2px;
 }
 .plugins-list-group-item + .plugins-list-group-item {
-  border-top: 1px solid #000000;
+  border-top: 1px solid #2C3244;
 }
 .plugin-name {
   margin: 0;
@@ -8756,11 +8754,11 @@ a.text-dark:hover {
   text-transform: uppercase;
 }
 .plugin-text {
-  color: #9e9eab !important;
+  color: #A2A3BD !important;
 }
 .plugin-version {
-  color: #9e9eab;
-  border: 1px solid #9e9eab;
+  color: #A2A3BD;
+  border: 1px solid #A2A3BD;
 }
 .settings-button {
   height: 32px;
@@ -8772,7 +8770,7 @@ a.text-dark:hover {
 
 /* Deploy & Run transaction Colors */
 .run-tab i {
-  color: #8f8f8f;
+  color: #8A93B0;
 }
 .run-tab .fa-clipboard::before {
   content: "\f0c5";
@@ -8790,7 +8788,7 @@ a.text-dark:hover {
   border: none !important;
 }
 .run-instance-multi-title {
-  color: #d5d5d5 !important;
+  color: #FFFFFF !important;
 }
 .run-instance-multi-arg label {
   color: #747B90 !important;
@@ -8799,7 +8797,7 @@ a.text-dark:hover {
   padding: 0 !important;
   margin: 0 !important;
   border: 0 !important;
-  color: #aaaaaa !important; 
+  color: #DFE1EA !important; 
 }
 .run-instance-list li {
   margin: 0 !important;
@@ -8810,7 +8808,36 @@ a.text-dark:hover {
   color: #4DA5C5;
 }
 
-/* Theme Typography custom */
+/* Theme Palette, Typography custom */
 #journal, .ace-content, .ace_editor {
     font-family: "JetBrains Mono", monospace!important;
 }
+
+.ace-chaos {
+    background-color: var(--theme-background)!important;
+}
+
+.ace-chaos .ace_gutter {
+    background-color: var(--theme-background)!important;
+    color: var(--theme-foreground-gray) !important;
+    border-right: 1px solid var(--theme-divider-color)!important;
+}
+
+.ace-chaos .ace_comment {
+    color: var(--theme-foreground-comment)!important;
+}
+
+.nav-tabs .nav-link {
+    padding: 4px 8px !important;
+    border-radius: 0px !important;
+    border-top-color: var(--orange) !important;
+}
+
+remix-tab .close {
+    line-height: 1.1!important;
+    padding-bottom: 2px !important;
+}
+
+remix-tab .fak {
+    line-height: 1.2!important;
+}
\ No newline at end of file

From d510b3706ade7df7212730b4c870c16c8c3d6933 Mon Sep 17 00:00:00 2001
From: Andrew Miracle <me@andrewmiracle.com>
Date: Thu, 26 Aug 2021 17:41:30 +0000
Subject: [PATCH 03/14] fix: accesibility and inputs for hacker owl theme

---
 apps/remix-ide/src/app/tabs/theme-module.js   |  2 +-
 .../src/assets/css/themes/remix-night_owl.css | 34 ++++++++++++++++---
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/theme-module.js b/apps/remix-ide/src/app/tabs/theme-module.js
index 0a13cd8183..468bd9b780 100644
--- a/apps/remix-ide/src/app/tabs/theme-module.js
+++ b/apps/remix-ide/src/app/tabs/theme-module.js
@@ -7,7 +7,7 @@ const _paq = window._paq = window._paq || []
 
 const themes = [
   { name: 'Dark', quality: 'dark', url: 'assets/css/themes/remix-dark_tvx1s2.css' },
-  { name: 'NightOwl', quality: 'dark', url: 'assets/css/themes/remix-night_owl.css' },
+  { name: 'HackerOwl', quality: 'dark', url: 'assets/css/themes/remix-night_owl.css' },
   { name: 'Light', quality: 'light', url: 'assets/css/themes/remix-light_powaqg.css' },
   { name: 'Midcentury', quality: 'light', url: 'assets/css/themes/remix-midcentury_hrzph3.css' },
   { name: 'Black', quality: 'dark', url: 'assets/css/themes/remix-black_undtds.css' },
diff --git a/apps/remix-ide/src/assets/css/themes/remix-night_owl.css b/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
index 5e48390336..d07f9d3367 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
@@ -29,8 +29,14 @@
   --theme-divider-color: #0d2131;
   --theme-foreground-gray: #4b6479;
   --theme-foreground-comment: #637777;
+  --theme-background-input: #234d708c;
   --theme-background: #011627;
   --theme-background-panels: #011628;
+  --theme-border-tab: 1px solid #7fdbca;
+  --theme-ace-identifier: #ffcb8bcc;
+  --theme-ace-operator: #ffcb8b;
+  --theme-ace-symbols: #7fdbca;
+  --theme-ace-keyword: #c792ea;
   --font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont,
     "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -1620,10 +1626,10 @@ pre code {
   font-weight: 400;
   line-height: 1.25;
   color: #dfe1ea !important;
-  background-color: #35384C !important;
+  background-color: var(--theme-background-input)!important;
   background-clip: padding-box;
-  border: none !important;
-  border-radius: 2px !important;
+  border: var(--theme-border-tab)!important;
+  border-radius: 0px !important;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -webkit-appearance: none !important;
   -moz-appearance: none !important;
@@ -3345,7 +3351,8 @@ input[type="submit"].btn-block {
   background-repeat: no-repeat;
   background-size: 8px;
   background-position: right 7px center;
-  border: 1px solid transparent !important;
+  border: var(--theme-border-tab) !important;
+  background-color: var(--theme-background-input)!important;
   border-radius: 2px;
   -moz-appearance: none;
   -webkit-appearance: none;
@@ -8840,4 +8847,21 @@ remix-tab .close {
 
 remix-tab .fak {
     line-height: 1.2!important;
-}
\ No newline at end of file
+}
+
+.ace-chaos .ace_keyword {
+    color: var(--theme-ace-keyword)!important;
+}
+
+
+.ace_storage .ace_type {
+    color: var(--theme-ace-keyword)!important;
+}
+
+.ace_identifier {
+    color: var(--theme-ace-identifier)!important;
+}
+
+.ace_paren > .ace_lparen, .ace_paren .ace_rparen {
+    color: var(--theme-ace-symbols)!important;
+/*  */
\ No newline at end of file

From a028eec262cbda7039640963c7b71253be658913 Mon Sep 17 00:00:00 2001
From: Andrew Miracle <me@andrewmiracle.com>
Date: Thu, 26 Aug 2021 21:50:06 +0000
Subject: [PATCH 04/14] styling for code auto complete box

---
 .../src/assets/css/themes/remix-night_owl.css | 28 +++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/apps/remix-ide/src/assets/css/themes/remix-night_owl.css b/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
index d07f9d3367..43ae099198 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
@@ -29,6 +29,7 @@
   --theme-divider-color: #0d2131;
   --theme-foreground-gray: #4b6479;
   --theme-foreground-comment: #637777;
+  --theme-foreground-alpha-1: #ffffffce;
   --theme-background-input: #234d708c;
   --theme-background: #011627;
   --theme-background-panels: #011628;
@@ -8853,7 +8854,6 @@ remix-tab .fak {
     color: var(--theme-ace-keyword)!important;
 }
 
-
 .ace_storage .ace_type {
     color: var(--theme-ace-keyword)!important;
 }
@@ -8864,4 +8864,28 @@ remix-tab .fak {
 
 .ace_paren > .ace_lparen, .ace_paren .ace_rparen {
     color: var(--theme-ace-symbols)!important;
-/*  */
\ No newline at end of file
+}
+
+.ace_editor.ace_autocomplete .ace_completion-highlight {
+  color: var(--white)!important;
+}
+
+.ace_ {
+  color: var(--theme-foreground-alpha-1)!important;
+}
+
+.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
+  background-color: var(--theme-background-input)!important;
+}
+
+.ace-chaos .ace_marker-layer .ace_active-line {
+  background-color: var(--theme-divider-color)!important;
+}
+
+.ace-chaos .ace_gutter-active-line {
+  background-color: var(--theme-divider-color)!important;
+}
+
+.ace_rightAlignedText {
+  color: var(--theme-ace-symbols)!important;
+}
\ No newline at end of file

From 47a6a8a341250a5294114db7ae529cc649c68d8a Mon Sep 17 00:00:00 2001
From: Andrew Miracle <me@andrewmiracle.com>
Date: Thu, 26 Aug 2021 21:55:12 +0000
Subject: [PATCH 05/14] opacity to form control border box

---
 apps/remix-ide/src/assets/css/themes/remix-night_owl.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/remix-ide/src/assets/css/themes/remix-night_owl.css b/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
index 43ae099198..1090c0c9d8 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
@@ -33,7 +33,7 @@
   --theme-background-input: #234d708c;
   --theme-background: #011627;
   --theme-background-panels: #011628;
-  --theme-border-tab: 1px solid #7fdbca;
+  --theme-border-tab: 1px solid #7fdbca52;
   --theme-ace-identifier: #ffcb8bcc;
   --theme-ace-operator: #ffcb8b;
   --theme-ace-symbols: #7fdbca;

From b41ca82cede8b0c5ff116e2c906a178ca6341d9a Mon Sep 17 00:00:00 2001
From: filip mertens <filip.mertens@ethereum.org>
Date: Mon, 30 Aug 2021 11:06:44 +0200
Subject: [PATCH 06/14] increase timeouts

---
 apps/remix-ide/src/app/files/dgitProvider.js | 2 +-
 apps/remix-ide/src/remixEngine.js            | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/remix-ide/src/app/files/dgitProvider.js b/apps/remix-ide/src/app/files/dgitProvider.js
index 7ebe2f4236..06b3aefc31 100644
--- a/apps/remix-ide/src/app/files/dgitProvider.js
+++ b/apps/remix-ide/src/app/files/dgitProvider.js
@@ -298,7 +298,7 @@ class DGitProvider extends Plugin {
     const ipfs = IpfsHttpClient(config)
     let result = false
     try {
-      const data = ipfs.get(cid, { timeout: 10000 })
+      const data = ipfs.get(cid, { timeout: 60000 })
       for await (const file of data) {
         if (file.path) result = true
         file.path = file.path.replace(cid, '')
diff --git a/apps/remix-ide/src/remixEngine.js b/apps/remix-ide/src/remixEngine.js
index 2836d974b2..7ca2dd0845 100644
--- a/apps/remix-ide/src/remixEngine.js
+++ b/apps/remix-ide/src/remixEngine.js
@@ -10,6 +10,7 @@ export class RemixEngine extends Engine {
   setPluginOption ({ name, kind }) {
     if (kind === 'provider') return { queueTimeout: 60000 * 2 }
     if (name === 'LearnEth') return { queueTimeout: 60000 }
+    if (name === 'dGitProvider') return { queueTimeout: 60000 * 4 }
     if (name === 'slither') return { queueTimeout: 60000 * 4 } // Requires when a solc version is installed
     return { queueTimeout: 10000 }
   }

From 6656f568f181e12606035af33567cfd88609df20 Mon Sep 17 00:00:00 2001
From: Andrew Miracle <me@andrewmiracle.com>
Date: Mon, 30 Aug 2021 13:52:46 +0000
Subject: [PATCH 07/14] fix order of theme

---
 apps/remix-ide/src/app/tabs/theme-module.js                    | 3 +--
 .../css/themes/{remix-night_owl.css => remix-hacker_owl.css}   | 0
 2 files changed, 1 insertion(+), 2 deletions(-)
 rename apps/remix-ide/src/assets/css/themes/{remix-night_owl.css => remix-hacker_owl.css} (100%)

diff --git a/apps/remix-ide/src/app/tabs/theme-module.js b/apps/remix-ide/src/app/tabs/theme-module.js
index 468bd9b780..7906a4121c 100644
--- a/apps/remix-ide/src/app/tabs/theme-module.js
+++ b/apps/remix-ide/src/app/tabs/theme-module.js
@@ -7,12 +7,11 @@ const _paq = window._paq = window._paq || []
 
 const themes = [
   { name: 'Dark', quality: 'dark', url: 'assets/css/themes/remix-dark_tvx1s2.css' },
-  { name: 'HackerOwl', quality: 'dark', url: 'assets/css/themes/remix-night_owl.css' },
   { name: 'Light', quality: 'light', url: 'assets/css/themes/remix-light_powaqg.css' },
+  { name: 'HackerOwl', quality: 'dark', url: 'assets/css/themes/remix-hacker_owl.css' },
   { name: 'Midcentury', quality: 'light', url: 'assets/css/themes/remix-midcentury_hrzph3.css' },
   { name: 'Black', quality: 'dark', url: 'assets/css/themes/remix-black_undtds.css' },
   { name: 'Candy', quality: 'light', url: 'assets/css/themes/remix-candy_ikhg4m.css' },
-
   { name: 'Cerulean', quality: 'light', url: 'assets/css/themes/bootstrap-cerulean.min.css' },
   { name: 'Flatly', quality: 'light', url: 'assets/css/themes/bootstrap-flatly.min.css' },
   { name: 'Spacelab', quality: 'light', url: 'assets/css/themes/bootstrap-spacelab.min.css' },
diff --git a/apps/remix-ide/src/assets/css/themes/remix-night_owl.css b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
similarity index 100%
rename from apps/remix-ide/src/assets/css/themes/remix-night_owl.css
rename to apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css

From 11af81c5906a902f1f3f8330c5a72bff86fa2867 Mon Sep 17 00:00:00 2001
From: Andrew Miracle <me@andrewmiracle.com>
Date: Mon, 6 Sep 2021 11:06:09 +0000
Subject: [PATCH 08/14] add highlights for borders and panel sections

---
 apps/remix-ide/src/app.js                     |  1 +
 apps/remix-ide/src/app/editor/contextView.js  |  2 +-
 apps/remix-ide/src/app/panels/tab-proxy.js    |  2 +-
 .../assets/css/themes/remix-hacker_owl.css    | 74 +++++++++++--------
 4 files changed, 47 insertions(+), 32 deletions(-)

diff --git a/apps/remix-ide/src/app.js b/apps/remix-ide/src/app.js
index da6aaaf976..977997049e 100644
--- a/apps/remix-ide/src/app.js
+++ b/apps/remix-ide/src/app.js
@@ -90,6 +90,7 @@ const css = csjs`
     display            : flex;
     flex-direction     : row-reverse;
     width              : 320px;
+    margin-right       : -1px;
   }
   .highlightcode       {
     position           : absolute;
diff --git a/apps/remix-ide/src/app/editor/contextView.js b/apps/remix-ide/src/app/editor/contextView.js
index da01321762..6ef181ecc9 100644
--- a/apps/remix-ide/src/app/editor/contextView.js
+++ b/apps/remix-ide/src/app/editor/contextView.js
@@ -40,7 +40,7 @@ class ContextView {
 
   render () {
     const view = yo`
-      <div class="${css.contextview} ${css.contextviewcontainer} bg-light text-dark border-0">
+      <div class="${css.contextview} ${css.contextviewcontainer} bg-light text-dark border-0 theme-context-view">
         <div class=${css.container}>
           ${this._renderTarget()}
         </div>
diff --git a/apps/remix-ide/src/app/panels/tab-proxy.js b/apps/remix-ide/src/app/panels/tab-proxy.js
index dba54aef61..1e8a817f52 100644
--- a/apps/remix-ide/src/app/panels/tab-proxy.js
+++ b/apps/remix-ide/src/app/panels/tab-proxy.js
@@ -305,7 +305,7 @@ export class TabProxy extends Plugin {
 
     // @todo(#2492) remove style after the mainPanel layout fix.
     this._view.tabs = yo`
-      <div  style="display: -webkit-box; max-height: 32px">
+      <div class="mainview--tabs-proxy" style="display: -webkit-box; max-height: 32px">
         ${zoomBtns}
         ${this._view.filetabs}
       </div>
diff --git a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
index 1090c0c9d8..ae83bd6c59 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
@@ -14,25 +14,27 @@
   --gray: #868e96;
   --gray-dark: #343a40;
   --primary: #007aa6;
-  --secondary: #595c76;
+  --secondary: #50667b;
   --success: #32ba89;
   --info: #086CB5;
   --warning: #c97539;
   --danger: #b84040;
-  --light: #011627;
+  --light: #011C32;
   --dark: #051624;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 992px;
   --breakpoint-xl: 1200px;
-  --theme-divider-color: #0d2131;
+  --theme-divider-color: #04101ad4;
   --theme-foreground-gray: #4b6479;
   --theme-foreground-comment: #637777;
   --theme-foreground-alpha-1: #ffffffce;
   --theme-background-input: #234d708c;
   --theme-background: #011627;
   --theme-background-panels: #011628;
+  --theme-bg-btn-secondary: #011C32;
+  --theme-bg-btn-dark--hover: #033863;
   --theme-border-tab: 1px solid #7fdbca52;
   --theme-ace-identifier: #ffcb8bcc;
   --theme-ace-operator: #ffcb8b;
@@ -75,7 +77,7 @@ body {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #A2A3BD;
+  color: #ccd9e6;
   text-align: left;
   background-color: var(--theme-background-panels);
 }
@@ -2171,13 +2173,13 @@ fieldset:disabled a.btn {
 }
 .btn-secondary {
   color: #fff;
-  background-color: #595c76;
-  border-color: #595c76;
+  background-color: var(--theme-bg-btn-secondary);
+  border-color: #284053;
 }
 .btn-secondary:hover {
   color: #fff;
-  background-color: #494b60;
-  border-color: #434559;
+  background-color: var(--theme-divider-color);
+  border-color: #203647;
 }
 .btn-secondary.focus,
 .btn-secondary:focus {
@@ -2186,8 +2188,8 @@ fieldset:disabled a.btn {
 .btn-secondary.disabled,
 .btn-secondary:disabled {
   color: #fff;
-  background-color: #595c76;
-  border-color: #595c76;
+  background-color: var(--secondary);
+  border-color: var(--secondary);
 }
 .btn-secondary:not(:disabled):not(.disabled).active,
 .btn-secondary:not(:disabled):not(.disabled):active,
@@ -2336,7 +2338,7 @@ fieldset:disabled a.btn {
 }
 .btn-light:hover {
   color: #fff;
-  background-color: #1b1c28;
+  background-color: var(--theme-bg-btn-dark--hover);
   border-color: #161720;
 }
 .btn-light.focus,
@@ -2368,8 +2370,8 @@ fieldset:disabled a.btn {
 }
 .btn-dark:hover {
   color: #fff;
-  background-color: #13141f;
-  border-color: #0e0f17;
+  background-color: var(--theme-bg-btn-dark--hover);
+  border-color: #093355b9;
 }
 .btn-dark.focus,
 .btn-dark:focus {
@@ -2424,13 +2426,13 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(0, 122, 166, 0.5);
 }
 .btn-outline-secondary {
-  color: #595c76;
-  border-color: #595c76;
+  color: var(--secondary);
+  border-color: var(--secondary);
 }
 .btn-outline-secondary:hover {
   color: #fff;
-  background-color: #595c76;
-  border-color: #595c76;
+  background-color: var(--secondary);
+  border-color: var(--secondary);
 }
 .btn-outline-secondary.focus,
 .btn-outline-secondary:focus {
@@ -2438,15 +2440,15 @@ fieldset:disabled a.btn {
 }
 .btn-outline-secondary.disabled,
 .btn-outline-secondary:disabled {
-  color: #595c76;
+  color: var(--secondary);
   background-color: transparent;
 }
 .btn-outline-secondary:not(:disabled):not(.disabled).active,
 .btn-outline-secondary:not(:disabled):not(.disabled):active,
 .show > .btn-outline-secondary.dropdown-toggle {
   color: #fff;
-  background-color: #595c76;
-  border-color: #595c76;
+  background-color: var(--secondary);
+  border-color: var(--secondary);
 }
 .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
@@ -3128,7 +3130,7 @@ input[type="submit"].btn-block {
   color: #dfe1ea;
   text-align: center;
   white-space: nowrap;
-  background-color: #595c76;
+  background-color: var(--secondary);
   border: 1px solid transparent;
   border-radius: 2px;
 }
@@ -3621,9 +3623,7 @@ input[type="submit"].btn-block {
   pointer-events: none;
   cursor: default;
 }
-.nav-tabs {
-  border-bottom: 1px solid var(--theme-divider-color);
-}
+
 .nav-tabs .nav-item {
   margin-bottom: -1px;
 }
@@ -4234,7 +4234,7 @@ input[type="submit"].btn-block {
   margin-left: 0;
   line-height: 1.25;
   color: #fff;
-  background-color: #595c76;
+  background-color: var(--secondary);
   border: 0 solid #ddd;
 }
 .page-link:hover {
@@ -4346,7 +4346,7 @@ a.badge-primary:focus {
 }
 .badge-secondary {
   color: #fff;
-  background-color: #595c76;
+  background-color: var(--secondary);
 }
 a.badge-secondary:focus,
 a.badge-secondary:hover {
@@ -5644,7 +5644,7 @@ button.bg-primary:hover {
   background-color: #005573 !important;
 }
 .bg-secondary {
-  background-color: #595c76 !important;
+  background-color: var(--secondary) !important;
 }
 a.bg-secondary:focus,
 a.bg-secondary:hover,
@@ -5689,7 +5689,7 @@ button.bg-danger:hover {
   background-color: #923333 !important;
 }
 .bg-light {
-  background-color: var(--theme-background) !important;
+  background-color: var(--light) !important;
 }
 a.bg-light:focus,
 a.bg-light:hover,
@@ -5719,7 +5719,7 @@ button.bg-dark:hover {
   border-top: 1px solid var(--theme-divider-color) !important;
 }
 .border-right {
-  border-right: 1px solid var(--theme-divider-color) !important;
+  border-right: 1.5px solid var(--theme-divider-color) !important;
 }
 .border-bottom {
   border-bottom: 1px solid var(--theme-divider-color) !important;
@@ -5746,7 +5746,7 @@ button.bg-dark:hover {
   border-color: #007aa6 !important;
 }
 .border-secondary {
-  border-color: #595c76 !important;
+  border-color: var(--secondary) !important;
 }
 .border-success {
   border-color: #32ba89 !important;
@@ -8821,6 +8821,20 @@ a.text-dark:hover {
     font-family: "JetBrains Mono", monospace!important;
 }
 
+#plugins {
+  border-bottom: 1px solid var(--theme-background-input)!important;
+}
+
+.theme-context-view {
+  border-top: 1px solid var(--theme-divider-color) !important;
+  border-bottom: 2.8px solid var(--theme-background-input) !important;
+  margin-bottom: -1px;
+}
+.mainview--tabs-proxy {
+  background-color: var(--light)!important;
+  border-bottom: 1.2px solid var(--theme-divider-color);
+}
+
 .ace-chaos {
     background-color: var(--theme-background)!important;
 }

From 2b810a3a9ac3a95afa9bac39200dff20abc533b4 Mon Sep 17 00:00:00 2001
From: Andrew Miracle <me@andrewmiracle.com>
Date: Mon, 6 Sep 2021 11:18:16 +0000
Subject: [PATCH 09/14] brighter background in tab switcher

---
 apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
index ae83bd6c59..76b1f95cf2 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
@@ -4656,7 +4656,7 @@ a.badge-dark:focus {
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
   color: #fff;
-  background-color: var(--theme-background);
+  background-color: var(--theme-background-input);
   border: 0 solid rgba(0, 0, 0, 0.125);
 }
 .list-group-item:first-child {

From 0c38c86a8971c22c9c6a1eb542e2bb7152d9891d Mon Sep 17 00:00:00 2001
From: Andrew Miracle <me@andrewmiracle.com>
Date: Mon, 6 Sep 2021 12:33:17 +0000
Subject: [PATCH 10/14] improve typography properties

---
 .../assets/css/themes/remix-hacker_owl.css    | 64 ++++++++++---------
 1 file changed, 35 insertions(+), 29 deletions(-)

diff --git a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
index 76b1f95cf2..78d92e3ced 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
@@ -1,4 +1,5 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=JetBrains+Mono:ital@0;1&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=JetBrains+Mono:ital,wght@0,400;0,700;1,400&display=swap');
+
 :root {
   --blue: #007aa6;
   --indigo: #6610f2;
@@ -7,7 +8,7 @@
   --red: #b84040;
   --orange: #c97539;
   --yellow: #ffc107;
-  --green: #32ba89;
+  --green: #1b8649;
   --teal: #20c997;
   --cyan: #355f7d;
   --white: #fff;
@@ -15,7 +16,7 @@
   --gray-dark: #343a40;
   --primary: #007aa6;
   --secondary: #50667b;
-  --success: #32ba89;
+  --success: #1b8649;
   --info: #086CB5;
   --warning: #c97539;
   --danger: #b84040;
@@ -75,6 +76,9 @@ body {
     Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1rem;
+  font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
+  font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
+  font-kerning: normal;
   font-weight: 400;
   line-height: 1.5;
   color: #ccd9e6;
@@ -1785,7 +1789,7 @@ textarea.form-control {
   width: 100%;
   margin-top: 0.25rem;
   font-size: 80%;
-  color: #32ba89;
+  color: #1b8649;
 }
 .valid-tooltip {
   position: absolute;
@@ -1803,7 +1807,7 @@ textarea.form-control {
 }
 .form-control.is-valid,
 .was-validated .form-control:valid {
-  border-color: #32ba89;
+  border-color: #1b8649;
   padding-right: calc(1.25em + 1rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2332BA89' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
@@ -1812,7 +1816,7 @@ textarea.form-control {
 }
 .form-control.is-valid:focus,
 .was-validated .form-control:valid:focus {
-  border-color: #32ba89;
+  border-color: #1b8649;
   box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
 }
 .form-control.is-valid ~ .valid-feedback,
@@ -1829,7 +1833,7 @@ textarea.form-control.is-valid {
 }
 .custom-select.is-valid,
 .was-validated .custom-select:valid {
-  border-color: #32ba89;
+  border-color: #1b8649;
   padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
       no-repeat right 0.75rem center/8px 10px,
@@ -1839,7 +1843,7 @@ textarea.form-control.is-valid {
 }
 .custom-select.is-valid:focus,
 .was-validated .custom-select:valid:focus {
-  border-color: #32ba89;
+  border-color: #1b8649;
   box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
 }
 .custom-select.is-valid ~ .valid-feedback,
@@ -1856,7 +1860,7 @@ textarea.form-control.is-valid {
 }
 .form-check-input.is-valid ~ .form-check-label,
 .was-validated .form-check-input:valid ~ .form-check-label {
-  color: #32ba89;
+  color: #1b8649;
 }
 .form-check-input.is-valid ~ .valid-feedback,
 .form-check-input.is-valid ~ .valid-tooltip,
@@ -1866,11 +1870,11 @@ textarea.form-control.is-valid {
 }
 .custom-control-input.is-valid ~ .custom-control-label,
 .was-validated .custom-control-input:valid ~ .custom-control-label {
-  color: #32ba89;
+  color: #1b8649;
 }
 .custom-control-input.is-valid ~ .custom-control-label::before,
 .was-validated .custom-control-input:valid ~ .custom-control-label::before {
-  border-color: #32ba89;
+  border-color: #1b8649;
 }
 .custom-control-input.is-valid ~ .valid-feedback,
 .custom-control-input.is-valid ~ .valid-tooltip,
@@ -1896,11 +1900,11 @@ textarea.form-control.is-valid {
 .was-validated
   .custom-control-input:valid:focus:not(:checked)
   ~ .custom-control-label::before {
-  border-color: #32ba89;
+  border-color: #1b8649;
 }
 .custom-file-input.is-valid ~ .custom-file-label,
 .was-validated .custom-file-input:valid ~ .custom-file-label {
-  border-color: #32ba89;
+  border-color: #1b8649;
 }
 .custom-file-input.is-valid ~ .valid-feedback,
 .custom-file-input.is-valid ~ .valid-tooltip,
@@ -1910,7 +1914,7 @@ textarea.form-control.is-valid {
 }
 .custom-file-input.is-valid:focus ~ .custom-file-label,
 .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
-  border-color: #32ba89;
+  border-color: #1b8649;
   box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
 }
 .invalid-feedback {
@@ -2205,8 +2209,8 @@ fieldset:disabled a.btn {
 }
 .btn-success {
   color: #fff;
-  background-color: #32ba89;
-  border-color: #32ba89;
+  background-color: #1b8649;
+  border-color: #1b8649;
 }
 .btn-success:hover {
   color: #fff;
@@ -2220,8 +2224,8 @@ fieldset:disabled a.btn {
 .btn-success.disabled,
 .btn-success:disabled {
   color: #fff;
-  background-color: #32ba89;
-  border-color: #32ba89;
+  background-color: #1b8649;
+  border-color: #1b8649;
 }
 .btn-success:not(:disabled):not(.disabled).active,
 .btn-success:not(:disabled):not(.disabled):active,
@@ -2456,13 +2460,13 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(89, 92, 118, 0.5);
 }
 .btn-outline-success {
-  color: #32ba89;
-  border-color: #32ba89;
+  color: #1b8649;
+  border-color: #1b8649;
 }
 .btn-outline-success:hover {
   color: #fff;
-  background-color: #32ba89;
-  border-color: #32ba89;
+  background-color: #1b8649;
+  border-color: #1b8649;
 }
 .btn-outline-success.focus,
 .btn-outline-success:focus {
@@ -2470,15 +2474,15 @@ fieldset:disabled a.btn {
 }
 .btn-outline-success.disabled,
 .btn-outline-success:disabled {
-  color: #32ba89;
+  color: #1b8649;
   background-color: transparent;
 }
 .btn-outline-success:not(:disabled):not(.disabled).active,
 .btn-outline-success:not(:disabled):not(.disabled):active,
 .show > .btn-outline-success.dropdown-toggle {
   color: #fff;
-  background-color: #32ba89;
-  border-color: #32ba89;
+  background-color: #1b8649;
+  border-color: #1b8649;
 }
 .btn-outline-success:not(:disabled):not(.disabled).active:focus,
 .btn-outline-success:not(:disabled):not(.disabled):active:focus,
@@ -4360,7 +4364,7 @@ a.badge-secondary:focus {
 }
 .badge-success {
   color: #fff;
-  background-color: #32BA89;
+  background-color: #1b8649;
 }
 a.badge-success:focus,
 a.badge-success:hover {
@@ -5653,7 +5657,7 @@ button.bg-secondary:hover {
   background-color: #434559 !important;
 }
 .bg-success {
-  background-color: #32ba89 !important;
+  background-color: #1b8649 !important;
 }
 a.bg-success:focus,
 a.bg-success:hover,
@@ -5749,7 +5753,7 @@ button.bg-dark:hover {
   border-color: var(--secondary) !important;
 }
 .border-success {
-  border-color: #32ba89 !important;
+  border-color: #1b8649 !important;
 }
 .border-info {
   border-color: #355f7d !important;
@@ -8553,7 +8557,7 @@ a.text-secondary:hover {
   color: #383a4a !important;
 }
 .text-success {
-  color: #32ba89 !important;
+  color: #1b8649 !important;
 }
 a.text-success:focus,
 a.text-success:hover {
@@ -8743,6 +8747,8 @@ a.text-dark:hover {
 }
 .plugins-list-group-item {
   padding: 0.5rem 0.5rem 0 !important;
+  background: #0e2940b8;
+  border-radius: 1px !important;
 }
 .plugins-list-group-item:first-child {
   border-top-left-radius: 2px;

From 1d351b9a429cbcfa6fbd73c7703ee444c65a4f3c Mon Sep 17 00:00:00 2001
From: Andrew Miracle <me@andrewmiracle.com>
Date: Tue, 5 Oct 2021 11:09:37 +0000
Subject: [PATCH 11/14] unify panel color and fix concerns

---
 apps/remix-ide/src/app.js                                 | 1 -
 apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css | 6 +++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/remix-ide/src/app.js b/apps/remix-ide/src/app.js
index f84dae1e48..03ecc61b55 100644
--- a/apps/remix-ide/src/app.js
+++ b/apps/remix-ide/src/app.js
@@ -90,7 +90,6 @@ const css = csjs`
     display            : flex;
     flex-direction     : row-reverse;
     width              : 320px;
-    margin-right       : -1px;
   }
   .highlightcode       {
     position           : absolute;
diff --git a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
index 78d92e3ced..8ac1a139f9 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
@@ -8722,7 +8722,7 @@ a.text-dark:hover {
 
 /* Plugins manager */
 .plugin-manager {
-  background: var(--theme-background-panels);
+  background: var(--light);
 }
 .plugins-header {
   background-color: var(--theme-background-panels) !important;
@@ -8908,4 +8908,8 @@ remix-tab .fak {
 
 .ace_rightAlignedText {
   color: var(--theme-ace-symbols)!important;
+}
+
+div[data-id="remixIdeSidePanel"] {
+  margin-right: -1px
 }
\ No newline at end of file

From 7955f4932b2f68f85d1d40e53b47cf527caa32af Mon Sep 17 00:00:00 2001
From: Andrew Miracle <me@andrewmiracle.com>
Date: Thu, 28 Apr 2022 18:51:29 +0200
Subject: [PATCH 12/14] remove redundant theme css file

---
 .../src/assets/css/themes/remix-night_owl.css | 8816 -----------------
 1 file changed, 8816 deletions(-)
 delete mode 100644 apps/remix-ide/src/assets/css/themes/remix-night_owl.css

diff --git a/apps/remix-ide/src/assets/css/themes/remix-night_owl.css b/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
deleted file mode 100644
index 7cd9945ded..0000000000
--- a/apps/remix-ide/src/assets/css/themes/remix-night_owl.css
+++ /dev/null
@@ -1,8816 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=JetBrains+Mono:ital@0;1&display=swap');
-
-:root {
-  --blue: #28282D;
-  --indigo: #6610f2;
-  --purple: #6f42c1;
-  --pink: #e83e8c;
-  --red: #823a3a;
-  --orange: #8a5026;
-  --yellow: #ffc107;
-  --green: #366a57;
-  --teal: #20c997;
-  --cyan: #053c64;
-  --white: #d5d5d5;
-  --gray: #868e96;
-  --gray-dark: #343a40;
-  --primary: #b5b4bc;
-  --secondary: #3d3e44;
-  --success: #366a57;
-  --info: #086CB5;
-  --warning: #8a5026;
-  --danger: #823a3a;
-  --light: #1f2020;
-  --dark: #1a1a1a;
-  --breakpoint-xs: 0;
-  --breakpoint-sm: 576px;
-  --breakpoint-md: 768px;
-  --breakpoint-lg: 992px;
-  --breakpoint-xl: 1200px;
-  --font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont,
-    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
-    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --font-family-monospace: "JetBrains Mono", Menlo, Monaco, Consolas, "Liberation Mono",
-    "Courier New", monospace;
-}
-*,
-::after,
-::before {
-  box-sizing: border-box;
-}
-html {
-  font-family: sans-serif;
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
-  -webkit-tap-highlight-color: transparent;
-}
-article,
-aside,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section {
-  display: block;
-}
-body {
-  margin: 0;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
-    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
-    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #b3b3b3;
-  text-align: left;
-  background-color: #1a1a1a;
-}
-*::-webkit-scrollbar {
-  width: 8px;
-}
-*::-webkit-scrollbar-thumb {
-  background-color: #37373b;
-  opacity: 0.3;
-  border-radius: 30px;
-}
-[tabindex="-1"]:focus {
-  outline: 0 !important;
-}
-hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin-top: 0;
-  margin-bottom: 0.5rem;
-}
-p {
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-abbr[data-original-title],
-abbr[title] {
-  text-decoration: underline;
-  text-decoration: underline dotted;
-  cursor: help;
-  border-bottom: 0;
-  text-decoration-skip-ink: none;
-}
-address {
-  margin-bottom: 1rem;
-  font-style: normal;
-  line-height: inherit;
-}
-dl,
-ol,
-ul {
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-ol ol,
-ol ul,
-ul ol,
-ul ul {
-  margin-bottom: 0;
-}
-dt {
-  font-weight: 700;
-}
-dd {
-  margin-bottom: 0.5rem;
-  margin-left: 0;
-}
-blockquote {
-  margin: 0 0 1rem;
-}
-b,
-strong {
-  font-weight: bolder;
-}
-small {
-  font-size: 80%;
-}
-sub,
-sup {
-  position: relative;
-  font-size: 75%;
-  line-height: 0;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-a {
-  color: #b3b3b3;
-  text-decoration: underline;
-  background-color: transparent;
-}
-a:hover {
-  color: #9e9fa8;
-  text-decoration: underline;
-}
-a:not([href]):not([tabindex]) {
-  color: inherit;
-  text-decoration: none;
-}
-a:not([href]):not([tabindex]):focus,
-a:not([href]):not([tabindex]):hover {
-  color: inherit;
-  text-decoration: none;
-}
-a:not([href]):not([tabindex]):focus {
-  outline: 0;
-}
-code,
-kbd,
-pre,
-samp {
-  font-family: "JetBrains Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
-    monospace;
-  font-size: 1em;
-}
-pre {
-  margin-top: 0;
-  margin-bottom: 1rem;
-  overflow: auto;
-}
-figure {
-  margin: 0 0 1rem;
-}
-img {
-  vertical-align: middle;
-  border-style: none;
-}
-svg {
-  overflow: hidden;
-  vertical-align: middle;
-}
-table {
-  border-collapse: collapse;
-}
-caption {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-  color: #868e96;
-  text-align: left;
-  caption-side: bottom;
-}
-th {
-  text-align: inherit;
-}
-label {
-  display: inline-block;
-  margin-bottom: 0.5rem;
-  display: inline-block;
-  margin-bottom: 0.5rem;
-  color: #959BAD;
-  font-size: 11px;
-  line-height: 12px;
-}
-button {
-  border-radius: 0;
-}
-button:focus {
-  outline: 1px dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-}
-button,
-input,
-optgroup,
-select,
-textarea {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  background-color: #2b2b2b;
-  color: #d5d5d5d5d5d5;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px rgba(79, 86, 89, 0.25);
-}
-button,
-input {
-  overflow: visible;
-}
-button,
-select {
-  text-transform: none;
-}
-select {
-  word-wrap: normal;
-}
-[type="button"],
-[type="reset"],
-[type="submit"],
-button {
-  -webkit-appearance: button;
-}
-[type="button"]:not(:disabled),
-[type="reset"]:not(:disabled),
-[type="submit"]:not(:disabled),
-button:not(:disabled) {
-  cursor: pointer;
-}
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner,
-button::-moz-focus-inner {
-  padding: 0;
-  border-style: none;
-}
-input[type="checkbox"],
-input[type="radio"] {
-  box-sizing: border-box;
-  padding: 0;
-}
-input[type="date"],
-input[type="datetime-local"],
-input[type="month"],
-input[type="time"] {
-  -webkit-appearance: listbox;
-}
-textarea {
-  overflow: auto;
-  resize: vertical;
-}
-fieldset {
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-}
-legend {
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  padding: 0;
-  margin-bottom: 0.5rem;
-  font-size: 1.5rem;
-  line-height: inherit;
-  color: inherit;
-  white-space: normal;
-}
-progress {
-  vertical-align: baseline;
-}
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-[type="search"] {
-  outline-offset: -2px;
-  -webkit-appearance: none;
-}
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-::-webkit-file-upload-button {
-  font: inherit;
-  -webkit-appearance: button;
-}
-output {
-  display: inline-block;
-}
-summary {
-  display: list-item;
-  cursor: pointer;
-}
-template {
-  display: none;
-}
-[hidden] {
-  display: none !important;
-}
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin-bottom: 0.5rem;
-  font-family: inherit;
-  font-weight: 400;
-  line-height: 1.1;
-  color: #d8d7e2;
-}
-.h1,
-h1 {
-  font-size: 1.75rem;
-}
-.h2,
-h2 {
-  font-size: 1.5rem;
-}
-.h3,
-h3 {
-  font-size: 1.3rem;
-}
-.h4,
-h4 {
-  font-size: 1.2rem;
-}
-.h5,
-h5 {
-  font-size: 1.1rem;
-}
-.h6,
-h6 {
-  font-size: 1rem;
-}
-.lead {
-  font-size: 1.25rem;
-  font-weight: 300;
-}
-.display-1 {
-  font-size: 6rem;
-  font-weight: 300;
-  line-height: 1.1;
-}
-.display-2 {
-  font-size: 5.5rem;
-  font-weight: 300;
-  line-height: 1.1;
-}
-.display-3 {
-  font-size: 4.5rem;
-  font-weight: 300;
-  line-height: 1.1;
-}
-.display-4 {
-  font-size: 3.5rem;
-  font-weight: 300;
-  line-height: 1.1;
-}
-hr {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  border: 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
-.small,
-small {
-  font-size: 80%;
-  font-weight: 400;
-}
-.mark,
-mark {
-  padding: 0.2em;
-  background-color: #fcf8e3;
-}
-.list-unstyled {
-  padding-left: 0;
-  list-style: none;
-}
-.list-inline {
-  padding-left: 0;
-  list-style: none;
-}
-.list-inline-item {
-  display: inline-block;
-}
-.list-inline-item:not(:last-child) {
-  margin-right: 5px;
-}
-.initialism {
-  font-size: 90%;
-  text-transform: uppercase;
-}
-.blockquote {
-  margin-bottom: 1rem;
-  font-size: 1.25rem;
-}
-.blockquote-footer {
-  display: block;
-  font-size: 80%;
-  color: #868e96;
-}
-.blockquote-footer::before {
-  content: "\2014\00A0";
-}
-.img-fluid {
-  max-width: 100%;
-  height: auto;
-}
-.img-thumbnail {
-  padding: 0.25rem;
-  background-color: #100e0e;
-  border: 1px solid #ddd;
-  border-radius: 2px;
-  max-width: 100%;
-  height: auto;
-}
-.figure {
-  display: inline-block;
-}
-.figure-img {
-  margin-bottom: 0.5rem;
-  line-height: 1;
-}
-.figure-caption {
-  font-size: 90%;
-  color: #868e96;
-}
-code {
-  font-size: 90%;
-  color: #bd4147;
-  word-break: break-word;
-}
-a > code {
-  color: inherit;
-}
-kbd {
-  padding: 0.2rem 0.4rem;
-  font-size: 90%;
-  color: #d5d5d5;
-  background-color: #212529;
-  border-radius: 2px;
-}
-kbd kbd {
-  padding: 0;
-  font-size: 100%;
-  font-weight: 700;
-}
-pre {
-  display: block;
-  font-size: 90%;
-  color: inherit;
-}
-pre code {
-  font-size: inherit;
-  color: inherit;
-  word-break: normal;
-}
-.pre-scrollable {
-  max-height: 340px;
-  overflow-y: scroll;
-}
-.container {
-  width: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
-  margin-right: auto;
-  margin-left: auto;
-}
-@media (min-width: 576px) {
-  .container {
-    max-width: 540px;
-  }
-}
-@media (min-width: 768px) {
-  .container {
-    max-width: 720px;
-  }
-}
-@media (min-width: 992px) {
-  .container {
-    max-width: 960px;
-  }
-}
-@media (min-width: 1200px) {
-  .container {
-    max-width: 1140px;
-  }
-}
-.container-fluid {
-  width: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
-  margin-right: auto;
-  margin-left: auto;
-}
-.row {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: -15px;
-  margin-left: -15px;
-}
-.no-gutters {
-  margin-right: 0;
-  margin-left: 0;
-}
-.no-gutters > .col,
-.no-gutters > [class*="col-"] {
-  padding-right: 0;
-  padding-left: 0;
-}
-.col,
-.col-1,
-.col-10,
-.col-11,
-.col-12,
-.col-2,
-.col-3,
-.col-4,
-.col-5,
-.col-6,
-.col-7,
-.col-8,
-.col-9,
-.col-auto,
-.col-lg,
-.col-lg-1,
-.col-lg-10,
-.col-lg-11,
-.col-lg-12,
-.col-lg-2,
-.col-lg-3,
-.col-lg-4,
-.col-lg-5,
-.col-lg-6,
-.col-lg-7,
-.col-lg-8,
-.col-lg-9,
-.col-lg-auto,
-.col-md,
-.col-md-1,
-.col-md-10,
-.col-md-11,
-.col-md-12,
-.col-md-2,
-.col-md-3,
-.col-md-4,
-.col-md-5,
-.col-md-6,
-.col-md-7,
-.col-md-8,
-.col-md-9,
-.col-md-auto,
-.col-sm,
-.col-sm-1,
-.col-sm-10,
-.col-sm-11,
-.col-sm-12,
-.col-sm-2,
-.col-sm-3,
-.col-sm-4,
-.col-sm-5,
-.col-sm-6,
-.col-sm-7,
-.col-sm-8,
-.col-sm-9,
-.col-sm-auto,
-.col-xl,
-.col-xl-1,
-.col-xl-10,
-.col-xl-11,
-.col-xl-12,
-.col-xl-2,
-.col-xl-3,
-.col-xl-4,
-.col-xl-5,
-.col-xl-6,
-.col-xl-7,
-.col-xl-8,
-.col-xl-9,
-.col-xl-auto {
-  position: relative;
-  width: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
-}
-.col {
-  flex-basis: 0;
-  flex-grow: 1;
-  max-width: 100%;
-}
-.col-auto {
-  flex: 0 0 auto;
-  width: auto;
-  max-width: 100%;
-}
-.col-1 {
-  flex: 0 0 8.33333%;
-  max-width: 8.33333%;
-}
-.col-2 {
-  flex: 0 0 16.66667%;
-  max-width: 16.66667%;
-}
-.col-3 {
-  flex: 0 0 25%;
-  max-width: 25%;
-}
-.col-4 {
-  flex: 0 0 33.33333%;
-  max-width: 33.33333%;
-}
-.col-5 {
-  flex: 0 0 41.66667%;
-  max-width: 41.66667%;
-}
-.col-6 {
-  flex: 0 0 50%;
-  max-width: 50%;
-}
-.col-7 {
-  flex: 0 0 58.33333%;
-  max-width: 58.33333%;
-}
-.col-8 {
-  flex: 0 0 66.66667%;
-  max-width: 66.66667%;
-}
-.col-9 {
-  flex: 0 0 75%;
-  max-width: 75%;
-}
-.col-10 {
-  flex: 0 0 83.33333%;
-  max-width: 83.33333%;
-}
-.col-11 {
-  flex: 0 0 91.66667%;
-  max-width: 91.66667%;
-}
-.col-12 {
-  flex: 0 0 100%;
-  max-width: 100%;
-}
-.order-first {
-  order: -1;
-}
-.order-last {
-  order: 13;
-}
-.order-0 {
-  order: 0;
-}
-.order-1 {
-  order: 1;
-}
-.order-2 {
-  order: 2;
-}
-.order-3 {
-  order: 3;
-}
-.order-4 {
-  order: 4;
-}
-.order-5 {
-  order: 5;
-}
-.order-6 {
-  order: 6;
-}
-.order-7 {
-  order: 7;
-}
-.order-8 {
-  order: 8;
-}
-.order-9 {
-  order: 9;
-}
-.order-10 {
-  order: 10;
-}
-.order-11 {
-  order: 11;
-}
-.order-12 {
-  order: 12;
-}
-.offset-1 {
-  margin-left: 8.33333%;
-}
-.offset-2 {
-  margin-left: 16.66667%;
-}
-.offset-3 {
-  margin-left: 25%;
-}
-.offset-4 {
-  margin-left: 33.33333%;
-}
-.offset-5 {
-  margin-left: 41.66667%;
-}
-.offset-6 {
-  margin-left: 50%;
-}
-.offset-7 {
-  margin-left: 58.33333%;
-}
-.offset-8 {
-  margin-left: 66.66667%;
-}
-.offset-9 {
-  margin-left: 75%;
-}
-.offset-10 {
-  margin-left: 83.33333%;
-}
-.offset-11 {
-  margin-left: 91.66667%;
-}
-@media (min-width: 576px) {
-  .col-sm {
-    flex-basis: 0;
-    flex-grow: 1;
-    max-width: 100%;
-  }
-  .col-sm-auto {
-    flex: 0 0 auto;
-    width: auto;
-    max-width: 100%;
-  }
-  .col-sm-1 {
-    flex: 0 0 8.33333%;
-    max-width: 8.33333%;
-  }
-  .col-sm-2 {
-    flex: 0 0 16.66667%;
-    max-width: 16.66667%;
-  }
-  .col-sm-3 {
-    flex: 0 0 25%;
-    max-width: 25%;
-  }
-  .col-sm-4 {
-    flex: 0 0 33.33333%;
-    max-width: 33.33333%;
-  }
-  .col-sm-5 {
-    flex: 0 0 41.66667%;
-    max-width: 41.66667%;
-  }
-  .col-sm-6 {
-    flex: 0 0 50%;
-    max-width: 50%;
-  }
-  .col-sm-7 {
-    flex: 0 0 58.33333%;
-    max-width: 58.33333%;
-  }
-  .col-sm-8 {
-    flex: 0 0 66.66667%;
-    max-width: 66.66667%;
-  }
-  .col-sm-9 {
-    flex: 0 0 75%;
-    max-width: 75%;
-  }
-  .col-sm-10 {
-    flex: 0 0 83.33333%;
-    max-width: 83.33333%;
-  }
-  .col-sm-11 {
-    flex: 0 0 91.66667%;
-    max-width: 91.66667%;
-  }
-  .col-sm-12 {
-    flex: 0 0 100%;
-    max-width: 100%;
-  }
-  .order-sm-first {
-    order: -1;
-  }
-  .order-sm-last {
-    order: 13;
-  }
-  .order-sm-0 {
-    order: 0;
-  }
-  .order-sm-1 {
-    order: 1;
-  }
-  .order-sm-2 {
-    order: 2;
-  }
-  .order-sm-3 {
-    order: 3;
-  }
-  .order-sm-4 {
-    order: 4;
-  }
-  .order-sm-5 {
-    order: 5;
-  }
-  .order-sm-6 {
-    order: 6;
-  }
-  .order-sm-7 {
-    order: 7;
-  }
-  .order-sm-8 {
-    order: 8;
-  }
-  .order-sm-9 {
-    order: 9;
-  }
-  .order-sm-10 {
-    order: 10;
-  }
-  .order-sm-11 {
-    order: 11;
-  }
-  .order-sm-12 {
-    order: 12;
-  }
-  .offset-sm-0 {
-    margin-left: 0;
-  }
-  .offset-sm-1 {
-    margin-left: 8.33333%;
-  }
-  .offset-sm-2 {
-    margin-left: 16.66667%;
-  }
-  .offset-sm-3 {
-    margin-left: 25%;
-  }
-  .offset-sm-4 {
-    margin-left: 33.33333%;
-  }
-  .offset-sm-5 {
-    margin-left: 41.66667%;
-  }
-  .offset-sm-6 {
-    margin-left: 50%;
-  }
-  .offset-sm-7 {
-    margin-left: 58.33333%;
-  }
-  .offset-sm-8 {
-    margin-left: 66.66667%;
-  }
-  .offset-sm-9 {
-    margin-left: 75%;
-  }
-  .offset-sm-10 {
-    margin-left: 83.33333%;
-  }
-  .offset-sm-11 {
-    margin-left: 91.66667%;
-  }
-}
-@media (min-width: 768px) {
-  .col-md {
-    flex-basis: 0;
-    flex-grow: 1;
-    max-width: 100%;
-  }
-  .col-md-auto {
-    flex: 0 0 auto;
-    width: auto;
-    max-width: 100%;
-  }
-  .col-md-1 {
-    flex: 0 0 8.33333%;
-    max-width: 8.33333%;
-  }
-  .col-md-2 {
-    flex: 0 0 16.66667%;
-    max-width: 16.66667%;
-  }
-  .col-md-3 {
-    flex: 0 0 25%;
-    max-width: 25%;
-  }
-  .col-md-4 {
-    flex: 0 0 33.33333%;
-    max-width: 33.33333%;
-  }
-  .col-md-5 {
-    flex: 0 0 41.66667%;
-    max-width: 41.66667%;
-  }
-  .col-md-6 {
-    flex: 0 0 50%;
-    max-width: 50%;
-  }
-  .col-md-7 {
-    flex: 0 0 58.33333%;
-    max-width: 58.33333%;
-  }
-  .col-md-8 {
-    flex: 0 0 66.66667%;
-    max-width: 66.66667%;
-  }
-  .col-md-9 {
-    flex: 0 0 75%;
-    max-width: 75%;
-  }
-  .col-md-10 {
-    flex: 0 0 83.33333%;
-    max-width: 83.33333%;
-  }
-  .col-md-11 {
-    flex: 0 0 91.66667%;
-    max-width: 91.66667%;
-  }
-  .col-md-12 {
-    flex: 0 0 100%;
-    max-width: 100%;
-  }
-  .order-md-first {
-    order: -1;
-  }
-  .order-md-last {
-    order: 13;
-  }
-  .order-md-0 {
-    order: 0;
-  }
-  .order-md-1 {
-    order: 1;
-  }
-  .order-md-2 {
-    order: 2;
-  }
-  .order-md-3 {
-    order: 3;
-  }
-  .order-md-4 {
-    order: 4;
-  }
-  .order-md-5 {
-    order: 5;
-  }
-  .order-md-6 {
-    order: 6;
-  }
-  .order-md-7 {
-    order: 7;
-  }
-  .order-md-8 {
-    order: 8;
-  }
-  .order-md-9 {
-    order: 9;
-  }
-  .order-md-10 {
-    order: 10;
-  }
-  .order-md-11 {
-    order: 11;
-  }
-  .order-md-12 {
-    order: 12;
-  }
-  .offset-md-0 {
-    margin-left: 0;
-  }
-  .offset-md-1 {
-    margin-left: 8.33333%;
-  }
-  .offset-md-2 {
-    margin-left: 16.66667%;
-  }
-  .offset-md-3 {
-    margin-left: 25%;
-  }
-  .offset-md-4 {
-    margin-left: 33.33333%;
-  }
-  .offset-md-5 {
-    margin-left: 41.66667%;
-  }
-  .offset-md-6 {
-    margin-left: 50%;
-  }
-  .offset-md-7 {
-    margin-left: 58.33333%;
-  }
-  .offset-md-8 {
-    margin-left: 66.66667%;
-  }
-  .offset-md-9 {
-    margin-left: 75%;
-  }
-  .offset-md-10 {
-    margin-left: 83.33333%;
-  }
-  .offset-md-11 {
-    margin-left: 91.66667%;
-  }
-}
-@media (min-width: 992px) {
-  .col-lg {
-    flex-basis: 0;
-    flex-grow: 1;
-    max-width: 100%;
-  }
-  .col-lg-auto {
-    flex: 0 0 auto;
-    width: auto;
-    max-width: 100%;
-  }
-  .col-lg-1 {
-    flex: 0 0 8.33333%;
-    max-width: 8.33333%;
-  }
-  .col-lg-2 {
-    flex: 0 0 16.66667%;
-    max-width: 16.66667%;
-  }
-  .col-lg-3 {
-    flex: 0 0 25%;
-    max-width: 25%;
-  }
-  .col-lg-4 {
-    flex: 0 0 33.33333%;
-    max-width: 33.33333%;
-  }
-  .col-lg-5 {
-    flex: 0 0 41.66667%;
-    max-width: 41.66667%;
-  }
-  .col-lg-6 {
-    flex: 0 0 50%;
-    max-width: 50%;
-  }
-  .col-lg-7 {
-    flex: 0 0 58.33333%;
-    max-width: 58.33333%;
-  }
-  .col-lg-8 {
-    flex: 0 0 66.66667%;
-    max-width: 66.66667%;
-  }
-  .col-lg-9 {
-    flex: 0 0 75%;
-    max-width: 75%;
-  }
-  .col-lg-10 {
-    flex: 0 0 83.33333%;
-    max-width: 83.33333%;
-  }
-  .col-lg-11 {
-    flex: 0 0 91.66667%;
-    max-width: 91.66667%;
-  }
-  .col-lg-12 {
-    flex: 0 0 100%;
-    max-width: 100%;
-  }
-  .order-lg-first {
-    order: -1;
-  }
-  .order-lg-last {
-    order: 13;
-  }
-  .order-lg-0 {
-    order: 0;
-  }
-  .order-lg-1 {
-    order: 1;
-  }
-  .order-lg-2 {
-    order: 2;
-  }
-  .order-lg-3 {
-    order: 3;
-  }
-  .order-lg-4 {
-    order: 4;
-  }
-  .order-lg-5 {
-    order: 5;
-  }
-  .order-lg-6 {
-    order: 6;
-  }
-  .order-lg-7 {
-    order: 7;
-  }
-  .order-lg-8 {
-    order: 8;
-  }
-  .order-lg-9 {
-    order: 9;
-  }
-  .order-lg-10 {
-    order: 10;
-  }
-  .order-lg-11 {
-    order: 11;
-  }
-  .order-lg-12 {
-    order: 12;
-  }
-  .offset-lg-0 {
-    margin-left: 0;
-  }
-  .offset-lg-1 {
-    margin-left: 8.33333%;
-  }
-  .offset-lg-2 {
-    margin-left: 16.66667%;
-  }
-  .offset-lg-3 {
-    margin-left: 25%;
-  }
-  .offset-lg-4 {
-    margin-left: 33.33333%;
-  }
-  .offset-lg-5 {
-    margin-left: 41.66667%;
-  }
-  .offset-lg-6 {
-    margin-left: 50%;
-  }
-  .offset-lg-7 {
-    margin-left: 58.33333%;
-  }
-  .offset-lg-8 {
-    margin-left: 66.66667%;
-  }
-  .offset-lg-9 {
-    margin-left: 75%;
-  }
-  .offset-lg-10 {
-    margin-left: 83.33333%;
-  }
-  .offset-lg-11 {
-    margin-left: 91.66667%;
-  }
-}
-@media (min-width: 1200px) {
-  .col-xl {
-    flex-basis: 0;
-    flex-grow: 1;
-    max-width: 100%;
-  }
-  .col-xl-auto {
-    flex: 0 0 auto;
-    width: auto;
-    max-width: 100%;
-  }
-  .col-xl-1 {
-    flex: 0 0 8.33333%;
-    max-width: 8.33333%;
-  }
-  .col-xl-2 {
-    flex: 0 0 16.66667%;
-    max-width: 16.66667%;
-  }
-  .col-xl-3 {
-    flex: 0 0 25%;
-    max-width: 25%;
-  }
-  .col-xl-4 {
-    flex: 0 0 33.33333%;
-    max-width: 33.33333%;
-  }
-  .col-xl-5 {
-    flex: 0 0 41.66667%;
-    max-width: 41.66667%;
-  }
-  .col-xl-6 {
-    flex: 0 0 50%;
-    max-width: 50%;
-  }
-  .col-xl-7 {
-    flex: 0 0 58.33333%;
-    max-width: 58.33333%;
-  }
-  .col-xl-8 {
-    flex: 0 0 66.66667%;
-    max-width: 66.66667%;
-  }
-  .col-xl-9 {
-    flex: 0 0 75%;
-    max-width: 75%;
-  }
-  .col-xl-10 {
-    flex: 0 0 83.33333%;
-    max-width: 83.33333%;
-  }
-  .col-xl-11 {
-    flex: 0 0 91.66667%;
-    max-width: 91.66667%;
-  }
-  .col-xl-12 {
-    flex: 0 0 100%;
-    max-width: 100%;
-  }
-  .order-xl-first {
-    order: -1;
-  }
-  .order-xl-last {
-    order: 13;
-  }
-  .order-xl-0 {
-    order: 0;
-  }
-  .order-xl-1 {
-    order: 1;
-  }
-  .order-xl-2 {
-    order: 2;
-  }
-  .order-xl-3 {
-    order: 3;
-  }
-  .order-xl-4 {
-    order: 4;
-  }
-  .order-xl-5 {
-    order: 5;
-  }
-  .order-xl-6 {
-    order: 6;
-  }
-  .order-xl-7 {
-    order: 7;
-  }
-  .order-xl-8 {
-    order: 8;
-  }
-  .order-xl-9 {
-    order: 9;
-  }
-  .order-xl-10 {
-    order: 10;
-  }
-  .order-xl-11 {
-    order: 11;
-  }
-  .order-xl-12 {
-    order: 12;
-  }
-  .offset-xl-0 {
-    margin-left: 0;
-  }
-  .offset-xl-1 {
-    margin-left: 8.33333%;
-  }
-  .offset-xl-2 {
-    margin-left: 16.66667%;
-  }
-  .offset-xl-3 {
-    margin-left: 25%;
-  }
-  .offset-xl-4 {
-    margin-left: 33.33333%;
-  }
-  .offset-xl-5 {
-    margin-left: 41.66667%;
-  }
-  .offset-xl-6 {
-    margin-left: 50%;
-  }
-  .offset-xl-7 {
-    margin-left: 58.33333%;
-  }
-  .offset-xl-8 {
-    margin-left: 66.66667%;
-  }
-  .offset-xl-9 {
-    margin-left: 75%;
-  }
-  .offset-xl-10 {
-    margin-left: 83.33333%;
-  }
-  .offset-xl-11 {
-    margin-left: 91.66667%;
-  }
-}
-.table {
-  width: 100%;
-  margin-bottom: 1rem;
-  color: #d5d5d5;
-  background-color: transparent;
-}
-.table td,
-.table th {
-  padding: 0.75rem;
-  vertical-align: top;
-  border-top: 1px solid #51536b;
-}
-.table thead th {
-  vertical-align: bottom;
-  border-bottom: 2px solid #51536b;
-}
-.table tbody + tbody {
-  border-top: 2px solid #51536b;
-}
-.table-sm td,
-.table-sm th {
-  padding: 0.3rem;
-}
-.table-bordered {
-  border: 1px solid #51536b;
-}
-.table-bordered td,
-.table-bordered th {
-  border: 1px solid #51536b;
-}
-.table-bordered thead td,
-.table-bordered thead th {
-  border-bottom-width: 2px;
-}
-.table-borderless tbody + tbody,
-.table-borderless td,
-.table-borderless th,
-.table-borderless thead th {
-  border: 0;
-}
-.table-striped tbody tr:nth-of-type(odd) {
-  background-color: #100e0e;
-}
-.table-hover tbody tr:hover {
-  color: #d5d5d5;
-  background-color: rgba(0, 0, 0, 0.075);
-}
-.table-primary,
-.table-primary > td,
-.table-primary > th {
-  background-color: #414c50;
-}
-.table-primary tbody + tbody,
-.table-primary td,
-.table-primary th,
-.table-primary thead th {
-  border-color: #2c3436;
-}
-.table-hover .table-primary:hover {
-  background-color: #2c3436;
-}
-.table-hover .table-primary:hover > td,
-.table-hover .table-primary:hover > th {
-  background-color: #a5d0df;
-}
-.table-secondary,
-.table-secondary > td,
-.table-secondary > th {
-  background-color: #323435;
-}
-.table-secondary tbody + tbody,
-.table-secondary td,
-.table-secondary th,
-.table-secondary thead th {
-  border-color: #323435;
-}
-.table-hover .table-secondary:hover {
-  background-color: #414242;
-}
-.table-hover .table-secondary:hover > td,
-.table-hover .table-secondary:hover > th {
-  background-color: #272c29;
-}
-.table-success,
-.table-success > td,
-.table-success > th {
-  background-color: #29302d;
-}
-.table-success tbody + tbody,
-.table-success td,
-.table-success th,
-.table-success thead th {
-  border-color: #343a38;
-}
-.table-hover .table-success:hover {
-  background-color: #29302d;
-}
-.table-hover .table-success:hover > td,
-.table-hover .table-success:hover > th {
-  background-color: #29302d;
-}
-.table-info,
-.table-info > td,
-.table-info > th {
-  background-color: #191d20;
-}
-.table-info tbody + tbody,
-.table-info td,
-.table-info th,
-.table-info thead th {
-  border-color: #191d20;
-}
-.table-hover .table-info:hover {
-  background-color: rgb(30, 32, 34);
-}
-.table-hover .table-info:hover > td,
-.table-hover .table-info:hover > th {
-  background-color: #191d20;
-}
-.table-warning,
-.table-warning > td,
-.table-warning > th {
-  background-color: #493a31;
-}
-.table-warning tbody + tbody,
-.table-warning td,
-.table-warning th,
-.table-warning thead th {
-  border-color: #493a31;
-}
-.table-hover .table-warning:hover {
-  background-color: rgb(56, 51, 47);
-}
-.table-hover .table-warning:hover > td,
-.table-hover .table-warning:hover > th {
-  background-color: #493a31;
-}
-.table-danger,
-.table-danger > td,
-.table-danger > th {
-  background-color: #463030;
-}
-.table-danger tbody + tbody,
-.table-danger td,
-.table-danger th,
-.table-danger thead th {
-  border-color: #463030;
-}
-.table-hover .table-danger:hover {
-  background-color: #463030;
-}
-.table-hover .table-danger:hover > td,
-.table-hover .table-danger:hover > th {
-  background-color: #463030;
-}
-.table-light,
-.table-light > td,
-.table-light > th {
-  background-color: #c3c4c9;
-}
-.table-light tbody + tbody,
-.table-light td,
-.table-light th,
-.table-light thead th {
-  border-color: #90919b;
-}
-.table-hover .table-light:hover {
-  background-color: #b6b7bd;
-}
-.table-hover .table-light:hover > td,
-.table-hover .table-light:hover > th {
-  background-color: #b6b7bd;
-}
-.table-dark,
-.table-dark > td,
-.table-dark > th {
-  background-color: #c1c1c7;
-}
-.table-dark tbody + tbody,
-.table-dark td,
-.table-dark th,
-.table-dark thead th {
-  border-color: #8c8d96;
-}
-.table-hover .table-dark:hover {
-  background-color: #b4b4bb;
-}
-.table-hover .table-dark:hover > td,
-.table-hover .table-dark:hover > th {
-  background-color: #b4b4bb;
-}
-.table-active,
-.table-active > td,
-.table-active > th {
-  background-color: rgba(0, 0, 0, 0.075);
-}
-.table-hover .table-active:hover {
-  background-color: rgba(0, 0, 0, 0.075);
-}
-.table-hover .table-active:hover > td,
-.table-hover .table-active:hover > th {
-  background-color: rgba(0, 0, 0, 0.075);
-}
-.table .thead-dark th {
-  color: #d5d5d5;
-  background-color: #343a40;
-  border-color: #454d55;
-}
-.table .thead-light th {
-  color: #d5d5d5;
-  background-color: #100e0e;
-  border-color: #51536b;
-}
-.table-dark {
-  color: #d5d5d5;
-  background-color: #343a40;
-}
-.table-dark td,
-.table-dark th,
-.table-dark thead th {
-  border-color: #454d55;
-}
-.table-dark.table-bordered {
-  border: 0;
-}
-.table-dark.table-striped tbody tr:nth-of-type(odd) {
-  background-color: rgba(255, 255, 255, 0.05);
-}
-.table-dark.table-hover tbody tr:hover {
-  color: #d5d5d5;
-  background-color: rgba(255, 255, 255, 0.075);
-}
-@media (max-width: 575.98px) {
-  .table-responsive-sm {
-    display: block;
-    width: 100%;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-  .table-responsive-sm > .table-bordered {
-    border: 0;
-  }
-}
-@media (max-width: 767.98px) {
-  .table-responsive-md {
-    display: block;
-    width: 100%;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-  .table-responsive-md > .table-bordered {
-    border: 0;
-  }
-}
-@media (max-width: 991.98px) {
-  .table-responsive-lg {
-    display: block;
-    width: 100%;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-  .table-responsive-lg > .table-bordered {
-    border: 0;
-  }
-}
-@media (max-width: 1199.98px) {
-  .table-responsive-xl {
-    display: block;
-    width: 100%;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-  .table-responsive-xl > .table-bordered {
-    border: 0;
-  }
-}
-.table-responsive {
-  display: block;
-  width: 100%;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-}
-.table-responsive > .table-bordered {
-  border: 0;
-}
-.form-control {
-  display: block;
-  width: 100%;
-  height: calc(1.25em + 1rem + 2px);
-  padding: 0.5rem 0.75rem !important;
-  font-size: 0.875rem !important;
-  font-weight: 400;
-  line-height: 1.25;
-  color: #aaaaaa !important;
-  background-color: #252525 !important;
-  background-clip: padding-box;
-  border: none !important;
-  border-radius: 2px !important;
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  -webkit-appearance: none !important;
-  -moz-appearance: none !important;
-}
-@media (prefers-reduced-motion: reduce) {
-  .form-control {
-    transition: none;
-  }
-}
-.form-control::-ms-expand {
-  background-color: transparent;
-  border: 0;
-}
-.form-control:focus {
-  color: #aaaaaa;
-  background-color: #1a1a1a;
-  border-color: #6d7172;
-  outline: 0;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
-    0 0 0 3px rgba(0, 122, 166, 0.25);
-}
-.form-control::placeholder {
-  color: #868e96;
-  opacity: 1;
-}
-.form-control:disabled,
-.form-control[readonly] {
-  background-color: ##222225;
-  opacity: 1;
-}
-select.form-control:focus::-ms-value {
-  color: #aaaaaa;
-  background-color: #1a1a1a;
-}
-.form-control-file,
-.form-control-range {
-  display: block;
-  width: 100%;
-}
-.col-form-label {
-  padding-top: calc(0.5rem + 1px);
-  padding-bottom: calc(0.5rem + 1px);
-  margin-bottom: 0;
-  font-size: inherit;
-  line-height: 1.25;
-}
-.col-form-label-lg {
-  padding-top: calc(0.5rem + 1px);
-  padding-bottom: calc(0.5rem + 1px);
-  font-size: 1.25rem;
-  line-height: 1.5;
-}
-.col-form-label-sm {
-  padding-top: calc(0.25rem + 1px);
-  padding-bottom: calc(0.25rem + 1px);
-  font-size: 0.875rem;
-  line-height: 1.5;
-}
-.form-control-plaintext {
-  display: block;
-  width: 100%;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  margin-bottom: 0;
-  line-height: 1.25;
-  color: #d5d5d5;
-  background-color: transparent;
-  border: solid transparent;
-  border-width: 1px 0;
-}
-.form-control-plaintext.form-control-lg,
-.form-control-plaintext.form-control-sm {
-  padding-right: 0;
-  padding-left: 0;
-}
-.form-control-sm {
-  height: calc(1.5em + 0.5rem + 2px);
-  padding: 0.25rem 0.5rem;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  border-radius: 2px;
-}
-.form-control-lg {
-  height: calc(1.5em + 1rem + 2px);
-  padding: 0.5rem 1rem;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  border-radius: 2px;
-}
-select.form-control[multiple],
-select.form-control[size] {
-  height: auto;
-}
-textarea.form-control {
-  height: auto;
-}
-.form-group {
-  margin-bottom: 1rem;
-}
-.form-text {
-  display: block;
-  margin-top: 0.25rem;
-}
-.form-row {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: -5px;
-  margin-left: -5px;
-}
-.form-row > .col,
-.form-row > [class*="col-"] {
-  padding-right: 5px;
-  padding-left: 5px;
-}
-.form-check {
-  position: relative;
-  display: block;
-  padding-left: 1.25rem;
-}
-.form-check-input {
-  position: absolute;
-  margin-top: 0.25rem;
-  margin-left: -1.25rem;
-}
-.form-check-input:disabled ~ .form-check-label {
-  color: #868e96;
-}
-.form-check-label {
-  margin-bottom: 0;
-  font-size: 13px;
-  line-height: 18px;
-  color: #9e9eab;
-  text-transform: initial;
-  display: initial;
-}
-.form-check-inline {
-  display: inline-flex;
-  align-items: center;
-  padding-left: 0;
-  margin-right: 0.75rem;
-}
-.form-check-inline .form-check-input {
-  position: static;
-  margin-top: 0;
-  margin-right: 0.3125rem;
-  margin-left: 0;
-}
-.valid-feedback {
-  display: none;
-  width: 100%;
-  margin-top: 0.25rem;
-  font-size: 80%;
-  color: #366a57;
-}
-.valid-tooltip {
-  position: absolute;
-  top: 100%;
-  z-index: 5;
-  display: none;
-  max-width: 100%;
-  padding: 3px 8px;
-  margin-top: 0.1rem;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  color: #d5d5d5;
-  background-color: rgba(50, 186, 137, 0.9);
-  border-radius: 2px;
-}
-.form-control.is-valid,
-.was-validated .form-control:valid {
-  border-color: #366a57;
-  padding-right: calc(1.25em + 1rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2332BA89' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-  background-repeat: no-repeat;
-  background-position: center right calc(0.3125em + 0.25rem);
-  background-size: calc(0.625em + 0.5rem) calc(0.625em + 0.5rem);
-}
-.form-control.is-valid:focus,
-.was-validated .form-control:valid:focus {
-  border-color: #366a57;
-  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
-}
-.form-control.is-valid ~ .valid-feedback,
-.form-control.is-valid ~ .valid-tooltip,
-.was-validated .form-control:valid ~ .valid-feedback,
-.was-validated .form-control:valid ~ .valid-tooltip {
-  display: block;
-}
-.was-validated textarea.form-control:valid,
-textarea.form-control.is-valid {
-  padding-right: calc(1.25em + 1rem);
-  background-position: top calc(0.3125em + 0.25rem) right
-    calc(0.3125em + 0.25rem);
-}
-.custom-select.is-valid,
-.was-validated .custom-select:valid {
-  border-color: #366a57;
-  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
-  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
-      no-repeat right 0.75rem center/8px 10px,
-    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2332BA89' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
-      #28282D no-repeat center right 1.75rem / calc(0.625em + 0.5rem)
-      calc(0.625em + 0.5rem);
-}
-.custom-select.is-valid:focus,
-.was-validated .custom-select:valid:focus {
-  border-color: #366a57;
-  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
-}
-.custom-select.is-valid ~ .valid-feedback,
-.custom-select.is-valid ~ .valid-tooltip,
-.was-validated .custom-select:valid ~ .valid-feedback,
-.was-validated .custom-select:valid ~ .valid-tooltip {
-  display: block;
-}
-.form-control-file.is-valid ~ .valid-feedback,
-.form-control-file.is-valid ~ .valid-tooltip,
-.was-validated .form-control-file:valid ~ .valid-feedback,
-.was-validated .form-control-file:valid ~ .valid-tooltip {
-  display: block;
-}
-.form-check-input.is-valid ~ .form-check-label,
-.was-validated .form-check-input:valid ~ .form-check-label {
-  color: #366a57;
-}
-.form-check-input.is-valid ~ .valid-feedback,
-.form-check-input.is-valid ~ .valid-tooltip,
-.was-validated .form-check-input:valid ~ .valid-feedback,
-.was-validated .form-check-input:valid ~ .valid-tooltip {
-  display: block;
-}
-.custom-control-input.is-valid ~ .custom-control-label,
-.was-validated .custom-control-input:valid ~ .custom-control-label {
-  color: #366a57;
-}
-.custom-control-input.is-valid ~ .custom-control-label::before,
-.was-validated .custom-control-input:valid ~ .custom-control-label::before {
-  border-color: #366a57;
-}
-.custom-control-input.is-valid ~ .valid-feedback,
-.custom-control-input.is-valid ~ .valid-tooltip,
-.was-validated .custom-control-input:valid ~ .valid-feedback,
-.was-validated .custom-control-input:valid ~ .valid-tooltip {
-  display: block;
-}
-.custom-control-input.is-valid:checked ~ .custom-control-label::before,
-.was-validated
-  .custom-control-input:valid:checked
-  ~ .custom-control-label::before {
-  border-color: #4fd0a1;
-  background-color: #4fd0a1;
-}
-.custom-control-input.is-valid:focus ~ .custom-control-label::before,
-.was-validated
-  .custom-control-input:valid:focus
-  ~ .custom-control-label::before {
-  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
-}
-.custom-control-input.is-valid:focus:not(:checked)
-  ~ .custom-control-label::before,
-.was-validated
-  .custom-control-input:valid:focus:not(:checked)
-  ~ .custom-control-label::before {
-  border-color: #366a57;
-}
-.custom-file-input.is-valid ~ .custom-file-label,
-.was-validated .custom-file-input:valid ~ .custom-file-label {
-  border-color: #366a57;
-}
-.custom-file-input.is-valid ~ .valid-feedback,
-.custom-file-input.is-valid ~ .valid-tooltip,
-.was-validated .custom-file-input:valid ~ .valid-feedback,
-.was-validated .custom-file-input:valid ~ .valid-tooltip {
-  display: block;
-}
-.custom-file-input.is-valid:focus ~ .custom-file-label,
-.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
-  border-color: #366a57;
-  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.25);
-}
-.invalid-feedback {
-  display: none;
-  width: 100%;
-  margin-top: 0.25rem;
-  font-size: 80%;
-  color: #823a3a;
-}
-.invalid-tooltip {
-  position: absolute;
-  top: 100%;
-  z-index: 5;
-  display: none;
-  max-width: 100%;
-  padding: 3px 8px;
-  margin-top: 0.1rem;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  color: #d5d5d5;
-  background-color: rgba(184, 64, 64, 0.9);
-  border-radius: 2px;
-}
-.form-control.is-invalid,
-.was-validated .form-control:invalid {
-  border-color: #823a3a;
-  padding-right: calc(1.25em + 1rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23B84040' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23B84040' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
-  background-repeat: no-repeat;
-  background-position: center right calc(0.3125em + 0.25rem);
-  background-size: calc(0.625em + 0.5rem) calc(0.625em + 0.5rem);
-}
-.form-control.is-invalid:focus,
-.was-validated .form-control:invalid:focus {
-  border-color: #823a3a;
-  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.25);
-}
-.form-control.is-invalid ~ .invalid-feedback,
-.form-control.is-invalid ~ .invalid-tooltip,
-.was-validated .form-control:invalid ~ .invalid-feedback,
-.was-validated .form-control:invalid ~ .invalid-tooltip {
-  display: block;
-}
-.was-validated textarea.form-control:invalid,
-textarea.form-control.is-invalid {
-  padding-right: calc(1.25em + 1rem);
-  background-position: top calc(0.3125em + 0.25rem) right
-    calc(0.3125em + 0.25rem);
-}
-.custom-select.is-invalid,
-.was-validated .custom-select:invalid {
-  border-color: #823a3a;
-  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
-  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
-      no-repeat right 0.75rem center/8px 10px,
-    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23B84040' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23B84040' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")
-      #28282D no-repeat center right 1.75rem / calc(0.625em + 0.5rem)
-      calc(0.625em + 0.5rem);
-}
-.custom-select.is-invalid:focus,
-.was-validated .custom-select:invalid:focus {
-  border-color: #823a3a;
-  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.25);
-}
-.custom-select.is-invalid ~ .invalid-feedback,
-.custom-select.is-invalid ~ .invalid-tooltip,
-.was-validated .custom-select:invalid ~ .invalid-feedback,
-.was-validated .custom-select:invalid ~ .invalid-tooltip {
-  display: block;
-}
-.form-control-file.is-invalid ~ .invalid-feedback,
-.form-control-file.is-invalid ~ .invalid-tooltip,
-.was-validated .form-control-file:invalid ~ .invalid-feedback,
-.was-validated .form-control-file:invalid ~ .invalid-tooltip {
-  display: block;
-}
-.form-check-input.is-invalid ~ .form-check-label,
-.was-validated .form-check-input:invalid ~ .form-check-label {
-  color: #823a3a;
-}
-.form-check-input.is-invalid ~ .invalid-feedback,
-.form-check-input.is-invalid ~ .invalid-tooltip,
-.was-validated .form-check-input:invalid ~ .invalid-feedback,
-.was-validated .form-check-input:invalid ~ .invalid-tooltip {
-  display: block;
-}
-.custom-control-input.is-invalid ~ .custom-control-label,
-.was-validated .custom-control-input:invalid ~ .custom-control-label {
-  color: #823a3a;
-}
-.custom-control-input.is-invalid ~ .custom-control-label::before,
-.was-validated .custom-control-input:invalid ~ .custom-control-label::before {
-  border-color: #823a3a;
-}
-.custom-control-input.is-invalid ~ .invalid-feedback,
-.custom-control-input.is-invalid ~ .invalid-tooltip,
-.was-validated .custom-control-input:invalid ~ .invalid-feedback,
-.was-validated .custom-control-input:invalid ~ .invalid-tooltip {
-  display: block;
-}
-.custom-control-input.is-invalid:checked ~ .custom-control-label::before,
-.was-validated
-  .custom-control-input:invalid:checked
-  ~ .custom-control-label::before {
-  border-color: #c96262;
-  background-color: #c96262;
-}
-.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
-.was-validated
-  .custom-control-input:invalid:focus
-  ~ .custom-control-label::before {
-  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.25);
-}
-.custom-control-input.is-invalid:focus:not(:checked)
-  ~ .custom-control-label::before,
-.was-validated
-  .custom-control-input:invalid:focus:not(:checked)
-  ~ .custom-control-label::before {
-  border-color: #823a3a;
-}
-.custom-file-input.is-invalid ~ .custom-file-label,
-.was-validated .custom-file-input:invalid ~ .custom-file-label {
-  border-color: #823a3a;
-}
-.custom-file-input.is-invalid ~ .invalid-feedback,
-.custom-file-input.is-invalid ~ .invalid-tooltip,
-.was-validated .custom-file-input:invalid ~ .invalid-feedback,
-.was-validated .custom-file-input:invalid ~ .invalid-tooltip {
-  display: block;
-}
-.custom-file-input.is-invalid:focus ~ .custom-file-label,
-.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
-  border-color: #823a3a;
-  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.25);
-}
-.form-inline {
-  display: flex;
-  flex-flow: row wrap;
-  align-items: center;
-}
-.form-inline .form-check {
-  width: 100%;
-}
-@media (min-width: 576px) {
-  .form-inline label {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-bottom: 0;
-  }
-  .form-inline .form-group {
-    display: flex;
-    flex: 0 0 auto;
-    flex-flow: row wrap;
-    align-items: center;
-    margin-bottom: 0;
-  }
-  .form-inline .form-control {
-    display: inline-block;
-    width: auto;
-    vertical-align: middle;
-  }
-  .form-inline .form-control-plaintext {
-    display: inline-block;
-  }
-  .form-inline .custom-select,
-  .form-inline .input-group {
-    width: auto;
-  }
-  .form-inline .form-check {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: auto;
-    padding-left: 0;
-  }
-  .form-inline .form-check-input {
-    position: relative;
-    flex-shrink: 0;
-    margin-top: 0;
-    margin-right: 0.25rem;
-    margin-left: 0;
-  }
-  .form-inline .custom-control {
-    align-items: center;
-    justify-content: center;
-  }
-  .form-inline .custom-control-label {
-    margin-bottom: 0;
-  }
-}
-.btn {
-  display: inline-block;
-  font-weight: 400;
-  color: #d5d5d5;
-  text-align: center;
-  vertical-align: middle;
-  user-select: none;
-  background-color: transparent;
-  border: 1px solid transparent;
-  padding: 0.5rem 0.75rem;
-  font-size: 1rem;
-  line-height: 1.25;
-  border-radius: 2px;
-  transition: all 0.15s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
-  .btn {
-    transition: none;
-  }
-}
-.btn:hover {
-  color: #d5d5d5;
-  text-decoration: none;
-}
-.btn.focus,
-.btn:focus {
-  outline: 0;
-  box-shadow: 0 0 0 3px rgba(0, 122, 166, 0.25);
-}
-.btn.disabled,
-.btn:disabled {
-  opacity: 0.65;
-}
-a.btn.disabled,
-fieldset:disabled a.btn {
-  pointer-events: none;
-}
-.btn-primary {
-  color: #d5d5d5;
-  background-color: #2f5360;
-  border-color: #007aa6;
-}
-.btn-primary:hover {
-  color: #d5d5d5;
-  background-color: #005e80;
-  border-color: #005573;
-}
-.btn-primary.focus,
-.btn-primary:focus {
-  box-shadow: 0 0 0 0.2rem rgba(38, 142, 179, 0.5);
-}
-.btn-primary.disabled,
-.btn-primary:disabled {
-  color: #d5d5d5;
-  background-color: #153844;
-  border-color: #007aa6;
-}
-.btn-primary:not(:disabled):not(.disabled).active,
-.btn-primary:not(:disabled):not(.disabled):active,
-.show > .btn-primary.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #005573;
-  border-color: #004b66;
-}
-.btn-primary:not(:disabled):not(.disabled).active:focus,
-.btn-primary:not(:disabled):not(.disabled):active:focus,
-.show > .btn-primary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(38, 142, 179, 0.5);
-}
-.btn-secondary {
-  color: #d5d5d5;
-  background-color: #38383c;
-  border-color: #66666a;
-}
-.btn-secondary:hover {
-  color: #d5d5d5;
-  background-color: #606061;
-  border-color: #434559;
-}
-.btn-secondary.focus,
-.btn-secondary:focus {
-  box-shadow: 0 0 0 0.2rem rgba(114, 116, 139, 0.5);
-}
-.btn-secondary.disabled,
-.btn-secondary:disabled {
-  color: #aca9a9;
-  background-color: #38383c;
-  border-color: #66666a;
-}
-.btn-secondary.disabled:hover,
-.btn-secondary:disabled:hover {
-  color: #aca9a9;
-  background-color: #606061;
-  border-color: #66666a;
-}
-.btn-secondary:not(:disabled):not(.disabled).active,
-.btn-secondary:not(:disabled):not(.disabled):active,
-.show > .btn-secondary.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #434559;
-  border-color: #3e4052;
-}
-.btn-secondary:not(:disabled):not(.disabled).active:focus,
-.btn-secondary:not(:disabled):not(.disabled):active:focus,
-.show > .btn-secondary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(114, 116, 139, 0.5);
-}
-.btn-success {
-  color: #d5d5d5;
-  background-color: #366a57;
-  border-color: #32ba89;
-}
-.btn-success:hover {
-  color: #d5d5d5;
-  background-color: #2a9c73;
-  border-color: #27926b;
-}
-.btn-success.focus,
-.btn-success:focus {
-  box-shadow: 0 0 0 0.2rem rgba(81, 196, 155, 0.5);
-}
-.btn-success.disabled,
-.btn-success:disabled {
-  color: #d5d5d5;
-  background-color: #637a72;
-  border-color: #32ba89;
-}
-.btn-success:not(:disabled):not(.disabled).active,
-.btn-success:not(:disabled):not(.disabled):active,
-.show > .btn-success.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #27926b;
-  border-color: #248864;
-}
-.btn-success:not(:disabled):not(.disabled).active:focus,
-.btn-success:not(:disabled):not(.disabled):active:focus,
-.show > .btn-success.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(81, 196, 155, 0.5);
-}
-.btn-info {
-  color: #d5d5d5;
-  background-color: #053c64;
-  border-color: #355f7d;
-}
-.btn-info:hover {
-  color: #d5d5d5;
-  background-color: #2a4b62;
-  border-color: #264459;
-}
-.btn-info.focus,
-.btn-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(83, 119, 145, 0.5);
-}
-.btn-info.disabled,
-.btn-info:disabled {
-  color: #d5d5d5;
-  background-color: #053c64;
-  border-color: #355f7d;
-}
-.btn-info:not(:disabled):not(.disabled).active,
-.btn-info:not(:disabled):not(.disabled):active,
-.show > .btn-info.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #264459;
-  border-color: #223d50;
-}
-.btn-info:not(:disabled):not(.disabled).active:focus,
-.btn-info:not(:disabled):not(.disabled):active:focus,
-.show > .btn-info.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(83, 119, 145, 0.5);
-}
-.btn-warning {
-  color: #d5d5d5;
-  background-color: #8a5026;
-  border-color: #c97539;
-}
-.btn-warning:hover {
-  color: #d5d5d5;
-  background-color: #ad632f;
-  border-color: #a35e2c;
-}
-.btn-warning.focus,
-.btn-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(209, 138, 87, 0.5);
-}
-.btn-warning.disabled,
-.btn-warning:disabled {
-  color: #d5d5d5;
-  background-color: #8a5026;
-  border-color: #c97539;
-}
-.btn-warning:not(:disabled):not(.disabled).active,
-.btn-warning:not(:disabled):not(.disabled):active,
-.show > .btn-warning.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #a35e2c;
-  border-color: #99582a;
-}
-.btn-warning:not(:disabled):not(.disabled).active:focus,
-.btn-warning:not(:disabled):not(.disabled):active:focus,
-.show > .btn-warning.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(209, 138, 87, 0.5);
-}
-.btn-danger {
-  color: #d5d5d5;
-  background-color: #823a3a;
-  border-color: #b84040;
-}
-.btn-danger:hover {
-  color: #d5d5d5;
-  background-color: #9c3636;
-  border-color: #923333;
-}
-.btn-danger.focus,
-.btn-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(195, 93, 93, 0.5);
-}
-.btn-danger.disabled,
-.btn-danger:disabled {
-  color: #d5d5d5;
-  background-color: #823a3a;
-  border-color: #b84040;
-}
-.btn-danger:not(:disabled):not(.disabled).active,
-.btn-danger:not(:disabled):not(.disabled):active,
-.show > .btn-danger.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #923333;
-  border-color: #893030;
-}
-.btn-danger:not(:disabled):not(.disabled).active:focus,
-.btn-danger:not(:disabled):not(.disabled):active:focus,
-.show > .btn-danger.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(195, 93, 93, 0.5);
-}
-.btn-light {
-  color: #d5d5d5;
-  background-color: #1f2020;
-  border-color: #1f2020;
-}
-.btn-light:hover {
-  color: #d5d5d5;
-  background-color: #1b1c28;
-  border-color: #161720;
-}
-.btn-light.focus,
-.btn-light:focus {
-  box-shadow: 0 0 0 0.2rem rgba(74, 76, 92, 0.5);
-}
-.btn-light.disabled,
-.btn-light:disabled {
-  color: #d5d5d5;
-  background-color: #1f2020;
-  border-color: #1f2020;
-}
-.btn-light:not(:disabled):not(.disabled).active,
-.btn-light:not(:disabled):not(.disabled):active,
-.show > .btn-light.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #161720;
-  border-color: #111119;
-}
-.btn-light:not(:disabled):not(.disabled).active:focus,
-.btn-light:not(:disabled):not(.disabled):active:focus,
-.show > .btn-light.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(74, 76, 92, 0.5);
-}
-.btn-dark {
-  color: #d5d5d5;
-  background-color: #1a1a1a;
-  border-color: #1a1a1a;
-}
-.btn-dark:hover {
-  color: #d5d5d5;
-  background-color: #13141f;
-  border-color: #0e0f17;
-}
-.btn-dark.focus,
-.btn-dark:focus {
-  box-shadow: 0 0 0 0.2rem rgba(67, 68, 84, 0.5);
-}
-.btn-dark.disabled,
-.btn-dark:disabled {
-  color: #d5d5d5;
-  background-color: #1a1a1a;
-  border-color: #1a1a1a;
-}
-.btn-dark:not(:disabled):not(.disabled).active,
-.btn-dark:not(:disabled):not(.disabled):active,
-.show > .btn-dark.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #0e0f17;
-  border-color: #090a0f;
-}
-.btn-dark:not(:disabled):not(.disabled).active:focus,
-.btn-dark:not(:disabled):not(.disabled):active:focus,
-.show > .btn-dark.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(67, 68, 84, 0.5);
-}
-.btn-outline-primary {
-  color: #28282D;
-  border-color: #007aa6;
-}
-.btn-outline-primary:hover {
-  color: #d5d5d5;
-  background-color: #28282D;
-  border-color: #007aa6;
-}
-.btn-outline-primary.focus,
-.btn-outline-primary:focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 122, 166, 0.5);
-}
-.btn-outline-primary.disabled,
-.btn-outline-primary:disabled {
-  color: #28282D;
-  background-color: transparent;
-}
-.btn-outline-primary:not(:disabled):not(.disabled).active,
-.btn-outline-primary:not(:disabled):not(.disabled):active,
-.show > .btn-outline-primary.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #007aa6;
-  border-color: #28282D;
-}
-.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
-.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
-.show > .btn-outline-primary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 122, 166, 0.5);
-}
-.btn-outline-secondary {
-  color: #59595d;
-  border-color: #66666a;
-}
-.btn-outline-secondary:hover {
-  color: #d5d5d5;
-  background-color: #59595d;
-  border-color: #66666a;
-}
-.btn-outline-secondary.focus,
-.btn-outline-secondary:focus {
-  box-shadow: 0 0 0 0.2rem rgba(89, 92, 118, 0.5);
-}
-.btn-outline-secondary.disabled,
-.btn-outline-secondary:disabled {
-  color: #59595d;
-  background-color: transparent;
-}
-.btn-outline-secondary:not(:disabled):not(.disabled).active,
-.btn-outline-secondary:not(:disabled):not(.disabled):active,
-.show > .btn-outline-secondary.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #59595d;
-  border-color: #66666a;
-}
-.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
-.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
-.show > .btn-outline-secondary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(89, 92, 118, 0.5);
-}
-.btn-outline-success {
-  color: #366a57;
-  border-color: #32ba89;
-}
-.btn-outline-success:hover {
-  color: #d5d5d5;
-  background-color: #366a57;
-  border-color: #32ba89;
-}
-.btn-outline-success.focus,
-.btn-outline-success:focus {
-  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.5);
-}
-.btn-outline-success.disabled,
-.btn-outline-success:disabled {
-  color: #637a72;
-  background-color: transparent;
-}
-.btn-outline-success:not(:disabled):not(.disabled).active,
-.btn-outline-success:not(:disabled):not(.disabled):active,
-.show > .btn-outline-success.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #366a57;
-  border-color: #32ba89;
-}
-.btn-outline-success:not(:disabled):not(.disabled).active:focus,
-.btn-outline-success:not(:disabled):not(.disabled):active:focus,
-.show > .btn-outline-success.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.5);
-}
-.btn-outline-info {
-  color: #053c64;
-  border-color: #355f7d;
-}
-.btn-outline-info:hover {
-  color: #d5d5d5;
-  background-color: #053c64;
-  border-color: #355f7d;
-}
-.btn-outline-info.focus,
-.btn-outline-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(53, 95, 125, 0.5);
-}
-.btn-outline-info.disabled,
-.btn-outline-info:disabled {
-  color: #053c64;
-  background-color: transparent;
-}
-.btn-outline-info:not(:disabled):not(.disabled).active,
-.btn-outline-info:not(:disabled):not(.disabled):active,
-.show > .btn-outline-info.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #355f7d;
-  border-color: #053c64;
-}
-.btn-outline-info:not(:disabled):not(.disabled).active:focus,
-.btn-outline-info:not(:disabled):not(.disabled):active:focus,
-.show > .btn-outline-info.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(53, 95, 125, 0.5);
-}
-.btn-outline-warning {
-  color: #8a5026;
-  border-color: #c97539;
-}
-.btn-outline-warning:hover {
-  color: #d5d5d5;
-  background-color: #8a5026;
-  border-color: #c97539;
-}
-.btn-outline-warning.focus,
-.btn-outline-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(201, 117, 57, 0.5);
-}
-.btn-outline-warning.disabled,
-.btn-outline-warning:disabled {
-  color: #8a5026;
-  background-color: transparent;
-}
-.btn-outline-warning:not(:disabled):not(.disabled).active,
-.btn-outline-warning:not(:disabled):not(.disabled):active,
-.show > .btn-outline-warning.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #8a5026;
-  border-color: #c97539;
-}
-.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
-.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
-.show > .btn-outline-warning.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(201, 117, 57, 0.5);
-}
-.btn-outline-danger {
-  color: #823a3a;
-  border-color: #b84040;
-}
-.btn-outline-danger:hover {
-  color: #d5d5d5;
-  background-color: #823a3a;
-  border-color: #b84040;
-}
-.btn-outline-danger.focus,
-.btn-outline-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.5);
-}
-.btn-outline-danger.disabled,
-.btn-outline-danger:disabled {
-  color: #b84040;
-  background-color: transparent;
-}
-.btn-outline-danger:not(:disabled):not(.disabled).active,
-.btn-outline-danger:not(:disabled):not(.disabled):active,
-.show > .btn-outline-danger.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #823a3a;
-  border-color: #b84040;
-}
-.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
-.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
-.show > .btn-outline-danger.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.5);
-}
-.btn-outline-light {
-  color: #1f2020;
-  border-color: #1f2020;
-}
-.btn-outline-light:hover {
-  color: #d5d5d5;
-  background-color: #1f2020;
-  border-color: #1f2020;
-}
-.btn-outline-light.focus,
-.btn-outline-light:focus {
-  box-shadow: 0 0 0 0.2rem rgba(42, 44, 63, 0.5);
-}
-.btn-outline-light.disabled,
-.btn-outline-light:disabled {
-  color: #1f2020;
-  background-color: transparent;
-}
-.btn-outline-light:not(:disabled):not(.disabled).active,
-.btn-outline-light:not(:disabled):not(.disabled):active,
-.show > .btn-outline-light.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #1f2020;
-  border-color: #1f2020;
-}
-.btn-outline-light:not(:disabled):not(.disabled).active:focus,
-.btn-outline-light:not(:disabled):not(.disabled):active:focus,
-.show > .btn-outline-light.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(42, 44, 63, 0.5);
-}
-.btn-outline-dark {
-  color: #1a1a1a;
-  border-color: #1a1a1a;
-}
-.btn-outline-dark:hover {
-  color: #d5d5d5;
-  background-color: #1a1a1a;
-  border-color: #1a1a1a;
-}
-.btn-outline-dark.focus,
-.btn-outline-dark:focus {
-  box-shadow: 0 0 0 0.2rem rgba(34, 35, 54, 0.5);
-}
-.btn-outline-dark.disabled,
-.btn-outline-dark:disabled {
-  color: #1a1a1a;
-  background-color: transparent;
-}
-.btn-outline-dark:not(:disabled):not(.disabled).active,
-.btn-outline-dark:not(:disabled):not(.disabled):active,
-.show > .btn-outline-dark.dropdown-toggle {
-  color: #d5d5d5;
-  background-color: #1a1a1a;
-  border-color: #1a1a1a;
-}
-.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
-.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
-.show > .btn-outline-dark.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(34, 35, 54, 0.5);
-}
-.btn-link {
-  font-weight: 400;
-  color: #9e9eab;
-  text-decoration: underline;
-}
-.btn-link:hover {
-  color: #9092ae;
-  text-decoration: underline;
-}
-.btn-link.focus,
-.btn-link:focus {
-  text-decoration: underline;
-  box-shadow: none;
-}
-.btn-link.disabled,
-.btn-link:disabled {
-  color: #868e96;
-  pointer-events: none;
-}
-.btn-group-lg > .btn,
-.btn-lg {
-  padding: 0.5rem 1rem;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  border-radius: 2px;
-}
-.btn-group-sm > .btn,
-.btn-sm {
-  font-weight: 700;
-  font-size: 12px;
-  padding: 0.25rem 0.5rem;
-  line-height: 1.5;
-  border-radius: 2px;
-}
-.btn-block {
-  display: block;
-  width: 100%;
-}
-.btn-block + .btn-block {
-  margin-top: 0.5rem;
-}
-input[type="button"].btn-block,
-input[type="reset"].btn-block,
-input[type="submit"].btn-block {
-  width: 100%;
-}
-.fade {
-  transition: opacity 0.15s linear;
-}
-@media (prefers-reduced-motion: reduce) {
-  .fade {
-    transition: none;
-  }
-}
-.fade:not(.show) {
-  opacity: 0;
-}
-.collapse:not(.show) {
-  display: none;
-}
-.collapsing {
-  position: relative;
-  height: 0;
-  overflow: hidden;
-  transition: height 0.35s ease;
-}
-@media (prefers-reduced-motion: reduce) {
-  .collapsing {
-    transition: none;
-  }
-}
-.dropdown,
-.dropleft,
-.dropright,
-.dropup {
-  position: relative;
-}
-.dropdown-toggle {
-  white-space: nowrap;
-}
-.dropdown-toggle::after {
-  display: inline-block;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-  border-top: 0.3em solid;
-  border-right: 0.3em solid transparent;
-  border-bottom: 0;
-  border-left: 0.3em solid transparent;
-}
-.dropdown-toggle:empty::after {
-  margin-left: 0;
-}
-.dropdown-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 1000;
-  display: none;
-  float: left;
-  min-width: 10rem;
-  padding: 0.5rem 0;
-  margin: 0.125rem 0 0;
-  font-size: 1rem;
-  color: #d5d5d5;
-  text-align: left;
-  list-style: none;
-  background-color: #d5d5d5;
-  background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-radius: 2px;
-}
-.dropdown-menu-left {
-  right: auto;
-  left: 0;
-}
-.dropdown-menu-right {
-  right: 0;
-  left: auto;
-}
-@media (min-width: 576px) {
-  .dropdown-menu-sm-left {
-    right: auto;
-    left: 0;
-  }
-  .dropdown-menu-sm-right {
-    right: 0;
-    left: auto;
-  }
-}
-@media (min-width: 768px) {
-  .dropdown-menu-md-left {
-    right: auto;
-    left: 0;
-  }
-  .dropdown-menu-md-right {
-    right: 0;
-    left: auto;
-  }
-}
-@media (min-width: 992px) {
-  .dropdown-menu-lg-left {
-    right: auto;
-    left: 0;
-  }
-  .dropdown-menu-lg-right {
-    right: 0;
-    left: auto;
-  }
-}
-@media (min-width: 1200px) {
-  .dropdown-menu-xl-left {
-    right: auto;
-    left: 0;
-  }
-  .dropdown-menu-xl-right {
-    right: 0;
-    left: auto;
-  }
-}
-.dropup .dropdown-menu {
-  top: auto;
-  bottom: 100%;
-  margin-top: 0;
-  margin-bottom: 0.125rem;
-}
-.dropup .dropdown-toggle::after {
-  display: inline-block;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-  border-top: 0;
-  border-right: 0.3em solid transparent;
-  border-bottom: 0.3em solid;
-  border-left: 0.3em solid transparent;
-}
-.dropup .dropdown-toggle:empty::after {
-  margin-left: 0;
-}
-.dropright .dropdown-menu {
-  top: 0;
-  right: auto;
-  left: 100%;
-  margin-top: 0;
-  margin-left: 0.125rem;
-}
-.dropright .dropdown-toggle::after {
-  display: inline-block;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-  border-top: 0.3em solid transparent;
-  border-right: 0;
-  border-bottom: 0.3em solid transparent;
-  border-left: 0.3em solid;
-}
-.dropright .dropdown-toggle:empty::after {
-  margin-left: 0;
-}
-.dropright .dropdown-toggle::after {
-  vertical-align: 0;
-}
-.dropleft .dropdown-menu {
-  top: 0;
-  right: 100%;
-  left: auto;
-  margin-top: 0;
-  margin-right: 0.125rem;
-}
-.dropleft .dropdown-toggle::after {
-  display: inline-block;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-}
-.dropleft .dropdown-toggle::after {
-  display: none;
-}
-.dropleft .dropdown-toggle::before {
-  display: inline-block;
-  margin-right: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-  border-top: 0.3em solid transparent;
-  border-right: 0.3em solid;
-  border-bottom: 0.3em solid transparent;
-}
-.dropleft .dropdown-toggle:empty::after {
-  margin-left: 0;
-}
-.dropleft .dropdown-toggle::before {
-  vertical-align: 0;
-}
-.dropdown-menu[x-placement^="bottom"],
-.dropdown-menu[x-placement^="left"],
-.dropdown-menu[x-placement^="right"],
-.dropdown-menu[x-placement^="top"] {
-  right: auto;
-  bottom: auto;
-}
-.dropdown-divider {
-  height: 0;
-  margin: 0.5rem 0;
-  overflow: hidden;
-  border-top: 1px solid #e9ecef;
-}
-.dropdown-item {
-  display: block;
-  width: 100%;
-  padding: 0.25rem 1.5rem;
-  clear: both;
-  font-weight: 400;
-  color: #212529;
-  text-align: inherit;
-  white-space: nowrap;
-  background-color: transparent;
-  border: 0;
-}
-.dropdown-item:focus,
-.dropdown-item:hover {
-  color: #16181b;
-  text-decoration: none;
-  background-color: #f8f9fa;
-}
-.dropdown-item.active,
-.dropdown-item:active {
-  color: #d5d5d5;
-  text-decoration: none;
-  background-color: #007aa6;
-}
-.dropdown-item.disabled,
-.dropdown-item:disabled {
-  color: #868e96;
-  pointer-events: none;
-  background-color: transparent;
-}
-.dropdown-menu.show {
-  display: block;
-}
-.dropdown-header {
-  display: block;
-  padding: 0.5rem 1.5rem;
-  margin-bottom: 0;
-  font-size: 0.875rem;
-  color: #868e96;
-  white-space: nowrap;
-}
-.dropdown-item-text {
-  display: block;
-  padding: 0.25rem 1.5rem;
-  color: #212529;
-}
-.btn-group,
-.btn-group-vertical {
-  position: relative;
-  display: inline-flex;
-  vertical-align: middle;
-}
-.btn-group-vertical > .btn,
-.btn-group > .btn {
-  position: relative;
-  flex: 1 1 auto;
-}
-.btn-group-vertical > .btn:hover,
-.btn-group > .btn:hover {
-  z-index: 1;
-}
-.btn-group-vertical > .btn.active,
-.btn-group-vertical > .btn:active,
-.btn-group-vertical > .btn:focus,
-.btn-group > .btn.active,
-.btn-group > .btn:active,
-.btn-group > .btn:focus {
-  z-index: 1;
-}
-.btn-toolbar {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-}
-.btn-toolbar .input-group {
-  width: auto;
-}
-.btn-group > .btn-group:not(:first-child),
-.btn-group > .btn:not(:first-child) {
-  margin-left: -1px;
-}
-.btn-group > .btn-group:not(:last-child) > .btn,
-.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.btn-group > .btn-group:not(:first-child) > .btn,
-.btn-group > .btn:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.dropdown-toggle-split {
-  padding-right: 0.5625rem;
-  padding-left: 0.5625rem;
-}
-.dropdown-toggle-split::after,
-.dropright .dropdown-toggle-split::after,
-.dropup .dropdown-toggle-split::after {
-  margin-left: 0;
-}
-.dropleft .dropdown-toggle-split::before {
-  margin-right: 0;
-}
-.btn-group-sm > .btn + .dropdown-toggle-split,
-.btn-sm + .dropdown-toggle-split {
-  padding-right: 0.375rem;
-  padding-left: 0.375rem;
-}
-.btn-group-lg > .btn + .dropdown-toggle-split,
-.btn-lg + .dropdown-toggle-split {
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
-}
-.btn-group-vertical {
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-}
-.btn-group-vertical > .btn,
-.btn-group-vertical > .btn-group {
-  width: 100%;
-}
-.btn-group-vertical > .btn-group:not(:first-child),
-.btn-group-vertical > .btn:not(:first-child) {
-  margin-top: -1px;
-}
-.btn-group-vertical > .btn-group:not(:last-child) > .btn,
-.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.btn-group-vertical > .btn-group:not(:first-child) > .btn,
-.btn-group-vertical > .btn:not(:first-child) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.btn-group-toggle > .btn,
-.btn-group-toggle > .btn-group > .btn {
-  margin-bottom: 0;
-}
-.btn-group-toggle > .btn input[type="checkbox"],
-.btn-group-toggle > .btn input[type="radio"],
-.btn-group-toggle > .btn-group > .btn input[type="checkbox"],
-.btn-group-toggle > .btn-group > .btn input[type="radio"] {
-  position: absolute;
-  clip: rect(0, 0, 0, 0);
-  pointer-events: none;
-}
-.input-group {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: stretch;
-  width: 100%;
-}
-.input-group > .custom-file,
-.input-group > .custom-select,
-.input-group > .form-control,
-.input-group > .form-control-plaintext {
-  position: relative;
-  flex: 1 1 auto;
-  width: 1%;
-  margin-bottom: 0;
-}
-.input-group > .custom-file + .custom-file,
-.input-group > .custom-file + .custom-select,
-.input-group > .custom-file + .form-control,
-.input-group > .custom-select + .custom-file,
-.input-group > .custom-select + .custom-select,
-.input-group > .custom-select + .form-control,
-.input-group > .form-control + .custom-file,
-.input-group > .form-control + .custom-select,
-.input-group > .form-control + .form-control,
-.input-group > .form-control-plaintext + .custom-file,
-.input-group > .form-control-plaintext + .custom-select,
-.input-group > .form-control-plaintext + .form-control {
-  margin-left: -1px;
-}
-.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
-.input-group > .custom-select:focus,
-.input-group > .form-control:focus {
-  z-index: 3;
-}
-.input-group > .custom-file .custom-file-input:focus {
-  z-index: 4;
-}
-.input-group > .custom-select:not(:last-child),
-.input-group > .form-control:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.input-group > .custom-select:not(:first-child),
-.input-group > .form-control:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.input-group > .custom-file {
-  display: flex;
-  align-items: center;
-}
-.input-group > .custom-file:not(:last-child) .custom-file-label,
-.input-group > .custom-file:not(:last-child) .custom-file-label::after {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.input-group > .custom-file:not(:first-child) .custom-file-label {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.input-group-append,
-.input-group-prepend {
-  display: flex;
-}
-.input-group-append .btn,
-.input-group-prepend .btn {
-  position: relative;
-  z-index: 2;
-}
-.input-group-append .btn:focus,
-.input-group-prepend .btn:focus {
-  z-index: 3;
-}
-.input-group-append .btn + .btn,
-.input-group-append .btn + .input-group-text,
-.input-group-append .input-group-text + .btn,
-.input-group-append .input-group-text + .input-group-text,
-.input-group-prepend .btn + .btn,
-.input-group-prepend .btn + .input-group-text,
-.input-group-prepend .input-group-text + .btn,
-.input-group-prepend .input-group-text + .input-group-text {
-  margin-left: -1px;
-}
-.input-group-prepend {
-  margin-right: -1px;
-}
-.input-group-append {
-  margin-left: -1px;
-}
-.input-group-text {
-  display: flex;
-  align-items: center;
-  padding: 0.5rem 0.75rem;
-  margin-bottom: 0;
-  font-size: 0.875rem;
-  font-weight: 400;
-  line-height: 1.25;
-  color: #aaaaaa;
-  text-align: center;
-  white-space: nowrap;
-  background-color: #66666a;
-  border: 1px solid transparent;
-  border-radius: 2px;
-}
-.input-group-text input[type="checkbox"],
-.input-group-text input[type="radio"] {
-  margin-top: 0;
-}
-.input-group-lg > .custom-select,
-.input-group-lg > .form-control:not(textarea) {
-  height: calc(1.5em + 1rem + 2px);
-}
-.input-group-lg > .custom-select,
-.input-group-lg > .form-control,
-.input-group-lg > .input-group-append > .btn,
-.input-group-lg > .input-group-append > .input-group-text,
-.input-group-lg > .input-group-prepend > .btn,
-.input-group-lg > .input-group-prepend > .input-group-text {
-  padding: 0.5rem 1rem;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  border-radius: 2px;
-}
-.input-group-sm > .custom-select,
-.input-group-sm > .form-control:not(textarea) {
-  height: calc(1.5em + 0.5rem + 2px);
-}
-.input-group-sm > .custom-select,
-.input-group-sm > .form-control,
-.input-group-sm > .input-group-append > .btn,
-.input-group-sm > .input-group-append > .input-group-text,
-.input-group-sm > .input-group-prepend > .btn,
-.input-group-sm > .input-group-prepend > .input-group-text {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  border-radius: 2px;
-}
-.input-group-lg > .custom-select,
-.input-group-sm > .custom-select {
-  padding-right: 1.75rem;
-}
-.input-group
-  > .input-group-append:last-child
-  > .btn:not(:last-child):not(.dropdown-toggle),
-.input-group
-  > .input-group-append:last-child
-  > .input-group-text:not(:last-child),
-.input-group > .input-group-append:not(:last-child) > .btn,
-.input-group > .input-group-append:not(:last-child) > .input-group-text,
-.input-group > .input-group-prepend > .btn,
-.input-group > .input-group-prepend > .input-group-text {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.input-group > .input-group-append > .btn,
-.input-group > .input-group-append > .input-group-text,
-.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
-.input-group
-  > .input-group-prepend:first-child
-  > .input-group-text:not(:first-child),
-.input-group > .input-group-prepend:not(:first-child) > .btn,
-.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.input-group-prepend .input-group-text {
-  color: #959BAD !important;
-}
-.custom-control {
-  position: relative;
-  display: block;
-  min-height: 1.5rem;
-  padding-left: 1.5rem;
-}
-.custom-control-inline {
-  display: inline-flex;
-  margin-right: 1rem;
-}
-.custom-control-input {
-  position: absolute;
-  z-index: -1;
-  opacity: 0;
-}
-.custom-control-input:checked ~ .custom-control-label::before {
-  color: #d5d5d5;
-  border-color: #51536b;
-  background-color: #28282D;
-}
-.custom-control-input:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 3px rgba(255, 255, 255, 0.6);
-}
-.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
-  border-color: #28282D;
-}
-.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-  color: #d5d5d5;
-  background-color: none;
-  border-color: none;
-}
-.custom-control-input:disabled ~ .custom-control-label {
-  color: #272626;
-}
-.custom-control-input:disabled ~ .custom-control-label::before {
-  background-color: #28282D;
-}
-.custom-control-label {
-  position: relative;
-  margin-bottom: 0;
-  vertical-align: top;
-}
-.custom-control-label::before {
-  position: absolute;
-  top: .15rem;
-  left: -1.5rem;
-  display: block;
-  width: 1rem;
-  height: 1rem;
-  pointer-events: none;
-  content: "";
-  background-color: #28282D;
-  border: #51536b solid 1px;
-}
-.custom-control-label::after {
-  position: absolute;
-  top: .15rem;
-  left: -1.5rem;
-  display: block;
-  width: 1rem;
-  height: 1rem;
-  content: "";
-  background: no-repeat 50%/50% 50%;
-}
-.custom-checkbox .custom-control-label::before {
-  border-radius: 2px;
-}
-.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23d5d5d5' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
-}
-.custom-checkbox
-  .custom-control-input:indeterminate
-  ~ .custom-control-label::before {
-  border-color: #28282D;
-  background-color: #28282D;
-}
-.custom-checkbox
-  .custom-control-input:indeterminate
-  ~ .custom-control-label::after {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23d5d5d5' d='M0 2h4'/%3e%3c/svg%3e");
-}
-.custom-checkbox
-  .custom-control-input:disabled:checked
-  ~ .custom-control-label::before {
-  background-color: #28282D;
-}
-.custom-checkbox
-  .custom-control-input:disabled:indeterminate
-  ~ .custom-control-label::before {
-  background-color: #28282D;
-}
-.custom-radio .custom-control-label::before {
-  border-radius: 50%;
-}
-.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23d5d5d5'/%3e%3c/svg%3e");
-}
-.custom-radio
-  .custom-control-input:disabled:checked
-  ~ .custom-control-label::before {
-  background-color: #28282D;
-}
-.custom-switch {
-  padding-left: 2.25rem;
-}
-.custom-switch .custom-control-label::before {
-  left: -2.25rem;
-  width: 1.75rem;
-  pointer-events: all;
-  border-radius: 0.5rem;
-}
-.custom-switch .custom-control-label::after {
-  top: calc(0.25rem + 2px);
-  left: calc(-2.25rem + 2px);
-  width: calc(1rem - 4px);
-  height: calc(1rem - 4px);
-  background-color: #51536b;
-  border-radius: 0.5rem;
-  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
-    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
-  .custom-switch .custom-control-label::after {
-    transition: none;
-  }
-}
-.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
-  background-color: #28282D;
-  transform: translateX(0.75rem);
-}
-.custom-switch
-  .custom-control-input:disabled:checked
-  ~ .custom-control-label::before {
-  background-color: #28282D;
-}
-.custom-select {
-  display: inline-block;
-  width: 100%;
-  margin-top: 4px;
-  height: calc(1.25em + 1rem + 2px);
-  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
-  font-size: 0.875rem;
-  font-weight: 400;
-  line-height: 1.25;
-  color: #aaaaaa;
-  vertical-align: middle;
-  padding-right: 15px;
-  background-color: #28282D;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 13'%3E%3Cdefs/%3E%3Cpath fill='%238A93B0' fill-rule='evenodd' d='M6.987 8.781a.3.3 0 00-.227-.495H1.24a.3.3 0 00-.227.495l2.76 3.207a.3.3 0 00.454 0l2.76-3.207zM6.987 4.076a.3.3 0 01-.227.495H1.24a.3.3 0 01-.227-.495L3.773.87a.3.3 0 01.454 0l2.76 3.206z' clip-rule='evenodd'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-size: 8px;
-  background-position: right 7px center;
-  border: 1px solid transparent !important;
-  border-radius: 2px;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-}
-.custom-select:focus {
-  border-color: #6d7172;
-  outline: 0;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075),
-    0 0 5px rgba(39, 198, 255, 0.5);
-}
-.custom-select:focus::-ms-value {
-  color: #aaaaaa;
-  background-color: #1a1a1a;
-}
-.custom-select[multiple],
-.custom-select[size]:not([size="1"]) {
-  height: auto;
-  padding-right: 0.75rem;
-  background-image: none;
-}
-.custom-select:disabled {
-  color: #272626;
-  background-color: ##222225;
-}
-.custom-select::-ms-expand {
-  display: none;
-}
-.custom-select-sm {
-  height: calc(1.5em + 0.5rem + 2px);
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-  padding-left: 0.5rem;
-  font-size: 75%;
-}
-.custom-select-lg {
-  height: calc(1.5em + 1rem + 2px);
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  padding-left: 1rem;
-  font-size: 1.25rem;
-}
-.custom-file {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  height: calc(1.25em + 1rem + 2px);
-  margin-bottom: 0;
-}
-.custom-file-input {
-  position: relative;
-  z-index: 2;
-  width: 100%;
-  height: calc(1.25em + 1rem + 2px);
-  margin: 0;
-  opacity: 0;
-}
-.custom-file-input:focus ~ .custom-file-label {
-  border-color: #6d7172;
-  box-shadow: 0 0 0 0.075rem #d5d5d5, 0 0 0 0.2rem #28282D;
-}
-.custom-file-input:disabled ~ .custom-file-label {
-  background-color: ##222225;
-}
-.custom-file-input:lang(en) ~ .custom-file-label::after {
-  content: "Browse";
-}
-.custom-file-input ~ .custom-file-label[data-browse]::after {
-  content: attr(data-browse);
-}
-.custom-file-label {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 1;
-  height: calc(1.25em + 1rem + 2px);
-  padding: 0.5rem 0.75rem;
-  font-weight: 400;
-  line-height: 1.25;
-  color: #aaaaaa;
-  background-color: #1a1a1a;
-  border: 1px solid transparent;
-  border-radius: 2px;
-}
-.custom-file-label::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 3;
-  display: block;
-  height: calc(1.25em + 1rem);
-  padding: 0.5rem 0.75rem;
-  line-height: 1.25;
-  color: #aaaaaa;
-  content: "Browse";
-  background-color: #28282D;
-  border-left: inherit;
-  border-radius: 0 2px 2px 0;
-}
-.custom-range {
-  width: 100%;
-  height: calc(1rem + 0.4rem);
-  padding: 0;
-  background-color: transparent;
-  appearance: none;
-}
-.custom-range:focus {
-  outline: 0;
-}
-.custom-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #1a1a1a, inset 0 1px 1px rgba(0, 0, 0, 0.075),
-    0 0 0 3px rgba(0, 122, 166, 0.25);
-}
-.custom-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #1a1a1a, inset 0 1px 1px rgba(0, 0, 0, 0.075),
-    0 0 0 3px rgba(0, 122, 166, 0.25);
-}
-.custom-range:focus::-ms-thumb {
-  box-shadow: 0 0 0 1px #1a1a1a, inset 0 1px 1px rgba(0, 0, 0, 0.075),
-    0 0 0 3px rgba(0, 122, 166, 0.25);
-}
-.custom-range::-moz-focus-outer {
-  border: 0;
-}
-.custom-range::-webkit-slider-thumb {
-  width: 1rem;
-  height: 1rem;
-  margin-top: -0.25rem;
-  background-color: #28282D;
-  border: 0;
-  border-radius: 1rem;
-  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
-    box-shadow 0.15s ease-in-out;
-  appearance: none;
-}
-@media (prefers-reduced-motion: reduce) {
-  .custom-range::-webkit-slider-thumb {
-    transition: none;
-  }
-}
-.custom-range::-webkit-slider-thumb:active {
-  background-color: #5ad3ff;
-}
-.custom-range::-webkit-slider-runnable-track {
-  width: 100%;
-  height: 0.5rem;
-  color: transparent;
-  cursor: pointer;
-  background-color: #dee2e6;
-  border-color: transparent;
-  border-radius: 1rem;
-}
-.custom-range::-moz-range-thumb {
-  width: 1rem;
-  height: 1rem;
-  background-color: #28282D;
-  border: 0;
-  border-radius: 1rem;
-  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
-    box-shadow 0.15s ease-in-out;
-  appearance: none;
-}
-@media (prefers-reduced-motion: reduce) {
-  .custom-range::-moz-range-thumb {
-    transition: none;
-  }
-}
-.custom-range::-moz-range-thumb:active {
-  background-color: #5ad3ff;
-}
-.custom-range::-moz-range-track {
-  width: 100%;
-  height: 0.5rem;
-  color: transparent;
-  cursor: pointer;
-  background-color: #dee2e6;
-  border-color: transparent;
-  border-radius: 1rem;
-}
-.custom-range::-ms-thumb {
-  width: 1rem;
-  height: 1rem;
-  margin-top: 0;
-  margin-right: 0.2rem;
-  margin-left: 0.2rem;
-  background-color: #28282D;
-  border: 0;
-  border-radius: 1rem;
-  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
-    box-shadow 0.15s ease-in-out;
-  appearance: none;
-}
-@media (prefers-reduced-motion: reduce) {
-  .custom-range::-ms-thumb {
-    transition: none;
-  }
-}
-.custom-range::-ms-thumb:active {
-  background-color: #5ad3ff;
-}
-.custom-range::-ms-track {
-  width: 100%;
-  height: 0.5rem;
-  color: transparent;
-  cursor: pointer;
-  background-color: transparent;
-  border-color: transparent;
-  border-width: 0.5rem;
-}
-.custom-range::-ms-fill-lower {
-  background-color: #dee2e6;
-  border-radius: 1rem;
-}
-.custom-range::-ms-fill-upper {
-  margin-right: 15px;
-  background-color: #dee2e6;
-  border-radius: 1rem;
-}
-.custom-range:disabled::-webkit-slider-thumb {
-  background-color: #adb5bd;
-}
-.custom-range:disabled::-webkit-slider-runnable-track {
-  cursor: default;
-}
-.custom-range:disabled::-moz-range-thumb {
-  background-color: #adb5bd;
-}
-.custom-range:disabled::-moz-range-track {
-  cursor: default;
-}
-.custom-range:disabled::-ms-thumb {
-  background-color: #adb5bd;
-}
-.custom-control-label::before,
-.custom-file-label,
-.custom-select {
-  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
-    box-shadow 0.15s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
-  .custom-control-label::before,
-  .custom-file-label,
-  .custom-select {
-    transition: none;
-  }
-}
-.nav {
-  display: flex;
-  flex-wrap: wrap;
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none;
-}
-.nav-link {
-  display: block;
-  padding: 0.5rem 1rem;
-}
-.nav-link:focus,
-.nav-link:hover {
-  text-decoration: none;
-}
-.nav-link.disabled {
-  color: #868e96;
-  pointer-events: none;
-  cursor: default;
-}
-.nav-tabs {
-  border-bottom: 1px solid #37373B;
-}
-.nav-tabs .nav-item {
-  margin-bottom: -1px;
-}
-.nav-tabs .nav-link {
-  border: 1px solid transparent;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 2px;
-}
-.nav-tabs .nav-link:focus,
-.nav-tabs .nav-link:hover {
-  border-color: #37373B;
-}
-.nav-tabs .nav-link.disabled {
-  color: #868e96;
-  background-color: transparent;
-  border-color: transparent;
-}
-.nav-tabs .nav-item.show .nav-link,
-.nav-tabs .nav-link.active {
-  color: #d5d5d5;
-  background-color: #252525;
-  border-color: #37373B;
-  font-weight: bolder;
-}
-.nav-tabs .dropdown-menu {
-  margin-top: -1px;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.nav-pills .nav-link {
-  border-radius: 2px;
-}
-.nav-pills .nav-link.active,
-.nav-pills .show > .nav-link {
-  color: #d5d5d5;
-  background-color: #28282D;
-}
-.nav-fill .nav-item {
-  flex: 1 1 auto;
-  text-align: center;
-}
-.nav-justified .nav-item {
-  flex-basis: 0;
-  flex-grow: 1;
-  text-align: center;
-}
-.tab-content > .tab-pane {
-  display: none;
-}
-.tab-content > .active {
-  display: block;
-}
-.navbar {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.5rem 1rem;
-}
-.navbar > .container,
-.navbar > .container-fluid {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-}
-.navbar-brand {
-  display: inline-block;
-  padding-top: 0.3125rem;
-  padding-bottom: 0.3125rem;
-  margin-right: 1rem;
-  font-size: 1.25rem;
-  line-height: inherit;
-  white-space: nowrap;
-}
-.navbar-brand:focus,
-.navbar-brand:hover {
-  text-decoration: none;
-}
-.navbar-nav {
-  display: flex;
-  flex-direction: column;
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none;
-}
-.navbar-nav .nav-link {
-  padding-right: 0;
-  padding-left: 0;
-}
-.navbar-nav .dropdown-menu {
-  position: static;
-  float: none;
-}
-.navbar-text {
-  display: inline-block;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.navbar-collapse {
-  flex-basis: 100%;
-  flex-grow: 1;
-  align-items: center;
-}
-.navbar-toggler {
-  padding: 0.25rem 0.75rem;
-  font-size: 1.25rem;
-  line-height: 1;
-  background-color: transparent;
-  border: 1px solid transparent;
-  border-radius: 2px;
-}
-.navbar-toggler:focus,
-.navbar-toggler:hover {
-  text-decoration: none;
-}
-.navbar-toggler-icon {
-  display: inline-block;
-  width: 1.5em;
-  height: 1.5em;
-  vertical-align: middle;
-  content: "";
-  background: no-repeat center center;
-  background-size: 100% 100%;
-}
-@media (max-width: 575.98px) {
-  .navbar-expand-sm > .container,
-  .navbar-expand-sm > .container-fluid {
-    padding-right: 0;
-    padding-left: 0;
-  }
-}
-@media (min-width: 576px) {
-  .navbar-expand-sm {
-    flex-flow: row nowrap;
-    justify-content: flex-start;
-  }
-  .navbar-expand-sm .navbar-nav {
-    flex-direction: row;
-  }
-  .navbar-expand-sm .navbar-nav .dropdown-menu {
-    position: absolute;
-  }
-  .navbar-expand-sm .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-  .navbar-expand-sm > .container,
-  .navbar-expand-sm > .container-fluid {
-    flex-wrap: nowrap;
-  }
-  .navbar-expand-sm .navbar-collapse {
-    display: flex !important;
-    flex-basis: auto;
-  }
-  .navbar-expand-sm .navbar-toggler {
-    display: none;
-  }
-}
-@media (max-width: 767.98px) {
-  .navbar-expand-md > .container,
-  .navbar-expand-md > .container-fluid {
-    padding-right: 0;
-    padding-left: 0;
-  }
-}
-@media (min-width: 768px) {
-  .navbar-expand-md {
-    flex-flow: row nowrap;
-    justify-content: flex-start;
-  }
-  .navbar-expand-md .navbar-nav {
-    flex-direction: row;
-  }
-  .navbar-expand-md .navbar-nav .dropdown-menu {
-    position: absolute;
-  }
-  .navbar-expand-md .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-  .navbar-expand-md > .container,
-  .navbar-expand-md > .container-fluid {
-    flex-wrap: nowrap;
-  }
-  .navbar-expand-md .navbar-collapse {
-    display: flex !important;
-    flex-basis: auto;
-  }
-  .navbar-expand-md .navbar-toggler {
-    display: none;
-  }
-}
-@media (max-width: 991.98px) {
-  .navbar-expand-lg > .container,
-  .navbar-expand-lg > .container-fluid {
-    padding-right: 0;
-    padding-left: 0;
-  }
-}
-@media (min-width: 992px) {
-  .navbar-expand-lg {
-    flex-flow: row nowrap;
-    justify-content: flex-start;
-  }
-  .navbar-expand-lg .navbar-nav {
-    flex-direction: row;
-  }
-  .navbar-expand-lg .navbar-nav .dropdown-menu {
-    position: absolute;
-  }
-  .navbar-expand-lg .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-  .navbar-expand-lg > .container,
-  .navbar-expand-lg > .container-fluid {
-    flex-wrap: nowrap;
-  }
-  .navbar-expand-lg .navbar-collapse {
-    display: flex !important;
-    flex-basis: auto;
-  }
-  .navbar-expand-lg .navbar-toggler {
-    display: none;
-  }
-}
-@media (max-width: 1199.98px) {
-  .navbar-expand-xl > .container,
-  .navbar-expand-xl > .container-fluid {
-    padding-right: 0;
-    padding-left: 0;
-  }
-}
-@media (min-width: 1200px) {
-  .navbar-expand-xl {
-    flex-flow: row nowrap;
-    justify-content: flex-start;
-  }
-  .navbar-expand-xl .navbar-nav {
-    flex-direction: row;
-  }
-  .navbar-expand-xl .navbar-nav .dropdown-menu {
-    position: absolute;
-  }
-  .navbar-expand-xl .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-  .navbar-expand-xl > .container,
-  .navbar-expand-xl > .container-fluid {
-    flex-wrap: nowrap;
-  }
-  .navbar-expand-xl .navbar-collapse {
-    display: flex !important;
-    flex-basis: auto;
-  }
-  .navbar-expand-xl .navbar-toggler {
-    display: none;
-  }
-}
-.navbar-expand {
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-}
-.navbar-expand > .container,
-.navbar-expand > .container-fluid {
-  padding-right: 0;
-  padding-left: 0;
-}
-.navbar-expand .navbar-nav {
-  flex-direction: row;
-}
-.navbar-expand .navbar-nav .dropdown-menu {
-  position: absolute;
-}
-.navbar-expand .navbar-nav .nav-link {
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-.navbar-expand > .container,
-.navbar-expand > .container-fluid {
-  flex-wrap: nowrap;
-}
-.navbar-expand .navbar-collapse {
-  display: flex !important;
-  flex-basis: auto;
-}
-.navbar-expand .navbar-toggler {
-  display: none;
-}
-.navbar-light .navbar-brand {
-  color: #d5d5d5;
-}
-.navbar-light .navbar-brand:focus,
-.navbar-light .navbar-brand:hover {
-  color: #d5d5d5;
-}
-.navbar-light .navbar-nav .nav-link {
-  color: rgba(255, 255, 255, 0.7);
-}
-.navbar-light .navbar-nav .nav-link:focus,
-.navbar-light .navbar-nav .nav-link:hover {
-  color: rgba(255, 255, 255, 0.5);
-}
-.navbar-light .navbar-nav .nav-link.disabled {
-  color: rgba(255, 255, 255, 0.3);
-}
-.navbar-light .navbar-nav .active > .nav-link,
-.navbar-light .navbar-nav .nav-link.active,
-.navbar-light .navbar-nav .nav-link.show,
-.navbar-light .navbar-nav .show > .nav-link {
-  color: #d5d5d5;
-}
-.navbar-light .navbar-toggler {
-  color: rgba(255, 255, 255, 0.7);
-  border-color: rgba(0, 0, 0, 0.1);
-}
-.navbar-light .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
-}
-.navbar-light .navbar-text {
-  color: rgba(255, 255, 255, 0.7);
-}
-.navbar-light .navbar-text a {
-  color: #d5d5d5;
-}
-.navbar-light .navbar-text a:focus,
-.navbar-light .navbar-text a:hover {
-  color: #d5d5d5;
-}
-.navbar-dark .navbar-brand {
-  color: #d5d5d5;
-}
-.navbar-dark .navbar-brand:focus,
-.navbar-dark .navbar-brand:hover {
-  color: #d5d5d5;
-}
-.navbar-dark .navbar-nav .nav-link {
-  color: #d5d5d5;
-}
-.navbar-dark .navbar-nav .nav-link:focus,
-.navbar-dark .navbar-nav .nav-link:hover {
-  color: rgba(255, 255, 255, 0.75);
-}
-.navbar-dark .navbar-nav .nav-link.disabled {
-  color: rgba(255, 255, 255, 0.25);
-}
-.navbar-dark .navbar-nav .active > .nav-link,
-.navbar-dark .navbar-nav .nav-link.active,
-.navbar-dark .navbar-nav .nav-link.show,
-.navbar-dark .navbar-nav .show > .nav-link {
-  color: #d5d5d5;
-}
-.navbar-dark .navbar-toggler {
-  color: #d5d5d5;
-  border-color: rgba(255, 255, 255, 0.1);
-}
-.navbar-dark .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23d5d5d5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
-}
-.navbar-dark .navbar-text {
-  color: #d5d5d5;
-}
-.navbar-dark .navbar-text a {
-  color: #d5d5d5;
-}
-.navbar-dark .navbar-text a:focus,
-.navbar-dark .navbar-text a:hover {
-  color: #d5d5d5;
-}
-.card {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  word-wrap: break-word;
-  background-color: #1F2020;
-  border: 1px solid #000000;
-  border-radius: 2px;
-}
-.card > hr {
-  margin-right: 0;
-  margin-left: 0;
-}
-.card > .list-group:first-child .list-group-item:first-child {
-  border-top-left-radius: 2px;
-  border-top-right-radius: 2px;
-}
-.card > .list-group:last-child .list-group-item:last-child {
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.card-body {
-  flex: 1 1 auto;
-  padding: 1.25rem;
-}
-.card-title {
-  color: #aaaaaa;
-  margin-bottom: 0.5rem;
-}
-.card-subtitle {
-  margin-top: -0.375rem;
-  margin-bottom: 0;
-}
-.card-text:last-child {
-  margin-bottom: 0;
-}
-.card-link:hover {
-  text-decoration: none;
-}
-.card-link + .card-link {
-  margin-left: 1.25rem;
-}
-.card-header {
-  padding: 0.75rem 1.25rem;
-  margin-bottom: 0;
-  background-color: rgba(0, 0, 0, 0.03);
-  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
-}
-.card-header:first-child {
-  border-radius: calc(2px - 1px) calc(2px - 1px) 0 0;
-}
-.card-header + .list-group .list-group-item:first-child {
-  border-top: 0;
-}
-.card-footer {
-  padding: 0.75rem 1.25rem;
-  background-color: rgba(0, 0, 0, 0.03);
-  border-top: 1px solid rgba(0, 0, 0, 0.125);
-}
-.card-footer:last-child {
-  border-radius: 0 0 calc(2px - 1px) calc(2px - 1px);
-}
-.card-header-tabs {
-  margin-right: -0.625rem;
-  margin-bottom: -0.75rem;
-  margin-left: -0.625rem;
-  border-bottom: 0;
-}
-.card-header-pills {
-  margin-right: -0.625rem;
-  margin-left: -0.625rem;
-}
-.card-img-overlay {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  padding: 1.25rem;
-}
-.card-img {
-  width: 100%;
-  border-radius: calc(2px - 1px);
-}
-.card-img-top {
-  width: 100%;
-  border-top-left-radius: calc(2px - 1px);
-  border-top-right-radius: calc(2px - 1px);
-}
-.card-img-bottom {
-  width: 100%;
-  border-bottom-right-radius: calc(2px - 1px);
-  border-bottom-left-radius: calc(2px - 1px);
-}
-.card-deck {
-  display: flex;
-  flex-direction: column;
-}
-.card-deck .card {
-  margin-bottom: 15px;
-}
-@media (min-width: 576px) {
-  .card-deck {
-    flex-flow: row wrap;
-    margin-right: -15px;
-    margin-left: -15px;
-  }
-  .card-deck .card {
-    display: flex;
-    flex: 1 0 0%;
-    flex-direction: column;
-    margin-right: 15px;
-    margin-bottom: 0;
-    margin-left: 15px;
-  }
-}
-.card-group {
-  display: flex;
-  flex-direction: column;
-}
-.card-group > .card {
-  margin-bottom: 15px;
-}
-@media (min-width: 576px) {
-  .card-group {
-    flex-flow: row wrap;
-  }
-  .card-group > .card {
-    flex: 1 0 0%;
-    margin-bottom: 0;
-  }
-  .card-group > .card + .card {
-    margin-left: 0;
-    border-left: 0;
-  }
-  .card-group > .card:not(:last-child) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  .card-group > .card:not(:last-child) .card-header,
-  .card-group > .card:not(:last-child) .card-img-top {
-    border-top-right-radius: 0;
-  }
-  .card-group > .card:not(:last-child) .card-footer,
-  .card-group > .card:not(:last-child) .card-img-bottom {
-    border-bottom-right-radius: 0;
-  }
-  .card-group > .card:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-  .card-group > .card:not(:first-child) .card-header,
-  .card-group > .card:not(:first-child) .card-img-top {
-    border-top-left-radius: 0;
-  }
-  .card-group > .card:not(:first-child) .card-footer,
-  .card-group > .card:not(:first-child) .card-img-bottom {
-    border-bottom-left-radius: 0;
-  }
-}
-.card-columns .card {
-  margin-bottom: 0.75rem;
-}
-@media (min-width: 576px) {
-  .card-columns {
-    column-count: 3;
-    column-gap: 1.25rem;
-    orphans: 1;
-    widows: 1;
-  }
-  .card-columns .card {
-    display: inline-block;
-    width: 100%;
-  }
-}
-.accordion > .card {
-  overflow: hidden;
-}
-.accordion > .card:not(:first-of-type) .card-header:first-child {
-  border-radius: 0;
-}
-.accordion > .card:not(:first-of-type):not(:last-of-type) {
-  border-bottom: 0;
-  border-radius: 0;
-}
-.accordion > .card:first-of-type {
-  border-bottom: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.accordion > .card:last-of-type {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.accordion > .card .card-header {
-  margin-bottom: -1px;
-}
-.breadcrumb {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 0.75rem 1rem;
-  margin-bottom: 1rem;
-  list-style: none;
-  background-color: #2e3445;
-  border-radius: 2px;
-}
-.breadcrumb-item + .breadcrumb-item {
-  padding-left: 0.5rem;
-}
-.breadcrumb-item + .breadcrumb-item::before {
-  display: inline-block;
-  padding-right: 0.5rem;
-  color: #868e96;
-  content: "/";
-}
-.breadcrumb-item + .breadcrumb-item:hover::before {
-  text-decoration: underline;
-}
-.breadcrumb-item + .breadcrumb-item:hover::before {
-  text-decoration: none;
-}
-.breadcrumb-item.active {
-  color: #d5d5d5;
-}
-.pagination {
-  display: flex;
-  padding-left: 0;
-  list-style: none;
-  border-radius: 2px;
-}
-.page-link {
-  position: relative;
-  display: block;
-  padding: 0.5rem 0.75rem;
-  margin-left: 0;
-  line-height: 1.25;
-  color: #d5d5d5;
-  background-color: #66666a;
-  border: 0 solid #ddd;
-}
-.page-link:hover {
-  z-index: 2;
-  color: #d5d5d5;
-  text-decoration: none;
-  background-color: #676a83;
-  border-color: #ddd;
-}
-.page-link:focus {
-  z-index: 2;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 122, 166, 0.25);
-}
-.page-item:first-child .page-link {
-  margin-left: 0;
-  border-top-left-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.page-item:last-child .page-link {
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-}
-.page-item.active .page-link {
-  z-index: 1;
-  color: #d5d5d5;
-  background-color: #28282D;
-  border-color: #28282D;
-}
-.page-item.disabled .page-link {
-  color: #989ca4;
-  pointer-events: none;
-  cursor: auto;
-  background-color: #323949;
-  border-color: #ddd;
-}
-.pagination-lg .page-link {
-  padding: 0.75rem 1.5rem;
-  font-size: 1.25rem;
-  line-height: 1.5;
-}
-.pagination-lg .page-item:first-child .page-link {
-  border-top-left-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.pagination-lg .page-item:last-child .page-link {
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-}
-.pagination-sm .page-link {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.875rem;
-  line-height: 1.5;
-}
-.pagination-sm .page-item:first-child .page-link {
-  border-top-left-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.pagination-sm .page-item:last-child .page-link {
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-}
-.badge {
-  display: inline-block;
-  padding: 0.25em 0.4em;
-  font-size: 75%;
-  font-weight: 700;
-  line-height: 1;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: baseline;
-  border-radius: 2px;
-  transition: all 0.15s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
-  .badge {
-    transition: none;
-  }
-}
-a.badge:focus,
-a.badge:hover {
-  text-decoration: none;
-}
-.badge:empty {
-  display: none;
-}
-.btn .badge {
-  position: relative;
-  top: -1px;
-}
-.badge-pill {
-  padding-right: 0.6em;
-  padding-left: 0.6em;
-  border-radius: 10rem;
-}
-.badge-primary {
-  color: #d5d5d5;
-  background-color: #28282D;
-}
-a.badge-primary:focus,
-a.badge-primary:hover {
-  color: #d5d5d5;
-  background-color: #005573;
-}
-a.badge-primary.focus,
-a.badge-primary:focus {
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 122, 166, 0.5);
-}
-.badge-secondary {
-  color: #d5d5d5;
-  background-color: #66666a;
-}
-a.badge-secondary:focus,
-a.badge-secondary:hover {
-  color: #d5d5d5;
-  background-color: #434559;
-}
-a.badge-secondary.focus,
-a.badge-secondary:focus {
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(89, 92, 118, 0.5);
-}
-.badge-success {
-  color: #d5d5d5;
-  background-color: #366a57;
-}
-a.badge-success:focus,
-a.badge-success:hover {
-  color: #d5d5d5;
-  background-color: #27926b;
-}
-a.badge-success.focus,
-a.badge-success:focus {
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(50, 186, 137, 0.5);
-}
-.badge-info {
-  color: #d5d5d5;
-  background-color: #053c64;
-}
-a.badge-info:focus,
-a.badge-info:hover {
-  color: #d5d5d5;
-  background-color: #264459;
-}
-a.badge-info.focus,
-a.badge-info:focus {
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(53, 95, 125, 0.5);
-}
-.badge-warning {
-  color: #010101;
-  background-color: #df9b5c;
-}
-a.badge-warning:focus,
-a.badge-warning:hover {
-  color: #d5d5d5;
-  background-color: #a35e2c;
-}
-a.badge-warning.focus,
-a.badge-warning:focus {
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(201, 117, 57, 0.5);
-}
-.badge-danger {
-  color: #d5d5d5;
-  background-color: #EA3636;
-}
-a.badge-danger:focus,
-a.badge-danger:hover {
-  color: #d5d5d5;
-  background-color: #923333;
-}
-a.badge-danger.focus,
-a.badge-danger:focus {
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(184, 64, 64, 0.5);
-}
-.badge-light {
-  color: #d5d5d5;
-  background-color: #1f2020;
-}
-a.badge-light:focus,
-a.badge-light:hover {
-  color: #d5d5d5;
-  background-color: #161720;
-}
-a.badge-light.focus,
-a.badge-light:focus {
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(42, 44, 63, 0.5);
-}
-.badge-dark {
-  color: #d5d5d5;
-  background-color: #1a1a1a;
-}
-a.badge-dark:focus,
-a.badge-dark:hover {
-  color: #d5d5d5;
-  background-color: #0e0f17;
-}
-a.badge-dark.focus,
-a.badge-dark:focus {
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(34, 35, 54, 0.5);
-}
-.jumbotron {
-  padding: 2rem 1rem;
-  margin-bottom: 2rem;
-  background-color: #28282D;
-  border-radius: 2px;
-}
-@media (min-width: 576px) {
-  .jumbotron {
-    padding: 4rem 2rem;
-  }
-}
-.jumbotron-fluid {
-  padding-right: 0;
-  padding-left: 0;
-  border-radius: 0;
-}
-.alert {
-  position: relative;
-  padding: 0.75rem 1.25rem;
-  margin-bottom: 1rem;
-  border: 1px solid transparent;
-  border-radius: 2px;
-}
-.alert-heading {
-  color: inherit;
-}
-.alert-link {
-  font-weight: 700;
-}
-.alert-dismissible {
-  padding-right: 4rem;
-}
-.alert-dismissible .close {
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 0.75rem 1.25rem;
-  color: inherit;
-}
-.alert-primary {
-  color: #5CBDEE;
-  background-color: #163545;
-  border-color: #5CBDEE;
-}
-.alert-primary hr {
-  border-top-color: #a5d0df;
-}
-.alert-primary .alert-link {
-  color: #001a23;
-}
-.alert-secondary {
-  color: #8aa6bf;
-  background-color: #293033;
-  border-color: #1f2020;
-}
-.alert-secondary hr {
-  border-top-color: #c3c3cd;
-}
-.alert-secondary .alert-link {
-  color: #181920;
-}
-.alert-success {
-  color: #A2FFB0;
-  background: #1d322e;
-  border: 1px solid #2b5f4b;
-}
-.alert-success hr {
-  border-top-color: #b3e6d3;
-}
-.alert-success .alert-link {
-  color: #0f392a;
-}
-.alert-info {
-  color: #88E2FF;
-  background: #1e2b40;
-  border: 1px solid #2b476b;
-}
-.alert-info hr {
-  border-top-color: #b6c6d1;
-}
-.alert-info .alert-link {
-  color: #0d161d;
-}
-.alert-warning {
-  color: #FFB684;
-  background: #2a2022;
-  border: 1px solid #5e4037;
-}
-.alert-warning hr {
-  border-top-color: #ebcab4;
-}
-.alert-warning .alert-link {
-  color: #412613;
-}
-.alert-danger {
-  color: #FF8A8A;
-  background: #2c1c26;
-  border: 1px solid #572c38;
-}
-.alert-danger hr {
-  border-top-color: #e4b7b7;
-}
-.alert-danger .alert-link {
-  color: #3a1414;
-}
-.alert-light {
-  color: #161721;
-  background-color: #d4d5d9;
-  border-color: #c3c4c9;
-}
-.alert-light hr {
-  border-top-color: #b6b7bd;
-}
-.alert-light .alert-link {
-  color: #020202;
-}
-.alert-dark {
-  color: #12121c;
-  background-color: #d3d3d7;
-  border-color: #c1c1c7;
-}
-.alert-dark hr {
-  border-top-color: #b4b4bb;
-}
-.alert-dark .alert-link {
-  color: #000;
-}
-@keyframes progress-bar-stripes {
-  from {
-    background-position: 1rem 0;
-  }
-  to {
-    background-position: 0 0;
-  }
-}
-.progress {
-  display: flex;
-  height: 1rem;
-  overflow: hidden;
-  font-size: 0.75rem;
-  background-color: #e9ecef;
-  border-radius: 2px;
-}
-.progress-bar {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  color: #d5d5d5;
-  text-align: center;
-  white-space: nowrap;
-  background-color: #28282D;
-  transition: width 0.6s ease;
-}
-@media (prefers-reduced-motion: reduce) {
-  .progress-bar {
-    transition: none;
-  }
-}
-.progress-bar-striped {
-  background-image: linear-gradient(
-    45deg,
-    rgba(255, 255, 255, 0.15) 25%,
-    transparent 25%,
-    transparent 50%,
-    rgba(255, 255, 255, 0.15) 50%,
-    rgba(255, 255, 255, 0.15) 75%,
-    transparent 75%,
-    transparent
-  );
-  background-size: 1rem 1rem;
-}
-.progress-bar-animated {
-  animation: progress-bar-stripes 1s linear infinite;
-}
-@media (prefers-reduced-motion: reduce) {
-  .progress-bar-animated {
-    animation: none;
-  }
-}
-.media {
-  display: flex;
-  align-items: flex-start;
-}
-.media-body {
-  flex: 1;
-}
-.list-group {
-  display: flex;
-  flex-direction: column;
-  padding-left: 0;
-  margin-bottom: 0;
-}
-.list-group-item-action {
-  width: 100%;
-  color: #d5d5d5;
-  text-align: inherit;
-}
-.list-group-item-action:focus,
-.list-group-item-action:hover {
-  z-index: 1;
-  color: #d5d5d5;
-  text-decoration: none;
-  background-color: #000000;
-}
-.list-group-item-action:active {
-  color: #d5d5d5;
-  background-color: #1f2020;
-}
-.list-group-item {
-  position: relative;
-  display: block;
-  padding: 0.75rem 1.25rem;
-  margin-bottom: 0;
-  color: #d5d5d5;
-  background-color: #1f2020;
-  border: 0 solid rgba(0, 0, 0, 0.125);
-}
-.list-group-item:first-child {
-  border-top-left-radius: 2px;
-  border-top-right-radius: 2px;
-}
-.list-group-item:last-child {
-  margin-bottom: 0;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.list-group-item.disabled,
-.list-group-item:disabled {
-  color: #868e96;
-  pointer-events: none;
-  background-color: #1f2020;
-}
-.list-group-item.active {
-  z-index: 2;
-  color: #d5d5d5;
-  background-color: #28282D;
-  border-color: #28282D;
-}
-.list-group-horizontal {
-  flex-direction: row;
-}
-.list-group-horizontal .list-group-item {
-  margin-right: 0;
-  margin-bottom: 0;
-}
-.list-group-horizontal .list-group-item:first-child {
-  border-top-left-radius: 2px;
-  border-bottom-left-radius: 2px;
-  border-top-right-radius: 0;
-}
-.list-group-horizontal .list-group-item:last-child {
-  margin-right: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-@media (min-width: 576px) {
-  .list-group-horizontal-sm {
-    flex-direction: row;
-  }
-  .list-group-horizontal-sm .list-group-item {
-    margin-right: 0;
-    margin-bottom: 0;
-  }
-  .list-group-horizontal-sm .list-group-item:first-child {
-    border-top-left-radius: 2px;
-    border-bottom-left-radius: 2px;
-    border-top-right-radius: 0;
-  }
-  .list-group-horizontal-sm .list-group-item:last-child {
-    margin-right: 0;
-    border-top-right-radius: 2px;
-    border-bottom-right-radius: 2px;
-    border-bottom-left-radius: 0;
-  }
-}
-@media (min-width: 768px) {
-  .list-group-horizontal-md {
-    flex-direction: row;
-  }
-  .list-group-horizontal-md .list-group-item {
-    margin-right: 0;
-    margin-bottom: 0;
-  }
-  .list-group-horizontal-md .list-group-item:first-child {
-    border-top-left-radius: 2px;
-    border-bottom-left-radius: 2px;
-    border-top-right-radius: 0;
-  }
-  .list-group-horizontal-md .list-group-item:last-child {
-    margin-right: 0;
-    border-top-right-radius: 2px;
-    border-bottom-right-radius: 2px;
-    border-bottom-left-radius: 0;
-  }
-}
-@media (min-width: 992px) {
-  .list-group-horizontal-lg {
-    flex-direction: row;
-  }
-  .list-group-horizontal-lg .list-group-item {
-    margin-right: 0;
-    margin-bottom: 0;
-  }
-  .list-group-horizontal-lg .list-group-item:first-child {
-    border-top-left-radius: 2px;
-    border-bottom-left-radius: 2px;
-    border-top-right-radius: 0;
-  }
-  .list-group-horizontal-lg .list-group-item:last-child {
-    margin-right: 0;
-    border-top-right-radius: 2px;
-    border-bottom-right-radius: 2px;
-    border-bottom-left-radius: 0;
-  }
-}
-@media (min-width: 1200px) {
-  .list-group-horizontal-xl {
-    flex-direction: row;
-  }
-  .list-group-horizontal-xl .list-group-item {
-    margin-right: 0;
-    margin-bottom: 0;
-  }
-  .list-group-horizontal-xl .list-group-item:first-child {
-    border-top-left-radius: 2px;
-    border-bottom-left-radius: 2px;
-    border-top-right-radius: 0;
-  }
-  .list-group-horizontal-xl .list-group-item:last-child {
-    margin-right: 0;
-    border-top-right-radius: 2px;
-    border-bottom-right-radius: 2px;
-    border-bottom-left-radius: 0;
-  }
-}
-.list-group-flush .list-group-item {
-  border-right: 0;
-  border-left: 0;
-  border-radius: 0;
-}
-.list-group-flush .list-group-item:last-child {
-  margin-bottom: 0;
-}
-.list-group-flush:first-child .list-group-item:first-child {
-  border-top: 0;
-}
-.list-group-flush:last-child .list-group-item:last-child {
-  margin-bottom: 0;
-  border-bottom: 0;
-}
-.list-group-item-primary {
-  color: #003f56;
-  background-color: #b8dae6;
-}
-.list-group-item-primary.list-group-item-action:focus,
-.list-group-item-primary.list-group-item-action:hover {
-  color: #003f56;
-  background-color: #a5d0df;
-}
-.list-group-item-primary.list-group-item-action.active {
-  color: #d5d5d5;
-  background-color: #003f56;
-  border-color: #003f56;
-}
-.list-group-item-secondary {
-  color: #2e303d;
-  background-color: #d1d1d9;
-}
-.list-group-item-secondary.list-group-item-action:focus,
-.list-group-item-secondary.list-group-item-action:hover {
-  color: #2e303d;
-  background-color: #c3c3cd;
-}
-.list-group-item-secondary.list-group-item-action.active {
-  color: #d5d5d5;
-  background-color: #2e303d;
-  border-color: #2e303d;
-}
-.list-group-item-success {
-  color: #1a6147;
-  background-color: #c6ecde;
-}
-.list-group-item-success.list-group-item-action:focus,
-.list-group-item-success.list-group-item-action:hover {
-  color: #1a6147;
-  background-color: #b3e6d3;
-}
-.list-group-item-success.list-group-item-action.active {
-  color: #d5d5d5;
-  background-color: #1a6147;
-  border-color: #1a6147;
-}
-.list-group-item-info {
-  color: #1c3141;
-  background-color: #c6d2db;
-}
-.list-group-item-info.list-group-item-action:focus,
-.list-group-item-info.list-group-item-action:hover {
-  color: #1c3141;
-  background-color: #b6c6d1;
-}
-.list-group-item-info.list-group-item-action.active {
-  color: #d5d5d5;
-  background-color: #1c3141;
-  border-color: #1c3141;
-}
-.list-group-item-warning {
-  color: #693d1e;
-  background-color: #f0d8c8;
-}
-.list-group-item-warning.list-group-item-action:focus,
-.list-group-item-warning.list-group-item-action:hover {
-  color: #693d1e;
-  background-color: #ebcab4;
-}
-.list-group-item-warning.list-group-item-action.active {
-  color: #d5d5d5;
-  background-color: #693d1e;
-  border-color: #693d1e;
-}
-.list-group-item-danger {
-  color: #602121;
-  background-color: #ebcaca;
-}
-.list-group-item-danger.list-group-item-action:focus,
-.list-group-item-danger.list-group-item-action:hover {
-  color: #602121;
-  background-color: #e4b7b7;
-}
-.list-group-item-danger.list-group-item-action.active {
-  color: #d5d5d5;
-  background-color: #602121;
-  border-color: #602121;
-}
-.list-group-item-light {
-  color: #161721;
-  background-color: #c3c4c9;
-}
-.list-group-item-light.list-group-item-action:focus,
-.list-group-item-light.list-group-item-action:hover {
-  color: #161721;
-  background-color: #b6b7bd;
-}
-.list-group-item-light.list-group-item-action.active {
-  color: #d5d5d5;
-  background-color: #161721;
-  border-color: #161721;
-}
-.list-group-item-dark {
-  color: #12121c;
-  background-color: #c1c1c7;
-}
-.list-group-item-dark.list-group-item-action:focus,
-.list-group-item-dark.list-group-item-action:hover {
-  color: #12121c;
-  background-color: #b4b4bb;
-}
-.list-group-item-dark.list-group-item-action.active {
-  color: #d5d5d5;
-  background-color: #12121c;
-  border-color: #12121c;
-}
-.close {
-  float: right;
-  font-size: 1.5rem;
-  font-weight: 700;
-  line-height: 1;
-  color: #d5d5d5;
-  text-shadow: 0;
-  opacity: 0.5;
-}
-.close:hover {
-  color: #d5d5d5;
-  text-decoration: none;
-}
-.close:not(:disabled):not(.disabled):focus,
-.close:not(:disabled):not(.disabled):hover {
-  opacity: 0.75;
-}
-button.close {
-  padding: 0;
-  background-color: transparent;
-  border: 0;
-  appearance: none;
-}
-a.close.disabled {
-  pointer-events: none;
-}
-.toast {
-  max-width: 350px;
-  overflow: hidden;
-  font-size: 0.875rem;
-  background-color: rgba(255, 255, 255, 0.85);
-  background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
-  backdrop-filter: blur(10px);
-  opacity: 0;
-  border-radius: 0.25rem;
-}
-.toast:not(:last-child) {
-  margin-bottom: 0.75rem;
-}
-.toast.showing {
-  opacity: 1;
-}
-.toast.show {
-  display: block;
-  opacity: 1;
-}
-.toast.hide {
-  display: none;
-}
-.toast-header {
-  display: flex;
-  align-items: center;
-  padding: 0.25rem 0.75rem;
-  color: #868e96;
-  background-color: rgba(255, 255, 255, 0.85);
-  background-clip: padding-box;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-}
-.toast-body {
-  padding: 0.75rem;
-}
-.modal-open {
-  overflow: hidden;
-}
-.modal-open .modal {
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-.modal {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1050;
-  display: none;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  outline: 0;
-}
-.modal-dialog {
-  position: relative;
-  width: auto;
-  margin: 10px;
-  pointer-events: none;
-}
-.modal.fade .modal-dialog {
-  transition: transform 0.3s ease-out;
-  transform: translate(0, -50px);
-}
-@media (prefers-reduced-motion: reduce) {
-  .modal.fade .modal-dialog {
-    transition: none;
-  }
-}
-.modal.show .modal-dialog {
-  transform: none;
-}
-.modal-dialog-scrollable {
-  display: flex;
-  max-height: calc(100% - 20px);
-}
-.modal-dialog-scrollable .modal-content {
-  max-height: calc(100vh - 20px);
-  overflow: hidden;
-}
-.modal-dialog-scrollable .modal-footer,
-.modal-dialog-scrollable .modal-header {
-  flex-shrink: 0;
-}
-.modal-dialog-scrollable .modal-body {
-  overflow-y: auto;
-}
-.modal-dialog-centered {
-  display: flex;
-  align-items: center;
-  min-height: calc(100% - 20px);
-}
-.modal-dialog-centered::before {
-  display: block;
-  height: calc(100vh - 20px);
-  content: "";
-}
-.modal-dialog-centered.modal-dialog-scrollable {
-  flex-direction: column;
-  justify-content: center;
-  height: 100%;
-}
-.modal-dialog-centered.modal-dialog-scrollable .modal-content {
-  max-height: none;
-}
-.modal-dialog-centered.modal-dialog-scrollable::before {
-  content: none;
-}
-.modal-content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  color: #d5d5d5;
-  pointer-events: auto;
-  background-color: #1a1a1a;
-  background-clip: padding-box;
-  border: 1px solid #000000;
-  border-radius: 2px;
-  outline: 0;
-}
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1040;
-  width: 100vw;
-  height: 100vh;
-  background-color: #10111B;
-}
-.modal-backdrop.fade {
-  opacity: 0;
-}
-.modal-backdrop.show {
-  opacity: 0.4;
-}
-.modal-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  padding: 15px;
-  border-bottom: 1px solid #37373B;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 2px;
-}
-.modal-header .close {
-  padding: 15px;
-  margin: -1rem -1rem -1rem auto;
-}
-.modal-title {
-  margin-bottom: 0;
-  line-height: 1.5;
-}
-.modal-body {
-  position: relative;
-  flex: 1 1 auto;
-  padding: 15px;
-}
-.modal-footer {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding: 15px;
-  border-top: 1px solid #37373B;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.modal-footer > :not(:first-child) {
-  margin-left: 0.25rem;
-}
-.modal-footer > :not(:last-child) {
-  margin-right: 0.25rem;
-}
-.modal-scrollbar-measure {
-  position: absolute;
-  top: -9999px;
-  width: 50px;
-  height: 50px;
-  overflow: scroll;
-}
-@media (min-width: 576px) {
-  .modal-dialog {
-    max-width: 500px;
-    margin: 30px auto;
-  }
-  .modal-dialog-scrollable {
-    max-height: calc(100% - 60px);
-  }
-  .modal-dialog-scrollable .modal-content {
-    max-height: calc(100vh - 60px);
-  }
-  .modal-dialog-centered {
-    min-height: calc(100% - 60px);
-  }
-  .modal-dialog-centered::before {
-    height: calc(100vh - 60px);
-  }
-  .modal-sm {
-    max-width: 300px;
-  }
-}
-@media (min-width: 992px) {
-  .modal-lg,
-  .modal-xl {
-    max-width: 800px;
-  }
-}
-@media (min-width: 1200px) {
-  .modal-xl {
-    max-width: 1140px;
-  }
-}
-.tooltip {
-  position: absolute;
-  z-index: 1070;
-  display: block;
-  margin: 0;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
-    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
-    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1.5;
-  text-align: left;
-  text-align: start;
-  text-decoration: none;
-  text-shadow: none;
-  text-transform: none;
-  letter-spacing: normal;
-  word-break: normal;
-  word-spacing: normal;
-  white-space: normal;
-  line-break: auto;
-  font-size: 0.875rem;
-  word-wrap: break-word;
-  opacity: 0;
-}
-.tooltip.show {
-  opacity: 0.9;
-}
-.tooltip .arrow {
-  position: absolute;
-  display: block;
-  width: 5px;
-  height: 5px;
-}
-.tooltip .arrow::before {
-  position: absolute;
-  content: "";
-  border-color: transparent;
-  border-style: solid;
-}
-.bs-tooltip-auto[x-placement^="top"],
-.bs-tooltip-top {
-  padding: 5px 0;
-}
-.bs-tooltip-auto[x-placement^="top"] .arrow,
-.bs-tooltip-top .arrow {
-  bottom: 0;
-}
-.bs-tooltip-auto[x-placement^="top"] .arrow::before,
-.bs-tooltip-top .arrow::before {
-  top: 0;
-  border-width: 5px 2.5px 0;
-  border-top-color: #000;
-}
-.bs-tooltip-auto[x-placement^="right"],
-.bs-tooltip-right {
-  padding: 0 5px;
-}
-.bs-tooltip-auto[x-placement^="right"] .arrow,
-.bs-tooltip-right .arrow {
-  left: 0;
-  width: 5px;
-  height: 5px;
-}
-.bs-tooltip-auto[x-placement^="right"] .arrow::before,
-.bs-tooltip-right .arrow::before {
-  right: 0;
-  border-width: 2.5px 5px 2.5px 0;
-  border-right-color: #000;
-}
-.bs-tooltip-auto[x-placement^="bottom"],
-.bs-tooltip-bottom {
-  padding: 5px 0;
-}
-.bs-tooltip-auto[x-placement^="bottom"] .arrow,
-.bs-tooltip-bottom .arrow {
-  top: 0;
-}
-.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
-.bs-tooltip-bottom .arrow::before {
-  bottom: 0;
-  border-width: 0 2.5px 5px;
-  border-bottom-color: #000;
-}
-.bs-tooltip-auto[x-placement^="left"],
-.bs-tooltip-left {
-  padding: 0 5px;
-}
-.bs-tooltip-auto[x-placement^="left"] .arrow,
-.bs-tooltip-left .arrow {
-  right: 0;
-  width: 5px;
-  height: 5px;
-}
-.bs-tooltip-auto[x-placement^="left"] .arrow::before,
-.bs-tooltip-left .arrow::before {
-  left: 0;
-  border-width: 2.5px 0 2.5px 5px;
-  border-left-color: #000;
-}
-.tooltip-inner {
-  max-width: 200px;
-  padding: 3px 8px;
-  color: #d5d5d5;
-  text-align: center;
-  background-color: #000;
-  border-radius: 2px;
-}
-.popover {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1060;
-  display: block;
-  max-width: 276px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
-    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
-    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1.5;
-  text-align: left;
-  text-align: start;
-  text-decoration: none;
-  text-shadow: none;
-  text-transform: none;
-  letter-spacing: normal;
-  word-break: normal;
-  word-spacing: normal;
-  white-space: normal;
-  line-break: auto;
-  font-size: 0.875rem;
-  word-wrap: break-word;
-  background-color: #000;
-  background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 2px;
-}
-.popover .arrow {
-  position: absolute;
-  display: block;
-  width: 10px;
-  height: 5px;
-  margin: 0 2px;
-}
-.popover .arrow::after,
-.popover .arrow::before {
-  position: absolute;
-  display: block;
-  content: "";
-  border-color: transparent;
-  border-style: solid;
-}
-.bs-popover-auto[x-placement^="top"],
-.bs-popover-top {
-  margin-bottom: 5px;
-}
-.bs-popover-auto[x-placement^="top"] > .arrow,
-.bs-popover-top > .arrow {
-  bottom: calc((5px + 1px) * -1);
-}
-.bs-popover-auto[x-placement^="top"] > .arrow::before,
-.bs-popover-top > .arrow::before {
-  bottom: 0;
-  border-width: 5px 5px 0;
-  border-top-color: rgba(0, 0, 0, 0.25);
-}
-.bs-popover-auto[x-placement^="top"] > .arrow::after,
-.bs-popover-top > .arrow::after {
-  bottom: 1px;
-  border-width: 5px 5px 0;
-  border-top-color: #000;
-}
-.bs-popover-auto[x-placement^="right"],
-.bs-popover-right {
-  margin-left: 5px;
-}
-.bs-popover-auto[x-placement^="right"] > .arrow,
-.bs-popover-right > .arrow {
-  left: calc((5px + 1px) * -1);
-  width: 5px;
-  height: 10px;
-  margin: 2px 0;
-}
-.bs-popover-auto[x-placement^="right"] > .arrow::before,
-.bs-popover-right > .arrow::before {
-  left: 0;
-  border-width: 5px 5px 5px 0;
-  border-right-color: rgba(0, 0, 0, 0.25);
-}
-.bs-popover-auto[x-placement^="right"] > .arrow::after,
-.bs-popover-right > .arrow::after {
-  left: 1px;
-  border-width: 5px 5px 5px 0;
-  border-right-color: #000;
-}
-.bs-popover-auto[x-placement^="bottom"],
-.bs-popover-bottom {
-  margin-top: 5px;
-}
-.bs-popover-auto[x-placement^="bottom"] > .arrow,
-.bs-popover-bottom > .arrow {
-  top: calc((5px + 1px) * -1);
-}
-.bs-popover-auto[x-placement^="bottom"] > .arrow::before,
-.bs-popover-bottom > .arrow::before {
-  top: 0;
-  border-width: 0 5px 5px 5px;
-  border-bottom-color: rgba(0, 0, 0, 0.25);
-}
-.bs-popover-auto[x-placement^="bottom"] > .arrow::after,
-.bs-popover-bottom > .arrow::after {
-  top: 1px;
-  border-width: 0 5px 5px 5px;
-  border-bottom-color: #000;
-}
-.bs-popover-auto[x-placement^="bottom"] .popover-header::before,
-.bs-popover-bottom .popover-header::before {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  display: block;
-  width: 10px;
-  margin-left: -5px;
-  content: "";
-  border-bottom: 1px solid #000;
-}
-.bs-popover-auto[x-placement^="left"],
-.bs-popover-left {
-  margin-right: 5px;
-}
-.bs-popover-auto[x-placement^="left"] > .arrow,
-.bs-popover-left > .arrow {
-  right: calc((5px + 1px) * -1);
-  width: 5px;
-  height: 10px;
-  margin: 2px 0;
-}
-.bs-popover-auto[x-placement^="left"] > .arrow::before,
-.bs-popover-left > .arrow::before {
-  right: 0;
-  border-width: 5px 0 5px 5px;
-  border-left-color: rgba(0, 0, 0, 0.25);
-}
-.bs-popover-auto[x-placement^="left"] > .arrow::after,
-.bs-popover-left > .arrow::after {
-  right: 1px;
-  border-width: 5px 0 5px 5px;
-  border-left-color: #000;
-}
-.popover-header {
-  padding: 8px 14px;
-  margin-bottom: 0;
-  font-size: 1rem;
-  color: #d5d5d5;
-  background-color: #000;
-  border-bottom: 1px solid #000;
-  border-top-left-radius: calc(2px - 1px);
-  border-top-right-radius: calc(2px - 1px);
-}
-.popover-header:empty {
-  display: none;
-}
-.popover-body {
-  padding: 9px 14px;
-  color: #d5d5d5;
-}
-.carousel {
-  position: relative;
-}
-.carousel.pointer-event {
-  touch-action: pan-y;
-}
-.carousel-inner {
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-}
-.carousel-inner::after {
-  display: block;
-  clear: both;
-  content: "";
-}
-.carousel-item {
-  position: relative;
-  display: none;
-  float: left;
-  width: 100%;
-  margin-right: -100%;
-  backface-visibility: hidden;
-  transition: transform 0.6s ease;
-}
-@media (prefers-reduced-motion: reduce) {
-  .carousel-item {
-    transition: none;
-  }
-}
-.carousel-item-next,
-.carousel-item-prev,
-.carousel-item.active {
-  display: block;
-}
-.active.carousel-item-right,
-.carousel-item-next:not(.carousel-item-left) {
-  transform: translateX(100%);
-}
-.active.carousel-item-left,
-.carousel-item-prev:not(.carousel-item-right) {
-  transform: translateX(-100%);
-}
-.carousel-fade .carousel-item {
-  opacity: 0;
-  transition-property: opacity;
-  transform: none;
-}
-.carousel-fade .carousel-item-next.carousel-item-left,
-.carousel-fade .carousel-item-prev.carousel-item-right,
-.carousel-fade .carousel-item.active {
-  z-index: 1;
-  opacity: 1;
-}
-.carousel-fade .active.carousel-item-left,
-.carousel-fade .active.carousel-item-right {
-  z-index: 0;
-  opacity: 0;
-  transition: 0s 0.6s opacity;
-}
-@media (prefers-reduced-motion: reduce) {
-  .carousel-fade .active.carousel-item-left,
-  .carousel-fade .active.carousel-item-right {
-    transition: none;
-  }
-}
-.carousel-control-next,
-.carousel-control-prev {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 15%;
-  color: #d5d5d5;
-  text-align: center;
-  opacity: 0.5;
-  transition: opacity 0.15s ease;
-}
-@media (prefers-reduced-motion: reduce) {
-  .carousel-control-next,
-  .carousel-control-prev {
-    transition: none;
-  }
-}
-.carousel-control-next:focus,
-.carousel-control-next:hover,
-.carousel-control-prev:focus,
-.carousel-control-prev:hover {
-  color: #d5d5d5;
-  text-decoration: none;
-  outline: 0;
-  opacity: 0.9;
-}
-.carousel-control-prev {
-  left: 0;
-}
-.carousel-control-next {
-  right: 0;
-}
-.carousel-control-next-icon,
-.carousel-control-prev-icon {
-  display: inline-block;
-  width: 20px;
-  height: 20px;
-  background: no-repeat 50%/100% 100%;
-}
-.carousel-control-prev-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d5d5d5' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
-}
-.carousel-control-next-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d5d5d5' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
-}
-.carousel-indicators {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 15;
-  display: flex;
-  justify-content: center;
-  padding-left: 0;
-  margin-right: 15%;
-  margin-left: 15%;
-  list-style: none;
-}
-.carousel-indicators li {
-  box-sizing: content-box;
-  flex: 0 1 auto;
-  width: 30px;
-  height: 3px;
-  margin-right: 3px;
-  margin-left: 3px;
-  text-indent: -999px;
-  cursor: pointer;
-  background-color: #d5d5d5;
-  background-clip: padding-box;
-  border-top: 10px solid transparent;
-  border-bottom: 10px solid transparent;
-  opacity: 0.5;
-  transition: opacity 0.6s ease;
-}
-@media (prefers-reduced-motion: reduce) {
-  .carousel-indicators li {
-    transition: none;
-  }
-}
-.carousel-indicators .active {
-  opacity: 1;
-}
-.carousel-caption {
-  position: absolute;
-  right: 15%;
-  bottom: 20px;
-  left: 15%;
-  z-index: 10;
-  padding-top: 20px;
-  padding-bottom: 20px;
-  color: #d5d5d5;
-  text-align: center;
-}
-@keyframes spinner-border {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.spinner-border {
-  display: inline-block;
-  width: 2rem;
-  height: 2rem;
-  vertical-align: text-bottom;
-  border: 0.25em solid currentColor;
-  border-right-color: transparent;
-  border-radius: 50%;
-  animation: spinner-border 0.75s linear infinite;
-}
-.spinner-border-sm {
-  width: 1rem;
-  height: 1rem;
-  border-width: 0.2em;
-}
-@keyframes spinner-grow {
-  0% {
-    transform: scale(0);
-  }
-  50% {
-    opacity: 1;
-  }
-}
-.spinner-grow {
-  display: inline-block;
-  width: 2rem;
-  height: 2rem;
-  vertical-align: text-bottom;
-  background-color: currentColor;
-  border-radius: 50%;
-  opacity: 0;
-  animation: spinner-grow 0.75s linear infinite;
-}
-.spinner-grow-sm {
-  width: 1rem;
-  height: 1rem;
-}
-.align-baseline {
-  vertical-align: baseline !important;
-}
-.align-top {
-  vertical-align: top !important;
-}
-.align-middle {
-  vertical-align: middle !important;
-}
-.align-bottom {
-  vertical-align: bottom !important;
-}
-.align-text-bottom {
-  vertical-align: text-bottom !important;
-}
-.align-text-top {
-  vertical-align: text-top !important;
-}
-.bg-primary {
-  background-color: #28282D !important;
-}
-a.bg-primary:focus,
-a.bg-primary:hover,
-button.bg-primary:focus,
-button.bg-primary:hover {
-  background-color: #005573 !important;
-}
-.bg-secondary {
-  background-color: #38383c !important;
-}
-a.bg-secondary:focus,
-a.bg-secondary:hover,
-button.bg-secondary:focus,
-button.bg-secondary:hover {
-  background-color: #434559 !important;
-}
-.bg-success {
-  background-color: #366a57 !important;
-}
-a.bg-success:focus,
-a.bg-success:hover,
-button.bg-success:focus,
-button.bg-success:hover {
-  background-color: #27926b !important;
-}
-.bg-info {
-  background-color: #053c64 !important;
-}
-a.bg-info:focus,
-a.bg-info:hover,
-button.bg-info:focus,
-button.bg-info:hover {
-  background-color: #264459 !important;
-}
-.bg-warning {
-  background-color: #8a5026 !important;
-}
-a.bg-warning:focus,
-a.bg-warning:hover,
-button.bg-warning:focus,
-button.bg-warning:hover {
-  background-color: #a35e2c !important;
-}
-.bg-danger {
-  background-color: #823a3a !important;
-}
-a.bg-danger:focus,
-a.bg-danger:hover,
-button.bg-danger:focus,
-button.bg-danger:hover {
-  background-color: #923333 !important;
-}
-.bg-light {
-  background-color: #1f2020 !important;
-}
-a.bg-light:focus,
-a.bg-light:hover,
-button.bg-light:focus,
-button.bg-light:hover {
-  background-color: #161720 !important;
-}
-.bg-dark {
-  background-color: #1a1a1a !important;
-}
-a.bg-dark:focus,
-a.bg-dark:hover,
-button.bg-dark:focus,
-button.bg-dark:hover {
-  background-color: #0e0f17 !important;
-}
-.bg-white {
-  background-color: #d5d5d5 !important;
-}
-.bg-transparent {
-  background-color: transparent !important;
-}
-.border {
-  border: 1px solid #3c3a3a !important;
-}
-.border-top {
-  border-top: 1px solid #37373B !important;
-}
-.border-right {
-  border-right: 1px solid #37373B !important;
-}
-.border-bottom {
-  border-bottom: 1px solid #3c3a3a !important;
-}
-.border-left {
-  border-left: 1px solid #000000 !important;
-}
-.border-0 {
-  border: 0 !important;
-}
-.border-top-0 {
-  border-top: 0 !important;
-}
-.border-right-0 {
-  border-right: 0 !important;
-}
-.border-bottom-0 {
-  border-bottom: 0 !important;
-}
-.border-left-0 {
-  border-left: 0 !important;
-}
-.border-primary {
-  border-color: #007aa6 !important;
-}
-.border-secondary {
-  border-color: #38383c !important;
-}
-.border-success {
-  border-color: #32ba89 !important;
-}
-.border-info {
-  border-color: #053c64 !important;
-}
-.border-warning {
-  border-color: #8a5026 !important;
-}
-.border-danger {
-  border-color: #823a3a !important;
-}
-.border-light {
-  border-color: #1f2020 !important;
-}
-.border-dark {
-  border-color: #000000 !important;
-}
-.border-white {
-  border-color: #d5d5d5 !important;
-}
-.rounded-sm {
-  border-radius: 2px !important;
-}
-.rounded {
-  border-radius: 2px !important;
-}
-.rounded-top {
-  border-top-left-radius: 2px !important;
-  border-top-right-radius: 2px !important;
-}
-.rounded-right {
-  border-top-right-radius: 2px !important;
-  border-bottom-right-radius: 2px !important;
-}
-.rounded-bottom {
-  border-bottom-right-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-}
-.rounded-left {
-  border-top-left-radius: 2px !important;
-  border-bottom-left-radius: 2px !important;
-}
-.rounded-lg {
-  border-radius: 2px !important;
-}
-.rounded-circle {
-  border-radius: 50% !important;
-}
-.rounded-pill {
-  border-radius: 50rem !important;
-}
-.rounded-0 {
-  border-radius: 0 !important;
-}
-.clearfix::after {
-  display: block;
-  clear: both;
-  content: "";
-}
-.d-none {
-  display: none !important;
-}
-.d-inline {
-  display: inline !important;
-}
-.d-inline-block {
-  display: inline-block !important;
-}
-.d-block {
-  display: block !important;
-}
-.d-table {
-  display: table !important;
-}
-.d-table-row {
-  display: table-row !important;
-}
-.d-table-cell {
-  display: table-cell !important;
-}
-.d-flex {
-  display: flex !important;
-}
-.d-inline-flex {
-  display: inline-flex !important;
-}
-@media (min-width: 576px) {
-  .d-sm-none {
-    display: none !important;
-  }
-  .d-sm-inline {
-    display: inline !important;
-  }
-  .d-sm-inline-block {
-    display: inline-block !important;
-  }
-  .d-sm-block {
-    display: block !important;
-  }
-  .d-sm-table {
-    display: table !important;
-  }
-  .d-sm-table-row {
-    display: table-row !important;
-  }
-  .d-sm-table-cell {
-    display: table-cell !important;
-  }
-  .d-sm-flex {
-    display: flex !important;
-  }
-  .d-sm-inline-flex {
-    display: inline-flex !important;
-  }
-}
-@media (min-width: 768px) {
-  .d-md-none {
-    display: none !important;
-  }
-  .d-md-inline {
-    display: inline !important;
-  }
-  .d-md-inline-block {
-    display: inline-block !important;
-  }
-  .d-md-block {
-    display: block !important;
-  }
-  .d-md-table {
-    display: table !important;
-  }
-  .d-md-table-row {
-    display: table-row !important;
-  }
-  .d-md-table-cell {
-    display: table-cell !important;
-  }
-  .d-md-flex {
-    display: flex !important;
-  }
-  .d-md-inline-flex {
-    display: inline-flex !important;
-  }
-}
-@media (min-width: 992px) {
-  .d-lg-none {
-    display: none !important;
-  }
-  .d-lg-inline {
-    display: inline !important;
-  }
-  .d-lg-inline-block {
-    display: inline-block !important;
-  }
-  .d-lg-block {
-    display: block !important;
-  }
-  .d-lg-table {
-    display: table !important;
-  }
-  .d-lg-table-row {
-    display: table-row !important;
-  }
-  .d-lg-table-cell {
-    display: table-cell !important;
-  }
-  .d-lg-flex {
-    display: flex !important;
-  }
-  .d-lg-inline-flex {
-    display: inline-flex !important;
-  }
-}
-@media (min-width: 1200px) {
-  .d-xl-none {
-    display: none !important;
-  }
-  .d-xl-inline {
-    display: inline !important;
-  }
-  .d-xl-inline-block {
-    display: inline-block !important;
-  }
-  .d-xl-block {
-    display: block !important;
-  }
-  .d-xl-table {
-    display: table !important;
-  }
-  .d-xl-table-row {
-    display: table-row !important;
-  }
-  .d-xl-table-cell {
-    display: table-cell !important;
-  }
-  .d-xl-flex {
-    display: flex !important;
-  }
-  .d-xl-inline-flex {
-    display: inline-flex !important;
-  }
-}
-@media print {
-  .d-print-none {
-    display: none !important;
-  }
-  .d-print-inline {
-    display: inline !important;
-  }
-  .d-print-inline-block {
-    display: inline-block !important;
-  }
-  .d-print-block {
-    display: block !important;
-  }
-  .d-print-table {
-    display: table !important;
-  }
-  .d-print-table-row {
-    display: table-row !important;
-  }
-  .d-print-table-cell {
-    display: table-cell !important;
-  }
-  .d-print-flex {
-    display: flex !important;
-  }
-  .d-print-inline-flex {
-    display: inline-flex !important;
-  }
-}
-.embed-responsive {
-  position: relative;
-  display: block;
-  width: 100%;
-  padding: 0;
-  overflow: hidden;
-}
-.embed-responsive::before {
-  display: block;
-  content: "";
-}
-.embed-responsive .embed-responsive-item,
-.embed-responsive embed,
-.embed-responsive iframe,
-.embed-responsive object,
-.embed-responsive video {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: 0;
-}
-.embed-responsive-21by9::before {
-  padding-top: 42.85714%;
-}
-.embed-responsive-16by9::before {
-  padding-top: 56.25%;
-}
-.embed-responsive-4by3::before {
-  padding-top: 75%;
-}
-.embed-responsive-1by1::before {
-  padding-top: 100%;
-}
-.flex-row {
-  flex-direction: row !important;
-}
-.flex-column {
-  flex-direction: column !important;
-}
-.flex-row-reverse {
-  flex-direction: row-reverse !important;
-}
-.flex-column-reverse {
-  flex-direction: column-reverse !important;
-}
-.flex-wrap {
-  flex-wrap: wrap !important;
-}
-.flex-nowrap {
-  flex-wrap: nowrap !important;
-}
-.flex-wrap-reverse {
-  flex-wrap: wrap-reverse !important;
-}
-.flex-fill {
-  flex: 1 1 auto !important;
-}
-.flex-grow-0 {
-  flex-grow: 0 !important;
-}
-.flex-grow-1 {
-  flex-grow: 1 !important;
-}
-.flex-shrink-0 {
-  flex-shrink: 0 !important;
-}
-.flex-shrink-1 {
-  flex-shrink: 1 !important;
-}
-.justify-content-start {
-  justify-content: flex-start !important;
-}
-.justify-content-end {
-  justify-content: flex-end !important;
-}
-.justify-content-center {
-  justify-content: center !important;
-}
-.justify-content-between {
-  justify-content: space-between !important;
-}
-.justify-content-around {
-  justify-content: space-around !important;
-}
-.align-items-start {
-  align-items: flex-start !important;
-}
-.align-items-end {
-  align-items: flex-end !important;
-}
-.align-items-center {
-  align-items: center !important;
-}
-.align-items-baseline {
-  align-items: baseline !important;
-}
-.align-items-stretch {
-  align-items: stretch !important;
-}
-.align-content-start {
-  align-content: flex-start !important;
-}
-.align-content-end {
-  align-content: flex-end !important;
-}
-.align-content-center {
-  align-content: center !important;
-}
-.align-content-between {
-  align-content: space-between !important;
-}
-.align-content-around {
-  align-content: space-around !important;
-}
-.align-content-stretch {
-  align-content: stretch !important;
-}
-.align-self-auto {
-  align-self: auto !important;
-}
-.align-self-start {
-  align-self: flex-start !important;
-}
-.align-self-end {
-  align-self: flex-end !important;
-}
-.align-self-center {
-  align-self: center !important;
-}
-.align-self-baseline {
-  align-self: baseline !important;
-}
-.align-self-stretch {
-  align-self: stretch !important;
-}
-@media (min-width: 576px) {
-  .flex-sm-row {
-    flex-direction: row !important;
-  }
-  .flex-sm-column {
-    flex-direction: column !important;
-  }
-  .flex-sm-row-reverse {
-    flex-direction: row-reverse !important;
-  }
-  .flex-sm-column-reverse {
-    flex-direction: column-reverse !important;
-  }
-  .flex-sm-wrap {
-    flex-wrap: wrap !important;
-  }
-  .flex-sm-nowrap {
-    flex-wrap: nowrap !important;
-  }
-  .flex-sm-wrap-reverse {
-    flex-wrap: wrap-reverse !important;
-  }
-  .flex-sm-fill {
-    flex: 1 1 auto !important;
-  }
-  .flex-sm-grow-0 {
-    flex-grow: 0 !important;
-  }
-  .flex-sm-grow-1 {
-    flex-grow: 1 !important;
-  }
-  .flex-sm-shrink-0 {
-    flex-shrink: 0 !important;
-  }
-  .flex-sm-shrink-1 {
-    flex-shrink: 1 !important;
-  }
-  .justify-content-sm-start {
-    justify-content: flex-start !important;
-  }
-  .justify-content-sm-end {
-    justify-content: flex-end !important;
-  }
-  .justify-content-sm-center {
-    justify-content: center !important;
-  }
-  .justify-content-sm-between {
-    justify-content: space-between !important;
-  }
-  .justify-content-sm-around {
-    justify-content: space-around !important;
-  }
-  .align-items-sm-start {
-    align-items: flex-start !important;
-  }
-  .align-items-sm-end {
-    align-items: flex-end !important;
-  }
-  .align-items-sm-center {
-    align-items: center !important;
-  }
-  .align-items-sm-baseline {
-    align-items: baseline !important;
-  }
-  .align-items-sm-stretch {
-    align-items: stretch !important;
-  }
-  .align-content-sm-start {
-    align-content: flex-start !important;
-  }
-  .align-content-sm-end {
-    align-content: flex-end !important;
-  }
-  .align-content-sm-center {
-    align-content: center !important;
-  }
-  .align-content-sm-between {
-    align-content: space-between !important;
-  }
-  .align-content-sm-around {
-    align-content: space-around !important;
-  }
-  .align-content-sm-stretch {
-    align-content: stretch !important;
-  }
-  .align-self-sm-auto {
-    align-self: auto !important;
-  }
-  .align-self-sm-start {
-    align-self: flex-start !important;
-  }
-  .align-self-sm-end {
-    align-self: flex-end !important;
-  }
-  .align-self-sm-center {
-    align-self: center !important;
-  }
-  .align-self-sm-baseline {
-    align-self: baseline !important;
-  }
-  .align-self-sm-stretch {
-    align-self: stretch !important;
-  }
-}
-@media (min-width: 768px) {
-  .flex-md-row {
-    flex-direction: row !important;
-  }
-  .flex-md-column {
-    flex-direction: column !important;
-  }
-  .flex-md-row-reverse {
-    flex-direction: row-reverse !important;
-  }
-  .flex-md-column-reverse {
-    flex-direction: column-reverse !important;
-  }
-  .flex-md-wrap {
-    flex-wrap: wrap !important;
-  }
-  .flex-md-nowrap {
-    flex-wrap: nowrap !important;
-  }
-  .flex-md-wrap-reverse {
-    flex-wrap: wrap-reverse !important;
-  }
-  .flex-md-fill {
-    flex: 1 1 auto !important;
-  }
-  .flex-md-grow-0 {
-    flex-grow: 0 !important;
-  }
-  .flex-md-grow-1 {
-    flex-grow: 1 !important;
-  }
-  .flex-md-shrink-0 {
-    flex-shrink: 0 !important;
-  }
-  .flex-md-shrink-1 {
-    flex-shrink: 1 !important;
-  }
-  .justify-content-md-start {
-    justify-content: flex-start !important;
-  }
-  .justify-content-md-end {
-    justify-content: flex-end !important;
-  }
-  .justify-content-md-center {
-    justify-content: center !important;
-  }
-  .justify-content-md-between {
-    justify-content: space-between !important;
-  }
-  .justify-content-md-around {
-    justify-content: space-around !important;
-  }
-  .align-items-md-start {
-    align-items: flex-start !important;
-  }
-  .align-items-md-end {
-    align-items: flex-end !important;
-  }
-  .align-items-md-center {
-    align-items: center !important;
-  }
-  .align-items-md-baseline {
-    align-items: baseline !important;
-  }
-  .align-items-md-stretch {
-    align-items: stretch !important;
-  }
-  .align-content-md-start {
-    align-content: flex-start !important;
-  }
-  .align-content-md-end {
-    align-content: flex-end !important;
-  }
-  .align-content-md-center {
-    align-content: center !important;
-  }
-  .align-content-md-between {
-    align-content: space-between !important;
-  }
-  .align-content-md-around {
-    align-content: space-around !important;
-  }
-  .align-content-md-stretch {
-    align-content: stretch !important;
-  }
-  .align-self-md-auto {
-    align-self: auto !important;
-  }
-  .align-self-md-start {
-    align-self: flex-start !important;
-  }
-  .align-self-md-end {
-    align-self: flex-end !important;
-  }
-  .align-self-md-center {
-    align-self: center !important;
-  }
-  .align-self-md-baseline {
-    align-self: baseline !important;
-  }
-  .align-self-md-stretch {
-    align-self: stretch !important;
-  }
-}
-@media (min-width: 992px) {
-  .flex-lg-row {
-    flex-direction: row !important;
-  }
-  .flex-lg-column {
-    flex-direction: column !important;
-  }
-  .flex-lg-row-reverse {
-    flex-direction: row-reverse !important;
-  }
-  .flex-lg-column-reverse {
-    flex-direction: column-reverse !important;
-  }
-  .flex-lg-wrap {
-    flex-wrap: wrap !important;
-  }
-  .flex-lg-nowrap {
-    flex-wrap: nowrap !important;
-  }
-  .flex-lg-wrap-reverse {
-    flex-wrap: wrap-reverse !important;
-  }
-  .flex-lg-fill {
-    flex: 1 1 auto !important;
-  }
-  .flex-lg-grow-0 {
-    flex-grow: 0 !important;
-  }
-  .flex-lg-grow-1 {
-    flex-grow: 1 !important;
-  }
-  .flex-lg-shrink-0 {
-    flex-shrink: 0 !important;
-  }
-  .flex-lg-shrink-1 {
-    flex-shrink: 1 !important;
-  }
-  .justify-content-lg-start {
-    justify-content: flex-start !important;
-  }
-  .justify-content-lg-end {
-    justify-content: flex-end !important;
-  }
-  .justify-content-lg-center {
-    justify-content: center !important;
-  }
-  .justify-content-lg-between {
-    justify-content: space-between !important;
-  }
-  .justify-content-lg-around {
-    justify-content: space-around !important;
-  }
-  .align-items-lg-start {
-    align-items: flex-start !important;
-  }
-  .align-items-lg-end {
-    align-items: flex-end !important;
-  }
-  .align-items-lg-center {
-    align-items: center !important;
-  }
-  .align-items-lg-baseline {
-    align-items: baseline !important;
-  }
-  .align-items-lg-stretch {
-    align-items: stretch !important;
-  }
-  .align-content-lg-start {
-    align-content: flex-start !important;
-  }
-  .align-content-lg-end {
-    align-content: flex-end !important;
-  }
-  .align-content-lg-center {
-    align-content: center !important;
-  }
-  .align-content-lg-between {
-    align-content: space-between !important;
-  }
-  .align-content-lg-around {
-    align-content: space-around !important;
-  }
-  .align-content-lg-stretch {
-    align-content: stretch !important;
-  }
-  .align-self-lg-auto {
-    align-self: auto !important;
-  }
-  .align-self-lg-start {
-    align-self: flex-start !important;
-  }
-  .align-self-lg-end {
-    align-self: flex-end !important;
-  }
-  .align-self-lg-center {
-    align-self: center !important;
-  }
-  .align-self-lg-baseline {
-    align-self: baseline !important;
-  }
-  .align-self-lg-stretch {
-    align-self: stretch !important;
-  }
-}
-@media (min-width: 1200px) {
-  .flex-xl-row {
-    flex-direction: row !important;
-  }
-  .flex-xl-column {
-    flex-direction: column !important;
-  }
-  .flex-xl-row-reverse {
-    flex-direction: row-reverse !important;
-  }
-  .flex-xl-column-reverse {
-    flex-direction: column-reverse !important;
-  }
-  .flex-xl-wrap {
-    flex-wrap: wrap !important;
-  }
-  .flex-xl-nowrap {
-    flex-wrap: nowrap !important;
-  }
-  .flex-xl-wrap-reverse {
-    flex-wrap: wrap-reverse !important;
-  }
-  .flex-xl-fill {
-    flex: 1 1 auto !important;
-  }
-  .flex-xl-grow-0 {
-    flex-grow: 0 !important;
-  }
-  .flex-xl-grow-1 {
-    flex-grow: 1 !important;
-  }
-  .flex-xl-shrink-0 {
-    flex-shrink: 0 !important;
-  }
-  .flex-xl-shrink-1 {
-    flex-shrink: 1 !important;
-  }
-  .justify-content-xl-start {
-    justify-content: flex-start !important;
-  }
-  .justify-content-xl-end {
-    justify-content: flex-end !important;
-  }
-  .justify-content-xl-center {
-    justify-content: center !important;
-  }
-  .justify-content-xl-between {
-    justify-content: space-between !important;
-  }
-  .justify-content-xl-around {
-    justify-content: space-around !important;
-  }
-  .align-items-xl-start {
-    align-items: flex-start !important;
-  }
-  .align-items-xl-end {
-    align-items: flex-end !important;
-  }
-  .align-items-xl-center {
-    align-items: center !important;
-  }
-  .align-items-xl-baseline {
-    align-items: baseline !important;
-  }
-  .align-items-xl-stretch {
-    align-items: stretch !important;
-  }
-  .align-content-xl-start {
-    align-content: flex-start !important;
-  }
-  .align-content-xl-end {
-    align-content: flex-end !important;
-  }
-  .align-content-xl-center {
-    align-content: center !important;
-  }
-  .align-content-xl-between {
-    align-content: space-between !important;
-  }
-  .align-content-xl-around {
-    align-content: space-around !important;
-  }
-  .align-content-xl-stretch {
-    align-content: stretch !important;
-  }
-  .align-self-xl-auto {
-    align-self: auto !important;
-  }
-  .align-self-xl-start {
-    align-self: flex-start !important;
-  }
-  .align-self-xl-end {
-    align-self: flex-end !important;
-  }
-  .align-self-xl-center {
-    align-self: center !important;
-  }
-  .align-self-xl-baseline {
-    align-self: baseline !important;
-  }
-  .align-self-xl-stretch {
-    align-self: stretch !important;
-  }
-}
-.float-left {
-  float: left !important;
-}
-.float-right {
-  float: right !important;
-}
-.float-none {
-  float: none !important;
-}
-@media (min-width: 576px) {
-  .float-sm-left {
-    float: left !important;
-  }
-  .float-sm-right {
-    float: right !important;
-  }
-  .float-sm-none {
-    float: none !important;
-  }
-}
-@media (min-width: 768px) {
-  .float-md-left {
-    float: left !important;
-  }
-  .float-md-right {
-    float: right !important;
-  }
-  .float-md-none {
-    float: none !important;
-  }
-}
-@media (min-width: 992px) {
-  .float-lg-left {
-    float: left !important;
-  }
-  .float-lg-right {
-    float: right !important;
-  }
-  .float-lg-none {
-    float: none !important;
-  }
-}
-@media (min-width: 1200px) {
-  .float-xl-left {
-    float: left !important;
-  }
-  .float-xl-right {
-    float: right !important;
-  }
-  .float-xl-none {
-    float: none !important;
-  }
-}
-.overflow-auto {
-  overflow: auto !important;
-}
-.overflow-hidden {
-  overflow: hidden !important;
-}
-.position-static {
-  position: static !important;
-}
-.position-relative {
-  position: relative !important;
-}
-.position-absolute {
-  position: absolute !important;
-}
-.position-fixed {
-  position: fixed !important;
-}
-.position-sticky {
-  position: sticky !important;
-}
-.fixed-top {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 1030;
-}
-.fixed-bottom {
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1030;
-}
-@supports (position: sticky) {
-  .sticky-top {
-    position: sticky;
-    top: 0;
-    z-index: 1020;
-  }
-}
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-.sr-only-focusable:active,
-.sr-only-focusable:focus {
-  position: static;
-  width: auto;
-  height: auto;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-}
-.shadow-sm {
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
-}
-.shadow {
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
-}
-.shadow-lg {
-  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
-}
-.shadow-none {
-  box-shadow: none !important;
-}
-.w-25 {
-  width: 25% !important;
-}
-.w-50 {
-  width: 50% !important;
-}
-.w-75 {
-  width: 75% !important;
-}
-.w-100 {
-  width: 100% !important;
-}
-.w-auto {
-  width: auto !important;
-}
-.h-25 {
-  height: 25% !important;
-}
-.h-50 {
-  height: 50% !important;
-}
-.h-75 {
-  height: 75% !important;
-}
-.h-100 {
-  height: 100% !important;
-}
-.h-auto {
-  height: auto !important;
-}
-.mw-100 {
-  max-width: 100% !important;
-}
-.mh-100 {
-  max-height: 100% !important;
-}
-.min-vw-100 {
-  min-width: 100vw !important;
-}
-.min-vh-100 {
-  min-height: 100vh !important;
-}
-.vw-100 {
-  width: 100vw !important;
-}
-.vh-100 {
-  height: 100vh !important;
-}
-.stretched-link::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  pointer-events: auto;
-  content: "";
-  background-color: rgba(0, 0, 0, 0);
-}
-.m-0 {
-  margin: 0 !important;
-}
-.mt-0,
-.my-0 {
-  margin-top: 0 !important;
-}
-.mr-0,
-.mx-0 {
-  margin-right: 0 !important;
-}
-.mb-0,
-.my-0 {
-  margin-bottom: 0 !important;
-}
-.ml-0,
-.mx-0 {
-  margin-left: 0 !important;
-}
-.m-1 {
-  margin: 0.25rem !important;
-}
-.mt-1,
-.my-1 {
-  margin-top: 0.25rem !important;
-}
-.mr-1,
-.mx-1 {
-  margin-right: 0.25rem !important;
-}
-.mb-1,
-.my-1 {
-  margin-bottom: 0.25rem !important;
-}
-.ml-1,
-.mx-1 {
-  margin-left: 0.25rem !important;
-}
-.m-2 {
-  margin: 0.5rem !important;
-}
-.mt-2,
-.my-2 {
-  margin-top: 0.5rem !important;
-}
-.mr-2,
-.mx-2 {
-  margin-right: 0.5rem !important;
-}
-.mb-2,
-.my-2 {
-  margin-bottom: 0.5rem !important;
-}
-.ml-2,
-.mx-2 {
-  margin-left: 0.5rem !important;
-}
-.m-3 {
-  margin: 1rem !important;
-}
-.mt-3,
-.my-3 {
-  margin-top: 1rem !important;
-}
-.mr-3,
-.mx-3 {
-  margin-right: 1rem !important;
-}
-.mb-3,
-.my-3 {
-  margin-bottom: 1rem !important;
-}
-.ml-3,
-.mx-3 {
-  margin-left: 1rem !important;
-}
-.m-4 {
-  margin: 1.5rem !important;
-}
-.mt-4,
-.my-4 {
-  margin-top: 1.5rem !important;
-}
-.mr-4,
-.mx-4 {
-  margin-right: 1.5rem !important;
-}
-.mb-4,
-.my-4 {
-  margin-bottom: 1.5rem !important;
-}
-.ml-4,
-.mx-4 {
-  margin-left: 1.5rem !important;
-}
-.m-5 {
-  margin: 3rem !important;
-}
-.mt-5,
-.my-5 {
-  margin-top: 3rem !important;
-}
-.mr-5,
-.mx-5 {
-  margin-right: 3rem !important;
-}
-.mb-5,
-.my-5 {
-  margin-bottom: 3rem !important;
-}
-.ml-5,
-.mx-5 {
-  margin-left: 3rem !important;
-}
-.p-0 {
-  padding: 0 !important;
-}
-.pt-0,
-.py-0 {
-  padding-top: 0 !important;
-}
-.pr-0,
-.px-0 {
-  padding-right: 0 !important;
-}
-.pb-0,
-.py-0 {
-  padding-bottom: 0 !important;
-}
-.pl-0,
-.px-0 {
-  padding-left: 0 !important;
-}
-.p-1 {
-  padding: 0.25rem !important;
-}
-.pt-1,
-.py-1 {
-  padding-top: 0.25rem !important;
-}
-.pr-1,
-.px-1 {
-  padding-right: 0.25rem !important;
-}
-.pb-1,
-.py-1 {
-  padding-bottom: 0.25rem !important;
-}
-.pl-1,
-.px-1 {
-  padding-left: 0.25rem !important;
-}
-.p-2 {
-  padding: 0.5rem !important;
-}
-.pt-2,
-.py-2 {
-  padding-top: 0.5rem !important;
-}
-.pr-2,
-.px-2 {
-  padding-right: 0.5rem !important;
-}
-.pb-2,
-.py-2 {
-  padding-bottom: 0.5rem !important;
-}
-.pl-2,
-.px-2 {
-  padding-left: 0.5rem !important;
-}
-.p-3 {
-  padding: 1rem !important;
-}
-.pt-3,
-.py-3 {
-  padding-top: 1rem !important;
-}
-.pr-3,
-.px-3 {
-  padding-right: 1rem !important;
-}
-.pb-3,
-.py-3 {
-  padding-bottom: 1rem !important;
-}
-.pl-3,
-.px-3 {
-  padding-left: 1rem !important;
-}
-.p-4 {
-  padding: 1.5rem !important;
-}
-.pt-4,
-.py-4 {
-  padding-top: 1.5rem !important;
-}
-.pr-4,
-.px-4 {
-  padding-right: 1.5rem !important;
-}
-.pb-4,
-.py-4 {
-  padding-bottom: 1.5rem !important;
-}
-.pl-4,
-.px-4 {
-  padding-left: 1.5rem !important;
-}
-.p-5 {
-  padding: 3rem !important;
-}
-.pt-5,
-.py-5 {
-  padding-top: 3rem !important;
-}
-.pr-5,
-.px-5 {
-  padding-right: 3rem !important;
-}
-.pb-5,
-.py-5 {
-  padding-bottom: 3rem !important;
-}
-.pl-5,
-.px-5 {
-  padding-left: 3rem !important;
-}
-.m-n1 {
-  margin: -0.25rem !important;
-}
-.mt-n1,
-.my-n1 {
-  margin-top: -0.25rem !important;
-}
-.mr-n1,
-.mx-n1 {
-  margin-right: -0.25rem !important;
-}
-.mb-n1,
-.my-n1 {
-  margin-bottom: -0.25rem !important;
-}
-.ml-n1,
-.mx-n1 {
-  margin-left: -0.25rem !important;
-}
-.m-n2 {
-  margin: -0.5rem !important;
-}
-.mt-n2,
-.my-n2 {
-  margin-top: -0.5rem !important;
-}
-.mr-n2,
-.mx-n2 {
-  margin-right: -0.5rem !important;
-}
-.mb-n2,
-.my-n2 {
-  margin-bottom: -0.5rem !important;
-}
-.ml-n2,
-.mx-n2 {
-  margin-left: -0.5rem !important;
-}
-.m-n3 {
-  margin: -1rem !important;
-}
-.mt-n3,
-.my-n3 {
-  margin-top: -1rem !important;
-}
-.mr-n3,
-.mx-n3 {
-  margin-right: -1rem !important;
-}
-.mb-n3,
-.my-n3 {
-  margin-bottom: -1rem !important;
-}
-.ml-n3,
-.mx-n3 {
-  margin-left: -1rem !important;
-}
-.m-n4 {
-  margin: -1.5rem !important;
-}
-.mt-n4,
-.my-n4 {
-  margin-top: -1.5rem !important;
-}
-.mr-n4,
-.mx-n4 {
-  margin-right: -1.5rem !important;
-}
-.mb-n4,
-.my-n4 {
-  margin-bottom: -1.5rem !important;
-}
-.ml-n4,
-.mx-n4 {
-  margin-left: -1.5rem !important;
-}
-.m-n5 {
-  margin: -3rem !important;
-}
-.mt-n5,
-.my-n5 {
-  margin-top: -3rem !important;
-}
-.mr-n5,
-.mx-n5 {
-  margin-right: -3rem !important;
-}
-.mb-n5,
-.my-n5 {
-  margin-bottom: -3rem !important;
-}
-.ml-n5,
-.mx-n5 {
-  margin-left: -3rem !important;
-}
-.m-auto {
-  margin: auto !important;
-}
-.mt-auto,
-.my-auto {
-  margin-top: auto !important;
-}
-.mr-auto,
-.mx-auto {
-  margin-right: auto !important;
-}
-.mb-auto,
-.my-auto {
-  margin-bottom: auto !important;
-}
-.ml-auto,
-.mx-auto {
-  margin-left: auto !important;
-}
-@media (min-width: 576px) {
-  .m-sm-0 {
-    margin: 0 !important;
-  }
-  .mt-sm-0,
-  .my-sm-0 {
-    margin-top: 0 !important;
-  }
-  .mr-sm-0,
-  .mx-sm-0 {
-    margin-right: 0 !important;
-  }
-  .mb-sm-0,
-  .my-sm-0 {
-    margin-bottom: 0 !important;
-  }
-  .ml-sm-0,
-  .mx-sm-0 {
-    margin-left: 0 !important;
-  }
-  .m-sm-1 {
-    margin: 0.25rem !important;
-  }
-  .mt-sm-1,
-  .my-sm-1 {
-    margin-top: 0.25rem !important;
-  }
-  .mr-sm-1,
-  .mx-sm-1 {
-    margin-right: 0.25rem !important;
-  }
-  .mb-sm-1,
-  .my-sm-1 {
-    margin-bottom: 0.25rem !important;
-  }
-  .ml-sm-1,
-  .mx-sm-1 {
-    margin-left: 0.25rem !important;
-  }
-  .m-sm-2 {
-    margin: 0.5rem !important;
-  }
-  .mt-sm-2,
-  .my-sm-2 {
-    margin-top: 0.5rem !important;
-  }
-  .mr-sm-2,
-  .mx-sm-2 {
-    margin-right: 0.5rem !important;
-  }
-  .mb-sm-2,
-  .my-sm-2 {
-    margin-bottom: 0.5rem !important;
-  }
-  .ml-sm-2,
-  .mx-sm-2 {
-    margin-left: 0.5rem !important;
-  }
-  .m-sm-3 {
-    margin: 1rem !important;
-  }
-  .mt-sm-3,
-  .my-sm-3 {
-    margin-top: 1rem !important;
-  }
-  .mr-sm-3,
-  .mx-sm-3 {
-    margin-right: 1rem !important;
-  }
-  .mb-sm-3,
-  .my-sm-3 {
-    margin-bottom: 1rem !important;
-  }
-  .ml-sm-3,
-  .mx-sm-3 {
-    margin-left: 1rem !important;
-  }
-  .m-sm-4 {
-    margin: 1.5rem !important;
-  }
-  .mt-sm-4,
-  .my-sm-4 {
-    margin-top: 1.5rem !important;
-  }
-  .mr-sm-4,
-  .mx-sm-4 {
-    margin-right: 1.5rem !important;
-  }
-  .mb-sm-4,
-  .my-sm-4 {
-    margin-bottom: 1.5rem !important;
-  }
-  .ml-sm-4,
-  .mx-sm-4 {
-    margin-left: 1.5rem !important;
-  }
-  .m-sm-5 {
-    margin: 3rem !important;
-  }
-  .mt-sm-5,
-  .my-sm-5 {
-    margin-top: 3rem !important;
-  }
-  .mr-sm-5,
-  .mx-sm-5 {
-    margin-right: 3rem !important;
-  }
-  .mb-sm-5,
-  .my-sm-5 {
-    margin-bottom: 3rem !important;
-  }
-  .ml-sm-5,
-  .mx-sm-5 {
-    margin-left: 3rem !important;
-  }
-  .p-sm-0 {
-    padding: 0 !important;
-  }
-  .pt-sm-0,
-  .py-sm-0 {
-    padding-top: 0 !important;
-  }
-  .pr-sm-0,
-  .px-sm-0 {
-    padding-right: 0 !important;
-  }
-  .pb-sm-0,
-  .py-sm-0 {
-    padding-bottom: 0 !important;
-  }
-  .pl-sm-0,
-  .px-sm-0 {
-    padding-left: 0 !important;
-  }
-  .p-sm-1 {
-    padding: 0.25rem !important;
-  }
-  .pt-sm-1,
-  .py-sm-1 {
-    padding-top: 0.25rem !important;
-  }
-  .pr-sm-1,
-  .px-sm-1 {
-    padding-right: 0.25rem !important;
-  }
-  .pb-sm-1,
-  .py-sm-1 {
-    padding-bottom: 0.25rem !important;
-  }
-  .pl-sm-1,
-  .px-sm-1 {
-    padding-left: 0.25rem !important;
-  }
-  .p-sm-2 {
-    padding: 0.5rem !important;
-  }
-  .pt-sm-2,
-  .py-sm-2 {
-    padding-top: 0.5rem !important;
-  }
-  .pr-sm-2,
-  .px-sm-2 {
-    padding-right: 0.5rem !important;
-  }
-  .pb-sm-2,
-  .py-sm-2 {
-    padding-bottom: 0.5rem !important;
-  }
-  .pl-sm-2,
-  .px-sm-2 {
-    padding-left: 0.5rem !important;
-  }
-  .p-sm-3 {
-    padding: 1rem !important;
-  }
-  .pt-sm-3,
-  .py-sm-3 {
-    padding-top: 1rem !important;
-  }
-  .pr-sm-3,
-  .px-sm-3 {
-    padding-right: 1rem !important;
-  }
-  .pb-sm-3,
-  .py-sm-3 {
-    padding-bottom: 1rem !important;
-  }
-  .pl-sm-3,
-  .px-sm-3 {
-    padding-left: 1rem !important;
-  }
-  .p-sm-4 {
-    padding: 1.5rem !important;
-  }
-  .pt-sm-4,
-  .py-sm-4 {
-    padding-top: 1.5rem !important;
-  }
-  .pr-sm-4,
-  .px-sm-4 {
-    padding-right: 1.5rem !important;
-  }
-  .pb-sm-4,
-  .py-sm-4 {
-    padding-bottom: 1.5rem !important;
-  }
-  .pl-sm-4,
-  .px-sm-4 {
-    padding-left: 1.5rem !important;
-  }
-  .p-sm-5 {
-    padding: 3rem !important;
-  }
-  .pt-sm-5,
-  .py-sm-5 {
-    padding-top: 3rem !important;
-  }
-  .pr-sm-5,
-  .px-sm-5 {
-    padding-right: 3rem !important;
-  }
-  .pb-sm-5,
-  .py-sm-5 {
-    padding-bottom: 3rem !important;
-  }
-  .pl-sm-5,
-  .px-sm-5 {
-    padding-left: 3rem !important;
-  }
-  .m-sm-n1 {
-    margin: -0.25rem !important;
-  }
-  .mt-sm-n1,
-  .my-sm-n1 {
-    margin-top: -0.25rem !important;
-  }
-  .mr-sm-n1,
-  .mx-sm-n1 {
-    margin-right: -0.25rem !important;
-  }
-  .mb-sm-n1,
-  .my-sm-n1 {
-    margin-bottom: -0.25rem !important;
-  }
-  .ml-sm-n1,
-  .mx-sm-n1 {
-    margin-left: -0.25rem !important;
-  }
-  .m-sm-n2 {
-    margin: -0.5rem !important;
-  }
-  .mt-sm-n2,
-  .my-sm-n2 {
-    margin-top: -0.5rem !important;
-  }
-  .mr-sm-n2,
-  .mx-sm-n2 {
-    margin-right: -0.5rem !important;
-  }
-  .mb-sm-n2,
-  .my-sm-n2 {
-    margin-bottom: -0.5rem !important;
-  }
-  .ml-sm-n2,
-  .mx-sm-n2 {
-    margin-left: -0.5rem !important;
-  }
-  .m-sm-n3 {
-    margin: -1rem !important;
-  }
-  .mt-sm-n3,
-  .my-sm-n3 {
-    margin-top: -1rem !important;
-  }
-  .mr-sm-n3,
-  .mx-sm-n3 {
-    margin-right: -1rem !important;
-  }
-  .mb-sm-n3,
-  .my-sm-n3 {
-    margin-bottom: -1rem !important;
-  }
-  .ml-sm-n3,
-  .mx-sm-n3 {
-    margin-left: -1rem !important;
-  }
-  .m-sm-n4 {
-    margin: -1.5rem !important;
-  }
-  .mt-sm-n4,
-  .my-sm-n4 {
-    margin-top: -1.5rem !important;
-  }
-  .mr-sm-n4,
-  .mx-sm-n4 {
-    margin-right: -1.5rem !important;
-  }
-  .mb-sm-n4,
-  .my-sm-n4 {
-    margin-bottom: -1.5rem !important;
-  }
-  .ml-sm-n4,
-  .mx-sm-n4 {
-    margin-left: -1.5rem !important;
-  }
-  .m-sm-n5 {
-    margin: -3rem !important;
-  }
-  .mt-sm-n5,
-  .my-sm-n5 {
-    margin-top: -3rem !important;
-  }
-  .mr-sm-n5,
-  .mx-sm-n5 {
-    margin-right: -3rem !important;
-  }
-  .mb-sm-n5,
-  .my-sm-n5 {
-    margin-bottom: -3rem !important;
-  }
-  .ml-sm-n5,
-  .mx-sm-n5 {
-    margin-left: -3rem !important;
-  }
-  .m-sm-auto {
-    margin: auto !important;
-  }
-  .mt-sm-auto,
-  .my-sm-auto {
-    margin-top: auto !important;
-  }
-  .mr-sm-auto,
-  .mx-sm-auto {
-    margin-right: auto !important;
-  }
-  .mb-sm-auto,
-  .my-sm-auto {
-    margin-bottom: auto !important;
-  }
-  .ml-sm-auto,
-  .mx-sm-auto {
-    margin-left: auto !important;
-  }
-}
-@media (min-width: 768px) {
-  .m-md-0 {
-    margin: 0 !important;
-  }
-  .mt-md-0,
-  .my-md-0 {
-    margin-top: 0 !important;
-  }
-  .mr-md-0,
-  .mx-md-0 {
-    margin-right: 0 !important;
-  }
-  .mb-md-0,
-  .my-md-0 {
-    margin-bottom: 0 !important;
-  }
-  .ml-md-0,
-  .mx-md-0 {
-    margin-left: 0 !important;
-  }
-  .m-md-1 {
-    margin: 0.25rem !important;
-  }
-  .mt-md-1,
-  .my-md-1 {
-    margin-top: 0.25rem !important;
-  }
-  .mr-md-1,
-  .mx-md-1 {
-    margin-right: 0.25rem !important;
-  }
-  .mb-md-1,
-  .my-md-1 {
-    margin-bottom: 0.25rem !important;
-  }
-  .ml-md-1,
-  .mx-md-1 {
-    margin-left: 0.25rem !important;
-  }
-  .m-md-2 {
-    margin: 0.5rem !important;
-  }
-  .mt-md-2,
-  .my-md-2 {
-    margin-top: 0.5rem !important;
-  }
-  .mr-md-2,
-  .mx-md-2 {
-    margin-right: 0.5rem !important;
-  }
-  .mb-md-2,
-  .my-md-2 {
-    margin-bottom: 0.5rem !important;
-  }
-  .ml-md-2,
-  .mx-md-2 {
-    margin-left: 0.5rem !important;
-  }
-  .m-md-3 {
-    margin: 1rem !important;
-  }
-  .mt-md-3,
-  .my-md-3 {
-    margin-top: 1rem !important;
-  }
-  .mr-md-3,
-  .mx-md-3 {
-    margin-right: 1rem !important;
-  }
-  .mb-md-3,
-  .my-md-3 {
-    margin-bottom: 1rem !important;
-  }
-  .ml-md-3,
-  .mx-md-3 {
-    margin-left: 1rem !important;
-  }
-  .m-md-4 {
-    margin: 1.5rem !important;
-  }
-  .mt-md-4,
-  .my-md-4 {
-    margin-top: 1.5rem !important;
-  }
-  .mr-md-4,
-  .mx-md-4 {
-    margin-right: 1.5rem !important;
-  }
-  .mb-md-4,
-  .my-md-4 {
-    margin-bottom: 1.5rem !important;
-  }
-  .ml-md-4,
-  .mx-md-4 {
-    margin-left: 1.5rem !important;
-  }
-  .m-md-5 {
-    margin: 3rem !important;
-  }
-  .mt-md-5,
-  .my-md-5 {
-    margin-top: 3rem !important;
-  }
-  .mr-md-5,
-  .mx-md-5 {
-    margin-right: 3rem !important;
-  }
-  .mb-md-5,
-  .my-md-5 {
-    margin-bottom: 3rem !important;
-  }
-  .ml-md-5,
-  .mx-md-5 {
-    margin-left: 3rem !important;
-  }
-  .p-md-0 {
-    padding: 0 !important;
-  }
-  .pt-md-0,
-  .py-md-0 {
-    padding-top: 0 !important;
-  }
-  .pr-md-0,
-  .px-md-0 {
-    padding-right: 0 !important;
-  }
-  .pb-md-0,
-  .py-md-0 {
-    padding-bottom: 0 !important;
-  }
-  .pl-md-0,
-  .px-md-0 {
-    padding-left: 0 !important;
-  }
-  .p-md-1 {
-    padding: 0.25rem !important;
-  }
-  .pt-md-1,
-  .py-md-1 {
-    padding-top: 0.25rem !important;
-  }
-  .pr-md-1,
-  .px-md-1 {
-    padding-right: 0.25rem !important;
-  }
-  .pb-md-1,
-  .py-md-1 {
-    padding-bottom: 0.25rem !important;
-  }
-  .pl-md-1,
-  .px-md-1 {
-    padding-left: 0.25rem !important;
-  }
-  .p-md-2 {
-    padding: 0.5rem !important;
-  }
-  .pt-md-2,
-  .py-md-2 {
-    padding-top: 0.5rem !important;
-  }
-  .pr-md-2,
-  .px-md-2 {
-    padding-right: 0.5rem !important;
-  }
-  .pb-md-2,
-  .py-md-2 {
-    padding-bottom: 0.5rem !important;
-  }
-  .pl-md-2,
-  .px-md-2 {
-    padding-left: 0.5rem !important;
-  }
-  .p-md-3 {
-    padding: 1rem !important;
-  }
-  .pt-md-3,
-  .py-md-3 {
-    padding-top: 1rem !important;
-  }
-  .pr-md-3,
-  .px-md-3 {
-    padding-right: 1rem !important;
-  }
-  .pb-md-3,
-  .py-md-3 {
-    padding-bottom: 1rem !important;
-  }
-  .pl-md-3,
-  .px-md-3 {
-    padding-left: 1rem !important;
-  }
-  .p-md-4 {
-    padding: 1.5rem !important;
-  }
-  .pt-md-4,
-  .py-md-4 {
-    padding-top: 1.5rem !important;
-  }
-  .pr-md-4,
-  .px-md-4 {
-    padding-right: 1.5rem !important;
-  }
-  .pb-md-4,
-  .py-md-4 {
-    padding-bottom: 1.5rem !important;
-  }
-  .pl-md-4,
-  .px-md-4 {
-    padding-left: 1.5rem !important;
-  }
-  .p-md-5 {
-    padding: 3rem !important;
-  }
-  .pt-md-5,
-  .py-md-5 {
-    padding-top: 3rem !important;
-  }
-  .pr-md-5,
-  .px-md-5 {
-    padding-right: 3rem !important;
-  }
-  .pb-md-5,
-  .py-md-5 {
-    padding-bottom: 3rem !important;
-  }
-  .pl-md-5,
-  .px-md-5 {
-    padding-left: 3rem !important;
-  }
-  .m-md-n1 {
-    margin: -0.25rem !important;
-  }
-  .mt-md-n1,
-  .my-md-n1 {
-    margin-top: -0.25rem !important;
-  }
-  .mr-md-n1,
-  .mx-md-n1 {
-    margin-right: -0.25rem !important;
-  }
-  .mb-md-n1,
-  .my-md-n1 {
-    margin-bottom: -0.25rem !important;
-  }
-  .ml-md-n1,
-  .mx-md-n1 {
-    margin-left: -0.25rem !important;
-  }
-  .m-md-n2 {
-    margin: -0.5rem !important;
-  }
-  .mt-md-n2,
-  .my-md-n2 {
-    margin-top: -0.5rem !important;
-  }
-  .mr-md-n2,
-  .mx-md-n2 {
-    margin-right: -0.5rem !important;
-  }
-  .mb-md-n2,
-  .my-md-n2 {
-    margin-bottom: -0.5rem !important;
-  }
-  .ml-md-n2,
-  .mx-md-n2 {
-    margin-left: -0.5rem !important;
-  }
-  .m-md-n3 {
-    margin: -1rem !important;
-  }
-  .mt-md-n3,
-  .my-md-n3 {
-    margin-top: -1rem !important;
-  }
-  .mr-md-n3,
-  .mx-md-n3 {
-    margin-right: -1rem !important;
-  }
-  .mb-md-n3,
-  .my-md-n3 {
-    margin-bottom: -1rem !important;
-  }
-  .ml-md-n3,
-  .mx-md-n3 {
-    margin-left: -1rem !important;
-  }
-  .m-md-n4 {
-    margin: -1.5rem !important;
-  }
-  .mt-md-n4,
-  .my-md-n4 {
-    margin-top: -1.5rem !important;
-  }
-  .mr-md-n4,
-  .mx-md-n4 {
-    margin-right: -1.5rem !important;
-  }
-  .mb-md-n4,
-  .my-md-n4 {
-    margin-bottom: -1.5rem !important;
-  }
-  .ml-md-n4,
-  .mx-md-n4 {
-    margin-left: -1.5rem !important;
-  }
-  .m-md-n5 {
-    margin: -3rem !important;
-  }
-  .mt-md-n5,
-  .my-md-n5 {
-    margin-top: -3rem !important;
-  }
-  .mr-md-n5,
-  .mx-md-n5 {
-    margin-right: -3rem !important;
-  }
-  .mb-md-n5,
-  .my-md-n5 {
-    margin-bottom: -3rem !important;
-  }
-  .ml-md-n5,
-  .mx-md-n5 {
-    margin-left: -3rem !important;
-  }
-  .m-md-auto {
-    margin: auto !important;
-  }
-  .mt-md-auto,
-  .my-md-auto {
-    margin-top: auto !important;
-  }
-  .mr-md-auto,
-  .mx-md-auto {
-    margin-right: auto !important;
-  }
-  .mb-md-auto,
-  .my-md-auto {
-    margin-bottom: auto !important;
-  }
-  .ml-md-auto,
-  .mx-md-auto {
-    margin-left: auto !important;
-  }
-}
-@media (min-width: 992px) {
-  .m-lg-0 {
-    margin: 0 !important;
-  }
-  .mt-lg-0,
-  .my-lg-0 {
-    margin-top: 0 !important;
-  }
-  .mr-lg-0,
-  .mx-lg-0 {
-    margin-right: 0 !important;
-  }
-  .mb-lg-0,
-  .my-lg-0 {
-    margin-bottom: 0 !important;
-  }
-  .ml-lg-0,
-  .mx-lg-0 {
-    margin-left: 0 !important;
-  }
-  .m-lg-1 {
-    margin: 0.25rem !important;
-  }
-  .mt-lg-1,
-  .my-lg-1 {
-    margin-top: 0.25rem !important;
-  }
-  .mr-lg-1,
-  .mx-lg-1 {
-    margin-right: 0.25rem !important;
-  }
-  .mb-lg-1,
-  .my-lg-1 {
-    margin-bottom: 0.25rem !important;
-  }
-  .ml-lg-1,
-  .mx-lg-1 {
-    margin-left: 0.25rem !important;
-  }
-  .m-lg-2 {
-    margin: 0.5rem !important;
-  }
-  .mt-lg-2,
-  .my-lg-2 {
-    margin-top: 0.5rem !important;
-  }
-  .mr-lg-2,
-  .mx-lg-2 {
-    margin-right: 0.5rem !important;
-  }
-  .mb-lg-2,
-  .my-lg-2 {
-    margin-bottom: 0.5rem !important;
-  }
-  .ml-lg-2,
-  .mx-lg-2 {
-    margin-left: 0.5rem !important;
-  }
-  .m-lg-3 {
-    margin: 1rem !important;
-  }
-  .mt-lg-3,
-  .my-lg-3 {
-    margin-top: 1rem !important;
-  }
-  .mr-lg-3,
-  .mx-lg-3 {
-    margin-right: 1rem !important;
-  }
-  .mb-lg-3,
-  .my-lg-3 {
-    margin-bottom: 1rem !important;
-  }
-  .ml-lg-3,
-  .mx-lg-3 {
-    margin-left: 1rem !important;
-  }
-  .m-lg-4 {
-    margin: 1.5rem !important;
-  }
-  .mt-lg-4,
-  .my-lg-4 {
-    margin-top: 1.5rem !important;
-  }
-  .mr-lg-4,
-  .mx-lg-4 {
-    margin-right: 1.5rem !important;
-  }
-  .mb-lg-4,
-  .my-lg-4 {
-    margin-bottom: 1.5rem !important;
-  }
-  .ml-lg-4,
-  .mx-lg-4 {
-    margin-left: 1.5rem !important;
-  }
-  .m-lg-5 {
-    margin: 3rem !important;
-  }
-  .mt-lg-5,
-  .my-lg-5 {
-    margin-top: 3rem !important;
-  }
-  .mr-lg-5,
-  .mx-lg-5 {
-    margin-right: 3rem !important;
-  }
-  .mb-lg-5,
-  .my-lg-5 {
-    margin-bottom: 3rem !important;
-  }
-  .ml-lg-5,
-  .mx-lg-5 {
-    margin-left: 3rem !important;
-  }
-  .p-lg-0 {
-    padding: 0 !important;
-  }
-  .pt-lg-0,
-  .py-lg-0 {
-    padding-top: 0 !important;
-  }
-  .pr-lg-0,
-  .px-lg-0 {
-    padding-right: 0 !important;
-  }
-  .pb-lg-0,
-  .py-lg-0 {
-    padding-bottom: 0 !important;
-  }
-  .pl-lg-0,
-  .px-lg-0 {
-    padding-left: 0 !important;
-  }
-  .p-lg-1 {
-    padding: 0.25rem !important;
-  }
-  .pt-lg-1,
-  .py-lg-1 {
-    padding-top: 0.25rem !important;
-  }
-  .pr-lg-1,
-  .px-lg-1 {
-    padding-right: 0.25rem !important;
-  }
-  .pb-lg-1,
-  .py-lg-1 {
-    padding-bottom: 0.25rem !important;
-  }
-  .pl-lg-1,
-  .px-lg-1 {
-    padding-left: 0.25rem !important;
-  }
-  .p-lg-2 {
-    padding: 0.5rem !important;
-  }
-  .pt-lg-2,
-  .py-lg-2 {
-    padding-top: 0.5rem !important;
-  }
-  .pr-lg-2,
-  .px-lg-2 {
-    padding-right: 0.5rem !important;
-  }
-  .pb-lg-2,
-  .py-lg-2 {
-    padding-bottom: 0.5rem !important;
-  }
-  .pl-lg-2,
-  .px-lg-2 {
-    padding-left: 0.5rem !important;
-  }
-  .p-lg-3 {
-    padding: 1rem !important;
-  }
-  .pt-lg-3,
-  .py-lg-3 {
-    padding-top: 1rem !important;
-  }
-  .pr-lg-3,
-  .px-lg-3 {
-    padding-right: 1rem !important;
-  }
-  .pb-lg-3,
-  .py-lg-3 {
-    padding-bottom: 1rem !important;
-  }
-  .pl-lg-3,
-  .px-lg-3 {
-    padding-left: 1rem !important;
-  }
-  .p-lg-4 {
-    padding: 1.5rem !important;
-  }
-  .pt-lg-4,
-  .py-lg-4 {
-    padding-top: 1.5rem !important;
-  }
-  .pr-lg-4,
-  .px-lg-4 {
-    padding-right: 1.5rem !important;
-  }
-  .pb-lg-4,
-  .py-lg-4 {
-    padding-bottom: 1.5rem !important;
-  }
-  .pl-lg-4,
-  .px-lg-4 {
-    padding-left: 1.5rem !important;
-  }
-  .p-lg-5 {
-    padding: 3rem !important;
-  }
-  .pt-lg-5,
-  .py-lg-5 {
-    padding-top: 3rem !important;
-  }
-  .pr-lg-5,
-  .px-lg-5 {
-    padding-right: 3rem !important;
-  }
-  .pb-lg-5,
-  .py-lg-5 {
-    padding-bottom: 3rem !important;
-  }
-  .pl-lg-5,
-  .px-lg-5 {
-    padding-left: 3rem !important;
-  }
-  .m-lg-n1 {
-    margin: -0.25rem !important;
-  }
-  .mt-lg-n1,
-  .my-lg-n1 {
-    margin-top: -0.25rem !important;
-  }
-  .mr-lg-n1,
-  .mx-lg-n1 {
-    margin-right: -0.25rem !important;
-  }
-  .mb-lg-n1,
-  .my-lg-n1 {
-    margin-bottom: -0.25rem !important;
-  }
-  .ml-lg-n1,
-  .mx-lg-n1 {
-    margin-left: -0.25rem !important;
-  }
-  .m-lg-n2 {
-    margin: -0.5rem !important;
-  }
-  .mt-lg-n2,
-  .my-lg-n2 {
-    margin-top: -0.5rem !important;
-  }
-  .mr-lg-n2,
-  .mx-lg-n2 {
-    margin-right: -0.5rem !important;
-  }
-  .mb-lg-n2,
-  .my-lg-n2 {
-    margin-bottom: -0.5rem !important;
-  }
-  .ml-lg-n2,
-  .mx-lg-n2 {
-    margin-left: -0.5rem !important;
-  }
-  .m-lg-n3 {
-    margin: -1rem !important;
-  }
-  .mt-lg-n3,
-  .my-lg-n3 {
-    margin-top: -1rem !important;
-  }
-  .mr-lg-n3,
-  .mx-lg-n3 {
-    margin-right: -1rem !important;
-  }
-  .mb-lg-n3,
-  .my-lg-n3 {
-    margin-bottom: -1rem !important;
-  }
-  .ml-lg-n3,
-  .mx-lg-n3 {
-    margin-left: -1rem !important;
-  }
-  .m-lg-n4 {
-    margin: -1.5rem !important;
-  }
-  .mt-lg-n4,
-  .my-lg-n4 {
-    margin-top: -1.5rem !important;
-  }
-  .mr-lg-n4,
-  .mx-lg-n4 {
-    margin-right: -1.5rem !important;
-  }
-  .mb-lg-n4,
-  .my-lg-n4 {
-    margin-bottom: -1.5rem !important;
-  }
-  .ml-lg-n4,
-  .mx-lg-n4 {
-    margin-left: -1.5rem !important;
-  }
-  .m-lg-n5 {
-    margin: -3rem !important;
-  }
-  .mt-lg-n5,
-  .my-lg-n5 {
-    margin-top: -3rem !important;
-  }
-  .mr-lg-n5,
-  .mx-lg-n5 {
-    margin-right: -3rem !important;
-  }
-  .mb-lg-n5,
-  .my-lg-n5 {
-    margin-bottom: -3rem !important;
-  }
-  .ml-lg-n5,
-  .mx-lg-n5 {
-    margin-left: -3rem !important;
-  }
-  .m-lg-auto {
-    margin: auto !important;
-  }
-  .mt-lg-auto,
-  .my-lg-auto {
-    margin-top: auto !important;
-  }
-  .mr-lg-auto,
-  .mx-lg-auto {
-    margin-right: auto !important;
-  }
-  .mb-lg-auto,
-  .my-lg-auto {
-    margin-bottom: auto !important;
-  }
-  .ml-lg-auto,
-  .mx-lg-auto {
-    margin-left: auto !important;
-  }
-}
-@media (min-width: 1200px) {
-  .m-xl-0 {
-    margin: 0 !important;
-  }
-  .mt-xl-0,
-  .my-xl-0 {
-    margin-top: 0 !important;
-  }
-  .mr-xl-0,
-  .mx-xl-0 {
-    margin-right: 0 !important;
-  }
-  .mb-xl-0,
-  .my-xl-0 {
-    margin-bottom: 0 !important;
-  }
-  .ml-xl-0,
-  .mx-xl-0 {
-    margin-left: 0 !important;
-  }
-  .m-xl-1 {
-    margin: 0.25rem !important;
-  }
-  .mt-xl-1,
-  .my-xl-1 {
-    margin-top: 0.25rem !important;
-  }
-  .mr-xl-1,
-  .mx-xl-1 {
-    margin-right: 0.25rem !important;
-  }
-  .mb-xl-1,
-  .my-xl-1 {
-    margin-bottom: 0.25rem !important;
-  }
-  .ml-xl-1,
-  .mx-xl-1 {
-    margin-left: 0.25rem !important;
-  }
-  .m-xl-2 {
-    margin: 0.5rem !important;
-  }
-  .mt-xl-2,
-  .my-xl-2 {
-    margin-top: 0.5rem !important;
-  }
-  .mr-xl-2,
-  .mx-xl-2 {
-    margin-right: 0.5rem !important;
-  }
-  .mb-xl-2,
-  .my-xl-2 {
-    margin-bottom: 0.5rem !important;
-  }
-  .ml-xl-2,
-  .mx-xl-2 {
-    margin-left: 0.5rem !important;
-  }
-  .m-xl-3 {
-    margin: 1rem !important;
-  }
-  .mt-xl-3,
-  .my-xl-3 {
-    margin-top: 1rem !important;
-  }
-  .mr-xl-3,
-  .mx-xl-3 {
-    margin-right: 1rem !important;
-  }
-  .mb-xl-3,
-  .my-xl-3 {
-    margin-bottom: 1rem !important;
-  }
-  .ml-xl-3,
-  .mx-xl-3 {
-    margin-left: 1rem !important;
-  }
-  .m-xl-4 {
-    margin: 1.5rem !important;
-  }
-  .mt-xl-4,
-  .my-xl-4 {
-    margin-top: 1.5rem !important;
-  }
-  .mr-xl-4,
-  .mx-xl-4 {
-    margin-right: 1.5rem !important;
-  }
-  .mb-xl-4,
-  .my-xl-4 {
-    margin-bottom: 1.5rem !important;
-  }
-  .ml-xl-4,
-  .mx-xl-4 {
-    margin-left: 1.5rem !important;
-  }
-  .m-xl-5 {
-    margin: 3rem !important;
-  }
-  .mt-xl-5,
-  .my-xl-5 {
-    margin-top: 3rem !important;
-  }
-  .mr-xl-5,
-  .mx-xl-5 {
-    margin-right: 3rem !important;
-  }
-  .mb-xl-5,
-  .my-xl-5 {
-    margin-bottom: 3rem !important;
-  }
-  .ml-xl-5,
-  .mx-xl-5 {
-    margin-left: 3rem !important;
-  }
-  .p-xl-0 {
-    padding: 0 !important;
-  }
-  .pt-xl-0,
-  .py-xl-0 {
-    padding-top: 0 !important;
-  }
-  .pr-xl-0,
-  .px-xl-0 {
-    padding-right: 0 !important;
-  }
-  .pb-xl-0,
-  .py-xl-0 {
-    padding-bottom: 0 !important;
-  }
-  .pl-xl-0,
-  .px-xl-0 {
-    padding-left: 0 !important;
-  }
-  .p-xl-1 {
-    padding: 0.25rem !important;
-  }
-  .pt-xl-1,
-  .py-xl-1 {
-    padding-top: 0.25rem !important;
-  }
-  .pr-xl-1,
-  .px-xl-1 {
-    padding-right: 0.25rem !important;
-  }
-  .pb-xl-1,
-  .py-xl-1 {
-    padding-bottom: 0.25rem !important;
-  }
-  .pl-xl-1,
-  .px-xl-1 {
-    padding-left: 0.25rem !important;
-  }
-  .p-xl-2 {
-    padding: 0.5rem !important;
-  }
-  .pt-xl-2,
-  .py-xl-2 {
-    padding-top: 0.5rem !important;
-  }
-  .pr-xl-2,
-  .px-xl-2 {
-    padding-right: 0.5rem !important;
-  }
-  .pb-xl-2,
-  .py-xl-2 {
-    padding-bottom: 0.5rem !important;
-  }
-  .pl-xl-2,
-  .px-xl-2 {
-    padding-left: 0.5rem !important;
-  }
-  .p-xl-3 {
-    padding: 1rem !important;
-  }
-  .pt-xl-3,
-  .py-xl-3 {
-    padding-top: 1rem !important;
-  }
-  .pr-xl-3,
-  .px-xl-3 {
-    padding-right: 1rem !important;
-  }
-  .pb-xl-3,
-  .py-xl-3 {
-    padding-bottom: 1rem !important;
-  }
-  .pl-xl-3,
-  .px-xl-3 {
-    padding-left: 1rem !important;
-  }
-  .p-xl-4 {
-    padding: 1.5rem !important;
-  }
-  .pt-xl-4,
-  .py-xl-4 {
-    padding-top: 1.5rem !important;
-  }
-  .pr-xl-4,
-  .px-xl-4 {
-    padding-right: 1.5rem !important;
-  }
-  .pb-xl-4,
-  .py-xl-4 {
-    padding-bottom: 1.5rem !important;
-  }
-  .pl-xl-4,
-  .px-xl-4 {
-    padding-left: 1.5rem !important;
-  }
-  .p-xl-5 {
-    padding: 3rem !important;
-  }
-  .pt-xl-5,
-  .py-xl-5 {
-    padding-top: 3rem !important;
-  }
-  .pr-xl-5,
-  .px-xl-5 {
-    padding-right: 3rem !important;
-  }
-  .pb-xl-5,
-  .py-xl-5 {
-    padding-bottom: 3rem !important;
-  }
-  .pl-xl-5,
-  .px-xl-5 {
-    padding-left: 3rem !important;
-  }
-  .m-xl-n1 {
-    margin: -0.25rem !important;
-  }
-  .mt-xl-n1,
-  .my-xl-n1 {
-    margin-top: -0.25rem !important;
-  }
-  .mr-xl-n1,
-  .mx-xl-n1 {
-    margin-right: -0.25rem !important;
-  }
-  .mb-xl-n1,
-  .my-xl-n1 {
-    margin-bottom: -0.25rem !important;
-  }
-  .ml-xl-n1,
-  .mx-xl-n1 {
-    margin-left: -0.25rem !important;
-  }
-  .m-xl-n2 {
-    margin: -0.5rem !important;
-  }
-  .mt-xl-n2,
-  .my-xl-n2 {
-    margin-top: -0.5rem !important;
-  }
-  .mr-xl-n2,
-  .mx-xl-n2 {
-    margin-right: -0.5rem !important;
-  }
-  .mb-xl-n2,
-  .my-xl-n2 {
-    margin-bottom: -0.5rem !important;
-  }
-  .ml-xl-n2,
-  .mx-xl-n2 {
-    margin-left: -0.5rem !important;
-  }
-  .m-xl-n3 {
-    margin: -1rem !important;
-  }
-  .mt-xl-n3,
-  .my-xl-n3 {
-    margin-top: -1rem !important;
-  }
-  .mr-xl-n3,
-  .mx-xl-n3 {
-    margin-right: -1rem !important;
-  }
-  .mb-xl-n3,
-  .my-xl-n3 {
-    margin-bottom: -1rem !important;
-  }
-  .ml-xl-n3,
-  .mx-xl-n3 {
-    margin-left: -1rem !important;
-  }
-  .m-xl-n4 {
-    margin: -1.5rem !important;
-  }
-  .mt-xl-n4,
-  .my-xl-n4 {
-    margin-top: -1.5rem !important;
-  }
-  .mr-xl-n4,
-  .mx-xl-n4 {
-    margin-right: -1.5rem !important;
-  }
-  .mb-xl-n4,
-  .my-xl-n4 {
-    margin-bottom: -1.5rem !important;
-  }
-  .ml-xl-n4,
-  .mx-xl-n4 {
-    margin-left: -1.5rem !important;
-  }
-  .m-xl-n5 {
-    margin: -3rem !important;
-  }
-  .mt-xl-n5,
-  .my-xl-n5 {
-    margin-top: -3rem !important;
-  }
-  .mr-xl-n5,
-  .mx-xl-n5 {
-    margin-right: -3rem !important;
-  }
-  .mb-xl-n5,
-  .my-xl-n5 {
-    margin-bottom: -3rem !important;
-  }
-  .ml-xl-n5,
-  .mx-xl-n5 {
-    margin-left: -3rem !important;
-  }
-  .m-xl-auto {
-    margin: auto !important;
-  }
-  .mt-xl-auto,
-  .my-xl-auto {
-    margin-top: auto !important;
-  }
-  .mr-xl-auto,
-  .mx-xl-auto {
-    margin-right: auto !important;
-  }
-  .mb-xl-auto,
-  .my-xl-auto {
-    margin-bottom: auto !important;
-  }
-  .ml-xl-auto,
-  .mx-xl-auto {
-    margin-left: auto !important;
-  }
-}
-.text-monospace {
-  font-family: "JetBrains Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
-    monospace !important;
-}
-.text-justify {
-  text-align: justify !important;
-}
-.text-wrap {
-  white-space: normal !important;
-}
-.text-nowrap {
-  white-space: nowrap !important;
-}
-.text-truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.text-left {
-  text-align: left !important;
-}
-.text-right {
-  text-align: right !important;
-}
-.text-center {
-  text-align: center !important;
-}
-@media (min-width: 576px) {
-  .text-sm-left {
-    text-align: left !important;
-  }
-  .text-sm-right {
-    text-align: right !important;
-  }
-  .text-sm-center {
-    text-align: center !important;
-  }
-}
-@media (min-width: 768px) {
-  .text-md-left {
-    text-align: left !important;
-  }
-  .text-md-right {
-    text-align: right !important;
-  }
-  .text-md-center {
-    text-align: center !important;
-  }
-}
-@media (min-width: 992px) {
-  .text-lg-left {
-    text-align: left !important;
-  }
-  .text-lg-right {
-    text-align: right !important;
-  }
-  .text-lg-center {
-    text-align: center !important;
-  }
-}
-@media (min-width: 1200px) {
-  .text-xl-left {
-    text-align: left !important;
-  }
-  .text-xl-right {
-    text-align: right !important;
-  }
-  .text-xl-center {
-    text-align: center !important;
-  }
-}
-.text-lowercase {
-  text-transform: lowercase !important;
-}
-.text-uppercase {
-  text-transform: uppercase !important;
-}
-.text-capitalize {
-  text-transform: capitalize !important;
-}
-.font-weight-light {
-  font-weight: 300 !important;
-}
-.font-weight-lighter {
-  font-weight: lighter !important;
-}
-.font-weight-normal {
-  font-weight: 400 !important;
-}
-.font-weight-bold {
-  font-weight: 700 !important;
-}
-.font-weight-bolder {
-  font-weight: bolder !important;
-}
-.font-italic {
-  font-style: italic !important;
-}
-.text-white {
-  color: #d5d5d5 !important;
-}
-.text-primary {
-  color: #007aa6 !important;
-}
-a.text-primary:focus,
-a.text-primary:hover {
-  color: #00425a !important;
-}
-.text-secondary {
-  color: #89898e !important;
-}
-a.text-secondary:focus,
-a.text-secondary:hover {
-  color: #383a4a !important;
-}
-.text-success {
-  color: #32ba89 !important;
-}
-a.text-success:focus,
-a.text-success:hover {
-  color: #227e5d !important;
-}
-.text-info {
-  color: #0673c3 !important;
-}
-a.text-info:focus,
-a.text-info:hover {
-  color: #1e3647 !important;
-}
-.text-warning {
-  color: #8a5026 !important;
-}
-a.text-warning:focus,
-a.text-warning:hover {
-  color: #8f5227 !important;
-}
-.text-danger {
-  color: #FF5858 !important;
-}
-a.text-danger:focus,
-a.text-danger:hover {
-  color: #7f2c2c !important;
-}
-.text-light {
-  color: #747B90 !important;
-}
-a.text-light:focus,
-a.text-light:hover {
-  color: #0b0c11 !important;
-}
-.text-dark {
-  color: #babbcc !important;
-}
-a.text-dark:focus,
-a.text-dark:hover {
-  color: #6f7087 !important;
-}
-.text-body {
-  color: #9e9eab !important;
-}
-.text-muted {
-  color: #868e96 !important;
-}
-.text-black-50 {
-  color: rgba(0, 0, 0, 0.5) !important;
-}
-.text-white-50 {
-  color: rgba(255, 255, 255, 0.5) !important;
-}
-.text-hide {
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
-.text-decoration-none {
-  text-decoration: none !important;
-}
-.text-break {
-  word-break: break-word !important;
-  overflow-wrap: break-word !important;
-}
-.text-reset {
-  color: inherit !important;
-}
-.visible {
-  visibility: visible !important;
-}
-.invisible {
-  visibility: hidden !important;
-}
-@media print {
-  *,
-  ::after,
-  ::before {
-    text-shadow: none !important;
-    box-shadow: none !important;
-  }
-  a:not(.btn) {
-    text-decoration: underline;
-  }
-  abbr[title]::after {
-    content: " (" attr(title) ")";
-  }
-  pre {
-    white-space: pre-wrap !important;
-  }
-  blockquote,
-  pre {
-    border: 1px solid #adb5bd;
-    page-break-inside: avoid;
-  }
-  thead {
-    display: table-header-group;
-  }
-  img,
-  tr {
-    page-break-inside: avoid;
-  }
-  h2,
-  h3,
-  p {
-    orphans: 3;
-    widows: 3;
-  }
-  h2,
-  h3 {
-    page-break-after: avoid;
-  }
-  @page {
-    size: a3;
-  }
-  body {
-    min-width: 992px !important;
-  }
-  .container {
-    min-width: 992px !important;
-  }
-  .navbar {
-    display: none;
-  }
-  .badge {
-    border: 1px solid #000;
-  }
-  .table {
-    border-collapse: collapse !important;
-  }
-  .table td,
-  .table th {
-    background-color: #d5d5d5 !important;
-  }
-  .table-bordered td,
-  .table-bordered th {
-    border: 1px solid #dee2e6 !important;
-  }
-  .table-dark {
-    color: inherit;
-  }
-  .table-dark tbody + tbody,
-  .table-dark td,
-  .table-dark th,
-  .table-dark thead th {
-    border-color: #51536b;
-  }
-  .table .thead-dark th {
-    color: inherit;
-    border-color: #51536b;
-  }
-}
-.text-underline {
-  text-decoration: underline !important;
-}
-
-/* Base */
-.module-section {
-  border-bottom: 1px solid #000000;
-}
-
-/* Plugins manager */
-.plugin-manager {
-  background: #1a1a1a;
-}
-.plugins-header {
-  background-color: #1a1a1a !important;
-  border-bottom: 1px solid #000000 !important;
-}
-.plugins-list-header {
-  justify-content: flex-start !important;
-  padding: 1rem 1.5rem;
-  background-color: #1a1a1a !important
-}
-.plugins-list-title {
-  margin: 0 0.5rem 0 0 !important;
-  font-size: 1rem !important;
-  padding: 0 !important;
-}
-.remix-bg-opacity {
-  background: rgba(42, 42, 45, 0.8) !important;
-  padding: 9px 24px !important;
-}
-.plugins-list-group {
-  padding: 0 1rem !important;
-}
-.plugins-list-group-item {
-  padding: 0.5rem 0.5rem 0 !important;
-}
-.plugins-list-group-item:first-child {
-  border-top-left-radius: 2px;
-  border-top-right-radius: 2px;
-}
-.plugins-list-group-item:last-child {
-  border-bottom-left-radius: 2px;
-  border-bottom-right-radius: 2px;
-}
-.plugins-list-group-item + .plugins-list-group-item {
-  border-top: 1px solid #000000;
-}
-.plugin-name {
-  margin: 0;
-  font-size: 13px;
-  line-height: 16px;
-  text-transform: uppercase;
-}
-.plugin-text {
-  color: #9e9eab !important;
-}
-.plugin-version {
-  color: #9e9eab;
-  border: 1px solid #9e9eab;
-}
-.settings-button {
-  height: 32px;
-  padding: 0 12px !important;
-  font-weight: 700;
-  font-size: 12px;
-  line-height: 16px;
-}
-
-/* Deploy & Run transaction Colors */
-.run-tab i {
-  color: #8f8f8f;
-}
-.run-tab .fa-clipboard::before {
-  content: "\f0c5";
-}
-.run-recorded-section {
-  background: none;
-}
-/* Deploy & Run transaction Layout*/
-.run-tab .list-group-item {
-  background: none;
-}
-.run-instance-header {
-  margin-bottom: 0px !important;
-  background: none !important;
-  border: none !important;
-}
-.run-instance-multi-title {
-  color: #d5d5d5 !important;
-}
-.run-instance-multi-arg label {
-  color: #747B90 !important;
-}
-.run-instance-list {
-  padding: 0 !important;
-  margin: 0 !important;
-  border: 0 !important;
-  color: #aaaaaa !important; 
-}
-.run-instance-list li {
-  margin: 0 !important;
-}
-
-/* Settings */
-.tokens-link {
-  color: #4DA5C5;
-}
-
-/* Theme Typography custom */
-#journal, .ace-content, .ace_editor {
-    font-family: "JetBrains Mono", monospace!important;
-}

From bca8a9e355e19caef2c4a52d7ad42fbc89f997de Mon Sep 17 00:00:00 2001
From: Andrew Miracle <me@andrewmiracle.com>
Date: Fri, 29 Jul 2022 12:08:31 +0000
Subject: [PATCH 13/14] fix: styles now support monaco editor

---
 .../assets/css/themes/remix-hacker_owl.css    | 200 ++++++++++--------
 1 file changed, 115 insertions(+), 85 deletions(-)

diff --git a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
index 8ac1a139f9..a9279a6acb 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
@@ -1,50 +1,58 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=JetBrains+Mono:ital,wght@0,400;0,700;1,400&display=swap');
-
+@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400&display=swap');
 :root {
-  --blue: #007aa6;
+  --blue: #2cc1f7;
   --indigo: #6610f2;
   --purple: #6f42c1;
   --pink: #e83e8c;
   --red: #b84040;
-  --orange: #c97539;
+  --orange: #E5D17D;
   --yellow: #ffc107;
-  --green: #1b8649;
+  --green: #C4E07F;
   --teal: #20c997;
   --cyan: #355f7d;
   --white: #fff;
-  --gray: #868e96;
+  --gray: #8B99A6;
   --gray-dark: #343a40;
   --primary: #007aa6;
-  --secondary: #50667b;
-  --success: #1b8649;
+  --secondary: #0E2A3E;
+  --success: #C4E07F;
   --info: #086CB5;
   --warning: #c97539;
   --danger: #b84040;
   --light: #011C32;
-  --dark: #051624;
+  --dark: #fff4fd; // light purple
+  --custom-select: #011627;
+  --text-background: #011626;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 992px;
   --breakpoint-xl: 1200px;
+
   --theme-divider-color: #04101ad4;
   --theme-foreground-gray: #4b6479;
   --theme-foreground-comment: #637777;
   --theme-foreground-alpha-1: #ffffffce;
-  --theme-background-input: #234d708c;
+  --theme-background-input: #0a1b28a3;
   --theme-background: #011627;
   --theme-background-panels: #011628;
   --theme-bg-btn-secondary: #011C32;
   --theme-bg-btn-dark--hover: #033863;
-  --theme-border-tab: 1px solid #7fdbca52;
+  --theme-border-tab: 1px solid #274052;
+  --theme-border-default: 1px solid #07121ca6;
+  --theme-form-placeholder: #dfe1ea; // replace var(--theme-form-placeholder)
+
+
   --theme-ace-identifier: #ffcb8bcc;
   --theme-ace-operator: #ffcb8b;
   --theme-ace-symbols: #7fdbca;
   --theme-ace-keyword: #c792ea;
-  --font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont,
+
+  --font-family-sans-serif: "Saira", -apple-system, BlinkMacSystemFont,
     "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --font-family-monospace: "JetBrains Mono", Menlo, Monaco, Consolas, "Liberation Mono",
+  --font-family-monospace: "Jetbrains Mono", Menlo, Monaco, Consolas, "Liberation Mono",
     "Courier New", monospace;
 }
 *,
@@ -72,7 +80,7 @@ section {
 }
 body {
   margin: 0;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
+  font-family: "Saira", -apple-system, BlinkMacSystemFont, "Segoe UI",
     Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1rem;
@@ -81,7 +89,7 @@ body {
   font-kerning: normal;
   font-weight: 400;
   line-height: 1.5;
-  color: #ccd9e6;
+  color: #87A2B7; // #ccd9e6
   text-align: left;
   background-color: var(--theme-background-panels);
 }
@@ -96,6 +104,7 @@ body {
 [tabindex="-1"]:focus {
   outline: 0 !important;
 }
+
 hr {
   box-sizing: content-box;
   height: 0;
@@ -170,7 +179,7 @@ sup {
   top: -0.5em;
 }
 a {
-  color: #a2a3bd;
+  color: #d5d5d5;
   text-decoration: underline;
   background-color: transparent;
 }
@@ -220,7 +229,7 @@ table {
 caption {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
-  color: #868e96;
+  color: var(--theme-form-placeholder);
   text-align: left;
   caption-side: bottom;
 }
@@ -274,7 +283,7 @@ button {
 [type="reset"]:not(:disabled),
 [type="submit"]:not(:disabled),
 button:not(:disabled) {
-  cursor: pointer;
+  cursor: posaira;
 }
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
@@ -338,7 +347,7 @@ output {
 }
 summary {
   display: list-item;
-  cursor: pointer;
+  cursor: posaira;
 }
 template {
   display: none;
@@ -453,7 +462,7 @@ mark {
 .blockquote-footer {
   display: block;
   font-size: 80%;
-  color: #868e96;
+  color: var(--theme-form-placeholder);
 }
 .blockquote-footer::before {
   content: "\2014\00A0";
@@ -479,7 +488,7 @@ mark {
 }
 .figure-caption {
   font-size: 90%;
-  color: #868e96;
+  color: var(--theme-form-placeholder);
 }
 code {
   font-size: 90%;
@@ -1659,7 +1668,7 @@ pre code {
     0 0 0 3px rgba(0, 122, 166, 0.25);
 }
 .form-control::placeholder {
-  color: #868e96;
+  color: var(--theme-form-placeholder);
   opacity: 1;
 }
 .form-control:disabled,
@@ -1762,13 +1771,13 @@ textarea.form-control {
   margin-left: -1.25rem;
 }
 .form-check-input:disabled ~ .form-check-label {
-  color: #868e96;
+  color: var(--theme-form-placeholder);
 }
 .form-check-label {
   margin-bottom: 0;
   font-size: 13px;
   line-height: 18px;
-  color: #A2A3BD;
+  color: #D5D5D5;
   text-transform: initial;
   display: initial;
 }
@@ -1789,7 +1798,7 @@ textarea.form-control {
   width: 100%;
   margin-top: 0.25rem;
   font-size: 80%;
-  color: #1b8649;
+  color: #C4E07F;
 }
 .valid-tooltip {
   position: absolute;
@@ -2141,7 +2150,7 @@ textarea.form-control.is-invalid {
 }
 a.btn.disabled,
 fieldset:disabled a.btn {
-  pointer-events: none;
+  posaira-events: none;
 }
 .btn-primary {
   color: #fff;
@@ -2641,7 +2650,7 @@ fieldset:disabled a.btn {
 }
 .btn-link {
   font-weight: 400;
-  color: #a2a3bd;
+  color: #d5d5d5;
   text-decoration: underline;
 }
 .btn-link:hover {
@@ -2655,8 +2664,8 @@ fieldset:disabled a.btn {
 }
 .btn-link.disabled,
 .btn-link:disabled {
-  color: #868e96;
-  pointer-events: none;
+  color: var(--theme-form-placeholder);
+  posaira-events: none;
 }
 .btn-group-lg > .btn,
 .btn-lg {
@@ -2911,8 +2920,8 @@ input[type="submit"].btn-block {
 }
 .dropdown-item.disabled,
 .dropdown-item:disabled {
-  color: #868e96;
-  pointer-events: none;
+  color: var(--theme-form-placeholder);
+  posaira-events: none;
   background-color: transparent;
 }
 .dropdown-menu.show {
@@ -2923,7 +2932,7 @@ input[type="submit"].btn-block {
   padding: 0.5rem 1.5rem;
   margin-bottom: 0;
   font-size: 0.875rem;
-  color: #868e96;
+  color: var(--theme-form-placeholder);
   white-space: nowrap;
 }
 .dropdown-item-text {
@@ -3031,7 +3040,7 @@ input[type="submit"].btn-block {
 .btn-group-toggle > .btn-group > .btn input[type="radio"] {
   position: absolute;
   clip: rect(0, 0, 0, 0);
-  pointer-events: none;
+  posaira-events: none;
 }
 .input-group {
   position: relative;
@@ -3252,7 +3261,7 @@ input[type="submit"].btn-block {
   display: block;
   width: 1rem;
   height: 1rem;
-  pointer-events: none;
+  posaira-events: none;
   content: "";
   background-color: #2e3145;
   border: #51536b solid 1px;
@@ -3315,7 +3324,7 @@ input[type="submit"].btn-block {
 .custom-switch .custom-control-label::before {
   left: -2.25rem;
   width: 1.75rem;
-  pointer-events: all;
+  posaira-events: all;
   border-radius: 0.5rem;
 }
 .custom-switch .custom-control-label::after {
@@ -3508,7 +3517,7 @@ input[type="submit"].btn-block {
   width: 100%;
   height: 0.5rem;
   color: transparent;
-  cursor: pointer;
+  cursor: posaira;
   background-color: #dee2e6;
   border-color: transparent;
   border-radius: 1rem;
@@ -3535,7 +3544,7 @@ input[type="submit"].btn-block {
   width: 100%;
   height: 0.5rem;
   color: transparent;
-  cursor: pointer;
+  cursor: posaira;
   background-color: #dee2e6;
   border-color: transparent;
   border-radius: 1rem;
@@ -3565,7 +3574,7 @@ input[type="submit"].btn-block {
   width: 100%;
   height: 0.5rem;
   color: transparent;
-  cursor: pointer;
+  cursor: posaira;
   background-color: transparent;
   border-color: transparent;
   border-width: 0.5rem;
@@ -3623,8 +3632,8 @@ input[type="submit"].btn-block {
   text-decoration: none;
 }
 .nav-link.disabled {
-  color: #868e96;
-  pointer-events: none;
+  color: var(--theme-form-placeholder);
+  posaira-events: none;
   cursor: default;
 }
 
@@ -3641,7 +3650,7 @@ input[type="submit"].btn-block {
   border-color: var(--theme-divider-color);
 }
 .nav-tabs .nav-link.disabled {
-  color: #868e96;
+  color: var(--theme-form-placeholder);
   background-color: transparent;
   border-color: transparent;
 }
@@ -4213,7 +4222,7 @@ input[type="submit"].btn-block {
 .breadcrumb-item + .breadcrumb-item::before {
   display: inline-block;
   padding-right: 0.5rem;
-  color: #868e96;
+  color: var(--theme-form-placeholder);
   content: "/";
 }
 .breadcrumb-item + .breadcrumb-item:hover::before {
@@ -4270,7 +4279,7 @@ input[type="submit"].btn-block {
 }
 .page-item.disabled .page-link {
   color: #989ca4;
-  pointer-events: none;
+  posaira-events: none;
   cursor: auto;
   background-color: #323949;
   border-color: #ddd;
@@ -4674,8 +4683,8 @@ a.badge-dark:focus {
 }
 .list-group-item.disabled,
 .list-group-item:disabled {
-  color: #868e96;
-  pointer-events: none;
+  color: var(--theme-form-placeholder);
+  posaira-events: none;
   background-color: var(--theme-background);
 }
 .list-group-item.active {
@@ -4933,7 +4942,7 @@ button.close {
   appearance: none;
 }
 a.close.disabled {
-  pointer-events: none;
+  posaira-events: none;
 }
 .toast {
   max-width: 350px;
@@ -4964,7 +4973,7 @@ a.close.disabled {
   display: flex;
   align-items: center;
   padding: 0.25rem 0.75rem;
-  color: #868e96;
+  color: var(--theme-form-placeholder);
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
@@ -4994,7 +5003,7 @@ a.close.disabled {
   position: relative;
   width: auto;
   margin: 10px;
-  pointer-events: none;
+  posaira-events: none;
 }
 .modal.fade .modal-dialog {
   transition: transform 0.3s ease-out;
@@ -5050,7 +5059,7 @@ a.close.disabled {
   flex-direction: column;
   width: 100%;
   color: #fff;
-  pointer-events: auto;
+  posaira-events: auto;
   background-color: var(--theme-background-panels);
   background-clip: padding-box;
   border: 1px solid #2c3244;
@@ -5153,7 +5162,7 @@ a.close.disabled {
   z-index: 1070;
   display: block;
   margin: 0;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
+  font-family: "Saira", -apple-system, BlinkMacSystemFont, "Segoe UI",
     Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-style: normal;
@@ -5263,7 +5272,7 @@ a.close.disabled {
   z-index: 1060;
   display: block;
   max-width: 276px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
+  font-family: "Saira", -apple-system, BlinkMacSystemFont, "Segoe UI",
     Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-style: normal;
@@ -5418,7 +5427,7 @@ a.close.disabled {
 .carousel {
   position: relative;
 }
-.carousel.pointer-event {
+.carousel.posaira-event {
   touch-action: pan-y;
 }
 .carousel-inner {
@@ -5551,7 +5560,7 @@ a.close.disabled {
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
-  cursor: pointer;
+  cursor: posaira;
   background-color: #fff;
   background-clip: padding-box;
   border-top: 10px solid transparent;
@@ -5693,7 +5702,7 @@ button.bg-danger:hover {
   background-color: #923333 !important;
 }
 .bg-light {
-  background-color: var(--light) !important;
+  background-color: var(--theme-background) !important;
 }
 a.bg-light:focus,
 a.bg-light:hover,
@@ -6719,7 +6728,7 @@ button.bg-dark:hover {
   bottom: 0;
   left: 0;
   z-index: 1;
-  pointer-events: auto;
+  posaira-events: auto;
   content: "";
   background-color: rgba(0, 0, 0, 0);
 }
@@ -8467,6 +8476,7 @@ button.bg-dark:hover {
 }
 .text-center {
   text-align: center !important;
+  font-family: var(--font-family-sans-serif);
 }
 @media (min-width: 576px) {
   .text-sm-left {
@@ -8599,10 +8609,10 @@ a.text-dark:hover {
   color: #6f7087 !important;
 }
 .text-body {
-  color: #A2A3BD !important;
+  color: #D5D5D5 !important;
 }
 .text-muted {
-  color: #868e96 !important;
+  color: var(--theme-form-placeholder) !important;
 }
 .text-black-50 {
   color: rgba(0, 0, 0, 0.5) !important;
@@ -8720,9 +8730,12 @@ a.text-dark:hover {
   border-bottom: 1px solid #2c3244;
 }
 
+#icon-panel {
+  background-color: var(--light);
+}
 /* Plugins manager */
 .plugin-manager {
-  background: var(--light);
+  background: var(--text-background);
 }
 .plugins-header {
   background-color: var(--theme-background-panels) !important;
@@ -8768,11 +8781,11 @@ a.text-dark:hover {
   text-transform: uppercase;
 }
 .plugin-text {
-  color: #A2A3BD !important;
+  color: #D5D5D5 !important;
 }
 .plugin-version {
-  color: #A2A3BD;
-  border: 1px solid #A2A3BD;
+  color: #D5D5D5;
+  border: 1px solid #D5D5D5;
 }
 .settings-button {
   height: 32px;
@@ -8823,7 +8836,7 @@ a.text-dark:hover {
 }
 
 /* Theme Palette, Typography custom */
-#journal, .ace-content, .ace_editor {
+#journal, .ace-content, .monaco-editor {
     font-family: "JetBrains Mono", monospace!important;
 }
 
@@ -8837,7 +8850,7 @@ a.text-dark:hover {
   margin-bottom: -1px;
 }
 .mainview--tabs-proxy {
-  background-color: var(--light)!important;
+  background-color: var(--text-background)!important;
   border-bottom: 1.2px solid var(--theme-divider-color);
 }
 
@@ -8870,46 +8883,63 @@ remix-tab .fak {
     line-height: 1.2!important;
 }
 
-.ace-chaos .ace_keyword {
-    color: var(--theme-ace-keyword)!important;
+div[data-id="remixIdeSidePanel"] {
+  margin-right: -1px
 }
 
-.ace_storage .ace_type {
-    color: var(--theme-ace-keyword)!important;
+/* Monaco Editor */
+.view-lines, .monaco-mouse-cursor-text {
+  font-family: "Jetbrains Mono" !important;
 }
 
-.ace_identifier {
-    color: var(--theme-ace-identifier)!important;
+.monaco-editor .scroll-decoration {
+  box-shadow: #03030fbd 0 6px 6px -6px inset!important;
 }
 
-.ace_paren > .ace_lparen, .ace_paren .ace_rparen {
-    color: var(--theme-ace-symbols)!important;
+/* Remix utils */
+.remix_ui_terminal_welcome {
+  font-family: "Saira"!important;
+  margin-left: -.25rem;
 }
 
-.ace_editor.ace_autocomplete .ace_completion-highlight {
-  color: var(--white)!important;
+.remix_ui_terminal_journal, .remix_ui_terminal_autoCompleteItem, .remix_ui_terminal_block ul {
+  font-family: "Saira" !important;
 }
 
-.ace_ {
-  color: var(--theme-foreground-alpha-1)!important;
+.remix_ui_terminal_block {
+  font-family: "Jetbrains Mono"!important;
 }
 
-.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
-  background-color: var(--theme-background-input)!important;
+.remixui_icon img {
+  filter: invert(0.75)!important;
 }
 
-.ace-chaos .ace_marker-layer .ace_active-line {
-  background-color: var(--theme-divider-color)!important;
+.custom-dropdown-items {
+  background: #011627!important; // override --custom-select
 }
 
-.ace-chaos .ace_gutter-active-line {
-  background-color: var(--theme-divider-color)!important;
+.remix-ui-tabs {
+  border-bottom: var(--theme-border-default)!important;
 }
 
-.ace_rightAlignedText {
-  color: var(--theme-ace-symbols)!important;
+/* use to create light padding top in the editor */
+.editor-wrap {
+  /* padding-top: 1rem; */
+  background-color: var(--text-background);
 }
 
-div[data-id="remixIdeSidePanel"] {
-  margin-right: -1px
+.monaco-scrollable-element > .visible,  
+.monaco-scrollable-element > .visible .scrollbar, 
+.monaco-scrollable-element > .invisible, 
+.monaco-scrollable-element > .invisible .scrollbar, 
+.monaco-scrollable-element > .invisible .fade {
+  background-color: var(--light)!important;
+  color: var(--light)!important;
+}
+.monaco-scrollable-element > .scrollbar > .slider {
+  background: #011627!important;
+}
+
+.monaco-editor .vertical {
+  box-shadow: none;
 }
\ No newline at end of file

From 5b783c1f21f728e94f58163ccebd4d1c476a97fa Mon Sep 17 00:00:00 2001
From: Andrew Miracle <me@andrewmiracle.com>
Date: Fri, 19 Aug 2022 09:31:46 +0000
Subject: [PATCH 14/14] remove context view

---
 apps/remix-ide/src/app/editor/contextView.js | 194 -------------------
 1 file changed, 194 deletions(-)
 delete mode 100644 apps/remix-ide/src/app/editor/contextView.js

diff --git a/apps/remix-ide/src/app/editor/contextView.js b/apps/remix-ide/src/app/editor/contextView.js
deleted file mode 100644
index da01321762..0000000000
--- a/apps/remix-ide/src/app/editor/contextView.js
+++ /dev/null
@@ -1,194 +0,0 @@
-'use strict'
-import { sourceMappingDecoder } from '@remix-project/remix-debug'
-const yo = require('yo-yo')
-const globalRegistry = require('../../global/registry')
-
-const css = require('./styles/contextView-styles')
-
-/*
-  Display information about the current focused code:
-   - if it's a reference, display information about the declaration
-   - jump to the declaration
-   - number of references
-   - rename declaration/references
-*/
-class ContextView {
-  constructor (opts, localRegistry) {
-    this._components = {}
-    this._components.registry = localRegistry || globalRegistry
-    this.contextualListener = opts.contextualListener
-    this.editor = opts.editor
-    this._deps = {
-      compilersArtefacts: this._components.registry.get('compilersartefacts').api,
-      offsetToLineColumnConverter: this._components.registry.get('offsettolinecolumnconverter').api,
-      config: this._components.registry.get('config').api,
-      fileManager: this._components.registry.get('filemanager').api
-    }
-    this._view = null
-    this._nodes = null
-    this._current = null
-    this.sourceMappingDecoder = sourceMappingDecoder
-    this.previousElement = null
-    this.contextualListener.event.register('contextChanged', nodes => {
-      this.show()
-      this._nodes = nodes
-      this.update()
-    })
-    this.contextualListener.event.register('stopHighlighting', () => {
-    })
-  }
-
-  render () {
-    const view = yo`
-      <div class="${css.contextview} ${css.contextviewcontainer} bg-light text-dark border-0">
-        <div class=${css.container}>
-          ${this._renderTarget()}
-        </div>
-      </div>`
-    if (!this._view) {
-      this._view = view
-    }
-    return view
-  }
-
-  hide () {
-    if (this._view) {
-      this._view.style.display = 'none'
-    }
-  }
-
-  show () {
-    if (this._view) {
-      this._view.style.display = 'block'
-    }
-  }
-
-  update () {
-    if (this._view) {
-      yo.update(this._view, this.render())
-    }
-  }
-
-  _renderTarget () {
-    let last
-    const previous = this._current
-    if (this._nodes && this._nodes.length) {
-      last = this._nodes[this._nodes.length - 1]
-      if (isDefinition(last)) {
-        this._current = last
-      } else {
-        const target = this.contextualListener.declarationOf(last)
-        if (target) {
-          this._current = target
-        } else {
-          this._current = null
-        }
-      }
-    }
-    if (!this._current || !previous || previous.id !== this._current.id || (this.previousElement && !this.previousElement.children.length)) {
-      this.previousElement = this._render(this._current, last)
-    }
-    return this.previousElement
-  }
-
-  _jumpToInternal (position) {
-    const jumpToLine = (lineColumn) => {
-      if (lineColumn.start && lineColumn.start.line && lineColumn.start.column) {
-        this.editor.gotoLine(lineColumn.start.line, lineColumn.end.column + 1)
-      }
-    }
-    const lastCompilationResult = this._deps.compilersArtefacts.__last
-    if (lastCompilationResult && lastCompilationResult.languageversion.indexOf('soljson') === 0 && lastCompilationResult.data) {
-      const lineColumn = this._deps.offsetToLineColumnConverter.offsetToLineColumn(
-        position,
-        position.file,
-        lastCompilationResult.getSourceCode().sources,
-        lastCompilationResult.getAsts())
-      const filename = lastCompilationResult.getSourceName(position.file)
-      // TODO: refactor with rendererAPI.errorClick
-      if (filename !== this._deps.config.get('currentFile')) {
-        const provider = this._deps.fileManager.fileProviderOf(filename)
-        if (provider) {
-          provider.exists(filename).then(exist => {
-            this._deps.fileManager.open(filename)
-            jumpToLine(lineColumn)
-          }).catch(error => {
-            if (error) return console.log(error)
-          })
-        }
-      } else {
-        jumpToLine(lineColumn)
-      }
-    }
-  }
-
-  _render (node, nodeAtCursorPosition) {
-    if (!node) return yo`<div></div>`
-    let references = this.contextualListener.referencesOf(node)
-    const type = node.typeDescriptions && node.typeDescriptions.typeString ? node.typeDescriptions.typeString : node.nodeType
-    references = `${references ? references.length : '0'} reference(s)`
-
-    let ref = 0
-    const nodes = this.contextualListener.getActiveHighlights()
-    for (const k in nodes) {
-      if (nodeAtCursorPosition.id === nodes[k].nodeId) {
-        ref = k
-        break
-      }
-    }
-
-    // JUMP BETWEEN REFERENCES
-    const jump = (e) => {
-      e.target.dataset.action === 'next' ? ref++ : ref--
-      if (ref < 0) ref = nodes.length - 1
-      if (ref >= nodes.length) ref = 0
-      this._jumpToInternal(nodes[ref].position)
-    }
-
-    const jumpTo = () => {
-      if (node && node.src) {
-        const position = this.sourceMappingDecoder.decode(node.src)
-        if (position) {
-          this._jumpToInternal(position)
-        }
-      }
-    }
-
-    const showGasEstimation = () => {
-      if (node.nodeType === 'FunctionDefinition') {
-        const result = this.contextualListener.gasEstimation(node)
-        const executionCost = ' Execution cost: ' + result.executionCost + ' gas'
-        const codeDepositCost = 'Code deposit cost: ' + result.codeDepositCost + ' gas'
-        const estimatedGas = result.codeDepositCost ? `${codeDepositCost}, ${executionCost}` : `${executionCost}`
-        return yo`
-          <div class=${css.gasEstimation}>
-            <i class="fas fa-gas-pump ${css.gasStationIcon}" title='Gas estimation'></i>
-            <span>${estimatedGas}</span>
-          </div>
-        `
-      }
-    }
-
-    return yo`
-      <div class=${css.line}>${showGasEstimation()}
-        <div title=${type} class=${css.type}>${type}</div>
-        <div title=${node.name} class=${css.name}>${node.name}</div>
-        <i class="fas fa-share ${css.jump}" aria-hidden="true" onclick=${jumpTo}></i>
-        <span class=${css.referencesnb}>${references}</span>
-        <i data-action='previous' class="fas fa-chevron-up ${css.jump}" aria-hidden="true" onclick=${jump}></i>
-        <i data-action='next' class="fas fa-chevron-down ${css.jump}" aria-hidden="true" onclick=${jump}></i>
-      </div>
-    `
-  }
-}
-
-function isDefinition (node) {
-  return node.nodeType === 'ContractDefinition' ||
-  node.nodeType === 'FunctionDefinition' ||
-  node.nodeType === 'ModifierDefinition' ||
-  node.nodeType === 'VariableDeclaration' ||
-  node.nodeType === 'StructDefinition' ||
-  node.nodeType === 'EventDefinition'
-}
-
-module.exports = ContextView