1:root {
2  --arm_light_blue: #00C1DE;
3  --arm_blue: #11809F;
4  --arm_blue1: #0091BD;
5  --arm_dark_blue: #002B49;
6  --arm_light_gray: #E5ECEB;
7  --arm_light_gray1: #EFF5F4;
8  --arm_light_gray2: #EBEBEB;
9  --arm_light_gray3: #F7F7F7;
10  --arm_dark_gray: #7D868C;
11  --arm_black: #333E48;
12  --arm_orange: #FF6B00;
13}
14
15#nav-tree ul {
16  list-style:none outside none;
17  margin:0px;
18  padding:0px;
19}
20
21#nav-tree li {
22  white-space:nowrap;
23  margin:0px;
24  padding:0px;
25}
26
27#nav-tree .plus {
28  margin:0px;
29}
30
31#nav-tree .selected {
32  background-image: none;
33  background-repeat:no-repeat;
34  text-shadow: none;
35  border: 1.5px solid var(--arm_blue);
36  border-left-width: 5px;
37  margin-left:-10px; /*correction to place selection border on the edge screen edge */
38}
39
40#nav-tree img {
41  margin:0px;
42  padding:0px;
43  border:0px;
44  vertical-align: middle;
45}
46
47#nav-tree a {
48  color: var(--nav-text-normal-color);
49  text-decoration:none;
50  padding:0px;
51  padding-left:0px;
52  margin:0px;
53  outline:none;
54}
55
56#nav-tree .label {
57  margin:0px;
58  padding:0px;
59  font: 15px  Lato, Calibri, sans-serif;
60}
61
62#nav-tree .label:hover {
63  color: var(--arm_orange);
64}
65
66#nav-tree .label a {
67  padding-left:6px;
68  line-height: 30px;
69}
70
71#nav-tree .selected a {
72  font-weight: bold;
73}
74
75/*correction for the larger box border on the left (10px-5px) */
76#nav-tree .selected .arrow {
77  margin-left:5px;
78}
79
80#nav-tree .children_ul {
81  margin:0px;
82  padding:0px;
83}
84
85#nav-tree {
86  padding: 0px 0px;
87  padding-left: 10px;  /*correction to add space before the first arrow in nav-tree */
88  overflow:auto;
89}
90
91#doc-content {
92  overflow:auto;
93  display:block;
94  padding:0px;
95  margin:0px;
96  -webkit-overflow-scrolling : touch; /* iOS 5+ */
97}
98
99#side-nav {
100  padding:0 2px 0 0;
101  margin: 0px;
102  display:block;
103  position: absolute;
104  left: 0px;
105  width: 330px;
106}
107
108.ui-resizable .ui-resizable-handle {
109  display:block;
110}
111
112.ui-resizable-e {
113  background-color: var(--nav-splitbar-color);
114  background-repeat:repeat-y;
115  background-attachment: scroll;
116  cursor:ew-resize;
117  height:100%;
118  right:0;
119  top:0;
120  width:1px;
121}
122
123.ui-resizable-handle {
124  display:none;
125  font-size:0.1px;
126  position:absolute;
127  z-index:1;
128}
129
130#nav-tree-contents {
131  margin: 6px 0px 0px 0px;
132}
133
134#nav-tree {
135
136  -webkit-overflow-scrolling : touch; /* iOS 5+ */
137}
138
139#nav-sync {
140  position:absolute;
141  top:5px;
142  right:24px;
143  z-index:0;
144  opacity:0;
145}
146
147#nav-sync img {
148  opacity:0;
149}
150
151#nav-sync img:hover {
152  opacity:0;
153}
154
155#nav-tree a:hover {
156  color: var(--arm_orange);
157}
158
159@media print
160{
161  #nav-tree { display: none; }
162  div.ui-resizable-handle { display: none; position: relative; }
163}
164
165