/*!
 * HelpNDoc HTML template
 * Copyright (C) IBE Software - All rights reserved.
 * Can only be used in documentation generated by HelpNDoc: http://www.helpndoc.com
 */.unselectable {
  -moz-user-select:-moz-none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none}

.element-invisible {
  position:absolute !important;
  clip:rect(1px, 1px, 1px, 1px);
  overflow:hidden;
  height:1px}

body {
  background-color:#fff}

@media screen and (max-width: 768px) {
  body.sm-nav-expanded {
  overflow:hidden}

}

@media screen and (max-width: 768px) {
  body.sm-nav-expanded nav {
  left:0;
  opacity:1}

}

@media screen and (max-width: 768px) {
  body.sm-nav-expanded .mask {
  visibility:visible;
  opacity:0.5}

}

@media screen and (max-width: 768px) {
  body.sm-nav-expanded .header-up nav {
  margin-top:0}

}

@media screen and (min-width: 769px) {
  body.md-nav-expanded div#main {
  margin-left:350px}

}

@media screen and (min-width: 769px) {
  body.md-nav-expanded header {
  padding-left:364px}

}

@media screen and (min-width: 769px) {
  body.md-nav-expanded nav {
  left:0;
  opacity:1}

}

a {
  color:#337ab7;
  text-decoration:none}

a:focus,a:hover {
  color:#285f8f;
  text-decoration:underline}

header {
  background-color:#fff;
  border-bottom:1px solid #d9d9d9;
  box-shadow:0 1px 5px rgba(0,0,0,0.1);
  padding:10px 14px;
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:64px;
  min-height:64px;
  z-index:2;
  display:flex;
  flex-wrap:nowrap;
  align-content:flex-start;
  align-items:center}

@media screen and (max-width: 768px) {
  header.slideUp.headroom--not-bottom {
  box-shadow:none;
  top:-64px}

}

header .hnd-toggle {
  background-color:transparent;
  border-color:transparent;
  margin-right:10px;
  padding:9px}

@media screen and (min-width: 769px) {
  header .hnd-toggle {
  display:none}

}

header .hnd-toggle .icon-bar {
  background-color:#666;
  display:block;
  width:22px;
  height:2px;
  border-radius:1px}

header .hnd-toggle .icon-bar+.icon-bar {
  margin-top:4px}

header h1 {
  margin:0;
  flex-grow:1;
  font-size:19px;
  font-weight:500;
  line-height:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}

header .logo {
  margin-left:10px;
  max-height:44px}

nav {
  background-color:#f7f7f7;
  border:0;
  opacity:0;
  position:fixed;
  top:0;
  left:-350px;
  bottom:0;
  width:350px;
  z-index:3;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap}

@media screen and (max-width: 768px) {
  nav {
  box-shadow:1px 0 5px rgba(0,0,0,0.1);
  left:-90%;
  width:90% !important;
  margin-top:0;
  z-index:5}

}

nav .tab-tabs {
  border-bottom:1px solid #d9d9d9;
  box-shadow:0 1px 5px rgba(0,0,0,0.1);
  display:flex;
  justify-content:space-around;
  align-items:stretch;
  height:64px;
  min-height:64px;
  margin:0;
  padding:0}

nav .tab-tabs .hnd-toggle {
  background-color:#eaeaea;
  margin:0 16px 0 14px;
  padding:6px 13px}

nav .tab-tabs .hnd-toggle:hover {
  background-color:#f7f7f7}

@media screen and (min-width: 769px) {
  nav .tab-tabs .hnd-toggle {
  display:none}

}

nav .tab-tabs li {
  font-size:16px;
  height:100%;
  list-style:none;
  overflow:hidden;
  position:relative;
  text-align:center;
  float:none;
  margin-bottom:0}

nav .tab-tabs li a {
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  align-content:stretch;
  text-overflow:ellipsis;
  cursor:pointer !important;
  border:0 !important;
  border-color:transparent !important;
  border-radius:0 !important;
  margin:0 !important;
  padding:0 !important;
  line-height:initial !important}

nav .tab-tabs li .glyphicon {
  margin-bottom:5px}

nav .tab-tabs li#nav-close {
  align-self:center;
  height:auto;
  min-width:70px}

@media screen and (min-width: 769px) {
  nav .tab-tabs li#nav-close {
  min-width:0}

}

nav .tab-tabs li+li {
  flex-grow:1}

