@kizmann/nano-ui 0.6.12 → 0.7.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (268) hide show
  1. package/README.md +1 -0
  2. package/demos/overview.html +7 -6
  3. package/dist/nano-ui.css +1 -1
  4. package/dist/nano-ui.js +3 -3
  5. package/dist/nano-ui.js.map +1 -1
  6. package/dist/themes/light.css +2 -0
  7. package/package.json +1 -1
  8. package/postcss.config.js +1 -1
  9. package/src/alert/index.js +5 -0
  10. package/src/alert/index.scss +1 -0
  11. package/src/alert/src/alert/alert.js +128 -0
  12. package/src/alert/src/alert/alert.scss +83 -0
  13. package/src/draggable/src/draghandler/draghandler.js +45 -3
  14. package/src/index.js +9 -0
  15. package/src/index.scss +1 -0
  16. package/src/preview/src/preview/preview.scss +12 -0
  17. package/src/select/src/select/select.js +26 -9
  18. package/themes/light/alert/index.scss +1 -0
  19. package/themes/{flat-dark/form/src/form-group/form-group.scss → light/alert/src/alert/alert.scss} +11 -2
  20. package/themes/{basic → light}/button/index.scss +0 -0
  21. package/themes/{basic → light}/button/src/button/button.scss +0 -0
  22. package/themes/{basic → light}/button/src/button-group/button-group.scss +0 -0
  23. package/themes/{basic → light}/cascader/index.scss +0 -0
  24. package/themes/{basic → light}/cascader/src/cascader/cascader.scss +0 -0
  25. package/themes/{basic → light}/cascader/src/cascader-panel/cascader-panel.scss +0 -0
  26. package/themes/{basic → light}/checkbox/index.scss +0 -0
  27. package/themes/{basic → light}/checkbox/src/checkbox/checkbox.scss +0 -0
  28. package/themes/{basic → light}/checkbox/src/checkbox-group/checkbox-group.scss +0 -0
  29. package/themes/{basic → light}/collapse/index.scss +0 -0
  30. package/themes/{basic → light}/collapse/src/collapse/collapse.scss +0 -0
  31. package/themes/{basic → light}/collapse/src/collapse-item/collapse-item.scss +0 -0
  32. package/themes/{basic → light}/confirm/index.scss +0 -0
  33. package/themes/{basic → light}/confirm/src/confirm/confirm.scss +0 -0
  34. package/themes/{basic → light}/datepicker/index.scss +0 -0
  35. package/themes/{basic → light}/datepicker/src/datepicker/datepicker.scss +0 -0
  36. package/themes/{basic → light}/datepicker/src/datepicker-panel/datepicker-panel.scss +0 -0
  37. package/themes/{basic → light}/demo/index.scss +0 -0
  38. package/themes/{basic → light}/demo/src/demo/demo.scss +0 -0
  39. package/themes/{basic → light}/draggable/index.scss +0 -0
  40. package/themes/{basic → light}/draggable/src/draggrid/draggrid.scss +0 -0
  41. package/themes/{basic → light}/draggable/src/draggrid-item/draggrid-item.scss +0 -0
  42. package/themes/{flat-dark → light}/draggable/src/draghandler/draghandler.scss +5 -0
  43. package/themes/{basic → light}/draggable/src/draglist/draglist.scss +0 -0
  44. package/themes/{basic → light}/draggable/src/draglist-item/draglist-item.scss +0 -0
  45. package/themes/{basic → light}/empty/index.scss +0 -0
  46. package/themes/{basic → light}/empty/src/empty-icon/empty-icon.scss +0 -0
  47. package/themes/{basic → light}/form/index.scss +0 -0
  48. package/themes/{basic → light}/form/src/form/form.scss +0 -0
  49. package/themes/{basic → light}/form/src/form-group/form-group.scss +0 -0
  50. package/themes/{basic → light}/form/src/form-item/form-item.scss +0 -0
  51. package/themes/{basic → light}/index.scss +1 -0
  52. package/themes/{basic → light}/info/index.scss +0 -0
  53. package/themes/{basic → light}/info/src/info/info.scss +0 -0
  54. package/themes/{basic → light}/info/src/info-column/info-column.scss +0 -0
  55. package/themes/{basic → light}/info/src/info-field/info-field.scss +0 -0
  56. package/themes/{basic → light}/input/index.scss +0 -0
  57. package/themes/{basic → light}/input/src/input/input.scss +0 -0
  58. package/themes/{basic → light}/input-number/index.scss +0 -0
  59. package/themes/{basic → light}/input-number/src/input-number/input-number.scss +0 -0
  60. package/themes/{basic → light}/loader/index.scss +0 -0
  61. package/themes/{basic → light}/loader/src/loader/loader.scss +0 -0
  62. package/themes/{basic → light}/map/index.scss +0 -0
  63. package/themes/{basic → light}/map/src/map/map.scss +0 -0
  64. package/themes/{basic → light}/modal/index.scss +0 -0
  65. package/themes/{basic → light}/modal/src/modal/modal.scss +0 -0
  66. package/themes/{basic → light}/notification/index.scss +0 -0
  67. package/themes/{basic → light}/notification/src/notification/notification.scss +0 -0
  68. package/themes/{basic → light}/paginator/index.scss +0 -0
  69. package/themes/{basic → light}/paginator/src/paginator/paginator.scss +0 -0
  70. package/themes/{basic → light}/popover/index.scss +0 -0
  71. package/themes/{basic → light}/popover/src/popover/popover.scss +0 -0
  72. package/themes/{basic → light}/radio/index.scss +0 -0
  73. package/themes/{basic → light}/radio/src/radio/radio.scss +0 -0
  74. package/themes/{basic → light}/radio/src/radio-group/radio-group.scss +0 -0
  75. package/themes/{basic → light}/resizer/index.scss +0 -0
  76. package/themes/{basic → light}/resizer/src/resizer/resizer.scss +0 -0
  77. package/themes/{basic → light}/root/image/empty-default.svg +0 -0
  78. package/themes/{basic → light}/root/image/empty-space.svg +0 -0
  79. package/themes/{basic → light}/root/vars.scss +0 -0
  80. package/themes/{basic → light}/scrollbar/index.scss +0 -0
  81. package/themes/{basic → light}/scrollbar/src/scrollbar/scrollbar.scss +0 -0
  82. package/themes/{basic → light}/select/index.scss +0 -0
  83. package/themes/{basic → light}/select/src/select/select.scss +0 -0
  84. package/themes/{basic → light}/select/src/select-option/select-option.scss +0 -0
  85. package/themes/{basic → light}/switch/index.scss +0 -0
  86. package/themes/{basic → light}/switch/src/switch/switch.scss +0 -0
  87. package/themes/{basic → light}/table/index.scss +0 -0
  88. package/themes/{basic → light}/table/src/table/table.scss +0 -0
  89. package/themes/{basic → light}/table/src/table-cell/table-cell.scss +0 -0
  90. package/themes/{basic → light}/table/src/table-column/table-column.scss +0 -0
  91. package/themes/{basic → light}/table/src/table-filter/table-filter.scss +0 -0
  92. package/themes/{basic → light}/tabs/index.scss +0 -0
  93. package/themes/{basic → light}/tabs/src/tabs/tabs.scss +0 -0
  94. package/themes/{basic → light}/tabs/src/tabs-item/tabs-item.scss +0 -0
  95. package/themes/{basic → light}/textarea/index.scss +0 -0
  96. package/themes/{basic → light}/textarea/src/textarea/textarea.scss +0 -0
  97. package/themes/{basic → light}/timepicker/index.scss +0 -0
  98. package/themes/{basic → light}/timepicker/src/timepicker/timepicker.scss +0 -0
  99. package/themes/{basic → light}/timepicker/src/timepicker-panel/timepicker-panel.scss +0 -0
  100. package/themes/{basic → light}/transfer/index.scss +0 -0
  101. package/themes/{basic → light}/transfer/src/transfer/transfer.scss +0 -0
  102. package/themes/{basic → light}/virtualscroller/index.scss +0 -0
  103. package/themes/{basic → light}/virtualscroller/src/virtualscroller/virtualscroller.scss +0 -0
  104. package/webpack.config.js +18 -52
  105. package/dist/themes/basic.css +0 -2
  106. package/dist/themes/flat.css +0 -2
  107. package/dist/themes/flat.dark.css +0 -2
  108. package/themes/basic/draggable/src/draghandler/draghandler.scss +0 -10
  109. package/themes/flat/button/index.scss +0 -2
  110. package/themes/flat/button/src/button/button.scss +0 -46
  111. package/themes/flat/button/src/button-group/button-group.scss +0 -5
  112. package/themes/flat/cascader/index.scss +0 -2
  113. package/themes/flat/cascader/src/cascader/cascader.scss +0 -46
  114. package/themes/flat/cascader/src/cascader-panel/cascader-panel.scss +0 -13
  115. package/themes/flat/checkbox/index.scss +0 -2
  116. package/themes/flat/checkbox/src/checkbox/checkbox.scss +0 -44
  117. package/themes/flat/checkbox/src/checkbox-group/checkbox-group.scss +0 -1
  118. package/themes/flat/confirm/index.scss +0 -1
  119. package/themes/flat/confirm/src/confirm/confirm.scss +0 -13
  120. package/themes/flat/datepicker/index.scss +0 -2
  121. package/themes/flat/datepicker/src/datepicker/datepicker.scss +0 -50
  122. package/themes/flat/datepicker/src/datepicker-panel/datepicker-panel.scss +0 -44
  123. package/themes/flat/demo/index.scss +0 -1
  124. package/themes/flat/demo/src/demo/demo.scss +0 -11
  125. package/themes/flat/draggable/index.scss +0 -7
  126. package/themes/flat/draggable/src/draggrid/draggrid.scss +0 -13
  127. package/themes/flat/draggable/src/draggrid-item/draggrid-item.scss +0 -65
  128. package/themes/flat/draggable/src/draghandler/draghandler.scss +0 -10
  129. package/themes/flat/draggable/src/draglist/draglist.scss +0 -13
  130. package/themes/flat/draggable/src/draglist-item/draglist-item.scss +0 -72
  131. package/themes/flat/empty/index.scss +0 -1
  132. package/themes/flat/empty/src/empty-icon/empty-icon.scss +0 -13
  133. package/themes/flat/form/index.scss +0 -3
  134. package/themes/flat/form/src/form/form.scss +0 -1
  135. package/themes/flat/form/src/form-group/form-group.scss +0 -17
  136. package/themes/flat/form/src/form-item/form-item.scss +0 -9
  137. package/themes/flat/index.scss +0 -31
  138. package/themes/flat/info/index.scss +0 -3
  139. package/themes/flat/info/src/info/info.scss +0 -5
  140. package/themes/flat/info/src/info-column/info-column.scss +0 -5
  141. package/themes/flat/info/src/info-field/info-field.scss +0 -5
  142. package/themes/flat/input/index.scss +0 -1
  143. package/themes/flat/input/src/input/input.scss +0 -38
  144. package/themes/flat/input-number/index.scss +0 -1
  145. package/themes/flat/input-number/src/input-number/input-number.scss +0 -39
  146. package/themes/flat/loader/index.scss +0 -1
  147. package/themes/flat/loader/src/loader/loader.scss +0 -21
  148. package/themes/flat/map/index.scss +0 -1
  149. package/themes/flat/map/src/map/map.scss +0 -1
  150. package/themes/flat/modal/index.scss +0 -1
  151. package/themes/flat/modal/src/modal/modal.scss +0 -51
  152. package/themes/flat/notification/index.scss +0 -1
  153. package/themes/flat/notification/src/notification/notification.scss +0 -24
  154. package/themes/flat/paginator/index.scss +0 -1
  155. package/themes/flat/paginator/src/paginator/paginator.scss +0 -5
  156. package/themes/flat/popover/index.scss +0 -1
  157. package/themes/flat/popover/src/popover/popover.scss +0 -100
  158. package/themes/flat/radio/index.scss +0 -2
  159. package/themes/flat/radio/src/radio/radio.scss +0 -45
  160. package/themes/flat/radio/src/radio-group/radio-group.scss +0 -1
  161. package/themes/flat/resizer/index.scss +0 -1
  162. package/themes/flat/resizer/src/resizer/resizer.scss +0 -5
  163. package/themes/flat/root/image/empty-default.svg +0 -30
  164. package/themes/flat/root/image/empty-space.svg +0 -34
  165. package/themes/flat/root/vars.scss +0 -160
  166. package/themes/flat/scrollbar/index.scss +0 -1
  167. package/themes/flat/scrollbar/src/scrollbar/scrollbar.scss +0 -6
  168. package/themes/flat/select/index.scss +0 -2
  169. package/themes/flat/select/src/select/select.scss +0 -46
  170. package/themes/flat/select/src/select-option/select-option.scss +0 -1
  171. package/themes/flat/switch/index.scss +0 -1
  172. package/themes/flat/switch/src/switch/switch.scss +0 -28
  173. package/themes/flat/table/index.scss +0 -4
  174. package/themes/flat/table/src/table/table.scss +0 -15
  175. package/themes/flat/table/src/table-cell/table-cell.scss +0 -51
  176. package/themes/flat/table/src/table-column/table-column.scss +0 -32
  177. package/themes/flat/table/src/table-filter/table-filter.scss +0 -1
  178. package/themes/flat/tabs/index.scss +0 -2
  179. package/themes/flat/tabs/src/tabs/tabs.scss +0 -21
  180. package/themes/flat/tabs/src/tabs-item/tabs-item.scss +0 -18
  181. package/themes/flat/textarea/index.scss +0 -1
  182. package/themes/flat/textarea/src/textarea/textarea.scss +0 -30
  183. package/themes/flat/timepicker/index.scss +0 -2
  184. package/themes/flat/timepicker/src/timepicker/timepicker.scss +0 -50
  185. package/themes/flat/timepicker/src/timepicker-panel/timepicker-panel.scss +0 -27
  186. package/themes/flat/transfer/index.scss +0 -1
  187. package/themes/flat/transfer/src/transfer/transfer.scss +0 -20
  188. package/themes/flat/virtualscroller/index.scss +0 -1
  189. package/themes/flat/virtualscroller/src/virtualscroller/virtualscroller.scss +0 -1
  190. package/themes/flat-dark/button/index.scss +0 -2
  191. package/themes/flat-dark/button/src/button/button.scss +0 -50
  192. package/themes/flat-dark/button/src/button-group/button-group.scss +0 -5
  193. package/themes/flat-dark/cascader/index.scss +0 -2
  194. package/themes/flat-dark/cascader/src/cascader/cascader.scss +0 -46
  195. package/themes/flat-dark/cascader/src/cascader-panel/cascader-panel.scss +0 -13
  196. package/themes/flat-dark/checkbox/index.scss +0 -2
  197. package/themes/flat-dark/checkbox/src/checkbox/checkbox.scss +0 -44
  198. package/themes/flat-dark/checkbox/src/checkbox-group/checkbox-group.scss +0 -1
  199. package/themes/flat-dark/confirm/index.scss +0 -1
  200. package/themes/flat-dark/confirm/src/confirm/confirm.scss +0 -13
  201. package/themes/flat-dark/datepicker/index.scss +0 -2
  202. package/themes/flat-dark/datepicker/src/datepicker/datepicker.scss +0 -50
  203. package/themes/flat-dark/datepicker/src/datepicker-panel/datepicker-panel.scss +0 -44
  204. package/themes/flat-dark/demo/index.scss +0 -1
  205. package/themes/flat-dark/demo/src/demo/demo.scss +0 -11
  206. package/themes/flat-dark/draggable/index.scss +0 -7
  207. package/themes/flat-dark/draggable/src/draggrid/draggrid.scss +0 -13
  208. package/themes/flat-dark/draggable/src/draggrid-item/draggrid-item.scss +0 -65
  209. package/themes/flat-dark/draggable/src/draglist/draglist.scss +0 -13
  210. package/themes/flat-dark/draggable/src/draglist-item/draglist-item.scss +0 -72
  211. package/themes/flat-dark/empty/index.scss +0 -1
  212. package/themes/flat-dark/empty/src/empty-icon/empty-icon.scss +0 -13
  213. package/themes/flat-dark/form/index.scss +0 -3
  214. package/themes/flat-dark/form/src/form/form.scss +0 -1
  215. package/themes/flat-dark/form/src/form-item/form-item.scss +0 -9
  216. package/themes/flat-dark/index.scss +0 -31
  217. package/themes/flat-dark/info/index.scss +0 -3
  218. package/themes/flat-dark/info/src/info/info.scss +0 -5
  219. package/themes/flat-dark/info/src/info-column/info-column.scss +0 -5
  220. package/themes/flat-dark/info/src/info-field/info-field.scss +0 -5
  221. package/themes/flat-dark/input/index.scss +0 -1
  222. package/themes/flat-dark/input/src/input/input.scss +0 -38
  223. package/themes/flat-dark/input-number/index.scss +0 -1
  224. package/themes/flat-dark/input-number/src/input-number/input-number.scss +0 -39
  225. package/themes/flat-dark/loader/index.scss +0 -1
  226. package/themes/flat-dark/loader/src/loader/loader.scss +0 -21
  227. package/themes/flat-dark/map/index.scss +0 -1
  228. package/themes/flat-dark/map/src/map/map.scss +0 -1
  229. package/themes/flat-dark/modal/index.scss +0 -1
  230. package/themes/flat-dark/modal/src/modal/modal.scss +0 -51
  231. package/themes/flat-dark/notification/index.scss +0 -1
  232. package/themes/flat-dark/notification/src/notification/notification.scss +0 -24
  233. package/themes/flat-dark/paginator/index.scss +0 -1
  234. package/themes/flat-dark/paginator/src/paginator/paginator.scss +0 -5
  235. package/themes/flat-dark/popover/index.scss +0 -1
  236. package/themes/flat-dark/popover/src/popover/popover.scss +0 -100
  237. package/themes/flat-dark/radio/index.scss +0 -2
  238. package/themes/flat-dark/radio/src/radio/radio.scss +0 -45
  239. package/themes/flat-dark/radio/src/radio-group/radio-group.scss +0 -1
  240. package/themes/flat-dark/resizer/index.scss +0 -1
  241. package/themes/flat-dark/resizer/src/resizer/resizer.scss +0 -5
  242. package/themes/flat-dark/root/image/empty-default.svg +0 -30
  243. package/themes/flat-dark/root/image/empty-space.svg +0 -34
  244. package/themes/flat-dark/root/vars.scss +0 -160
  245. package/themes/flat-dark/scrollbar/index.scss +0 -1
  246. package/themes/flat-dark/scrollbar/src/scrollbar/scrollbar.scss +0 -6
  247. package/themes/flat-dark/select/index.scss +0 -2
  248. package/themes/flat-dark/select/src/select/select.scss +0 -46
  249. package/themes/flat-dark/select/src/select-option/select-option.scss +0 -1
  250. package/themes/flat-dark/switch/index.scss +0 -1
  251. package/themes/flat-dark/switch/src/switch/switch.scss +0 -28
  252. package/themes/flat-dark/table/index.scss +0 -4
  253. package/themes/flat-dark/table/src/table/table.scss +0 -15
  254. package/themes/flat-dark/table/src/table-cell/table-cell.scss +0 -51
  255. package/themes/flat-dark/table/src/table-column/table-column.scss +0 -32
  256. package/themes/flat-dark/table/src/table-filter/table-filter.scss +0 -1
  257. package/themes/flat-dark/tabs/index.scss +0 -2
  258. package/themes/flat-dark/tabs/src/tabs/tabs.scss +0 -21
  259. package/themes/flat-dark/tabs/src/tabs-item/tabs-item.scss +0 -18
  260. package/themes/flat-dark/textarea/index.scss +0 -1
  261. package/themes/flat-dark/textarea/src/textarea/textarea.scss +0 -30
  262. package/themes/flat-dark/timepicker/index.scss +0 -2
  263. package/themes/flat-dark/timepicker/src/timepicker/timepicker.scss +0 -50
  264. package/themes/flat-dark/timepicker/src/timepicker-panel/timepicker-panel.scss +0 -27
  265. package/themes/flat-dark/transfer/index.scss +0 -1
  266. package/themes/flat-dark/transfer/src/transfer/transfer.scss +0 -20
  267. package/themes/flat-dark/virtualscroller/index.scss +0 -1
  268. package/themes/flat-dark/virtualscroller/src/virtualscroller/virtualscroller.scss +0 -1
