@ardimedia/angular-portal-azure 0.2.346 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/css/apn.css DELETED
@@ -1,877 +0,0 @@
1
- @charset "UTF-8";
2
- /* This libraries contains some mixin*/
3
- /*@mixin borderbox0() {
4
- -moz-box-sizing: border-box;
5
- -webkit-box-sizing: border-box;
6
- box-sizing: border-box;
7
- margin: 0;
8
- padding: 0;
9
- }*/
10
- /*html, body {
11
- @include borderbox0;
12
- height: 100%;
13
- width: 0;
14
- }*/
15
- html {
16
- box-sizing: border-box; }
17
-
18
- *, *:before, *:after {
19
- box-sizing: inherit; }
20
-
21
- html, body {
22
- height: 100%;
23
- width: 0;
24
- margin: 0;
25
- padding: 0; }
26
-
27
- /*#region CHECKOUT */
28
- /*
29
- PORTAL SHELL:
30
- fxs-portal: contains everything
31
- fxs-portal-content: contains the content. eg. no navbar
32
- fxs-panorama: contains homearea and journey
33
- fxs-panorama-homearea: contains the "desktop"
34
- fxs-panorama-journey: contains the on/off "views"
35
- fxs-portal-appbar: top application bar (not yet implemented)
36
-
37
- PORTAL CHILD:
38
- fxs-stacklayout-child: is exactly one view
39
- */
40
- /*#region PORTAL SHELL*/
41
- a {
42
- color: #00bcf2;
43
- text-decoration: none; }
44
-
45
- .ng-scope {
46
- height: 100%; }
47
-
48
- .fxs-portal {
49
- /*height: 100%;*/
50
- overflow: hidden;
51
- position: fixed;
52
- top: 0;
53
- left: 0;
54
- right: 0;
55
- bottom: 0;
56
- /*-ms-scroll-chaining: none;*/ }
57
-
58
- .fxs-portal .fxs-portal-content {
59
- height: 100%;
60
- color: #464f59;
61
- overflow-x: auto;
62
- overflow-y: hidden;
63
- white-space: nowrap;
64
- -webkit-transition: margin .2s ease;
65
- -moz-transition: margin .2s ease;
66
- -o-transition: margin .2s ease;
67
- transition: margin .2s ease; }
68
-
69
- .fxs-portal .fxs-portal-content > * {
70
- white-space: normal; }
71
-
72
- .fxs-panorama {
73
- -ms-scroll-chaining: none; }
74
-
75
- .fxs-panorama-homearea {
76
- min-width: 600px;
77
- width: 100%; }
78
-
79
- .fxs-panorama .fxs-panorama-homearea {
80
- position: relative;
81
- padding: 0 25px;
82
- margin: 0 15px 0 25px; }
83
-
84
- .fxs-panorama .fxs-journey-target {
85
- /*margin-right: 85px;*/ }
86
-
87
- .fxs-panorama .fxs-panorama-homearea, .fxs-panorama .fxs-journey-target {
88
- display: inline-block;
89
- vertical-align: top;
90
- height: 100%; }
91
-
92
- .fxs-panorama .fxs-panorama-homearea > header {
93
- margin: 20px 0 4px;
94
- height: 76px;
95
- min-width: 450px; }
96
-
97
- .fxs-panorama .fxs-panorama-homearea .fxs-panorama-title {
98
- font-family: "Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
99
- font-weight: 400;
100
- font-size: 40px;
101
- line-height: 54px;
102
- color: #fff;
103
- /*color: #32383f;*/
104
- padding-top: 6px;
105
- margin: 0; }
106
-
107
- .fxs-panorama .fxs-panorama-homearea .fxs-avatarmenu-target {
108
- position: absolute;
109
- top: 18px;
110
- right: 5px;
111
- max-width: 220px;
112
- min-width: 190px; }
113
-
114
- .fxs-avatarmenu {
115
- position: relative;
116
- padding: 12px;
117
- text-align: right;
118
- -moz-box-sizing: border-box;
119
- -webkit-box-sizing: border-box;
120
- box-sizing: border-box; }
121
-
122
- .fxs-avatarmenu .fxs-avatarmenu-header {
123
- position: relative;
124
- font-family: "Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
125
- font-weight: 400;
126
- /*height: 35px;*/
127
- color: #fff;
128
- /*color: #32383f;*/ }
129
-
130
- .fxs-avatarmenu > a {
131
- display: block;
132
- white-space: nowrap;
133
- overflow: hidden;
134
- -ms-text-overflow: ellipsis;
135
- -o-text-overflow: ellipsis;
136
- text-overflow: ellipsis;
137
- text-decoration: none;
138
- padding: 10px;
139
- padding-right: 54px; }
140
-
141
- .fxs-avatarmenu > a img {
142
- position: absolute;
143
- top: 10px;
144
- right: 10px;
145
- height: 35px;
146
- width: 32px;
147
- border: 0;
148
- border-left: 3px solid #7fba00; }
149
-
150
- .fxs-avatarmenu .fxs-avatarmenu-header .fxs-avatarmenu-username {
151
- white-space: nowrap;
152
- overflow: hidden;
153
- -ms-text-overflow: ellipsis;
154
- -o-text-overflow: ellipsis;
155
- text-overflow: ellipsis;
156
- font-size: 14px; }
157
-
158
- .fxs-avatarmenu .fxs-avatarmenu-header .fxs-avatarmenu-emailaddress {
159
- white-space: nowrap;
160
- overflow: hidden;
161
- -ms-text-overflow: ellipsis;
162
- -o-text-overflow: ellipsis;
163
- text-overflow: ellipsis;
164
- font-family: "Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
165
- font-weight: 400;
166
- font-size: 10px;
167
- text-transform: uppercase;
168
- opacity: 0.9;
169
- margin-top: 4px; }
170
-
171
- .fxs-avatarmenu .fxs-avatarmenu-dropdown {
172
- display: none;
173
- width: 100%;
174
- background-color: #293644;
175
- border-top: 1px solid #3c454f;
176
- text-align: left; }
177
-
178
- .fxs-avatarmenu .fxs-avatarmenu-dropdown ul {
179
- padding: 0;
180
- margin: 0;
181
- list-style-type: none;
182
- border-bottom: 1px solid #3c454f; }
183
-
184
- .fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-list-system .fxs-avatarmenu-feedback, .fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-list-system .fxs-avatarmenu-switchportal, .fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-list-system .fxs-avatarmenu-signout {
185
- padding-right: 35px;
186
- position: relative; }
187
-
188
- .fxs-avatarmenu .fxs-avatarmenu-dropdown ul li a {
189
- display: block;
190
- font-size: 14px;
191
- padding: 10px 18px 11px;
192
- line-height: 18px;
193
- color: #fff;
194
- text-decoration: none;
195
- white-space: nowrap;
196
- overflow: hidden;
197
- -ms-text-overflow: ellipsis;
198
- -o-text-overflow: ellipsis;
199
- text-overflow: ellipsis; }
200
-
201
- .fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-list-system .fxs-avatarmenu-icon {
202
- width: 15px;
203
- height: 15px;
204
- display: inline-block;
205
- position: absolute;
206
- right: 18px;
207
- margin-top: 2px; }
208
-
209
- .fxs-panorama .fxs-panorama-homearea .fxs-startboard-target {
210
- height: -webkit-calc(100% - 100px);
211
- height: calc(100% - 100px); }
212
-
213
- .fxs-startboard .fxs-startboard-layout {
214
- height: 100%;
215
- overflow-y: auto;
216
- overflow-x: hidden;
217
- margin: 0 -25px;
218
- padding: 0 25px; }
219
-
220
- .fxs-stacklayout-child {
221
- /*height: 100%;*/ }
222
-
223
- .fxs-flowlayout > .fxs-flowlayout-childcontainer {
224
- position: relative;
225
- -webkit-transition: height .25s linear, width .25s linear 0s;
226
- -moz-transition: height .25s linear, width .25s linear 0s;
227
- -o-transition: height .25s linear, width .25s linear 0s;
228
- transition: height .25s linear, width .25s linear 0s; }
229
-
230
- .fxs-flowlayout > .fxs-flowlayout-childcontainer > .fxs-flowlayout-element {
231
- position: absolute; }
232
-
233
- .fxs-tilesize-herowide.fxs-tile {
234
- height: 355px;
235
- width: 535px; }
236
-
237
- .fxs-tilesize-normal.fxs-tile {
238
- height: 175px;
239
- width: 175px; }
240
-
241
- .fxs-tilesize-mini.fxs-tile {
242
- height: 85px;
243
- width: 85px; }
244
-
245
- .fxs-tile {
246
- height: 175px;
247
- width: 175px;
248
- -webkit-transition: height .125s linear .125s, width .125s linear 0s;
249
- -moz-transition: height .125s linear .125s, width .125s linear 0s;
250
- -o-transition: height .125s linear .125s, width .125s linear 0s;
251
- transition: height .125s linear .125s, width .125s linear 0s;
252
- background-color: #fff;
253
- position: relative; }
254
-
255
- .fxs-part {
256
- width: 100%;
257
- height: 100%;
258
- position: relative;
259
- /*box-shadow: inset 1px 0 #dcdfe2;*/
260
- -moz-box-sizing: border-box;
261
- -webkit-box-sizing: border-box;
262
- box-sizing: border-box;
263
- overflow: hidden;
264
- padding: 15px 15px 15px 15px;
265
- /*box-shadow: inset 1px 0 #dcdfe2;*/ }
266
-
267
- .fxs-part .fxs-part-title {
268
- /*display: none;*/
269
- /*height: 49px;*/
270
- position: relative;
271
- top: -4px; }
272
-
273
- .fxs-part .fxs-part-title h2 {
274
- font-family: "Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
275
- font-weight: 400;
276
- font-size: 14px;
277
- line-height: 17px;
278
- color: #293644; }
279
-
280
- .fxs-part .fxs-part-title h3 {
281
- font-family: "Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
282
- font-weight: 400;
283
- font-size: 10px;
284
- line-height: 10px;
285
- color: #8f9ca8;
286
- text-transform: uppercase;
287
- margin-top: 3px; }
288
-
289
- .fxs-part .fxs-part-title h2, .fxs-part .fxs-part-title h3 {
290
- margin: 0;
291
- white-space: nowrap;
292
- overflow: hidden;
293
- -ms-text-overflow: ellipsis;
294
- -o-text-overflow: ellipsis;
295
- text-overflow: ellipsis; }
296
-
297
- .fxs-part .fxs-part-content {
298
- font-family: "Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
299
- font-weight: 400;
300
- /*font-size: 12px;*/
301
- line-height: 18px;
302
- color: #464f59;
303
- /*line-height: normal;*/
304
- position: relative;
305
- width: 100%;
306
- height: 100%;
307
- -moz-box-sizing: border-box;
308
- box-sizing: border-box; }
309
-
310
- .fxs-tile div.fxs-tile-overlay {
311
- display: none;
312
- position: absolute;
313
- width: 100%;
314
- top: 0px;
315
- bottom: 0px;
316
- cursor: pointer; }
317
-
318
- .fxs-journey {
319
- height: 100%; }
320
-
321
- .fxs-journey > .fxs-journey-layout {
322
- height: 100%; }
323
-
324
- /*#endregion*/
325
- /*#region PORTAL CHILD */
326
- /*.fxs-journey > .fxs-journey-layout > :first-child.fxs-stacklayout-child {
327
- padding-left: 5px;
328
- }*/
329
- .fxs-journey > .fxs-journey-layout > .fxs-stacklayout-child {
330
- -webkit-transition: padding-top .2s ease, opacity .2s ease;
331
- transition: padding-top .2s ease, opacity .2s ease; }
332
-
333
- .fxs-stacklayout-horizontal.fxs-stacklayout {
334
- overflow: hidden;
335
- white-space: nowrap;
336
- height: 100%; }
337
-
338
- .fxs-stacklayout-horizontal.fxs-stacklayout > .fxs-stacklayout-child {
339
- display: inline-block;
340
- vertical-align: top;
341
- overflow-y: auto;
342
- height: 100%;
343
- white-space: normal; }
344
-
345
- .fxs-journey > .fxs-journey-layout > :last-child.fxs-stacklayout-child {
346
- /*padding-right: 5px;*/ }
347
-
348
- .fxs-journey > .fxs-journey-layout > .fxs-stacklayout-child > .fxs-blade {
349
- box-shadow: -5px 0 0 rgba(31, 35, 39, 0.2), 5px 0 0 rgba(31, 35, 39, 0.2); }
350
-
351
- .fxs-journey-layout :first-child.fxs-stacklayout-child .fxs-blade {
352
- border-left-color: transparent;
353
- border-left-width: 0; }
354
-
355
- .fxs-blade-locked.fxs-blade {
356
- background-color: #fff; }
357
-
358
- .fxs-bladesize-small.fxs-blade {
359
- width: 315px; }
360
-
361
- .fxs-blade {
362
- border-left-color: rgba(143, 156, 168, 0.8);
363
- width: 585px;
364
- position: relative;
365
- height: 100%;
366
- background-color: #f1f2f3;
367
- overflow: hidden;
368
- -webkit-transition: width .2s ease-out;
369
- -moz-transition: width .2s ease-out;
370
- -o-transition: width .2s ease-out;
371
- transition: width .2s ease-out;
372
- border-left-style: solid;
373
- border-left-width: 2px; }
374
-
375
- .fxs-blade .fxs-blade-header {
376
- padding-bottom: 8px;
377
- background-color: #3e4045;
378
- /*background-color: #e9e9f3;*/
379
- min-height: 117px; }
380
-
381
- .fxs-blade .fxs-blade-statusbar-wrapper {
382
- background-color: #293644;
383
- /*background-color: #c5cbd1;*/ }
384
-
385
- .fxs-blade .fxs-blade-statusbar::after {
386
- content: " "; }
387
-
388
- .fxs-blade .fxs-blade-statusbar {
389
- -webkit-transition: all .5s, color .5s;
390
- -moz-transition: all .5s, color .5s;
391
- -o-transition: all .5s, color .5s;
392
- transition: all .5s, color .5s; }
393
-
394
- .fxs-blade .fxs-blade-statusbar, .fxs-blade .fxs-blade-loading-status {
395
- padding: 5px 0 5px 25px;
396
- font-family: "Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
397
- font-weight: 400;
398
- font-size: 10px;
399
- line-height: 10px;
400
- color: #fff;
401
- text-transform: uppercase;
402
- white-space: nowrap;
403
- overflow: hidden;
404
- -ms-text-overflow: ellipsis;
405
- -o-text-overflow: ellipsis;
406
- text-overflow: ellipsis; }
407
-
408
- .fxs-blade .fxs-blade-header .fxs-blade-actions {
409
- -webkit-transition: all .2s ease-out;
410
- -moz-transition: all .2s ease-out;
411
- -o-transition: all .2s ease-out;
412
- transition: all .2s ease-out;
413
- float: right;
414
- margin-right: 22px;
415
- height: 40px; }
416
-
417
- .fxs-blade .fxs-blade-header .fxs-blade-actions button {
418
- cursor: pointer;
419
- border: 0;
420
- height: 21px;
421
- width: 21px;
422
- background-color: transparent;
423
- margin-top: 4px;
424
- margin-left: 6px;
425
- padding: 0;
426
- opacity: 0.6;
427
- -webkit-transition: opacity .2s ease-out;
428
- -moz-transition: opacity .2s ease-out;
429
- -o-transition: opacity .2s ease-out;
430
- transition: opacity .2s ease-out; }
431
-
432
- .fxs-blade .fxs-blade-header .fxs-blade-actions button img, .fxs-blade .fxs-blade-header .fxs-blade-actions button svg {
433
- height: 21px;
434
- width: 21px; }
435
-
436
- .msportal-fx-svg-placeholder {
437
- fill: #fff; }
438
-
439
- .fxs-blade .fxs-blade-header .fxs-blade-actions button > svg * {
440
- /*fill: #8f9ca8;*/ }
441
-
442
- .fxs-blade .fxs-blade-header .fxs-blade-actions button svg * {
443
- /*fill: #63707e;*/ }
444
-
445
- .msportalfx-svg-c01 {
446
- fill: #fff; }
447
-
448
- .fxs-blade .fxs-blade-header .fxs-blade-title {
449
- padding: 0 25px 2px 7px;
450
- margin-left: 18px; }
451
-
452
- .fxs-blade .fxs-blade-header .fxs-blade-title h2::after, .fxs-blade .fxs-blade-header .fxs-blade-title h3::after {
453
- content: " "; }
454
-
455
- .fxs-blade .fxs-blade-header .fxs-blade-title h2 {
456
- margin: 0;
457
- font-family: "Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
458
- font-weight: 400;
459
- font-size: 20px;
460
- line-height: 28px;
461
- color: #fff;
462
- /*color: #293644;*/
463
- white-space: nowrap;
464
- overflow: hidden;
465
- -ms-text-overflow: ellipsis;
466
- -o-text-overflow: ellipsis;
467
- text-overflow: ellipsis; }
468
-
469
- .fxs-blade .fxs-blade-header .fxs-blade-title h3 {
470
- margin: 3px 0 2px 0;
471
- font-family: "Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
472
- font-weight: 400;
473
- font-size: 10px;
474
- line-height: 10px;
475
- color: #758393;
476
- /*color: #8f9ca8;*/
477
- text-transform: uppercase;
478
- white-space: nowrap;
479
- overflow: hidden;
480
- -ms-text-overflow: ellipsis;
481
- -o-text-overflow: ellipsis;
482
- text-overflow: ellipsis; }
483
-
484
- .fxs-blade .fxs-blade-header .fxs-blade-commandBarContainer {
485
- margin: 0 20px 0 15px; }
486
-
487
- .fxs-commandBar {
488
- display: none; }
489
-
490
- .fxs-commandBar-active.fxs-commandBar {
491
- display: block; }
492
-
493
- .fxs-commandBar > ul.fxs-commandBar-itemList {
494
- display: block;
495
- margin: 4px 0 0;
496
- padding: 0;
497
- list-style-type: none;
498
- overflow: hidden;
499
- height: 48px;
500
- -webkit-transition: height .175s ease-in;
501
- -moz-transition: height .175s ease-in;
502
- -o-transition: height .175s ease-in;
503
- transition: height .175s ease-in; }
504
-
505
- .fxs-commandBar > ul.fxs-commandBar-itemList > li {
506
- border-right-color: #6c737a;
507
- float: left;
508
- margin-bottom: 5px;
509
- border-right: 1px solid transparent; }
510
-
511
- .fxs-commandBar .fxs-commandBar-form {
512
- display: block;
513
- position: absolute;
514
- z-index: 200;
515
- width: 100%;
516
- left: 0; }
517
-
518
- .fxs-commandBar .fxs-commandBar-item {
519
- font-family: "Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
520
- font-weight: 400;
521
- font-size: 10px;
522
- line-height: 10px;
523
- color: #fff;
524
- /*color: #293644;*/
525
- text-transform: uppercase;
526
- display: block;
527
- position: relative;
528
- padding: 3px 10px 0;
529
- width: 90px;
530
- height: 48px;
531
- -moz-box-sizing: border-box;
532
- box-sizing: border-box;
533
- -webkit-transition: background-color .07s ease-in;
534
- transition: background-color .07s ease-in; }
535
-
536
- .fxs-commandBar .fxs-commandBar-item .fxs-commandBar-item-text {
537
- height: 22px;
538
- -webkit-transition: opacity .07s ease-in;
539
- transition: opacity .07s ease-in; }
540
-
541
- .fxs-commandBar .fxs-commandBar-item .fxs-commandBar-item-icon {
542
- position: absolute;
543
- bottom: 2px; }
544
-
545
- .fxs-commandBar .fxs-commandBar-item .fxs-commandBar-item-icon > svg, .fxs-commandBar .fxs-commandBar-item .fxs-commandBar-item-icon > img {
546
- height: 18px;
547
- width: 18px; }
548
-
549
- .fxs-commandBar .fxs-commandBar-item-expandList.fxs-commandBar-item::after {
550
- content: "…";
551
- position: absolute;
552
- bottom: 9px;
553
- left: 40px;
554
- font-size: 23px;
555
- line-height: 23px; }
556
-
557
- .fxs-commandBar .fxs-commandBar-item:hover {
558
- background-color: #1f2327; }
559
-
560
- .fxs-blade .fxs-blade-content {
561
- padding: 25px;
562
- overflow-x: hidden;
563
- overflow-y: auto;
564
- -ms-overflow-style: -ms-autohiding-scrollbar;
565
- -ms-scrollbar-track-color: #d8d8ea;
566
- -ms-scrollbar-arrow-color: #758393;
567
- -ms-scrollbar-face-color: #63707e; }
568
-
569
- .fxs-bladesize-small.fxs-blade .fxs-blade-stacklayout {
570
- width: 265px; }
571
-
572
- .fxs-blade .fxs-blade-content > div {
573
- height: 100%; }
574
-
575
- .fxs-bladesize-medium.fxs-blade {
576
- width: 585px; }
577
-
578
- .fxs-bladesize-medium.fxs-blade .fxs-blade-stacklayout {
579
- width: 535px; }
580
-
581
- .fxs-blade .fxs-blade-stacklayout {
582
- width: 535px; }
583
-
584
- .fxs-blade .fxs-blade-maximized-content {
585
- display: none; }
586
-
587
- .fxs-stacklayout-vertical.fxs-stacklayout > .fxs-stacklayout-child {
588
- display: block; }
589
-
590
- .fxs-lens {
591
- position: relative;
592
- height: 100%;
593
- padding-bottom: 25px;
594
- -moz-box-sizing: border-box;
595
- box-sizing: border-box; }
596
-
597
- .fxs-lens .fxs-lens-title {
598
- color: #3d4045; }
599
-
600
- .fxs-lens > .fxs-lens-title {
601
- white-space: nowrap;
602
- overflow: hidden;
603
- text-overflow: ellipsis;
604
- margin: 0;
605
- font-family: "Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
606
- font-weight: 400;
607
- font-size: 14px;
608
- line-height: 32px;
609
- color: #3d4045; }
610
-
611
- .fxs-lens > .fxs-lens-layout {
612
- height: 100%; }
613
-
614
- :last-child.fxs-tilesize-herowidefitheight.fxs-tile, :last-child.fxs-tilesize-fullwidthfitheight.fxs-tile {
615
- margin-bottom: 0px; }
616
-
617
- .fxs-tilesize-herowidefitheight.fxs-tile, .fxs-tilesize-fullwidthfitheight.fxs-tile {
618
- margin-bottom: 5px; }
619
-
620
- .fxs-tilesize-fullwidthfitheight.fxs-tile {
621
- height: 100%;
622
- width: 100%; }
623
-
624
- .fxs-blade-locked.fxs-blade .fxs-part, .fxs-bladestyle-context.fxs-blade .fxs-part, .fxs-bladestyle-contextaction.fxs-blade .fxs-part, .fxs-bladestyle-help.fxs-blade .fxs-part {
625
- box-shadow: none; }
626
-
627
- .fxs-blade-locked.fxs-blade .fxs-part {
628
- /*padding: 0 0 15px 0;*/
629
- padding: 0; }
630
-
631
- /*#endregion*/
632
- .fxs-lens > .fxs-lens-drag-handle {
633
- position: absolute;
634
- z-index: 52;
635
- top: -12px;
636
- left: -25px;
637
- bottom: 12px;
638
- width: 25px;
639
- background-color: #e9e9f3;
640
- opacity: 0;
641
- -webkit-transition: opacity .25s ease-out;
642
- transition: opacity .25s ease-out; }
643
-
644
- .fxs-blade-locked.fxs-blade .fxs-part .fxs-part-title {
645
- /*height: 29px;*/ }
646
-
647
- .azc-grid {
648
- position: relative;
649
- /*font-size: 12px;*/ }
650
-
651
- .azc-grid:focus {
652
- outline: none !important; }
653
-
654
- .azc-grid table {
655
- width: 100%;
656
- border: 0;
657
- background-color: transparent;
658
- table-layout: fixed;
659
- border-spacing: 0;
660
- border-collapse: collapse; }
661
-
662
- .azc-grid .azc-grid-container {
663
- overflow-x: auto;
664
- overflow-y: visible; }
665
-
666
- .fxs-part .fxs-part-content {
667
- font-family: "Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
668
- font-weight: 400;
669
- /*font-size: 12px;*/
670
- line-height: 18px;
671
- color: #464f59;
672
- line-height: normal;
673
- position: relative;
674
- width: 100%;
675
- height: 100%;
676
- -moz-box-sizing: border-box;
677
- box-sizing: border-box; }
678
-
679
- .azc-control table {
680
- border-collapse: collapse;
681
- table-layout: fixed; }
682
-
683
- .azc-grid table caption {
684
- display: none; }
685
-
686
- .azc-grid-headerHidden .azc-grid table thead {
687
- display: none; }
688
-
689
- .azc-grid table thead tr th.azc-grid-unsortablecolumnheader {
690
- cursor: default; }
691
-
692
- .azc-grid table th:first-child {
693
- padding-left: 0px; }
694
-
695
- .azc-grid table thead tr th {
696
- /*font-family: "Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;*/
697
- text-transform: uppercase;
698
- /*text-align: left;*/
699
- /*font-size: 10px;*/
700
- /*padding: 0;*/
701
- /*height: 40px;*/
702
- /*font-family: "Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;*/
703
- /*font-weight: 800;*/
704
- /* IW CHANGED FROM 400 to 800, since Segoe Bold not working!? */ }
705
-
706
- .azc-grid table thead tr th > a {
707
- padding: 1px 0 1px 10px; }
708
-
709
- .azc-grid table thead tr th a {
710
- line-height: 38px;
711
- display: block;
712
- text-decoration: none;
713
- color: inherit;
714
- position: relative; }
715
-
716
- a {
717
- color: #00bcf2;
718
- text-decoration: none; }
719
-
720
- .azc-grid table thead tr th a span {
721
- white-space: nowrap;
722
- overflow: hidden;
723
- text-overflow: ellipsis; }
724
-
725
- .azc-grid table thead tr th > a .azc-grid-headerlabel {
726
- display: block; }
727
-
728
- .azc-grid-activateableRow table tbody tr[data-grid-row-activated='true'][aria-selected='true'] {
729
- background-color: #c6edfa !important; }
730
-
731
- /*.azc-grid-selectableRow table tbody tr[aria-selected='true'] {
732
- background-color: #d2f1fc !important;
733
- }*/
734
- .azc-grid-selectableRow table tbody tr[aria-selected='true'] td {
735
- color: inherit !important; }
736
-
737
- .azc-grid table th:first-child a, .azc-grid table td:first-of-type {
738
- /*padding-left: 7px;*/ }
739
-
740
- .azc-grid table tbody:last-child tr:last-child td {
741
- border-bottom: 1px solid #dcdfe2; }
742
-
743
- .azc-grid table tbody tr td {
744
- color: #3d3d3d;
745
- /*padding: 1px 0 1px 10px;*/
746
- height: 33px;
747
- border-top: 1px solid #dcdfe2;
748
- border-bottom: 1px solid #dcdfe2;
749
- white-space: nowrap;
750
- overflow: hidden;
751
- text-overflow: ellipsis; }
752
-
753
- .azc-control svg {
754
- overflow: hidden; }
755
-
756
- .msportalfx-gridcolumn-asseticon img, .msportalfx-gridcolumn-asseticon svg {
757
- margin-top: 4px;
758
- height: 21px;
759
- width: 21px; }
760
-
761
- .msportalfx-svg-c04 {
762
- fill: #7a7a7a; }
763
-
764
- .msportalfx-svg-c20 {
765
- fill: #68217a; }
766
-
767
- .msportalfx-svg-c01 {
768
- fill: #fff; }
769
-
770
- /*#endregion */
771
- /*#region KENDO*/
772
- .k-grid-content table tbody tr {
773
- padding: 1px 0 1px 10px; }
774
-
775
- .k-grid td {
776
- padding: 0 .6em; }
777
-
778
- /*#endregion*/
779
- body {
780
- background-color: #2e80ab;
781
- background-image: linear-gradient(to bottom, #2e80ab 0%, #61b7da 100%);
782
- background-repeat: no-repeat;
783
- font-family: wf_segoe-ui_normal,"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
784
- font-weight: 400;
785
- font-size: small;
786
- -ms-scrollbar-arrow-color: #758393;
787
- -ms-scrollbar-face-color: #63707e;
788
- -ms-scrollbar-track-color: #dcdfe2; }
789
-
790
- a {
791
- color: #00bcf2;
792
- text-decoration: none; }
793
-
794
- img, a img, :link img, :visited img {
795
- border: 0; }
796
-
797
- input.ng-invalid, select.ng-invalid {
798
- border: 1px solid red; }
799
-
800
- .collapsed {
801
- visibility: collapse;
802
- width: 0;
803
- min-width: 0; }
804
-
805
- .apa-commandbar-icon {
806
- font-size: 17px;
807
- padding-bottom: 3px; }
808
-
809
- body, html {
810
- height: 100%; }
811
-
812
- body {
813
- margin: 0;
814
- padding: 0; }
815
-
816
- .fxs-topbar {
817
- height: 40px;
818
- font-size: 13px; }
819
-
820
- .fxs-topbar-home {
821
- font-size: 20px;
822
- line-height: 40px;
823
- text-overflow: ellipsis; }
824
-
825
- .fxs-avatarmenu-tenant-container {
826
- text-align: right; }
827
-
828
- .fxs-commandBar .fxs-commandBar-item {
829
- width: auto;
830
- max-width: 90px; }
831
-
832
- a:focus, a:hover {
833
- text-decoration: none;
834
- color: #00bcf2; }
835
-
836
- .fxs-theme-blue {
837
- background-color: #2e80ab;
838
- background-image: linear-gradient(to bottom, #2e80ab 0%, #61b7da 100%);
839
- background-repeat: no-repeat;
840
- font-family: wf_segoe-ui_normal,"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
841
- font-weight: 400;
842
- font-size: small; }
843
-
844
- .fxs-theme-blue .fxs-topbar .fxs-has-hover:hover {
845
- background-color: #3d4247; }
846
-
847
- .fxs-theme-blue a.fxs-topbar-home {
848
- color: #00bcf2; }
849
-
850
- .fxs-theme-blue .fxs-topbar {
851
- background-color: #202428;
852
- background-image: none;
853
- color: #fff;
854
- border-color: #3d4247; }
855
-
856
- .fxs-theme-blue .fxs-topbar .fxs-has-hover:hover {
857
- background-color: #3d4247; }
858
-
859
- .fxs-avatarmenu-tenant-container a {
860
- color: #fff; }
861
-
862
- .apa-statusbar-info {
863
- background-color: #16b6ff; }
864
-
865
- .apa-statusbar-error {
866
- background-color: #d86f02; }
867
-
868
- /*BOOTSTRAP OVERRIDE*/
869
- input[type=checkbox].form-control {
870
- width: initial; }
871
-
872
- #apa-notification-area .fxs-blade {
873
- border-left-width: 0; }
874
-
875
- .apa-disable-click {
876
- pointer-events: none;
877
- opacity: 0.4; }