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  border: 1.5px solid var(--arm_blue);
33  border-left-width: 5px;
34  margin-left:-10px; /*correction to place selection border on the edge screen edge */
35}
36
37#nav-tree img {
38  margin:0px;
39  padding:0px;
40  border:0px;
41  vertical-align: middle;
42}
43
44#nav-tree a {
45  text-decoration:none;
46  padding:0px;
47  padding-left:0px;
48  margin:0px;
49  outline:none;
50}
51
52#nav-tree .label {
53  margin:0px;
54  padding:0px;
55  font: 15px  Lato, Calibri, sans-serif;
56}
57
58#nav-tree .label:hover {
59  color: var(--arm_orange);
60}
61
62#nav-tree .label a {
63  padding-left:6px;
64  line-height: 30px;
65  color: var(--arm_black);
66}
67
68#nav-tree .selected a {
69  font-weight: bold;
70}
71
72/*correction for the larger box border on the left (10px-5px) */
73#nav-tree .selected .arrow {
74  margin-left:5px;
75}
76
77#nav-tree .children_ul {
78  margin:0px;
79  padding:0px;
80}
81
82#nav-tree {
83  padding: 0px 0px;
84  padding-left: 10px;  /*correction to add space before the first arrow in nav-tree */
85  background-color: #FAFAFF;
86  overflow:auto;
87}
88
89#doc-content {
90  overflow:auto;
91  display:block;
92  padding:0px;
93  margin:0px;
94  -webkit-overflow-scrolling : touch; /* iOS 5+ */
95}
96
97#side-nav {
98  padding:0 2px 0 0;
99  margin: 0px;
100  display:block;
101  position: absolute;
102  left: 0px;
103  width: 340px;
104}
105
106.ui-resizable .ui-resizable-handle {
107  display:block;
108}
109
110.ui-resizable-e {
111  background-color: var(--arm_light_gray);
112  background-repeat:repeat-y;
113  background-attachment: scroll;
114  cursor:ew-resize;
115  height:100%;
116  right:0;
117  top:0;
118  width:2px;
119}
120
121.ui-resizable-handle {
122  display:none;
123  font-size:0.1px;
124  position:absolute;
125  z-index:1;
126}
127
128#nav-tree-contents {
129  margin: 6px 0px 0px 0px;
130}
131
132#nav-tree {
133  background-color: white;
134  -webkit-overflow-scrolling : touch; /* iOS 5+ */
135}
136
137#nav-sync {
138  position:absolute;
139  top:5px;
140  right:24px;
141  z-index:0;
142}
143
144#nav-sync img {
145  opacity:0.0;
146}
147
148#nav-sync img:hover {
149  opacity:0.0;
150}
151
152#nav-tree a:hover {
153  color: var(--arm_orange);
154}
155
156@media print
157{
158  #nav-tree { display: none; }
159  div.ui-resizable-handle { display: none; position: relative; }
160}
161
162