@kizmann/nano-ui 0.8.37 → 0.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (59) hide show
  1. package/bun.lockb +0 -0
  2. package/demos/overview.html +2 -15
  3. package/dist/nano-ui.css +1 -1
  4. package/dist/nano-ui.js +1 -1
  5. package/dist/nano-ui.js.map +1 -1
  6. package/dist/themes/light.css +1 -1
  7. package/docs/README.md +1 -2
  8. package/docs/_sidebar.md +19 -21
  9. package/docs/dist/docs.css +2 -0
  10. package/docs/{data → files/data}/table.md +40 -14
  11. package/docs/files/form/button.md +122 -0
  12. package/docs/{form → files/form}/form.md +14 -0
  13. package/docs/files/form/input.md +90 -0
  14. package/docs/files/form/switch.md +92 -0
  15. package/docs/index.html +163 -44
  16. package/docs/src/scss/docsify/basic/_layout.sass +3 -6
  17. package/docs/src/scss/docsify/syntax.scss +139 -0
  18. package/docs/src/scss/docsify/vue.sass +2 -15
  19. package/docs/src/scss/index.scss +428 -16
  20. package/package.json +1 -1
  21. package/src/button/src/button/button.js +1 -9
  22. package/src/mixins/src/ctor.js +0 -6
  23. package/src/radio/src/radio-group/radio-group.js +1 -1
  24. package/src/root/vars.scss +10 -10
  25. package/src/table/src/table/table.scss +0 -1
  26. package/src/tags/src/tags-item/tags-item.js +17 -1
  27. package/themes/light/root/vars.scss +10 -10
  28. package/themes/light/switch/src/switch/switch.scss +1 -1
  29. package/themes/light/table/src/table/table.scss +1 -1
  30. package/themes/light/tags/src/tags-item/tags-item.scss +16 -0
  31. package/webpack.config.js +13 -13
  32. package/dist/themes/basic.css +0 -2029
  33. package/dist/themes/flat.css +0 -1806
  34. package/dist/themes/flat.dark.css +0 -1809
  35. package/docs/dist/index.css +0 -6977
  36. package/docs/form/button.md +0 -299
  37. package/docs/form/input.md +0 -205
  38. package/docs/form/switch.md +0 -166
  39. /package/docs/{data → files/data}/draggable.md +0 -0
  40. /package/docs/{data → files/data}/map.md +0 -0
  41. /package/docs/{data → files/data}/paginator.md +0 -0
  42. /package/docs/{data → files/data}/virtualscroller.md +0 -0
  43. /package/docs/{form → files/form}/cascader.md +0 -0
  44. /package/docs/{form → files/form}/checkbox.md +0 -0
  45. /package/docs/{form → files/form}/datepicker.md +0 -0
  46. /package/docs/{form → files/form}/radio.md +0 -0
  47. /package/docs/{form → files/form}/select.md +0 -0
  48. /package/docs/{form → files/form}/textarea.md +0 -0
  49. /package/docs/{form → files/form}/timepicker.md +0 -0
  50. /package/docs/{form → files/form}/transfer.md +0 -0
  51. /package/docs/{others → files/others}/config.md +0 -0
  52. /package/docs/{others → files/others}/confirm.md +0 -0
  53. /package/docs/{others → files/others}/loader.md +0 -0
  54. /package/docs/{others → files/others}/modal.md +0 -0
  55. /package/docs/{others → files/others}/notification.md +0 -0
  56. /package/docs/{others → files/others}/popover.md +0 -0
  57. /package/docs/{others → files/others}/resizer.md +0 -0
  58. /package/docs/{others → files/others}/scrollbar.md +0 -0
  59. /package/docs/{others → files/others}/tabs.md +0 -0
