@kizmann/nano-ui 0.7.2 → 0.7.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,2029 @@
1
+ .n-empty-icon--default .n-empty-icon__frame {
2
+ background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 320 320' style='enable-background:new 0 0 320 320;' xml:space='preserve' fill='%23090b10'%3E %3Cstyle type='text/css'%3E .st0%7Bopacity:0.2;%7D .st1%7Bopacity:0.4;%7D .st2%7Bopacity:0.6;%7D .st3%7Bopacity:0.5;%7D .st4%7Bopacity:0.8;%7D %3C/style%3E %3Cg id='Ebene_1_5_'%3E %3Cpath class='st0' d='M99,191.8c1.7,0,3.3,1,3.9,2.6l6.8,15.7c1.7,3.9,5.6,6.5,9.9,6.5H204c4.3,0,8.2-2.5,9.9-6.5l6.8-15.7 c0.7-1.6,2.2-2.6,3.9-2.6h22.5v-82h-48.6c-14.8,0-26.7-12-26.7-26.7V34.5H94.3c-9.8,0-17.8,8-17.8,17.8v139.5H99z'/%3E %3Cpath class='st1' d='M198.5,109.8h48.6l-75.4-75.4v48.6C171.8,97.9,183.7,109.8,198.5,109.8z'/%3E %3Cpath class='st2' d='M141.8,107.4h-24.1c-3.8,0-7-3.1-7-7l0,0c0-3.8,3.1-7,7-7h24.1c3.8,0,7,3.1,7,7l0,0 C148.7,104.3,145.6,107.4,141.8,107.4z'/%3E %3Cpath class='st2' d='M210.9,152.2h-92.5c-4.2,0-7.6-3.4-7.6-7.6v0c0-4.2,3.4-7.6,7.6-7.6h92.5c4.2,0,7.6,3.4,7.6,7.6v0 C218.6,148.8,215.2,152.2,210.9,152.2z'/%3E %3Cpath class='st2' d='M210.9,188.6h-92.5c-4.2,0-7.6-3.4-7.6-7.6v0c0-4.2,3.4-7.6,7.6-7.6h92.5c4.2,0,7.6,3.4,7.6,7.6v0 C218.6,185.1,215.2,188.6,210.9,188.6z'/%3E %3C/g%3E %3Cpath class='st3' d='M220.7,194.4l-6.8,15.7c-1.7,3.9-5.6,6.5-9.9,6.5h-84.3c-4.3,0-8.2-2.5-9.9-6.5l-6.8-15.7 c-0.7-1.6-2.2-2.6-3.9-2.6H37V278c0,5.9,4.8,10.8,10.8,10.8h228.1c5.9,0,10.8-4.8,10.8-10.8v-86.1h-62 C222.9,191.8,221.4,192.8,220.7,194.4z'/%3E %3Cg class='st4'%3E %3Cpolygon points='76.5,142 37,191.8 76.5,191.8 '/%3E %3Cpolygon points='247.1,142 247.1,191.8 286.6,191.8 '/%3E %3C/g%3E %3C/svg%3E"); }
3
+
4
+ .n-empty-icon--ufo .n-empty-icon__frame {
5
+ background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 320 320' style='enable-background:new 0 0 320 320;' xml:space='preserve' fill='%23090b10'%3E %3Cstyle type='text/css'%3E .st0%7Bopacity:0.3;enable-background:new ;%7D .st1%7Bdisplay:none;fill:%23898E93;%7D .st2%7Bopacity:0.7;%7D .st3%7Bopacity:0.15;enable-background:new ;%7D .st4%7Bopacity:0.5;fill:url(%23SVGID_1_);enable-background:new ;%7D .st5%7Bopacity:0.6;%7D .st6%7Bopacity:0.3;%7D %3C/style%3E %3Cellipse class='st0' cx='160.5' cy='270' rx='106.5' ry='32'/%3E %3Crect x='141.6' y='125.7' transform='matrix(0.4341 -0.9009 0.9009 0.4341 -36.7959 214.9154)' class='st1' width='22.1' height='22.1'/%3E %3Ccircle class='st1' cx='192.8' cy='187.3' r='15.1'/%3E %3Cpath class='st1' d='M124.8,262.5l-15.3-52l52.9,11.7L124.8,262.5z'/%3E %3Cpath class='st2' d='M216.8,94.2c0-8.7-25.2-15.8-56.3-15.8s-56.3,7.1-56.3,15.8l3.6,10c0-8.2,23.6-14.8,52.8-14.8 s52.8,6.6,52.8,14.8L216.8,94.2z'/%3E %3Cpath class='st3' d='M160.5,238c51.7,0,94.9,11.1,104.5,25.8l-51.7-159.6c0-8.2-23.6-14.8-52.8-14.8s-52.8,6.6-52.8,14.8L56,263.8 C65.6,249.1,108.8,238,160.5,238z'/%3E %3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='160.5' y1='123.1656' x2='160.5' y2='220.5235' gradientTransform='matrix(1 0 0 -1 0 322)'%3E %3Cstop offset='0' style='stop-color:%23FFFFFF;stop-opacity:0'/%3E %3Cstop offset='1' style='stop-color:%23FFFFFF'/%3E %3C/linearGradient%3E %3Cpath class='st4' d='M160.5,89.3c-9.7,0-18.8,0.7-26.6,2L108,203.2h105L187.1,91.4C179.3,90.1,170.2,89.3,160.5,89.3z'/%3E %3Cpath class='st5' d='M160.5,40c17.2,0,33.2,1.8,47.4,4.8c-5.2-14.9-24.4-26-47.4-26s-42.2,11.1-47.4,26 C127.3,41.9,143.3,40,160.5,40z'/%3E %3Cpath d='M160.5,50.7C100,50.7,51,64,51,80.4c0,11.2,22.6,20.9,56,26l0.7-2.3l-3.6-10c0-8.7,25.2-15.8,56.3-15.8s56.3,7.1,56.3,15.8 l-3.6,10l0.7,2.3c33.4-5.1,56-14.8,56-26C270,64,221,50.7,160.5,50.7z'/%3E %3Cpath class='st6' d='M160.5,50.7C221,50.7,270,64,270,80.4C270,64,223.2,40,160.5,40S51,64,51,80.4C51,64,100,50.7,160.5,50.7z'/%3E %3Cimage style='overflow:visible;' width='352' height='368' xlink:href='../../../../../Desktop/Screen Shot 2021-01-22 at 4.55.46 PM.png' transform='matrix(0.5 0 0 0.5 -202.8271 18.7864)'%3E %3C/image%3E %3C/svg%3E"); }
6
+
7
+ .n-empty-icon__text {
8
+ color: rgba(9, 11, 16, 0.4); }
9
+
10
+ .n-notification {
11
+ background: #ffffff;
12
+ box-shadow: 0 1px 5px 1px rgba(23, 33, 64, 0.2); }
13
+
14
+ .n-notification--primary {
15
+ background: #4e7bff; }
16
+
17
+ .n-notification--primary .n-notification__icon,
18
+ .n-notification--primary .n-notification__text {
19
+ color: #ffffff; }
20
+
21
+ .n-notification--secondary {
22
+ background: #683bff; }
23
+
24
+ .n-notification--secondary .n-notification__icon,
25
+ .n-notification--secondary .n-notification__text {
26
+ color: #ffffff; }
27
+
28
+ .n-notification--info {
29
+ background: #37C4EF; }
30
+
31
+ .n-notification--info .n-notification__icon,
32
+ .n-notification--info .n-notification__text {
33
+ color: #ffffff; }
34
+
35
+ .n-notification--success {
36
+ background: #3ed786; }
37
+
38
+ .n-notification--success .n-notification__icon,
39
+ .n-notification--success .n-notification__text {
40
+ color: #ffffff; }
41
+
42
+ .n-notification--warning {
43
+ background: #ffac2f; }
44
+
45
+ .n-notification--warning .n-notification__icon,
46
+ .n-notification--warning .n-notification__text {
47
+ color: #ffffff; }
48
+
49
+ .n-notification--danger {
50
+ background: #fd2f51; }
51
+
52
+ .n-notification--danger .n-notification__icon,
53
+ .n-notification--danger .n-notification__text {
54
+ color: #ffffff; }
55
+
56
+ .n-scrollbar-v:before,
57
+ .n-scrollbar-h:before {
58
+ background: rgba(9, 11, 16, 0.3); }
59
+
60
+ .n-resizer__handle:before {
61
+ background: rgba(78, 123, 255, 0.9); }
62
+
63
+ .n-draggable__indicator {
64
+ border-bottom: 1px solid #4e7bff; }
65
+
66
+ .n-draggable__counter {
67
+ color: #ffffff;
68
+ background: #4e7bff; }
69
+
70
+ .n-draggable__counter[class*="n-modify--"] {
71
+ color: #ffffff;
72
+ background: #ffac2f; }
73
+
74
+ .n-draglist--primary.n-empty.n-dragover {
75
+ background: rgba(78, 123, 255, 0.075); }
76
+
77
+ .n-draglist--secondary.n-empty.n-dragover {
78
+ background: rgba(104, 59, 255, 0.075); }
79
+
80
+ .n-draglist--info.n-empty.n-dragover {
81
+ background: rgba(55, 196, 239, 0.075); }
82
+
83
+ .n-draglist--success.n-empty.n-dragover {
84
+ background: rgba(62, 215, 134, 0.075); }
85
+
86
+ .n-draglist--warning.n-empty.n-dragover {
87
+ background: rgba(255, 172, 47, 0.075); }
88
+
89
+ .n-draglist--danger.n-empty.n-dragover {
90
+ background: rgba(253, 47, 81, 0.075); }
91
+
92
+ .n-draglist-item.n-current {
93
+ background: rgba(169, 170, 171, 0.1); }
94
+
95
+ .n-draglist-item.n-nodrop {
96
+ background: rgba(253, 47, 81, 0.1); }
97
+
98
+ .n-draglist-item .n-draglist-item__ellipsis {
99
+ color: #b5b6b7; }
100
+
101
+ .n-draglist-item .n-draglist-item__expand {
102
+ color: #6b6d70; }
103
+
104
+ .n-draglist-item__checkbox {
105
+ background: #ffffff;
106
+ border: 1px solid #dadadb; }
107
+
108
+ .n-draglist-item.n-disabled .n-draglist-item__checkbox {
109
+ background: rgba(218, 218, 219, 0.3); }
110
+
111
+ .n-draglist--primary.n-empty.n-dragover {
112
+ background: rgba(78, 123, 255, 0.075); }
113
+
114
+ .n-draglist--primary .n-draglist-item.n-dragover {
115
+ background: rgba(78, 123, 255, 0.075); }
116
+
117
+ .n-draglist--primary .n-draglist-item.n-highlight {
118
+ -webkit-animation: NDraglistItemprimary 1s linear infinite;
119
+ animation: NDraglistItemprimary 1s linear infinite; }
120
+
121
+ .n-draglist--primary .n-draglist-item.n-selected .n-draglist-item__checkbox {
122
+ color: #ffffff;
123
+ background: #4e7bff;
124
+ border-color: #4e7bff; }
125
+
126
+ .n-draglist--primary .n-draglist-item .n-draglist-item__checkbox:hover {
127
+ border-color: #7a9bff; }
128
+
129
+ .n-draglist--primary .n-draglist-item.n-selected .n-draglist-item__checkbox:hover {
130
+ background: #7a9bff; }
131
+
132
+ @-webkit-keyframes NDraglistItemprimary {
133
+ 0% {
134
+ background: rgba(78, 123, 255, 0); }
135
+ 50% {
136
+ background: rgba(78, 123, 255, 0.15); }
137
+ 100% {
138
+ background: rgba(78, 123, 255, 0); } }
139
+
140
+ @keyframes NDraglistItemprimary {
141
+ 0% {
142
+ background: rgba(78, 123, 255, 0); }
143
+ 50% {
144
+ background: rgba(78, 123, 255, 0.15); }
145
+ 100% {
146
+ background: rgba(78, 123, 255, 0); } }
147
+
148
+ .n-draglist--secondary.n-empty.n-dragover {
149
+ background: rgba(104, 59, 255, 0.075); }
150
+
151
+ .n-draglist--secondary .n-draglist-item.n-dragover {
152
+ background: rgba(104, 59, 255, 0.075); }
153
+
154
+ .n-draglist--secondary .n-draglist-item.n-highlight {
155
+ -webkit-animation: NDraglistItemsecondary 1s linear infinite;
156
+ animation: NDraglistItemsecondary 1s linear infinite; }
157
+
158
+ .n-draglist--secondary .n-draglist-item.n-selected .n-draglist-item__checkbox {
159
+ color: #ffffff;
160
+ background: #683bff;
161
+ border-color: #683bff; }
162
+
163
+ .n-draglist--secondary .n-draglist-item .n-draglist-item__checkbox:hover {
164
+ border-color: #8b69ff; }
165
+
166
+ .n-draglist--secondary .n-draglist-item.n-selected .n-draglist-item__checkbox:hover {
167
+ background: #8b69ff; }
168
+
169
+ @-webkit-keyframes NDraglistItemsecondary {
170
+ 0% {
171
+ background: rgba(104, 59, 255, 0); }
172
+ 50% {
173
+ background: rgba(104, 59, 255, 0.15); }
174
+ 100% {
175
+ background: rgba(104, 59, 255, 0); } }
176
+
177
+ @keyframes NDraglistItemsecondary {
178
+ 0% {
179
+ background: rgba(104, 59, 255, 0); }
180
+ 50% {
181
+ background: rgba(104, 59, 255, 0.15); }
182
+ 100% {
183
+ background: rgba(104, 59, 255, 0); } }
184
+
185
+ .n-draglist--info.n-empty.n-dragover {
186
+ background: rgba(55, 196, 239, 0.075); }
187
+
188
+ .n-draglist--info .n-draglist-item.n-dragover {
189
+ background: rgba(55, 196, 239, 0.075); }
190
+
191
+ .n-draglist--info .n-draglist-item.n-highlight {
192
+ -webkit-animation: NDraglistIteminfo 1s linear infinite;
193
+ animation: NDraglistIteminfo 1s linear infinite; }
194
+
195
+ .n-draglist--info .n-draglist-item.n-selected .n-draglist-item__checkbox {
196
+ color: #ffffff;
197
+ background: #37C4EF;
198
+ border-color: #37C4EF; }
199
+
200
+ .n-draglist--info .n-draglist-item .n-draglist-item__checkbox:hover {
201
+ border-color: #63d1f3; }
202
+
203
+ .n-draglist--info .n-draglist-item.n-selected .n-draglist-item__checkbox:hover {
204
+ background: #63d1f3; }
205
+
206
+ @-webkit-keyframes NDraglistIteminfo {
207
+ 0% {
208
+ background: rgba(55, 196, 239, 0); }
209
+ 50% {
210
+ background: rgba(55, 196, 239, 0.15); }
211
+ 100% {
212
+ background: rgba(55, 196, 239, 0); } }
213
+
214
+ @keyframes NDraglistIteminfo {
215
+ 0% {
216
+ background: rgba(55, 196, 239, 0); }
217
+ 50% {
218
+ background: rgba(55, 196, 239, 0.15); }
219
+ 100% {
220
+ background: rgba(55, 196, 239, 0); } }
221
+
222
+ .n-draglist--success.n-empty.n-dragover {
223
+ background: rgba(62, 215, 134, 0.075); }
224
+
225
+ .n-draglist--success .n-draglist-item.n-dragover {
226
+ background: rgba(62, 215, 134, 0.075); }
227
+
228
+ .n-draglist--success .n-draglist-item.n-highlight {
229
+ -webkit-animation: NDraglistItemsuccess 1s linear infinite;
230
+ animation: NDraglistItemsuccess 1s linear infinite; }
231
+
232
+ .n-draglist--success .n-draglist-item.n-selected .n-draglist-item__checkbox {
233
+ color: #ffffff;
234
+ background: #3ed786;
235
+ border-color: #3ed786; }
236
+
237
+ .n-draglist--success .n-draglist-item .n-draglist-item__checkbox:hover {
238
+ border-color: #66df9f; }
239
+
240
+ .n-draglist--success .n-draglist-item.n-selected .n-draglist-item__checkbox:hover {
241
+ background: #66df9f; }
242
+
243
+ @-webkit-keyframes NDraglistItemsuccess {
244
+ 0% {
245
+ background: rgba(62, 215, 134, 0); }
246
+ 50% {
247
+ background: rgba(62, 215, 134, 0.15); }
248
+ 100% {
249
+ background: rgba(62, 215, 134, 0); } }
250
+
251
+ @keyframes NDraglistItemsuccess {
252
+ 0% {
253
+ background: rgba(62, 215, 134, 0); }
254
+ 50% {
255
+ background: rgba(62, 215, 134, 0.15); }
256
+ 100% {
257
+ background: rgba(62, 215, 134, 0); } }
258
+
259
+ .n-draglist--warning.n-empty.n-dragover {
260
+ background: rgba(255, 172, 47, 0.075); }
261
+
262
+ .n-draglist--warning .n-draglist-item.n-dragover {
263
+ background: rgba(255, 172, 47, 0.075); }
264
+
265
+ .n-draglist--warning .n-draglist-item.n-highlight {
266
+ -webkit-animation: NDraglistItemwarning 1s linear infinite;
267
+ animation: NDraglistItemwarning 1s linear infinite; }
268
+
269
+ .n-draglist--warning .n-draglist-item.n-selected .n-draglist-item__checkbox {
270
+ color: #ffffff;
271
+ background: #ffac2f;
272
+ border-color: #ffac2f; }
273
+
274
+ .n-draglist--warning .n-draglist-item .n-draglist-item__checkbox:hover {
275
+ border-color: #ffbe5e; }
276
+
277
+ .n-draglist--warning .n-draglist-item.n-selected .n-draglist-item__checkbox:hover {
278
+ background: #ffbe5e; }
279
+
280
+ @-webkit-keyframes NDraglistItemwarning {
281
+ 0% {
282
+ background: rgba(255, 172, 47, 0); }
283
+ 50% {
284
+ background: rgba(255, 172, 47, 0.15); }
285
+ 100% {
286
+ background: rgba(255, 172, 47, 0); } }
287
+
288
+ @keyframes NDraglistItemwarning {
289
+ 0% {
290
+ background: rgba(255, 172, 47, 0); }
291
+ 50% {
292
+ background: rgba(255, 172, 47, 0.15); }
293
+ 100% {
294
+ background: rgba(255, 172, 47, 0); } }
295
+
296
+ .n-draglist--danger.n-empty.n-dragover {
297
+ background: rgba(253, 47, 81, 0.075); }
298
+
299
+ .n-draglist--danger .n-draglist-item.n-dragover {
300
+ background: rgba(253, 47, 81, 0.075); }
301
+
302
+ .n-draglist--danger .n-draglist-item.n-highlight {
303
+ -webkit-animation: NDraglistItemdanger 1s linear infinite;
304
+ animation: NDraglistItemdanger 1s linear infinite; }
305
+
306
+ .n-draglist--danger .n-draglist-item.n-selected .n-draglist-item__checkbox {
307
+ color: #ffffff;
308
+ background: #fd2f51;
309
+ border-color: #fd2f51; }
310
+
311
+ .n-draglist--danger .n-draglist-item .n-draglist-item__checkbox:hover {
312
+ border-color: #fd5d77; }
313
+
314
+ .n-draglist--danger .n-draglist-item.n-selected .n-draglist-item__checkbox:hover {
315
+ background: #fd5d77; }
316
+
317
+ @-webkit-keyframes NDraglistItemdanger {
318
+ 0% {
319
+ background: rgba(253, 47, 81, 0); }
320
+ 50% {
321
+ background: rgba(253, 47, 81, 0.15); }
322
+ 100% {
323
+ background: rgba(253, 47, 81, 0); } }
324
+
325
+ @keyframes NDraglistItemdanger {
326
+ 0% {
327
+ background: rgba(253, 47, 81, 0); }
328
+ 50% {
329
+ background: rgba(253, 47, 81, 0.15); }
330
+ 100% {
331
+ background: rgba(253, 47, 81, 0); } }
332
+
333
+ .n-draggrid--primary.n-empty.n-dragover {
334
+ background: rgba(78, 123, 255, 0.075); }
335
+
336
+ .n-draggrid--secondary.n-empty.n-dragover {
337
+ background: rgba(104, 59, 255, 0.075); }
338
+
339
+ .n-draggrid--info.n-empty.n-dragover {
340
+ background: rgba(55, 196, 239, 0.075); }
341
+
342
+ .n-draggrid--success.n-empty.n-dragover {
343
+ background: rgba(62, 215, 134, 0.075); }
344
+
345
+ .n-draggrid--warning.n-empty.n-dragover {
346
+ background: rgba(255, 172, 47, 0.075); }
347
+
348
+ .n-draggrid--danger.n-empty.n-dragover {
349
+ background: rgba(253, 47, 81, 0.075); }
350
+
351
+ .n-draggrid-item.n-current {
352
+ background: rgba(169, 170, 171, 0.1); }
353
+
354
+ .n-draggrid-item.n-nodrop {
355
+ background: rgba(253, 47, 81, 0.1); }
356
+
357
+ .n-draggrid-item .n-draggrid-item__ellipsis {
358
+ color: #b5b6b7; }
359
+
360
+ .n-draggrid-item__checkbox {
361
+ background: #ffffff;
362
+ border: 1px solid #dadadb; }
363
+
364
+ .n-draggrid-item.n-disabled .n-draggrid-item__checkbox {
365
+ background: rgba(218, 218, 219, 0.3); }
366
+
367
+ .n-draggrid--primary.n-empty.n-dragover {
368
+ background: rgba(78, 123, 255, 0.075); }
369
+
370
+ .n-draggrid--primary .n-draggrid-item.n-dragover {
371
+ background: rgba(78, 123, 255, 0.075); }
372
+
373
+ .n-draggrid--primary .n-draggrid-item.n-highlight {
374
+ -webkit-animation: NDraggridItemprimary 1s linear infinite;
375
+ animation: NDraggridItemprimary 1s linear infinite; }
376
+
377
+ .n-draggrid--primary .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
378
+ color: #ffffff;
379
+ background: #4e7bff;
380
+ border-color: #4e7bff; }
381
+
382
+ .n-draggrid--primary .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
383
+ background: #7a9bff;
384
+ border-color: #7a9bff; }
385
+
386
+ @-webkit-keyframes NDraggridItemprimary {
387
+ 0% {
388
+ background: rgba(78, 123, 255, 0); }
389
+ 50% {
390
+ background: rgba(78, 123, 255, 0.15); }
391
+ 100% {
392
+ background: rgba(78, 123, 255, 0); } }
393
+
394
+ @keyframes NDraggridItemprimary {
395
+ 0% {
396
+ background: rgba(78, 123, 255, 0); }
397
+ 50% {
398
+ background: rgba(78, 123, 255, 0.15); }
399
+ 100% {
400
+ background: rgba(78, 123, 255, 0); } }
401
+
402
+ .n-draggrid--secondary.n-empty.n-dragover {
403
+ background: rgba(104, 59, 255, 0.075); }
404
+
405
+ .n-draggrid--secondary .n-draggrid-item.n-dragover {
406
+ background: rgba(104, 59, 255, 0.075); }
407
+
408
+ .n-draggrid--secondary .n-draggrid-item.n-highlight {
409
+ -webkit-animation: NDraggridItemsecondary 1s linear infinite;
410
+ animation: NDraggridItemsecondary 1s linear infinite; }
411
+
412
+ .n-draggrid--secondary .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
413
+ color: #ffffff;
414
+ background: #683bff;
415
+ border-color: #683bff; }
416
+
417
+ .n-draggrid--secondary .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
418
+ background: #8b69ff;
419
+ border-color: #8b69ff; }
420
+
421
+ @-webkit-keyframes NDraggridItemsecondary {
422
+ 0% {
423
+ background: rgba(104, 59, 255, 0); }
424
+ 50% {
425
+ background: rgba(104, 59, 255, 0.15); }
426
+ 100% {
427
+ background: rgba(104, 59, 255, 0); } }
428
+
429
+ @keyframes NDraggridItemsecondary {
430
+ 0% {
431
+ background: rgba(104, 59, 255, 0); }
432
+ 50% {
433
+ background: rgba(104, 59, 255, 0.15); }
434
+ 100% {
435
+ background: rgba(104, 59, 255, 0); } }
436
+
437
+ .n-draggrid--info.n-empty.n-dragover {
438
+ background: rgba(55, 196, 239, 0.075); }
439
+
440
+ .n-draggrid--info .n-draggrid-item.n-dragover {
441
+ background: rgba(55, 196, 239, 0.075); }
442
+
443
+ .n-draggrid--info .n-draggrid-item.n-highlight {
444
+ -webkit-animation: NDraggridIteminfo 1s linear infinite;
445
+ animation: NDraggridIteminfo 1s linear infinite; }
446
+
447
+ .n-draggrid--info .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
448
+ color: #ffffff;
449
+ background: #37C4EF;
450
+ border-color: #37C4EF; }
451
+
452
+ .n-draggrid--info .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
453
+ background: #63d1f3;
454
+ border-color: #63d1f3; }
455
+
456
+ @-webkit-keyframes NDraggridIteminfo {
457
+ 0% {
458
+ background: rgba(55, 196, 239, 0); }
459
+ 50% {
460
+ background: rgba(55, 196, 239, 0.15); }
461
+ 100% {
462
+ background: rgba(55, 196, 239, 0); } }
463
+
464
+ @keyframes NDraggridIteminfo {
465
+ 0% {
466
+ background: rgba(55, 196, 239, 0); }
467
+ 50% {
468
+ background: rgba(55, 196, 239, 0.15); }
469
+ 100% {
470
+ background: rgba(55, 196, 239, 0); } }
471
+
472
+ .n-draggrid--success.n-empty.n-dragover {
473
+ background: rgba(62, 215, 134, 0.075); }
474
+
475
+ .n-draggrid--success .n-draggrid-item.n-dragover {
476
+ background: rgba(62, 215, 134, 0.075); }
477
+
478
+ .n-draggrid--success .n-draggrid-item.n-highlight {
479
+ -webkit-animation: NDraggridItemsuccess 1s linear infinite;
480
+ animation: NDraggridItemsuccess 1s linear infinite; }
481
+
482
+ .n-draggrid--success .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
483
+ color: #ffffff;
484
+ background: #3ed786;
485
+ border-color: #3ed786; }
486
+
487
+ .n-draggrid--success .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
488
+ background: #66df9f;
489
+ border-color: #66df9f; }
490
+
491
+ @-webkit-keyframes NDraggridItemsuccess {
492
+ 0% {
493
+ background: rgba(62, 215, 134, 0); }
494
+ 50% {
495
+ background: rgba(62, 215, 134, 0.15); }
496
+ 100% {
497
+ background: rgba(62, 215, 134, 0); } }
498
+
499
+ @keyframes NDraggridItemsuccess {
500
+ 0% {
501
+ background: rgba(62, 215, 134, 0); }
502
+ 50% {
503
+ background: rgba(62, 215, 134, 0.15); }
504
+ 100% {
505
+ background: rgba(62, 215, 134, 0); } }
506
+
507
+ .n-draggrid--warning.n-empty.n-dragover {
508
+ background: rgba(255, 172, 47, 0.075); }
509
+
510
+ .n-draggrid--warning .n-draggrid-item.n-dragover {
511
+ background: rgba(255, 172, 47, 0.075); }
512
+
513
+ .n-draggrid--warning .n-draggrid-item.n-highlight {
514
+ -webkit-animation: NDraggridItemwarning 1s linear infinite;
515
+ animation: NDraggridItemwarning 1s linear infinite; }
516
+
517
+ .n-draggrid--warning .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
518
+ color: #ffffff;
519
+ background: #ffac2f;
520
+ border-color: #ffac2f; }
521
+
522
+ .n-draggrid--warning .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
523
+ background: #ffbe5e;
524
+ border-color: #ffbe5e; }
525
+
526
+ @-webkit-keyframes NDraggridItemwarning {
527
+ 0% {
528
+ background: rgba(255, 172, 47, 0); }
529
+ 50% {
530
+ background: rgba(255, 172, 47, 0.15); }
531
+ 100% {
532
+ background: rgba(255, 172, 47, 0); } }
533
+
534
+ @keyframes NDraggridItemwarning {
535
+ 0% {
536
+ background: rgba(255, 172, 47, 0); }
537
+ 50% {
538
+ background: rgba(255, 172, 47, 0.15); }
539
+ 100% {
540
+ background: rgba(255, 172, 47, 0); } }
541
+
542
+ .n-draggrid--danger.n-empty.n-dragover {
543
+ background: rgba(253, 47, 81, 0.075); }
544
+
545
+ .n-draggrid--danger .n-draggrid-item.n-dragover {
546
+ background: rgba(253, 47, 81, 0.075); }
547
+
548
+ .n-draggrid--danger .n-draggrid-item.n-highlight {
549
+ -webkit-animation: NDraggridItemdanger 1s linear infinite;
550
+ animation: NDraggridItemdanger 1s linear infinite; }
551
+
552
+ .n-draggrid--danger .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
553
+ color: #ffffff;
554
+ background: #fd2f51;
555
+ border-color: #fd2f51; }
556
+
557
+ .n-draggrid--danger .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
558
+ background: #fd5d77;
559
+ border-color: #fd5d77; }
560
+
561
+ @-webkit-keyframes NDraggridItemdanger {
562
+ 0% {
563
+ background: rgba(253, 47, 81, 0); }
564
+ 50% {
565
+ background: rgba(253, 47, 81, 0.15); }
566
+ 100% {
567
+ background: rgba(253, 47, 81, 0); } }
568
+
569
+ @keyframes NDraggridItemdanger {
570
+ 0% {
571
+ background: rgba(253, 47, 81, 0); }
572
+ 50% {
573
+ background: rgba(253, 47, 81, 0.15); }
574
+ 100% {
575
+ background: rgba(253, 47, 81, 0); } }
576
+
577
+ .n-load:before {
578
+ border: 2px solid #4e7bff; }
579
+
580
+ .n-load:after {
581
+ background: rgba(255, 255, 255, 0.7); }
582
+
583
+ .n-loader--primary.n-load:before {
584
+ border-color: #4e7bff; }
585
+
586
+ .n-loader--secondary.n-load:before {
587
+ border-color: #683bff; }
588
+
589
+ .n-loader--info.n-load:before {
590
+ border-color: #37C4EF; }
591
+
592
+ .n-loader--success.n-load:before {
593
+ border-color: #3ed786; }
594
+
595
+ .n-loader--warning.n-load:before {
596
+ border-color: #ffac2f; }
597
+
598
+ .n-loader--danger.n-load:before {
599
+ border-color: #fd2f51; }
600
+
601
+ .n-form-group__collapse {
602
+ color: #9d9d9f; }
603
+
604
+ .n-form-group--primary .n-form-group__label i {
605
+ color: #4e7bff; }
606
+
607
+ .n-form-group--secondary .n-form-group__label i {
608
+ color: #683bff; }
609
+
610
+ .n-form-group--info .n-form-group__label i {
611
+ color: #37C4EF; }
612
+
613
+ .n-form-group--success .n-form-group__label i {
614
+ color: #3ed786; }
615
+
616
+ .n-form-group--warning .n-form-group__label i {
617
+ color: #ffac2f; }
618
+
619
+ .n-form-group--danger .n-form-group__label i {
620
+ color: #fd2f51; }
621
+
622
+ .n-form-item__label label {
623
+ color: #6b6d70; }
624
+
625
+ .n-form-item__error {
626
+ color: #fd2f51; }
627
+
628
+ /**
629
+ * Button primary
630
+ */
631
+ .n-button--primary:not(.n-button--link) {
632
+ color: #ffffff;
633
+ background: #4e7bff;
634
+ border-color: #4e7bff; }
635
+
636
+ .n-button--primary:not(.n-button--link):hover {
637
+ background: #7a9bff;
638
+ border-color: #7a9bff; }
639
+
640
+ .n-button--primary:not(.n-button--link):focus {
641
+ background: #305ee4;
642
+ border-color: #305ee4; }
643
+
644
+ .n-button--primary:not(.n-button--link).n-disabled {
645
+ background: #4e7bff;
646
+ border-color: #4e7bff; }
647
+
648
+ .n-button--primary:not(.n-disabled).n-button--link {
649
+ color: #4e7bff; }
650
+
651
+ .n-button--primary:not(.n-disabled).n-button--link:hover {
652
+ color: #7a9bff; }
653
+
654
+ .n-button--primary:not(.n-disabled).n-button--link:focus {
655
+ color: #305ee4; }
656
+
657
+ /**
658
+ * Button primary
659
+ */
660
+ .n-button--secondary:not(.n-button--link) {
661
+ color: #ffffff;
662
+ background: #683bff;
663
+ border-color: #683bff; }
664
+
665
+ .n-button--secondary:not(.n-button--link):hover {
666
+ background: #8b69ff;
667
+ border-color: #8b69ff; }
668
+
669
+ .n-button--secondary:not(.n-button--link):focus {
670
+ background: #4d1fe4;
671
+ border-color: #4d1fe4; }
672
+
673
+ .n-button--secondary:not(.n-button--link).n-disabled {
674
+ background: #683bff;
675
+ border-color: #683bff; }
676
+
677
+ .n-button--secondary:not(.n-disabled).n-button--link {
678
+ color: #683bff; }
679
+
680
+ .n-button--secondary:not(.n-disabled).n-button--link:hover {
681
+ color: #8b69ff; }
682
+
683
+ .n-button--secondary:not(.n-disabled).n-button--link:focus {
684
+ color: #4d1fe4; }
685
+
686
+ /**
687
+ * Button primary
688
+ */
689
+ .n-button--info:not(.n-button--link) {
690
+ color: #ffffff;
691
+ background: #37C4EF;
692
+ border-color: #37C4EF; }
693
+
694
+ .n-button--info:not(.n-button--link):hover {
695
+ background: #63d1f3;
696
+ border-color: #63d1f3; }
697
+
698
+ .n-button--info:not(.n-button--link):focus {
699
+ background: #26a5cc;
700
+ border-color: #26a5cc; }
701
+
702
+ .n-button--info:not(.n-button--link).n-disabled {
703
+ background: #37C4EF;
704
+ border-color: #37C4EF; }
705
+
706
+ .n-button--info:not(.n-disabled).n-button--link {
707
+ color: #37C4EF; }
708
+
709
+ .n-button--info:not(.n-disabled).n-button--link:hover {
710
+ color: #63d1f3; }
711
+
712
+ .n-button--info:not(.n-disabled).n-button--link:focus {
713
+ color: #26a5cc; }
714
+
715
+ /**
716
+ * Button primary
717
+ */
718
+ .n-button--success:not(.n-button--link) {
719
+ color: #ffffff;
720
+ background: #3ed786;
721
+ border-color: #3ed786; }
722
+
723
+ .n-button--success:not(.n-button--link):hover {
724
+ background: #66df9f;
725
+ border-color: #66df9f; }
726
+
727
+ .n-button--success:not(.n-button--link):focus {
728
+ background: #33af6e;
729
+ border-color: #33af6e; }
730
+
731
+ .n-button--success:not(.n-button--link).n-disabled {
732
+ background: #3ed786;
733
+ border-color: #3ed786; }
734
+
735
+ .n-button--success:not(.n-disabled).n-button--link {
736
+ color: #3ed786; }
737
+
738
+ .n-button--success:not(.n-disabled).n-button--link:hover {
739
+ color: #66df9f; }
740
+
741
+ .n-button--success:not(.n-disabled).n-button--link:focus {
742
+ color: #33af6e; }
743
+
744
+ /**
745
+ * Button primary
746
+ */
747
+ .n-button--warning:not(.n-button--link) {
748
+ color: #ffffff;
749
+ background: #ffac2f;
750
+ border-color: #ffac2f; }
751
+
752
+ .n-button--warning:not(.n-button--link):hover {
753
+ background: #ffbe5e;
754
+ border-color: #ffbe5e; }
755
+
756
+ .n-button--warning:not(.n-button--link):focus {
757
+ background: #de901a;
758
+ border-color: #de901a; }
759
+
760
+ .n-button--warning:not(.n-button--link).n-disabled {
761
+ background: #ffac2f;
762
+ border-color: #ffac2f; }
763
+
764
+ .n-button--warning:not(.n-disabled).n-button--link {
765
+ color: #ffac2f; }
766
+
767
+ .n-button--warning:not(.n-disabled).n-button--link:hover {
768
+ color: #ffbe5e; }
769
+
770
+ .n-button--warning:not(.n-disabled).n-button--link:focus {
771
+ color: #de901a; }
772
+
773
+ /**
774
+ * Button primary
775
+ */
776
+ .n-button--danger:not(.n-button--link) {
777
+ color: #ffffff;
778
+ background: #fd2f51;
779
+ border-color: #fd2f51; }
780
+
781
+ .n-button--danger:not(.n-button--link):hover {
782
+ background: #fd5d77;
783
+ border-color: #fd5d77; }
784
+
785
+ .n-button--danger:not(.n-button--link):focus {
786
+ background: #dc1b3c;
787
+ border-color: #dc1b3c; }
788
+
789
+ .n-button--danger:not(.n-button--link).n-disabled {
790
+ background: #fd2f51;
791
+ border-color: #fd2f51; }
792
+
793
+ .n-button--danger:not(.n-disabled).n-button--link {
794
+ color: #fd2f51; }
795
+
796
+ .n-button--danger:not(.n-disabled).n-button--link:hover {
797
+ color: #fd5d77; }
798
+
799
+ .n-button--danger:not(.n-disabled).n-button--link:focus {
800
+ color: #dc1b3c; }
801
+
802
+ .n-input {
803
+ border: 1px solid #dadadb; }
804
+
805
+ .n-input.n-disabled input {
806
+ background: rgba(218, 218, 219, 0.3); }
807
+
808
+ .n-input .n-button--input {
809
+ color: #6b6d70; }
810
+
811
+ /**
812
+ * Button primary
813
+ */
814
+ .n-input--primary:not(.n-disabled):hover {
815
+ border-color: #4e7bff; }
816
+
817
+ .n-input--primary:not(.n-disabled).n-focus {
818
+ border-color: #7a9bff; }
819
+
820
+ .n-input--primary:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
821
+ color: #4e7bff; }
822
+
823
+ /**
824
+ * Button primary
825
+ */
826
+ .n-input--secondary:not(.n-disabled):hover {
827
+ border-color: #683bff; }
828
+
829
+ .n-input--secondary:not(.n-disabled).n-focus {
830
+ border-color: #8b69ff; }
831
+
832
+ .n-input--secondary:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
833
+ color: #683bff; }
834
+
835
+ /**
836
+ * Button primary
837
+ */
838
+ .n-input--info:not(.n-disabled):hover {
839
+ border-color: #37C4EF; }
840
+
841
+ .n-input--info:not(.n-disabled).n-focus {
842
+ border-color: #63d1f3; }
843
+
844
+ .n-input--info:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
845
+ color: #37C4EF; }
846
+
847
+ /**
848
+ * Button primary
849
+ */
850
+ .n-input--success:not(.n-disabled):hover {
851
+ border-color: #3ed786; }
852
+
853
+ .n-input--success:not(.n-disabled).n-focus {
854
+ border-color: #66df9f; }
855
+
856
+ .n-input--success:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
857
+ color: #3ed786; }
858
+
859
+ /**
860
+ * Button primary
861
+ */
862
+ .n-input--warning:not(.n-disabled):hover {
863
+ border-color: #ffac2f; }
864
+
865
+ .n-input--warning:not(.n-disabled).n-focus {
866
+ border-color: #ffbe5e; }
867
+
868
+ .n-input--warning:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
869
+ color: #ffac2f; }
870
+
871
+ /**
872
+ * Button primary
873
+ */
874
+ .n-input--danger:not(.n-disabled):hover {
875
+ border-color: #fd2f51; }
876
+
877
+ .n-input--danger:not(.n-disabled).n-focus {
878
+ border-color: #fd5d77; }
879
+
880
+ .n-input--danger:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
881
+ color: #fd2f51; }
882
+
883
+ .n-input-number {
884
+ border: 1px solid #dadadb; }
885
+
886
+ .n-input-number.n-disabled input {
887
+ background: rgba(218, 218, 219, 0.3); }
888
+
889
+ .n-input-number .n-button {
890
+ color: #6b6d70;
891
+ background: rgba(218, 218, 219, 0.5); }
892
+
893
+ .n-input-number__clear {
894
+ color: #6b6d70; }
895
+
896
+ .n-input-number__clear i {
897
+ background: rgba(218, 218, 219, 0.6); }
898
+
899
+ /**
900
+ * Button primary
901
+ */
902
+ .n-input-number--primary:not(.n-disabled):hover {
903
+ border-color: #4e7bff; }
904
+
905
+ .n-input-number--primary:not(.n-disabled).n-focus {
906
+ border-color: #7a9bff; }
907
+
908
+ .n-input-number--primary:not(.n-disabled) .n-button:hover {
909
+ color: #4e7bff; }
910
+
911
+ /**
912
+ * Button primary
913
+ */
914
+ .n-input-number--secondary:not(.n-disabled):hover {
915
+ border-color: #683bff; }
916
+
917
+ .n-input-number--secondary:not(.n-disabled).n-focus {
918
+ border-color: #8b69ff; }
919
+
920
+ .n-input-number--secondary:not(.n-disabled) .n-button:hover {
921
+ color: #683bff; }
922
+
923
+ /**
924
+ * Button primary
925
+ */
926
+ .n-input-number--info:not(.n-disabled):hover {
927
+ border-color: #37C4EF; }
928
+
929
+ .n-input-number--info:not(.n-disabled).n-focus {
930
+ border-color: #63d1f3; }
931
+
932
+ .n-input-number--info:not(.n-disabled) .n-button:hover {
933
+ color: #37C4EF; }
934
+
935
+ /**
936
+ * Button primary
937
+ */
938
+ .n-input-number--success:not(.n-disabled):hover {
939
+ border-color: #3ed786; }
940
+
941
+ .n-input-number--success:not(.n-disabled).n-focus {
942
+ border-color: #66df9f; }
943
+
944
+ .n-input-number--success:not(.n-disabled) .n-button:hover {
945
+ color: #3ed786; }
946
+
947
+ /**
948
+ * Button primary
949
+ */
950
+ .n-input-number--warning:not(.n-disabled):hover {
951
+ border-color: #ffac2f; }
952
+
953
+ .n-input-number--warning:not(.n-disabled).n-focus {
954
+ border-color: #ffbe5e; }
955
+
956
+ .n-input-number--warning:not(.n-disabled) .n-button:hover {
957
+ color: #ffac2f; }
958
+
959
+ /**
960
+ * Button primary
961
+ */
962
+ .n-input-number--danger:not(.n-disabled):hover {
963
+ border-color: #fd2f51; }
964
+
965
+ .n-input-number--danger:not(.n-disabled).n-focus {
966
+ border-color: #fd5d77; }
967
+
968
+ .n-input-number--danger:not(.n-disabled) .n-button:hover {
969
+ color: #fd2f51; }
970
+
971
+ .n-textarea textarea {
972
+ border: 1px solid #dadadb; }
973
+
974
+ .n-textarea.n-disabled textarea {
975
+ background: rgba(218, 218, 219, 0.3); }
976
+
977
+ /**
978
+ * Button primary
979
+ */
980
+ .n-textarea--primary:not(.n-disabled):hover textarea {
981
+ border-color: #4e7bff; }
982
+
983
+ .n-textarea--primary:not(.n-disabled) textarea:focus {
984
+ border-color: #7a9bff; }
985
+
986
+ /**
987
+ * Button primary
988
+ */
989
+ .n-textarea--secondary:not(.n-disabled):hover textarea {
990
+ border-color: #683bff; }
991
+
992
+ .n-textarea--secondary:not(.n-disabled) textarea:focus {
993
+ border-color: #8b69ff; }
994
+
995
+ /**
996
+ * Button primary
997
+ */
998
+ .n-textarea--info:not(.n-disabled):hover textarea {
999
+ border-color: #37C4EF; }
1000
+
1001
+ .n-textarea--info:not(.n-disabled) textarea:focus {
1002
+ border-color: #63d1f3; }
1003
+
1004
+ /**
1005
+ * Button primary
1006
+ */
1007
+ .n-textarea--success:not(.n-disabled):hover textarea {
1008
+ border-color: #3ed786; }
1009
+
1010
+ .n-textarea--success:not(.n-disabled) textarea:focus {
1011
+ border-color: #66df9f; }
1012
+
1013
+ /**
1014
+ * Button primary
1015
+ */
1016
+ .n-textarea--warning:not(.n-disabled):hover textarea {
1017
+ border-color: #ffac2f; }
1018
+
1019
+ .n-textarea--warning:not(.n-disabled) textarea:focus {
1020
+ border-color: #ffbe5e; }
1021
+
1022
+ /**
1023
+ * Button primary
1024
+ */
1025
+ .n-textarea--danger:not(.n-disabled):hover textarea {
1026
+ border-color: #fd2f51; }
1027
+
1028
+ .n-textarea--danger:not(.n-disabled) textarea:focus {
1029
+ border-color: #fd5d77; }
1030
+
1031
+ .n-switch__switch {
1032
+ background: #e6e7e7;
1033
+ border: 1px solid #dadadb; }
1034
+
1035
+ .n-switch__switch span {
1036
+ background: #ffffff;
1037
+ box-shadow: 0 1px 2px rgba(23, 33, 64, 0.15); }
1038
+
1039
+ .n-switch--primary:not(.n-disabled) .n-switch__switch {
1040
+ background: #4e7bff;
1041
+ border-color: #305ee4; }
1042
+
1043
+ .n-switch--primary:not(.n-disabled) .n-switch__label {
1044
+ color: #4e7bff; }
1045
+
1046
+ .n-switch--secondary:not(.n-disabled) .n-switch__switch {
1047
+ background: #683bff;
1048
+ border-color: #4d1fe4; }
1049
+
1050
+ .n-switch--secondary:not(.n-disabled) .n-switch__label {
1051
+ color: #683bff; }
1052
+
1053
+ .n-switch--info:not(.n-disabled) .n-switch__switch {
1054
+ background: #37C4EF;
1055
+ border-color: #26a5cc; }
1056
+
1057
+ .n-switch--info:not(.n-disabled) .n-switch__label {
1058
+ color: #37C4EF; }
1059
+
1060
+ .n-switch--success:not(.n-disabled) .n-switch__switch {
1061
+ background: #3ed786;
1062
+ border-color: #33af6e; }
1063
+
1064
+ .n-switch--success:not(.n-disabled) .n-switch__label {
1065
+ color: #3ed786; }
1066
+
1067
+ .n-switch--warning:not(.n-disabled) .n-switch__switch {
1068
+ background: #ffac2f;
1069
+ border-color: #de901a; }
1070
+
1071
+ .n-switch--warning:not(.n-disabled) .n-switch__label {
1072
+ color: #ffac2f; }
1073
+
1074
+ .n-switch--danger:not(.n-disabled) .n-switch__switch {
1075
+ background: #fd2f51;
1076
+ border-color: #dc1b3c; }
1077
+
1078
+ .n-switch--danger:not(.n-disabled) .n-switch__label {
1079
+ color: #fd2f51; }
1080
+
1081
+ .n-checkbox__checkbox {
1082
+ color: #090b10;
1083
+ background: #ffffff;
1084
+ border: 1px solid #dadadb; }
1085
+
1086
+ .n-checkbox.n-disabled .n-checkbox__checkbox {
1087
+ background: rgba(218, 218, 219, 0.3); }
1088
+
1089
+ /**
1090
+ * Button primary
1091
+ */
1092
+ .n-checkbox--primary:not(.n-disabled):hover .n-checkbox__checkbox {
1093
+ border-color: #4e7bff; }
1094
+
1095
+ .n-checkbox--primary.n-checked:not(.n-disabled) .n-checkbox__checkbox,
1096
+ .n-checkbox--primary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
1097
+ color: #ffffff;
1098
+ background: #4e7bff;
1099
+ border-color: #4e7bff; }
1100
+
1101
+ .n-checkbox--primary.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
1102
+ .n-checkbox--primary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
1103
+ background: #7a9bff;
1104
+ border-color: #7a9bff; }
1105
+
1106
+ .n-checkbox--primary.n-checked:not(.n-disabled) .n-checkbox__label {
1107
+ color: #4e7bff; }
1108
+
1109
+ /**
1110
+ * Button primary
1111
+ */
1112
+ .n-checkbox--secondary:not(.n-disabled):hover .n-checkbox__checkbox {
1113
+ border-color: #683bff; }
1114
+
1115
+ .n-checkbox--secondary.n-checked:not(.n-disabled) .n-checkbox__checkbox,
1116
+ .n-checkbox--secondary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
1117
+ color: #ffffff;
1118
+ background: #683bff;
1119
+ border-color: #683bff; }
1120
+
1121
+ .n-checkbox--secondary.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
1122
+ .n-checkbox--secondary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
1123
+ background: #8b69ff;
1124
+ border-color: #8b69ff; }
1125
+
1126
+ .n-checkbox--secondary.n-checked:not(.n-disabled) .n-checkbox__label {
1127
+ color: #683bff; }
1128
+
1129
+ /**
1130
+ * Button primary
1131
+ */
1132
+ .n-checkbox--info:not(.n-disabled):hover .n-checkbox__checkbox {
1133
+ border-color: #37C4EF; }
1134
+
1135
+ .n-checkbox--info.n-checked:not(.n-disabled) .n-checkbox__checkbox,
1136
+ .n-checkbox--info.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
1137
+ color: #ffffff;
1138
+ background: #37C4EF;
1139
+ border-color: #37C4EF; }
1140
+
1141
+ .n-checkbox--info.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
1142
+ .n-checkbox--info.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
1143
+ background: #63d1f3;
1144
+ border-color: #63d1f3; }
1145
+
1146
+ .n-checkbox--info.n-checked:not(.n-disabled) .n-checkbox__label {
1147
+ color: #37C4EF; }
1148
+
1149
+ /**
1150
+ * Button primary
1151
+ */
1152
+ .n-checkbox--success:not(.n-disabled):hover .n-checkbox__checkbox {
1153
+ border-color: #3ed786; }
1154
+
1155
+ .n-checkbox--success.n-checked:not(.n-disabled) .n-checkbox__checkbox,
1156
+ .n-checkbox--success.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
1157
+ color: #ffffff;
1158
+ background: #3ed786;
1159
+ border-color: #3ed786; }
1160
+
1161
+ .n-checkbox--success.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
1162
+ .n-checkbox--success.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
1163
+ background: #66df9f;
1164
+ border-color: #66df9f; }
1165
+
1166
+ .n-checkbox--success.n-checked:not(.n-disabled) .n-checkbox__label {
1167
+ color: #3ed786; }
1168
+
1169
+ /**
1170
+ * Button primary
1171
+ */
1172
+ .n-checkbox--warning:not(.n-disabled):hover .n-checkbox__checkbox {
1173
+ border-color: #ffac2f; }
1174
+
1175
+ .n-checkbox--warning.n-checked:not(.n-disabled) .n-checkbox__checkbox,
1176
+ .n-checkbox--warning.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
1177
+ color: #ffffff;
1178
+ background: #ffac2f;
1179
+ border-color: #ffac2f; }
1180
+
1181
+ .n-checkbox--warning.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
1182
+ .n-checkbox--warning.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
1183
+ background: #ffbe5e;
1184
+ border-color: #ffbe5e; }
1185
+
1186
+ .n-checkbox--warning.n-checked:not(.n-disabled) .n-checkbox__label {
1187
+ color: #ffac2f; }
1188
+
1189
+ /**
1190
+ * Button primary
1191
+ */
1192
+ .n-checkbox--danger:not(.n-disabled):hover .n-checkbox__checkbox {
1193
+ border-color: #fd2f51; }
1194
+
1195
+ .n-checkbox--danger.n-checked:not(.n-disabled) .n-checkbox__checkbox,
1196
+ .n-checkbox--danger.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
1197
+ color: #ffffff;
1198
+ background: #fd2f51;
1199
+ border-color: #fd2f51; }
1200
+
1201
+ .n-checkbox--danger.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
1202
+ .n-checkbox--danger.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
1203
+ background: #fd5d77;
1204
+ border-color: #fd5d77; }
1205
+
1206
+ .n-checkbox--danger.n-checked:not(.n-disabled) .n-checkbox__label {
1207
+ color: #fd2f51; }
1208
+
1209
+ .n-radio__radio {
1210
+ color: #090b10;
1211
+ border: 1px solid #dadadb; }
1212
+
1213
+ .n-radio.n-disabled .n-radio__radio {
1214
+ background: rgba(218, 218, 219, 0.3); }
1215
+
1216
+ .n-radio__radio span {
1217
+ background: #090b10; }
1218
+
1219
+ .n-radio--primary:not(.n-disabled):hover .n-radio__radio {
1220
+ border-color: #4e7bff; }
1221
+
1222
+ .n-radio--primary.n-checked:not(.n-disabled) .n-radio__radio {
1223
+ background: #4e7bff;
1224
+ border-color: #4e7bff; }
1225
+
1226
+ .n-radio--primary.n-checked:not(.n-disabled) .n-radio__radio span {
1227
+ background: #ffffff; }
1228
+
1229
+ .n-radio--primary.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
1230
+ background: #7a9bff;
1231
+ border-color: #7a9bff; }
1232
+
1233
+ .n-radio--primary.n-checked:not(.n-disabled) .n-radio__label {
1234
+ color: #4e7bff; }
1235
+
1236
+ .n-radio--secondary:not(.n-disabled):hover .n-radio__radio {
1237
+ border-color: #683bff; }
1238
+
1239
+ .n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio {
1240
+ background: #683bff;
1241
+ border-color: #683bff; }
1242
+
1243
+ .n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio span {
1244
+ background: #ffffff; }
1245
+
1246
+ .n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
1247
+ background: #8b69ff;
1248
+ border-color: #8b69ff; }
1249
+
1250
+ .n-radio--secondary.n-checked:not(.n-disabled) .n-radio__label {
1251
+ color: #683bff; }
1252
+
1253
+ .n-radio--info:not(.n-disabled):hover .n-radio__radio {
1254
+ border-color: #37C4EF; }
1255
+
1256
+ .n-radio--info.n-checked:not(.n-disabled) .n-radio__radio {
1257
+ background: #37C4EF;
1258
+ border-color: #37C4EF; }
1259
+
1260
+ .n-radio--info.n-checked:not(.n-disabled) .n-radio__radio span {
1261
+ background: #ffffff; }
1262
+
1263
+ .n-radio--info.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
1264
+ background: #63d1f3;
1265
+ border-color: #63d1f3; }
1266
+
1267
+ .n-radio--info.n-checked:not(.n-disabled) .n-radio__label {
1268
+ color: #37C4EF; }
1269
+
1270
+ .n-radio--success:not(.n-disabled):hover .n-radio__radio {
1271
+ border-color: #3ed786; }
1272
+
1273
+ .n-radio--success.n-checked:not(.n-disabled) .n-radio__radio {
1274
+ background: #3ed786;
1275
+ border-color: #3ed786; }
1276
+
1277
+ .n-radio--success.n-checked:not(.n-disabled) .n-radio__radio span {
1278
+ background: #ffffff; }
1279
+
1280
+ .n-radio--success.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
1281
+ background: #66df9f;
1282
+ border-color: #66df9f; }
1283
+
1284
+ .n-radio--success.n-checked:not(.n-disabled) .n-radio__label {
1285
+ color: #3ed786; }
1286
+
1287
+ .n-radio--warning:not(.n-disabled):hover .n-radio__radio {
1288
+ border-color: #ffac2f; }
1289
+
1290
+ .n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio {
1291
+ background: #ffac2f;
1292
+ border-color: #ffac2f; }
1293
+
1294
+ .n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio span {
1295
+ background: #ffffff; }
1296
+
1297
+ .n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
1298
+ background: #ffbe5e;
1299
+ border-color: #ffbe5e; }
1300
+
1301
+ .n-radio--warning.n-checked:not(.n-disabled) .n-radio__label {
1302
+ color: #ffac2f; }
1303
+
1304
+ .n-radio--danger:not(.n-disabled):hover .n-radio__radio {
1305
+ border-color: #fd2f51; }
1306
+
1307
+ .n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio {
1308
+ background: #fd2f51;
1309
+ border-color: #fd2f51; }
1310
+
1311
+ .n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio span {
1312
+ background: #ffffff; }
1313
+
1314
+ .n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
1315
+ background: #fd5d77;
1316
+ border-color: #fd5d77; }
1317
+
1318
+ .n-radio--danger.n-checked:not(.n-disabled) .n-radio__label {
1319
+ color: #fd2f51; }
1320
+
1321
+ .n-select {
1322
+ border: 1px solid #dadadb; }
1323
+
1324
+ .n-select.n-disabled {
1325
+ background: rgba(218, 218, 219, 0.3); }
1326
+
1327
+ .n-select__clear,
1328
+ .n-select__angle {
1329
+ color: #6b6d70; }
1330
+
1331
+ .n-select__clear i {
1332
+ background: rgba(218, 218, 219, 0.6); }
1333
+
1334
+ .n-select__body,
1335
+ .n-select__empty {
1336
+ background: #ffffff;
1337
+ box-shadow: 0 1px 3px 1px rgba(23, 33, 64, 0.15); }
1338
+
1339
+ .n-select__empty {
1340
+ color: #6b6d70; }
1341
+
1342
+ .n-select--primary:not(.n-disabled):hover,
1343
+ .n-select--primary:not(.n-disabled).n-focus {
1344
+ border-color: #4e7bff; }
1345
+
1346
+ .n-select--primary .n-select__item {
1347
+ color: #ffffff;
1348
+ background: #4e7bff; }
1349
+
1350
+ .n-select--secondary:not(.n-disabled):hover,
1351
+ .n-select--secondary:not(.n-disabled).n-focus {
1352
+ border-color: #683bff; }
1353
+
1354
+ .n-select--secondary .n-select__item {
1355
+ color: #ffffff;
1356
+ background: #683bff; }
1357
+
1358
+ .n-select--info:not(.n-disabled):hover,
1359
+ .n-select--info:not(.n-disabled).n-focus {
1360
+ border-color: #37C4EF; }
1361
+
1362
+ .n-select--info .n-select__item {
1363
+ color: #ffffff;
1364
+ background: #37C4EF; }
1365
+
1366
+ .n-select--success:not(.n-disabled):hover,
1367
+ .n-select--success:not(.n-disabled).n-focus {
1368
+ border-color: #3ed786; }
1369
+
1370
+ .n-select--success .n-select__item {
1371
+ color: #ffffff;
1372
+ background: #3ed786; }
1373
+
1374
+ .n-select--warning:not(.n-disabled):hover,
1375
+ .n-select--warning:not(.n-disabled).n-focus {
1376
+ border-color: #ffac2f; }
1377
+
1378
+ .n-select--warning .n-select__item {
1379
+ color: #ffffff;
1380
+ background: #ffac2f; }
1381
+
1382
+ .n-select--danger:not(.n-disabled):hover,
1383
+ .n-select--danger:not(.n-disabled).n-focus {
1384
+ border-color: #fd2f51; }
1385
+
1386
+ .n-select--danger .n-select__item {
1387
+ color: #ffffff;
1388
+ background: #fd2f51; }
1389
+
1390
+ .n-cascader-panel {
1391
+ border: 1px solid #dadadb; }
1392
+
1393
+ .n-cascader-panel .n-popover-option:not(.n-active) i {
1394
+ color: #9d9d9f; }
1395
+
1396
+ .n-cascader-panel__items:not(:last-child) {
1397
+ border-right: 1px solid #dadadb; }
1398
+
1399
+ .n-cascader {
1400
+ border: 1px solid #dadadb; }
1401
+
1402
+ .n-cascader.n-disabled {
1403
+ background: rgba(218, 218, 219, 0.3); }
1404
+
1405
+ .n-cascader__clear,
1406
+ .n-cascader__angle {
1407
+ color: #6b6d70; }
1408
+
1409
+ .n-cascader__clear i {
1410
+ background: rgba(218, 218, 219, 0.6); }
1411
+
1412
+ .n-cascader__placeholder {
1413
+ color: rgba(9, 11, 16, 0.5); }
1414
+
1415
+ .n-cascader__body,
1416
+ .n-cascader__empty {
1417
+ background: #ffffff;
1418
+ box-shadow: 0 1px 3px 1px rgba(23, 33, 64, 0.15); }
1419
+
1420
+ .n-cascader__empty {
1421
+ color: #6b6d70; }
1422
+
1423
+ .n-cascader--primary:not(.n-disabled):hover,
1424
+ .n-cascader--primary:not(.n-disabled).n-focus {
1425
+ border-color: #4e7bff; }
1426
+
1427
+ .n-cascader--secondary:not(.n-disabled):hover,
1428
+ .n-cascader--secondary:not(.n-disabled).n-focus {
1429
+ border-color: #683bff; }
1430
+
1431
+ .n-cascader--info:not(.n-disabled):hover,
1432
+ .n-cascader--info:not(.n-disabled).n-focus {
1433
+ border-color: #37C4EF; }
1434
+
1435
+ .n-cascader--success:not(.n-disabled):hover,
1436
+ .n-cascader--success:not(.n-disabled).n-focus {
1437
+ border-color: #3ed786; }
1438
+
1439
+ .n-cascader--warning:not(.n-disabled):hover,
1440
+ .n-cascader--warning:not(.n-disabled).n-focus {
1441
+ border-color: #ffac2f; }
1442
+
1443
+ .n-cascader--danger:not(.n-disabled):hover,
1444
+ .n-cascader--danger:not(.n-disabled).n-focus {
1445
+ border-color: #fd2f51; }
1446
+
1447
+ .n-datepicker-panel {
1448
+ border: 1px solid #e6e7e7; }
1449
+
1450
+ .n-datepicker-panel__header {
1451
+ border-bottom: 1px solid #e6e7e7; }
1452
+
1453
+ .n-datepicker-panel__footer {
1454
+ border-top: 1px solid #e6e7e7; }
1455
+
1456
+ .n-datepicker-panel__display .n-datepicker-panel__month:hover,
1457
+ .n-datepicker-panel__display .n-datepicker-panel__year:hover {
1458
+ background: rgba(218, 218, 219, 0.6); }
1459
+
1460
+ .n-datepicker-panel__dateview .n-datepicker-panel__day.n-arrive:not(.n-selected),
1461
+ .n-datepicker-panel__dateview .n-datepicker-panel__day.n-depart:not(.n-selected),
1462
+ .n-datepicker-panel__dateview .n-datepicker-panel__day.n-between:not(.n-selected) {
1463
+ background: rgba(218, 218, 219, 0.6); }
1464
+
1465
+ .n-datepicker-panel__body .n-datepicker-panel__day:not(.n-current) {
1466
+ color: #9d9d9f; }
1467
+
1468
+ .n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
1469
+ .n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
1470
+ .n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
1471
+ color: #ffffff;
1472
+ background: #4e7bff; }
1473
+
1474
+ .n-datepicker-panel--secondary .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
1475
+ .n-datepicker-panel--secondary .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
1476
+ .n-datepicker-panel--secondary .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
1477
+ color: #ffffff;
1478
+ background: #683bff; }
1479
+
1480
+ .n-datepicker-panel--info .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
1481
+ .n-datepicker-panel--info .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
1482
+ .n-datepicker-panel--info .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
1483
+ color: #ffffff;
1484
+ background: #37C4EF; }
1485
+
1486
+ .n-datepicker-panel--success .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
1487
+ .n-datepicker-panel--success .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
1488
+ .n-datepicker-panel--success .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
1489
+ color: #ffffff;
1490
+ background: #3ed786; }
1491
+
1492
+ .n-datepicker-panel--warning .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
1493
+ .n-datepicker-panel--warning .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
1494
+ .n-datepicker-panel--warning .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
1495
+ color: #ffffff;
1496
+ background: #ffac2f; }
1497
+
1498
+ .n-datepicker-panel--danger .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
1499
+ .n-datepicker-panel--danger .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
1500
+ .n-datepicker-panel--danger .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
1501
+ color: #ffffff;
1502
+ background: #fd2f51; }
1503
+
1504
+ .n-datepicker {
1505
+ border: 1px solid #dadadb; }
1506
+
1507
+ .n-datepicker.n-disabled {
1508
+ background: rgba(218, 218, 219, 0.3); }
1509
+
1510
+ .n-datepicker__seperator {
1511
+ color: #6b6d70; }
1512
+
1513
+ .n-datepicker__clear,
1514
+ .n-datepicker__angle {
1515
+ color: #6b6d70; }
1516
+
1517
+ .n-datepicker__clear i {
1518
+ background: rgba(218, 218, 219, 0.6); }
1519
+
1520
+ .n-datepicker__placeholder {
1521
+ color: rgba(9, 11, 16, 0.5); }
1522
+
1523
+ .n-datepicker__body,
1524
+ .n-datepicker__empty {
1525
+ background: #ffffff;
1526
+ box-shadow: 0 1px 3px 1px rgba(23, 33, 64, 0.15); }
1527
+
1528
+ .n-datepicker__empty {
1529
+ color: #6b6d70; }
1530
+
1531
+ .n-datepicker--primary:not(.n-disabled):hover,
1532
+ .n-datepicker--primary:not(.n-disabled).n-focus {
1533
+ border-color: #4e7bff; }
1534
+
1535
+ .n-datepicker--secondary:not(.n-disabled):hover,
1536
+ .n-datepicker--secondary:not(.n-disabled).n-focus {
1537
+ border-color: #683bff; }
1538
+
1539
+ .n-datepicker--info:not(.n-disabled):hover,
1540
+ .n-datepicker--info:not(.n-disabled).n-focus {
1541
+ border-color: #37C4EF; }
1542
+
1543
+ .n-datepicker--success:not(.n-disabled):hover,
1544
+ .n-datepicker--success:not(.n-disabled).n-focus {
1545
+ border-color: #3ed786; }
1546
+
1547
+ .n-datepicker--warning:not(.n-disabled):hover,
1548
+ .n-datepicker--warning:not(.n-disabled).n-focus {
1549
+ border-color: #ffac2f; }
1550
+
1551
+ .n-datepicker--danger:not(.n-disabled):hover,
1552
+ .n-datepicker--danger:not(.n-disabled).n-focus {
1553
+ border-color: #fd2f51; }
1554
+
1555
+ .n-timepicker-panel {
1556
+ border: 1px solid #e6e7e7; }
1557
+
1558
+ .n-timepicker-panel__header {
1559
+ border-bottom: 1px solid #e6e7e7; }
1560
+
1561
+ .n-timepicker-panel__panel:not(:last-child) {
1562
+ border-right: 1px solid #e6e7e7; }
1563
+
1564
+ .n-timepicker-panel--primary .n-timepicker-panel__item.n-selected {
1565
+ color: #ffffff;
1566
+ background: #4e7bff; }
1567
+
1568
+ .n-timepicker-panel--secondary .n-timepicker-panel__item.n-selected {
1569
+ color: #ffffff;
1570
+ background: #683bff; }
1571
+
1572
+ .n-timepicker-panel--info .n-timepicker-panel__item.n-selected {
1573
+ color: #ffffff;
1574
+ background: #37C4EF; }
1575
+
1576
+ .n-timepicker-panel--success .n-timepicker-panel__item.n-selected {
1577
+ color: #ffffff;
1578
+ background: #3ed786; }
1579
+
1580
+ .n-timepicker-panel--warning .n-timepicker-panel__item.n-selected {
1581
+ color: #ffffff;
1582
+ background: #ffac2f; }
1583
+
1584
+ .n-timepicker-panel--danger .n-timepicker-panel__item.n-selected {
1585
+ color: #ffffff;
1586
+ background: #fd2f51; }
1587
+
1588
+ .n-timepicker {
1589
+ border: 1px solid #dadadb; }
1590
+
1591
+ .n-timepicker.n-disabled {
1592
+ background: rgba(218, 218, 219, 0.3); }
1593
+
1594
+ .n-timepicker__seperator {
1595
+ color: #6b6d70; }
1596
+
1597
+ .n-timepicker__clear,
1598
+ .n-timepicker__angle {
1599
+ color: #6b6d70; }
1600
+
1601
+ .n-timepicker__clear i {
1602
+ background: rgba(218, 218, 219, 0.6); }
1603
+
1604
+ .n-timepicker__placeholder {
1605
+ color: rgba(9, 11, 16, 0.5); }
1606
+
1607
+ .n-timepicker__body,
1608
+ .n-timepicker__empty {
1609
+ background: #ffffff;
1610
+ box-shadow: 0 1px 3px 1px rgba(23, 33, 64, 0.15); }
1611
+
1612
+ .n-timepicker__empty {
1613
+ color: #6b6d70; }
1614
+
1615
+ .n-timepicker--primary:not(.n-disabled):hover,
1616
+ .n-timepicker--primary:not(.n-disabled).n-focus {
1617
+ border-color: #4e7bff; }
1618
+
1619
+ .n-timepicker--secondary:not(.n-disabled):hover,
1620
+ .n-timepicker--secondary:not(.n-disabled).n-focus {
1621
+ border-color: #683bff; }
1622
+
1623
+ .n-timepicker--info:not(.n-disabled):hover,
1624
+ .n-timepicker--info:not(.n-disabled).n-focus {
1625
+ border-color: #37C4EF; }
1626
+
1627
+ .n-timepicker--success:not(.n-disabled):hover,
1628
+ .n-timepicker--success:not(.n-disabled).n-focus {
1629
+ border-color: #3ed786; }
1630
+
1631
+ .n-timepicker--warning:not(.n-disabled):hover,
1632
+ .n-timepicker--warning:not(.n-disabled).n-focus {
1633
+ border-color: #ffac2f; }
1634
+
1635
+ .n-timepicker--danger:not(.n-disabled):hover,
1636
+ .n-timepicker--danger:not(.n-disabled).n-focus {
1637
+ border-color: #fd2f51; }
1638
+
1639
+ .n-transfer__panel {
1640
+ border: 1px solid #dadadb; }
1641
+
1642
+ .n-transfer__header {
1643
+ border-bottom: 1px solid #dadadb; }
1644
+
1645
+ .n-transfer__search {
1646
+ border-bottom: 1px solid #dadadb; }
1647
+
1648
+ .n-transfer__item-count {
1649
+ color: #6b6d70; }
1650
+
1651
+ .n-popover__frame {
1652
+ box-shadow: 0 1px 3px 1px rgba(23, 33, 64, 0.15); }
1653
+
1654
+ .n-popover-group,
1655
+ .n-popover-option {
1656
+ color: #090b10; }
1657
+
1658
+ .n-popover-group {
1659
+ color: #090b10; }
1660
+
1661
+ .n-popover-option:not(.n-disabled).n-hover,
1662
+ .n-popover-option:not(.n-disabled):hover {
1663
+ background: rgba(132, 133, 136, 0.07); }
1664
+
1665
+ .n-popover-option:not(.n-disabled).n-focus,
1666
+ .n-popover-option:not(.n-disabled).n-focus:hover {
1667
+ background: rgba(132, 133, 136, 0.14); }
1668
+
1669
+ .n-popover-option .n-image {
1670
+ color: #6b6d70; }
1671
+
1672
+ .n-popover-option .n-icon {
1673
+ color: #6b6d70; }
1674
+
1675
+ .n-popover--default .n-popover__frame {
1676
+ color: #090b10;
1677
+ background: #ffffff; }
1678
+
1679
+ .n-popover--default .n-popover__header {
1680
+ border-bottom: 1px solid #e6e7e7;
1681
+ background: #ffffff; }
1682
+
1683
+ .n-popover--default .n-popover__footer {
1684
+ border-top: 1px solid #e6e7e7;
1685
+ background: #ffffff; }
1686
+
1687
+ .n-popover--default .n-popover-option {
1688
+ color: #090b10; }
1689
+
1690
+ .n-popover--negative .n-popover__frame {
1691
+ color: #ffffff;
1692
+ background: #090b10; }
1693
+
1694
+ .n-popover--negative .n-popover__header {
1695
+ border-bottom: 1px solid #15171c;
1696
+ background: #090b10; }
1697
+
1698
+ .n-popover--negative .n-popover__footer {
1699
+ border-top: 1px solid #15171c;
1700
+ background: #090b10; }
1701
+
1702
+ .n-popover--negative .n-popover-option {
1703
+ color: #ffffff; }
1704
+
1705
+ .n-popover-option--primary.n-active,
1706
+ .n-popover-option--primary .n-icon {
1707
+ color: #4e7bff; }
1708
+
1709
+ .n-popover-option--secondary.n-active,
1710
+ .n-popover-option--secondary .n-icon {
1711
+ color: #683bff; }
1712
+
1713
+ .n-popover-option--info.n-active,
1714
+ .n-popover-option--info .n-icon {
1715
+ color: #37C4EF; }
1716
+
1717
+ .n-popover-option--success.n-active,
1718
+ .n-popover-option--success .n-icon {
1719
+ color: #3ed786; }
1720
+
1721
+ .n-popover-option--warning.n-active,
1722
+ .n-popover-option--warning .n-icon {
1723
+ color: #ffac2f; }
1724
+
1725
+ .n-popover-option--danger.n-active,
1726
+ .n-popover-option--danger .n-icon {
1727
+ color: #fd2f51; }
1728
+
1729
+ .n-popover--tooltip .n-popover__frame {
1730
+ color: #ffffff;
1731
+ background: rgba(9, 11, 16, 0.9); }
1732
+
1733
+ .n-popover--tooltip .n-popover__body {
1734
+ padding: 3px 8px; }
1735
+
1736
+ .n-modal__backdrop {
1737
+ background: rgba(9, 11, 16, 0.6); }
1738
+
1739
+ .n-modal__frame {
1740
+ box-shadow: 0 1px 5px 1px rgba(23, 33, 64, 0.2); }
1741
+
1742
+ .n-modal--default .n-modal__frame {
1743
+ color: #090b10;
1744
+ background: #ffffff; }
1745
+
1746
+ .n-modal--default .n-modal__header {
1747
+ border-bottom: 1px solid #e6e7e7;
1748
+ background: #ffffff; }
1749
+
1750
+ .n-modal--default .n-modal__footer {
1751
+ border-top: 1px solid #e6e7e7;
1752
+ background: #ffffff; }
1753
+
1754
+ .n-modal--preview .n-modal__frame {
1755
+ color: #ffffff;
1756
+ background: #090b10; }
1757
+
1758
+ .n-modal--preview .n-modal__header {
1759
+ border-bottom: 1px solid #15171c;
1760
+ background: #090b10; }
1761
+
1762
+ .n-modal--preview .n-modal__footer {
1763
+ border-top: 1px solid #15171c;
1764
+ background: #090b10; }
1765
+
1766
+ .n-confirm--primary .n-confirm__icon {
1767
+ color: #4e7bff; }
1768
+
1769
+ .n-confirm--secondary .n-confirm__icon {
1770
+ color: #683bff; }
1771
+
1772
+ .n-confirm--info .n-confirm__icon {
1773
+ color: #37C4EF; }
1774
+
1775
+ .n-confirm--success .n-confirm__icon {
1776
+ color: #3ed786; }
1777
+
1778
+ .n-confirm--warning .n-confirm__icon {
1779
+ color: #ffac2f; }
1780
+
1781
+ .n-confirm--danger .n-confirm__icon {
1782
+ color: #fd2f51; }
1783
+
1784
+ .n-table {
1785
+ border: 1px solid #dadadb; }
1786
+
1787
+ .n-table .n-draglist-item {
1788
+ border-bottom: 1px solid #e6e7e7; }
1789
+
1790
+ .n-table .n-table__header {
1791
+ border-bottom: 1px solid #dadadb;
1792
+ box-shadow: 0 0 3px rgba(23, 33, 64, 0.1); }
1793
+
1794
+ .n-table__header .n-table-column {
1795
+ border-left: 1px solid #e6e7e7;
1796
+ border-right: 1px solid #e6e7e7; }
1797
+
1798
+ .n-table-column.n-filtered .n-table-column__label {
1799
+ color: #4e7bff; }
1800
+
1801
+ .n-table-column .n-table-column__sort > i:before {
1802
+ border-top-color: rgba(132, 133, 136, 0.5); }
1803
+
1804
+ .n-table-column.n-sorted.n-desc .n-table-column__sort > i:before {
1805
+ border-top-color: #4e7bff; }
1806
+
1807
+ .n-table-column .n-table-column__sort > i:after {
1808
+ border-bottom-color: rgba(132, 133, 136, 0.5); }
1809
+
1810
+ .n-table-column.n-sorted.n-asc .n-table-column__sort > i:after {
1811
+ border-bottom-color: #4e7bff; }
1812
+
1813
+ .n-table .n-table-column .n-table-column__filter > i {
1814
+ color: #6b6d70;
1815
+ background: #e6e7e7; }
1816
+
1817
+ .n-table-cell.n-changed:before {
1818
+ content: '\00a0';
1819
+ position: absolute;
1820
+ top: -3px;
1821
+ left: -3px;
1822
+ display: block;
1823
+ width: 0;
1824
+ height: 0;
1825
+ border: 3px solid transparent;
1826
+ border-bottom-color: #fd2f51;
1827
+ transform: rotate(-45deg); }
1828
+
1829
+ .n-table-cell--image > div {
1830
+ background-color: #f3f3f3; }
1831
+
1832
+ .n-table-cell--checkbox i {
1833
+ background: #ffffff;
1834
+ border: 1px solid #dadadb; }
1835
+
1836
+ .n-table-cell--checkbox.n-disabled i {
1837
+ background: rgba(218, 218, 219, 0.3); }
1838
+
1839
+ .n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
1840
+ .n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
1841
+ color: #ffffff;
1842
+ background: #4e7bff;
1843
+ border-color: #4e7bff; }
1844
+
1845
+ .n-draglist--primary .n-table-cell--checkbox:not(.n-disabled):hover i {
1846
+ border-color: #7a9bff; }
1847
+
1848
+ .n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
1849
+ background: #7a9bff; }
1850
+
1851
+ .n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
1852
+ .n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
1853
+ color: #ffffff;
1854
+ background: #683bff;
1855
+ border-color: #683bff; }
1856
+
1857
+ .n-draglist--secondary .n-table-cell--checkbox:not(.n-disabled):hover i {
1858
+ border-color: #8b69ff; }
1859
+
1860
+ .n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
1861
+ background: #8b69ff; }
1862
+
1863
+ .n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
1864
+ .n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
1865
+ color: #ffffff;
1866
+ background: #37C4EF;
1867
+ border-color: #37C4EF; }
1868
+
1869
+ .n-draglist--info .n-table-cell--checkbox:not(.n-disabled):hover i {
1870
+ border-color: #63d1f3; }
1871
+
1872
+ .n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
1873
+ background: #63d1f3; }
1874
+
1875
+ .n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
1876
+ .n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
1877
+ color: #ffffff;
1878
+ background: #3ed786;
1879
+ border-color: #3ed786; }
1880
+
1881
+ .n-draglist--success .n-table-cell--checkbox:not(.n-disabled):hover i {
1882
+ border-color: #66df9f; }
1883
+
1884
+ .n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
1885
+ background: #66df9f; }
1886
+
1887
+ .n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
1888
+ .n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
1889
+ color: #ffffff;
1890
+ background: #ffac2f;
1891
+ border-color: #ffac2f; }
1892
+
1893
+ .n-draglist--warning .n-table-cell--checkbox:not(.n-disabled):hover i {
1894
+ border-color: #ffbe5e; }
1895
+
1896
+ .n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
1897
+ background: #ffbe5e; }
1898
+
1899
+ .n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
1900
+ .n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
1901
+ color: #ffffff;
1902
+ background: #fd2f51;
1903
+ border-color: #fd2f51; }
1904
+
1905
+ .n-draglist--danger .n-table-cell--checkbox:not(.n-disabled):hover i {
1906
+ border-color: #fd5d77; }
1907
+
1908
+ .n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
1909
+ background: #fd5d77; }
1910
+
1911
+ .n-paginator {
1912
+ color: #6b6d70; }
1913
+
1914
+ .n-tabs__header:after {
1915
+ border-bottom: 1px solid #dadadb; }
1916
+
1917
+ .n-tabs__indicator {
1918
+ background: #090b10; }
1919
+
1920
+ .n-tabs--primary .n-tabs__indicator {
1921
+ background: #4e7bff; }
1922
+
1923
+ .n-tabs--secondary .n-tabs__indicator {
1924
+ background: #683bff; }
1925
+
1926
+ .n-tabs--info .n-tabs__indicator {
1927
+ background: #37C4EF; }
1928
+
1929
+ .n-tabs--success .n-tabs__indicator {
1930
+ background: #3ed786; }
1931
+
1932
+ .n-tabs--warning .n-tabs__indicator {
1933
+ background: #ffac2f; }
1934
+
1935
+ .n-tabs--danger .n-tabs__indicator {
1936
+ background: #fd2f51; }
1937
+
1938
+ .n-tabs__tab-icon {
1939
+ color: #9d9d9f; }
1940
+
1941
+ .n-tabs--primary .n-tabs__tab.n-active .n-tabs__tab-icon,
1942
+ .n-tabs--primary .n-tabs__tab.n-active .n-tabs__tab-label {
1943
+ color: #4e7bff; }
1944
+
1945
+ .n-tabs--secondary .n-tabs__tab.n-active .n-tabs__tab-icon,
1946
+ .n-tabs--secondary .n-tabs__tab.n-active .n-tabs__tab-label {
1947
+ color: #683bff; }
1948
+
1949
+ .n-tabs--info .n-tabs__tab.n-active .n-tabs__tab-icon,
1950
+ .n-tabs--info .n-tabs__tab.n-active .n-tabs__tab-label {
1951
+ color: #37C4EF; }
1952
+
1953
+ .n-tabs--success .n-tabs__tab.n-active .n-tabs__tab-icon,
1954
+ .n-tabs--success .n-tabs__tab.n-active .n-tabs__tab-label {
1955
+ color: #3ed786; }
1956
+
1957
+ .n-tabs--warning .n-tabs__tab.n-active .n-tabs__tab-icon,
1958
+ .n-tabs--warning .n-tabs__tab.n-active .n-tabs__tab-label {
1959
+ color: #ffac2f; }
1960
+
1961
+ .n-tabs--danger .n-tabs__tab.n-active .n-tabs__tab-icon,
1962
+ .n-tabs--danger .n-tabs__tab.n-active .n-tabs__tab-label {
1963
+ color: #fd2f51; }
1964
+
1965
+ .n-collapse {
1966
+ border: 1px solid #dadadb; }
1967
+
1968
+ .n-collapse__header:not(:first-child) {
1969
+ border-top: 1px solid #dadadb; }
1970
+
1971
+ .n-collapse__header.n-active {
1972
+ border-bottom: 1px solid #dadadb; }
1973
+
1974
+ .n-collapse__header-icon {
1975
+ color: #9d9d9f; }
1976
+
1977
+ .n-collapse--primary .n-collapse__header .n-collapse__header-icon {
1978
+ color: #4e7bff; }
1979
+
1980
+ .n-collapse--primary .n-collapse__header.n-active .n-collapse__header-angle {
1981
+ color: #4e7bff; }
1982
+
1983
+ .n-collapse--secondary .n-collapse__header .n-collapse__header-icon {
1984
+ color: #683bff; }
1985
+
1986
+ .n-collapse--secondary .n-collapse__header.n-active .n-collapse__header-angle {
1987
+ color: #683bff; }
1988
+
1989
+ .n-collapse--info .n-collapse__header .n-collapse__header-icon {
1990
+ color: #37C4EF; }
1991
+
1992
+ .n-collapse--info .n-collapse__header.n-active .n-collapse__header-angle {
1993
+ color: #37C4EF; }
1994
+
1995
+ .n-collapse--success .n-collapse__header .n-collapse__header-icon {
1996
+ color: #3ed786; }
1997
+
1998
+ .n-collapse--success .n-collapse__header.n-active .n-collapse__header-angle {
1999
+ color: #3ed786; }
2000
+
2001
+ .n-collapse--warning .n-collapse__header .n-collapse__header-icon {
2002
+ color: #ffac2f; }
2003
+
2004
+ .n-collapse--warning .n-collapse__header.n-active .n-collapse__header-angle {
2005
+ color: #ffac2f; }
2006
+
2007
+ .n-collapse--danger .n-collapse__header .n-collapse__header-icon {
2008
+ color: #fd2f51; }
2009
+
2010
+ .n-collapse--danger .n-collapse__header.n-active .n-collapse__header-angle {
2011
+ color: #fd2f51; }
2012
+
2013
+ .n-info {
2014
+ border: 1px solid #dadadb; }
2015
+
2016
+ .n-info-column {
2017
+ color: #6b6d70; }
2018
+
2019
+ .n-info-field.n-info-field--image > div {
2020
+ background-color: rgba(132, 133, 136, 0.2); }
2021
+
2022
+ .n-demo {
2023
+ color: #090b10;
2024
+ background: #ffffff; }
2025
+
2026
+ .n-demo input,
2027
+ .n-demo textarea {
2028
+ color: #090b10; }
2029
+