@kizmann/nano-ui 0.7.2 → 0.7.5

package/dist/themes/flat.dark.css

@@ -0,0 +1,1809 @@
+.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='%23ffffff'%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='%23ffffff'%3E %3Cstyle type='text/css'%3E .st0%7Bopacity:0.3;enable-background:new ;%7D .st1%7Bdisplay:none;fill:%23898E93;%7D .st2%7Bopacity:0.7;%7D .st3%7Bopacity:0.15;enable-background:new ;%7D .st4%7Bopacity:0.5;fill:url(%23SVGID_1_);enable-background:new ;%7D .st5%7Bopacity:0.6;%7D .st6%7Bopacity:0.3;%7D %3C/style%3E %3Cellipse class='st0' cx='160.5' cy='270' rx='106.5' ry='32'/%3E %3Crect x='141.6' y='125.7' transform='matrix(0.4341 -0.9009 0.9009 0.4341 -36.7959 214.9154)' class='st1' width='22.1' height='22.1'/%3E %3Ccircle class='st1' cx='192.8' cy='187.3' r='15.1'/%3E %3Cpath class='st1' d='M124.8,262.5l-15.3-52l52.9,11.7L124.8,262.5z'/%3E %3Cpath class='st2' d='M216.8,94.2c0-8.7-25.2-15.8-56.3-15.8s-56.3,7.1-56.3,15.8l3.6,10c0-8.2,23.6-14.8,52.8-14.8 s52.8,6.6,52.8,14.8L216.8,94.2z'/%3E %3Cpath class='st3' d='M160.5,238c51.7,0,94.9,11.1,104.5,25.8l-51.7-159.6c0-8.2-23.6-14.8-52.8-14.8s-52.8,6.6-52.8,14.8L56,263.8 C65.6,249.1,108.8,238,160.5,238z'/%3E %3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='160.5' y1='123.1656' x2='160.5' y2='220.5235' gradientTransform='matrix(1 0 0 -1 0 322)'%3E %3Cstop offset='0' style='stop-color:%23FFFFFF;stop-opacity:0'/%3E %3Cstop offset='1' style='stop-color:%23FFFFFF'/%3E %3C/linearGradient%3E %3Cpath class='st4' d='M160.5,89.3c-9.7,0-18.8,0.7-26.6,2L108,203.2h105L187.1,91.4C179.3,90.1,170.2,89.3,160.5,89.3z'/%3E %3Cpath class='st5' d='M160.5,40c17.2,0,33.2,1.8,47.4,4.8c-5.2-14.9-24.4-26-47.4-26s-42.2,11.1-47.4,26 C127.3,41.9,143.3,40,160.5,40z'/%3E %3Cpath d='M160.5,50.7C100,50.7,51,64,51,80.4c0,11.2,22.6,20.9,56,26l0.7-2.3l-3.6-10c0-8.7,25.2-15.8,56.3-15.8s56.3,7.1,56.3,15.8 l-3.6,10l0.7,2.3c33.4-5.1,56-14.8,56-26C270,64,221,50.7,160.5,50.7z'/%3E %3Cpath class='st6' d='M160.5,50.7C221,50.7,270,64,270,80.4C270,64,223.2,40,160.5,40S51,64,51,80.4C51,64,100,50.7,160.5,50.7z'/%3E %3Cimage style='overflow:visible;' width='352' height='368' xlink:href='../../../../../Desktop/Screen Shot 2021-01-22 at 4.55.46 PM.png' transform='matrix(0.5 0 0 0.5 -202.8271 18.7864)'%3E %3C/image%3E %3C/svg%3E"); }
+
+.n-empty-icon__text {
+  color: rgba(255, 255, 255, 0.4); }
+
+.n-notification {
+  background: #ffffff;
+  box-shadow: 0 1px 5px 1px rgba(4, 6, 13, 0.2); }
+
+.n-notification--primary {
+  background: #4e7bff; }
+
+.n-notification--primary .n-notification__icon,
+.n-notification--primary .n-notification__text {
+  color: #ffffff; }
+
+.n-notification--secondary {
+  background: #683bff; }
+
+.n-notification--secondary .n-notification__icon,
+.n-notification--secondary .n-notification__text {
+  color: #ffffff; }
+
+.n-notification--info {
+  background: #37C4EF; }
+
+.n-notification--info .n-notification__icon,
+.n-notification--info .n-notification__text {
+  color: #ffffff; }
+
+.n-notification--success {
+  background: #3ed786; }
+
+.n-notification--success .n-notification__icon,
+.n-notification--success .n-notification__text {
+  color: #ffffff; }
+
+.n-notification--warning {
+  background: #ffac2f; }
+
+.n-notification--warning .n-notification__icon,
+.n-notification--warning .n-notification__text {
+  color: #ffffff; }
+
+.n-notification--danger {
+  background: #fd2f51; }
+
+.n-notification--danger .n-notification__icon,
+.n-notification--danger .n-notification__text {
+  color: #ffffff; }
+
+.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: #ffffff;
+  background: #4e7bff; }
+
+.n-draglist--primary.n-empty.n-dragover {
+  background: rgba(78, 123, 255, 0.075); }
+
+.n-draglist--secondary.n-empty.n-dragover {
+  background: rgba(104, 59, 255, 0.075); }
+
+.n-draglist--info.n-empty.n-dragover {
+  background: rgba(55, 196, 239, 0.075); }
+
+.n-draglist--success.n-empty.n-dragover {
+  background: rgba(62, 215, 134, 0.075); }
+
+.n-draglist--warning.n-empty.n-dragover {
+  background: rgba(255, 172, 47, 0.075); }
+
+.n-draglist--danger.n-empty.n-dragover {
+  background: rgba(253, 47, 81, 0.075); }
+
+.n-draglist-item.n-current {
+  background: rgba(169, 170, 171, 0.1); }
+
+.n-draglist-item.n-nodrop {
+  background: rgba(253, 47, 81, 0.1); }
+
+.n-draglist-item .n-draglist-item__ellipsis {
+  color: #535458; }
+
+.n-draglist-item .n-draglist-item__expand {
+  color: #9d9d9f; }
+
+.n-draglist-item__checkbox {
+  background: rgba(83, 84, 88, 0.5); }
+
+.n-draglist-item.n-disabled .n-draglist-item__checkbox {
+  background: rgba(107, 109, 112, 0.3); }
+
+.n-draglist--primary.n-empty.n-dragover {
+  background: rgba(78, 123, 255, 0.075); }
+
+.n-draglist--primary .n-draglist-item.n-dragover {
+  background: rgba(78, 123, 255, 0.075); }
+
+.n-draglist--primary .n-draglist-item.n-highlight {
+  -webkit-animation: NDraglistItemprimary 1s linear infinite;
+          animation: NDraglistItemprimary 1s linear infinite; }
+
+.n-draglist--primary .n-draglist-item.n-selected .n-draglist-item__checkbox {
+  color: #ffffff;
+  background: #4e7bff;
+  border-color: #4e7bff; }
+
+@-webkit-keyframes NDraglistItemprimary {
+  0% {
+    background: rgba(78, 123, 255, 0); }
+  50% {
+    background: rgba(78, 123, 255, 0.15); }
+  100% {
+    background: rgba(78, 123, 255, 0); } }
+
+@keyframes NDraglistItemprimary {
+  0% {
+    background: rgba(78, 123, 255, 0); }
+  50% {
+    background: rgba(78, 123, 255, 0.15); }
+  100% {
+    background: rgba(78, 123, 255, 0); } }
+
+.n-draglist--secondary.n-empty.n-dragover {
+  background: rgba(104, 59, 255, 0.075); }
+
+.n-draglist--secondary .n-draglist-item.n-dragover {
+  background: rgba(104, 59, 255, 0.075); }
+
+.n-draglist--secondary .n-draglist-item.n-highlight {
+  -webkit-animation: NDraglistItemsecondary 1s linear infinite;
+          animation: NDraglistItemsecondary 1s linear infinite; }
+
+.n-draglist--secondary .n-draglist-item.n-selected .n-draglist-item__checkbox {
+  color: #ffffff;
+  background: #683bff;
+  border-color: #683bff; }
+
+@-webkit-keyframes NDraglistItemsecondary {
+  0% {
+    background: rgba(104, 59, 255, 0); }
+  50% {
+    background: rgba(104, 59, 255, 0.15); }
+  100% {
+    background: rgba(104, 59, 255, 0); } }
+
+@keyframes NDraglistItemsecondary {
+  0% {
+    background: rgba(104, 59, 255, 0); }
+  50% {
+    background: rgba(104, 59, 255, 0.15); }
+  100% {
+    background: rgba(104, 59, 255, 0); } }
+
+.n-draglist--info.n-empty.n-dragover {
+  background: rgba(55, 196, 239, 0.075); }
+
+.n-draglist--info .n-draglist-item.n-dragover {
+  background: rgba(55, 196, 239, 0.075); }
+
+.n-draglist--info .n-draglist-item.n-highlight {
+  -webkit-animation: NDraglistIteminfo 1s linear infinite;
+          animation: NDraglistIteminfo 1s linear infinite; }
+
+.n-draglist--info .n-draglist-item.n-selected .n-draglist-item__checkbox {
+  color: #ffffff;
+  background: #37C4EF;
+  border-color: #37C4EF; }
+
+@-webkit-keyframes NDraglistIteminfo {
+  0% {
+    background: rgba(55, 196, 239, 0); }
+  50% {
+    background: rgba(55, 196, 239, 0.15); }
+  100% {
+    background: rgba(55, 196, 239, 0); } }
+
+@keyframes NDraglistIteminfo {
+  0% {
+    background: rgba(55, 196, 239, 0); }
+  50% {
+    background: rgba(55, 196, 239, 0.15); }
+  100% {
+    background: rgba(55, 196, 239, 0); } }
+
+.n-draglist--success.n-empty.n-dragover {
+  background: rgba(62, 215, 134, 0.075); }
+
+.n-draglist--success .n-draglist-item.n-dragover {
+  background: rgba(62, 215, 134, 0.075); }
+
+.n-draglist--success .n-draglist-item.n-highlight {
+  -webkit-animation: NDraglistItemsuccess 1s linear infinite;
+          animation: NDraglistItemsuccess 1s linear infinite; }
+
+.n-draglist--success .n-draglist-item.n-selected .n-draglist-item__checkbox {
+  color: #ffffff;
+  background: #3ed786;
+  border-color: #3ed786; }
+
+@-webkit-keyframes NDraglistItemsuccess {
+  0% {
+    background: rgba(62, 215, 134, 0); }
+  50% {
+    background: rgba(62, 215, 134, 0.15); }
+  100% {
+    background: rgba(62, 215, 134, 0); } }
+
+@keyframes NDraglistItemsuccess {
+  0% {
+    background: rgba(62, 215, 134, 0); }
+  50% {
+    background: rgba(62, 215, 134, 0.15); }
+  100% {
+    background: rgba(62, 215, 134, 0); } }
+
+.n-draglist--warning.n-empty.n-dragover {
+  background: rgba(255, 172, 47, 0.075); }
+
+.n-draglist--warning .n-draglist-item.n-dragover {
+  background: rgba(255, 172, 47, 0.075); }
+
+.n-draglist--warning .n-draglist-item.n-highlight {
+  -webkit-animation: NDraglistItemwarning 1s linear infinite;
+          animation: NDraglistItemwarning 1s linear infinite; }
+
+.n-draglist--warning .n-draglist-item.n-selected .n-draglist-item__checkbox {
+  color: #ffffff;
+  background: #ffac2f;
+  border-color: #ffac2f; }
+
+@-webkit-keyframes NDraglistItemwarning {
+  0% {
+    background: rgba(255, 172, 47, 0); }
+  50% {
+    background: rgba(255, 172, 47, 0.15); }
+  100% {
+    background: rgba(255, 172, 47, 0); } }
+
+@keyframes NDraglistItemwarning {
+  0% {
+    background: rgba(255, 172, 47, 0); }
+  50% {
+    background: rgba(255, 172, 47, 0.15); }
+  100% {
+    background: rgba(255, 172, 47, 0); } }
+
+.n-draglist--danger.n-empty.n-dragover {
+  background: rgba(253, 47, 81, 0.075); }
+
+.n-draglist--danger .n-draglist-item.n-dragover {
+  background: rgba(253, 47, 81, 0.075); }
+
+.n-draglist--danger .n-draglist-item.n-highlight {
+  -webkit-animation: NDraglistItemdanger 1s linear infinite;
+          animation: NDraglistItemdanger 1s linear infinite; }
+
+.n-draglist--danger .n-draglist-item.n-selected .n-draglist-item__checkbox {
+  color: #ffffff;
+  background: #fd2f51;
+  border-color: #fd2f51; }
+
+@-webkit-keyframes NDraglistItemdanger {
+  0% {
+    background: rgba(253, 47, 81, 0); }
+  50% {
+    background: rgba(253, 47, 81, 0.15); }
+  100% {
+    background: rgba(253, 47, 81, 0); } }
+
+@keyframes NDraglistItemdanger {
+  0% {
+    background: rgba(253, 47, 81, 0); }
+  50% {
+    background: rgba(253, 47, 81, 0.15); }
+  100% {
+    background: rgba(253, 47, 81, 0); } }
+
+.n-draggrid--primary.n-empty.n-dragover {
+  background: rgba(78, 123, 255, 0.075); }
+
+.n-draggrid--secondary.n-empty.n-dragover {
+  background: rgba(104, 59, 255, 0.075); }
+
+.n-draggrid--info.n-empty.n-dragover {
+  background: rgba(55, 196, 239, 0.075); }
+
+.n-draggrid--success.n-empty.n-dragover {
+  background: rgba(62, 215, 134, 0.075); }
+
+.n-draggrid--warning.n-empty.n-dragover {
+  background: rgba(255, 172, 47, 0.075); }
+
+.n-draggrid--danger.n-empty.n-dragover {
+  background: rgba(253, 47, 81, 0.075); }
+
+.n-draggrid-item.n-current {
+  background: rgba(169, 170, 171, 0.1); }
+
+.n-draggrid-item.n-nodrop {
+  background: rgba(253, 47, 81, 0.1); }
+
+.n-draggrid-item .n-draggrid-item__ellipsis {
+  color: #535458; }
+
+.n-draggrid-item__checkbox {
+  background: rgba(83, 84, 88, 0.5); }
+
+.n-draggrid-item.n-disabled .n-draggrid-item__checkbox {
+  background: rgba(107, 109, 112, 0.3); }
+
+.n-draggrid--primary.n-empty.n-dragover {
+  background: rgba(78, 123, 255, 0.075); }
+
+.n-draggrid--primary .n-draggrid-item.n-dragover {
+  background: rgba(78, 123, 255, 0.075); }
+
+.n-draggrid--primary .n-draggrid-item.n-highlight {
+  -webkit-animation: NDraggridItemprimary 1s linear infinite;
+          animation: NDraggridItemprimary 1s linear infinite; }
+
+.n-draggrid--primary .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
+  color: #ffffff;
+  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: #ffffff;
+  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: #ffffff;
+  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: #ffffff;
+  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: #ffffff;
+  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: #ffffff;
+  background: #fd2f51;
+  border-color: #fd2f51; }
+
+.n-draggrid--danger .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
+  background: #fd5d77;
+  border-color: #fd5d77; }
+
+@-webkit-keyframes NDraggridItemdanger {
+  0% {
+    background: rgba(253, 47, 81, 0); }
+  50% {
+    background: rgba(253, 47, 81, 0.15); }
+  100% {
+    background: rgba(253, 47, 81, 0); } }
+
+@keyframes NDraggridItemdanger {
+  0% {
+    background: rgba(253, 47, 81, 0); }
+  50% {
+    background: rgba(253, 47, 81, 0.15); }
+  100% {
+    background: rgba(253, 47, 81, 0); } }
+
+.n-load:before {
+  border: 2px solid #4e7bff; }
+
+.n-load:after {
+  background: rgba(9, 11, 16, 0.7); }
+
+.n-loader--primary.n-load:before {
+  border-color: #4e7bff; }
+
+.n-loader--secondary.n-load:before {
+  border-color: #683bff; }
+
+.n-loader--info.n-load:before {
+  border-color: #37C4EF; }
+
+.n-loader--success.n-load:before {
+  border-color: #3ed786; }
+
+.n-loader--warning.n-load:before {
+  border-color: #ffac2f; }
+
+.n-loader--danger.n-load:before {
+  border-color: #fd2f51; }
+
+.n-form-group__collapse {
+  color: #9d9d9f; }
+
+.n-form-group--primary .n-form-group__label i {
+  color: #4e7bff; }
+
+.n-form-group--secondary .n-form-group__label i {
+  color: #683bff; }
+
+.n-form-group--info .n-form-group__label i {
+  color: #37C4EF; }
+
+.n-form-group--success .n-form-group__label i {
+  color: #3ed786; }
+
+.n-form-group--warning .n-form-group__label i {
+  color: #ffac2f; }
+
+.n-form-group--danger .n-form-group__label i {
+  color: #fd2f51; }
+
+.n-form-item__label label {
+  color: #6b6d70; }
+
+.n-form-item__error {
+  color: #fd2f51; }
+
+.n-button {
+  color: #ffffff; }
+
+/**
+     * Button primary
+     */
+.n-button--primary:not(.n-button--link) {
+  color: #ffffff;
+  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; }
+
+/**
+     * Button primary
+     */
+.n-button--secondary:not(.n-button--link) {
+  color: #ffffff;
+  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; }
+
+/**
+     * Button primary
+     */
+.n-button--info:not(.n-button--link) {
+  color: #ffffff;
+  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; }
+
+/**
+     * Button primary
+     */
+.n-button--success:not(.n-button--link) {
+  color: #ffffff;
+  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; }
+
+/**
+     * Button primary
+     */
+.n-button--warning:not(.n-button--link) {
+  color: #ffffff;
+  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; }
+
+/**
+     * Button primary
+     */
+.n-button--danger:not(.n-button--link) {
+  color: #ffffff;
+  background: #fd2f51;
+  border-color: #fd2f51; }
+
+.n-button--danger:not(.n-button--link):hover {
+  background: #fd5d77;
+  border-color: #fd5d77; }
+
+.n-button--danger:not(.n-button--link):focus {
+  background: #dc1b3c;
+  border-color: #dc1b3c; }
+
+.n-button--danger:not(.n-button--link).n-disabled {
+  background: #fd2f51;
+  border-color: #fd2f51; }
+
+.n-button--danger:not(.n-disabled).n-button--link {
+  color: #fd2f51; }
+
+.n-button--danger:not(.n-disabled).n-button--link:hover {
+  color: #fd5d77; }
+
+.n-button--danger:not(.n-disabled).n-button--link:focus {
+  color: #dc1b3c; }
+
+.n-button-group > *:not(:last-child) {
+  margin-right: 0; }
+
+.n-input {
+  background: #222328; }
+
+.n-input.n-disabled input {
+  background: rgba(71, 72, 76, 0.3); }
+
+.n-input .n-button--input {
+  color: #6b6d70; }
+
+/**
+     * Button primary
+     */
+.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; }
+
+/**
+     * Button primary
+     */
+.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; }
+
+/**
+     * Button primary
+     */
+.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; }
+
+/**
+     * Button primary
+     */
+.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; }
+
+/**
+     * Button primary
+     */
+.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; }
+
+/**
+     * Button primary
+     */
+.n-input--danger:not(.n-disabled).n-focus {
+  border-color: #fd5d77; }
+
+.n-input--danger:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
+  color: #fd2f51; }
+
+.n-input-number {
+  background: #222328; }
+
+.n-input-number.n-disabled input {
+  background: rgba(71, 72, 76, 0.3); }
+
+.n-input-number .n-button {
+  color: #9d9d9f;
+  background: rgba(71, 72, 76, 0.5); }
+
+/**
+     * Button primary
+     */
+.n-input-number--primary:not(.n-disabled).n-focus {
+  border-color: #7a9bff; }
+
+.n-input-number--primary:not(.n-disabled) .n-button:hover {
+  color: #4e7bff; }
+
+/**
+     * Button primary
+     */
+.n-input-number--secondary:not(.n-disabled).n-focus {
+  border-color: #8b69ff; }
+
+.n-input-number--secondary:not(.n-disabled) .n-button:hover {
+  color: #683bff; }
+
+/**
+     * Button primary
+     */
+.n-input-number--info:not(.n-disabled).n-focus {
+  border-color: #63d1f3; }
+
+.n-input-number--info:not(.n-disabled) .n-button:hover {
+  color: #37C4EF; }
+
+/**
+     * Button primary
+     */
+.n-input-number--success:not(.n-disabled).n-focus {
+  border-color: #66df9f; }
+
+.n-input-number--success:not(.n-disabled) .n-button:hover {
+  color: #3ed786; }
+
+/**
+     * Button primary
+     */
+.n-input-number--warning:not(.n-disabled).n-focus {
+  border-color: #ffbe5e; }
+
+.n-input-number--warning:not(.n-disabled) .n-button:hover {
+  color: #ffac2f; }
+
+/**
+     * Button primary
+     */
+.n-input-number--danger:not(.n-disabled).n-focus {
+  border-color: #fd5d77; }
+
+.n-input-number--danger:not(.n-disabled) .n-button:hover {
+  color: #fd2f51; }
+
+.n-textarea textarea {
+  background: #222328; }
+
+.n-textarea.n-disabled textarea {
+  background: rgba(71, 72, 76, 0.3); }
+
+/**
+     * Button primary
+     */
+.n-textarea--primary:not(.n-disabled) textarea:focus {
+  border-color: #7a9bff; }
+
+/**
+     * Button primary
+     */
+.n-textarea--secondary:not(.n-disabled) textarea:focus {
+  border-color: #8b69ff; }
+
+/**
+     * Button primary
+     */
+.n-textarea--info:not(.n-disabled) textarea:focus {
+  border-color: #63d1f3; }
+
+/**
+     * Button primary
+     */
+.n-textarea--success:not(.n-disabled) textarea:focus {
+  border-color: #66df9f; }
+
+/**
+     * Button primary
+     */
+.n-textarea--warning:not(.n-disabled) textarea:focus {
+  border-color: #ffbe5e; }
+
+/**
+     * Button primary
+     */
+.n-textarea--danger:not(.n-disabled) textarea:focus {
+  border-color: #fd5d77; }
+
+.n-switch__switch {
+  background: #2e3034; }
+
+.n-switch__switch span {
+  background: #ffffff;
+  box-shadow: 0 1px 2px rgba(4, 6, 13, 0.15); }
+
+.n-switch--primary:not(.n-disabled) .n-switch__switch {
+  background: #4e7bff; }
+
+.n-switch--primary:not(.n-disabled) .n-switch__label {
+  color: #4e7bff; }
+
+.n-switch--secondary:not(.n-disabled) .n-switch__switch {
+  background: #683bff; }
+
+.n-switch--secondary:not(.n-disabled) .n-switch__label {
+  color: #683bff; }
+
+.n-switch--info:not(.n-disabled) .n-switch__switch {
+  background: #37C4EF; }
+
+.n-switch--info:not(.n-disabled) .n-switch__label {
+  color: #37C4EF; }
+
+.n-switch--success:not(.n-disabled) .n-switch__switch {
+  background: #3ed786; }
+
+.n-switch--success:not(.n-disabled) .n-switch__label {
+  color: #3ed786; }
+
+.n-switch--warning:not(.n-disabled) .n-switch__switch {
+  background: #ffac2f; }
+
+.n-switch--warning:not(.n-disabled) .n-switch__label {
+  color: #ffac2f; }
+
+.n-switch--danger:not(.n-disabled) .n-switch__switch {
+  background: #fd2f51; }
+
+.n-switch--danger:not(.n-disabled) .n-switch__label {
+  color: #fd2f51; }
+
+.n-checkbox__checkbox {
+  color: #ffffff;
+  background: rgba(83, 84, 88, 0.5); }
+
+.n-checkbox.n-disabled .n-checkbox__checkbox {
+  background: rgba(107, 109, 112, 0.3); }
+
+/**
+     * Button primary
+     */
+.n-checkbox--primary.n-checked:not(.n-disabled) .n-checkbox__checkbox,
+.n-checkbox--primary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
+  color: #ffffff;
+  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; }
+
+/**
+     * Button primary
+     */
+.n-checkbox--secondary.n-checked:not(.n-disabled) .n-checkbox__checkbox,
+.n-checkbox--secondary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
+  color: #ffffff;
+  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; }
+
+/**
+     * Button primary
+     */
+.n-checkbox--info.n-checked:not(.n-disabled) .n-checkbox__checkbox,
+.n-checkbox--info.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
+  color: #ffffff;
+  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; }
+
+/**
+     * Button primary
+     */
+.n-checkbox--success.n-checked:not(.n-disabled) .n-checkbox__checkbox,
+.n-checkbox--success.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
+  color: #ffffff;
+  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; }
+
+/**
+     * Button primary
+     */
+.n-checkbox--warning.n-checked:not(.n-disabled) .n-checkbox__checkbox,
+.n-checkbox--warning.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
+  color: #ffffff;
+  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; }
+
+/**
+     * Button primary
+     */
+.n-checkbox--danger.n-checked:not(.n-disabled) .n-checkbox__checkbox,
+.n-checkbox--danger.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
+  color: #ffffff;
+  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: #ffffff;
+  background: rgba(83, 84, 88, 0.5); }
+
+.n-radio.n-disabled .n-radio__radio {
+  background: rgba(107, 109, 112, 0.3); }
+
+.n-radio__radio span {
+  background: #ffffff; }
+
+.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: #ffffff; }
+
+.n-radio--primary.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
+  background: #7a9bff;
+  border-color: #7a9bff; }
+
+.n-radio--primary.n-checked:not(.n-disabled) .n-radio__label {
+  color: #4e7bff; }
+
+.n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio {
+  background: #683bff;
+  border-color: #683bff; }
+
+.n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio span {
+  background: #ffffff; }
+
+.n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
+  background: #8b69ff;
+  border-color: #8b69ff; }
+
+.n-radio--secondary.n-checked:not(.n-disabled) .n-radio__label {
+  color: #683bff; }
+
+.n-radio--info.n-checked:not(.n-disabled) .n-radio__radio {
+  background: #37C4EF;
+  border-color: #37C4EF; }
+
+.n-radio--info.n-checked:not(.n-disabled) .n-radio__radio span {
+  background: #ffffff; }
+
+.n-radio--info.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
+  background: #63d1f3;
+  border-color: #63d1f3; }
+
+.n-radio--info.n-checked:not(.n-disabled) .n-radio__label {
+  color: #37C4EF; }
+
+.n-radio--success.n-checked:not(.n-disabled) .n-radio__radio {
+  background: #3ed786;
+  border-color: #3ed786; }
+
+.n-radio--success.n-checked:not(.n-disabled) .n-radio__radio span {
+  background: #ffffff; }
+
+.n-radio--success.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
+  background: #66df9f;
+  border-color: #66df9f; }
+
+.n-radio--success.n-checked:not(.n-disabled) .n-radio__label {
+  color: #3ed786; }
+
+.n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio {
+  background: #ffac2f;
+  border-color: #ffac2f; }
+
+.n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio span {
+  background: #ffffff; }
+
+.n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
+  background: #ffbe5e;
+  border-color: #ffbe5e; }
+
+.n-radio--warning.n-checked:not(.n-disabled) .n-radio__label {
+  color: #ffac2f; }
+
+.n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio {
+  background: #fd2f51;
+  border-color: #fd2f51; }
+
+.n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio span {
+  background: #ffffff; }
+
+.n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
+  background: #fd5d77;
+  border-color: #fd5d77; }
+
+.n-radio--danger.n-checked:not(.n-disabled) .n-radio__label {
+  color: #fd2f51; }
+
+.n-select {
+  background: #222328; }
+
+.n-select.n-disabled {
+  background: rgba(71, 72, 76, 0.3); }
+
+.n-select__clear,
+.n-select__angle {
+  color: #6b6d70; }
+
+.n-select__clear i {
+  background: rgba(71, 72, 76, 0.6); }
+
+.n-select__body,
+.n-select__empty {
+  background: #15171c;
+  box-shadow: 0 1px 3px 1px rgba(4, 6, 13, 0.15); }
+
+.n-select__empty {
+  color: #6b6d70; }
+
+.n-select--primary:not(.n-disabled).n-focus {
+  border-color: #4e7bff; }
+
+.n-select--primary .n-select__item {
+  color: #ffffff;
+  background: #4e7bff; }
+
+.n-select--secondary:not(.n-disabled).n-focus {
+  border-color: #683bff; }
+
+.n-select--secondary .n-select__item {
+  color: #ffffff;
+  background: #683bff; }
+
+.n-select--info:not(.n-disabled).n-focus {
+  border-color: #37C4EF; }
+
+.n-select--info .n-select__item {
+  color: #ffffff;
+  background: #37C4EF; }
+
+.n-select--success:not(.n-disabled).n-focus {
+  border-color: #3ed786; }
+
+.n-select--success .n-select__item {
+  color: #ffffff;
+  background: #3ed786; }
+
+.n-select--warning:not(.n-disabled).n-focus {
+  border-color: #ffac2f; }
+
+.n-select--warning .n-select__item {
+  color: #ffffff;
+  background: #ffac2f; }
+
+.n-select--danger:not(.n-disabled).n-focus {
+  border-color: #fd2f51; }
+
+.n-select--danger .n-select__item {
+  color: #ffffff;
+  background: #fd2f51; }
+
+.n-cascader-panel {
+  border: 1px solid #222328; }
+
+.n-cascader-panel .n-popover-option:not(.n-active) i {
+  color: #6b6d70; }
+
+.n-cascader-panel__items:not(:last-child) {
+  border-right: 1px solid #222328; }
+
+.n-cascader {
+  background: #222328; }
+
+.n-cascader.n-disabled {
+  background: rgba(71, 72, 76, 0.3); }
+
+.n-cascader__clear,
+.n-cascader__angle {
+  color: #6b6d70; }
+
+.n-cascader__clear i {
+  background: rgba(71, 72, 76, 0.6); }
+
+.n-cascader__placeholder {
+  color: rgba(255, 255, 255, 0.5); }
+
+.n-cascader__body,
+.n-cascader__empty {
+  background: #090b10;
+  box-shadow: 0 1px 3px 1px rgba(4, 6, 13, 0.15); }
+
+.n-cascader__empty {
+  color: #6b6d70; }
+
+.n-cascader--primary:not(.n-disabled).n-focus {
+  border-color: #4e7bff; }
+
+.n-cascader--secondary:not(.n-disabled).n-focus {
+  border-color: #683bff; }
+
+.n-cascader--info:not(.n-disabled).n-focus {
+  border-color: #37C4EF; }
+
+.n-cascader--success:not(.n-disabled).n-focus {
+  border-color: #3ed786; }
+
+.n-cascader--warning:not(.n-disabled).n-focus {
+  border-color: #ffac2f; }
+
+.n-cascader--danger:not(.n-disabled).n-focus {
+  border-color: #fd2f51; }
+
+.n-datepicker-panel {
+  border: 1px solid #222328; }
+
+.n-datepicker-panel__header {
+  background: #15171c;
+  border-bottom: 1px solid #222328; }
+
+.n-datepicker-panel__footer {
+  border-top: 1px solid #222328; }
+
+.n-datepicker-panel__display .n-datepicker-panel__month:hover,
+.n-datepicker-panel__display .n-datepicker-panel__year:hover {
+  background: rgba(46, 48, 52, 0.6); }
+
+.n-datepicker-panel__dateview .n-datepicker-panel__day.n-arrive:not(.n-selected),
+.n-datepicker-panel__dateview .n-datepicker-panel__day.n-depart:not(.n-selected),
+.n-datepicker-panel__dateview .n-datepicker-panel__day.n-between:not(.n-selected) {
+  background: rgba(46, 48, 52, 0.6); }
+
+.n-datepicker-panel__body .n-datepicker-panel__day:not(.n-current) {
+  color: #6b6d70; }
+
+.n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
+.n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
+.n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
+  color: #ffffff;
+  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: #ffffff;
+  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: #ffffff;
+  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: #ffffff;
+  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: #ffffff;
+  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: #ffffff;
+  background: #fd2f51; }
+
+.n-datepicker {
+  background: #222328; }
+
+.n-datepicker.n-disabled {
+  background: rgba(71, 72, 76, 0.3); }
+
+.n-datepicker__seperator {
+  color: #6b6d70; }
+
+.n-datepicker__clear,
+.n-datepicker__angle {
+  color: #6b6d70; }
+
+.n-datepicker__clear i {
+  background: rgba(46, 48, 52, 0.6); }
+
+.n-datepicker__placeholder {
+  color: rgba(9, 11, 16, 0.5); }
+
+.n-datepicker__body,
+.n-datepicker__empty {
+  background: #090b10;
+  box-shadow: 0 1px 3px 1px rgba(4, 6, 13, 0.15); }
+
+.n-datepicker__empty {
+  color: #6b6d70; }
+
+.n-datepicker--primary:not(.n-disabled).n-focus {
+  border-color: #4e7bff; }
+
+.n-datepicker--secondary:not(.n-disabled).n-focus {
+  border-color: #683bff; }
+
+.n-datepicker--info:not(.n-disabled).n-focus {
+  border-color: #37C4EF; }
+
+.n-datepicker--success:not(.n-disabled).n-focus {
+  border-color: #3ed786; }
+
+.n-datepicker--warning:not(.n-disabled).n-focus {
+  border-color: #ffac2f; }
+
+.n-datepicker--danger:not(.n-disabled).n-focus {
+  border-color: #fd2f51; }
+
+.n-timepicker-panel {
+  border: 1px solid #222328; }
+
+.n-timepicker-panel__header {
+  background: #15171c;
+  border-bottom: 1px solid #222328; }
+
+.n-timepicker-panel__panel:not(:last-child) {
+  border-right: 1px solid #222328; }
+
+.n-timepicker-panel--primary .n-timepicker-panel__item.n-selected {
+  color: #ffffff;
+  background: #4e7bff; }
+
+.n-timepicker-panel--secondary .n-timepicker-panel__item.n-selected {
+  color: #ffffff;
+  background: #683bff; }
+
+.n-timepicker-panel--info .n-timepicker-panel__item.n-selected {
+  color: #ffffff;
+  background: #37C4EF; }
+
+.n-timepicker-panel--success .n-timepicker-panel__item.n-selected {
+  color: #ffffff;
+  background: #3ed786; }
+
+.n-timepicker-panel--warning .n-timepicker-panel__item.n-selected {
+  color: #ffffff;
+  background: #ffac2f; }
+
+.n-timepicker-panel--danger .n-timepicker-panel__item.n-selected {
+  color: #ffffff;
+  background: #fd2f51; }
+
+.n-timepicker {
+  background: #222328; }
+
+.n-timepicker.n-disabled {
+  background: rgba(71, 72, 76, 0.3); }
+
+.n-timepicker__seperator {
+  color: #9d9d9f; }
+
+.n-timepicker__clear,
+.n-timepicker__angle {
+  color: #6b6d70; }
+
+.n-timepicker__clear i {
+  background: rgba(46, 48, 52, 0.6); }
+
+.n-timepicker__placeholder {
+  color: rgba(255, 255, 255, 0.5); }
+
+.n-timepicker__body,
+.n-timepicker__empty {
+  background: #090b10;
+  box-shadow: 0 1px 3px 1px rgba(4, 6, 13, 0.15); }
+
+.n-timepicker__empty {
+  color: #6b6d70; }
+
+.n-timepicker--primary:not(.n-disabled).n-focus {
+  border-color: #4e7bff; }
+
+.n-timepicker--secondary:not(.n-disabled).n-focus {
+  border-color: #683bff; }
+
+.n-timepicker--info:not(.n-disabled).n-focus {
+  border-color: #37C4EF; }
+
+.n-timepicker--success:not(.n-disabled).n-focus {
+  border-color: #3ed786; }
+
+.n-timepicker--warning:not(.n-disabled).n-focus {
+  border-color: #ffac2f; }
+
+.n-timepicker--danger:not(.n-disabled).n-focus {
+  border-color: #fd2f51; }
+
+.n-transfer__panel {
+  border: 1px solid #222328; }
+
+.n-transfer__header {
+  border-bottom: 1px solid #222328;
+  background: #15171c; }
+
+.n-transfer__search {
+  border-bottom: 1px solid #222328;
+  background: #15171c; }
+
+.n-transfer__item-count {
+  color: #9d9d9f; }
+
+.n-popover__frame {
+  box-shadow: 0 1px 3px 1px rgba(4, 6, 13, 0.55); }
+
+.n-popover-group,
+.n-popover-option {
+  color: #ffffff; }
+
+.n-popover-group {
+  color: #848588; }
+
+.n-popover-option:not(.n-disabled).n-hover,
+.n-popover-option:not(.n-disabled):hover {
+  background: rgba(132, 133, 136, 0.07); }
+
+.n-popover-option:not(.n-disabled).n-focus,
+.n-popover-option:not(.n-disabled).n-focus:hover {
+  background: rgba(132, 133, 136, 0.14); }
+
+.n-popover-option .n-image {
+  color: #6b6d70; }
+
+.n-popover-option .n-icon {
+  color: #6b6d70; }
+
+.n-popover--default .n-popover__frame {
+  color: #ffffff;
+  background: #15171c; }
+
+.n-popover--default .n-popover__header {
+  border-bottom: 1px solid #222328;
+  background: #222328; }
+
+.n-popover--default .n-popover__footer {
+  border-top: 1px solid #222328;
+  background: #222328; }
+
+.n-popover--default .n-popover-option {
+  color: #ffffff; }
+
+.n-popover--negative .n-popover__frame {
+  color: #ffffff;
+  background: #ffffff; }
+
+.n-popover--negative .n-popover__header {
+  border-bottom: 1px solid #e6e7e7;
+  background: #f3f3f3; }
+
+.n-popover--negative .n-popover__footer {
+  border-top: 1px solid #e6e7e7;
+  background: #f3f3f3; }
+
+.n-popover--negative .n-popover-option {
+  color: #ffffff; }
+
+.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: #ffffff;
+  background: rgba(58, 60, 64, 0.9); }
+
+.n-popover--tooltip .n-popover__body {
+  padding: 3px 8px; }
+
+.n-modal__backdrop {
+  background: rgba(83, 84, 88, 0.6); }
+
+.n-modal__frame {
+  box-shadow: 0 1px 5px 1px rgba(4, 6, 13, 0.2); }
+
+.n-modal--default .n-modal__frame {
+  color: #ffffff;
+  background: #090b10; }
+
+.n-modal--default .n-modal__header {
+  border-bottom: 1px solid #15171c;
+  background: #15171c; }
+
+.n-modal--default .n-modal__footer {
+  border-top: 1px solid #15171c;
+  background: #15171c; }
+
+.n-modal--preview .n-modal__frame {
+  color: #090b10;
+  background: #ffffff; }
+
+.n-modal--preview .n-modal__header {
+  border-bottom: 1px solid #e6e7e7;
+  background: #f3f3f3; }
+
+.n-modal--preview .n-modal__footer {
+  border-top: 1px solid #e6e7e7;
+  background: #f3f3f3; }
+
+.n-confirm--primary .n-confirm__icon {
+  color: #4e7bff; }
+
+.n-confirm--secondary .n-confirm__icon {
+  color: #683bff; }
+
+.n-confirm--info .n-confirm__icon {
+  color: #37C4EF; }
+
+.n-confirm--success .n-confirm__icon {
+  color: #3ed786; }
+
+.n-confirm--warning .n-confirm__icon {
+  color: #ffac2f; }
+
+.n-confirm--danger .n-confirm__icon {
+  color: #fd2f51; }
+
+.n-table {
+  border: 1px solid #222328; }
+
+.n-table .n-draglist-item {
+  border-bottom: 1px solid #222328; }
+
+.n-table .n-table__header {
+  background: #15171c;
+  border-bottom: 1px solid #222328;
+  box-shadow: 0 0 3px rgba(4, 6, 13, 0.1); }
+
+.n-table__header .n-table-column {
+  border-left: 1px solid #222328;
+  border-right: 1px solid #222328; }
+
+.n-table-column.n-filtered .n-table-column__label {
+  color: #4e7bff; }
+
+.n-table-column .n-table-column__sort > i:before {
+  border-top-color: rgba(132, 133, 136, 0.5); }
+
+.n-table-column.n-sorted.n-desc .n-table-column__sort > i:before {
+  border-top-color: #4e7bff; }
+
+.n-table-column .n-table-column__sort > i:after {
+  border-bottom-color: rgba(132, 133, 136, 0.5); }
+
+.n-table-column.n-sorted.n-asc .n-table-column__sort > i:after {
+  border-bottom-color: #4e7bff; }
+
+.n-table .n-table-column .n-table-column__filter > i {
+  color: #9d9d9f;
+  background: #2e3034; }
+
+.n-table-cell.n-changed:before {
+  content: '\00a0';
+  position: absolute;
+  top: -3px;
+  left: -3px;
+  display: block;
+  width: 0;
+  height: 0;
+  border: 3px solid transparent;
+  border-bottom-color: #fd2f51;
+  transform: rotate(-45deg); }
+
+.n-table-cell--image > div {
+  background-color: #222328; }
+
+.n-table-cell--checkbox i {
+  background: rgba(83, 84, 88, 0.5); }
+
+.n-table-cell--checkbox.n-disabled i {
+  background: rgba(107, 109, 112, 0.3); }
+
+.n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
+.n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
+  color: #ffffff;
+  background: #4e7bff;
+  border-color: #4e7bff; }
+
+.n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
+  background: #7a9bff;
+  border-color: #7a9bff; }
+
+.n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
+.n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
+  color: #ffffff;
+  background: #683bff;
+  border-color: #683bff; }
+
+.n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
+  background: #8b69ff;
+  border-color: #8b69ff; }
+
+.n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
+.n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
+  color: #ffffff;
+  background: #37C4EF;
+  border-color: #37C4EF; }
+
+.n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
+  background: #63d1f3;
+  border-color: #63d1f3; }
+
+.n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
+.n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
+  color: #ffffff;
+  background: #3ed786;
+  border-color: #3ed786; }
+
+.n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
+  background: #66df9f;
+  border-color: #66df9f; }
+
+.n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
+.n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
+  color: #ffffff;
+  background: #ffac2f;
+  border-color: #ffac2f; }
+
+.n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
+  background: #ffbe5e;
+  border-color: #ffbe5e; }
+
+.n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
+.n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
+  color: #ffffff;
+  background: #fd2f51;
+  border-color: #fd2f51; }
+
+.n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
+  background: #fd5d77;
+  border-color: #fd5d77; }
+
+.n-paginator {
+  color: #6b6d70; }
+
+.n-tabs__header:after {
+  border-bottom: 1px solid #222328; }
+
+.n-tabs__indicator {
+  background: #ffffff; }
+
+.n-tabs--primary .n-tabs__indicator {
+  background: #4e7bff; }
+
+.n-tabs--secondary .n-tabs__indicator {
+  background: #683bff; }
+
+.n-tabs--info .n-tabs__indicator {
+  background: #37C4EF; }
+
+.n-tabs--success .n-tabs__indicator {
+  background: #3ed786; }
+
+.n-tabs--warning .n-tabs__indicator {
+  background: #ffac2f; }
+
+.n-tabs--danger .n-tabs__indicator {
+  background: #fd2f51; }
+
+.n-tabs__tab-icon {
+  color: #9d9d9f; }
+
+.n-tabs--primary .n-tabs__tab.n-active .n-tabs__tab-icon,
+.n-tabs--primary .n-tabs__tab.n-active .n-tabs__tab-label {
+  color: #4e7bff; }
+
+.n-tabs--secondary .n-tabs__tab.n-active .n-tabs__tab-icon,
+.n-tabs--secondary .n-tabs__tab.n-active .n-tabs__tab-label {
+  color: #683bff; }
+
+.n-tabs--info .n-tabs__tab.n-active .n-tabs__tab-icon,
+.n-tabs--info .n-tabs__tab.n-active .n-tabs__tab-label {
+  color: #37C4EF; }
+
+.n-tabs--success .n-tabs__tab.n-active .n-tabs__tab-icon,
+.n-tabs--success .n-tabs__tab.n-active .n-tabs__tab-label {
+  color: #3ed786; }
+
+.n-tabs--warning .n-tabs__tab.n-active .n-tabs__tab-icon,
+.n-tabs--warning .n-tabs__tab.n-active .n-tabs__tab-label {
+  color: #ffac2f; }
+
+.n-tabs--danger .n-tabs__tab.n-active .n-tabs__tab-icon,
+.n-tabs--danger .n-tabs__tab.n-active .n-tabs__tab-label {
+  color: #fd2f51; }
+
+.n-info {
+  border: 1px solid #222328; }
+
+.n-info-column {
+  color: #9d9d9f; }
+
+.n-info-field.n-info-field--image > div {
+  background-color: rgba(132, 133, 136, 0.2); }
+
+.n-demo {
+  color: #ffffff;
+  background: #090b10; }
+
+.n-demo input,
+.n-demo textarea {
+  color: #ffffff; }
+