@@ -1,1806 +0,0 @@
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-draglist--primary.n-empty.n-dragover {
71
- background: rgba(78, 123, 255, 0.075); }
72
-
73
- .n-draglist--secondary.n-empty.n-dragover {
74
- background: rgba(104, 59, 255, 0.075); }
75
-
76
- .n-draglist--info.n-empty.n-dragover {
77
- background: rgba(55, 196, 239, 0.075); }
78
-
79
- .n-draglist--success.n-empty.n-dragover {
80
- background: rgba(62, 215, 134, 0.075); }
81
-
82
- .n-draglist--warning.n-empty.n-dragover {
83
- background: rgba(255, 172, 47, 0.075); }
84
-
85
- .n-draglist--danger.n-empty.n-dragover {
86
- background: rgba(253, 47, 81, 0.075); }
87
-
88
- .n-draglist-item.n-current {
89
- background: rgba(169, 170, 171, 0.1); }
90
-
91
- .n-draglist-item.n-nodrop {
92
- background: rgba(253, 47, 81, 0.1); }
93
-
94
- .n-draglist-item .n-draglist-item__ellipsis {
95
- color: #b5b6b7; }
96
-
97
- .n-draglist-item .n-draglist-item__expand {
98
- color: #6b6d70; }
99
-
100
- .n-draglist-item__checkbox {
101
- background: rgba(206, 206, 207, 0.5); }
102
-
103
- .n-draglist-item.n-disabled .n-draglist-item__checkbox {
104
- background: rgba(194, 194, 195, 0.3); }
105
-
106
- .n-draglist--primary.n-empty.n-dragover {
107
- background: rgba(78, 123, 255, 0.075); }
108
-
109
- .n-draglist--primary .n-draglist-item.n-dragover {
110
- background: rgba(78, 123, 255, 0.075); }
111
-
112
- .n-draglist--primary .n-draglist-item.n-highlight {
113
- -webkit-animation: NDraglistItemprimary 1s linear infinite;
114
- animation: NDraglistItemprimary 1s linear infinite; }
115
-
116
- .n-draglist--primary .n-draglist-item.n-selected .n-draglist-item__checkbox {
117
- color: #ffffff;
118
- background: #4e7bff;
119
- border-color: #4e7bff; }
120
-
121
- @-webkit-keyframes NDraglistItemprimary {
122
- 0% {
123
- background: rgba(78, 123, 255, 0); }
124
- 50% {
125
- background: rgba(78, 123, 255, 0.15); }
126
- 100% {
127
- background: rgba(78, 123, 255, 0); } }
128
-
129
- @keyframes NDraglistItemprimary {
130
- 0% {
131
- background: rgba(78, 123, 255, 0); }
132
- 50% {
133
- background: rgba(78, 123, 255, 0.15); }
134
- 100% {
135
- background: rgba(78, 123, 255, 0); } }
136
-
137
- .n-draglist--secondary.n-empty.n-dragover {
138
- background: rgba(104, 59, 255, 0.075); }
139
-
140
- .n-draglist--secondary .n-draglist-item.n-dragover {
141
- background: rgba(104, 59, 255, 0.075); }
142
-
143
- .n-draglist--secondary .n-draglist-item.n-highlight {
144
- -webkit-animation: NDraglistItemsecondary 1s linear infinite;
145
- animation: NDraglistItemsecondary 1s linear infinite; }
146
-
147
- .n-draglist--secondary .n-draglist-item.n-selected .n-draglist-item__checkbox {
148
- color: #ffffff;
149
- background: #683bff;
150
- border-color: #683bff; }
151
-
152
- @-webkit-keyframes NDraglistItemsecondary {
153
- 0% {
154
- background: rgba(104, 59, 255, 0); }
155
- 50% {
156
- background: rgba(104, 59, 255, 0.15); }
157
- 100% {
158
- background: rgba(104, 59, 255, 0); } }
159
-
160
- @keyframes NDraglistItemsecondary {
161
- 0% {
162
- background: rgba(104, 59, 255, 0); }
163
- 50% {
164
- background: rgba(104, 59, 255, 0.15); }
165
- 100% {
166
- background: rgba(104, 59, 255, 0); } }
167
-
168
- .n-draglist--info.n-empty.n-dragover {
169
- background: rgba(55, 196, 239, 0.075); }
170
-
171
- .n-draglist--info .n-draglist-item.n-dragover {
172
- background: rgba(55, 196, 239, 0.075); }
173
-
174
- .n-draglist--info .n-draglist-item.n-highlight {
175
- -webkit-animation: NDraglistIteminfo 1s linear infinite;
176
- animation: NDraglistIteminfo 1s linear infinite; }
177
-
178
- .n-draglist--info .n-draglist-item.n-selected .n-draglist-item__checkbox {
179
- color: #ffffff;
180
- background: #37C4EF;
181
- border-color: #37C4EF; }
182
-
183
- @-webkit-keyframes NDraglistIteminfo {
184
- 0% {
185
- background: rgba(55, 196, 239, 0); }
186
- 50% {
187
- background: rgba(55, 196, 239, 0.15); }
188
- 100% {
189
- background: rgba(55, 196, 239, 0); } }
190
-
191
- @keyframes NDraglistIteminfo {
192
- 0% {
193
- background: rgba(55, 196, 239, 0); }
194
- 50% {
195
- background: rgba(55, 196, 239, 0.15); }
196
- 100% {
197
- background: rgba(55, 196, 239, 0); } }
198
-
199
- .n-draglist--success.n-empty.n-dragover {
200
- background: rgba(62, 215, 134, 0.075); }
201
-
202
- .n-draglist--success .n-draglist-item.n-dragover {
203
- background: rgba(62, 215, 134, 0.075); }
204
-
205
- .n-draglist--success .n-draglist-item.n-highlight {
206
- -webkit-animation: NDraglistItemsuccess 1s linear infinite;
207
- animation: NDraglistItemsuccess 1s linear infinite; }
208
-
209
- .n-draglist--success .n-draglist-item.n-selected .n-draglist-item__checkbox {
210
- color: #ffffff;
211
- background: #3ed786;
212
- border-color: #3ed786; }
213
-
214
- @-webkit-keyframes NDraglistItemsuccess {
215
- 0% {
216
- background: rgba(62, 215, 134, 0); }
217
- 50% {
218
- background: rgba(62, 215, 134, 0.15); }
219
- 100% {
220
- background: rgba(62, 215, 134, 0); } }
221
-
222
- @keyframes NDraglistItemsuccess {
223
- 0% {
224
- background: rgba(62, 215, 134, 0); }
225
- 50% {
226
- background: rgba(62, 215, 134, 0.15); }
227
- 100% {
228
- background: rgba(62, 215, 134, 0); } }
229
-
230
- .n-draglist--warning.n-empty.n-dragover {
231
- background: rgba(255, 172, 47, 0.075); }
232
-
233
- .n-draglist--warning .n-draglist-item.n-dragover {
234
- background: rgba(255, 172, 47, 0.075); }
235
-
236
- .n-draglist--warning .n-draglist-item.n-highlight {
237
- -webkit-animation: NDraglistItemwarning 1s linear infinite;
238
- animation: NDraglistItemwarning 1s linear infinite; }
239
-
240
- .n-draglist--warning .n-draglist-item.n-selected .n-draglist-item__checkbox {
241
- color: #ffffff;
242
- background: #ffac2f;
243
- border-color: #ffac2f; }
244
-
245
- @-webkit-keyframes NDraglistItemwarning {
246
- 0% {
247
- background: rgba(255, 172, 47, 0); }
248
- 50% {
249
- background: rgba(255, 172, 47, 0.15); }
250
- 100% {
251
- background: rgba(255, 172, 47, 0); } }
252
-
253
- @keyframes NDraglistItemwarning {
254
- 0% {
255
- background: rgba(255, 172, 47, 0); }
256
- 50% {
257
- background: rgba(255, 172, 47, 0.15); }
258
- 100% {
259
- background: rgba(255, 172, 47, 0); } }
260
-
261
- .n-draglist--danger.n-empty.n-dragover {
262
- background: rgba(253, 47, 81, 0.075); }
263
-
264
- .n-draglist--danger .n-draglist-item.n-dragover {
265
- background: rgba(253, 47, 81, 0.075); }
266
-
267
- .n-draglist--danger .n-draglist-item.n-highlight {
268
- -webkit-animation: NDraglistItemdanger 1s linear infinite;
269
- animation: NDraglistItemdanger 1s linear infinite; }
270
-
271
- .n-draglist--danger .n-draglist-item.n-selected .n-draglist-item__checkbox {
272
- color: #ffffff;
273
- background: #fd2f51;
274
- border-color: #fd2f51; }
275
-
276
- @-webkit-keyframes NDraglistItemdanger {
277
- 0% {
278
- background: rgba(253, 47, 81, 0); }
279
- 50% {
280
- background: rgba(253, 47, 81, 0.15); }
281
- 100% {
282
- background: rgba(253, 47, 81, 0); } }
283
-
284
- @keyframes NDraglistItemdanger {
285
- 0% {
286
- background: rgba(253, 47, 81, 0); }
287
- 50% {
288
- background: rgba(253, 47, 81, 0.15); }
289
- 100% {
290
- background: rgba(253, 47, 81, 0); } }
291
-
292
- .n-draggrid--primary.n-empty.n-dragover {
293
- background: rgba(78, 123, 255, 0.075); }
294
-
295
- .n-draggrid--secondary.n-empty.n-dragover {
296
- background: rgba(104, 59, 255, 0.075); }
297
-
298
- .n-draggrid--info.n-empty.n-dragover {
299
- background: rgba(55, 196, 239, 0.075); }
300
-
301
- .n-draggrid--success.n-empty.n-dragover {
302
- background: rgba(62, 215, 134, 0.075); }
303
-
304
- .n-draggrid--warning.n-empty.n-dragover {
305
- background: rgba(255, 172, 47, 0.075); }
306
-
307
- .n-draggrid--danger.n-empty.n-dragover {
308
- background: rgba(253, 47, 81, 0.075); }
309
-
310
- .n-draggrid-item.n-current {
311
- background: rgba(169, 170, 171, 0.1); }
312
-
313
- .n-draggrid-item.n-nodrop {
314
- background: rgba(253, 47, 81, 0.1); }
315
-
316
- .n-draggrid-item .n-draggrid-item__ellipsis {
317
- color: #b5b6b7; }
318
-
319
- .n-draggrid-item__checkbox {
320
- background: rgba(206, 206, 207, 0.5); }
321
-
322
- .n-draggrid-item.n-disabled .n-draggrid-item__checkbox {
323
- background: rgba(194, 194, 195, 0.3); }
324
-
325
- .n-draggrid--primary.n-empty.n-dragover {
326
- background: rgba(78, 123, 255, 0.075); }
327
-
328
- .n-draggrid--primary .n-draggrid-item.n-dragover {
329
- background: rgba(78, 123, 255, 0.075); }
330
-
331
- .n-draggrid--primary .n-draggrid-item.n-highlight {
332
- -webkit-animation: NDraggridItemprimary 1s linear infinite;
333
- animation: NDraggridItemprimary 1s linear infinite; }
334
-
335
- .n-draggrid--primary .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
336
- color: #ffffff;
337
- background: #4e7bff;
338
- border-color: #4e7bff; }
339
-
340
- .n-draggrid--primary .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
341
- background: #7a9bff;
342
- border-color: #7a9bff; }
343
-
344
- @-webkit-keyframes NDraggridItemprimary {
345
- 0% {
346
- background: rgba(78, 123, 255, 0); }
347
- 50% {
348
- background: rgba(78, 123, 255, 0.15); }
349
- 100% {
350
- background: rgba(78, 123, 255, 0); } }
351
-
352
- @keyframes NDraggridItemprimary {
353
- 0% {
354
- background: rgba(78, 123, 255, 0); }
355
- 50% {
356
- background: rgba(78, 123, 255, 0.15); }
357
- 100% {
358
- background: rgba(78, 123, 255, 0); } }
359
-
360
- .n-draggrid--secondary.n-empty.n-dragover {
361
- background: rgba(104, 59, 255, 0.075); }
362
-
363
- .n-draggrid--secondary .n-draggrid-item.n-dragover {
364
- background: rgba(104, 59, 255, 0.075); }
365
-
366
- .n-draggrid--secondary .n-draggrid-item.n-highlight {
367
- -webkit-animation: NDraggridItemsecondary 1s linear infinite;
368
- animation: NDraggridItemsecondary 1s linear infinite; }
369
-
370
- .n-draggrid--secondary .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
371
- color: #ffffff;
372
- background: #683bff;
373
- border-color: #683bff; }
374
-
375
- .n-draggrid--secondary .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
376
- background: #8b69ff;
377
- border-color: #8b69ff; }
378
-
379
- @-webkit-keyframes NDraggridItemsecondary {
380
- 0% {
381
- background: rgba(104, 59, 255, 0); }
382
- 50% {
383
- background: rgba(104, 59, 255, 0.15); }
384
- 100% {
385
- background: rgba(104, 59, 255, 0); } }
386
-
387
- @keyframes NDraggridItemsecondary {
388
- 0% {
389
- background: rgba(104, 59, 255, 0); }
390
- 50% {
391
- background: rgba(104, 59, 255, 0.15); }
392
- 100% {
393
- background: rgba(104, 59, 255, 0); } }
394
-
395
- .n-draggrid--info.n-empty.n-dragover {
396
- background: rgba(55, 196, 239, 0.075); }
397
-
398
- .n-draggrid--info .n-draggrid-item.n-dragover {
399
- background: rgba(55, 196, 239, 0.075); }
400
-
401
- .n-draggrid--info .n-draggrid-item.n-highlight {
402
- -webkit-animation: NDraggridIteminfo 1s linear infinite;
403
- animation: NDraggridIteminfo 1s linear infinite; }
404
-
405
- .n-draggrid--info .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
406
- color: #ffffff;
407
- background: #37C4EF;
408
- border-color: #37C4EF; }
409
-
410
- .n-draggrid--info .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
411
- background: #63d1f3;
412
- border-color: #63d1f3; }
413
-
414
- @-webkit-keyframes NDraggridIteminfo {
415
- 0% {
416
- background: rgba(55, 196, 239, 0); }
417
- 50% {
418
- background: rgba(55, 196, 239, 0.15); }
419
- 100% {
420
- background: rgba(55, 196, 239, 0); } }
421
-
422
- @keyframes NDraggridIteminfo {
423
- 0% {
424
- background: rgba(55, 196, 239, 0); }
425
- 50% {
426
- background: rgba(55, 196, 239, 0.15); }
427
- 100% {
428
- background: rgba(55, 196, 239, 0); } }
429
-
430
- .n-draggrid--success.n-empty.n-dragover {
431
- background: rgba(62, 215, 134, 0.075); }
432
-
433
- .n-draggrid--success .n-draggrid-item.n-dragover {
434
- background: rgba(62, 215, 134, 0.075); }
435
-
436
- .n-draggrid--success .n-draggrid-item.n-highlight {
437
- -webkit-animation: NDraggridItemsuccess 1s linear infinite;
438
- animation: NDraggridItemsuccess 1s linear infinite; }
439
-
440
- .n-draggrid--success .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
441
- color: #ffffff;
442
- background: #3ed786;
443
- border-color: #3ed786; }
444
-
445
- .n-draggrid--success .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
446
- background: #66df9f;
447
- border-color: #66df9f; }
448
-
449
- @-webkit-keyframes NDraggridItemsuccess {
450
- 0% {
451
- background: rgba(62, 215, 134, 0); }
452
- 50% {
453
- background: rgba(62, 215, 134, 0.15); }
454
- 100% {
455
- background: rgba(62, 215, 134, 0); } }
456
-
457
- @keyframes NDraggridItemsuccess {
458
- 0% {
459
- background: rgba(62, 215, 134, 0); }
460
- 50% {
461
- background: rgba(62, 215, 134, 0.15); }
462
- 100% {
463
- background: rgba(62, 215, 134, 0); } }
464
-
465
- .n-draggrid--warning.n-empty.n-dragover {
466
- background: rgba(255, 172, 47, 0.075); }
467
-
468
- .n-draggrid--warning .n-draggrid-item.n-dragover {
469
- background: rgba(255, 172, 47, 0.075); }
470
-
471
- .n-draggrid--warning .n-draggrid-item.n-highlight {
472
- -webkit-animation: NDraggridItemwarning 1s linear infinite;
473
- animation: NDraggridItemwarning 1s linear infinite; }
474
-
475
- .n-draggrid--warning .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
476
- color: #ffffff;
477
- background: #ffac2f;
478
- border-color: #ffac2f; }
479
-
480
- .n-draggrid--warning .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
481
- background: #ffbe5e;
482
- border-color: #ffbe5e; }
483
-
484
- @-webkit-keyframes NDraggridItemwarning {
485
- 0% {
486
- background: rgba(255, 172, 47, 0); }
487
- 50% {
488
- background: rgba(255, 172, 47, 0.15); }
489
- 100% {
490
- background: rgba(255, 172, 47, 0); } }
491
-
492
- @keyframes NDraggridItemwarning {
493
- 0% {
494
- background: rgba(255, 172, 47, 0); }
495
- 50% {
496
- background: rgba(255, 172, 47, 0.15); }
497
- 100% {
498
- background: rgba(255, 172, 47, 0); } }
499
-
500
- .n-draggrid--danger.n-empty.n-dragover {
501
- background: rgba(253, 47, 81, 0.075); }
502
-
503
- .n-draggrid--danger .n-draggrid-item.n-dragover {
504
- background: rgba(253, 47, 81, 0.075); }
505
-
506
- .n-draggrid--danger .n-draggrid-item.n-highlight {
507
- -webkit-animation: NDraggridItemdanger 1s linear infinite;
508
- animation: NDraggridItemdanger 1s linear infinite; }
509
-
510
- .n-draggrid--danger .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
511
- color: #ffffff;
512
- background: #fd2f51;
513
- border-color: #fd2f51; }
514
-
515
- .n-draggrid--danger .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
516
- background: #fd5d77;
517
- border-color: #fd5d77; }
518
-
519
- @-webkit-keyframes NDraggridItemdanger {
520
- 0% {
521
- background: rgba(253, 47, 81, 0); }
522
- 50% {
523
- background: rgba(253, 47, 81, 0.15); }
524
- 100% {
525
- background: rgba(253, 47, 81, 0); } }
526
-
527
- @keyframes NDraggridItemdanger {
528
- 0% {
529
- background: rgba(253, 47, 81, 0); }
530
- 50% {
531
- background: rgba(253, 47, 81, 0.15); }
532
- 100% {
533
- background: rgba(253, 47, 81, 0); } }
534
-
535
- .n-load:before {
536
- border: 2px solid #4e7bff; }
537
-
538
- .n-load:after {
539
- background: rgba(255, 255, 255, 0.7); }
540
-
541
- .n-loader--primary.n-load:before {
542
- border-color: #4e7bff; }
543
-
544
- .n-loader--secondary.n-load:before {
545
- border-color: #683bff; }
546
-
547
- .n-loader--info.n-load:before {
548
- border-color: #37C4EF; }
549
-
550
- .n-loader--success.n-load:before {
551
- border-color: #3ed786; }
552
-
553
- .n-loader--warning.n-load:before {
554
- border-color: #ffac2f; }
555
-
556
- .n-loader--danger.n-load:before {
557
- border-color: #fd2f51; }
558
-
559
- .n-form-group__collapse {
560
- color: #9d9d9f; }
561
-
562
- .n-form-group--primary .n-form-group__label i {
563
- color: #4e7bff; }
564
-
565
- .n-form-group--secondary .n-form-group__label i {
566
- color: #683bff; }
567
-
568
- .n-form-group--info .n-form-group__label i {
569
- color: #37C4EF; }
570
-
571
- .n-form-group--success .n-form-group__label i {
572
- color: #3ed786; }
573
-
574
- .n-form-group--warning .n-form-group__label i {
575
- color: #ffac2f; }
576
-
577
- .n-form-group--danger .n-form-group__label i {
578
- color: #fd2f51; }
579
-
580
- .n-form-item__label label {
581
- color: #6b6d70; }
582
-
583
- .n-form-item__error {
584
- color: #fd2f51; }
585
-
586
- /**
587
- * Button primary
588
- */
589
- .n-button--primary:not(.n-button--link) {
590
- color: #ffffff;
591
- background: #4e7bff;
592
- border-color: #4e7bff; }
593
-
594
- .n-button--primary:not(.n-button--link):hover {
595
- background: #7a9bff;
596
- border-color: #7a9bff; }
597
-
598
- .n-button--primary:not(.n-button--link):focus {
599
- background: #305ee4;
600
- border-color: #305ee4; }
601
-
602
- .n-button--primary:not(.n-button--link).n-disabled {
603
- background: #4e7bff;
604
- border-color: #4e7bff; }
605
-
606
- .n-button--primary:not(.n-disabled).n-button--link {
607
- color: #4e7bff; }
608
-
609
- .n-button--primary:not(.n-disabled).n-button--link:hover {
610
- color: #7a9bff; }
611
-
612
- .n-button--primary:not(.n-disabled).n-button--link:focus {
613
- color: #305ee4; }
614
-
615
- /**
616
- * Button primary
617
- */
618
- .n-button--secondary:not(.n-button--link) {
619
- color: #ffffff;
620
- background: #683bff;
621
- border-color: #683bff; }
622
-
623
- .n-button--secondary:not(.n-button--link):hover {
624
- background: #8b69ff;
625
- border-color: #8b69ff; }
626
-
627
- .n-button--secondary:not(.n-button--link):focus {
628
- background: #4d1fe4;
629
- border-color: #4d1fe4; }
630
-
631
- .n-button--secondary:not(.n-button--link).n-disabled {
632
- background: #683bff;
633
- border-color: #683bff; }
634
-
635
- .n-button--secondary:not(.n-disabled).n-button--link {
636
- color: #683bff; }
637
-
638
- .n-button--secondary:not(.n-disabled).n-button--link:hover {
639
- color: #8b69ff; }
640
-
641
- .n-button--secondary:not(.n-disabled).n-button--link:focus {
642
- color: #4d1fe4; }
643
-
644
- /**
645
- * Button primary
646
- */
647
- .n-button--info:not(.n-button--link) {
648
- color: #ffffff;
649
- background: #37C4EF;
650
- border-color: #37C4EF; }
651
-
652
- .n-button--info:not(.n-button--link):hover {
653
- background: #63d1f3;
654
- border-color: #63d1f3; }
655
-
656
- .n-button--info:not(.n-button--link):focus {
657
- background: #26a5cc;
658
- border-color: #26a5cc; }
659
-
660
- .n-button--info:not(.n-button--link).n-disabled {
661
- background: #37C4EF;
662
- border-color: #37C4EF; }
663
-
664
- .n-button--info:not(.n-disabled).n-button--link {
665
- color: #37C4EF; }
666
-
667
- .n-button--info:not(.n-disabled).n-button--link:hover {
668
- color: #63d1f3; }
669
-
670
- .n-button--info:not(.n-disabled).n-button--link:focus {
671
- color: #26a5cc; }
672
-
673
- /**
674
- * Button primary
675
- */
676
- .n-button--success:not(.n-button--link) {
677
- color: #ffffff;
678
- background: #3ed786;
679
- border-color: #3ed786; }
680
-
681
- .n-button--success:not(.n-button--link):hover {
682
- background: #66df9f;
683
- border-color: #66df9f; }
684
-
685
- .n-button--success:not(.n-button--link):focus {
686
- background: #33af6e;
687
- border-color: #33af6e; }
688
-
689
- .n-button--success:not(.n-button--link).n-disabled {
690
- background: #3ed786;
691
- border-color: #3ed786; }
692
-
693
- .n-button--success:not(.n-disabled).n-button--link {
694
- color: #3ed786; }
695
-
696
- .n-button--success:not(.n-disabled).n-button--link:hover {
697
- color: #66df9f; }
698
-
699
- .n-button--success:not(.n-disabled).n-button--link:focus {
700
- color: #33af6e; }
701
-
702
- /**
703
- * Button primary
704
- */
705
- .n-button--warning:not(.n-button--link) {
706
- color: #ffffff;
707
- background: #ffac2f;
708
- border-color: #ffac2f; }
709
-
710
- .n-button--warning:not(.n-button--link):hover {
711
- background: #ffbe5e;
712
- border-color: #ffbe5e; }
713
-
714
- .n-button--warning:not(.n-button--link):focus {
715
- background: #de901a;
716
- border-color: #de901a; }
717
-
718
- .n-button--warning:not(.n-button--link).n-disabled {
719
- background: #ffac2f;
720
- border-color: #ffac2f; }
721
-
722
- .n-button--warning:not(.n-disabled).n-button--link {
723
- color: #ffac2f; }
724
-
725
- .n-button--warning:not(.n-disabled).n-button--link:hover {
726
- color: #ffbe5e; }
727
-
728
- .n-button--warning:not(.n-disabled).n-button--link:focus {
729
- color: #de901a; }
730
-
731
- /**
732
- * Button primary
733
- */
734
- .n-button--danger:not(.n-button--link) {
735
- color: #ffffff;
736
- background: #fd2f51;
737
- border-color: #fd2f51; }
738
-
739
- .n-button--danger:not(.n-button--link):hover {
740
- background: #fd5d77;
741
- border-color: #fd5d77; }
742
-
743
- .n-button--danger:not(.n-button--link):focus {
744
- background: #dc1b3c;
745
- border-color: #dc1b3c; }
746
-
747
- .n-button--danger:not(.n-button--link).n-disabled {
748
- background: #fd2f51;
749
- border-color: #fd2f51; }
750
-
751
- .n-button--danger:not(.n-disabled).n-button--link {
752
- color: #fd2f51; }
753
-
754
- .n-button--danger:not(.n-disabled).n-button--link:hover {
755
- color: #fd5d77; }
756
-
757
- .n-button--danger:not(.n-disabled).n-button--link:focus {
758
- color: #dc1b3c; }
759
-
760
- .n-button-group > *:not(:last-child) {
761
- margin-right: 0; }
762
-
763
- .n-input {
764
- background: #f3f3f3; }
765
-
766
- .n-input.n-disabled input {
767
- background: rgba(194, 194, 195, 0.3); }
768
-
769
- .n-input .n-button--input {
770
- color: #6b6d70; }
771
-
772
- /**
773
- * Button primary
774
- */
775
- .n-input--primary:not(.n-disabled).n-focus {
776
- border-color: #7a9bff; }
777
-
778
- .n-input--primary:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
779
- color: #4e7bff; }
780
-
781
- /**
782
- * Button primary
783
- */
784
- .n-input--secondary:not(.n-disabled).n-focus {
785
- border-color: #8b69ff; }
786
-
787
- .n-input--secondary:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
788
- color: #683bff; }
789
-
790
- /**
791
- * Button primary
792
- */
793
- .n-input--info:not(.n-disabled).n-focus {
794
- border-color: #63d1f3; }
795
-
796
- .n-input--info:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
797
- color: #37C4EF; }
798
-
799
- /**
800
- * Button primary
801
- */
802
- .n-input--success:not(.n-disabled).n-focus {
803
- border-color: #66df9f; }
804
-
805
- .n-input--success:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
806
- color: #3ed786; }
807
-
808
- /**
809
- * Button primary
810
- */
811
- .n-input--warning:not(.n-disabled).n-focus {
812
- border-color: #ffbe5e; }
813
-
814
- .n-input--warning:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
815
- color: #ffac2f; }
816
-
817
- /**
818
- * Button primary
819
- */
820
- .n-input--danger:not(.n-disabled).n-focus {
821
- border-color: #fd5d77; }
822
-
823
- .n-input--danger:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
824
- color: #fd2f51; }
825
-
826
- .n-input-number {
827
- background: #f3f3f3; }
828
-
829
- .n-input-number.n-disabled input {
830
- background: rgba(194, 194, 195, 0.3); }
831
-
832
- .n-input-number .n-button {
833
- color: #6b6d70;
834
- background: rgba(218, 218, 219, 0.5); }
835
-
836
- /**
837
- * Button primary
838
- */
839
- .n-input-number--primary:not(.n-disabled).n-focus {
840
- border-color: #7a9bff; }
841
-
842
- .n-input-number--primary:not(.n-disabled) .n-button:hover {
843
- color: #4e7bff; }
844
-
845
- /**
846
- * Button primary
847
- */
848
- .n-input-number--secondary:not(.n-disabled).n-focus {
849
- border-color: #8b69ff; }
850
-
851
- .n-input-number--secondary:not(.n-disabled) .n-button:hover {
852
- color: #683bff; }
853
-
854
- /**
855
- * Button primary
856
- */
857
- .n-input-number--info:not(.n-disabled).n-focus {
858
- border-color: #63d1f3; }
859
-
860
- .n-input-number--info:not(.n-disabled) .n-button:hover {
861
- color: #37C4EF; }
862
-
863
- /**
864
- * Button primary
865
- */
866
- .n-input-number--success:not(.n-disabled).n-focus {
867
- border-color: #66df9f; }
868
-
869
- .n-input-number--success:not(.n-disabled) .n-button:hover {
870
- color: #3ed786; }
871
-
872
- /**
873
- * Button primary
874
- */
875
- .n-input-number--warning:not(.n-disabled).n-focus {
876
- border-color: #ffbe5e; }
877
-
878
- .n-input-number--warning:not(.n-disabled) .n-button:hover {
879
- color: #ffac2f; }
880
-
881
- /**
882
- * Button primary
883
- */
884
- .n-input-number--danger:not(.n-disabled).n-focus {
885
- border-color: #fd5d77; }
886
-
887
- .n-input-number--danger:not(.n-disabled) .n-button:hover {
888
- color: #fd2f51; }
889
-
890
- .n-textarea textarea {
891
- background: #f3f3f3; }
892
-
893
- .n-textarea.n-disabled textarea {
894
- background: rgba(194, 194, 195, 0.3); }
895
-
896
- /**
897
- * Button primary
898
- */
899
- .n-textarea--primary:not(.n-disabled) textarea:focus {
900
- border-color: #7a9bff; }
901
-
902
- /**
903
- * Button primary
904
- */
905
- .n-textarea--secondary:not(.n-disabled) textarea:focus {
906
- border-color: #8b69ff; }
907
-
908
- /**
909
- * Button primary
910
- */
911
- .n-textarea--info:not(.n-disabled) textarea:focus {
912
- border-color: #63d1f3; }
913
-
914
- /**
915
- * Button primary
916
- */
917
- .n-textarea--success:not(.n-disabled) textarea:focus {
918
- border-color: #66df9f; }
919
-
920
- /**
921
- * Button primary
922
- */
923
- .n-textarea--warning:not(.n-disabled) textarea:focus {
924
- border-color: #ffbe5e; }
925
-
926
- /**
927
- * Button primary
928
- */
929
- .n-textarea--danger:not(.n-disabled) textarea:focus {
930
- border-color: #fd5d77; }
931
-
932
- .n-switch__switch {
933
- background: #e6e7e7; }
934
-
935
- .n-switch__switch span {
936
- background: #ffffff;
937
- box-shadow: 0 1px 2px rgba(23, 33, 64, 0.15); }
938
-
939
- .n-switch--primary:not(.n-disabled) .n-switch__switch {
940
- background: #4e7bff; }
941
-
942
- .n-switch--primary:not(.n-disabled) .n-switch__label {
943
- color: #4e7bff; }
944
-
945
- .n-switch--secondary:not(.n-disabled) .n-switch__switch {
946
- background: #683bff; }
947
-
948
- .n-switch--secondary:not(.n-disabled) .n-switch__label {
949
- color: #683bff; }
950
-
951
- .n-switch--info:not(.n-disabled) .n-switch__switch {
952
- background: #37C4EF; }
953
-
954
- .n-switch--info:not(.n-disabled) .n-switch__label {
955
- color: #37C4EF; }
956
-
957
- .n-switch--success:not(.n-disabled) .n-switch__switch {
958
- background: #3ed786; }
959
-
960
- .n-switch--success:not(.n-disabled) .n-switch__label {
961
- color: #3ed786; }
962
-
963
- .n-switch--warning:not(.n-disabled) .n-switch__switch {
964
- background: #ffac2f; }
965
-
966
- .n-switch--warning:not(.n-disabled) .n-switch__label {
967
- color: #ffac2f; }
968
-
969
- .n-switch--danger:not(.n-disabled) .n-switch__switch {
970
- background: #fd2f51; }
971
-
972
- .n-switch--danger:not(.n-disabled) .n-switch__label {
973
- color: #fd2f51; }
974
-
975
- .n-checkbox__checkbox {
976
- color: #090b10;
977
- background: rgba(206, 206, 207, 0.5); }
978
-
979
- .n-checkbox.n-disabled .n-checkbox__checkbox {
980
- background: rgba(194, 194, 195, 0.3); }
981
-
982
- /**
983
- * Button primary
984
- */
985
- .n-checkbox--primary.n-checked:not(.n-disabled) .n-checkbox__checkbox,
986
- .n-checkbox--primary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
987
- color: #ffffff;
988
- background: #4e7bff;
989
- border-color: #4e7bff; }
990
-
991
- .n-checkbox--primary.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
992
- .n-checkbox--primary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
993
- background: #7a9bff;
994
- border-color: #7a9bff; }
995
-
996
- .n-checkbox--primary.n-checked:not(.n-disabled) .n-checkbox__label {
997
- color: #4e7bff; }
998
-
999
- /**
1000
- * Button primary
1001
- */
1002
- .n-checkbox--secondary.n-checked:not(.n-disabled) .n-checkbox__checkbox,
1003
- .n-checkbox--secondary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
1004
- color: #ffffff;
1005
- background: #683bff;
1006
- border-color: #683bff; }
1007
-
1008
- .n-checkbox--secondary.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
1009
- .n-checkbox--secondary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
1010
- background: #8b69ff;
1011
- border-color: #8b69ff; }
1012
-
1013
- .n-checkbox--secondary.n-checked:not(.n-disabled) .n-checkbox__label {
1014
- color: #683bff; }
1015
-
1016
- /**
1017
- * Button primary
1018
- */
1019
- .n-checkbox--info.n-checked:not(.n-disabled) .n-checkbox__checkbox,
1020
- .n-checkbox--info.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
1021
- color: #ffffff;
1022
- background: #37C4EF;
1023
- border-color: #37C4EF; }
1024
-
1025
- .n-checkbox--info.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
1026
- .n-checkbox--info.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
1027
- background: #63d1f3;
1028
- border-color: #63d1f3; }
1029
-
1030
- .n-checkbox--info.n-checked:not(.n-disabled) .n-checkbox__label {
1031
- color: #37C4EF; }
1032
-
1033
- /**
1034
- * Button primary
1035
- */
1036
- .n-checkbox--success.n-checked:not(.n-disabled) .n-checkbox__checkbox,
1037
- .n-checkbox--success.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
1038
- color: #ffffff;
1039
- background: #3ed786;
1040
- border-color: #3ed786; }
1041
-
1042
- .n-checkbox--success.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
1043
- .n-checkbox--success.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
1044
- background: #66df9f;
1045
- border-color: #66df9f; }
1046
-
1047
- .n-checkbox--success.n-checked:not(.n-disabled) .n-checkbox__label {
1048
- color: #3ed786; }
1049
-
1050
- /**
1051
- * Button primary
1052
- */
1053
- .n-checkbox--warning.n-checked:not(.n-disabled) .n-checkbox__checkbox,
1054
- .n-checkbox--warning.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
1055
- color: #ffffff;
1056
- background: #ffac2f;
1057
- border-color: #ffac2f; }
1058
-
1059
- .n-checkbox--warning.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
1060
- .n-checkbox--warning.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
1061
- background: #ffbe5e;
1062
- border-color: #ffbe5e; }
1063
-
1064
- .n-checkbox--warning.n-checked:not(.n-disabled) .n-checkbox__label {
1065
- color: #ffac2f; }
1066
-
1067
- /**
1068
- * Button primary
1069
- */
1070
- .n-checkbox--danger.n-checked:not(.n-disabled) .n-checkbox__checkbox,
1071
- .n-checkbox--danger.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
1072
- color: #ffffff;
1073
- background: #fd2f51;
1074
- border-color: #fd2f51; }
1075
-
1076
- .n-checkbox--danger.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
1077
- .n-checkbox--danger.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
1078
- background: #fd5d77;
1079
- border-color: #fd5d77; }
1080
-
1081
- .n-checkbox--danger.n-checked:not(.n-disabled) .n-checkbox__label {
1082
- color: #fd2f51; }
1083
-
1084
- .n-radio__radio {
1085
- color: #090b10;
1086
- background: #e6e7e7; }
1087
-
1088
- .n-radio.n-disabled .n-radio__radio {
1089
- background: rgba(194, 194, 195, 0.3); }
1090
-
1091
- .n-radio__radio span {
1092
- background: #090b10; }
1093
-
1094
- .n-radio--primary.n-checked:not(.n-disabled) .n-radio__radio {
1095
- background: #4e7bff;
1096
- border-color: #4e7bff; }
1097
-
1098
- .n-radio--primary.n-checked:not(.n-disabled) .n-radio__radio span {
1099
- background: #ffffff; }
1100
-
1101
- .n-radio--primary.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
1102
- background: #7a9bff;
1103
- border-color: #7a9bff; }
1104
-
1105
- .n-radio--primary.n-checked:not(.n-disabled) .n-radio__label {
1106
- color: #4e7bff; }
1107
-
1108
- .n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio {
1109
- background: #683bff;
1110
- border-color: #683bff; }
1111
-
1112
- .n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio span {
1113
- background: #ffffff; }
1114
-
1115
- .n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
1116
- background: #8b69ff;
1117
- border-color: #8b69ff; }
1118
-
1119
- .n-radio--secondary.n-checked:not(.n-disabled) .n-radio__label {
1120
- color: #683bff; }
1121
-
1122
- .n-radio--info.n-checked:not(.n-disabled) .n-radio__radio {
1123
- background: #37C4EF;
1124
- border-color: #37C4EF; }
1125
-
1126
- .n-radio--info.n-checked:not(.n-disabled) .n-radio__radio span {
1127
- background: #ffffff; }
1128
-
1129
- .n-radio--info.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
1130
- background: #63d1f3;
1131
- border-color: #63d1f3; }
1132
-
1133
- .n-radio--info.n-checked:not(.n-disabled) .n-radio__label {
1134
- color: #37C4EF; }
1135
-
1136
- .n-radio--success.n-checked:not(.n-disabled) .n-radio__radio {
1137
- background: #3ed786;
1138
- border-color: #3ed786; }
1139
-
1140
- .n-radio--success.n-checked:not(.n-disabled) .n-radio__radio span {
1141
- background: #ffffff; }
1142
-
1143
- .n-radio--success.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
1144
- background: #66df9f;
1145
- border-color: #66df9f; }
1146
-
1147
- .n-radio--success.n-checked:not(.n-disabled) .n-radio__label {
1148
- color: #3ed786; }
1149
-
1150
- .n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio {
1151
- background: #ffac2f;
1152
- border-color: #ffac2f; }
1153
-
1154
- .n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio span {
1155
- background: #ffffff; }
1156
-
1157
- .n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
1158
- background: #ffbe5e;
1159
- border-color: #ffbe5e; }
1160
-
1161
- .n-radio--warning.n-checked:not(.n-disabled) .n-radio__label {
1162
- color: #ffac2f; }
1163
-
1164
- .n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio {
1165
- background: #fd2f51;
1166
- border-color: #fd2f51; }
1167
-
1168
- .n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio span {
1169
- background: #ffffff; }
1170
-
1171
- .n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
1172
- background: #fd5d77;
1173
- border-color: #fd5d77; }
1174
-
1175
- .n-radio--danger.n-checked:not(.n-disabled) .n-radio__label {
1176
- color: #fd2f51; }
1177
-
1178
- .n-select {
1179
- background: #f3f3f3; }
1180
-
1181
- .n-select.n-disabled {
1182
- background: rgba(218, 218, 219, 0.3); }
1183
-
1184
- .n-select__clear,
1185
- .n-select__angle {
1186
- color: #6b6d70; }
1187
-
1188
- .n-select__clear i {
1189
- background: rgba(218, 218, 219, 0.6); }
1190
-
1191
- .n-select__body,
1192
- .n-select__empty {
1193
- background: #ffffff;
1194
- box-shadow: 0 1px 3px 1px rgba(23, 33, 64, 0.15); }
1195
-
1196
- .n-select__empty {
1197
- color: #6b6d70; }
1198
-
1199
- .n-select--primary:not(.n-disabled).n-focus {
1200
- border-color: #4e7bff; }
1201
-
1202
- .n-select--primary .n-select__item {
1203
- color: #ffffff;
1204
- background: #4e7bff; }
1205
-
1206
- .n-select--secondary:not(.n-disabled).n-focus {
1207
- border-color: #683bff; }
1208
-
1209
- .n-select--secondary .n-select__item {
1210
- color: #ffffff;
1211
- background: #683bff; }
1212
-
1213
- .n-select--info:not(.n-disabled).n-focus {
1214
- border-color: #37C4EF; }
1215
-
1216
- .n-select--info .n-select__item {
1217
- color: #ffffff;
1218
- background: #37C4EF; }
1219
-
1220
- .n-select--success:not(.n-disabled).n-focus {
1221
- border-color: #3ed786; }
1222
-
1223
- .n-select--success .n-select__item {
1224
- color: #ffffff;
1225
- background: #3ed786; }
1226
-
1227
- .n-select--warning:not(.n-disabled).n-focus {
1228
- border-color: #ffac2f; }
1229
-
1230
- .n-select--warning .n-select__item {
1231
- color: #ffffff;
1232
- background: #ffac2f; }
1233
-
1234
- .n-select--danger:not(.n-disabled).n-focus {
1235
- border-color: #fd2f51; }
1236
-
1237
- .n-select--danger .n-select__item {
1238
- color: #ffffff;
1239
- background: #fd2f51; }
1240
-
1241
- .n-cascader-panel {
1242
- border: 1px solid #e6e7e7; }
1243
-
1244
- .n-cascader-panel .n-popover-option:not(.n-active) i {
1245
- color: #9d9d9f; }
1246
-
1247
- .n-cascader-panel__items:not(:last-child) {
1248
- border-right: 1px solid #e6e7e7; }
1249
-
1250
- .n-cascader {
1251
- background: #f3f3f3; }
1252
-
1253
- .n-cascader.n-disabled {
1254
- background: rgba(218, 218, 219, 0.3); }
1255
-
1256
- .n-cascader__clear,
1257
- .n-cascader__angle {
1258
- color: #6b6d70; }
1259
-
1260
- .n-cascader__clear i {
1261
- background: rgba(218, 218, 219, 0.6); }
1262
-
1263
- .n-cascader__placeholder {
1264
- color: rgba(9, 11, 16, 0.5); }
1265
-
1266
- .n-cascader__body,
1267
- .n-cascader__empty {
1268
- background: #ffffff;
1269
- box-shadow: 0 1px 3px 1px rgba(23, 33, 64, 0.15); }
1270
-
1271
- .n-cascader__empty {
1272
- color: #6b6d70; }
1273
-
1274
- .n-cascader--primary:not(.n-disabled).n-focus {
1275
- border-color: #4e7bff; }
1276
-
1277
- .n-cascader--secondary:not(.n-disabled).n-focus {
1278
- border-color: #683bff; }
1279
-
1280
- .n-cascader--info:not(.n-disabled).n-focus {
1281
- border-color: #37C4EF; }
1282
-
1283
- .n-cascader--success:not(.n-disabled).n-focus {
1284
- border-color: #3ed786; }
1285
-
1286
- .n-cascader--warning:not(.n-disabled).n-focus {
1287
- border-color: #ffac2f; }
1288
-
1289
- .n-cascader--danger:not(.n-disabled).n-focus {
1290
- border-color: #fd2f51; }
1291
-
1292
- .n-datepicker-panel {
1293
- border: 1px solid #e6e7e7; }
1294
-
1295
- .n-datepicker-panel__header {
1296
- background: #f3f3f3;
1297
- border-bottom: 1px solid #e6e7e7; }
1298
-
1299
- .n-datepicker-panel__footer {
1300
- border-top: 1px solid #e6e7e7; }
1301
-
1302
- .n-datepicker-panel__display .n-datepicker-panel__month:hover,
1303
- .n-datepicker-panel__display .n-datepicker-panel__year:hover {
1304
- background: rgba(218, 218, 219, 0.6); }
1305
-
1306
- .n-datepicker-panel__dateview .n-datepicker-panel__day.n-arrive:not(.n-selected),
1307
- .n-datepicker-panel__dateview .n-datepicker-panel__day.n-depart:not(.n-selected),
1308
- .n-datepicker-panel__dateview .n-datepicker-panel__day.n-between:not(.n-selected) {
1309
- background: rgba(218, 218, 219, 0.6); }
1310
-
1311
- .n-datepicker-panel__body .n-datepicker-panel__day:not(.n-current) {
1312
- color: #9d9d9f; }
1313
-
1314
- .n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
1315
- .n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
1316
- .n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
1317
- color: #ffffff;
1318
- background: #4e7bff; }
1319
-
1320
- .n-datepicker-panel--secondary .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
1321
- .n-datepicker-panel--secondary .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
1322
- .n-datepicker-panel--secondary .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
1323
- color: #ffffff;
1324
- background: #683bff; }
1325
-
1326
- .n-datepicker-panel--info .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
1327
- .n-datepicker-panel--info .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
1328
- .n-datepicker-panel--info .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
1329
- color: #ffffff;
1330
- background: #37C4EF; }
1331
-
1332
- .n-datepicker-panel--success .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
1333
- .n-datepicker-panel--success .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
1334
- .n-datepicker-panel--success .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
1335
- color: #ffffff;
1336
- background: #3ed786; }
1337
-
1338
- .n-datepicker-panel--warning .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
1339
- .n-datepicker-panel--warning .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
1340
- .n-datepicker-panel--warning .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
1341
- color: #ffffff;
1342
- background: #ffac2f; }
1343
-
1344
- .n-datepicker-panel--danger .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
1345
- .n-datepicker-panel--danger .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
1346
- .n-datepicker-panel--danger .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
1347
- color: #ffffff;
1348
- background: #fd2f51; }
1349
-
1350
- .n-datepicker {
1351
- background: #f3f3f3; }
1352
-
1353
- .n-datepicker.n-disabled {
1354
- background: rgba(218, 218, 219, 0.3); }
1355
-
1356
- .n-datepicker__seperator {
1357
- color: #6b6d70; }
1358
-
1359
- .n-datepicker__clear,
1360
- .n-datepicker__angle {
1361
- color: #6b6d70; }
1362
-
1363
- .n-datepicker__clear i {
1364
- background: rgba(218, 218, 219, 0.6); }
1365
-
1366
- .n-datepicker__placeholder {
1367
- color: rgba(9, 11, 16, 0.5); }
1368
-
1369
- .n-datepicker__body,
1370
- .n-datepicker__empty {
1371
- background: #ffffff;
1372
- box-shadow: 0 1px 3px 1px rgba(23, 33, 64, 0.15); }
1373
-
1374
- .n-datepicker__empty {
1375
- color: #6b6d70; }
1376
-
1377
- .n-datepicker--primary:not(.n-disabled).n-focus {
1378
- border-color: #4e7bff; }
1379
-
1380
- .n-datepicker--secondary:not(.n-disabled).n-focus {
1381
- border-color: #683bff; }
1382
-
1383
- .n-datepicker--info:not(.n-disabled).n-focus {
1384
- border-color: #37C4EF; }
1385
-
1386
- .n-datepicker--success:not(.n-disabled).n-focus {
1387
- border-color: #3ed786; }
1388
-
1389
- .n-datepicker--warning:not(.n-disabled).n-focus {
1390
- border-color: #ffac2f; }
1391
-
1392
- .n-datepicker--danger:not(.n-disabled).n-focus {
1393
- border-color: #fd2f51; }
1394
-
1395
- .n-timepicker-panel {
1396
- border: 1px solid #e6e7e7; }
1397
-
1398
- .n-timepicker-panel__header {
1399
- background: #f3f3f3;
1400
- border-bottom: 1px solid #e6e7e7; }
1401
-
1402
- .n-timepicker-panel__panel:not(:last-child) {
1403
- border-right: 1px solid #e6e7e7; }
1404
-
1405
- .n-timepicker-panel--primary .n-timepicker-panel__item.n-selected {
1406
- color: #ffffff;
1407
- background: #4e7bff; }
1408
-
1409
- .n-timepicker-panel--secondary .n-timepicker-panel__item.n-selected {
1410
- color: #ffffff;
1411
- background: #683bff; }
1412
-
1413
- .n-timepicker-panel--info .n-timepicker-panel__item.n-selected {
1414
- color: #ffffff;
1415
- background: #37C4EF; }
1416
-
1417
- .n-timepicker-panel--success .n-timepicker-panel__item.n-selected {
1418
- color: #ffffff;
1419
- background: #3ed786; }
1420
-
1421
- .n-timepicker-panel--warning .n-timepicker-panel__item.n-selected {
1422
- color: #ffffff;
1423
- background: #ffac2f; }
1424
-
1425
- .n-timepicker-panel--danger .n-timepicker-panel__item.n-selected {
1426
- color: #ffffff;
1427
- background: #fd2f51; }
1428
-
1429
- .n-timepicker {
1430
- background: #f3f3f3; }
1431
-
1432
- .n-timepicker.n-disabled {
1433
- background: rgba(218, 218, 219, 0.3); }
1434
-
1435
- .n-timepicker__seperator {
1436
- color: #6b6d70; }
1437
-
1438
- .n-timepicker__clear,
1439
- .n-timepicker__angle {
1440
- color: #6b6d70; }
1441
-
1442
- .n-timepicker__clear i {
1443
- background: rgba(218, 218, 219, 0.6); }
1444
-
1445
- .n-timepicker__placeholder {
1446
- color: rgba(9, 11, 16, 0.5); }
1447
-
1448
- .n-timepicker__body,
1449
- .n-timepicker__empty {
1450
- background: #ffffff;
1451
- box-shadow: 0 1px 3px 1px rgba(23, 33, 64, 0.15); }
1452
-
1453
- .n-timepicker__empty {
1454
- color: #6b6d70; }
1455
-
1456
- .n-timepicker--primary:not(.n-disabled).n-focus {
1457
- border-color: #4e7bff; }
1458
-
1459
- .n-timepicker--secondary:not(.n-disabled).n-focus {
1460
- border-color: #683bff; }
1461
-
1462
- .n-timepicker--info:not(.n-disabled).n-focus {
1463
- border-color: #37C4EF; }
1464
-
1465
- .n-timepicker--success:not(.n-disabled).n-focus {
1466
- border-color: #3ed786; }
1467
-
1468
- .n-timepicker--warning:not(.n-disabled).n-focus {
1469
- border-color: #ffac2f; }
1470
-
1471
- .n-timepicker--danger:not(.n-disabled).n-focus {
1472
- border-color: #fd2f51; }
1473
-
1474
- .n-transfer__panel {
1475
- border: 1px solid #e6e7e7; }
1476
-
1477
- .n-transfer__header {
1478
- border-bottom: 1px solid #e6e7e7;
1479
- background: #f3f3f3; }
1480
-
1481
- .n-transfer__search {
1482
- border-bottom: 1px solid #e6e7e7;
1483
- background: #f3f3f3; }
1484
-
1485
- .n-transfer__item-count {
1486
- color: #6b6d70; }
1487
-
1488
- .n-popover__frame {
1489
- box-shadow: 0 1px 3px 1px rgba(23, 33, 64, 0.15); }
1490
-
1491
- .n-popover-group,
1492
- .n-popover-option {
1493
- color: #090b10; }
1494
-
1495
- .n-popover-group {
1496
- color: #090b10; }
1497
-
1498
- .n-popover-option:not(.n-disabled).n-hover,
1499
- .n-popover-option:not(.n-disabled):hover {
1500
- background: rgba(132, 133, 136, 0.07); }
1501
-
1502
- .n-popover-option:not(.n-disabled).n-focus,
1503
- .n-popover-option:not(.n-disabled).n-focus:hover {
1504
- background: rgba(132, 133, 136, 0.14); }
1505
-
1506
- .n-popover-option .n-image {
1507
- color: #6b6d70; }
1508
-
1509
- .n-popover-option .n-icon {
1510
- color: #6b6d70; }
1511
-
1512
- .n-popover--default .n-popover__frame {
1513
- color: #090b10;
1514
- background: #ffffff; }
1515
-
1516
- .n-popover--default .n-popover__header {
1517
- border-bottom: 1px solid #e6e7e7;
1518
- background: #f3f3f3; }
1519
-
1520
- .n-popover--default .n-popover__footer {
1521
- border-top: 1px solid #e6e7e7;
1522
- background: #f3f3f3; }
1523
-
1524
- .n-popover--default .n-popover-option {
1525
- color: #090b10; }
1526
-
1527
- .n-popover--negative .n-popover__frame {
1528
- color: #ffffff;
1529
- background: #090b10; }
1530
-
1531
- .n-popover--negative .n-popover__header {
1532
- border-bottom: 1px solid #15171c;
1533
- background: #15171c; }
1534
-
1535
- .n-popover--negative .n-popover__footer {
1536
- border-top: 1px solid #15171c;
1537
- background: #15171c; }
1538
-
1539
- .n-popover--negative .n-popover-option {
1540
- color: #ffffff; }
1541
-
1542
- .n-popover-option--primary.n-active,
1543
- .n-popover-option--primary .n-icon {
1544
- color: #4e7bff; }
1545
-
1546
- .n-popover-option--secondary.n-active,
1547
- .n-popover-option--secondary .n-icon {
1548
- color: #683bff; }
1549
-
1550
- .n-popover-option--info.n-active,
1551
- .n-popover-option--info .n-icon {
1552
- color: #37C4EF; }
1553
-
1554
- .n-popover-option--success.n-active,
1555
- .n-popover-option--success .n-icon {
1556
- color: #3ed786; }
1557
-
1558
- .n-popover-option--warning.n-active,
1559
- .n-popover-option--warning .n-icon {
1560
- color: #ffac2f; }
1561
-
1562
- .n-popover-option--danger.n-active,
1563
- .n-popover-option--danger .n-icon {
1564
- color: #fd2f51; }
1565
-
1566
- .n-popover--tooltip .n-popover__frame {
1567
- color: #ffffff;
1568
- background: rgba(9, 11, 16, 0.9); }
1569
-
1570
- .n-popover--tooltip .n-popover__body {
1571
- padding: 3px 8px; }
1572
-
1573
- .n-modal__backdrop {
1574
- background: rgba(9, 11, 16, 0.6); }
1575
-
1576
- .n-modal__frame {
1577
- box-shadow: 0 1px 5px 1px rgba(23, 33, 64, 0.2); }
1578
-
1579
- .n-modal--default .n-modal__frame {
1580
- color: #090b10;
1581
- background: #ffffff; }
1582
-
1583
- .n-modal--default .n-modal__header {
1584
- border-bottom: 1px solid #e6e7e7;
1585
- background: #f3f3f3; }
1586
-
1587
- .n-modal--default .n-modal__footer {
1588
- border-top: 1px solid #e6e7e7;
1589
- background: #f3f3f3; }
1590
-
1591
- .n-modal--preview .n-modal__frame {
1592
- color: #ffffff;
1593
- background: #090b10; }
1594
-
1595
- .n-modal--preview .n-modal__header {
1596
- border-bottom: 1px solid #222328;
1597
- background: #15171c; }
1598
-
1599
- .n-modal--preview .n-modal__footer {
1600
- border-top: 1px solid #222328;
1601
- background: #15171c; }
1602
-
1603
- .n-confirm--primary .n-confirm__icon {
1604
- color: #4e7bff; }
1605
-
1606
- .n-confirm--secondary .n-confirm__icon {
1607
- color: #683bff; }
1608
-
1609
- .n-confirm--info .n-confirm__icon {
1610
- color: #37C4EF; }
1611
-
1612
- .n-confirm--success .n-confirm__icon {
1613
- color: #3ed786; }
1614
-
1615
- .n-confirm--warning .n-confirm__icon {
1616
- color: #ffac2f; }
1617
-
1618
- .n-confirm--danger .n-confirm__icon {
1619
- color: #fd2f51; }
1620
-
1621
- .n-table {
1622
- border: 1px solid #e6e7e7; }
1623
-
1624
- .n-table .n-draglist-item {
1625
- border-bottom: 1px solid #e6e7e7; }
1626
-
1627
- .n-table .n-table__header {
1628
- background: #f3f3f3;
1629
- border-bottom: 1px solid #e6e7e7;
1630
- box-shadow: 0 0 3px rgba(23, 33, 64, 0.1); }
1631
-
1632
- .n-table__header .n-table-column {
1633
- border-left: 1px solid #e6e7e7;
1634
- border-right: 1px solid #e6e7e7; }
1635
-
1636
- .n-table-column.n-filtered .n-table-column__label {
1637
- color: #4e7bff; }
1638
-
1639
- .n-table-column .n-table-column__sort > i:before {
1640
- border-top-color: rgba(132, 133, 136, 0.5); }
1641
-
1642
- .n-table-column.n-sorted.n-desc .n-table-column__sort > i:before {
1643
- border-top-color: #4e7bff; }
1644
-
1645
- .n-table-column .n-table-column__sort > i:after {
1646
- border-bottom-color: rgba(132, 133, 136, 0.5); }
1647
-
1648
- .n-table-column.n-sorted.n-asc .n-table-column__sort > i:after {
1649
- border-bottom-color: #4e7bff; }
1650
-
1651
- .n-table .n-table-column .n-table-column__filter > i {
1652
- color: #6b6d70;
1653
- background: #e6e7e7; }
1654
-
1655
- .n-table-cell.n-changed:before {
1656
- content: '\00a0';
1657
- position: absolute;
1658
- top: -3px;
1659
- left: -3px;
1660
- display: block;
1661
- width: 0;
1662
- height: 0;
1663
- border: 3px solid transparent;
1664
- border-bottom-color: #fd2f51;
1665
- transform: rotate(-45deg); }
1666
-
1667
- .n-table-cell--image > div {
1668
- background-color: #f3f3f3; }
1669
-
1670
- .n-table-cell--checkbox i {
1671
- background: #e6e7e7; }
1672
-
1673
- .n-table-cell--checkbox.n-disabled i {
1674
- background: rgba(194, 194, 195, 0.3); }
1675
-
1676
- .n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
1677
- .n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
1678
- color: #ffffff;
1679
- background: #4e7bff;
1680
- border-color: #4e7bff; }
1681
-
1682
- .n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
1683
- background: #7a9bff;
1684
- border-color: #7a9bff; }
1685
-
1686
- .n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
1687
- .n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
1688
- color: #ffffff;
1689
- background: #683bff;
1690
- border-color: #683bff; }
1691
-
1692
- .n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
1693
- background: #8b69ff;
1694
- border-color: #8b69ff; }
1695
-
1696
- .n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
1697
- .n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
1698
- color: #ffffff;
1699
- background: #37C4EF;
1700
- border-color: #37C4EF; }
1701
-
1702
- .n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
1703
- background: #63d1f3;
1704
- border-color: #63d1f3; }
1705
-
1706
- .n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
1707
- .n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
1708
- color: #ffffff;
1709
- background: #3ed786;
1710
- border-color: #3ed786; }
1711
-
1712
- .n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
1713
- background: #66df9f;
1714
- border-color: #66df9f; }
1715
-
1716
- .n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
1717
- .n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
1718
- color: #ffffff;
1719
- background: #ffac2f;
1720
- border-color: #ffac2f; }
1721
-
1722
- .n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
1723
- background: #ffbe5e;
1724
- border-color: #ffbe5e; }
1725
-
1726
- .n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
1727
- .n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
1728
- color: #ffffff;
1729
- background: #fd2f51;
1730
- border-color: #fd2f51; }
1731
-
1732
- .n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
1733
- background: #fd5d77;
1734
- border-color: #fd5d77; }
1735
-
1736
- .n-paginator {
1737
- color: #6b6d70; }
1738
-
1739
- .n-tabs__header:after {
1740
- border-bottom: 1px solid #dadadb; }
1741
-
1742
- .n-tabs__indicator {
1743
- background: #090b10; }
1744
-
1745
- .n-tabs--primary .n-tabs__indicator {
1746
- background: #4e7bff; }
1747
-
1748
- .n-tabs--secondary .n-tabs__indicator {
1749
- background: #683bff; }
1750
-
1751
- .n-tabs--info .n-tabs__indicator {
1752
- background: #37C4EF; }
1753
-
1754
- .n-tabs--success .n-tabs__indicator {
1755
- background: #3ed786; }
1756
-
1757
- .n-tabs--warning .n-tabs__indicator {
1758
- background: #ffac2f; }
1759
-
1760
- .n-tabs--danger .n-tabs__indicator {
1761
- background: #fd2f51; }
1762
-
1763
- .n-tabs__tab-icon {
1764
- color: #9d9d9f; }
1765
-
1766
- .n-tabs--primary .n-tabs__tab.n-active .n-tabs__tab-icon,
1767
- .n-tabs--primary .n-tabs__tab.n-active .n-tabs__tab-label {
1768
- color: #4e7bff; }
1769
-
1770
- .n-tabs--secondary .n-tabs__tab.n-active .n-tabs__tab-icon,
1771
- .n-tabs--secondary .n-tabs__tab.n-active .n-tabs__tab-label {
1772
- color: #683bff; }
1773
-
1774
- .n-tabs--info .n-tabs__tab.n-active .n-tabs__tab-icon,
1775
- .n-tabs--info .n-tabs__tab.n-active .n-tabs__tab-label {
1776
- color: #37C4EF; }
1777
-
1778
- .n-tabs--success .n-tabs__tab.n-active .n-tabs__tab-icon,
1779
- .n-tabs--success .n-tabs__tab.n-active .n-tabs__tab-label {
1780
- color: #3ed786; }
1781
-
1782
- .n-tabs--warning .n-tabs__tab.n-active .n-tabs__tab-icon,
1783
- .n-tabs--warning .n-tabs__tab.n-active .n-tabs__tab-label {
1784
- color: #ffac2f; }
1785
-
1786
- .n-tabs--danger .n-tabs__tab.n-active .n-tabs__tab-icon,
1787
- .n-tabs--danger .n-tabs__tab.n-active .n-tabs__tab-label {
1788
- color: #fd2f51; }
1789
-
1790
- .n-info {
1791
- border: 1px solid #e6e7e7; }
1792
-
1793
- .n-info-column {
1794
- color: #6b6d70; }
1795
-
1796
- .n-info-field.n-info-field--image > div {
1797
- background-color: rgba(132, 133, 136, 0.2); }
1798
-
1799
- .n-demo {
1800
- color: #090b10;
1801
- background: #ffffff; }
1802
-
1803
- .n-demo input,
1804
- .n-demo textarea {
1805
- color: #090b10; }
1806
-