nav .tab-tabs>li>a,nav .tab-tabs>li.active>a,nav .tab-tabs>li.active>a:focus,nav .tab-tabs>li.active>a:hover {
  color:#666}

nav .tab-tabs>li.active>a {
  background-color:#ddd;
  color:#337ab7}

nav .tab-tabs>li>a:focus,nav .tab-tabs>li>a:hover,nav .tab-tabs>li.active>a:focus,nav .tab-tabs>li.active>a:hover {
  background-color:#eaeaea;
  color:#337ab7}

nav .tab-tabs>li.tab::after {
  content:"";
  background:#337ab7;
  height:2px;
  position:absolute;
  width:100%;
  left:0;
  bottom:0;
  transform:scale(0)}

nav .tab-tabs>li.tab.active::after,nav .tab-tabs>li.tab:hover::after {
  transform:scale(1)}

nav .tab-tabs>li.active>a {
  background-color:#f2f2f2}

nav .tab-content {
  flex-grow:1;
  overflow:auto}

nav .search-input {
  margin:7px}

@media screen and (max-width: 768px) {
  nav .search-input #input-search {
  font-size:16px}

}

nav #search-info {
  border-left:2px solid #ddd;
  display:none;
  margin:7px;
  padding:5px}

@media screen and (max-width: 768px) {
  nav #search-info {
  font-size:16px}

}

#hnd-splitter {
  background-color:transparent;
  position:fixed;
  top:0;
  left:-100px;
  width:8px;
  height:100%;
  touch-action:none;
  user-select:none;
  z-index:10}

#hnd-splitter:hover {
  background-color:#ddd}

@media screen and (max-width: 768px) {
  #hnd-splitter {
  display:none}

}

.mask {
  background-color:#000;
  visibility:hidden;
  opacity:0;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:4}

div#main {
  margin:64px 0 0 0;
  z-index:1}

div#main>article {
  padding:14px}

div#main>article mark {
  background-color:#ffff7b;
  padding:0}

div#main>article .navigation {
  align-items:center;
  border-bottom:2px solid #f2f2f2;
  display:flex;
  margin-bottom:20px}

div#main>article .navigation:empty {
  border:0}

div#main>article .navigation .breadcrumb {
  background-color:transparent;
  border-radius:0;
  flex-grow:1;
  margin-bottom:0;
  padding:0 0 5px 0}

div#main>article .navigation .breadcrumb>li::after {
  padding:0 5px;
  color:#d9d9d9;
  content:"/"}

div#main>article .navigation .breadcrumb>li+li::before {
  content:none;
  padding:0}

div#main>article .navigation .nav-arrows {
  flex-shrink:0;
  margin-bottom:4px}

div#main>article .navigation .nav-arrows a,div#main>article .navigation .nav-arrows button {
  border:0;
  background-color:transparent;
  color:#333}

div#main>article .navigation .nav-arrows a:hover,div#main>article .navigation .nav-arrows a:focus:hover,div#main>article .navigation .nav-arrows button:hover,div#main>article .navigation .nav-arrows button:focus:hover {
  color:#337ab7}

div#main>article .navigation .nav-arrows #inline-toc {
  max-width:80vw}

div#main>article .navigation .nav-arrows #inline-toc ul {
  padding-left:35px}

div#main>article .navigation .nav-arrows #inline-toc ul li {
  list-style:square}

div#main>article #topic_footer {
  margin-top:14px}

#topic-content {
  padding:0}

#topic-content table {
  border-collapse:separate}

#topic-content img {
  max-width:100%;
  height:auto;
  vertical-align:baseline}

.jstree .jstree-anchor {
  text-shadow:inherit}