@@ -1,2 +0,0 @@
1
- .n-empty-icon--default .n-empty-icon__frame{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='%23fff'%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")}.n-empty-icon--ufo .n-empty-icon__frame{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='%23fff'%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")}.n-empty-icon__text{color:rgba(255,255,255,0.4)}.n-notification{background:#fff;box-shadow:0 1px 5px 1px rgba(4,6,13,0.2)}.n-notification--primary{background:#4e7bff}.n-notification--primary .n-notification__icon,.n-notification--primary .n-notification__text{color:#fff}.n-notification--secondary{background:#683bff}.n-notification--secondary .n-notification__icon,.n-notification--secondary .n-notification__text{color:#fff}.n-notification--info{background:#37C4EF}.n-notification--info .n-notification__icon,.n-notification--info .n-notification__text{color:#fff}.n-notification--success{background:#3ed786}.n-notification--success .n-notification__icon,.n-notification--success .n-notification__text{color:#fff}.n-notification--warning{background:#ffac2f}.n-notification--warning .n-notification__icon,.n-notification--warning .n-notification__text{color:#fff}.n-notification--danger{background:#fd2f51}.n-notification--danger .n-notification__icon,.n-notification--danger .n-notification__text{color:#fff}.n-scrollbar-v:before,.n-scrollbar-h:before{background:rgba(9,11,16,0.3)}.n-resizer__handle:before{background:rgba(78,123,255,0.9)}.n-draggable__indicator{border-bottom:1px solid #4e7bff}.n-draggable__counter{color:#fff;background:#4e7bff}.n-draglist--primary.n-empty.n-dragover{background:rgba(78,123,255,0.075)}.n-draglist--secondary.n-empty.n-dragover{background:rgba(104,59,255,0.075)}.n-draglist--info.n-empty.n-dragover{background:rgba(55,196,239,0.075)}.n-draglist--success.n-empty.n-dragover{background:rgba(62,215,134,0.075)}.n-draglist--warning.n-empty.n-dragover{background:rgba(255,172,47,0.075)}.n-draglist--danger.n-empty.n-dragover{background:rgba(253,47,81,0.075)}.n-draglist-item.n-current{background:rgba(169,170,171,0.1)}.n-draglist-item.n-nodrop{background:rgba(253,47,81,0.1)}.n-draglist-item .n-draglist-item__ellipsis{color:#535458}.n-draglist-item .n-draglist-item__expand{color:#9d9d9f}.n-draglist-item__checkbox{background:rgba(83,84,88,0.5)}.n-draglist-item.n-disabled .n-draglist-item__checkbox{background:rgba(107,109,112,0.3)}.n-draglist--primary.n-empty.n-dragover{background:rgba(78,123,255,0.075)}.n-draglist--primary .n-draglist-item.n-dragover{background:rgba(78,123,255,0.075)}.n-draglist--primary .n-draglist-item.n-highlight{-webkit-animation:NDraglistItemprimary 1s linear infinite;animation:NDraglistItemprimary 1s linear infinite}.n-draglist--primary .n-draglist-item.n-selected .n-draglist-item__checkbox{color:#fff;background:#4e7bff;border-color:#4e7bff}@-webkit-keyframes NDraglistItemprimary{0%{background:rgba(78,123,255,0)}50%{background:rgba(78,123,255,0.15)}100%{background:rgba(78,123,255,0)}}@keyframes NDraglistItemprimary{0%{background:rgba(78,123,255,0)}50%{background:rgba(78,123,255,0.15)}100%{background:rgba(78,123,255,0)}}.n-draglist--secondary.n-empty.n-dragover{background:rgba(104,59,255,0.075)}.n-draglist--secondary .n-draglist-item.n-dragover{background:rgba(104,59,255,0.075)}.n-draglist--secondary .n-draglist-item.n-highlight{-webkit-animation:NDraglistItemsecondary 1s linear infinite;animation:NDraglistItemsecondary 1s linear infinite}.n-draglist--secondary .n-draglist-item.n-selected .n-draglist-item__checkbox{color:#fff;background:#683bff;border-color:#683bff}@-webkit-keyframes NDraglistItemsecondary{0%{background:rgba(104,59,255,0)}50%{background:rgba(104,59,255,0.15)}100%{background:rgba(104,59,255,0)}}@keyframes NDraglistItemsecondary{0%{background:rgba(104,59,255,0)}50%{background:rgba(104,59,255,0.15)}100%{background:rgba(104,59,255,0)}}.n-draglist--info.n-empty.n-dragover{background:rgba(55,196,239,0.075)}.n-draglist--info .n-draglist-item.n-dragover{background:rgba(55,196,239,0.075)}.n-draglist--info .n-draglist-item.n-highlight{-webkit-animation:NDraglistIteminfo 1s linear infinite;animation:NDraglistIteminfo 1s linear infinite}.n-draglist--info .n-draglist-item.n-selected .n-draglist-item__checkbox{color:#fff;background:#37C4EF;border-color:#37C4EF}@-webkit-keyframes NDraglistIteminfo{0%{background:rgba(55,196,239,0)}50%{background:rgba(55,196,239,0.15)}100%{background:rgba(55,196,239,0)}}@keyframes NDraglistIteminfo{0%{background:rgba(55,196,239,0)}50%{background:rgba(55,196,239,0.15)}100%{background:rgba(55,196,239,0)}}.n-draglist--success.n-empty.n-dragover{background:rgba(62,215,134,0.075)}.n-draglist--success .n-draglist-item.n-dragover{background:rgba(62,215,134,0.075)}.n-draglist--success .n-draglist-item.n-highlight{-webkit-animation:NDraglistItemsuccess 1s linear infinite;animation:NDraglistItemsuccess 1s linear infinite}.n-draglist--success .n-draglist-item.n-selected .n-draglist-item__checkbox{color:#fff;background:#3ed786;border-color:#3ed786}@-webkit-keyframes NDraglistItemsuccess{0%{background:rgba(62,215,134,0)}50%{background:rgba(62,215,134,0.15)}100%{background:rgba(62,215,134,0)}}@keyframes NDraglistItemsuccess{0%{background:rgba(62,215,134,0)}50%{background:rgba(62,215,134,0.15)}100%{background:rgba(62,215,134,0)}}.n-draglist--warning.n-empty.n-dragover{background:rgba(255,172,47,0.075)}.n-draglist--warning .n-draglist-item.n-dragover{background:rgba(255,172,47,0.075)}.n-draglist--warning .n-draglist-item.n-highlight{-webkit-animation:NDraglistItemwarning 1s linear infinite;animation:NDraglistItemwarning 1s linear infinite}.n-draglist--warning .n-draglist-item.n-selected .n-draglist-item__checkbox{color:#fff;background:#ffac2f;border-color:#ffac2f}@-webkit-keyframes NDraglistItemwarning{0%{background:rgba(255,172,47,0)}50%{background:rgba(255,172,47,0.15)}100%{background:rgba(255,172,47,0)}}@keyframes NDraglistItemwarning{0%{background:rgba(255,172,47,0)}50%{background:rgba(255,172,47,0.15)}100%{background:rgba(255,172,47,0)}}.n-draglist--danger.n-empty.n-dragover{background:rgba(253,47,81,0.075)}.n-draglist--danger .n-draglist-item.n-dragover{background:rgba(253,47,81,0.075)}.n-draglist--danger .n-draglist-item.n-highlight{-webkit-animation:NDraglistItemdanger 1s linear infinite;animation:NDraglistItemdanger 1s linear infinite}.n-draglist--danger .n-draglist-item.n-selected .n-draglist-item__checkbox{color:#fff;background:#fd2f51;border-color:#fd2f51}@-webkit-keyframes NDraglistItemdanger{0%{background:rgba(253,47,81,0)}50%{background:rgba(253,47,81,0.15)}100%{background:rgba(253,47,81,0)}}@keyframes NDraglistItemdanger{0%{background:rgba(253,47,81,0)}50%{background:rgba(253,47,81,0.15)}100%{background:rgba(253,47,81,0)}}.n-draggrid--primary.n-empty.n-dragover{background:rgba(78,123,255,0.075)}.n-draggrid--secondary.n-empty.n-dragover{background:rgba(104,59,255,0.075)}.n-draggrid--info.n-empty.n-dragover{background:rgba(55,196,239,0.075)}.n-draggrid--success.n-empty.n-dragover{background:rgba(62,215,134,0.075)}.n-draggrid--warning.n-empty.n-dragover{background:rgba(255,172,47,0.075)}.n-draggrid--danger.n-empty.n-dragover{background:rgba(253,47,81,0.075)}.n-draggrid-item.n-current{background:rgba(169,170,171,0.1)}.n-draggrid-item.n-nodrop{background:rgba(253,47,81,0.1)}.n-draggrid-item .n-draggrid-item__ellipsis{color:#535458}.n-draggrid-item__checkbox{background:rgba(83,84,88,0.5)}.n-draggrid-item.n-disabled .n-draggrid-item__checkbox{background:rgba(107,109,112,0.3)}.n-draggrid--primary.n-empty.n-dragover{background:rgba(78,123,255,0.075)}.n-draggrid--primary .n-draggrid-item.n-dragover{background:rgba(78,123,255,0.075)}.n-draggrid--primary .n-draggrid-item.n-highlight{-webkit-animation:NDraggridItemprimary 1s linear infinite;animation:NDraggridItemprimary 1s linear infinite}.n-draggrid--primary .n-draggrid-item.n-selected .n-draggrid-item__checkbox{color:#fff;background:#4e7bff;border-color:#4e7bff}.n-draggrid--primary .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover{background:#7a9bff;border-color:#7a9bff}@-webkit-keyframes NDraggridItemprimary{0%{background:rgba(78,123,255,0)}50%{background:rgba(78,123,255,0.15)}100%{background:rgba(78,123,255,0)}}@keyframes NDraggridItemprimary{0%{background:rgba(78,123,255,0)}50%{background:rgba(78,123,255,0.15)}100%{background:rgba(78,123,255,0)}}.n-draggrid--secondary.n-empty.n-dragover{background:rgba(104,59,255,0.075)}.n-draggrid--secondary .n-draggrid-item.n-dragover{background:rgba(104,59,255,0.075)}.n-draggrid--secondary .n-draggrid-item.n-highlight{-webkit-animation:NDraggridItemsecondary 1s linear infinite;animation:NDraggridItemsecondary 1s linear infinite}.n-draggrid--secondary .n-draggrid-item.n-selected .n-draggrid-item__checkbox{color:#fff;background:#683bff;border-color:#683bff}.n-draggrid--secondary .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover{background:#8b69ff;border-color:#8b69ff}@-webkit-keyframes NDraggridItemsecondary{0%{background:rgba(104,59,255,0)}50%{background:rgba(104,59,255,0.15)}100%{background:rgba(104,59,255,0)}}@keyframes NDraggridItemsecondary{0%{background:rgba(104,59,255,0)}50%{background:rgba(104,59,255,0.15)}100%{background:rgba(104,59,255,0)}}.n-draggrid--info.n-empty.n-dragover{background:rgba(55,196,239,0.075)}.n-draggrid--info .n-draggrid-item.n-dragover{background:rgba(55,196,239,0.075)}.n-draggrid--info .n-draggrid-item.n-highlight{-webkit-animation:NDraggridIteminfo 1s linear infinite;animation:NDraggridIteminfo 1s linear infinite}.n-draggrid--info .n-draggrid-item.n-selected .n-draggrid-item__checkbox{color:#fff;background:#37C4EF;border-color:#37C4EF}.n-draggrid--info .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover{background:#63d1f3;border-color:#63d1f3}@-webkit-keyframes NDraggridIteminfo{0%{background:rgba(55,196,239,0)}50%{background:rgba(55,196,239,0.15)}100%{background:rgba(55,196,239,0)}}@keyframes NDraggridIteminfo{0%{background:rgba(55,196,239,0)}50%{background:rgba(55,196,239,0.15)}100%{background:rgba(55,196,239,0)}}.n-draggrid--success.n-empty.n-dragover{background:rgba(62,215,134,0.075)}.n-draggrid--success .n-draggrid-item.n-dragover{background:rgba(62,215,134,0.075)}.n-draggrid--success .n-draggrid-item.n-highlight{-webkit-animation:NDraggridItemsuccess 1s linear infinite;animation:NDraggridItemsuccess 1s linear infinite}.n-draggrid--success .n-draggrid-item.n-selected .n-draggrid-item__checkbox{color:#fff;background:#3ed786;border-color:#3ed786}.n-draggrid--success .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover{background:#66df9f;border-color:#66df9f}@-webkit-keyframes NDraggridItemsuccess{0%{background:rgba(62,215,134,0)}50%{background:rgba(62,215,134,0.15)}100%{background:rgba(62,215,134,0)}}@keyframes NDraggridItemsuccess{0%{background:rgba(62,215,134,0)}50%{background:rgba(62,215,134,0.15)}100%{background:rgba(62,215,134,0)}}.n-draggrid--warning.n-empty.n-dragover{background:rgba(255,172,47,0.075)}.n-draggrid--warning .n-draggrid-item.n-dragover{background:rgba(255,172,47,0.075)}.n-draggrid--warning .n-draggrid-item.n-highlight{-webkit-animation:NDraggridItemwarning 1s linear infinite;animation:NDraggridItemwarning 1s linear infinite}.n-draggrid--warning .n-draggrid-item.n-selected .n-draggrid-item__checkbox{color:#fff;background:#ffac2f;border-color:#ffac2f}.n-draggrid--warning .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover{background:#ffbe5e;border-color:#ffbe5e}@-webkit-keyframes NDraggridItemwarning{0%{background:rgba(255,172,47,0)}50%{background:rgba(255,172,47,0.15)}100%{background:rgba(255,172,47,0)}}@keyframes NDraggridItemwarning{0%{background:rgba(255,172,47,0)}50%{background:rgba(255,172,47,0.15)}100%{background:rgba(255,172,47,0)}}.n-draggrid--danger.n-empty.n-dragover{background:rgba(253,47,81,0.075)}.n-draggrid--danger .n-draggrid-item.n-dragover{background:rgba(253,47,81,0.075)}.n-draggrid--danger .n-draggrid-item.n-highlight{-webkit-animation:NDraggridItemdanger 1s linear infinite;animation:NDraggridItemdanger 1s linear infinite}.n-draggrid--danger .n-draggrid-item.n-selected .n-draggrid-item__checkbox{color:#fff;background:#fd2f51;border-color:#fd2f51}.n-draggrid--danger .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover{background:#fd5d77;border-color:#fd5d77}@-webkit-keyframes NDraggridItemdanger{0%{background:rgba(253,47,81,0)}50%{background:rgba(253,47,81,0.15)}100%{background:rgba(253,47,81,0)}}@keyframes NDraggridItemdanger{0%{background:rgba(253,47,81,0)}50%{background:rgba(253,47,81,0.15)}100%{background:rgba(253,47,81,0)}}.n-load:before{border:2px solid #4e7bff}.n-load:after{background:rgba(9,11,16,0.7)}.n-loader--primary.n-load:before{border-color:#4e7bff}.n-loader--secondary.n-load:before{border-color:#683bff}.n-loader--info.n-load:before{border-color:#37C4EF}.n-loader--success.n-load:before{border-color:#3ed786}.n-loader--warning.n-load:before{border-color:#ffac2f}.n-loader--danger.n-load:before{border-color:#fd2f51}.n-form-group__collapse{color:#9d9d9f}.n-form-group--primary .n-form-group__label i{color:#4e7bff}.n-form-group--secondary .n-form-group__label i{color:#683bff}.n-form-group--info .n-form-group__label i{color:#37C4EF}.n-form-group--success .n-form-group__label i{color:#3ed786}.n-form-group--warning .n-form-group__label i{color:#ffac2f}.n-form-group--danger .n-form-group__label i{color:#fd2f51}.n-form-item__label label{color:#6b6d70}.n-form-item__error{color:#fd2f51}.n-button{color:#fff}.n-button--primary:not(.n-button--link){color:#fff;background:#4e7bff;border-color:#4e7bff}.n-button--primary:not(.n-button--link):hover{background:#7a9bff;border-color:#7a9bff}.n-button--primary:not(.n-button--link):focus{background:#305ee4;border-color:#305ee4}.n-button--primary:not(.n-button--link).n-disabled{background:#4e7bff;border-color:#4e7bff}.n-button--primary:not(.n-disabled).n-button--link{color:#4e7bff}.n-button--primary:not(.n-disabled).n-button--link:hover{color:#7a9bff}.n-button--primary:not(.n-disabled).n-button--link:focus{color:#305ee4}.n-button--secondary:not(.n-button--link){color:#fff;background:#683bff;border-color:#683bff}.n-button--secondary:not(.n-button--link):hover{background:#8b69ff;border-color:#8b69ff}.n-button--secondary:not(.n-button--link):focus{background:#4d1fe4;border-color:#4d1fe4}.n-button--secondary:not(.n-button--link).n-disabled{background:#683bff;border-color:#683bff}.n-button--secondary:not(.n-disabled).n-button--link{color:#683bff}.n-button--secondary:not(.n-disabled).n-button--link:hover{color:#8b69ff}.n-button--secondary:not(.n-disabled).n-button--link:focus{color:#4d1fe4}.n-button--info:not(.n-button--link){color:#fff;background:#37C4EF;border-color:#37C4EF}.n-button--info:not(.n-button--link):hover{background:#63d1f3;border-color:#63d1f3}.n-button--info:not(.n-button--link):focus{background:#26a5cc;border-color:#26a5cc}.n-button--info:not(.n-button--link).n-disabled{background:#37C4EF;border-color:#37C4EF}.n-button--info:not(.n-disabled).n-button--link{color:#37C4EF}.n-button--info:not(.n-disabled).n-button--link:hover{color:#63d1f3}.n-button--info:not(.n-disabled).n-button--link:focus{color:#26a5cc}.n-button--success:not(.n-button--link){color:#fff;background:#3ed786;border-color:#3ed786}.n-button--success:not(.n-button--link):hover{background:#66df9f;border-color:#66df9f}.n-button--success:not(.n-button--link):focus{background:#33af6e;border-color:#33af6e}.n-button--success:not(.n-button--link).n-disabled{background:#3ed786;border-color:#3ed786}.n-button--success:not(.n-disabled).n-button--link{color:#3ed786}.n-button--success:not(.n-disabled).n-button--link:hover{color:#66df9f}.n-button--success:not(.n-disabled).n-button--link:focus{color:#33af6e}.n-button--warning:not(.n-button--link){color:#fff;background:#ffac2f;border-color:#ffac2f}.n-button--warning:not(.n-button--link):hover{background:#ffbe5e;border-color:#ffbe5e}.n-button--warning:not(.n-button--link):focus{background:#de901a;border-color:#de901a}.n-button--warning:not(.n-button--link).n-disabled{background:#ffac2f;border-color:#ffac2f}.n-button--warning:not(.n-disabled).n-button--link{color:#ffac2f}.n-button--warning:not(.n-disabled).n-button--link:hover{color:#ffbe5e}.n-button--warning:not(.n-disabled).n-button--link:focus{color:#de901a}.n-button--danger:not(.n-button--link){color:#fff;background:#fd2f51;border-color:#fd2f51}.n-button--danger:not(.n-button--link):hover{background:#fd5d77;border-color:#fd5d77}.n-button--danger:not(.n-button--link):focus{background:#dc1b3c;border-color:#dc1b3c}.n-button--danger:not(.n-button--link).n-disabled{background:#fd2f51;border-color:#fd2f51}.n-button--danger:not(.n-disabled).n-button--link{color:#fd2f51}.n-button--danger:not(.n-disabled).n-button--link:hover{color:#fd5d77}.n-button--danger:not(.n-disabled).n-button--link:focus{color:#dc1b3c}.n-button-group>*:not(:last-child){margin-right:0}.n-input{background:#222328}.n-input.n-disabled input{background:rgba(71,72,76,0.3)}.n-input .n-button--input{color:#6b6d70}.n-input--primary:not(.n-disabled).n-focus{border-color:#7a9bff}.n-input--primary:not(.n-disabled) .n-button--input:not(.n-disabled):hover{color:#4e7bff}.n-input--secondary:not(.n-disabled).n-focus{border-color:#8b69ff}.n-input--secondary:not(.n-disabled) .n-button--input:not(.n-disabled):hover{color:#683bff}.n-input--info:not(.n-disabled).n-focus{border-color:#63d1f3}.n-input--info:not(.n-disabled) .n-button--input:not(.n-disabled):hover{color:#37C4EF}.n-input--success:not(.n-disabled).n-focus{border-color:#66df9f}.n-input--success:not(.n-disabled) .n-button--input:not(.n-disabled):hover{color:#3ed786}.n-input--warning:not(.n-disabled).n-focus{border-color:#ffbe5e}.n-input--warning:not(.n-disabled) .n-button--input:not(.n-disabled):hover{color:#ffac2f}.n-input--danger:not(.n-disabled).n-focus{border-color:#fd5d77}.n-input--danger:not(.n-disabled) .n-button--input:not(.n-disabled):hover{color:#fd2f51}.n-input-number{background:#222328}.n-input-number.n-disabled input{background:rgba(71,72,76,0.3)}.n-input-number .n-button{color:#9d9d9f;background:rgba(71,72,76,0.5)}.n-input-number--primary:not(.n-disabled).n-focus{border-color:#7a9bff}.n-input-number--primary:not(.n-disabled) .n-button:hover{color:#4e7bff}.n-input-number--secondary:not(.n-disabled).n-focus{border-color:#8b69ff}.n-input-number--secondary:not(.n-disabled) .n-button:hover{color:#683bff}.n-input-number--info:not(.n-disabled).n-focus{border-color:#63d1f3}.n-input-number--info:not(.n-disabled) .n-button:hover{color:#37C4EF}.n-input-number--success:not(.n-disabled).n-focus{border-color:#66df9f}.n-input-number--success:not(.n-disabled) .n-button:hover{color:#3ed786}.n-input-number--warning:not(.n-disabled).n-focus{border-color:#ffbe5e}.n-input-number--warning:not(.n-disabled) .n-button:hover{color:#ffac2f}.n-input-number--danger:not(.n-disabled).n-focus{border-color:#fd5d77}.n-input-number--danger:not(.n-disabled) .n-button:hover{color:#fd2f51}.n-textarea textarea{background:#222328}.n-textarea.n-disabled textarea{background:rgba(71,72,76,0.3)}.n-textarea--primary:not(.n-disabled) textarea:focus{border-color:#7a9bff}.n-textarea--secondary:not(.n-disabled) textarea:focus{border-color:#8b69ff}.n-textarea--info:not(.n-disabled) textarea:focus{border-color:#63d1f3}.n-textarea--success:not(.n-disabled) textarea:focus{border-color:#66df9f}.n-textarea--warning:not(.n-disabled) textarea:focus{border-color:#ffbe5e}.n-textarea--danger:not(.n-disabled) textarea:focus{border-color:#fd5d77}.n-switch__switch{background:#2e3034}.n-switch__switch span{background:#fff;box-shadow:0 1px 2px rgba(4,6,13,0.15)}.n-switch--primary:not(.n-disabled) .n-switch__switch{background:#4e7bff}.n-switch--primary:not(.n-disabled) .n-switch__label{color:#4e7bff}.n-switch--secondary:not(.n-disabled) .n-switch__switch{background:#683bff}.n-switch--secondary:not(.n-disabled) .n-switch__label{color:#683bff}.n-switch--info:not(.n-disabled) .n-switch__switch{background:#37C4EF}.n-switch--info:not(.n-disabled) .n-switch__label{color:#37C4EF}.n-switch--success:not(.n-disabled) .n-switch__switch{background:#3ed786}.n-switch--success:not(.n-disabled) .n-switch__label{color:#3ed786}.n-switch--warning:not(.n-disabled) .n-switch__switch{background:#ffac2f}.n-switch--warning:not(.n-disabled) .n-switch__label{color:#ffac2f}.n-switch--danger:not(.n-disabled) .n-switch__switch{background:#fd2f51}.n-switch--danger:not(.n-disabled) .n-switch__label{color:#fd2f51}.n-checkbox__checkbox{color:#fff;background:rgba(83,84,88,0.5)}.n-checkbox.n-disabled .n-checkbox__checkbox{background:rgba(107,109,112,0.3)}.n-checkbox--primary.n-checked:not(.n-disabled) .n-checkbox__checkbox,.n-checkbox--primary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox{color:#fff;background:#4e7bff;border-color:#4e7bff}.n-checkbox--primary.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,.n-checkbox--primary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover{background:#7a9bff;border-color:#7a9bff}.n-checkbox--primary.n-checked:not(.n-disabled) .n-checkbox__label{color:#4e7bff}.n-checkbox--secondary.n-checked:not(.n-disabled) .n-checkbox__checkbox,.n-checkbox--secondary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox{color:#fff;background:#683bff;border-color:#683bff}.n-checkbox--secondary.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,.n-checkbox--secondary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover{background:#8b69ff;border-color:#8b69ff}.n-checkbox--secondary.n-checked:not(.n-disabled) .n-checkbox__label{color:#683bff}.n-checkbox--info.n-checked:not(.n-disabled) .n-checkbox__checkbox,.n-checkbox--info.n-intermediate:not(.n-disabled) .n-checkbox__checkbox{color:#fff;background:#37C4EF;border-color:#37C4EF}.n-checkbox--info.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,.n-checkbox--info.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover{background:#63d1f3;border-color:#63d1f3}.n-checkbox--info.n-checked:not(.n-disabled) .n-checkbox__label{color:#37C4EF}.n-checkbox--success.n-checked:not(.n-disabled) .n-checkbox__checkbox,.n-checkbox--success.n-intermediate:not(.n-disabled) .n-checkbox__checkbox{color:#fff;background:#3ed786;border-color:#3ed786}.n-checkbox--success.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,.n-checkbox--success.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover{background:#66df9f;border-color:#66df9f}.n-checkbox--success.n-checked:not(.n-disabled) .n-checkbox__label{color:#3ed786}.n-checkbox--warning.n-checked:not(.n-disabled) .n-checkbox__checkbox,.n-checkbox--warning.n-intermediate:not(.n-disabled) .n-checkbox__checkbox{color:#fff;background:#ffac2f;border-color:#ffac2f}.n-checkbox--warning.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,.n-checkbox--warning.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover{background:#ffbe5e;border-color:#ffbe5e}.n-checkbox--warning.n-checked:not(.n-disabled) .n-checkbox__label{color:#ffac2f}.n-checkbox--danger.n-checked:not(.n-disabled) .n-checkbox__checkbox,.n-checkbox--danger.n-intermediate:not(.n-disabled) .n-checkbox__checkbox{color:#fff;background:#fd2f51;border-color:#fd2f51}.n-checkbox--danger.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,.n-checkbox--danger.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover{background:#fd5d77;border-color:#fd5d77}.n-checkbox--danger.n-checked:not(.n-disabled) .n-checkbox__label{color:#fd2f51}.n-radio__radio{color:#fff;background:rgba(83,84,88,0.5)}.n-radio.n-disabled .n-radio__radio{background:rgba(107,109,112,0.3)}.n-radio__radio span{background:#fff}.n-radio--primary.n-checked:not(.n-disabled) .n-radio__radio{background:#4e7bff;border-color:#4e7bff}.n-radio--primary.n-checked:not(.n-disabled) .n-radio__radio span{background:#fff}.n-radio--primary.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover{background:#7a9bff;border-color:#7a9bff}.n-radio--primary.n-checked:not(.n-disabled) .n-radio__label{color:#4e7bff}.n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio{background:#683bff;border-color:#683bff}.n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio span{background:#fff}.n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover{background:#8b69ff;border-color:#8b69ff}.n-radio--secondary.n-checked:not(.n-disabled) .n-radio__label{color:#683bff}.n-radio--info.n-checked:not(.n-disabled) .n-radio__radio{background:#37C4EF;border-color:#37C4EF}.n-radio--info.n-checked:not(.n-disabled) .n-radio__radio span{background:#fff}.n-radio--info.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover{background:#63d1f3;border-color:#63d1f3}.n-radio--info.n-checked:not(.n-disabled) .n-radio__label{color:#37C4EF}.n-radio--success.n-checked:not(.n-disabled) .n-radio__radio{background:#3ed786;border-color:#3ed786}.n-radio--success.n-checked:not(.n-disabled) .n-radio__radio span{background:#fff}.n-radio--success.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover{background:#66df9f;border-color:#66df9f}.n-radio--success.n-checked:not(.n-disabled) .n-radio__label{color:#3ed786}.n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio{background:#ffac2f;border-color:#ffac2f}.n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio span{background:#fff}.n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover{background:#ffbe5e;border-color:#ffbe5e}.n-radio--warning.n-checked:not(.n-disabled) .n-radio__label{color:#ffac2f}.n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio{background:#fd2f51;border-color:#fd2f51}.n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio span{background:#fff}.n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover{background:#fd5d77;border-color:#fd5d77}.n-radio--danger.n-checked:not(.n-disabled) .n-radio__label{color:#fd2f51}.n-select{background:#222328}.n-select.n-disabled{background:rgba(71,72,76,0.3)}.n-select__clear,.n-select__angle{color:#6b6d70}.n-select__clear i{background:rgba(71,72,76,0.6)}.n-select__body,.n-select__empty{background:#15171c;box-shadow:0 1px 3px 1px rgba(4,6,13,0.15)}.n-select__empty{color:#6b6d70}.n-select--primary:not(.n-disabled).n-focus{border-color:#4e7bff}.n-select--primary .n-select__item{color:#fff;background:#4e7bff}.n-select--secondary:not(.n-disabled).n-focus{border-color:#683bff}.n-select--secondary .n-select__item{color:#fff;background:#683bff}.n-select--info:not(.n-disabled).n-focus{border-color:#37C4EF}.n-select--info .n-select__item{color:#fff;background:#37C4EF}.n-select--success:not(.n-disabled).n-focus{border-color:#3ed786}.n-select--success .n-select__item{color:#fff;background:#3ed786}.n-select--warning:not(.n-disabled).n-focus{border-color:#ffac2f}.n-select--warning .n-select__item{color:#fff;background:#ffac2f}.n-select--danger:not(.n-disabled).n-focus{border-color:#fd2f51}.n-select--danger .n-select__item{color:#fff;background:#fd2f51}.n-cascader-panel{border:1px solid #222328}.n-cascader-panel .n-popover-option:not(.n-active) i{color:#6b6d70}.n-cascader-panel__items:not(:last-child){border-right:1px solid #222328}.n-cascader{background:#222328}.n-cascader.n-disabled{background:rgba(71,72,76,0.3)}.n-cascader__clear,.n-cascader__angle{color:#6b6d70}.n-cascader__clear i{background:rgba(71,72,76,0.6)}.n-cascader__placeholder{color:rgba(255,255,255,0.5)}.n-cascader__body,.n-cascader__empty{background:#090b10;box-shadow:0 1px 3px 1px rgba(4,6,13,0.15)}.n-cascader__empty{color:#6b6d70}.n-cascader--primary:not(.n-disabled).n-focus{border-color:#4e7bff}.n-cascader--secondary:not(.n-disabled).n-focus{border-color:#683bff}.n-cascader--info:not(.n-disabled).n-focus{border-color:#37C4EF}.n-cascader--success:not(.n-disabled).n-focus{border-color:#3ed786}.n-cascader--warning:not(.n-disabled).n-focus{border-color:#ffac2f}.n-cascader--danger:not(.n-disabled).n-focus{border-color:#fd2f51}.n-datepicker-panel{border:1px solid #222328}.n-datepicker-panel__header{background:#15171c;border-bottom:1px solid #222328}.n-datepicker-panel__footer{border-top:1px solid #222328}.n-datepicker-panel__display .n-datepicker-panel__month:hover,.n-datepicker-panel__display .n-datepicker-panel__year:hover{background:rgba(46,48,52,0.6)}.n-datepicker-panel__dateview .n-datepicker-panel__day.n-arrive:not(.n-selected),.n-datepicker-panel__dateview .n-datepicker-panel__day.n-depart:not(.n-selected),.n-datepicker-panel__dateview .n-datepicker-panel__day.n-between:not(.n-selected){background:rgba(46,48,52,0.6)}.n-datepicker-panel__body .n-datepicker-panel__day:not(.n-current){color:#6b6d70}.n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,.n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,.n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__year.n-selected{color:#fff;background:#4e7bff}.n-datepicker-panel--secondary .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,.n-datepicker-panel--secondary .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,.n-datepicker-panel--secondary .n-datepicker-panel__body .n-datepicker-panel__year.n-selected{color:#fff;background:#683bff}.n-datepicker-panel--info .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,.n-datepicker-panel--info .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,.n-datepicker-panel--info .n-datepicker-panel__body .n-datepicker-panel__year.n-selected{color:#fff;background:#37C4EF}.n-datepicker-panel--success .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,.n-datepicker-panel--success .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,.n-datepicker-panel--success .n-datepicker-panel__body .n-datepicker-panel__year.n-selected{color:#fff;background:#3ed786}.n-datepicker-panel--warning .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,.n-datepicker-panel--warning .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,.n-datepicker-panel--warning .n-datepicker-panel__body .n-datepicker-panel__year.n-selected{color:#fff;background:#ffac2f}.n-datepicker-panel--danger .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,.n-datepicker-panel--danger .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,.n-datepicker-panel--danger .n-datepicker-panel__body .n-datepicker-panel__year.n-selected{color:#fff;background:#fd2f51}.n-datepicker{background:#222328}.n-datepicker.n-disabled{background:rgba(71,72,76,0.3)}.n-datepicker__seperator{color:#6b6d70}.n-datepicker__clear,.n-datepicker__angle{color:#6b6d70}.n-datepicker__clear i{background:rgba(46,48,52,0.6)}.n-datepicker__placeholder{color:rgba(9,11,16,0.5)}.n-datepicker__body,.n-datepicker__empty{background:#090b10;box-shadow:0 1px 3px 1px rgba(4,6,13,0.15)}.n-datepicker__empty{color:#6b6d70}.n-datepicker--primary:not(.n-disabled).n-focus{border-color:#4e7bff}.n-datepicker--secondary:not(.n-disabled).n-focus{border-color:#683bff}.n-datepicker--info:not(.n-disabled).n-focus{border-color:#37C4EF}.n-datepicker--success:not(.n-disabled).n-focus{border-color:#3ed786}.n-datepicker--warning:not(.n-disabled).n-focus{border-color:#ffac2f}.n-datepicker--danger:not(.n-disabled).n-focus{border-color:#fd2f51}.n-timepicker-panel{border:1px solid #222328}.n-timepicker-panel__header{background:#15171c;border-bottom:1px solid #222328}.n-timepicker-panel__panel:not(:last-child){border-right:1px solid #222328}.n-timepicker-panel--primary .n-timepicker-panel__item.n-selected{color:#fff;background:#4e7bff}.n-timepicker-panel--secondary .n-timepicker-panel__item.n-selected{color:#fff;background:#683bff}.n-timepicker-panel--info .n-timepicker-panel__item.n-selected{color:#fff;background:#37C4EF}.n-timepicker-panel--success .n-timepicker-panel__item.n-selected{color:#fff;background:#3ed786}.n-timepicker-panel--warning .n-timepicker-panel__item.n-selected{color:#fff;background:#ffac2f}.n-timepicker-panel--danger .n-timepicker-panel__item.n-selected{color:#fff;background:#fd2f51}.n-timepicker{background:#222328}.n-timepicker.n-disabled{background:rgba(71,72,76,0.3)}.n-timepicker__seperator{color:#9d9d9f}.n-timepicker__clear,.n-timepicker__angle{color:#6b6d70}.n-timepicker__clear i{background:rgba(46,48,52,0.6)}.n-timepicker__placeholder{color:rgba(255,255,255,0.5)}.n-timepicker__body,.n-timepicker__empty{background:#090b10;box-shadow:0 1px 3px 1px rgba(4,6,13,0.15)}.n-timepicker__empty{color:#6b6d70}.n-timepicker--primary:not(.n-disabled).n-focus{border-color:#4e7bff}.n-timepicker--secondary:not(.n-disabled).n-focus{border-color:#683bff}.n-timepicker--info:not(.n-disabled).n-focus{border-color:#37C4EF}.n-timepicker--success:not(.n-disabled).n-focus{border-color:#3ed786}.n-timepicker--warning:not(.n-disabled).n-focus{border-color:#ffac2f}.n-timepicker--danger:not(.n-disabled).n-focus{border-color:#fd2f51}.n-transfer__panel{border:1px solid #222328}.n-transfer__header{border-bottom:1px solid #222328;background:#15171c}.n-transfer__search{border-bottom:1px solid #222328;background:#15171c}.n-transfer__item-count{color:#9d9d9f}.n-popover__frame{box-shadow:0 1px 3px 1px rgba(4,6,13,0.55)}.n-popover-group,.n-popover-option{color:#fff}.n-popover-group{color:#848588}.n-popover-option:not(.n-disabled).n-hover,.n-popover-option:not(.n-disabled):hover{background:rgba(132,133,136,0.07)}.n-popover-option:not(.n-disabled).n-focus,.n-popover-option:not(.n-disabled).n-focus:hover{background:rgba(132,133,136,0.14)}.n-popover-option .n-image{color:#6b6d70}.n-popover-option .n-icon{color:#6b6d70}.n-popover--default .n-popover__frame{color:#fff;background:#15171c}.n-popover--default .n-popover__header{border-bottom:1px solid #222328;background:#222328}.n-popover--default .n-popover__footer{border-top:1px solid #222328;background:#222328}.n-popover--default .n-popover-option{color:#fff}.n-popover--negative .n-popover__frame{color:#fff;background:#fff}.n-popover--negative .n-popover__header{border-bottom:1px solid #e6e7e7;background:#f3f3f3}.n-popover--negative .n-popover__footer{border-top:1px solid #e6e7e7;background:#f3f3f3}.n-popover--negative .n-popover-option{color:#fff}.n-popover-option--primary.n-active,.n-popover-option--primary .n-icon{color:#4e7bff}.n-popover-option--secondary.n-active,.n-popover-option--secondary .n-icon{color:#683bff}.n-popover-option--info.n-active,.n-popover-option--info .n-icon{color:#37C4EF}.n-popover-option--success.n-active,.n-popover-option--success .n-icon{color:#3ed786}.n-popover-option--warning.n-active,.n-popover-option--warning .n-icon{color:#ffac2f}.n-popover-option--danger.n-active,.n-popover-option--danger .n-icon{color:#fd2f51}.n-popover--tooltip .n-popover__frame{color:#fff;background:rgba(58,60,64,0.9)}.n-popover--tooltip .n-popover__body{padding:3px 8px}.n-modal__backdrop{background:rgba(83,84,88,0.6)}.n-modal__frame{box-shadow:0 1px 5px 1px rgba(4,6,13,0.2)}.n-modal--default .n-modal__frame{color:#fff;background:#090b10}.n-modal--default .n-modal__header{border-bottom:1px solid #15171c;background:#15171c}.n-modal--default .n-modal__footer{border-top:1px solid #15171c;background:#15171c}.n-modal--preview .n-modal__frame{color:#090b10;background:#fff}.n-modal--preview .n-modal__header{border-bottom:1px solid #e6e7e7;background:#f3f3f3}.n-modal--preview .n-modal__footer{border-top:1px solid #e6e7e7;background:#f3f3f3}.n-confirm--primary .n-confirm__icon{color:#4e7bff}.n-confirm--secondary .n-confirm__icon{color:#683bff}.n-confirm--info .n-confirm__icon{color:#37C4EF}.n-confirm--success .n-confirm__icon{color:#3ed786}.n-confirm--warning .n-confirm__icon{color:#ffac2f}.n-confirm--danger .n-confirm__icon{color:#fd2f51}.n-table{border:1px solid #222328}.n-table .n-draglist-item{border-bottom:1px solid #222328}.n-table .n-table__header{background:#15171c;border-bottom:1px solid #222328;box-shadow:0 0 3px rgba(4,6,13,0.1)}.n-table__header .n-table-column{border-left:1px solid #222328;border-right:1px solid #222328}.n-table-column.n-filtered .n-table-column__label{color:#4e7bff}.n-table-column .n-table-column__sort>i:before{border-top-color:rgba(132,133,136,0.5)}.n-table-column.n-sorted.n-desc .n-table-column__sort>i:before{border-top-color:#4e7bff}.n-table-column .n-table-column__sort>i:after{border-bottom-color:rgba(132,133,136,0.5)}.n-table-column.n-sorted.n-asc .n-table-column__sort>i:after{border-bottom-color:#4e7bff}.n-table .n-table-column .n-table-column__filter>i{color:#9d9d9f;background:#2e3034}.n-table-cell.n-changed:before{content:'\00a0';position:absolute;top:-3px;left:-3px;display:block;width:0;height:0;border:3px solid transparent;border-bottom-color:#fd2f51;transform:rotate(-45deg)}.n-table-cell--image>div{background-color:#222328}.n-table-cell--checkbox i{background:rgba(83,84,88,0.5)}.n-table-cell--checkbox.n-disabled i{background:rgba(107,109,112,0.3)}.n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-disabled) i,.n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-uncheck) i{color:#fff;background:#4e7bff;border-color:#4e7bff}.n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#7a9bff;border-color:#7a9bff}.n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-disabled) i,.n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-uncheck) i{color:#fff;background:#683bff;border-color:#683bff}.n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#8b69ff;border-color:#8b69ff}.n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-disabled) i,.n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-uncheck) i{color:#fff;background:#37C4EF;border-color:#37C4EF}.n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#63d1f3;border-color:#63d1f3}.n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-disabled) i,.n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-uncheck) i{color:#fff;background:#3ed786;border-color:#3ed786}.n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#66df9f;border-color:#66df9f}.n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-disabled) i,.n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-uncheck) i{color:#fff;background:#ffac2f;border-color:#ffac2f}.n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#ffbe5e;border-color:#ffbe5e}.n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-disabled) i,.n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-uncheck) i{color:#fff;background:#fd2f51;border-color:#fd2f51}.n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#fd5d77;border-color:#fd5d77}.n-paginator{color:#6b6d70}.n-tabs__header:after{border-bottom:1px solid #222328}.n-tabs__indicator{background:#fff}.n-tabs--primary .n-tabs__indicator{background:#4e7bff}.n-tabs--secondary .n-tabs__indicator{background:#683bff}.n-tabs--info .n-tabs__indicator{background:#37C4EF}.n-tabs--success .n-tabs__indicator{background:#3ed786}.n-tabs--warning .n-tabs__indicator{background:#ffac2f}.n-tabs--danger .n-tabs__indicator{background:#fd2f51}.n-tabs__tab-icon{color:#9d9d9f}.n-tabs--primary .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs--primary .n-tabs__tab.n-active .n-tabs__tab-label{color:#4e7bff}.n-tabs--secondary .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs--secondary .n-tabs__tab.n-active .n-tabs__tab-label{color:#683bff}.n-tabs--info .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs--info .n-tabs__tab.n-active .n-tabs__tab-label{color:#37C4EF}.n-tabs--success .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs--success .n-tabs__tab.n-active .n-tabs__tab-label{color:#3ed786}.n-tabs--warning .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs--warning .n-tabs__tab.n-active .n-tabs__tab-label{color:#ffac2f}.n-tabs--danger .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs--danger .n-tabs__tab.n-active .n-tabs__tab-label{color:#fd2f51}.n-info{border:1px solid #222328}.n-info-column{color:#9d9d9f}.n-info-field.n-info-field--image>div{background-color:rgba(132,133,136,0.2)}.n-demo{color:#fff;background:#090b10}.n-demo input,.n-demo textarea{color:#fff}
2
-
@@ -1,10 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-draggable__indicator {
4
- border-bottom: 1px solid $color-primary;
5
- }
6
-
7
- .n-draggable__counter {
8
- color: $color-white;
9
- background: $color-primary;
10
- }
@@ -1,2 +0,0 @@
1
- @import "./src/button/button";
2
- @import "./src/button-group/button-group";
@@ -1,46 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- @each $color, $values in $colors {
4
-
5
- $-color-base: map_get($values, 'base');
6
- $-color-light: map_get($values, 'light');
7
- $-color-dark: map_get($values, 'dark');
8
-
9
- /**
10
- * Button primary
11
- */
12
-
13
- .n-button--#{$color}:not(.n-button--link) {
14
- color: $color-white;
15
- background: $-color-base;
16
- border-color: $-color-base;
17
- }
18
-
19
- .n-button--#{$color}:not(.n-button--link):hover {
20
- background: $-color-light;
21
- border-color: $-color-light;
22
- }
23
-
24
- .n-button--#{$color}:not(.n-button--link):focus {
25
- background: $-color-dark;
26
- border-color: $-color-dark;
27
- }
28
-
29
- .n-button--#{$color}:not(.n-button--link).n-disabled {
30
- background: $-color-base;
31
- border-color: $-color-base;
32
- }
33
-
34
- .n-button--#{$color}:not(.n-disabled).n-button--link {
35
- color: $-color-base;
36
- }
37
-
38
- .n-button--#{$color}:not(.n-disabled).n-button--link:hover {
39
- color: $-color-light;
40
- }
41
-
42
- .n-button--#{$color}:not(.n-disabled).n-button--link:focus {
43
- color: $-color-dark;
44
- }
45
-
46
- }
@@ -1,5 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-button-group > *:not(:last-child) {
4
- margin-right: 0;
5
- }
@@ -1,2 +0,0 @@
1
- @import "./src/cascader-panel/cascader-panel";
2
- @import "./src/cascader/cascader";
@@ -1,46 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-cascader {
4
- background: $color-gray-05;
5
- //border: 1px solid $color-gray-15;
6
- }
7
-
8
- .n-cascader.n-disabled {
9
- background: rgba($color-gray-15, 0.3);
10
- }
11
-
12
- .n-cascader__clear,
13
- .n-cascader__angle {
14
- color: $color-gray-60;
15
- }
16
-
17
- .n-cascader__clear i {
18
- background: rgba($color-gray-15, 0.6);
19
- }
20
-
21
- .n-cascader__placeholder {
22
- color: rgba($color-black, 0.5);
23
- }
24
-
25
- .n-cascader__body,
26
- .n-cascader__empty {
27
- background: $color-white;
28
- box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.15);
29
- }
30
-
31
- .n-cascader__empty {
32
- color: $color-gray-60;
33
- }
34
-
35
- @each $color, $values in $colors {
36
-
37
- $-color-base: map_get($values, 'base');
38
- $-color-light: map_get($values, 'light');
39
- $-color-dark: map_get($values, 'dark');
40
-
41
- //.n-cascader--#{$color}:not(.n-disabled):hover,
42
- .n-cascader--#{$color}:not(.n-disabled).n-focus {
43
- border-color: $-color-base;
44
- }
45
-
46
- }
@@ -1,13 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-cascader-panel {
4
- border: 1px solid $color-gray-10;
5
- }
6
-
7
- .n-cascader-panel .n-popover-option:not(.n-active) i {
8
- color: $color-gray-40;
9
- }
10
-
11
- .n-cascader-panel__items:not(:last-child) {
12
- border-right: 1px solid $color-gray-10;
13
- }
@@ -1,2 +0,0 @@
1
- @import "./src/checkbox/checkbox";
2
- @import "./src/checkbox-group/checkbox-group";
@@ -1,44 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-checkbox__checkbox {
4
- color: $color-black;
5
- background: rgba($color-gray-20, 0.5);
6
- //border: 1px solid $color-gray-15;
7
- }
8
-
9
- .n-checkbox.n-disabled .n-checkbox__checkbox {
10
- background: rgba($color-gray-25, 0.3);
11
- }
12
-
13
- @each $color, $values in $colors {
14
-
15
- $-color-base: map_get($values, 'base');
16
- $-color-light: map_get($values, 'light');
17
- $-color-dark: map_get($values, 'dark');
18
-
19
- /**
20
- * Button primary
21
- */
22
-
23
- .n-checkbox--#{$color}:not(.n-disabled):hover .n-checkbox__checkbox {
24
- //border-color: $-color-base;
25
- }
26
-
27
- .n-checkbox--#{$color}.n-checked:not(.n-disabled) .n-checkbox__checkbox,
28
- .n-checkbox--#{$color}.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
29
- color: $color-white;
30
- background: $-color-base;
31
- border-color: $-color-base;
32
- }
33
-
34
- .n-checkbox--#{$color}.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
35
- .n-checkbox--#{$color}.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
36
- background: $-color-light;
37
- border-color: $-color-light;
38
- }
39
-
40
- .n-checkbox--#{$color}.n-checked:not(.n-disabled) .n-checkbox__label {
41
- color: $-color-base;
42
- }
43
-
44
- }
@@ -1 +0,0 @@
1
- @import "../../../root/vars";
@@ -1 +0,0 @@
1
- @import "./src/confirm/confirm";
@@ -1,13 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- @each $color, $values in $colors {
4
-
5
- $-color-base: map_get($values, 'base');
6
- $-color-light: map_get($values, 'light');
7
- $-color-dark: map_get($values, 'dark');
8
-
9
- .n-confirm--#{$color} .n-confirm__icon {
10
- color: $-color-base;
11
- }
12
-
13
- }
@@ -1,2 +0,0 @@
1
- @import "./src/datepicker-panel/datepicker-panel";
2
- @import "./src/datepicker/datepicker";
@@ -1,50 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-datepicker {
4
- background: $color-gray-05;
5
- //border: 1px solid $color-gray-15;
6
- }
7
-
8
- .n-datepicker.n-disabled {
9
- background: rgba($color-gray-15, 0.3);
10
- }
11
-
12
- .n-datepicker__seperator {
13
- color: $color-gray-60;
14
- }
15
-
16
- .n-datepicker__clear,
17
- .n-datepicker__angle {
18
- color: $color-gray-60;
19
- }
20
-
21
- .n-datepicker__clear i {
22
- background: rgba($color-gray-15, 0.6);
23
- }
24
-
25
- .n-datepicker__placeholder {
26
- color: rgba($color-black, 0.5);
27
- }
28
-
29
- .n-datepicker__body,
30
- .n-datepicker__empty {
31
- background: $color-white;
32
- box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.15);
33
- }
34
-
35
- .n-datepicker__empty {
36
- color: $color-gray-60;
37
- }
38
-
39
- @each $color, $values in $colors {
40
-
41
- $-color-base: map_get($values, 'base');
42
- $-color-light: map_get($values, 'light');
43
- $-color-dark: map_get($values, 'dark');
44
-
45
- //.n-datepicker--#{$color}:not(.n-disabled):hover,
46
- .n-datepicker--#{$color}:not(.n-disabled).n-focus {
47
- border-color: $-color-base;
48
- }
49
-
50
- }
@@ -1,44 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-datepicker-panel {
4
- border: 1px solid $color-gray-10;
5
- }
6
-
7
- .n-datepicker-panel__header {
8
- background: $color-gray-05;
9
- border-bottom: 1px solid $color-gray-10;
10
- }
11
-
12
- .n-datepicker-panel__footer {
13
- border-top: 1px solid $color-gray-10;
14
- }
15
-
16
- .n-datepicker-panel__display .n-datepicker-panel__month:hover,
17
- .n-datepicker-panel__display .n-datepicker-panel__year:hover {
18
- background: rgba($color-gray-15, 0.6);
19
- }
20
-
21
- .n-datepicker-panel__dateview .n-datepicker-panel__day.n-arrive:not(.n-selected),
22
- .n-datepicker-panel__dateview .n-datepicker-panel__day.n-depart:not(.n-selected),
23
- .n-datepicker-panel__dateview .n-datepicker-panel__day.n-between:not(.n-selected) {
24
- background: rgba($color-gray-15, 0.6);
25
- }
26
-
27
- .n-datepicker-panel__body .n-datepicker-panel__day:not(.n-current) {
28
- color: $color-gray-40;
29
- }
30
-
31
- @each $color, $values in $colors {
32
-
33
- $-color-base: map_get($values, 'base');
34
- $-color-light: map_get($values, 'light');
35
- $-color-dark: map_get($values, 'dark');
36
-
37
- .n-datepicker-panel--#{$color} .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
38
- .n-datepicker-panel--#{$color} .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
39
- .n-datepicker-panel--#{$color} .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
40
- color: $color-white;
41
- background: $-color-base;
42
- }
43
-
44
- }
@@ -1 +0,0 @@
1
- @import "./src/demo/demo";
@@ -1,11 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-demo {
4
- color: $color-black;
5
- background: $color-white;
6
- }
7
-
8
- .n-demo input,
9
- .n-demo textarea {
10
- color: $color-black;
11
- }
@@ -1,7 +0,0 @@
1
- @import "./src/draghandler/draghandler";
2
-
3
- @import "./src/draglist/draglist";
4
- @import "./src/draglist-item/draglist-item";
5
-
6
- @import "./src/draggrid/draggrid";
7
- @import "./src/draggrid-item/draggrid-item";
@@ -1,13 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- @each $color, $values in $colors {
4
-
5
- $-color-base: map_get($values, 'base');
6
- $-color-light: map_get($values, 'light');
7
- $-color-dark: map_get($values, 'dark');
8
-
9
- .n-draggrid--#{$color}.n-empty.n-dragover {
10
- background: rgba($-color-base, 0.075);
11
- }
12
-
13
- }
@@ -1,65 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-draggrid-item.n-current {
4
- background: rgba($color-gray-35, 0.1);
5
- }
6
-
7
- .n-draggrid-item.n-nodrop {
8
- background: rgba($color-danger, 0.1);
9
- }
10
-
11
- .n-draggrid-item .n-draggrid-item__ellipsis {
12
- color: $color-gray-30;
13
- }
14
-
15
- .n-draggrid-item__checkbox {
16
- background: rgba($color-gray-20, 0.5);
17
- //border: 1px solid $color-gray-15;
18
- }
19
-
20
- .n-draggrid-item.n-disabled .n-draggrid-item__checkbox {
21
- background: rgba($color-gray-25, 0.3);
22
- }
23
-
24
- @each $color, $values in $colors {
25
-
26
- $-color-base: map_get($values, 'base');
27
- $-color-light: map_get($values, 'light');
28
- $-color-dark: map_get($values, 'dark');
29
-
30
- .n-draggrid--#{$color}.n-empty.n-dragover {
31
- background: rgba($-color-base, 0.075);
32
- }
33
-
34
- .n-draggrid--#{$color} .n-draggrid-item.n-dragover {
35
- background: rgba($-color-base, 0.075);
36
- }
37
-
38
- .n-draggrid--#{$color} .n-draggrid-item.n-highlight {
39
- animation: NDraggridItem#{$color} 1s linear infinite;
40
- }
41
-
42
- .n-draggrid--#{$color} .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
43
- color: $color-white;
44
- background: $-color-base;
45
- border-color: $-color-base;
46
- }
47
-
48
- .n-draggrid--#{$color} .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
49
- background: $-color-light;
50
- border-color: $-color-light;
51
- }
52
-
53
- @keyframes NDraggridItem#{$color} {
54
- 0% {
55
- background: rgba($-color-base, 0);
56
- }
57
- 50% {
58
- background: rgba($-color-base, 0.150);
59
- }
60
- 100% {
61
- background: rgba($-color-base, 0);
62
- }
63
- }
64
-
65
- }
@@ -1,10 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-draggable__indicator {
4
- border-bottom: 1px solid $color-primary;
5
- }
6
-
7
- .n-draggable__counter {
8
- color: $color-white;
9
- background: $color-primary;
10
- }
@@ -1,13 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- @each $color, $values in $colors {
4
-
5
- $-color-base: map_get($values, 'base');
6
- $-color-light: map_get($values, 'light');
7
- $-color-dark: map_get($values, 'dark');
8
-
9
- .n-draglist--#{$color}.n-empty.n-dragover {
10
- background: rgba($-color-base, 0.075);
11
- }
12
-
13
- }
@@ -1,72 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-draglist-item.n-current {
4
- background: rgba($color-gray-35, 0.1);
5
- }
6
-
7
- .n-draglist-item.n-nodrop {
8
- background: rgba($color-danger, 0.1);
9
- }
10
-
11
- .n-draglist-item .n-draglist-item__ellipsis {
12
- color: $color-gray-30;
13
- }
14
-
15
- .n-draglist-item .n-draglist-item__expand {
16
- color: $color-gray-60;
17
- }
18
-
19
- .n-draglist-item__checkbox {
20
- background: rgba($color-gray-20, 0.5);
21
- //border: 1px solid $color-gray-15;
22
- }
23
-
24
- .n-draglist-item.n-disabled .n-draglist-item__checkbox {
25
- background: rgba($color-gray-25, 0.3);
26
- }
27
-
28
- @each $color, $values in $colors {
29
-
30
- $-color-base: map_get($values, 'base');
31
- $-color-light: map_get($values, 'light');
32
- $-color-dark: map_get($values, 'dark');
33
-
34
- .n-draglist--#{$color}.n-empty.n-dragover {
35
- background: rgba($-color-base, 0.075);
36
- }
37
-
38
- .n-draglist--#{$color} .n-draglist-item.n-dragover {
39
- background: rgba($-color-base, 0.075);
40
- }
41
-
42
- .n-draglist--#{$color} .n-draglist-item.n-highlight {
43
- animation: NDraglistItem#{$color} 1s linear infinite;
44
- }
45
-
46
- .n-draglist--#{$color} .n-draglist-item.n-selected .n-draglist-item__checkbox {
47
- color: $color-white;
48
- background: $-color-base;
49
- border-color: $-color-base;
50
- }
51
-
52
- .n-draglist--#{$color} .n-draglist-item .n-draglist-item__checkbox:hover {
53
- //border-color: $-color-light;
54
- }
55
-
56
- .n-draglist--#{$color} .n-draglist-item.n-selected .n-draglist-item__checkbox:hover {
57
- //background: $-color-light;
58
- }
59
-
60
- @keyframes NDraglistItem#{$color} {
61
- 0% {
62
- background: rgba($-color-base, 0);
63
- }
64
- 50% {
65
- background: rgba($-color-base, 0.150);
66
- }
67
- 100% {
68
- background: rgba($-color-base, 0);
69
- }
70
- }
71
-
72
- }
@@ -1 +0,0 @@
1
- @import "./src/empty-icon/empty-icon";
@@ -1,13 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-empty-icon--default .n-empty-icon__frame {
4
- background-image: svg-load('empty-default.svg', fill=$color-black);
5
- }
6
-
7
- .n-empty-icon--ufo .n-empty-icon__frame {
8
- background-image: svg-load('empty-space.svg', fill=$color-black);
9
- }
10
-
11
- .n-empty-icon__text {
12
- color: rgba($color-black, 0.4);
13
- }
@@ -1,3 +0,0 @@
1
- @import "./src/form/form";
2
- @import "./src/form-group/form-group";
3
- @import "./src/form-item/form-item";
@@ -1 +0,0 @@
1
- @import "../../../root/vars";
@@ -1,17 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-form-group__collapse {
4
- color: $color-gray-40;
5
- }
6
-
7
- @each $color, $values in $colors {
8
-
9
- $-color-base: map_get($values, 'base');
10
- $-color-light: map_get($values, 'light');
11
- $-color-dark: map_get($values, 'dark');
12
-
13
- .n-form-group--#{$color} .n-form-group__label i {
14
- color: $-color-base;
15
- }
16
-
17
- }