@kizmann/nano-ui 0.7.24 → 0.7.26

Sign up to get free protection for your applications and to get access to all the features.
Files changed (19) hide show
  1. package/demos/overview.html +36 -0
  2. package/dist/nano-ui.css +1 -1
  3. package/dist/nano-ui.js +2 -2
  4. package/dist/nano-ui.js.map +1 -1
  5. package/dist/themes/light.css +1 -1
  6. package/package.json +1 -1
  7. package/src/draggable/src/draglist/draglist.js +55 -2
  8. package/src/index.js +1 -0
  9. package/src/index.scss +1 -0
  10. package/src/preview/src/preview-plain/preview-plain.js +9 -5
  11. package/src/rating/index.js +5 -0
  12. package/src/rating/index.scss +1 -0
  13. package/src/rating/src/rating/rating.js +145 -0
  14. package/src/rating/src/rating/rating.scss +98 -0
  15. package/src/switch/src/switch/switch.scss +1 -0
  16. package/themes/light/index.scss +1 -0
  17. package/themes/light/rating/index.scss +1 -0
  18. package/themes/light/rating/src/rating/rating.scss +18 -0
  19. package/themes/light/root/image/star-default.svg +10 -0
package/dist/themes/light.css CHANGED
@@ -1,2 +1,2 @@
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='%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")}.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='%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")}.n-empty-icon__text{color:rgba(9,11,16,0.4)}.n-alert-backdrop{background:rgba(9,11,16,0.8)}.n-alert{background:#090b10;box-shadow:0 1px 5px 1px rgba(23,33,64,0.2)}.n-alert__text{color:#9d9d9f}.n-alert-frame--primary .n-alert__icon{color:#4e7bff}.n-alert-frame--secondary .n-alert__icon{color:#683bff}.n-alert-frame--info .n-alert__icon{color:#37C4EF}.n-alert-frame--success .n-alert__icon{color:#3ed786}.n-alert-frame--warning .n-alert__icon{color:#ffac2f}.n-alert-frame--danger .n-alert__icon{color:#fd2f51}.n-notification{background:#fff;box-shadow:0 1px 5px 1px rgba(23,33,64,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-draggable__counter[class*="n-modify--"]{color:#fff;background:#ffac2f}.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:#b5b6b7}.n-draglist-item .n-draglist-item__expand{color:#6b6d70}.n-draglist-item__checkbox{background:#fff;border:1px solid #dadadb}.n-draglist-item.n-disabled .n-draglist-item__checkbox{background:rgba(218,218,219,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}.n-draglist--primary .n-draglist-item .n-draglist-item__checkbox:hover{border-color:#7a9bff}.n-draglist--primary .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:#7a9bff}@-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}.n-draglist--secondary .n-draglist-item .n-draglist-item__checkbox:hover{border-color:#8b69ff}.n-draglist--secondary .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:#8b69ff}@-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}.n-draglist--info .n-draglist-item .n-draglist-item__checkbox:hover{border-color:#63d1f3}.n-draglist--info .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:#63d1f3}@-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}.n-draglist--success .n-draglist-item .n-draglist-item__checkbox:hover{border-color:#66df9f}.n-draglist--success .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:#66df9f}@-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}.n-draglist--warning .n-draglist-item .n-draglist-item__checkbox:hover{border-color:#ffbe5e}.n-draglist--warning .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:#ffbe5e}@-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}.n-draglist--danger .n-draglist-item .n-draglist-item__checkbox:hover{border-color:#fd5d77}.n-draglist--danger .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:#fd5d77}@-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:#b5b6b7}.n-draggrid-item__checkbox{background:#fff;border:1px solid #dadadb}.n-draggrid-item.n-disabled .n-draggrid-item__checkbox{background:rgba(218,218,219,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(255,255,255,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--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-input{border:1px solid #dadadb}.n-input.n-disabled input{background:rgba(218,218,219,0.3)}.n-input .n-button--input{color:#6b6d70}.n-input--primary:not(.n-disabled):hover{border-color:#4e7bff}.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):hover{border-color:#683bff}.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):hover{border-color:#37C4EF}.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):hover{border-color:#3ed786}.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):hover{border-color:#ffac2f}.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):hover{border-color:#fd2f51}.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{border:1px solid #dadadb}.n-input-number.n-disabled input{background:rgba(218,218,219,0.3)}.n-input-number .n-button{color:#6b6d70;background:rgba(218,218,219,0.5)}.n-input-number__clear{color:#6b6d70}.n-input-number__clear i{background:rgba(218,218,219,0.6)}.n-input-number--primary:not(.n-disabled):hover{border-color:#4e7bff}.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):hover{border-color:#683bff}.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):hover{border-color:#37C4EF}.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):hover{border-color:#3ed786}.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):hover{border-color:#ffac2f}.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):hover{border-color:#fd2f51}.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{border:1px solid #dadadb}.n-textarea.n-disabled textarea{background:rgba(218,218,219,0.3)}.n-textarea--primary:not(.n-disabled):hover textarea{border-color:#4e7bff}.n-textarea--primary:not(.n-disabled) textarea:focus{border-color:#7a9bff}.n-textarea--secondary:not(.n-disabled):hover textarea{border-color:#683bff}.n-textarea--secondary:not(.n-disabled) textarea:focus{border-color:#8b69ff}.n-textarea--info:not(.n-disabled):hover textarea{border-color:#37C4EF}.n-textarea--info:not(.n-disabled) textarea:focus{border-color:#63d1f3}.n-textarea--success:not(.n-disabled):hover textarea{border-color:#3ed786}.n-textarea--success:not(.n-disabled) textarea:focus{border-color:#66df9f}.n-textarea--warning:not(.n-disabled):hover textarea{border-color:#ffac2f}.n-textarea--warning:not(.n-disabled) textarea:focus{border-color:#ffbe5e}.n-textarea--danger:not(.n-disabled):hover textarea{border-color:#fd2f51}.n-textarea--danger:not(.n-disabled) textarea:focus{border-color:#fd5d77}.n-switch__switch{background:#e6e7e7;border:1px solid #dadadb}.n-switch__switch span{background:#fff;box-shadow:0 1px 2px rgba(23,33,64,0.15)}.n-switch--primary:not(.n-disabled) .n-switch__switch{background:#4e7bff;border-color:#305ee4}.n-switch--primary:not(.n-disabled) .n-switch__label{color:#4e7bff}.n-switch--secondary:not(.n-disabled) .n-switch__switch{background:#683bff;border-color:#4d1fe4}.n-switch--secondary:not(.n-disabled) .n-switch__label{color:#683bff}.n-switch--info:not(.n-disabled) .n-switch__switch{background:#37C4EF;border-color:#26a5cc}.n-switch--info:not(.n-disabled) .n-switch__label{color:#37C4EF}.n-switch--success:not(.n-disabled) .n-switch__switch{background:#3ed786;border-color:#33af6e}.n-switch--success:not(.n-disabled) .n-switch__label{color:#3ed786}.n-switch--warning:not(.n-disabled) .n-switch__switch{background:#ffac2f;border-color:#de901a}.n-switch--warning:not(.n-disabled) .n-switch__label{color:#ffac2f}.n-switch--danger:not(.n-disabled) .n-switch__switch{background:#fd2f51;border-color:#dc1b3c}.n-switch--danger:not(.n-disabled) .n-switch__label{color:#fd2f51}.n-checkbox__checkbox{color:#090b10;background:#fff;border:1px solid #dadadb}.n-checkbox.n-disabled .n-checkbox__checkbox{background:rgba(218,218,219,0.3)}.n-checkbox--primary:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#4e7bff}.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:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#683bff}.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:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#37C4EF}.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:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#3ed786}.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:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#ffac2f}.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:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#fd2f51}.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:#090b10;border:1px solid #dadadb}.n-radio.n-disabled .n-radio__radio{background:rgba(218,218,219,0.3)}.n-radio__radio span{background:#090b10}.n-radio--primary:not(.n-disabled):hover .n-radio__radio{border-color:#4e7bff}.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:not(.n-disabled):hover .n-radio__radio{border-color:#683bff}.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:not(.n-disabled):hover .n-radio__radio{border-color:#37C4EF}.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:not(.n-disabled):hover .n-radio__radio{border-color:#3ed786}.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:not(.n-disabled):hover .n-radio__radio{border-color:#ffac2f}.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:not(.n-disabled):hover .n-radio__radio{border-color:#fd2f51}.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{border:1px solid #dadadb}.n-select.n-disabled{background:rgba(218,218,219,0.3)}.n-select__clear,.n-select__angle{color:#6b6d70}.n-select__clear i{background:rgba(218,218,219,0.6)}.n-select__body,.n-select__empty{background:#fff;box-shadow:0 1px 3px 1px rgba(23,33,64,0.15)}.n-select__empty{color:#6b6d70}.n-select--primary:not(.n-disabled):hover,.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):hover,.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):hover,.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):hover,.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):hover,.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):hover,.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 #dadadb}.n-cascader-panel .n-popover-option:not(.n-active) i{color:#9d9d9f}.n-cascader-panel__items:not(:last-child){border-right:1px solid #dadadb}.n-cascader{border:1px solid #dadadb}.n-cascader.n-disabled{background:rgba(218,218,219,0.3)}.n-cascader__clear,.n-cascader__angle{color:#6b6d70}.n-cascader__clear i{background:rgba(218,218,219,0.6)}.n-cascader__placeholder{color:rgba(9,11,16,0.5)}.n-cascader__body,.n-cascader__empty{background:#fff;box-shadow:0 1px 3px 1px rgba(23,33,64,0.15)}.n-cascader__empty{color:#6b6d70}.n-cascader--primary:not(.n-disabled):hover,.n-cascader--primary:not(.n-disabled).n-focus{border-color:#4e7bff}.n-cascader--secondary:not(.n-disabled):hover,.n-cascader--secondary:not(.n-disabled).n-focus{border-color:#683bff}.n-cascader--info:not(.n-disabled):hover,.n-cascader--info:not(.n-disabled).n-focus{border-color:#37C4EF}.n-cascader--success:not(.n-disabled):hover,.n-cascader--success:not(.n-disabled).n-focus{border-color:#3ed786}.n-cascader--warning:not(.n-disabled):hover,.n-cascader--warning:not(.n-disabled).n-focus{border-color:#ffac2f}.n-cascader--danger:not(.n-disabled):hover,.n-cascader--danger:not(.n-disabled).n-focus{border-color:#fd2f51}.n-datepicker-panel{border:1px solid #e6e7e7}.n-datepicker-panel__header{border-bottom:1px solid #e6e7e7}.n-datepicker-panel__footer{border-top:1px solid #e6e7e7}.n-datepicker-panel__display .n-datepicker-panel__month:hover,.n-datepicker-panel__display .n-datepicker-panel__year:hover{background:rgba(218,218,219,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(218,218,219,0.6)}.n-datepicker-panel__body .n-datepicker-panel__day:not(.n-current){color:#9d9d9f}.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{border:1px solid #dadadb}.n-datepicker.n-disabled{background:rgba(218,218,219,0.3)}.n-datepicker__seperator{color:#6b6d70}.n-datepicker__clear,.n-datepicker__angle{color:#6b6d70}.n-datepicker__clear i{background:rgba(218,218,219,0.6)}.n-datepicker__placeholder{color:rgba(9,11,16,0.5)}.n-datepicker__body,.n-datepicker__empty{background:#fff;box-shadow:0 1px 3px 1px rgba(23,33,64,0.15)}.n-datepicker__empty{color:#6b6d70}.n-datepicker--primary:not(.n-disabled):hover,.n-datepicker--primary:not(.n-disabled).n-focus{border-color:#4e7bff}.n-datepicker--secondary:not(.n-disabled):hover,.n-datepicker--secondary:not(.n-disabled).n-focus{border-color:#683bff}.n-datepicker--info:not(.n-disabled):hover,.n-datepicker--info:not(.n-disabled).n-focus{border-color:#37C4EF}.n-datepicker--success:not(.n-disabled):hover,.n-datepicker--success:not(.n-disabled).n-focus{border-color:#3ed786}.n-datepicker--warning:not(.n-disabled):hover,.n-datepicker--warning:not(.n-disabled).n-focus{border-color:#ffac2f}.n-datepicker--danger:not(.n-disabled):hover,.n-datepicker--danger:not(.n-disabled).n-focus{border-color:#fd2f51}.n-timepicker-panel{border:1px solid #e6e7e7}.n-timepicker-panel__header{border-bottom:1px solid #e6e7e7}.n-timepicker-panel__panel:not(:last-child){border-right:1px solid #e6e7e7}.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{border:1px solid #dadadb}.n-timepicker.n-disabled{background:rgba(218,218,219,0.3)}.n-timepicker__seperator{color:#6b6d70}.n-timepicker__clear,.n-timepicker__angle{color:#6b6d70}.n-timepicker__clear i{background:rgba(218,218,219,0.6)}.n-timepicker__placeholder{color:rgba(9,11,16,0.5)}.n-timepicker__body,.n-timepicker__empty{background:#fff;box-shadow:0 1px 3px 1px rgba(23,33,64,0.15)}.n-timepicker__empty{color:#6b6d70}.n-timepicker--primary:not(.n-disabled):hover,.n-timepicker--primary:not(.n-disabled).n-focus{border-color:#4e7bff}.n-timepicker--secondary:not(.n-disabled):hover,.n-timepicker--secondary:not(.n-disabled).n-focus{border-color:#683bff}.n-timepicker--info:not(.n-disabled):hover,.n-timepicker--info:not(.n-disabled).n-focus{border-color:#37C4EF}.n-timepicker--success:not(.n-disabled):hover,.n-timepicker--success:not(.n-disabled).n-focus{border-color:#3ed786}.n-timepicker--warning:not(.n-disabled):hover,.n-timepicker--warning:not(.n-disabled).n-focus{border-color:#ffac2f}.n-timepicker--danger:not(.n-disabled):hover,.n-timepicker--danger:not(.n-disabled).n-focus{border-color:#fd2f51}.n-transfer__panel{border:1px solid #dadadb}.n-transfer__header{border-bottom:1px solid #dadadb}.n-transfer__search{border-bottom:1px solid #dadadb}.n-transfer__item-count{color:#6b6d70}.n-popover__frame{box-shadow:0 1px 3px 1px rgba(23,33,64,0.15)}.n-popover-group,.n-popover-option{color:#090b10}.n-popover-group{color:#090b10}.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:#090b10;background:#fff}.n-popover--default .n-popover__header{border-bottom:1px solid #e6e7e7;background:#fff}.n-popover--default .n-popover__footer{border-top:1px solid #e6e7e7;background:#fff}.n-popover--default .n-popover-option{color:#090b10}.n-popover--negative .n-popover__frame{color:#fff;background:#090b10}.n-popover--negative .n-popover__header{border-bottom:1px solid #15171c;background:#090b10}.n-popover--negative .n-popover__footer{border-top:1px solid #15171c;background:#090b10}.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(9,11,16,0.9)}.n-popover--tooltip .n-popover__body{padding:3px 8px}.n-modal__backdrop{background:rgba(9,11,16,0.6)}.n-modal__frame{box-shadow:0 1px 5px 1px rgba(23,33,64,0.2)}.n-modal--default .n-modal__frame{color:#090b10;background:#fff}.n-modal--default .n-modal__header{border-bottom:1px solid #e6e7e7;background:#fff}.n-modal--default .n-modal__footer{border-top:1px solid #e6e7e7;background:#fff}.n-modal--preview .n-modal__frame{color:#fff;background:#090b10}.n-modal--preview .n-modal__header{border-bottom:1px solid #15171c;background:#090b10}.n-modal--preview .n-modal__footer{border-top:1px solid #15171c;background:#090b10}.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 #dadadb}.n-table .n-draglist-item{border-bottom:1px solid #e6e7e7}.n-table .n-table__header{border-bottom:1px solid #dadadb;box-shadow:0 0 3px rgba(23,33,64,0.1)}.n-table__header .n-table-column{border-left:1px solid #e6e7e7;border-right:1px solid #e6e7e7}.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:#6b6d70;background:#e6e7e7}.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:#f3f3f3}.n-table-cell--checkbox i{background:#fff;border:1px solid #dadadb}.n-table-cell--checkbox.n-disabled i{background:rgba(218,218,219,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:not(.n-disabled):hover i{border-color:#7a9bff}.n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#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:not(.n-disabled):hover i{border-color:#8b69ff}.n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#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:not(.n-disabled):hover i{border-color:#63d1f3}.n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#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:not(.n-disabled):hover i{border-color:#66df9f}.n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#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:not(.n-disabled):hover i{border-color:#ffbe5e}.n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#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:not(.n-disabled):hover i{border-color:#fd5d77}.n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#fd5d77}.n-paginator{color:#6b6d70}.n-tabs__header:after{border-bottom:1px solid #dadadb}.n-tabs__indicator{background:#090b10}.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-collapse{border:1px solid #dadadb}.n-collapse__header:not(:first-child){border-top:1px solid #dadadb}.n-collapse__header.n-active{border-bottom:1px solid #dadadb}.n-collapse__header-icon{color:#9d9d9f}.n-collapse--primary .n-collapse__header .n-collapse__header-icon{color:#4e7bff}.n-collapse--primary .n-collapse__header.n-active .n-collapse__header-angle{color:#4e7bff}.n-collapse--secondary .n-collapse__header .n-collapse__header-icon{color:#683bff}.n-collapse--secondary .n-collapse__header.n-active .n-collapse__header-angle{color:#683bff}.n-collapse--info .n-collapse__header .n-collapse__header-icon{color:#37C4EF}.n-collapse--info .n-collapse__header.n-active .n-collapse__header-angle{color:#37C4EF}.n-collapse--success .n-collapse__header .n-collapse__header-icon{color:#3ed786}.n-collapse--success .n-collapse__header.n-active .n-collapse__header-angle{color:#3ed786}.n-collapse--warning .n-collapse__header .n-collapse__header-icon{color:#ffac2f}.n-collapse--warning .n-collapse__header.n-active .n-collapse__header-angle{color:#ffac2f}.n-collapse--danger .n-collapse__header .n-collapse__header-icon{color:#fd2f51}.n-collapse--danger .n-collapse__header.n-active .n-collapse__header-angle{color:#fd2f51}.n-info{border:1px solid #dadadb}.n-info-column{color:#6b6d70}.n-info-field.n-info-field--image>div{background-color:rgba(132,133,136,0.2)}.n-demo{color:#090b10;background:#fff}.n-demo input,.n-demo textarea{color:#090b10}
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='%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")}.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='%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")}.n-empty-icon__text{color:rgba(9,11,16,0.4)}.n-alert-backdrop{background:rgba(9,11,16,0.8)}.n-alert{background:#090b10;box-shadow:0 1px 5px 1px rgba(23,33,64,0.2)}.n-alert__text{color:#9d9d9f}.n-alert-frame--primary .n-alert__icon{color:#4e7bff}.n-alert-frame--secondary .n-alert__icon{color:#683bff}.n-alert-frame--info .n-alert__icon{color:#37C4EF}.n-alert-frame--success .n-alert__icon{color:#3ed786}.n-alert-frame--warning .n-alert__icon{color:#ffac2f}.n-alert-frame--danger .n-alert__icon{color:#fd2f51}.n-notification{background:#fff;box-shadow:0 1px 5px 1px rgba(23,33,64,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-draggable__counter[class*="n-modify--"]{color:#fff;background:#ffac2f}.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:#b5b6b7}.n-draglist-item .n-draglist-item__expand{color:#6b6d70}.n-draglist-item__checkbox{background:#fff;border:1px solid #dadadb}.n-draglist-item.n-disabled .n-draglist-item__checkbox{background:rgba(218,218,219,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}.n-draglist--primary .n-draglist-item .n-draglist-item__checkbox:hover{border-color:#7a9bff}.n-draglist--primary .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:#7a9bff}@-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}.n-draglist--secondary .n-draglist-item .n-draglist-item__checkbox:hover{border-color:#8b69ff}.n-draglist--secondary .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:#8b69ff}@-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}.n-draglist--info .n-draglist-item .n-draglist-item__checkbox:hover{border-color:#63d1f3}.n-draglist--info .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:#63d1f3}@-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}.n-draglist--success .n-draglist-item .n-draglist-item__checkbox:hover{border-color:#66df9f}.n-draglist--success .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:#66df9f}@-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}.n-draglist--warning .n-draglist-item .n-draglist-item__checkbox:hover{border-color:#ffbe5e}.n-draglist--warning .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:#ffbe5e}@-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}.n-draglist--danger .n-draglist-item .n-draglist-item__checkbox:hover{border-color:#fd5d77}.n-draglist--danger .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:#fd5d77}@-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:#b5b6b7}.n-draggrid-item__checkbox{background:#fff;border:1px solid #dadadb}.n-draggrid-item.n-disabled .n-draggrid-item__checkbox{background:rgba(218,218,219,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(255,255,255,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--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-input{border:1px solid #dadadb}.n-input.n-disabled input{background:rgba(218,218,219,0.3)}.n-input .n-button--input{color:#6b6d70}.n-input--primary:not(.n-disabled):hover{border-color:#4e7bff}.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):hover{border-color:#683bff}.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):hover{border-color:#37C4EF}.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):hover{border-color:#3ed786}.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):hover{border-color:#ffac2f}.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):hover{border-color:#fd2f51}.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{border:1px solid #dadadb}.n-input-number.n-disabled input{background:rgba(218,218,219,0.3)}.n-input-number .n-button{color:#6b6d70;background:rgba(218,218,219,0.5)}.n-input-number__clear{color:#6b6d70}.n-input-number__clear i{background:rgba(218,218,219,0.6)}.n-input-number--primary:not(.n-disabled):hover{border-color:#4e7bff}.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):hover{border-color:#683bff}.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):hover{border-color:#37C4EF}.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):hover{border-color:#3ed786}.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):hover{border-color:#ffac2f}.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):hover{border-color:#fd2f51}.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{border:1px solid #dadadb}.n-textarea.n-disabled textarea{background:rgba(218,218,219,0.3)}.n-textarea--primary:not(.n-disabled):hover textarea{border-color:#4e7bff}.n-textarea--primary:not(.n-disabled) textarea:focus{border-color:#7a9bff}.n-textarea--secondary:not(.n-disabled):hover textarea{border-color:#683bff}.n-textarea--secondary:not(.n-disabled) textarea:focus{border-color:#8b69ff}.n-textarea--info:not(.n-disabled):hover textarea{border-color:#37C4EF}.n-textarea--info:not(.n-disabled) textarea:focus{border-color:#63d1f3}.n-textarea--success:not(.n-disabled):hover textarea{border-color:#3ed786}.n-textarea--success:not(.n-disabled) textarea:focus{border-color:#66df9f}.n-textarea--warning:not(.n-disabled):hover textarea{border-color:#ffac2f}.n-textarea--warning:not(.n-disabled) textarea:focus{border-color:#ffbe5e}.n-textarea--danger:not(.n-disabled):hover textarea{border-color:#fd2f51}.n-textarea--danger:not(.n-disabled) textarea:focus{border-color:#fd5d77}.n-switch__switch{background:#e6e7e7;border:1px solid #dadadb}.n-switch__switch span{background:#fff;box-shadow:0 1px 2px rgba(23,33,64,0.15)}.n-switch--primary:not(.n-disabled) .n-switch__switch{background:#4e7bff;border-color:#305ee4}.n-switch--primary:not(.n-disabled) .n-switch__label{color:#4e7bff}.n-switch--secondary:not(.n-disabled) .n-switch__switch{background:#683bff;border-color:#4d1fe4}.n-switch--secondary:not(.n-disabled) .n-switch__label{color:#683bff}.n-switch--info:not(.n-disabled) .n-switch__switch{background:#37C4EF;border-color:#26a5cc}.n-switch--info:not(.n-disabled) .n-switch__label{color:#37C4EF}.n-switch--success:not(.n-disabled) .n-switch__switch{background:#3ed786;border-color:#33af6e}.n-switch--success:not(.n-disabled) .n-switch__label{color:#3ed786}.n-switch--warning:not(.n-disabled) .n-switch__switch{background:#ffac2f;border-color:#de901a}.n-switch--warning:not(.n-disabled) .n-switch__label{color:#ffac2f}.n-switch--danger:not(.n-disabled) .n-switch__switch{background:#fd2f51;border-color:#dc1b3c}.n-switch--danger:not(.n-disabled) .n-switch__label{color:#fd2f51}.n-checkbox__checkbox{color:#090b10;background:#fff;border:1px solid #dadadb}.n-checkbox.n-disabled .n-checkbox__checkbox{background:rgba(218,218,219,0.3)}.n-checkbox--primary:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#4e7bff}.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:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#683bff}.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:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#37C4EF}.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:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#3ed786}.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:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#ffac2f}.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:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#fd2f51}.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:#090b10;border:1px solid #dadadb}.n-radio.n-disabled .n-radio__radio{background:rgba(218,218,219,0.3)}.n-radio__radio span{background:#090b10}.n-radio--primary:not(.n-disabled):hover .n-radio__radio{border-color:#4e7bff}.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:not(.n-disabled):hover .n-radio__radio{border-color:#683bff}.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:not(.n-disabled):hover .n-radio__radio{border-color:#37C4EF}.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:not(.n-disabled):hover .n-radio__radio{border-color:#3ed786}.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:not(.n-disabled):hover .n-radio__radio{border-color:#ffac2f}.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:not(.n-disabled):hover .n-radio__radio{border-color:#fd2f51}.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{border:1px solid #dadadb}.n-select.n-disabled{background:rgba(218,218,219,0.3)}.n-select__clear,.n-select__angle{color:#6b6d70}.n-select__clear i{background:rgba(218,218,219,0.6)}.n-select__body,.n-select__empty{background:#fff;box-shadow:0 1px 3px 1px rgba(23,33,64,0.15)}.n-select__empty{color:#6b6d70}.n-select--primary:not(.n-disabled):hover,.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):hover,.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):hover,.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):hover,.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):hover,.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):hover,.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 #dadadb}.n-cascader-panel .n-popover-option:not(.n-active) i{color:#9d9d9f}.n-cascader-panel__items:not(:last-child){border-right:1px solid #dadadb}.n-cascader{border:1px solid #dadadb}.n-cascader.n-disabled{background:rgba(218,218,219,0.3)}.n-cascader__clear,.n-cascader__angle{color:#6b6d70}.n-cascader__clear i{background:rgba(218,218,219,0.6)}.n-cascader__placeholder{color:rgba(9,11,16,0.5)}.n-cascader__body,.n-cascader__empty{background:#fff;box-shadow:0 1px 3px 1px rgba(23,33,64,0.15)}.n-cascader__empty{color:#6b6d70}.n-cascader--primary:not(.n-disabled):hover,.n-cascader--primary:not(.n-disabled).n-focus{border-color:#4e7bff}.n-cascader--secondary:not(.n-disabled):hover,.n-cascader--secondary:not(.n-disabled).n-focus{border-color:#683bff}.n-cascader--info:not(.n-disabled):hover,.n-cascader--info:not(.n-disabled).n-focus{border-color:#37C4EF}.n-cascader--success:not(.n-disabled):hover,.n-cascader--success:not(.n-disabled).n-focus{border-color:#3ed786}.n-cascader--warning:not(.n-disabled):hover,.n-cascader--warning:not(.n-disabled).n-focus{border-color:#ffac2f}.n-cascader--danger:not(.n-disabled):hover,.n-cascader--danger:not(.n-disabled).n-focus{border-color:#fd2f51}.n-datepicker-panel{border:1px solid #e6e7e7}.n-datepicker-panel__header{border-bottom:1px solid #e6e7e7}.n-datepicker-panel__footer{border-top:1px solid #e6e7e7}.n-datepicker-panel__display .n-datepicker-panel__month:hover,.n-datepicker-panel__display .n-datepicker-panel__year:hover{background:rgba(218,218,219,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(218,218,219,0.6)}.n-datepicker-panel__body .n-datepicker-panel__day:not(.n-current){color:#9d9d9f}.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{border:1px solid #dadadb}.n-datepicker.n-disabled{background:rgba(218,218,219,0.3)}.n-datepicker__seperator{color:#6b6d70}.n-datepicker__clear,.n-datepicker__angle{color:#6b6d70}.n-datepicker__clear i{background:rgba(218,218,219,0.6)}.n-datepicker__placeholder{color:rgba(9,11,16,0.5)}.n-datepicker__body,.n-datepicker__empty{background:#fff;box-shadow:0 1px 3px 1px rgba(23,33,64,0.15)}.n-datepicker__empty{color:#6b6d70}.n-datepicker--primary:not(.n-disabled):hover,.n-datepicker--primary:not(.n-disabled).n-focus{border-color:#4e7bff}.n-datepicker--secondary:not(.n-disabled):hover,.n-datepicker--secondary:not(.n-disabled).n-focus{border-color:#683bff}.n-datepicker--info:not(.n-disabled):hover,.n-datepicker--info:not(.n-disabled).n-focus{border-color:#37C4EF}.n-datepicker--success:not(.n-disabled):hover,.n-datepicker--success:not(.n-disabled).n-focus{border-color:#3ed786}.n-datepicker--warning:not(.n-disabled):hover,.n-datepicker--warning:not(.n-disabled).n-focus{border-color:#ffac2f}.n-datepicker--danger:not(.n-disabled):hover,.n-datepicker--danger:not(.n-disabled).n-focus{border-color:#fd2f51}.n-timepicker-panel{border:1px solid #e6e7e7}.n-timepicker-panel__header{border-bottom:1px solid #e6e7e7}.n-timepicker-panel__panel:not(:last-child){border-right:1px solid #e6e7e7}.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{border:1px solid #dadadb}.n-timepicker.n-disabled{background:rgba(218,218,219,0.3)}.n-timepicker__seperator{color:#6b6d70}.n-timepicker__clear,.n-timepicker__angle{color:#6b6d70}.n-timepicker__clear i{background:rgba(218,218,219,0.6)}.n-timepicker__placeholder{color:rgba(9,11,16,0.5)}.n-timepicker__body,.n-timepicker__empty{background:#fff;box-shadow:0 1px 3px 1px rgba(23,33,64,0.15)}.n-timepicker__empty{color:#6b6d70}.n-timepicker--primary:not(.n-disabled):hover,.n-timepicker--primary:not(.n-disabled).n-focus{border-color:#4e7bff}.n-timepicker--secondary:not(.n-disabled):hover,.n-timepicker--secondary:not(.n-disabled).n-focus{border-color:#683bff}.n-timepicker--info:not(.n-disabled):hover,.n-timepicker--info:not(.n-disabled).n-focus{border-color:#37C4EF}.n-timepicker--success:not(.n-disabled):hover,.n-timepicker--success:not(.n-disabled).n-focus{border-color:#3ed786}.n-timepicker--warning:not(.n-disabled):hover,.n-timepicker--warning:not(.n-disabled).n-focus{border-color:#ffac2f}.n-timepicker--danger:not(.n-disabled):hover,.n-timepicker--danger:not(.n-disabled).n-focus{border-color:#fd2f51}.n-transfer__panel{border:1px solid #dadadb}.n-transfer__header{border-bottom:1px solid #dadadb}.n-transfer__search{border-bottom:1px solid #dadadb}.n-transfer__item-count{color:#6b6d70}.n-popover__frame{box-shadow:0 1px 3px 1px rgba(23,33,64,0.15)}.n-popover-group,.n-popover-option{color:#090b10}.n-popover-group{color:#090b10}.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:#090b10;background:#fff}.n-popover--default .n-popover__header{border-bottom:1px solid #e6e7e7;background:#fff}.n-popover--default .n-popover__footer{border-top:1px solid #e6e7e7;background:#fff}.n-popover--default .n-popover-option{color:#090b10}.n-popover--negative .n-popover__frame{color:#fff;background:#090b10}.n-popover--negative .n-popover__header{border-bottom:1px solid #15171c;background:#090b10}.n-popover--negative .n-popover__footer{border-top:1px solid #15171c;background:#090b10}.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(9,11,16,0.9)}.n-popover--tooltip .n-popover__body{padding:3px 8px}.n-modal__backdrop{background:rgba(9,11,16,0.6)}.n-modal__frame{box-shadow:0 1px 5px 1px rgba(23,33,64,0.2)}.n-modal--default .n-modal__frame{color:#090b10;background:#fff}.n-modal--default .n-modal__header{border-bottom:1px solid #e6e7e7;background:#fff}.n-modal--default .n-modal__footer{border-top:1px solid #e6e7e7;background:#fff}.n-modal--preview .n-modal__frame{color:#fff;background:#090b10}.n-modal--preview .n-modal__header{border-bottom:1px solid #15171c;background:#090b10}.n-modal--preview .n-modal__footer{border-top:1px solid #15171c;background:#090b10}.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 #dadadb}.n-table .n-draglist-item{border-bottom:1px solid #e6e7e7}.n-table .n-table__header{border-bottom:1px solid #dadadb;box-shadow:0 0 3px rgba(23,33,64,0.1)}.n-table__header .n-table-column{border-left:1px solid #e6e7e7;border-right:1px solid #e6e7e7}.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:#6b6d70;background:#e6e7e7}.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:#f3f3f3}.n-table-cell--checkbox i{background:#fff;border:1px solid #dadadb}.n-table-cell--checkbox.n-disabled i{background:rgba(218,218,219,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:not(.n-disabled):hover i{border-color:#7a9bff}.n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#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:not(.n-disabled):hover i{border-color:#8b69ff}.n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#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:not(.n-disabled):hover i{border-color:#63d1f3}.n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#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:not(.n-disabled):hover i{border-color:#66df9f}.n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#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:not(.n-disabled):hover i{border-color:#ffbe5e}.n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#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:not(.n-disabled):hover i{border-color:#fd5d77}.n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:#fd5d77}.n-paginator{color:#6b6d70}.n-tabs__header:after{border-bottom:1px solid #dadadb}.n-tabs__indicator{background:#090b10}.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-collapse{border:1px solid #dadadb}.n-collapse__header:not(:first-child){border-top:1px solid #dadadb}.n-collapse__header.n-active{border-bottom:1px solid #dadadb}.n-collapse__header-icon{color:#9d9d9f}.n-collapse--primary .n-collapse__header .n-collapse__header-icon{color:#4e7bff}.n-collapse--primary .n-collapse__header.n-active .n-collapse__header-angle{color:#4e7bff}.n-collapse--secondary .n-collapse__header .n-collapse__header-icon{color:#683bff}.n-collapse--secondary .n-collapse__header.n-active .n-collapse__header-angle{color:#683bff}.n-collapse--info .n-collapse__header .n-collapse__header-icon{color:#37C4EF}.n-collapse--info .n-collapse__header.n-active .n-collapse__header-angle{color:#37C4EF}.n-collapse--success .n-collapse__header .n-collapse__header-icon{color:#3ed786}.n-collapse--success .n-collapse__header.n-active .n-collapse__header-angle{color:#3ed786}.n-collapse--warning .n-collapse__header .n-collapse__header-icon{color:#ffac2f}.n-collapse--warning .n-collapse__header.n-active .n-collapse__header-angle{color:#ffac2f}.n-collapse--danger .n-collapse__header .n-collapse__header-icon{color:#fd2f51}.n-collapse--danger .n-collapse__header.n-active .n-collapse__header-angle{color:#fd2f51}.n-info{border:1px solid #dadadb}.n-info-column{color:#6b6d70}.n-info-field.n-info-field--image>div{background-color:rgba(132,133,136,0.2)}.n-rating__stars span:before,.n-rating__stars span:after{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='%23e6e7e7'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-rating--primary .n-rating__stars span:before{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='%234e7bff'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-rating--secondary .n-rating__stars span:before{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='%23683bff'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-rating--info .n-rating__stars span:before{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='%2337C4EF'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-rating--success .n-rating__stars span:before{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='%233ed786'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-rating--warning .n-rating__stars span:before{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='%23ffac2f'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-rating--danger .n-rating__stars span:before{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='%23fd2f51'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-demo{color:#090b10;background:#fff}.n-demo input,.n-demo textarea{color:#090b10}
2
2
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kizmann/nano-ui",
3
- "version": "0.7.24",
3
+ "version": "0.7.26",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "author": "Eduard Kizmann <kizmann@protonmail.ch>",
package/src/draggable/src/draglist/draglist.js CHANGED
@@ -316,11 +316,13 @@ export default {
316
316
  {
317
317
  return {
318
318
  uid: UUID(),
319
+ modifier: [],
319
320
  virtuals: [],
320
321
  visible: [],
321
322
  childNodes: {},
322
323
  highlight: [],
323
- firstSelected: null,
324
+ firstSelected: null,
325
+ lastSelected: null,
324
326
  tempCurrent: this.current,
325
327
  tempExpanded: this.expanded,
326
328
  tempSelected: this.selected
@@ -330,6 +332,12 @@ export default {
330
332
  beforeMount()
331
333
  {
332
334
  this.drag = new NDraghandler(this);
335
+
336
+ Dom.find(window).on('keydown',
337
+ this.watchModifierDown, this._uid);
338
+
339
+ Dom.find(window).on('keyup',
340
+ this.watchModifierUp, this._uid);
333
341
  },
334
342
 
335
343
  mounted()
@@ -350,6 +358,7 @@ export default {
350
358
  this.drag.unbindRoot();
351
359
 
352
360
  Dom.find(document).off('keydown', null, this.uid);
361
+ Dom.find(document).off('keyup', null, this.uid);
353
362
  },
354
363
 
355
364
  watch: {
@@ -389,6 +398,16 @@ export default {
389
398
 
390
399
  methods: {
391
400
 
401
+ watchModifierDown(e)
402
+ {
403
+ Arr.add(this.modifier, e.which);
404
+ },
405
+
406
+ watchModifierUp(e)
407
+ {
408
+ Arr.remove(this.modifier, e.which);
409
+ },
410
+
392
411
  watchSelected()
393
412
  {
394
413
  if ( ! this.tempSelected.length ) {
@@ -709,13 +728,45 @@ export default {
709
728
  this.tempSelected;
710
729
  },
711
730
 
731
+ toggleSingleNode(node)
732
+ {
733
+ Arr.toggle(this.tempSelected, this.lastSelected =
734
+ node.value[this.uniqueProp]);
735
+ },
736
+
737
+ toggleRangeNode(node)
738
+ {
739
+ let indexies = [0, -1], reversed = false;
740
+
741
+ if ( ! Any.isEmpty(this.lastSelected) ) {
742
+ indexies[1] = this.getIndex(this.lastSelected);
743
+ }
744
+
745
+ indexies[0] = this.getIndex(node.value[this.uniqueProp]);
746
+
747
+ if ( indexies[1] > indexies[0] ) {
748
+ reversed = true;
749
+ }
750
+
751
+ if ( ! reversed ) {
752
+ indexies = [indexies[1]+1, indexies[0]+1];
753
+ }
754
+
755
+ Arr.each(this.items.slice(indexies[0], indexies[1]), (item, index) => {
756
+ Arr.toggle(this.tempSelected, item[this.uniqueProp]);
757
+ });
758
+
759
+ this.lastSelected = node.value[this.uniqueProp];
760
+ },
761
+
712
762
  selectItem(node)
713
763
  {
714
764
  if ( this.isDisabled(node) ) {
715
765
  return;
716
766
  }
717
767
 
718
- Arr.toggle(this.tempSelected, node.value[this.uniqueProp]);
768
+ ! Arr.has(this.modifier, 16) || this.renderExpand ?
769
+ this.toggleSingleNode(node) : this.toggleRangeNode(node);
719
770
 
720
771
  this.$emit('update:selected', this.tempSelected);
721
772
  },
@@ -734,6 +785,8 @@ export default {
734
785
  return this.$emit('update:selected', this.tempSelected = []);
735
786
  }
736
787
 
788
+ this.lastSelected = null;
789
+
737
790
  this.$emit('update:selected', this.tempSelected = indexies);
738
791
  },
739
792
 
package/src/index.js CHANGED
@@ -90,6 +90,7 @@ export function Install(App, Icons = {}, Styles = {})
90
90
  require('./preview/index').default(App);
91
91
  require('./map/index').default(App);
92
92
  require('./file/index').default(App);
93
+ require('./rating/index').default(App);
93
94
 
94
95
  // SX only ez 17.1
95
96
  // require('./file-list/index'); // SX only 17.1
package/src/index.scss CHANGED
@@ -32,4 +32,5 @@
32
32
  @import "./file-list/index";
33
33
  @import "./map/index";
34
34
  @import "./preview/index";
35
+ @import "./rating/index";
35
36
 
package/src/preview/src/preview-plain/preview-plain.js CHANGED
@@ -1,4 +1,4 @@
1
- import { Obj, Locale } from "@kizmann/pico-js";
1
+ import { Any, Obj, Locale } from "@kizmann/pico-js";
2
2
 
3
3
  export default {
4
4
 
@@ -38,7 +38,13 @@ export default {
38
38
 
39
39
  tempExt()
40
40
  {
41
- return this.tempSrc.replace(/^.*?\.([^.?]+)(\?.*?)?$/, '$1');
41
+ let regex = /^.*?\.([^.?]+)(\?.*?)?$/;
42
+
43
+ if ( Any.isEmpty(this.tempSrc) ) {
44
+ return null;
45
+ }
46
+
47
+ return this.tempSrc.replace(regex, '$1');
42
48
  }
43
49
 
44
50
  },
@@ -61,9 +67,7 @@ export default {
61
67
 
62
68
  return (
63
69
  <div class={classList}>
64
- <ul>
65
- { slots }
66
- </ul>
70
+ <ul>{ slots }</ul>
67
71
  </div>
68
72
  );
69
73
  }
package/src/rating/index.js ADDED
@@ -0,0 +1,5 @@
1
+ import Rating from './src/rating/rating';
2
+
3
+ export default function (App) {
4
+ App.component(Rating.name, Rating);
5
+ }
package/src/rating/index.scss ADDED
@@ -0,0 +1 @@
1
+ @import "./src/rating/rating";
package/src/rating/src/rating/rating.js ADDED
@@ -0,0 +1,145 @@
1
+ import { Num, Arr, Locale } from "@kizmann/pico-js";
2
+
3
+ export default {
4
+
5
+ name: 'NRating',
6
+
7
+ props: {
8
+
9
+ modelValue: {
10
+ default()
11
+ {
12
+ return 0;
13
+ },
14
+ type: [Number]
15
+ },
16
+
17
+ steps: {
18
+ default()
19
+ {
20
+ return 0.5;
21
+ },
22
+ type: [Number]
23
+ },
24
+
25
+ fixed: {
26
+ default()
27
+ {
28
+ return 1;
29
+ },
30
+ type: [Number]
31
+ },
32
+
33
+ max: {
34
+ default()
35
+ {
36
+ return 5;
37
+ },
38
+ type: [Number]
39
+ },
40
+
41
+ size: {
42
+ default()
43
+ {
44
+ return 'md';
45
+ },
46
+ type: [String]
47
+ },
48
+
49
+ choice: {
50
+ default()
51
+ {
52
+ return ':count';
53
+ },
54
+ type: [String]
55
+ },
56
+
57
+ type: {
58
+ default()
59
+ {
60
+ return 'default';
61
+ },
62
+ type: [String]
63
+ },
64
+
65
+ disabled: {
66
+ default()
67
+ {
68
+ return false;
69
+ },
70
+ type: [Boolean]
71
+ }
72
+
73
+ },
74
+
75
+ computed: {
76
+
77
+ virtualValue()
78
+ {
79
+ return Num.fixed(1 / this.max * this.modelValue * 5, this.fixed);
80
+ },
81
+
82
+ },
83
+
84
+ renderStars()
85
+ {
86
+ let stars = [
87
+ 1, 2, 3, 4, 5
88
+ ];
89
+
90
+ return Arr.each (stars, (rate) => {
91
+
92
+ let className = 'is-null';
93
+
94
+ if ( this.virtualValue >= rate - 0.5 ) {
95
+ className = 'is-half';
96
+ }
97
+
98
+ if ( this.virtualValue >= rate ) {
99
+ className = 'is-full';
100
+ }
101
+
102
+ return (
103
+ <span class={className}></span>
104
+ );
105
+ });
106
+ },
107
+
108
+ renderValue()
109
+ {
110
+ let vars = {
111
+ value: Num.format(this.modelValue, '.', '', this.fixed)
112
+ };
113
+
114
+ if ( this.$slots.default ) {
115
+ return this.$slots.default(vars);
116
+ }
117
+
118
+ return Locale.choice(this.choice, this.modelValue, vars);
119
+ },
120
+
121
+ render()
122
+ {
123
+ let classList = [
124
+ 'n-rating',
125
+ 'n-rating--' + this.size,
126
+ 'n-rating--' + this.type
127
+ ];
128
+
129
+ if ( this.disabled ) {
130
+ classList.push('n-disabled');
131
+ }
132
+
133
+ return (
134
+ <div class={classList}>
135
+ <div class="n-rating__stars">
136
+ {this.ctor('renderStars')()}
137
+ </div>
138
+ <div class="n-rating__value">
139
+ {this.ctor('renderValue')()}
140
+ </div>
141
+ </div>
142
+ );
143
+ }
144
+
145
+ }