1 | .next-sr-only {
|
2 | position: absolute;
|
3 | width: 1px;
|
4 | height: 1px;
|
5 | padding: 0;
|
6 | overflow: hidden;
|
7 | clip: rect(0, 0, 0, 0);
|
8 | white-space: nowrap;
|
9 | border: 0;
|
10 | top: 0;
|
11 | margin: -1px; }
|
12 |
|
13 | .next-shell {
|
14 | box-sizing: border-box;
|
15 | position: relative;
|
16 | display: flex;
|
17 | flex-direction: column;
|
18 | transition: all 0.2s ease;
|
19 | transition: all 0.2s var(--motion-ease, ease); }
|
20 | .next-shell *,
|
21 | .next-shell *:before,
|
22 | .next-shell *:after {
|
23 | box-sizing: border-box; }
|
24 | .next-shell-content-wrapper {
|
25 | overflow: auto; }
|
26 | .next-shell-header {
|
27 | display: flex;
|
28 | width: 100%;
|
29 | justify-content: space-between;
|
30 | align-items: center;
|
31 | z-index: 9; }
|
32 | .next-shell-header .dock-trigger,
|
33 | .next-shell-header .nav-trigger {
|
34 | outline: 0;
|
35 | display: flex;
|
36 | justify-content: center;
|
37 | align-items: center;
|
38 | cursor: pointer;
|
39 | width: 32px;
|
40 | height: 32px; }
|
41 | .next-shell-header .nav-trigger {
|
42 | margin-right: 10px; }
|
43 | .next-shell-header .dock-trigger {
|
44 | margin-left: 10px; }
|
45 | .next-shell-header.next-shell-fixed-header {
|
46 | position: sticky;
|
47 | top: 0; }
|
48 | .next-shell-header .next-shell-navigation {
|
49 | flex: 1 1;
|
50 | display: flex;
|
51 | align-items: center;
|
52 | flex-direction: row; }
|
53 | .next-shell-header .next-shell-branding {
|
54 | display: flex;
|
55 | align-items: center; }
|
56 | .next-shell-header .next-shell-action {
|
57 | display: flex;
|
58 | align-items: center; }
|
59 | .next-shell-sub-main {
|
60 | flex: 1 1;
|
61 | display: flex;
|
62 | flex-direction: column;
|
63 | height: 100%;
|
64 | overflow: auto;
|
65 | outline: 0; }
|
66 | .next-shell-main {
|
67 | display: flex;
|
68 | flex: 1 1 auto;
|
69 | flex-direction: row;
|
70 | position: relative;
|
71 | height: 100%;
|
72 | box-sizing: content-box;
|
73 | overflow: auto;
|
74 | transition: all 0.2s ease;
|
75 | transition: all 0.2s var(--motion-ease, ease); }
|
76 | .next-shell-main .next-shell-content {
|
77 | flex: 1 1 auto; }
|
78 | .next-shell-main .next-shell-content-inner {
|
79 | margin: 0 auto; }
|
80 | .next-shell-main .next-shell-footer {
|
81 | display: flex;
|
82 | flex-direction: column;
|
83 | justify-content: center;
|
84 | align-items: center;
|
85 | width: 100%; }
|
86 | .next-shell .next-aside-navigation,
|
87 | .next-shell .next-aside-tooldock {
|
88 | display: flex; }
|
89 | .next-shell .next-aside-navigation.fixed,
|
90 | .next-shell .next-aside-tooldock.fixed {
|
91 | position: fixed;
|
92 | top: 0;
|
93 | bottom: 0;
|
94 | z-index: 1; }
|
95 | .next-shell .next-aside-navigation.fixed {
|
96 | left: 0; }
|
97 | .next-shell .next-aside-tooldock.fixed {
|
98 | right: 0; }
|
99 | .next-shell-aside {
|
100 | transition: all 0.2s ease;
|
101 | transition: all 0.2s var(--motion-ease, ease); }
|
102 | .next-shell-aside .aside-trigger {
|
103 | cursor: pointer;
|
104 | outline: 0;
|
105 | position: absolute;
|
106 | right: 0;
|
107 | top: 50%;
|
108 | width: 20px;
|
109 | height: 48px;
|
110 | display: flex;
|
111 | border: 1px solid #DDD;
|
112 | align-items: center;
|
113 | justify-content: center; }
|
114 | .next-shell-aside .local-nav-trigger {
|
115 | outline: 0;
|
116 | border-left: none;
|
117 | transform: translate(100%, -50%);
|
118 | right: 0; }
|
119 | .next-shell-aside .ancillary-trigger {
|
120 | outline: 0;
|
121 | transform: translate(-100%, -50%);
|
122 | border-right: 0;
|
123 | left: 1px; }
|
124 | .next-shell-aside.next-aside-localnavigation {
|
125 | position: relative; }
|
126 | .next-shell-aside.next-aside-ancillary {
|
127 | position: relative; }
|
128 | .next-shell-aside.next-shell-navigation {
|
129 | display: flex;
|
130 | flex-direction: column;
|
131 | justify-self: flex-start;
|
132 | transition: all 0.2s ease;
|
133 | transition: all 0.2s var(--motion-ease, ease); }
|
134 | .next-shell-aside.next-shell-tooldock {
|
135 | display: flex;
|
136 | flex-direction: column;
|
137 | align-items: center; }
|
138 | .next-shell-aside .next-shell-tooldockitem {
|
139 | width: 100%;
|
140 | text-align: center; }
|
141 | .next-shell-aside .next-shell-localnavigation {
|
142 | position: relative;
|
143 | height: 100%;
|
144 | display: flex;
|
145 | flex-direction: column;
|
146 | justify-self: flex-start;
|
147 | transition: all 0.2s ease;
|
148 | transition: all 0.2s var(--motion-ease, ease); }
|
149 | .next-shell-aside .next-shell-ancillary {
|
150 | height: 100%;
|
151 | display: flex;
|
152 | flex-direction: column;
|
153 | justify-self: flex-start;
|
154 | transition: all 0.2s ease;
|
155 | transition: all 0.2s var(--motion-ease, ease); }
|
156 | .next-shell-light .next-shell-header .dock-trigger,
|
157 | .next-shell-light .next-shell-header .nav-trigger {
|
158 | background: #FFFFFF;
|
159 | background: var(--shell-light-header-background, #FFFFFF); }
|
160 | .next-shell-light .next-shell-aside .local-nav-trigger {
|
161 | background: #E2E4E8;
|
162 | background: var(--shell-light-local-navigation-background, #E2E4E8); }
|
163 | .next-shell-light .next-shell-aside .ancillary-trigger {
|
164 | background: #FFFFFF;
|
165 | background: var(--shell-light-ancillary-background, #FFFFFF); }
|
166 | .next-shell-light .next-shell-header {
|
167 | color: #000000;
|
168 | color: var(--shell-light-header-color, #000000);
|
169 | height: 52px;
|
170 | height: var(--shell-light-header-height, 52px);
|
171 | background: #FFFFFF;
|
172 | background: var(--shell-light-header-background, #FFFFFF);
|
173 | border-bottom: 1px solid #E6E7EB;
|
174 | border-bottom: var(--shell-light-header-divider, 1px solid #E6E7EB);
|
175 | box-shadow: none;
|
176 | box-shadow: var(--shell-light-header-shadow, none);
|
177 | padding: 0 16px;
|
178 | padding: 0 var(--shell-light-header-paddingLeft, 16px); }
|
179 | .next-shell-light .next-shell-header .next-shell-navigation {
|
180 | justify-content: flex-end;
|
181 | justify-content: var(--shell-light-navigation-hoz-align, flex-end);
|
182 | height: 52px;
|
183 | height: var(--shell-light-header-height, 52px);
|
184 | line-height: 52px;
|
185 | line-height: var(--shell-light-header-height, 52px);
|
186 | margin: 0 48px;
|
187 | margin: 0 var(--shell-light-navigation-hoz-marginLeft, 48px); }
|
188 | .next-shell-light .next-shell-task-header {
|
189 | width: 100%;
|
190 | min-height: 40px;
|
191 | min-height: var(--shell-light-multitask-min-height, 40px);
|
192 | background: #FFFFFF;
|
193 | background: var(--shell-light-multitask-background, #FFFFFF);
|
194 | border-bottom: 1px solid #E6E7EB;
|
195 | border-bottom: var(--shell-light-multitask-divider, 1px solid #E6E7EB);
|
196 | box-shadow: none;
|
197 | box-shadow: var(--shell-light-multitask-shadow, none);
|
198 | padding: 0 0px;
|
199 | padding: 0 var(--shell-light-multitask-paddingLeft, 0px);
|
200 | overflow: auto; }
|
201 | .next-shell-light .next-shell-main {
|
202 | background: #EBECF0;
|
203 | background: var(--shell-light-content-background, #EBECF0); }
|
204 | .next-shell-light .next-shell-main .next-shell-appbar {
|
205 | min-height: 48px;
|
206 | min-height: var(--shell-light-appbar-min-height, 48px);
|
207 | background: #FFFFFF;
|
208 | background: var(--shell-light-appbar-background, #FFFFFF);
|
209 | border-bottom: 1px solid #E6E7EB;
|
210 | border-bottom: var(--shell-light-appbar-divider, 1px solid #E6E7EB);
|
211 | box-shadow: none;
|
212 | box-shadow: var(--shell-light-appbar-shadow, none);
|
213 | padding: 0 24px;
|
214 | padding: 0 var(--shell-light-appbar-paddingLeft, 24px); }
|
215 | .next-shell-light .next-shell-main .next-shell-content {
|
216 | padding: 20px 20px;
|
217 | padding: var(--shell-light-content-paddingTop, 20px) var(--shell-light-content-paddingLeft, 20px); }
|
218 | .next-shell-light .next-shell-main .next-shell-footer {
|
219 | background: transparent;
|
220 | background: var(--shell-light-footer-background, transparent);
|
221 | min-height: 56px;
|
222 | min-height: var(--shell-light-footer-min-height, 56px);
|
223 | color: #CCCCCC;
|
224 | color: var(--shell-light-footer-color, #CCCCCC);
|
225 | font-size: 14px;
|
226 | font-size: var(--shell-light-footer-font-size, 14px); }
|
227 | .next-shell-light .next-shell-aside.next-shell-navigation {
|
228 | width: 168px;
|
229 | width: var(--shell-light-navigation-ver-width, 168px);
|
230 | background: #FFFFFF;
|
231 | background: var(--shell-light-navigation-ver-background, #FFFFFF);
|
232 | border-right: 1px solid #E6E7EB;
|
233 | border-right: var(--shell-light-navigation-ver-divider, 1px solid #E6E7EB);
|
234 | box-shadow: none;
|
235 | box-shadow: var(--shell-light-navigation-ver-shadow, none);
|
236 | padding: 8px 0 8px;
|
237 | padding: var(--shell-light-navigation-ver-paddingTop, 8px) 0 var(--shell-light-navigation-ver-paddingBottom, 8px); }
|
238 | .next-shell-light .next-shell-aside.next-shell-navigation.next-shell-collapse.next-shell-mini {
|
239 | width: 60px;
|
240 | width: var(--shell-light-navigation-ver-width-mini, 60px); }
|
241 | .next-shell-light .next-shell-aside.next-shell-navigation.next-shell-collapse {
|
242 | width: 0; }
|
243 | .next-shell-light .next-shell-aside.next-shell-tooldock {
|
244 | width: 52px;
|
245 | width: var(--shell-light-tooldock-width, 52px);
|
246 | background: #E2E4E8;
|
247 | background: var(--shell-light-tooldock-background, #E2E4E8);
|
248 | border-left: 1px solid #E6E7EB;
|
249 | border-left: var(--shell-light-tooldock-divider, 1px solid #E6E7EB);
|
250 | box-shadow: none;
|
251 | box-shadow: var(--shell-light-tooldock-shadow, none);
|
252 | padding: 8px 0 8px;
|
253 | padding: var(--shell-light-tooldock-paddingTop, 8px) 0 var(--shell-light-tooldock-paddingBottom, 8px); }
|
254 | .next-shell-light .next-shell-aside .next-shell-tooldockitem {
|
255 | padding: 8px 0;
|
256 | padding: var(--shell-light-tooldock-item-paddingTop, 8px) 0;
|
257 | color: #666666;
|
258 | color: var(--shell-light-tooldock-item-color, #666666);
|
259 | background: transparent;
|
260 | background: var(--shell-light-tooldock-item-background, transparent); }
|
261 | .next-shell-light .next-shell-aside .next-shell-tooldockitem:hover {
|
262 | color: #333333;
|
263 | color: var(--shell-light-tooldock-item-color-hover, #333333);
|
264 | background: #EBECF0;
|
265 | background: var(--shell-light-tooldock-item-background-hover, #EBECF0); }
|
266 | .next-shell-light .next-shell-aside .next-shell-localnavigation {
|
267 | width: 168px;
|
268 | width: var(--shell-light-local-navigation-width, 168px);
|
269 | background: #E2E4E8;
|
270 | background: var(--shell-light-local-navigation-background, #E2E4E8);
|
271 | border-right: 1px solid #E6E7EB;
|
272 | border-right: var(--shell-light-local-navigation-divider, 1px solid #E6E7EB);
|
273 | box-shadow: none;
|
274 | box-shadow: var(--shell-light-local-navigation-shadow, none);
|
275 | padding: 8px 0 8px;
|
276 | padding: var(--shell-light-local-navigation-paddingTop, 8px) 0 var(--shell-light-local-navigation-paddingBottom, 8px); }
|
277 | .next-shell-light .next-shell-aside .next-shell-localnavigation.next-shell-collapse {
|
278 | width: 0; }
|
279 | .next-shell-light .next-shell-aside .next-shell-ancillary {
|
280 | width: 168px;
|
281 | width: var(--shell-light-ancillary-width, 168px);
|
282 | background: #FFFFFF;
|
283 | background: var(--shell-light-ancillary-background, #FFFFFF);
|
284 | border-left: 1px solid #E6E7EB;
|
285 | border-left: var(--shell-light-ancillary-divider, 1px solid #E6E7EB);
|
286 | box-shadow: none;
|
287 | box-shadow: var(--shell-light-ancillary-shadow, none);
|
288 | padding: 8px 0 8px;
|
289 | padding: var(--shell-light-ancillary-paddingTop, 8px) 0 var(--shell-light-ancillary-paddingBottom, 8px); }
|
290 | .next-shell-light .next-shell-aside .next-shell-ancillary.next-shell-collapse {
|
291 | width: 0; }
|
292 | .next-shell-dark .next-shell-header .dock-trigger,
|
293 | .next-shell-dark .next-shell-header .nav-trigger {
|
294 | background: #000000;
|
295 | background: var(--shell-dark-header-background, #000000); }
|
296 | .next-shell-dark .next-shell-aside .local-nav-trigger {
|
297 | background: #E2E4E8;
|
298 | background: var(--shell-dark-local-navigation-background, #E2E4E8); }
|
299 | .next-shell-dark .next-shell-aside .ancillary-trigger {
|
300 | background: #FFFFFF;
|
301 | background: var(--shell-dark-ancillary-background, #FFFFFF); }
|
302 | .next-shell-dark .next-shell-header {
|
303 | color: #FFFFFF;
|
304 | color: var(--shell-dark-header-color, #FFFFFF);
|
305 | height: 52px;
|
306 | height: var(--shell-dark-header-height, 52px);
|
307 | background: #000000;
|
308 | background: var(--shell-dark-header-background, #000000);
|
309 | border-bottom: 1px solid #1F1F1F;
|
310 | border-bottom: var(--shell-dark-header-divider, 1px solid #1F1F1F);
|
311 | box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
312 | box-shadow: var(--shell-dark-header-shadow, 0px 1px 3px 0px rgba(0, 0, 0, 0.12));
|
313 | padding: 0 16px;
|
314 | padding: 0 var(--shell-dark-header-paddingLeft, 16px); }
|
315 | .next-shell-dark .next-shell-header .next-shell-navigation {
|
316 | justify-content: flex-end;
|
317 | justify-content: var(--shell-dark-navigation-hoz-align, flex-end);
|
318 | height: 52px;
|
319 | height: var(--shell-dark-header-height, 52px);
|
320 | line-height: 52px;
|
321 | line-height: var(--shell-dark-header-height, 52px);
|
322 | margin: 0 48px;
|
323 | margin: 0 var(--shell-dark-navigation-hoz-marginLeft, 48px); }
|
324 | .next-shell-dark .next-shell-task-header {
|
325 | width: 100%;
|
326 | min-height: 40px;
|
327 | min-height: var(--shell-dark-multitask-min-height, 40px);
|
328 | background: #FFFFFF;
|
329 | background: var(--shell-dark-multitask-background, #FFFFFF);
|
330 | border-bottom: 1px solid #E6E7EB;
|
331 | border-bottom: var(--shell-dark-multitask-divider, 1px solid #E6E7EB);
|
332 | box-shadow: none;
|
333 | box-shadow: var(--shell-dark-multitask-shadow, none);
|
334 | padding: 0 0px;
|
335 | padding: 0 var(--shell-dark-multitask-paddingLeft, 0px);
|
336 | overflow: auto; }
|
337 | .next-shell-dark .next-shell-main {
|
338 | background: #EBECF0;
|
339 | background: var(--shell-dark-content-background, #EBECF0); }
|
340 | .next-shell-dark .next-shell-main .next-shell-appbar {
|
341 | min-height: 48px;
|
342 | min-height: var(--shell-dark-appbar-min-height, 48px);
|
343 | background: #FFFFFF;
|
344 | background: var(--shell-dark-appbar-background, #FFFFFF);
|
345 | border-bottom: 1px solid #E6E7EB;
|
346 | border-bottom: var(--shell-dark-appbar-divider, 1px solid #E6E7EB);
|
347 | box-shadow: none;
|
348 | box-shadow: var(--shell-dark-appbar-shadow, none);
|
349 | padding: 0 24px;
|
350 | padding: 0 var(--shell-dark-appbar-paddingLeft, 24px); }
|
351 | .next-shell-dark .next-shell-main .next-shell-content {
|
352 | padding: 20px 20px;
|
353 | padding: var(--shell-dark-content-paddingTop, 20px) var(--shell-dark-content-paddingLeft, 20px); }
|
354 | .next-shell-dark .next-shell-main .next-shell-footer {
|
355 | background: transparent;
|
356 | background: var(--shell-dark-footer-background, transparent);
|
357 | min-height: 56px;
|
358 | min-height: var(--shell-dark-footer-min-height, 56px);
|
359 | color: #CCCCCC;
|
360 | color: var(--shell-dark-footer-color, #CCCCCC);
|
361 | font-size: 14px;
|
362 | font-size: var(--shell-dark-footer-font-size, 14px); }
|
363 | .next-shell-dark .next-shell-aside.next-shell-navigation {
|
364 | width: 168px;
|
365 | width: var(--shell-dark-navigation-ver-width, 168px);
|
366 | background: #333333;
|
367 | background: var(--shell-dark-navigation-ver-background, #333333);
|
368 | border-right: 1px solid #E6E7EB;
|
369 | border-right: var(--shell-dark-navigation-ver-divider, 1px solid #E6E7EB);
|
370 | box-shadow: none;
|
371 | box-shadow: var(--shell-dark-navigation-ver-shadow, none);
|
372 | padding: 8px 0 8px;
|
373 | padding: var(--shell-dark-navigation-ver-paddingTop, 8px) 0 var(--shell-dark-navigation-ver-paddingBottom, 8px); }
|
374 | .next-shell-dark .next-shell-aside.next-shell-navigation.next-shell-collapse.next-shell-mini {
|
375 | width: 60px;
|
376 | width: var(--shell-dark-navigation-ver-width-mini, 60px); }
|
377 | .next-shell-dark .next-shell-aside.next-shell-navigation.next-shell-collapse {
|
378 | width: 0; }
|
379 | .next-shell-dark .next-shell-aside.next-shell-tooldock {
|
380 | width: 52px;
|
381 | width: var(--shell-dark-tooldock-width, 52px);
|
382 | background: #E2E4E8;
|
383 | background: var(--shell-dark-tooldock-background, #E2E4E8);
|
384 | border-left: 1px solid #E6E7EB;
|
385 | border-left: var(--shell-dark-tooldock-divider, 1px solid #E6E7EB);
|
386 | box-shadow: none;
|
387 | box-shadow: var(--shell-dark-tooldock-shadow, none);
|
388 | padding: 8px 0 8px;
|
389 | padding: var(--shell-dark-tooldock-paddingTop, 8px) 0 var(--shell-dark-tooldock-paddingBottom, 8px); }
|
390 | .next-shell-dark .next-shell-aside .next-shell-tooldockitem {
|
391 | padding: 8px 0;
|
392 | padding: var(--shell-dark-tooldock-item-paddingTop, 8px) 0;
|
393 | color: #666666;
|
394 | color: var(--shell-dark-tooldock-item-color, #666666);
|
395 | background: transparent;
|
396 | background: var(--shell-dark-tooldock-item-background, transparent); }
|
397 | .next-shell-dark .next-shell-aside .next-shell-tooldockitem:hover {
|
398 | color: #333333;
|
399 | color: var(--shell-dark-tooldock-item-color-hover, #333333);
|
400 | background: #EBECF0;
|
401 | background: var(--shell-dark-tooldock-item-background-hover, #EBECF0); }
|
402 | .next-shell-dark .next-shell-aside .next-shell-localnavigation {
|
403 | width: 168px;
|
404 | width: var(--shell-dark-local-navigation-width, 168px);
|
405 | background: #E2E4E8;
|
406 | background: var(--shell-dark-local-navigation-background, #E2E4E8);
|
407 | border-right: 1px solid #E6E7EB;
|
408 | border-right: var(--shell-dark-local-navigation-divider, 1px solid #E6E7EB);
|
409 | box-shadow: none;
|
410 | box-shadow: var(--shell-dark-local-navigation-shadow, none);
|
411 | padding: 8px 0 8px;
|
412 | padding: var(--shell-dark-local-navigation-paddingTop, 8px) 0 var(--shell-dark-local-navigation-paddingBottom, 8px); }
|
413 | .next-shell-dark .next-shell-aside .next-shell-localnavigation.next-shell-collapse {
|
414 | width: 0; }
|
415 | .next-shell-dark .next-shell-aside .next-shell-ancillary {
|
416 | width: 168px;
|
417 | width: var(--shell-dark-ancillary-width, 168px);
|
418 | background: #FFFFFF;
|
419 | background: var(--shell-dark-ancillary-background, #FFFFFF);
|
420 | border-left: 1px solid #E6E7EB;
|
421 | border-left: var(--shell-dark-ancillary-divider, 1px solid #E6E7EB);
|
422 | box-shadow: none;
|
423 | box-shadow: var(--shell-dark-ancillary-shadow, none);
|
424 | padding: 8px 0 8px;
|
425 | padding: var(--shell-dark-ancillary-paddingTop, 8px) 0 var(--shell-dark-ancillary-paddingBottom, 8px); }
|
426 | .next-shell-dark .next-shell-aside .next-shell-ancillary.next-shell-collapse {
|
427 | width: 0; }
|
428 | .next-shell-brand .next-shell-header .dock-trigger,
|
429 | .next-shell-brand .next-shell-header .nav-trigger {
|
430 | background: #5584FF;
|
431 | background: var(--shell-brand-header-background, #5584FF); }
|
432 | .next-shell-brand .next-shell-aside .local-nav-trigger {
|
433 | background: #E2E4E8;
|
434 | background: var(--shell-brand-local-navigation-background, #E2E4E8); }
|
435 | .next-shell-brand .next-shell-aside .ancillary-trigger {
|
436 | background: #FFFFFF;
|
437 | background: var(--shell-brand-ancillary-background, #FFFFFF); }
|
438 | .next-shell-brand .next-shell-header {
|
439 | color: #FFFFFF;
|
440 | color: var(--shell-brand-header-color, #FFFFFF);
|
441 | height: 52px;
|
442 | height: var(--shell-brand-header-height, 52px);
|
443 | background: #5584FF;
|
444 | background: var(--shell-brand-header-background, #5584FF);
|
445 | border-bottom: 1px solid #E6E7EB;
|
446 | border-bottom: var(--shell-brand-header-divider, 1px solid #E6E7EB);
|
447 | box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
448 | box-shadow: var(--shell-brand-header-shadow, 0px 1px 3px 0px rgba(0, 0, 0, 0.12));
|
449 | padding: 0 16px;
|
450 | padding: 0 var(--shell-brand-header-paddingLeft, 16px); }
|
451 | .next-shell-brand .next-shell-header .next-shell-navigation {
|
452 | justify-content: flex-end;
|
453 | justify-content: var(--shell-brand-navigation-hoz-align, flex-end);
|
454 | height: 52px;
|
455 | height: var(--shell-brand-header-height, 52px);
|
456 | line-height: 52px;
|
457 | line-height: var(--shell-brand-header-height, 52px);
|
458 | margin: 0 48px;
|
459 | margin: 0 var(--shell-brand-navigation-hoz-marginLeft, 48px); }
|
460 | .next-shell-brand .next-shell-task-header {
|
461 | width: 100%;
|
462 | min-height: 40px;
|
463 | min-height: var(--shell-brand-multitask-min-height, 40px);
|
464 | background: #FFFFFF;
|
465 | background: var(--shell-brand-multitask-background, #FFFFFF);
|
466 | border-bottom: 1px solid #E6E7EB;
|
467 | border-bottom: var(--shell-brand-multitask-divider, 1px solid #E6E7EB);
|
468 | box-shadow: none;
|
469 | box-shadow: var(--shell-brand-multitask-shadow, none);
|
470 | padding: 0 0px;
|
471 | padding: 0 var(--shell-brand-multitask-paddingLeft, 0px);
|
472 | overflow: auto; }
|
473 | .next-shell-brand .next-shell-main {
|
474 | background: #EBECF0;
|
475 | background: var(--shell-brand-content-background, #EBECF0); }
|
476 | .next-shell-brand .next-shell-main .next-shell-appbar {
|
477 | min-height: 48px;
|
478 | min-height: var(--shell-brand-appbar-min-height, 48px);
|
479 | background: #FFFFFF;
|
480 | background: var(--shell-brand-appbar-background, #FFFFFF);
|
481 | border-bottom: 1px solid #E6E7EB;
|
482 | border-bottom: var(--shell-brand-appbar-divider, 1px solid #E6E7EB);
|
483 | box-shadow: none;
|
484 | box-shadow: var(--shell-brand-appbar-shadow, none);
|
485 | padding: 0 24px;
|
486 | padding: 0 var(--shell-brand-appbar-paddingLeft, 24px); }
|
487 | .next-shell-brand .next-shell-main .next-shell-content {
|
488 | padding: 20px 20px;
|
489 | padding: var(--shell-brand-content-paddingTop, 20px) var(--shell-brand-content-paddingLeft, 20px); }
|
490 | .next-shell-brand .next-shell-main .next-shell-footer {
|
491 | background: transparent;
|
492 | background: var(--shell-brand-footer-background, transparent);
|
493 | min-height: 56px;
|
494 | min-height: var(--shell-brand-footer-min-height, 56px);
|
495 | color: #CCCCCC;
|
496 | color: var(--shell-brand-footer-color, #CCCCCC);
|
497 | font-size: 14px;
|
498 | font-size: var(--shell-brand-footer-font-size, 14px); }
|
499 | .next-shell-brand .next-shell-aside.next-shell-navigation {
|
500 | width: 168px;
|
501 | width: var(--shell-brand-navigation-ver-width, 168px);
|
502 | background: #FFFFFF;
|
503 | background: var(--shell-brand-navigation-ver-background, #FFFFFF);
|
504 | border-right: 1px solid #E6E7EB;
|
505 | border-right: var(--shell-brand-navigation-ver-divider, 1px solid #E6E7EB);
|
506 | box-shadow: none;
|
507 | box-shadow: var(--shell-brand-navigation-ver-shadow, none);
|
508 | padding: 8px 0 8px;
|
509 | padding: var(--shell-brand-navigation-ver-paddingTop, 8px) 0 var(--shell-brand-navigation-ver-paddingBottom, 8px); }
|
510 | .next-shell-brand .next-shell-aside.next-shell-navigation.next-shell-collapse.next-shell-mini {
|
511 | width: 60px;
|
512 | width: var(--shell-brand-navigation-ver-width-mini, 60px); }
|
513 | .next-shell-brand .next-shell-aside.next-shell-navigation.next-shell-collapse {
|
514 | width: 0; }
|
515 | .next-shell-brand .next-shell-aside.next-shell-tooldock {
|
516 | width: 52px;
|
517 | width: var(--shell-brand-tooldock-width, 52px);
|
518 | background: #E2E4E8;
|
519 | background: var(--shell-brand-tooldock-background, #E2E4E8);
|
520 | border-left: 1px solid #E6E7EB;
|
521 | border-left: var(--shell-brand-tooldock-divider, 1px solid #E6E7EB);
|
522 | box-shadow: none;
|
523 | box-shadow: var(--shell-brand-tooldock-shadow, none);
|
524 | padding: 8px 0 8px;
|
525 | padding: var(--shell-brand-tooldock-paddingTop, 8px) 0 var(--shell-brand-tooldock-paddingBottom, 8px); }
|
526 | .next-shell-brand .next-shell-aside .next-shell-tooldockitem {
|
527 | padding: 8px 0;
|
528 | padding: var(--shell-brand-tooldock-item-paddingTop, 8px) 0;
|
529 | color: #666666;
|
530 | color: var(--shell-brand-tooldock-item-color, #666666);
|
531 | background: transparent;
|
532 | background: var(--shell-brand-tooldock-item-background, transparent); }
|
533 | .next-shell-brand .next-shell-aside .next-shell-tooldockitem:hover {
|
534 | color: #333333;
|
535 | color: var(--shell-brand-tooldock-item-color-hover, #333333);
|
536 | background: #EBECF0;
|
537 | background: var(--shell-brand-tooldock-item-background-hover, #EBECF0); }
|
538 | .next-shell-brand .next-shell-aside .next-shell-localnavigation {
|
539 | width: 168px;
|
540 | width: var(--shell-brand-local-navigation-width, 168px);
|
541 | background: #E2E4E8;
|
542 | background: var(--shell-brand-local-navigation-background, #E2E4E8);
|
543 | border-right: 1px solid #E6E7EB;
|
544 | border-right: var(--shell-brand-local-navigation-divider, 1px solid #E6E7EB);
|
545 | box-shadow: none;
|
546 | box-shadow: var(--shell-brand-local-navigation-shadow, none);
|
547 | padding: 8px 0 8px;
|
548 | padding: var(--shell-brand-local-navigation-paddingTop, 8px) 0 var(--shell-brand-local-navigation-paddingBottom, 8px); }
|
549 | .next-shell-brand .next-shell-aside .next-shell-localnavigation.next-shell-collapse {
|
550 | width: 0; }
|
551 | .next-shell-brand .next-shell-aside .next-shell-ancillary {
|
552 | width: 168px;
|
553 | width: var(--shell-brand-ancillary-width, 168px);
|
554 | background: #FFFFFF;
|
555 | background: var(--shell-brand-ancillary-background, #FFFFFF);
|
556 | border-left: 1px solid #E6E7EB;
|
557 | border-left: var(--shell-brand-ancillary-divider, 1px solid #E6E7EB);
|
558 | box-shadow: none;
|
559 | box-shadow: var(--shell-brand-ancillary-shadow, none);
|
560 | padding: 8px 0 8px;
|
561 | padding: var(--shell-brand-ancillary-paddingTop, 8px) 0 var(--shell-brand-ancillary-paddingBottom, 8px); }
|
562 | .next-shell-brand .next-shell-aside .next-shell-ancillary.next-shell-collapse {
|
563 | width: 0; }
|
564 | .next-shell-header .next-shell-navigation.next-shell-nav-left {
|
565 | justify-content: flex-start; }
|
566 | .next-shell-header .next-shell-navigation.next-shell-nav-right {
|
567 | justify-content: flex-end; }
|
568 | .next-shell-header .next-shell-navigation.next-shell-nav-center {
|
569 | justify-content: center; }
|
570 | .next-shell.next-shell-phone .next-aside-navigation {
|
571 | width: 100%; }
|
572 | .next-shell.next-shell-phone .next-aside-navigation.next-shell-collapse {
|
573 | width: 0; }
|
574 | .next-shell.next-shell-phone .next-shell-header .next-shell-navigation {
|
575 | display: none; }
|
576 | .next-shell.next-shell-phone .next-shell-navigation {
|
577 | width: 100%;
|
578 | height: 100%;
|
579 | transition: height 0.2s ease;
|
580 | transition: height 0.2s var(--motion-ease, ease); }
|
581 | .next-shell.next-shell-phone .next-shell-navigation.next-shell-collapse {
|
582 | padding: 0;
|
583 | height: 0;
|
584 | transition: height 0.2s ease;
|
585 | transition: height 0.2s var(--motion-ease, ease); }
|
586 | .next-shell.next-shell-phone .next-shell-tooldock {
|
587 | height: 52px;
|
588 | height: var(--shell-dark-tooldock-height, 52px);
|
589 | left: 0;
|
590 | right: 0;
|
591 | position: absolute;
|
592 | width: 100%;
|
593 | flex-direction: row;
|
594 | justify-content: center; }
|
595 | .next-shell.next-shell-phone .next-shell-tooldock.next-shell-collapse {
|
596 | display: none;
|
597 | height: 0;
|
598 | padding: 0;
|
599 | transition: all 0.2s ease;
|
600 | transition: all 0.2s var(--motion-ease, ease); }
|
601 | .next-shell.next-shell-tablet .next-shell-aside.next-aside-ancillary, .next-shell.next-shell-phone .next-shell-aside.next-aside-ancillary {
|
602 | width: 0; }
|
603 | .next-shell.next-shell-tablet .next-shell-ancillary, .next-shell.next-shell-phone .next-shell-ancillary {
|
604 | transform: translateX(-100%); }
|
605 | .next-shell.next-shell-tablet .next-shell-aside.next-aside-localnavigation, .next-shell.next-shell-phone .next-shell-aside.next-aside-localnavigation {
|
606 | width: 0; }
|