.jstree .jstree-node .jstree-clicked {
  background:#ddd;
  border-color:#aaa}

.jstree .jstree-node .jstree-hovered {
  background:#eaeaea;
  border-color:#b7b7b7}

.jstree .jstree-node.jstree-closed>.jstree-icon.jstree-ocl,.jstree .jstree-node.jstree-open>.jstree-icon.jstree-ocl {
  background-color:transparent;
  background-image:none;
  background-position:0 0}

.jstree .jstree-node.jstree-closed>.jstree-icon.jstree-ocl:before,.jstree .jstree-node.jstree-open>.jstree-icon.jstree-ocl:before {
  content:"\e250";
  color:#666;
  font-family:'Glyphicons Halflings';
  font-style:normal;
  font-size:10px}

@media screen and (max-width: 768px) {
  .jstree .jstree-node.jstree-closed>.jstree-icon.jstree-ocl:before,.jstree .jstree-node.jstree-open>.jstree-icon.jstree-ocl:before {
  font-size:16px}

}

.jstree .jstree-node.jstree-closed>.jstree-icon.jstree-ocl:hover:before,.jstree .jstree-node.jstree-open>.jstree-icon.jstree-ocl:hover:before {
  color:#337ab7}

.jstree .jstree-node.jstree-open>.jstree-icon.jstree-ocl:before {
  content:"\e252"}

.jstree .jstree-node.jstree-open>.jstree-anchor>.icon-default {
  background:transparent url(../vendors/helpndoc-5/icons/1.png) no-repeat center center !important}

.jstree .jstree-node.jstree-closed>.jstree-anchor>.icon-default {
  background:transparent url(../vendors/helpndoc-5/icons/0.png) no-repeat center center !important}

.jstree .jstree-node .icon-default {
  background:transparent url(../vendors/helpndoc-5/icons/8.png) no-repeat center center !important}

.jstree .jstree-node .icon-0 {
  background:transparent url(../vendors/helpndoc-5/icons/0.png) no-repeat center center !important}

.jstree .jstree-node .icon-1 {
  background:transparent url(../vendors/helpndoc-5/icons/1.png) no-repeat center center !important}

.jstree .jstree-node .icon-2 {
  background:transparent url(../vendors/helpndoc-5/icons/2.png) no-repeat center center !important}

.jstree .jstree-node .icon-3 {
  background:transparent url(../vendors/helpndoc-5/icons/3.png) no-repeat center center !important}

.jstree .jstree-node .icon-4 {
  background:transparent url(../vendors/helpndoc-5/icons/4.png) no-repeat center center !important}

.jstree .jstree-node .icon-5 {
  background:transparent url(../vendors/helpndoc-5/icons/5.png) no-repeat center center !important}

.jstree .jstree-node .icon-6 {
  background:transparent url(../vendors/helpndoc-5/icons/6.png) no-repeat center center !important}

.jstree .jstree-node .icon-7 {
  background:transparent url(../vendors/helpndoc-5/icons/7.png) no-repeat center center !important}

.jstree .jstree-node .icon-8 {
  background:transparent url(../vendors/helpndoc-5/icons/8.png) no-repeat center center !important}

.jstree .jstree-node .icon-9 {
  background:transparent url(../vendors/helpndoc-5/icons/9.png) no-repeat center center !important}

.jstree .jstree-node .icon-10 {
  background:transparent url(../vendors/helpndoc-5/icons/10.png) no-repeat center center !important}

.jstree .jstree-node .icon-11 {
  background:transparent url(../vendors/helpndoc-5/icons/11.png) no-repeat center center !important}

.jstree .jstree-node .icon-12 {
  background:transparent url(../vendors/helpndoc-5/icons/12.png) no-repeat center center !important}

.jstree .jstree-node .icon-13 {
  background:transparent url(../vendors/helpndoc-5/icons/13.png) no-repeat center center !important}

.jstree .jstree-node .icon-14 {
  background:transparent url(../vendors/helpndoc-5/icons/14.png) no-repeat center center !important}

.jstree .jstree-node .icon-15 {
  background:transparent url(../vendors/helpndoc-5/icons/15.png) no-repeat center center !important}

.jstree .jstree-node .icon-16 {
  background:transparent url(../vendors/helpndoc-5/icons/16.png) no-repeat center center !important}

.jstree .jstree-node .icon-17 {
  background:transparent url(../vendors/helpndoc-5/icons/17.png) no-repeat center center !important}

.jstree .jstree-node .icon-18 {
  background:transparent url(../vendors/helpndoc-5/icons/18.png) no-repeat center center !important}

.jstree .jstree-node .icon-19 {
  background:transparent url(../vendors/helpndoc-5/icons/19.png) no-repeat center center !important}

.jstree .jstree-node .icon-20 {
  background:transparent url(../vendors/helpndoc-5/icons/20.png) no-repeat center center !important}

.jstree .jstree-node .icon-21 {
  background:transparent url(../vendors/helpndoc-5/icons/21.png) no-repeat center center !important}

.jstree .jstree-node .icon-22 {
  background:transparent url(../vendors/helpndoc-5/icons/22.png) no-repeat center center !important}

.jstree .jstree-node .icon-23 {
  background:transparent url(../vendors/helpndoc-5/icons/23.png) no-repeat center center !important}

.jstree .jstree-node .icon-24 {
  background:transparent url(../vendors/helpndoc-5/icons/24.png) no-repeat center center !important}

.jstree .jstree-node .icon-25 {
  background:transparent url(../vendors/helpndoc-5/icons/25.png) no-repeat center center !important}

.jstree .jstree-node .icon-26 {
  background:transparent url(../vendors/helpndoc-5/icons/26.png) no-repeat center center !important}

.jstree .jstree-node .icon-27 {
  background:transparent url(../vendors/helpndoc-5/icons/27.png) no-repeat center center !important}

.jstree .jstree-node .icon-28 {
  background:transparent url(../vendors/helpndoc-5/icons/28.png) no-repeat center center !important}

.jstree .jstree-node .icon-29 {
  background:transparent url(../vendors/helpndoc-5/icons/29.png) no-repeat center center !important}

.jstree .jstree-node .icon-30 {
  background:transparent url(../vendors/helpndoc-5/icons/30.png) no-repeat center center !important}

.jstree .jstree-node .icon-31 {
  background:transparent url(../vendors/helpndoc-5/icons/31.png) no-repeat center center !important}

.jstree .jstree-node .icon-32 {
  background:transparent url(../vendors/helpndoc-5/icons/32.png) no-repeat center center !important}

.jstree .jstree-node .icon-33 {
  background:transparent url(../vendors/helpndoc-5/icons/33.png) no-repeat center center !important}

.jstree .jstree-node .icon-34 {
  background:transparent url(../vendors/helpndoc-5/icons/34.png) no-repeat center center !important}

.jstree .jstree-node .icon-35 {
  background:transparent url(../vendors/helpndoc-5/icons/35.png) no-repeat center center !important}

.jstree .jstree-node .icon-36 {
  background:transparent url(../vendors/helpndoc-5/icons/36.png) no-repeat center center !important}

.jstree .jstree-node .icon-37 {
  background:transparent url(../vendors/helpndoc-5/icons/37.png) no-repeat center center !important}

.jstree .jstree-node .icon-38 {
  background:transparent url(../vendors/helpndoc-5/icons/38.png) no-repeat center center !important}

.jstree .jstree-node .icon-39 {
  background:transparent url(../vendors/helpndoc-5/icons/39.png) no-repeat center center !important}

.jstree .jstree-node .icon-40 {
  background:transparent url(../vendors/helpndoc-5/icons/40.png) no-repeat center center !important}

.jstree .jstree-node .icon-41 {
  background:transparent url(../vendors/helpndoc-5/icons/41.png) no-repeat center center !important}

.modal-body .relative-list {
  margin:0;
  padding:5px}

.modal-body .relative-list li {
  list-style:none;
  margin:0;
  padding:0}

@media screen and (max-width: 768px) {
  .modal-body .relative-list li {
  font-size:1.1em;
  font-weight:700}

}

.modal-body .relative-list li a {
  color:#333;
  display:block;
  padding:5px}

@media screen and (max-width: 768px) {
  .modal-body .relative-list li a {
  padding:10px}

}

.modal-body .relative-list li a:hover {
  background-color:#f2f2f2;
  text-decoration:none}


/* === BRAND OVERRIDES (append at end) === */
:root {

  --brand:#8EC63F;
        /* your green */
  --on-brand:#000;
        /* black is accessible on that green */
  --brand-hover:#72A130;

  --brand-focus:#80B536;

  --brand-light:#ACD571;

}



/* Header: color + hamburger + title */
header {
   background:var(--brand) !important;
   }


header .hnd-toggle .icon-bar {
   background:var(--on-brand) !important;
   }


header h1 {
   color:var(--on-brand) !important;
   }



/* Inject a logo WITHOUT editing HTML */
header h1:before {

  content:"";

  display:inline-block;

  width:140px;
   height:32px;
   margin-right:10px;
   vertical-align:middle;

  background:url(../../../img/company-logo.jpg) no-repeat center/contain;

}



/* Links & hovers (sitewide) */
a {
   color:#4A7A16 !important;
   }


a:focus, a:hover {
   color:var(--brand-hover) !important;
   }



/* Nav bar tabs underline + active colors */
nav .tab-tabs>li.tab::after {
   background:var(--brand) !important;
   }


nav .tab-tabs>li.active>a,
div#main>article .navigation .nav-arrows a:hover,
div#main>article .navigation .nav-arrows button:hover {

  color:var(--brand) !important;

}



/* Left tree selection + hover */
.jstree .jstree-node .jstree-clicked {
   background:rgba(142,198,63,.18) !important;
   }


.jstree .jstree-node .jstree-hovered {
   background:rgba(142,198,63,.10) !important;
   }


.jstree .jstree-node.jstree-closed>.jstree-icon.jstree-ocl:hover:before {
   color:var(--brand) !important;
   }



/* Search highlight color */
div#main>article mark {
   background:var(--brand-light) !important;
   }



/* Primary buttons if present */
.btn-primary {

  background:var(--brand) !important;
   border-color:var(--brand) !important;
   color:var(--on-brand) !important;

}


.btn-primary:hover {

  background:var(--brand-hover) !important;
   border-color:var(--brand-hover) !important;

}