/*****************************************************************************/
/* General formatting                                                        */
/*****************************************************************************/
/* line 7, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page hr {
  margin-top: 20px;
  margin-bottom: 5px;
  border-top: var(--theme-border-faint); }
/* line 12, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page h1, #help-page h2, #help-page h3, #help-page h4, #help-page h5, #help-page h6 {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
/* line 15, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page h1, #help-page h2, #help-page h3, #help-page h4 {
  font-weight: bold;
  padding-top: 0;
  padding-bottom: 5px; }
/* line 20, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page h1 {
  font-size: 1.6rem; }
/* line 23, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page h2 {
  font-size: 1.3rem; }
/* line 26, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page h3 {
  font-size: 1.2rem; }
/* line 29, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page h4 {
  font-size: 1.0rem; }
/* line 32, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page h5 {
  font-size: 0.9rem; }
/* line 35, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page a {
  color: #428bca;
  text-decoration: none; }
/* line 39, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page a:hover,
#help-page a:focus {
  color: #2a6496;
  text-decoration: underline; }
/* line 44, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page p {
  line-height: 1.3; }
/* line 47, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page #help-main {
  margin-left: 175px;
  background-color: var(--theme-background-color);
  padding: 0px 10px 10px 10px; }

/*****************************************************************************/
/* Help Tables - This could be system wide eventually
/* See tables.scss for more help tables
/*****************************************************************************/
/* line 61, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page table:not(.help) tr th:first-of-type,
#help-page table:not(.help) tr td:first-of-type {
  padding-right: 10px; }
/* line 67, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page ul {
  padding-inline-start: 20px; }

/*****************************************************************************/
/* Sidebar Formatting                                                        */
/*****************************************************************************/
/* line 78, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav {
  background-color: #1a1a1a;
  width: 175px;
  position: fixed;
  height: calc(100vh - 48px);
  overflow: auto;
  z-index: 1000;
  top: 48px;
  left: 0; }

/* line 88, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav p,
#sidebar-nav li {
  margin: 0 5px;
  padding-bottom: 2px; }

/* line 95, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav .ps-btn.side-link {
  background-color: unset; }

/* line 99, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav a.nav-index {
  padding-top: 10px;
  padding-bottom: 8px; }

/* line 103, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav a:hover {
  color: white; }

/* line 107, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav .side-link,
#sidebar-nav p {
  font-size: 13px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  color: #e1e1e1;
  padding: 0 0.5rem;
  display: block; }

/* line 115, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav p {
  color: #afafaf;
  margin-top: 10px;
  margin-bottom: 0; }

/* line 121, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav .side-link.indent-2 {
  padding-left: 1.5rem; }

/* line 124, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav .side-link.indent-3 {
  padding-left: 2.5rem; }

/* line 127, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav .side-link.indent-4 {
  padding-left: 3.5rem; }

/* line 130, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav .side-link.indent-5 {
  padding-left: 4.5rem; }

/* line 133, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav li.active {
  background-color: #212529;
  border-radius: 5px; }

/* line 137, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav li.active .side-link {
  color: orange; }

/* line 141, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#sidebar-nav .sidebar-list {
  padding: 10px 0 30px 0;
  margin: 0; }

/* line 146, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
ul#gumshoe-list {
  list-style-type: none; }

/* line 151, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
.sidebar-toggle {
  border: 1px solid rgba(255, 255, 255, 0.1); }

/* line 154, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
.sidebar-toggle svg {
  fill: rgba(255, 255, 255, 0.55); }

/* line 157, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
.sidebar-toggle:not(.collapsed) .bi-collapse {
  display: inline-block; }

/* line 160, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
.sidebar-toggle .bi-collapse {
  display: none; }

/* line 163, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
.sidebar-toggle:not(.collapsed) .bi-expand {
  display: none; }

/* line 167, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
.side-link .subtitle {
  display: block;
  padding-left: 5px;
  font-size: smaller;
  font-style: italic;
  color: grey; }

/* line 175, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-nav-header {
  display: none;
  width: 100%;
  height: 40px;
  background-color: #1a1a1a;
  position: fixed;
  overflow: auto;
  z-index: 1000;
  top: 48px;
  left: 0;
  color: orange;
  text-align: center;
  line-height: 40px;
  cursor: pointer; }

/* Move anchor target offset by nav bar height */
/* line 192, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
html {
  scroll-padding-top: 48px; }

@media (max-width: 576px) {
  /* line 206, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
  #sidebar-nav {
    max-height: 0;
    transition: max-height .2s ease;
    height: auto;
    overflow: auto;
    width: 100%; }

  /* line 214, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
  #sidebar-nav.show-list {
    max-height: 40vh; }

  /* line 218, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
  #sidebar-nav .sidebar-list {
    height: auto;
    padding-bottom: 15px; }

  /* line 222, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
  #help-page #help-main {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 40px; }

  /* line 228, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
  #help-nav-header {
    display: block; }

  /* Move anchor target offset by nav bar height + help header */
  /* line 232, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
  html {
    scroll-padding-top: 88px; } }
/*****************************************************************************/
/* Help Path
/*****************************************************************************/
/* line 238, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
.help-path {
  font-size: 9px; }
  /* line 240, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
  .help-path .help-step {
    margin: 0 3px;
    border: var(--theme-border-primary);
    border-radius: 3px;
    padding: 1px 7px;
    background-color: var(--theme-background-color);
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s; }
  /* line 250, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
  .help-path a.help-step:hover {
    filter: invert(100%);
    transition: 0.3s;
    text-decoration: none !important; }
  /* line 255, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
  .help-path .help-step:first-of-type {
    margin-left: 0; }
  /* line 258, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
  .help-path .help-step:last-of-type {
    margin-right: 0; }

/* line 263, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
.help-path.large {
  font-size: 12px; }

/* line 271, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
.help-path.crumbs {
  float: right; }

/*****************************************************************************/
/* Control Examples
/*****************************************************************************/
/* line 279, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
#help-page .font-control {
  width: 250px; }

/*****************************************************************************/
/* Other stuff
/*****************************************************************************/
/* line 289, /home/jason/workspace/proksee-server/app/assets/stylesheets/help.scss */
.external-link::after {
  opacity: 0.8;
  margin-left: 4px;
  background-image: url(/assets/icon-external-link-9973a3ae9bf65fd1714cffc2b3319df8611c1fc8aeab972bf0c89c9703da9051.png);
  background-size: 10px 10px;
  filter: invert(39%) sepia(11%) saturate(1202%) hue-rotate(165deg) brightness(95%) contrast(92%);
  display: inline-block;
  width: 10px;
  height: 10px;
  content: ""; }