#nav-tree .children_ul {
  margin:0;
  padding:4px;
}

#nav-tree ul {
  list-style:none outside none;
  margin:0px;
  padding:0px;
}

#nav-tree li {
  white-space:nowrap;
  margin:0px;
  padding:0px;
}

#nav-tree .plus {
  margin:0px;
}

#nav-tree .selected {
  background-image: url('tab_a.png');
  background-repeat:repeat-x;
  color: var(--nav-text-active-color);
  text-shadow: var(--nav-text-active-shadow);
}

#nav-tree .selected .arrow {
  color: var(--nav-arrow-selected-color);
  text-shadow: none;
}

#nav-tree img {
  margin:0px;
  padding:0px;
  border:0px;
  vertical-align: middle;
}

#nav-tree a {
  text-decoration:none;
  padding:0px;
  margin:0px;
  outline:none;
}

#nav-tree .label {
  margin:0px;
  padding:0px;
  font: 12px var(--font-family-nav);
}

#nav-tree .label a {
  padding:2px;
}

#nav-tree .selected a {
  text-decoration:none;
  color:var(--nav-text-active-color);
}

#nav-tree .children_ul {
  margin:0px;
  padding:0px;
}

#nav-tree .item {
  margin:0px;
  padding:0px;
}

#nav-tree {
  padding: 0px 0px;
  font-size:14px;
  overflow:auto;
}

#doc-content {
  overflow:auto;
  display:block;
  padding:0px;
  margin:0px;
  -webkit-overflow-scrolling : touch; /* iOS 5+ */
}

#side-nav {
  padding:0 6px 0 0;
  margin: 0px;
  display:block;
  position: absolute;
  left: 0px;
  width: $width;
  overflow : hidden;
}

.ui-resizable .ui-resizable-handle {
  display:block;
}

.ui-resizable-e {
  background-image:var(--nav-splitbar-image);
  background-size:100%;
  background-repeat:repeat-y;
  background-attachment: scroll;
  cursor:ew-resize;
  height:100%;
  right:0;
  top:0;
  width:6px;
}

.ui-resizable-handle {
  display:none;
  font-size:0.1px;
  position:absolute;
  z-index:1;
}

#nav-tree-contents {
  margin: 6px 0px 0px 0px;
}

#nav-tree {
  background-repeat:repeat-x;
  background-color: var(--nav-background-color);
  -webkit-overflow-scrolling : touch; /* iOS 5+ */
}

#nav-sync {
  position:absolute;
  top:5px;
  right:24px;
  z-index:0;
}

#nav-sync img {
  opacity:0.3;
}

#nav-sync img:hover {
  opacity:0.9;
}

@media print
{
  #nav-tree { display: none; }
  div.ui-resizable-handle { display: none; position: relative; }
}


#nav-tree .children_ul {
  /* margin:0; */
  padding:4px;
}

#nav-tree ul {
  list-style:none outside none;
  /* margin:0px; */
  padding:0px;
}

#nav-tree li {
  white-space:nowrap;
  /* margin:0px; */
  padding:0px;
}

#nav-tree .plus {
  margin:0px;
}

#nav-tree .selected {
  background-image: url('tab_a.png');
  background-repeat:repeat-x;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
}

#nav-tree img {
  margin:0px;
  padding:0px;
  border:0px;
  vertical-align: middle;
}

#nav-tree a {
  text-decoration:none;
  padding:0px;
  margin:0px;
  outline:none;
}

#nav-tree .label {
  padding:0px;
}

#nav-tree .label a {

}

#nav-tree .selected a {
  text-decoration:none;
  margin:0px;
  color:#fff;
}

#nav-tree .children_ul {
  margin:0px;
  padding:0px;
}

#nav-tree .item {
  margin:0px;
  padding:0px;
  /* margin-left: -12px; */
}

#nav-tree {
  padding: 0px 0px;
  background-color: #fafafa;
  font-size:14px;
  overflow:auto;
}

#doc-content {
  overflow:auto;
  display:block;
  padding:0px;
  margin:0px;
  -webkit-overflow-scrolling : touch; /* iOS 5+ */
}

#side-nav {
  padding:0 10px 0 0;
  margin: 0px;
  display:block;
  position: absolute;
  left: 0px;
  width: 280px;
}

.ui-resizable .ui-resizable-handle {
  display:block;
}

/* Hover pop-up effect */
.ui-resizable .ui-resizable-handle:hover {
  box-shadow: 1px 1px 2px 1px #444;
  -moz-box-shadow: 1px 1px 2px 1px #444;
  -webkit-box-shadow: 1px 1px 2px 1px #444;
}

.ui-resizable-e {
  background-color: #ddd;
  border-left: 1px dotted #aaa;
  border-right: 1px dotted #aaa;
  border-top: none;
  border-bottom: 1px solid #888;
  background: linear-gradient(45deg, white 25%, #ddd 25%, #ccc 50%, white 50%, white 75%);
  background-size: 5px 5px;
  cursor: e-resize;
  height: 100%;
  right: 0;
  top: 0px;
  width: 8px;
}

.ui-resizable-handle {
  display: none;
  font-size: 0.1px;
  position: absolute;
  z-index: 1;
}

#nav-tree-contents {
  font-family: "Noto Sans", Helvetica, Arial, Sans, sans-serif;
  margin: 0px;
  padding-right: 0;
}

#nav-tree {
  padding-top: 5px;
  background-color: #f0f0f0;
  -webkit-overflow-scrolling : touch; /* iOS 5+ */
}

#nav-sync {
  display: hidden;
  position:absolute;
  top:5px;
  right:24px;
  z-index:0;
}

@media print
{
  #nav-tree { display: none; }
  div.ui-resizable-handle { display: none; position: relative; }
}

#side-nav .item {
    font-size: 11px;
    line-height: 18px;
}

#side-nav .item span:not(.label):after {
    color: rgb(135, 158, 201);
    content: "\25cf";
    float: right;
    padding-right: 6px;
    font-size: 12px;
}

#side-nav .label {
    vertical-align: middle;
}

#side-nav li .label {
}

#side-nav .label a {
    font-family: "Noto Sans", Helvetica, Arial, Sans, sans-serif;
    font-weight: 700;
}