/
xkit.css
499 lines (425 loc) · 32.5 KB
/
xkit.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
/* Editor */
#xkit-editor-tabs {
height: 40px;
background: rgb(240,240,240);
position: absolute;
top:0; left:0px;
width: 100%;
box-shadow: inset 0px -1px 2px rgba(0,0,0,0.31);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-bottom: 1px solid rgb(170,170,170);
text-align: left;
}
#xkit-editor-tabs div {
float: left; cursor: pointer;
height: 40px; line-height: 40px;
padding: 0px 16px;
border-right: 1px solid rgb(170,170,170);
}
#xkit-editor-tabs div:hover {
background: rgba(0,0,0,0.13);
}
#xkit-editor-tabs div.selected {
background: white !important;
}
.xkit-file-selector {
background: rgb(230,230,230);
height: 140px;
padding: 5px 15px 10px 15px;
overflow-y: auto;
}
#xkit-editor-open-file.no-file {
color: rgb(140,140,140);
padding-left: 15px;
background-image: none;
}
#xkit-editor-open-file {
height: 40px;
text-align: left;
font-size: 12px;
line-height: 40px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
border-bottom: 1px solid rgb(170,170,170);
position: absolute;
top: 0; left: 0; width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-left: 10px; text-shadow: 0px 1px 0px white;
box-shadow: 0px 1px 2px rgba(0,0,0,0.12), inset -1px 0px 2px rgba(0,0,0,0.32);
padding-left: 30px;
background: white no-repeat 14px 50% url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0UzNEU0NjhBNkRDMTFFMkFDMDJFMzk3N0RDMDc2NDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0UzNEU0NjlBNkRDMTFFMkFDMDJFMzk3N0RDMDc2NDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRTM0RTQ2NkE2REMxMUUyQUMwMkUzOTc3REMwNzY0NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRTM0RTQ2N0E2REMxMUUyQUMwMkUzOTc3REMwNzY0NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoxZN04AAABBSURBVHjaYmRgYPjPgAb+///PiMxnYsABGBkZ56NoRMdAABOfD2KzMOAHCUATcStCdhcjNoejAyYGIsCQVQQQYABh8hWr0MWppQAAAABJRU5ErkJggg==);
}
#xkit-editor-sidebar {
width: 200px;
position: absolute;
top: 0; left: 0;
height: 100%;
padding: 45px 10px 5px 10px;
background: rgb(246,246,246);
box-shadow: inset -1px 0px 2px rgba(0,0,0,0.32);
z-index: 100;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#xkit-editor-area textarea {
position: absolute;
height: 100%; width: 100%;
left: 0; top: 40px;
border: 0;
display: block;
background: white;
outline: none;
resize: none;
margin: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 15px;
font-family: "Courier New", Courier, monospace;
white-space: pre;
word-wrap: normal;
overflow-x: scroll;
font-size: 15px;
}
#xkit-editor-textarea {
display: block;
}
#xkit-editor-textarea-css,
#xkit-editor-textarea-icon,
#xkit-editor-textarea-object {
display: none;
}
#xkit-editor-area {
position: absolute;
top: 0; left: 200px;
background: white;
height: 100%;
width: 100%;
z-index: 99;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
/* Checkboxes */
.xkit-checkbox {
display: inline-block;
height: 20px;
font-size: 13px;
line-height: 18px;
padding: 0px 7px 0px 7px;
cursor: pointer;
color: rgb(90,90,90);
}
.xkit-checkbox:hover {
color: black;
}
.xkit-checkbox:hover b {
border: 1px solid rgb(80,80,80);
}
.xkit-checkbox b {
display: inline-block;
width: 14px; height: 14px;
border: 1px solid rgb(150,150,150);
border-radius: 2px;
margin-right: 8px;
float: left;
}
.xkit-checkbox.selected b {
background: #d9eefc no-repeat 50% 50% url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTBGODUzRjRBODdDMTFFMkFDMDJFMzk3N0RDMDc2NDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTBGODUzRjVBODdDMTFFMkFDMDJFMzk3N0RDMDc2NDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzFFNkUxNUE4NjgxMUUyQUMwMkUzOTc3REMwNzY0NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzFFNkUxNkE4NjgxMUUyQUMwMkUzOTc3REMwNzY0NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plmy/VEAAACJSURBVHjaYvj//z8DHsANxHVArADiMIIUMzIy4lLYBMRqQPwRiGuY8JgIUwgC/ECsykSEQhCYDsS7YfbbA/E3IL6GQ+E2sJuhCouA+B8QvwRiaWwKQYAFiKOBmAmKcSoEAWYgPgbE1lC3wsBiIN6A7hmQ4u9AfARJwyEgns1AAAgDsQs+BQABBgDMMRufC+Uo8AAAAABJRU5ErkJggg==);
}
/* Progress Bar */
.xkit-progress-bar {
border: 1px solid rgb(150,150,150);
border-radius: 2px;
margin-top: 7px;
margin-bottom: 7px;
overflow: hidden;
background: rgb(245,245,245);
}
.xkit-progress-bar-inner {
background: #9ee7ff;
width: 0%;
border-radius: 1px;
/*border-right: 1px solid rgb(150,150,150);
box-shadow: inset 0px 1px 0px rgba(255,255,255,0.52);*/
}
/* Input Boxes */
#xkit-window-old input[type="text"],
#xkit-window input[type="text"] {
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px solid rgb(190,190,190);
border-radius: 3px;
margin: 7px 0px;
padding: 5px 10px;
font-size: 13px;
}
/* Buttons */
.xkit-button.block {
display: block !important;
margin: 5px 0px 0px 0px;
}
.xkit-button.default {
font-weight: bold;
}
.xkit-button.disabled {
box-shadow: none !important;
opacity: 0.75 !important;
cursor: default !important;
background: rgb(240,240,240) !important;
position: relative !important;
top: 0px !important;
}
.xkit-button {
color: rgb(100,100,100);
padding: 4px 15px;
border: 1px solid rgb(150,150,150);
background: rgb(240,240,240);
box-shadow: inset 0px 1px 0px rgba(255,255,255,0.73), inset 0px -1px 1px rgba(0,0,0,0.12), 0px 1px 1px rgba(0,0,0,0.32);
display: inline-block;
font-size: 11px;
line-height: 16px;
border-radius: 2px;
margin: 4px 4px 4px 0px;
cursor: pointer;
text-decoration: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.xkit-button-group .xkit-button {
margin-right: 10px;
}
.xkit-button:hover {
background: rgb(244,244,244);
}
.xkit-button:active {
position: relative;
top: 1px;
color: rgb(80,80,80);
background: rgb(230,230,230);
box-shadow: inset 0px -1px 0px rgba(255,255,255,0.73), inset 0px 1px 1px rgba(0,0,0,0.12);
}
/* Windows */
#xkit-window-shadow {
position: fixed;
top: 0; left: 0; width: 100%;
height: 100%;
background: rgba(0,0,0,0.32);
z-index: 98000000;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.xkit-window-title {
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
color: rgb(100,100,100);
padding: 20px 20px 0px 20px;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.xkit-window-msg {
font-size: 13px;
color: rgb(30,30,30);
line-height: 18px;
padding: 0px 20px 20px 20px;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.xkit-window-msg a {
font-weight: bold;
color: rgb(110,110,110);
}
.xkit-window-msg a:hover {
color: black;
}
.xkit-window-msg p,
.xkit-window-msg pre {
margin: 10px 0px; padding: 5px 10px;
background: rgb(240,240,240);
font-family: 'Courier', monospace;
}
.xkit-window-buttons {
background: rgb(230,230,230);
border-radius: 0px 0px 5px 5px;
padding: 9px 20px;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.22);
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
#xkit-window-old,
#xkit-window {
width: 500px;
background: white;
z-index: 99000000;
border-radius: 4px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.53), 0px 0px 7px rgba(0,0,0,0.22);
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
text-align: left;
}
#xkit-window-old.question .xkit-window-title,
#xkit-window-old.question .xkit-window-msg,
#xkit-window-old.error .xkit-window-title,
#xkit-window-old.error .xkit-window-msg,
#xkit-window-old.info .xkit-window-title,
#xkit-window-old.info .xkit-window-msg,
#xkit-window-old.warning .xkit-window-title,
#xkit-window-old.warning .xkit-window-msg,
#xkit-window.question .xkit-window-title,
#xkit-window.question .xkit-window-msg,
#xkit-window.error .xkit-window-title,
#xkit-window.error .xkit-window-msg,
#xkit-window.info .xkit-window-title,
#xkit-window.info .xkit-window-msg,
#xkit-window.warning .xkit-window-title,
#xkit-window.warning .xkit-window-msg {
margin-left: 40px;
padding-right: 25px;
}
#xkit-window.warning {
background: white no-repeat 16px 15px url(data:image/gif;base64,R0lGODlhHwAfAMQAAP///2RkZG5ubvb29rKysnd3d4uLi9nZ2ezs7MXFxZ6enuLi4ry8vJWVlYGBgc/Pz6ioqAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NzYwMjdDQkE2QUQxMUUyQUMwMkUzOTc3REMwNzY0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NzYwMjdDQ0E2QUQxMUUyQUMwMkUzOTc3REMwNzY0NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY0RkU3QzA2QTVCNDExRTJBQzAyRTM5NzdEQzA3NjQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3NjAyN0NBQTZBRDExRTJBQzAyRTM5NzdEQzA3NjQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAB8AHwAABcUgII5kaZ5oqq5s64pO4LwsE9wMnQ7CHQgD3Qniu0GEpYWv4FsgR4ZbAcEMGJ6AhC+R3SJ5t6so+gvqCM2R8kbQIXwKgA+g8CFoZKD8BgBbXw8+OXsBIjY3Dy0DVQUjcyKMZipoNwcjMTMiBz5tKgg9AQ0kdXEjDTcCdymnN6oiWoMibzeiKJtsLZQBlidVeiSPI36NJrpcJcEjWrgkfmLIfCZ5knQ+vC+3AaUA2UXe3+CVIrrh5eCdC6Dm66hOWO/w8fIpIQA7);
}
#xkit-window.info {
background: white no-repeat 16px 15px url(data:image/gif;base64,R0lGODlhHwAfALMAAP///2RkZNnZ2ezs7KioqOLi4nd3d/b29oGBgW5ubsXFxQAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NzYwMjdDRkE2QUQxMUUyQUMwMkUzOTc3REMwNzY0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NzYwMjdEMEE2QUQxMUUyQUMwMkUzOTc3REMwNzY0NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3NjAyN0NEQTZBRDExRTJBQzAyRTM5NzdEQzA3NjQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3NjAyN0NFQTZBRDExRTJBQzAyRTM5NzdEQzA3NjQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAB8AHwAABJwQyEmrvTjrjYf4wsBpA2EEaGoQ4jgdRCrPxOEWyKynSMEViZ0wkPBlDrmhEGHDxIQ+gZDQUU6GrcoTCpBOLyel2GAZDI1dZVbi3VWUgkpbhwbA5eLrUIG3Su4UZn52WBZhQno7ZBZbM3VpOlRliBY7axSNKY9zKJIXSGI7TBpAoTJFP0mhPS4woTUuEyWHKiyxFx4gl7e8vb6/GxEAOw==);
}
#xkit-window.error {
background: white no-repeat 16px 15px url(data:image/gif;base64,R0lGODlhHwAfALMAAP///8MXAPvx8c4/Odx6d/fi4u/Ew9VcWcoxKPTT08cjFthraOy1tOempQAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NzYwMjdEM0E2QUQxMUUyQUMwMkUzOTc3REMwNzY0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NzYwMjdENEE2QUQxMUUyQUMwMkUzOTc3REMwNzY0NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3NjAyN0QxQTZBRDExRTJBQzAyRTM5NzdEQzA3NjQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3NjAyN0QyQTZBRDExRTJBQzAyRTM5NzdEQzA3NjQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAB8AHwAABLoQyEmrvTjrjYthjFFwWkEgQaoixEhOAqHONCG8yUDv6pBwCQVvGFD8MgIdcTi4YWRLIqHDOyhTgwPPVYHOFoAk9rbYTS2o2QE2aE60M4SlsHNLBM7wVcWVGHh2FGI7BhUNTHl6Q4UUDIiCezOME391iXeRKZMSdDSBeGw7fRJpKmuYgXArF14qYINuZTUXnTRWM1lbT1FSSJm8gRdBvDNGQL+ARxwxvDYvEyalKy3PtAYfItXa29zd1REAOw==);
}
#xkit-window.question {
background: white no-repeat 16px 15px url(data:image/gif;base64,R0lGODlhHwAfAMQAAP///2RkZNnZ2ezs7KioqOLi4oGBgXd3d/b29rKysm5ubsXFxc/Pz4uLi56enpWVlby8vAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5OEIyRjI0NEE2QUUxMUUyQUMwMkUzOTc3REMwNzY0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5OEIyRjI0NUE2QUUxMUUyQUMwMkUzOTc3REMwNzY0NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk4QjJGMjQyQTZBRTExRTJBQzAyRTM5NzdEQzA3NjQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk4QjJGMjQzQTZBRTExRTJBQzAyRTM5NzdEQzA3NjQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAB8AHwAABcAgII5kaZ5oqq7oILzCwKoDcQR4fhDyPCKEnHBIQPgKhqEyZyiwCoqlNKBwphDJqdRgRAWVDsZgwHgsCa3lwrRY9kpfYWP0GjWUaNNtCBE5cAIiCUoHJgNLDwkJUQGBAINKbyICWjh9IntDjnSVawBIUpuTWgYiA4xqJZRTeZChJYdTBopZUpKYlZWFJnFKVgWsJ7FLJFO3I71CxWdXtUK/S1wqULlCVU/OpFYsQLlFPiM1mTo84MIwMebq6+zt5iEAOw==);
}
/* Notifications */
#xkit-notifications {
position: fixed;
bottom: 30px; left: 30px;
width: 220px;
z-index: 200;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.xkit-notification:hover {
background-color: rgba(255,255,255,0.86);
cursor: pointer;
}
.xkit-notification.notification-warning {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkZEMzhGN0M3ODYxMTFFMjhDRjA4Q0YxMDA3OEM0RUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkZEMzhGN0Q3ODYxMTFFMjhDRjA4Q0YxMDA3OEM0RUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRkQzOEY3QTc4NjExMUUyOENGMDhDRjEwMDc4QzRFRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRkQzOEY3Qjc4NjExMUUyOENGMDhDRjEwMDc4QzRFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjD5MP8AAAJcSURBVHjalJRNaxNRFIbfmXQSHWMzjbZoWiNNAw1RsaBbdedGqQhVwY0uNdCVf6D+iiII6lKoCBWhZufCtai0NtjvNDEf5mOSmZuY6WQ897aGaRNFD7w5ucm5z5xzz5krOY4Dtz084/GQu0m6QxolhUlbe5rjml20W+49khtCgCuK0n5ydlQbj4WOo1/ToB7ywTBN1PQavqUL+LJtrFuWnCDQQheEAHcDAd+zaxdPeyPhECxbgk1/2Y4Fy2rDsUltG7nvWSx8ytmM2dMEmu1AeAYESN6+FPMODQbRNBlYtQCmF2DpdYIAikLB6hF4VQ3MkfDmY56DbhDorfQgLnuohM+3LsfikfAw9EIGpa01WKyF4PnrOBq9IDLdfPW4U7aiAqUdP959ZRlaRmT6mDo3EoiPnTqJanYTueVlAeDGAWP3ZoTcZjGgv2Vg/ASGaXmfQyajI8co/SL09Ar+x4a8be4mOWQiODCARiWP5s/9QZZREb6R2+gJ0WThJrjz9ykeNPRiV1Azt/ZXiCwJ5+eQYpM1YNS7gyyjugvJ94aYlnBFDkn9KJfFiR80xa9h9cUMZdQbUt09/xSHzG8UKwQJdAX9qTvcWnSm27vZz3PI3GKapfKsjx79b13hPVnXgVxD5nPyvDOxqupJXo2qXsXU3YeG9v73EztEKFAXP2Rlm5ZiYkWT6Mt7GuFEcoXZZY9PjDjffBDAS1ilZyyVxPIRB/R8i8k9jQ060ZDmw2GpCS/9UKLaaxRWNIFMXeZXQuI3oAviuk/4XTK1d5fESUskXv9r0ksCNNx7fgkwAHaNHYxyDi6mAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: 10px 50%;
padding-left: 37px;
}
.xkit-notification.notification-warning.sticky {
background-color: rgba(255, 204, 150, 0.70);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkZEMzhGN0M3ODYxMTFFMjhDRjA4Q0YxMDA3OEM0RUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkZEMzhGN0Q3ODYxMTFFMjhDRjA4Q0YxMDA3OEM0RUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRkQzOEY3QTc4NjExMUUyOENGMDhDRjEwMDc4QzRFRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRkQzOEY3Qjc4NjExMUUyOENGMDhDRjEwMDc4QzRFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjD5MP8AAAJcSURBVHjalJRNaxNRFIbfmXQSHWMzjbZoWiNNAw1RsaBbdedGqQhVwY0uNdCVf6D+iiII6lKoCBWhZufCtai0NtjvNDEf5mOSmZuY6WQ897aGaRNFD7w5ucm5z5xzz5krOY4Dtz084/GQu0m6QxolhUlbe5rjml20W+49khtCgCuK0n5ydlQbj4WOo1/ToB7ywTBN1PQavqUL+LJtrFuWnCDQQheEAHcDAd+zaxdPeyPhECxbgk1/2Y4Fy2rDsUltG7nvWSx8ytmM2dMEmu1AeAYESN6+FPMODQbRNBlYtQCmF2DpdYIAikLB6hF4VQ3MkfDmY56DbhDorfQgLnuohM+3LsfikfAw9EIGpa01WKyF4PnrOBq9IDLdfPW4U7aiAqUdP959ZRlaRmT6mDo3EoiPnTqJanYTueVlAeDGAWP3ZoTcZjGgv2Vg/ASGaXmfQyajI8co/SL09Ar+x4a8be4mOWQiODCARiWP5s/9QZZREb6R2+gJ0WThJrjz9ykeNPRiV1Azt/ZXiCwJ5+eQYpM1YNS7gyyjugvJ94aYlnBFDkn9KJfFiR80xa9h9cUMZdQbUt09/xSHzG8UKwQJdAX9qTvcWnSm27vZz3PI3GKapfKsjx79b13hPVnXgVxD5nPyvDOxqupJXo2qXsXU3YeG9v73EztEKFAXP2Rlm5ZiYkWT6Mt7GuFEcoXZZY9PjDjffBDAS1ilZyyVxPIRB/R8i8k9jQ060ZDmw2GpCS/9UKLaaxRWNIFMXeZXQuI3oAviuk/4XTK1d5fESUskXv9r0ksCNNx7fgkwAHaNHYxyDi6mAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: 10px 50%;
padding-left: 37px;
text-shadow: 0px 1px 0px rgba(255,255,255,0.54);
}
.xkit-notification.notification-warning.sticky:hover {
background-color: rgba(255, 204, 150, 0.90);
}
.xkit-notification.notification-error {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkZEMzhGNzg3ODYxMTFFMjhDRjA4Q0YxMDA3OEM0RUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkZEMzhGNzk3ODYxMTFFMjhDRjA4Q0YxMDA3OEM0RUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBODQ3QUY2Qjc4NjAxMUUyOENGMDhDRjEwMDc4QzRFRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBODQ3QUY2Qzc4NjAxMUUyOENGMDhDRjEwMDc4QzRFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmcAlmwAAAI5SURBVHjahJTPaxNBFMe/s5sfrqZSLWKrRTFII7m0ePDgxbvQilAQPXkWPNWLeJZePAoiCHoVCmKlUAQR/4UepLFgNNqU/sqvppvsNrPr9222Ydcm+uC7bxbe+8ybmTejfN9H1B4ljpt0t6k71CXqAlUKtSB61rHdaI6KQgi4QfcyZ5zNTZijOGkkMaQSqPstNH0ba3oXq7pSZMwDgpaPQAi4R/d6OjmZyqXHoHUDDmrQaKBNAU0qg00NLLsNfvGQoBc9SFjBx7upa6nxxDDa/iZctU5fQT+recB7xxPQLYKW1JxpyR6ssIK8VGDrEvaxGgSfuH4T1tXJYLzzfB4+zG75rO+3Vvjk6nX+Zg1+Zq+Yo/kJ6xwcXe4BxAQwNv8k0GHyoY2bPnKmd57D+wKZyRoj0Ad1tPAT/7M4KCluRiBTZwwLLjfxAHuxBF2tBt793h8+YnjipgSSSSgmqK0jQW6xFHhnAMSALS4jkG3bb/MkXG5cvPF0rRqD/W3Nbvi2QAoVzw77IBkLModPYePx04HL2U0HriCQxaJXDRpJwQuKHHQ6UXN4jiF6UTIWvulqodSR2rxQxj9PSBOwlgHKDUv65E2sY6fTidTp7o6zqjRlEmnHAB0CykPA5y2r17HBlBx8kUv1wenoHx0VBPss2OOtiS1B7aPACla6nTAngEG3+FXWVJcvmgYyyuP52djhnPVjwC+GbuxZpfAWL/V9CiLvibwls+Fbkqe+UrL+d9RbAlrRnD8CDAAAlf+qsVTlwQAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-position: 10px 50%;
padding-left: 37px;
}
.xkit-notification.notification-ok {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTg0N0FGNjk3ODYwMTFFMjhDRjA4Q0YxMDA3OEM0RUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTg0N0FGNkE3ODYwMTFFMjhDRjA4Q0YxMDA3OEM0RUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBODQ3QUY2Nzc4NjAxMUUyOENGMDhDRjEwMDc4QzRFRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBODQ3QUY2ODc4NjAxMUUyOENGMDhDRjEwMDc4QzRFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjvbK2sAAAJ4SURBVHjadJTLaxNRFMa/JM3UlJS2E2mh2mKa0gnRRcGNruoDFy6MCgXBboTuCoIr+ze4dCWCoFuhoBSKolKXgiuVKiY1MY2apMYkzcPJ5DEZvzszNBNMBs6cO/fO+c0535x7XYZhwHldWHd56K7TbtCCtFla2rYNYdv3jKYzxuWEELBE93BBgaIogH8M8I0C5TJQqQKJOJD8iu98Z42gl/9BCLhJ9/hKFFI47EVNb6HYAKo6ARrAIYZp1Rzw8QU4i9sEPTiE2Bm8WlmBNH3cjZzWQZYJlzX0veolYOe5CbpK0Jbr/F0IDT4xg4jIIK22kPzbP7jJ+U4bOMIyD34Au2/wi9Nzbt6WlTAiijKMbGMwoLZvfh1G3XoenwECCo5xeEtAosEQX9IbyDX7AzQKG38N6FyXpO68PGO6qIAsBiaB0gANOqw88ZaAlq1Htbs2EjDdooD43UNAQe8uljNAS7XGmQ+ASiE9fGfpMjAdcmjkNp2fS8jXVMxqkiVc+j2zSgFT7JOpU0BuBxjysgWiQFvm7253IQc10+UFK1YsWH3g8zHwKODm//q9C6TeUcgOcPYi1yfYI+3eUvcLposJyOZe0mokg0/B08ClawRxXGFZC8xGooCq3gvIUr9iyhxuCshGKo5YaY8i8uEPBdYmrPRlCj5/prcEcVUIjDPT8YzZJ096OvYkW95WHCMsaZI6pesW/FB0Aj8z1Lvt6FjH3lkVmy90Dh45aG8sUaIdLPxPlpD4RijLHy3gDgH3B+3iR/Ic5uUT/JqfwdzF+TzLFDuZh8FY1jwSxC7e6nsUOM4TcZYs22dJhPaFJup/RntKQN0Z80+AAQAHVgPzV0Zy/QAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-position: 10px 50%;
padding-left: 37px;
}
.xkit-notification {
background: white;
background: rgba(255,255,255,0.66);
box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0px 1px 2px rgba(0,0,0,0.32);
border: 1px solid rgba(0,0,0,0.43);
padding: 6px 10px;
font-size: 12px;
text-shadow: 0px 1px 0px white;
border-radius: 6px;
display: none;
margin-top: 3px;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkZEMzhGODA3ODYxMTFFMjhDRjA4Q0YxMDA3OEM0RUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkZEMzhGODE3ODYxMTFFMjhDRjA4Q0YxMDA3OEM0RUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRkQzOEY3RTc4NjExMUUyOENGMDhDRjEwMDc4QzRFRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRkQzOEY3Rjc4NjExMUUyOENGMDhDRjEwMDc4QzRFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoD517kAAAKrSURBVHjafJRLTBNRFIb/aZm+HKlQoDVEsFJFakIICx8bcakxoiYqxmjcaiMrN65dGbcuiMZEE92YkBhJVMLGIGFtAIU0NsqjSEufU4aZdp6eW6C2NnCSf+6503O+uef03stZloVqC9wZttNwlTRECpI6SMvbGmVKvHmmVudw1RACDAD885ZQb3dL6DiE/V443R4okgRJEpFe+olsdOY3oEUINF4HIcAtp9v7quvcJUegswswNJIBTTVgkm/CgkmxqfU1LE99MnRNHibQSAXCVkCAiRMXbzqafH4opSJERYab03GqXcBYbA06Z0ODDrgcDpiSjKUvHxjoMoE+cv7bD6gH/Gz4wlD4IK0gVRCR3cxA1TU8PnMMVzpbMTK/ipHZxUrZNvBAPo3E9OdVmh6xC70nb/h6+u+H+k5jfUNEUkzAMM1y8IqswqAyoqKMWG6zArFYcS4XUDQatUI63kDvBn2HQsjLMrJyvuafimU38IS0m9l9bfSlhUEG6WtsaoaoFqGTduxe72FEwu1l/+nMEt4uxOsgfPMBNvTZ6CHYbTzkklwTMEcr+JHfxF7G2Vg6BPZMFVUFWkmqCZiOZzD5J78nxFDKH0kxSFTMpLc6XmUd3n1odW+983uc8AvuOoheyLEhyiBjYnwRLr4W8mKgB9eDbWX/7tEAHvUHa343SyWU1laYO8YaO5qLzUU9/kC3zdsIk9sKWsjLyJT0StKy9K/ppm5Cif+Cmk6wffK6smMbeM+E/+x5h+Zy7HRte1OYtSvQdajrSRS+TRk0Le/YciQ5k7SFI8mv44aVysDOSmPJ/wOoBIUOoRz7zqYPGWCXU4yXQrAn5G5th+V0w0YrU0U6BtkCtFwSWmaVXQmRHUAdpOo+YXfJte27JEyaJ7H635PeEUCpzvkrwACqAUYx9Eh3IwAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-position: 10px 50%;
padding-left: 37px;
text-align: left;
}
/* Others */
.nano {
position : relative;
width : 100%;
height : 100%;
overflow : hidden;
}
.nano .content {
position : absolute;
overflow : scroll;
overflow-x : hidden;
top : 0;
right : 0;
bottom : 0;
left : 0;
}
.nano .content::-webkit-scrollbar {
visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
visibility: visible;
}
.nano > .pane {
background : rgba(0,0,0,.25);
position : absolute;
width : 10px;
right : 0;
top : 0;
bottom : 0;
visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
opacity : .01;
-webkit-transition : .2s;
-moz-transition : .2s;
-o-transition : .2s;
transition : .2s;
-moz-border-radius : 0px;
-webkit-border-radius : 0px;
border-radius : 0px;
}
.nano > .pane > .slider {
background: #444;
background: rgba(0,0,0,.5);
position : relative;
margin : 0 1px;
-moz-border-radius : 0px;
-webkit-border-radius : 0px;
border-radius : 0px;
z-index: 999999;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
visibility : visible\9; /* Target only IE7 and IE8 with this hack */
opacity : 0.99;
}
/* TipTip CSS - Version 1.2 */ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); } @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } }