@kizmann/nano-ui 0.8.37 → 0.9.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (66) hide show
  1. package/bun.lockb +0 -0
  2. package/demos/overview.html +5 -15
  3. package/demos/select.html +164 -0
  4. package/dist/nano-ui.css +1 -1
  5. package/dist/nano-ui.js +2 -2
  6. package/dist/nano-ui.js.map +1 -1
  7. package/dist/themes/light.css +1 -1
  8. package/docs/README.md +1 -2
  9. package/docs/_sidebar.md +19 -21
  10. package/docs/dist/docs.css +2 -0
  11. package/docs/{data → files/data}/table.md +40 -14
  12. package/docs/files/form/button.md +122 -0
  13. package/docs/{form → files/form}/form.md +14 -0
  14. package/docs/files/form/input.md +90 -0
  15. package/docs/files/form/switch.md +92 -0
  16. package/docs/index.html +163 -44
  17. package/docs/src/scss/docsify/basic/_layout.sass +3 -6
  18. package/docs/src/scss/docsify/syntax.scss +139 -0
  19. package/docs/src/scss/docsify/vue.sass +2 -15
  20. package/docs/src/scss/index.scss +428 -16
  21. package/package.json +1 -1
  22. package/src/button/src/button/button.js +1 -9
  23. package/src/mixins/src/ctor.js +0 -6
  24. package/src/popover/src/popover/popover.scss +4 -0
  25. package/src/radio/src/radio-group/radio-group.js +1 -1
  26. package/src/root/vars.scss +10 -10
  27. package/src/scrollbar/src/scrollbar/scrollbar.next.js +21 -1
  28. package/src/select/src/select/select.js +191 -78
  29. package/src/select/src/select/select.scss +4 -0
  30. package/src/select/src/select-option/select-option.js +6 -2
  31. package/src/table/src/table/table.scss +0 -1
  32. package/src/tags/src/tags-item/tags-item.js +17 -1
  33. package/src/virtualscroller/src/virtualscroller/virtualscroller.beta.js +12 -2
  34. package/themes/light/root/vars.scss +10 -10
  35. package/themes/light/switch/src/switch/switch.scss +1 -1
  36. package/themes/light/table/src/table/table.scss +1 -1
  37. package/themes/light/tags/src/tags-item/tags-item.scss +16 -0
  38. package/webpack.config.js +13 -13
  39. package/dist/themes/basic.css +0 -2029
  40. package/dist/themes/flat.css +0 -1806
  41. package/dist/themes/flat.dark.css +0 -1809
  42. package/docs/dist/index.css +0 -6977
  43. package/docs/form/button.md +0 -299
  44. package/docs/form/input.md +0 -205
  45. package/docs/form/switch.md +0 -166
  46. /package/docs/{data → files/data}/draggable.md +0 -0
  47. /package/docs/{data → files/data}/map.md +0 -0
  48. /package/docs/{data → files/data}/paginator.md +0 -0
  49. /package/docs/{data → files/data}/virtualscroller.md +0 -0
  50. /package/docs/{form → files/form}/cascader.md +0 -0
  51. /package/docs/{form → files/form}/checkbox.md +0 -0
  52. /package/docs/{form → files/form}/datepicker.md +0 -0
  53. /package/docs/{form → files/form}/radio.md +0 -0
  54. /package/docs/{form → files/form}/select.md +0 -0
  55. /package/docs/{form → files/form}/textarea.md +0 -0
  56. /package/docs/{form → files/form}/timepicker.md +0 -0
  57. /package/docs/{form → files/form}/transfer.md +0 -0
  58. /package/docs/{others → files/others}/config.md +0 -0
  59. /package/docs/{others → files/others}/confirm.md +0 -0
  60. /package/docs/{others → files/others}/loader.md +0 -0
  61. /package/docs/{others → files/others}/modal.md +0 -0
  62. /package/docs/{others → files/others}/notification.md +0 -0
  63. /package/docs/{others → files/others}/popover.md +0 -0
  64. /package/docs/{others → files/others}/resizer.md +0 -0
  65. /package/docs/{others → files/others}/scrollbar.md +0 -0
  66. /package/docs/{others → files/others}/tabs.md +0 -0
@@ -1,2029 +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-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
-