@ardimedia/angular-portal-azure 0.2.121 → 0.2.123

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